/* Local visual direction: playful product, factual financial content. */
:root{--ink:#292342;--purple:#6041ad;--lilac:#ece5ff;--lime:#ddf786}
body{background:#fffcf7;color:var(--ink);font-family:Arial,sans-serif}
.review{background:var(--lilac);color:#493976}
header{border-bottom:0;padding-top:26px;padding-bottom:18px}
.brand{font:800 26px/1.1 Arial,sans-serif;letter-spacing:-1px}.brand small{letter-spacing:1.6px}
header a{border:1.5px solid var(--ink);padding:8px 16px;border-radius:30px;text-decoration:none;font-weight:700}
.hero{gap:50px;padding:40px 0 65px;align-items:center;grid-template-columns:1.1fr 1fr}
.hero>div{min-width:0}.eyebrow{color:var(--purple);letter-spacing:1.2px}
.hero .eyebrow{display:inline-block;background:var(--lilac);border-radius:30px;padding:8px 15px;font-size:11px;transform:rotate(-2deg);margin-bottom:22px}
h1{font:800 clamp(39px,4.4vw,59px)/1.05 Arial,sans-serif;letter-spacing:-2.7px}h1 em{color:var(--purple)}
.lead{font-size:18px;line-height:1.65;color:#5d566c;max-width:480px}
.primary{background:var(--purple);border:2px solid var(--ink);border-radius:15px;box-shadow:4px 4px 0 var(--ink);padding:14px 24px;color:white}
.hero .primary{font-size:18px;margin-top:26px}.primary:disabled{box-shadow:none}.micro{color:#645c72}.byline{margin-top:25px;color:#5c536a}.byline img{border:2px solid white;box-shadow:0 0 0 1px #d9d0e9}
.example{border:2px solid var(--ink);border-radius:24px;box-shadow:9px 9px 0 #e8def8;position:relative;overflow:hidden}
.toy-banner{background:var(--lilac);display:flex;align-items:center;justify-content:space-between;padding:8px 26px 0;min-height:146px;border-bottom:2px solid var(--ink)}
.toy-label{font-size:19px;line-height:1.5;letter-spacing:-.5px;transform:rotate(-4deg)}.toy-label b{background:var(--lime);padding:3px 6px}.xray-pal{width:160px;height:140px;flex-shrink:0;transform-origin:50% 90%;animation:pal-hello .7s ease-out .2s both}
.top{background:white;color:var(--ink);padding:19px 24px 0}.top small{color:#6f637b;font-size:10px;letter-spacing:1px}.top h2{font:800 27px/1.2 Arial,sans-serif;margin-top:5px;letter-spacing:-.8px}
.tabs{padding:17px 22px 0;flex-wrap:wrap}.tabs button{background:white;border:1.5px solid #d0c5e0;color:#554666;font-weight:700}.tabs button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.body{padding:20px 24px}.body h3{font:700 21px/1.3 Arial,sans-serif;letter-spacing:-.5px;margin-bottom:13px}.step{padding:10px 0;border-color:#eee7f4}.step b{color:var(--purple)}.step p{color:#60576b}.foot{background:#f4effb;color:#655971;font-size:11px}
.promise{border:0;gap:18px;padding:0 0 30px}.promise>div{background:#ece5ff;border:1.5px solid #d8cdee;border-radius:20px;padding:24px}.promise>div:nth-child(2){background:#f4f9dc;border-color:#dce7ae}.promise>div:nth-child(3){background:#ffe8dc;border-color:#efd0bb}.promise span{color:#554368;font-weight:bold;font-size:10px;letter-spacing:1px}.promise h3{font-size:18px;letter-spacing:-.5px;margin:8px 0}.promise p{color:#60576b}
.section h2,.call h2{font:800 36px/1.15 Arial,sans-serif;letter-spacing:-1.1px}.section{padding-top:40px}.deliverable{background:#eee7fc;color:var(--ink);border:2px solid var(--ink);border-radius:23px}.deliverable h3{font:750 26px/1.2 Arial,sans-serif}.deliverable li,.deliverable p{color:#5d536c}.email{background:#ddf786}.email .eyebrow{color:#4c5730}.email small{color:#4c5730}.email button{background:white;color:var(--ink)}
.call{border-color:#ded5e8}.call a,.text-button{color:var(--purple)}.secondary{border-radius:12px;border:1.5px solid #c9bddb;color:var(--ink)}
.quiz{background:white;padding:32px;border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 var(--lilac)}.quiz-meta{color:var(--purple);font-weight:bold;letter-spacing:.5px}.quiz h1,.results h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1.2px}.choice{border-radius:14px;padding:18px}.choice:has(input:checked){background:var(--lilac);border-color:var(--purple);box-shadow:3px 3px 0 #d5c5f2}.choice input{accent-color:var(--purple)}.progress-track{height:9px;background:#eee8f6}.progress-track span{background:var(--purple);border-radius:8px}
.result-card,.save-panel,.resolved,.empty,.focus-box,.result-call{border-radius:20px}.result-card{border:1.5px solid #d9cce9}.result-card h2,.save-panel h2,.resolved h2,.empty h2,.result-call h2{font-family:Arial,sans-serif;font-weight:750;letter-spacing:-.6px}.card-meta,.detail-main>summary{color:var(--purple)}.focus-box,.question-copy{background:#f1ebff}.result-call{background:var(--ink)}.result-call .eyebrow{color:var(--lime)}
footer{background:#f0ebf5;color:#655e70}.preview-footer h2{font-family:Arial,sans-serif}dialog{border:2px solid var(--ink);border-radius:23px}dialog h2{font-family:Arial,sans-serif;font-weight:800}
@keyframes pal-hello{0%{transform:rotate(-9deg) translateY(10px)}55%{transform:rotate(6deg) translateY(-3px)}100%{transform:rotate(0) translateY(0)}}
@media(hover:hover){.primary:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:#513593}.primary:not(:disabled):active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.example:hover .xray-pal{transform:rotate(5deg);transition:transform .25s}.choice:hover{border-color:var(--purple)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:28px;gap:34px}h1{font-size:43px;letter-spacing:-1.8px}.hero .primary{display:block;text-align:center}.hero .eyebrow{font-size:10px}.example{box-shadow:5px 5px 0 #e8def8}.promise{gap:12px}.promise>div{padding:21px}.section h2,.call h2{font-size:30px}.quiz{padding:23px 19px;margin-top:25px;box-shadow:4px 4px 0 var(--lilac)}.quiz h1,.results h1{font-size:29px}.toy-banner{padding-left:20px;padding-right:15px}.toy-label{font-size:18px}.xray-pal{width:140px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.example:hover .xray-pal{transform:none}}
@media print{body,.quiz,.result-card,.save-panel,.resolved,.empty,.focus-box,footer{background:white;box-shadow:none;color:black}.toy-banner{display:none}}