:root {
  --paper: #f8f9f9;
  --white: #ffffff;
  --ink: #202224;
  --muted: #62676a;
  --line: #dfe2e4;
  --display: 'Sora', Arial, sans-serif;
  --body: 'DM Sans', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 118px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body::after { content: ''; position: fixed; inset: 0; z-index: 90; background: url('assets/grain-texture.svg') repeat; opacity: .055; mix-blend-mode: multiply; pointer-events: none; }
a { color: inherit; text-decoration: none; }
button, a { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
.container { width: min(1216px, calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: absolute; z-index: 110; top: -100px; left: 16px; background: #202224; color: #fff; padding: 12px 18px; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid #868b8e; outline-offset: 4px; }
.scroll-progress { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 3px; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, #a6aaad, #303335); pointer-events: none; }

/* Floating navigation */
.site-header { position: sticky; top: 0; z-index: 70; margin-bottom: -105px; padding: 15px 0; transition: padding .28s ease; }
.site-header.is-scrolled { padding: 9px 0; }
.header-inner { height: 74px; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(255,255,255,.92); border-radius: 18px; background: rgba(255,255,255,.67); -webkit-backdrop-filter: blur(22px) saturate(130%); backdrop-filter: blur(22px) saturate(130%); box-shadow: 0 18px 45px rgba(55,60,64,.10), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(255,255,255,.55); transition: background .28s, box-shadow .28s; }
.site-header.is-scrolled .header-inner { background: rgba(252,253,253,.85); box-shadow: 0 15px 38px rgba(55,60,64,.14), inset 0 1px 0 #fff; }
.brand { display: inline-flex; align-items: center; gap: 11px; white-space: nowrap; font: 700 21px/1 var(--display); letter-spacing: -.06em; }
.brand-plus { color: #777c80; }
.brand-mark { height: 26px; display: flex; align-items: center; gap: 2px; transform: skew(-14deg); }
.brand-mark span { display: block; width: 7px; background: linear-gradient(160deg,#8d9295,#292d30); border-radius: 2px; }
.brand-mark span:nth-child(1) { height: 12px; }
.brand-mark span:nth-child(2) { height: 19px; }
.brand-mark span:nth-child(3) { height: 25px; }
.desktop-nav { display: flex; align-items: center; gap: 36px; font-size: 14px; font-weight: 700; color: #4d5356; }
.desktop-nav a { transition: color .2s; }
.desktop-nav a:hover, .site-footer a:hover { color: #000; }
.header-cta { padding: 12px 17px; background: rgba(255,255,255,.58); border: 1px solid #d9dcdf; border-radius: 10px; box-shadow: inset 0 1px 0 #fff, 0 5px 13px rgba(30,34,36,.04); font-size: 13px; font-weight: 700; transition: transform .25s, box-shadow .25s; white-space: nowrap; }
.header-cta span { padding-left: 12px; }
.header-cta:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff,0 10px 21px rgba(30,34,36,.11); }

/* Opening composition */
.hero { min-height: 765px; position: relative; overflow: hidden; background: radial-gradient(ellipse at 77% 11%,rgba(214,217,220,.7),transparent 42%), radial-gradient(ellipse at 5% 88%,rgba(226,228,230,.6),transparent 44%), linear-gradient(135deg,#fff 0%,#f7f8f8 55%,#ebedef 100%); }
.hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg,rgba(255,255,255,.48),transparent 55%); pointer-events: none; }
.hero::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e0e2e3; }
.hero-grid { position: relative; min-height: 765px; padding-top: 103px; display: grid; grid-template-columns: 45% 55%; align-items: center; }
.hero-copy { position: relative; z-index: 2; padding: 49px 0 65px; }
.hero h1 { max-width: 600px; margin: 0 0 31px; font: 700 clamp(50px,4.7vw,74px)/1.13 var(--display); letter-spacing: -.075em; text-wrap: balance; }
.hero h1 span { display: block; color: #5b6063; }
.hero p { max-width: 490px; margin-bottom: 37px; color: #5c6367; font-size: 18px; line-height: 1.68; text-wrap: pretty; }
.hero-art { height: 100%; margin-left: -58px; margin-right: -120px; position: relative; display: flex; align-items: center; isolation: isolate; transform: translateY(var(--hero-shift,0px)); will-change: transform; }
.hero-art-base { position: absolute; right: 5%; bottom: 13%; width: 86%; height: 62%; border-radius: 46%; background: radial-gradient(ellipse,rgba(164,170,174,.31),transparent 68%); filter: blur(25px); }
.hero-art img { position: relative; width: 100%; height: auto; filter: drop-shadow(0 36px 28px rgba(25,29,31,.14)); transition: transform .7s cubic-bezier(.2,.75,.2,1); }
.hero-art:hover img { transform: translateY(-6px) scale(1.01); }
.deal-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; gap: 19px; min-height: 66px; padding: 7px 8px 7px 25px; border-radius: 13px; border: 1px solid #474b4e; color: white; background: linear-gradient(140deg,#44484a 0%,#222527 49%,#0f1112 100%); box-shadow: 0 19px 29px rgba(25,28,30,.19), inset 0 1px 0 rgba(255,255,255,.36), inset 0 -1px 0 #090a0a; font-size: 16px; font-weight: 700; transition: transform .28s, box-shadow .28s; }
.deal-button::before, .plan-button::before { content: ''; position: absolute; inset: -100% auto -100% -70%; width: 42%; transform: rotate(21deg); background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); transition: left .7s ease; pointer-events: none; }
.deal-button:hover::before, .plan-button:not(:disabled):hover::before { left: 130%; }
.deal-button::after { content: ''; position: absolute; inset: 1px; z-index: -1; border-radius: 12px; background: radial-gradient(circle at var(--mx,12%) var(--my,0%),rgba(255,255,255,.22),transparent 38%); pointer-events: none; }
.deal-button:hover { transform: translateY(-3px); box-shadow: 0 26px 34px rgba(25,28,30,.24), inset 0 1px 0 rgba(255,255,255,.48); }
.deal-offer { padding: 10px 13px; border-radius: 7px; color: #2b2d2e; background: linear-gradient(135deg,#fff,#dfe1e2 53%,#f7f7f7); box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(0,0,0,.19); font-size: 11px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.button-arrow { padding-right: 8px; font-size: 21px; }

/* Pricing */
.plans-section { position: relative; isolation: isolate; overflow: hidden; padding: 126px 0 87px; background: radial-gradient(ellipse at 17% 10%,rgba(216,219,221,.6),transparent 40%),radial-gradient(ellipse at 84% 85%,rgba(225,227,229,.72),transparent 42%),linear-gradient(160deg,#f6f7f8,#eef0f1 56%,#fafafa); }
.plans-section::before { content: ''; position: absolute; z-index: -1; inset: 0; background: url('assets/grain-texture.svg'); opacity: .065; mix-blend-mode: multiply; }
.section-heading { margin-bottom: 52px; }
.section-heading h2, .reviews-head h2, .steps-intro h2 { margin: 0 0 16px; font: 700 clamp(35px,3.3vw,50px)/1.16 var(--display); letter-spacing: -.066em; text-wrap: balance; }
.section-heading p, .reviews-head p { margin: 0; color: #686e72; font-size: 17px; line-height: 1.6; }
.plans-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 20px; }
.plan-card { position: relative; overflow: hidden; min-width: 0; padding: 37px 31px 41px; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid rgba(255,255,255,.95); background: linear-gradient(150deg,rgba(255,255,255,.97),rgba(247,248,248,.84)); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 25px 55px rgba(46,52,56,.09), inset 0 1px 0 #fff, inset 1px 0 0 rgba(255,255,255,.75); transition: transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s; }
.plan-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,transparent,#fff,transparent); pointer-events: none; }
.plan-card:hover { transform: translateY(-7px); box-shadow: 0 34px 64px rgba(46,52,56,.15),inset 0 1px 0 #fff; }
.plan-top { min-height: 91px; margin-bottom: 11px; }
.plan-top h3 { margin: 0; color: #24282a; font: 700 clamp(53px,4vw,64px)/1 var(--display); letter-spacing: -.09em; }
.plan-top h3 span { display: block; margin-top: 7px; color: #82888b; font: 600 18px/1.25 var(--display); letter-spacing: -.04em; }
.plan-price { min-height: 39px; margin-bottom: 26px; color: #51575a; font: 600 22px/1.3 var(--display); letter-spacing: -.04em; }
.plan-button { position: relative; overflow: hidden; width: 100%; min-height: 61px; padding: 14px 16px 14px 21px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #44484a; border-radius: 11px; color: white; background: linear-gradient(150deg,#404547,#222526 62%,#181a1b); box-shadow: 0 12px 21px rgba(29,32,34,.13),inset 0 1px 0 rgba(255,255,255,.36); font-size: 14px; font-weight: 700; text-align: left; transition: transform .25s,box-shadow .25s; }
.plan-button span { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border: 1px solid rgba(255,255,255,.37); border-radius: 50%; font-size: 17px; }
.plan-button:disabled { opacity: 1; cursor: not-allowed; }
.plan-divider { height: 1px; margin: 35px 0 29px; background: linear-gradient(90deg,#d7dadd,rgba(215,218,221,.35)); }
.features { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }
.features li { position: relative; padding-left: 29px; color: #535b5f; font-size: 14px; line-height: 1.44; }
.features li strong { color: #272c2f; font-weight: 700; }
.features li::before { content: '✓'; position: absolute; top: 1px; left: 0; display: grid; place-items: center; width: 17px; height: 17px; border: 1px solid #cdd1d4; border-radius: 50%; background: #f2f3f3; color: #4e5558; font-size: 11px; font-weight: 800; }
.plan-featured { z-index: 1; transform: translateY(-13px); border: 1px solid #c5c9cc; background: linear-gradient(145deg,#fff 0%,#f4f5f6 54%,#e6e8ea 100%); box-shadow: 0 34px 62px rgba(38,44,48,.18), inset 0 1px 0 #fff, inset 1px 0 0 #fff; }
.plan-featured::after { content: ''; position: absolute; right: -34%; top: -11%; width: 95%; height: 37%; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.95),transparent 69%); pointer-events: none; }
.plan-featured:hover { transform: translateY(-20px); box-shadow: 0 40px 71px rgba(38,44,48,.22), inset 0 1px 0 #fff; }
.plan-featured .plan-top h3 { color: #17191a; }
.plan-featured .plan-price { color: #373c3f; }
.popular-ribbon { position: absolute; z-index: 3; top: 27px; right: -5px; padding: 11px 18px 11px 24px; clip-path: polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%); background: linear-gradient(115deg,#4b5052,#222526); color: #fff; font: 800 10px/1 var(--display); letter-spacing: .09em; box-shadow: 0 6px 12px rgba(0,0,0,.13); }
.checkout-trust { width: max-content; max-width: 100%; margin: 47px auto 0; padding: 18px 28px; display: flex; align-items: center; justify-content: center; gap: 25px; border: 1px solid #fff; border-radius: 15px; background: rgba(255,255,255,.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); box-shadow: 0 14px 32px rgba(50,55,59,.08), inset 0 1px 0 #fff; }
.checkout-label { display: flex; align-items: center; gap: 11px; white-space: nowrap; color: #51575a; font-size: 14px; font-weight: 700; }
.checkout-label svg { width: 25px; height: 25px; color: #c9b84e; }
.checkout-trust img { width: min(490px,100%); height: auto; filter: grayscale(1) contrast(1.03); }

/* Review gallery */
.reviews-section { overflow: hidden; padding: 115px 0 124px; background: linear-gradient(180deg,#fff,#f5f6f6); }
.reviews-head { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 42px; }
.reviews-head p { max-width: 590px; }
.review-controls { display: flex; gap: 9px; flex-shrink: 0; }
.review-controls button { width: 45px; height: 45px; border: 1px solid #d9dcde; border-radius: 50%; background: rgba(255,255,255,.75); box-shadow: inset 0 1px 0 #fff; color: #32383a; font-size: 20px; transition: background .23s,color .23s,transform .23s; }
.review-controls button:hover { transform: translateY(-2px); background: #292d2f; color: #fff; }
.review-track { display: flex; gap: 19px; overflow-x: auto; padding: 0 max(32px,calc((100vw - 1216px)/2)) 13px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.review-track::-webkit-scrollbar { display: none; }
.review-card { width: 326px; min-width: 326px; overflow: hidden; border: 1px solid #e1e3e4; border-radius: 18px; background: #fff; box-shadow: 0 17px 36px rgba(32,39,43,.08); scroll-snap-align: start; transition: transform .3s,box-shadow .3s; }
.review-card:hover { transform: translateY(-5px); box-shadow: 0 25px 47px rgba(32,39,43,.12); }
.review-card-head { height: 77px; display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #fcfcfc; }
.avatar { display: grid; place-items: center; flex: 0 0 37px; width: 37px; height: 37px; border: 1px solid #d7dadc; border-radius: 50%; background: #eef0f1; color: #51595d; font-size: 11px; font-weight: 800; }
.review-card-head strong, .review-card-head small { display: block; }
.review-card-head strong { font-size: 14px; }
.review-card-head small { margin-top: 3px; color: #888e91; font-size: 12px; }
.message-mark { margin-left: auto; color: #858c90; font-size: 20px; }
.review-placeholder { position: relative; height: 365px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; overflow: hidden; border-top: 1px solid #e6e8e9; background: linear-gradient(150deg,#f6f7f8,#e8eaeb); color: #899093; text-align: center; }
.review-placeholder::before { content: ''; position: absolute; width: 240px; height: 240px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; box-shadow: 0 0 0 32px rgba(255,255,255,.12),0 0 0 66px rgba(255,255,255,.07); }
.placeholder-icon { position: relative; display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 19px; border: 1px solid #fff; border-radius: 18px; background: rgba(255,255,255,.66); box-shadow: 0 10px 26px rgba(46,52,56,.09); color: #a7adb0; font-size: 30px; line-height: 1; }
.review-placeholder strong { position: relative; margin-bottom: 10px; color: #5c6468; font: 600 15px/1.35 var(--display); }
.review-placeholder > span:last-child { position: relative; font-size: 12px; }

/* Three-step editorial sequence */
.steps-section { padding: 119px 0 136px; background: radial-gradient(ellipse at 80% 20%,rgba(218,221,223,.46),transparent 37%),linear-gradient(180deg,#f5f6f6,#fbfbfb); }
.steps-intro { max-width: 800px; margin: 0 0 52px; }
.steps-grid { border-bottom: 1px solid #d6d9db; }
.step { min-height: 180px; display: grid; grid-template-columns: 145px minmax(250px,1fr) minmax(340px,1.1fr); align-items: center; gap: 37px; padding: 31px 4px; border-top: 1px solid #d6d9db; transition: padding .3s,background .3s; }
.step:hover { padding-inline: 17px; background: rgba(255,255,255,.46); }
.step-meta { display: flex; align-items: center; gap: 18px; color: #a6abad; }
.step-meta span { font: 600 43px/1 var(--display); letter-spacing: -.075em; }
.step-meta svg { flex: 0 0 34px; width: 34px; height: 34px; padding: 6px; border: 1px solid #d9dcde; border-radius: 9px; box-sizing: content-box; color: #535b5e; background: rgba(255,255,255,.58); }
.step h3 { margin: 0; font: 700 25px/1.35 var(--display); letter-spacing: -.045em; }
.step p { max-width: 470px; margin: 0; color: #646b6f; font-size: 16px; line-height: 1.68; }

/* Footer and legal pages */
.site-footer { padding: 58px 0 50px; background: #232729; color: #f2f3f3; }
.footer-inner { display: flex; align-items: start; justify-content: space-between; gap: 40px; }
.footer-identity { max-width: 270px; }
.footer-brand { font-size: 18px; }
.footer-brand .brand-mark { transform: skew(-14deg) scale(.8); }
.footer-brand .brand-mark span { background: #a5aaad; }
.footer-brand .brand-plus { color: #b5b9bb; }
.footer-identity p { margin: 17px 0 0; color: #adb3b6; font-size: 13px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 13px 27px; padding-top: 9px; }
.site-footer nav a, .back-top { color: #d2d6d8; font-size: 13px; font-weight: 600; transition: color .2s; }
.back-top { padding-top: 9px; white-space: nowrap; }
.legal-page { min-height: 100vh; background: radial-gradient(ellipse at 72% 5%,rgba(224,226,228,.6),transparent 33%),linear-gradient(150deg,#fff,#f2f3f4); }
.legal-page .site-header { margin-bottom: 0; }
.legal-shell { width: min(790px,calc(100% - 64px)); padding: 145px 0 100px; }
.legal-shell h1 { margin-bottom: 24px; font: 700 clamp(40px,5vw,64px)/1.13 var(--display); letter-spacing: -.065em; }
.legal-shell .lead { margin-bottom: 41px; color: #5d6569; font-size: 18px; line-height: 1.65; }
.legal-notice { margin-bottom: 44px; padding: 22px 25px; border: 1px solid #e1e3e4; border-radius: 14px; background: rgba(255,255,255,.78); color: #4b5559; font-size: 14px; line-height: 1.65; }
.legal-shell h2 { margin: 39px 0 13px; font: 700 23px/1.3 var(--display); letter-spacing: -.04em; }
.legal-shell p, .legal-shell li { color: #596267; font-size: 15px; line-height: 1.78; }
.legal-shell ul { padding-left: 22px; }
.legal-shell strong { color: #272d30; }
.legal-shell a:not(.brand) { text-decoration: underline; text-decoration-color: #b7bdc0; text-underline-offset: 3px; }

/* Scroll feedback */
.js .reveal { opacity: .72; transform: translateY(16px); transition: opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.js .reveal.in-view { opacity: 1; transform: translateY(0); }
.js .plan-featured.reveal { transform: translateY(3px); }
.js .plan-featured.reveal.in-view { transform: translateY(-13px); }
.js .plan-featured.reveal.in-view:hover { transform: translateY(-20px); }
.js .step:nth-child(2) { transition-delay: .07s; }
.js .step:nth-child(3) { transition-delay: .14s; }

@media (max-width: 1050px) {
  .hero, .hero-grid { min-height: 680px; }
  .hero-grid { grid-template-columns: 48% 52%; }
  .hero-art { margin-right: -75px; }
  .hero h1 { font-size: clamp(45px,4.8vw,60px); }
  .plan-card { padding: 30px 23px 37px; }
  .plan-top h3 { font-size: 52px; }
  .features li { font-size: 13px; }
  .step { grid-template-columns: 125px minmax(210px,1fr) minmax(260px,1.1fr); gap: 24px; }
}
@media (max-width: 760px) {
  .container { width: min(100% - 36px,560px); }
  .site-header { padding: 10px 0; margin-bottom: -88px; }
  .header-inner { height: 68px; padding: 0 17px; border-radius: 15px; }
  .desktop-nav { display: none; }
  .brand { font-size: 19px; }
  .header-cta { padding: 10px 12px; font-size: 12px; }
  .hero, .hero-grid { min-height: 0; }
  .hero-grid { display: flex; flex-direction: column; padding-top: 86px; }
  .hero-copy { width: 100%; padding: 70px 0 0; }
  .hero h1 { font-size: clamp(43px,9.5vw,59px); }
  .hero p { font-size: 16px; }
  .hero-art { width: calc(100% + 48px); height: auto; min-height: 0; align-self: center; margin: 0 -24px -6px; }
  .hero-art-base { bottom: 12%; }
  .plans-section { padding: 87px 0 72px; }
  .section-heading { margin-bottom: 35px; }
  .section-heading h2,.reviews-head h2,.steps-intro h2 { font-size: clamp(31px,7.7vw,40px); }
  .plans-grid { grid-template-columns: 1fr; gap: 16px; }
  .plan-card,.plan-featured { padding: 31px 27px 37px; }
  .plan-featured,.plan-featured:hover { transform: none; }
  .js .plan-featured.reveal.in-view { transform: translateY(0); }
  .js .plan-featured.reveal.in-view:hover { transform: translateY(-5px); }
  .plan-top h3 { font-size: 59px; }
  .features li { font-size: 14px; }
  .checkout-trust { width: 100%; margin-top: 30px; padding: 19px; flex-direction: column; gap: 11px; }
  .checkout-trust img { width: 100%; }
  .reviews-section { padding: 87px 0; }
  .reviews-head { align-items: start; }
  .review-track { padding-left: 18px; padding-right: 18px; }
  .review-card { width: 295px; min-width: 295px; }
  .steps-section { padding: 89px 0 96px; }
  .steps-intro { margin-bottom: 33px; }
  .step { min-height: 0; grid-template-columns: 74px 1fr; gap: 8px 18px; padding: 26px 0; }
  .step-meta { grid-row: 1 / 3; display: block; align-self: start; }
  .step-meta span { font-size: 37px; }
  .step-meta svg { display: block; margin-top: 17px; width: 28px; height: 28px; }
  .step h3 { font-size: 21px; }
  .step p { font-size: 14px; }
  .site-footer { padding: 45px 0; }
  .footer-inner { display: grid; grid-template-columns: 1fr auto; gap: 30px; }
  .footer-identity { grid-column: 1 / -1; }
  .site-footer nav { grid-column: 1; }
  .back-top { grid-column: 2; align-self: start; }
  .legal-shell { width: min(100% - 36px,560px); padding: 90px 0 75px; }
}
@media (max-width: 440px) {
  .hero-copy { padding-top: 56px; }
  .hero h1 { font-size: 42px; }
  .hero p { font-size: 15px; }
  .deal-button { gap: 11px; min-height: 61px; padding-left: 18px; font-size: 14px; }
  .deal-offer { font-size: 10px; }
  .plan-card,.plan-featured { padding: 29px 23px 35px; }
  .popular-ribbon { top: 22px; font-size: 9px; }
  .reviews-head { display: block; }
  .review-controls { margin-top: 20px; }
  .footer-inner { grid-template-columns: 1fr; }
  .site-footer nav,.back-top { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .scroll-progress { display: none; }
  .js .reveal,.js .plan-featured.reveal,.js .plan-featured.reveal.in-view { opacity: 1; transform: none; transition: none; }
  .hero-art { transform: none !important; }
  .hero-art img,.plan-card,.step,.review-card,.deal-button { transition: none !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .header-inner,.plan-card,.checkout-trust { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; }
}