/* Hero5 (v3): LiftIQ-reference banner — dark brand band, oversized watermark mark bleeding off the edge, diagonal pinstripes. */
.brand-home .site-header { z-index:3; background:transparent; color:white; padding:22px max(var(--gutter),calc((100% - 1240px)/2)); }
.brand-home .site-header .button--quiet { color:white; border-color:rgba(255,255,255,.35); }
.brand-home .site-header .button--quiet:hover { background:rgba(255,255,255,.12); }

/* Banner: deep teal→green, exactly like a branded header band. Nav sits inside it. */
.brand-home .hero { position:relative; overflow:hidden; padding:150px var(--gutter) 128px; min-height:640px; background:linear-gradient(155deg,#123633 0%,#17452f 55%,#1c5a33 100%); }
.brand-home .hero > *:not(.hero__glow) { width:auto; }
.brand-home .hero__stripes { inset:0; }
.brand-home .hero__layout { position:relative; z-index:2; display:block; max-width:1240px; width:min(100%,1240px); }
.brand-home .hero::before, .brand-home .hero::after, .brand-home .hero__glow { display:none; }

/* Watermark: oversized white mark contained vertically inside the band, bleeding only off the right edge; soft horizontal fade before the text. */
.brand-home .hero__wm { position:absolute; z-index:0; right:-7%; top:50%; height:112%; transform:translateY(calc(-50% + var(--wm-shift,0px))) scale(calc(1 + var(--wm-boost,0))); pointer-events:none; --wm-op:.17; opacity:var(--wm-op); -webkit-mask-image:linear-gradient(to right,#000 52%,transparent 94%); mask-image:linear-gradient(to right,#000 52%,transparent 94%); }
.brand-home .hero__wm img { height:100%; width:auto; display:block; }

/* Diagonal pinstripe texture on the left, fading toward the middle — reference hatch. */
.brand-home .hero__stripes { position:absolute; z-index:1; inset:0; pointer-events:none; background:repeating-linear-gradient(115deg, rgba(255,255,255,.13) 0 1.5px, transparent 1.5px 15px); -webkit-mask-image:linear-gradient(to right,#000 0%, rgba(0,0,0,.55) 34%, transparent 58%); mask-image:linear-gradient(to right,#000 0%, rgba(0,0,0,.55) 34%, transparent 58%); }

/* Type on dark */
.brand-home .hero h1 { max-width:none; font-size:clamp(28px,5.4vw,78px); line-height:1.08; letter-spacing:-.05em; }
.brand-home .hero h1 .hero__line { white-space:nowrap; }
.brand-home .hero h1 span { color:#f4f7ef; text-decoration:none; }
.brand-home .hero h1 > span:last-child { color:rgba(244,247,239,.72); }
.brand-home .hero__copy { font-size:clamp(21px,1.9vw,27px); margin:30px 0 34px !important; max-width:560px !important; color:rgba(232,240,226,.88); line-height:1.5; }
.brand-home .hero .button { background:#91CD07; color:#12362a; }
.brand-home .hero .button:hover { background:#a3dd1d; color:#12362a; }

@media(min-width:761px) and (max-width:1100px) {
 .brand-home .hero { padding-block:104px 96px; min-height:540px; }
 .brand-home .hero__wm { height:150%; }
 .brand-home .hero__copy { max-width:58% !important; }
}
@media(max-width:760px) {
 .brand-home .hero { padding:110px var(--gutter) 64px; min-height:0; }
 .brand-home .hero h1 { font-size:clamp(22px,6.4vw,46px); line-height:1.22; }
 .brand-home .hero__copy { font-size:20px; }
 .brand-home .hero__wm { right:-22%; top:auto; bottom:-38%; height:74%; opacity:.11; }
}
@media(prefers-reduced-motion:reduce) { .brand-home .hero__wm,.brand-home .hero__stripes { transform:none !important; } }

/* Proof section — theme's sec-title + numbered grid pattern. */
.brand-home .proof { padding-block:96px 88px; }
.brand-home .proof > .eyebrow { display:none; }
.brand-home .proof__head { width:min(100%,720px); margin:0 auto 54px; text-align:center; }
.brand-home .proof__head h2 { font-size:clamp(34px,4vw,54px); line-height:1.08; letter-spacing:-.04em; font-weight:900; color:var(--teal); }
.brand-home .proof__head p { margin:20px auto 0; font-size:clamp(18px,1.6vw,22px); line-height:1.55; color:var(--text-soft); max-width:600px; }

/* Proof cards — deck-aligned: Trust the data / Identify opportunities / Drive actions. */
.brand-home .signal-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(100%,var(--max)); margin-inline:auto; background:#fff; border:1px solid #d3e0d4; border-radius:18px; box-shadow:0 10px 30px rgba(21,59,60,.05); }
.brand-home .signal-step { padding:34px 30px 36px; }
.brand-home .signal-step + .signal-step { border-left:1px solid #e2ecdd; }
.brand-home .signal-steps .signal-step__num { display:block; margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:.1em; color:#3f7a3a; background:none; border:0; padding:0; width:auto; height:auto; position:static; transform:none; }
.brand-home .signal-step h3 { margin:0 0 10px; font-size:clamp(23px,2.1vw,29px); line-height:1.15; letter-spacing:-.03em; color:var(--teal); font-weight:900; }
.brand-home .signal-step p { margin:0; font-size:16.5px; line-height:1.55; color:var(--text-soft); }

/* How-it-works — subset of the actual intelligence-layer diagram (data → context wedges → Agentic AI ring) + caption. */
.brand-home .how { background:var(--paper); padding-block:52px 56px; }
.brand-home .how .proof__head { margin-bottom:22px; }
.brand-home .how .proof__head .section-kicker { justify-content:center; margin-bottom:16px; }
.how-grid { display:grid; grid-template-columns:minmax(320px,540px) minmax(0,1fr); gap:56px; align-items:center; width:min(100%,var(--max)); margin-inline:auto; }
.how-diagram__img { display:block; width:min(100%,400px); height:auto; margin-inline:auto; }
.how-diagram svg text { font-family:Lato, sans-serif; font-weight:800; }
.how-diagram .platform { stroke:#d7e9e4; }
.how-diagram .hair { stroke:#a2c5bc; }
.how-diagram .p-label { fill:#153b3c; }
.how-diagram .ai { stroke:#91cd07; }
.how-diagram .ai-text { fill:#0b1e1e; }
.how-diagram .core-text { fill:#f4f7ef; }
.how-diagram__caption strong { color:var(--teal); }
.how-points { display:grid; gap:26px; }
.how-point { position:relative; padding-left:22px; border-left:2px solid #d9e6d3; }
.how-point__num { display:block; margin-bottom:4px; font-size:13px; font-weight:800; letter-spacing:.1em; color:#91CD07; }
.how-point h3 { margin:0 0 6px; font-size:22px; letter-spacing:-.02em; color:var(--teal); }
.how-point p { margin:0; font-size:16.5px; line-height:1.55; color:var(--text-soft); }
@media(max-width:980px) { .how-grid { grid-template-columns:1fr; gap:26px; } }
@media(max-width:760px) { .brand-home .how, .brand-home .proof { padding-inline:22px; } .brand-home .proof__head { width:100%; } .brand-home .proof__head h2 { font-size:clamp(26px,7vw,32px); } .brand-home .signal-steps { grid-template-columns:1fr; } .brand-home .signal-step + .signal-step { border-left:0; border-top:1px solid #e2ecdd; } .brand-home .signal-step { padding:26px 24px 28px; } .brand-home .signal-step h3 { font-size:24px; } .brand-home .how { padding-block:46px 52px; } .brand-home .how-closing { margin-top:26px; } }

/* Neutralize legacy .signal-steps span rules against the new number spans. */
.brand-home .signal-steps span.signal-step__num { position:static; width:auto; height:auto; display:block; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#3f7a3a; font-size:15px; line-height:1.2; letter-spacing:.1em; transform:none; }
.brand-home .signal-steps span.signal-step__num::before { content:none; display:none; }

.brand-home .how-closing { display:block; width:min(100%,820px); margin:30px auto 0; text-align:center; font-size:clamp(21px,2.1vw,27px); line-height:1.45; font-weight:800; letter-spacing:-.02em; color:var(--teal); }