@layer atelier {
/* Real launch dates and real prices; one campaign shared by both pricing surfaces. */
:is(.wf-studio,.motion-landing) .launch-offer-banner{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:32px 36px;margin:28px 0 36px;background:var(--wf-ink);color:var(--wf-paper);border:1px solid var(--wf-accent-ink);border-radius:16px;box-shadow:0 12px 32px -22px var(--wf-accent-ink)}
:is(.wf-studio,.motion-landing) .launch-offer-banner:before{content:'';position:absolute;z-index:-1;width:350px;height:350px;right:-150px;top:-180px;border:45px solid color-mix(in srgb,var(--wf-paper) 7%,transparent);border-radius:50%;transform:rotate(-20deg)}
:is(.wf-studio,.motion-landing) .launch-offer-copy :is(.section-kicker,.eyebrow){font:600 11px/1.5 var(--wf-mono);letter-spacing:.12em;color:#f7d49d;margin:0}
:is(.wf-studio,.motion-landing) .launch-offer-copy :is(h2,h3){font:400 clamp(27px,2.8vw,38px)/1.12 var(--wf-serif);letter-spacing:-1px;margin:16px 0}
:is(.wf-studio,.motion-landing) .launch-offer-copy p{font-size:12px;line-height:1.8;max-width:400px;margin:0;opacity:.85}
:is(.wf-studio,.motion-landing) .launch-offer-clock{border-left:1px solid color-mix(in srgb,var(--wf-paper) 25%,transparent);padding-left:32px;min-width:0}
:is(.wf-studio,.motion-landing) .launch-offer-clock>span{display:block;font-size:11px;line-height:1.6;opacity:.85}
:is(.wf-studio,.motion-landing) .launch-offer-clock>strong{display:block;font:500 clamp(22px,2.4vw,32px)/1.3 var(--wf-sans);letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:14px 0;color:#f7d49d}
:is(.wf-studio,.motion-landing) .launch-offer-clock>small{display:block;font-size:10px;line-height:1.8;max-width:340px;opacity:.8}
html[data-theme=dark] :is(.wf-studio,.motion-landing) .launch-offer-banner{background:radial-gradient(ellipse at 70% 0,#5a3771,transparent 80%),#241c32;color:#f1f5f9;border-color:#75518e}
.wf-studio .plan-card .offer-promotion,.motion-landing .public-plan .offer-promotion{position:relative;margin:20px 0 12px;padding:18px;border:1px solid color-mix(in srgb,var(--wf-accent-ink) 48%,var(--wf-rule));border-radius:12px;background:color-mix(in srgb,var(--wf-accent-ink) 7%,var(--wf-surface))}
.wf-studio .plan-card .offer-badge,.motion-landing .public-plan .offer-badge{display:inline-block;padding:5px 9px;margin:0 0 10px;background:var(--wf-action);color:var(--wf-highlight-ink);border-radius:5px;font:600 10px/1.5 var(--wf-mono);letter-spacing:.02em}
.wf-studio .plan-card .offer-promotion .plan-price,.motion-landing .public-plan .offer-promotion .public-price{font-size:42px;line-height:1.1;margin:14px 0;letter-spacing:-2px}
.wf-studio .plan-card .offer-countdown,.motion-landing .public-plan .offer-countdown{font:600 12px/1.5 var(--wf-sans);color:var(--wf-accent-ink);padding-top:12px;border-top:1px solid color-mix(in srgb,var(--wf-accent-ink) 25%,var(--wf-rule));margin:12px 0 6px;font-variant-numeric:tabular-nums}
.wf-studio .plan-card .offer-standard,.motion-landing .public-plan .offer-standard{font-size:10px;line-height:1.7;color:var(--wf-muted);margin:0}
:is(.wf-studio,.motion-landing) [data-offer-state=closing] [data-offer-countdown]{font-weight:750}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended]{display:block;padding:20px 28px;background:var(--wf-soft);color:var(--wf-muted);border-color:var(--wf-rule);box-shadow:none}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended] .launch-offer-clock{border:0;padding:0}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended] strong{font:400 13px/1.7 var(--wf-sans);color:var(--wf-muted);letter-spacing:0;margin:0}
:is(.wf-studio,.motion-landing) .offer-promotion[data-offer-state=ended]{background:transparent;border-color:var(--wf-rule)}
@media(max-width:700px){:is(.wf-studio,.motion-landing) .launch-offer-banner{grid-template-columns:1fr;gap:24px;padding:26px;margin:24px 0 28px}:is(.wf-studio,.motion-landing) .launch-offer-clock{padding:20px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--wf-paper) 25%,transparent)}:is(.wf-studio,.motion-landing) .launch-offer-clock>strong{font-size:26px;margin:12px 0}:is(.wf-studio,.motion-landing) .launch-offer-copy :is(h2,h3){font-size:31px}}
}