:root{--bg:#fcfaf7;--card:#fff;--ink:#1b1612;--muted:#746a63;--line:#e9ded4;--accent:#b86c4b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,system-ui}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:20px}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fcfaf7e6;position:sticky;top:0}.topbar-inner{justify-content:space-between;max-width:980px;margin:0 auto;padding:14px 20px;display:flex}.brand{font-size:30px;font-weight:700}.brand span{color:var(--accent);font-style:italic}.badge{border:1px solid var(--line);color:var(--muted);background:#f6eee7;border-radius:999px;padding:6px 10px;font-size:12px}.hero{border:1px solid var(--line);background:linear-gradient(#fff,#fff7f2);border-radius:24px;margin-top:20px;padding:34px}.hero.hero-dark{color:#fdf8f3;background:radial-gradient(60% 50% at 50% 0,#b86c4b38,#0000 70%),linear-gradient(#0c0a09 0%,#16110d 60%,#0c0a09 100%);border:none;padding:64px 34px 48px;position:relative;overflow:hidden}.hero-dark .eyebrow{color:#e3b79d}.hero-dark .sub{color:#c9bdb4}.hero-figures{z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(#0000 0%,#0c0a0900 55%,#0c0a09 96%),repeating-linear-gradient(100deg,#0000 0 90px,#b86c4b0d 90px 91px),conic-gradient(from 200deg at 18% 100%,#0000 0deg,#3c3028e6 18deg,#0000 40deg),conic-gradient(from 200deg at 50% 108%,#0000 0deg,#504036f2 16deg,#0000 38deg),conic-gradient(from 200deg at 82% 100%,#0000 0deg,#3c3028e6 18deg,#0000 40deg);background-position:bottom;background-repeat:no-repeat;position:absolute;inset:0}.hero-dark .hero-content{z-index:1;position:relative}.hero-dark h1{color:#fdf8f3}.hero-dark .btn.primary{background:var(--accent);border-color:var(--accent);color:#1b1612}.hero-dark .btn.secondary{color:#fdf8f3;background:0 0;border-color:#fdf8f359}.eyebrow{letter-spacing:.14em;color:var(--muted);margin:0 0 8px;font-size:12px}h1{margin:0 0 10px;font-size:56px;line-height:1.04}.sub{color:var(--muted);font-size:18px}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:12px 16px;font-weight:600}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.stepnav{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.step{border:1px solid var(--line);background:#f7efe8;border-radius:10px;padding:10px;font-size:13px}.step.active{background:var(--ink);color:#fff;border-color:var(--ink)}.upload{text-align:center;cursor:pointer;background:#fbf3ee;border:2px dashed #e7cdbd;border-radius:14px;padding:30px}.preview{object-fit:contain;border:1px solid var(--line);background:#f7efe8;border-radius:14px;width:100%;max-height:560px;display:block}.looks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.look{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:12px}.look.active{border-color:var(--ink);box-shadow:0 0 0 2px #1b161214}.muted{color:var(--muted)}.actions{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.shop-item{border:1px solid var(--line);border-radius:10px;justify-content:space-between;padding:10px;display:flex}@media (max-width:860px){h1{font-size:40px}.grid-2,.looks,.stepnav{grid-template-columns:1fr}}