:root{color-scheme:dark;--bg:#090a0c;--panel:#111318;--panel-strong:#171a21;--text:#f7f3ed;--muted:#b8b0a6;--line:rgba(255,255,255,0.12);--accent:#d8b36a;--accent-strong:#f0d28c;--rose:#c9828d}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,Montserrat,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden;background:linear-gradient(130deg,rgba(216,179,106,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(201,130,141,.18),transparent 30%),var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0}.brand{font-size:18px;font-weight:700;letter-spacing:0}.nav-link,.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:700}.nav-link{border:1px solid var(--line);padding:0 18px;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);grid-gap:56px;gap:56px;width:min(1120px,calc(100% - 40px));min-height:calc(100vh - 104px);margin:0 auto;align-items:center;padding:28px 0 96px}.hero-copy{max-width:680px}.eyebrow{margin:0 0 18px;color:var(--accent-strong);font-size:13px;font-weight:800;text-transform:uppercase}.eyebrow,h1{letter-spacing:0}h1{max-width:760px;margin:0;font-size:clamp(48px,7vw,92px);line-height:.96}.lead{max-width:620px;margin:26px 0 0;color:var(--muted);font-size:19px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action{background:var(--accent);color:#16110a;padding:0 22px}.secondary-action{border:1px solid var(--line);color:var(--text);padding:0 20px}.preview{position:relative;display:grid;min-height:520px;place-items:center;border-left:1px solid var(--line)}.portrait{position:relative;width:min(330px,78vw);aspect-ratio:.72;border-radius:44% 44% 38% 38%;background:linear-gradient(180deg,#29211f,#151416);box-shadow:0 34px 90px rgba(0,0,0,.42)}.hair{position:absolute;inset:0;background:linear-gradient(135deg,#2d1717,#7f464e 55%,#d7a268)}.hair-back{border-radius:48% 48% 36% 36%;transform:translateY(-2%)}.hair-front{top:5%;left:10%;width:80%;height:34%;border-radius:48% 48% 42% 42%}.face{position:absolute;z-index:1;top:28%;left:19%;width:62%;height:58%;border-radius:42% 42% 46% 46%;background:linear-gradient(180deg,#f0c6a8,#b87967)}.eye,.mouth{position:absolute;display:block;background:#2b2021}.eye{top:35%;width:9px;height:9px;border-radius:999px}.eye.left{left:31%}.eye.right{right:31%}.mouth{left:40%;bottom:24%;width:20%;height:5px;border-radius:999px}.swatches{position:absolute;right:18px;bottom:38px;display:flex;gap:10px}.swatches span{width:30px;height:30px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:var(--accent)}.swatches span:nth-child(2){background:var(--rose)}.swatches span:nth-child(3){background:#f2e3c9}.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;width:min(1120px,calc(100% - 40px));margin:-74px auto 0;border:1px solid var(--line);background:var(--line)}.highlight{min-height:86px;background:rgba(17,19,24,.78);padding:26px;color:var(--muted);font-size:15px;font-weight:700}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:32px;padding-bottom:118px}h1{font-size:52px}.preview{min-height:390px;border-left:0;border-top:1px solid var(--line)}.highlights{grid-template-columns:1fr;margin-top:-72px}}