/* Strategy-first hero revision, 2026-10-21. Real client screens are kept as HTML images. */
.hero-strategy{grid-template-columns:1.15fr 1fr;gap:5%;padding:56px 5% 52px;max-width:1600px;align-items:center}
.hero-strategy .hero-copy{padding-left:1%}
.hero-strategy .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:19px}
.hero-strategy .hero-label{font-size:14px;line-height:1.9;letter-spacing:0;margin-bottom:24px;color:var(--navy)}
.hero-strategy h1{font-size:clamp(32px,3.2vw,49px);letter-spacing:.015em;line-height:1.65;white-space:nowrap}
.hero-strategy h1 em{background:linear-gradient(transparent 72%,#dce6df 72%,#dce6df 96%,transparent 96%)}
.hero-position{font-size:18px;font-weight:700;color:var(--navy);margin-top:19px;line-height:1.8;letter-spacing:.01em}
.hero-strategy .hero-lead{font-size:13px;line-height:2.1;margin:19px 0 27px;max-width:600px}
.hero-path{display:grid;grid-template-columns:1fr 1fr 1.18fr;list-style:none;padding:0;margin:0 0 28px;border-top:1px solid #c7d4ca;border-bottom:1px solid #c7d4ca}
.hero-path li{padding:16px 8px 17px 18px;position:relative;border-right:1px solid #c7d4ca}
.hero-path li:first-child{padding-left:0}.hero-path li:last-child{border:0}
.hero-path li:not(:last-child):after{content:'›';display:grid;place-items:center;position:absolute;right:-7px;top:27px;width:13px;height:20px;background:var(--paper);color:var(--green);z-index:1;font-size:22px}
.hero-path small{font-size:9px;font-family:Arial,sans-serif;letter-spacing:.09em;color:var(--green);display:block;margin-bottom:8px}
.hero-path b{font-size:15px;font-weight:600;color:var(--navy);white-space:nowrap}
.hero-actions{display:flex;align-items:center;gap:23px}.hero-actions .button{font-size:13px;padding:16px 19px;gap:25px;white-space:nowrap}.hero-actions .text-link{font-size:11px;gap:14px;white-space:nowrap}
.hero-scope{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.8}
.hero-proof{background:#e7ede8;border:1px solid #d4ded6;padding:29px 25px 23px;position:relative}
.proof-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;color:var(--navy)}
.proof-heading>p{font-size:18px;font-family:Arial,sans-serif;letter-spacing:.015em;line-height:1.2}
.proof-heading>p>span{display:block;font-size:32px;font-family:'Yu Gothic','Meiryo',sans-serif;font-weight:700;letter-spacing:.04em;margin-top:9px;line-height:1.4}
.proof-credential{display:block;text-align:center;font-size:10px;line-height:1.8;border-left:1px solid #acbeb0;padding:7px 0 7px 20px;letter-spacing:.02em}
.proof-credential b{font-size:21px;letter-spacing:.15em;font-weight:600}
.proof-sites{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.proof-sites figure{background:#fff;box-shadow:0 5px 16px #24365b12;border:1px solid #d3dbd5;overflow:hidden}
.proof-main{grid-column:1/-1;margin:0 13px 0 13px}.proof-main>img{width:100%;height:200px;object-fit:cover;object-position:50% 8%}
.proof-small>img{width:100%;height:139px;object-fit:cover;object-position:top}
.browser-bar{height:22px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#fff;border-bottom:1px solid #e1e5e1}
.browser-bar i{width:4px;height:4px;border-radius:50%;background:#cbd6ce;display:block}
.browser-bar span{margin-left:8px;font-size:8px;color:#62716a;letter-spacing:.03em;font-family:Arial,'Yu Gothic',sans-serif}
.proof-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px}
.proof-caption p{font-size:11px;line-height:1.8;color:var(--muted)}.proof-caption b{font-size:14px;color:var(--navy);font-weight:600}
.proof-caption a{font-size:10px;padding-bottom:5px;border-bottom:1px solid #9eafa2;display:flex;gap:18px;white-space:nowrap;color:var(--navy)}
.trust-band strong{font-size:16px}
@media(min-width:1600px){.hero-strategy h1{font-size:50px}.proof-main>img{height:220px}.proof-small>img{height:160px}}
@media(max-width:1150px){.hero-strategy{gap:4%;padding:45px 5%}.hero-strategy h1{font-size:37px}.hero-strategy .hero-label{font-size:12px}.hero-position{font-size:16px}.hero-strategy .hero-lead{font-size:12px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding:14px 15px;gap:15px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-path li{padding-left:12px}.hero-path b{font-size:12px}.hero-path small{font-size:8px}.hero-proof{padding:24px 20px 20px}.proof-heading>p{font-size:16px}.proof-heading>p>span{font-size:27px}.proof-credential{padding-left:14px;font-size:9px}.proof-main{margin:0 5px}.proof-main>img{height:185px}.proof-small>img{height:125px}.proof-caption a{gap:10px}.proof-caption b{font-size:12px}.trust-band strong{font-size:13px}}
@media(max-width:900px) and (min-width:601px){.hero-strategy{grid-template-columns:1.1fr 1fr;gap:3%;padding:36px 5%}.hero-strategy h1{font-size:28px}.hero-strategy .hero-copy{padding:0}.hero-strategy .hero-label{font-size:11px}.hero-strategy .eyebrow{font-size:9px}.hero-position{font-size:13px}.hero-strategy .hero-lead{font-size:11px}.hero-strategy .desktop-only{display:none}.hero-path li{padding:13px 5px 13px 8px}.hero-path small{font-size:7px}.hero-path b{font-size:10px}.hero-path li:not(:last-child):after{top:22px}.hero-actions{align-items:start;flex-direction:column;gap:16px}.hero-actions .button{font-size:11px}.hero-scope{font-size:9px}.hero-proof{padding:20px 15px}.proof-heading{gap:12px;margin-bottom:19px}.proof-heading>p{font-size:13px}.proof-heading>p>span{font-size:22px}.proof-credential{font-size:8px;padding-left:10px}.proof-credential b{font-size:19px}.proof-main>img{height:155px}.proof-small>img{height:115px}.proof-sites{gap:10px}.proof-caption{align-items:flex-start;flex-direction:column;gap:14px}.proof-caption p{font-size:10px}.trust-band strong{font-size:11px}.trust-band small{font-size:10px}}
@media(max-width:600px){.hero-strategy{display:flex;flex-direction:column;padding:31px 6% 28px;gap:28px}.hero-strategy .hero-copy{padding:0}.hero-strategy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:16px}.hero-strategy .hero-label{font-size:12px;line-height:1.8;margin-bottom:19px}.hero-strategy h1{font-size:clamp(24px,7.25vw,35px);line-height:1.65;letter-spacing:0}.hero-position{font-size:13px;line-height:1.8;margin-top:17px}.hero-strategy .hero-lead{font-size:12px;line-height:2;margin:16px 0 22px}.desktop-only{display:none}.hero-path{margin-bottom:22px}.hero-path li{padding:14px 3px 14px 10px}.hero-path small{font-size:7px;letter-spacing:.035em;margin-bottom:7px}.hero-path b{font-size:11px}.hero-path li:not(:last-child):after{top:21px;font-size:19px;width:11px;right:-6px}.hero-actions{flex-direction:column;align-items:stretch;gap:16px}.hero-actions .button{font-size:12px;padding:14px 17px;min-height:54px}.hero-actions .text-link{width:max-content;margin:auto;font-size:11px;gap:26px}.hero-scope{font-size:9px;line-height:1.8;margin-top:13px}.hero-proof{padding:21px 17px 20px}.proof-heading{gap:15px;margin-bottom:20px}.proof-heading>p{font-size:15px}.proof-heading>p>span{font-size:26px;margin-top:7px}.proof-credential{font-size:9px;padding-left:15px}.proof-credential b{font-size:21px}.proof-main{margin:0 4px}.proof-main>img{height:152px}.proof-small>img{height:104px}.browser-bar{height:19px;padding:0 6px}.browser-bar span{font-size:7px;margin-left:3px}.browser-bar i{width:3px;height:3px}.proof-sites{gap:10px}.proof-caption{gap:15px;margin-top:18px}.proof-caption p{font-size:10px}.proof-caption b{font-size:12px}.proof-caption a{font-size:9px;gap:9px}.trust-band strong{font-size:11px}.trust-band small{font-size:9px}.trust-band>div,.trust-band>div:first-child,.trust-band>div:last-child{padding:16px 0}.hero-strategy+.trust-band>div{gap:8px}}