:root{--b:#1478f5;--ink:#1b2540;--mut:#64748b;--ln:#e2eaf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:500 17px/1.7 Nunito,system-ui,sans-serif;background:#f6faff;color:var(--ink)}
h1,h2,h3,.brand{font-family:'Baloo 2',Nunito,sans-serif}
a{color:var(--b)}
header.top{position:sticky;top:0;z-index:9;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.nav{max-width:1200px;margin:auto;padding:8px 22px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:800;line-height:1;text-decoration:none}
.brand img{width:46px;height:46px;object-fit:contain}.brand i{font-style:normal;background:linear-gradient(90deg,#ff5a1f,#ffb400 40%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.brand u{text-decoration:none;color:var(--b)}
.links{display:flex;gap:22px;margin-left:auto;align-items:center}.links a{color:var(--ink);font-weight:700;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent;font-size:16px}.links a:hover,.links a.on{color:var(--b);border-color:var(--b)}
.links a.cta{background:var(--b);color:#fff;border-radius:12px;padding:9px 16px;border:0}
.page{max-width:820px;margin:0 auto;padding:34px 22px 50px}
.page.wide{max-width:1100px}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:10px}.crumbs a{color:var(--mut)}
.page h1{font-size:clamp(32px,5vw,46px);line-height:1.12;margin:0 0 8px}
.meta{color:var(--mut);font-size:15px;margin-bottom:24px}
.page h2{font-size:27px;margin:34px 0 6px}.page h3{font-size:21px;margin:22px 0 4px}
.page p,.page li{max-width:70ch}
.page ul,.page ol{padding-left:22px}
.lead{font-size:20px;color:#33466a}
.box{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:20px 22px;margin:26px 0;box-shadow:0 5px 18px #1d355710}
.box.cta2{background:linear-gradient(100deg,#e4f5ff,#fff4c9);text-align:center}
.btn{display:inline-block;border-radius:14px;padding:11px 22px;font:800 18px 'Baloo 2',sans-serif;text-decoration:none;background:linear-gradient(180deg,#ff9a1f,#f97316);color:#fff;box-shadow:0 5px 0 #c2570c}
.postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:20px}
.pcard{display:block;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);box-shadow:0 5px 18px #1d355710}
.pcard:hover{border-color:#8dbfff}.pcard em{font-style:normal;font-size:14px;color:var(--b);font-weight:700}
.pcard h3{margin:6px 0;font-size:21px;line-height:1.25}.pcard p{margin:0;color:var(--mut);font-size:16px;line-height:1.55}
form.contact{display:grid;gap:12px}form.contact label{font-weight:700}
form.contact input,form.contact textarea,form.contact select{width:100%;border:1px solid #cfdaea;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}
form.contact button{justify-self:start;border:0;cursor:pointer}
:focus-visible{outline:3px solid #1478f5aa;outline-offset:2px}
@media(max-width:760px){.links a:not(.cta){display:none}.nav{padding:8px 14px}.brand{font-size:27px}}