/* Responsive reading and touch controls */
:where(.hero,.grid,.journey-layout,.company-intro,.tech-row,.tech-fields,.initiative-grid,.focus-row,.tool-row,.decision-row)>*{min-width:0}
input,select,textarea{min-width:0}
@media(max-width:1100px){
 header{position:sticky;top:0;z-index:30;height:76px;margin:0;padding:0 5%;background:var(--bg);gap:16px}
 .header-cta{display:none}.menu-button{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin-inline-start:auto;font-size:24px}
 nav{display:none;position:absolute;inset:76px 0 auto;padding:16px 5% 24px;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100dvh - 76px);overflow-y:auto;box-shadow:0 14px 20px #20282d12}
 .menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
 nav a{padding:12px 14px;min-height:48px;font-size:15px;border:1px solid var(--line)}nav a.active{background:var(--navy);color:white}nav a.active:after{display:none}
 html{scroll-padding-top:92px}
}
@media(max-width:800px){
 body{font-size:16px}.wrap{padding:28px 5% 48px}.hero{padding:30px 5%;gap:28px}.section{padding:40px 5%}.wrap>.section{padding-inline:0}
 .chapter-head h1{font-size:clamp(29px,8vw,38px);line-height:1.5}.chapter-head p,.hero-copy>p,p,.panel p,.tool-row p,.tech-description p,.tech-scope p,.timeline-row p,.branch-row p,.ai-use p,.wide-callout p,.journey-stage p,.benefits p{font-size:14px;line-height:1.95}
 .hero h1{font-size:clamp(32px,9vw,44px)}.eyebrow{letter-spacing:.7px;font-size:11px}.eyebrow:before{width:20px;flex:none}
 .actions{gap:14px;margin-top:24px;align-items:stretch}.actions>a,.actions>button{justify-content:center;text-align:center;flex:1 1 220px;min-height:48px}
 .primary,.secondary{font-size:14px;gap:14px}.text-button{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 input:not([type=checkbox]):not([type=range]),select,textarea,.tech-fields input,.tech-fields select,.toolbar select,.decision-row textarea{font-size:16px;min-height:48px}
 input[type=checkbox]{min-width:20px;min-height:20px;accent-color:var(--accent)}label{font-size:14px}
 .tabs{flex-wrap:wrap;overflow:visible;gap:6px;border:0;margin-bottom:24px}.tabs a,.tabs button{white-space:normal;flex:1 1 130px;text-align:center;padding:12px 10px;min-height:48px;border:1px solid var(--line);font-size:13px}.tabs .active{background:#ebe5d9;border-color:var(--accent)}
 .journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0;overflow:visible}.journey-steps button{min-width:0;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;border:1px solid var(--line);padding:10px 5px;min-height:76px}.journey-steps button:last-child{border:1px solid var(--line)}.journey-steps b{font-size:18px}.journey-stage{min-height:0;padding:24px}.journey-stage .big-symbol{margin-top:22px;font-size:44px}.stage-detail{grid-template-columns:1fr;gap:18px;font-size:14px}.stage-detail span{font-size:12px}.stage-action{flex-wrap:wrap}.stage-action .primary{width:100%}
 .experience-art{height:auto;min-height:0;padding:65px 18px 58px;display:flex;flex-direction:column;gap:20px}.phone{transform:none;width:min(260px,100%);padding:25px 18px 18px;min-height:0}.phone-bar{left:50%;transform:translateX(-50%)}.phone h3{font-size:24px}.phone button{min-height:48px;font-size:13px}.phone-route{font-size:12px;gap:10px}.notify{position:relative;inset:auto;transform:none;max-width:280px;width:100%;padding:14px;font-size:12px;box-shadow:none}.notify b{font-size:14px}.art-top,.art-bottom{inset-inline:16px;gap:12px;letter-spacing:.5px}.art-bottom{font-size:10px;flex-wrap:wrap}
 .intro-strip .brands{flex-wrap:wrap;gap:16px 24px}.focus-row{grid-template-columns:32px minmax(0,1fr) 24px;gap:12px}.focus-row>div{grid-column:2}.focus-row:hover{padding-inline:0}.focus-row h3{font-size:19px}
 .tool-row{grid-template-columns:28px minmax(0,1fr) 44px;gap:12px}.tool-row button.add{width:44px;height:44px}.tool-row .tool-description{grid-column:2/-1}.tool-row h3{overflow-wrap:anywhere}.tool-row summary{min-height:44px;padding-block:10px}
 .toolbar{align-items:stretch;gap:12px}.toolbar input{flex:1 1 100%;width:100%}.toolbar select{flex:1 1 170px}.toolbar .quiet{width:100%}.decision-row select{width:100%}
 .panel,.initiative-grid article{padding:22px}.initiative-grid h3{font-size:23px}.initiative-grid dd{font-size:14px}.initiative-grid article>button{width:100%}
 .table-wrap{overflow:visible}.table-wrap table{font-size:14px}.table-wrap table:not(.price-table) thead{display:none}.table-wrap table:not(.price-table),.table-wrap table:not(.price-table) tbody,.table-wrap table:not(.price-table) tr,.table-wrap table:not(.price-table) td{display:block;width:100%}.table-wrap table:not(.price-table) tr{border:1px solid var(--line);margin-bottom:16px;padding:8px 18px;background:var(--white)}.table-wrap table:not(.price-table) td{padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.table-wrap table:not(.price-table) td:last-child{border:0}.table-wrap table:not(.price-table) td:before{content:attr(data-label);display:block;font-size:12px;color:#8a4936;margin-bottom:5px;font-weight:600}
 .price-table th,.price-table td{padding:16px 10px;vertical-align:top}.price-table td:last-child{white-space:nowrap;font-weight:600}
 .tech-fields{grid-template-columns:1fr}.tech-reference{grid-column:auto}.tech-summary strong{overflow-wrap:anywhere}.calc-results .result-line{align-items:start;flex-wrap:wrap;gap:8px}.calc-results .result-line strong{overflow-wrap:anywhere}
 .timeline-row{grid-template-columns:40px minmax(0,1fr);gap:14px}.company-intro{gap:30px;margin-bottom:35px}.metrics{gap:25px}.channels{gap:12px 22px}.channels a{min-height:44px;display:flex;align-items:center;font-size:14px}
 .simple-flow{flex-direction:column;gap:8px}.simple-flow span{width:100%;flex:auto}.simple-flow b{transform:rotate(-90deg)}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:48px 22px 24px}dialog h2{font-size:25px}.dialog-close{min-width:44px;min-height:44px;top:4px;left:6px}#toast{bottom:max(16px,env(safe-area-inset-bottom));inset-inline:16px;max-width:480px;margin:auto;padding:15px 20px}
 footer{padding:30px 5%;gap:20px}footer>div{flex-wrap:wrap;gap:20px}footer a,footer button{min-height:44px}footer .wordmark{justify-content:center}.strategy-thesis h2{font-size:28px}
}