@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:"Manrope",system-ui,sans-serif;--bg:#0b0b0f;--ink:#f8f5f0;--muted:#aaa5af;--line:#2b2b32;--soft:#19181f;--coral:#ff6440;--violet:#8b6cf5;--paper:#f4f0e9;--paper-ink:#19171e;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;transition:background .35s,color .35s}:root[data-theme="light"]{--bg:#f7f3ed;--ink:#19171e;--muted:#665f69;--line:#cfc7bd;--soft:#e9e2d9;--paper:#17151c;--paper-ink:#f7f3ed;--coral:#e94c29;--violet:#6f50dc}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button{font:inherit}.site-shell{width:min(1600px,100%);margin:auto;padding:0 clamp(20px,4.6vw,74px);overflow:hidden}.site-header{height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-logo{width:104px;height:104px;object-fit:contain;border-radius:20px}.header-side{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.875rem}.theme-toggle{border:0;background:transparent;padding:8px;cursor:pointer;border-radius:99px}.theme-toggle:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.toggle-track{display:block;width:50px;height:28px;border:1px solid var(--line);border-radius:99px;background:var(--soft);position:relative}.toggle-thumb{position:absolute;display:grid;place-items:center;width:20px;height:20px;top:3px;left:4px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:10px;transition:transform .3s}:root[data-theme="light"] .toggle-thumb{transform:translateX(21px)}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:4vw;border-bottom:1px solid var(--line);padding:70px 0}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;color:var(--violet);margin:0 0 28px}.hero h1{font-size:clamp(4.5rem,7.8vw,8.4rem);line-height:.84;letter-spacing:-.078em;margin:0;font-weight:800}.hero h1 span{color:var(--coral)}.hero-intro{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:560px;margin:38px 0 0}.coming{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.coming i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral)}
.tile-stage{height:560px;position:relative}.stage-orbit{position:absolute;width:480px;height:480px;border:1px solid var(--line);border-radius:50%;right:-25px;top:40px}.stage-orbit:after{content:"";position:absolute;inset:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--violet) 58%,transparent),color-mix(in srgb,var(--coral) 30%,transparent) 42%,transparent 70%);filter:blur(12px)}.app-tile{position:absolute;width:126px;height:126px;border-radius:34px;display:grid;place-items:center;background:#faf8f4;color:#18151d;box-shadow:0 30px 70px rgba(0,0,0,.28);z-index:2}.app-tile span{font-size:3rem}.tile-1{right:65px;top:55px;rotate:10deg}.tile-1 span{color:var(--coral)}.tile-2{left:45px;top:190px;background:var(--violet);color:#ffd75f;rotate:-8deg}.tile-3{right:10px;top:265px;background:var(--soft);border:1px solid var(--line);color:#64d4a5;rotate:7deg}.tile-4{left:145px;bottom:18px;background:var(--coral);color:white;rotate:4deg}.stage-note{position:absolute;right:12px;bottom:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.7rem}
.principles{margin:0 calc(clamp(20px,4.6vw,74px)*-1);padding:110px clamp(20px,4.6vw,74px);background:var(--paper);color:var(--paper-ink);display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.principles .section-number{color:var(--coral)}.principles h2,.prelaunch h2{font-size:clamp(3.6rem,6vw,7rem);line-height:.9;letter-spacing:-.065em;margin:0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr)}.principle{padding:22px 25px;border-left:1px solid color-mix(in srgb,var(--paper-ink) 20%,transparent)}.principle span{font-size:.75rem;color:var(--coral);font-weight:800}.principle h3{font-size:1.35rem;line-height:1.1;margin:70px 0 18px}.principle p{font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.6;opacity:.68;margin:0}.interlude{height:250px;display:flex;align-items:center;white-space:nowrap;border-bottom:1px solid var(--line);overflow:hidden}.interlude p{font-size:clamp(4rem,8vw,9rem);font-weight:800;letter-spacing:-.065em;margin:0}.interlude em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.prelaunch{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:100px 0}.prelaunch>div>p:last-child{font-family:"DM Sans",sans-serif;font-size:1.15rem;line-height:1.7;color:var(--muted);max-width:520px;margin-top:32px}.prelaunch-orbit{display:flex;align-items:center;flex-direction:column;gap:24px}.orbit-ring{width:min(360px,32vw);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.orbit-ring:before{content:"";position:absolute;inset:15%;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--coral));opacity:.88}.orbit-ring span{position:relative;font-size:4rem;color:white}.prelaunch-orbit small{text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:30px 0 38px;color:var(--muted);font-size:.8rem}
@media(max-width:900px){.site-header{height:108px}.brand-logo{width:88px;height:88px}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 30px}.hero h1{font-size:clamp(4rem,13.5vw,7rem)}.tile-stage{height:440px;max-width:560px;width:100%;margin:auto}.app-tile{width:100px;height:100px;border-radius:27px}.principles{grid-template-columns:1fr}.principle h3{margin-top:36px}.prelaunch{min-height:600px}}
@media(max-width:620px){.site-shell{padding:0 20px}.site-header{height:96px}.brand-logo{width:78px;height:78px}.header-side>span{display:none}.hero{padding-top:55px}.hero h1{font-size:clamp(3.7rem,18vw,5.6rem)}.hero-intro{font-size:1rem}.tile-stage{height:370px}.stage-orbit{width:320px;height:320px}.app-tile{width:78px;height:78px;border-radius:22px}.app-tile span{font-size:2rem}.tile-2{left:18px;top:135px}.tile-4{left:88px}.principles{margin:0 -20px;padding:78px 20px}.principle-grid{grid-template-columns:1fr}.principle{border-left:0;border-top:1px solid color-mix(in srgb,var(--paper-ink) 20%,transparent);padding:25px 0}.principle h3{margin:20px 0 10px}.interlude{height:180px;margin:0 -20px}.prelaunch{grid-template-columns:1fr;padding:80px 0}.orbit-ring{width:250px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.interlude p{transform:none!important}}