:root{--bg:#0b0b0c;--fg:#f5f2ee;--mut:#a39d95;--acc:#d9b98a;--card:#151517;--ok:#7bd88f;--err:#ff6b6b}
@media(prefers-color-scheme:light){:root{--bg:#faf7f3;--fg:#1b1a18;--mut:#6b655d;--card:#fff;--acc:#a8773a}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1.05;margin:0}
h1{font-size:clamp(3rem,9vw,7.5rem)}h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem}em{color:var(--acc)}
a{color:inherit}.wrap{max-width:1000px;margin:0 auto;padding:7rem 1.25rem}
.nav{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;z-index:10;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 70%,transparent)}
.nav nav{display:flex;gap:1.25rem;align-items:center}.nav a{text-decoration:none;font-size:.9rem}.logo{font-family:"Cormorant Garamond",serif;font-size:1.4rem}
@media(max-width:640px){.nav nav a:not(.btn){display:none}}
.btn{display:inline-block;background:var(--acc);color:#111;border:0;border-radius:999px;padding:.9rem 2rem;font:600 1rem Inter,sans-serif;cursor:pointer;text-decoration:none;transition:transform .3s,box-shadow .3s}
.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 30px color-mix(in srgb,var(--acc) 40%,transparent)}.btn.sm{padding:.5rem 1.2rem;font-size:.85rem}
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 1.25rem;position:relative;overflow:hidden;gap:1.2rem}
.hero-bg{position:absolute;inset:-10%;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--acc) 28%,transparent),transparent 70%);z-index:-1}
.eye{width:min(420px,70vw);color:var(--acc);transition:transform .1s linear}
.scroll-hint{width:1px;height:60px;background:linear-gradient(var(--acc),transparent);animation:hint 2s infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.reveal{opacity:0;transform:translateY(48px) scale(.98);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s}
.reveal.in{opacity:1;transform:none;filter:none}.d1{transition-delay:.12s}.d2{transition-delay:.24s}
.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;padding:5rem 1rem;text-align:center}
.stats b{display:block;font:500 clamp(3rem,8vw,5.5rem) "Cormorant Garamond",serif;color:var(--acc)}.stats span{color:var(--mut)}
.pin{height:240vh;position:relative}.pin-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;text-align:center}
.pin-steps p{font-size:clamp(1.2rem,3vw,2rem);opacity:.15;transform:scale(.94);transition:.5s;margin:1rem 0}.pin-steps p.on{opacity:1;transform:none}.pin-steps b{color:var(--acc);margin-right:.6rem}
.bar{width:min(360px,70vw);height:2px;background:var(--card);margin-top:2rem}.bar i{display:block;height:100%;width:0;background:var(--acc)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}
.card{background:var(--card);border-radius:24px;padding:2rem;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;border:1px solid color-mix(in srgb,var(--fg) 8%,transparent)}
.card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.25)}.card h3{font:500 1.6rem "Cormorant Garamond",serif;margin:0 0 .5rem}.card p{color:var(--mut)}
.card .meta{display:flex;justify-content:space-between;color:var(--acc);font-weight:600}
form{display:grid;gap:1.1rem}label,.lbl{display:grid;gap:.35rem;font-size:.9rem;color:var(--mut)}
input,select,textarea{background:var(--card);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-radius:14px;padding:.85rem 1rem;font:inherit;width:100%}
input:focus,select:focus,textarea:focus,.slot:focus-visible,.btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.grid2{grid-template-columns:1fr}}
.slots{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2.5rem}.slot{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--acc);background:none;color:var(--fg);cursor:pointer;font:inherit}
.slot[aria-pressed=true]{background:var(--acc);color:#111}.hp{position:absolute;left:-9999px}.check{display:flex;gap:.6rem;align-items:flex-start}.check input{width:auto;margin-top:.3rem}
#msg{min-height:1.5rem}#msg.ok{color:var(--ok)}#msg.err{color:var(--err)}
details{border-bottom:1px solid color-mix(in srgb,var(--fg) 12%,transparent);padding:1.2rem 0}summary{cursor:pointer;font-size:1.15rem}
footer{text-align:center;color:var(--mut);padding:3rem 1rem;font-size:.85rem}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}}
.stats b,.card .meta{font-variant-numeric:lining-nums}