/* Mobile keeps every forecast, animation and comparison column. */
.visual-toolbar{display:flex;justify-content:flex-end;padding:0 25px 8px;gap:12px}
.visual-toolbar button,.matrix-toolbar button{border:1px solid #d0e5f2;border-radius:22px;padding:9px 14px;min-height:44px;background:#f8fcff;color:#327b9f;font-size:12px;line-height:1.4;white-space:nowrap}
.visual-toolbar button span,.matrix-toolbar button span{margin-left:8px;font-size:17px}
.bs-product+.visual-toolbar{padding-top:13px;padding-bottom:0}
.validation-chart>.visual-toolbar{padding:0 0 16px}
.matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.matrix-toolbar p{font-size:12px;color:#64849a}.matrix-toolbar p span{margin-left:8px}
.mobile-cta-text{display:none}
#visual-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;margin:0;border:0;background:#f7fbfe;color:var(--ink);overflow:auto;overscroll-behavior:contain}
#visual-dialog:not([open]){display:none}
#visual-dialog::backdrop{background:#1a425570}
.dialog-toolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));background:#fffffff5;border-bottom:1px solid #dceaf3}
.dialog-toolbar h2{font-size:17px;line-height:1.4;letter-spacing:-.02em}
.dialog-toolbar button{min-height:44px;flex:none;padding:10px 14px;border:1px solid #cddfea;border-radius:23px;background:white;font-size:13px;color:#376982}
.dialog-toolbar button span{font-size:20px;margin-left:8px}
#visual-content{max-width:1280px;margin:auto;padding:20px 24px max(28px,env(safe-area-inset-bottom))}
#visual-content>.is-expanded{margin:0!important;width:100%;max-width:none;box-shadow:none}
.is-expanded .visual-toolbar{display:none}
.is-expanded.matrix-shell{overflow-x:auto}
.is-expanded.validation{display:block}.is-expanded .validation-copy{padding-bottom:26px}.is-expanded .validation-chart{width:100%}
.is-expanded .bs-plot{padding-top:22px}
.is-expanded .bs-tooltip{z-index:20}

@media(max-width:650px){
  .matrix-shell{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-radius:14px;isolation:isolate}
  #compare-table{table-layout:fixed;width:530px;min-width:530px;border-collapse:separate;border-spacing:0}
  #compare-table [data-competitor]{display:table-cell!important;width:106px}
  #compare-table th:first-child{width:132px;position:sticky;left:0;z-index:3;background:#fff;box-shadow:1px 0 #e0edf5}
  #compare-table .kapichu-col{position:sticky;left:132px;z-index:3;width:80px;min-width:80px;background:#edf8ff;box-shadow:3px 0 6px -5px #317f9d}
  #compare-table thead th:first-child{background:#f9fcff}
  #compare-table th,#compare-table td{padding:17px 10px}
  #compare-table tbody th{font-size:12px;line-height:1.65;font-weight:400;overflow-wrap:break-word}
  #compare-table thead th{font-size:11px;line-height:1.55;white-space:normal}
  #compare-table thead .kapichu-col{font-size:14px}
  #compare-table thead th a>span{display:inline}
  .matrix-mark{width:30px;height:30px;font-size:26px}
  .matrix-toolbar{align-items:center}.matrix-toolbar p{font-size:11px;line-height:1.6;max-width:150px}.matrix-toolbar button{font-size:12px}
  .matrix-legend{font-size:11px;line-height:1.7;gap:12px}
}

@media(max-width:600px){
  :root{--pad:18px}
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:70px}
  .brand img{width:115px}.site-header .header-cta{display:block;padding:10px 12px;min-height:42px;font-size:11px;align-content:center;white-space:nowrap}
  .desktop-cta-text{display:none}.mobile-cta-text{display:inline}
  .menu-toggle{padding:10px 11px;min-height:44px;font-size:12px}
  .mobile-nav:not([hidden]){grid-column:1/4;width:100%;font-size:16px;padding:12px 0 19px}.mobile-nav a{min-height:46px;padding:11px 3px}
  .hero-description,.section-heading>p{font-size:16px;line-height:1.75}
  .hero-actions{flex-direction:row;flex-wrap:wrap;gap:9px 20px;font-size:13px}
  .hero-kicker{font-size:12px}.hero{padding-bottom:70px}
  .automation{margin-inline:-3px}.automation-top{padding:15px 17px;font-size:10px}.automation-top>.example-label{font-size:9px;width:52px}
  .automation-heading{padding:25px 20px 17px}.automation-heading h2{font-size:28px}.automation-heading>p{font-size:13px;line-height:1.65}
  .automation-canvas{padding:0 19px 8px}
  .auto-stage{padding:18px 0}.stage-heading{margin-bottom:12px;gap:9px}.stage-heading h3{font-size:16px}.stage-heading>span{font-size:11px}
  .auto-source .source-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;min-height:0}
  .data-ticket,.data-ticket:nth-child(3){grid-column:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 9px;gap:8px;min-height:113px}
  .data-ticket svg{width:17px;height:17px}.data-ticket>span:not(.ticket-meter){font-size:11px;line-height:1.55;min-height:34px;white-space:normal}
  .ticket-meter{width:100%;min-width:0;margin:0;padding-bottom:6px}.ticket-meter>b{font-size:10px;text-align:left}
  .auto-stage .stage-note{font-size:11px;line-height:1.7;min-height:0;padding-top:10px}.auto-source .stage-note{padding-top:10px}
  .auto-model{padding:21px 0}.forecast-count{gap:17px}.forecast-count strong{font-size:46px}.forecast-count>span{font-size:12px;max-width:148px}
  .field-phase{font-size:12px;min-height:21px;margin-top:10px}.forecast-field{width:calc(100% + 12px);margin:12px -6px 0}
  .auto-model .stage-note{margin-top:2px;padding-top:0}
  .auto-result .chosen-ticket{padding:18px 15px;gap:5px 14px}.chosen-label,.chosen-profit>span{font-size:11px;line-height:1.6}
  .chosen-ticket>strong{font-size:33px}.chosen-profit>b{font-size:26px}.chosen-check{font-size:11px;gap:8px;padding-top:12px}
  .automation-feedback{height:44px;margin-inline:12px}.automation-feedback svg{display:block;width:100%;height:37px}.automation-feedback>span{font-size:10px;top:16px;background:white;padding-inline:9px}
  .automation[data-running=true] .automation-feedback .return-flow{animation:feedback-return 6s linear infinite!important}
  .automation-foot{padding:17px 20px;align-items:center;flex-wrap:wrap;gap:10px}.automation-foot .automation-promise{flex:0 0 100%;width:100%}.automation-promise strong,.automation-promise p>span{max-width:none}.automation-foot .replay{margin-left:auto}.automation-promise strong{font-size:12px}.automation-promise p>span{font-size:11px}.automation-foot .replay{font-size:12px;min-height:44px}
  .visual-toolbar{padding:0 18px 12px}.visual-toolbar button{font-size:12px;padding:10px 13px}
  .bs-product{padding:20px 18px;gap:12px}.bs-product-name{grid-template-columns:43px minmax(0,1fr);gap:10px}.bs-product h3{font-size:17px;white-space:normal}.bs-product p{font-size:11px}.bs-example{font-size:9px;max-width:58px}
  .bs-sequence{padding:12px 18px 0;gap:10px}.bs-sequence button{min-height:67px;padding:10px 0 13px}.bs-sequence button>span{font-size:11px}.bs-sequence button>strong{font-size:12px;white-space:normal;line-height:1.45}
  .bs-stage{padding:10px 18px 0;min-height:73px}.bs-stage>p{font-size:12px;line-height:1.55}.bs-stage>.bs-play{font-size:11px;width:79px;min-height:46px}
  .bs-chart-heading{margin:8px 10px 12px}.bs-chart-heading h4{font-size:13px;max-width:225px;line-height:1.6}.bs-chart-heading>span{font-size:11px}
  .bs-live{padding:15px 13px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);gap:11px}.bs-live>div>span{font-size:11px;min-height:36px;line-height:1.6}
  .bs-live>div>strong{font-size:24px;min-height:31px}.bid-story[data-phase="0"] .bs-live>div:last-of-type>strong{font-size:19px}.bs-live-seal{right:10px;top:9px}
  .bs-plot{padding:8px 7px 20px}.bs-plot>svg{touch-action:pan-y pinch-zoom}.bs-plot>figcaption{font-size:12px;line-height:1.7;max-width:310px;margin:13px auto 0}
  .bs-tooltip{width:210px;padding:13px 15px;font-size:12px;border-radius:13px;background:white;box-shadow:0 8px 28px -10px #56809c55}.bs-tooltip strong{font-size:24px}.bs-tooltip small{font-size:11px}
  .bs-outcome{margin:0 12px 15px}.bs-outcome-head{padding:19px 17px 0}.bs-outcome-head h4{font-size:16px}.bs-outcome-head>span{font-size:12px}
  .bs-comparison{gap:13px;margin:19px 17px 0}.bs-comparison p{font-size:12px;min-height:38px}.bs-bid{font-size:11px;line-height:1.65;max-width:none}.bs-comparison strong{font-size:28px}
  .bs-conclusion>p{font-size:13px;line-height:1.8}.bs-conclusion>div>strong{font-size:28px}.bs-conclusion>div>span{font-size:11px}.bs-conclusion>button{font-size:13px;min-height:46px}
  .bs-limits{font-size:10px;line-height:1.7;gap:12px}.scale-statement{font-size:15px;line-height:1.8}
  .step h3{font-size:22px}.step p{font-size:14px;line-height:1.8}.step-number{font-size:12px}
  .validation-copy>p{font-size:14px;line-height:1.8}.validation-chart{padding:22px 14px}.validation-chart-head{align-items:start}.validation-chart-head>strong{font-size:13px}.validation-chart-head>.example-label{font-size:10px}
  .validation-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:18px 4px}.validation-readout>span{grid-column:1/4;font-size:13px}.validation-readout div>span{font-size:11px}.validation-readout strong{font-size:17px}.validation-legend{font-size:12px;gap:18px}.validation-chart>p{font-size:12px}
  .validation-chart svg{touch-action:pan-y pinch-zoom}.training-link{font-size:13px;min-height:44px;padding:12px 0}
  .faq-question{font-size:17px}.faq-item>div{font-size:14px;line-height:1.8}.faq-item summary{min-height:62px}.faq-heading p{font-size:14px}
  .team-note p{font-size:13px;line-height:1.8}.contact-intro p{font-size:15px;line-height:1.8}.footer p{font-size:11px}.footer a{font-size:12px;min-height:44px;padding-top:10px}
  .dialog-toolbar{padding:10px 15px;padding-top:max(10px,env(safe-area-inset-top))}.dialog-toolbar h2{font-size:15px}.dialog-toolbar button{font-size:12px;padding:9px 11px}
  #visual-content{padding:12px 8px max(24px,env(safe-area-inset-bottom))}.is-expanded .bs-plot{padding-inline:8px}.is-expanded .automation-heading{padding-top:22px}
}
@media(max-width:360px){
  .brand img{width:99px}.site-header .header-cta{padding-inline:10px}.bs-product{padding-inline:15px}.bs-product h3{font-size:15px}.bs-example{font-size:8px;max-width:45px}
  .data-ticket,.data-ticket:nth-child(3){padding:10px 7px}.data-ticket>span:not(.ticket-meter){font-size:10px}
  .bs-sequence button>strong{font-size:11px}.bs-live>div>strong{font-size:22px}.bid-story[data-phase="0"] .bs-live>div:last-of-type>strong{font-size:16px}.bs-comparison strong{font-size:24px}
  .chosen-ticket>strong{font-size:30px}.chosen-profit>b{font-size:23px}.bs-chart-heading h4{max-width:180px}.validation-readout strong{font-size:15px}
  #compare-table{width:512px;min-width:512px}#compare-table th:first-child{width:120px}#compare-table .kapichu-col{left:120px;width:74px;min-width:74px}
}
@keyframes feedback-return{to{stroke-dashoffset:292}}
@media(prefers-reduced-motion:reduce){.automation .automation-feedback .return-flow{animation:none!important}}