*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:0}
body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:rgba(47,224,182,.26)}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button{font:inherit;color:inherit}
.site-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#04121a 0%,#02090e 44%,#01070b 100%)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(110,174,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(110,174,190,.035) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.38) 45%,transparent 82%)}
.ambient-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.24}.glow-a{width:58vw;height:52vw;right:-22vw;top:-20vw;background:rgba(22,160,130,.18)}.glow-b{width:46vw;height:42vw;left:-22vw;bottom:-22vw;background:rgba(25,91,112,.16)}
.site-header{position:fixed;z-index:1000;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 64px),var(--shell));height:var(--header);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(1,8,12,.92),rgba(1,8,12,.52) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand-link{display:flex;align-items:center;height:32px}.brand-link img{height:28px;width:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:38px;font-size:14px;color:#cbd5d8}.nav a{transition:color .25s ease,opacity .25s ease}.nav a:hover{color:#fff}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px rgba(47,224,182,.95)}
.menu-button{display:none;border:0;background:transparent;font-size:24px}
main{position:relative;z-index:1}
.shell{width:min(calc(100% - 64px),var(--shell));margin:0 auto;position:relative}
.panel{position:relative;isolation:isolate;overflow:hidden;background:transparent}
.panel-content{position:relative;z-index:3}
.eyebrow{font-size:10px;letter-spacing:.32em;font-weight:800;color:#73efd2}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:8px;font-weight:730;font-size:15px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.button:hover{transform:translateY(-2px)}
.button-primary{min-width:158px;padding:15px 20px;background:linear-gradient(135deg,#25d9ae,#4ce4ba);color:#03110e;box-shadow:0 14px 34px rgba(34,211,167,.15)}
.button-quiet{padding:14px 0;color:#d8e1e3;font-weight:540}
@media(min-width:1024px){html{scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:rgba(79,159,157,.42) #02090e}.panel{height:100svh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always}.footer-panel{min-height:58svh;scroll-snap-align:end;scroll-snap-stop:always}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.motion-copy,.motion-visual,.motion-cards,.motion-thread{transition:none!important;transform:none!important;opacity:1!important}}