
:root{color-scheme:dark;--bg:#090f18;--text:#f6f3ef;--muted:#a5abb6;--gold:#d0a676;--gold-bright:#ebc595;--line:rgba(218,197,164,.22);font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;min-height:100svh;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{color:inherit}
.site{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;display:flex;flex-direction:column}
.backdrop{z-index:-3;position:absolute;inset:0;background:#090f18 url("./hero.webp") center center/cover no-repeat}
.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.23) 0%,rgba(5,10,18,.17) 36%,rgba(5,10,18,.18) 63%,rgba(5,10,18,.85) 98%),radial-gradient(ellipse 58% 48% at 50% 30%,rgba(7,13,23,.38),transparent 93%)}
.site:before{content:"";z-index:-2;position:absolute;pointer-events:none;inset:0;opacity:.43;background:linear-gradient(90deg,transparent,rgba(212,162,95,.025) 55%,transparent)}
.shell{width:min(1520px,calc(100% - 96px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:34px}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;width:max-content;min-width:0}
.brand-mark{color:var(--gold);width:56px;height:56px;flex:none;filter:drop-shadow(0 2px 12px rgba(217,158,93,.14))}
.brand-lockup{display:flex;flex-direction:column;gap:6px}
.brand-name{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:610;letter-spacing:-.055em;white-space:nowrap;line-height:1}
.brand-name .gold{color:var(--gold-bright)}
.brand-subtitle{font-size:.57rem;line-height:1.5;color:#e3d7c9;text-transform:uppercase;letter-spacing:.34em;white-space:nowrap}
.header-tag{font-size:.65rem;line-height:1.9;letter-spacing:.38em;text-align:right;color:#d5d6da;text-transform:uppercase;font-weight:500}
.hero{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(64px,8.5vh,126px);padding-bottom:45px;flex:1;position:relative}
.eyebrow{color:#ebdfd2;font-size:.69rem;font-weight:600;letter-spacing:.4em;text-transform:uppercase;line-height:1.8;margin:0}
.rule{display:block;background:linear-gradient(90deg,#b88759,#edc99d);height:2px;width:48px;margin:17px auto 25px}
.hero h1{font-family:Georgia,"Times New Roman",serif;line-height:.99;font-size:clamp(4rem,8vw,8.6rem);font-weight:500;letter-spacing:-.072em;text-shadow:0 6px 35px rgba(0,0,0,.36);white-space:nowrap;margin:0}
.hero h1 em{color:var(--gold-bright);font-weight:500;font-style:normal}
.hero-description{font-size:clamp(1.08rem,2.1vw,1.7rem);font-weight:370;letter-spacing:-.028em;color:#f0f0f0;line-height:1.45;max-width:900px;margin:23px 0 0;text-shadow:0 2px 22px rgba(0,0,0,.7)}
.hero-after{font-size:.65rem;letter-spacing:.36em;color:#d5c9c0;text-transform:uppercase;line-height:1.9;margin:17px 0 33px}
.signup{display:flex;align-items:stretch;max-width:550px;width:100%;border:1px solid rgba(222,213,203,.5);border-radius:8px;overflow:hidden;background:rgba(8,17,29,.86);box-shadow:0 16px 50px rgba(0,0,0,.34);min-height:61px;transition:border-color .2s,box-shadow .2s}
.signup:focus-within{border-color:var(--gold-bright);box-shadow:0 0 0 3px rgba(213,167,106,.16),0 16px 50px rgba(0,0,0,.34)}
.field-wrap{min-width:0;display:flex;flex:1;align-items:center;gap:13px;padding:0 20px}
.mail-icon{width:20px;height:20px;color:#d6d4d2;flex:none}
.signup input[type=email]{color:white;background:transparent;border:0;outline:0;width:100%;min-width:0;font-size:.96rem}
.signup input::placeholder{color:#aab0bc;opacity:1}
.signup button{flex:none;border:0;color:#10151d;background:linear-gradient(142deg,#f4d4ab,#b98e5e);font-size:.92rem;font-weight:630;padding:0 28px;transition:filter .18s,transform .18s}
.signup button:hover{filter:brightness(1.08)}.signup button:focus-visible,.brand:focus-visible,.privacy-link:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
.signup button:disabled{cursor:wait;filter:saturate(.6)}
.note{font-size:.89rem;margin:15px 0 0;color:#b9b6b5;line-height:1.6;text-shadow:0 3px 12px #000}
.form-status{margin:10px 0 0;min-height:1.6em;font-size:.9rem;font-weight:550;color:#e7c491;max-width:600px}
.form-status.error{color:#ffbca8}.form-status.success{color:#bcf1cd}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.side-list{position:absolute;top:26.5%;right:2.7%;display:flex;flex-direction:column;gap:8px;text-transform:uppercase;font-size:.63rem;letter-spacing:.38em;line-height:1.3;color:#c5c6c9;text-shadow:0 2px 8px #000}
.side-list:after{content:"";width:25px;height:1px;background:var(--gold);margin-top:7px}
.site-footer{padding:18px 0 24px;margin-top:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:end}
.feature-strip{display:flex;gap:clamp(16px,2.3vw,38px);align-items:start;justify-content:flex-start}
.feature{width:97px;min-width:0;text-align:center;color:#e3d9d2;display:flex;flex-direction:column;align-items:center;gap:8px}
.feature svg{color:var(--gold);width:28px;height:28px}
.feature span{text-transform:uppercase;line-height:1.8;font-size:.55rem;letter-spacing:.23em;white-space:nowrap}
.footer-center{text-align:center;align-self:end;white-space:nowrap}
.footer-center strong{letter-spacing:.18em;font-size:.77rem;font-weight:620}
.footer-center small{display:block;margin-top:6px;font-size:.69rem;color:#98999f}
.footer-caption{justify-self:end;align-self:end;font-size:.58rem;color:#bdb2aa;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:12px}
.footer-caption:after{content:"";display:inline-block;width:35px;height:1px;background:var(--gold)}
.privacy-link{display:inline-block;margin-top:7px;color:#bcb7b2;font-size:.7rem;text-underline-offset:3px}
@media(max-width:1100px){.shell{width:min(100% - 56px,1520px)}.side-list{display:none}.site-footer{grid-template-columns:1fr;gap:16px;justify-items:center}.feature-strip{order:0;justify-content:center}.footer-center{order:1}.footer-caption{display:none}.hero{padding-top:clamp(70px,10vh,150px);padding-bottom:65px}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.site-header{padding-top:23px;align-items:start;gap:9px}.brand{gap:9px}.brand-mark{width:37px;height:37px}.brand-name{font-size:1.37rem}.brand-subtitle{letter-spacing:.19em;font-size:.44rem}.header-tag{display:none}.backdrop{background-position:53% center}.backdrop:after{background:linear-gradient(180deg,rgba(5,9,16,.62) 0%,rgba(5,9,16,.46) 46%,rgba(5,9,16,.77) 100%)}.hero{padding-top:clamp(72px,13vh,145px);padding-bottom:78px}.eyebrow{font-size:.55rem;letter-spacing:.23em}.hero h1{font-size:clamp(3.3rem,12.1vw,5rem);letter-spacing:-.074em;white-space:normal}.hero-description{font-size:1.06rem;margin-top:20px;max-width:360px}.hero-after{font-size:.53rem;letter-spacing:.17em;margin:16px 0 29px}.signup{min-height:0;display:flex;flex-direction:column;max-width:400px;border-radius:9px}.field-wrap{min-height:56px}.signup button{min-height:50px}.note{font-size:.77rem}.feature-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 20px;width:100%;max-width:370px}.feature{width:auto}.feature span{font-size:.53rem}.site-footer{padding-bottom:29px}.footer-center small{font-size:.64rem}}
@media(max-width:380px){.brand-name{font-size:1.2rem}.hero h1{font-size:3.12rem}.brand-subtitle{font-size:.4rem}.feature svg{height:25px;width:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
