@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--teal:#2a8790;--dark:#173e49;--ink:#183a43;--muted:#5e747b;--line:#d9e8eb;--ice:#f1f8f9;--gold:#f9b000}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ink);background:white;font-family:'Cairo',Arial,sans-serif;line-height:1.7}html[lang=en] body{font-family:'DM Sans',Arial,sans-serif;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-90px;background:var(--gold);padding:8px;z-index:99}.skip:focus{top:0}.topline{background:var(--dark);color:#cce4e7;font-size:12px}.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:35px}.topline a{color:#fff;border:1px solid #69969b;border-radius:5px;padding:2px 9px}header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:35px;min-height:74px}.header-inner img{width:138px;display:block}.header-inner nav{display:flex;gap:25px;margin-inline:auto;font-size:14px;font-weight:700}.header-inner nav a:hover,.home-link:hover{color:var(--teal)}.home-link{font-size:13px;font-weight:700}.hero{background:radial-gradient(circle at 15% 70%,#dff1f2 0,transparent 42%),#f4faf9;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,7vw,110px);padding-block:70px 75px}.kicker,.eyebrow{color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.06em}.kicker span{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-inline-end:7px}.hero h1{font-size:clamp(42px,6.1vw,75px);line-height:1.23;margin:15px 0 22px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--teal);box-shadow:inset 0 -10px #f9b00070}.intro{font-size:18px;color:#46646b;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:800;min-height:49px}.primary{background:var(--teal);color:#fff}.primary:hover{background:#206a73}.secondary{border:1px solid #9cc9cc;color:var(--dark)}.hero-note{background:var(--dark);color:white;border-radius:20px;padding:34px;box-shadow:16px 16px 0 #e0edeb}.note-tag{font-size:13px;color:#ffe099;font-weight:800}.note-row{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #53717a;font-weight:700}.note-row b{color:var(--gold)}.hero-note p{font-size:12px;color:#bcd3d7;margin:23px 0 0}.section{padding-block:76px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px}.section-head h2{font-size:clamp(29px,3.5vw,43px);line-height:1.35;margin:2px 0 0}.section-head>p{max-width:370px;margin:0;color:var(--muted);font-size:14px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{background:#f2f7f8;color:var(--dark);border:1px solid var(--line);padding:12px 23px;border-radius:10px 10px 0 0;font-weight:800;min-width:185px}.tabs button small{display:block;font-size:11px;font-weight:600;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--dark);color:white;border-color:var(--dark)}.tabs button[aria-selected=true] small{color:#c1dadd}.calculator-shell{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(290px,.68fr);gap:20px;align-items:start}.form-panel,.result{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}.form-panel h3{font-size:20px;margin:5px 0 18px}.form-intro{color:var(--muted);font-size:13px;margin:0 0 20px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.field.full{grid-column:1/-1}.field input,.field select{min-width:0;width:100%;border:1px solid #bfd4d8;border-radius:7px;background:white;padding:11px 12px;color:var(--ink);min-height:46px}.field input:focus,.field select:focus{border-color:var(--teal)}.form-group{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line)}.form-group h4{margin:0 0 14px;font-size:15px}.hint{font-size:12px;color:var(--muted);font-weight:500}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field.check{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-weight:600}.field.check input{width:18px;min-height:18px;margin-top:3px;flex:none}.form-actions{display:flex;gap:12px;align-items:center;margin-top:26px}.form-actions button{background:var(--teal);color:white;padding:11px 28px;border-radius:8px;font-weight:800}.form-actions button:hover{background:#1e6c76}.form-actions span{font-size:12px;color:var(--muted)}.result{position:sticky;top:92px;background:#173e49;color:white;border-color:#173e49;min-height:220px}.result-placeholder{padding:13px 0}.result-icon{font-size:34px;color:var(--gold)}.result h3{margin:10px 0}.result p{color:#c6dbe0;font-size:13px}.result-number{font-size:64px;line-height:1.1;font-weight:800;color:var(--gold)}.result-label{font-size:13px;color:#c9e0e4}.breakdown{margin:20px 0;border-top:1px solid #557780}.breakdown div{display:flex;justify-content:space-between;border-bottom:1px solid #486a73;padding:8px 0;font-size:13px;gap:12px}.breakdown b{color:white}.result-note{border:1px solid #64838b;border-radius:8px;padding:12px;color:#e5ecee;font-size:12px}.result a{color:#ffd76b;text-decoration:underline;text-underline-offset:3px}.notice{margin-top:22px;padding:18px 23px;border-inline-start:4px solid var(--gold);background:#fff8e8;border-radius:8px}.notice p{margin:5px 0 0;font-size:13px;color:#5e5a4b}.updates{background:#f2f8f9;border-block:1px solid var(--line)}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card,.source-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.news-card span,.source-card span{font-size:11px;color:#237b83;font-weight:800}.news-card h3{font-size:19px;line-height:1.5;margin:9px 0}.news-card p,.source-card p{font-size:13px;color:var(--muted)}.news-card a,.source-card a{display:inline-block;color:#176d78;font-weight:800;font-size:13px;border-bottom:1px solid #9bc4c7}.editor-note,.source-footnote{font-size:12px;color:var(--muted);margin:22px 0 0}.source-filters{display:flex;gap:8px;margin-bottom:20px}.source-filters button{border:1px solid #b7d3d6;background:white;border-radius:30px;padding:8px 18px;color:var(--dark);font-weight:700}.source-filters .active{background:var(--dark);color:white}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-card{padding:18px}.source-card h3{font-size:16px;margin:5px 0}.source-card p{margin:0 0 10px}.source-card[hidden]{display:none}.cta{background:var(--dark);color:white}.cta-inner{padding-block:55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;line-height:1.35;margin:6px 0}.cta p{color:#d1e1e5;margin:0}.cta .primary{background:var(--gold);color:var(--dark);white-space:nowrap}footer{background:#f7fafa;border-top:1px solid var(--line)}.footer-inner{padding-block:23px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.footer-inner img{width:130px;display:block}@media(max-width:900px){.hero-grid{gap:36px}.calculator-shell{grid-template-columns:1fr}.result{position:static}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.container{width:min(100% - 32px,1180px)}.header-inner{min-height:65px;gap:12px;justify-content:space-between}.header-inner img{width:115px}.header-inner nav{gap:10px;margin:0;font-size:11px}.home-link{display:none}.hero-grid{grid-template-columns:1fr;padding-block:46px 55px}.hero h1{font-size:44px}.hero-note{box-shadow:8px 8px 0 #e0edeb;padding:24px}.section{padding-block:50px}.section-head{display:block}.section-head>p{margin-top:10px}.tabs button{min-width:0;flex:1;padding:10px 8px}.form-panel,.result{padding:19px}.field-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid,.source-grid{grid-template-columns:1fr}.cta-inner{display:block}.cta .primary{margin-top:23px;white-space:normal}.footer-inner{flex-wrap:wrap}.footer-inner img{width:110px}}

@media (max-width: 900px) {
  .calculator-shell { grid-template-columns: minmax(0, 1fr); }
  #form-container, .field { min-inline-size: 0; }
}
@media (max-width: 650px) {
  .hero-grid, .field-grid, .news-grid, .source-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .field input, .field select { font-size: 16px; }
  .header-inner nav, .source-filters, .form-actions { flex-wrap: wrap; }
  .header-inner nav { justify-content: flex-end; }
  .container { overflow-wrap: anywhere; }
}

/* Let the header surface show through the logo's white matte. */
.header-inner img { mix-blend-mode: multiply; }

@media (max-width: 650px) {
  .field { font-size: 15px; }
  .field select, .field input:not([type="checkbox"]) {
    font-size: 14px;
    font-weight: 400;
  }
  .field select:focus, .field input:not([type="checkbox"]):focus {
    font-size: 16px;
  }
}

.guide-links {display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:14px}
.guide-links strong {flex-basis:100%}
.guide-links a {color:var(--teal);text-decoration:underline}
[data-partner] {margin:24px 0;padding:16px;min-width:0;border:1px solid var(--line);border-radius:8px}