
:root{--accent:#35d4ff;--ink:#ecf8ff;--muted:#8ea9bf}body{font-family:Inter,system-ui,sans-serif;background:#04101b;color:var(--ink);min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1380px)/2));background:rgba(4,16,27,.66);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.mark{display:flex;align-items:center;gap:12px;font-weight:800}.mark img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:white;padding:4px}.topbar nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.hero{min-height:100vh;padding:120px max(28px,calc((100vw - 1380px)/2)) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:radial-gradient(circle at 70% 36%,rgba(25,127,191,.22),transparent 34%),linear-gradient(180deg,#061827,#04101b)}.eyebrow{letter-spacing:.2em;font-size:11px;color:#5be5ff;font-weight:800}.hero h1{font-size:clamp(58px,7.2vw,122px);line-height:.88;letter-spacing:-.065em;margin:18px 0 30px;max-width:900px}.hero h1 em{font-style:normal;color:#9de9ff}.lede{max-width:720px;color:#a8bdcc;font-size:20px;line-height:1.45}.hero-actions{display:flex;gap:14px;margin-top:32px}.hero-actions a{padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04);font-weight:700}.hero-actions a:hover{border-color:#35d4ff;background:rgba(53,212,255,.08)}.solar{height:650px;position:relative;display:grid;place-items:center}.solar .core{width:220px;height:220px;border-radius:50%;background:white;padding:18px;display:grid;place-items:center;box-shadow:0 0 100px rgba(30,176,255,.26);z-index:4}.solar .core img{width:100%;height:100%;object-fit:contain}.ring{position:absolute;border:1px solid rgba(83,210,255,.22);border-radius:50%;animation:spin 26s linear infinite}.ring.a{width:470px;height:470px}.ring.b{width:610px;height:380px;transform:rotate(-18deg);animation-direction:reverse;animation-duration:19s}.sat{position:absolute;width:102px;height:102px;padding:10px;background:#081929;border:1px solid rgba(112,220,255,.25);border-radius:26px;display:grid;place-items:center;z-index:5;transition:.3s}.sat:hover{transform:scale(1.09);box-shadow:0 20px 60px rgba(0,0,0,.35)}.sat img{width:100%;height:100%;object-fit:contain;border-radius:16px;background:white;padding:5px}.sat.rari{left:3%;top:17%}.sat.ocil{right:2%;top:19%}.sat.afc{left:7%;bottom:12%}.sat.sacra{right:6%;bottom:11%}.duality{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.duality>a{padding:72px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.duality .research{background:#eaf7ff;color:#06213a}.duality .ventures{background:#0a0e16;color:white}.duality span{font-size:11px;letter-spacing:.18em;font-weight:800}.duality h2{font-size:clamp(42px,5vw,82px);line-height:.95;letter-spacing:-.05em;margin:28px 0 20px}.duality p{font-size:18px;max-width:570px;opacity:.72}.duality b{font-size:15px}.duality>a:hover{filter:brightness(1.04)}.atlas{padding:110px max(28px,calc((100vw - 1380px)/2));background:#071523}.atlas-head{display:grid;grid-template-columns:.35fr 1.65fr;gap:30px;align-items:start}.atlas-head span{letter-spacing:.18em;font-size:11px;color:#51dfff}.atlas h2{font-size:clamp(44px,5vw,80px);line-height:1;letter-spacing:-.05em;margin:0 0 54px}.brandwall{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brandwall a{aspect-ratio:1.25;border:1px solid rgba(255,255,255,.12);background:#0b1b2c;border-radius:22px;padding:14px;display:grid;place-items:center;transition:.25s}.brandwall a:hover{transform:translateY(-7px);border-color:#42d8ff}.brandwall img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:white;padding:6px}footer{padding:36px max(28px,calc((100vw - 1380px)/2)) 54px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#7890a5;font-size:12px}@keyframes spin{to{rotate:360deg}}@media(max-width:980px){.hero{grid-template-columns:1fr}.solar{height:520px}.duality{grid-template-columns:1fr}.brandwall{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topbar nav{display:none}.hero{padding-top:110px}.hero h1{font-size:54px}.solar{height:390px}.solar .core{width:150px;height:150px}.ring.a{width:290px;height:290px}.ring.b{width:360px;height:240px}.sat{width:68px;height:68px}.duality>a{padding:48px 24px}.brandwall{grid-template-columns:1fr 1fr}.atlas-head{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}}


/* V9: content is visible without JavaScript; motion is progressive enhancement only. */
.js .reveal:not(.shown){opacity:1!important;transform:none!important}
.site-brand img{object-fit:contain!important}
.depth-panel{border-top:1px solid rgba(127,127,127,.22);padding:clamp(72px,8vw,128px) clamp(22px,6vw,88px);position:relative}
.depth-shell{width:min(1180px,100%);margin:0 auto}
.depth-intro{display:grid;grid-template-columns:minmax(150px,.55fr) 1.45fr;gap:30px;align-items:start;margin-bottom:34px}
.depth-intro span{font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.22em;opacity:.7}
.depth-intro h2{font:700 clamp(30px,4.1vw,62px)/.98 system-ui,sans-serif;letter-spacing:-.045em;margin:0;max-width:900px}
.depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.depth-card{border:1px solid rgba(127,127,127,.24);background:rgba(127,127,127,.055);border-radius:18px;padding:22px;min-height:180px;backdrop-filter:blur(10px)}
.depth-card>span{font:700 10px/1 system-ui,sans-serif;letter-spacing:.16em;opacity:.62}
.depth-card h3{font:700 18px/1.08 system-ui,sans-serif;letter-spacing:-.025em;margin:34px 0 9px}
.depth-card p{font:400 14px/1.55 system-ui,sans-serif;opacity:.75;margin:0}
.depth-context{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.depth-context>div{border:1px solid rgba(127,127,127,.20);border-radius:18px;padding:22px;background:rgba(127,127,127,.035)}
.depth-context p{margin:0;font:400 14px/1.65 system-ui,sans-serif;opacity:.72}
@media(max-width:900px){.depth-intro{grid-template-columns:1fr}.depth-grid{grid-template-columns:1fr 1fr}.depth-context{grid-template-columns:1fr}}
@media(max-width:560px){.depth-panel{padding:60px 18px}.depth-grid{grid-template-columns:1fr}.depth-card{min-height:0}.depth-intro h2{font-size:36px}}
