body[data-view="home"] #main{scroll-margin-top:96px}
/* Homepage rhythm and depth, using the existing blue / violet palette. */
body[data-view="home"] .hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;min-height:540px;padding-block:42px 38px}
body[data-view="home"] .hero-copy{min-width:0}
body[data-view="home"] .hero h1{font-size:clamp(44px,4.6vw,68px);line-height:1.07;letter-spacing:-.045em;margin-block:22px}
body[data-view="home"] .hero h1 span{background:linear-gradient(100deg,#2ca8ff 8%,#6989ff 66%,#a373ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
body[data-view="home"] .hero-lede{max-width:53ch;font-size:17px;line-height:1.75}
body[data-view="home"] .hero-points{gap:12px 20px;color:#95a9bf;font-size:12px;margin-top:26px}
body[data-view="home"] .home-logo{width:min(100%,500px)}
body[data-view="home"] .home-logo-art{mask-image:none;-webkit-mask-image:none}
body[data-view="home"] .home-logo-art>img{filter:url(#home-logo-cutout) brightness(1.12)}
body[data-view="home"] .home-logo-motion{bottom:0;right:10px;background:#07111ed9;border-color:#31466685}
body[data-view="home"] .flagship-card{grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"copy art" "cta art";column-gap:48px;row-gap:20px;padding:34px 40px;border-color:#596ab96b;border-radius:22px;background:radial-gradient(ellipse at 82% 50%,#6848da20,transparent 52%),linear-gradient(115deg,#091a2c,#090e1e);box-shadow:0 16px 48px #02061055}
body[data-view="home"] .flagship-card>div:first-child{grid-area:copy;align-self:end;min-width:0}
body[data-view="home"] .flagship-card h2{font-size:40px;line-height:1.15;margin:16px 0 12px}
body[data-view="home"] .flagship-card p{max-width:64ch;color:#b2c2d5;line-height:1.75;margin:0}
body[data-view="home"] .flagship-card>.button{grid-area:cta;justify-self:start;align-self:start}
body[data-view="home"] .flagship-mark{grid-area:art;display:block;width:220px;height:220px;justify-self:center;mix-blend-mode:screen;overflow:visible}
body[data-view="home"] .flagship-mark img{display:block;filter:url(#flagship-cutout);width:100%;height:100%;object-fit:contain}
body[data-view="home"] .section-block{padding-block:68px 48px}
body[data-view="home"] .section-heading{margin-bottom:26px;align-items:center}
body[data-view="home"] .section-heading h2{font-size:clamp(28px,3.1vw,40px);line-height:1.2;margin:18px 0 0;letter-spacing:-.025em}
body[data-view="home"] .app-grid{gap:16px}
body[data-view="home"] .app-card{padding:24px 21px;border-color:#38537666;background:linear-gradient(145deg,#0a1726,#060e1b);box-shadow:0 8px 24px #0002;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body[data-view="home"] .app-card h3{font-size:21px;line-height:1.3;margin:20px 0 10px}
body[data-view="home"] .app-card p{line-height:1.75;color:#b1c1d4}
body[data-view="home"] .badge,body[data-view="home"] .status-pill{line-height:1.5;border-color:#4972a55c;background:#15365352;color:#a5d5fc}
body[data-view="home"] .principles{border-color:#38537666;border-radius:20px}
body[data-view="home"] .principles article{padding:25px 24px;background:linear-gradient(145deg,#091421,#07101a)}
body[data-view="home"] .principles p{line-height:1.7;color:#a5b8cc}
body[data-view="home"] .nyx-os-home{margin-bottom:44px}
body[data-view="home"] .status-card{border-color:#38537666;box-shadow:none}
body[data-view="home"] .footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:24px 32px;padding-block:30px}
body[data-view="home"] .footer-links{flex:1 1 520px;flex-wrap:wrap;gap:13px 20px;min-width:0;font-size:13px}
body[data-view="home"] .footer-links a{white-space:nowrap}
body[data-view="home"] .footer-inner>small{padding:0;color:#8c9eb4}
@media(hover:hover){body[data-view="home"] .app-card:hover{transform:translateY(-3px);border-color:#7e7dec;box-shadow:0 12px 30px #1b175636}body[data-view="home"] .button.primary:hover{box-shadow:0 0 24px #406eff50;filter:brightness(1.08)}}
@media(max-width:1050px){body[data-view="home"] .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view="home"] .hero{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:24px}body[data-view="home"] .hero h1{font-size:48px}}
@media(max-width:760px){body[data-view="home"] .hero{grid-template-columns:minmax(0,1fr);padding-block:44px 28px;gap:16px;min-height:0}body[data-view="home"] .hero h1{font-size:clamp(40px,8vw,54px)}body[data-view="home"] .hero-lede{font-size:16px}body[data-view="home"] .home-logo{width:min(360px,90%)}body[data-view="home"] .flagship-card{grid-template-columns:minmax(0,1fr) 140px;column-gap:16px;padding:26px;row-gap:18px}body[data-view="home"] .flagship-mark{width:140px;height:140px}body[data-view="home"] .flagship-card h2{font-size:34px}body[data-view="home"] .section-block{padding-block:48px 32px}body[data-view="home"] .section-heading{align-items:flex-start;gap:18px}}
@media(max-width:480px){body[data-view="home"] .app-grid{grid-template-columns:minmax(0,1fr)}body[data-view="home"] .flagship-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "copy" "cta";gap:18px}body[data-view="home"] .flagship-mark{width:125px;height:125px;justify-self:start}body[data-view="home"] .flagship-card h2{margin-top:12px}body[data-view="home"] .footer-inner{gap:22px}body[data-view="home"] .hero-actions{gap:10px}body[data-view="home"] .hero-points{gap:10px 16px}}
@media(prefers-reduced-motion:reduce){body[data-view="home"] .app-card{transition:none}body[data-view="home"] .app-card:hover{transform:none}}
