:root{--bg:#070709;--panel:#111114;--soft:#1a1a1f;--pink:#ea5f9c;--pink2:#ff83b8;--gold:#d4ad62;--cream:#f7f1e9;--muted:#aaa5aa;--line:rgba(255,255,255,.1)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{display:flex;align-items:baseline;gap:10px}.brand span{font-family:"Playfair Display";font-style:italic;font-size:31px;color:var(--pink2)}.brand small{font-size:10px;letter-spacing:.38em;color:var(--gold)}.shop-link{font-size:13px;font-weight:600;letter-spacing:.05em}.shop-link span{color:var(--pink);margin-left:6px}.hero{min-height:calc(100vh - 78px);max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px clamp(24px,7vw,110px);gap:54px;overflow:hidden}.eyebrow,.step-label{font-size:11px;letter-spacing:.28em;font-weight:700;color:var(--gold);margin:0 0 20px}.hero h1{font-family:"Playfair Display";font-size:clamp(48px,6.5vw,92px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:790px}.hero h1 em{color:var(--pink);font-weight:600}.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.7;color:#c9c4c8;max-width:610px;margin:30px 0}.primary,.secondary{min-height:54px;border-radius:999px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.primary{background:var(--pink);color:#11080d}.primary:hover{background:var(--pink2);transform:translateY(-2px)}.secondary{background:transparent;color:var(--cream);border-color:rgba(255,255,255,.25)}.secondary:hover{border-color:var(--pink);color:var(--pink2)}.privacy{font-size:12px;color:var(--muted);margin-top:18px}.privacy span{color:#68c899;font-size:8px;margin-right:6px}.product-visual{position:relative;min-height:620px;display:grid;place-items:center}.product-visual img{width:min(570px,100%);aspect-ratio:1;object-fit:cover;border-radius:42px;position:relative;z-index:2;box-shadow:0 35px 100px #000}.gold-ring{position:absolute;width:560px;height:560px;border:1px solid rgba(212,173,98,.35);border-radius:50%;box-shadow:0 0 120px rgba(212,173,98,.12)}.floating-card{position:absolute;z-index:3;right:-18px;bottom:80px;background:rgba(24,21,22,.88);backdrop-filter:blur(15px);padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;display:flex;flex-direction:column;gap:5px}.floating-card b{font-size:12px;letter-spacing:.2em;color:var(--pink2)}.floating-card span{font-size:13px;color:#bbb}.finder{padding:110px 24px;background:radial-gradient(circle at 50% 35%,rgba(234,95,156,.12),transparent 38%),#0c0c0f}.finder-head{text-align:center;max-width:650px;margin:0 auto 42px}.finder h2,.results h2{font-family:"Playfair Display";font-size:clamp(36px,4.2vw,58px);margin:0 0 15px}.finder-head>p:last-child,.result-intro>p:last-child{color:var(--muted);line-height:1.6}.camera-card{max-width:690px;margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:16px}.camera-stage{aspect-ratio:4/3;background:#050506;border-radius:19px;overflow:hidden;position:relative;display:grid;place-items:center}.camera-stage video,.camera-stage canvas{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{display:grid;place-items:center;gap:18px;color:#888}.face-guide{width:210px;height:285px;border:2px solid rgba(234,95,156,.7);border-radius:48% 48% 45% 45%;position:relative;box-shadow:0 0 40px rgba(234,95,156,.13)}.face-guide:before,.face-guide:after{content:"";position:absolute;top:112px;width:46px;height:22px;border:1px solid var(--gold);border-radius:50%}.face-guide:before{left:35px}.face-guide:after{right:35px}.face-guide span{position:absolute;width:28px;height:12px;border-bottom:1px solid var(--gold);border-radius:50%;bottom:54px;left:50%;transform:translateX(-50%)}.camera-placeholder p{font-size:13px}.scan-line{display:none;position:absolute;left:8%;right:8%;height:1px;background:var(--pink);box-shadow:0 0 18px var(--pink);animation:scan 1.7s ease-in-out infinite alternate}.scan-line.active{display:block}@keyframes scan{from{top:18%}to{top:82%}}.camera-actions{display:flex;justify-content:center;gap:12px;padding:18px 4px 4px}.status{text-align:center;min-height:20px;color:var(--muted);font-size:13px;margin:12px}.results{padding:110px max(24px,6vw);max-width:1280px;margin:auto}.result-intro{text-align:center;max-width:720px;margin:0 auto 48px}.result-intro h2 span{color:var(--pink)}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rec-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;position:relative;overflow:hidden}.rec-card:first-child{border-color:rgba(234,95,156,.55);box-shadow:0 15px 60px rgba(234,95,156,.09)}.rec-card .match{font-size:10px;letter-spacing:.18em;color:var(--gold)}.rec-card h3{font-family:"Playfair Display";font-size:33px;margin:30px 0 8px}.rec-card .lengths{color:var(--pink2);font-weight:700}.rec-card p{color:var(--muted);line-height:1.6;min-height:76px}.rec-card a{margin-top:12px;font-weight:700;font-size:14px;display:inline-flex;gap:12px;color:var(--cream)}.rec-card a span{color:var(--pink)}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.disclaimer{text-align:center;color:#777;font-size:12px;margin-top:24px}.how{padding:110px max(24px,7vw);border-top:1px solid var(--line);max-width:1440px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.steps article{background:var(--bg);padding:38px}.steps span{color:var(--pink);font-size:12px;font-weight:700}.steps h3{font-family:"Playfair Display";font-size:25px;margin:28px 0 10px}.steps p{color:var(--muted);line-height:1.6;margin:0}footer{border-top:1px solid var(--line);padding:35px max(24px,7vw);display:flex;justify-content:space-between;color:#777}footer span{font-family:"Playfair Display";font-style:italic;color:var(--pink2);font-size:22px}footer p{margin:0}
.preference-card{max-width:690px;margin:22px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:28px}.analysis-ready{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.analysis-ready>span{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:rgba(104,200,153,.14);color:#68c899}.analysis-ready div{display:flex;flex-direction:column;gap:3px}.analysis-ready small{color:var(--muted)}fieldset{border:0;padding:0;margin:28px 0}legend{font-family:"Playfair Display";font-size:23px;margin-bottom:15px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid button{background:#17171b;color:var(--cream);border:1px solid var(--line);border-radius:16px;padding:17px 12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.2s}.choice-grid button b{font-size:14px}.choice-grid button span{font-size:11px;color:var(--muted)}.choice-grid.compact button{display:block;font-weight:600}.choice-grid button:hover,.choice-grid button.selected{border-color:var(--pink);background:rgba(234,95,156,.1);box-shadow:inset 0 0 0 1px rgba(234,95,156,.2)}.reveal-button{width:100%}.reveal-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.feature-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.feature-pills span{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 13px;color:#c9c4c8;font-size:12px}
@media(max-width:850px){.topbar{height:68px}.hero{grid-template-columns:1fr;padding-top:62px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.product-visual{min-height:auto}.product-visual img{width:min(430px,92vw);border-radius:28px}.gold-ring{width:420px;height:420px}.floating-card{right:3%;bottom:5%}.recommendations,.steps{grid-template-columns:1fr}.rec-card p{min-height:0}.shop-link{font-size:0}.shop-link span{font-size:18px}.finder,.results,.how{padding-top:80px;padding-bottom:80px}}
@media(max-width:520px){.brand span{font-size:26px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:49px}.product-visual{margin-top:12px}.gold-ring{width:330px;height:330px}.floating-card{padding:13px 15px}.camera-actions,.result-actions{flex-direction:column}.camera-actions>* ,.result-actions>*{width:100%}.face-guide{width:160px;height:220px}.finder{padding-left:12px;padding-right:12px}.camera-card{padding:9px;border-radius:22px}.camera-stage{border-radius:15px}.results{padding-left:16px;padding-right:16px}.recommendations{gap:12px}.preference-card{padding:20px 14px;border-radius:22px}.choice-grid{grid-template-columns:1fr}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.choice-grid.compact button{padding:13px 5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.rec-card .price{font-size:13px;color:var(--gold);font-weight:700;margin-top:8px}.rec-card .why{background:rgba(234,95,156,.08);border:1px solid rgba(234,95,156,.22);border-radius:14px;padding:14px;color:#cbc4c8;font-size:13px;line-height:1.55;margin:16px 0}.rec-card .why b{color:var(--pink2)}
.rec-card .product-image{width:calc(100% + 56px);height:230px;object-fit:cover;margin:-28px -28px 25px;display:block;border-bottom:1px solid var(--line)}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.product-meta .price{margin:0}.stock{font-size:11px;color:#68c899;font-weight:700}.stock.sold-out{color:#c98787}@media(max-width:850px){.rec-card .product-image{height:min(390px,70vw)}}