/* MOBEA V4 — restored first view V2 + V3 section hierarchy, loaded together to prevent missing hero overrides. */
/* MOBEA / Sales first-view v2 | 2026-09-22. Targeted overrides; no JavaScript or backend changes. */
/* Desktop: first screen shows brand, action, customer problem and the full compact interactive card. */
@media (min-width:1151px) {
  .m16-topline {padding-block:8px;min-height:44px}
  .m16-layout {min-height:calc(100svh - 82px - 44px - 30px); padding:18px clamp(24px,4vw,70px) 20px;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);gap:clamp(22px,2.6vw,46px);align-items:center}
  .m16-copy h1{font-size:clamp(58px,4.55vw,78px);line-height:1.055;margin:13px 0 15px;letter-spacing:-.083em}
  .m16-lead{font-size:clamp(14px,.96vw,16px);line-height:1.65;max-width:580px}
  .m16-actions{margin-top:18px;gap:9px}
  .m16-actions a{min-height:48px;padding:10px 13px;gap:8px;font-size:13px}
  .m16-problem-links{margin-top:13px;gap:5px}
  .m16-problem-links a{min-height:30px;padding:6px 8px;font-size:10px}
  .m16-evidence{margin-top:13px;padding-top:10px;font-size:11px;gap:9px}
  .m16-evidence-mark{height:32px;width:32px;font-size:17px}
  .m16-art{padding:14px 8px 5px}
  .m16-floating-one{top:-3%;left:0%;padding:7px 10px;font-size:10px}
  .m16-floating-icon{width:27px;height:27px;font-size:17px}
  .m16-floating-two{right:0;bottom:-1%;padding:7px 10px;font-size:9px}
  .m16-window{transform:rotateY(var(--m16-x)) rotateX(var(--m16-y)) rotateZ(-1deg);border-radius:18px}
  .m16-window-chrome{padding:8px 12px}
  .m16-window-content{padding:14px 17px}
  .m16-window-heading h2{font-size:clamp(23px,1.75vw,29px);line-height:1.15;margin:4px 0 0}
  .m16-window-mark{font-size:29px}
  .m16-window-intro{margin:7px 0 8px;line-height:1.4;font-size:11px}
  .m16-window .m7-switch-note{font-size:10px;line-height:1.45;padding-block:5px;margin-block:6px}
  .m16-tabs button{min-height:36px;font-size:11px;line-height:1.25;padding:6px 4px}
  .m16-outcome{min-height:unset;margin-top:9px;padding:10px 12px}
  .m16-outcome-top{font-size:9px}
  .m16-outcome h3{font-size:clamp(16px,1.25vw,19px);line-height:1.3;margin:7px 0}
  .m16-outcome-chart{height:21px;padding-bottom:4px}
  .m16-outcome-next{margin:8px 0;gap:4px 8px}
  .m16-outcome-next p{font-size:10px;line-height:1.5}
  .m16-next-label{font-size:9px}
  .m16-window-link{font-size:11px;padding:4px 0;min-height:30px}
  .m16-demo-note{margin:7px 0 0;padding:0 10px;font-size:9px}
  .m16-bottomline{padding-block:7px;min-height:30px}
  .m14-sales-inner{min-height:calc(100svh - 82px - 36px);padding:18px clamp(24px,4vw,70px) 20px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(20px,2.5vw,44px);align-items:center}
  .m14-sales h1{font-size:clamp(52px,4vw,65px);line-height:1.10;letter-spacing:-.075em;margin:16px 0 14px}
  .m14-sales-lead{font-size:clamp(14px,.97vw,17px);line-height:1.67;max-width:630px}
  .m14-sales-ctas{margin-top:19px;gap:8px}
  .m14-button{min-height:48px;padding:10px 15px;font-size:13px;gap:8px}
  .m14-sales-honesty{margin-top:18px;padding-top:11px;font-size:11px}
  .m14-sales-stage{transform:none;border-radius:18px}
  .m14-sales-stage:hover{transform:none}
  .m14-stage-chrome{min-height:34px;padding:8px 11px}
  .m14-stage-layout{min-height:0;grid-template-columns:35px minmax(0,1fr)}
  .m14-stage-rail{gap:17px;padding:15px 3px}
  .m14-stage-rail strong{font-size:23px}
  .m14-stage-content{padding:14px 17px}
  .m14-stage-label{margin:0 0 7px;font-size:9px}
  .m14-stage-content h2{font-size:clamp(21px,1.65vw,29px);line-height:1.2;margin:0 0 10px}
  .m14-stage-metrics>div{padding:8px 9px}
  .m14-stage-metrics small{font-size:8px;margin-bottom:3px}
  .m14-stage-metrics strong{font-size:clamp(17px,1.45vw,23px)}
  .m14-stage-chart{height:35px;margin:5px 0 7px}
  .m14-stage-content .m7-switch-note{font-size:10px;line-height:1.45;padding-block:4px;margin-block:6px}
  .m14-stage-choice{margin-bottom:7px}
  .m14-stage-choice button{min-height:34px;font-size:10px}
  .m14-stage-result{min-height:0;padding:9px 12px}
  .m14-stage-result strong{font-size:14px;margin:4px 0}
  .m14-stage-result p{font-size:10px;line-height:1.45}
  .m14-stage-bottom{margin-top:7px;font-size:9px}
  .m14-sales-foot{padding-block:9px;min-height:36px}
}
/* The headline should never collide with the demonstration, even at intermediate widths. */
@media (min-width:1151px) and (max-height:780px){
  .m16-layout,.m14-sales-inner{min-height:0;padding-block:14px}
  .m16-copy h1{font-size:clamp(48px,4.25vw,66px)}
  .m14-sales h1{font-size:clamp(46px,3.55vw,58px)}
  .m16-evidence{display:none}
  .m16-demo-note{font-size:8px}
}
@media (min-width:961px) and (max-width:1150px){
  .m16-layout{grid-template-columns:1fr;min-height:0;gap:28px;padding-block:38px}
  .m16-copy{max-width:860px}
  .m16-copy h1{font-size:clamp(54px,7vw,78px)}
  .m14-sales-inner{grid-template-columns:1fr;min-height:0;gap:28px;padding-block:34px}
  .m14-sales h1{font-size:clamp(50px,6vw,68px)}
}
@media(max-width:960px){
  .m16-layout{padding-top:35px;gap:25px}
  .m16-copy h1{font-size:clamp(48px,8.2vw,70px);line-height:1.08}
  .m16-problem-links{margin-top:13px}
  .m16-evidence{margin-top:19px}
  .m14-sales-inner{padding-top:38px;gap:30px}
  .m14-sales h1{font-size:clamp(45px,7.5vw,70px);line-height:1.12}
  .m14-sales-lead{font-size:16px;line-height:1.7}
}
@media(max-width:580px){
  .m16-layout{padding:30px 18px 44px}
  .m16-copy h1{font-size:clamp(50px,11vw,64px);margin:14px 0}
  .m16-lead{font-size:15px;line-height:1.62}
  .m16-actions{margin-top:18px}
  .m16-actions a{min-height:48px;padding:11px 14px}
  .m16-problem-links{display:flex;flex-wrap:wrap;gap:6px}
  .m16-problem-links>span{width:100%}
  .m16-problem-links a{width:auto;font-size:11px;min-height:34px}
  .m16-evidence{margin-top:15px;padding-top:12px}
  .m14-sales-inner{padding:27px 18px 35px}
  .m14-sales h1{font-size:clamp(42px,9vw,53px);margin:15px 0 12px}
  .m14-sales-ctas{margin-top:18px}
  .m14-sales-honesty{margin-top:20px}
}
/* Contact page: one compact, purposeful opening screen instead of a tall empty masthead. */
.m17-contact-hero{padding:clamp(36px,4.2vw,66px) clamp(20px,4vw,70px) clamp(28px,3.2vw,46px);background:radial-gradient(circle at 93% 10%,#f1dafa8c,transparent 45%),#fffaf9;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(320px,.75fr);column-gap:clamp(25px,5vw,95px);align-items:center}
.m17-contact-hero>.page-kicker,.m17-contact-hero>h1,.m17-contact-hero>.page-lead,.m17-contact-hero>.contact-note{grid-column:1;min-width:0}
.m17-contact-hero>.page-kicker{margin:0;font-size:12px}
.m17-contact-hero>h1{font-size:clamp(48px,5vw,76px);line-height:1.12;letter-spacing:-.075em;margin:12px 0 14px;max-width:760px}
.m17-contact-hero>.page-lead{font-size:clamp(15px,1.15vw,18px);line-height:1.65;margin:0 0 12px;max-width:690px}
.m17-contact-hero>.contact-note{font-size:13px;line-height:1.6;margin:0;color:#62536d}
.m17-contact-panel{grid-column:2;grid-row:1/5;padding:clamp(23px,3vw,42px);background:#fff;border:1px solid #e4d3ec;border-radius:22px;box-shadow:0 27px 70px #7943ac18;min-width:0}
.m17-contact-panel>span{color:#7333c4;font-size:11px;font-weight:900;letter-spacing:.07em}
.m17-contact-panel h2{font-size:clamp(22px,2vw,31px);line-height:1.3;letter-spacing:-.05em;margin:10px 0 12px}
.m17-contact-panel p{font-size:14px;color:#554d61;line-height:1.7;margin:0 0 18px}
.m17-contact-panel>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:14px 17px;background:#7733d7;color:white;border-radius:7px;font-weight:850;font-size:14px;text-decoration:none}
.m17-contact-panel>a:hover{background:#5c20bc}
.m17-contact-panel>a:focus-visible{outline:3px solid #e7647a;outline-offset:4px}
.m17-contact-panel small{display:block;margin-top:11px;color:#65586c;font-size:11px;line-height:1.6}
@media(max-width:850px){
 .m17-contact-hero{grid-template-columns:1fr;gap:0;padding:38px 22px 27px}
 .m17-contact-hero>h1{font-size:clamp(43px,8vw,64px);margin:14px 0}
 .m17-contact-panel{grid-column:1;grid-row:auto;margin-top:22px;padding:22px}
}
@media(max-width:480px){
 .m17-contact-hero{padding:28px 18px 23px}
 .m17-contact-hero>h1{font-size:clamp(40px,10vw,50px)}
 .m17-contact-hero>.page-lead{font-size:15px}
 .m17-contact-hero>.contact-note{font-size:12px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.m16-window,.m14-sales-stage,.m17-contact-panel *{transition:none!important;animation:none!important}}
/* Stronger specificity than legacy .page-hero.compact h1 (prevents 4-line contact headline). */
.page-hero.compact.m17-contact-hero > h1{font-size:clamp(46px,4.15vw,66px);line-height:1.14;letter-spacing:-.06em;overflow-wrap:normal;word-break:normal}
@media(min-width:1151px) and (max-height:820px){
 .m16-layout,.m14-sales-inner{min-height:0;padding-block:12px}
 .m16-copy h1{font-size:clamp(49px,4vw,65px);margin:11px 0}
 .m16-lead{font-size:14px;line-height:1.55}
 .m16-actions{margin-top:12px}
 .m16-problem-links{margin-top:8px}
 .m16-evidence{display:none}
 .m16-bottomline{display:none}
 .m14-sales h1{font-size:clamp(44px,3.45vw,56px);margin:12px 0}
 .m14-sales-lead{line-height:1.55}
 .m14-sales-ctas{margin-top:13px}
 .m14-sales-honesty{margin-top:11px}
 .m14-sales-foot{display:none}
}
@media(max-width:850px){.page-hero.compact.m17-contact-hero > h1{font-size:clamp(42px,7vw,60px)}}
@media(max-width:480px){.page-hero.compact.m17-contact-hero > h1{font-size:clamp(39px,9.5vw,47px)}}


/* MOBEA section hierarchy, all routes */
/* MOBEA / final sales-launch continuity pass.
 * The first-view v2 remains unchanged. This layer scales the SECOND and subsequent
 * sections to its visual hierarchy, with explicit mobile overrides and no JS/logic changes.
 * Large headlines remain possible at the HERO level only. Avoid touching sample UI charts. */
:root{--mobea-section-title:clamp(35px,3.65vw,57px);--mobea-statement-title:clamp(42px,4.2vw,65px);--mobea-section-space:clamp(66px,6vw,94px)}

/* HOME / formerly 112px after a compact hero: keep the editorial look at a readable scale. */
.m3 .m2-manifest{min-height:0;padding:var(--mobea-section-space) 0 clamp(64px,5.5vw,88px)}
.m3 .m2-manifest-grid{grid-template-columns:minmax(115px,.18fr) minmax(0,.82fr);gap:clamp(25px,3.4vw,50px)}
.m3 .m2-manifest h2{font-size:var(--mobea-statement-title);line-height:1.18;letter-spacing:-.066em;max-width:950px}
.m3 .m2-manifest-bottom{margin-top:clamp(25px,3vw,38px);padding-top:20px;gap:clamp(20px,3vw,40px)}
.m3 .m2-manifest-bottom p{font-size:clamp(15px,1.1vw,17px);line-height:1.75}
.m3 .m2-manifest-orbit{opacity:.45}
.m3 .m2-lab,.m3 .m2-real,.m3 .m2-offer{padding-block:var(--mobea-section-space)}
.m3 .m2-section-head{margin-bottom:clamp(25px,3.2vw,43px);gap:clamp(20px,3.2vw,52px)}
.m3 .m2-section-head h2{font-size:var(--mobea-section-title);line-height:1.19;letter-spacing:-.06em}
.m3 .m2-section-head>p{font-size:clamp(14px,1.08vw,17px);line-height:1.76}
.m3 .m2-eyebrow{margin-bottom:14px}
.m3 .m2-real-art{min-height:clamp(370px,33vw,490px)}
.m3 .m2-real-product{min-height:310px}
.m3 .m2-real-copy{padding:clamp(28px,3.1vw,50px)}
.m3 .m2-real-copy h3{font-size:clamp(33px,3vw,47px);line-height:1.2;margin:20px 0 15px}
.m3 .m2-real-copy>p{font-size:clamp(14px,1.06vw,17px);line-height:1.75}
.m3 .m2-real-links a{min-height:51px}
.m3 .m2-offer-grid{gap:clamp(26px,4vw,65px)}
.m3 .m2-offer-visual{max-width:clamp(260px,32vw,430px)}
.m3 .m2-offer-content h2{font-size:var(--mobea-section-title);line-height:1.18;margin-bottom:20px}
.m3 .m2-offer-content>p:not(.m2-eyebrow){font-size:clamp(15px,1.12vw,18px);line-height:1.75;margin-bottom:18px}
.m3 .m2-offer-actions a{min-height:53px;padding:13px 17px}
.m3 .m2-offer-trust{margin-top:20px}

/* SALES / all sections share the same clear headline scale and measured spacing. */
.s3-sales :is(.s3-transition,.s3-decision,.s3-delivery,.s3-plans,.s3-showcase,.s3-how,.s3-faq,.s3-final){padding:var(--mobea-section-space) clamp(20px,4.4vw,70px)}
.s3-sales :is(.s3-transition h2,.s3-decision-head h2,.s3-delivery h2,.s3-plans h2,.s3-showcase h2,.s3-how h2,.s3-faq h2,.s3-final h2){font-size:var(--mobea-section-title);line-height:1.2;letter-spacing:-.065em}
.s3-sales .s3-transition-layout{gap:clamp(22px,3.5vw,56px);margin-top:17px}
.s3-sales .s3-transition-copy p{font-size:clamp(15px,1.1vw,17px);line-height:1.8}
.s3-sales .s3-signal{margin-top:clamp(24px,3vw,43px)}
.s3-sales .s3-decision-head{margin-bottom:clamp(22px,3vw,38px);gap:clamp(20px,3vw,48px)}
.s3-sales .s3-delivery-intro,.s3-sales .s3-plans-intro{gap:clamp(20px,3vw,45px);margin-bottom:clamp(24px,3vw,39px)}
.s3-sales .s3-delivery-grid article{min-height:0}
.s3-sales .s3-delivery-grid h3{font-size:clamp(21px,1.7vw,27px);margin:clamp(22px,2.4vw,35px) 0 13px}
.s3-sales .s3-plan-main h3{font-size:clamp(28px,2.25vw,38px)}
.s3-sales .s3-showcase{gap:clamp(26px,4vw,60px)}
.s3-sales .s3-showcase-panel{min-height:0;transform:none}
.s3-sales .s3-showcase-panel:hover{transform:none}
.s3-sales .s3-sp-body{min-height:0;padding:clamp(25px,3vw,44px)}
.s3-sales .s3-sp-body>strong{font-size:clamp(32px,3.8vw,61px);margin:16px 0 28px}
.s3-sales .s3-how-head h2{margin-bottom:clamp(24px,3.3vw,46px)}
.s3-sales .s3-how-steps h3{margin:clamp(20px,2vw,29px) 0 12px}
.s3-sales .s3-final h2{max-width:1060px;margin:15px 0}
.s3-sales .s3-final>div{margin:clamp(22px,3vw,37px) 0}

/* OTHER CORPORATE URLS / repeatable typographic hierarchy for about/work/business/legal. */
.s4-page .s4-hero{padding-block:clamp(48px,5vw,76px)}
.s4-page .s4-hero h1{font-size:clamp(42px,4.4vw,67px);line-height:1.15;margin:14px 0 19px}
.s4-page h2,.s4-work .s4-story h2{font-size:var(--mobea-section-title);line-height:1.2;letter-spacing:-.06em;margin-bottom:21px}
.s4-page :is(.s4-story,.s4-factband,.s4-policy-callout),.s4-work .s4-story{padding-block:var(--mobea-section-space)}
.s4-page .s4-endcap,.s4-work .s4-endcap{padding-block:var(--mobea-section-space)}
.s4-page .s4-action-row{margin-top:23px}
.s4-page .s4-story-grid h3{margin-top:25px}
.s4-page .s4-about-art{height:min(32vw,360px);min-height:260px}
.s4-page .s4-policy-page .s4-policy-layout{padding-block:var(--mobea-section-space)}
.s4-work .s4-work-mark{height:clamp(190px,19vw,280px)}
.s4-footer-top{padding-block:clamp(45px,5vw,75px)}
.s4-footer-top h2{font-size:clamp(32px,3.5vw,53px);line-height:1.2}
.s4-footer-main{padding-block:clamp(35px,4vw,60px)}
.p15-stage-inner{padding-block:clamp(40px,4.8vw,75px);gap:clamp(25px,3vw,48px)}
.p15-stage h1{font-size:clamp(42px,4.4vw,67px);line-height:1.16;margin:18px 0}
.p15-gallery-visual{height:clamp(280px,28vw,390px)}

/* Standard (non-sales) routes: do not carry giant mastheads into the body. */
.page-hero:not(.m17-contact-hero){padding-block:clamp(50px,5.5vw,86px)}
.page-hero:not(.m17-contact-hero) h1{font-size:clamp(40px,4.3vw,64px);line-height:1.17;letter-spacing:-.058em}
.page-hero:not(.m17-contact-hero) .page-lead{font-size:clamp(15px,1.1vw,18px);line-height:1.76}

/* Compact viewports: editorial scale without 3-column overflow or tiny text. */
@media(max-width:1100px){
 .m3 .m2-manifest-grid{grid-template-columns:minmax(95px,.17fr) minmax(0,.83fr)}
 .s3-sales .s3-showcase{gap:28px}
}
@media(max-width:800px){
 :root{--mobea-section-title:clamp(32px,6.4vw,47px);--mobea-statement-title:clamp(37px,7vw,52px);--mobea-section-space:clamp(54px,8vw,76px)}
 .m3 .m2-manifest-grid{grid-template-columns:1fr;gap:18px}
 .m3 .m2-manifest h2{max-width:700px}
 .m3 .m2-manifest-bottom{grid-template-columns:1fr;gap:15px}
 .m3 .m2-real-art{min-height:clamp(295px,48vw,420px)}
 .m3 .m2-real-product{min-height:270px}
 .m3 .m2-real-copy{padding:28px 22px}
 .m3 .m2-offer-visual{max-width:300px}
 .s3-sales .s3-showcase{grid-template-columns:1fr}
 .s3-sales .s3-showcase>div:first-child{margin-left:0;max-width:700px}
 .s4-page .s4-hero h1{font-size:clamp(37px,6.5vw,55px)}
 .p15-stage h1{font-size:clamp(41px,6.5vw,60px)}
}
@media(max-width:580px){
 :root{--mobea-section-title:clamp(29px,7.7vw,39px);--mobea-statement-title:clamp(34px,8.5vw,44px);--mobea-section-space:57px}
 .m3 .m2-manifest{padding-block:56px 65px}
 .m3 .m2-manifest h2{font-size:var(--mobea-statement-title)}
 .m3 .m2-manifest-bottom{margin-top:22px;padding-top:18px}
 .m3 .m2-manifest-orbit{opacity:.27}
 .m3 .m2-section-head h2,.m3 .m2-offer-content h2,.s3-sales :is(.s3-transition h2,.s3-decision-head h2,.s3-delivery h2,.s3-plans h2,.s3-showcase h2,.s3-how h2,.s3-faq h2,.s3-final h2){font-size:var(--mobea-section-title);line-height:1.22}
 .m3 .m2-real-art{min-height:305px}
 .m3 .m2-real-product{min-height:245px}
 .m3 .m2-real-copy h3{font-size:clamp(29px,7.5vw,39px)}
 .m3 .m2-offer-visual{max-width:265px}
 .s3-sales :is(.s3-transition,.s3-decision,.s3-delivery,.s3-plans,.s3-showcase,.s3-how,.s3-faq,.s3-final){padding:57px 19px}
 .s3-sales .s3-delivery-grid h3{margin:19px 0 10px}
 .s3-sales .s3-final>div{margin:24px 0}
 .s4-page .s4-hero,.s4-page .s4-endcap,.s4-work .s4-endcap{padding-block:53px}
 .s4-page .s4-hero h1{font-size:clamp(37px,8.6vw,46px)}
 .s4-page h2,.s4-work .s4-story h2{font-size:var(--mobea-section-title)}
 .s4-page :is(.s4-story,.s4-factband,.s4-policy-callout),.s4-work .s4-story{padding-block:57px}
 .s4-page .s4-about-art{height:250px;min-height:0}
 .s4-footer-top h2{font-size:clamp(30px,7.5vw,40px)}
 .p15-stage-inner{padding-block:43px 52px}
 .p15-stage h1{font-size:clamp(37px,9vw,49px)}
 .p15-gallery-visual{height:300px}
 .page-hero:not(.m17-contact-hero){padding-block:49px}
 .page-hero:not(.m17-contact-hero) h1{font-size:clamp(35px,8.5vw,45px)}
}
/* Work detail routes and the demonstration report: bring titles into the same family,
   but keep internal operational dashboard type, controls and chart labels unchanged. */
.case4 .c4-hero,.case4 .c4-detail-hero{padding-top:clamp(48px,5.2vw,78px);padding-bottom:clamp(38px,4vw,60px);gap:clamp(25px,4vw,65px)}
.case4 h1{font-size:clamp(41px,4.3vw,66px);line-height:1.15;margin:13px 0 19px}
.case4 .c4-lead{font-size:clamp(15px,1.1vw,18px);line-height:1.74}
.case4 .c4-list{padding-block:clamp(25px,3vw,45px) var(--mobea-section-space)}
.case4 .c4-item{min-height:0}
.case4 .c4-item .c4-visual{min-height:240px}
.case4 .c4-copy{padding:clamp(24px,3vw,44px)}
.case4 .c4-copy h2{font-size:clamp(26px,2.3vw,36px);line-height:1.22}
.case4 .c4-section{padding-block:clamp(40px,4.5vw,70px)}
.case4 .c4-section h2{font-size:clamp(28px,2.6vw,41px)}
.case4 .c4-cta{padding:clamp(30px,4.5vw,66px);margin:30px 0 var(--mobea-section-space)}
.case4 .c4-cta h2{font-size:var(--mobea-section-title)}
.rx .rx-intro{min-height:0;padding-block:clamp(47px,5vw,78px)}
.rx .rx-intro h1{font-size:clamp(40px,4.3vw,66px);line-height:1.16;margin:17px 0}
.rx .rx-overview-visual{min-height:0}
.rx .rx-overview-network{height:clamp(220px,20vw,310px)}
.rx .rx-followup h2{font-size:clamp(30px,3vw,48px)}
.s4-work .s4-endcap h2{font-size:var(--mobea-section-title);line-height:1.2}
.s4-policy-page .s4-policy-layout{padding-block:var(--mobea-section-space)}
.legal-copy.s4-legal-copy h2{font-size:clamp(23px,2.2vw,34px);line-height:1.4}
@media(max-width:760px){
 .case4 .c4-hero,.case4 .c4-detail-hero{padding-top:46px;padding-bottom:35px}
 .case4 h1{font-size:clamp(37px,7.6vw,52px)}
 .case4 .c4-item .c4-visual{min-height:215px}
 .case4 .c4-section{padding-block:42px}
 .rx .rx-intro{padding-block:47px 55px}
 .rx .rx-intro h1{font-size:clamp(37px,7.6vw,52px)}
 .rx .rx-overview-network{height:240px}
}
@media(max-width:580px){
 .case4 h1{font-size:clamp(35px,8.5vw,45px)}
 .case4 .c4-section h2,.case4 .c4-cta h2,.s4-work .s4-endcap h2{font-size:var(--mobea-section-title)}
 .rx .rx-intro h1{font-size:clamp(35px,8.5vw,45px)}
 .rx .rx-followup h2{font-size:var(--mobea-section-title)}
}