/* Readable mobile layouts with room for touch interaction. */
@media(max-width:800px){
 .hero>*{min-width:0}.hero-visual{max-width:min(520px,100%)}
 .hero-board{max-width:calc(100% - 20px);min-width:0}.orbit{max-width:100%;aspect-ratio:1;height:auto}
 .hero-description,.section-intro>p:not(.eyebrow),.story-stat p,.story-grid p,.case-main>p,.demo-heading>p,.connection-heading>p:last-child,.connection-path p,.approach-steps p,.profile-copy>p:not(.eyebrow),.faq details>p,.contact-inner>div>p:last-child{font-size:15px;line-height:2;color:#52654e}
 .connection-heading>p:last-child,.connection-path p{color:#c0cfbb}
 .story-grid,.connection-path{grid-template-columns:1fr;gap:28px}
 .story-grid h3,.connection-path h3{font-size:20px}.story-grid h3 br{display:none}
 .demo-heading>p br,.section-intro>p:not(.eyebrow) br{display:none}
 .demo-layout{grid-template-columns:1fr;min-width:0}.workspace-main,.task-list,.task-detail{min-width:0}
 .demo-tab{font-size:12px;min-height:44px;padding:10px 8px;flex:1 1 auto;justify-content:center}.demo-tab b{margin-left:4px}
 .workspace-title{flex-wrap:wrap}.workspace-title h3{font-size:22px}.reset-button{font-size:12px;min-height:44px;padding:10px}
 .workspace-help{font-size:13px;color:#607352}.task-row{min-height:64px}.task-row .task-label{font-size:14px}.task-label small{font-size:12px}
 .task-detail h4{font-size:17px}.task-detail ol,.detail-description{font-size:14px;line-height:2}.detail-note,.detail-note b{font-size:12px}.detail-tag{font-size:10px}.complete-task{font-size:14px;min-height:46px}.demo-progress{font-size:11px}
 .demo-takeaways b{font-size:16px}.demo-takeaways small{font-size:13px;color:#607352}
 .header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px}.header-cta span{margin-left:10px}
 .hero .text-link,.approach .text-link{font-size:13px;min-height:44px;padding:12px 0}.hero .button{font-size:14px;min-height:48px}
 .faq summary{font-size:15px;min-height:56px;align-items:center}.faq summary>span{flex-shrink:0}
 .contact-email{font-size:15px;overflow-wrap:anywhere}.copy-email{font-size:13px;min-height:44px}.contact-actions small{font-size:12px;color:#52654e}.contact-actions .button{font-size:15px;min-height:52px}
 .case-main .case-footnote{font-size:11px}.case-flow{flex-wrap:wrap}.case-flow span{font-size:12px}.profile-name{flex-wrap:wrap}.profile-name small{font-size:11px}.profile-name>span{font-size:15px}
 .sidebar-bottom{display:block;flex-basis:100%;margin-top:4px;font-size:11px}.sidebar-bottom small{font-size:10px}
 .hero-caption{font-size:8px;gap:12px;flex-wrap:wrap}.demo-disclaimer{font-size:10px}.footer small{font-size:10px}
}
@media(max-width:480px){
 .hero h1{font-size:clamp(45px,14vw,64px)}.hero-visual{height:420px}.hero-board{transform:none}
 .hero .text-link{margin:10px 12px 0}.hero-description{font-size:15px;text-align:left}.hero-lead{font-size:20px}
 .hero-caption{margin-top:24px}.value-strip{font-size:12px}.hero-copy{width:100%}
 .story-stat{align-items:flex-start}.stat-number{font-size:80px;flex-shrink:0}.story-stat h3{font-size:19px}
 .workspace-sidebar{gap:6px}.workspace-main{padding:16px}.demo-tab{padding:9px 5px;font-size:12px}.demo-tab>span{display:none}
 .profile-section{padding:32px 22px}.profile-copy h2{font-size:clamp(23px,6.5vw,28px)}.contact-inner h2{font-size:clamp(23px,6.3vw,29px)}
 .header .brand{font-size:21px}.header .turtle-brand{width:36px;height:36px}.header-cta{padding:7px 10px}
 .contact-actions{width:100%}.footer{gap:12px}.contact-actions #copy-status{font-size:12px}
}