*{box-sizing:border-box}body{margin:0;color:#173149;background:#f5f8fb;font-family:system-ui,sans-serif;line-height:1.8}a{color:#075d83}header{background:#fff;border-bottom:1px solid #dee8ef;padding:18px max(5vw,20px)}header a{font-weight:800;text-decoration:none}header small{display:block;color:#526477}.review{background:#fff0c8;color:#604700;padding:10px 5vw;font-size:14px}main{max-width:1120px;margin:auto;padding:44px 24px}h1{font-size:clamp(32px,5vw,54px);line-height:1.15;letter-spacing:-.035em;color:#13324a}h2{line-height:1.3;margin-top:38px;font-size:26px}h3{line-height:1.4}p{margin:18px 0}.eyebrow{color:#087f7b;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.intro{font-size:20px;color:#40596e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card,article,.panel{background:white;border:1px solid #dae6ed;border-radius:20px;padding:28px}.card h2{font-size:25px;margin-top:12px}.card a{text-decoration:none}.card p{color:#4c6071}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:32px;align-items:start}aside{position:sticky;top:20px;font-size:14px}article{padding:clamp(22px,4vw,48px)}article h1{font-size:clamp(30px,4vw,44px)}li{margin:12px 0}.demo{background:#eaf8f4;border:1px solid #b4ddd4;border-radius:16px;padding:24px;margin:28px 0}.demo h2{margin-top:0}.demo label{display:block;font-weight:700}input{width:150px;max-width:100%;padding:12px;font:inherit;border:1px solid #698d99;border-radius:9px}button,.button{display:inline-block;background:#096e76;color:#fff;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin:8px 0}button.secondary{background:#d7eae8;color:#173149}.feedback{min-height:30px;font-weight:700}details{margin:14px 0;padding:16px;background:#f0f5f8;border-radius:10px}summary{cursor:pointer;font-weight:700}.visual{background:#ecf4fa;border-radius:14px;padding:24px;text-align:center;margin:24px 0}.dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dot{width:25px;height:25px;border-radius:50%;background:#15939a;display:inline-block}.dot.gold{background:#e9a927}.group{display:inline-flex;gap:4px;padding:10px;border:2px solid #6e9fac;border-radius:12px;margin:5px}.group .dot{width:15px;height:15px}.quarters{display:flex;max-width:480px;margin:auto}.quarters span{width:25%;border:2px solid white;padding:20px 4px;background:#087f83;color:white}.quarters span:last-child{background:#cfdde8;color:#173149}.numberline{display:flex;overflow:auto;justify-content:space-between;gap:6px;border-bottom:3px solid #416b80;padding:16px 0}.numberline span{min-width:24px}.balance{display:flex;justify-content:center;align-items:center;gap:12px;font-size:24px;font-weight:800}.balance span{padding:16px;background:white;border-bottom:5px solid #15939a;border-radius:8px}footer{padding:30px 24px;text-align:center;color:#526477}.note{font-size:14px;color:#53697c}.cta{border-top:1px solid #d7e3eb;margin-top:32px;padding-top:12px}@media(max-width:900px){.article-layout{display:block}aside{position:static;margin-top:28px}.grid{grid-template-columns:1fr}}