/* Phone and tablet layout; loaded after the desktop stylesheet. */
@media (max-width: 900px) {
  header { top:12px; left:16px; width:calc(100% - 32px); padding:12px 16px; gap:12px; }
  .header-cta { display:none; }
  .menu { display:grid; place-items:center; min-width:44px; min-height:44px; padding:0; border:0; background:white; font-size:24px; }
  nav { display:none; position:absolute; top:100%; left:0; right:0; margin:0; padding:12px 16px; background:white; border-top:1px solid var(--line); box-shadow:0 12px 20px #00000012; }
  nav.open { display:flex; flex-direction:column; gap:4px; }
  nav a { display:flex; align-items:center; min-height:48px; font-size:16px; }
  .offer-heading,.process-layout,.check,.faq { grid-template-columns:minmax(0,1fr); gap:32px; }
  .offer-heading>p { max-width:none; margin:0; }
  .growth-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .visibility-card { grid-column:1/-1; }
  .process-layout { max-width:620px; }
  .orbit-diagram { width:86%; max-width:310px; }
  .process-timeline p { max-width:none; }
  .brand-strip { grid-template-columns:130px repeat(4,minmax(0,1fr)); gap:12px; padding:28px 24px; }
  .brand-strip>div { gap:4px; font-size:20px; }
  .brand-strip b { font-size:18px; }
  .brand-strip .client-logos img { width:130px; }
}
@media (max-width: 600px) {
  html { scroll-padding-top:20px; -webkit-text-size-adjust:100%; }
  .hero { height:auto; min-height:0; max-height:none; padding:132px 24px 42px; display:block; background-position:60% center; }
  .hero-content { max-width:100%; }
  h1 { font-size:clamp(2.4rem,9.5vw,3.5rem); line-height:1.08; letter-spacing:-1.5px; margin-bottom:24px; }
  .hero .eyebrow { font-size:12px; line-height:1.6; letter-spacing:1px; margin-bottom:22px; }
  .light:before { flex-shrink:0; }
  .hero-content>p { font-size:17px; line-height:1.6; margin-bottom:24px; }
  .hero-actions { flex-direction:column; align-items:stretch; gap:12px; }
  .hero-actions .button { min-height:52px; font-size:16px; }
  .hero-actions .text-link { display:flex; align-items:center; min-height:48px; font-size:15px; }
  .hero-foot { position:relative; inset:auto; margin-top:36px; gap:18px; font-size:11px; letter-spacing:.8px; }
  .hero-foot>span:nth-child(2) { display:none; }
  .hero-foot>a { display:grid; place-items:center; min-width:44px; min-height:44px; }
  .brand-strip { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto 36px 36px; align-content:center; gap:12px 20px; padding:24px; }
  .brand-strip>h2,.brand-strip>span { grid-column:1/-1; font-size:12px; line-height:1.5; letter-spacing:1px; margin:0 0 4px; }
  .brand-strip>h2 br,.brand-strip>span br { display:none; }
  .brand-strip>div { justify-content:flex-start; height:36px; font-size:24px; gap:7px; }
  .brand-strip b { font-size:20px; letter-spacing:-.5px; }
  .brand-strip .client-logos li { grid-column:1; height:36px; justify-content:flex-start; }
  .brand-strip .client-logos img { width:145px; height:36px; max-height:36px; }
  .section { padding:48px 24px; }
  h2,.process-orbit>h2,.closing h2 { font-size:clamp(1.9rem,8.2vw,2.4rem); line-height:1.15; letter-spacing:-1px; }
  .eyebrow { font-size:12px; line-height:1.6; letter-spacing:1px; }
  .offer-heading { gap:12px; }
  .offer-heading h2 { margin-bottom:12px; }
  .offer-heading>p,.deliverables p { font-size:16px; line-height:1.65; }
  .deliverables { grid-template-columns:minmax(0,1fr); margin-top:30px; gap:28px; }
  .deliverables h3 { font-size:23px; }
  .deliverable-output { font-size:13px; }
  .process-orbit>h2 { margin-bottom:28px; }
  .process-layout { gap:30px; }
  .orbit-toggle { min-height:44px; font-size:14px; margin-top:18px; }
  .process-timeline li { grid-template-columns:30px minmax(0,1fr); gap:14px; min-height:0; padding-bottom:28px; }
  .process-timeline li:not(:last-child):after { left:14px; }
  .process-timeline p { font-size:16px; line-height:1.6; }
  .growth-section { padding:32px 24px 48px; }
  .growth-cards { grid-template-columns:minmax(0,1fr); gap:16px; }
  .visibility-card { padding:16px; }
  .visibility-window { padding:18px 14px; min-height:0; border-radius:5px; }
  .visibility-header { white-space:normal; flex-wrap:wrap; }
  .visibility-header strong { font-size:13px; flex:1; }
  .visibility-header>span { display:none; }
  .visibility-question { font-size:19px; }
  .visibility-columns { font-size:11px; letter-spacing:0; gap:8px; }
  .visibility-row { font-size:14px; gap:6px; }
  .visibility-row span { font-size:12px; padding:4px 6px; }
  .visibility-caption { font-size:13px; }
  .growth-photo { min-height:300px; }
  .growth-stat { left:16px; right:16px; bottom:16px; padding:18px; }
  .growth-stat>span { font-size:12px; }
  .growth-stat strong { font-size:38px; }
  .growth-stat small { font-size:13px; }
  .revenue-calculator { padding:28px 16px; }
  .revenue-calculator h2 { font-size:28px; }
  .revenue-inputs { grid-template-columns:minmax(0,1fr); }
  .calculator-intro { font-size:16px; }
  .revenue-inputs label { font-size:14px; }
  .revenue-inputs input { height:52px; font-size:18px; }
  .annual-result output { font-size:clamp(26px,8vw,38px); }
  .annual-result span:first-child,.calc-feedback,.calc-disclaimer { font-size:13px; }
  .check form { padding:20px 16px; min-width:0; }
  input,select { font-size:16px; min-height:48px; }
  form .button { min-height:52px; font-size:15px; gap:12px; }
  #copy { min-height:44px; font-size:15px; }
  #prompt-text { overflow-wrap:anywhere; font-size:16px; }
  .model-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; font-size:14px; }
  .model-links a { min-height:44px; display:flex; align-items:center; }
  summary { font-size:16px; line-height:1.5; gap:12px; }
  summary span { flex-shrink:0; }
  details p { font-size:16px; margin-right:0; }
  .closing { padding:48px 24px; }
  .closing h2 br { display:none; }
  footer { padding:28px 24px; }
  footer p,footer>span { font-size:13px; }
}