@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;650;700&family=DM+Sans:wght@400;500;600&display=swap');
/* Approved hero only. The rest of the landing page retains its existing styles. */
.hero.hero-editorial{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px 8px;align-items:center;max-width:1480px;min-height:0;margin:0 auto;padding:34px 48px 28px;background:#fff;font-family:'DM Sans',Arial,sans-serif}
.hero.hero-editorial::before,.hero.hero-editorial::after{display:none}
.hero-editorial .hero-copy{max-width:none;margin:0;text-align:left;z-index:1}
.hero-editorial .eyebrow{max-width:none;margin:0 0 26px;color:#465578;font:500 13px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:0;text-transform:none}
.hero-editorial .eyebrow::before{display:none}
.hero-editorial h1{margin:0 0 31px;color:#082c9d;font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:clamp(32px,3.24vw,48px);font-weight:700;line-height:1.17;letter-spacing:-.045em}
.hero-editorial h1>span{display:block;margin:0;color:inherit}
.hero-editorial h1 em{font-style:normal;color:#d94b20}
.hero-editorial .support{max-width:635px;margin:0 0 30px;color:#465578;font:400 18px/1.6 'DM Sans',Arial,sans-serif}
.hero-editorial .support p{margin:0}
.hero-editorial .cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:15px 23px;border:1px solid #064bfa;border-radius:8px;background:#064bfa;color:white;box-shadow:none;font:600 16px/1.4 'DM Sans',Arial,sans-serif;transition:background .16s ease;transform:none}
.hero-editorial .cta:hover{background:#063dc9;border-color:#063dc9;transform:none;box-shadow:none}
.hero-editorial .cta:focus-visible{outline:3px solid #d94b20;outline-offset:4px}
.hero-editorial .micro{margin:12px 0 0;color:#586788;font:400 13px/1.5 'DM Sans',Arial,sans-serif}
.hero-editorial .hero-connected-art{min-width:0;margin:0;align-self:center}
.hero-editorial .hero-connected-art img{display:block;width:110%;max-width:none;height:auto;margin:0 -5%}
.hero-editorial .hero-connected-art figcaption{text-align:center;font:400 11px/1.5 'DM Sans',Arial,sans-serif;color:#66728b;margin:-30px 0 0;position:relative}
.hero-editorial .hero-trust-band{grid-column:1/-1;display:flex;align-items:center;gap:26px;margin-top:8px;padding:18px 0 0;border-top:1px solid #dce2eb}
.hero-editorial .hero-malt{display:flex;align-items:center;gap:5px;color:#fc5656;text-decoration:none;flex-shrink:0}
.hero-editorial .hero-malt strong{font:700 28px/1 'DM Sans',Arial,sans-serif;letter-spacing:-.055em}
.hero-editorial .hero-malt img{display:block}
.hero-editorial .hero-malt:focus-visible{outline:2px solid #1045ad;outline-offset:5px}
.hero-editorial .hero-evidence{display:flex;align-items:center;flex:0 1 auto;justify-content:flex-start;gap:28px;margin:0;color:#526080;font:400 12px/1.5 'DM Sans',Arial,sans-serif}
.hero-editorial .hero-evidence>span{display:flex;gap:9px;align-items:baseline;white-space:nowrap}
.hero-editorial .hero-evidence b{color:#064bfa;font-size:23px;font-weight:600;letter-spacing:-.035em}
.hero-editorial .hero-certifications{border-left:1px solid #dce2eb;padding-left:25px;flex-shrink:0}
.hero-editorial .hero-certifications>span{display:block;color:#64728d;font:400 11px/1.4 'DM Sans',Arial,sans-serif;margin:0 0 9px}
.hero-editorial .hero-certifications>div{display:flex;gap:19px;align-items:center}
.hero-editorial .hero-cert{display:flex;align-items:center;gap:5px;color:#283c49;font:500 11px/1.1 'DM Sans',Arial,sans-serif}
.hero-editorial .hero-cert strong{font-size:18px;font-weight:600;letter-spacing:-.04em}
@media(max-width:1150px){.hero.hero-editorial{padding:32px;grid-template-columns:1.4fr 1fr}.hero-editorial h1{font-size:clamp(30px,3.15vw,38px)}.hero-editorial .support{font-size:16px}.hero-editorial .hero-trust-band{gap:20px;flex-wrap:wrap}.hero-editorial .hero-certifications{margin-left:auto}.hero-editorial .hero-evidence{justify-content:flex-start}}
@media(max-width:800px){.hero.hero-editorial{display:flex;flex-direction:column;align-items:stretch;padding:28px 25px;gap:0}.hero-editorial h1{font-size:clamp(30px,5.5vw,42px);line-height:1.16}.hero-editorial .hero-copy{max-width:670px}.hero-editorial .hero-connected-art{width:100%;max-width:460px;align-self:center;margin:15px 0 0}.hero-editorial .hero-connected-art img{width:100%;margin:0}.hero-editorial .hero-connected-art figcaption{margin:-13px 0 0}.hero-editorial .hero-trust-band{margin-top:14px;gap:17px}.hero-editorial .hero-evidence{gap:8px 22px;flex-wrap:wrap}.hero-editorial .hero-certifications{width:100%;border-left:0;border-top:1px solid #e5e9f0;margin:0;padding:15px 0 0}.hero-editorial .hero-certifications>div{gap:24px}}
@media(max-width:450px){.hero.hero-editorial{padding:24px 22px}.hero-editorial .eyebrow{font-size:11px;margin-bottom:22px}.hero-editorial h1{font-size:30px;margin-bottom:23px}.hero-editorial .support{font-size:16px;margin-bottom:23px}.hero-editorial .cta{font-size:14px;padding:14px 18px;gap:18px}.hero-editorial .hero-evidence{display:grid;gap:8px;flex:1}.hero-editorial .hero-evidence b{font-size:21px}.hero-editorial .hero-malt{align-self:flex-start;margin-top:7px}.hero-editorial .hero-malt strong{font-size:25px}.hero-editorial .hero-trust-band{gap:25px}.hero-editorial .hero-cert strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-editorial .cta{transition:none}}
/* Section 2: approved typefaces; existing dimensions and interaction preserved. */
.problems,.problems p,.problems span,.problems small,.problems strong,.problems b,.problems button{font-family:'DM Sans',Arial,sans-serif}
.problems .problems-intro h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:650}
.problems .problem-item h3{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:600}
.problems .eyebrow,.problems .problem-marker,.problems .problem-marker span{font-family:'DM Sans',Arial,sans-serif;font-weight:600}
/* Section 3: typography only, preserving existing sizes and spacing. */
#system,#system p,#system span,#system small,#system strong,#system b,#system button,#system dt,#system dd,#system em{font-family:'DM Sans',Arial,sans-serif}
#system h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:650}
#system h3,#system h4{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:600}
#system .eyebrow,#system .benefit-tabs button,#system .benefit-pillars span{font-weight:600}
.hero-editorial .hero-benefits{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:14px;text-align:left}
.hero-editorial .hero-benefits li{border-left:3px solid #ff5900;padding-left:14px}
.hero-editorial .hero-benefits strong{display:block;color:#10254b;font-size:17px;line-height:1.4;margin-bottom:3px}
.hero-editorial .hero-benefits span{display:block;color:#526580;font-size:16px;line-height:1.5}