html,body{width:100%;overflow-x:hidden}:root{--bg:#0d0b0a;--card:#1a1612;--ink:#f5f0eb;--muted:#9e9189;--line:#2e2520;--accent:#4a9b6e}*{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{box-sizing:border-box;width:100%;max-width:980px;margin:0 auto;padding:20px;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0d0b0aeb;position:sticky;top:0}.topbar-inner{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;max-width:980px;margin:0 auto;padding:14px 20px;display:flex}@media (max-width:480px){.topbar-inner{padding:10px 12px}.topbar-inner a.brand{font-size:1.1rem}}.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(#1a1612,#120e0c);border-radius:24px;margin-top:20px;padding:34px}.hero.hero-dark{color:#fdf8f3;background:#0d0a08;border:none;border-radius:24px;align-items:center;min-height:88vh;margin-top:20px;padding:0;display:flex;position:relative;overflow:hidden}.hero-dark .eyebrow{color:#4a9b6e;letter-spacing:.18em}.hero-dark .sub{color:#fdf8f3b3;max-width:460px;font-size:17px;line-height:1.6}.hero-figures{z-index:0;pointer-events:none;background-image:radial-gradient(55% 70% at 72%,#b88c3c2e 0%,#0000 65%),radial-gradient(40% 40% at 68% 30%,#dcaa501f 0%,#0000 60%),radial-gradient(30% 50% at 85% 60%,#a06e321a 0%,#0000 60%),linear-gradient(#0d0a08 0% 100%);background-repeat:no-repeat;position:absolute;inset:0}.hero-figures:before{content:"";background:conic-gradient(from 230deg at 75% 0,#dcaa3c38 0deg,#0000 25deg),conic-gradient(from 210deg at 85% 5%,#c8963226 0deg,#0000 20deg);position:absolute;inset:0}.hero-figures:after{content:"";background:radial-gradient(2px 60px at 30% 25%,#dcaa504d,#0000),radial-gradient(2px 40px at 85% 40%,#dcaa5040,#0000);position:absolute;inset:0}.hero-dark .hero-content{z-index:2;max-width:520px;padding:72px 44px 72px 48px;position:relative}.hero-dark h1{color:#fdf8f3;margin:0 0 16px;font-size:clamp(42px,5vw,64px);font-weight:700;line-height:1.05}.hero-dark .btn.primary{color:#0a0806;background:linear-gradient(135deg,#4a9b6e,#2ecc0f);border-color:#0000;border-radius:14px;padding:14px 28px;font-size:16px;box-shadow:0 4px 20px #b87d6259}.hero-dark .btn.primary:hover{background:linear-gradient(135deg,#5fff45,#4a9b6e);box-shadow:0 6px 28px #b87d6280}.hero-dark .btn.secondary{color:#fdf8f3;background:0 0;border-color:#fdf8f340}.hero-visual{z-index:1;justify-content:center;align-items:center;width:58%;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-mirror{background:linear-gradient(#1e160e99,#140e08cc);border:2px solid #dcaa5066;border-radius:180px 180px 20px 20px;justify-content:center;align-items:center;width:340px;height:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #dcaa5026,inset 0 0 40px #0006}.hero-mirror:before{content:"✦";color:#dcaa5099;font-size:18px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hero-mirror-glow{border-radius:180px 180px 20px 20px;position:absolute;inset:-2px;box-shadow:0 0 40px #dcaa5033,0 0 80px #dcaa501a}.hero-cards{pointer-events:none;position:absolute;inset:0}.hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dcaa50b3;background:#ffffff0f;border:1px solid #dcaa5040;border-radius:12px;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;box-shadow:0 4px 20px #0000004d,0 0 12px #dcaa501a}.hero-card:first-child{width:80px;height:100px;top:8%;left:2%;transform:rotate(-6deg)}.hero-card:nth-child(2){width:70px;height:88px;top:18%;left:18%;transform:rotate(4deg)}.hero-card:nth-child(3){width:90px;height:110px;bottom:28%;left:5%;transform:rotate(-3deg)}.hero-card:nth-child(4){width:75px;height:95px;bottom:10%;left:20%;transform:rotate(5deg)}.hero-card:nth-child(5){width:80px;height:100px;top:10%;right:2%;transform:rotate(6deg)}.hero-card:nth-child(6){width:70px;height:88px;top:30%;right:0%;transform:rotate(-4deg)}.hero-card:nth-child(7){width:85px;height:105px;bottom:20%;right:3%;transform:rotate(3deg)}@media (max-width:700px){.hero-visual{display:none}.hero-dark .hero-content{max-width:100%;padding:48px 24px}.hero-dark h1{font-size:38px}}.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{color:#fff;cursor:pointer;background:#ffffff24;border:1.5px solid #ffffff59;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:700}.btn.primary{color:#0a0806;background:#4a9b6e;border-color:#4a9b6e}.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{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.step{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:10px;font-size:13px}.step.active{color:#fff;background:#4a9b6e;border-color:#4a9b6e}.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{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;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}}