.site-header{height:94px;background:rgba(247,248,250,.94)}
.brand{gap:13px}
.brand-logo{display:block;width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 5px 8px rgba(37,77,206,.12));transition:transform .2s ease}
.brand:hover .brand-logo{transform:rotate(-4deg)}
.brand-name{font-size:27px;font-weight:800;letter-spacing:-.065em;color:#182d60;line-height:1}
.brand-name span{font-size:10px;letter-spacing:.2em;color:#526387;margin-top:8px}
.nav-shell{gap:24px}
.primary-nav{gap:24px}
.nav-cta{background:#254dce;color:#fff;border-color:#254dce;box-shadow:0 4px 12px rgba(37,77,206,.12)}
.nav-cta:hover{background:#1e40ad;color:#fff}
.hero{grid-template-columns:1.04fr 1fr;gap:36px;padding-top:76px;padding-bottom:84px}
.hero .eyebrow{color:#294dae;border-color:#d7e1fa;background:#eef3ff;font-size:10px;letter-spacing:.08em}
.hero h1.hero-headline{font-size:clamp(42px,4.65vw,62px);line-height:1.12;letter-spacing:-.065em;margin:28px 0}
.hero-headline>span{display:block}
.hero h1 .headline-intro{font-size:.64em;letter-spacing:-.045em;font-weight:600;color:#687286;margin-bottom:17px}
.hero h1 .headline-main{color:#17233c}
.hero h1 .headline-accent{color:#254dce;position:relative;isolation:isolate;width:max-content;max-width:100%;padding-bottom:10px}
.headline-accent::after{content:"";position:absolute;left:0;bottom:7px;z-index:-1;width:100%;height:12px;background:#d5eee4;border-radius:4px;transform:rotate(-1.5deg)}
.hero-lede{max-width:470px}
.hero-actions .button-dark{background:#254dce;box-shadow:0 6px 16px rgba(37,77,206,.13)}
.hero-actions .button-dark:hover{background:#1e40ad}
.support-link{display:inline-flex;align-items:center;gap:9px;color:#294dae;font-weight:600;font-size:13px;overflow-wrap:anywhere;transition:color .2s ease}
.support-link svg,.support-contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.support-link:hover{color:#17233c;text-decoration:underline;text-underline-offset:4px}
.support-link:focus-visible,.support-contact:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}
.hero-support{margin-top:25px;font-size:12px}
.hero .hero-note{margin-top:17px}
.footer-brand .brand-logo{width:46px;height:46px}
.footer-brand .brand-name{font-size:27px}
.footer-support{margin-top:4px;font-size:12px}
.support-contact{display:flex;align-items:center;gap:15px;padding:21px 18px;border:1px solid #465673;background:#202e49;border-radius:17px;margin-top:25px;transition:background .2s ease,border-color .2s ease;max-width:440px}
.support-contact:hover{background:#293b5f;border-color:#b5eedb}
.support-contact-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#314569;color:#b5eedb}
.support-contact-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.support-label{font-size:9px;letter-spacing:.13em;color:#b5eedb;font-weight:700}
.support-contact-copy strong{color:#fff;font-size:clamp(12px,1.4vw,17px);font-weight:600;overflow-wrap:anywhere}
.support-contact-copy>span:last-child{color:#c1cbdc;font-size:11px}
@media(max-width:1100px){.nav-shell{gap:18px}.primary-nav{gap:17px}.brand-name{font-size:25px}.hero h1.hero-headline{font-size:clamp(38px,4.65vw,53px)}}
@media(max-width:960px){.site-header{height:82px}.nav-shell{gap:14px}.brand-logo{width:42px;height:42px}.brand-name{font-size:24px}.nav-cta{margin-left:auto;font-size:11px;padding:11px 15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #dce3f0;background:#fff;border-radius:50%;width:38px;height:38px;flex-shrink:0;align-items:center;order:3;cursor:pointer}.menu-toggle span{height:1.5px;width:14px;background:#283044;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:81px;left:0;right:0;padding:17px 22px 22px;background:#f9fafc;border-bottom:1px solid #dce3f0;box-shadow:0 20px 24px rgba(28,40,70,.08);align-items:stretch;gap:0;flex-direction:column}.primary-nav.open{display:flex}.primary-nav a{padding:13px 4px;border-bottom:1px solid #edf0f4;font-size:13px}.primary-nav a:last-child{border:0}.hero{gap:20px}.hero h1.hero-headline{font-size:clamp(34px,4.8vw,44px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:55px;gap:32px}.hero h1.hero-headline{font-size:clamp(40px,8.5vw,59px);margin:26px 0}.hero h1 .headline-intro{margin-bottom:15px}.hero-lede{max-width:540px}.hero .eyebrow{font-size:9px}.footer-brand .brand-name{font-size:27px}.footer-brand .brand-logo{width:46px;height:46px}.support-contact-copy strong{font-size:16px}}
@media(max-width:450px){.site-header{height:78px}.nav-shell{gap:10px}.brand{gap:9px}.brand-logo{width:36px;height:36px}.brand-name{font-size:21px}.brand-name span{font-size:8px;letter-spacing:.17em;margin-top:6px}.nav-cta{padding:9px 10px;font-size:10px;gap:5px}.primary-nav{top:77px}.hero h1.hero-headline{font-size:clamp(33px,9.6vw,43px)}.hero h1 .headline-intro{font-size:.67em}.headline-accent::after{height:9px;bottom:7px}.hero-support{font-size:11px}.support-contact{padding:18px 14px;gap:11px}.support-contact-copy strong{font-size:14px}.quality-visual{overflow:clip}}
@media(prefers-reduced-motion:reduce){.brand:hover .brand-logo{transform:none}}