/* YA-VID / BZ3 design system v1.5.0. Loaded after legacy styles by the central renderer. */
html{scroll-behavior:smooth}body{margin:0;background:var(--bz-bg)!important;color:var(--bz-text)!important;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}
a{color:inherit}.page{width:min(var(--content),100%)!important;margin-inline:auto!important;padding:24px 18px 64px!important}.section{margin:0 0 var(--space-7)!important;min-height:auto!important;display:block!important;scroll-snap-align:none!important}html{scroll-snap-type:none!important}
.panel,.hero-panel,.seo-panel{border:1px solid var(--bz-line)!important;background:var(--bz-panel)!important;border-radius:var(--radius-4)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px!important}.brand-lockup{display:flex;align-items:center;gap:12px!important;min-width:0}.brand-title{font:800 15px/1 var(--font-ui)!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--bz-text)!important}.brand-subtitle{font:600 11px/1.25 var(--font-ui)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--bz-muted)!important;margin-top:5px!important}
.hero{min-height:auto!important;align-items:initial!important}.hero-panel{padding:30px!important}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important;gap:36px!important;align-items:center!important}.hero-copy h1{max-width:760px;margin:0 0 18px!important;font:800 clamp(42px,5.2vw,68px)/.98 var(--font-ui)!important;letter-spacing:-.055em!important}.title-accent,.accent{color:var(--bz-text)!important}.hero-copy .title-accent{color:var(--bz-orange)!important}.lead{max-width:760px;color:var(--bz-text-2)!important;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.5!important}
.benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px!important;margin-top:22px!important}.benefit{position:relative;padding-left:18px;color:var(--bz-text-2)!important;font-size:14px!important;line-height:1.45!important}.benefit:before{content:""!important;position:absolute;left:0;top:.55em;width:7px!important;height:7px!important;margin:0!important;border-radius:2px!important;background:var(--bz-orange)!important;box-shadow:none!important}.benefit b{color:var(--bz-text)}
.product-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.product-proof span,.pill,.small-link{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px!important;border:1px solid var(--bz-line)!important;border-radius:var(--radius-2)!important;background:transparent!important;color:var(--bz-muted)!important;font:700 12px/1 var(--font-ui)!important;letter-spacing:.02em;text-decoration:none;box-shadow:none!important}.seo-nav{display:none!important}.pill:hover,.small-link:hover{border-color:var(--bz-line-strong)!important;color:var(--bz-text)!important;background:var(--bz-panel-2)!important}
.creator-card,.link-card,.code-card,.stat-card,.step,.about-card,.card,.doc-section,.seo-card{border:1px solid var(--bz-line)!important;border-radius:var(--radius-3)!important;background:var(--bz-bg-soft)!important;box-shadow:none!important}.creator-card{padding:22px!important}.creator-card label{margin:0 0 10px!important;font:750 14px/1.35 var(--font-ui)!important;color:var(--bz-text)!important}.input-wrap input[type="text"],input[type="text"],textarea{min-height:52px!important;border:1px solid var(--bz-line-strong)!important;border-radius:var(--radius-2)!important;background:var(--bz-panel)!important;color:var(--bz-text)!important;padding:13px 44px 13px 14px!important;box-shadow:none!important}.input-wrap input:focus{border-color:var(--bz-orange)!important;box-shadow:var(--focus)!important}.input-clear{right:8px!important;width:36px!important;height:36px!important;border-radius:var(--radius-2)!important;background:transparent!important;color:var(--bz-muted)!important}.input-clear:hover{background:var(--bz-slate)!important;color:var(--bz-text)!important}
.actions,.cta,.cta-row,.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px!important;margin-top:14px!important}.btn,.btn-link{min-height:46px!important;padding:11px 16px!important;border:1px solid transparent!important;border-radius:var(--radius-2)!important;background:var(--bz-orange)!important;color:#111!important;font:800 14px/1.2 var(--font-ui)!important;text-decoration:none;box-shadow:none!important;transform:none!important;animation:none!important}.btn:hover,.btn-link:hover{background:var(--bz-orange-hover)!important}.btn-secondary,.btn-ghost{background:transparent!important;color:var(--bz-text)!important;border-color:var(--bz-line-strong)!important}.btn-secondary:hover,.btn-ghost:hover{background:var(--bz-slate)!important;border-color:var(--bz-line-strong)!important}.text-action{color:var(--bz-text-2)!important;font-weight:700!important;text-decoration:underline;text-decoration-color:var(--bz-line-strong);text-underline-offset:4px}.text-action:hover{color:var(--bz-text)!important;text-decoration-color:var(--bz-orange)}
.mini,.hint,.meta,.stats-note{color:var(--bz-muted)!important}.mini{font-size:12px!important;line-height:1.45!important}.protect-note,.notice,.status-pill{border:1px solid var(--bz-line)!important;border-left:3px solid var(--bz-orange)!important;border-radius:var(--radius-2)!important;background:var(--bz-panel-2)!important;color:var(--bz-text-2)!important;padding:12px 14px!important}.retention-progress{border-radius:var(--radius-2)!important}.retention-progress span{border-radius:var(--radius-1)!important}
.support-section--inline{display:none!important}.support-open-btn,.cta a.btn-secondary[href="/support"]{animation:none!important;background:transparent!important;background-image:none!important;border-color:var(--bz-line-strong)!important;box-shadow:none!important;color:var(--bz-text)!important;text-shadow:none!important}.support-open-btn:before,.support-open-btn:after,.cta a.btn-secondary[href="/support"]:after{display:none!important}.support-drawer{border-radius:var(--radius-4)!important;background:var(--bz-panel)!important;box-shadow:var(--shadow-float)!important}.support-drawer-head{background:var(--bz-panel)!important}.support-drawer-close{border-radius:var(--radius-2)!important}
.result-panel,.preview-panel,.how-panel,.stats-panel,.about-panel,.seo-panel{padding:28px!important}.result-grid{gap:16px!important}.link-card,.code-card,.stat-card,.step,.about-card,.seo-card{padding:18px!important}.link-card h2,.preview-card h2,.preview-head h2,.how-panel h2,.stats-panel h2,.about-panel h2,.seo-panel h2{font:800 clamp(26px,2.6vw,36px)/1.08 var(--font-ui)!important;letter-spacing:-.035em!important}.preview-frame{border-radius:var(--radius-3)!important;border-color:var(--bz-line)!important}.main-link,.code-field{border-radius:var(--radius-2)!important;border-color:var(--bz-line)!important;background:var(--bz-panel)!important;color:var(--bz-text-2)!important}.embed-details,.faq-item{border:1px solid var(--bz-line)!important;border-radius:var(--radius-3)!important;background:var(--bz-bg-soft)!important}.embed-details summary,.faq-item summary{padding:15px 17px!important}.embed-details[open] summary{position:static!important;border-radius:var(--radius-3) var(--radius-3) 0 0!important;background:var(--bz-panel-2)!important;box-shadow:none!important}.seo-kicker,.stats-kicker{color:var(--bz-muted)!important;font:750 11px/1.25 var(--font-ui)!important;letter-spacing:.14em!important;text-transform:uppercase}.stat-card:before{display:none!important}.stat-number{font-family:var(--font-ui)!important;color:var(--bz-text)!important}.stat-chip{border-radius:var(--radius-2)!important;background:var(--bz-panel)!important}
.site-footer{width:min(var(--content),calc(100% - 32px))!important;margin:30px auto 0!important;padding:24px 0 28px!important;border-top:1px solid var(--bz-line);color:var(--bz-muted)!important;font:600 12px/1.5 var(--font-text)!important}.site-footer a{color:var(--bz-muted)!important}.site-footer a:hover{color:var(--bz-text)!important}.site-footer__brand{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.plain-link{border-bottom:0!important;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.plain-link:hover{text-decoration-color:var(--bz-orange)}
.theme-toggle{min-height:40px!important;padding:8px 11px!important;border:1px solid var(--bz-line)!important;border-radius:var(--radius-2)!important;background:transparent!important;color:var(--bz-text-2)!important;box-shadow:none!important;transform:none!important}.theme-toggle:hover{background:var(--bz-slate)!important;border-color:var(--bz-line-strong)!important}.to-top{border-radius:var(--radius-2)!important;border-color:var(--bz-line)!important;background:var(--bz-panel)!important;color:var(--bz-text)!important}
.legal-nav{gap:8px!important}.legal-nav a{border:1px solid var(--bz-line)!important;border-radius:var(--radius-2)!important;background:transparent!important;color:var(--bz-text-2)!important}.legal-nav a.active{border-color:var(--bz-orange)!important;background:rgba(255,122,0,.09)!important;color:var(--bz-text)!important}.doc{gap:14px!important}.doc-section{padding:20px!important}.doc-section p{color:var(--bz-text-2)!important}
@media(max-width:900px){.page{padding:14px 12px 48px!important}.hero-panel,.result-panel,.preview-panel,.how-panel,.stats-panel,.about-panel,.seo-panel{padding:20px!important}.hero-grid{grid-template-columns:1fr!important;gap:20px!important}.hero-copy h1{font-size:clamp(36px,11vw,50px)!important}.benefits{grid-template-columns:1fr!important}.product-proof{display:none!important}.topline{align-items:center!important;flex-direction:row!important;margin-bottom:22px!important}.actions{display:flex!important}.actions .btn{width:auto!important}.creator-card{padding:17px!important}.result-grid,.code-grid,.how-grid,.about-grid,.stats-grid-main,.seo-grid{grid-template-columns:1fr!important}.site-footer{padding-bottom:74px!important}.mobile-next-result{border-radius:var(--radius-2)!important}.support-drawer{border-radius:var(--radius-4)!important}}
@media(max-width:520px){.page{padding-inline:10px!important}.hero-panel,.result-panel,.seo-panel{padding:15px!important}.hero-copy h1{font-size:38px!important}.lead{font-size:16px!important}.topline>.pill{display:none!important}.actions{display:grid!important;grid-template-columns:1fr!important}.actions .btn,.actions .btn-link,.actions .text-action{width:100%!important;justify-content:center!important;text-align:center}.brand-subtitle{font-size:10px!important}.link-card,.code-card,.stat-card,.step,.about-card,.seo-card,.doc-section{padding:14px!important}}

/* Prevent false blank areas caused by deferred legacy content geometry. */
.seo-section,.product-showcase-grid,.faq-center-page .seo-card,.cms-page .seo-card{content-visibility:visible!important;contain-intrinsic-size:auto!important}
.info-screen,.seo-section{min-height:auto!important;display:block!important}
