:root{--navy-950: #05091a;--navy-900: #0a1030;--navy-800: #101c52;--blue-500: #3c5bfa;--blue-300: #8fa4ff;--cyan-400: #2fd7e6;--coral-400: #ff6b52;--coral-300: #ffab98;--ink-050: #f4f6ff;--ink-300: rgba(244, 246, 255, .72);--ink-500: rgba(244, 246, 255, .5);--hair: rgba(244, 246, 255, .14);--hair-strong: rgba(244, 246, 255, .28);--glass: rgba(244, 246, 255, .055);--panel-border: rgba(143, 164, 255, .22);--panel-glow: 0 22px 54px -30px rgba(4, 8, 24, .88);--bracket: rgba(143, 164, 255, .7);--bracket-len: 13px;--bracket-w: 2px;--font-display: "Manrope", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(46rem 30rem at 4% -4%,rgba(58,130,255,.38),transparent 58%),radial-gradient(64rem 42rem at 88% -12%,rgba(60,91,250,.5),transparent 62%),radial-gradient(40rem 30rem at 2% 104%,rgba(47,215,230,.16),transparent 65%),linear-gradient(178deg,var(--navy-900) 0%,var(--navy-950) 60%);padding:clamp(6px,1vw,12px) clamp(20px,5.5vw,80px) clamp(20px,3vw,36px);min-height:100vh;display:flex;flex-direction:column;color:var(--ink-050);font-family:var(--font-body)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 16%,transparent 28%);mask-image:linear-gradient(to bottom,black 0%,black 16%,transparent 28%);background-image:radial-gradient(1.7px 1.7px at 8% 18%,#fff,transparent),radial-gradient(1.3px 1.3px at 17% 9%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 22% 62%,#fff,transparent),radial-gradient(1.9px 1.9px at 34% 12%,#fff,transparent),radial-gradient(1.3px 1.3px at 41% 28%,#cfe0ff,transparent),radial-gradient(1.4px 1.4px at 47% 40%,#cfe0ff,transparent),radial-gradient(1.6px 1.6px at 61% 8%,#fff,transparent),radial-gradient(1.3px 1.3px at 68% 55%,#cfe0ff,transparent),radial-gradient(1.8px 1.8px at 78% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 85% 5%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 89% 46%,#fff,transparent),radial-gradient(1.3px 1.3px at 93% 12%,#cfe0ff,transparent),radial-gradient(1.7px 1.7px at 14% 82%,#fff,transparent),radial-gradient(1.4px 1.4px at 29% 91%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 55% 88%,#cfe0ff,transparent),radial-gradient(1.6px 1.6px at 82% 78%,#fff,transparent),radial-gradient(1.3px 1.3px at 96% 88%,#cfe0ff,transparent);background-repeat:no-repeat}.constellation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;opacity:.55;filter:drop-shadow(0 0 3px rgba(143,164,255,.5));-webkit-mask-image:linear-gradient(to bottom,black 0%,black 16%,transparent 28%);mask-image:linear-gradient(to bottom,black 0%,black 16%,transparent 28%)}.signal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.45;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(60% 50% at 50% 6%,black 0%,transparent 74%);mask-image:radial-gradient(60% 50% at 50% 6%,black 0%,transparent 74%)}.intro{max-width:700px;margin:clamp(4px,.8vw,10px) auto 0;text-align:center;flex:none}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.1vw,36px);line-height:1.16;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}.hero h1 em{font-style:normal;background:linear-gradient(96deg,var(--blue-300),var(--cyan-400));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(13.5px,1.2vw,15px);line-height:1.55;color:var(--ink-300);max-width:540px;margin:0 auto}.divider{width:120px;height:1px;margin:clamp(14px,2vw,20px) auto 0;background:linear-gradient(90deg,transparent,rgba(143,164,255,.55),transparent)}.board{position:relative;max-width:clamp(1220px,94vw,1920px);margin:clamp(14px,2vw,22px) auto 0;display:grid;grid-template-columns:minmax(0,clamp(268px,20vw,340px)) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch;gap:clamp(14px,1.2vw,24px) clamp(16px,1.4vw,30px);width:100%;flex:1;min-height:0}.side,.main{display:contents}.badge{grid-column:1;grid-row:1}.stats{grid-column:1;grid-row:2}.pills{grid-column:2;grid-row:1}.slider{grid-column:2;grid-row:2}@media (max-width: 900px){.board{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;flex:none}.badge{grid-row:1}.stats{grid-row:2}.pills{grid-row:3}.slider{grid-row:4}}.panel{position:relative;background-image:linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(180deg,#8fa4ff0f,#f4f6ff08);background-position:top left,top left,bottom right,bottom right,0 0;background-size:var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),100% 100%;background-repeat:no-repeat;border:1px solid var(--panel-border);border-radius:0 16px;box-shadow:var(--panel-glow)}.panel.stats{background-position:top right,top right,bottom left,bottom left,0 0;border-radius:16px 0}.side .stats{display:flex;flex-direction:column;justify-content:safe center;gap:clamp(13px,2.2vh,32px)}.badge{padding:clamp(16px,1.4vw,26px) clamp(18px,1.6vw,28px) clamp(14px,1.2vw,22px);text-align:center;display:flex;flex-direction:column;justify-content:safe center}.badge-cap{font-family:var(--font-mono);font-size:clamp(10px,.75vw,13px);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin-bottom:8px}.badge-seal{display:flex;justify-content:center;padding:2px 0}.badge-seal img{width:100%;max-width:clamp(150px,11vw,210px);height:auto;display:block;filter:drop-shadow(0 14px 26px rgba(60,91,250,.35))}.stats{padding:clamp(14px,1.2vw,24px) clamp(20px,1.6vw,32px);display:flex;flex-direction:column;gap:13px}.stat-block{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-mono);font-weight:700;font-size:clamp(19px,1.4vw,26px);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink-050)}.stat-label{font-size:clamp(11.5px,.85vw,14px);color:var(--ink-500);line-height:1.3}.pills{position:relative;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:safe center;gap:clamp(18px,1.8vw,40px);background-image:linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(var(--bracket),var(--bracket)),linear-gradient(180deg,#8fa4ff0f,#f4f6ff08);background-position:top left,top left,bottom right,bottom right,0 0;background-size:var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),100% 100%;background-repeat:no-repeat;border:1px solid var(--panel-border);border-radius:0 18px;padding:clamp(18px,1.8vw,38px) clamp(22px,2.2vw,48px);box-shadow:var(--panel-glow)}@media (max-width: 900px){.pills{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.pills{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:16px}}@media (max-width: 360px){.pills{grid-template-columns:1fr}.pill{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px}.pill img{width:40px;height:40px;flex:none}}.pill{min-width:0;background:none;border:none;box-shadow:none;padding:4px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:transform .18s ease,opacity .18s ease}.pill:hover{transform:translateY(-2px);opacity:.88}.pill img{width:clamp(58px,4.8vw,96px);height:clamp(58px,4.8vw,96px);object-fit:contain}.pill span{font-size:clamp(13px,1.05vw,18px);font-weight:600;line-height:1.32;color:var(--ink-050);overflow-wrap:break-word}.slider{--accent: 143, 164, 255;position:relative;background-image:linear-gradient(rgba(var(--accent),.7),rgba(var(--accent),.7)),linear-gradient(rgba(var(--accent),.7),rgba(var(--accent),.7)),linear-gradient(rgba(var(--accent),.7),rgba(var(--accent),.7)),linear-gradient(rgba(var(--accent),.7),rgba(var(--accent),.7)),linear-gradient(180deg,#8fa4ff12,#f4f6ff08);background-position:top right,top right,bottom left,bottom left,0 0;background-size:var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),var(--bracket-len) var(--bracket-w),var(--bracket-w) var(--bracket-len),100% 100%;background-repeat:no-repeat;border:1px solid rgba(var(--accent),.3);border-radius:18px 0;padding:clamp(14px,1.5vw,32px) clamp(16px,1.7vw,36px);min-width:0;display:flex;flex-direction:column;min-height:0;box-shadow:var(--panel-glow),0 0 0 1px rgba(var(--accent),.06);transition:border-color .35s ease}.slider-viewport{overflow:hidden;border-radius:13px;flex:1;display:flex;min-height:0}.slider-track{display:flex;width:200%;flex-shrink:0;transition:transform .45s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion: reduce){.slider-track{transition:none}}.slide{flex:0 0 50%;width:50%;min-width:0;padding:2px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.4vh,26px);align-items:start;align-content:safe center;height:100%;overflow-y:auto}.feat-card{min-width:0;background:linear-gradient(180deg,#8fa4ff12,#f4f6ff08);border:1px solid var(--panel-border);border-radius:12px;padding:clamp(12px,1.3vw,26px) clamp(14px,1.5vw,32px) clamp(13px,1.4vw,28px);box-shadow:var(--panel-glow)}.feat-card-icon{width:clamp(34px,3vw,58px);height:clamp(34px,3vw,58px);object-fit:contain;display:block;margin-bottom:clamp(10px,1vw,18px)}.feat-card-icon svg{width:100%;height:100%}.feat-card h3{font-family:var(--font-display);font-size:clamp(14.5px,1.2vw,22px);font-weight:700;color:var(--ink-050);margin:0 0 8px;overflow-wrap:break-word}.feat-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(5px,.6vw,10px)}.feat-card li{position:relative;padding-left:12px;font-size:clamp(12px,1vw,17px);line-height:1.42;color:var(--ink-300);overflow-wrap:break-word}.feat-card li:before{content:"–";position:absolute;left:0;color:var(--blue-300)}.slide h2{font-family:var(--font-display);font-size:clamp(22px,2vw,36px);font-weight:700;letter-spacing:-.01em;margin:0 0 7px}.slide-sub{font-size:clamp(14.5px,1.2vw,20px);color:var(--ink-300);line-height:1.5;margin:0 0 10px;max-width:none;overflow-wrap:break-word}.slide-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}.slide-stat-value{font-family:var(--font-mono);font-weight:700;font-size:clamp(21px,1.8vw,32px);font-variant-numeric:tabular-nums}.slide--cloud .slide-stat-value,.slide--ddos .slide-stat-value{color:var(--blue-300)}.slide-stat-label{font-size:clamp(13px,1vw,18px);color:var(--ink-500)}.slide-cta{display:flex;width:fit-content;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink-050);text-decoration:none}.slide-cta svg{width:16px;height:16px;transition:transform .15s ease}.slide-cta:hover svg{transform:translate(3px)}.slide-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,22px)}@media (max-width: 700px){.slide-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.slide-features{grid-template-columns:minmax(0,1fr)}}.dots{display:flex;justify-content:center;gap:8px;margin-top:12px;flex:none}.dot{width:22px;height:4px;border-radius:3px;border:none;background:var(--hair-strong);cursor:pointer;padding:0;transition:background .2s ease}.dot[aria-current=true].dot--cloud,.dot[aria-current=true].dot--ddos{background:var(--blue-300)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#05091a;color:#f4f6ff;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}img,svg{max-width:100%}a{color:inherit}button{font-family:inherit}