/* AI OPERATIONS — V6: tighter vertical rhythm, mobile first.
   Halves whitespace while preserving reading line-height and touch target sizes. */
:root {--mobile-space:23px}
main>section.section {padding-top:var(--mobile-space);padding-bottom:var(--mobile-space)}
.section-introline, .dashboard .dashboard-head {margin-bottom:12px}
#outcomes .section-introline{margin-bottom:13px}
.section h2, .closing h2{margin-bottom:9px}
.section .section-copy {margin-bottom:10px}
.hero {height:auto;min-height:0}
.hero-art{height:245px}
.hero-inner{padding-top:284px;padding-bottom:19px}
.hero h1{margin-bottom:9px}
.hero .lead{margin-bottom:0}
.hero-actions{margin-top:12px;gap:6px}
.hero .button-primary,.hero .button-ghost{min-height:52px}
.problem-grid{gap:6px}
.problem-card{padding-top:16px;padding-bottom:16px}
.problem-card .problem-icon{margin-bottom:8px}
.problem-card h3{margin-bottom:6px}
#outcomes .outcome-pairs{gap:8px}
#outcomes .outcome-pair{gap:5px}
#outcomes .outcome-card{padding-top:16px;padding-bottom:16px}
#outcomes .outcome-label{margin-bottom:7px}
.assistants .two-col.reverse{gap:5px}
.assistants .visual{height:215px;margin-bottom:2px}
.assist-copy h2{margin-bottom:9px}
.assist-copy>.section-copy{margin-bottom:9px}
.featurelist{margin-top:7px}
.assistants .featurelist>div{padding-top:10px;padding-bottom:10px;row-gap:4px}
.flowsec .wide-visual{height:178px;margin-top:3px;margin-bottom:0}
.metricline{padding-top:6px;gap:0}
.metricline>div{padding-top:5px;padding-bottom:5px}
.system-strip{margin-top:7px;padding-top:0;gap:4px}
.system-strip img{height:160px;max-height:160px}
.system-strip h3{margin-top:3px;margin-bottom:5px}
.dashboard .tabs{margin-top:8px;margin-bottom:8px}
.mobile-screen{padding-top:17px;padding-bottom:16px}
.mobile-screen h3{margin-top:12px}
.mobile-screen .ms-intro{margin-bottom:10px}
.ms-conversation{gap:6px}
.ms-message{padding-top:11px;padding-bottom:11px}
.mobile-screen .ms-foot{margin-top:11px;padding-top:9px}
.inline-cta{margin-top:12px;padding-top:12px;padding-bottom:12px;gap:8px}
.economy-grid{gap:11px}
.calc-panel{padding:21px 19px}
.calc-row{margin-bottom:7px}
.calc-panel input[type=range]{margin-bottom:12px}
.calc-result{padding-top:12px}
.steps-grid{gap:0}
.methodology .steps-grid .step{padding-top:9px;padding-bottom:9px}
.step h3{margin-bottom:4px}
.deliver-grid article{padding-top:10px;padding-bottom:10px}
.faq-layout{gap:7px}
.faq-list details{padding-top:7px;padding-bottom:7px}
.faq-list details p{margin-top:5px;margin-bottom:5px}
.closing,main>section.section.closing{padding-top:28px;padding-bottom:24px}
.closing h2{margin-bottom:8px}
.closing .section-copy{margin-bottom:10px}
.closing .brief-form,.brief-form{margin-top:7px;gap:8px}
.brief-form label{margin-bottom:0}
.brief-form textarea{min-height:108px}
.footer{padding-top:12px;padding-bottom:14px}
@media(min-width:440px){
 :root{--mobile-space:26px}
 .hero-art{height:295px}
 .hero-inner{padding-top:328px;padding-bottom:24px}
 .hero-actions{gap:7px}
 .assistants .visual{height:260px}
 .flowsec .wide-visual{height:245px}
}
@media(min-width:701px){
 :root{--mobile-space:35px}
 main>section.section{padding-top:var(--mobile-space);padding-bottom:var(--mobile-space)}
 .hero{height:clamp(610px,77svh,790px);min-height:610px}
 .hero-inner{height:100%;padding-top:65px;padding-bottom:22px}
 .hero h1{margin-bottom:12px}
 .hero-actions{margin-top:14px;gap:7px}
 .section-introline{margin-bottom:15px}
 #outcomes .section-introline{margin-bottom:15px}
 .section h2{margin-bottom:10px}
 .problem-grid{gap:7px}
 .problem-card{padding:18px 18px}
 .problem-card .problem-icon{margin-bottom:9px}
 #outcomes .outcome-pairs,#outcomes .outcome-pair{gap:8px}
 #outcomes .outcome-card{padding:18px 21px;min-height:0}
 #outcomes .outcome-label{margin-bottom:9px}
 .assistants .two-col.reverse{gap:18px}
 .assistants .visual{height:auto}
 .assistants .featurelist>div{padding-top:8px;padding-bottom:8px}
 .flowsec .wide-visual{height:auto}
 .flowsec .wide-visual img{display:block;margin-inline:auto;width:100%;max-height:560px;object-fit:contain}
 .metricline{padding-top:11px}
 .metricline>div{padding-top:7px;padding-bottom:7px}
 .system-strip{margin-top:13px;gap:20px}
 .system-strip img{height:auto;max-height:215px}
 .system-strip h3{margin-top:6px;margin-bottom:6px}
 .dashboard .tabs{margin-top:13px;margin-bottom:10px}
 .economy-grid{gap:20px}
 .calc-panel{padding:23px}
 .steps-grid{gap:8px}
 .methodology .steps-grid .step{padding-top:9px;padding-bottom:9px}
 .deliver-grid{gap:6px}
 .deliver-grid article{padding:13px}
 .faq-layout{gap:24px}
 .faq-list details{padding-top:9px;padding-bottom:9px}
 .closing,main>section.section.closing{padding-top:45px;padding-bottom:32px}
 .closing .section-copy{margin-bottom:12px}
 .closing .brief-form,.brief-form{margin-top:9px;gap:10px}
}
@media(min-width:1100px){
 :root{--mobile-space:39px}
 .section-introline{margin-bottom:16px}
 #outcomes .section-introline{margin-bottom:16px}
 .hero{height:clamp(620px,77svh,790px);min-height:620px}
 .hero-inner{padding-top:65px}
 .assistants .two-col.reverse{gap:31px}
 .system-strip{gap:20px}
 .economy-grid{gap:36px}
 .faq-layout{gap:24px}
}

/* HERO desktop artwork correction — illustration follows HERO height, not 295px crop */
@media (min-width: 701px) {
  .hero .hero-art {
    top: 76px;
    bottom: 0;
    height: auto;
    background-size: min(70vw, 1120px) auto;
    background-position: 88% center;
  }
}
@media (min-width: 701px) and (max-width: 979px) {
  .hero .hero-art {
    background-size: 58vw auto;
    background-position: 94% 23%;
  }
}