/* Phone-only editing layer. Approved desktop copy and composition stay intact. */
.home-copy-phone,.mobile-method-toggle,.mobile-selected-brief,.mobile-plan-toggle{display:none}
@media(max-width:700px){
 .home-copy-wide{display:none}
 .home-copy-phone{display:inline}
 #main>.section-shell{padding-block:56px}
 #main .section-head{margin-bottom:28px}
 #work-title br{display:none}
 #work .story-heading p,#hub .section-head>p,#request .request-intro>p{margin-top:20px;line-height:1.6}
 #work .client-work-grid{gap:32px}
 #work .client-work-card>p{margin-top:12px}
 #after-launch>.section-copy{margin-bottom:28px}
 #after-launch .post-launch-tabs{gap:0 20px;margin-bottom:24px}
 #after-launch .post-launch-tabs button{min-height:48px;padding-block:12px}
 #after-launch .introduction{margin-bottom:24px}
 #after-launch .introduction>p{margin-top:16px}
 #hub .section-head>p{font-size:16px}
 #hub .section-head{gap:0}
 #hub .brief-build{gap:24px}
 #hub .paper-heading{display:none}
 #hub .brief-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #hub .brief-choices button{min-height:56px;padding:12px;gap:8px;align-items:center;border:1px solid #354154;border-radius:8px;font-size:16px;line-height:1.4}
 #hub .brief-choices button[aria-selected=true]{padding:12px;background:#11242c;border-color:#3ed8e7;box-shadow:none}
 #hub .brief-choices button:last-child{grid-column:1/-1}
 #hub .brief-index{font-size:14px;line-height:1.4}
 #hub .brief-lead{font-size:16px;line-height:1.4}
 #hub .brief-detail{display:none}
 #hub .mobile-selected-brief{display:block;margin:20px 0 0;font-size:16px;line-height:1.6;color:#bac9d8}
 #hub .build-method{grid-template-areas:"heading" "steps" "action";gap:20px;margin-top:24px;padding-top:20px}
 #hub .build-method[data-mobile-disclosure=true]>h3{display:none}
 #hub .build-method[data-mobile-disclosure=true]>.mobile-method-toggle{display:flex;grid-area:heading;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:8px 0;min-height:48px;background:none;border:0;color:#f4f6fb;font:500 18px/1.4 Milano,Arial,sans-serif;text-align:left;cursor:pointer}
 #hub .build-method[data-mobile-disclosure=true]:not([data-mobile-expanded=true]) #build-method-steps{display:none}
 #hub .build-method #build-method-steps{gap:22px}
 #hub .build-method h4{font-size:18px;line-height:1.4;margin-bottom:8px}
 #hub .build-method p{font-size:16px;line-height:1.6}
 #bespoke .software-response>.visual-explanation{min-height:0;margin-top:20px}
 #bespoke .software-story-action{margin-top:24px}
 #website-plan-details .plan-card{padding:24px}
 #website-plan-details .plan-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:4px}
 #website-plan-details .plan-description{min-height:0;margin-block:16px}
 #website-plan-details .plan-card ul{margin-block:20px}
 #website-plan-details .plan-card li{margin-block:8px}
 #website-plan-details .plan-card[data-mobile-disclosure=true]:not([data-mobile-expanded=true]) li:nth-child(n+3){display:none}
 #website-plan-details .plan-card[data-mobile-disclosure=true]>.mobile-plan-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin-top:12px;padding:8px 0;background:none;border:0;color:inherit;font:400 16px/1.5 Milano,Arial,sans-serif;text-align:left;cursor:pointer}
 #request .request-assurances{gap:10px;margin-top:20px}
 #request .request-card{padding:24px 20px}
 #request .form-field{gap:8px}
 #request .field-note{margin-top:8px}
 #questions .faq-list details>p{padding-top:12px}
}
@layer homepageTypography {
 @media(max-width:700px){
  :root{--tt-type-body:16px;--tt-type-heading:36px;--tt-type-subheading:24px;--tt-type-section:20px;--tt-type-price:44px}
 }
}