:root{--ink:#17232f;--muted:#5e6b78;--line:#d7dde1;--paper:#f6f7f5;--white:#fff;--orange:#ee5b13;--orange-soft:#fff1e8;--teal:#39758a;--teal-soft:#eaf4f7;--shadow:0 20px 55px rgba(23,35,47,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Aptos,Arial,sans-serif;line-height:1.5}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 36px));margin:auto}
.narrow{max-width:900px}
.marketing-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:78px}
.brand{align-items:baseline;display:inline-flex;gap:.7rem;text-decoration:none}
.brand-mark{color:var(--orange);font-size:1.75rem;font-weight:950;letter-spacing:.04em}
.brand-name{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.18;max-width:220px}
.marketing-header nav{align-items:center;display:flex;gap:.35rem}
.marketing-header nav a{border-radius:999px;color:var(--muted);font-size:.86rem;font-weight:850;padding:.68rem .9rem;text-decoration:none}
.marketing-header nav a:hover{background:var(--orange-soft);color:var(--orange)}
.marketing-header .nav-product{background:var(--ink);color:var(--white)}
.hero{background:linear-gradient(135deg,#fff 0%,#f8f6f2 55%,#eaf4f7 100%);border-bottom:1px solid var(--line);padding:clamp(4rem,9vw,8rem) 0}
.hero-grid{align-items:center;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:1.12fr .88fr}
.eyebrow{color:var(--orange);font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,7.2vw,6.4rem);letter-spacing:-.052em;line-height:.92;margin:.9rem 0 1.5rem;max-width:780px}
h2{font-size:clamp(2rem,4.8vw,3.8rem);letter-spacing:-.04em;line-height:1.02;margin:.7rem 0 1rem}
h3{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em;line-height:1.04}
.hero-copy{color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem);max-width:720px}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.7rem 0 1rem}
.button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font:inherit;font-weight:900;justify-content:center;min-height:50px;padding:.8rem 1.25rem;text-decoration:none}
.button.primary{background:var(--orange);color:var(--white)}
.button.secondary{background:var(--white);border:1px solid var(--line)}
.button:hover{filter:brightness(.95);transform:translateY(-1px)}
.hero-note{color:var(--muted);font-size:.82rem}
.system-card{background:var(--ink);border-radius:24px;box-shadow:var(--shadow);color:var(--white);padding:clamp(1.4rem,3vw,2rem)}
.system-card-title{border-bottom:1px solid rgba(255,255,255,.16);font-size:.76rem;font-weight:900;letter-spacing:.1em;padding-bottom:1rem;text-transform:uppercase}
.system-card ol{display:grid;gap:.5rem;list-style:none;margin:1rem 0;padding:0}
.system-card li{align-items:center;background:rgba(255,255,255,.07);border-radius:13px;display:flex;gap:.85rem;padding:.85rem}
.system-card li>span{background:var(--orange);border-radius:50%;display:grid;flex:0 0 30px;font-size:.78rem;font-weight:900;height:30px;place-items:center}
.system-card strong,.system-card small{display:block}
.system-card small{color:#cad4da;margin-top:.15rem}
.loop-back{background:var(--orange);border-radius:11px;font-weight:900;padding:.75rem;text-align:center}
.section{padding:clamp(3.6rem,7vw,6.2rem) 0}
.problem-section{background:var(--ink);color:var(--white)}
.problem-section p{color:#cbd5db;font-size:1.08rem;max-width:820px}
.section-heading{align-items:end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}
.section-heading>p{color:var(--muted);max-width:420px}
.two-sides{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.side{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(1.5rem,3vw,2.2rem)}
.side>span{color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.side h3{margin:.8rem 0}
.side p,.side li{color:var(--muted)}
.side ul{padding-left:1.2rem}
.side li{margin:.45rem 0}
.training-side{border-top:7px solid var(--orange)}
.response-side{border-top:7px solid var(--ink)}
blockquote{background:var(--teal-soft);border-left:7px solid var(--teal);border-radius:14px;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:800;margin:1rem 0 0;padding:1.2rem 1.4rem}
.workplace-section{background:#eef1f2}
.workplace-heading h2{max-width:760px}
.scenario-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.scenario-card{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(23,35,47,.07);display:flex;flex-direction:column;min-height:360px;overflow:hidden;padding:clamp(1.35rem,3vw,2rem);position:relative}
.scenario-card:before{content:"";height:7px;left:0;position:absolute;right:0;top:0}
.office-scenario:before{background:var(--teal)}
.factory-scenario:before{background:var(--orange)}
.warehouse-scenario:before{background:#a63c25}
.energy-scenario:before{background:var(--ink)}
.scenario-type{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:space-between;margin-bottom:1.15rem}
.scenario-type span{font-size:.77rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.scenario-type b{background:var(--paper);border-radius:999px;color:var(--muted);font-size:.7rem;padding:.38rem .62rem}
.scenario-card h3{font-size:clamp(1.55rem,2.6vw,2.15rem);margin:0 0 1rem}
.scenario-card>p{color:var(--muted);font-size:1rem}
.scenario-question{border-top:1px solid var(--line);display:grid;gap:.3rem;margin-top:auto;padding-top:1rem}
.scenario-question strong{color:var(--orange);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}
.scenario-question span{font-size:.92rem;font-weight:750}
.scenario-pilot-link{color:var(--teal);font-size:.78rem;font-weight:900;margin-top:.9rem;text-decoration:none}
.scenario-pilot-link:hover{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.scenario-bridge{background:var(--ink);border-radius:14px;color:var(--white);font-size:clamp(1rem,2vw,1.22rem);font-weight:850;margin:1rem 0 0;padding:1.15rem 1.35rem;text-align:center}
.workplace-pilot-cta{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;display:flex;gap:1.5rem;justify-content:space-between;margin-top:1rem;padding:1.2rem 1.35rem}
.workplace-pilot-cta div{display:grid;gap:.2rem}
.workplace-pilot-cta strong{font-size:1.08rem}
.workplace-pilot-cta span{color:var(--muted);font-size:.9rem}
.workplace-pilot-cta .button{flex:0 0 auto}
.universal-section{background:var(--white)}
.universal-explainer{align-items:start;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:.9fr 1.1fr}
.universal-copy{position:sticky;top:108px}
.universal-copy p{color:var(--muted);font-size:1.03rem}
.universal-list{counter-reset:universal;display:grid;gap:.55rem;list-style:none;margin:0;padding:0}
.universal-list li{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;font-weight:850;gap:.8rem;min-height:54px;padding:.68rem .85rem}
.universal-list span{background:var(--orange);border-radius:8px;color:var(--white);display:grid;flex:0 0 34px;font-size:.72rem;height:34px;place-items:center}
.evolving-section{background:var(--white)}
.evolving-grid{align-items:start;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:.9fr 1.1fr}
.evolving-grid>div>p{color:var(--muted);font-size:1.04rem}
.evolving-points{display:grid;gap:.75rem}
.evolving-points article{background:var(--paper);border:1px solid var(--line);border-radius:14px;display:grid;gap:.35rem;padding:1rem 1.1rem}
.evolving-points strong{color:var(--orange)}
.evolving-points span{color:var(--muted)}
.duties-section{background:var(--teal-soft)}
.duties-grid{align-items:start;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:.9fr 1.1fr}
.duties-copy>p{color:var(--muted);font-size:1.04rem}
.official-guidance-link{align-items:center;color:var(--teal);display:inline-flex;font-weight:900;gap:.35rem;text-decoration-thickness:2px;text-underline-offset:4px}
.official-guidance-link:hover{color:var(--orange)}
.duties-card{background:var(--ink);border-radius:20px;color:var(--white);padding:clamp(1.4rem,3vw,2rem)}
.duties-card h3{font-size:1.5rem;margin:0 0 1rem}
.duties-card ul{display:grid;gap:.72rem;list-style:none;margin:0;padding:0}
.duties-card li{align-items:flex-start;display:flex;gap:.65rem}
.duties-card li:before{background:var(--orange);border-radius:50%;color:var(--white);content:"✓";display:grid;flex:0 0 24px;font-size:.72rem;font-weight:950;height:24px;margin-top:.05rem;place-items:center}
.duties-disclaimer{border-left:4px solid var(--teal);color:var(--muted);font-size:.78rem;margin:1rem 0 0;padding:.15rem 0 .15rem .85rem}
.pilot-section{background:var(--ink);color:var(--white)}
.pilot-grid{display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:.9fr 1.1fr}
.pilot-grid>div>p{color:#cbd5db}
.pilot-outcomes{display:flex;flex-wrap:wrap;gap:.5rem}
.pilot-outcomes span{border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.76rem;font-weight:850;padding:.45rem .7rem}
.pilot-form{background:var(--white);border-radius:22px;color:var(--ink);display:grid;gap:.85rem;padding:clamp(1.3rem,3vw,2rem)}
.form-row{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.pilot-form label{display:grid;font-size:.78rem;font-weight:900;gap:.38rem}
.pilot-form input,.pilot-form select,.pilot-form textarea{border:1px solid #b9c3c9;border-radius:9px;font:inherit;padding:.75rem;width:100%}
.pilot-form input:focus,.pilot-form select:focus,.pilot-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(238,91,19,.13);outline:0}
.consent{align-items:flex-start!important;display:flex!important;font-weight:600!important;gap:.6rem!important}
.consent input{flex:0 0 19px;height:19px;margin:.1rem 0 0;width:19px}
.form-note{color:var(--muted);font-size:.73rem;margin:0}
.form-status{border-radius:10px;font-size:.88rem;font-weight:800;padding:.8rem}
.form-status.success{background:#e7f4eb;color:#23633a}
.form-status.error{background:#fff0ee;color:#9c2f28}
.website-field{height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;width:0!important}
footer{background:#0e171f;color:#cbd5db;padding:2rem 0}
.footer-inner{align-items:center;display:flex;font-size:.8rem;gap:2rem;justify-content:space-between}
.footer-inner p{margin:0}
.footer-inner p:last-child{text-align:right}
@media(max-width:850px){.hero-grid,.pilot-grid,.universal-explainer,.evolving-grid,.duties-grid{grid-template-columns:1fr}
.universal-copy{position:static}
}
@media(max-width:650px){.brand-name,.marketing-header nav>a:not(.nav-product){display:none}
.marketing-header nav a{min-height:44px}
.hero{padding-top:3.4rem}
.two-sides,.form-row,.scenario-grid{grid-template-columns:1fr}
.scenario-card{min-height:0}
.workplace-pilot-cta{align-items:flex-start;flex-direction:column}
.section-heading{align-items:flex-start;flex-direction:column;gap:.4rem}
.footer-inner{align-items:flex-start;flex-direction:column}
.footer-inner p:last-child{text-align:left}
.pilot-form .button{width:100%}
}