/* Conversion preview: retain the approved app palette, fonts, media and motion. */
.conversion-v32 .v32-hero-grid{grid-template-columns:1.1fr 1fr;grid-template-areas:"media intro" "media purchase";column-gap:48px;row-gap:20px;align-items:start}
.conversion-v32 .v32-intro{grid-area:intro;min-width:0}
.conversion-v32 .v32-media{grid-area:media;min-width:0;align-self:center}
.conversion-v32 .v32-purchase{grid-area:purchase;min-width:0}
.conversion-v32 .hero h1{font-size:clamp(34px,3.8vw,51px);line-height:1.07;letter-spacing:-.055em;margin:14px 0 18px;max-width:20ch}
.conversion-v32 .hero h1 em{white-space:normal!important}
.conversion-v32 .v32-intro>p:not(.product-eyebrow){font-size:15px;line-height:1.6;max-width:48ch}
.conversion-v32 .v32-intro .product-eyebrow{font-size:12px;letter-spacing:-.01em}
.conversion-v32 .v32-media .sales-gallery{margin:0;width:100%}
.conversion-v32 .hero .v32-usecases{margin:14px 0 0;text-align:center;font-size:11px;color:#8c8c84;letter-spacing:.02em}
.conversion-v32 .hero .proof{margin:0 0 20px;gap:9px}
.conversion-v32 .hero .proof li{font-size:13px;line-height:1.45}
.conversion-v32 .hero .proof svg{width:15px;height:15px;margin-top:2px}
.conversion-v32 .actions{margin-top:0}
.conversion-v32 .btn{min-height:52px}
.conversion-v32 .btn .p-new{opacity:1}
.conversion-v32 .v32-payment{margin:14px 0 0}
.conversion-v32 .v32-payment p{font:400 11px/1.55 var(--sans);margin:3px 0;color:#77776f;letter-spacing:0}
.conversion-v32 .v32-payment .v32-own{font-size:12px;color:#45453f}
.conversion-v32 .v32-payment .v32-terms{font-size:10px;color:#898981;margin-top:5px}
.conversion-v32 .v32-payment .v32-help{display:inline-block;font-size:11px;line-height:1.5;color:#77776f;margin-top:11px}
.conversion-v32 .v32-help span{text-decoration:underline;text-decoration-color:#d4d4ce;text-underline-offset:3px;color:#33332f}
.conversion-v32 .closing .v32-payment{text-align:left;width:100%}
.conversion-v32 .closing .v32-payment p{font-size:11px!important;line-height:1.6!important;letter-spacing:0!important;max-width:none;width:100%}
.conversion-v32 .closing{margin-top:48px}
.conversion-v32 .closing>p{font-size:clamp(28px,4vw,46px);max-width:26ch;line-height:1.12}
.conversion-v32 .checkout-sticky{z-index:45;transition:opacity .15s ease,transform .15s ease}
.conversion-v32 footer{padding:24px 0}
.conversion-v32:has(.checkout-sticky:not([hidden])) footer{padding-bottom:92px}
.conversion-v32 .v32-os-promise .sales-sub{font-size:2.6cqw;line-height:1.55}
.v32-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;width:100%;height:88%;padding:0 8px}
.v32-mosaic .sales-movie{height:100%;min-height:0;aspect-ratio:9/16;max-height:100%;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000000d}
.v32-mosaic-image{padding:0;background:transparent;border:0;cursor:pointer;transform:rotate(4deg);border-radius:9px;overflow:hidden;box-shadow:0 4px 16px #0000000e;max-height:86%}
.v32-mosaic-image img{display:block;width:100%;height:auto}
.v32-process,.v32-comparison{width:min(1000px,calc(100% - 36px));margin:30px auto 64px}
.v32-process-heading{text-align:center;max-width:610px;margin:0 auto 30px}
.v32-process h2,.v32-comparison h2{font:500 clamp(26px,3.5vw,39px)/1.12 var(--sans);letter-spacing:-.045em;margin:0 0 15px}
.v32-process h2 em,.v32-comparison h2 em{font-style:normal;color:#88887f}
.v32-process-heading>p{font-size:13px;line-height:1.65;color:#77776f;margin:0}
.v32-process-rail{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:1px;border:1px solid #e6e6e1;border-radius:17px;overflow:hidden;background:#e6e6e1}
.v32-process-rail>div{padding:26px;background:#fafaf8;min-width:0}
.v32-eyebrow{display:block;font-size:10px;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:#87877d;font-weight:500}
.v32-brief>p{font-size:21px;line-height:1.35;letter-spacing:-.03em;color:#33332f;margin:20px 0}
.v32-process-rail small{display:block;font-size:11px;line-height:1.5;color:#82827a;max-width:30ch}
.v32-task-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}
.v32-task-list>span{font-size:15px;color:#3d3d38;display:flex;gap:9px;align-items:center}
.v32-task-list i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ededE8;font:10px var(--sans);color:#77776f}
.v32-result{display:flex;align-items:center;gap:18px;padding:22px;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer;min-width:0;transition:background .2s}
.v32-result:hover{background:#f6f6f2}
.v32-result>img{width:46%;max-height:210px;object-fit:cover;aspect-ratio:9/16;border-radius:9px;box-shadow:0 3px 16px #00000009}
.v32-result strong{display:block;font-size:19px;line-height:1.18;font-weight:500;letter-spacing:-.035em}
.v32-result small{margin-top:12px;font-size:10px}
.v32-caption{font-size:10px;line-height:1.5;color:#97978e;text-align:center;max-width:700px;margin:12px auto 0}
.v32-comparison{width:100%;margin:38px auto 55px}
.v32-comparison h2{max-width:25ch}
.v32-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 18px}
.v32-compare-grid>div{padding:24px;border:1px solid #e9e9e4;border-radius:14px}
.v32-manual{background:#fafaf8}
.v32-with{background:#f2f2ed}
.v32-compare-grid p{font-size:14px;line-height:1.7;max-width:42ch;margin:14px 0 0;color:#77776f}
.v32-with p{color:#33332e}
.v32-cost{border-top:1px solid #e8e8e2;border-bottom:1px solid #e8e8e2}
.v32-cost summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;cursor:pointer;font-size:13px;color:#4b4b43}
.v32-cost summary::-webkit-details-marker{display:none}
.v32-cost[open]>summary>span:last-child{transform:rotate(45deg)}
.v32-cost-body{padding:0 0 24px}
.v32-cost-body>p{max-width:68ch;font-size:12px;color:#77776f;line-height:1.6;margin:0 0 18px}
.v32-cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.v32-cost-inputs label>span{display:block;font-size:11px;line-height:1.4;color:#66665e;min-height:30px;margin-bottom:7px}
.v32-cost-inputs label>div{display:flex;align-items:center;gap:12px;border:1px solid #deded7;border-radius:8px;padding:11px 14px;background:#fff}
.v32-cost input{font:500 19px var(--sans);border:0;outline:none;width:100%;min-width:0;background:transparent;color:#33332e}
.v32-cost label>div:focus-within{outline:2px solid #77776f;outline-offset:2px}
.v32-cost-inputs label>div>span{font-size:14px;color:#929289}
.v32-cost output{display:block;margin:17px 0;padding:17px;border-radius:8px;background:#f5f5f0;font-size:12px;line-height:1.7;color:#55554e}
.v32-cost output strong{font-size:15px;color:#292925;font-weight:500}
.v32-cost-body>small{display:block;font-size:10px;line-height:1.6;color:#8b8b81;max-width:88ch}
.v32-preview-label{font:10px/1.3 var(--sans);color:#96968e;border:1px solid #e6e6df;padding:5px 8px;border-radius:20px;margin-left:auto;white-space:nowrap}
.v32-nav-tools{display:flex;align-items:center;gap:12px;margin-left:auto}
.v32-language{font-size:10px;color:#77776f;text-decoration:underline;text-underline-offset:3px}
.v32-modal{padding:0;border:0;border-radius:15px;max-width:min(94vw,900px);max-height:90svh;background:#fff;color:#333}
.v32-modal::backdrop{background:#151510b8;backdrop-filter:blur(4px)}
.v32-modal-stage{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}
.v32-modal-stage video,.v32-modal-stage img{max-width:100%;max-height:75svh;border-radius:8px;display:block}
.v32-modal-stage p{font-size:13px;line-height:1.6;margin:0;max-width:44ch}
.v32-modal-close{position:absolute;right:7px;top:7px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;background:#fff;color:#333;font-size:19px;cursor:pointer;z-index:2}
.conversion-v32 .feature-copy h3 em{color:#88887f;font-style:normal}
.conversion-v32 .trust-footer{gap:10px 20px}
.conversion-v32 .trust-footer .v35-social{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:28px}
.v35-x-logo{width:13px;height:13px;display:block;flex:none}
.conversion-v32 .skill-benefits{display:grid;gap:0;padding:0 26px;border:1px solid #242421;border-radius:18px;background:#242421;overflow:hidden}
.conversion-v32 .skill-benefits .row{padding:26px 0;border:0;border-radius:0;background:transparent;color:#fff}
.conversion-v32 .skill-benefits .row+.row{border-top:1px solid #ffffff1f}
.conversion-v32 .skill-benefits .row h3{color:#fff}
.conversion-v32 .skill-benefits .row p{color:#c8c8bf}
.conversion-v32 .skill-benefits .row b{color:#cdcdc5}
.v32-modal.v35-carousel-modal{background:#fff;overflow:hidden}
.v35-carousel-modal .v32-modal-stage{padding:40px 16px 12px;gap:10px}
.v35-carousel-track{display:flex;width:min(82vw,52svh,480px);aspect-ratio:4/5;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:10px;touch-action:pan-x pan-y}
.v35-carousel-track::-webkit-scrollbar{display:none}
.v35-carousel-track img{flex:0 0 100%;width:100%;height:100%;max-height:none;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;user-select:none;border-radius:0}
.v35-carousel-track.dragging{scroll-snap-type:none;cursor:grabbing}
.v35-carousel-controls{display:flex;justify-content:space-between;align-items:center;width:100%;font:400 12px var(--sans);color:#77776f}
.v35-carousel-controls button{display:grid;place-items:center;width:44px;height:40px;border:0;border-radius:8px;background:#f5f5f1;font-size:21px;color:#333;cursor:pointer}
.v35-carousel-controls button:disabled{opacity:.3;cursor:default}
.v37-demo-caption{font:400 10px/1.5 var(--sans);color:#85857d;text-align:center;max-width:100%}
.sales-stack.v37-stack{border:0;background:transparent;padding:0;cursor:pointer;color:inherit}
.sales-stack.v37-stack img:first-child{top:0}
.sales-stack.v37-stack:focus-visible{outline:2px solid #777;outline-offset:3px;border-radius:12px}
.v35-carousel-track:focus-visible,.v35-carousel-controls button:focus-visible{outline:2px solid #777;outline-offset:2px}
.conversion-v32 .catalog-title{max-width:25ch!important}
.conversion-v32 .how>.wrap:has(>.v32-comparison){max-width:1000px}
@media(min-width:761px){.conversion-v32 .hero{padding-top:42px!important;padding-bottom:42px!important}.conversion-v32 .transition{margin-top:12px}.conversion-v32 .v32-media{padding-bottom:25px}}
@media(max-width:760px){
 .conversion-v32 .v32-hero-grid{grid-template-columns:1fr;grid-template-areas:"intro" "media" "purchase";gap:20px}
 .conversion-v32 .hero h1{font-size:clamp(32px,8.7vw,45px);margin:10px 0 12px;max-width:23ch;line-height:1.08}
 .conversion-v32 .v32-intro>p:not(.product-eyebrow){font-size:13px;line-height:1.55;max-width:none}
 .conversion-v32 .v32-intro .product-eyebrow{font-size:11px}
 .conversion-v32 .hero .proof{margin-bottom:15px;gap:7px}
 .conversion-v32 .hero .proof li{font-size:12px}
 .conversion-v32 .hero .v32-usecases{margin-top:10px;font-size:10px}
 .conversion-v32 .v32-payment p{font-size:10px;line-height:1.45}
 .conversion-v32 .v32-payment .v32-own{font-size:11px}
 .conversion-v32 .v32-payment .v32-terms{font-size:10px;line-height:1.5}
 .conversion-v32 .v32-payment .v32-help{font-size:10px;margin-top:10px}
 .conversion-v32 .hero:has(.sales-gallery){padding-top:19px!important}
 .v32-process{margin:10px auto 42px}
 .v32-process-heading{margin-bottom:21px;text-align:left}
 .v32-process h2,.v32-comparison h2{font-size:29px}
 .v32-process-heading>p{font-size:12px}
 .v32-process-rail{grid-template-columns:1fr 1fr;border-radius:12px}
 .v32-process-rail>div{padding:19px}
 .v32-process-rail small{font-size:10px}
 .v32-brief>p{font-size:18px;margin:17px 0}
 .v32-task-list{gap:9px;margin:17px 0}
 .v32-task-list>span{font-size:13px;gap:6px}
 .v32-result{grid-column:1/-1;padding:16px 20px;gap:22px}
 .v32-result>img{width:60px;max-height:94px}
 .v32-result strong{font-size:19px;max-width:20ch}
 .v32-result small{margin-top:7px;max-width:none}
 .v32-caption{text-align:left;font-size:9px;margin-top:10px}
 .v32-compare-grid{gap:10px;margin-top:20px}
 .v32-compare-grid>div{padding:16px}
 .v32-compare-grid p{font-size:12px;line-height:1.65}
 .v32-eyebrow{font-size:9px;letter-spacing:.025em}
 .v32-comparison{margin:28px auto 40px}
 .v32-cost-inputs{gap:10px}
 .v32-cost-inputs label>span{font-size:10px}
 .v32-cost summary{font-size:12px}
 .v32-mosaic{gap:6px;padding:0 5px}
 .v32-mosaic .sales-movie,.v32-mosaic-image{border-radius:7px}
}
@media(prefers-reduced-motion:reduce){.conversion-v32 *, .conversion-v32 *::before,.conversion-v32 *::after{scroll-behavior:auto!important}.v32-result,.checkout-sticky{transition:none!important}}

/* V33: focused refinements to the approved V32, no new page structure. */
/* V34: a discreet active tab, matching the OS link. */
body.conversion-v32 .product-nav a[aria-current="page"]{background:transparent;border-color:transparent;box-shadow:none;color:#252521;font-weight:600}
body.conversion-v32 .product-nav a[aria-current="page"]>span,
body.conversion-v32 .product-nav a[aria-current="page"]:not(:has(span)){text-decoration:underline;text-decoration-color:#252521;text-decoration-thickness:1.5px;text-underline-offset:7px}
body.conversion-v32 .how:has(>.wrap>.v32-comparison){padding-top:0}
body.conversion-v32 .how>.wrap>.v32-comparison:first-child{margin-top:0;margin-bottom:40px}
.conversion-v32 .v32-payment{margin-top:16px}
.v33-assurances{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin-bottom:0}
.v33-assurances>div{display:flex;gap:8px;align-items:flex-start;min-width:0}
.v33-assurances>div>span{display:grid;place-items:center;flex:none;width:20px;height:20px;background:#f1f2eb;border-radius:50%;font:12px/1 var(--sans);color:#797e6f}
.v33-assurances strong{display:block;font:500 11px/1.45 var(--sans);color:#484941;letter-spacing:-.01em}
.v33-assurances small{display:block;font:400 10px/1.5 var(--sans);color:#85867c;margin-top:2px}
.conversion-v32 .v32-payment .v32-terms{font:400 10px/1.6 var(--sans);color:#86877e;margin:2px 0}
.conversion-v32 .closing .v32-payment .v32-terms{font-size:10px!important}
.conversion-v32 .v32-payment .v32-help{margin-top:12px}

/* The final slide shares the fixed 16:9 frame: compact copy + bounded rows. */
.conversion-v32 .sales-gallery .v33-included{grid-template-columns:1fr 1.12fr;grid-template-rows:minmax(0,1fr);padding:4cqw 4cqw 9.5cqw;gap:4cqw;align-items:center}
.conversion-v32 .v33-included .sales-copy{min-height:0}
.conversion-v32 .v33-included .sales-badge{margin-bottom:2cqw}
.conversion-v32 .v33-included .sales-headline{font-size:5cqw;line-height:1.1;margin-bottom:3cqw}
.v33-included-support{border-top:1px solid #deded7;padding-top:2.2cqw;display:grid;gap:.8cqw}
.v33-included-support strong{font-size:2.8cqw;line-height:1.25;font-weight:550}
.v33-included-support span{font-size:2.05cqw;line-height:1.4;color:#7e8074}
.conversion-v32 .v33-included .sales-fine{font-size:1.85cqw;line-height:1.4;margin-top:2cqw}
.conversion-v32 .v33-included .sales-kit{grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5cqw;min-height:0}
.conversion-v32 .v33-included .sales-kit>div{padding:1.5cqw;gap:1.5cqw;min-height:0}
.conversion-v32 .v33-included .sales-kit strong{font-size:2.5cqw;line-height:1.25}
.conversion-v32 .v33-included .sales-kit small{font-size:1.95cqw;line-height:1.3;margin-top:.65cqw}

/* Keep both animated phrases in normal flow, never over the next title. */
body.conversion-v32:is([data-product="cs"],[data-product="os"],[data-product="animation"],[data-product="carousel"]) .transition{height:auto;min-height:0;margin:0;overflow:visible}
body.conversion-v32:has(.v32-process) .transition .transition-inner{position:relative;inset:auto;display:grid;padding:26px 0 30px}
body.conversion-v32:has(.v32-process) .transition .transition-inner>div{display:block}
body.conversion-v32:has(.v32-process) .transition .lite-title{display:grid;overflow:visible;padding:6px 0}
body.conversion-v32:has(.v32-process) .transition h2{line-height:1.15;margin:0}
body.conversion-v32 .transition+.v32-process{margin-top:10px}
body.conversion-v32 .transition .os-section-rule{margin:40px 0 0}

.v32-cost-inputs{grid-template-columns:1.45fr 1fr 1fr;align-items:end}
.v32-cost-inputs:has(label:nth-child(2):last-child){grid-template-columns:1.45fr 1fr}
.v32-cost-inputs label>span{min-height:0;font-size:12px}
.v32-cost-inputs label>div{min-height:49px;box-sizing:border-box}
.v32-cost input{font-size:20px}
.v32-cost output{padding:24px;border:1px solid #e6e8dc;background:#f4f5ef;border-radius:12px;margin:22px 0 10px}
.v33-saving{display:flex;flex-direction:column;gap:4px;margin-bottom:23px;color:#73796b;font-size:12px;line-height:1.5}
.v32-cost .v33-saving>strong{font:500 clamp(34px,4vw,46px)/1.1 var(--sans);letter-spacing:-.055em;color:#394432}
.v33-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;border-top:1px solid #dfe2d5}
.v33-totals>div{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#808474}
.v32-cost .v33-totals strong{font-size:16px;font-weight:500;color:#464d3d}
.v32-cost output>small{display:block;margin-top:16px;font-size:10px;line-height:1.55;color:#808474}
.v32-cost output[data-saving^="-"]{background:#f6f5f2;border-color:#e8e4dd}
.v32-cost output[data-saving^="-"] .v33-saving>strong{color:#5f5549}
.v32-cost-body>.v33-cost-caption{font-size:10px;line-height:1.6;color:#8b8d81;margin:0}
.v33-assumptions{margin-top:7px}
.v33-assumptions summary{justify-content:flex-start;gap:8px;padding:10px 0;font-size:11px;color:#7e8075}
.v33-assumptions[open]>summary>span:last-child{transform:rotate(45deg)}
.v33-assumptions-body{padding:7px 0 0}
.v33-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}
.v33-settings label>span{display:block;font-size:11px;line-height:1.5;margin-bottom:5px;color:#77796e}
.v33-settings label>div{display:flex;gap:8px;align-items:center}
.v33-settings input,.v33-settings select{border:1px solid #e0e1d8;background:#fff;border-radius:7px;padding:10px;width:100%;min-width:0;font:400 14px var(--sans);color:#53584a;box-sizing:border-box}
.v33-assumptions-body p{font-size:10px;line-height:1.7;color:#8b8d81;margin:10px 0}
.v33-rate-sources a{text-decoration:underline;text-underline-offset:2px}
.v33-settings [hidden]{display:none}
@media(max-width:760px){
 .v32-cost-inputs{grid-template-columns:1fr 1fr;gap:12px}
 .v32-cost-inputs .v33-subscription{grid-column:1/-1}
 .v32-cost-inputs:has(label:nth-child(2):last-child){grid-template-columns:1fr}
 .v32-cost output{padding:19px}
 .v33-totals{gap:12px}
 .v33-assurances{gap:10px}
 .v33-assurances strong{font-size:11px}
 body.conversion-v32:has(.v32-process) .transition .transition-inner{padding:20px 0 24px}
}