:root{
  --brand:#0084d1;
  --brand-dark:#006cae;
  --brand-soft:#eaf7ff;
  --navy:#0f172a;
  --text:#1e293b;
  --muted:#64748b;
  --border:#e2e8f0;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
}
html{scroll-behavior:smooth}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
*:focus-visible{outline:3px solid rgba(0,132,209,.35);outline-offset:3px}
.container-site{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.brand-yon{color:var(--brand)}
.large-click{min-height:48px}
.card{
  border:1px solid var(--border);
  border-radius:1rem;
  background:var(--surface);
  box-shadow:0 8px 24px rgba(15,23,42,.045);
}
.skip-link{
  position:absolute;left:-9999px;top:10px;z-index:9999;
  background:#fff;color:#111;padding:12px 16px;border:2px solid #111
}
.skip-link:focus{left:10px}
.mobile-menu{display:none}
.mobile-menu.open{display:block}
.prose-simple p{font-size:1.05rem;line-height:1.8;color:#475569}
.prose-simple h2{
  font-size:clamp(1.6rem,4vw,2.1rem);
  font-weight:800;color:#0f172a;margin-top:2.2rem;margin-bottom:.8rem
}
.prose-simple h3{
  font-size:1.3rem;font-weight:800;color:#0f172a;margin-top:1.6rem;margin-bottom:.5rem
}
.brand-bg{background:var(--brand)!important}
.brand-bg:hover{background:var(--brand-dark)!important}
.brand-text{color:var(--brand)!important}
.brand-soft{background:var(--brand-soft)!important}
.brand-border{border-color:var(--brand)!important}
.soft-section{
  background:linear-gradient(180deg,#f8fbfd 0%,#ffffff 100%);
}
.logo-slot{
  display:flex;
  align-items:center;
  min-width:180px;
  min-height:52px;
}
.logo-slot img{
  display:block;
  width:auto;
  max-width:220px;
  max-height:58px;
  object-fit:contain;
}
@media(max-width:767px){
  .container-site{width:min(100% - 24px,1180px)}
  .desktop-nav{display:none!important}
  .hero-title{font-size:2.3rem!important;line-height:1.08!important}
  .logo-slot{min-width:130px}
  .logo-slot img{max-width:165px;max-height:48px}
}