/* Shared base styles for the Hope Macy site.
   Colour tokens (light and dark) used by every page; page-specific
   styles live in css/pages/<page>.css. */
/* Carlito web font (full Google Fonts release), served locally. SIL Open Font License, see assets/fonts/OFL.txt. */
@font-face{font-family:'Carlito';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/Carlito-Regular.woff2) format('woff2')}
@font-face{font-family:'Carlito';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/Carlito-Bold.woff2) format('woff2')}
body{margin:0}
[data-if]{display:contents}
[data-if][hidden]{display:none}
.hm-root{--hm-bg:#FFFFFF;--hm-bg-alt:#ECEFF2;--hm-bg-soft:#F5F7F9;--hm-chip:#E3F1F5;--hm-ph:#DCE3EA;--hm-navy:#003A70;--hm-navy-2:#164A85;--hm-line:#DFE4EA;--hm-line-2:#C5CED8;--hm-text:#1F2D3D;--hm-muted:#63666A;--hm-text-2:#36404D;--hm-strong:#003A70;--hm-accent:#007494;--hm-link:#007494;--hm-warn:#EAAA00;--hm-bad:#FF671F;transition:background-color .2s,color .2s}
.hm-root.hm-dark{--hm-bg:#0E1824;--hm-bg-alt:#142131;--hm-bg-soft:#17263A;--hm-chip:#133744;--hm-ph:#22334A;--hm-navy:#003A70;--hm-navy-2:#18497F;--hm-line:#2A3B50;--hm-line-2:#3A4E66;--hm-text:#E8EEF5;--hm-muted:#97999B;--hm-text-2:#CBD5E0;--hm-strong:#9BD3DD;--hm-accent:#9BD3DD;--hm-link:#9BD3DD;--hm-warn:#EAAA00;--hm-bad:#FF671F;color-scheme:dark}

/* Shared layout and component classes used on more than one page.
   Each rule is scoped to .hm-root so it keeps the priority the old inline
   styles had over general rules such as a:hover and dark-mode overrides. */
.hm-root.page-root{font-family:Carlito, sans-serif;color:var(--hm-text);background:var(--hm-bg);min-height:100vh}
.hm-root .site-header-bar{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--hm-line);background:var(--hm-bg)}
.hm-root .header-inner{max-width:1200px;margin:0 auto;padding:20px clamp(20px, 4vw, 32px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.hm-root .header-logo-link{display:flex;align-items:center;text-decoration:none}
.hm-root .header-logo{height:48px;width:auto;object-fit:contain}
.hm-root .menu-button{width:44px;height:44px;padding:0;align-items:center;justify-content:center;background:var(--hm-bg);border:1px solid var(--hm-line-2);border-radius:8px;color:var(--hm-text);cursor:pointer}
.hm-root .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px;font-weight:500}
.hm-root .nav-top-link{text-decoration:none}
.hm-root .nav-current-section{color:var(--hm-accent);font-weight:700}
.hm-root .site-nav .nav-contact-button{text-decoration:none;background:var(--hm-navy);color:#FFFFFF;padding:12px 22px;border-radius:8px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.hm-root .hero-inner-split{max-width:1200px;margin:0 auto;padding:clamp(56px, 7vw, 100px) clamp(20px, 4vw, 32px) clamp(60px, 7.5vw, 108px);display:flex;flex-wrap:wrap;align-items:center;gap:40px clamp(32px, 4.44vw, 64px)}
.hm-root .hero-text-column{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hm-root .hero-kicker{margin:0;font-size:14px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#EAAA00}
.hm-root .hero-title-display{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(40px, 5.4vw, 64px);line-height:1.04;letter-spacing:-0.02em}
.hm-root .hero-lead{margin:0;font-size:20px;line-height:1.5;color:#C9D6E6;max-width:600px}
.hm-root .hero-step-chips{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.hm-root .hero-badge{display:inline-flex;align-items:center;font-size:16px;font-weight:700;color:#FFFFFF;background:rgba(255,255,255,0.08);border:1px solid #007FA3;border-radius:999px;padding:8px 16px}
.hm-root .hero-label-gold{color:#EAAA00;font-weight:700}
.hm-root .hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.hm-root .button-gold{background:#EAAA00;color:#003A70;text-decoration:none;font-weight:700;font-size:16px;padding:16px 26px;border-radius:8px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.hm-root .hero-button-outline-white{color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16px;padding:15px 25px;border-radius:8px;border:1px solid #007FA3;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.hm-root .section-padded{padding:clamp(62px, 7.78vw, 112px) clamp(20px, 4vw, 32px)}
.hm-root .intro-stack{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.hm-root .intro-row{display:flex;flex-wrap:wrap;gap:20px clamp(32px, 4.44vw, 64px);align-items:flex-end}
.hm-root .intro-text-stack{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-root .section-kicker{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:18px;color:var(--hm-accent)}
.hm-root .section-heading{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(32px, 4vw, 48px);line-height:1.1;letter-spacing:-0.01em;color:var(--hm-text)}
.hm-root .intro-lead{flex:1 1 400px;min-width:0;margin:0;font-size:18px;line-height:1.6;color:var(--hm-muted)}
.hm-root .card-title{margin:0;font-size:22px;color:var(--hm-text)}
.hm-root .body-text{margin:0;font-size:16px;line-height:1.6;color:var(--hm-muted)}
.hm-root .section-padded-alt{padding:clamp(62px, 7.78vw, 112px) clamp(20px, 4vw, 32px);background:var(--hm-bg-alt)}
.hm-root .section-stack-wide{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.hm-root .section-intro-stack{display:flex;flex-direction:column;gap:18px;max-width:760px}
.hm-root .bordered-card{background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
.hm-root .tight-stack{display:flex;flex-direction:column;gap:2px}
.hm-root .card-heading{margin:0;font-size:22px;line-height:1.2;color:var(--hm-text)}
.hm-root .section-padded-plain{padding:clamp(62px, 7.78vw, 112px) clamp(20px, 4vw, 32px);background:var(--hm-bg)}
.hm-root .promo-card-body{flex:1 1 520px;min-width:0;display:flex;gap:20px;align-items:flex-start}
.hm-root .promo-card-icon{flex:none;width:56px;height:56px;border-radius:14px;background:var(--hm-chip);color:var(--hm-accent);display:inline-flex;align-items:center;justify-content:center}
.hm-root .column-stack{display:flex;flex-direction:column;gap:8px}
.hm-root .promo-card-heading{margin:0;font-size:clamp(24px, 2.6vw, 30px);line-height:1.2;color:var(--hm-text)}
.hm-root .promo-card-text{margin:0;font-size:17px;line-height:1.6;color:var(--hm-muted);max-width:620px}
.hm-root .promo-card-button{flex:none;display:inline-flex;align-items:center;gap:10px;background:var(--hm-navy);color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16px;padding:16px 26px;border-radius:8px;min-height:44px;box-sizing:border-box}
.hm-root .cta-panel{max-width:1200px;margin:0 auto;background:var(--hm-navy);color:#FFFFFF;border-radius:20px;padding:clamp(40px, 5.0vw, 72px) clamp(26px, 3.33vw, 48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.hm-root .cta-text-stack{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-root .cta-heading{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(30px, 3.6vw, 44px);line-height:1.1;color:#FFFFFF}
.hm-root .cta-lead{margin:0;font-size:18px;color:#C9D6E6;line-height:1.5}
.hm-root .site-footer{border-top:1px solid var(--hm-line);background:var(--hm-bg-soft)}
.hm-root .footer-inner{max-width:1200px;margin:0 auto;padding:clamp(36px, 3.89vw, 56px) clamp(20px, 4vw, 32px) 32px;display:flex;flex-direction:column;gap:28px;font-size:14px;color:var(--hm-muted)}
.hm-root .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 48px}
.hm-root .footer-logo-link{display:inline-flex;text-decoration:none}
.hm-root .footer-logo{height:40px;width:auto;object-fit:contain}
.hm-root .footer-contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;font-size:15px}
.hm-root .footer-contact-link{display:inline-flex;align-items:center;gap:8px;color:var(--hm-text);font-weight:600;text-decoration:none;min-height:44px}
.hm-root .footer-separator{width:1px;height:18px;background:var(--hm-line-2)}
.hm-root .footer-legal-nav{border-top:1px solid var(--hm-line);padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:15px}
.hm-root .footer-legal-title{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--hm-text)}
.hm-root .footer-legal-link{color:var(--hm-muted)}
.hm-root .footer-small-print{border-top:1px solid var(--hm-line);padding-top:20px;display:flex;flex-direction:column;gap:6px;line-height:1.6}
.hm-root .footer-small-print-line{margin:0}
.hm-root .hero-section{background:var(--hm-navy);color:#FFFFFF}
.hm-root .hero-row-w1200{max-width:1200px;margin:0 auto;padding:clamp(56px, 7vw, 100px) clamp(20px, 4vw, 32px) clamp(60px, 7.5vw, 108px);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px, 4.44vw, 64px)}
.hm-root .hero-text{margin:0;display:flex;flex-wrap:wrap;gap:10px}
.hm-root .hero-button-gold{background:#EAAA00;color:#003A70;text-decoration:none;font-weight:700;font-size:16px;padding:16px 26px;border-radius:8px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px}
.hm-root .hero-button-outline-white-large{color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16px;padding:15px 25px;border-radius:8px;border:1px solid rgba(255,255,255,0.55);min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px}
.hm-root .hero-aside-column{flex:1 1 380px;min-width:0}
.hm-root .hero-aside{--c:#EAAA00}
.hm-root .product-logo-small{height:30px}
.hm-root .features-stack-w1200{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(28px, 3.33vw, 48px)}
.hm-root .feature-row{display:flex;flex-wrap:wrap;gap:40px clamp(32px, 4.44vw, 64px)}
.hm-root .feature-text-stack{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
.hm-root .feature-heading{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(32px, 4vw, 48px);line-height:1.1;letter-spacing:-0.01em}
.hm-root .lead-text{margin:0;font-size:18px;line-height:1.6;color:var(--hm-muted)}
.hm-root .features-stack-gap18{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px;justify-content:flex-end}
.hm-root .icon-text-row{display:flex;gap:14px;align-items:flex-start}
.hm-root .bold-label{font-weight:700;font-size:17px;color:var(--hm-text)}
.hm-root .detail-text{font-size:16px;line-height:1.5;color:var(--hm-muted)}
.hm-root .demo-figure{margin:0;background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:14px;padding:10px;box-sizing:border-box}
.hm-root .demo-window{background:#F6F8FA;border-radius:8px;overflow:hidden;font-family:Carlito, sans-serif;font-size:13px;color:#1F2D3D;text-align:left}
.hm-root .demo-window-bar{background:#FFFFFF;border-bottom:1px solid #E6EBF0;padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:15px}
.hm-root .demo-crumb-active{color:#BE448F}
.hm-root .demo-crumb-separator{color:#8A96A3}
.hm-root .demo-pill-green{background:#DDF5E8;color:#1D7A45;font-weight:600;font-size:12px;padding:3px 10px;border-radius:6px}
.hm-root .demo-panel-title{font-weight:700;font-size:14px}
.hm-root .list-icon{flex:none;margin-top:3px}
.hm-root .demo-factor-name{font-weight:600;color:#1F2D3D}
.hm-root .demo-panel-spaced{margin-top:8px}
.hm-root .demo-figure-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #EEF1F4}
.hm-root .demo-figure-value{font-weight:700;color:#1F2D3D}
.hm-root .demo-highlight-value{font-weight:700;color:#007FA3}
.hm-root .options-stack{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px, 3.89vw, 48px)}
.hm-root .ways-row{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.hm-root .ways-card{border-top:5px solid #00B398}
.hm-root .ways-way-head-badge{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--hm-strong);background:var(--hm-bg-alt);border-radius:999px;padding:6px 12px}
.hm-root .ways-subheading{margin:0;font-size:clamp(22px, 2.2vw, 28px);line-height:1.2;color:var(--hm-text)}
.hm-root .ways-card-ruled{border-top:5px solid #003A70}
.hm-root .option-card-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:17px;color:var(--hm-link);text-decoration:none}
.hm-root .navy-section-padded{padding:clamp(62px, 7.78vw, 112px) clamp(20px, 4vw, 32px);background:var(--hm-navy);color:#FFFFFF}
.hm-root .navy-kicker{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:18px;color:#EAAA00}
.hm-root .navy-heading{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(32px, 4vw, 48px);line-height:1.1;letter-spacing:-0.01em;color:#FFFFFF}
.hm-root .navy-lead{margin:0;font-size:18px;line-height:1.6;color:#C9D6E6}
.hm-root .permissions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));gap:16px}
.hm-root .navy-outline-card{border:1px solid #007FA3;background:var(--hm-navy-2);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:10px}
.hm-root .authorised-label-gold{font-size:14px;font-weight:700;letter-spacing:0.1em;color:#F1AF00}
.hm-root .authorised-label-white{font-family:Carlito, sans-serif;font-weight:700;font-size:21px;color:#FFFFFF}
.hm-root .navy-detail-text{font-size:16px;line-height:1.5;color:#C9D6E6}
.hm-root .authorised-text{margin:0;font-size:14px;color:#C9D6E6}
.hm-root .faq-layout{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px clamp(32px, 4.44vw, 64px);align-items:flex-start}
.hm-root .faq-stack{flex:1 1 320px;min-width:0;max-width:400px;display:flex;flex-direction:column;gap:14px}
.hm-root .faq-button-outline{align-self:flex-start;margin-top:8px;color:var(--hm-strong);font-weight:700;font-size:16px;text-decoration:none;border:1px solid var(--hm-strong);border-radius:8px;padding:15px 25px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.hm-root .faq-list{flex:2 1 520px;min-width:0;border-top:1px solid var(--hm-line)}
.hm-root .faq-item{border-bottom:1px solid var(--hm-line)}
.hm-root .faq-question{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;min-height:44px;font-size:19px;font-weight:700;color:var(--hm-text)}
.hm-root .faq-badge{flex:none;width:32px;height:32px;border-radius:50%;background:var(--hm-chip);color:var(--hm-strong);display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
.hm-root .faq-text{margin:0 0 24px;max-width:760px;font-size:17px;line-height:1.65;color:var(--hm-text-2)}
.hm-root .cta-heading-inherit{margin:0;font-family:Carlito, sans-serif;font-weight:700;font-size:clamp(30px, 3.6vw, 44px);line-height:1.1}
.hm-root .zoom-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8, 22, 40, 0.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(16px, 4vw, 48px);box-sizing:border-box;cursor:zoom-out}
.hm-root .zoom-image{display:block;max-width:100%;max-height:calc(100% - 48px);width:auto;height:auto;object-fit:contain;border-radius:10px;background:var(--hm-bg);box-shadow:0 20px 60px rgba(0, 0, 0, 0.45)}
.hm-root .zoom-caption{margin:0;font-size:15px;line-height:1.4;color:#C9D6E6;text-align:center;max-width:900px}
.hm-root .zoom-close-button{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--hm-bg);color:var(--hm-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hm-root .bold-label-large{font-size:18px;font-weight:700}
.hm-root .item-title{margin:0;font-size:20px;color:var(--hm-text)}
.hm-root .icon-heading-row{display:flex;align-items:center;gap:12px}
.hm-root .small-caps-tag{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--hm-accent)}
.hm-root .icon-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.hm-root .timeline-dot{position:absolute;left:-26px;top:26px;width:14px;height:14px;border-radius:50%;background:#EAAA00;box-shadow:0 0 0 4px rgba(234,170,0,0.25)}
.hm-root .agent-avatar{width:38px;height:38px;border-radius:10px;background:var(--hm-chip);display:inline-flex;align-items:center;justify-content:center;flex:none}
.hm-root .agent-heading-text{display:flex;flex-direction:column}
.hm-root .agent-role-label{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--hm-accent)}
.hm-root .status-badge{font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px}
.hm-root .stat-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;border-top:1px solid var(--hm-line);padding-top:12px}
.hm-root .summary-stat{display:flex;flex-direction:column;gap:2px;min-width:0}
.hm-root .small-muted-text{font-size:14px;color:var(--hm-muted)}
.hm-root .ruled-stack{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--hm-line);padding-top:12px}
.hm-root .progress-caption{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--hm-muted)}
.hm-root .progress-caption-value{font-weight:700;color:var(--hm-text)}
.hm-root .progress-track{height:10px;border-radius:999px;background:var(--hm-bg-alt);overflow:hidden}
.hm-root .small-muted-note{font-size:12px;color:var(--hm-muted)}
.hm-root .hero-inner-stack{max-width:1200px;margin:0 auto;padding:clamp(44px, 5.56vw, 80px) clamp(20px, 4vw, 32px) clamp(40px, 5vw, 72px);display:flex;flex-direction:column;gap:22px}
.hm-root .hero-title-fluid-w900{margin:0;font-weight:700;font-size:clamp(36px, 4.6vw, 56px);line-height:1.05;letter-spacing:-0.02em;max-width:900px}
.hm-root .hero-text-white{margin:0;font-size:20px;line-height:1.55;color:#FFFFFF;max-width:760px}
.hm-root .hero-lead-small{margin:0;font-size:18px;line-height:1.55;color:#C9D6E6;max-width:760px}
.hm-root .section-stack-medium{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(24px, 3.33vw, 48px)}
.hm-root .listing-card{background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.hm-root .hero-title-fluid{margin:0;font-weight:700;font-size:clamp(36px, 4.6vw, 56px);line-height:1.05;letter-spacing:-0.02em}
.hm-root .hero-text-pale{margin:0;font-size:19px;line-height:1.55;color:#C9D6E6;max-width:720px}
.hm-root .section-heading-small{margin:0;font-size:32px;line-height:1.2;color:var(--hm-text)}
.hm-root .text-link{color:var(--hm-link)}
.hm-root .step-number{font-family:Carlito, sans-serif;font-weight:700;font-size:15px;color:#FFFFFF;background:var(--hm-navy);width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.hm-root .hero-stack-gap22-w1200{max-width:1200px;margin:0 auto;padding:clamp(56px, 7vw, 100px) clamp(20px, 4vw, 32px) clamp(60px, 7.5vw, 108px);display:flex;flex-direction:column;gap:22px}
.hm-root .split-row{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:40px clamp(32px, 4.44vw, 64px)}
.hm-root .photo-rounded{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:20px}
.hm-root .form-stack{display:flex;flex-direction:column;gap:20px}
.hm-root .form-field{font-size:15px;font-weight:700;color:var(--hm-text)}
.hm-root .side-note{margin:0;font-size:15px;line-height:1.55;color:var(--hm-muted)}
.hm-root .side-column{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hm-root .section-stack-narrow-gap{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.hm-root .registration-term{font-size:14px;font-weight:700;letter-spacing:0.04em;color:var(--hm-accent)}
.hm-root .gold-tag{font-size:13px;font-weight:700;color:#F1AF00;letter-spacing:0.08em;text-transform:uppercase}
.hm-root .text-stack-narrow{display:flex;flex-direction:column;gap:14px;max-width:760px}
.hm-root .section-bottom-padded{padding:0 clamp(20px, 4vw, 32px) clamp(62px, 7.78vw, 112px)}
.hm-root .content-container{max-width:1200px;margin:0 auto}
.hm-root .features-image{display:block;width:100%;height:auto;border-radius:8px}
.hm-root .three-column-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr));gap:24px}
.hm-root .hero-text-column-wide{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hm-root .hero-text-pale-20-w620{margin:0;font-size:20px;line-height:1.5;color:#C9D6E6;max-width:620px}
.hm-root .hero-aside-column-narrow{flex:1 1 360px;min-width:0}
.hm-root .hero-aside-green{--c:#00B398}
.hm-root .product-logo-54{height:54px}
.hm-root .card-subheading{margin:0;font-size:21px;line-height:1.25;color:var(--hm-text)}
.hm-root .product-logo-50{height:50px}
.hm-root .bold-white{font-weight:700;color:#FFFFFF}
.hm-root .space-between-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hm-root .section-stack-gap32{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.hm-root .product-group-header{display:flex;align-items:center;gap:16px;padding-top:8px}
.hm-root .product-group-title{font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--hm-text);flex:none}
.hm-root .product-group-rule{flex:1;height:1px;background:var(--hm-line)}
.hm-root .product-card-gold{--pc:#EAAA00;--pc-tint:rgba(234,170,0,0.14)}
.hm-root .product-logo-40{display:block;height:40px;width:auto;max-width:100%}
.hm-root .product-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hm-root .product-card-teal{--pc:#007FA3;--pc-tint:rgba(0,127,163,0.12)}
.hm-root .product-card-green{--pc:#00B398;--pc-tint:rgba(0,179,152,0.14)}
.hm-root .product-logo-88{display:block;height:88px;width:auto;max-width:100%}
.hm-root .clients-row{display:flex;flex-wrap:wrap;align-items:center;gap:32px clamp(32px, 4.44vw, 64px)}
.hm-root .clients-stack{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.hm-root .clients-button{margin-top:6px;background:var(--hm-navy);color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16px;padding:16px 26px;border-radius:8px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.hm-root .clients-grid{flex:1 1 360px;min-width:0;max-width:480px;margin-left:auto;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
.hm-root .clients-link{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--hm-line);background:#FFFFFF}
.hm-root .clients-image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.hm-root .post-hero{background:var(--hm-navy);color:#FFFFFF;padding:clamp(44px, 5.56vw, 80px) clamp(20px, 4vw, 32px) clamp(40px, 5vw, 72px)}
.hm-root .hero-stack-gap22-w960{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.hm-root .hero-link{font-size:15px;font-weight:700;color:#9BD3DD;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}
.hm-root .meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px}
.hm-root .hero-badge-navy{font-weight:700;color:#003A70;background:#EAAA00;padding:5px 12px;border-radius:999px}
.hm-root .hero-title-white{margin:0;font-weight:700;font-size:clamp(36px, 4.6vw, 56px);line-height:1.08;letter-spacing:-0.02em;color:#FFFFFF}
.hm-root .hero-row-pale{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:16px;color:#C9D6E6}
.hm-root .post-image-container{max-width:1024px;margin:0 auto;padding:clamp(32px, 4vw, 56px) clamp(20px, 4vw, 32px) 0}
.hm-root .post-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:20px}
.hm-root .post-body{max-width:720px;margin:0 auto;padding:clamp(35px, 4.44vw, 64px) clamp(20px, 4vw, 32px) clamp(53px, 6.67vw, 96px);display:flex;flex-direction:column;gap:22px}
.hm-root .post-footer{border-top:1px solid var(--hm-line);margin-top:24px;padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:15px}
.hm-root .post-back-link{font-weight:700;color:var(--hm-strong);text-decoration:none}
.hm-root .post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr));gap:24px}
.hm-root .post-card-image-frame{padding:12px}
.hm-root .post-card-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px}
.hm-root .post-card-body{padding:16px 24px 28px;flex:1;display:flex;flex-direction:column;gap:12px}
.hm-root .post-card-category{font-weight:700;color:var(--hm-link);background:var(--hm-chip);padding:4px 10px;border-radius:999px}
.hm-root .post-card-title-link{text-decoration:none;color:var(--hm-text)}
.hm-root .post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}
.hm-root .post-card-read-more{font-weight:700;font-size:15px;color:var(--hm-strong);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.hm-root .large-card-heading{margin:0;font-size:clamp(28px, 3vw, 36px);line-height:1.2;color:var(--hm-text)}
.hm-root .legal-layout-row{max-width:1200px;margin:0 auto;padding:clamp(40px, 5.0vw, 72px) clamp(20px, 4vw, 32px) clamp(53px, 6.67vw, 96px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(24px, 3.33vw, 48px) clamp(32px, 4.44vw, 64px)}
.hm-root .legal-toc-aside{flex:1 1 260px;max-width:300px;display:flex;flex-direction:column;gap:20px}
.hm-root .aside-toc-eyebrow{margin:0 0 8px 10px;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--hm-muted)}
.hm-root .aside-toc-aside-stack{background:var(--hm-bg-alt);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}
.hm-root .legal-article{flex:999 1 560px;min-width:0;max-width:780px}
.hm-root .back-to-top{margin-top:16px}
.hm-root .back-to-top-link{font-weight:700;text-decoration:none}
.hm-root .hero-link-white{color:#FFFFFF}
.hm-root .feature-title{font-family:Carlito, sans-serif;font-weight:700;font-size:20px}
.hm-root .intro-row-bottom{display:flex;flex-wrap:wrap;gap:32px clamp(32px, 4.44vw, 64px);align-items:flex-end}
.hm-root .intro-lead-wide{flex:1 1 460px;min-width:0;margin:0;font-size:18px;line-height:1.6;color:var(--hm-muted)}

/* Header, navigation, footer and component styles shared between pages */
body{margin:0}
a{color:var(--hm-text)}
a:hover{color:var(--hm-strong)}
.post h2{margin:24px 0 0;font-size:30px;line-height:1.2;color:var(--hm-text)}
.post p{margin:0;font-size:19px;line-height:1.7;color:var(--hm-text-2)}
.post ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:19px;line-height:1.6;color:var(--hm-text-2)}
.post strong{color:var(--hm-text)}
.post a{color:var(--hm-link)}
.terms section{scroll-margin-top:24px;padding:40px 0;border-top:1px solid var(--hm-line);display:flex;flex-direction:column;gap:16px}
.terms section:first-child{border-top:0;padding-top:0}
.terms h2{margin:0;font-size:28px;line-height:1.2;color:var(--hm-text);display:flex;gap:14px;align-items:baseline}
.terms h2 .n{color:var(--hm-accent);font-size:22px;flex:none}
.terms h3{margin:12px 0 0;font-size:20px;line-height:1.3;color:var(--hm-strong)}
.terms p{margin:0;font-size:17px;line-height:1.65;color:var(--hm-text-2)}
.terms ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:17px;line-height:1.6;color:var(--hm-text-2)}
.terms ul ul{margin-top:6px}
.terms strong{color:var(--hm-text)}
.terms a{color:var(--hm-link)}
.toc a{color:var(--hm-text-2);text-decoration:none;display:flex;gap:10px;padding:8px 10px;border-radius:6px;font-size:15px;line-height:1.35;min-height:24px}
.toc a:hover{background:var(--hm-bg-alt);color:var(--hm-strong)}
.toc a span{color:var(--hm-accent);font-weight:700;min-width:20px}
.menu-btn{display:none}
.toc-aside{position:static}
@media (min-width: 900px){.toc-aside{position:sticky;top:104px}}
@media (max-width: 899px){.toc-aside{max-width:none !important}}
@media (max-width: 1023px){
.legal-layout{flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important}
.toc-aside{position:static !important;max-width:none !important;flex:none !important;width:100%}
.legal-layout > article{flex:none !important;width:100%;max-width:none !important}
}
@media (min-width: 1024px){
.legal-layout{flex-wrap:nowrap !important}
.toc-aside{position:sticky;top:104px;flex:0 0 280px !important;max-height:calc(100vh - 128px);overflow-y:auto}
}
@media (max-width: 900px){
.menu-btn{display:inline-flex}
.site-nav{display:none !important}
.site-nav.open{display:flex !important;flex-direction:column;flex-wrap:nowrap !important;align-items:stretch !important;gap:2px !important;width:100%;padding:8px 0 4px}
.site-nav.open a{padding:12px 4px;min-height:44px;box-sizing:border-box}
}
.zoomable{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;border-radius:inherit;font:inherit}
.zoomable:focus-visible{outline:3px solid var(--hm-accent);outline-offset:3px}
.zoomable img{transition:transform .2s ease}
.zoomable:hover img{transform:scale(1.01)}
.zoom-close:focus-visible{outline:3px solid #EAAA00;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.zoomable img{transition:none}.zoomable:hover img{transform:none}}
.logo-d{display:none !important}
.hm-dark .logo-l{display:none !important}
.hm-dark .logo-d{display:inline-block !important}
.hm-dark .on-light{background:#FFFFFF;padding:8px 12px;border-radius:8px;box-sizing:content-box}
.hm-dark svg [fill="#63666A"]{fill:#97999B}
.hm-dark svg [fill="#1F2D3D"]{fill:#E8EEF5}
.hm-dark svg [stroke="#DFE4EA"]{stroke:#2A3B50}
.hm-dark svg [fill="#003A70"]{fill:#9BD3DD}
.hm-dark svg [stroke="#003A70"]{stroke:#9BD3DD}
.hm-dark svg [fill="#007FA3"]{fill:#00B398}
.hm-dark svg [stroke="#007FA3"]{stroke:#00B398}
.hm-dark svg [fill="#EAAA00"]{fill:#EAAA00}
.hm-dark svg [stroke="#EAAA00"]{stroke:#EAAA00}
.hm-dark svg [stroke="#FF671F"]{stroke:#FF671F}
.theme-btn{margin-left:auto;width:60px;height:36px;padding:3px;border-radius:999px;border:1px solid var(--hm-line-2);background:var(--hm-bg-soft);cursor:pointer;display:inline-flex;align-items:center;flex:none}
.theme-btn:focus-visible{outline:3px solid var(--hm-accent);outline-offset:2px}
.theme-knob{width:28px;height:28px;border-radius:50%;background:var(--hm-navy);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}
.hm-dark .theme-knob{transform:translateX(24px);background:#EAAA00;color:#003A70}
.theme-knob .moon{display:none}
.hm-dark .theme-knob .sun{display:none}
.hm-dark .theme-knob .moon{display:block}
@media (prefers-reduced-motion: reduce){.hm-root,.theme-knob{transition:none}}
.site-header{box-shadow:0 1px 0 rgba(0,0,0,0)}
[id]{scroll-margin-top:100px}
@media (max-width: 900px){[id]{scroll-margin-top:84px}.site-header .site-nav.open{max-height:calc(100vh - 90px);overflow-y:auto}}
.hj-pill{background:var(--hm-chip);color:var(--hm-strong)}
.hj-ok{background:#D9F4EF;color:#003A70}
.hm-dark .hj-ok{background:#0B3A33;color:#00B398}
.hj-step{animation:hjIn .6s ease both}
.hj-step:nth-of-type(2){animation-delay:.25s}
.hj-step:nth-of-type(3){animation-delay:.5s}
.hj-bar{animation:hjBar 1.2s .6s ease both}
@keyframes hjIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hjBar{from{width:0}}
@media (prefers-reduced-motion: reduce){.hj-step,.hj-bar{animation:none}}
.dd{position:relative}
.dd-trigger{display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:44px}
.dd-caret{transition:transform .15s}
.dd-menu{display:none;position:absolute;top:100%;left:-14px;padding-top:6px;z-index:110}
.dd-panel{background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:12px;box-shadow:0 14px 34px rgba(0,58,112,.16);padding:8px;display:flex;flex-direction:column;min-width:250px}
.dd-panel a{padding:10px 12px;border-radius:8px;text-decoration:none;display:flex;flex-direction:column;gap:2px;color:var(--hm-text)}
.dd-panel a:hover,.dd-panel a:focus-visible{background:var(--hm-bg-alt);color:var(--hm-strong)}
.dd-panel a[aria-current="page"] .dd-l{color:var(--hm-accent);font-weight:700}
.dd-l{font-weight:600}
.dd-panel small{font-size:13px;font-weight:400;color:var(--hm-muted);line-height:1.35}
.dd-right .dd-menu{left:auto;right:-14px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd:hover .dd-caret,.dd:focus-within .dd-caret{transform:rotate(180deg)}
@media (prefers-reduced-motion: reduce){.dd-caret{transition:none}}
@media (max-width: 900px){
.site-nav.open .dd-menu{display:block;position:static;padding:0 0 4px 16px}
.site-nav.open .dd-panel{border:0;box-shadow:none;padding:0;background:transparent;min-width:0}
.site-nav.open .dd-panel a{padding:10px 4px;min-height:44px;box-sizing:border-box;justify-content:center}
.site-nav.open .dd-panel small{display:none}
.site-nav.open .dd-caret{display:none}
}
.mp-pill{background:var(--hm-chip);color:var(--hm-strong)}
.mp-ok{background:#D9F4EF;color:#003A70}
.mp-warn{background:#FFE6DA;color:#003A70}
.hm-dark .mp-ok{background:#0B3A33;color:#00B398}
.hm-dark .mp-warn{background:#3A2414;color:#FF671F}
.mp-step{animation:mpIn .6s ease both}
.mp-step:nth-child(2){animation-delay:.2s}
.mp-step:nth-child(3){animation-delay:.4s}
.mp-step:nth-child(4){animation-delay:.6s}
.mp-bar{animation:mpBar 1.2s .5s ease both}
@keyframes mpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mpBar{from{width:0}}
@media (prefers-reduced-motion: reduce){.mp-step,.mp-bar{animation:none}}
html{scroll-behavior:smooth}
.to-top{position:fixed;right:20px;bottom:20px;z-index:120;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px 0 14px;border-radius:999px;background:var(--hm-navy);color:#FFFFFF;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 22px rgba(0,58,112,.28);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.to-top.show{opacity:.75;transform:none;pointer-events:auto}
.to-top.show:hover,.to-top.show:focus-visible{opacity:1}
.to-top:hover{color:#FFFFFF;background:var(--hm-navy-2)}
.to-top:focus-visible{outline:3px solid #EAAA00;outline-offset:3px}
.hm-dark .to-top{background:#EAAA00;color:#003A70}
.hm-dark .to-top:hover{background:#EBE49A;color:#003A70}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.to-top{transition:none}}
.faq summary::-webkit-details-marker{display:none}
.faq .faq-icon::before{content:"+"}
.faq[open] .faq-icon::before{content:"\2212"}
.faq summary:focus-visible{outline:3px solid var(--hm-accent);outline-offset:4px;border-radius:6px}
@media (min-width: 901px){.site-header .site-nav{order:2;margin-left:auto}.site-header .theme-btn{order:3;margin-left:0}}
.hm-dark .chart-swatch-navy{background:#9BD3DD !important}
.hm-dark .chart-swatch-teal{background:#00B398 !important}
.hm-dark .step-number,.hm-dark .how-badge,.hm-dark .features-badge{background:#007FA3 !important}
.hm-dark .nav-contact-button,.hm-dark .complaints-button,.hm-dark .promo-card-button,.hm-dark .filter-button-active,.hm-dark .clients-button,.hm-dark .how-button,.hm-dark .form-button{background:#007FA3 !important}
.hm-dark .kpi-collect{color:#00B398 !important}
@media (max-width: 760px){.de-grid{grid-template-columns:minmax(0,1fr) !important}}
.pc{position:relative;background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,58,112,.04),0 10px 28px rgba(0,58,112,.07);transition:transform .2s,box-shadow .2s}
.pc::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--pc)}
.pc:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(0,58,112,.06),0 18px 40px rgba(0,58,112,.12)}
.pc-logo{height:136px;display:flex;align-items:center;justify-content:center;padding:0 32px;background:#FFFFFF;background-image:radial-gradient(circle at 50% 120%, var(--pc-tint), transparent 70%);border-bottom:1px solid var(--hm-line)}
.pc-body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:16px;flex:1}
.pc-tag{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-accent)}
.pc-perm{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--hm-strong);background:var(--pc-tint);border-radius:999px;padding:4px 10px}
.pc-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pc-chip{font-size:14px;font-weight:600;color:var(--hm-text);background:var(--hm-bg-soft);border:1px solid var(--hm-line);border-radius:999px;padding:6px 12px}
.pc-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--hm-line-2);font-weight:700;font-size:15px;color:var(--hm-strong);text-decoration:none;transition:background .2s,border-color .2s}
.pc-cta:hover{background:var(--pc-tint);border-color:var(--pc);color:var(--hm-strong)}
.pc-cta span{transition:transform .2s}
.pc-cta:hover span{transform:translateX(3px)}
.hm-dark .pc{box-shadow:none}
.hm-dark .pc-perm{color:#E8EEF5}
@media (prefers-reduced-motion: reduce){.pc,.pc-cta,.pc-cta span{transition:none}.pc:hover{transform:none}}
.mode-row{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.mode{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--hm-text);background:var(--hm-bg-soft);border:1px solid var(--hm-line);border-radius:999px;padding:5px 11px}
.mode svg{color:#00B398}
.hero-mode{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#FFFFFF;background:rgba(255,255,255,.08);border:1px solid rgba(155,211,221,.5);border-radius:999px;padding:8px 14px}
.hero-mode svg{color:#00B398}
.hub{display:flex;flex-direction:column;gap:0}
.hub-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-prod{background:var(--hm-bg);color:var(--hm-text);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.28);border-top:4px solid var(--c);text-decoration:none;transition:transform .2s}
.hub-prod:hover{transform:translateY(-3px)}
.hub-prod .lg{height:30px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border-radius:8px;padding:4px 8px}
.hub-prod .lg img{height:22px;width:auto;max-width:100%;display:block}
.hub-prod small{font-size:12px;line-height:1.35;color:var(--hm-muted)}
.hub-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:44px}
.hub-links span{justify-self:center;width:0;border-left:2px dashed #EAAA00;height:100%}
.hub-core{background:var(--hm-bg);color:var(--hm-text);border-radius:16px;padding:20px 22px;box-shadow:0 14px 34px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:14px;border:2px solid #EAAA00;text-decoration:none}
.hub-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hub-flow b{font-size:15px;color:var(--hm-strong);background:var(--hm-chip);border-radius:999px;padding:6px 14px}
.hub-flow i{font-style:normal;color:#EAAA00;font-weight:700}
.hub-note{margin:14px 0 0;display:flex;align-items:center;gap:10px;font-size:15px;color:#C9D6E6}
.plat-card{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:center;background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:18px;padding:clamp(24px,3.33vw,40px);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(0,58,112,.04),0 10px 28px rgba(0,58,112,.07)}
.plat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#003A70}
.hm-dark .plat-card{box-shadow:none}
.hm-dark .plat-card::before{background:#9BD3DD}
.plat-body{flex-direction:row;flex-wrap:wrap;gap:28px 48px;align-items:center}
.plat-pc{--pc:#003A70;--pc-tint:rgba(0,58,112,.10)}
.hm-dark .plat-pc{--pc:#9BD3DD}
.way{flex:1 1 400px;min-width:0;background:var(--hm-bg);border-radius:16px;padding:clamp(24px,3.33vw,36px);display:flex;flex-direction:column;gap:16px;border:1px solid var(--hm-line)}
.way ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.way li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--hm-text-2)}
.way li svg{flex:none;margin-top:3px;color:#00B398}
.tg-col{flex:1 1 300px;min-width:0;background:var(--hm-bg-alt);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative}
.tg-stage{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-accent)}
.tg-prods{display:flex;flex-wrap:wrap;gap:8px}
.tg-prods a{font-size:14px;font-weight:700;color:var(--hm-strong);background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:999px;padding:6px 12px;text-decoration:none}
.tg-prods a:hover{border-color:var(--hm-accent)}
.glance{--gp:clamp(22px,2.8vw,32px);background:var(--hm-bg);color:var(--hm-text);border-radius:18px;padding:var(--gp);box-shadow:0 14px 34px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:0;border-top:5px solid var(--c)}
.glance h2{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-accent)}
.glance dl{margin:0;display:flex;flex-direction:column}
.glance dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--hm-line)}
.glance dt{font-size:15px;color:var(--hm-muted);flex:none}
.glance dd{margin:0;font-size:15px;font-weight:700;text-align:right}
.g-logo{display:flex;align-items:center;height:56px;margin:calc(-1 * var(--gp)) calc(-1 * var(--gp)) 22px;padding:22px var(--gp) 20px;box-sizing:content-box;border-bottom:1px solid var(--hm-line);border-radius:13px 13px 0 0}
.g-logo img{display:block;width:auto}
.hm-dark .g-logo{background:#FFFFFF;border-bottom-color:#FFFFFF}
.p-logo{align-self:flex-start;background:#FFFFFF;border-radius:12px;padding:12px 18px;display:inline-flex}
.p-logo img{height:34px;width:auto;display:block}
.spot{background:var(--hm-navy);color:#FFFFFF}
.spot-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px 28px}
.spot-feat div{border-top:2px solid #00B398;padding-top:12px;display:flex;flex-direction:column;gap:4px}
.spot-feat b{font-size:18px}
.spot-feat span{font-size:15px;line-height:1.5;color:#C9D6E6}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.ind-card{background:var(--hm-bg-alt);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;border-top:4px solid #00B398}
.ind-ic{width:52px;height:52px;border-radius:14px;background:var(--hm-bg);color:#007FA3;display:inline-flex;align-items:center;justify-content:center}
.hm-dark .ind-ic{color:#9BD3DD}
.ind-link{margin-top:auto;display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;background:var(--hm-bg);color:var(--hm-link);font-size:15px;font-weight:700;line-height:1.4;text-decoration:none}
.ind-link svg{flex:none;margin-top:1px}
.ind-link:hover{text-decoration:underline}
.ind-more{background:var(--hm-navy);border-top-color:#EAAA00}
.ind-more h3,.ind-more p{color:#FFFFFF !important}
.ind-more p{color:#C9D6E6 !important}
.ind-more .ind-ic{background:rgba(255,255,255,.1);color:#EAAA00}
.ind-more a{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:#EAAA00;text-decoration:none}
.slick-mark{align-self:flex-start;background:#FFFFFF;border-radius:12px;padding:10px 20px;font-family:Carlito,sans-serif;font-size:30px;font-weight:700;letter-spacing:.06em;color:#003A70;line-height:1}
.enables{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.enables li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--hm-line);font-size:17px;font-weight:700;line-height:1.4}
.enables li svg{flex:none;margin-top:2px;color:#00B398}
.hm-dark .good-risk{box-shadow:none !important}
.hm-dark .good-eye{color:#5FD3BE !important}
.ic.ic-md{width:44px;height:44px;border-radius:12px}
.ic.ic-md svg{width:22px;height:22px}
.ic.ic-card{background:var(--hm-bg);box-shadow:0 1px 2px rgba(0,58,112,.06),0 4px 12px rgba(0,58,112,.08)}
.hm-dark .ic.ic-card{background:var(--hm-chip);box-shadow:none}
.way-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px}
.sa-card{--sp:clamp(22px,2.5vw,28px);background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:18px;padding:var(--sp);display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,58,112,.04),0 10px 28px rgba(0,58,112,.07)}
.hm-dark .sa-card{box-shadow:none}
.sa-ph{margin:calc(-1 * var(--sp)) calc(-1 * var(--sp)) 4px;aspect-ratio:16/9;overflow:hidden;background:var(--hm-ph)}
.sa-ph img{display:block;width:100%;height:100%;object-fit:cover}
.sa-head{display:flex;align-items:center;gap:14px}
.ic{width:52px;height:52px;border-radius:14px;background:var(--hm-chip);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--hm-accent)}
.ic svg{width:26px;height:26px}
.ic-sm{width:38px;height:38px;border-radius:11px}
.ic-sm svg{width:20px;height:20px}
.ic-navy{background:rgba(155,211,221,.16);color:#9BD3DD}
.sa-eye{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-accent)}
.sa-card ul{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sa-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--hm-text-2)}
.sa-card li svg{flex:none;margin-top:2px;color:#00B398}
.enables li .ic{margin-top:-6px}
.ag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px}
.ag-card{background:var(--hm-bg-alt);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;border-top:4px solid #007FA3}
.ag-card ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ag-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--hm-text-2)}
.ag-card li svg{flex:none;margin-top:2px;color:#00B398}
.api-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.api-chips li{font-size:15px;font-weight:700;color:var(--hm-strong);background:var(--hm-bg);border:1px solid var(--hm-line);border-radius:999px;padding:8px 14px}
.dd-sep{display:block;margin:8px 4px 0;padding:12px 8px 6px;border-top:1px solid var(--hm-line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-muted)}
@media (max-width: 900px){.site-nav.open .dd-sep{margin:6px 0 0;padding:12px 4px 4px}}
.dv-logo{display:flex;align-items:center;justify-content:center;height:84px;background:#FFFFFF;border:1px solid var(--hm-line);border-radius:12px;padding:0 16px}
.dv-logo img{display:block;width:auto;max-width:100%}
.draft-flag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#003A70;background:#EBE49A;border-radius:999px;padding:4px 12px}
@media (max-width: 560px){.hub-prods,.hub-links{grid-template-columns:minmax(0,1fr)}.hub-links{display:none}.hub-prods{gap:10px}.hub-core{margin-top:14px}}
@media (prefers-reduced-motion: reduce){.hub-prod{transition:none}.hub-prod:hover{transform:none}}

/* Accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:8px;background:var(--hm-navy);color:#FFFFFF;font-weight:700;text-decoration:none}
.skip-link:focus{top:12px;outline:3px solid #EAAA00;outline-offset:2px;color:#FFFFFF}
#main:focus{outline:none}
.hm-dark .to-top.show{opacity:1}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}