.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(40px,6vw,100px);max-width:1540px;margin:auto;padding:clamp(65px,8vw,125px) max(24px,5vw)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1;margin:22px 0 28px;max-width:820px}.hero h1 span{position:relative;display:inline;color:#1e5a3e;white-space:nowrap}.hero h1 span:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:9px;background:var(--coral);z-index:-1;transform:rotate(-1deg)}.lede{font-size:clamp(17px,1.7vw,22px);line-height:1.55;max-width:670px;color:#536057}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button-arrow span{font-size:19px}.text-link{font-weight:800;font-size:13px;text-underline-offset:5px}.note{font-size:11px;color:#667169;margin:20px 0 0}.note strong{color:#26352b}.hero-visual{background:#0f3324;border:1px solid #0b2419;box-shadow:18px 18px 0 #d7dfd2;min-height:520px;position:relative;overflow:hidden}.scan-toolbar,.scan-footer{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a9c3b2;font:500 9px DM Mono,monospace;letter-spacing:.06em}.scan-toolbar{border-bottom:1px solid #315442}.scan-toolbar span{display:flex;gap:5px}.scan-toolbar i{display:block;width:7px;height:7px;border-radius:50%;background:#567363}.scan-toolbar i:first-child{background:var(--coral)}.scan-toolbar em{font-style:normal;color:var(--lime)}.scan-canvas{position:relative;height:425px;background-image:linear-gradient(rgb(117 158 132/.08) 1px,transparent 1px),linear-gradient(90deg,rgb(117 158 132/.08) 1px,transparent 1px);background-size:25px 25px;overflow:hidden}.source-card{position:absolute;width:58%;height:210px;background:#faf9f4;color:var(--ink);padding:52px 22px 20px;box-shadow:8px 9px 0 rgb(0 0 0/.22)}.source-a{left:6%;top:35px;transform:rotate(-3deg)}.source-b{right:5%;bottom:30px;transform:rotate(2deg)}.mock-nav{position:absolute;inset:0 0 auto;height:35px;background:#e5e7e2;display:flex;gap:8px;align-items:center;padding:0 11px}.mock-nav b{width:9px;height:9px;border-radius:50%;background:#819087}.mock-nav span{width:34px;height:4px;background:#b5beb7}.source-card small{font:500 8px DM Mono,monospace;color:#738078}.source-card p{font-size:12px;margin:20px 0 2px;color:#657068}.source-card strong{font-size:19px;position:relative;z-index:2}.source-card .highlight{position:absolute;width:160px;height:10px;left:20px;bottom:43px;background:#ff9b83;opacity:.65;transform:rotate(-1deg)}.connector{position:absolute;left:48%;top:47%;width:90px;height:60px;border-right:2px dashed var(--coral);border-bottom:2px dashed var(--coral);transform:rotate(18deg)}.finding-flag{position:absolute;left:7%;bottom:25px;background:var(--coral);color:#162019;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:5px 5px 0 #071c13;z-index:5;transform:rotate(-1deg)}.finding-flag>span{display:grid;place-items:center;width:25px;height:25px;border:2px solid #162019;border-radius:50%;font-weight:800}.finding-flag small{display:block;font:800 8px DM Mono,monospace}.finding-flag strong{font-size:16px}.scan-line{position:absolute;left:0;right:0;height:2px;top:10%;background:var(--lime);box-shadow:0 0 14px var(--lime);opacity:.75;animation:scan 4s ease-in-out infinite}.scan-footer{border-top:1px solid #315442}.scan-footer strong{color:#d8e7dd}.scan-footer strong i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69d091;margin-right:5px}@keyframes scan{0%,100%{top:5%;opacity:0}10%,90%{opacity:.75}50%{top:95%}}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-visual{width:min(760px,100%);min-height:500px}.hero h1 span{white-space:normal}}
@media(max-width:620px){.hero{padding:55px 14px 65px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{min-height:430px}.scan-canvas{height:337px}.source-card{width:72%;height:165px;padding:46px 15px 15px}.source-a{top:20px}.source-b{bottom:18px}.source-card p{margin-top:11px}.source-card strong{font-size:15px}.source-card .highlight{bottom:26px;width:135px}.finding-flag{left:4%;bottom:13px;padding:9px}.finding-flag strong{font-size:12px}.scan-footer{font-size:8px}}

/* Keep the headline as three intentional statements on wide screens. */
.hero h1 span{display:block}
@media(min-width:1051px){.hero{grid-template-columns:minmax(0,1fr) minmax(560px,1.05fr);gap:clamp(40px,4vw,64px)}.hero h1{font-size:clamp(48px,5vw,72px)}.hero h1 span{white-space:normal}}