/* Responsive layouts are kept together here, after the base and offer styles.
   Change composition before shrinking type. Phone controls stay touch-sized. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.cost-result{container:cost / inline-size}
.cost-result .cost-difference>strong{font-size:clamp(24px,9.4cqi,56px);white-space:nowrap;letter-spacing:-.055em}
.cost-comparison strong{white-space:nowrap;overflow-wrap:normal;font-size:clamp(20px,5.2cqi,27px)}
@container cost (max-width:420px){
 .cost-comparison{grid-template-columns:1fr;gap:16px}
 .cost-comparison strong{font-size:26px}
 .cost-owned{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
}

@media(max-width:900px){
 .aiclip-offer .section-heading{display:block}
 .aiclip-offer .section-heading>p{max-width:60ch;font-size:15px;line-height:1.75;margin-top:22px}
 .aiclip-offer .section-heading>div{max-width:100%}
 .aiclip-offer .price-panel,.aiclip-offer .cost-layout,.aiclip-offer .trial-section,.aiclip-offer .use-case-panel{grid-template-columns:minmax(0,1fr);gap:32px}
 .aiclip-offer .price-panel,.aiclip-offer .cost-layout,.aiclip-offer .trial-section{max-width:660px;margin-inline:auto}
 .aiclip-offer .price-card{order:-1}
 .aiclip-offer .price-copy{padding-top:10px}
 .aiclip-offer .price-promise{max-width:none}
 .aiclip-offer .case-deliverables{max-width:none}
 .aiclip-offer .use-case-panel{min-height:0}
 .aiclip-offer .use-case-panel>div>p{max-width:60ch;font-size:15px}
 .aiclip-offer .use-case-switch button{min-height:48px;font-size:14px}
 .aiclip-offer .friction-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .aiclip-offer .friction-grid article{max-width:660px}
 .aiclip-offer .friction-grid p{max-width:60ch;font-size:15px}
 .aiclip-offer .section-conversion{flex-wrap:wrap;gap:16px}
 .aiclip-offer .section-conversion .text-link{flex-shrink:1;font-size:14px;min-height:44px}
 .aiclip-offer .section-conversion>p{font-size:14px}
 .aiclip-offer .lab-grid{grid-template-columns:minmax(0,1fr)}
 .aiclip-offer .clip-lab{display:flex;flex-direction:column}
 .aiclip-offer .lab-top{order:-3;flex-wrap:wrap;gap:10px}
 .aiclip-offer .lab-controls{order:-2;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px}
 .aiclip-offer .lab-controls button{font-size:14px;min-height:48px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px}
 .aiclip-offer .lab-controls b{font-size:11px;margin:0}
 .aiclip-offer .lab-tweaks{order:-1;flex-wrap:wrap;gap:8px;font-size:13px;padding:12px 16px}
 .aiclip-offer .lab-tweaks button{min-height:44px;padding:8px 14px;font-size:14px}
 .aiclip-offer .lab-output{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 .aiclip-offer .output-head{grid-column:auto;font-size:14px;align-items:baseline;margin:0}
 .aiclip-offer .output-head>span{font-size:12px;white-space:nowrap}
 .aiclip-offer .vertical-demo{width:min(100%,240px);aspect-ratio:9/14;max-height:none;padding:20px;margin-inline:auto}
 .aiclip-offer .vertical-copy strong{font-size:42px}
 .aiclip-offer .vertical-copy>span,.aiclip-offer .clip-corner{font-size:11px}
 .aiclip-offer .demo-subtitle{font-size:14px;line-height:1.4}
 .aiclip-offer .lab-output>p{font-size:14px;line-height:1.75;margin:0;max-width:60ch}
 .aiclip-offer .lab-transcript p{font-size:14px}
 .aiclip-offer .lab-source-caption{font-size:12px;flex-wrap:wrap;gap:6px}
 .aiclip-offer [data-lab]:not([data-stage]) .vertical-demo,.aiclip-offer [data-lab][data-stage="0"] .vertical-demo{display:none}
 .aiclip-offer [data-lab][data-stage]:not([data-stage="0"]) .lab-source{display:none}
 .aiclip-offer .cost-intro>p{font-size:15px;max-width:60ch}
 .aiclip-offer .cost-inputs label{font-size:14px;line-height:1.6}
 .aiclip-offer .cost-inputs input[type="range"]{min-height:32px;margin:10px 0 0}
 .aiclip-offer .cost-inputs .currency-input{max-width:none}
 .aiclip-offer .cost-inputs .currency-input>input{font-size:20px;min-height:48px}
 .aiclip-offer .cost-comparison>div>span,.aiclip-offer .cost-difference>span{font-size:13px;line-height:1.6}
 .aiclip-offer .cost-comparison small{font-size:12px;line-height:1.6}
 .aiclip-offer .cost-difference>p{font-size:13px;line-height:1.7}
 .aiclip-offer .savings-cta{font-size:14px;min-height:48px}
 .aiclip-offer .savings-cta-note{font-size:12px;line-height:1.6}
 .aiclip-offer .savings-trial{font-size:13px;line-height:1.7;min-height:44px;align-content:center;margin-top:12px}
 .aiclip-offer .cost-intro>.fine-print,.aiclip-offer .price-card .fine-print,.aiclip-offer .price-card .purchase-next{font-size:12px;line-height:1.75}
 .aiclip-offer .trial-section>div>p,.aiclip-offer .trial-checklist p{font-size:15px;line-height:1.75}
 .aiclip-offer .trial-section>div>small{font-size:12px}
 .aiclip-offer .price-card .check-list{font-size:14px;line-height:1.75}
 .aiclip-offer .price-promise>p{font-size:14px}
 .aiclip-offer .price-promise>.text-link{font-size:14px;min-height:44px}
 .aiclip-offer .price-copy>.eyebrow{font-size:11px;line-height:1.7}
 .form-card input,.form-card select,.form-card textarea{font-size:16px}
}

@media(max-width:640px){
 .shell{width:calc(100% - 36px)}
 .menu-toggle{min-width:44px;min-height:44px;place-items:center}
 .nav-actions{gap:10px}
 .account-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 .mobile-nav{max-height:calc(100dvh - 69px);overflow-y:auto;overscroll-behavior:contain}
 .mobile-nav a{font-size:16px;min-height:44px;display:flex;align-items:center}
 .aiclip-offer .section{padding:48px 0}
 .aiclip-offer .section-heading{margin-bottom:28px}
 .aiclip-offer .eyebrow,.aiclip-offer .section-heading .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.06em;margin-bottom:16px}
 .aiclip-offer h2,.aiclip-offer .friction-section .section-heading h2,.aiclip-offer .cost-intro h2,.aiclip-offer .price-copy h2,.aiclip-offer .trial-section h2{font-size:clamp(30px,8.4vw,38px);line-height:1.12}
 .aiclip-offer .offer-hero-v2{padding:30px 0 42px}
 .aiclip-offer .offer-hero-v2 .offer-copy h1{font-size:clamp(32px,8.6vw,45px);line-height:1.08;letter-spacing:-.05em;margin-bottom:22px}
 .aiclip-offer .offer-hero-v2 .eyebrow{font-size:10px;line-height:1.6}
 .aiclip-offer .offer-hero-v2 .offer-copy>p{font-size:15px;line-height:1.75;margin-bottom:20px}
 .aiclip-offer .hero-offer{gap:12px;margin:24px 0 20px}
 .aiclip-offer .hero-offer>strong{font-size:30px;white-space:nowrap}
 .aiclip-offer .hero-offer>span{font-size:12px;line-height:1.5;min-width:0;padding-left:12px}
 .aiclip-offer .offer-copy .inline-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .aiclip-offer .offer-copy .inline-actions .button{font-size:15px;min-height:48px;padding:12px 16px;width:100%}
 .aiclip-offer .offer-copy .hero-trial{font-size:13px;line-height:1.65;min-height:44px;display:flex;align-items:center;margin-top:12px}
 .aiclip-offer .offer-tags{font-size:12px!important;gap:8px 14px!important;margin-top:16px!important;line-height:1.7}
 .aiclip-offer .offer-workspace{transform:none;width:100%;padding:16px;border-radius:12px;box-shadow:4px 5px 0 #1b2bb8}
 .aiclip-offer .workspace-top{font-size:14px;gap:12px;flex-wrap:wrap;margin-bottom:18px}
 .aiclip-offer .workspace-local{font-size:10px;gap:6px}
 .aiclip-offer .workspace-source{gap:10px;padding:12px}
 .aiclip-offer .workspace-source strong{font-size:12px;line-height:1.5}
 .aiclip-offer .workspace-source small{font-size:11px;line-height:1.5}
 .aiclip-offer .workspace-source>span:last-child{font-size:11px}
 .aiclip-offer .workspace-divider{font-size:10px;line-height:1.6;gap:16px;margin-bottom:12px}
 .aiclip-offer .workspace-clips{grid-template-columns:minmax(0,1fr);gap:9px}
 .aiclip-offer .workspace-clip{display:grid;grid-template-columns:26px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:5px 12px;padding:13px;min-height:96px}
 .aiclip-offer .workspace-clip:hover{transform:none}
 .aiclip-offer .clip-meta{grid-column:1;grid-row:1/3;flex-direction:column;justify-content:center;gap:10px;font-size:11px}
 .aiclip-offer .clip-meta i{width:21px;height:21px;font-size:12px}
 .aiclip-offer .workspace-clip>small{grid-column:2;grid-row:1;margin:0;font-size:10px;letter-spacing:.025em;align-self:end}
 .aiclip-offer .workspace-clip>strong{grid-column:2;grid-row:2;margin:0;font-size:23px;line-height:1.1;letter-spacing:-.04em}
 .aiclip-offer .workspace-clip>strong em{margin-top:2px}
 .aiclip-offer .clip-time{grid-column:3;grid-row:1/3;align-self:center;flex-direction:column;gap:7px;font-size:12px;padding:0;border:0;text-align:right}
 .aiclip-offer .clip-time>span{font-size:11px}
 .aiclip-offer .clip-caption{display:none}
 .aiclip-offer .workspace-bottom{font-size:12px;line-height:1.5;gap:12px;flex-wrap:wrap}
 .aiclip-offer .workspace-bottom>a{font-size:12px;min-height:44px;padding:10px 14px}
 .aiclip-offer .workspace-disclosure{font-size:12px!important;line-height:1.65!important;margin-top:13px}
 .aiclip-offer .proof-strip{gap:0;padding:12px 0}
 .aiclip-offer .proof-strip>div{display:block;padding:16px 0;border:0;border-bottom:1px solid var(--line)}
 .aiclip-offer .proof-strip>div:last-child{border-bottom:0}
 .aiclip-offer .proof-strip strong{display:block;font-size:16px;line-height:1.5}
 .aiclip-offer .proof-strip span{display:block;font-size:14px;line-height:1.7;text-align:left;margin-top:4px}
 .aiclip-offer .friction-number{font-size:11px;margin-bottom:16px}
 .aiclip-offer .friction-grid h3{font-size:27px}
 .aiclip-offer .benefit-tag{font-size:13px;line-height:1.6}
 .aiclip-offer .use-case-switch{grid-template-columns:minmax(0,1fr)}
 .aiclip-offer .use-case-panel h3{font-size:32px;line-height:1.12}
 .aiclip-offer .case-deliverables{padding:20px}
 .aiclip-offer .case-deliverables>span{font-size:11px;line-height:1.6}
 .aiclip-offer .case-deliverables strong{font-size:16px;line-height:1.5}
 .aiclip-offer .case-deliverables small{font-size:13px;line-height:1.7}
 .aiclip-offer .case-deliverables>p{font-size:12px!important;line-height:1.7!important}
 .aiclip-offer .use-case-panel .text-link{font-size:14px;min-height:44px}
 .aiclip-offer .lab-top{font-size:14px;padding:16px}
 .aiclip-offer .lab-top .pill{font-size:10px}
 .aiclip-offer .lab-grid{padding:16px}
 .aiclip-offer .source-art{padding:20px;aspect-ratio:16/10}
 .aiclip-offer .art-label{font-size:clamp(25px,7.4vw,38px);line-height:1.1}
 .aiclip-offer .source-duration{font-size:11px}
 .aiclip-offer .feature-grid{grid-template-columns:minmax(0,1fr)}
 .aiclip-offer .feature-grid article{min-height:0;padding:24px}
 .aiclip-offer .feature-index{font-size:11px;line-height:1.6}
 .aiclip-offer .feature-grid p{font-size:15px;line-height:1.75}
 .aiclip-offer .local-clarity{font-size:13px!important;line-height:1.75!important}
 .aiclip-offer .examples-grid{grid-template-columns:minmax(0,1fr)}
 .aiclip-offer .examples-grid p{font-size:15px;line-height:1.75}
 .aiclip-offer .media-placeholder>small{font-size:12px;line-height:1.6}
 .aiclip-offer .media-placeholder>span:not(.media-play){font-size:14px}
 .aiclip-offer .cost-result{padding:20px;box-shadow:3px 4px 0 #d9ddc8}
 .aiclip-offer .cost-difference{margin:22px 0 0;padding:20px 16px}
 .aiclip-offer .cost-inputs output{float:none;display:block;font-size:16px;margin-top:6px}
 .aiclip-offer .cost-result .cost-difference>strong{font-size:clamp(26px,14.5cqi,46px)}
 .aiclip-offer .cost-result .cost-difference>strong[data-compact="true"]{font-size:clamp(24px,11.5cqi,42px)}
 .aiclip-offer .price-card{padding:22px;box-shadow:3px 4px 0 #d3dbb5}
 .aiclip-offer .price-card-top{gap:12px}
 .aiclip-offer .price-card-top .pill{font-size:10px}
 .aiclip-offer .price{font-size:clamp(48px,14vw,64px);white-space:nowrap}
 .aiclip-offer .price-card .button{font-size:14px;min-height:48px;padding-inline:12px}
 .aiclip-offer .price-card .price-sub{font-size:14px;line-height:1.65}
 .aiclip-offer .trial-checklist strong{font-size:18px;line-height:1.5}
 .aiclip-offer .faq-list summary{font-size:16px;line-height:1.5;gap:18px}
 .aiclip-offer .faq-list details p{font-size:15px;line-height:1.8}
 .aiclip-offer .last-call .inline-actions{align-items:stretch;flex-direction:column;gap:12px}
 .aiclip-offer .last-call .inline-actions .button,.aiclip-offer .last-call .inline-actions .text-link{font-size:14px;min-height:48px;justify-content:center}
 .aiclip-offer .last-call p{font-size:13px;line-height:1.75}
 .aiclip-offer .mobile-offer-bar{gap:12px;padding:10px 18px max(10px,env(safe-area-inset-bottom))}
 .aiclip-offer .mobile-offer-bar strong{font-size:18px;white-space:nowrap}
 .aiclip-offer .mobile-offer-bar span{font-size:12px}
 .aiclip-offer .mobile-offer-bar .button{font-size:14px;min-height:46px;padding:10px 14px}
 .aiclip-offer .site-footer{padding-bottom:100px}
 .demo-dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-width:360px){
 .aiclip-offer .hero-offer>strong{font-size:28px}
 .aiclip-offer .hero-offer>span{font-size:11px}
 .aiclip-offer .workspace-clip{column-gap:8px;padding:11px;grid-template-columns:22px minmax(0,1fr) auto}
 .aiclip-offer .workspace-clip>strong{font-size:21px}
 .aiclip-offer .workspace-clip>small{font-size:9px}
 .aiclip-offer .workspace-source .source-icon{display:none}
 .aiclip-offer .mobile-offer-bar .button{font-size:13px}
}
@media(max-height:500px) and (max-width:950px){.site-header{position:relative}.mobile-offer-bar{display:none!important}}