/* Tablet layouts use readable columns, full-width charts and the compact menu. */
@media(min-width:761px) and (max-width:1199px){
  :root{--tablet-width:calc(100% - 48px);--tablet-inset:clamp(28px,3.2vw,38px);--tablet-gap:28px;--header-height:88px}
  html{scroll-padding-top:24px}
  .header{width:var(--tablet-width);max-width:none;margin:0 auto;padding:0 var(--tablet-inset);height:var(--header-height);gap:18px;--header-action-width:84px;--header-action-height:34.1px;--header-action-font-size:15px}
  .header .brand-modern{order:0;margin-right:auto;gap:0}
  .header .brand-modern>.brand-mobile-logo{--logo-circle:32px;--logo-wordmark:99.9px;gap:9px;display:flex}
  .header .desktop-nav,.header .header-portal{display:none}
  .header .header-demo{order:1}
  .header .menu-toggle{display:flex;order:2}
  .hero{width:var(--tablet-width);max-width:none;padding:48px var(--tablet-inset);min-height:calc(var(--page-vh,1svh) * 100 - var(--header-height))}
  .hero>.hero-label{font-size:11px;letter-spacing:.1em}
  .hero>h1{font-size:clamp(50px,6.5vw,76px);line-height:1.1;letter-spacing:-.055em;margin-top:28px;max-width:100%}
  .hero h1>.headline-line{white-space:normal}
  .hero>.hero-scroll-cue{display:none}
  .hero>.hero-description{max-width:720px;font-size:17px;line-height:1.75;margin-top:26px}
  .hero>.hero-description br{display:none}
  .hero>.hero-actions{width:min(100%,620px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
  .hero-actions .button{min-height:54px;padding:13px 16px;font-size:14px;gap:12px}

  /* Six cards form three balanced rows instead of compressed desktop columns. */
  .product-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1fr;width:var(--tablet-width);max-width:none;margin:0 auto;padding:0;gap:20px;overflow:visible;scroll-snap-type:none}
  .product-overview>.product-card{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;padding:28px;border-radius:14px}
  .product-overview .product-card:nth-child(n){transition-delay:0s}
  .product-overview>.product-card:hover{transform:none}
  .product-overview .product-card h2{font-size:clamp(28px,3.2vw,35px);line-height:1.16;min-height:2.32em;margin-top:20px;max-width:none;text-wrap:balance}
  .product-overview .product-card>p{flex:1;max-width:none;font-size:15px;line-height:1.7;margin-top:16px}
  .product-overview :is(.persona-generation-preview,.quality-preview,.price-preview,.cross-platform-preview,.learning-preview,.reporting-preview){width:100%;max-width:350px;height:132px;flex:0 0 132px;margin:26px auto 0}
  .product-overview :is(.persona-generation-preview,.price-preview,.reporting-preview)>svg{width:100%;height:132px}
  .product-overview .quality-preview{grid-template-rows:94px 30px;gap:8px}
  .product-overview .quality-segments{grid-template-rows:repeat(3,26px);gap:8px}
  .product-overview .quality-segment{height:26px}
  .product-overview .learning-preview{grid-template-rows:repeat(3,minmax(38px,auto));gap:9px;height:auto;min-height:132px;flex:0 0 auto}
  .product-overview .learning-preview>div{min-height:38px;padding:8px 11px;font-size:13px;line-height:20px;overflow:visible}
  .product-overview .learning-preview>div>span{white-space:normal}
  .product-overview+.swipe-controls{display:none}
  .platform-strip{width:calc(var(--tablet-width) - 2 * var(--tablet-inset));max-width:none;margin:0 auto;padding:36px 0;display:block}
  .platform-strip-heading{text-align:center;margin-bottom:20px}

  /* One spacing system across all chapters. */
  .philosophy-meaning.section,.technology.section,.lower-collaboration.section,.lower-closing.section{width:var(--tablet-width);max-width:none;margin-inline:auto;padding:56px var(--tablet-inset)}
  .philosophy-meaning.section,.lower-closing.section{border-radius:16px}
  .philosophy-meaning .philosophy-grid{grid-template-columns:minmax(0,1fr);gap:26px;margin:0}
  .philosophy-meaning .philosophy-heading h2,.technology h2{font-size:clamp(36px,4.1vw,46px);line-height:1.14;max-width:none}
  .philosophy-meaning .philosophy-copy>p{max-width:none;font-size:16px;line-height:1.8}
  .technology-inner{display:block;max-width:none;width:100%}
  .technology-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:26px;max-width:none;width:100%;margin:28px 0 0}
  .technology-layout>.technology-intro{grid-column:1;grid-row:1;margin:0;max-width:none;font-size:16px;line-height:1.8}
  .technology-layout>.engine-demo-preview{grid-column:1;grid-row:2;width:100%;max-width:600px;justify-self:center;margin:0}
  .technology-layout>.technology-details{grid-column:1;grid-row:3;min-width:0}
  .technology-benefits{margin-top:0;gap:18px}
  .technology-benefits>li{font-size:15px;line-height:1.65}
  .technology-cta{width:min(100%,360px);min-width:0;margin-top:26px}
  .engine-demo-surface{padding:26px}
  .engine-demo-heading h3{font-size:32px}
  .engine-demo-kpis dd{font-size:28px}
  .explanation-series{width:var(--tablet-width);max-width:none;margin:0 auto;padding:0;gap:24px}
  .explanation-series>.explanation.section{padding:44px var(--tablet-inset);border-radius:16px}
  .explanation .section-heading,.lower-chapter-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:28px 0 32px;align-items:start}
  .explanation .section-heading.section-heading-divided{padding-bottom:26px;margin-bottom:28px}
  .explanation .section-heading h2,.lower-chapter-heading h2,.price-chapter-intro h2,.platform-chapter-intro h2{font-size:clamp(34px,4vw,44px);line-height:1.14;max-width:none;text-wrap:balance}
  .explanation .explanation-intro,.lower-chapter-heading>p{max-width:none;font-size:16px;line-height:1.8}

  /* Three compact profiles remain comparable, with the full dossier one tap away. */
  .persona-campaign-brief{max-width:none}
  .persona-campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
  .persona-card-content{height:100%}
  .persona-card-summary{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0;padding:24px 16px 20px;height:100%;min-height:0}
  .persona-card-visual{grid-column:1;grid-row:1}
  .persona-card-visual .kokeshi-figure{height:132px;max-width:100px}
  .persona-campaign-grid .kokeshi-persona-copy{grid-column:1;grid-row:2;padding:14px 0 0;min-width:0}
  .persona-campaign-grid .kokeshi-persona-heading h4{font-size:21px}
  .persona-campaign-grid .kokeshi-persona-role{font-size:13px;line-height:1.55;min-height:3.1em}
  .persona-campaign-grid .kokeshi-persona-quote{grid-column:1;grid-row:3;min-height:0;font-size:14px;line-height:1.7;margin-top:14px;align-self:start}
  .kokeshi-persona-copy>.persona-signal-count{font-size:11px;padding:6px 8px}

  #audiences{display:block}
  #audiences>.targeting-evidence{display:flex;flex-direction:column;gap:24px;margin:0}
  .targeting-evidence>.targeting-potential{width:100%;grid-template-columns:minmax(0,1fr);gap:20px;margin:0}
  .targeting-potential-visual{max-width:500px}
  .targeting-step-heading{margin-bottom:0}
  .targeting-evidence>.targeting-results{max-width:640px;margin:0 auto 28px;padding-top:20px;border-top:1px solid var(--explanation-rule)}
  .targeting-results .targeting-result-value{font-size:clamp(48px,6vw,64px)}
  #audiences>.targeting-explanation-flow{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;border:0;background:transparent}
  .targeting-explanation-flow li,.targeting-explanation-flow li:first-child,.targeting-explanation-flow li:last-child{padding:22px 0;border:0;border-top:1px solid var(--explanation-rule)}
  .targeting-explanation-flow .audience-disclosure summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px 14px;min-height:58px;cursor:pointer}
  .targeting-explanation-flow .audience-disclosure-icon{display:block}
  .audience-disclosure-title{font-size:22px}
  .targeting-explanation-flow .audience-disclosure-body p{font-size:15px;line-height:1.75;margin-top:16px}

  /* Charts keep the full content width, including on landscape tablets. */
  .price-chapter-layout,.platform-chapter-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:28px;margin-top:28px}
  .price-chapter-intro,.price-chapter-story,.price-kpi-sheet,.platform-chapter-intro,.platform-budget-figure,.platform-principles{grid-column:1;grid-row:auto;min-width:0}
  .price-chapter-intro>p,.platform-chapter-intro>p{font-size:16px;line-height:1.8;max-width:none;margin-top:20px}
  .price-budget-demo{padding:26px 24px;margin-inline:0}
  .price-micro-grid{gap:10px}
  .price-micro-tile{min-height:78px}
  .price-micro-tile strong{font-size:20px}
  .price-tile-change{font-size:11px}
  .price-kpi-sheet{padding:26px}
  .price-kpi-sheet>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .price-kpi-row{grid-template-columns:24px 42px minmax(0,1fr);gap:10px;padding-block:18px;min-width:0}
  .price-kpi-row dd{display:block;font-size:14px}
  .price-kpi-row dd>span{font-size:11px;margin-top:4px}
  .platform-budget-figure{padding:26px}
  #cross-platform-optimization .platform-budget-header h3{font-size:28px;white-space:normal;text-wrap:pretty;padding-right:0}
  .platform-demo-stops li{font-size:11px;white-space:normal}
  .platform-demo-stops li>span{display:inline;margin:0 6px 0 0}
  .platform-demo-scenes p{font-size:14px}
  .platform-demo-results dt,.platform-demo-results dd.platform-result-note{font-size:12px}
  .platform-budget-amount{font-size:26px}
  .platform-channel>span{font-size:14px}
  .platform-channel small{font-size:11px}
  .platform-principles>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .platform-principles li{grid-template-columns:minmax(0,1fr);gap:12px}
  #cross-platform-optimization .platform-principles h3{font-size:20px}
  .platform-principles li p{font-size:14px;line-height:1.75}

  .lower-report-layout,.lower-learning-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .lower-report-log{grid-column:1;grid-row:1;padding:26px}
  .lower-report-scope{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .lower-report-scope dt{display:block;font-size:21px}
  .lower-report-scope dt>span{display:block;margin-bottom:10px}
  .lower-report-scope dd{margin:10px 0 0;font-size:15px;line-height:1.75}
  .lower-report-body{padding-left:0}
  .lower-learning-visual{max-width:460px}
  .lower-learning-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .lower-learning-outcomes>li{grid-template-columns:minmax(0,1fr);gap:8px}
  .lower-learning-outcomes h3{font-size:21px}
  .lower-learning-outcomes p{font-size:15px}
  .lower-responsibilities>article{padding:28px}
  .lower-responsibilities h3{font-size:28px}
  .lower-start>ol{grid-template-columns:minmax(0,1fr);gap:0}
  .lower-start-step summary{min-height:90px}
  .lower-faq{grid-template-columns:minmax(0,1fr);gap:28px}
  .lower-faq h3{font-size:34px}
  .lower-faq .faq-list{margin:0}
  .lower-closing>h2{font-size:clamp(52px,6.5vw,72px)}
  .footer,.contact-page .footer{width:var(--tablet-width);max-width:none;margin:0 auto;padding:28px var(--tablet-inset);gap:12px 24px;flex-wrap:wrap}
  .footer>span,.contact-page .lower-footer>span{order:3;width:100%;max-width:none;text-align:left}
  .lower-footer>nav{margin-left:auto;flex-wrap:wrap;gap:20px}
  .scroll-top-control{display:none}

  .contact-main{width:var(--tablet-width);max-width:800px;margin:0 auto;padding:24px var(--tablet-inset) 56px}
  .contact-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  .contact-intro h1{font-size:clamp(48px,5.2vw,60px)}
  .contact-card{padding:28px}
}

/* Wide tablets gain side-by-side text and simpler diagrams, while dense charts stay wide. */
@media(min-width:1000px) and (max-width:1199px){
  .philosophy-meaning .philosophy-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}
  .technology-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;gap:24px 32px}
  .technology-layout>.technology-details{grid-column:1;grid-row:2}
  .technology-layout>.engine-demo-preview{grid-column:2;grid-row:1/span 2;max-width:none}
  .explanation .section-heading,.lower-chapter-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  #audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
  #audiences>.section-label,#audiences>.section-heading{grid-column:1/-1}
  #audiences>.targeting-evidence{grid-column:1;grid-row:3;min-width:0}
  #audiences>.targeting-explanation-flow{grid-column:2;grid-row:3;align-self:start}
  .targeting-explanation-flow li:first-child{border-top:0;padding-top:0}
  .targeting-results .targeting-results-intro{font-size:15px}
  .targeting-results .targeting-result-label{font-size:14px}
  .price-chapter-intro,.platform-chapter-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
  .price-chapter-intro>p,.platform-chapter-intro>p{margin-top:0}
  .lower-report-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
  .lower-report-log{grid-column:2;grid-row:1}
  .lower-report-scope{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr)}
  .lower-learning-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .lower-learning-outcomes{grid-template-columns:minmax(0,1fr)}
  .lower-learning-outcomes>li{grid-template-columns:22px minmax(0,1fr);gap:13px}
  .lower-start>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .lower-start-step summary{min-height:112px;grid-template-columns:20px minmax(0,1fr) 22px;gap:8px}
  .lower-start-step summary strong{font-size:20px}
  .lower-faq{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:32px}
  .contact-main{max-width:none}
  .contact-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
  .contact-intro .contact-lead{font-size:16px}
  .contact-card .form-grid{grid-template-columns:minmax(0,1fr)}
  .contact-card-heading h2{font-size:30px}
}