/* Sprint Zero brand kit application (user-supplied assets, October 2026).
   This layer restyles all 27 published routes while retaining existing functionality. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');
:root {
  --navy:#111418;--navy-deep:#0E1116;--navy-mid:#2A2F36;
  --ink:#111418;--teal:#2D6CDF;--teal-dark:#1B4DB0;
  --mint:#DCE7FF;--mint-soft:#F0F4FF;--paper:#F6F4EF;
  --fog:#FAF9F6;--warm:#F6F4EF;--muted:#5B6470;
  --border:#E4E1D9;--shadow:0 2px 9px rgba(17,20,24,.045);
  --amber:#986013;--amber-soft:#FCF0DA;--radius:4px;--max:1180px;
  --brand-blue:#2D6CDF;--brand-green:#1F9D63;--brand-dark:#0E1116;
}
html{scroll-padding-top:80px}
body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',Arial,sans-serif;font-size:16px;line-height:1.63}
h1,h2,h3,h4,.brand-tile-caption h3{font-family:'Space Grotesk',Arial,sans-serif;color:var(--ink);letter-spacing:-.034em;font-weight:600}
h1{font-size:clamp(3rem,5.35vw,5rem);line-height:1.04;letter-spacing:-.05em;margin:16px 0 23px}
h2{font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.12;font-weight:600}
h3{font-size:1.35rem;line-height:1.2}
p{color:#3A4049}
a{color:var(--teal-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.kicker,.small-label,.card-eyebrow,.fine,.step-index,.topline,.status-pill,.status-amber,.panel-head,.flow-icon,.warehouse-meta,.mini-ok,.mini-warn{font-family:'IBM Plex Mono',monospace}
.kicker{color:var(--brand-blue);font-size:.68rem;letter-spacing:.135em;font-weight:600}
.kicker-light{color:#477de9}
.small-label{font-size:.65rem;font-weight:600;color:var(--muted)}
.lede{color:#3A4049}
.fine,.microcopy{color:var(--muted)}

/* Editorial header and authentic provided brand wordmarks */
.topline{background:#EDEBE4;border-bottom:1px solid #E4E1D9;font-size:.69rem;letter-spacing:.03em}
.topline-inner{color:#5B6470;min-height:30px}
.topline a{color:#1B4DB0;font-weight:600}
.site-header{background:rgba(246,244,239,.98);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
.header-inner{min-height:78px}
.brand{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;flex:none}
.brand-wordmark{width:183px;height:auto;display:block;max-width:100%}
.primary-nav{gap:clamp(12px,1.65vw,24px)}
.primary-nav a{font-size:.82rem;font-weight:600;color:#3A4049}
.primary-nav a:not(.nav-cta):hover,.primary-nav a[aria-current=page]{color:#1B4DB0;text-decoration:none;border-bottom:2px solid var(--brand-blue);padding-bottom:5px}
.primary-nav a.nav-cta{border-radius:3px;background:var(--brand-dark);font-weight:600;padding:12px 16px;color:#fff}
.primary-nav a.nav-cta:hover{background:#2D6CDF}
.menu-toggle{border-radius:3px;border-color:#C9CDD3;background:#fff}
.menu-toggle span{background:var(--ink)}

/* Brand-first split hero: warm editorial copy + dark schematic panel */
.hero{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--border)}
.hero::before{top:auto;bottom:0;right:0;width:45%;height:100%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(45,108,223,.018))}
.hero::after{display:none}
.hero-layout{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(28px,4vw,60px);padding:78px 0 86px;min-height:580px}
.hero-copy{max-width:665px}
.hero .hero-copy h1{color:#111418}
.hero .hero-copy .hero-lead{color:#3A4049;font-size:1.15rem;line-height:1.63;max-width:650px}
.hero .hero-copy .kicker-light{color:#1B4DB0}
.hero .trustline{color:#747A81;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.01em;margin-top:24px}
.hero-panel{background:#0E1116;color:#F6F4EF;border-radius:4px;border:1px solid #252B33;padding:28px 30px;box-shadow:0 20px 45px rgba(14,17,22,.12);transform:none;position:relative;overflow:hidden}
.hero-panel::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.hero-panel > *{position:relative}
.hero-panel::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#2D6CDF}
.hero-panel .panel-head{border-bottom:1px solid #383F48;color:#EDF1F5;font-weight:500;font-size:.74rem}
.hero-panel .status-pill{color:#44D294;background:rgba(31,157,99,.15);border:1px solid rgba(47,190,126,.28);border-radius:2px;letter-spacing:.07em}
.hero-panel .status-amber{color:#F2C27A;background:#3B2B19;border-color:#654421}
.hero-panel .flow-item{border-bottom-color:#303640;color:#F6F4EF}
.hero-panel .flow-item strong{color:#F6F4EF}
.hero-panel .flow-item span:not(.flow-icon):not(.mini-ok):not(.mini-warn){color:#A8B2BD}
.hero-panel .flow-icon{background:#1B273C;color:#87A9FF;border-radius:3px;font-size:.72rem}
.hero-panel .mini-ok{background:#193629;color:#62D7A1;color:#62D7A1;border-radius:3px}
.hero-panel .mini-warn{background:#382915;color:#F0B65F;border-radius:3px}
.hero-panel .panel-note{background:#171D26;border-color:#303B49;border-radius:3px}
.hero-panel .panel-note p{color:#D2D9E0}
.hero-panel .small-label{color:#85A6EE}
.hero-panel .warehouse-meta span{color:#A5AFBD}
.hero-panel .warehouse-meta strong{color:#fff}
.hero-panel .insight-row{color:#AFBAC8;border-bottom-color:#313A48}
.hero-panel .insight-row strong{color:#F6F4EF}
.hero-panel .panel-link{color:#8BABFF}
.hero-simple .hero-layout{padding:69px 0 72px;min-height:0}
.hero-simple .hero-copy{max-width:900px}
.hero-simple h1{font-size:clamp(2.65rem,5vw,4.6rem)}

/* Buttons and all entry points */
.button{border-radius:3px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.91rem;min-height:50px;box-shadow:none;transition:background-color .18s,border-color .18s,transform .18s}
.button-primary{color:#fff;background:#2D6CDF;border-color:#2D6CDF}
.button-primary:hover{background:#1B4DB0;border-color:#1B4DB0;color:#fff}
.button-outline-light{background:transparent;color:#111418;border:1px solid #A9ADB4}
.button-outline-light:hover{color:#111418;border-color:#111418;background:#fff}
.button-white{color:#111418;background:#F6F4EF;border-color:#F6F4EF}
.button-white:hover{color:#111418;background:#fff}
.button-dark{background:#111418;border-color:#111418;color:#fff}
.button-dark:hover{background:#252C33}
.button-ghost{border-color:#C9CDD3;color:#111418;background:transparent}
.button-ghost:hover{background:#fff;border-color:#838C96}
.text-link{color:#1B4DB0;font-weight:600}
.text-link:hover{color:#2D6CDF}

/* Main editorial structure */
.section{padding:90px 0}
.section-tint{background:#EEECE6;border-top:1px solid #E5E1D8;border-bottom:1px solid #E5E1D8}
.section-intro{margin-bottom:35px}
.section-intro > p{color:#4D5661}
.info-card,.split-promo > div,.price-card{background:#fff;border:1px solid #E4E1D9;border-radius:3px;box-shadow:none}
.info-card{padding:30px;transition:border-color .18s,transform .18s}
.info-card:hover{border-color:#B9C6DD;transform:translateY(-2px)}
.info-card p,.split-promo p,.step p{color:#5B6470}
.card-eyebrow{font-size:.64rem;letter-spacing:.12em;color:#1B4DB0;font-weight:600}
.step{border-bottom-color:#D9D5CC}
.step-index{color:#2D6CDF;font-weight:600}
.steps{border-top-color:#D9D5CC}
.checks li::before{color:#1F9D63}
.notice{background:#F4F3EF;border:1px solid #DBD8D1;border-radius:3px}
.badge,.tag,.pill,.status-pill{border-radius:3px}
.faqs details{border-bottom-color:#DBD8D1}
.faqs summary{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600}

/* Calculator, simulation, proposal forms */
.demo-sidebar,.demo-workspace,.calculator,.calc-panel,.contact-card,.form-card,.assessment-box,.form-layout .info-card{border-radius:3px;box-shadow:none;border-color:#DBD8D1}
.demo-sidebar,.demo-workspace{background:#fff}
.incident-btn{border-radius:3px}
.incident-btn[aria-pressed='true']{background:#EEF3FF;border-color:#2D6CDF}
.demo-aside-note{background:#F3F4F7;border-radius:3px}
.form-group input,.form-group select,.form-group textarea,.calc-field input,.calc-field select,.calc-field textarea,input[type='text'],input[type='email'],input[type='tel'],input[type='number'],select,textarea{border-radius:3px}
input[type='range']{accent-color:#2D6CDF}
input[type='checkbox']{accent-color:#2D6CDF}
.status-dot.amber{background:#D39A46}
.status-dot.grey{background:#7A8796}

/* Footer and high contrast conversion band */
.cta-band{background:#0E1116;position:relative;overflow:hidden;border-bottom:4px solid #2D6CDF}
.cta-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.cta-band .shell{position:relative}
.cta-band h2{color:#F6F4EF}
.cta-band p{color:#B6BFC9}
.cta-band .kicker-light{color:#8BABFF}
.site-footer{background:#0E1116;color:#B6BFC9;border-top:1px solid #333841;padding:62px 0 28px}
.site-footer .brand-wordmark{width:204px;height:auto}
.site-footer h3{color:#F6F4EF;font-family:'IBM Plex Mono',monospace;font-size:.71rem;font-weight:500;letter-spacing:.07em}
.site-footer .footer-grid p{color:#AFB6C0}
.site-footer a:not(.brand){color:#BEC7D3}
.site-footer a:hover{color:#fff}
.site-footer .footer-bottom{border-color:#303640;color:#9EA8B5}
.site-footer .trademark{color:#8E98A5}

/* Portfolio of supplied example brand cards */
.brand-gallery-section{background:#F6F4EF}
.brand-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-tile{border:1px solid #DFDCD4;background:#fff;min-width:0}
.brand-tile > a{display:block;overflow:hidden;background:#0E1116}
.brand-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}
.brand-tile a:hover img{transform:scale(1.018)}
.brand-tile-caption{padding:20px 22px 24px}
.brand-tile-caption .kicker{font-size:.59rem}
.brand-tile-caption h3{font-size:1.2rem;line-height:1.18;margin:12px 0 7px}
.brand-tile-caption p{margin:0;color:#5B6470;font-size:.87rem}
.brand-feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,70px);align-items:center}
.brand-feature > div{max-width:420px}
.brand-feature img{display:block;width:100%;height:auto;border:1px solid #DFDCD4}
.brand-inline-showcase{background:#ECEAE4}

@media(max-width:1060px){
 .brand-wordmark{width:167px}
 .primary-nav{gap:12px}
 .primary-nav a{font-size:.78rem}
}
@media(max-width:890px){
 .hero-layout{grid-template-columns:1fr;gap:36px;padding:60px 0 69px;min-height:0}
 .hero-panel{max-width:730px}
 .primary-nav{background:#F6F4EF;border-bottom:1px solid #DCD8CF}
 .primary-nav a:not(.nav-cta):hover,.primary-nav a[aria-current=page]{border:0}
 .brand-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-feature{grid-template-columns:1fr}
 .brand-feature img{max-width:700px}
}
@media(max-width:640px){
 .header-inner{min-height:65px}
 .brand-wordmark{width:165px}
 .hero-layout{padding:48px 0 56px}
 h1{font-size:clamp(2.5rem,10vw,3.2rem)}
 h2{font-size:clamp(2rem,8vw,2.6rem)}
 .hero-simple h1{font-size:clamp(2.55rem,10vw,3.2rem)}
 .hero-panel{padding:22px 18px}
 .section{padding:65px 0}
 .brand-gallery{grid-template-columns:1fr}
 .brand-tile-caption{padding:20px}
 .topline{font-size:.6rem}
 .topline-inner{gap:8px;flex-wrap:wrap;padding:5px 0}
 .cta-band{padding:55px 0}
}
@media(prefers-reduced-motion:reduce){.brand-tile img,.info-card,.button{transition:none!important;transform:none!important}}

/* WMS 2026: multi-track service update */
.solution-priority{border-top:4px solid var(--brand-blue)}
.solution-priority .card-foot{font-family:'IBM Plex Mono',monospace;font-size:.67rem;letter-spacing:.02em;color:#626b77;border-top:1px solid #e0ded9;padding-top:16px;margin-top:20px}
.billing-hero .insight-row{border-bottom-color:#323841}
.developer-panel .insight-row{border-bottom-color:#323841}
#billing-cases{grid-template-columns:1fr}
#billing-cases .incident-btn{min-height:66px}
#billing-cases .incident-btn:focus-visible{outline:3px solid var(--brand-blue)}
.solution-priority .text-link{margin-top:20px}
@media(max-width:640px){.solution-priority .text-link{margin-top:10px}}