/* Cinematic layer: local graphics, no third-party services or assets. */
:root{--ice:#b6eeff;--accent:#7ad8ef;--line:rgba(150,207,226,.18)}
body{background:#040a10;isolation:isolate}.bg-grid{z-index:-1;opacity:.45}#ambient{z-index:-1;opacity:.65}
.topbar{height:88px;background:rgba(4,10,16,.78);border-color:rgba(162,220,238,.13)}.brand img{width:280px}.nav a{font-size:10px;letter-spacing:.15em}.nav .partner{border-color:rgba(158,220,235,.4)}
.hero,.page-hero,.detail-hero{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:760px;height:calc(100svh - 88px);max-height:1080px;background:#040b13}
.hero-copy{padding:120px clamp(28px,5.5vw,96px) 150px;width:58%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(52px,5.7vw,88px);max-width:750px;line-height:.98;letter-spacing:-.052em}.page-hero h1,.detail-hero h1{font-size:clamp(52px,5.7vw,88px);line-height:.98}.hero h1 span,.page-hero h1 span,.detail-hero h1 span,.display span{background:linear-gradient(115deg,#ecfcff 8%,#98d9e7 55%,#5797b3);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy .kicker{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.23em;color:#a3d5e1}.hero-copy .kicker:before{content:"";width:28px;height:1px;background:#a3d5e1;box-shadow:0 0 12px #88dfff}.lead{font-size:16px;line-height:1.85;color:#9dacb9;max-width:540px}.hero-copy .actions{margin-top:27px}.button{font-size:10px;padding:17px 22px;border-color:rgba(163,221,237,.4);background:rgba(126,203,221,.1);position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#bbf3ff30 50%,transparent 80%);transform:translateX(-130%);transition:transform .7s}.button:hover:before{transform:translateX(130%)}
.hero>.visual,.page-hero>.visual,.detail-hero>.visual{position:absolute;inset:0;min-height:0;z-index:-1;background:radial-gradient(ellipse at 76% 49%,#102536,#040b13 65%)}
.hero>.visual:before,.page-hero>.visual:before,.detail-hero>.visual:before{z-index:2;background:linear-gradient(90deg,#040b13 0%,#040b13ed 27%,#040b1355 52%,transparent 70%),linear-gradient(0deg,#040b13 0,transparent 20%);pointer-events:none}
.visual .mission-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.visual.has-scene>img{opacity:0}.visual.has-scene>.hud{display:none}.visual>.notional{font-size:8px;letter-spacing:.18em;right:34px;bottom:30px;color:#86a3b2;max-width:70%;text-align:right}
.scene-caption{position:absolute;top:36px;right:36px;z-index:3;display:flex;align-items:center;gap:10px;font:9px/1.5 Consolas,monospace;letter-spacing:.17em;color:#8fb8c8}.scene-caption:before{content:"";width:5px;height:5px;background:#9feeff;box-shadow:0 0 12px #9feeff;border-radius:50%}.scene-index{position:absolute;right:34px;bottom:78px;z-index:3;font:9px/1.8 Consolas,monospace;letter-spacing:.18em;color:#7893a3;text-align:right}.scene-index strong{display:block;color:#c5e3ee;font-size:11px;font-weight:400}
.hero-copy>*{animation:arrival 1s both}.hero-copy h1{animation-delay:.1s}.hero-copy .lead{animation-delay:.2s}.hero-copy .actions{animation-delay:.3s}@keyframes arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.status-strip{margin:0;max-width:none;background:#08121b;box-shadow:none;border-left:0;border-right:0}.status{padding:26px 15px;color:#8395a5;font-size:9px;letter-spacing:.17em}.status strong{font-size:27px;font-weight:500;color:#d2e8ee}
.section{padding:110px clamp(28px,5.5vw,80px);max-width:1500px}.kicker{color:#8bc8d9;font-size:10px}.display{font-weight:500;line-height:1.08;font-size:clamp(38px,4.5vw,68px)}.intro{color:#91a6b6;font-size:17px}.feature{background:linear-gradient(90deg,#10212f70,transparent);border-left:1px solid #6cabbc;padding:20px;color:#aebec9}
.tech-grid{gap:0;border:1px solid var(--line)}.tech-card{border:0;border-right:1px solid var(--line);min-height:345px;background:linear-gradient(160deg,#0e202c,#050c14);padding:28px 22px;transform-style:preserve-3d;transition:transform .25s,border-color .25s,box-shadow .25s}.tech-card:last-child{border:0}.tech-card .n{font:12px Consolas,monospace;color:#648496;top:27px;right:22px}.tech-card h3{font-size:15px;line-height:1.6;margin-top:36px;letter-spacing:.025em}.tech-card p{font-size:13px;color:#8198a9}.tech-card img{width:80px;height:80px;margin-top:15px}.tech-card:before,.product-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#9ceaff19,transparent 60%);opacity:0;transition:opacity .4s}.tech-card:hover:before,.product-card:hover:before{opacity:1}.tech-card:hover{z-index:2;box-shadow:0 22px 80px #0007}.product-card{position:relative;overflow:hidden}.domain-row{border-color:#a1d7e522}.domain-row .visual:before{background:linear-gradient(0deg,#040b1388,transparent)}.domain-row .visual img{filter:saturate(.8)}
.flow div,.concept div{overflow:hidden}.flow div:before,.concept div:before{content:"";position:absolute;left:0;top:0;width:50%;height:1px;background:linear-gradient(90deg,transparent,#b3f2ff,transparent);animation:signal 4s linear infinite;animation-delay:calc(var(--i,0)*.45s)}@keyframes signal{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
.notion-note{font-size:12px;line-height:1.8;color:#7c94a5}.footer{background:#03080d;font-size:9px;line-height:2;color:#637b8e}.footer img{width:240px}.footer span{font-size:8px;letter-spacing:.05em}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:#a1e7ef;box-shadow:0 0 12px #82d9e6;z-index:100;pointer-events:none}.motion{position:fixed;right:78px;bottom:20px;z-index:60;height:47px;padding:0 14px;border:1px solid var(--line);border-radius:24px;background:#06101be6;color:#adc8d7;font-size:9px;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(10px)}.sound{font-size:12px;border-color:var(--line)}
a:focus-visible,button:focus-visible{outline:2px solid #b4ecf7;outline-offset:5px}.reveal{opacity:1;transform:none;transition:opacity .9s,transform .9s;transition-delay:var(--delay,0ms)}.effects-ready:not(.motion-paused) .reveal:not(.visible){opacity:0;transform:translateY(24px)}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-copy>*{animation:none}.motion-paused .reveal{transition:none;opacity:1;transform:none}
@media(min-width:1800px){.hero-copy{width:54%}.hero h1{font-size:100px}}
@media(max-width:1100px){.hero,.page-hero,.detail-hero{min-height:720px;height:auto}.hero-copy{width:72%;min-height:720px;padding-top:90px;padding-bottom:100px}.hero h1,.page-hero h1,.detail-hero h1{font-size:64px}.hero>.visual:before,.page-hero>.visual:before,.detail-hero>.visual:before{background:linear-gradient(90deg,#040b13f0,#040b1370 70%,#040b1340)}.tech-grid{gap:1px;border:0;background:var(--line)}.tech-card{border:0}.tech-card:last-child{grid-column:1/-1}.nav{top:88px}.split,.detail-grid{gap:35px}}
@media(max-width:680px){.topbar{height:72px;padding:0 22px}.brand img{width:230px;max-width:75vw}.nav{top:72px}.hero,.page-hero,.detail-hero{height:auto;min-height:850px}.hero-copy{width:100%;height:auto;min-height:620px;justify-content:flex-start;padding:70px 24px 250px}.hero h1,.page-hero h1,.detail-hero h1{font-size:46px;margin:22px 0}.hero .lead,.page-hero .lead,.detail-hero .lead{font-size:14px;line-height:1.8;max-width:450px}.hero>.visual:before,.page-hero>.visual:before,.detail-hero>.visual:before{background:linear-gradient(180deg,#040b13 0,#040b13ed 25%,#040b1380 55%,transparent 73%,#040b13 100%)}.scene-caption{top:auto;bottom:36px;left:24px;font-size:8px;right:auto}.scene-index{display:none}.visual>.notional{right:24px;bottom:17px;font-size:6px;max-width:80%}.status-strip{grid-template-columns:repeat(2,1fr)}.status{padding:22px 10px;border:1px solid #a4d6e015}.status strong{font-size:24px}.section{padding:72px 24px}.tech-card{min-height:285px}.tech-card:last-child{grid-column:auto}.tech-card h3{margin-top:25px}.motion{height:40px;bottom:16px;right:70px}.sound{width:40px;height:40px;bottom:16px}.footer{padding-bottom:90px}.scene-caption{max-width:85%}.page-hero .hero-copy,.detail-hero .hero-copy{padding-top:65px;padding-bottom:280px}.detail-hero h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy>*{opacity:1}.reveal{opacity:1!important;transform:none!important}}
body.motion-paused *{transition:none!important;scroll-behavior:auto}.motion-paused .button:hover,.motion-paused .feature:hover,.motion-paused .domain-row:hover,.motion-paused .seal-wrap img:hover,.motion-paused .tech-card:hover,.motion-paused .product-card:hover,.motion-paused .sound:hover{transform:none}
@media(prefers-reduced-motion:reduce){.button:hover,.feature:hover,.domain-row:hover,.seal-wrap img:hover,.tech-card:hover,.product-card:hover,.sound:hover{transform:none}}
/* Original SVGs and content remain available without JavaScript. */
body:not(.effects-ready) .sound,body:not(.effects-ready) .menu{display:none}
@media(max-width:1100px){body:not(.effects-ready) .topbar{height:auto;min-height:88px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:14px}body:not(.effects-ready) .nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;padding:0;background:transparent;gap:14px}body:not(.effects-ready) .nav a{font-size:9px}}