:root{--bg:#071426;--bg-soft:#0b1d34;--panel:#0e2440;--text:#f4f8ff;--muted:#aabbd0;--line:rgba(255,255,255,.12);--cyan:#38c8ff;--blue:#2878ff;--green:#44e4b5;--light:#f5f8fc;--dark:#102039;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dark);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);line-height:1.6}img{max-width:100%;height:auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-150%);background:#fff;color:#000;padding:.7rem 1rem;border-radius:.4rem}.skip-link:focus{transform:none}.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#fff}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(97,213,255,.6);border-radius:12px;background:linear-gradient(145deg,rgba(42,139,255,.35),rgba(29,222,204,.12));box-shadow:0 0 30px rgba(49,168,255,.18);font-weight:900}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em}.brand small{font-size:.69rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.navigation{display:flex;align-items:center;gap:1.7rem}.navigation a{text-decoration:none;font-size:.92rem;color:#d8e4f2}.navigation a:hover,.navigation a:focus-visible{color:#fff}.navigation .nav-cta{padding:.65rem 1rem;border:1px solid rgba(74,202,255,.5);border-radius:999px;background:rgba(40,120,255,.12)}.menu-button{display:none;border:1px solid var(--line);background:transparent;color:#fff;padding:.55rem .8rem;border-radius:.5rem;font:inherit}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 35%,rgba(28,113,246,.24),transparent 31%),radial-gradient(circle at 10% 10%,rgba(53,219,255,.1),transparent 26%),linear-gradient(145deg,#071426 0%,#081a31 58%,#061222 100%);color:var(--text);padding:160px 0 90px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);gap:4rem;align-items:center}.eyebrow{margin:0 0 1rem;color:#279eff;font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-size:clamp(2.85rem,5.7vw,5.8rem);line-height:1.02;letter-spacing:-.055em}.hero-lead{max-width:680px;margin:1.6rem 0 0;color:#b9c9da;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:.8rem 1.2rem;border-radius:.65rem;text-decoration:none;font-weight:750}.primary{background:linear-gradient(135deg,var(--blue),#24b9f5);color:#fff;box-shadow:0 12px 35px rgba(28,116,247,.28)}.secondary{border:1px solid var(--line);color:#e7f1ff;background:rgba(255,255,255,.045)}.trust-list{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;padding:0;margin:2rem 0 0;list-style:none;color:#9db0c7;font-size:.86rem}.trust-list li:before{content:"✓";margin-right:.5rem;color:var(--green);font-weight:900}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-visual img{position:relative;z-index:2;width:min(100%,620px);border-radius:28px;box-shadow:0 32px 90px rgba(0,0,0,.48);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.visual-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:rgba(33,133,255,.34);filter:blur(95px)}.status-card{position:absolute;z-index:3;display:grid;padding:.8rem 1rem;border:1px solid rgba(117,218,255,.24);border-radius:.8rem;background:rgba(4,18,37,.88);box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.status-card strong{font-size:.92rem}.status-card small{color:#94a9c0}.status-card-top{top:11%;right:-1%}.status-card-top span{position:absolute;top:.95rem;right:1rem;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}.status-card-bottom{bottom:11%;left:-3%}.section{padding:100px 0}.section-dark{background:var(--bg);color:var(--text)}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}.statement-grid h2,.section-heading h2,.operation-copy h2,.contact-card h2{margin:.3rem 0 0;font-size:clamp(2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.04em}.statement-grid>p{margin:0;color:#afbed0;font-size:1.08rem}.section-heading{max-width:720px}.section-heading>p:last-child{color:#5f6f82}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3.2rem;background:#dbe3ed;border:1px solid #dbe3ed}.feature-grid article{min-height:260px;padding:2rem;background:#fff}.feature-number{font-size:.76rem;font-weight:850;color:#2e83f6;letter-spacing:.13em}.feature-grid h3{margin:2.2rem 0 .7rem;font-size:1.25rem}.feature-grid p{margin:0;color:#657487}.section-muted{background:#eaf0f7}.operation-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;align-items:center}.operation-copy p:last-child{color:#617185}.architecture{padding:2rem;border:1px solid #cad6e4;border-radius:1.2rem;background:#fff;box-shadow:0 24px 70px rgba(16,32,57,.09)}.architecture-main,.architecture-nodes article{display:grid;gap:.2rem}.architecture-main{padding:1.3rem;border-radius:.8rem;background:var(--bg);color:#fff}.architecture span,.architecture small{color:#728197;font-size:.78rem}.architecture-main span,.architecture-main small{color:#a6b5c8}.architecture strong{font-size:1.1rem}.architecture-line{width:1px;height:42px;margin:auto;background:#b7c8da}.architecture-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.architecture-nodes article{padding:1rem;border:1px solid #d7e0ea;border-radius:.7rem}.architecture-nodes strong{font-size:.93rem;overflow-wrap:anywhere}.contact-section{background:linear-gradient(135deg,#0d2f60,#065d83);color:#fff}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:3rem}.contact-card p:last-child{max-width:720px;color:#c8d9ec}.light{flex:0 0 auto;background:#fff;color:#0c315c}.site-footer{padding:2rem 0;background:#06101e;color:#a6b5c8}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-brand{display:grid}.footer-brand strong{color:#fff;letter-spacing:.08em}.footer-brand span{font-size:.8rem}.site-footer nav{display:flex;gap:1.2rem}.site-footer a{text-decoration:none;font-size:.85rem}.site-footer a:hover,.site-footer a:focus-visible{color:#fff}:focus-visible{outline:3px solid #63d8ff;outline-offset:3px}@media(max-width:980px){.hero-grid,.operation-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{min-height:480px}.feature-grid{grid-template-columns:repeat(2,1fr)}.statement-grid{gap:3rem}.navigation{position:absolute;top:82px;left:20px;right:20px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:.6rem;border:1px solid var(--line);border-radius:.8rem;background:#08172a;box-shadow:0 20px 45px rgba(0,0,0,.35)}.navigation.is-open{display:flex}.navigation a{padding:.75rem}.menu-button{display:block}}@media(max-width:700px){.shell{width:min(100% - 28px,1180px)}.hero{padding:135px 0 70px}.hero-grid{gap:2rem}.hero h1{font-size:clamp(2.45rem,13vw,4.3rem)}.hero-visual{min-height:390px}.hero-visual img{transform:none;border-radius:18px}.status-card-top{top:3%;right:0}.status-card-bottom{bottom:2%;left:0}.statement-grid,.feature-grid,.architecture-nodes{grid-template-columns:1fr}.section{padding:72px 0}.feature-grid article{min-height:220px}.contact-card,.footer-inner{align-items:flex-start;flex-direction:column}.site-footer nav{flex-wrap:wrap}.architecture{padding:1rem}.trust-list{display:grid;gap:.55rem}.contact-card .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Erweiterte Animationen und Unterseiten */
.scroll-progress{position:fixed;inset:0 auto auto 0;z-index:100;width:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--green));box-shadow:0 0 18px rgba(56,200,255,.75);pointer-events:none}.cursor-glow{position:fixed;z-index:1;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(56,200,255,.09),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s ease}.site-header-solid{position:relative;background:#071426}.site-header-solid .header-inner{border-bottom-color:rgba(255,255,255,.1)}.navigation a[aria-current=page]{color:#fff}.navigation a[aria-current=page]:after{content:"";display:block;width:100%;height:2px;margin-top:.25rem;background:var(--cyan);border-radius:99px}.hero-copy>*{animation:heroRise .8s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}.hero-visual{animation:visualFloat 6s ease-in-out infinite}.visual-glow{animation:glowPulse 4.5s ease-in-out infinite}.status-card{animation:cardFloat 4s ease-in-out infinite}.status-card-bottom{animation-delay:-2s}.brand-mark{animation:brandPulse 3.5s ease-in-out infinite}.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.tilt-card{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.feature-grid .tilt-card:hover{box-shadow:0 22px 50px rgba(16,32,57,.13);position:relative;z-index:2}.page-hero{position:relative;overflow:hidden;padding:150px 0 105px;background:linear-gradient(145deg,#071426,#0a2341 68%,#071426);color:#fff}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}.page-hero-compact{padding-bottom:72px}.page-hero-inner{position:relative;z-index:2;max-width:850px}.page-hero h1{margin:0;font-size:clamp(3rem,8vw,6.5rem);line-height:.98;letter-spacing:-.055em}.page-hero p:last-child{max-width:760px;margin:1.4rem 0 0;color:#b7c8dc;font-size:1.08rem}.page-orb{position:absolute;border-radius:50%;filter:blur(6px);opacity:.55;animation:orbDrift 9s ease-in-out infinite}.page-orb-one{width:330px;height:330px;right:8%;top:12%;background:radial-gradient(circle at 35% 35%,rgba(68,228,181,.5),rgba(40,120,255,.08) 70%,transparent)}.page-orb-two{width:250px;height:250px;left:7%;bottom:-90px;background:radial-gradient(circle at 35% 35%,rgba(56,200,255,.45),transparent 70%);animation-delay:-4s}.contact-page{background:#f5f8fc}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.contact-option{position:relative;display:flex;min-height:330px;flex-direction:column;justify-content:flex-end;padding:2rem;border:1px solid #d8e3ee;border-radius:1.2rem;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 18px 55px rgba(16,32,57,.07)}.contact-option:before{content:"";position:absolute;inset:auto -25% -45% 25%;height:65%;background:radial-gradient(circle,rgba(40,120,255,.16),transparent 70%);transition:transform .4s ease}.contact-option:hover:before{transform:scale(1.45)}.contact-icon{position:absolute;top:1.5rem;right:1.5rem;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#0a1c33;color:#fff;font-size:1.4rem;box-shadow:0 12px 30px rgba(7,20,38,.18)}.contact-option strong{position:relative;font-size:clamp(1.25rem,2.2vw,1.7rem);overflow-wrap:anywhere}.contact-option small{position:relative;margin-top:.65rem;color:#68788c}.info-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.info-split h2{margin:.25rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}.availability-panel{padding:2rem;border-radius:1.2rem;background:#071426;color:#fff;box-shadow:0 24px 60px rgba(7,20,38,.16)}.availability-panel>span{display:block;margin-bottom:1.5rem;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.availability-panel p{margin:.35rem 0 1.3rem;color:#aebfd2}.legal-section{background:#f5f8fc}.legal-layout{display:grid;grid-template-columns:280px minmax(0,760px);gap:5rem;align-items:start}.legal-index{position:sticky;top:2rem;display:grid;padding:1.5rem;border-left:3px solid var(--blue);background:#eaf0f7}.legal-index strong{font-size:1.1rem}.legal-index span{margin-top:.35rem;color:#64758a;font-size:.88rem}.legal-content{padding:2.5rem;border:1px solid #dbe4ee;border-radius:1.2rem;background:#fff;box-shadow:0 20px 60px rgba(16,32,57,.06)}.legal-content h2{margin:2.3rem 0 .75rem;font-size:1.35rem;line-height:1.25}.legal-content h2:first-child{margin-top:0}.legal-content p{color:#586a7f}.legal-content a{color:#125dc4;text-underline-offset:.2em}.magnetic{transition:transform .18s ease,box-shadow .18s ease}
@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes visualFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes brandPulse{0%,100%{box-shadow:0 0 30px rgba(49,168,255,.18)}50%{box-shadow:0 0 38px rgba(49,168,255,.38)}}@keyframes orbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-28px,22px,0) scale(1.08)}}
@media(max-width:900px){.contact-options{grid-template-columns:1fr}.contact-option{min-height:230px}.legal-layout{grid-template-columns:1fr;gap:2rem}.legal-index{position:static}.info-split{grid-template-columns:1fr}}@media(max-width:700px){.page-hero{padding:120px 0 72px}.page-hero h1{font-size:clamp(2.7rem,15vw,4.5rem)}.legal-content{padding:1.3rem}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.hero-visual,.visual-glow,.status-card,.brand-mark,.page-orb{animation:none}.reveal{opacity:1;transform:none;transition:none}.tilt-card,.magnetic{transition:none}}


/* Aggregierte Live-Auswertung */
.live-status-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#071426,#0a203a);color:#fff}.live-status-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(40,120,255,.24),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.live-status-section .shell{position:relative}.live-heading>p:last-child{color:#aebed0}.live-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1rem;margin-top:3rem}.live-metrics article{display:grid;align-content:end;min-height:220px;padding:1.6rem;border:1px solid rgba(125,207,255,.18);border-radius:1rem;background:rgba(10,31,56,.76);box-shadow:0 22px 55px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.live-metrics span,.live-metrics small{color:#9fb2c8}.live-metrics strong{margin:.5rem 0;font-size:clamp(2.6rem,6vw,5.3rem);line-height:1;color:#fff;letter-spacing:-.055em}.live-metrics .live-time{font-size:clamp(1.45rem,3vw,2.5rem);letter-spacing:-.035em}.live-total-card{background:linear-gradient(145deg,rgba(35,115,241,.3),rgba(7,24,45,.9))!important}.server-status-panel{margin-top:1rem;padding:1.5rem;border:1px solid rgba(125,207,255,.18);border-radius:1rem;background:rgba(4,17,33,.7)}.server-status-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.server-status-head .eyebrow{margin-bottom:.25rem}.server-status-head h3{margin:0;font-size:1.35rem}.server-status-head>strong{color:#b8c9dc}.server-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.server-status-grid article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:rgba(255,255,255,.04)}.server-status-grid strong{grid-column:2}.server-status-grid small{grid-column:2;color:#93a8c0}.server-dot{grid-row:1/3;width:12px;height:12px;border-radius:50%}.server-dot.is-checking{background:#f3b947;box-shadow:0 0 18px rgba(243,185,71,.65);animation:statusPulse 1.3s ease-in-out infinite}.server-dot.is-online{background:var(--green);box-shadow:0 0 18px rgba(68,228,181,.75)}.server-dot.is-offline{background:#ff6077;box-shadow:0 0 18px rgba(255,96,119,.6)}.live-error{padding:1rem;border:1px solid rgba(255,96,119,.35);border-radius:.75rem;background:rgba(255,96,119,.08)}.has-error{opacity:.78}@keyframes statusPulse{50%{transform:scale(1.45);opacity:.6}}@media(max-width:900px){.live-metrics{grid-template-columns:1fr 1fr}.live-total-card{grid-column:1/-1}.server-status-grid{grid-template-columns:1fr}}@media(max-width:650px){.live-metrics{grid-template-columns:1fr}.live-total-card{grid-column:auto}.server-status-head{align-items:flex-start;flex-direction:column;gap:.5rem}.live-metrics article{min-height:185px}.live-metrics strong{font-size:3.2rem}}@media(prefers-reduced-motion:reduce){.server-dot.is-checking{animation:none}}

.live-status-page{min-height:620px}.live-status-note{margin:1.25rem 0 0;color:#9fb2c8;font-size:.9rem}.live-status-page .live-metrics,.live-status-page .server-status-panel{position:relative;z-index:1}


/* Kompakter Abschnitt Betrieb und Transparenz */
.transparency-section{overflow:hidden}
.transparency-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.transparency-heading{position:sticky;top:2rem;align-self:start;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #d9e4ef;border-radius:1.2rem;background:linear-gradient(145deg,#fff,#edf4fb);box-shadow:0 22px 65px rgba(16,32,57,.08)}
.transparency-heading h2{margin:.3rem 0 0;font-size:clamp(2.25rem,4.5vw,4.2rem);line-height:1.03;letter-spacing:-.045em}
.transparency-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,3vw,2.5rem);align-items:start}
.transparency-copy p{margin:0 0 1.35rem;color:#34465d}
.transparency-copy p:nth-child(4),.transparency-copy p:nth-child(5){grid-column:2}
.transparency-copy p:nth-child(4){grid-row:1}
.transparency-copy p:nth-child(5){grid-row:2}
@media(max-width:900px){.transparency-grid{grid-template-columns:1fr;gap:2rem}.transparency-heading{position:static}.transparency-copy{grid-template-columns:1fr 1fr}.transparency-copy p:nth-child(4),.transparency-copy p:nth-child(5){grid-column:auto;grid-row:auto}}
@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.transparency-heading{padding:1.35rem}.transparency-heading h2{font-size:clamp(2rem,10.5vw,3.1rem);overflow-wrap:anywhere}.transparency-copy{grid-template-columns:1fr;gap:0}.transparency-copy p{font-size:1rem;line-height:1.7}.section{padding:58px 0}.hero-actions .button{width:100%}.status-card{max-width:78%;overflow-wrap:anywhere}.footer-inner{width:100%}}
@media(max-width:380px){.shell{width:min(100% - 20px,1180px)}.hero h1{font-size:2.3rem}.transparency-heading h2{font-size:1.9rem}}

/* Live-Status: animierte Darstellung der drei Web-FW-Systeme */
.live-status-body{background:#01091a}.live-status-main{background:#01091a}.firewall-live-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);padding:clamp(.45rem,1.4vw,1.25rem);overflow:hidden;background:#01091a;color:#eef7ff}.firewall-live-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(14,104,204,.2),transparent 42%),linear-gradient(rgba(54,127,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(54,127,205,.045) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;pointer-events:none}.firewall-tv-button{position:absolute;z-index:20;top:1rem;right:1rem;display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border:1px solid rgba(78,164,255,.35);border-radius:.65rem;background:rgba(3,19,45,.78);color:#beddff;font:inherit;font-size:.78rem;cursor:pointer;backdrop-filter:blur(10px)}.firewall-tv-button:hover,.firewall-tv-button:focus-visible{border-color:#4fa7ff;background:#092859;color:#fff;outline:0}.firewall-scene{position:relative;width:min(1500px,97vw);height:min(820px,calc(100dvh - 175px));min-height:650px;overflow:hidden;border:1px solid rgba(60,142,222,.2);border-radius:1rem;background:radial-gradient(circle at 50% 42%,rgba(13,75,142,.18),transparent 38%),linear-gradient(180deg,rgba(5,21,48,.72),rgba(1,8,23,.95));box-shadow:0 24px 70px rgba(0,0,0,.42)}.firewall-scene:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(2,11,29,.78));pointer-events:none}#firewall-animation{position:absolute;inset:0;z-index:2;width:100%;height:100%}.firewall-side{position:absolute;z-index:4;top:16%;width:20%;height:48%}.firewall-side-users{left:4%}.firewall-side-attackers{right:4%}.firewall-person{position:absolute;width:clamp(90px,9vw,145px);filter:drop-shadow(0 20px 24px rgba(0,0,0,.5))}.firewall-person img{display:block;width:100%;height:auto}.firewall-person-user-one{left:4%;top:0}.firewall-person-user-two{right:2%;top:40%}.firewall-person-attacker-one{right:3%;top:0}.firewall-person-attacker-two{left:1%;top:43%}.firewall-link{position:absolute;z-index:3;top:35%;width:25%;height:2px;background:linear-gradient(90deg,transparent,rgba(50,164,255,.55),transparent);transform-origin:center}.firewall-link i{position:absolute;inset:-2px 0;background:linear-gradient(90deg,transparent,#50a4ff,transparent);filter:blur(1px);animation:firewall-link-pulse 2s linear infinite}.firewall-link b{position:absolute;right:5%;top:-11px;color:#ff5d66;font-size:1.25rem}.firewall-link-left{left:17%;transform:rotate(6deg)}.firewall-link-left-bottom{top:54%;transform:rotate(-7deg)}.firewall-link-right{right:17%;transform:rotate(-6deg)}.firewall-link-right-bottom{top:54%;transform:rotate(7deg)}.firewall-link-left b{display:none}.firewall-shield-wrap{position:absolute;z-index:6;left:50%;top:5%;width:clamp(270px,25vw,390px);height:clamp(340px,31vw,485px);transform:translateX(-50%)}.firewall-shield-aura{position:absolute;inset:-45px;background:radial-gradient(circle,rgba(28,166,255,.24),transparent 64%);animation:firewall-aura 3.5s ease-in-out infinite}.firewall-shield-frame{position:absolute;inset:0;width:100%;height:100%}.firewall-shield-content{position:absolute;inset:12% 17% 15%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.firewall-shield-logo{display:block;width:min(150px,70%);height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.firewall-shield-divider{width:70%;height:1px;margin:.7rem 0 1rem;background:linear-gradient(90deg,transparent,rgba(132,219,255,.75),transparent)}.firewall-shield-symbol{position:relative;width:105px;height:92px}.firewall-server-unit{position:absolute;left:7px;width:58px;height:18px;border:2px solid #68ccf7;border-radius:4px;background:linear-gradient(180deg,#0d5f89,#062d4d);box-shadow:0 0 10px rgba(64,191,244,.35)}.firewall-server-unit:before,.firewall-server-unit:after{content:"";position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:#6ff0c5;box-shadow:0 0 6px #6ff0c5}.firewall-server-unit:before{left:7px}.firewall-server-unit:after{left:16px}.firewall-server-unit-one{top:7px}.firewall-server-unit-two{top:34px}.firewall-server-unit-three{top:61px}.firewall-shield-lock{position:absolute;right:0;top:24px;display:grid;place-items:center;width:48px;height:48px;border:2px solid #8edfff;border-radius:50%;background:#052945;color:#dff7ff;font-size:1.65rem;box-shadow:0 0 18px rgba(73,190,244,.42)}.firewall-shield-title{margin-top:.8rem;color:#f1f7fb;font-size:1.02rem;font-weight:800;letter-spacing:.2em}.firewall-shield-state{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;color:#f3b947;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.firewall-shield-state span{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.firewall-shield-state b{font:inherit}.firewall-scene[data-protection-state="online"] .firewall-shield-state{color:#48e3b4}.firewall-scene[data-protection-state="partial"] .firewall-shield-state{color:#f3b947}.firewall-scene[data-protection-state="offline"] .firewall-shield-state{color:#ff6868}.firewall-status{position:absolute;z-index:7;left:4%;bottom:18%;display:flex;align-items:center;gap:.75rem;width:270px;padding:.8rem .9rem;border:1px solid rgba(66,156,238,.32);border-radius:.8rem;background:rgba(4,23,50,.9);box-shadow:0 18px 42px rgba(0,0,0,.38);backdrop-filter:blur(13px)}.firewall-status-icon{position:relative;display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;border-radius:.65rem;background:rgba(42,139,255,.14);color:#53afff;font-weight:900}.firewall-status-icon:after{content:"";position:absolute;right:-.12rem;top:-.12rem;width:.56rem;height:.56rem;border:2px solid #06142a;border-radius:50%;background:#f3b947}.firewall-status>span:last-child{display:grid;min-width:0}.firewall-status small{color:#8299b5;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.firewall-status strong{font-size:.95rem}.firewall-status em{overflow:hidden;color:#91a9c3;font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.firewall-status.status-online .firewall-status-icon{background:rgba(40,220,166,.13);color:#43e4b0}.firewall-status.status-online .firewall-status-icon:after{background:#3ce0aa;box-shadow:0 0 11px #3ce0aa}.firewall-status.status-partial .firewall-status-icon:after{background:#f3b947;box-shadow:0 0 11px #f3b947}.firewall-status.status-offline .firewall-status-icon:after{background:#ff5f67;box-shadow:0 0 11px #ff5f67}.firewall-server-list{position:absolute;z-index:7;right:4%;bottom:17%;display:grid;width:290px;border:1px solid rgba(66,156,238,.26);border-radius:.8rem;background:rgba(4,23,50,.9);box-shadow:0 18px 42px rgba(0,0,0,.38);overflow:hidden;backdrop-filter:blur(13px)}.firewall-server-list article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;padding:.62rem .8rem}.firewall-server-list article+article{border-top:1px solid rgba(65,139,215,.16)}.firewall-server-list strong{grid-column:2;font-size:.78rem}.firewall-server-list small{grid-column:2;color:#91a9c3;font-size:.61rem}.firewall-server-list .server-dot{grid-row:1/3}.firewall-live-metrics{position:absolute;z-index:8;left:50%;bottom:4.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(900px,72%);transform:translateX(-50%);overflow:hidden;border:1px solid rgba(57,145,232,.3);border-radius:.9rem;background:rgba(3,20,45,.9);box-shadow:0 22px 52px rgba(0,0,0,.45);backdrop-filter:blur(15px)}.firewall-live-metrics article{min-width:0;padding:.85rem 1rem;text-align:center}.firewall-live-metrics article+article{border-left:1px solid rgba(65,139,215,.18)}.firewall-live-metrics small{display:block;overflow:hidden;color:#839bb8;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.firewall-live-metrics strong{display:block;margin-top:.18rem;color:#f3f9ff;font-size:1.55rem;line-height:1.15;font-variant-numeric:tabular-nums}.firewall-live-metrics article:nth-child(2) strong{color:#ff7278}.firewall-live-metrics article:nth-child(3) strong{color:#ffc166}.firewall-live-metrics .firewall-metric-time{color:#55e0b5;font-size:1.05rem;padding-top:.3rem}.firewall-update-time{position:absolute;z-index:8;right:1.2rem;bottom:1rem;color:#637f9f;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.firewall-scene>.live-error{position:absolute;z-index:10;left:50%;top:1rem;transform:translateX(-50%)}@keyframes firewall-aura{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes firewall-link-pulse{0%{transform:translateX(-60%);opacity:0}35%,65%{opacity:1}100%{transform:translateX(60%);opacity:0}}@keyframes firewall-user-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes firewall-attacker-float{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.firewall-person-user{animation:firewall-user-float 4.4s ease-in-out infinite}.firewall-person-user-two{animation-delay:.7s}.firewall-person-attacker{animation:firewall-attacker-float 4.8s ease-in-out infinite}.firewall-person-attacker-two{animation-delay:.9s}@media(min-width:1800px){.firewall-scene{width:min(1760px,96vw);height:min(940px,calc(100dvh - 175px))}.firewall-shield-wrap{top:8%;transform:translateX(-50%) scale(1.14)}.firewall-side{transform:scale(1.12)}.firewall-live-metrics{width:min(940px,70%)}.firewall-live-metrics strong{font-size:1.9rem}}@media(max-width:1000px){.firewall-live-stage{align-items:flex-start;overflow:auto}.firewall-scene{height:auto;min-height:780px}.firewall-shield-wrap{top:6%;transform:translateX(-50%) scale(.84)}.firewall-side{top:13%;transform:scale(.82)}.firewall-side-users{left:1%}.firewall-side-attackers{right:1%}.firewall-link-left{left:16%}.firewall-link-right{right:16%}.firewall-status{bottom:28%;width:230px}.firewall-server-list{bottom:27%;width:250px}.firewall-live-metrics{bottom:5%;width:94%}}@media(max-width:700px){.firewall-live-stage{display:block;min-height:0;padding:.35rem;overflow:visible}.firewall-tv-button{top:.7rem;right:.7rem;padding:.5rem}.firewall-tv-button span:last-child{display:none}.firewall-scene{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;height:auto;min-height:0;padding-top:360px;padding-bottom:.6rem;overflow:visible;border-radius:.85rem}.firewall-scene:after{bottom:auto;height:360px}.firewall-shield-wrap{top:18px;width:230px;height:290px;transform:translateX(-50%)}.firewall-shield-content{inset:12% 17% 15%}.firewall-shield-logo{width:100px}.firewall-shield-divider{margin:.35rem 0 .55rem}.firewall-shield-symbol{transform:scale(.72);margin:-10px 0}.firewall-shield-title{font-size:.72rem}.firewall-shield-state{font-size:.55rem}.firewall-side{top:74px;width:25%;height:180px;transform:scale(.64)}.firewall-side-users{left:1%}.firewall-side-attackers{right:1%}.firewall-person:nth-child(2){display:none}.firewall-link{top:150px!important;width:24%}.firewall-link-left{left:16%}.firewall-link-right{right:16%}.firewall-status,.firewall-server-list{position:relative;inset:auto!important;width:auto;min-height:78px;margin:0;transform:none}.firewall-status{grid-column:1;margin-left:.55rem}.firewall-server-list{grid-column:2;margin-right:.55rem}.firewall-live-metrics{position:relative;left:auto;bottom:auto;grid-column:1/-1;grid-template-columns:1fr 1fr;width:auto;margin:0 .55rem;transform:none}.firewall-live-metrics article{padding:.75rem .5rem}.firewall-live-metrics article+article{border-left:0}.firewall-live-metrics article:nth-child(even){border-left:1px solid rgba(65,139,215,.18)}.firewall-live-metrics article:nth-child(n+3){border-top:1px solid rgba(65,139,215,.18)}.firewall-live-metrics small{font-size:.53rem}.firewall-live-metrics strong{font-size:1.35rem}.firewall-live-metrics .firewall-metric-time{font-size:.9rem}.firewall-update-time{position:relative;right:auto;bottom:auto;grid-column:1/-1;padding:.2rem;text-align:center}#firewall-animation{height:360px}}@media(max-width:390px){.firewall-scene{grid-template-columns:1fr;padding-top:335px}.firewall-scene:after,#firewall-animation{height:335px}.firewall-status,.firewall-server-list{grid-column:1;margin:0 .5rem}.firewall-live-metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.firewall-shield-aura,.firewall-person{animation:none!important}}:fullscreen .site-header,:fullscreen .site-footer,:-webkit-full-screen .site-header,:-webkit-full-screen .site-footer{display:none}:fullscreen .firewall-live-stage,:-webkit-full-screen .firewall-live-stage{min-height:100vh;min-height:100dvh;padding:.4rem}:fullscreen .firewall-scene,:-webkit-full-screen .firewall-scene{width:100%;height:calc(100vh - .8rem);height:calc(100dvh - .8rem);max-height:none}:fullscreen .firewall-tv-button,:-webkit-full-screen .firewall-tv-button{opacity:.25}:fullscreen .firewall-tv-button:focus,:fullscreen .firewall-tv-button:hover,:-webkit-full-screen .firewall-tv-button:focus,:-webkit-full-screen .firewall-tv-button:hover{opacity:1}