/* The mobile design is the baseline. Only wide layouts are changed here. */
.hero-scroll-cue{display:none}
.card-cursor{display:none}

@media(min-width:1051px){
  :root{--desktop-frame:1440px;--desktop-inset:clamp(32px,4vw,64px);--desktop-content:calc(var(--desktop-frame) - 2 * var(--desktop-inset));--desktop-width:min(calc(100% - 64px),var(--desktop-frame));--desktop-gap:clamp(32px,4vw,56px);--header-height:100px}
  html{scroll-padding-top:0}
  .header{width:var(--desktop-width);max-width:none;margin-inline:auto;padding:0 var(--desktop-inset);gap:22px;height:var(--header-height)}
  .header .brand-modern{gap:0;flex-shrink:0;margin-right:20px}
  .brand-modern>.brand-mobile-logo{--logo-circle:42px;--logo-wordmark:131.1px;display:flex;align-items:center;gap:12px;width:auto;flex:0 0 auto;line-height:0;animation:none}
  .header .desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
  .header .desktop-nav a{font-size:14px;font-weight:450;line-height:1.5;padding:14px 0}
  .header-demo{height:44px;padding:0 22px;font-size:14px;border-radius:5px}
  .header .header-portal{min-height:44px;padding:10px 12px;font-size:13px}
  .header .menu-toggle{display:none}
  .button{min-height:54px;border-radius:6px;font-size:14px;line-height:1.5}
  .button:hover{transform:translateY(-2px)}

  /* A generous opening without scaling the mobile viewport to an entire monitor. */
  .hero{width:var(--desktop-width);max-width:none;min-height:calc(var(--page-vh,1svh) * 100 - var(--header-height));padding:72px var(--desktop-inset);justify-content:center;isolation:isolate;overflow:clip}
  .hero>.hero-label{font-size:12px;letter-spacing:.15em;line-height:1.7;white-space:nowrap}
  .hero>h1{font-size:clamp(72px,7vw,104px);line-height:1.06;font-weight:450;letter-spacing:-.06em;margin-top:28px;max-width:1120px}
  .hero h1>.headline-line{display:block;white-space:nowrap}
  .hero.has-scroll-motion .hero-exit{transform:translate3d(var(--hero-exit-x,0px),0,0);opacity:var(--hero-exit-opacity,1);will-change:transform,opacity}
  .hero>.hero-description{max-width:820px;font-size:18px;line-height:1.75;margin-top:29px;text-wrap:pretty}
  .hero>.hero-description br{display:none}
  .hero>.hero-actions{width:min(100%,610px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
  .hero>.hero-scroll-cue{position:absolute;bottom:16px;left:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;color:#6e766a;opacity:1;visibility:visible;transition:background .2s,color .2s,opacity .22s,visibility 0s}
  .hero-scroll-cue>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:hero-cue-nudge 1.8s ease-in-out infinite}
  .hero-scroll-cue:hover{background:#25322b0a;color:var(--ink)}
  .hero>.hero-scroll-cue.is-dismissed{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility 0s linear .22s}
  .hero-scroll-cue.is-dismissed>svg,.motion-paused .hero-scroll-cue>svg{animation-play-state:paused}

  /* Six equal cards retain the mobile colours and illustrations. */
  .product-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1fr;width:var(--desktop-width);max-width:none;margin:0 auto;padding:0;gap:20px;overflow:visible;scroll-snap-type:none;align-items:stretch}
  .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;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;transition-delay:0s}
  .product-overview .product-card:nth-child(n){transition-delay:0s}
  .product-overview>.product-card:focus-visible{border-color:var(--explanation-accent);box-shadow:0 18px 42px -20px #25322b55}
  .product-overview .card-plus{width:32px;height:32px;flex:0 0 32px;border-radius:50%;transition:color .2s}
  .product-overview .card-plus svg{width:24px;height:24px;stroke-width:2;overflow:visible}
  .product-overview .card-plus svg path{transform-box:view-box;transform-origin:12px 12px;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
  .product-overview .card-meta{font-size:11px;line-height:1.5;letter-spacing:.07em}
  .product-overview .product-card h2{font-size:clamp(26px,2.25vw,34px);line-height:1.15;letter-spacing:-.04em;margin-top:20px;min-height:2.3em;text-wrap:wrap;max-width:none}
  .product-overview .product-card>p{font-size:15px;line-height:1.7;margin:17px 0 0;max-width:none;flex:1}
  .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{height:132px;width:100%}
  .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 .quality-audience-output{padding-top:12px}
  .product-overview .quality-audience-output>svg{height:12px}
  .product-overview .learning-preview{grid-template-rows:repeat(3,minmax(38px,auto));gap:9px;height:auto;min-height:132px;flex:0 0 auto;align-content:center}
  .product-overview .learning-preview>div{min-height:38px;overflow:visible;padding:8px 12px;font-size:13px;line-height:20px;background:#efebf0}
  .product-overview .learning-preview>div>span{display:block;min-width:0;line-height:20px;white-space:nowrap}
  .product-overview .learning-progress{left:1px;right:1px;width:auto;border-radius:2px;opacity:.55}
  .product-overview .cross-platform-preview{display:flex;flex-direction:column;justify-content:center}
  .product-overview .cross-platform-channels{width:100%}
  .product-overview .cross-platform-preview>svg{height:46px}
  .product-overview+.swipe-controls{display:none}
  .platform-strip{width:min(calc(100% - 64px - 2 * var(--desktop-inset)),var(--desktop-content));max-width:none;margin:0 auto;padding:44px 0 48px;display:block}
  .platform-strip-heading{margin-bottom:22px;text-align:center}
  .platform-strip-heading>p{font-size:14px}
  .platform-logo-item{font-size:21px;gap:11px}
  .platform-logo-mark{width:30px;height:30px}
  .platform-marquee-shell{--logo-edge-width:36px}

  /* One content width and one heading rhythm across the complete page. */
  .philosophy-meaning.section,.technology.section,.lower-collaboration.section{width:var(--desktop-width);max-width:none;margin-inline:auto;padding:80px var(--desktop-inset)}
  .philosophy-meaning.section{margin-top:40px;padding-block:64px;border-radius:18px}
  .technology.section{padding-block:88px}
  .philosophy-meaning .philosophy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap);margin:0;align-items:start}
  .philosophy-meaning .philosophy-heading h2{font-size:clamp(38px,3.6vw,52px);line-height:1.12;letter-spacing:-.045em;max-width:470px}
  .philosophy-meaning .philosophy-copy>p{font-size:16px;line-height:1.8;max-width:66ch}
  .philosophy-meaning .philosophy-copy>p+p{margin-top:20px}
  .technology-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0 var(--desktop-gap);align-items:start;max-width:none;width:100%;margin:0}
  .technology h2{grid-column:1;grid-row:1;font-size:clamp(36px,3.25vw,48px);line-height:1.13;letter-spacing:-.045em;max-width:none;text-wrap:balance}
  .technology-layout{display:contents}
  .technology-layout>.technology-intro{grid-column:1;grid-row:2;font-size:16px;line-height:1.8;max-width:60ch;margin-top:28px}
  .technology-details{grid-column:1;grid-row:3;align-self:start;min-width:0}
  .technology-benefits{gap:19px;margin-top:25px}
  .technology-benefits>li{grid-template-columns:20px minmax(0,1fr);gap:13px;font-size:15px;line-height:1.65;font-weight:500}
  .technology-check{width:20px;height:20px;margin-top:3px}
  .technology-cta{width:auto;min-width:280px;margin-top:28px}
  .technology-layout>.engine-demo-preview{grid-column:2;grid-row:1/span 3;min-width:0;margin:0}
  .engine-demo-surface{padding:28px;border-radius:14px;box-shadow:0 16px 44px -30px #5b564045}
  .engine-demo-brand>span:first-child{font-size:10px}
  .engine-demo-heading h3{font-size:34px}
  .engine-demo-clock>span{font-size:9px}
  .engine-demo-clock time{font-size:40px}
  .engine-demo-campaign{font-size:14px}
  .engine-demo-campaign>span>span{font-size:11px}
  .engine-demo-kpis{gap:10px}
  .engine-demo-kpis>div{padding:14px 16px}
  .engine-demo-kpis dt{font-size:12px}
  .engine-demo-kpis dd{font-size:32px}
  .engine-demo-kpis dd small{font-size:10px}
  .engine-delivery-label,.engine-delivery-plan,.engine-budget>div:first-child{font-size:11px}
  .engine-monitor p{font-size:12px;line-height:1.65}
  .engine-timeflow-heading{font-size:9px}

  .explanation-series{width:var(--desktop-width);max-width:none;gap:24px;margin:0 auto;padding:0}
  .explanation-series>.explanation.section{padding:56px var(--desktop-inset);border-radius:18px}
  .explanation .section-label{font-size:11px;line-height:1.6;letter-spacing:.075em}
  .explanation .section-heading,.lower-chapter-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--desktop-gap);align-items:start;margin:32px 0 40px}
  .explanation .section-heading.section-heading-divided{padding-bottom:32px;margin-bottom:24px}
  .explanation .section-heading h2,.lower-chapter-heading h2,.price-chapter-intro h2{font-size:clamp(36px,3.5vw,50px);line-height:1.13;letter-spacing:-.045em;max-width:none;text-wrap:balance}
  .explanation .explanation-intro,.lower-chapter-heading>p{font-size:16px;line-height:1.8;max-width:62ch}
  .explanation .explanation-intro p+p{margin-top:16px}
  .explanation .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.08em}

  /* Personas sit alongside one another, with a full-width dossier on demand. */
  .persona-campaign-brief{width:100%;max-width:none;font-size:15px;line-height:1.75}
  .persona-campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
  .persona-campaign-grid .kokeshi-persona-card{border-radius:10px}
  .persona-card-content{height:100%}
  .persona-card-summary{grid-template-columns:minmax(80px,38%) minmax(0,1fr);grid-template-rows:174px auto;column-gap:14px;padding:30px 22px 24px;min-height:0;height:100%}
  .persona-campaign-grid .kokeshi-persona-copy{padding:0}
  .persona-campaign-grid .kokeshi-persona-quote{align-self:start;min-height:4.8em}
  .persona-card-visual .kokeshi-figure{height:174px;max-width:134px}
  .persona-campaign-grid .kokeshi-persona-heading h4{font-size:21px}
  .persona-campaign-grid .kokeshi-persona-role{font-size:13px;line-height:1.55}
  .persona-campaign-grid .kokeshi-persona-quote{font-size:14px;line-height:1.7;margin-top:12px}
  .persona-campaign-grid .kokeshi-persona-card.is-expanded{grid-column:1/-1}
  .persona-campaign-grid .is-expanded .persona-card-summary{display:block;min-height:0;height:auto;padding:0}
  .persona-campaign-grid .is-expanded .persona-card-content{height:auto}
  .persona-campaign-grid .is-expanded .kokeshi-persona-copy{padding:26px 32px 0}
  .persona-detail-inner{padding:24px 32px 30px}
  .persona-detail-hero{grid-template-columns:180px minmax(0,1fr);gap:36px;max-width:1000px}
  .persona-detail-bio h5{font-size:30px;max-width:700px}
  .persona-detail-bio>p{font-size:15px;line-height:1.75;max-width:72ch}
  .persona-explorer{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 32px;padding-top:28px}
  .persona-explorer-intro{grid-column:1/-1;grid-row:1}
  .persona-category-tabs{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);align-self:start;gap:8px;margin:20px 0 0}
  .persona-category-tabs button{font-size:12px;padding:12px 10px;min-height:48px}
  .persona-category-results{grid-column:2;grid-row:2;margin-top:20px;min-height:0}
  .persona-examples{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}
  .persona-examples li{font-size:14px;min-height:45px;padding:12px 15px}
  .persona-profile-note{grid-column:1/-1;margin-top:18px;font-size:12px}
  .persona-details-close{margin-top:24px}

  /* Evidence stays together on the left, with three open explanations alongside it. */
  #audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--desktop-gap);row-gap:0}
  #audiences>.section-label,#audiences>.section-heading{grid-column:1/-1}
  #audiences>.targeting-evidence{grid-column:1;grid-row:3;display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:12px;min-width:0}
  .targeting-evidence>.targeting-potential{gap:14px;margin:0;width:100%}
  .targeting-potential-visual{width:100%;max-width:520px}
  .targeting-step-heading{margin-bottom:0}
  .targeting-potential .targeting-step-scene .eyebrow{font-size:12px}
  .targeting-potential .targeting-step-scene h3{font-size:clamp(24px,2.4vw,32px);margin-top:4px}
  .targeting-evidence>.targeting-results{width:100%;max-width:none;margin:0;padding-top:18px;border-top:1px solid #5c382826}
  .targeting-results .targeting-results-intro{font-size:16px;line-height:1.65;margin-bottom:20px}
  .targeting-results .targeting-result-value{font-size:clamp(54px,5vw,72px);margin:9px 0 13px}
  .targeting-results .targeting-result-label{font-size:14px;line-height:1.5}
  .targeting-result{padding-inline:16px}
  #audiences>.targeting-explanation-flow{grid-column:2;grid-row:3;align-self:start;display:block;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:24px 0;border:0;border-top:1px solid #5c382830}
  .targeting-explanation-flow li:first-child{padding-top:0;border-top:0}
  .targeting-explanation-flow .audience-disclosure summary{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-height:0;cursor:default}
  .targeting-explanation-flow .audience-disclosure-icon{display:none}
  .targeting-explanation-flow .audience-disclosure-body{animation:none}
  .audience-disclosure-title{font-size:23px}
  .targeting-explanation-flow .audience-disclosure-body p{font-size:15px;line-height:1.75;margin:15px 0 0}

  /* Budget control, platform logic and the lower chapters use the same scale. */
  .price-chapter-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;gap:32px var(--desktop-gap);margin-top:32px}
  .price-chapter-intro{grid-column:1;grid-row:1}
  .price-chapter-intro>p{font-size:16px;line-height:1.8;max-width:60ch;margin-top:23px}
  .price-chapter-story{grid-column:2;grid-row:1/span 2}
  .price-kpi-sheet{grid-column:1;grid-row:2;padding:26px;border-radius:10px}
  .price-kpi-row{grid-template-columns:24px 44px minmax(0,1fr);gap:12px;padding-block:20px}
  .price-kpi-row dd{display:block;font-size:14px}
  .price-kpi-row dd>span{font-size:11px;margin-top:4px}
  #price-optimization .price-story-copy h3{font-size:28px;line-height:1.2}
  .price-story-copy p{font-size:15px;line-height:1.75}

  .platform-explanation-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap);align-items:start}
  .platform-principle{padding:28px;border-radius:10px}
  .platform-principle h3{font-size:30px;line-height:1.2}
  .platform-explanation-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .platform-explanation-list article,.platform-explanation-list article:first-child,.platform-explanation-list article:last-child{display:block;padding:23px;border:1px solid #4c626225;border-radius:9px;background:#ffffff30}
  .platform-explanation-list img{width:32px;height:30px;margin:0 0 16px;opacity:.8}
  .platform-explanation-list h3{font-size:21px;line-height:1.3}
  .platform-explanation-list p{font-size:14px;line-height:1.75;margin-top:10px}
  .explanation-takeaway{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap);font-size:15px;line-height:1.75;margin-top:32px;padding-top:23px}
  .lower-report-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap)}
  .lower-report-log{padding:26px}
  .lower-report-scope{gap:26px}
  .lower-report-scope dt{font-size:24px}
  .lower-report-scope dd{font-size:15px;line-height:1.8}
  .lower-report-body{padding-left:0}
  .lower-report-body dd{font-size:15px;line-height:1.75}
  .lower-report-header h3{font-size:27px}
  .lower-learning-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--desktop-gap)}
  .lower-learning-visual{max-width:480px}
  .lower-learning-outcomes h3{font-size:25px}
  .lower-learning-outcomes p{font-size:15px;line-height:1.8}
  .lower-responsibilities{gap:24px}
  .lower-responsibilities>article{padding:32px;border-radius:12px}
  .lower-responsibilities h3{font-size:30px;max-width:460px}
  .lower-start{margin-top:56px;padding-top:40px;border-top:1px solid #2b3c3125}
  .lower-start>ol{gap:24px}
  .lower-start-step summary{align-items:start}
  .lower-start-number{padding-top:5px}
  .lower-start-step .lower-plus{margin-top:3px}
  .lower-start-step summary{min-height:110px}
  .lower-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap);margin-top:56px;padding-top:48px}
  .lower-faq .faq-list{margin:0}
  .lower-faq .faq-list>details:first-child{border-top:0}
  .lower-faq .faq-list>details:first-child summary{padding-top:0;min-height:44px}
  .lower-faq h3{font-size:40px}
  .lower-faq .faq-list summary{font-size:17px}
  .lower-closing.section{width:var(--desktop-width);max-width:none;margin:0 auto;padding:72px var(--desktop-inset);border-radius:18px}
  .lower-closing>h2{font-size:clamp(64px,6vw,88px);line-height:1.08}
  .lower-closing>p{font-size:17px;max-width:600px}
  .footer,.contact-page .footer{width:var(--desktop-width);max-width:none;margin:0 auto;padding:32px var(--desktop-inset);gap:24px;flex-wrap:nowrap}
  .footer>span{order:0;width:auto;max-width:260px;text-align:center;font-size:12px;line-height:1.6}
  .lower-footer>nav{gap:24px}

  /* The demo destination shares the same masthead, spacing and type scale. */
  .contact-main{width:var(--desktop-width);max-width:none;margin-inline:auto;padding:36px var(--desktop-inset) 84px}
  .contact-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--desktop-gap);align-items:start;margin-top:35px}
  .contact-intro{padding-top:12px}
  .contact-intro h1{font-size:clamp(60px,6vw,82px);line-height:1.08;letter-spacing:-.055em}
  .contact-intro .contact-lead{max-width:500px;font-size:19px;line-height:1.7}
  .contact-intro>p:not(.eyebrow):not(.contact-lead):not(.contact-signature){max-width:500px;font-size:16px;line-height:1.8}
  .contact-agenda{max-width:500px}
  .contact-card{padding:34px;border-radius:12px}
  .contact-card-heading h2{font-size:32px}
}

@media(min-width:1051px) and (max-width:1199px){
  .header{gap:15px}
  .header .brand-modern{margin-right:4px}
  .brand-modern>.brand-mobile-logo{--logo-circle:38px;--logo-wordmark:118.6px;gap:11px}
  .header .desktop-nav{gap:18px}
  .header .desktop-nav a{font-size:13px}
  .header-demo{padding-inline:18px}
  .header .header-portal{padding-inline:8px}
  .product-overview>.product-card{padding:24px}
  .product-overview .product-card>p{font-size:14px;line-height:1.7}
  .persona-card-summary{padding:30px 17px 22px;column-gap:10px;grid-template-rows:156px auto}
  .persona-campaign-grid .kokeshi-persona-heading h4{font-size:19px}
  .persona-card-visual .kokeshi-figure{height:156px}
  .kokeshi-persona-copy>.persona-signal-count{font-size:10px;padding:6px}
  .engine-demo-surface{padding:23px}
  .engine-demo-heading h3{font-size:31px}
  .engine-demo-kpis dd{font-size:28px}
  .platform-explanation-layout{gap:var(--desktop-gap)}
  .platform-explanation-list article,.platform-explanation-list article:first-child,.platform-explanation-list article:last-child{padding:19px}
  .platform-explanation-list h3{font-size:19px}
  .lower-report-body dl>div{display:block}
}

@media(min-width:1280px){
  .platform-explanation-list{grid-template-columns:repeat(2,minmax(0,1fr))}

  .lower-report-body dl>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px}
}

@media(min-width:1600px){
  .header .brand-modern{margin-right:30px}
  .header .desktop-nav{gap:30px}
  .product-overview>.product-card{padding:31px}
  .persona-card-summary{min-height:0;padding:30px 26px 24px;grid-template-rows:190px auto}
  .persona-card-visual .kokeshi-figure{height:190px}
  .engine-demo-surface{padding:32px}
}

/* Short laptop windows still show the full introduction and its scroll cue. */
@media(min-width:1051px) and (max-height:820px){
  .hero{padding-block:64px}
  .hero>h1{font-size:clamp(64px,6.5vw,82px);margin-top:20px}
  .hero>.hero-description{font-size:16px;line-height:1.65;margin-top:22px}
  .hero>.hero-actions{margin-top:28px}
  .hero>.hero-scroll-cue{bottom:10px}
}
@media(min-width:1051px) and (max-height:700px){
  .hero{padding-block:56px}
  .hero>.hero-label{font-size:11px}
  .hero>h1{font-size:clamp(52px,5.4vw,64px);margin-top:16px}
  .hero>.hero-description{font-size:15px;line-height:1.6;margin-top:18px}
  .hero>.hero-actions{margin-top:20px}
  .hero>.hero-actions .button{min-height:48px}
  .hero>.hero-scroll-cue{bottom:6px}
}

@keyframes hero-cue-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}

@media(min-width:1051px) and (hover:hover) and (pointer:fine){
  /* Muted complementary hues, paired with the six existing card surfaces. */
  .product-card.persona-generation{--cursor-accent:#3b4b68}
  .product-card.coral{--cursor-accent:#39596a}
  .product-card.chrome{--cursor-accent:#404a64}
  .product-card.cross-platform{--cursor-accent:#644040}
  .product-card.reporting{--cursor-accent:#405c64}
  .product-card.lavender{--cursor-accent:#484064}
  .product-overview>.product-card:hover{z-index:3;transform:none;border-color:var(--explanation-accent);box-shadow:0 22px 44px -16px #25322b45}
  .product-overview>.product-card:hover .card-plus{background:var(--cursor-accent,var(--explanation-accent));color:var(--paper)}
  .product-overview>.product-card:hover .card-plus svg path{transform:rotate(90deg)}
}

@media(min-width:1051px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .product-overview .product-card.is-pointer-over,.product-overview .product-card.is-pointer-over *{cursor:none}
  :is(.targeting-potential,.engine-demo,.price-budget-demo,.platform-budget-figure).is-pointer-over,:is(.targeting-potential,.engine-demo,.price-budget-demo,.platform-budget-figure).is-pointer-over *{cursor:none}
  .card-cursor{--cursor-size:88px;display:block;position:fixed;top:0;left:0;width:var(--cursor-size);height:var(--cursor-size);z-index:90;pointer-events:none;user-select:none;visibility:hidden}
  .card-cursor-bubble{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:var(--cursor-size);height:var(--cursor-size);color:var(--paper);font-size:11px;font-weight:500;line-height:1.3}
  .card-cursor-disc{position:absolute;inset:0;z-index:0;width:var(--cursor-size);height:var(--cursor-size);fill:var(--cursor-accent,var(--ink));stroke:none}
  .card-cursor-feedback{position:absolute;inset:0;z-index:1;width:var(--cursor-size);height:var(--cursor-size);fill:none;stroke:var(--paper);stroke-width:2.2;stroke-linecap:round;opacity:0;transform-origin:center;pointer-events:none}
  .card-cursor-icon{position:relative;z-index:2;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .card-cursor-bubble>span{position:relative}
  .card-cursor-copy{z-index:2;opacity:1;transform:none;display:flex;flex-direction:column;align-items:center;gap:2px}
  .card-cursor-progress{display:none;font-size:9px;font-weight:400;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.75}
  .card-cursor.is-visible{visibility:visible}
  .card-cursor.is-advance{--cursor-size:56px}
  .card-cursor.is-advance .card-cursor-icon{display:none}
  .card-cursor.is-advance .card-cursor-progress{display:block}
  .card-cursor.is-advance .card-cursor-progress:empty{display:none}
}

@media(min-width:1051px) and (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .product-overview>.product-card,.product-overview .card-plus,.product-overview .card-plus svg path,.button{transition:none}
  .product-overview>.product-card:hover,.product-overview>.product-card:hover .card-plus svg path,.button:hover{transform:none}
  .hero>.hero-scroll-cue{transition:none}
  .hero-scroll-cue>svg{animation:none}
}