/* Phone-only refinements. Desktop styles and motion remain in styles.css. */
@media screen and (max-width:767px) {
  html{scroll-padding-top:98px}
  .container{width:calc(100% - 40px)}
  .section{padding-block:58px}
  h2{font-size:clamp(33px,8.5vw,42px);line-height:1.12}
  .eyebrow{font-size:11px;line-height:1.7}
  p,li{overflow-wrap:break-word}
  .section-heading{margin-bottom:30px}
  .center-heading h2{margin-block:13px 20px}
  .section-heading>p:not(.eyebrow),.center-heading>p:not(.eyebrow){font-size:15px;line-height:1.75}
  .button,.text-link{min-height:48px;font-size:14px}
  .cta-pair{flex-direction:column;align-items:stretch;gap:12px;max-width:430px;margin-inline:auto}
  .cta-pair .button{width:100%;min-height:52px;padding:14px 18px;font-size:14px}
  .center-action .button{line-height:1.5}
  .status-dot{flex-shrink:0}

  /* A named booking action and a real section menu replace icon-only navigation. */
  .header-inner{position:relative;gap:10px;padding-inline:12px 8px}
  .header-actions{gap:6px;flex-shrink:0}
  .wordmark{min-width:0;gap:8px}
  .wordmark img{width:27px;height:27px}
  .brand-identity{min-width:0;gap:5px}
  .brand-name{font-size:19px}
  .brand-tagline{font-size:8px;line-height:1.3;white-space:normal;max-width:120px}
  .header-cta{width:auto;min-width:0;min-height:44px;padding:10px 12px;gap:8px;font-size:12px}
  .header-cta .full-label{display:none}
  .header-cta .short-label{display:inline;font-size:inherit}
  .header-cta>span:last-child{display:none}
  .header-message{display:none}
  .mobile-menu{display:block}
  .mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer;border:1px solid #d3d8df;border-radius:9px;background:#fff;color:var(--ink);touch-action:manipulation}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary::marker{content:''}
  .mobile-menu summary:focus-visible{outline:3px solid var(--brass-dark);outline-offset:3px}
  .menu-lines{position:relative;width:18px;height:12px;border-block:1.5px solid currentColor}
  .menu-lines::after{content:'';position:absolute;inset:4px 0 auto;height:1.5px;background:currentColor}
  .mobile-menu[open] .menu-lines{height:18px;border:0}
  .mobile-menu[open] .menu-lines::before,.mobile-menu[open] .menu-lines::after{content:'';position:absolute;top:8px;left:0;right:0;height:1.5px;background:currentColor;transform:rotate(45deg)}
  .mobile-menu[open] .menu-lines::after{transform:rotate(-45deg)}
  .mobile-site-nav{position:absolute;top:calc(100% + 10px);right:0;display:grid;width:min(310px,calc(100vw - 24px));padding:8px;border:1px solid #d3dce7;border-radius:13px;background:#fcfdff;box-shadow:0 18px 45px #0b1f3a26;max-height:calc(100dvh - 105px);overflow-y:auto}
  .mobile-menu:not([open]) .mobile-site-nav{display:none}
  .mobile-site-nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 15px;border-radius:7px;font-size:15px;text-decoration:none}
  .mobile-site-nav a:hover,.mobile-site-nav a:focus-visible{background:#f0f3f7;color:var(--ink)}
  .mobile-site-nav a:last-child{border-top:1px solid var(--rule);margin-top:5px;border-radius:0 0 7px 7px;color:var(--brass-dark)}

  .hero{padding-top:35px;padding-bottom:35px}
  .hero-kicker{font-size:11px;max-width:38ch;line-height:1.55;letter-spacing:0;margin-bottom:22px;gap:8px}
  .hero-kicker .status-dot{margin-top:6px}
  .hero h1.sales-headline{font-size:clamp(35px,9.5vw,50px);line-height:1.08;max-width:23ch;letter-spacing:-.035em}
  .hero .sales-intro{font-size:15px;line-height:1.75;max-width:46ch;margin:23px auto 19px}
  .hero .sales-promise{font-size:21px;line-height:1.4;max-width:30ch;margin-bottom:24px;text-wrap:pretty}
  .hero .cta-pair{padding-inline:0}
  .hero-note{font-size:12px;line-height:1.7;max-width:38ch;margin-top:16px}
  .capacity-note,.hero .capacity-note{font-size:11px;line-height:1.6;max-width:none;margin-top:18px}
  .system-showcase{margin-top:32px}
  .system-topline{padding:12px 14px;gap:8px;font-size:11px}
  .system-topline .motion-controls button{min-height:44px;font-size:11px;padding:8px 10px}
  .system-controls{gap:4px}
  .system-controls button{font-size:12px;line-height:1.3;min-height:60px;padding:9px 4px;gap:5px}
  .system-controls button>span{font-size:10px}
  .system-copy{min-height:0;padding:26px 24px 30px}
  .system-copy h2{font-size:clamp(30px,7.8vw,36px);line-height:1.12;max-width:23ch;margin:0 0 17px}
  .system-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}
  .system-bottom-note{font-size:12px;line-height:1.65;margin-top:20px;align-items:flex-start}
  .system-bottom-note .note-dot{margin-top:8px}
  .system-visual{min-height:250px}
  .connection-visual{min-height:310px;padding:24px;gap:19px}
  .connection-node{padding:14px 12px;gap:12px}
  .connection-node small{font-size:11px;line-height:1.4}
  .connection-node strong{font-size:13px;line-height:1.4}
  .system-footer{flex-wrap:wrap;gap:2px 14px;padding:10px 16px;font-size:11px}
  .system-footer a{font-size:12px;min-height:44px}
  .scott-section{padding-block:34px 50px}
  .scott-side h2{font-size:10px;line-height:1.7}
  .scott-quote blockquote{font-size:26px;line-height:1.4}
  .scott-quote figcaption strong a{min-height:44px}
  .scott-quote figcaption>div>span{font-size:12px;line-height:1.5}

  /* Evidence stays legible in one column, with full-size images one tap away. */
  .results-heading h2{font-size:clamp(34px,8.5vw,42px);line-height:1.1}
  .proof-jumps{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px}
  .proof-jumps a{font-size:13px;min-height:44px;justify-content:space-between;padding:10px 15px}
  .outreach-result,.visibility-result,.analytics-story,.case-card{padding:26px 24px}
  .outreach-result h3,.visibility-result h3,.case-card h4,.case-heading h3,.message-heading h3{font-size:clamp(29px,7.8vw,35px);line-height:1.14}
  .proof-big{font-size:clamp(60px,16vw,76px)}
  .proof-big-caption{font-size:15px;line-height:1.65}
  .proof-mini-grid{gap:20px 16px;grid-template-columns:1fr 1fr}
  .proof-mini-grid strong{font-size:33px}
  .proof-mini-grid span{font-size:12px;line-height:1.6;max-width:18ch}
  .result-number-line{gap:9px;margin-top:25px}
  .result-number-line>strong{font-size:clamp(43px,12vw,58px)}
  .result-number-line>span:first-child{font-size:27px}
  .result-number-line+.small,.case-growth+.small{font-size:12px;line-height:1.65}
  .comparison figcaption,.case-screens figcaption{font-size:11px}
  .case-card>p:not(.case-type):not(.small){font-size:15px;line-height:1.75}
  .case-type,.partner-message>.eyebrow{font-size:11px}
  .case-growth{row-gap:12px;line-height:1.2}
  .case-growth>strong{font-size:36px}
  .message-card figcaption{font-size:12px;line-height:1.65}
  .message-card>a{display:flex;align-items:center;min-height:44px}
  .partner-message h4{font-size:29px;line-height:1.15}
  .proof-close>p{font-size:28px;line-height:1.2}
  .proof-close>.button{margin-top:22px}

  .referral-section{padding-block:58px}
  .referral-heading h2{font-size:clamp(32px,8vw,42px);line-height:1.15}
  .referral-stat{padding:28px 24px 22px}
  .referral-number{font-size:96px}
  .referral-stat>p,.referral-story>p{font-size:15px;line-height:1.8}
  .referral-source{font-size:12px;min-height:48px;line-height:1.6}
  .referral-story>p:first-child{font-size:19px;line-height:1.65}

  /* The horizontal roadmap remains in its section, below the main header. */
  .roadmap-heading h2{font-size:clamp(32px,8.4vw,40px);line-height:1.13;max-width:none;margin-top:0}
  .roadmap-heading>p{font-size:15px;line-height:1.75}
  .roadmap-console{top:85px}
  .roadmap-current{padding:13px 16px 8px;gap:12px}
  .roadmap-current .eyebrow{font-size:10px;letter-spacing:0}
  .roadmap-current h3{font-size:13px}
  .roadmap-console nav{padding-bottom:10px;scroll-padding-inline:10px}
  .roadmap-console a{min-height:44px;padding:10px 13px;font-size:12px;gap:8px}
  .roadmap-console a>span{font-size:10px}
  .roadmap-card{padding:28px 24px;scroll-margin-top:110px}
  .roadmap-card h3{font-size:clamp(29px,7.8vw,36px);line-height:1.13;max-width:23ch}
  .roadmap-card>.eyebrow{font-size:11px}
  .roadmap-card ul{margin-top:21px}
  .roadmap-card li{font-size:15px;line-height:1.75}
  .roadmap-plan-note{font-size:12px;line-height:1.65}

  .examples-heading h2{font-size:clamp(34px,8.5vw,42px);line-height:1.12}
  .examples-heading>div:last-child>p{font-size:15px;line-height:1.75}
  .examples-heading .small{font-size:12px!important}
  .examples-track{grid-auto-columns:92%;gap:16px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .example-card>a{height:clamp(310px,90vw,440px)}
  .example-card figcaption>span{font-size:10px}
  .example-card figcaption>p{font-size:14px;line-height:1.7}
  .example-gallery-controls>span{font-size:12px}
  .fit{padding-top:0}
  .fit-grid>div{padding:27px 24px}
  .fit-grid>div>p.eyebrow{font-size:12px;margin-bottom:22px}
  .fit-list>li{font-size:15px;line-height:1.75;gap:12px}

  /* Programs retain Firm-first order and expose a clear, full-width action. */
  .pricing{padding-top:0}
  .program-grid{gap:24px}
  .program{padding:29px 25px 25px;min-width:0}
  .program h3{font-size:clamp(30px,8vw,36px);line-height:1.13;text-wrap:pretty}
  .program.recommended{padding-top:44px;margin-top:0}
  .program.recommended .recommended-badge{font-size:10px;line-height:1.5;padding:5px 12px;left:25px}
  .program .price{font-size:clamp(44px,12vw,52px);line-height:1.1;margin:22px 0}
  .program .price>span{display:inline-block;margin:0 0 0 6px;font-size:13px;white-space:nowrap}
  .program .program-description{font-size:15px;line-height:1.75;padding-bottom:22px;margin-top:0;margin-bottom:22px}
  .program>.dash-list{font-size:15px;line-height:1.75;gap:14px;margin-bottom:0}
  .program .program-action{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:13px 16px;margin-top:25px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:white;font-size:14px;line-height:1.5;text-decoration:none}
  .program .program-action>span{flex-shrink:0}
  .program.recommended .program-action{background:#e2c593;border-color:#e2c593;color:var(--ink)}
  .video-line{padding:25px 24px;margin-top:25px}
  .video-line>h3{font-size:29px;line-height:1.15;margin-bottom:17px}
  .video-line>p{font-size:15px;line-height:1.75}
  .video-line>p:last-child{font-size:13px;line-height:1.75}
  .pricing-terms{padding-inline:4px;margin-top:23px}
  .pricing-terms>p{font-size:13px;line-height:1.75;max-width:46ch}
  .pricing .blueprint{margin-top:30px;padding:28px 24px 0;gap:25px}
  .blueprint h3{font-size:32px;line-height:1.13}
  .blueprint .price{font-size:46px;line-height:1.1}
  .blueprint .price>span{font-size:13px;line-height:1.65}
  .blueprint>div>p:not(.eyebrow):not(.price),.blueprint .dash-list{font-size:15px;line-height:1.75}
  .blueprint .small{font-size:13px;line-height:1.75}
  .blueprint>div>.eyebrow{font-size:11px}
  .blueprint-footer>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:14px;line-height:1.5}

  .about{padding-top:0}
  .about-story h2{font-size:clamp(35px,9vw,42px)}
  .about-story .prose>p{font-size:16px;line-height:1.8}
  .founder-photo figcaption>span{font-size:12px}
  .social-links{gap:8px}
  .social-links a{min-height:44px;font-size:12px;padding:10px 12px}
  .social-links svg{width:15px;height:15px}
  .faq-item summary{min-height:76px;padding-block:20px;gap:16px}
  .faq-item summary h3{font-size:clamp(24px,6.4vw,28px);line-height:1.22;text-wrap:pretty}
  .faq-item .faq-answer p{font-size:15px;line-height:1.8}
  .faq-answer{padding-right:14px}
  .final-cta h2{font-size:clamp(34px,8.8vw,44px);line-height:1.12;max-width:22ch}
  .final-cta h2 br{display:none}
  .final-cta .container>p:not(.eyebrow):not(.small){font-size:15px;line-height:1.8}
  .final-cta .container>.capacity-note{display:flex;font-size:12px!important;line-height:1.65!important;margin:21px auto 0!important}
  .footer-email{font-size:clamp(24px,6.5vw,29px);min-height:44px;overflow-wrap:anywhere}
  .footer-bottom p,.footer-main>div>.small{font-size:12px}
  .footer-bottom a{font-size:12px;min-height:44px}
  .results-disclaimer{font-size:12px;line-height:1.75}

  .interior{padding-block:42px 64px}
  .interior h1{font-size:clamp(35px,9vw,48px);line-height:1.12;text-wrap:pretty}
  .page-heading>p,.privacy-copy{font-size:16px;line-height:1.8}
  .calendar-shell{margin-inline:-12px;border-radius:10px;min-height:760px}
  .calendar-shell iframe{min-width:0;height:800px}
  .calendar-fallback{font-size:13px;line-height:1.7}
  .calendar-fallback a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
  .proof-dialog{padding-inline:16px}
  .proof-close-button{position:sticky;top:0;right:auto;z-index:2;width:max-content;min-height:44px;margin:-54px 0 10px auto}
  .proof-full-image{max-height:none;object-fit:contain}
}

@media screen and (max-width:380px) {
  .header-cta .short-label{font-size:0}
  .header-cta .short-label::after{content:'Book';font-size:12px}
  .header-cta{padding-inline:12px}
  .brand-tagline{font-size:7.5px}
  .hero h1.sales-headline{font-size:clamp(33px,9.5vw,36px)}
  .system-topline{align-items:flex-start}
  .system-topline>span{max-width:16ch;line-height:1.6;padding-block:5px}
  .system-topline .motion-controls button{font-size:10px;padding-inline:8px}
  .system-copy{padding-inline:21px}
  .system-controls button{font-size:11px}
  .program,.outreach-result,.visibility-result,.case-card,.fit-grid>div{padding-inline:22px}
  .program .program-action{font-size:13px;padding-inline:13px}
  .roadmap-current{padding-inline:12px;gap:9px}
  .roadmap-current .eyebrow{font-size:9px}
  .roadmap-current h3{font-size:12px}
}