.sub-page{background:#080d25;color:#f6f8ff;--sub-blue:#4969ff;--sub-line:#ffffff26}
.sub-page .shell{width:min(100% - 100px,1440px)}
.sub-page .site-header{position:relative;inset:auto;height:76px;background:#080d25;border-bottom:1px solid #ffffff24}
.sub-page .header-inner{height:76px}
.sub-page .main-nav a:hover{color:#97adff}
.sub-page .header-contact:hover,.sub-page .header-contact:focus-visible{background:#2456e8;border-color:#2456e8;color:#fff;box-shadow:0 6px 22px #2456e84d}
.sub-page .site-footer{border-top:1px solid #ffffff1c}
.sub-page h1,.sub-page h2,.sub-page h3,.sub-page p{margin-top:0}
.sub-page :focus-visible{outline-color:#8aa8ff}
.sub-page .brand{cursor:default}
.sub-section{padding:clamp(92px,9vw,148px) 0}
.sub-eyebrow,.sub-index{font:500 10px/1.5 var(--mono);letter-spacing:.17em;color:#9db6ff}
.sub-index{color:#8797bc}
.sub-section-top{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--sub-line);padding-bottom:20px;margin-bottom:40px}
.sub-heading-grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(270px,.66fr);gap:clamp(45px,8vw,150px);align-items:end;margin-bottom:63px}
.sub-heading-grid h2,.sub-assurance h2,.sub-faq h2{font:800 clamp(2.8rem,4.2vw,5rem)/1.1 var(--font);letter-spacing:-.069em;margin:0}
.sub-heading-grid p{max-width:435px;color:#aebbd8;font-size:15px;line-height:1.78;margin:0}
.sub-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:-.015em;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.sub-button-primary{background:#edf2ff;color:#0c183b}
.sub-button-primary:hover,.sub-button-primary:focus-visible{background:#4969ff;color:#fff;box-shadow:0 12px 29px #3558d34d;transform:translateY(-2px)}
.sub-text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;color:#e5ecff;font-size:13px;font-weight:800;transition:color .2s,border-color .2s}
.sub-text-link:hover{color:#9db6ff}

.sub-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 62% 100% at 76% 46%,#182b61 0%,#0d1638 47%,#080d25 100%)}
.sub-hero:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff0e;pointer-events:none}
.sub-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(46px,5vw,95px);align-items:center;min-height:690px;padding:70px 0 78px}
.sub-hero-copy{position:relative;z-index:2}
.sub-hero h1{font:800 clamp(3.7rem,5.4vw,6.4rem)/1.035 var(--font);letter-spacing:-.085em;margin:22px 0 26px;max-width:750px}
.sub-hero h1 span{display:block;color:#fff;background:linear-gradient(105deg,#f3f6ff 5%,#a8bbff 47%,#6e82fb 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.08em}
.sub-hero-lead{max-width:635px;color:#c2cce3;font-size:clamp(15px,1.1vw,18px);line-height:1.75;margin-bottom:31px}
.sub-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.sub-hero-actions .sub-text-link{max-width:265px;line-height:1.45}
.sub-hero-note{display:flex;gap:13px 25px;flex-wrap:wrap;margin-top:43px;padding-top:22px;border-top:1px solid #ffffff2e;color:#a9bbda;font-size:11px;font-weight:700}
.sub-hero-note span+span:before{content:"·";margin-right:25px;color:#91a8d8}
.sub-hero-note a{color:#e2eaff;border-bottom:1px solid #a7b7e9;transition:color .2s}
.sub-hero-note a:hover{color:#97afff}
.sub-hero-stage{position:relative;min-width:0;min-height:550px;display:flex;align-items:flex-start;padding:15px 60px 16px 0}
.sub-stage-main{position:relative;z-index:1;width:100%;aspect-ratio:1.27;overflow:hidden;border:1px solid #9bb0ff53;border-radius:13px;background:#172758;box-shadow:0 35px 85px #01041488}
.sub-stage-main video{width:100%;height:100%;object-fit:cover}
.sub-stage-main:after{content:"";position:absolute;inset:53% 0 0;background:linear-gradient(transparent,#040b27cb);pointer-events:none}
.sub-stage-caption{position:absolute;z-index:1;left:28px;right:41%;bottom:25px;color:#fff}
.sub-stage-caption span,.sub-stage-inset span{display:block;font:500 9px/1.5 var(--mono);letter-spacing:.15em}
.sub-stage-caption span{color:#c1d1ff;margin-bottom:7px}
.sub-stage-caption strong{display:block;max-width:440px;font-size:clamp(1.3rem,2vw,2rem);line-height:1.12;letter-spacing:-.045em}
.sub-stage-inset{position:absolute;z-index:2;right:0;bottom:9px;width:37%;aspect-ratio:.92;background:#101a3a;overflow:hidden;border:6px solid #0b1430;border-radius:12px;box-shadow:0 19px 40px #0008}
.sub-stage-inset video{width:100%;height:100%;object-fit:cover}
.sub-stage-inset span{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 8px;border-radius:3px;background:#08102bbd;color:#eef3ff;text-align:center;font-size:8px}
.sub-proof{background:#101a3c;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.sub-proof .shell{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:23px 0}
.sub-proof span{font-size:11px;font-weight:800;color:#d4def6;letter-spacing:.01em}
.sub-proof span+span{border-left:1px solid #ffffff25;padding-left:24px}

.sub-offer{background:#0b1230}
.sub-offer-list{border-top:1px solid var(--sub-line)}
.sub-offer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.48fr);gap:50px;align-items:center;min-height:196px;border-bottom:1px solid var(--sub-line);padding:23px 0}
.sub-offer-text{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(240px,1fr);gap:36px;align-items:center}
.sub-offer-text h3{font:800 clamp(1.55rem,2.15vw,2.65rem)/1.12 var(--font);letter-spacing:-.055em;margin:0;max-width:290px}
.sub-offer-text p{color:#aab8d5;font-size:14px;line-height:1.75;margin:0;max-width:530px}
.sub-offer-media{height:150px;overflow:hidden;border-radius:8px;background:#172348;border:1px solid #ffffff31}
.sub-offer-media video{width:100%;height:100%;object-fit:cover}

.sub-workflow{background:#111b3d}
.sub-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:70px}
.sub-workflow-grid article{min-height:245px;border-top:1px solid #7180a1;padding:0 18px 0 0}
.sub-step-line{display:block;width:45px;height:3px;background:#6580ff;margin-top:-2px;margin-bottom:32px}
.sub-workflow-grid small{font:500 10px/1 var(--mono);letter-spacing:.15em;color:#a1b6fa}
.sub-workflow-grid h3{font:800 clamp(1.6rem,2.2vw,2.6rem)/1.13 var(--font);letter-spacing:-.055em;margin:15px 0}
.sub-workflow-grid p{color:#b6c2d9;font-size:14px;line-height:1.75;max-width:350px}
.sub-inline-cta{display:inline-flex;align-items:center;gap:35px;color:#eff3ff;border-bottom:1px solid currentColor;padding-bottom:7px;font-weight:800;font-size:14px}
.sub-inline-cta:hover{color:#a4b8ff}
.sub-inline-cta span{font-size:17px;font-weight:500}

.sub-showcase{background:#080d25}
.sub-showcase-grid{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(45px,7vw,120px);align-items:center}
.sub-showcase h2{font:800 clamp(2.9rem,4.5vw,5.8rem)/1.04 var(--font);letter-spacing:-.075em;margin:20px 0 25px}
.sub-showcase p{color:#b5c1db;font-size:16px;line-height:1.78;margin-bottom:29px}
.sub-vimeo{position:relative;aspect-ratio:1.58;overflow:hidden;border-radius:12px;border:1px solid #8196cb78;background:#141d3f;box-shadow:0 26px 70px #0007}
.sub-vimeo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sub-vimeo-label{position:absolute;left:19px;bottom:16px;padding:8px 10px;background:#0b1434c7;border:1px solid #ffffff35;border-radius:4px;font:500 9px/1.3 var(--mono);letter-spacing:.12em;color:#fff;pointer-events:none}

.sub-benefits{background:#0e1736}
.sub-benefits .sub-heading-grid h2{font-size:clamp(2.6rem,3.55vw,4.2rem);max-width:850px}
.sub-benefit-list{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;border-top:1px solid var(--sub-line)}
.sub-benefit-list article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:28px;border-bottom:1px solid var(--sub-line);padding:28px 0 30px}
.sub-benefit-list h3{font:800 clamp(1.08rem,1.35vw,1.4rem)/1.35 var(--font);letter-spacing:-.035em;margin:0}
.sub-benefit-list p{font-size:13px;line-height:1.75;color:#aebbd6;margin:0}

.sub-assurance{background:#edf1f8;color:#12203b}
.sub-assurance-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(65px,8vw,140px);align-items:start}
.sub-assurance .sub-eyebrow{color:#3355b8}
.sub-assurance h2{margin:19px 0 24px}
.sub-assurance-copy>p{color:#465a79;font-size:15px;line-height:1.75;max-width:700px;margin-bottom:39px}
.sub-assurance-list{border-top:1px solid #bfcbdd}
.sub-assurance-list article{border-bottom:1px solid #bfcbdd;padding:22px 0 23px}
.sub-assurance-list h3{font:800 17px/1.35 var(--font);letter-spacing:-.035em;margin:0 0 7px}
.sub-assurance-list p{color:#52637e;font-size:13px;line-height:1.65;margin:0}
.sub-assurance-media{position:sticky;top:35px;overflow:hidden;background:#cfdaec;border-radius:10px;min-height:600px}
.sub-assurance-media img{width:100%;height:600px;object-fit:cover;filter:saturate(.84)}
.sub-assurance-media:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0717359c)}
.sub-assurance-media span{position:absolute;z-index:1;left:20px;bottom:21px;color:#fff;font:500 10px/1.4 var(--mono);letter-spacing:.15em}

.sub-pricing{background:#0b1332}
.sub-pricing-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.7fr);justify-content:space-between;gap:70px;align-items:end;margin:0 0 60px}
.sub-pricing-head h2{font:800 clamp(3rem,5vw,6rem)/1.06 var(--font);letter-spacing:-.08em;margin:0}
.sub-pricing-head p{max-width:480px;color:#aebbd7;font-size:15px;line-height:1.75;margin:0}
.sub-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sub-plan{display:flex;flex-direction:column;background:#f0f3f9;color:#0d1b3a;border:1px solid #f0f3f9;border-radius:10px;padding:clamp(30px,3.2vw,50px)}
.sub-plan-startup{background:#17254d;color:#f7f9ff;border-color:#647ccf}
.sub-plan-top{border-bottom:1px solid #bac6d8;padding-bottom:25px}
.sub-plan-startup .sub-plan-top{border-color:#ffffff40}
.sub-plan-top>span{font:500 9px/1.4 var(--mono);letter-spacing:.14em;color:#385baf}
.sub-plan-startup .sub-plan-top>span{color:#aabdff}
.sub-plan h3{font:800 clamp(2.4rem,3vw,3.8rem)/1 var(--font);letter-spacing:-.07em;margin:17px 0 18px}
.sub-plan-top p{display:flex;align-items:baseline;gap:9px;margin:0}
.sub-plan-top strong{font:800 clamp(2.6rem,3.4vw,4rem)/1 var(--font);letter-spacing:-.06em}
.sub-plan-top p span{font-size:13px;color:#566884;font-weight:700}
.sub-plan-startup .sub-plan-top p span{color:#bbc8e4}
.sub-plan ul{padding:18px 0 0;margin:0 0 33px;list-style:none}
.sub-plan li{display:flex;gap:13px;align-items:baseline;border-bottom:1px solid #ccd5e3;padding:12px 0;font-size:14px;font-weight:700}
.sub-plan-startup li{border-color:#ffffff2e}
.sub-plan li:before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#2e5de5;position:relative;top:-2px}
.sub-plan-startup li:before{background:#7c99ff}
.sub-plan-button{margin-top:auto;align-self:flex-start;background:#132a60;color:#fff}
.sub-plan-button:hover{background:#2f57dc;color:#fff}
.sub-plan-startup .sub-plan-button{background:#f3f6ff;color:#0a1736}
.sub-plan-startup .sub-plan-button:hover{background:#7e9aff;color:#07122c}
.sub-pricing-note{max-width:780px;text-align:center;margin:39px auto 0;color:#aebbd7;font-size:13px;line-height:1.7}
.sub-pricing-note a{color:#dce5ff;border-bottom:1px solid currentColor}

.sub-faq{background:#111b3c}
.sub-faq-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(60px,8vw,130px)}
.sub-faq h2{margin:19px 0 24px}
.sub-faq-intro p{max-width:340px;color:#aebbd7;font-size:15px;line-height:1.7;margin-bottom:28px}
.sub-faq-list{border-top:1px solid var(--sub-line)}
.sub-faq-list details{border-bottom:1px solid var(--sub-line)}
.sub-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:23px 0;color:#f4f6ff;font-size:15px;font-weight:800}
.sub-faq-list summary::-webkit-details-marker{display:none}
.sub-faq-list summary span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:#aabcf7;font-size:21px;font-weight:400;line-height:1;transition:transform .2s}
.sub-faq-list details[open] summary span{transform:rotate(45deg)}
.sub-faq-list details p{max-width:690px;color:#aebbd7;font-size:14px;line-height:1.78;margin:0 40px 24px 0}

.sub-final{background:#f5f7fb;color:#0c1936;padding:clamp(95px,9vw,145px) 0}
.sub-final-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(50px,9vw,150px);align-items:end}
.sub-final .sub-eyebrow{color:#3155be}
.sub-final h2{font:800 clamp(3.2rem,5.2vw,6.5rem)/1.04 var(--font);letter-spacing:-.083em;margin:19px 0 23px;max-width:1000px}
.sub-final-grid>div:first-child p{color:#536681;font-size:16px;line-height:1.7;max-width:650px}
.sub-final-action{border-top:1px solid #c5d0e0;padding-top:25px}
.sub-final-action p{color:#334b70;font-size:15px;line-height:1.7;margin-bottom:25px}
.sub-final-action .sub-button-primary{background:#2456e8;color:#fff}
.sub-final-action .sub-button-primary:hover{background:#0d285f;color:#fff}
.sub-final-action span{display:block;color:#637696;font-size:11px;font-weight:700;margin-top:18px}

@media(max-width:1100px){
  .sub-page .shell{width:min(100% - 64px,1440px)}
  .sub-hero-grid{gap:40px}
  .sub-hero h1{font-size:clamp(3.4rem,5.6vw,5rem)}
  .sub-hero-stage{padding-right:35px;min-height:470px}
  .sub-offer-text{grid-template-columns:1fr;gap:8px}
  .sub-benefit-list article{grid-template-columns:1fr;gap:10px}
}
@media(max-width:800px){
  .sub-page .shell{width:min(100% - 40px,650px)}
  .sub-page .site-header,.sub-page .header-inner{height:70px}
  .sub-hero-grid,.sub-heading-grid,.sub-showcase-grid,.sub-assurance-grid,.sub-pricing-head,.sub-faq-grid,.sub-final-grid{grid-template-columns:1fr}
  .sub-hero-grid{padding:67px 0 75px;min-height:0;gap:20px}
  .sub-hero h1{font-size:clamp(3.2rem,8vw,5rem);max-width:720px}
  .sub-hero-stage{min-height:0;padding:25px 50px 0 0}
  .sub-stage-main{aspect-ratio:1.6}
  .sub-stage-inset{width:30%;bottom:-8px}
  .sub-proof .shell{grid-template-columns:1fr 1fr;gap:15px 25px}
  .sub-proof span+span{border:0;padding:0}
  .sub-heading-grid{gap:22px;margin-bottom:42px}
  .sub-heading-grid h2,.sub-assurance h2,.sub-faq h2{font-size:clamp(2.8rem,7vw,4.5rem)}
  .sub-offer-row{grid-template-columns:1fr;gap:18px}
  .sub-offer-text{grid-template-columns:minmax(160px,.65fr) minmax(0,1fr);gap:28px}
  .sub-offer-media{height:auto;aspect-ratio:1.8}
  .sub-workflow-grid{gap:15px}
  .sub-workflow-grid h3{font-size:1.55rem}
  .sub-benefit-list{grid-template-columns:1fr}
  .sub-benefit-list article{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  .sub-assurance-media{position:relative;top:auto;min-height:0}
  .sub-assurance-media img{height:430px}
  .sub-faq-grid{gap:35px}
}
@media(max-width:600px){
  .sub-page .shell{width:calc(100% - 36px)}
  .sub-section{padding:80px 0}
  .sub-section-top{margin-bottom:31px}
  .sub-index{display:none}
  .sub-hero-grid{padding:59px 0 66px}
  .sub-hero h1{font-size:clamp(2.9rem,11vw,4.2rem);margin:18px 0 22px}
  .sub-hero-lead{font-size:14px}
  .sub-hero-actions{align-items:flex-start;gap:19px;flex-direction:column}
  .sub-hero-note{gap:9px 17px;margin-top:30px}
  .sub-hero-note span+span:before{margin-right:17px}
  .sub-hero-stage{padding:20px 27px 0 0}
  .sub-stage-main{aspect-ratio:1.15}
  .sub-stage-caption{left:18px;right:37%;bottom:18px}
  .sub-stage-caption strong{font-size:1.38rem}
  .sub-stage-inset{width:32%;border-width:4px}
  .sub-stage-inset span{display:none}
  .sub-proof .shell{padding:20px 0}
  .sub-proof span{font-size:10px}
  .sub-heading-grid h2,.sub-assurance h2,.sub-faq h2{font-size:clamp(2.45rem,9vw,3.4rem)}
  .sub-offer-text{grid-template-columns:1fr;gap:8px}
  .sub-offer-row{padding:28px 0}
  .sub-offer-text h3{max-width:none}
  .sub-workflow-grid,.sub-plan-grid{grid-template-columns:1fr}
  .sub-workflow-grid{margin-top:46px;gap:25px}
  .sub-workflow-grid article{min-height:0;padding-bottom:20px}
  .sub-showcase h2{font-size:3.25rem}
  .sub-benefit-list article{grid-template-columns:1fr;gap:9px}
  .sub-assurance-media img{height:310px}
  .sub-pricing-head h2{font-size:3.4rem}
  .sub-plan{padding:30px}
  .sub-final h2{font-size:clamp(3rem,10vw,4.5rem)}
}

/* Subscription revision: original ribbon palette, one hero film, clear product proof. */
.sub-hero{background:radial-gradient(ellipse 57% 80% at 75% 48%,#172a67 0%,#0d173b 58%,#080d25 100%)}
.sub-hero:before{display:none}
.sub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:clamp(35px,4.5vw,80px);align-items:center;min-height:700px}
.sub-hero h1{font-size:clamp(3.8rem,5.25vw,6.2rem)}
.sub-hero h1 span{background:linear-gradient(107deg,#ff9943 0%,#ff5e49 22%,#ee2c92 48%,#aa38e8 74%,#6370eb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:saturate(1.2)}
.sub-hero-stage{display:block;min-height:0;padding:0;position:relative}
.sub-hero-stage:before{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse at center,#7b41ef45 0%,#244cbb20 46%,transparent 72%);filter:blur(25px);pointer-events:none}
.sub-stage-main{position:relative;width:100%;aspect-ratio:1.16;overflow:hidden;border:1px solid #9c8ef566;border-radius:18px;background:#111a40;box-shadow:0 34px 90px #0007,0 0 0 7px #ffffff0b}
.sub-stage-main:after{display:none}
.sub-stage-main video{display:block;width:100%;height:100%;object-fit:cover}
.sub-icon{display:block;width:29px;height:29px;flex:none}
.sub-proof{background:#f0f3fb;color:#101d42;border-top:0;border-bottom:1px solid #d5deef}
.sub-proof .shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:38px 0 42px}
.sub-proof article{position:relative;padding:0 clamp(17px,2.6vw,44px);min-height:155px;border-left:1px solid #c5d1e6}
.sub-proof article:first-child{border-left:0;padding-left:0}
.sub-proof article:last-child{padding-right:0}
.sub-proof .sub-icon{width:34px;height:34px;color:#455fce;margin:0 0 18px}
.sub-proof h2{font:800 clamp(1.05rem,1.4vw,1.5rem)/1.24 var(--font);letter-spacing:-.045em;margin:0 0 9px;max-width:240px;color:#111e44}
.sub-proof p{font-size:12px;line-height:1.55;color:#51627f;margin:0;max-width:220px}
.sub-offer-title{display:flex;align-items:flex-start;gap:19px}
.sub-offer-title .sub-icon{width:31px;height:31px;color:#a9bbff;margin-top:3px}
.sub-offer-text{grid-template-columns:minmax(220px,.67fr) minmax(240px,1fr)}
.sub-offer-text h3{max-width:260px}
.sub-examples{background:#121b3b;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}
.sub-examples h2{font:800 clamp(2.9rem,5vw,5.8rem)/1.06 var(--font);letter-spacing:-.075em;max-width:1000px;margin:0 auto 50px;text-align:center}
.sub-example-player{position:relative;width:min(100%,1100px);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:16px;border:1px solid #8495d369;background:#0a1230;box-shadow:0 28px 80px #0006}
.sub-example-player .studio-poster img{object-fit:cover}
.sub-example-player .studio-poster-play{width:72px;height:72px}
.sub-example-player .studio-mount,.sub-example-player .studio-mount iframe,.sub-example-player .studio-poster,.sub-example-player .studio-hitarea{border-radius:inherit}
.sub-workflow-grid article{border-top-color:#6e80b3}
.sub-workflow-grid article:before{content:"";display:block;width:32px;height:32px;margin:32px 0 19px;background:linear-gradient(135deg,#ff8a46,#d632a2 57%,#655bea);mask-size:contain;mask-repeat:no-repeat}
.sub-workflow-grid article:nth-child(1):before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M4 4h16v16H4zM8 8v8h8V8z"/%3E%3C/svg%3E')}
.sub-workflow-grid article:nth-child(2):before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 2 3 7v10l9 5 9-5V7l-9-5zm0 3 6 3.3v7.4L12 19l-6-3.3V8.3L12 5zm-1 3h2v8h-2V8z"/%3E%3C/svg%3E')}
.sub-workflow-grid article:nth-child(3):before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12 2a10 10 0 1 0 10 10h-3a7 7 0 1 1-2-5l-3 3h8V2l-3 3a10 10 0 0 0-7-3z"/%3E%3C/svg%3E')}
.sub-step-line{display:none}
.sub-workflow-grid small{display:none}
.sub-workflow-grid h3{margin-top:0}
@media(max-width:1100px){.sub-offer-text{grid-template-columns:1fr;gap:10px}.sub-hero-grid{min-height:640px}.sub-proof .shell{padding:34px 0}.sub-proof article{padding:0 18px}}
@media(max-width:800px){.sub-hero-grid{grid-template-columns:1fr;gap:45px;min-height:0}.sub-hero-stage{max-width:720px;width:100%;margin:auto}.sub-stage-main{aspect-ratio:1.45}.sub-proof .shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.sub-proof article:nth-child(odd){border-left:0;padding-left:0}.sub-proof article:nth-child(even){padding-right:0}.sub-offer-text{grid-template-columns:minmax(170px,.7fr) minmax(0,1fr)}.sub-examples h2{margin-bottom:36px}}
@media(max-width:600px){.sub-hero-grid{gap:35px}.sub-hero h1{font-size:clamp(2.8rem,10.5vw,4.2rem)}.sub-stage-main{aspect-ratio:1.22;border-radius:12px}.sub-proof .shell{gap:26px 0;padding:34px 0}.sub-proof article{min-height:0;padding-right:14px}.sub-proof article:nth-child(even){padding-left:14px}.sub-proof .sub-icon{width:29px;height:29px;margin-bottom:13px}.sub-proof h2{font-size:1.02rem}.sub-proof p{font-size:11px}.sub-offer-text{grid-template-columns:1fr}.sub-offer-title{gap:14px}.sub-offer-title .sub-icon{width:27px;height:27px}.sub-examples h2{font-size:clamp(2.45rem,9vw,3.5rem)}.sub-example-player{border-radius:10px}.sub-example-player .studio-poster-play{width:54px;height:54px}}