:root{--bg:#061d1c;--bg2:#082826;--surface:#103e39;--surface2:#0b302d;--mint:#62e2c2;--coral:#ff8d73;--blue:#7bbcff;--amber:#ffc65a;--ink:#effbf7;--muted:#a8c9c2;--line:#2e6a61;--black:#02100f;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#0c3d38 0,transparent 32%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:999;background:white;color:#111;padding:12px 18px;border-radius:10px}.topbar{height:86px;max-width:var(--max);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(130,210,195,.18)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:850;letter-spacing:.09em}.mark{width:42px;height:42px;border-radius:50% 50% 50% 12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),var(--blue));color:#031c1a;font-weight:950}.topbar nav{display:flex;gap:26px}.topbar nav a,.footer-links a{color:var(--muted);text-decoration:none}.topbar nav a:hover,.footer-links a:hover{color:var(--mint)}main{max-width:var(--max);margin:auto}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;padding:72px 54px 90px;gap:40px}.eyebrow{font-size:.77rem;letter-spacing:.25em;font-weight:900;color:var(--mint);text-transform:uppercase}.hero h1,.section-intro h2,.pattern-copy h2,.studio-title h2,.contact-copy h2{font-size:clamp(3.4rem,7.1vw,7.4rem);line-height:.88;letter-spacing:-.065em;margin:24px 0 28px;max-width:900px}.hero h1 em{font-style:normal;color:var(--mint)}.lede{font-size:clamp(1.15rem,1.7vw,1.65rem);color:var(--muted);max-width:700px}.hero-actions{margin-top:38px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.play-btn{display:inline-flex;align-items:center;gap:18px;padding:17px 22px;background:var(--mint);color:#03201e;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 12px 0 #031311}.play-btn:hover{transform:translateY(-2px)}.text-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.orbit{height:720px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%;animation:spin 24s linear infinite}.ring-a{width:620px;height:620px}.ring-b{width:460px;height:460px;animation-direction:reverse}.device{margin:0;width:330px;height:650px;overflow:hidden;border-radius:38px;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 100px rgba(0,0,0,.4);transform:rotate(3deg);z-index:2}.device img{width:100%;height:100%;object-fit:cover}.signal{position:absolute;z-index:4;background:rgba(6,29,28,.9);border:1px solid var(--line);border-radius:18px;padding:13px 18px;backdrop-filter:blur(8px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.signal b{display:block;font-size:1.3rem}.signal span{color:var(--muted);font-size:.82rem}.s1{left:4%;top:26%}.s2{right:4%;top:42%}.s3{left:10%;bottom:17%}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 20px var(--mint)}.d1{top:15%;left:22%}.d2{right:15%;bottom:18%;background:var(--coral);box-shadow:0 0 20px var(--coral)}.d3{right:28%;top:18%;background:var(--amber);box-shadow:0 0 20px var(--amber)}
.timeline{padding:110px 54px;border-top:1px solid rgba(130,210,195,.12);border-bottom:1px solid rgba(130,210,195,.12)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.section-intro h2{font-size:clamp(2.6rem,5vw,5.8rem);margin:14px 0}.section-intro p:last-child{font-size:1.2rem;color:var(--muted);max-width:550px}.time-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:2px solid var(--line);gap:18px}.time-item{position:relative;padding-top:34px}.time-item:before{content:"";width:15px;height:15px;background:var(--mint);border:5px solid var(--bg);border-radius:50%;position:absolute;top:-9px}.time-item span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.time-item strong{display:block;margin-top:10px;font-size:1.3rem}.time-item small{color:var(--mint)}.time-item.hot:before{background:var(--coral)}.time-item.hot small{color:var(--coral)}.time-item.blue:before{background:var(--blue)}.time-item.blue small{color:var(--blue)}.time-item.gold:before{background:var(--amber)}.time-item.gold small{color:var(--amber)}
.story{padding:90px 54px}.story-row{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.story-row.flip .story-copy{order:2}.story-row.flip .screen{order:1}.story-copy .index{font-family:ui-monospace,monospace;color:var(--coral);font-size:1rem}.story-copy h2{font-size:clamp(2.8rem,5vw,5.8rem);line-height:.95;letter-spacing:-.05em;margin:20px 0}.story-copy>p:last-child{font-size:1.25rem;color:var(--muted);max-width:580px}.screen{height:670px;margin:0;overflow:hidden;border-radius:44px;border:1px solid var(--line);background:var(--surface);box-shadow:0 35px 80px rgba(0,0,0,.28)}.screen img{width:100%;height:100%;object-fit:cover;object-position:top}.crop-a img{object-position:top center}
.patterns{padding:120px 54px;background:linear-gradient(145deg,#092b29,#061d1c);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.pattern-copy h2{font-size:clamp(2.8rem,5vw,5.6rem);margin:20px 0}.pattern-copy p:last-child{color:var(--muted);font-size:1.15rem}.chart-card{background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:32px}.chart-head{display:flex;justify-content:space-between;color:var(--muted);font-family:ui-monospace,monospace}.chart-head strong{color:var(--amber)}svg{width:100%;height:auto}.gridline{stroke:#2d5c55;stroke-width:1;fill:none}.trend{stroke:url(#unused);stroke:var(--mint);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.visible .trend{animation:draw 1.6s ease-out forwards}.points circle{fill:var(--coral);stroke:#092b29;stroke-width:5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics div{background:#0a312e;border-radius:16px;padding:14px}.metrics b{display:block;font-size:1.3rem}.metrics span{color:var(--muted);font-size:.85rem}
.principles{padding:120px 54px}.principle-list{margin-top:30px;border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:baseline;padding:32px 0;border-bottom:1px solid var(--line)}.principle-list article span{font-family:ui-monospace,monospace;color:var(--muted)}.principle-list h3{font-size:2rem;margin:0}.principle-list p{margin:0;color:var(--muted);font-size:1.05rem}.principle-list .private{background:linear-gradient(90deg,transparent,rgba(98,226,194,.08));padding-left:20px;padding-right:20px}
.privacy-band{margin:0 54px 120px;padding:54px;background:linear-gradient(120deg,#123f39,#30312c);border:1px solid var(--line);border-radius:42px;display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:center;position:relative;overflow:hidden}.privacy-band h2{font-size:clamp(2.8rem,5vw,5.6rem);line-height:.95;letter-spacing:-.05em;margin:20px 0}.privacy-band p:last-child{color:#c5ddd8;font-size:1.15rem;max-width:700px}.privacy-band figure{height:520px;margin:0;border-radius:28px;overflow:hidden;transform:rotate(2deg)}.privacy-band img{width:100%;height:100%;object-fit:cover;object-position:top}.round-link{position:absolute;right:315px;bottom:36px;background:var(--mint);color:#031b19;text-decoration:none;padding:14px 20px;border-radius:999px;font-weight:900}
.studio{padding:120px 54px;border-top:1px solid rgba(130,210,195,.14)}.studio-title h2{font-size:clamp(3rem,5.8vw,6.6rem);margin:20px 0}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.studio-grid p{font-size:1.35rem;color:var(--muted)}.studio-grid ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.studio-grid li{padding:16px 0;border-bottom:1px solid var(--line)}
.build{padding:100px 54px}.build-track{display:flex;align-items:center;gap:18px;overflow:auto;padding:26px 0}.build-track span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:14px 20px;background:#0a2b29;font-weight:800}.build-track i{color:var(--mint);font-style:normal}
.contact{padding:120px 54px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f0f5ea;color:#08201e}.contact .eyebrow{color:#267b6b}.contact-copy h2{font-size:clamp(3rem,5.5vw,6rem);margin:20px 0}.contact-copy p:last-child{font-size:1.2rem;color:#46615d}.contact-card{font-style:normal;display:flex;flex-direction:column;gap:12px;background:white;border-radius:32px;padding:38px}.contact-card strong{font-size:2rem}.contact-card span{color:#55706b;margin-bottom:12px}.contact-card a{color:#0d5f52;text-decoration:none;border-top:1px solid #d9e5df;padding-top:12px}
footer{max-width:var(--max);margin:auto;padding:54px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;align-items:start}footer p{margin:0;color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}
@media(max-width:980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.orbit{height:620px}.section-intro,.patterns,.contact,.studio-grid,.privacy-band{grid-template-columns:1fr}.time-track{grid-template-columns:1fr 1fr}.story-row,.story-row.flip{grid-template-columns:1fr;min-height:auto;padding:60px 0}.story-row.flip .story-copy,.story-row.flip .screen{order:initial}.screen{height:min(680px,120vw)}.privacy-band figure{height:520px;max-width:370px}.round-link{right:32px}.metrics{grid-template-columns:1fr 1fr}.principle-list article{grid-template-columns:55px 1fr}.principle-list article p{grid-column:2}.studio-grid ul{grid-template-columns:1fr}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:640px){.topbar{height:72px;padding:0 18px}.mark{width:36px;height:36px}.hero,.timeline,.story,.patterns,.principles,.studio,.build,.contact{padding-left:22px;padding-right:22px}.hero{padding-top:38px}.hero h1{font-size:clamp(3rem,15vw,5.4rem)}.orbit{height:530px}.device{width:255px;height:510px}.ring-a{width:450px;height:450px}.ring-b{width:340px;height:340px}.signal{padding:10px 12px}.s1{left:-1%}.s2{right:-2%}.s3{left:0}.section-intro{grid-template-columns:1fr}.time-track{grid-template-columns:1fr}.time-item{border-left:1px solid var(--line);padding-left:26px}.time-item:before{left:-8px;top:35px}.story{padding-top:40px}.story-row{gap:28px}.story-copy h2{font-size:3rem}.screen{height:540px;border-radius:28px}.patterns{gap:30px}.chart-card{padding:18px}.metrics{grid-template-columns:1fr 1fr}.principle-list h3{font-size:1.35rem}.privacy-band{margin:0 22px 80px;padding:28px;border-radius:28px}.privacy-band figure{height:430px}.round-link{position:static;justify-self:start}.contact-card{padding:26px}footer{padding:42px 22px}.hero-actions{align-items:flex-start;flex-direction:column}.play-btn{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-ring{animation:none}.reveal{opacity:1;transform:none;transition:none}.visible .trend{animation:none;stroke-dashoffset:0}}