@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f5ee;--ink:#223d34;--green:#285446;--muted:#737970;--line:#dedfd5;--gold:#edd5a0;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b67c35;outline-offset:4px}header{max-width:1120px;margin:auto;padding:23px 30px;display:flex;align-items:center;gap:24px}.brand{font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:5px}.brand>span:last-child{font-weight:400}.brand-icon{font-size:34px;margin-right:7px}.header-note{font-size:10px;letter-spacing:2.2px;margin-left:auto;color:var(--muted)}.text-button{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px}.progress-shell{max-width:1060px;margin:auto;padding:0 0 22px}#progress{height:3px;background:#e5e5da;border-radius:5px;overflow:hidden}#progress>div{height:100%;background:var(--green);transition:width .35s}.layout{display:grid;grid-template-columns:360px minmax(0,510px);gap:78px;max-width:980px;margin:20px auto 50px;padding:0 24px;align-items:start}.visual{position:sticky;top:24px}.visual img{width:100%;border-radius:160px 160px 20px 20px;display:block}.visual-note{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:16px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#637365;margin:9px 0 18px}.step-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.back{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px;color:var(--ink)}.step-count{font-size:11px;letter-spacing:1px;color:var(--muted)}h1{font:600 clamp(27px,3vw,37px)/1.22 Manrope,sans-serif;letter-spacing:-1.3px;margin:0 0 17px}h2{font:600 25px/1.25 Manrope,sans-serif;letter-spacing:-.7px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.65}.subtitle{color:var(--muted);font-size:15px;margin:0 0 25px}.options{display:grid;gap:10px;margin:24px 0}.option{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:var(--white);padding:16px;border-radius:13px;min-height:62px;color:var(--ink);transition:.18s}.option:hover{border-color:#78917d;transform:translateY(-1px)}.option[aria-pressed=true]{border-color:var(--green);background:#eaf0e5;box-shadow:inset 0 0 0 1px var(--green)}.option .check{border:1px solid #b5bdb0;width:21px;height:21px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-left:auto}.option[aria-pressed=true] .check{background:var(--green);color:white;border-color:var(--green)}.option-icon{font-size:22px;width:32px;text-align:center;color:#8c7654}.primary{display:flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:50px;background:var(--green);color:white;padding:18px 24px;width:100%;font-weight:600;min-height:57px;transition:.2s}.primary:hover{background:#183d30;box-shadow:0 7px 20px #28544620}.primary:disabled{opacity:.4;cursor:default;box-shadow:none}.secondary{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:12px 18px;border-radius:30px}.action{margin-top:25px}.micro{font-size:11px;line-height:1.6;color:var(--muted);text-align:center}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{font-size:12px;background:#e7ecdf;padding:8px 13px;border-radius:30px}.info-card{padding:21px;border:1px solid var(--line);background:var(--white);border-radius:16px;margin:13px 0}.info-card p{font-size:14px;color:var(--muted);margin:0}.info-card strong{display:block;margin-bottom:8px}.badge{display:inline-block;background:var(--gold);padding:8px 13px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.4px;margin:12px 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.week{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;padding:15px 5px;font-size:11px}.week.active{background:var(--green);color:white}.week b{display:block;font-size:22px;margin-bottom:5px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{background:#e7ecdf;border-radius:8px;padding:9px 0;text-align:center;font-size:12px}.day.active{background:var(--green);color:white}.compare{position:relative;overflow:hidden;border-radius:18px;height:270px;background:#e5e5da;touch-action:pan-y}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-top{position:absolute;inset:0;clip-path:inset(0 50% 0 0);background:#e6efdf}.compare-top svg{position:absolute;inset:0;width:100%;height:100%}.compare-line{position:absolute;left:50%;top:0;height:100%;width:2px;background:white;pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:47%;left:-19px;width:40px;height:40px;display:grid;place-items:center;background:white;border-radius:50%;box-shadow:0 2px 10px #0002;color:var(--green)}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-labels{position:absolute;top:13px;left:13px;right:13px;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{background:#fffdf8e6;border-radius:20px;padding:6px 10px;font-size:10px}.scratch{position:relative;height:210px;border-radius:19px;overflow:hidden;background:#ede4d1;margin:20px 0}.scratch-result{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;padding:25px;text-align:center;background:radial-gradient(ellipse at top,#fff8e2,#e9d09b)}.scratch-result b{font:700 28px Manrope;margin:12px 0}.scratch canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scratch.revealed canvas{opacity:0;pointer-events:none;transition:opacity .4s}.reveal-button{display:block;margin:auto;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline}.face-map{position:relative;max-width:230px;margin:20px auto}.face-map img{width:100%;border-radius:60%}.hotspot{position:absolute;border:3px solid white;border-radius:50%;background:var(--green);color:white;width:34px;height:34px;box-shadow:0 0 0 7px #28544620;animation:pulse 3s infinite}.hotspot.selected{background:#b47a37}.face-map .hotspot:nth-of-type(1){left:44%;top:32%}.face-map .hotspot:nth-of-type(2){left:63%;top:47%}.face-map .hotspot:nth-of-type(3){left:42%;top:64%}@keyframes pulse{50%{box-shadow:0 0 0 11px #28544608}}.breath{margin:25px auto;width:160px;height:160px;border:1px solid #abc0a9;border-radius:50%;background:#e3ebdd;display:grid;place-items:center;text-align:center;font-size:14px;animation:breathe 8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.13);background:#cedfc7}}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid #0001}.mini-bars{display:grid;gap:15px;margin:25px 0}.mini-bars div{padding:15px;background:#e6ecdf;border-radius:12px;animation:appear .35s ease-out both}.mini-bars div:nth-child(2){animation-delay:.15s}.mini-bars div:nth-child(3){animation-delay:.3s}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.step-content{animation:appear .25s ease-out}.offer{max-width:760px;margin:25px auto;padding:0 22px}.offer-top{text-align:center;max-width:590px;margin:0 auto 25px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.offer .price{font:700 42px Manrope;letter-spacing:-2px}.offer ul{padding-left:20px;line-height:2}.offer details{border-bottom:1px solid var(--line);padding:18px 0}.offer summary{cursor:pointer;font-weight:600}.offer details p{color:var(--muted);font-size:14px}.offer .primary{margin-top:20px}.comparison-table{width:100%;border-collapse:collapse;font-size:13px}.comparison-table td,.comparison-table th{padding:13px 8px;border-bottom:1px solid var(--line);text-align:left}.comparison-table th:last-child{color:var(--green)}footer{max-width:980px;margin:30px auto;padding:20px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:11px}footer small{display:block;width:100%;max-width:680px;margin-top:14px;line-height:1.7}.consent{position:fixed;z-index:20;bottom:15px;left:15px;max-width:400px;background:var(--white);padding:18px;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 50px #233d3422}.consent p{font-size:12px;margin:0 0 13px}.consent>div{display:flex;gap:8px}.consent button{font-size:12px;min-height:42px;padding:10px 15px}.consent .primary{width:auto}dialog{border:0;border-radius:20px;background:var(--white);color:var(--ink);padding:30px;max-width:560px;width:calc(100% - 28px);max-height:85vh}dialog::backdrop{background:#183d3070;backdrop-filter:blur(4px)}.dialog-close{float:right;background:none;border:0;font-size:28px;color:var(--ink)}dialog p{font-size:14px}.loading{text-align:center;padding:80px}.admin{max-width:1180px;margin:30px auto;padding:24px}.admin input,.admin select{padding:12px;border:1px solid var(--line);border-radius:9px;background:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.metric strong{font-size:32px;display:block}.metric small{color:var(--muted)}.table-scroll{overflow:auto}.admin table{border-collapse:collapse;width:100%;font-size:12px}.admin td,.admin th{padding:11px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.admin nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.admin .primary{width:auto}.error{color:#a34034}.shape{border:2px solid #b78f73;width:27px;height:35px;border-radius:50%;display:inline-block}.shape.s1{border-radius:5px}.shape.s2{height:27px}.shape.s3{transform:rotate(45deg);width:23px;height:23px;border-radius:4px}.shape.s4{border-radius:6px}.shape.s5{clip-path:polygon(0 0,100% 0,50% 100%);background:#d8b49b}
@media(max-width:760px){header{padding:16px 20px}.brand{font-size:19px}.brand-icon{font-size:29px}.header-note{display:none}header .text-button{margin-left:auto}.progress-shell{padding:0 20px 10px}.layout{display:block;margin:14px auto 35px;max-width:520px;padding:0 22px}.visual{display:none}.layout.intro .visual{display:block;position:relative;max-width:270px;margin:0 auto 25px}.layout.intro{display:flex;flex-direction:column-reverse;gap:25px}.layout.intro .visual img{height:280px;object-fit:cover;object-position:center 35%}.layout.intro .visual-note{display:none}.eyebrow{margin-top:12px}.option{padding:15px;min-height:59px}h1{font-size:29px}.action{position:sticky;bottom:0;padding:14px 0;background:linear-gradient(transparent,var(--paper) 20%)}footer{margin-top:0}.consent{left:10px;right:10px;bottom:10px;max-width:none}.offer-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.compare{height:270px}.timeline{gap:5px}.admin{padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bonus-section{margin:40px 0}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bonus-card{padding:22px;border:1px solid #d9dfd0;background:#eff1e7;border-radius:16px}.bonus-card p{font-size:13px;color:var(--muted)}.bonus-number{display:block;font:500 32px Manrope;color:#829177}.bonus-card .badge{font-size:9px}.scratch-result s{font-size:13px;margin-top:8px;color:#776647}.scratch-result b{margin:5px 0}.visual img{height:440px;object-fit:cover;object-position:51% center}.compare img{object-position:center}.compare:focus-within{outline:3px solid #b67c35;outline-offset:3px}@media(max-width:760px){.layout.intro .visual{width:100%;max-width:none}.layout.intro .visual img{height:260px;border-radius:18px;object-position:center}.bonus-grid{grid-template-columns:1fr}.compare{height:260px}.compare-labels span{font-size:9px}}

/* Keep the first action visible throughout the introductory screen. */
body:has(.layout.intro){padding-bottom:100px}.layout.intro .action{position:fixed;z-index:15;left:0;right:0;bottom:0;margin:0;padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 24px #223d3408}.layout.intro .action .primary{max-width:510px;margin:0 auto}