/* 全页共享同一无衬线字体和真实字重；仅品牌模型署名保留斜体。 */
:where([data-page-id="seedance-a-better-choice"]) { --brand-primary:#35eeff; --brand-hover:#7af5ff; --ink:#090c14; --paper:#fff; --black:#000; --dark-secondary:rgb(255 255 255 / 58%); --light-secondary:#717780; --ease:cubic-bezier(.2,.8,.2,1); --font-sans:'Albert Sans',Arial,Helvetica,sans-serif; font-family:var(--font-sans); font-weight:500; color:#fff; background:#000; font-synthesis:none; -webkit-font-smoothing:antialiased; }
:where([data-page-id="seedance-a-better-choice"]) * { box-sizing:border-box; }
:where([data-page-id="seedance-a-better-choice"]) { margin:0; }
:where([data-page-id="seedance-a-better-choice"]) button,:where([data-page-id="seedance-a-better-choice"]) a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
:where([data-page-id="seedance-a-better-choice"]) button { font:inherit; color:inherit; }
:where([data-page-id="seedance-a-better-choice"]) a { color:inherit; text-decoration:none; }
:where([data-page-id="seedance-a-better-choice"]) h1,:where([data-page-id="seedance-a-better-choice"]) h2,:where([data-page-id="seedance-a-better-choice"]) h3,:where([data-page-id="seedance-a-better-choice"]) p { margin:0; }
:where([data-page-id="seedance-a-better-choice"]) button:focus-visible,:where([data-page-id="seedance-a-better-choice"]) a:focus-visible { outline:3px solid var(--brand-hover); outline-offset:5px; }
:where([data-page-id="seedance-a-better-choice"]) ::selection { background:var(--brand-primary); color:var(--ink); }
:where([data-page-id="seedance-a-better-choice"]) svg { width:24px; height:24px; flex-shrink:0; }
:where([data-page-id="seedance-a-better-choice"]) .container { width:min(calc(100% - 112px),1320px); margin-inline:auto; }
:where([data-page-id="seedance-a-better-choice"]) .theme-dark { --text-primary:#fff; --text-secondary:var(--dark-secondary); color:var(--text-primary); background:#08090b; }
:where([data-page-id="seedance-a-better-choice"]) .theme-light { --text-primary:var(--ink); --text-secondary:var(--light-secondary); color:var(--text-primary); background:#fff; }
:where([data-page-id="seedance-a-better-choice"]) .cta { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:58px; padding:16px 28px; border-radius:100px; background:var(--brand-primary); color:var(--ink); font-size:16px; line-height:1.2; font-weight:800; white-space:nowrap; box-shadow:0 5px 18px #35eeff1a; transition:box-shadow .35s var(--ease),transform .28s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .cta svg { width:22px; height:22px; transition:transform .28s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .cta:is(:hover,:focus-visible) { box-shadow:0 0 0 1px #b7f8ff4d,0 0 24px #35eeff66,0 10px 28px #35eeff26; transform:translateY(-3px) scale(1.025); }
:where([data-page-id="seedance-a-better-choice"]) .cta:is(:hover,:focus-visible) svg { transform:translateX(4px); }
:where([data-page-id="seedance-a-better-choice"]) .cta:active { transform:translateY(0) scale(.985); }
:where([data-page-id="seedance-a-better-choice"]) .section-title { font-size:clamp(36px,3.8vw,58px); line-height:1.08; letter-spacing:-.025em; font-weight:800; text-wrap:balance; }
:where([data-page-id="seedance-a-better-choice"]) .section-description { font-size:17px; line-height:1.6; color:var(--text-secondary); font-weight:500; }
:where([data-page-id="seedance-a-better-choice"]) .eyebrow { font-size:11px; letter-spacing:.14em; line-height:1.5; font-weight:700; }
:where([data-page-id="seedance-a-better-choice"]) .reveal { --reveal-distance:34px; opacity:1; transform:none; }
/* 以视口高度分配留白；内容自然撑开，不用固定高度裁切卡片。 */
:where([data-page-id="seedance-a-better-choice"]) .hero { position:relative; isolation:isolate; overflow:clip; min-height:100svh; padding:calc(clamp(80px,11.5svh,148px) + clamp(0px,calc(8svh - 60px),20px) + 20px) 0 clamp(24px,3.2svh,40px); }
:where([data-page-id="seedance-a-better-choice"]) .hero-background { position:absolute; inset:0; z-index:-2; pointer-events:none; }
:where([data-page-id="seedance-a-better-choice"]) .hero-background video::-webkit-media-controls { display:none!important; }
:where([data-page-id="seedance-a-better-choice"]) .hero-scrim { position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgb(4 9 14 / 50%),rgb(4 9 14 / 55%) 55%,rgb(8 9 11 / 90%)); }
:where([data-page-id="seedance-a-better-choice"]) .hero-content { text-align:center; }
:where([data-page-id="seedance-a-better-choice"]) .hero-title { font-size:clamp(54px,min(5.8vw,8.4svh),88px); font-weight:800; line-height:1.04; letter-spacing:-.035em; text-wrap:balance; animation:copy-enter .9s .06s var(--ease) both; }
:where([data-page-id="seedance-a-better-choice"]) .hero-subtitle { margin-top:clamp(12px,calc(4svh - 16px),16px); color:rgb(255 255 255 / 84%); font-size:clamp(22px,min(2.25vw,3.4svh),32px); font-weight:700; line-height:1.3; animation:copy-enter .9s .14s var(--ease) both; }
/* 优惠独立分组；模型负责产品身份，折扣和首月价格负责行动激励。 */
:where([data-page-id="seedance-a-better-choice"]) .hero-offer { display:grid; grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr); align-items:center; column-gap:24px; width:min(100%,460px); margin:clamp(24px,calc(12svh - 64px),52px) auto 0; animation:copy-enter .9s .2s var(--ease) both; }
:where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount,:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price { display:flex; align-items:baseline; justify-content:center; gap:7px; min-width:0; color:rgb(255 255 255 / 72%); font-size:14px; font-weight:500; line-height:1.3; white-space:nowrap; }
:where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount strong,:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price strong { font-size:clamp(28px,3.8svh,36px); font-weight:800; line-height:1.1; }
:where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount strong { color:var(--brand-primary); }
:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price strong { color:#fff; letter-spacing:-.025em; }
:where([data-page-id="seedance-a-better-choice"]) .hero-offer-divider { width:1px; height:clamp(28px,3.8svh,36px); background:rgb(255 255 255 / 24%); }
:where([data-page-id="seedance-a-better-choice"]) .hero-action { margin-top:clamp(24px,calc(2.1svh + 8px),28px); animation:copy-enter .9s .26s var(--ease) both; }
:where([data-page-id="seedance-a-better-choice"]) .hero-cta { min-width:300px; min-height:70px; padding:22px 44px; font-size:20px; }
:where([data-page-id="seedance-a-better-choice"]) .hero-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin-top:clamp(20px,calc(24svh - 152px),72px); text-align:left; }
:where([data-page-id="seedance-a-better-choice"]) .benefit-card { display:block; min-width:0; overflow:hidden; border:1px solid rgb(255 255 255 / 22%); border-radius:22px; background:rgb(32 35 40 / 65%); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); animation:copy-enter 1s calc(.28s + var(--card-order) * .1s) var(--ease) both; transition:translate .35s var(--ease),background-color .35s var(--ease),box-shadow .35s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .benefit-card:is(:hover,:focus-visible) { translate:0 -6px; background:rgb(42 45 50 / 82%); box-shadow:0 12px 30px #0006,0 0 24px #35eeff14; }
:where([data-page-id="seedance-a-better-choice"]) .benefit-image { overflow:hidden; aspect-ratio:1.75; background:transparent; }
:where([data-page-id="seedance-a-better-choice"]) .benefit-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .benefit-card:is(:hover,:focus-visible) img { transform:scale(1.025); }
:where([data-page-id="seedance-a-better-choice"]) .benefit-copy { padding:clamp(16px,1.8svh,21px) clamp(18px,1.65vw,24px) clamp(18px,2.2svh,24px); }
:where([data-page-id="seedance-a-better-choice"]) .benefit-copy h2 { font-size:clamp(18px,1.5vw,21px); line-height:1.3; font-weight:700; letter-spacing:-.015em; }
:where([data-page-id="seedance-a-better-choice"]) .benefit-copy p { margin-top:9px; color:rgb(255 255 255 / 50%); font-size:clamp(13px,1vw,14px); line-height:1.55; font-weight:500; }
/* 原生视频：所有媒体始终保留节点，切换只改变激活状态，不重置时间。 */
:where([data-page-id="seedance-a-better-choice"]) .media-slot { width:100%; height:100%; position:relative; isolation:isolate; overflow:hidden; background:#141619; }
/* 封面仅作底层占位，避免定位图片覆盖正在播放的视频。 */
:where([data-page-id="seedance-a-better-choice"]) .media-slot video { position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:cover; }
:where([data-page-id="seedance-a-better-choice"]) .background-poster { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; }
:where([data-page-id="seedance-a-better-choice"]) .media-placeholder { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:10px; color:#93989e; font-size:12px; }
:where([data-page-id="seedance-a-better-choice"]) .media-placeholder svg { width:32px; height:32px; }
/* 第二屏恢复左侧文案、右侧错落三卡；全部几何过渡由 CSS 执行。 */
:where([data-page-id="seedance-a-better-choice"]) .showcase { padding:110px 0 90px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-layout { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.85fr); gap:54px; align-items:center; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding-bottom:60px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-intro .eyebrow { color:#868b93; margin-bottom:15px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-title { font-size:clamp(36px,3.3vw,54px); margin-bottom:28px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-description { max-width:330px; margin-bottom:30px; font-size:16px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-intro .cta { font-size:14px; padding-inline:22px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-signature { display:block; margin-top:24px; font-size:clamp(20px,1.7vw,26px); line-height:1.3; letter-spacing:0; white-space:nowrap; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-signature::before { content:''; display:block; width:56px; height:1px; margin-bottom:18px; background:#090c142e; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-signature em { font-family:'Floane Bold Italic',Georgia,serif; font-weight:700; }
:where([data-page-id="seedance-a-better-choice"]) .gallery-reveal { min-width:0; --reveal-distance:46px; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery { --card-padding:clamp(18px,1.75vw,25px); container-type:inline-size; position:relative; width:100%; aspect-ratio:1041/700; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-card { position:absolute; border-radius:28px; color:#fff; overflow:hidden; isolation:isolate; transition:top .7s var(--ease),left .7s var(--ease),width .7s var(--ease),height .7s var(--ease),border-radius .7s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .card-media,:where([data-page-id="seedance-a-better-choice"]) .card-scrim,:where([data-page-id="seedance-a-better-choice"]) .card-select { position:absolute; inset:0; }
:where([data-page-id="seedance-a-better-choice"]) .card-media { z-index:-2; }
:where([data-page-id="seedance-a-better-choice"]) .card-scrim { z-index:-1; background:linear-gradient(180deg,#000b,#0007 45%,#0003 70%,#0009); pointer-events:none; }
:where([data-page-id="seedance-a-better-choice"]) .card-select { width:100%; padding:0; border:0; border-radius:inherit; background:transparent; cursor:pointer; }
:where([data-page-id="seedance-a-better-choice"]) .card-select:focus-visible { outline-offset:-5px; outline-width:3px; }
:where([data-page-id="seedance-a-better-choice"]) .card-copy { position:absolute; top:var(--card-padding); left:var(--card-padding); right:var(--card-padding); pointer-events:none; }
/* 标题跟随当前卡片宽度排版；单词保持完整，避免切换时裁出半个单词。 */
:where([data-page-id="seedance-a-better-choice"]) .card-copy h3 { width:100%; max-width:100%; font-size:clamp(13px,1.4vw,20px); line-height:1.18; font-weight:700; letter-spacing:0; text-wrap:balance; }
:where([data-page-id="seedance-a-better-choice"]) .card-copy h3 > span { display:inline-block; white-space:nowrap; }
:where([data-page-id="seedance-a-better-choice"]) .card-description { max-width:min(420px,100%); margin-top:12px; color:rgb(255 255 255 / 62%); font-size:clamp(13px,1vw,15px); font-weight:600; line-height:1.6; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .4s var(--ease),transform .4s var(--ease),visibility .4s; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-card[data-active="true"] .card-description { opacity:1; visibility:visible; transform:none; transition-delay:.3s; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="model"] .card-model { top:0; left:0; width:74%; height:63%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="model"] .card-offer { top:22%; left:76%; width:24%; height:49%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="model"] .card-quality { top:65%; left:37%; width:37%; height:32%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="offer"] .card-model { top:0; left:25%; width:24%; height:23%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="offer"] .card-offer { top:0; left:51%; width:49%; height:97%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="offer"] .card-quality { top:25%; left:12%; width:37%; height:32%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="quality"] .card-model { top:0; left:49%; width:25%; height:23%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="quality"] .card-offer { top:9%; left:76%; width:24%; height:49%; }
:where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active="quality"] .card-quality { top:25%; left:0; width:74%; height:63%; }
@media (min-width:900px) { :where([data-page-id="seedance-a-better-choice"]) .showcase-card.reveal { animation:none; opacity:1; transform:none; } }
/* 常驻免费起步入口，不承接已过期活动价格。 */
:where([data-page-id="seedance-a-better-choice"]) .offer-section { position:relative; isolation:isolate; overflow:clip; padding:82px 28px; }
:where([data-page-id="seedance-a-better-choice"]) .offer-background,:where([data-page-id="seedance-a-better-choice"]) .offer-scrim { position:absolute; inset:0; z-index:-2; pointer-events:none; }
:where([data-page-id="seedance-a-better-choice"]) .offer-scrim { z-index:-1; background:linear-gradient(180deg,#000b,#000b 50%,#000e); }
:where([data-page-id="seedance-a-better-choice"]) .offer-content { max-width:860px; margin:auto; text-align:center; }
:where([data-page-id="seedance-a-better-choice"]) .offer-content .eyebrow { color:#ffffff70; margin-bottom:16px; }
:where([data-page-id="seedance-a-better-choice"]) .offer-heading { font-size:clamp(42px,4.4vw,66px); font-weight:800; line-height:1.08; letter-spacing:-.03em; }
:where([data-page-id="seedance-a-better-choice"]) .offer-heading strong { font-weight:inherit; white-space:nowrap; background-image:linear-gradient(110deg,transparent 44%,#c4a7ff99 47%,#fff 49%,#fff 51%,#c4a7ff99 53%,transparent 56%),linear-gradient(110deg,#35eeff,#52ead8 48%,#86efac); background-size:200% 100%,100% 100%; background-repeat:no-repeat; color:transparent; -webkit-background-clip:text; background-clip:text; animation:offer-shine 2s infinite; }
:where([data-page-id="seedance-a-better-choice"]) .offer-content .section-description { margin:20px auto 0; max-width:620px; font-size:16px; }
:where([data-page-id="seedance-a-better-choice"]) .offer-content .cta { margin-top:27px; min-height:60px; padding-inline:32px; }
/* 价格组件原生样式不覆写。外层全宽，不添加卡片裁切或横向内边距。 */
:where([data-page-id="seedance-a-better-choice"]) .pricing-section { padding:70px 0 64px; background:#fff; overflow-x:clip; }
:where([data-page-id="seedance-a-better-choice"]) .pricing-note { max-width:800px; margin:28px auto 0; padding-inline:24px; text-align:center; color:var(--light-secondary); font-size:12px; line-height:1.65; font-weight:500; }
/* FAQ 无 hover 背景，保留边线与图标反馈。 */
:where([data-page-id="seedance-a-better-choice"]) .faq-closing { position:relative; overflow:clip; background:#000; }
:where([data-page-id="seedance-a-better-choice"]) .faq-layout { --text-secondary:rgb(255 255 255 / 50%); display:grid; grid-template-columns:.8fr 1.3fr; gap:90px; padding-block:90px 76px; }
:where([data-page-id="seedance-a-better-choice"]) .faq-intro .section-description { margin-top:22px; max-width:280px; font-size:15px; font-weight:600; }
:where([data-page-id="seedance-a-better-choice"]) .faq-list { min-width:0; }
:where([data-page-id="seedance-a-better-choice"]) .faq-item { border-top:1px solid #ffffff30; transition:border-color .3s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .faq-item:is(:hover,:focus-within) { border-color:#ffffff59; }
:where([data-page-id="seedance-a-better-choice"]) .faq-question { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; min-height:86px; padding:24px 2px; text-align:left; background:transparent; border:0; font-size:17px; line-height:1.5; font-weight:800; cursor:pointer; }
:where([data-page-id="seedance-a-better-choice"]) .faq-plus { width:23px; height:23px; opacity:.6; transition:transform .3s var(--ease),opacity .3s var(--ease); }
:where([data-page-id="seedance-a-better-choice"]) .faq-item:is(:hover,:focus-within) .faq-plus { opacity:1; }
:where([data-page-id="seedance-a-better-choice"]) .faq-question[aria-expanded="true"] .faq-plus { transform:rotate(45deg); }
:where([data-page-id="seedance-a-better-choice"]) .faq-answer { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows .35s var(--ease),opacity .3s,visibility .35s; }
:where([data-page-id="seedance-a-better-choice"]) .faq-answer-inner { min-height:0; overflow:hidden; }
:where([data-page-id="seedance-a-better-choice"]) .faq-answer p { padding:0 36px 25px 2px; font-size:15px; line-height:1.75; color:var(--text-secondary); font-weight:600; }
:where([data-page-id="seedance-a-better-choice"]) .faq-item[data-open="true"] .faq-answer { grid-template-rows:1fr; opacity:1; visibility:visible; }
:where([data-page-id="seedance-a-better-choice"]) .closing { text-align:center; padding:50px 24px; }
:where([data-page-id="seedance-a-better-choice"]) .closing-title { font-size:clamp(29px,3vw,44px); font-weight:800; line-height:1.15; letter-spacing:-.02em; }
:where([data-page-id="seedance-a-better-choice"]) .closing .cta { margin-top:24px; }
/* 纯 CSS 动效：首屏分批入场、扫光及视图时间轴渐显。 */
@keyframes copy-enter { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes offer-shine { 0% { background-position:100% 50%,0 50%; animation-timing-function:cubic-bezier(.65,0,.35,1); } 62.5% { background-position:0% 50%,0 50%; animation-timing-function:steps(1,jump-start); } 100% { background-position:-100% 50%,0 50%; } }
@keyframes section-enter { from { opacity:0; transform:translateY(var(--reveal-distance)); } to { opacity:1; transform:none; } }
@keyframes section-exit { from { opacity:1; } to { opacity:.08; } }
@supports (animation-timeline:view()) {
 @media (prefers-reduced-motion:no-preference) {
  :where([data-page-id="seedance-a-better-choice"]) .reveal { animation-name:section-enter,section-exit; animation-duration:auto,auto; animation-timing-function:ease-out,ease-in; animation-fill-mode:both,forwards; animation-timeline:view(),view(); animation-range:entry 5% entry 95%,exit 40% exit 100%; }
  :where([data-page-id="seedance-a-better-choice"]) .reveal:focus-within { animation:none; opacity:1; transform:none; }
 }
}
@media (max-width:1199px) {
 :where([data-page-id="seedance-a-better-choice"]) .container { width:calc(100% - 64px); }
 :where([data-page-id="seedance-a-better-choice"]) .hero-title { font-size:clamp(54px,min(6.7vw,8.4svh),74px); }
 :where([data-page-id="seedance-a-better-choice"]) .hero-benefits { gap:18px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy { padding-inline:20px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy h2 { font-size:18px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy p { font-size:13px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-layout { gap:30px; grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr); }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro { padding-bottom:30px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-title { font-size:40px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-description { font-size:15px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-card { border-radius:20px; }
 :where([data-page-id="seedance-a-better-choice"]) .faq-layout { gap:55px; }
}
@media (max-width:899px) {
 :where([data-page-id="seedance-a-better-choice"]) .showcase { padding-block:80px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-layout { grid-template-columns:1fr; gap:42px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro { padding-bottom:0; max-width:580px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-title { font-size:46px; margin-bottom:24px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-description { max-width:450px; margin-bottom:26px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-gallery { aspect-ratio:auto; display:grid; gap:18px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active] .showcase-card { position:relative; inset:auto; width:100%; height:auto; min-height:400px; border-radius:24px; transition:none; }
 :where([data-page-id="seedance-a-better-choice"]) .card-copy { inset:26px 26px auto; }
 :where([data-page-id="seedance-a-better-choice"]) .card-copy h3 { width:auto; max-width:370px; font-size:24px; }
 :where([data-page-id="seedance-a-better-choice"]) .card-description,:where([data-page-id="seedance-a-better-choice"]) .showcase-card[data-active="true"] .card-description { opacity:1; visibility:visible; transform:none; transition:none; font-size:13px; max-width:400px; }
 :where([data-page-id="seedance-a-better-choice"]) .gallery-reveal { animation:none; opacity:1; transform:none; }
}
@media (max-width:760px) {
 :where([data-page-id="seedance-a-better-choice"]) .container { width:calc(100% - 40px); }
 :where([data-page-id="seedance-a-better-choice"]) .hero { padding:148px 0 46px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-title { font-size:clamp(45px,9.2vw,66px); max-width:590px; margin-inline:auto; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-subtitle { font-size:22px; margin-top:16px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer { column-gap:18px; margin-top:26px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount strong,:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price strong { font-size:28px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer-divider { height:28px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-cta { min-width:280px; min-height:64px; font-size:18px; padding:20px 32px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-benefits { margin-top:40px; gap:12px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-card { border-radius:18px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy { padding:18px 16px 20px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy h2 { font-size:16px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy p { font-size:12px; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-section { padding:62px 22px; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-heading { font-size:44px; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-content .section-description { font-size:14px; max-width:410px; }
 :where([data-page-id="seedance-a-better-choice"]) .pricing-section { padding-block:54px; }
 :where([data-page-id="seedance-a-better-choice"]) .faq-layout { grid-template-columns:1fr; gap:34px; padding-block:64px 48px; }
 :where([data-page-id="seedance-a-better-choice"]) .faq-intro .section-description { max-width:none; margin-top:18px; }
 :where([data-page-id="seedance-a-better-choice"]) .faq-question { font-size:15px; min-height:82px; }
 :where([data-page-id="seedance-a-better-choice"]) .faq-answer p { font-size:14px; }
 :where([data-page-id="seedance-a-better-choice"]) .closing { padding-block:42px 48px; }
}
@media (max-width:480px) {
 :where([data-page-id="seedance-a-better-choice"]) .hero-title { font-size:52px; max-width:350px; letter-spacing:-.03em; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-subtitle { max-width:320px; margin-inline:auto; font-size:21px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer { width:100%; column-gap:clamp(10px,3vw,14px); margin-top:24px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount,:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price { gap:5px; font-size:clamp(11px,3vw,12px); }
 :where([data-page-id="seedance-a-better-choice"]) .hero-offer-discount strong,:where([data-page-id="seedance-a-better-choice"]) .hero-offer-price strong { font-size:clamp(24px,7.2vw,28px); }
 :where([data-page-id="seedance-a-better-choice"]) .hero-cta { min-width:min(280px,100%); max-width:100%; padding-inline:24px; }
 :where([data-page-id="seedance-a-better-choice"]) .hero-benefits { grid-template-columns:1fr; gap:28px; margin-top:42px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-card { border-radius:20px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-image { aspect-ratio:1.85; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy { padding:19px 20px 22px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy h2 { font-size:20px; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-copy p { margin-top:6px; font-size:13px; }
 :where([data-page-id="seedance-a-better-choice"]) .section-title { font-size:36px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase { padding-block:64px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-intro .section-title { font-size:38px; }
 :where([data-page-id="seedance-a-better-choice"]) .showcase-gallery[data-active] .showcase-card { min-height:390px; border-radius:21px; }
 :where([data-page-id="seedance-a-better-choice"]) .card-copy { inset:23px 22px auto; }
 :where([data-page-id="seedance-a-better-choice"]) .card-copy h3 { font-size:23px; line-height:1.2; max-width:280px; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-heading { font-size:40px; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-content .cta,:where([data-page-id="seedance-a-better-choice"]) .closing .cta { width:100%; max-width:330px; }
}
@media (prefers-reduced-motion:reduce) {
 :where([data-page-id="seedance-a-better-choice"]) *,:where([data-page-id="seedance-a-better-choice"]) *::before,:where([data-page-id="seedance-a-better-choice"]) *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 :where([data-page-id="seedance-a-better-choice"]) .reveal,:where([data-page-id="seedance-a-better-choice"]) .benefit-card,:where([data-page-id="seedance-a-better-choice"]) .hero-title,:where([data-page-id="seedance-a-better-choice"]) .hero-subtitle,:where([data-page-id="seedance-a-better-choice"]) .hero-offer,:where([data-page-id="seedance-a-better-choice"]) .hero-action { opacity:1; transform:none; }
 :where([data-page-id="seedance-a-better-choice"]) .cta,:where([data-page-id="seedance-a-better-choice"]) .cta svg { transform:none!important; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-card { translate:none!important; }
 :where([data-page-id="seedance-a-better-choice"]) .benefit-card img { transform:none!important; }
 :where([data-page-id="seedance-a-better-choice"]) video[data-background] { visibility:hidden; }
}
@media (forced-colors:active) {
 :where([data-page-id="seedance-a-better-choice"]) .cta { border:1px solid ButtonText; }
 :where([data-page-id="seedance-a-better-choice"]) .offer-heading strong { color:CanvasText; background:none; }
 :where([data-page-id="seedance-a-better-choice"]) .scene-select[aria-pressed="true"] { outline:2px solid Highlight; }
}