@scope(.test-page){:scope{--purple:#512681;--lav:#e2cafd;--paper:#fff;--pale:#f9f5fd;--ink:#312344;--line:#e4d8ee}*{box-sizing:border-box}:scope{color:var(--ink);font:16px/1.6 var(--font-sans);background:#fff;margin:0}button,a{font:inherit}a{color:var(--purple)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #8d68c5}.wrap{width:min(100% - 36px,980px);margin-inline:auto}.top{border-bottom:1px solid var(--line);background:#fff}.top-inner{justify-content:space-between;align-items:center;gap:12px;min-height:76px;display:flex}.brand{color:var(--purple);align-items:center;gap:17px;text-decoration:none;display:flex}.brand b{letter-spacing:-1.5px;font-size:26px}.brand i{background:#c9b9da;width:1px;height:33px}.brand span{letter-spacing:1.9px;font-size:11px;font-weight:700}.top small{color:#705b83}.intro{background:var(--lav);padding:clamp(42px,7vw,83px) 0}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--purple);font-size:11px;font-weight:800}h1{letter-spacing:-2px;max-width:830px;color:var(--purple);margin:16px 0 22px;font-size:clamp(36px,6vw,68px);font-weight:600;line-height:1.08}.intro p{max-width:700px;margin:0 0 13px;font-size:17px}.intro .sub{font-size:21px;font-weight:500;line-height:1.4}.primary,.secondary{border:2px solid var(--purple);border-radius:100px;justify-content:center;align-items:center;gap:7px;min-height:49px;padding:13px 25px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--purple);color:#fff}.primary:hover{background:#68359c}.secondary{color:var(--purple);background:#fff}.secondary:hover{background:var(--pale)}.intro .primary{margin-top:23px}.shell{max-width:720px;margin:0 auto;padding:54px 0 78px}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:clamp(20px,5vw,40px);box-shadow:0 16px 50px #51268112}.status{color:var(--purple);justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex}.progress{background:#eee7f5;border-radius:20px;height:7px;margin:15px 0 33px;overflow:hidden}.bar{background:var(--purple);width:0;height:100%;transition:width .3s}h2{color:var(--purple);letter-spacing:-.6px;margin:6px 0 27px;font-size:clamp(26px,4vw,36px);line-height:1.23}.choices{border:0;gap:10px;margin:0;padding:0;display:grid}.choice{cursor:pointer;background:#fff;border:1.5px solid #d8c7e9;border-radius:13px;align-items:flex-start;gap:14px;padding:15px 16px;line-height:1.45;display:flex}.choice:has(input:checked){border-color:var(--purple);background:#f2e9fc}.choice input{accent-color:var(--purple);flex:none;width:19px;height:19px;margin:2px 0}.choice span{flex:1}.nav{justify-content:space-between;align-items:center;gap:12px;margin-top:33px;display:flex}.nav .primary{min-width:155px}.note{background:var(--pale);border-left:3px solid var(--purple);border-radius:5px;margin-top:22px;padding:17px 20px}.result-label{color:var(--purple);letter-spacing:1.5px;font-size:12px;font-weight:800}.result p{margin:0 0 15px}.reflection{background:var(--lav);color:var(--purple);border-radius:14px;margin:20px 0 29px;padding:20px}.reflection strong{margin-bottom:6px;display:block}.offer{background:#f6f0fc;border:1px solid #eadcf4;border-radius:18px;margin-top:32px;padding:25px}.offer h3{color:var(--purple);margin:6px 0 12px;font-size:25px;line-height:1.2}.offer .primary{margin-top:8px}.endtools{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.fineprint{color:#665a72;margin-top:22px;font-size:13px}.footer{border-top:1px solid var(--line);color:var(--purple);padding:26px 0;font-size:13px}.hide{display:none!important}@media (max-width:600px){.top small{display:none}.brand b{font-size:23px}.brand span{letter-spacing:.9px}.intro{padding:42px 0}.intro .sub{font-size:18px}h1{letter-spacing:-1.4px}.shell{padding:32px 0 60px}.panel{border-radius:17px;padding:20px}.nav .primary,.nav .secondary{padding:10px 16px}.nav .primary{min-width:130px}.offer{padding:20px}}@media (prefers-reduced-motion:reduce){.bar{transition:none}}}