.offer-details{padding:0;list-style:none;margin:20px 0;line-height:1.5}.offer-details li{padding:10px 0;border-bottom:1px solid #d7e1df}.offer-details strong{display:block;font-size:24px}.offer-action,.demo-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:6px;background:#176653;color:#fff!important;text-decoration:none;font-weight:700;text-align:center;white-space:normal;line-height:1.35}.offer-details~.offer-action{width:100%}.offer-note{font-size:14px;line-height:1.6}.offer-common{border-top:1px solid #bacbc6;padding-top:24px}.offer-common h2{margin-bottom:12px}.offer-demo-link{display:inline-block;margin:12px 0 0;font-weight:700}.demo-topline{color:#176653;font-weight:700}.demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:24px 0 16px}.demo-tabs button{font:inherit;font-weight:700;min-height:48px;border:1px solid #95aaa5;border-radius:4px;background:white;color:#182323;padding:10px;overflow-wrap:anywhere;cursor:pointer}.demo-tabs button[aria-selected=true]{background:#176653;border-color:#176653;color:white}.demo-stage{background:#111a18;min-height:360px;display:grid;place-items:center;padding:12px}.demo-stage video{display:block;width:100%;height:480px;max-height:65vh;object-fit:contain}.demo-stage img{max-width:100%;max-height:330px;object-fit:contain}.demo-editor{display:grid;justify-items:center;gap:12px;width:100%}.demo-editor img:last-child{max-height:150px}.demo-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:24px}.demo-status{min-height:3.2em;line-height:1.6}.demo-actions a:not(.demo-action){color:#176653;font-weight:700}.demo-tabs button:focus-visible,.demo-action:focus-visible,.offer-action:focus-visible{outline:3px solid #238bce;outline-offset:4px}#public-demo{max-width:1000px}.offer-compact .status{display:none}.offer-compact .plans{align-items:stretch}.offer-compact .plans article{display:flex;flex-direction:column}.offer-compact .offer-action{margin-top:auto}.offer-compact h1{max-width:700px}body[data-public-demo]{letter-spacing:0}@media(max-width:600px){.offer-compact .plans article{padding:24px 0}.offer-details{display:grid;grid-template-columns:1fr;gap:0;margin:12px 0}.offer-details strong{font-size:22px}.demo-tabs{gap:4px}.demo-tabs button{font-size:14px;padding:10px 5px}.demo-stage{min-height:300px;padding:8px}.demo-stage video{height:410px}.demo-actions{align-items:stretch}.demo-actions .demo-action{width:100%}.demo-editor img{max-height:280px}}
@font-face{font-family:OzavioComic;src:url('/static/brand/anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.interactive-caption[data-style=comic]{isolation:isolate;white-space:normal;display:flex;align-items:center;justify-content:center;min-height:62px;text-shadow:none}
.comic-word{position:relative;display:inline-block;max-width:100%;font-family:OzavioComic,Impact,sans-serif;font-weight:400;font-size:1.5em;line-height:1.15;letter-spacing:0;text-transform:uppercase;transform:rotate(-1deg)}
.comic-ink{position:relative;z-index:2;display:block;paint-order:stroke fill;-webkit-text-stroke:3px #101016;color:var(--comic-color,#ffbc19);filter:drop-shadow(1px 2px 0 #060a18) drop-shadow(2px 3px 0 #060a18) drop-shadow(0 0 1px #e7ffff)}
.comic-ink::after{content:attr(data-text);position:absolute;inset:0;-webkit-text-stroke:0;background:linear-gradient(#fff17c 6%,var(--comic-color,#ffbc19) 46%,#f57b08 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.interactive-caption[data-finish=solid] .comic-ink::after{display:none}
.tiktok-preview .tiktok-top{top:auto;bottom:44px}
.comic-word::before{content:'';position:absolute;z-index:-1;inset:-12px -15px -11px;background:radial-gradient(circle,#d7ffff 0 1px,transparent 1.5px) 0 0/7px 7px,linear-gradient(155deg,#a6fbff,#00b9f2 35%,#0579ce 68%,#78edff);clip-path:polygon(0 41%,11% 35%,5% 12%,22% 23%,25% 0,34% 19%,47% 7%,52% 21%,64% 0,66% 20%,82% 12%,80% 29%,98% 21%,90% 43%,100% 55%,89% 64%,96% 89%,77% 81%,72% 100%,61% 82%,49% 96%,40% 83%,27% 100%,22% 81%,5% 88%,11% 65%,0 59%);filter:drop-shadow(0 0 5px #2dd9ff);opacity:.9}
.comic-word::after{content:attr(data-text);position:absolute;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.55);color:#ffbc192b;-webkit-text-stroke:1px #23152135;white-space:nowrap;text-shadow:2px 3px 0 #f943672e;pointer-events:none}
@media(prefers-reduced-motion:reduce){.comic-word{transform:none}.comic-word::after{display:none}}
.offer-details strong{display:inline-block;margin-right:8px;font-size:22px}
.intro .hero-proof{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;max-width:760px;width:100%;margin:20px auto 28px;padding:0;border:0;background:none;box-shadow:none;grid-column:1/-1;letter-spacing:0}
.hero-proof figure{margin:0;min-width:0}.hero-proof figcaption{font-size:14px;font-weight:700;margin-bottom:8px}.hero-proof a{display:grid;place-items:center;background:#101714;border-radius:6px;overflow:hidden;height:260px}.hero-proof img{display:block;width:100%;height:100%;object-fit:contain}.hero-proof .hero-proof-note{grid-column:1/-1;margin:0;font-size:14px;text-align:center}.hero-proof a:focus-visible{outline:3px solid #238bce;outline-offset:4px}
.intro .actions{flex-wrap:wrap}.intro .actions a{white-space:normal;overflow-wrap:anywhere}.intro .hero-copy .lead{max-width:760px}
.hero-proof a{position:relative}.hero-proof a img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}
@media(max-width:600px){.intro .hero-proof{gap:8px;margin:16px 0 24px}.hero-proof a{height:200px}.hero-proof figcaption{font-size:13px}.intro .actions a{max-width:100%}}
.product-first .hero-copy>.small[hidden]{display:none!important}
.product-first .intro .actions{display:flex;align-items:flex-start;justify-content:center;gap:24px}
.hero-trial{max-width:440px;text-align:left}.hero-trial>a{display:inline-flex;min-height:46px;align-items:center;font-weight:700}.hero-trial p{font-size:14px;line-height:1.6;margin:8px 0 0;max-width:440px;color:#24483d}
.product-first .intro #workflow-showcase{width:calc(100% - 40px);max-width:1080px;margin:28px auto 20px;padding:24px 0;background:none;grid-column:1/-1;text-align:left;border-top:1px solid #bdcec5}
.product-first #workflow-showcase>.eyebrow{display:none}.product-first #workflow-showcase>h2{font-size:24px;line-height:1.3;margin:0 0 20px;max-width:none;letter-spacing:0}
.product-first .workflow-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:start}
.product-first .workflow-step{border:0;padding:0;display:flex;flex-direction:column}
.product-first .workflow-number{order:-4}.product-first .workflow-step h3{order:-3;margin:6px 0 12px;font-size:18px}.product-first .workflow-description{font-size:14px;min-height:0}
.product-first .workflow-media{order:-2;background:none;height:auto;overflow:hidden;aspect-ratio:auto;margin:0 0 12px;border-radius:6px}
.product-first .workflow-media img{position:static;width:100%;height:auto;max-height:none;display:block;object-fit:contain}
.product-first .workflow-settings{order:-1}.product-first .workflow-result{width:100%;max-width:290px;justify-self:center;margin-inline:auto;aspect-ratio:9/16}
.product-first .workflow-result img{height:100%;object-fit:contain}.product-first .workflow-modes[hidden]{display:none!important}
.workflow-inline-video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;border-radius:6px}
.product-first .workflow-result:has(video)>img{display:none}
.product-first .workflow-result .workflow-zoom{display:none}
.product-first .workflow-settings{max-width:420px;width:100%;margin-inline:auto}
.product-first .workflow-footer>.action{display:none}
.product-first .product-section{display:none}
.demo-stage:has(.interactive-demo){background:#e8f2ec;padding:24px;color:#182323}
.interactive-demo{display:grid;grid-template-columns:minmax(0,304px) minmax(0,260px);justify-content:center;align-items:center;gap:24px;width:100%}
.interactive-screen{position:relative;aspect-ratio:9/16;width:100%;max-width:304px;justify-self:center;background:#101714;overflow:hidden;border-radius:6px}
.demo-stage .interactive-screen video{width:100%;height:100%;max-height:none;display:block;object-fit:contain}
.interactive-caption{position:absolute;bottom:25%;left:4%;width:92%;box-sizing:border-box;text-align:center;white-space:pre-line;pointer-events:none;font-family:Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;letter-spacing:0}
.interactive-caption[data-style=boxed]:not(:empty){background:#101714e8;padding:6px;border-radius:3px}
.interactive-settings{display:grid;gap:20px;min-width:0}.interactive-settings label{display:grid;gap:8px;font-size:16px;font-weight:600}
.interactive-settings select{width:100%;min-width:0;font:inherit;min-height:44px;background:#fff;border:1px solid #91a79d;border-radius:4px;padding:8px;color:#182323}
.interactive-settings fieldset{border:0;padding:0;margin:0;display:flex;gap:10px}.interactive-settings legend{font-size:16px;font-weight:600;margin-bottom:8px}
.demo-swatch{width:44px;height:44px;flex:none;border:2px solid #63796e;border-radius:50%;cursor:pointer}.demo-swatch[aria-pressed=true]{outline:3px solid #176653;outline-offset:3px}
.interactive-settings input[type=range]{width:100%;min-height:44px;accent-color:#176653;margin:0}.interactive-settings output{font-size:14px}
.demo-reset{min-height:44px;font:inherit;background:white;color:#176653;border:1px solid #176653;border-radius:4px;cursor:pointer}
.interactive-settings .demo-overlay-toggle{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;grid-column:1/-1}
.demo-overlay-toggle input{width:20px;height:20px;flex:none;margin:0;accent-color:#176653}
.interactive-settings :is(button,select,input):focus-visible{outline:3px solid #238bce;outline-offset:4px}
.interactive-disclosure{grid-column:1/-1;font-size:14px;line-height:1.5;margin:0}
.interactive-result{grid-template-columns:minmax(0,304px)}
.tiktok-top{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 9px 24px;background:linear-gradient(#101714c9,transparent);color:white;pointer-events:none}
.tiktok-brand{display:flex;align-items:center;gap:4px;font:700 14px Arial,sans-serif;white-space:nowrap}.tiktok-label{max-width:114px;font:500 10px/1.4 Arial,sans-serif;text-align:right;padding:2px 5px;border:1px solid #ffffff80;border-radius:3px;background:#10171480;overflow-wrap:anywhere}
.tiktok-rail{position:absolute;right:8px;top:45%;display:grid;gap:14px;color:#fff}.tiktok-rail>span{display:grid;place-items:center;width:26px;height:26px;filter:drop-shadow(0 1px 2px #0009)}
.product-first .tiktok-preview .tiktok-brand img{width:18px;height:18px;filter:brightness(0) invert(1) drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.product-first .tiktok-preview .tiktok-rail img{width:23px;height:23px;filter:brightness(0) invert(1)}
.tiktok-preview .interactive-caption{left:5%;width:77%;bottom:22%;font-size:18px}
.tiktok-preview .preview-brand{font-size:13px;text-shadow:0 1px 3px #000}.tiktok-preview .preview-transport{padding-top:25px}
.still-editor video{pointer-events:none}
.interactive-screen [data-demo-placement]{position:absolute;bottom:auto!important;transform:translate(-50%,-50%);touch-action:none;user-select:none}
.interactive-screen .interactive-caption[data-demo-placement]{width:max-content;max-width:76%;min-height:44px;pointer-events:auto;cursor:grab;z-index:3}
.interactive-screen [data-demo-placement]:focus-visible{outline:2px dashed #b4f272;outline-offset:6px}
.demo-movable-overlay{display:flex;align-items:center;gap:6px;max-width:88%;font:700 11px/1.2 Arial,sans-serif;color:#173c30;z-index:3;cursor:grab}
.demo-movable-overlay[hidden]{display:none}
.demo-movable-overlay span{padding:8px 7px;background:#fff;border-radius:4px;text-align:center}
.product-first .interactive-screen .demo-movable-overlay img{width:27px;height:27px;max-width:27px;object-fit:contain;flex:none;aspect-ratio:1;border-radius:0}
.tiktok-preview [data-demo-placement]{pointer-events:none;cursor:default}
.interactive-screen .result-playback{position:absolute;inset:0;z-index:5;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:white;cursor:pointer}
.result-paused-symbol{font:64px/1 Arial,sans-serif;opacity:.8;filter:drop-shadow(0 2px 8px #0008)}
.result-paused-symbol[hidden]{display:none}
.result-playback:focus-visible{outline:3px solid #b4f272;outline-offset:-4px}
.product-first #styles[hidden]{display:none!important}
.product-first .hero-trial{max-width:520px;width:100%}.product-first .hero-trial>a.demo-action{display:flex;color:white;padding:12px 18px;box-sizing:border-box}
.hero-trial details{margin-top:8px;font-size:14px;line-height:1.6}.hero-trial summary,.future-tools summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;box-sizing:border-box;font-weight:600}
.hero-trial details p{margin:0}.future-tools>h2{font-size:20px}.future-tools{border-top:1px solid #bdcec5;padding:8px 0}.future-tools summary:focus-visible,.hero-trial summary:focus-visible{outline:2px solid #176653;outline-offset:3px}
.product-first #workflow-showcase[data-interactive-language] :is(.workflow-style,.workflow-result){display:block;width:100%;max-width:224px;height:auto;aspect-ratio:9/16;margin-inline:auto;overflow:hidden;background:#101714;box-shadow:0 4px 16px #102c201a;border-radius:8px}
#workflow-showcase[data-interactive-language] :is(.workflow-style,.workflow-result)>:is(img,video,.workflow-zoom),#workflow-showcase[data-interactive-language] .workflow-settings{display:none!important}
.compact-demo{display:block;width:100%;height:100%}.compact-demo .interactive-screen{width:100%;height:100%;max-width:none;border-radius:8px}
.compact-demo video{display:block;width:100%;height:100%;object-fit:cover}
.compact-demo .interactive-caption{bottom:25%;font-size:18px}
.preview-transport{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;padding:8px;background:linear-gradient(transparent,#101714e8);color:white}
.preview-brand{margin-right:auto;font-size:14px;font-weight:700;letter-spacing:0}
.preview-transport button{width:44px;height:44px;flex:none;border:1px solid #ffffff50;border-radius:50%;background:#101714aa;color:white;font:700 19px Arial;cursor:pointer}
.preview-transport button:focus-visible{outline:3px solid #b4f272;outline-offset:2px}
.product-first .homepage-settings{order:-1;width:100%;max-width:280px;margin:4px auto 12px;gap:10px;grid-template-columns:1fr 1fr;align-items:start}
.homepage-settings>label:first-child{grid-column:1/-1}.homepage-settings label,.homepage-settings legend{font-size:14px}.homepage-settings fieldset{gap:7px;flex-wrap:wrap}.homepage-settings .demo-swatch{width:36px;height:36px}.homepage-settings .demo-reset{grid-column:1/-1}.homepage-settings output{line-height:1}
@media(max-width:600px){.demo-stage:has(.interactive-demo){padding:16px 8px}.interactive-demo{grid-template-columns:minmax(0,1fr);gap:20px}.interactive-settings{width:100%;max-width:360px;justify-self:center}.interactive-screen{max-width:280px}}
/* Retain a real source frame until the browser has decoded the video. */
.product-first .interactive-screen .demo-loading-poster,.interactive-screen .demo-loading-poster{position:absolute;inset:0;display:none;width:100%;height:100%;max-height:none;object-fit:cover;pointer-events:none;border-radius:0}
.product-first .interactive-screen.awaiting-video-frame .demo-loading-poster,.interactive-screen.awaiting-video-frame .demo-loading-poster{display:block}
.interactive-screen.awaiting-video-frame video{opacity:0}
.product-first .hero-trial .trial-value,#launch .trial-value{font-size:14px;line-height:1.6;font-weight:600;max-width:560px;margin:0 0 12px;color:#24483d}
/* Progressive disclosure keeps the homepage editor compact without removing controls. */
.homepage-settings>fieldset,.homepage-settings>.demo-more-options{grid-column:1/-1}
.demo-more-options{border-top:1px solid #c0d2c7;min-width:0}
.demo-more-options summary{cursor:pointer;min-height:44px;padding:12px 0;box-sizing:border-box;font-size:14px;font-weight:600;color:#176653}
.demo-more-options summary:focus-visible{outline:2px solid #176653;outline-offset:2px}
.demo-advanced-settings{display:grid;gap:8px;padding-top:4px}
.product-first .hero-trial .next-step-heading{font-size:20px;line-height:1.35;margin:0 0 12px}
/* Keep the interactive demo a single workflow, with distinct editor and output frames. */
.product-first #workflow-showcase[data-interactive-language] .workflow-step{position:relative;min-width:0}
.product-first #workflow-showcase[data-interactive-language] .workflow-number{display:flex;align-items:center;gap:10px;font-weight:700;color:#176653}
.product-first #workflow-showcase[data-interactive-language] .workflow-number::after{content:'';height:1px;background:#b9cdc2;flex:1}
.product-first #workflow-showcase[data-interactive-language] .workflow-media{box-shadow:0 3px 12px #102c2012;border:1px solid #b9cdc2;box-sizing:border-box}
.product-first #workflow-showcase[data-interactive-language] .workflow-style{border:4px solid #f8fcf9;outline:1px solid #b9cdc2;box-shadow:0 8px 20px #102c2014}
.product-first #workflow-showcase[data-interactive-language] .workflow-result{border:4px solid #17231e;outline:1px solid #52665c;box-shadow:0 10px 24px #102c2024}
.product-first .homepage-settings{padding:12px;box-sizing:border-box;border:1px solid #c0d2c7;border-radius:6px;background:#f6faf7;gap:8px;max-width:280px}
.homepage-settings label,.homepage-settings legend{font-size:12px;line-height:1.4}
.homepage-settings .demo-reset{font-size:13px}
.product-first .tiktok-preview .tiktok-top{bottom:32px;background:none;padding:8px}
.product-first .tiktok-preview .tiktok-brand{font-size:11px}
.product-first .tiktok-preview .tiktok-label{font-size:9px;max-width:95px}
.product-first .tiktok-preview .tiktok-rail{top:auto;bottom:24%;right:8px;gap:12px}
.product-first .workflow-footer{margin-top:16px}.product-first .workflow-details{margin-top:12px}.product-steps{display:none}
.product-first .workflow-style{height:280px;display:flex;justify-content:center}.product-first .workflow-style img{height:100%;width:auto;max-width:100%;object-fit:contain}
.product-first .workflow-footer{flex-wrap:wrap;align-items:flex-start}.product-first .workflow-footer>.workflow-note{flex-basis:100%;margin:0}.product-first .workflow-footer>.action{margin:0}
@media(max-width:760px){
 .product-first .intro .actions{display:block}.product-first .intro .actions>[data-demo-link]{display:flex;width:100%;box-sizing:border-box}
 .hero-trial{max-width:none;margin-top:12px;text-align:center}.hero-trial p{max-width:none}
 .product-first .intro #workflow-showcase{width:calc(100% - 32px);margin-top:16px;padding-top:20px}
 .product-first #workflow-showcase>h2{font-size:20px}
 .product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px}
 .product-steps button{min-width:0;min-height:44px;padding:8px 4px;font:inherit;font-size:13px;background:transparent;border:0;border-bottom:3px solid #c2d1c9;color:#24483d;overflow-wrap:anywhere;cursor:pointer}
 .product-steps button[aria-pressed=true]{border-color:#176653;font-weight:700}.product-steps button:focus-visible{outline:2px solid #176653;outline-offset:2px}
 .product-first .workflow-steps{display:block}.product-first .workflow-step{display:none}
 .product-first [data-active="0"] .workflow-step:nth-child(1),.product-first [data-active="1"] .workflow-step:nth-child(2),.product-first [data-active="2"] .workflow-step:nth-child(3){display:flex}
 .product-first .workflow-number,.product-first .workflow-step h3{display:none}
 .product-first .workflow-result{max-width:290px}.product-first .workflow-footer .action{width:100%;box-sizing:border-box;text-align:center}
}


.mobile-account-entry{display:none!important}
@media(max-width:760px){.intro .actions .mobile-account-entry{display:flex!important;align-items:center;justify-content:center;min-height:44px;width:100%;flex-basis:100%;background:none;border:0;box-shadow:none;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:4px 8px;white-space:normal;text-align:center}}