:root{--navy:#0b315f;--ink:#10233f;--muted:#526477;--teal:#177c73;--line:#d5e1e8;--cream:#f6f3ee;--light:#edf5f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Bahnschrift,Aptos,Arial,sans-serif;color:var(--ink);background:var(--cream);margin:0;font-size:19px;line-height:1.5}
a{color:var(--navy)}a:focus-visible,button:focus-visible{outline:3px solid #177c73;outline-offset:3px}.flag{height:6px;background:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%)}
nav{background:white;border-bottom:1px solid var(--line)}.navinner{max-width:1130px;margin:auto;min-height:78px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{text-decoration:none;font-weight:850;font-size:19px;color:var(--navy)}.navlinks{display:flex;gap:16px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:16px;font-weight:750}
main{max-width:1130px;margin:0 auto;padding:30px 24px 70px}.hero{border-radius:24px;background:linear-gradient(115deg,#0a2b51,#105175);color:white;padding:35px 38px;margin-bottom:23px}.eyebrow{display:inline-block;border:1px solid #789db7;border-radius:50px;padding:5px 13px;font-size:14px;font-weight:800;letter-spacing:.035em}.hero h1{font-size:clamp(32px,4vw,49px);line-height:1.15;margin:17px 0 12px}.hero p{font-size:clamp(17px,2vw,21px);max-width:800px;margin:0;color:#ebf5ff}.facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.facts span{background:#ffffff1b;border:1px solid #ffffff44;border-radius:12px;padding:9px 14px;font-size:15px;font-weight:750}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;margin-bottom:26px}.paper{background:white;border:1px solid var(--line);border-radius:20px;padding:22px 25px;box-shadow:0 5px 22px #163d5510}.paper h2{font-size:23px;margin:0 0 12px}.paper p{margin:7px 0;font-size:17px}.step{display:flex;gap:12px;align-items:start;margin:11px 0;font-size:17px}.step b{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#e4f3f2;display:grid;place-items:center;color:var(--teal)}
.heading{font-size:28px;margin:27px 0 13px}.sub{color:var(--muted);font-size:16px;margin-top:-10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:23px;display:flex;flex-direction:column;box-shadow:0 5px 20px #173e5710}.nr{background:#e8f4f1;width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:#12695f;font-weight:900}.card h3{font-size:24px;margin:14px 0 4px}.card p{font-size:16px;color:var(--muted);margin:4px 0 18px}.buttons{display:grid;gap:10px;margin-top:auto}.btn{display:flex;text-align:center;align-items:center;justify-content:center;min-height:50px;text-decoration:none;border-radius:12px;background:var(--navy);color:white;padding:11px 14px;font-size:17px;font-weight:800;border:1px solid var(--navy)}.btn.secondary{background:white;color:var(--navy);border:1.5px solid #9bb3c2}.btn:hover{filter:brightness(1.08)}.hint{border-left:5px solid var(--teal);background:#eef9f7;border-radius:10px;padding:15px 19px;margin-top:22px;font-size:17px}
.row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.solution-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);background:white;padding:17px 20px;border-radius:15px;margin:13px 0}.solution-card h3{margin:0 0 4px;font-size:20px}.solution-card p{margin:0;font-size:15px;color:var(--muted)}.solution-card .btn{min-width:240px}.reflect{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:26px}.reflect h2{font-size:23px;margin:0 0 8px}.reflect ul{margin:9px 0 0;padding-left:26px;font-size:17px}.out{display:inline-block;margin-top:22px;font-size:16px;font-weight:700}
footer{border-top:1px solid var(--line);text-align:center;padding:22px 12px;color:var(--muted);font-size:14px;background:white}
@media(max-width:820px){.cards{grid-template-columns:1fr}.intro{grid-template-columns:1fr}.navinner{flex-direction:column;align-items:flex-start}.solution-card{align-items:stretch;flex-direction:column}.solution-card .btn{min-width:0}.hero{padding:27px 25px}}@media(max-width:480px){main{padding:18px 15px 50px}.paper,.card{padding:18px}.hero h1{font-size:32px}body{font-size:18px}}