@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--navy:#10182a;--cream:#f4f0e7;--lav:#d9d2ff;--purple:#6955d9;--text:#182033;--muted:#6d7180;--line:#d8d5cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}
header{height:80px;padding:0 6vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:5}.brand{font:700 .82rem "DM Mono",monospace;letter-spacing:.04em}.brand span{font-weight:400}nav{margin-left:auto;display:flex;gap:30px;font:400 .62rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.11em}nav a:hover{color:var(--purple)}.header-btn{margin-left:32px;background:var(--navy);color:var(--cream);padding:11px 14px;font:500 .6rem "DM Mono",monospace;letter-spacing:.08em}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:100px 7vw 80px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.label{font:500 .61rem "DM Mono",monospace;letter-spacing:.16em;color:var(--purple);margin:0 0 25px}
.hero h1{font:800 clamp(4.5rem,8.8vw,9rem)/.79 Archivo,sans-serif;letter-spacing:-.08em;margin:0}.hero h1 em,.about h2 i,.method h2 em,.contact h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.06em;color:var(--purple)}
.lead{max-width:570px;color:var(--muted);line-height:1.8;margin:38px 0 25px;font-size:.94rem}.cta{width:190px;display:flex;justify-content:space-between;border-bottom:1px solid var(--text);padding:12px 0;font:500 .62rem "DM Mono",monospace;text-transform:uppercase}.cta span{font-size:1rem}
.hero-art{position:relative;background:var(--navy);min-height:760px;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(217,210,255,.25);border-radius:50%}.sun{position:absolute;width:190px;height:190px;border-radius:50%;background:var(--lav);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 90px rgba(217,210,255,.22)}.orbit{position:absolute;border:1px solid rgba(217,210,255,.42);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.o1{width:410px;height:180px}.o2{width:540px;height:270px;transform:translate(-50%,-50%) rotate(28deg)}.o3{width:680px;height:390px;transform:translate(-50%,-50%) rotate(-12deg);border-style:dashed}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cream)}.d1{left:22%;top:33%}.d2{right:20%;top:65%;background:var(--lav)}.d3{right:29%;top:26%;width:6px;height:6px}.code{position:absolute;color:rgba(244,240,231,.65);font:400 .55rem "DM Mono",monospace;letter-spacing:.13em}.c1{top:28px;left:30px}.c2{bottom:28px;right:30px}
.about{display:grid;grid-template-columns:1fr 2fr;gap:9vw;padding:125px 10vw;border-bottom:1px solid var(--line)}.about h2{font-size:clamp(3.1rem,6vw,6.3rem);line-height:.88;letter-spacing:-.07em;margin:0 0 35px}.about p{max-width:650px;color:var(--muted);line-height:1.85}
.features{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:var(--cream)}.features article{padding:45px 5vw 65px;border-right:1px solid #30394e;min-height:330px}.features article:last-child{border:0}.features span{font:500 .58rem "DM Mono",monospace;color:var(--lav)}.features h3{font-size:1.7rem;letter-spacing:.02em;margin:75px 0 12px}.features p{color:#aab0bf;line-height:1.7;max-width:280px;font-size:.84rem}
.method{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:125px 10vw;border-bottom:1px solid var(--line)}.method h2,.contact h2{font-size:clamp(4rem,7vw,7rem);line-height:.8;letter-spacing:-.075em;margin:0}.timeline{border-top:1px solid var(--line)}.timeline>div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.timeline b{font:500 .6rem "DM Mono",monospace;color:var(--purple)}.timeline strong{font-size:1rem;letter-spacing:.04em}.timeline p{margin:9px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6;max-width:380px}
.statement{background:var(--lav);padding:100px 10vw;position:relative;overflow:hidden}.stamp{position:absolute;right:9vw;top:50%;transform:translateY(-50%);width:150px;height:150px;border:1px solid var(--purple);border-radius:50%;display:grid;place-items:center;font:700 3rem Archivo;color:var(--purple);opacity:.45}.statement p{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.98;letter-spacing:-.065em;max-width:900px;margin:0 0 35px}.statement span{font:500 .58rem "DM Mono",monospace;color:var(--purple);letter-spacing:.13em}
.contact{display:grid;grid-template-columns:1fr 2fr;gap:9vw;padding:125px 10vw}.contact h2{margin:0 0 28px}.contact p{color:var(--muted);line-height:1.6}.contact a{display:inline-block;margin-top:16px;color:var(--purple);font:500 .7rem "DM Mono",monospace;border-bottom:1px solid var(--purple);padding-bottom:7px}
footer{border-top:1px solid var(--line);padding:24px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#767b87;font:500 .56rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){nav,.header-btn{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:450px}.hero-copy{padding:80px 7vw}.about,.method,.contact{grid-template-columns:1fr;padding:80px 7vw;gap:45px}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid #30394e;min-height:250px}.features article:last-child{border-bottom:0}.stamp{width:100px;height:100px;right:7vw}.statement{padding:80px 7vw}}