.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
body{--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--accent:#cd2653;--wp--preset--color--primary:#000000;--wp--preset--color--secondary:#6d6d6d;--wp--preset--color--subtle-background:#dcd7ca;--wp--preset--color--background:#f5efe0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:18px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:26.25px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--normal:21px;--wp--preset--font-size--larger:32px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1)}:where(.is-layout-flex){gap:0.5em}:where(.is-layout-grid){gap:0.5em}body .is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained >:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}body .is-layout-flex{flex-wrap:wrap;align-items:center}body .is-layout-flex > *{margin:0}body .is-layout-grid{display:grid}body .is-layout-grid > *{margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}.wp-block-pullquote{font-size:1.5em;line-height:1.6}
.new-home-page .design-home-banner.size-banner{background-size:cover}.new-home-page .swiper-container .swiper-slide span.page_heading{color:#ffffff !important}
html{background:#000}html,body{max-width:100vw;overflow-x:hidden;overflow-x:clip}html[dir=rtl] body,html[dir=rtl] main,html[dir=rtl] body>section,html[dir=rtl] main>section{direction:ltr}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link span{color:#fff!important}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover span,.navbar-light .navbar-nav .nav-link:focus span{color:#d1fe17!important}.pxz-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}.pxz-skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:12px 18px;background:#d1fe17;color:#000;font-weight:600;font-size:14px;border-radius:6px;text-decoration:none;box-shadow:0 4px 12px #0006;outline:2px solid #fff;outline-offset:2px}html[dir=rtl] [class^=pxz-fc],html[dir=rtl] [class*=" pxz-fc"],html[dir=rtl] [class^=pxz-create],html[dir=rtl] [class*=" pxz-create"],html[dir=rtl] [class^=pxz-v3],html[dir=rtl] [class*=" pxz-v3"],html[dir=rtl] [class^=pxz-tc],html[dir=rtl] [class*=" pxz-tc"],html[dir=rtl] [class^=pxz-vm],html[dir=rtl] [class*=" pxz-vm"],html[dir=rtl] [class^=pxz-mg],html[dir=rtl] [class*=" pxz-mg"]{direction:ltr}html[data-pxz-auth=in]:not([data-pxz-auth-ready]) .top-language-bar ul.nav.s-nav{visibility:hidden}
:root{--color-bg: #ffffff;--color-text: #0b0b0f;--color-muted: #6b7280;--color-accent: #2b6cff;--container: 1200px}.base-fallback{background:var(--color-bg);color:var(--color-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:var(--container);margin:0 auto;padding:0 1.25rem}.site-header,.site-footer{padding:1rem 0;border-bottom:1px solid #eef0f4}.site-footer{border-bottom:0;border-top:1px solid #eef0f4}.site-header .container,.site-footer .container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-header nav,.site-footer nav{display:flex;gap:1.25rem}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}main{min-height:60vh;padding:2rem 0}

a.nav-link{margin:0 4px !important}.menu-item-47674:hover ul.feature-sub{columns:1;gap:0px;margin-left:0px}li.add_image.feature-menu.ai-suite:hover .feature-sub{columns:4;display:flex;flex-direction:row;margin-left:00px}li.add_image.feature-menu.ai-suite .feature-sub li{flex:1 1 auto}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead{font-weight:bold;color:#d1fe17 !important;display:block;border-bottom:1px solid #333;padding:0px 5px 5px 5px;margin:0 10px;text-transform:uppercase;font-size:13px}li.add_image.feature-menu.ai-suite .feature-sub li ul{padding:0;margin:0}li.add_image.feature-menu.ai-suite .feature-sub li span svg{width:16px;height:16px;margin:3px 10px 0 0;float:left;fill:#d1fe17}li.add_image.feature-menu.ai-suite .feature-sub li span svg path{fill:#d1fe17}li.add_image.feature-menu.ai-suite .feature-sub li p{padding:5px 0 0 0;margin:0px;color:#a0a0a0;font-size:12px;line-height:1.2}.new-home-page .feature-sub a.nav-link span{color:#fff;font-weight:bold;font-size:13px}li.add_image.feature-menu.ai-suite .feature-sub li a.nav-link:hover span{color:#fff !important}li.add_image.feature-menu.ai-suite .feature-sub li li:hover{background:#303030;border-radius:10px;transform:translateX(4px)}li.add_image.feature-menu.ai-suite .feature-sub li a.nav-link:hover{background:none}li.add_image.feature-menu.ai-suite .feature-sub li ul{max-width:250px}@media (max-width:991px){li.add_image.feature-menu.ai-suite .feature-sub li ul{max-width:100%}li.add_image.feature-menu.ai-suite:hover .feature-sub{columns:1;margin:0;flex-direction:column}li.add_image.feature-menu.ai-suite .feature-sub li li:hover{background:none;transform:translateX(2px)}li.add_image.feature-menu.ai-suite .feature-sub li ul p{display:none}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead{padding:5px;position:relative}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead:before{content:">";position:absolute;right:10px}li.add_image.feature-menu.ai-suite .feature-sub li.active span.menuhead:before{transform:rotate(90deg)}}

/* ============================================================================
   DESIGN B — "THE MARQUEE"  (/ai-video-generator)
   A broadcast marquee: standard Pixazo dark ground, 22px radius, filled cards with
   elevation, outlined timecode pills, generous airy rhythm, Poppins display.
   Deliberately the opposite of the image page's cool, square, dense plate.
   ========================================================================== */
.eb{
  --gnd:#0a0b0d; --srf:#121216; --srf2:#16161c; --edge:#26262e; --edge2:#33333d;
  --tx:#f4f5f7; --tx2:#9aa0ad; --tx3:#8b909d;
  --lime:#d1fe17; --on-lime:#0a0b0d;
  --f:'Poppins','Inter',system-ui,-apple-system,sans-serif;
  --m:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  background:var(--gnd); color:var(--tx); font-family:var(--f);
  font-size:16.5px; line-height:1.78; padding-top:100px;   /* clears the fixed navbar */
}
.eb *{box-sizing:border-box}
.eb img,.eb video{max-width:100%;height:auto;display:block}   /* never pin height */
.eb a{color:var(--lime)}
.eb-w{max-width:1300px;margin:0 auto;padding:0 32px}

.eb-crumb{font-size:13.5px;color:var(--tx3);padding:0 0 26px}
.eb-crumb a{color:var(--tx3);text-decoration:none}.eb-crumb a:hover{color:var(--lime)}

/* hero — centred, oversized, lots of air */
.eb-hero{text-align:center;padding:14px 0 40px}
.eb-hero h1{font-size:3.4rem;line-height:1.14;font-weight:700;letter-spacing:-.02em;margin:0 0 20px}
.eb-deck-txt{color:var(--tx2);font-size:1.16rem;max-width:none;margin:0 auto}
.eb-marks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  padding:0 0 30px;margin:0}
.eb-marks li{border:1px solid var(--edge2);border-radius:999px;padding:7px 16px;
  font-size:13.5px;color:var(--tx2)}

/* bands — no rules, pure spacing; alternating warm surface */
.eb-band{padding:56px 0;scroll-margin-top:108px}
.eb-band--alt{background:var(--srf)}
.eb-band--t{padding-top:10px}
.eb-band h2{font-size:2.05rem;line-height:1.2;font-weight:700;letter-spacing:-.018em;margin:0 0 16px}
.eb-band h3{font-size:1.12rem;font-weight:600;margin:0 0 8px}
.eb-lede{color:var(--tx2);font-size:1.06rem;max-width:70ch;margin:0 0 30px}
.eb-body p{margin:0;color:var(--tx2);max-width:none}
/* two paragraphs side by side: uses the whole column instead of leaving the
   right half empty, and each measure lands near 68ch rather than 130ch */
.eb-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 56px;align-items:start}
@media(max-width:860px){.eb-body{grid-template-columns:1fr;gap:16px 0}}

/* timecode pill — outlined, never filled (the image page uses filled plates) */
.eb-tc{display:inline-block;font-family:var(--m);font-size:11px;letter-spacing:.16em;
  color:var(--lime);margin:0 0 10px}
.eb-lab,.eb-rl,.eb-for,.eb-no{font-family:var(--m);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tx3)}

/* cards — filled, round, lifted */
.eb-mon,.eb-clip,.eb-step,.eb-a,.eb-split>*{background:var(--srf2);border:1px solid var(--edge);
  border-radius:22px;padding:22px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.eb-band--alt .eb-mon,.eb-band--alt .eb-clip,.eb-band--alt .eb-a{background:var(--gnd)}
.eb-mon:hover,.eb-clip:hover{transform:translateY(-3px);border-color:var(--lime)}
.eb-mon img,.eb-mon video,.eb-clip img,.eb-clip video{border-radius:14px}
/* The monitor is a padded, bordered box in its own right, so anything that
   follows it needs real separation. Two classes here on purpose: it has to
   outrank `.eb-band h3{margin:0 0 8px}`, which zeroes the top margin. */
.eb-band .eb-mon + *{margin-top:20px}
.eb-band .eb-mon + .eb-cap,.eb-band .eb-mon + figcaption{margin-top:9px}
.eb-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:26px}
.eb-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.eb-line{height:1px;background:var(--edge);border:0;margin:30px 0}
.eb-cap,figcaption{color:var(--tx3);font-size:13.5px;line-height:1.6;padding-top:11px;margin:0}
.eb-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.eb-open{display:inline-flex;align-items:center;gap:8px;background:transparent;
  border:1px solid var(--edge2);border-radius:999px;padding:9px 18px;color:var(--tx2);
  text-decoration:none;font-size:14px}
.eb-open:hover{border-color:var(--lime);color:var(--tx)}
.eb-scrub{height:5px;background:var(--edge);border-radius:999px;overflow:hidden}
.eb-scrub>i{display:block;height:100%;background:var(--lime)}

/* the tool — a soft console, opposite of the image page's hard bench */
.eb-tool{background:var(--srf);border:1px solid var(--edge2);border-radius:22px;padding:24px;
  margin:0 auto 34px;max-width:880px;text-align:left;scroll-margin-top:108px}
.eb-tool-hd{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.eb-rec{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--lime);
  font-style:normal;text-transform:uppercase}
.eb-tool-hd span{font-weight:600;font-size:1.02rem}
.eb textarea{width:100%;min-height:120px;resize:vertical;background:var(--gnd);
  border:1px solid var(--edge2);border-radius:16px;color:var(--tx);font-family:var(--f);
  font-size:16px;line-height:1.65;padding:14px 16px;display:block}
.eb textarea::placeholder{color:var(--tx3)}
.eb textarea:focus{outline:none;border-color:var(--lime)}
.eb-in{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.eb-in p{margin:0;color:var(--tx3);font-size:13.5px}

.eb-drop{display:inline-flex;align-items:center;gap:9px;border:1px dashed var(--edge2);
  border-radius:999px;padding:10px 18px;color:var(--tx3);font-size:14px;cursor:pointer;margin:0}
.eb-drop:hover{border-color:var(--lime);color:var(--tx2)}
.eb-go{background:var(--lime);color:var(--on-lime);border:0;border-radius:999px;font-family:var(--f);
  font-weight:700;font-size:1rem;padding:13px 30px;cursor:pointer}
.eb-go:hover{background:#e2ff5a}
.eb-go[disabled]{opacity:.5;cursor:not-allowed}
.eb-thumb{display:none;align-items:center;gap:10px;font-size:13.5px;color:var(--tx3)}
.eb-thumb img{width:38px;height:38px;object-fit:cover;border-radius:10px}
.eb-thumb video{width:38px;height:38px;object-fit:cover;border-radius:10px;background:#000}
.eb-thumblabel{font-size:13px;color:var(--tx2)}
.eb-spin{display:none;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--lime);border-radius:50%;margin-right:6px;vertical-align:-2px;animation:ebspin .7s linear infinite}
.eb-file.is-busy{opacity:.75;pointer-events:none}
.eb-file.is-busy .eb-spin{display:inline-block}
@keyframes ebspin{to{transform:rotate(360deg)}}
.eb-msg{color:#ff9b9b;font-size:13.5px;display:none;margin:10px 0 0}
.eb-fine{color:var(--tx3);font-size:13px;margin:12px 0 0}
.eb-by{display:flex;gap:18px;align-items:flex-start}
.eb-by .eb-role{font-family:var(--m);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--tx3)}
.eb details{background:var(--srf2);border:1px solid var(--edge);border-radius:18px;
  padding:16px 20px;margin:0 0 12px}
.eb summary{cursor:pointer;font-weight:600;font-size:1.02rem;
  display:flex;align-items:center;gap:14px;list-style:none}
.eb summary::-webkit-details-marker{display:none}
.eb summary::marker{content:""}
.eb summary::before{content:"+";flex:0 0 22px;width:22px;height:22px;
  display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.06);color:var(--tx2);
  font-family:var(--m);font-size:15px;line-height:1}
.eb details[open] summary::before{content:"\2212";background:rgba(209,254,23,.14);color:var(--lime)}
.eb summary h3{margin:0;font-size:1.02rem;font-weight:600;text-align:left}
.eb details{padding:14px 20px}
.eb details[open]{padding-bottom:18px}
.eb-a{max-width:96ch}
.eb .off{display:none}
@media(max-width:940px){
  .eb{padding-top:86px;font-size:16px}
  .eb-hero h1{font-size:2.2rem}
  .eb-band{padding:40px 0}
  .eb-band--t{padding-top:8px}
  .eb-band h2{font-size:1.68rem}
}

/* ---- controls, media and the remaining structural classes ---- */
.eb-file{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--edge2);
  border-radius:999px;padding:10px 18px;color:var(--tx2);font-size:14px;cursor:pointer;margin:0}
.eb-file:hover{border-color:var(--lime);color:var(--tx)}
.eb-file input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.eb-split--v{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,266px);
  gap:38px;align-items:center;
  /* one box, not two: the card lives on the container and the halves are
     flattened, so there is nothing left to misalign */
  background:var(--srf2);border:1px solid var(--edge2);border-radius:22px;
  padding:30px 32px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.eb-band .eb-split--v>*{background:transparent;border:0;border-radius:0;
  padding:0;box-shadow:none}
.eb-band .eb-split--v .eb-mon{background:transparent;border:0;padding:0;
  box-shadow:none;border-radius:14px}
.eb-band .eb-split--v .eb-mon:hover{transform:none;border:0}
.eb-band .eb-split--v .eb-mon + .eb-cap{margin-top:12px}
.eb-split--v>div:first-child{align-content:center}
/* the prose half runs as two columns so the row is actually full, and the
   copy's "the clip beside this" is true again */
.eb-split--v>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 30px;align-items:start}
.eb-split--v>div:first-child>h2{grid-column:1/-1}
.eb-split--v>div:first-child>p{max-width:none;margin:0}
@media(max-width:1000px){.eb-split--v{grid-template-columns:1fr}
  .eb-split--v>div:first-child{grid-template-columns:1fr;gap:16px 0}}
.eb-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;align-items:start}
.eb-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.eb-strip img,.eb-strip video{width:100%;height:auto;border-radius:16px;border:1px solid var(--edge)}
.eb-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.eb-reel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.eb-lim{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.eb-lim>*{background:var(--srf2);border:1px solid var(--edge);border-radius:22px;padding:22px}
.eb-faq{max-width:none}
.eb-cta{text-align:center;padding:8px 0 0}
@media(max-width:640px){.eb-go{width:100%}}


.eb-cta-row{padding:16px 32px}
/* A section followed by a CTA row was still paying its full 56px bottom
   padding, so the gap above the CTA box was 72px against 16px below it.
   The row's own 16px is the whole gap now - the space below is untouched. */
.eb-band:has(+ .eb-cta-row){padding-bottom:0}
.eb-act{width:100%;max-width:1216px;margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;
  padding:22px 28px;background:#121216;border:1px solid #26262e}
.eb-actnote{margin:0;color:#8b909d;font-size:13.5px;text-align:right}
@media(max-width:760px){.eb-act{justify-content:flex-start}.eb-actnote{text-align:left}}
.eb-band a.eb-btn{display:inline-block;background:#d1fe17;color:#0a0b0d;padding:13px 28px;font-weight:600;text-decoration:none}
.eb-band a.eb-btn:hover{background:#d1fe17;filter:brightness(1.12);color:#0a0b0d}

/* hero: left-aligned, full measure */
.eb-band--t .eb-w{text-align:left}
.eb-band--t h1{text-align:left;margin-left:0;margin-right:0}
.eb-band--t .eb-w>p{text-align:left;margin-left:0;margin-right:0;max-width:78ch}
.eb-band--t p,.eb-band--t ul,.eb-band--t div{text-align:left}
.eb-band--t ul,.eb-band--t .eb-chips{justify-content:flex-start;padding-left:0;margin-left:0}
.eb-band--t p{margin-left:0;margin-right:0;max-width:80ch}
.eb-tool,.eb-console{max-width:none}
/* uniform media in the model bay */
.eb-bay video,.eb-bay img,.eb-grid video,.eb-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}

/* ================= live-parity design system ================= */
/* centred section headers, full-width content beneath — as on the live pages */
.eb-sec>*, .eb-band>.eb-w{max-width:1280px;margin-inline:auto}
.eb-kick,.eb-rail{display:flex;align-items:center;justify-content:center;gap:8px;
  text-align:center;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--tx2)}
.eb-kick::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}
.eb-sec h2,.eb-band h2{text-align:center;margin-inline:auto;
  font-size:clamp(1.9rem,3.1vw,2.6rem);line-height:1.14;letter-spacing:-.02em;max-width:22ch}
.eb-sec h2 em,.eb-band h2 em{font-style:normal;color:var(--lime)}
/* the intro line under a section heading is centred; body copy stays full width */
.eb-sec>p:first-of-type,.eb-band>.eb-w>p:first-of-type{text-align:center;max-width:74ch;margin-inline:auto}
/* sticky bottom conversion bar, like live */
.pxg-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;
  opacity:0;transform:translateY(115%);pointer-events:none;
  transition:transform .28s ease,opacity .28s ease;background:rgba(10,11,13,.94);
  backdrop-filter:blur(10px);border-top:1px solid #26262e}
.pxg-dock-in{max-width:1280px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:10px 20px;padding:12px 24px}
.pxg-dock p{margin:0;font-size:13.5px;color:#9aa0ad}
.pxg-dock b{color:#f4f5f7}
.pxg-dock a.pxg-dock-cta{display:inline-block;background:#d1fe17;color:#0a0b0d;
  padding:11px 22px;border-radius:999px;font-weight:600;text-decoration:none;font-size:14px}
.pxg-dock a.pxg-dock-cta:hover{filter:brightness(1.12);color:#0a0b0d;background:#d1fe17}
@media(max-width:640px){.pxg-dock p{display:none}.pxg-dock-in{justify-content:center}}
body{padding-bottom:64px}

.eb-band--t .pxg-badge,.pxg-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 16px;
  border-radius:999px;border:1px solid #26262e;background:#121216;
  color:#9aa0ad;font-size:12.5px}
.eb-band--t .eb-w{text-align:center}
.eb-band--t h1{text-align:center;margin-inline:auto;max-width:46ch;
  font-size:clamp(1.35rem,calc((100vw - 80px)/22.4),3.35rem);
  line-height:1.08;letter-spacing:-.032em;text-wrap:balance}
/* below ~560px one line is impossible, so break at the colon there
   rather than mid-phrase; above it the size scales to hold one line */
@media(max-width:560px){.eb-h1sub{display:block}}
/* the qualifier after the colon reads as a subhead, not a second headline */
.eb-h1sub{font-weight:600;color:#c9ced8;letter-spacing:-.02em}
.eb-band--t p{text-align:center;margin-inline:auto;max-width:72ch}
.eb-band--t ul,.eb-band--t .eb-chips{justify-content:center}
.eb-tool,.eb-console,.eb-tool *{text-align:left}

/* crumb pills and trust strip tuned to the live pages */
.csh-crumb a{background:var(--srf2);border-color:var(--rule2,#33333d)}
.csh-crumb{gap:6px}
/* trust strip: big lime word over a small-caps label, centred — as on live */
.csh-trust,.ig-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border:0;max-width:900px;margin-inline:auto;text-align:center}
.csh-trust>*,.ig-trust>*{border:0;padding:6px 12px}
.csh-trust b,.ig-trust b,.csh-trust strong,.ig-trust strong{display:block;color:var(--lime);
  font-size:1.35rem;line-height:1.2;margin-bottom:4px}
.csh-trust span,.ig-trust span,.csh-trust p,.ig-trust p{display:block;margin:0;color:var(--tx2);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:720px){.csh-trust,.ig-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}}

/* chip row centred, like live */
.eb-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:0 auto 26px}
.eb-marks>li{padding:7px 15px;border-radius:999px;border:1px solid var(--edge2);background:var(--srf2);
  color:var(--tx2);font-size:12.5px}

.eb-band--t .eb-w>p{margin-left:auto;margin-right:auto;max-width:62ch}
.eb-crumb,.eb-band--t .eb-crumb{margin:0 0 30px;padding:4px 0 13px;text-align:left}

/* ---- lime discipline: prompt box + the two CTAs only ---- */
.eb a{color:var(--tx)}
.eb a:hover{color:var(--lime)}
.eb-kick::before{background:var(--tx3)}
.eb-sec h2 em,.eb-band h2 em{color:var(--tx)}
.eb-rec{color:var(--tx2)}
.eb-scrub>i{background:var(--tx2)}
.eb-mon:hover,.eb-clip:hover{border-color:var(--edge2)}
.eb-open:hover{color:var(--tx)}
/* the deck is the highlighted surface */
.eb-tool{border:1px solid rgba(209,254,23,.42);
  box-shadow:0 0 0 1px rgba(209,254,23,.10),0 18px 60px -28px rgba(209,254,23,.28)}
.eb textarea:focus{border-color:var(--lime)}
/* CTAs keep lime */
.eb-go,.eb-band a.eb-btn{background:var(--lime);color:#0a0b0d}

/* hero badge sits centred regardless of its wrapper */
.eb-hero>div>.pxg-badge,.eb-band--t .pxg-badge{margin-left:auto;margin-right:auto}
.eb-hero,.eb-hero>div{text-align:center}
/* crumb pills, matching the image page and live */
/* breadcrumb as a slate trail: mono, left-aligned, lime marker on the
   current page — the timecode idiom this page already uses for kickers,
   rather than the pill row the image page runs */
.eb-crumb{margin:0 0 30px;padding:4px 0 13px;text-align:left;
  border-bottom:1px solid rgba(255,255,255,.055)}
.eb-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;
  list-style:none;margin:0;padding:0;
  font-family:var(--m);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.eb-crumb li{display:flex;align-items:center;min-height:20px}
.eb-crumb li+li::before{content:"/";margin:0 11px;color:var(--tx3);opacity:.5}
.eb-crumb a{display:inline-block;color:var(--tx3);text-decoration:none;
  padding-bottom:2px;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.eb-crumb a:hover{color:var(--lime);border-bottom-color:rgba(209,254,23,.55)}
.eb-crumb [aria-current]{position:relative;padding-left:15px;color:var(--tx)}
.eb-crumb [aria-current]::before{content:"";position:absolute;left:0;top:50%;
  width:6px;height:6px;margin-top:-3px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 0 3px rgba(209,254,23,.16)}
@media(max-width:560px){.eb-crumb ol{font-size:10px;letter-spacing:.1em}
  .eb-crumb li+li::before{margin:0 8px}}

.eb-band a.eb-btn{background:transparent;color:var(--tx);border:1px solid rgba(209,254,23,.55)}
.eb-band a.eb-btn:hover{background:rgba(209,254,23,.10);color:var(--tx);border-color:var(--lime);filter:none}
.eb-go{background:var(--lime);color:#0a0b0d;border:0}

/* ---- hero background clip -------------------------------------------
   the sample clip runs behind the hero instead of sitting in a monitor
   frame. isolation + z-index:-1 keeps it above the section background and
   below every bit of content, so no content stacking had to change. */
#tool{position:relative;isolation:isolate;overflow:hidden}
.eb-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.eb-bg video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;border-radius:0}
/* Two-part scrim so the clip actually reads. A flat dark wash heavy enough
   for text buries the video (the whole point of putting it there), so the
   base wash is light and a soft ellipse does the protecting only where the
   copy sits. Out at the margins the viewer sees the clip nearly unfiltered. */
.eb-bg::after{content:"";position:absolute;inset:0;
  background:
    /* short top strip: carries the breadcrumb and blends into the nav.
       Only ~170px tall, so it costs almost nothing in clip visibility. */
    linear-gradient(180deg,rgba(10,11,13,.90) 0,rgba(10,11,13,.55) 90px,rgba(10,11,13,0) 170px),
    /* soft ellipse behind the copy block */
    radial-gradient(58% 40% at 50% 27%,rgba(10,11,13,.58) 0%,rgba(10,11,13,.34) 62%,rgba(10,11,13,0) 100%),
    /* light base wash, going solid before the next band */
    linear-gradient(180deg,rgba(10,11,13,.36) 0%,rgba(10,11,13,.46) 38%,rgba(10,11,13,.84) 74%,#0a0b0d 100%)}
/* sits narrower than the headline and centred, so the two read as a pair
   rather than two full-width blocks */
#tool .eb-deck-txt{color:#e9ebef;max-width:min(950px,100%);margin:0 auto;
  font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.5;text-wrap:balance}
/* air between the copy and the deck, as in the reference */
#tool .pxg-badge{margin-bottom:22px}
#tool h1{margin-bottom:18px}
#tool .eb-tool{margin-top:38px}
#tool .eb-marks>li{color:#e6e8ec;background:rgba(10,11,13,.5);border-color:rgba(255,255,255,.16)}
/* a moving background is the kind of thing this setting is for */
/* small grey over a moving picture: the clip's brightest pixels put
   #8b909d at 2.9:1, so the hero's small text is lifted a step */
#tool .eb-crumb a,#tool .eb-crumb li+li::before{color:#d4d8df}
#tool .eb-crumb li+li::before{opacity:.7}
#tool .pxg-badge{color:#e6e8ec;background:rgba(10,11,13,.55);border-color:rgba(255,255,255,.14)}

/* On a phone the hero box is ~375x1200, so covering it with a 1280x720 clip
   scales it 1.67x and shows only the middle ~18% - an accidental extreme
   close-up. Running the clip as a top band keeps it near 0.6x and shows the
   shot roughly as framed. */
@media(max-width:700px){
  .eb-bg{height:440px;bottom:auto}
  .eb-bg::after{background:
    linear-gradient(180deg,rgba(10,11,13,.90) 0,rgba(10,11,13,.52) 84px,
      rgba(10,11,13,.34) 170px,rgba(10,11,13,.62) 68%,#0a0b0d 100%)}
}

/* Between the navbar-expand-lg breakpoint and the width where its items
   fit on one line, the fixed nav wraps to 130px but the page only reserves
   100px, so the breadcrumb slid underneath it. Fixed page-side; the shared
   header is not touched. */
@media(min-width:992px) and (max-width:1049px){.eb{padding-top:150px}}

/* Clean prompt box: one field, one hairline, one control row. The header
   strip, field label, upload hint and fine print were all removed. */
#tool .eb-tool{padding:8px 8px 8px 20px;border-radius:20px}
#tool .eb-tool textarea{width:100%;min-height:76px;resize:vertical;
  background:transparent;border:0;outline:0;box-shadow:none;padding:16px 12px 12px 0;
  color:var(--tx);font:inherit;font-size:1.02rem;line-height:1.55}
#tool .eb-tool textarea::placeholder{color:#8e94a1}
#tool .eb-row{display:flex;align-items:center;gap:12px;
  padding:10px 12px 10px 0;border-top:1px solid rgba(255,255,255,.07)}
#tool .eb-row .eb-go{margin-left:auto}
#tool .eb-file{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  padding:9px 16px;border-radius:999px;border:1px solid var(--edge2);
  background:rgba(255,255,255,.03);color:var(--tx);font-size:13.5px}
#tool .eb-file:hover{border-color:rgba(209,254,23,.6);background:rgba(209,254,23,.08)}
#tool .eb-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#tool .eb-msg{margin:0;padding:0 12px 8px 0;font-size:13px;color:var(--tx3)}
#tool .eb-msg:empty{display:none}
.eb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* trust strip under the deck: icon, claim, qualifier. Neutral only - lime
   stays reserved for the prompt box and the CTAs. Its own surface keeps the
   small grey legible over the clip. */
.eb-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  list-style:none;margin:26px 0 0;padding:22px 16px;
  text-align:center;
  background:rgba(12,13,16,.72);border:1px solid rgba(255,255,255,.08);border-radius:20px}
.eb-trust>li{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 14px}
.eb-trust>li+li{border-left:1px solid rgba(255,255,255,.07)}
.eb-trust svg{width:22px;height:22px;color:#9aa0ad;display:block}
.eb-trust b{color:#f4f5f7;font-size:1.02rem;font-weight:650;line-height:1.2}
.eb-trust span{color:#b9bec9;font-size:11px;letter-spacing:.13em;text-transform:uppercase;line-height:1.35}
@media(max-width:820px){
  .eb-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;padding:20px 12px}
  .eb-trust>li+li{border-left:0}
  .eb-trust>li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.07);padding-top:20px}
}
@media(max-width:420px){.eb-trust b{font-size:.95rem}.eb-trust span{font-size:10px}}

/* three more IN/OUT pairs: still beside the clip it produced */
.eb-strip--pairs{display:grid;grid-template-columns:1fr;gap:26px}
.eb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.eb-pair figure{margin:0}
.eb-pair img,.eb-pair video{width:100%;height:auto;display:block;border-radius:14px}
.eb-pair figcaption{color:var(--tx3);font-size:12.5px;line-height:1.5;padding-top:9px;margin:0}
.eb-pair .eb-mon{padding:0;border:0;background:transparent;box-shadow:none;border-radius:14px}
.eb-band .eb-pair .eb-mon + figcaption{margin-top:0}
@media(max-width:700px){.eb-pair{grid-template-columns:1fr;gap:14px}}

/* closing note spans the column: mono label left, prose right. A single
   centred paragraph at 72ch left the outer thirds empty. */
.eb-note{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);
  gap:12px 34px;align-items:start;margin:30px 0 0;padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.07)}
.eb-note-k{font-family:var(--m);font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--tx3);padding-top:2px}
.eb-note p{margin:0;max-width:none;text-align:left;color:var(--tx2);
  font-size:14.5px;line-height:1.62;
  /* full width would put the measure at 140ch, so balance it over two */
  columns:2;column-gap:40px}
@media(max-width:1000px){.eb-note p{columns:1}}
@media(max-width:720px){.eb-note{grid-template-columns:1fr;gap:8px}}

.eb-vlist{grid-column:1/-1;list-style:none;margin:22px 0 0;padding:18px 0 0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;
  border-top:1px solid rgba(255,255,255,.07)}
.eb-vlist>li{display:flex;flex-direction:column;gap:5px}
.eb-vlist b{color:var(--tx);font-size:13.5px;font-weight:600}
.eb-vlist span{color:var(--tx3);font-size:12.5px;line-height:1.5}
@media(max-width:1000px){.eb-vlist{grid-template-columns:1fr;gap:14px 0}}

/* The six limit cards stacked in one column ran 1204px while the evidence
   clip beside them was 501px - 703px of dead space. The cards now run three
   across, and the clip gets its own row underneath. */
.eb-lim-wrap>.eb-lim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eb-evid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"vid txt" "cap txt";grid-template-rows:auto auto;
  gap:12px 34px;margin-top:26px}
.eb-evid>.eb-mon{grid-area:vid;margin:0}
.eb-evid>.eb-cap{grid-area:cap;margin:0}
.eb-evid>p:not(.eb-cap){grid-area:txt;align-self:center;margin:0}
@media(max-width:1000px){.eb-lim-wrap>.eb-lim{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eb-evid{grid-template-columns:1fr;grid-template-areas:"vid" "cap" "txt";gap:14px}}
@media(max-width:640px){.eb-lim-wrap>.eb-lim{grid-template-columns:1fr}}

/* The outro reused .eb-band--t, the hero modifier, so every hero rule
   (centred text, auto-margined max-widths, badge centring) was landing on
   it - the CTA lost its button and the byline row collapsed. Its own now. */
.eb-band--out{padding-top:56px}
.eb-band--out .eb-cta{text-align:center;padding:0;display:grid;justify-items:center;gap:18px}
.eb-band--out .eb-cta h2{margin:0 auto 12px;max-width:26ch}
.eb-band--out .eb-cta>div>p{margin:0 auto;max-width:66ch;color:var(--tx2)}
.eb-band--out>.eb-w>.eb-cap{text-align:center;margin-inline:auto;max-width:60ch}
.eb-band--out .eb-by{display:grid;
  grid-template-columns:minmax(0,110px) 56px minmax(0,1fr);
  gap:6px 22px;align-items:start;text-align:left;
  max-width:960px;margin:44px auto 0;padding:26px 28px;
  background:var(--srf2);border:1px solid var(--edge);border-radius:18px}
.eb-band--out .eb-by .eb-role{grid-column:1;margin:0;color:var(--tx3);padding-top:3px}
/* same portrait the live author page uses, through the CDN at 2x the
   rendered size: 84KB raw -> 3KB transformed */
.eb-band--out .eb-av{grid-column:2;grid-row:1/span 2;width:56px;height:56px;
  border-radius:50%;object-fit:cover;display:block;
  border:1px solid rgba(209,254,23,.45)}
.eb-band--out .eb-by h3{grid-column:3;margin:0 0 6px;font-size:1.05rem;text-align:left}
.eb-band--out .eb-by>p:not(.eb-role){grid-column:3;margin:0;max-width:78ch;
  text-align:left;color:var(--tx2);font-size:14.5px;line-height:1.65}
@media(max-width:700px){.eb-band--out .eb-by{grid-template-columns:56px minmax(0,1fr);gap:6px 16px}
  .eb-band--out .eb-by .eb-role{grid-column:1/-1}
  .eb-band--out .eb-av{grid-column:1;grid-row:auto}
  .eb-band--out .eb-by h3,.eb-band--out .eb-by>p:not(.eb-role){grid-column:2}}

/* a moving background is exactly what this setting is for */
@media(prefers-reduced-motion:reduce){
  .eb-bg video{display:none}
  .eb-bg{background:#0a0b0d url(/media/ai-video-generator/hero-poster.webp) center/cover no-repeat}
}

.bottom-footer{background:#000 !important}.top-footer{background-color:#000 !important}.menu li a{color:#fff !important}.footer-nav-list .footer-nav-heading,.widget_nav_menu .widget-title{color:#fff !important}
@media (min-width:320px) and (max-width:767px){.header-effect.squeezelogo{padding:10px 10px !important}}.fab{font-size:19px!important}
 .chota{font-size:10px;line-height:14px;margin:0 10px}
 .seo h6{color:#fff}.seo p{color:#b2b4b6}.seo-slider{background:#ffffff21}.seo-slider .vidd{background:transparent !important}.seo-slider h2.headd{color:#fff}.seo-slide{background:transparent;box-shadow:none}.seo-dummy{background:transparent;border-radius:10px}footer{background:linear-gradient(90deg,rgba(35,46,74,1) 0%,rgba(28,30,39,1) 40%,rgba(41,28,68,1) 80%);color:#fff !important}.footer-menu .certi-par{box-shadow:none !important}.featureDropDown{float:left}footer h4{font-size:18px}.line{width:25%;border:0;height:2px;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.75),rgba(255,255,255,0));margin:10px}.footer-cont{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.featuredropup ul{color:#333}.footer-botom-area{border-top:1px solid #3E4550}.footer-cont .submenu{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}@media (max-width:768px){.certi-footer{flex-wrap:wrap;flex-flow:column}.certi-footer *{margin:4% 0}.widget_nav_menu.active:before{content:'\2303';color:#fff;font-weight:bold;float:right;transform:rotate(360deg)}.widget_nav_menu:before{content:'\2303';color:#fff;font-weight:bold;float:right;transform:rotate(180deg)}.footer-menu ul{display:none}.widget_nav_menu.active ul{display:block}.breadcrumbs{justify-content:center;margin-bottom:10px}.social_icons-footer{border:none}.footer-cont{display:grid;justify-content:normal;white-space:normal;padding:0}.footer-menu h3{text-align:left;margin-top:10px}.footer-menu ul li{text-align:left}aside#nav_menu-2{margin-left:-30px}.line{width:50%}.footer-cont .submenu{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.trusted-area,footer{position:relative;z-index:1}.FooterNav .menu-item .FooterNavText{color:#ffffff}@media (max-width:600px){.footer-logo{display:none}.FooterNav .menu-item{margin:0px}ul.sitemapNavigation{margin:0;padding:0}ul.sitemapNavigation li{padding:8px}}