/* Homepage field photography. Keep marketing text in HTML for readability. */
.field-hero{position:relative;isolation:isolate;overflow:hidden;background:#071c33;color:#fff;border-bottom:1px solid #21445d}
.field-hero-media{position:absolute;inset:0;z-index:-3;display:block}
.field-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 48%}
.field-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,21,39,.98) 0%,rgba(4,21,39,.9) 28%,rgba(4,21,39,.64) 45%,rgba(4,21,39,.1) 68%,rgba(4,21,39,.04) 100%)}
.field-hero-body{position:relative;min-height:660px;display:flex;align-items:center;padding-top:55px;padding-bottom:58px}
.field-hero-copy{width:570px;max-width:52%}
.field-hero .eyebrow{color:#a6e4ca;font-size:.7rem;letter-spacing:.12em;font-weight:750;margin-bottom:20px}
.field-hero h1{color:#fff;font-size:clamp(2.8rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.05em;font-weight:780;margin-bottom:20px;text-wrap:balance}
.field-hero .hero-value{color:#a6e4ca;font-weight:650;font-size:1.13rem;margin-bottom:22px}
.field-hero .intro{color:#e0e9f2;font-size:1.04rem;line-height:1.7;max-width:510px;margin-bottom:25px}
.field-hero .conversion{display:flex;align-items:center;gap:28px;margin:0}
.field-hero .conversion-action{flex:1;min-width:0}
.field-hero .button{background:#009b62;border-color:#009b62;box-shadow:0 8px 24px #001c3555;color:#fff;white-space:normal;text-align:center;padding:14px 22px}
.field-hero .button:hover{background:#007a4b;border-color:#007a4b}
.field-hero .trial{color:#e0e9f2;line-height:1.6;margin-top:15px}
.field-hero .trial-highlight{color:#a6e4ca;font-size:1.08rem;margin-bottom:2px}
.field-hero .small{color:#b8c8d7;font-size:.75rem;line-height:1.5;max-width:270px;margin-top:7px;margin-bottom:0}
.field-hero .sample-report-link{color:#e0e9f2;margin-top:15px;text-decoration:underline;font-size:.85rem}
.field-hero .install-qr{flex:0 0 115px;display:block;margin:0;padding:10px;background:#fff;border:1px solid #c8d9e6;border-radius:12px;text-align:center}
.field-hero .install-qr>a{display:block;line-height:0}
.field-hero .install-qr img{width:93px;height:93px;margin:0 auto}
.field-hero .install-qr p{color:#17324d;font-size:.69rem;line-height:1.45;margin-top:6px}
.field-hero-caption{position:absolute;right:32px;bottom:22px;margin:0;color:#f2f6fa;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 6px #000}
.field-hero a:focus-visible{outline:3px solid #a6e4ca;outline-offset:5px}
@media(min-width:1700px){.field-hero-body{min-height:700px}.field-hero-shade{background:linear-gradient(90deg,rgba(4,21,39,.98),rgba(4,21,39,.83) 32%,rgba(4,21,39,.4) 49%,transparent 70%)}}
@media(min-width:761px) and (max-width:1050px){.field-hero-copy{max-width:58%;width:540px}.field-hero-body{min-height:620px}.field-hero h1{font-size:3.1rem}.field-hero .conversion{gap:18px}.field-hero .install-qr{flex-basis:99px;padding:8px}.field-hero .install-qr img{width:81px;height:81px}.field-hero .button{padding:13px 16px;font-size:.9rem}.field-hero-caption{right:20px;font-size:.65rem;max-width:240px;text-align:right}}
@media(max-width:760px){
 .field-hero{display:flex;flex-direction:column}
 .field-hero-media{position:relative;inset:auto;order:0;z-index:0;width:100%;aspect-ratio:1.7;max-height:340px;overflow:hidden}
 .field-hero-media img{object-fit:cover;object-position:center 48%;height:100%;width:100%}
 .field-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071c33 0%,rgba(7,28,51,.12) 25%,transparent 55%)}
 .field-hero-shade{display:none}
 .field-hero-body{order:1;display:block;min-height:0;width:100%;padding:14px 23px 34px}
 .field-hero-copy{width:100%;max-width:none}
 .field-hero .eyebrow{font-size:.62rem;letter-spacing:.1em;margin-bottom:13px}
 .field-hero h1{font-size:clamp(2.25rem,9.4vw,3.65rem);line-height:1.04;margin-bottom:14px}
 .field-hero .hero-value{font-size:.98rem;margin-bottom:16px}
 .field-hero .intro{font-size:.95rem;line-height:1.65;margin-bottom:20px;max-width:590px}
 .field-hero .conversion{display:block}
 .field-hero .install-qr{display:none!important}
 .field-hero .conversion-action{max-width:590px}
 .field-hero .button{font-size:.96rem;min-height:50px;padding:13px 20px}
 .field-hero .trial{margin-top:13px;font-size:.81rem}
 .field-hero .trial-highlight{font-size:1rem}
 .field-hero .small{max-width:none;font-size:.7rem}
 .field-hero .sample-report-link{margin-top:12px;font-size:.8rem}
 .field-hero-caption{display:none}
}
@media(max-width:360px){.field-hero-body{padding-left:20px;padding-right:20px}.field-hero h1{font-size:2.15rem}}

/* Conversion update: show the finished report immediately after the hero. */
.field-hero h1{font-size:clamp(2.75rem,4.3vw,4.1rem)}
.field-hero .hero-value{font-size:1.02rem}
.field-hero .trial-highlight{font-size:.96rem;line-height:1.5;margin-bottom:7px}
.report-section-head .proof-download{flex-shrink:0;background:#009b62;border-color:#009b62;color:#fff;white-space:normal;text-align:center}
.report-section-head .proof-download:hover{background:#007a4b}
.workflow-demo{margin-top:30px;border:1px solid #d5e3df;border-radius:14px;background:#f5faf8;overflow:hidden}
.workflow-demo summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:22px 25px;color:#06284b;font-weight:750;list-style:none}
.workflow-demo summary::-webkit-details-marker{display:none}
.workflow-demo summary span{color:#007a4b;font-size:1.5rem}
.workflow-demo[open] summary span{transform:rotate(45deg)}
.workflow-demo>div{padding:0 25px 25px}
.workflow-demo video{display:block;width:100%;max-height:600px;border-radius:10px;background:#071c33}
.workflow-demo summary:focus-visible{outline:3px solid #009b62;outline-offset:-4px}
.home-page .closing{align-items:center;gap:30px}
.home-page .closing h2{max-width:740px;font-size:clamp(2rem,3.1vw,2.8rem);color:#fff}
.home-page .closing>div>p{color:#dfebf3}
.home-page .closing .public-safety-note{font-size:.91rem;color:#c8d9e6}
.home-page .closing>.button{flex-shrink:0;background:#009b62;border-color:#009b62;color:#fff}
.home-page .closing>.button:hover{background:#007a4b}
@media(max-width:980px){.report-section-head .proof-download{display:inline-flex;margin-top:22px}}
@media(max-width:760px){.field-hero h1{font-size:clamp(2.25rem,9.4vw,3.65rem)}.field-hero .hero-value{font-size:.95rem}.workflow-demo summary{padding:18px}.workflow-demo>div{padding:0 18px 18px}.home-page .closing>.button{width:100%;justify-content:center}}