:root{--bg:#120f0d;--surface:#1d1814;--paper:#f1e6d5;--paper2:#e7dac6;--ink:#171310;--cream:#fff4e4;--muted:#b9aa98;--line:#443a32;--amber:#d8a253;--rust:#8f5337;--sage:#8f9d74;--gold:#e5b765;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#352318 0,transparent 26%),radial-gradient(circle at 15% 30%,#241b16 0,transparent 30%),var(--bg);color:var(--cream);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:34px 0 72px}.hidden{display:none!important}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:28px;align-items:stretch}.hero-copy,.demo-card,.card,.partner-cta{border:1px solid #4b3e34;border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 24px 70px rgba(0,0,0,.24)}.hero-copy{padding:clamp(28px,6vw,64px)}.eyebrow,.section-label{font-size:11px;letter-spacing:.17em;font-weight:900;color:var(--amber);text-transform:uppercase}.eyebrow.light{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.03;letter-spacing:-.03em}h1{font-size:clamp(48px,8vw,88px);margin:.2em 0 .25em}h2{font-size:clamp(40px,7vw,70px);margin:.18em 0 .25em}h3{font-size:clamp(25px,3.5vw,34px);margin:.25em 0}.lede{font-size:clamp(18px,2.2vw,22px);max-width:760px;color:#ddcdbb}.demo-note{border-left:3px solid var(--amber);padding:10px 14px;background:#201914;color:#d8c6b1;margin:24px 0}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 28px}.meta-row span,.pill{border:1px solid #5a493c;border-radius:999px;padding:7px 10px;color:#e6d8c7;background:#211a15;font-size:13px}.consent-block{border-top:1px solid #40362f;padding-top:22px}.consent-block>label{display:block;margin:10px 0;color:#e2d5c5}.consent-block input{accent-color:var(--amber)}.field{display:grid;gap:7px;margin:18px 0}.field label{font-weight:750;color:#e5d8c7}.field select{background:var(--paper);color:var(--ink);border:1px solid #766451;border-radius:12px;padding:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid #6e5948;padding:12px 17px;font-weight:850;text-decoration:none;cursor:pointer;font:inherit}.primary{background:var(--amber);color:#1c140e;border-color:#d8a253}.secondary,.ghost{background:#211a15;color:var(--cream)}.ghost{background:transparent}.wide{width:100%;margin-top:12px}.error{color:#ffb5a5;min-height:1.2em}.demo-card{padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:590px;background:linear-gradient(155deg,#1b1512,#0e0c0a)}.compass-visual{position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden}.compass-visual span{position:absolute;border:1px solid #8f9d74;border-radius:50%;width:100px;height:100px}.compass-visual span:nth-child(2){width:180px;height:180px}.compass-visual span:nth-child(3){width:270px;height:270px}.compass-visual span:nth-child(4){width:360px;height:360px}.compass-visual i{width:12px;height:12px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 11px rgba(216,162,83,.12)}.demo-card-copy small{font-size:11px;letter-spacing:.15em;color:var(--sage);font-weight:800}.demo-card-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;display:block;margin:8px 0}.demo-card-copy p{color:#c9b8a6}.quiz-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;position:sticky;top:8px;background:#15110f;border:1px solid #40352e;border-radius:14px;padding:12px;z-index:10}.text-btn{border:0;background:transparent;color:#d7c7b7;cursor:pointer}.progress{height:8px;border-radius:999px;background:#392f29;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rust),var(--amber))}.progress-label{text-align:right;font-size:12px;color:#b9aa98;margin-bottom:5px}.question-card{margin-top:16px}.card{padding:clamp(20px,4vw,34px);margin:16px 0}.q-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:850}.q-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,5vw,44px);line-height:1.13;margin:12px 0 22px}.q-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q-side{border:1px solid #55463b;border-radius:16px;padding:16px;min-height:128px;background:#211a15;color:#e5d8c7}.q-side b{display:block;color:var(--amber);font-size:10px;letter-spacing:.14em;margin-bottom:6px}.taste-control{margin-top:20px}.range-wrap{position:relative;height:54px;display:flex;align-items:center;margin:0 10px}.range-rail{position:absolute;left:10px;right:10px;height:8px;background:#3d332c;border-radius:99px}.range-rail{display:flex;justify-content:space-between;align-items:center}.rail-dot{width:12px;height:12px;border:3px solid #171310;border-radius:50%;background:#6d5b4d}.rail-dot.active{background:var(--amber)}.taste-range{position:relative;z-index:2;width:100%;appearance:none;background:transparent;height:54px}.taste-range::-webkit-slider-runnable-track{height:8px;background:transparent}.taste-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:var(--amber);border:4px solid #171310}.taste-range.unanswered::-webkit-slider-thumb{opacity:0}.range-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.range-step{background:transparent;color:#a89887;border:0;padding:6px 2px;cursor:pointer}.step-dot{display:block;width:8px;height:8px;border-radius:50%;background:#6d5b4d;margin:0 auto 4px}.range-step.active{color:var(--cream);font-weight:850}.range-step.active .step-dot{background:var(--amber);width:11px;height:11px}.step-label{font-size:10px;display:block;text-align:center}.unknown-btn,.choice-label{width:100%;margin-top:12px;padding:11px;border-radius:11px;border:1px dashed #665446;background:#211a15;color:#c9b8a7}.unknown-btn{cursor:pointer}.unknown-btn.active{background:#3a291e;border-style:solid;color:var(--cream)}.choice-label{text-align:center;border-style:solid}.result-wrap{max-width:920px;margin:auto}.result-hero{background:linear-gradient(145deg,#16120f,#090807);border:1px solid #493a30;border-radius:28px;padding:clamp(28px,6vw,58px);margin-bottom:18px}.result-hero p{font-size:19px;color:#d3c1ae}.pills{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.axis{margin:23px 0}.axis-labels{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;color:#b8a896;font-size:12px}.axis-labels b{text-align:center;color:#e6dacb}.axis-labels span:last-child{text-align:right}.axis-bar{height:9px;background:#40342c;border-radius:999px;position:relative;margin:9px 0}.axis-dot{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--amber);border:3px solid #171310;transform:translate(-50%,-50%)}.axis-note{font-size:12px;color:#b8a896;display:flex;justify-content:space-between}.soft-note{border:1px solid #4e4035;background:#201914;padding:12px;border-radius:12px;color:#d7c7b7}.share-card-section p{color:#cdbba9}.format-switch{display:flex;gap:8px;margin:14px 0}.format-btn{border:1px solid #5a493d;background:#211a15;color:#cab7a4;padding:10px 14px;border-radius:999px;font-weight:800;cursor:pointer}.format-btn.active{background:var(--amber);color:#1a120d}.share-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.selfie-file input{display:none}#shareCanvas{display:block;width:min(100%,460px);height:auto;margin:18px auto;border-radius:18px;background:#0c0a08;box-shadow:0 18px 50px rgba(0,0,0,.35)}.partner-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px;margin-top:18px}.partner-cta p{color:#c8b6a3}.partner-cta h3{margin-bottom:3px}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.demo-card{min-height:480px}.q-sides{grid-template-columns:1fr}.partner-cta{align-items:flex-start;flex-direction:column}.quiz-head{grid-template-columns:1fr}.progress-label{text-align:left}.shell{padding-top:18px}.hero-copy{padding:28px}}
@media(max-width:480px){h1{font-size:50px}.q-title{font-size:29px}.step-label{font-size:8.5px}.range-step{padding-left:0;padding-right:0}.axis-labels{grid-template-columns:1fr}.axis-labels span:last-child{text-align:left}.axis-labels b{text-align:left;grid-row:1}.demo-card{min-height:420px}.compass-visual{min-height:300px}}


/* Trust UX v2 */
.personal-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.personal-value>b{margin-right:4px;color:var(--cream)}.personal-value span{border:1px solid #5a493c;border-radius:999px;padding:7px 10px;color:#e6d8c7;background:#211a15;font-size:13px}.trust-box{margin:26px 0 22px;padding:22px;border:1px solid #5b493c;border-radius:18px;background:linear-gradient(145deg,#211a15,#181310)}.trust-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.trust-head h2{font-size:clamp(27px,4vw,40px);margin:.18em 0 .15em}.demo-badge{display:inline-flex;align-items:center;background:var(--amber);color:#1a120d;border-radius:999px;padding:6px 9px;font-size:10px;letter-spacing:.12em;font-weight:900}.trust-summary{color:#d8c9b8;margin:10px 0 18px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.trust-grid>div{background:#15110f;border:1px solid #443830;border-radius:12px;padding:13px}.trust-grid b{display:block;color:#f1e6d5;margin-bottom:4px}.trust-grid span{display:block;color:#bca997;font-size:12px;line-height:1.4}.data-details{margin-top:14px;border-top:1px solid #443830;padding-top:12px}.data-details summary,.result-trust-note summary{cursor:pointer;font-weight:850;color:var(--amber)}.detail-copy{color:#cbb9a7;font-size:14px}.detail-copy p{margin:10px 0}.participation-box{border-top:1px solid #40362f;padding-top:20px}.age-check{display:flex!important;align-items:flex-start;gap:10px;color:#e2d5c5!important}.age-check input{margin-top:4px}.compact-field{margin-top:14px}.continue-note{font-size:12px;color:#a99887;margin:0 0 13px}.result-trust-note{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;border:1px solid #514237;background:#181310;border-radius:16px;padding:17px 20px;margin:0 0 18px}.result-trust-note>div b{display:block;color:#f0e2d2;margin-bottom:3px}.result-trust-note>div span,.result-trust-note p{color:#bca997;font-size:13px}.result-trust-note details{border-left:1px solid #4b3d34;padding-left:16px}
@media(max-width:760px){.trust-grid{grid-template-columns:1fr}.result-trust-note{grid-template-columns:1fr}.result-trust-note details{border-left:0;border-top:1px solid #4b3d34;padding-left:0;padding-top:12px}.trust-head{align-items:flex-start}.personal-value{align-items:flex-start}.personal-value>b{width:100%}}