/* Evidence-led evolution. Native CSS, existing brand and real product captures.
   Variance 6 / motion 3 / density 4. Page-wide auto theme.
   Corners: large surfaces 32px, imagery 16px, controls pill. */
:root{--surface:#fcfdfc;--surface-tint:#eaf0ed;--surface-accent:#e2eee7;--border-strong:#b9cec2}
section[id],article[id]{scroll-margin-top:98px}
.hero{width:min(1600px,100%);min-height:0;margin:auto;padding:78px clamp(24px,5vw,80px) 62px;display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(30px,4vw,68px);align-items:center;text-align:left;overflow:visible}
.hero h1{font-size:clamp(44px,4.45vw,70px);line-height:1.17;letter-spacing:-.065em;word-break:keep-all}
.hero h1 span{color:var(--green)}
.hero-copy{font-size:16px;line-height:1.85;max-width:33em;margin:26px 0 0;word-break:keep-all}
.hero .actions{justify-content:flex-start;gap:22px;margin-top:28px;flex-wrap:wrap}
.hero .actions a{white-space:nowrap}
.hero .eyebrow{letter-spacing:.13em;margin-bottom:23px}
.hero-visual{min-width:0;margin:0}
.hero-screens{position:relative;padding:16px 0 78px 0;isolation:isolate}
.hero-screen-main{display:block;width:94%;height:auto;aspect-ratio:1.44;border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 22px 60px #173a2c16}
.hero-screen-detail{position:absolute;bottom:4px;right:0;width:55%;height:auto;aspect-ratio:1.44;border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 16px 45px #173a2c24}
.hero-visual figcaption{margin:15px 0 0;font-size:11px;line-height:1.65;color:var(--muted);text-align:right;word-break:keep-all}
.archive{background:var(--surface-tint);border-block:1px solid var(--line);padding:66px clamp(24px,6vw,96px) 26px}
.archive-intro,.archive-metrics,.archive-basis{max-width:1400px;margin-left:auto;margin-right:auto}
.archive-intro h2{font-size:clamp(32px,3.5vw,52px);font-weight:800;line-height:1.25;letter-spacing:-.055em;margin:0;word-break:keep-all}
.archive-intro>p{font-size:15px;line-height:1.85;color:var(--muted);margin:20px 0 0;word-break:keep-all}
.archive-metrics{display:grid;grid-template-columns:1.25fr .8fr .85fr 1fr;gap:28px;margin-top:44px;margin-bottom:32px}
.archive-metrics>div{padding:0 0 0 28px;border-left:1px solid var(--border-strong);min-width:0}
.archive-metrics>div:first-child{padding-left:0;border-left:0}
.archive-metrics dt{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:15px}
.archive-metrics dd{font-weight:800;font-size:clamp(34px,4vw,61px);letter-spacing:-.055em;line-height:1.1;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.archive-metrics dd span{display:inline-block;margin-left:7px;font-size:13px;letter-spacing:0;color:var(--muted)}
.archive-metrics .archive-period dd{font-size:clamp(24px,2.5vw,36px);line-height:1.3}
.archive-basis{border-top:1px solid var(--border-strong);padding-top:16px}
.archive-basis summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:12px;color:var(--muted);min-height:30px}
.archive-basis summary::-webkit-details-marker{display:none}
.archive-basis summary span{font-size:20px}
.archive-basis[open] summary span{transform:rotate(45deg)}
.archive-basis p{max-width:1040px;color:var(--muted);font-size:12px;line-height:1.9;margin:15px 0 3px;word-break:keep-all}
.services{padding-top:104px}
.section-head h2{font-size:clamp(38px,4.7vw,68px);line-height:1.18}
.services .section-head>p:last-child{font-size:16px;line-height:1.85}
.service-jump a,.master-showcase{background:var(--surface)}
.showcase-heading h3{font-size:clamp(34px,4.3vw,60px);line-height:1.18}
.master-capabilities{grid-template-columns:1fr 1fr 1fr}
.inventory-story{padding:26px 0 24px}
.inventory-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:36px 0 32px;border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;background:var(--surface)}
.inventory-flow li{position:relative;padding:27px 24px;min-width:0}
.inventory-flow li+li{border-left:1px solid var(--line)}
.inventory-flow strong,.inventory-flow span{display:block}
.inventory-flow strong{font-size:16px;font-weight:800;margin-bottom:11px;word-break:keep-all}
.inventory-flow span{font-size:12px;color:var(--muted);line-height:1.65;word-break:keep-all}
.inventory-details{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,78px);align-items:center}
.partial-receipt{padding:clamp(26px,3.5vw,50px);background:var(--surface-accent);border-radius:32px}
.example-label{font-size:12px;color:var(--ink);margin:0 0 20px}
.partial-receipt h4{font-size:clamp(28px,3vw,43px);letter-spacing:-.05em;line-height:1.25;margin:0 0 30px;word-break:keep-all}
.receipt-amounts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.receipt-amounts p{margin:0}
.receipt-amounts p>strong{display:block;color:var(--green);font-size:72px;letter-spacing:-.06em;line-height:1.1;font-weight:800}
.receipt-amounts strong span{font-size:18px;margin-left:6px;letter-spacing:0}
.receipt-amounts p>span{display:block;font-size:13px;color:var(--muted);margin-top:10px;word-break:keep-all}
.partial-receipt>p:last-child{font-size:13px;line-height:1.85;color:var(--muted);margin:0;word-break:keep-all}
.inventory-benefits{display:grid;gap:28px}
.inventory-benefits h4{font-size:20px;font-weight:800;line-height:1.4;margin:0 0 12px;letter-spacing:-.035em;word-break:keep-all}
.inventory-benefits p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:43ch;word-break:keep-all}
.inventory-note{font-size:12px;color:var(--muted);line-height:1.8;margin:24px 0 0;word-break:keep-all}
.review-scale-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:0 0 30px;padding:18px 0;border-block:1px solid var(--border-strong)}
.review-scale-note strong{font-size:16px;color:var(--green)}
.review-scale-note span{font-size:12px;color:var(--muted);line-height:1.75;word-break:keep-all}
.workflow{max-width:1560px;margin:auto;gap:60px;padding-top:50px;padding-bottom:95px;grid-template-columns:1fr 1fr}
.workflow h2,.security h2{font-size:clamp(34px,3.8vw,55px);line-height:1.22}
.workflow li{display:block;padding:26px 0}
.workflow li p{font-size:14px;line-height:1.85;word-break:keep-all}
.workflow b{font-size:20px;word-break:keep-all}
.security{background:var(--surface-tint);color:var(--ink);gap:38px;grid-template-columns:1fr;padding-top:74px;padding-bottom:76px}
.security>div{width:100%;max-width:1340px;margin-left:auto;margin-right:auto}
.security-grid{grid-template-columns:repeat(4,1fr);gap:26px}
.security-grid p{min-height:0;padding:24px 0 0;border-color:var(--border-strong)}
.security-grid p:nth-child(odd){border-right:0}
.security-grid b{font-size:17px;line-height:1.6;word-break:keep-all}
.security-grid span{font-size:13px;line-height:1.85;color:var(--muted);word-break:keep-all}
.closing{padding:100px 24px 110px}
.closing h2{font-size:clamp(38px,4.5vw,66px);line-height:1.2;word-break:keep-all}
.closing>p{font-size:14px;margin-top:24px;line-height:1.8;word-break:keep-all}
.primary,.secondary,.nav-cta{transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.primary:hover,.secondary:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #173a2c18}
.primary:active,.secondary:active,.nav-cta:active{transform:translateY(0)}
:is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(min-width:1600px){.hero{padding-top:84px;padding-bottom:74px}.hero h1{font-size:72px}}
@media(max-width:1100px){.hero{padding-top:58px;gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(36px,4.5vw,50px)}.hero-copy{font-size:14px}.hero-screens{padding-bottom:66px}.hero .actions{gap:15px}.hero .actions a{font-size:13px}.archive-metrics{gap:18px}.archive-metrics>div{padding-left:18px}.inventory-flow li{padding:23px 18px}.inventory-flow strong{font-size:14px}}
@media(max-width:767px){.hero{grid-template-columns:1fr;padding:46px 24px 40px;gap:32px;overflow:hidden}.hero h1{font-size:clamp(39px,7.5vw,58px)}.hero-message{max-width:580px}.hero .hero-copy{font-size:15px;margin-top:22px;max-width:35em}.hero-copy br{display:none}.hero .actions{flex-direction:row;align-items:center;gap:18px;margin-top:24px}.hero .actions a{width:auto;font-size:13px}.hero .eyebrow{margin-bottom:18px}.hero-visual{max-width:630px}.hero-screens{padding-top:0;padding-bottom:60px}.hero-visual figcaption{font-size:10px;margin-top:12px;text-align:left}.archive{padding:44px 24px 22px}.archive-intro>p{font-size:14px}.archive-intro br:not(h2 br){display:none}.archive-metrics{grid-template-columns:1.15fr 1fr;row-gap:30px;column-gap:22px;margin:32px auto 25px}.archive-metrics>div{padding:0;border:0}.archive-metrics>div:nth-child(even){padding-left:22px;border-left:1px solid var(--border-strong)}.archive-metrics dd{font-size:clamp(32px,6.5vw,48px)}.archive-metrics dt{font-size:11px;margin-bottom:10px}.archive-metrics .archive-period dd{font-size:24px}.archive-metrics dd span{font-size:11px;margin-left:5px}.services{padding-top:74px}.services .section-head>p:last-child{font-size:14px}.inventory-flow{grid-template-columns:1fr 1fr}.inventory-flow li{padding:22px 18px}.inventory-flow li:nth-child(3){border-left:0}.inventory-flow li:nth-child(n+3){border-top:1px solid var(--line)}.inventory-details{grid-template-columns:1fr;gap:30px}.partial-receipt{border-radius:24px;padding:30px 24px}.receipt-amounts p>strong{font-size:64px}.inventory-benefits{gap:24px}.inventory-benefits h4{font-size:19px}.inventory-benefits p{max-width:none}.workflow{grid-template-columns:1fr;gap:28px;padding:25px 24px 65px}.security{padding:56px 24px;gap:28px}.security-grid{grid-template-columns:1fr 1fr;gap:24px}.security-grid p{padding:18px 0 0}.closing{padding:74px 24px 80px}.closing .actions{flex-direction:row;flex-wrap:wrap;gap:12px}.closing .actions a{width:auto;font-size:12px}.closing h2{font-size:40px}}
@media(max-width:374px){.hero{padding-inline:18px}.hero h1{font-size:37px}.hero-copy{font-size:14px!important}.hero .actions{gap:13px}.primary,.secondary{padding-inline:18px}.archive{padding-inline:20px}.archive-intro h2{font-size:30px}.archive-metrics{gap:26px 16px}.archive-metrics>div:nth-child(even){padding-left:16px}.archive-metrics dd{font-size:30px}.archive-metrics .archive-period dd{font-size:21px}.archive-metrics dd span{font-size:10px}.partial-receipt h4{font-size:27px}.security-grid{grid-template-columns:1fr}.closing h2{font-size:34px}.section-head h2{font-size:35px}.showcase-heading h3{font-size:32px}.service-jump{gap:8px}.service-jump a{padding:10px 13px}}
@media(prefers-color-scheme:dark){:root{--surface:#15271f;--surface-tint:#1c3026;--surface-accent:#243e30;--border-strong:#496556}.hero-screen-main,.hero-screen-detail{box-shadow:0 16px 40px #07130d44}.hero h1 span{color:var(--green)}.security{background:var(--surface-tint);color:var(--ink)}.security-grid span{color:var(--muted)}.screen-dialog,.dialog-toolbar{background:#15271f;color:var(--ink)}.dialog-toolbar h2{color:var(--ink)}.dialog-toolbar p{color:var(--muted)}.dialog-toolbar button{background:#243e30;border-color:var(--border-strong);color:var(--ink)}.dialog-image-wrap{background:#0f1c16}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.nav-cta{transition:none}.primary:hover,.secondary:hover,.nav-cta:hover{transform:none}}
