:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070b;color:#f4fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,a{font:inherit}.app{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 68% 34%,rgba(22,226,255,.22),transparent 26rem),radial-gradient(circle at 12% 12%,rgba(104,92,255,.14),transparent 22rem),linear-gradient(135deg,#05070b,#071017 48%,#060a10);isolation:isolate;transition:background .7s ease}.tone-civic{background:radial-gradient(circle at 70% 42%,rgba(31,209,177,.22),transparent 25rem),radial-gradient(circle at 8% 16%,rgba(91,151,255,.12),transparent 22rem),linear-gradient(135deg,#04080b,#081312 48%,#05080c)}.tone-security{background:radial-gradient(circle at 70% 35%,rgba(120,221,255,.16),transparent 24rem),radial-gradient(circle at 18% 82%,rgba(255,255,255,.08),transparent 18rem),linear-gradient(135deg,#040608,#081116 55%,#04070b)}.tone-final{background:radial-gradient(circle at 74% 36%,rgba(117,125,255,.2),transparent 25rem),radial-gradient(circle at 28% 75%,rgba(22,226,255,.16),transparent 20rem),linear-gradient(135deg,#05070b,#0b0d17 55%,#04070c)}.ambientGrid,.scanline{position:absolute;inset:0;pointer-events:none;z-index:-1}.ambientGrid{background-image:linear-gradient(rgba(137,233,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(137,233,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 58% 44%,black,transparent 72%);animation:gridDrift 22s linear infinite}.scanline{background:linear-gradient(180deg,transparent 0%,rgba(119,235,255,.12) 50%,transparent 100%);height:18vh;opacity:.42;animation:scan 6.5s ease-in-out infinite}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,5vw,72px)}.brand{display:inline-flex;align-items:baseline;gap:12px;color:#f7fcff;text-decoration:none}.brand span{font-weight:800;font-size:20px}.brand small{color:#ddf6ffa3;font-size:12px;letter-spacing:0;text-transform:uppercase}.metaNav{display:flex;gap:6px;padding:5px;border:1px solid rgba(184,238,255,.18);background:#071018a3;backdrop-filter:blur(18px)}.metaNav button{min-width:42px;height:32px;border:0;color:#e6f9ffb8;background:transparent;cursor:pointer}.metaNav button.active{color:#041014;background:#8beeff}.slideShell{min-height:100vh;display:flex;align-items:center;padding:98px clamp(22px,6vw,96px) 88px}.slideContent{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(32px,6vw,90px)}.copy{max-width:690px}.kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;color:#9ff2ff;border:1px solid rgba(154,239,255,.22);background:#0a1b2594;backdrop-filter:blur(16px);font-size:13px;text-transform:uppercase}h1{max-width:12ch;margin:22px 0;color:#f7fcff;font-size:clamp(44px,7vw,96px);line-height:.95;letter-spacing:0}p{max-width:62ch;margin:0;color:#e4f6ffc7;font-size:clamp(17px,1.7vw,23px);line-height:1.58}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.chips span{padding:10px 13px;color:#e9fbff;border:1px solid rgba(164,239,255,.2);background:#0f212d94;box-shadow:inset 0 0 22px #27dcff0d}.visual{position:relative;min-height:min(64vh,650px);display:grid;place-items:center}.sceneWrap{position:relative;width:min(680px,88vw);aspect-ratio:1}.aiScene{width:100%;height:100%;display:block;filter:drop-shadow(0 0 30px rgba(78,225,255,.2))}.sceneLabels{position:absolute;inset:0;animation:labelOrbit 32s linear infinite}.sceneLabels span{--angle: calc(var(--i) * 40deg);position:absolute;top:50%;left:50%;min-width:76px;padding:7px 9px;color:#ecfcffdb;border:1px solid rgba(138,235,255,.18);background:#040c1294;text-align:center;font-size:12px;transform:rotate(var(--angle)) translate(clamp(155px,22vw,270px)) rotate(calc(var(--angle) * -1))}.moduleOrb{position:relative;width:min(520px,76vw);aspect-ratio:1;display:grid;place-items:center;color:#9af1ff;border:1px solid rgba(156,239,255,.16);background:linear-gradient(135deg,#84edff21,#ffffff05),radial-gradient(circle,rgba(80,224,255,.18),transparent 62%);box-shadow:inset 0 0 80px #42d8ff1f,0 0 100px #1fd3ff21;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%)}.rings,.rings:before,.rings:after{position:absolute;inset:16%;border:1px solid rgba(143,237,255,.22);border-radius:50%;content:"";animation:spin 14s linear infinite}.rings:before{inset:12%;border-style:dashed;animation-duration:18s;animation-direction:reverse}.rings:after{inset:28%;opacity:.7;animation-duration:10s}.dataLines{position:absolute;inset:0}.dataLines i{position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(129,237,255,.8),transparent);animation:dataPulse 3s ease-in-out infinite}.dataLines i:nth-child(1){top:23%}.dataLines i:nth-child(2){top:42%;animation-delay:.45s}.dataLines i:nth-child(3){top:61%;animation-delay:.9s}.dataLines i:nth-child(4){top:78%;animation-delay:1.35s}.floatingPanel{position:absolute;right:0;bottom:2vh;width:min(260px,54vw);padding:14px;border:1px solid rgba(178,241,255,.18);background:#050e16a8;backdrop-filter:blur(18px);box-shadow:0 18px 70px #00000047}.signal{display:flex;align-items:center;gap:10px;min-height:36px;color:#eefcffd1;border-bottom:1px solid rgba(177,241,255,.09);font-size:13px}.signal:last-child{border-bottom:0}.signal svg{color:#8defff}.rail{position:fixed;z-index:22;top:50%;right:clamp(16px,3vw,42px);display:flex;flex-direction:column;gap:10px;transform:translateY(-50%)}.rail button{width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer}.rail span{display:block;width:7px;height:7px;margin:auto;border:1px solid rgba(214,249,255,.62);border-radius:50%;transition:.24s ease}.rail .active span{width:11px;height:11px;background:#8beeff;border-color:#8beeff;box-shadow:0 0 18px #8beeffd1}.bottomBar{position:fixed;left:clamp(22px,6vw,96px);right:clamp(22px,6vw,96px);bottom:28px;z-index:20;display:flex;align-items:center;gap:18px}.progress{flex:1;height:2px;overflow:hidden;background:#c9f6ff29}.progress span{display:block;height:100%;background:linear-gradient(90deg,#7cf0ff,#fff);box-shadow:0 0 18px #7cf0ffd1;transition:width .56s ease}.nextButton{display:inline-flex;align-items:center;gap:10px;min-width:116px;height:40px;padding:0 12px;color:#eefdff;border:1px solid rgba(181,243,255,.18);background:#08141db8;cursor:pointer}.nextButton svg{animation:nudge 1.6s ease-in-out infinite}@keyframes gridDrift{0%{transform:translateZ(0)}to{transform:translate3d(-72px,72px,0)}}@keyframes scan{0%,to{transform:translateY(-24vh)}50%{transform:translateY(104vh)}}@keyframes labelOrbit{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dataPulse{0%,to{opacity:.18;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}@keyframes nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media(max-width:920px){html,body,#root{overflow:auto}.app{min-height:100svh}.topbar{padding:18px}.brand small{display:none}.slideShell{min-height:100svh;padding:86px 18px 82px}.slideContent{grid-template-columns:1fr;gap:24px}.copy{max-width:none}h1{max-width:11ch;font-size:clamp(39px,14vw,64px)}p{font-size:16px}.visual{min-height:320px}.sceneWrap{width:min(410px,94vw)}.sceneLabels span{transform:rotate(var(--angle)) translate(clamp(118px,38vw,178px)) rotate(calc(var(--angle) * -1))}.moduleOrb{width:min(330px,84vw)}.floatingPanel{right:auto;left:0;bottom:-8px;width:min(250px,78vw)}.rail{right:12px}.bottomBar{left:18px;right:18px;bottom:18px}}@media(max-width:560px){.kicker{max-width:100%;font-size:11px}h1{max-width:10ch;margin-top:16px;margin-bottom:16px}.chips{gap:8px;margin-top:20px}.chips span{padding:8px 10px;font-size:12px}.rail,.floatingPanel{display:none}.sceneLabels span{min-width:60px;font-size:10px}}