.pricing-row {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;column-gap:.75rem;row-gap:.45rem;
  padding:.65rem clamp(1rem,3cqw,2.5rem);
}
.landing-page .pricing-row > .plan-preview {
  grid-column:1 / 5;grid-row:1 / 4;align-self:stretch;
  display:grid;grid-template-rows:subgrid;
  min-width:0;width:100%;margin:0;padding:0;border:0;
}
.plan-cards {min-width:0;container:plan-content / inline-size}
.landing-page .pricing-row .pricing-heading h2 {font-size:1.3rem;margin:0}
.plans-title-row {display:flex;align-items:baseline;gap:.65rem;min-width:0}
.plans-title-row h2 {flex:none}
.plans-tagline {min-width:0;color:#f5f5f5;font-size:.95rem;font-weight:400;line-height:1.3}
.pricing-row .billing-toggle {display:block;font-size:.8rem;padding:.5rem .7rem;width:calc((100% - 2.25rem)/4);min-width:12rem;min-height:3.8rem;border:0;background:#000}
.pricing-row .billing-toggle legend {float:left;width:100%;padding:0;margin:0 0 .3rem;font-size:.8rem;line-height:1.2;color:#ddd}
.pricing-row .billing-toggle input {accent-color:#ddd}
.pricing-row .billing-toggle > div {display:flex;clear:both;gap:.85rem;align-items:center}
.pricing-row #billing-description {font-size:.7rem;margin:.25rem 0 0;color:#aaa}
.landing-page .pricing-row .plan-disclaimer {margin:0}
.landing-page .pricing-row .plan-card {padding:.65rem;gap:.2rem;background:#000;border-color:#ffffff24;box-shadow:none}
.landing-page .pricing-row .plan-card:hover {background:#090909;border-color:#ffffff60;box-shadow:none}
.landing-page .pricing-row .plan-card header > span {background:none;border-color:transparent;color:#aaa;font-size:.6rem;padding:.1rem 0}
.landing-page .pricing-row .plan-card ul {gap:.1rem;margin:.25rem 0 0;color:#bdbdbd}
.landing-page .pricing-row .plan-card li {line-height:1.35}
.landing-page .pricing-row .plan-card li::before {color:#bcbcbc}
.landing-page .pricing-row .plan-card-free li::before {color:#67d99a}
.landing-page .pricing-row .plan-card-pro {background:#0b0b0b;border-color:#d5ccb5}
.landing-page .pricing-row .plan-card-pro header > span {color:#e9dcc0!important;border-color:#a89a77!important;background:#c5b58d0d;padding:.1rem .3rem}
.landing-page .pricing-row .plan-card > p,
.landing-page .pricing-row .plan-card li {font-size:.75rem}
.landing-page .pricing-row .plan-card > p {color:#ccc}
.landing-page .pricing-row .plan-card > .plan-price {font-size:1.5rem;margin:.3rem 0 .15rem;color:#f2f2f2}
.landing-page .pricing-row .plan-grid {grid-template-columns:repeat(4,minmax(0,1fr));height:100%}
.landing-page .pricing-row > .topup-section {
  grid-column:5;grid-row:1 / 3;align-self:stretch;
  display:grid;grid-template-rows:subgrid;
  min-width:0;width:100%;margin:0;padding:0;border:0;background:none;
}
.topup-heading,.topup-options {padding:.65rem;border:1px solid #ffffff24;border-radius:.3rem;background:#000}
.topup-heading {display:flex;flex-direction:column;justify-content:center;align-self:end;min-height:3.8rem;padding:.5rem .7rem;border:0}
.topup-options {align-self:stretch;display:flex;flex-direction:column;color:#bbb}
.landing-page .pricing-row .topup-heading p,.landing-page .pricing-row .topup-options > p:first-child {margin-top:0}
.landing-page .pricing-row .topup-section h2 {display:flex;align-items:center;gap:.45rem;font-size:.85rem;margin:.25rem 0 0;line-height:1.2}
.topup-heading .credit-stack-icon {width:1.2rem;height:1.2rem;flex:none}
.pricing-row .topup-section .eyebrow {font-size:.52rem;letter-spacing:.07em}
.pricing-row .topup-section p {font-size:.75rem;line-height:1.35}
.landing-page .pricing-row .topup-packs {grid-template-columns:minmax(0,1fr);gap:.1rem;margin:.3rem 0;flex:1}
.pricing-row .topup-packs li {display:block;padding:0;border:0;font-size:.75rem}
.pricing-row .topup-packs a {display:flex;justify-content:space-between;align-items:center;gap:.5rem;height:100%;padding:.3rem .15rem;border-radius:.25rem}
.pricing-row .topup-packs a:hover {color:#fff;background:#ffffff0d}
.pricing-row .topup-packs strong {font-size:.75rem}
.landing-page .pricing-row .topup-section .section-note {font-size:.65rem;margin:0;color:#aaa}
.pricing-row .topup-section .section-link {font-size:.75rem}
@container plan-content (max-width:47rem) {
  .landing-page .pricing-row .plan-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container plan-content (max-width:26rem) {
  .landing-page .pricing-row .plan-grid {grid-template-columns:minmax(0,1fr)}
}
@container landing-content (min-width:54.01rem) {
  .pricing-row .plan-header {position:relative}
  .pricing-row .pricing-heading {min-height:3.8rem;padding-right:calc((100% - 2.25rem)/4 + .75rem)}
  .pricing-row .billing-toggle {position:absolute;right:0;bottom:-.45rem;margin:0}
  .pricing-row #billing-description {max-width:calc(100% - (100% - 2.25rem)/4 - .75rem)}
  .pricing-row .topup-heading {margin-bottom:-.45rem}
}
@container landing-content (max-width:54rem) {
  .pricing-row {grid-template-columns:minmax(0,1fr);gap:.75rem}
  .landing-page .pricing-row > .plan-preview {grid-column:auto;grid-row:auto;display:block}
  .pricing-row #billing-description {margin-bottom:.75rem}
  .landing-page .pricing-row .plan-disclaimer {margin-top:.75rem}
  .landing-page .pricing-row > .topup-section {grid-column:auto;grid-row:auto;grid-template-rows:auto auto;gap:0}
}
:is(#creative-benefits-toggle,#plans-toggle) {display:flex;align-items:center;gap:.6rem;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
#creative-benefits-toggle {justify-content:space-between;width:100%}
#plans-toggle {gap:.4rem}
:is(#creative-benefits-toggle,#creative-benefits-heading,#creative-benefits-list,#plans-toggle,#plans-heading,#plan-billing-options,#billing-description,#plan-cards,#plan-disclaimer)[hidden] {display:none}
:is(#creative-benefits-toggle,#plans-toggle) svg {width:.85rem;height:.85rem;flex:none}
:is(#creative-benefits-toggle,#plans-toggle)[aria-expanded="true"] svg {transform:rotate(180deg)}
:is(#creative-benefits-toggle,#plans-toggle):focus-visible {outline:1px solid #aaa;outline-offset:3px}
.creative-benefits > li {display:flex;align-items:baseline;gap:.75rem;color:#fff}
.creative-benefits > li[data-benefit-tier="free"]::before {color:#67d99a}
.creative-benefits > li[data-benefit-tier="paid"]::before {color:#8ec8ff}
.creative-benefits > li[data-benefit-tier="store"]::before {color:#c6ab73}
.creative-benefits > li::before {flex:none;margin-right:0;color:inherit}
.benefit-label {min-width:0}
.creative-heading {display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .65rem}
.creative-heading h2 {flex:none;margin:0}
.landing-page .creative-tagline {margin:0;color:#fff;font-size:.85rem;line-height:1.35;flex:1 1 16rem}
.landing-page #public-ai-availability {position:relative;top:4px;margin-bottom:0}
.creative-feature-columns {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.8rem;margin-top:calc(.7rem + 4px)}
.creative-feature-column {min-width:0}
.creative-feature-column h3 {display:flex;align-items:center;gap:.4rem;margin:0;color:#d1d1d1;font-size:.75rem;letter-spacing:.09em;font-weight:600}
.creative-feature-column h3 svg {width:1rem;height:1rem;flex:none;color:#bbb}
.creative-feature-column h3 > span,.creative-feature-toggle {display:flex;align-items:center;gap:.4rem}
.creative-feature-toggle {min-height:44px;padding:0 .5rem;border:0;font:inherit;letter-spacing:inherit;cursor:pointer}
.creative-feature-toggle[hidden],.creative-feature-column h3 > span[hidden],.creative-feature-column .creative-benefits[hidden] {display:none}
#free-features-title svg {color:#67d99a}
#plans-features-title svg {color:#d4af37}
@media(max-width:48rem) {
  .creative-feature-column:has(.creative-feature-toggle[aria-expanded="false"]) .creative-benefits {display:none}
}
.landing-page .creative-feature-column .creative-benefits {gap:.27rem;margin:.5rem 0 0;font-size:.78rem;line-height:1.35}
.landing-page .creative-feature-column .creative-benefits > li {display:flex;align-items:baseline;gap:.4rem;min-height:1.1rem;color:#e7e7e7}
.landing-page .creative-feature-column .creative-benefits > li::before {content:none}
.landing-page .benefit-free-check {color:#67d99a;font-size:.8rem}
.landing-page .feature-panel.feature-info-panel {position:fixed;inset:auto;margin:0;padding:1rem 2rem 1rem 1rem;max-height:calc(100dvh - 96px);overflow:auto;background:#101113ed;border:1px solid #ffffff30;border-radius:.5rem;backdrop-filter:blur(12px);color:#ddd;box-shadow:0 10px 32px #0008}
.landing-page .feature-panel.feature-info-panel h2 {margin:0;font-size:1rem;line-height:1.3}
.feature-info-panel p {margin:.55rem 0 0;font-size:.85rem;line-height:1.5}
.feature-info-panel img {display:block;width:100%;height:auto;max-height:18rem;object-fit:contain;margin-top:.65rem}
@media(max-width:28rem) {.creative-feature-columns {grid-template-columns:minmax(0,1fr);gap:1rem}}
.benefit-trigger {display:grid;place-items:center;flex:none;align-self:baseline;width:1rem;height:1rem;padding:0;border:1px solid #ffffff60;border-radius:50%;color:inherit;background:none;font:600 .65rem/1 Georgia,serif;cursor:pointer}
.benefit-trigger:hover,.benefit-trigger[aria-expanded="true"] {color:#fff;border-color:#ffffffb0;background:#ffffff15}
.benefit-trigger:focus-visible {outline:2px solid var(--blue-bright);outline-offset:3px}
.benefit-panel p {margin:.65rem 0}
.benefit-panel p:last-child {margin-bottom:0}
.benefit-mode-list {margin:.8rem 0;font-size:.8rem}
.benefit-mode-list > div {display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.65rem;margin:.35rem 0}
.benefit-mode-list dt {font-weight:600;color:#e4eef7}
.benefit-mode-list dd {margin:0}
.benefit-region-art {float:right;width:5.5rem;height:5.5rem;object-fit:contain;margin:0 0 .5rem 1rem}
.benefit-flow {display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0;margin:1rem 0 0;list-style:none;font-size:.75rem;color:#c8dced}
.benefit-flow li + li::before {content:"→";margin-right:1rem;color:var(--blue-bright)}
.landing-page .feature-panel {
  position:absolute;inset:auto;margin:0;
  width:min(48rem,calc(100vw - 2rem));max-width:none;
  max-height:calc(100dvh - 2rem);overflow-y:auto;
  padding:2.4rem 1.25rem 1.25rem;border:1px solid #ffffff35;border-radius:.5rem;
  color:#b6c6d4;background:rgba(0,0,0,.8);backdrop-filter:blur(14px);
  box-shadow:0 .75rem 2.5rem #0008;font-size:.85rem;line-height:1.5;
}
.feature-panel[popover]:not(:popover-open) {display:none}
.feature-panel::backdrop {background:transparent;pointer-events:none}
.landing-page .feature-panel h2 {font-size:1.45rem;line-height:1.2;margin:.25rem 0 .65rem;text-wrap:balance}
.landing-page .feature-panel h3 {font-size:.95rem}
.landing-page .feature-panel .eyebrow {font-size:.55rem;letter-spacing:.1em}
.feature-close {
  position:absolute;top:.45rem;right:.55rem;width:1.8rem;height:1.8rem;
  display:grid;place-items:center;padding:0;border:1px solid #ffffff30;border-radius:.25rem;
  color:#ddd;background:#0008;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer;
}
.feature-close:hover {color:#fff;border-color:#ffffff80}
.feature-close:focus-visible {outline:2px solid var(--blue-bright);outline-offset:3px}
.landing-page .feature-panel .editor-features {grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.feature-panel .editor-features article {padding:.1rem 0;border:0;border-radius:0;background:none}
.feature-panel .workflow-steps {min-width:0}
.landing-page .feature-panel .section-note {font-size:.75rem}
.feature-panel .generation-modes {font-size:.8rem}
.feature-panel .routing-note {margin:.75rem 0}
.feature-panel .fx-demonstration {width:min(100%,19rem)}
.landing-page .feature-panel-narrow.signature-section,
.landing-page .feature-panel-narrow.gallery-feature,
.landing-page .feature-panel-narrow .editor-features {grid-template-columns:minmax(0,1fr);gap:.85rem}
.feature-panel-narrow .editor-features article + article {border-top:1px solid var(--line);padding-top:.7rem}
@media(max-width:42rem) {
  .landing-page .feature-panel {padding:2.3rem 1rem 1rem;font-size:.85rem}
  .landing-page .feature-panel.signature-section,
  .landing-page .feature-panel.gallery-feature,
  .landing-page .feature-panel .editor-features {grid-template-columns:minmax(0,1fr);gap:.85rem}
  .landing-page .feature-panel h2 {font-size:1.3rem}
  .feature-panel .editor-features article + article {border-top:1px solid var(--line);padding-top:.7rem}
}