@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{
  color-scheme:light dark;
  --bg:#f4f0e9; --surface:#ece7de; --ink:#171613; --muted:#67625a; --line:rgba(23,22,19,.17);
  --accent:#8a5d2d; --button:#171613; --button-ink:#f7f3eb; --dark:#0b0b0a; --dark-2:#11110f; --dark-ink:#f3efe7;
  --serif:"Playfair Display", Georgia, serif; --sans:"Manrope", sans-serif; --mono:"DM Mono", monospace;
}
@media(prefers-color-scheme:dark){:root{--bg:#0d0d0c;--surface:#151512;--ink:#f0ece3;--muted:#9f9a91;--line:rgba(240,236,227,.17);--accent:#c69a62;--button:#ece6da;--button-ink:#11110f;--dark:#080807;--dark-2:#11110f;--dark-ink:#f3efe7}}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45;overflow-x:hidden} a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer}
.nav{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:0;left:0;right:0;color:#f5f1e9;border-bottom:1px solid rgba(255,255,255,.2)}
.wordmark{font-family:var(--serif);font-size:21px;letter-spacing:.14em}.navlinks{display:flex;gap:12px;align-items:center}.textlink{font-size:13px;padding:10px 12px;background:none;border:0;color:inherit}.mini-cta{font-size:13px;border:1px solid rgba(255,255,255,.55);padding:10px 16px;border-radius:999px}
.hero{min-height:780px;height:100svh;position:relative;background:var(--dark);color:var(--dark-ink);overflow:hidden;display:grid;align-items:end}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.75) contrast(1.05)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,3,.88) 0%,rgba(4,4,3,.48) 45%,rgba(4,4,3,.09) 74%),linear-gradient(0deg,rgba(4,4,3,.78),transparent 45%)}
.hero-content{position:relative;z-index:2;padding:130px clamp(20px,6vw,90px) clamp(44px,8vw,100px);max-width:1050px}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-family:var(--serif);font-size:clamp(62px,10.2vw,148px);line-height:.82;letter-spacing:-.065em;margin:22px 0 32px;max-width:930px}.hero h1 em{font-weight:500}.hero p{max-width:520px;font-size:clamp(16px,2vw,20px);color:#d6d0c6;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:14px 21px;min-height:48px;background:#f1ece3;color:#0f0f0d;font-weight:600}.btn.secondary{background:transparent;color:#f1ece3;border:1px solid rgba(255,255,255,.48)}
.hero-note{position:absolute;z-index:2;right:clamp(20px,4vw,64px);bottom:38px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;color:rgba(255,255,255,.67)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stat{padding:34px clamp(20px,4vw,58px);border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-family:var(--serif);font-size:clamp(32px,4vw,58px);line-height:1;display:block}.stat span{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}
.section{padding:clamp(74px,10vw,140px) clamp(20px,6vw,90px)}.section-head{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:start;margin-bottom:70px}.section-head h2{font-family:var(--serif);font-size:clamp(42px,6.5vw,82px);letter-spacing:-.045em;line-height:.94;margin:0}.section-head p{max-width:510px;margin:6px 0 0;color:var(--muted);font-size:17px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:30px 30px 0 0;min-height:210px;border-right:1px solid var(--line)}.step:not(:first-child){padding-left:30px}.step:last-child{border-right:0}.num{font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:54px}.step h3{font-family:var(--serif);font-size:27px;margin:0 0 10px}.step p{color:var(--muted);font-size:14px;max-width:290px}
.spotlight{background:var(--dark-2);color:var(--dark-ink)}.spotlight .section-head p{color:#aaa49a}.editorial-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px;align-items:start}.creator{margin:0;position:relative}.creator img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:saturate(.7)}.creator:nth-child(2){margin-top:90px}.creator:nth-child(3){margin-top:28px}.creator figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.22);margin-top:10px}.creator strong{font-family:var(--serif);font-size:19px}.creator span{font-family:var(--mono);font-size:10px;color:#aaa49a;text-transform:uppercase;letter-spacing:.08em}
.trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item{padding:31px;display:flex;gap:14px;align-items:flex-start;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.trust svg{width:21px;height:21px;flex:0 0 auto;stroke:var(--accent)}.trust strong{font-size:13px}.trust p{margin:4px 0 0;color:var(--muted);font-size:12px}
.registration{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.registration-copy{padding:clamp(70px,9vw,130px) clamp(20px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between}.registration-copy h2{font-family:var(--serif);font-size:clamp(52px,7vw,100px);line-height:.88;letter-spacing:-.055em;margin:22px 0}.registration-copy p{color:var(--muted);max-width:430px}.form-wrap{background:var(--dark);color:var(--dark-ink);display:grid;place-items:center;padding:36px}.signup{width:min(100%,470px)}.progress{display:flex;gap:7px;margin-bottom:52px}.progress i{height:2px;background:#3e3d39;flex:1}.progress i.on{background:#d5b27b}.step-panel{display:none}.step-panel.active{display:block}.signup h3{font-family:var(--serif);font-size:clamp(34px,5vw,56px);line-height:1.02;margin:0 0 12px}.signup .hint{color:#9e9990;font-size:14px;margin-bottom:32px}.email-row{display:flex;border-bottom:1px solid #77736c}.email-row input{flex:1;min-width:0;background:transparent;border:0;color:white;padding:17px 0;outline:none}.email-row button{background:none;border:0;color:#d5b27b;font-weight:600;padding:12px 0 12px 14px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role{background:#151513;border:1px solid #3d3b36;color:white;text-align:left;padding:22px;min-height:138px}.role:hover,.role:focus-visible{border-color:#d5b27b}.role b{display:block;font-family:var(--serif);font-size:24px;margin-bottom:23px}.role span{color:#99948b;font-size:12px}.continue{width:100%;border:0;background:#f1ece3;color:#111;padding:14px;border-radius:999px;font-weight:600}.back{margin-top:20px;background:none;border:0;color:#9e9990;padding:0;font-size:12px}.complete-mark{width:48px;height:48px;border:1px solid #d5b27b;border-radius:50%;display:grid;place-items:center;color:#d5b27b;margin-bottom:28px}.fine{font-family:var(--mono);font-size:10px;color:#868077;margin-top:26px;line-height:1.6}.footer{padding:38px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:22px;flex-wrap:wrap}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:800px){.nav{height:64px}.hero{min-height:720px}.hero img{object-position:58% center;filter:saturate(.8) contrast(1.05) brightness(1.16)}.hero:after{background:linear-gradient(0deg,rgba(4,4,3,.92) 0%,rgba(4,4,3,.38) 70%,rgba(4,4,3,.22))}.hero-content{padding-bottom:56px}.hero h1{font-size:clamp(58px,20vw,90px)}.hero-note{display:none}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;padding:23px 20px}.section-head{grid-template-columns:1fr;margin-bottom:45px}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.num{margin-bottom:28px}.editorial-grid{grid-template-columns:1fr 1fr;gap:12px}.creator:first-child{grid-column:1/-1}.creator:nth-child(2),.creator:nth-child(3){margin-top:12px}.creator figcaption{display:block}.creator figcaption span{display:block;margin-top:4px}.trust{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.registration{grid-template-columns:1fr}.registration-copy{min-height:480px}.form-wrap{min-height:600px;padding:32px 20px}.footer{align-items:flex-start;gap:24px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ---- Real-registration additions (fields the concept mockup previewed) ---- */
.field{margin-bottom:6px}.field input{width:100%;background:transparent;border:0;border-bottom:1px solid #77736c;color:#fff;padding:16px 0;outline:none;font-size:16px}.field input::placeholder{color:#6f6a62}
.terms-row{display:flex;gap:10px;align-items:flex-start;margin:22px 0 6px;font-size:12px;color:#9e9990}.terms-row input{margin-top:2px;accent-color:#d5b27b;flex:0 0 auto}.terms-row a{color:#d5b27b;text-decoration:underline}
.form-error{display:none;color:#e88a7d;font-size:13px;margin:14px 0 0;line-height:1.5}.form-error.show{display:block}
.role[disabled]{opacity:.55;cursor:wait}
.verify-sent{border:1px solid #35332f;padding:22px;margin:24px 0}.verify-sent .kicker{color:#d5b27b}
.done-actions{display:grid;gap:12px;margin-top:26px}
.linklike{background:none;border:0;color:#d5b27b;font-size:13px;padding:6px 0;text-decoration:underline;justify-self:start}
.captcha-note{border:1px solid #35332f;padding:20px;margin:20px 0;font-size:13px;color:#9e9990;line-height:1.6}.captcha-note a{color:#d5b27b;text-decoration:underline}