:root { --sp-unit: 1px; --space-section: calc(96*var(--sp-unit)); --space-block: calc(48*var(--sp-unit)); --space-element: calc(24*var(--sp-unit)); }

@media (min-width: 768px) and (max-width: 1279px) {
  :root { --sp-unit: .72px; }
}

@media (max-width: 767px) {
  :root { --sp-unit: .56px; }
}

@media (min-width: 768px) and (max-width: 799px) {
  .stage.stage { --type-heading-m: 700 clamp(38px,calc(17px + 2.734vw),52px)/1.16 'Poppins','Poppins Fallback',Helvetica,Arial,sans-serif; --type-heading-s: 500 clamp(32px,calc(17px + 1.953vw),42px)/1.22 'Poppins','Poppins Fallback',Helvetica,Arial,sans-serif; --type-lead: 500 clamp(25.5px,calc(18.75px + 0.879vw),30px)/1.3 'NaN SuperX','NaN SuperX Fallback',Helvetica,Arial,sans-serif; --para-measure: min(440px,66vw); }
  .page.page, .stage.stage, .navroot.navroot { --type-body: 400 clamp(19px,calc(16px + 0.391vw),21px)/1.55 'NaN SuperX','NaN SuperX Fallback',Helvetica,Arial,sans-serif; --type-ui: 600 clamp(17px,calc(15.5px + 0.195vw),18px)/1.4 'NaN SuperX','NaN SuperX Fallback',Helvetica,Arial,sans-serif; --type-caption: 700 clamp(14.5px,calc(12.25px + 0.293vw),16px)/1.4 'Nohemi','Nohemi Fallback',Helvetica,Arial,sans-serif; }
  .cta.cta, .btn-sec.btn-sec, .corner-cta.corner-cta { font-size: clamp(16.5px, 14.25px + 0.293vw, 18px); line-height: 20px; padding: calc(11.5px + 0.586vw) calc(17px + 1.172vw); }
  .top.top, .details-toggle.details-toggle, .big.big, .bcta.bcta, .skipcta.skipcta { font-size: clamp(17px, 15.5px + 0.195vw, 18px); line-height: 1.5; }
  .page.page { --bar-row: calc((clamp(44px,calc(29px + 1.953vw),54px) + clamp(48px,calc(33px + 1.953vw),58px))/2 - 7px); }
  .navroot .iconbtn.iconbtn { width: clamp(48px, 33px + 1.953vw, 58px); height: clamp(48px, 33px + 1.953vw, 58px); border-radius: clamp(8px, 1vw, 10px); }
  .navroot .iconbtn svg { width: clamp(28px, 16px + 1.563vw, 36px); height: clamp(28px, 16px + 1.563vw, 36px); }
  .navroot .brandbadge img { height: clamp(44px, 29px + 1.953vw, 54px); }
  .vbtn.vbtn { width: clamp(48px, 33px + 1.953vw, 58px); height: clamp(48px, 33px + 1.953vw, 58px); }
  .mn-link.mn-link { font-size: clamp(46px, 37px + 1.172vw, 52px); }
  .mlabel.mlabel, .flab.flab, .trole.trole, .count.count, .nudge.nudge, .eslot.eslot { font-size: clamp(14.5px, 12.25px + 0.293vw, 16px); line-height: 1.4; }
  .eslot.eslot { min-height: 1.45em; }
  .kt-num.kt-num { font-size: clamp(14.5px, 12.25px + 0.293vw, 16px); }
  .vnote.vnote { font-size: clamp(14.5px, 12.25px + 0.293vw, 16px); line-height: 1.4; }
  .hero.hero { font-size: clamp(44px, 14px + 3.906vw, 64px); }
  .kt-title.kt-title { font-size: clamp(21px, 16.5px + 0.586vw, 24px); line-height: 1.4; }
  .problem .dpara.dpara { font-size: clamp(19px, 16px + 0.391vw, 21px); line-height: 1.55; }
  .solution .dpara.dpara { font-size: clamp(25px, 20.5px + 0.586vw, 28px); line-height: 1.35; }
  .problem .dhead.dhead { font-size: clamp(14.5px, 12.25px + 0.293vw, 16px); line-height: 1.4; }
  .solution .dhead.dhead { font-size: clamp(19px, 14.5px + 0.586vw, 22px); line-height: 1.35; }
  .headline.headline { font-size: clamp(52px, 22px + 3.906vw, 72px); }
  .speriod.speriod { font-size: clamp(17px, 15.5px + 0.195vw, 18px); line-height: 1.5; }
  .cblk.cblk { max-width: var(--para-measure); }
  .tz:not(.anns) .cnote.cnote { font-size: clamp(19px, 17.5px + 0.195vw, 20px); line-height: 1.5; }
  .tz:not(.anns) .annot.annot { font-size: clamp(16px, 14.5px + 0.195vw, 17px); line-height: 1.4; }
  .hl.hl { font-size: clamp(26px, 17px + 1.172vw, 32px); }
  .page .annot.annot { font-size: clamp(17px, 14px + 0.391vw, 19px); line-height: 1.3; }
  .hrole.hrole { font-size: clamp(19px, 16px + 0.391vw, 21px); line-height: 1.5; }
  .fhead.fhead { font-size: clamp(31px, 26.5px + 0.586vw, 34px); line-height: 1.27; }
  .uin.uin, .ta.ta { font-size: clamp(19px, 16px + 0.391vw, 21px); line-height: 1.55; }
  .failp.failp { font-size: clamp(17px, 15.5px + 0.195vw, 18px); line-height: 1.5; }
  .tcard.tcard, .tin.tin { width: min(clamp(300px, -30px + 42.969vw, 520px), 84vw); }
  .tnote.tnote { padding: clamp(22px, -5px + 3.516vw, 40px); }
  .npan.npan { padding-left: clamp(22px, -5px + 3.516vw, 40px); padding-right: clamp(22px, -5px + 3.516vw, 40px); }
  .np1.np1 { padding-top: clamp(22px, -5px + 3.516vw, 40px); padding-bottom: clamp(18px, 9px + 1.172vw, 24px); }
  .np3.np3 { padding-top: clamp(22px, 7px + 1.953vw, 32px); padding-bottom: clamp(22px, -5px + 3.516vw, 40px); }
  .tphoto.tphoto { width: clamp(52px, 22px + 3.906vw, 72px); height: clamp(52px, 22px + 3.906vw, 72px); font-size: clamp(18px, 9px + 1.172vw, 24px); }
  .chips:has(.cbtn) { gap: clamp(12px, 1.563vw, 20px); }
}

@media (min-width: 800px) and (max-width: 1279px) {
  .headline.headline { font-size: clamp(60px, 40px + 2.5vw, 72px); }
  .tz:not(.anns) .cnote.cnote { font-size: clamp(16.5px, 14px + 0.3125vw, 18px); line-height: 1.45; }
  .cblk.cblk { max-width: var(--para-measure); }
  .hero.hero { font-size: clamp(44px, 14px + 3.906vw, 64px); }
  .hl.hl { font-size: clamp(26px, 17px + 1.172vw, 32px); }
  .navroot .brandbadge img { height: 38px; }
  .page.page { --bar-row: 38px; --chips-pad: 8px; }
  .chips:has(.fchip) { margin-top: 0px; }
  .chips:has(.cbtn) { gap: clamp(12px, 1.563vw, 20px); }
  .eslot.eslot { min-height: 1.45em; }
  .page.page { --type-heading-s: 500 clamp(24px,calc(20.667px + 0.417vw),26px)/32px 'Poppins','Poppins Fallback',Helvetica,Arial,sans-serif; }
  .mppanel.mppanel { --type-menu: 700 clamp(24px,calc(20.667px + 0.417vw),26px)/32px 'Nohemi','Nohemi Fallback',Helvetica,Arial,sans-serif; --type-menu-sub: 500 clamp(24px,calc(20.667px + 0.417vw),26px)/32px 'Nohemi','Nohemi Fallback',Helvetica,Arial,sans-serif; --menu-indent: var(--space-6); }
  .tcard.tcard, .tin.tin { width: min(clamp(300px, -30px + 42.969vw, 520px), 84vw); }
  .tnote.tnote { padding: clamp(22px, -5px + 3.516vw, 40px); }
  .npan.npan { padding-left: clamp(22px, -5px + 3.516vw, 40px); padding-right: clamp(22px, -5px + 3.516vw, 40px); }
  .np1.np1 { padding-top: clamp(22px, -5px + 3.516vw, 40px); padding-bottom: clamp(18px, 9px + 1.172vw, 24px); }
  .np3.np3 { padding-top: clamp(22px, 7px + 1.953vw, 32px); padding-bottom: clamp(22px, -5px + 3.516vw, 40px); }
  .tphoto.tphoto { width: clamp(52px, 22px + 3.906vw, 72px); height: clamp(52px, 22px + 3.906vw, 72px); font-size: clamp(18px, 9px + 1.172vw, 24px); }
}

@media (min-width: 800px) and (max-width: 1279px) {
  .stage.stage, .page.page { --nav-w: clamp(150px,calc(50px + 12.5vw),210px); }
  .stage.stage { --hblk: min(clamp(600px,42vw,640px),calc(100vw - var(--content-left) - var(--frame-x) - 48px)); }
  .page.page { --metacol: clamp(150px,calc(50px + 12.5vw),210px); --colgap: clamp(28px,calc(-5.3px + 4.17vw),48px); --hero-axis: calc(var(--metacol) + var(--colgap)); }
  .top-area.top-area { grid-template-columns: var(--metacol) minmax(0,1fr); gap: clamp(28px,calc(14.7px + 1.67vw),36px) var(--colgap); }
  .kt.kt { grid-template-columns: var(--metacol) minmax(0,1fr); gap: clamp(28px,calc(9.3px + 2.6vw),32px) var(--colgap); }
  .kt-body.kt-body { gap: 28px var(--colgap); }
  .hero:has(.hwrap).hero.hero { padding-top: calc(var(--header-clearance) - var(--frame-top) + var(--annot-lift,0px)); }
  .convo.convo { width: auto; right: calc(40vw + var(--space-10)); max-width: 480px; }
  .zwrap.zwrap { width: min(-171px + 45.4vw, 57svh); }
}

@media (min-width: 768px) and (max-width: 799px) {
  .hero:has(.hwrap).hero { padding-top: clamp(26px, 1134.8px - 112vw, 82px); }
}