*{box-sizing:border-box}body{margin:0;min-height:max(884px,100dvh);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}#root{min-height:100dvh}:root{color-scheme:light;--bg: #f6f1ec;--bg-2: #fff7ef;--ink: #1d1b17;--ink-soft: #423a32;--muted: #6b6258;--muted-2: #8b7f72;--accent: #b9935a;--accent-dark: #5b4a3b;--accent-rose: #c6867e;--accent-olive: #8b9a7a;--accent-sky: #7f9db9;--accent-glow: rgba(185, 147, 90, .35);--card: #fffaf6;--border: #efe8e0;--shadow: rgba(107, 92, 77, .16);--font-body: "Manrope", sans-serif;--font-display: "Fraunces", serif}.page{background:radial-gradient(circle at 12% 10%,rgba(198,134,126,.24),transparent 48%),radial-gradient(circle at 85% 12%,rgba(127,157,185,.2),transparent 46%),radial-gradient(circle at 22% 88%,rgba(139,154,122,.2),transparent 50%),radial-gradient(circle at top,#fbf6f0,#f6f1ec 45%,#efe7dd);color:var(--ink);min-height:100vh;font-family:var(--font-body);position:relative;overflow:hidden}.page:before,.page:after{content:"";position:absolute;border-radius:999px;filter:blur(40px);opacity:.35;z-index:0}.page:before{width:420px;height:420px;background:var(--accent-glow);top:-160px;right:-140px}.page:after{width:340px;height:340px;background:#7f9db940;bottom:-140px;left:-120px}.page>*{position:relative;z-index:1}button,input,textarea{font-family:var(--font-body)}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#f6f1ecdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(239,232,224,.7);gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;border-radius:10px;background:linear-gradient(135deg,#111,#5b4a3b);position:relative;box-shadow:0 8px 16px #0000002e}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:999px;background:#fffc}.brand-mark:before{width:12px;height:2px;top:7px;left:7px}.brand-mark:after{width:2px;height:12px;top:7px;left:12px}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.menu-btn{width:36px;height:36px;display:grid;place-items:center;gap:4px;border:1px solid rgba(221,214,206,.8);border-radius:999px;background:linear-gradient(135deg,#fffaf6,#f2e7dc);transition:transform .2s ease,box-shadow .2s ease}.menu-btn span{display:block;width:14px;height:2px;background:#1b1b1b;border-radius:999px}.menu-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.top-links{display:none;gap:18px;font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--muted)}.top-links a{text-decoration:none;color:inherit}.language-switch{display:flex;align-items:center;gap:10px;margin-left:auto}.language-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}.language-select{border:1px solid rgba(221,214,206,.8);background:linear-gradient(135deg,#fffaf6,#f2e7dc);border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600;color:var(--ink)}.hero{padding:90px 22px 40px;display:grid;gap:40px;max-width:1040px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-content{display:flex;flex-direction:column;gap:18px}.hero-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted-2)}.hero-title{font-family:var(--font-display);font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.05;margin:0;font-weight:600;letter-spacing:.02em}.hero-accent{display:block;color:var(--accent-dark);font-weight:500;font-style:italic}.hero-subtitle{color:var(--muted);font-size:1.02rem;max-width:460px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-metrics{display:flex;gap:20px;padding:10px 16px;font-size:.8rem;color:var(--muted);border:1px solid rgba(239,232,224,.7);border-radius:18px;background:#fffaf6b3}.hero-metrics strong{display:block;font-size:1.25rem;color:var(--ink)}.hero-visual{position:relative;min-height:360px}.style-board{position:relative;background:linear-gradient(145deg,#f2e9e1,#fbf7f2 60%,#f0e7dd);border-radius:28px;padding:24px;border:1px solid rgba(228,218,209,.8);min-height:360px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px #785f462e;overflow:hidden}.style-board:before{content:"";position:absolute;inset:-30% -10% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(185,147,90,.45),transparent 70%);opacity:.7;z-index:0}.style-board:after{content:"";position:absolute;inset:auto auto -40% -20%;width:260px;height:260px;background:radial-gradient(circle,rgba(127,157,185,.25),transparent 70%);opacity:.8;z-index:0}.style-board>*{position:relative;z-index:1}.style-board-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.style-board-eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted-2);margin:0 0 6px}.style-board-title{margin:0;font-size:1.3rem;color:var(--ink);font-family:var(--font-display)}.style-board-subtitle{margin:6px 0 0;font-size:.82rem;color:var(--muted)}.style-badge{padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#1d1b17,#3c2f26);color:#fffaf6;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.style-board-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;flex:1}.style-tile{background:var(--card);border-radius:18px;padding:14px;border:1px solid rgba(228,218,209,.7);box-shadow:0 12px 26px #67534014;display:flex;flex-direction:column;gap:8px}.tile-hero{grid-column:span 4;grid-row:span 2;background:linear-gradient(160deg,#1d1b17,#4a3b30);color:#fffaf6;border:none}.tile-hero .tile-label,.tile-hero .tile-meta{color:#ffffffb3}.tile-palette{grid-column:span 2}.tile-fit,.tile-accessory{grid-column:span 3}.tile-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-2);margin:0}.tile-title{margin:0;font-size:1rem;font-weight:600}.tile-meta{margin:0;font-size:.78rem;color:var(--muted)}.swatch-row{display:flex;gap:8px}.swatch{width:22px;height:22px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.swatch-sand{background:#d8c7b6}.swatch-ink{background:#1d1b17}.swatch-gold{background:#b9935a}.swatch-cream{background:#f6f1ec}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.style-chip{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#efe4d9,#e7dacd);font-size:.7rem;color:#5f554b;font-weight:600}.style-board-footer{display:flex;justify-content:flex-start;gap:16px}.style-score{display:flex;align-items:baseline;gap:6px;font-size:.8rem;color:var(--muted);background:var(--card);padding:6px 12px;border-radius:12px;border:1px solid rgba(228,218,209,.7)}.style-score strong{font-size:1.1rem;color:var(--ink)}@media(max-width:640px){.style-board-header{flex-direction:column;align-items:flex-start}.style-board-grid{grid-template-columns:repeat(2,1fr)}.tile-hero,.tile-palette,.tile-fit,.tile-accessory{grid-column:span 2}.style-board-footer{flex-wrap:wrap}}.primary-btn{background:linear-gradient(130deg,#1b1916,#3f3228 52%,#6b4f30);color:#fffaf6;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:999px;font-weight:600;font-size:.85rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 16px 28px #1b191638,inset 0 1px #ffffff1a}.ghost-btn{background:linear-gradient(135deg,#fffaf6e6,#f2e9dfb3);border:1px solid rgba(185,147,90,.35);color:#1b1b1b;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.85rem;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1b191633;filter:saturate(1.08)}.section{padding:40px 22px;max-width:980px;margin:0 auto}.section.alt{background:linear-gradient(180deg,#fff7ef,#f7efe6);border-top:1px solid #efe8e0;border-bottom:1px solid #efe8e0}.section-header{margin-bottom:20px}.section-header h2{font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.section-header.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted-2)}.process-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.process-card{background:#fffaf6f2;padding:18px;border-radius:16px;border:1px solid rgba(239,232,224,.9);box-shadow:0 14px 28px #6b5c4d14}.step-pill{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#f1ece6,#e2d6c9);font-size:.8rem;margin-bottom:10px}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-card{background:#fffaf6f2;border-radius:18px;padding:14px;border:1px solid rgba(239,232,224,.9);box-shadow:0 16px 26px #6b5c4d14}.product-image{height:140px;border-radius:14px;margin-bottom:12px}.soft-sand{background:linear-gradient(135deg,#e5d7c5,#cdb9a3)}.soft-cream{background:linear-gradient(135deg,#f0e7dd,#dccfc1)}.soft-olive{background:linear-gradient(135deg,#d8d2c4,#b2a89b)}.product-meta{display:flex;align-items:center;justify-content:space-between}.product-name{font-weight:600;font-family:var(--font-display)}.product-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-2)}.cta-card{background:linear-gradient(145deg,#1b1916,#3a2f27);color:#fffaf6;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 48px #0003;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cta-card:before{content:"";position:absolute;inset:-60% auto auto -40%;width:320px;height:320px;background:radial-gradient(circle,rgba(185,147,90,.45),transparent 70%);opacity:.6}.cta-card h2{font-family:var(--font-display);font-weight:600}.cta-copy{color:#ffffffb8}.link-btn{border:none;background:none;color:var(--ink);font-weight:600}.footer{padding:30px 22px 40px;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--muted-2);font-size:.85rem}.footer-links{display:flex;gap:14px}.footer a{color:inherit;text-decoration:none}.report-section{padding-top:20px}.report-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.form-card{background:#fffaf6e6;border-radius:20px;padding:20px;border:1px solid rgba(239,232,224,.9);display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 36px #6b5c4d1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.form-card h3{margin:0;font-family:var(--font-display);font-weight:600}.unit-toggle{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2)}.unit-toggle span{font-weight:600}.unit-option{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(210,200,187,.8);background:#fffdf8cc;color:var(--ink-soft);font-size:.72rem;letter-spacing:.08em}.unit-option input{accent-color:var(--accent)}.form-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.form-card label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-2)}.form-card input{border:1px solid #e5ded6;border-radius:12px;padding:10px 12px;font-size:.95rem;background:linear-gradient(180deg,#fffdfb,#f6efe7)}.dropzone{border:1px dashed #d6ccc3;border-radius:16px;padding:18px;text-align:center;cursor:pointer;background:linear-gradient(160deg,#faf6f2,#f4ece3);color:var(--muted)}.dropzone.dragging{border-color:var(--accent-dark);color:var(--accent-dark);background:linear-gradient(160deg,#f9f1e7,#efe3d5)}.dropzone span{display:block;margin-top:6px;font-size:.75rem}.preview{border-radius:16px;overflow:hidden;border:1px solid #efe8e0}.preview img{width:100%;display:block}.error-message{color:#b43d3d;font-size:.85rem}.email-notice{font-size:.85rem;color:var(--accent-dark)}.email-notice a{color:var(--accent-dark);text-decoration:underline}.email-banner{margin-bottom:14px;padding:10px 14px;border-radius:14px;border:1px solid rgba(185,147,90,.5);background:#e9d8b873;color:#4a3b25;font-size:.9rem;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 20px #6b5c4d1f}.report-card{background:linear-gradient(160deg,#fffaf6,#f3e9df);border-radius:20px;padding:20px;border:1px solid rgba(239,232,224,.9);line-height:1.7;color:#2f2a24;position:relative;box-shadow:0 20px 40px #6b5c4d24;font-family:var(--font-body);font-size:.98rem;letter-spacing:.01em}.report-card:before{content:"";position:absolute;inset:-40% auto auto -30%;width:220px;height:220px;background:radial-gradient(circle,rgba(127,157,185,.18),transparent 70%);opacity:.7;pointer-events:none}.report-capture{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.report-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}.report-card h3{margin-top:0;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:var(--muted-2)}.report-card a{color:var(--accent-dark);text-decoration:underline}.report-content{display:grid;gap:16px;line-height:1.8;font-size:1rem;color:#2f2720}.report-content section{background:#fffdf8f5;border:1px solid rgba(210,192,166,.45);border-left:4px solid rgba(185,147,90,.6);border-radius:16px;padding:14px 16px;box-shadow:0 12px 24px #6b5c4d14}.report-content h3,.report-content h4{margin:0 0 8px;font-family:var(--font-display);font-size:1.15rem;color:#3e2f24;letter-spacing:.01em;text-transform:none}.report-content p{margin:0;color:#3b332a;font-weight:450}.report-content strong{color:#1d1b17;font-weight:700;background:#e9d8b88c;padding:0 4px;border-radius:6px}.report-content em{color:#5a4b3f}.report-content ul,.report-content ol{margin:0;padding-left:18px;color:#3b332a;display:grid;gap:6px}.report-content li{margin:0}.report-content li::marker{color:var(--accent);font-weight:700}.helper-text{margin:0;font-size:.75rem;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase}.helper-text.subtle{text-transform:none;letter-spacing:.02em;font-size:.82rem;color:#6b6258}.primary-btn.full{width:100%;justify-content:center}.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:#6b6258}.consent-row input{margin-top:2px}.policy-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.policy-grid article{background:#fffaf6e6;border:1px solid rgba(239,232,224,.9);border-radius:16px;padding:18px;box-shadow:0 12px 22px #6b5c4d14}.policy-grid h3{margin-top:0;font-family:var(--font-display);font-weight:600}.footer-note{text-align:center;max-width:520px;font-size:.7rem;color:#9b9186}@media(min-width:768px){.top-links{display:flex}.hero{padding-top:120px}}.payment-section{padding-top:20px}.payment-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.payment-card{background:#fffaf6f2;border-radius:20px;padding:20px;border:1px solid rgba(239,232,224,.9);display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 32px #6b5c4d1f}.payment-card h3{margin:0;font-family:var(--font-display)}.payment-price{font-size:1.6rem;font-weight:700;color:#1b1b1b;font-family:var(--font-display)}.hair-grid{display:flex;flex-direction:column;gap:10px}.hair-grid-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(185,147,90,.25);box-shadow:0 18px 30px #6b5c4d2e}.hair-grid-frame:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.6) 1px,transparent 1px);background-size:calc(100% / 3) calc(100% / 3);opacity:.55;pointer-events:none}.hair-grid-image{width:100%;display:block;height:auto}.hair-grid-note{margin:0;font-size:.78rem;color:var(--muted-2);letter-spacing:.05em}