:root{--navy:#0B3C5D;--teal:#00A8A8;--light:#F4F6F8;--charcoal:#1F2933;--ink:#112B3C;--muted:#637381;--line:#DDE5EA;--white:#fff;--shadow:0 24px 70px rgba(11,60,93,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--charcoal);background:var(--cp-cloud);font-family:var(--cp-font-body);font-size:16px;line-height:1.5}.topbar,main,footer{max-width:1240px;margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(11,60,93,.1)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-family:var(--cp-font-body);font-weight:800;letter-spacing:.08em}.brand>span:last-child span{color:var(--teal)}.brand-mark{width:30px;height:28px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:7px;border-radius:2px 2px 0 0;background:var(--navy);transform:skew(-12deg)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:19px;background:var(--teal)}.brand-mark i:nth-child(3){height:27px}.method-link{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(11,60,93,.3);padding-bottom:3px}.intro{text-align:center;padding:68px 24px 52px}.eyebrow,.section-kicker{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:var(--teal)}.eyebrow span{display:inline-block;width:25px;height:2px;background:var(--teal);vertical-align:middle;margin-right:8px}.intro h1{font:700 clamp(2.6rem,6vw,5rem)/1.03 var(--cp-font-heading);letter-spacing:-.055em;color:var(--navy);margin:18px 0}.intro h1 em{font-style:normal;color:var(--teal)}.intro>p{max-width:670px;margin:0 auto;color:var(--muted);font-size:1.12rem}.freshness{display:inline-flex;gap:9px;align-items:center;margin-top:24px;background:#e6f7f5;color:#26706e;border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:700}.freshness span{color:var(--teal);font-size:.65rem}.calculator{margin:0 24px 100px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:0;align-items:start;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.form-panel{padding:14px 42px 40px}.step{padding:32px 0 38px;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.step-head>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;font:700 .85rem var(--cp-font-body)}.step-head h2{margin:0;color:var(--navy);font:700 1.26rem var(--cp-font-heading)}.step-head p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.country-grid,.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.country-card,.level-grid label{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.2s;background:#fff}.country-card:hover,.level-grid label:hover,.country-card.selected,.level-grid label.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(0,168,168,.1)}.country-card input,.level-grid input{position:absolute;opacity:0;pointer-events:none}.country-card>strong{font-size:1.35rem}.country-card span,.level-grid span{font-weight:700;font-size:.88rem;color:var(--ink)}.country-card small,.level-grid small{display:block;font-weight:500;color:var(--muted);font-size:.72rem;margin-top:1px}.country-card i{display:none;margin-left:auto;width:19px;height:19px;border-radius:50%;background:var(--teal);color:white;text-align:center;font-style:normal;font-size:.72rem;line-height:19px}.country-card.selected i{display:block}.level-grid label{justify-content:center;text-align:center;min-height:62px}.level-grid label.selected{background:#eaf8f7}.field-label{display:block;margin:18px 0 7px;font-size:.8rem;font-weight:700;color:var(--ink)}select,.search-wrap{width:100%;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 13px;font:500 .92rem var(--cp-font-body)}select:focus,input:focus,button:focus-visible{outline:3px solid rgba(0,168,168,.25);outline-offset:1px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skill-tools{display:flex;align-items:center;gap:12px}.skill-tools>span{white-space:nowrap;color:var(--teal);font-size:.82rem;font-weight:700}.search-wrap{display:flex;align-items:center;gap:8px}.search-wrap input{border:0;outline:0;width:100%;font:500 .9rem var(--cp-font-body)}.search-wrap span{font-size:1.2rem}.skill-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 14px}.skill-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 11px;font:600 .76rem var(--cp-font-body);cursor:pointer}.skill-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.skills{display:flex;gap:8px;flex-wrap:wrap;max-height:222px;overflow:auto;padding:2px}.skill{position:relative}.skill input{position:absolute;opacity:0}.skill span{display:block;border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer;background:#fff}.skill input:checked+span{background:#e6f7f5;color:#087d7d;border-color:#6ed0cd}.skill input:checked+span:before{content:"✓ ";font-weight:800}.skill-note{color:var(--muted);font-size:.75rem;margin:12px 0 0}.result-panel{position:sticky;top:18px;background:var(--navy);color:#fff;min-height:760px;padding:38px 34px;align-self:start}.result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.69rem;letter-spacing:.11em;font-weight:800;color:#b9d2df}.confidence{letter-spacing:0;text-transform:none;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:5px 8px;border-radius:99px;color:#d7e8ef}.confidence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72d4b2;margin-right:5px}.amount{font:800 clamp(2.1rem,4vw,3.55rem)/1.05 var(--cp-font-body);letter-spacing:-.055em;color:#fff;margin-top:36px;white-space:nowrap}.period{font-size:.85rem;color:#aac3d0;margin-top:8px}.meter{height:7px;background:rgba(255,255,255,.14);border-radius:99px;margin-top:28px;position:relative}.meter div{height:100%;width:72%;background:var(--teal);border-radius:99px}.meter i{position:absolute;top:-3px;width:2px;height:13px;background:rgba(255,255,255,.45)}.meter-labels{display:flex;justify-content:space-between;color:#9eb9c7;font-size:.68rem;margin-top:7px}.midpoint{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:13px 14px;border-radius:10px;margin:21px 0 27px;font-size:.8rem;color:#bad0da}.midpoint strong{font-size:1rem;color:#fff}.breakdown{border-top:1px solid rgba(255,255,255,.14);padding-top:24px}.breakdown h3{font:700 .82rem var(--cp-font-heading);margin:0 0 12px;color:#fff}.breakdown div{display:flex;justify-content:space-between;padding:8px 0;color:#b8ced8;font-size:.8rem}.breakdown strong{color:#fff}.insight{display:flex;gap:11px;background:#084e6c;padding:14px;margin-top:22px;border-radius:4px 9px 9px 4px}.insight>span{color:#62d9d2}.insight p{font-size:.77rem;margin:0;color:#bfd3dc}.insight strong{color:#fff}.result-panel button{width:100%;height:44px;border-radius:9px;border:0;background:var(--teal);color:#fff;font:700 .85rem var(--cp-font-body);margin-top:20px;cursor:pointer}.result-panel button:hover{background:#13baba}.privacy{text-align:center;color:#8fafbd;font-size:.69rem}.methodology,.sources{padding:90px 24px;max-width:1140px;margin:auto}.methodology h2,.sources h2{font:700 clamp(2rem,4vw,3.2rem)/1.08 var(--cp-font-heading);color:var(--navy);letter-spacing:-.04em;margin:12px 0 36px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.method-grid article{padding-top:18px}.method-grid span{color:var(--teal);font:800 .85rem var(--cp-font-body)}.method-grid h3{font:700 1rem var(--cp-font-heading);color:var(--navy);margin:18px 0 8px}.method-grid p,.sources>div>p{color:var(--muted);font-size:.9rem}.formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:20px;margin-top:42px;border-radius:12px;background:var(--light);color:var(--navy)}.formula span{font-size:.68rem;letter-spacing:.13em;color:var(--teal);font-weight:800}.formula b{font-size:.84rem}.formula i{font-style:normal;color:#93a6b0}.caveat{display:flex;gap:22px;margin-top:24px;padding:20px 22px;border:1px solid var(--line);border-radius:12px}.caveat strong{white-space:nowrap;color:var(--navy)}.caveat p{margin:0;color:var(--muted);font-size:.84rem}.sources{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;border-top:1px solid var(--line)}.sources h2{font-size:2.3rem}.source-list{border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:42px 1fr 20px;gap:14px;align-items:center;padding:18px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.source-list>a>span{display:grid;place-items:center;width:38px;height:38px;background:var(--navy);color:#fff;border-radius:8px;font:700 .74rem var(--cp-font-body)}.source-list strong,.source-list small{display:block}.source-list strong{font-size:.9rem}.source-list small{color:var(--muted);font-size:.73rem;margin-top:3px}.source-list b{color:var(--teal)}footer{margin-top:25px;padding:35px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.76rem}footer p{font-style:italic}@media(max-width:900px){.calculator{grid-template-columns:1fr}.result-panel{position:relative;top:0;min-height:0}.country-grid,.level-grid{grid-template-columns:1fr 1fr}.sources{grid-template-columns:1fr;gap:20px}.method-grid{gap:18px}.amount{white-space:normal}}@media(max-width:640px){.topbar{height:66px}.method-link{font-size:.8rem}.intro{padding:48px 18px 34px}.intro h1{font-size:2.7rem}.calculator{margin:0 12px 70px;border-radius:16px}.form-panel{padding:4px 20px 20px}.country-grid{grid-template-columns:1fr 1fr}.level-grid{grid-template-columns:1fr 1fr}.two-fields{grid-template-columns:1fr;gap:0}.result-panel{padding:30px 24px}.method-grid{grid-template-columns:1fr}.caveat{display:block}.caveat p{margin-top:8px}.sources,.methodology{padding:65px 20px}.formula{justify-content:flex-start}.source-list a{grid-template-columns:40px 1fr 18px}footer{flex-direction:column;gap:14px;text-align:center}.skill-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.skill-tabs button{white-space:nowrap}}
