/* Flow management, feedback and fluid context. Final shared V21 layer. */
:root{--tech-sage:#e9ede5;--tech-line:#cbd3c5;--tech-muted:#53604f}
.human-hero{background:#f0eee8;padding-top:calc(var(--head) + 44px);padding-bottom:39px}
.human-hero-grid{grid-template-columns:1fr 1.06fr;gap:6%}
.human-hero-copy>.eyebrow,.tech-copy>.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--garnet);margin:0 0 19px;line-height:1.4}
.human-hero h1{font-size:clamp(40px,4.25vw,61px);line-height:1.06;letter-spacing:-.05em;text-align:left;text-wrap:initial;margin-bottom:21px}
.human-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:40ch}
.human-hero-copy>.tech-hero-sub{font-size:13px!important;line-height:1.7!important;color:#5b6355!important;margin-top:14px}
.human-product{max-width:535px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.human-product img{border-radius:9px;background:#dfd8d0;aspect-ratio:3/2;object-fit:contain}
.human-main .human-product figcaption{display:flex;justify-content:space-between;gap:12px;padding:0 1px;margin-top:10px;font-size:11px;color:#596052}
.tech-pillars.buyer-benefits{padding-top:40px;padding-bottom:44px}
.tech-pillars .buyer-section-heading{align-items:start;margin-bottom:25px}
.tech-pillars .buyer-section-heading h2{font-size:clamp(27px,2.6vw,36px)}
.tech-pillars .buyer-benefit-grid article{background:transparent;border-radius:0;box-shadow:none;border:0;border-top:1px solid #b8c0b0;padding:21px 0 0}
.tech-pillars .buyer-benefit-grid{gap:40px}
.tech-pillars .buyer-benefit-grid h3{font-size:20px;font-weight:500;margin:0 0 12px;line-height:1.3}
.tech-pillars .buyer-benefit-grid p{font-size:14px;line-height:1.8;margin:0 0 13px}
.tech-pillars article .text-link{font-size:12px;min-height:44px}
.tech-control-section{padding:50px 0;background:var(--tech-sage);border-block:1px solid #d9dfd3}
.tech-split{display:grid;grid-template-columns:1fr 1.06fr;gap:6%;align-items:center}
.tech-copy{min-width:0}
.human-main .tech-copy h2{font-size:clamp(29px,3.1vw,43px);line-height:1.13;margin-bottom:21px;letter-spacing:-.045em}
.tech-copy>p:not(.eyebrow){max-width:49ch;font-size:14px;line-height:1.85;color:#4d5949}
.tech-copy>p+p{margin-top:15px}
.tech-copy>.text-link{margin-top:19px}
.tech-control{padding:23px 25px 18px;background:#f7f8f3;border:1px solid #cdd5c5;border-radius:9px;min-width:0}
.tech-loop-label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#51604c;border-bottom:1px solid #dce1d5;padding-bottom:14px}
.tech-loop-label>span:first-child{font-weight:700}
.tech-loop-label>span:last-child{font-size:10px;color:#636c5b}
.tech-control svg{display:block;width:100%;height:auto;overflow:visible;margin:2px 0 15px}
.tech-node rect{fill:#eef1e8;stroke:#c6cebc;stroke-width:1.5;transition:fill .3s,stroke .3s}
.tech-node text{fill:#42503d;font-size:20px;text-anchor:middle;font-family:inherit}
.tech-signal,.tech-feedback{fill:none;stroke:#748268;stroke-width:1.8}
.tech-feedback{stroke-dasharray:5 5}
.tech-feedback-label{font-size:16px;text-anchor:middle;fill:#5c6854;font-family:inherit}
.tech-control[data-step="0"] .tech-target rect,.tech-control[data-step="1"] .tech-compare rect,.tech-control[data-step="2"] .tech-measure rect{fill:#71364a;stroke:#71364a}
.tech-control[data-step="0"] .tech-target text,.tech-control[data-step="1"] .tech-compare text,.tech-control[data-step="2"] .tech-measure text{fill:#fff}
.tech-control[data-step="2"].is-visible .tech-feedback{animation:tech-feedback 2s linear infinite}
@keyframes tech-feedback{to{stroke-dashoffset:-20}}
.tech-control-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tech-control-steps button{font:inherit;font-size:11px;line-height:1.45;min-height:44px;padding:8px 6px;cursor:pointer;border:1px solid #c5cebc;border-radius:4px;background:transparent;color:#43503c;transition:background .2s,color .2s,border-color .2s}
.tech-control-steps button:hover{background:#e8ecdf;border-color:#9eac92}
.tech-control-steps button[aria-pressed="true"]{border-color:#71364a;background:#f0e7e9;color:#623144}
.human-main .tech-step-message{font-size:12px;line-height:1.75;min-height:4em;margin:17px 0 0;color:#46523f}
.human-main .tech-caption{font-size:10px;line-height:1.6;margin-top:10px;color:#5c6754}
.tech-fluid-section{padding:57px 0 54px}
.tech-fluid-card{background:#f0ede7;border:1px solid #dbd5ca;border-radius:9px;padding:22px 25px 17px}
.tech-fluid-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;color:#5a3d47;padding-bottom:16px;border-bottom:1px solid #d7d1c5}
.tech-fluid-card-head svg{width:25px;height:25px;color:#71364a;flex:none}
.tech-fluid-inputs{margin:0}
.tech-fluid-inputs>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #d7d1c5}
.tech-fluid-inputs dt{font-size:12px;font-weight:700;color:#444d40;line-height:1.7}
.tech-fluid-inputs dd{font-size:12px;line-height:1.7;color:#56604f;margin:0}
.human-main .tech-formula{font-size:11px;line-height:1.8;color:#603b49;padding:15px 0;border-bottom:1px solid #d7d1c5}
.tech-fluid-note>summary{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;line-height:1.6;min-height:44px;align-items:center;cursor:pointer;list-style:none;color:#4d5846}
.tech-fluid-note>summary::-webkit-details-marker{display:none}
.tech-fluid-note>summary span{font-size:19px;font-weight:400}
.tech-fluid-note[open]>summary span{transform:rotate(45deg)}
.human-main .tech-fluid-note p{font-size:12px;line-height:1.8;padding-bottom:8px;color:#525d4c}
.tech-fluid-detail{background:#f0ede7}
.tech-fluid-detail .spec-list{margin-block:23px}
.human-rack-section{padding-top:4px}
@media(min-width:700px) and (max-width:999px){.human-hero h1{font-size:40px}.human-hero-copy>p:not(.eyebrow){font-size:14px}.tech-split{gap:5%;grid-template-columns:1fr 1fr}.tech-control,.tech-fluid-card{padding:18px}.tech-fluid-inputs>div{grid-template-columns:1fr;gap:5px}.tech-control-steps{gap:4px}.tech-control-steps button{font-size:10px;padding-inline:2px}.tech-pillars .buyer-benefit-grid{gap:25px}}
@media(max-width:699px){
 .human-hero{padding:calc(var(--head) + 25px) 0 26px}.human-hero-grid{grid-template-columns:minmax(0,1fr);gap:25px}
 .human-hero-copy>.eyebrow{font-size:9px;margin-bottom:14px}.human-hero h1{font-size:clamp(36px,10vw,44px);margin-bottom:17px}
 .human-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:40ch}.human-hero-copy>.tech-hero-sub{font-size:12px!important;margin-top:12px}
 .human-hero .actions{gap:16px;margin-top:19px}.human-product{max-width:365px;width:100%;padding:0}
 .human-main .human-product figcaption{font-size:10px;margin-top:8px;padding:0}.human-product img{border-radius:6px}
 .tech-pillars.buyer-benefits{padding:30px 0}.tech-pillars .buyer-section-heading{gap:14px;margin-bottom:24px}.tech-pillars .buyer-section-heading h2{font-size:28px}.tech-pillars .buyer-benefit-grid{gap:20px}.tech-pillars .buyer-benefit-grid article{padding-top:18px}.tech-pillars .buyer-benefit-grid h3{font-size:19px;margin-bottom:9px}.tech-pillars .buyer-benefit-grid p{font-size:13px;margin-bottom:1px}
 .tech-control-section{padding:31px 0}.tech-split{grid-template-columns:minmax(0,1fr);gap:25px}.human-main .tech-copy h2{font-size:31px;margin-bottom:18px}.tech-copy>.eyebrow{font-size:9px;margin-bottom:14px}.tech-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.tech-copy>.text-link{margin-top:12px}
 .tech-control{padding:17px 15px 14px;border-radius:7px}.tech-loop-label{font-size:10px;gap:10px}.tech-loop-label>span:last-child{font-size:9px}.tech-control svg{margin-top:6px;margin-bottom:13px}
 .tech-control-steps{gap:5px}.tech-control-steps button{font-size:10px;padding:7px 4px}.human-main .tech-step-message{font-size:11px;min-height:5em;margin-top:15px}.human-main .tech-caption{font-size:9px}
 .tech-fluid-section{padding:33px 0}.tech-fluid-card{padding:17px 17px 10px;border-radius:7px}.tech-fluid-card-head{font-size:11px}.tech-fluid-inputs>div{grid-template-columns:minmax(0,1fr);gap:5px;padding-block:13px}.tech-fluid-inputs dt,.tech-fluid-inputs dd{font-size:11px}.human-main .tech-formula{font-size:10px;padding-block:13px}.tech-fluid-note>summary{font-size:10px}.human-main .tech-fluid-note p{font-size:11px}
}
@media(max-width:699px){.tech-node text{font-size:28px}.tech-feedback-label{font-size:21px}.tech-control-steps button{font-size:11px}.human-main .tech-step-message{font-size:12px}.human-main .tech-caption{font-size:10px}.tech-fluid-inputs dt,.tech-fluid-inputs dd{font-size:12px}.tech-fluid-card-head{font-size:12px}.tech-fluid-note>summary{font-size:12px}.human-main .tech-fluid-note p{font-size:12px}.human-main .tech-formula{font-size:11px}}
@media(max-width:359px){.human-hero h1{font-size:34px}.human-hero .actions{gap:8px 15px}.tech-control{padding-inline:12px}.tech-loop-label{gap:6px}.human-main .tech-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.tech-control *{animation:none!important;transition:none!important}}
