@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#121118;--paper:#f1eae7;--muted:#b1a6ad;--rose:#d18198;--line:rgba(239,222,229,.14)}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:7px}button{color:inherit;cursor:pointer}::selection{background:var(--rose);color:var(--bg)}
.page{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0 5.2vw;background:radial-gradient(ellipse 65% 70% at 50% 40%,#241b25 0%,transparent 74%)}
.page::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center}.brand img{display:block;width:122px;height:auto;filter:brightness(0) invert(1);opacity:.92}
.soon{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#c3b7bd}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--rose);box-shadow:0 0 12px #d1819860}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center;padding:38px 0 45px}
.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.stage{width:min(640px,74vw);position:relative;margin:-4px 0 -6px}.stage svg{display:block;width:100%;height:auto;overflow:visible}
.story{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:0 0 35px;min-height:20px}.story b{font-size:9px;font-weight:400;color:var(--rose);letter-spacing:1px}.story .dash{width:20px;height:1px;background:#60505b}
h1{font-family:'Manrope',sans-serif;font-size:clamp(30px,3.6vw,49px);line-height:1.24;letter-spacing:-1.9px;font-weight:400;margin:0 0 22px}h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--rose);font-weight:400;letter-spacing:-1px}
.expansion{font-size:12px;letter-spacing:.4px;color:#a69aa4;line-height:1.8;margin:0}.expansion strong{font-weight:500;color:#dfd1d9}.intro{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.8}
.bottom{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);position:relative;gap:24px}.signature{font-size:10px;color:var(--muted);letter-spacing:.3px}.signature span{color:#786c78;margin-left:8px}.controls{display:flex;gap:22px;align-items:center}button{border:0;background:transparent;padding:10px 0;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#bdafb8;transition:color .2s}button:hover{color:var(--paper)}button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}.pause{width:22px;justify-content:center}.contact{font-size:11px;display:flex;align-items:center;gap:10px;color:#c3b5bf;transition:color .2s}.contact:hover{color:var(--rose)}.contact svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.3}.endnote{position:absolute;left:0;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#736674;text-transform:uppercase;transform:rotate(180deg) translateY(50%)}
@media(min-width:1500px){.stage{width:710px}main{padding:45px 0 65px}.story{margin-bottom:40px}}
@media(max-height:790px) and (min-width:701px){.topbar{height:78px}.stage{width:470px}main{padding:20px 0 28px}.story{margin-bottom:22px}h1{font-size:38px;margin-bottom:16px}.bottom{min-height:75px}.intro{margin-top:10px}}
@media(max-width:700px){.page{padding:0 24px}.topbar{height:80px}.brand img{width:108px}.soon{font-size:8px;letter-spacing:1.6px;gap:8px}main{padding:46px 0 48px}.eyebrow{font-size:8px;letter-spacing:2.1px}.stage{width:94vw;max-width:530px;margin:12px 0 5px}.story{margin-bottom:34px;font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(29px,7.4vw,43px);letter-spacing:-1.1px}h1 em{letter-spacing:-.7px}.expansion{font-size:10px}.intro{font-size:11px;max-width:230px}.endnote{display:none}.bottom{padding:20px 0;min-height:108px;flex-wrap:wrap;gap:10px}.signature{width:100%;font-size:9px;order:3;margin-top:10px}.controls{gap:15px}.contact{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.pause{display:none}}