.hub-body { background:radial-gradient(ellipse 900px 450px at 50% 0,#e3f5ff,transparent 100%) no-repeat,#fff; }
.hub-main { padding-top:135px;padding-bottom:36px; }
.hub-hero { display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin-bottom:55px; }
.hub-hero h1 { font-family:Fredoka,Jakarta,sans-serif;color:#080808;font-size:clamp(40px,4.7vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.035em; }
.hub-hero p { max-width:525px;margin-top:22px;font-size:17px;line-height:1.7; }
.hub-hero .button { margin-top:26px; }
.hub-body .site-nav>a[aria-current="page"] { background:#d7effc;color:#18252a;border-radius:100px;padding:5px 12px;margin-inline:-12px; }
.hub-heading { font-family:Fredoka,Jakarta,sans-serif;color:#080808;font-size:clamp(32px,3vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.025em; }
@media(max-width:900px) { .hub-main { padding-top:120px; }.hub-hero { grid-template-columns:1fr;gap:24px;margin-bottom:40px; }.hub-hero h1 { font-size:52px; }.hub-hero p { font-size:16px; }.hub-hero .button { margin-top:22px; } }
@media(max-width:600px) { .hub-hero h1 { font-size:42px; }.hub-hero p { font-size:15px; }.hub-heading { font-size:32px; } }