/* Facevo-inspired visual refresh: shared by the homepage and editorial guides. */
:root{--bg:#101011;--surface:#19191b;--panel:#202022;--line:#343436;--text:#faf9f6;--muted:#b3b1ad;--accent:#ff795b;--lime:#d5e7bd;--max:1320px}
header{background:#101011ed;border-bottom:1px solid #ffffff12}
.bar{height:76px}.brand{letter-spacing:-.05em}.brand small{color:var(--accent)}
.btn{border-radius:7px;min-height:50px}.btn-main{color:#20120d;background:var(--accent);border-color:var(--accent)}
.btn-main:hover{background:#ff977d;border-color:#ff977d}.text-link{border-color:#73665e}.eyebrow{color:var(--accent);letter-spacing:.14em}.eyebrow::before{display:none}
h1,h2{font-weight:700;letter-spacing:-.055em}h3{font-weight:600}
.home-main{overflow:clip}.home-main>.wrap:first-child{max-width:none;padding:0;position:relative}
.hero{display:block;padding:0;margin:0;position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-2;top:0;left:0;right:0;height:700px;background-image:url('/assets/creative-comparison-v1.webp');background-size:200% auto;background-position:right 32%;background-repeat:no-repeat}
.hero::after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:702px;background:linear-gradient(0deg,var(--bg) 0%,transparent 35%),linear-gradient(90deg,#101011fa 0%,#101011df 30%,#10101170 57%,#10101105 100%)}
.hero-copy{max-width:1320px;min-height:680px;margin:auto;padding:100px var(--gutter) 74px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero .eyebrow{font-size:11px;gap:9px;margin-bottom:25px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #ff795b20}
.hero h1{font-size:clamp(42px,5.3vw,73px);max-width:19ch;line-height:1.06}.hero h1 em{font-weight:700;color:var(--accent)}
.hero .lead{font-size:17px;max-width:47ch;color:#d1cdca;line-height:1.75;margin-top:26px}
.hero-cta{gap:20px;margin-top:30px}.hero-copy .text-link{border:1px solid #ffffff40;padding:13px 22px;border-radius:7px;background:#10101145}
.hero-meta{font-size:11px;margin-top:18px}.hero-mini{border:0;padding:0;margin-top:32px;max-width:none;gap:25px}.hero-mini span{color:#d3d0cb}.hero-mini i{background:var(--accent)}
.hero-visual{max-width:1000px;margin:0 auto;padding:48px var(--gutter) 20px}
.demo-heading{text-align:center;margin-bottom:32px}.demo-heading .eyebrow{justify-content:center;margin-bottom:13px}.demo-heading h2{max-width:none;font-size:clamp(30px,4vw,47px)}.demo-heading>p:last-child{color:var(--muted);font-size:14px;margin-top:15px}
.studio{background:#18181a;border:1px solid #45413c;border-radius:12px;box-shadow:0 24px 80px #0005}.studio-bar{height:40px;background:#202022}.stage{height:auto;aspect-ratio:2 / 1}.studio-controls{background:#1c1b1a}.prompt-field{background:#101011;border-color:#4c403a}.mode-indicator{color:var(--accent)}.creative-label{display:none}.visual-caption{font-size:10px;gap:14px}.scene-caption{font-size:10px}
.integrations{max-width:1120px;margin:36px auto 0;padding:30px var(--gutter) 40px;border-bottom:1px solid var(--line)}.integration-logos{color:#ddd9d2}.integrations p{color:var(--muted)}
section{padding-top:104px}.section-title-row .lead{font-size:15px}.steps{gap:20px}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 22px}.steps li::before{color:var(--accent)}
#modes{background:#171718;margin-top:96px;padding:76px 0}.tabs{background:#101011;border-color:var(--line);border-radius:8px;padding:5px}.tabs button{border-radius:5px}.tabs button[aria-selected=true]{background:var(--accent);color:#21140f}.panel{border:1px solid #47413a;background:#202020;border-radius:12px;padding:36px;gap:48px}.panel[hidden]{display:none}.panel h3{font-size:30px}.chip{background:#2a2724;border-color:#51443b;color:#e9c9ba}.example{border-color:#5c4236}.example span{color:#e6d3c5}
.features{gap:18px}.feature{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.feature-icon{color:var(--accent);background:#ff795b12;border-color:#ff795b30}.feature p{color:var(--muted)}
.pricing-shell{background:transparent;border:0;padding:0}.plans{gap:12px}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px 18px;display:flex;flex-direction:column}.plan-card.best{background:#2b211c;border-color:var(--accent)}.plan-index{color:var(--muted)}.plan-badge{background:var(--accent);color:#21140f;font-size:9px;letter-spacing:0}.plan-price{font-size:30px}.plan-minutes strong{color:var(--text)}.plan-action{margin-top:24px;white-space:normal;text-align:center;font-size:11px;padding:10px;min-height:44px}.best .plan-action{background:var(--accent);color:#21140f;border-color:var(--accent)}.plans-notes{color:var(--muted)}
.faq-layout{grid-template-columns:1fr 1.3fr}.faq details{background:var(--surface);padding:0 22px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}.faq summary{padding:22px 28px 22px 0}.faq details p{padding-bottom:22px;color:var(--muted)}
.guide-card{background:var(--surface);border-radius:10px}.guide-card:hover{background:#25201d;border-color:var(--accent)}.guide-article p,.guide-article li{color:var(--muted)}
.final-card{background:#211a16;border:1px solid #79513c;border-radius:16px;padding:54px;gap:35px}.final-card h2 span{color:var(--accent)}footer{border-color:var(--line)}
.account-dialog{background:#19191b;border-color:#79513c}.account-balance{background:#ff795b08;border-color:#ff795b40}#auth-form input{background:#101011;border-color:#44413c}
@media(min-width:761px){.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{min-height:650px}.hero::before,.hero::after{height:675px}.hero h1{font-size:60px}.bar{gap:18px}.bar nav{gap:14px}.panel{gap:28px}}
@media(max-width:760px){.bar{height:68px}.bar nav{background:#19191b;border-color:var(--line)}.hero-copy{padding-top:72px;padding-bottom:56px;min-height:630px}.hero h1{font-size:clamp(39px,8vw,57px);max-width:18ch}.hero::before{height:640px;background-size:auto 640px;background-position:73% top;opacity:.55}.hero::after{height:642px;background:linear-gradient(0deg,var(--bg),#10101125 80%),linear-gradient(90deg,#101011b8,#10101135)}.hero .lead{font-size:16px;max-width:40ch}.hero-mini{gap:16px;flex-wrap:wrap}.hero-visual{padding-top:28px}.stage{aspect-ratio:1.35}.scene{background-size:200% 100%}.studio-controls{padding:16px}.controls-label{display:none}.visual-caption{flex-wrap:wrap}.integrations{margin-top:12px}.integration-logos{gap:22px;flex-wrap:wrap}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps li{padding:22px}.section-title-row{align-items:start}.section-number{max-width:18ch}section{padding-top:72px}#modes{margin-top:72px;padding:55px 0}.panel{padding:25px;grid-template-columns:1fr}.panel h3{font-size:26px}.features{grid-template-columns:1fr 1fr}.feature{padding:22px}.plans{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr}.final-card{padding:32px;display:block}.final-card .hero-cta{margin-top:28px}.auth-nav .btn{min-height:38px}}
@media(max-width:460px){.hero h1{font-size:42px}.hero-copy{min-height:665px}.hero::before,.hero::after{height:680px}.hero .hero-cta{gap:12px}.hero-cta .btn{padding:0 16px;font-size:12px}.hero-mini{gap:13px}.hero-mini span{font-size:10px}.demo-heading h2{font-size:31px}.steps,.features,.plans{grid-template-columns:1fr}.plan-card{padding:25px}.plan-action{font-size:13px}.scene-caption{font-size:8px}.brand{font-size:18px}.brand small{display:none}.tabs{width:100%}.tabs button{flex:1;padding:10px 8px}.final-card{padding:25px}.section-title-row{flex-direction:column}.guide-heading h1{font-size:43px}}
.features{background:transparent;border:0;overflow:visible}.panel .need{color:#d8b8a5}.tabs button[aria-selected=true]:hover{color:#21140f}
/* Motion remains opt-in when reduced motion or data saving is enabled. */
.motion-intro{max-width:350px}.motion-toggle{margin-top:15px;padding:8px 0;border:0;border-bottom:1px solid #796258;background:transparent;color:var(--accent);font-size:12px;text-align:left}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.film-card{margin:0;border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.film-media{position:relative;background:#211a24;aspect-ratio:3/2;overflow:hidden}.film-media video{display:block;width:100%;height:100%;object-fit:cover}.film-label{position:absolute;top:18px;left:18px;background:#101011b8;border:1px solid #ffffff30;backdrop-filter:blur(12px);padding:7px 11px;border-radius:5px;color:#fff;font-size:10px;letter-spacing:.12em;pointer-events:none}.film-card figcaption{padding:24px}.film-card h3{font-size:25px}.film-card figcaption p{color:var(--muted);font-size:14px;margin-top:10px}.film-disclaimer{font-size:11px;color:var(--muted);margin-top:20px}
.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 #ff795b30}50%{box-shadow:0 0 0 8px #ff795b00}}
@media(prefers-reduced-motion:no-preference){.hero-copy> *{animation:hero-arrive .8s both}.hero-copy h1{animation-delay:.1s}.hero-copy .lead{animation-delay:.2s}.hero-copy .hero-cta{animation-delay:.3s}.hero-copy .hero-meta{animation-delay:.4s}.hero-copy .hero-mini{animation-delay:.5s}.status-dot{animation:live-pulse 2.6s infinite}.film-card{transition:border-color .25s,transform .25s}.film-card:hover{border-color:#ff795b85;transform:translateY(-4px)}}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused [data-reveal]{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:760px){.film-grid{grid-template-columns:1fr;gap:20px}.motion-intro{max-width:none}.film-card figcaption{padding:22px}.film-label{font-size:9px;top:12px;left:12px}}
.integration-logos{max-width:810px;gap:24px;flex-wrap:wrap}.integration-logos span{white-space:nowrap}
#payment-form{margin-top:24px;padding-top:20px;border-top:1px solid #79513c}#payment-form label{display:block;margin:16px 0 8px}#payment-form input{box-sizing:border-box;width:100%;padding:12px;color:inherit;background:#101011;border:1px solid #44413c;border-radius:8px;font:inherit}#payment-form p,#payment-status{line-height:1.5;font-size:14px}#payment-form button:disabled{opacity:.6;cursor:wait}