/* RUNLEVELS V0.7: Mobile-first polish on the exact V0.6 codebase.
   Desktop features, Netlify functions and pricing data remain unchanged. */
.journey-title-mobile,.journey-mobile-tabs,.journey-mobile-explainer,.advantage-mobile-pairs,.pricing-mobile-accordion,.mobile-action-bar{display:none}
.price-accordion-panel[hidden]{display:none!important}

@media(max-width:760px){
  /* Hero: product cards belong only on desktop. Do not leave a stray call card below the form. */
  .hero .hero-float,.hero .scene-call,.hero .scene-summary,.hero .scene-lead,.hero .scene-integrations,.hero .scene-flow{display:none!important}
  .hero-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 74px);padding-top:0;padding-bottom:0;gap:0}
  .hero-center{width:100%;max-width:610px;padding:50px 0 70px}
  .hero-trust{display:none}

  /* Clear, swipe-free stages: tabs -> live UI -> active caption. */
  .process-section{padding:58px 0 72px}
  .journey-heading{text-align:center;margin-bottom:26px}
  .journey-title-desktop{display:none}
  .journey-title-mobile{display:inline}
  .journey-heading p{display:none}
  .journey-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .journey-steps{display:none!important}
  .journey-mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;background:#f2f4f4;border:1px solid #e9ecec;border-radius:999px;margin-bottom:14px}
  .journey-mobile-tab{display:flex;gap:6px;align-items:center;justify-content:center;min-width:0;min-height:43px;padding:8px 5px;border:1px solid transparent;border-radius:999px;background:transparent;color:#6e7b84;font:700 12px/1.2 var(--font);white-space:nowrap;transition:background .2s,box-shadow .2s,color .2s}
  .journey-mobile-tab.is-current{color:#243644;background:#fff;border-color:#ebeeee;box-shadow:0 3px 9px rgba(23,44,55,.08)}
  .mobile-tab-dot{width:6px;height:6px;background:#c9d1d4;border-radius:50%;flex:0 0 6px}
  .journey-mobile-tab.is-current .mobile-tab-dot{background:#f47b52}
  .journey-showcase{width:100%;max-width:660px;margin:0 auto}
  .journey-window{border-radius:19px;min-height:375px;box-shadow:0 16px 40px rgba(34,45,55,.08)}
  .journey-window-body{min-height:290px}
  .journey-panel{min-height:290px}
  .journey-mobile-explainer{display:block;text-align:center;max-width:490px;margin:21px auto 0;padding:0 10px;min-height:75px}
  .journey-mobile-explainer h3{color:#293c4b;font-size:17px;letter-spacing:-.035em;line-height:1.35}
  .journey-mobile-explainer p{font-size:13px;line-height:1.65;color:#708088;margin:6px auto 0}
  .journey-controls{justify-content:center;margin-top:6px}
  .journey-controls>span{display:none}
  .journey-progress{margin-left:0}
  .journey-playback{margin-left:auto}

  /* Comparison on mobile pairs problems and outcomes together; no long split columns. */
  .comparison-section{padding:62px 0 69px}
  .advantage-heading{text-align:center;margin-bottom:24px}
  .advantage-heading h2{font-size:clamp(27px,5.7vw,38px)!important;line-height:1.16;letter-spacing:-.055em}
  .advantage-heading p{font-size:13px;margin-top:8px}
  .advantage-table{display:none!important}
  .advantage-mobile-pairs{display:grid;gap:12px;max-width:660px;margin:0 auto}
  .advantage-pair{border:1px solid #e4e6e5;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(45,49,50,.035);overflow:hidden}
  .advantage-before,.advantage-after{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:start;gap:11px;padding:17px 17px;min-height:77px}
  .advantage-before{background:#fcfcfb}
  .advantage-after{background:#fff8f4;border-top:1px solid #f3e6dd}
  .advantage-pair-label{font:750 10px/1.4 var(--font);display:inline-flex;align-items:center;gap:7px;white-space:normal;color:#74838a}
  .advantage-pair-label>span{font-size:16px;line-height:1;color:#a6b0b4}
  .advantage-after .advantage-pair-label{color:#b9593f}
  .advantage-after .advantage-pair-label>span{color:#ee7350}
  .advantage-pair p{font-size:13px;line-height:1.55;color:#50616b;margin:0}
  .advantage-after p{font-weight:600;color:#253c47}

  /* Compact tariff selector with a single expanded item, retaining desktop cards. */
  .pricing-grid{display:none!important}
  .pricing-mobile-accordion{display:grid;gap:11px;max-width:660px;margin:0 auto}
  .pricing-section{padding:61px 0 68px}
  .pricing-section .section-intro.compact{margin-bottom:25px}
  .pricing-section .section-intro.compact h2{font-size:clamp(31px,6vw,42px)}
  .pricing-section .section-summary{font-size:13px}
  .price-accordion-item{background:#fff;border:1px solid #e7e9e7;border-radius:18px;overflow:hidden;box-shadow:0 8px 23px rgba(38,44,46,.045);transition:border-color .2s,box-shadow .2s}
  .price-accordion-item.is-active{border-color:#f59068;box-shadow:0 11px 33px rgba(238,116,77,.075)}
  .price-accordion-item>h3{margin:0!important;font-size:inherit!important}
  .price-accordion-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;align-items:center;border:0;width:100%;min-height:69px;background:transparent;padding:13px 16px;text-align:left;color:#283b47}
  .price-accordion-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:800 16px/1.3 var(--font)}
  .price-accordion-recommend{border-radius:999px;background:#fff0e5;color:#d56f44;font:750 10px/1.2 var(--font);padding:6px 9px}
  .price-accordion-amount{display:flex;align-items:baseline;white-space:nowrap;gap:3px}
  .price-accordion-amount strong{font:750 15px/1.2 var(--font);letter-spacing:-.035em}
  .price-accordion-amount small{color:#88969c;font:500 10px/1.2 var(--body)}
  .price-accordion-chevron{width:10px;height:10px;border-right:1.8px solid #617782;border-bottom:1.8px solid #617782;transform:rotate(45deg);margin-top:-5px;transition:transform .2s}
  .is-active .price-accordion-chevron{transform:rotate(225deg);margin-top:4px}
  .price-accordion-panel{border-top:1px solid #eceeee;padding:17px 19px 22px}
  .price-accordion-quota{color:#cb6a49;font:750 11px/1.3 var(--font)}
  .price-accordion-panel h4{font:750 22px/1.18 var(--font);letter-spacing:-.045em;margin:16px 0 9px;color:#2a3940}
  .price-accordion-panel p{font-size:13px;line-height:1.6;color:#62727a;margin-bottom:14px}
  .price-accordion-panel ul{list-style:none;margin:13px 0 19px;padding:0;border-top:1px solid #edf0ef}
  .price-accordion-panel li{padding:12px 4px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #edf0ef;color:#33444c;font-size:12px;line-height:1.45}
  .price-accordion-panel li:before{content:'✓';color:#e87856;font-weight:800}
  .price-accordion-link{display:block;text-align:center;font:750 13px/1.3 var(--font);background:#fb7650;color:#fff;padding:14px 16px;border-radius:999px}
  .pricing-custom{margin-top:18px}
  .pricing-note{font-size:10.5px}

  /* Sticky mobile action bar mirrors the reference navigation, without false promises. */
  .mobile-action-bar{position:fixed;opacity:0;transform:translateY(110%);pointer-events:none;transition:opacity .25s,transform .25s;z-index:99;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.67fr);gap:7px;padding:9px max(14px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(255,255,255,.97);box-shadow:0 -7px 30px rgba(25,32,37,.08);border-top:1px solid #eceeed}
  .mobile-action-bar.is-visible{opacity:1;transform:none;pointer-events:auto}
  .mobile-action-primary,.mobile-action-secondary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;border-radius:999px;font:750 12px/1.3 var(--font);border:none}
  .mobile-action-primary{color:white;background:#fb7650}
  .mobile-action-secondary{color:#33454e;background:#f0f2f2}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(max-width:580px){
  .header{top:10px;width:calc(100% - 28px);margin:10px auto 0;border:1px solid #eef0ee;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 6px 26px rgba(40,49,51,.065)}
  .header .nav-right .nav-start{display:none!important}
  .nav-inner{height:53px;min-height:53px;width:100%;padding:0 10px 0 17px}
  .navigation{top:60px;border-radius:18px}
  .header .wordmark{width:165px}
  .mobile-nav-toggle{border-radius:999px}
  .hero-stage{min-height:calc(100svh - 75px - 64px);padding:0 0 10px}
  .hero-center{padding:40px 0 50px}
  .hero h1{font-size:clamp(35px,9.2vw,46px);line-height:1.10;letter-spacing:-.07em;margin:0 auto 15px}
  .hero-lead{font-size:13px;line-height:1.6;max-width:320px;margin:0 auto}
  .hero-demo-box{margin-top:22px}
  .hero-form{background:transparent;box-shadow:none;border:none;padding:0;gap:8px}
  .hero-form .company-search-wrap{background:#fff;border:1px solid #eaebea;border-radius:16px;padding:0 4px;box-shadow:0 5px 17px rgba(30,36,36,.04)}
  .hero-form input{border:0;background:transparent;min-height:47px}
  .hero-form .btn{border-radius:999px;background:#fb7650;box-shadow:0 6px 17px rgba(243,116,77,.14);min-height:48px;justify-content:center}
  .hero-demo-meta{margin-top:13px;font-size:9.5px;line-height:1.5}
  .hero-secondary{margin-top:15px;gap:9px}
  .hero-availability{font-size:10px}
  .hero-demo-link{font-size:11px}
  .journey-heading h2{font-size:clamp(25px,6.2vw,33px)!important}
  .journey-mobile-tabs{margin-bottom:12px;padding:4px}
  .journey-mobile-tab{font-size:10.8px;gap:4px;min-height:42px;padding:8px 2px}
  .mobile-tab-dot{width:5px;height:5px;flex-basis:5px}
  .journey-window{min-height:350px}
  .journey-window-head{height:48px;flex-basis:48px;padding:0 14px}
  .journey-window-body,.journey-panel{min-height:262px}
  .journey-phone-animation{height:120px}
  .journey-phone-number{font-size:26px}
  .journey-panel[data-journey-panel="2"]{justify-content:flex-start}
  .journey-chat-area{gap:8px}
  .journey-chat-line p{font-size:11px;line-height:1.4}
  .journey-extraction{margin-top:13px;gap:8px}
  .journey-mobile-explainer{margin-top:18px;min-height:78px}
  .advantage-before,.advantage-after{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:16px 14px}
  .advantage-pair p{font-size:12.4px}
  .price-accordion-amount strong{font-size:14px}
}
@media(max-width:365px){
 .journey-mobile-tab{font-size:9.5px}.price-accordion-name{font-size:14px}.price-accordion-toggle{gap:6px;padding:11px}
 .advantage-before,.advantage-after{grid-template-columns:86px minmax(0,1fr);gap:8px}
}
@media(prefers-reduced-motion:reduce){.journey-mobile-tab,.price-accordion-chevron,.price-accordion-item{transition:none!important}}