/* Commercial V1: preserve the dark blue visual identity and Recent Work. */
.hero {padding-block:1rem;row-gap:1rem}
.hero-copy {padding-top:0}
.hero h1 {margin-bottom:.65rem}
.hero .eyebrow {margin-bottom:.65rem}
.hero-artwork {height:clamp(19rem,26vw,25rem);margin-top:-1rem}
.hero-action-panel {padding:.6rem;bottom:.6rem}
.creative-benefits {margin:.65rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem;color:#c1d8ec;font-size:.9rem;line-height:1.5}
.creative-benefits li::before {content:"+";color:var(--blue-bright);margin-right:.75rem}
.commercial-section, main > .launch-explainer {width:min(100%,100rem);margin:0 auto;padding:1.5rem clamp(1rem,6vw,6rem);line-height:1.5;color:#abbccd}
.commercial-section h2, .launch-explainer h2 {font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.15;letter-spacing:-.025em;color:#eef6ff;margin:.3rem 0 .65rem}
.commercial-section p, .launch-explainer p {margin:.5rem 0}
.commercial-section .eyebrow, .launch-explainer .eyebrow {margin:0 0 .5rem}
.commercial-section h3, .launch-explainer h3 {margin:.35rem 0 .5rem;color:#eef6ff}
.commercial-section a.section-link {display:inline-block;color:#8ec8ff;border-bottom:1px solid #477ba7;padding:.25rem 0}
.signature-section {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;border-top:1px solid var(--line)}
.fx-demonstration {align-self:center;justify-self:center;width:min(100%,22rem);margin:0;min-width:0;border:1px solid #294762;background:radial-gradient(ellipse at center,#10273c,#05090e 70%);border-radius:.6rem;overflow:hidden}
.fx-columns {display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.fx-effect {min-width:0;text-align:center;padding-bottom:.4rem}
.fx-effect + .fx-effect {border-left:1px solid #29476280}
.fx-effect canvas {display:block;width:100%;height:auto}
.fx-effect span {display:block;color:#bfdaef;font-size:clamp(.6rem,1.2vw,.8rem);line-height:1.5}
.fx-demonstration figcaption {margin:0;border-top:1px solid #29476280;text-align:center;color:#90abc2;font-size:.65rem;padding:.4rem .5rem}
.editor-features {gap:1rem}.editor-features article {background:linear-gradient(145deg,#101c28,#060b11);padding:1rem}
.feature-number {font-family:monospace;color:#5da6e6;font-size:.8rem}.commercial-section .section-note {font-size:.85rem;margin-top:.75rem;color:#98acc0}
.gallery-feature {display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:linear-gradient(100deg,#070d13,#0c1722)}
.workflow-steps {list-style:none;margin:0;padding:0;align-self:center;counter-reset:step}
.workflow-steps li {counter-increment:step;border-top:1px solid var(--line);padding:.6rem 0;display:grid;grid-template-columns:2.5rem 1fr;gap:.15rem}
.workflow-steps li::before {content:"0" counter(step);grid-row:span 2;color:var(--blue-bright);font-family:monospace}.workflow-steps strong {color:#e2edf7}.workflow-steps span{font-size:.8rem}
.routing-note {border-left:2px solid #58a6ed;padding:.15rem .85rem;margin:1rem 0;max-width:58rem}
.generation-modes {margin:.85rem 0;border-top:1px solid var(--line);font-size:.9rem}
.generation-modes > div {display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--line)}
.generation-modes dt {color:#eef6ff;font-weight:700}
.generation-modes dd {margin:0;line-height:1.5}
.pricing-heading {display:flex;gap:1rem;justify-content:space-between;align-items:center}.billing-toggle {display:flex;border:1px solid #38536a;border-radius:.4rem;gap:1rem;padding:.35rem .75rem;margin:0;flex-shrink:0}
.billing-toggle legend {font-size:.75rem}.billing-toggle label {cursor:pointer;color:#c9deef}.billing-toggle input {accent-color:#69b7ff;margin-right:.4rem}
.plan-preview .plan-grid {grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:none;gap:1rem}
.plan-preview .plan-card {grid-area:auto;min-height:0;gap:.25rem;padding:1rem;transition:border-color .15s,background .15s;transform:none}
.plan-preview .plan-card header {flex-wrap:wrap;gap:.4rem;min-height:0;margin-bottom:0}.plan-preview .plan-card h3 {margin:0;font-size:1.1rem;text-transform:none;letter-spacing:0}
.plan-preview .plan-card header > span {font-size:.65rem;white-space:normal}.plan-preview .plan-card > .plan-price {font-size:1.85rem;margin:.45rem 0 .25rem}
.plan-preview .plan-card > p, .plan-preview .plan-card li {font-size:.8rem;line-height:1.5}.plan-preview .plan-card > p {margin:0}.plan-preview .plan-card ul {gap:.2rem;margin:.35rem 0 .5rem}.plan-preview .plan-card small {margin-top:auto;padding-top:.25rem;color:#85bdef}
.plan-preview .plan-card-pro {border-color:#67b6ff;background:linear-gradient(145deg,#142b42,#080f18);box-shadow:0 0 2rem #257ec215}
.plan-card-pro header > span {color:#badaff!important;border-color:#5695cc!important}.plan-preview .plan-disclaimer {max-width:65rem;line-height:1.5;margin-top:.75rem}
#billing-description {font-size:.85rem;margin:.4rem 0 .75rem}.topup-section {border-top:1px solid var(--line)}.topup-packs {list-style:none;margin:.75rem 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.topup-packs li {padding:.65rem .8rem;border:1px solid var(--line);display:flex;justify-content:space-between;gap:.5rem}.topup-packs strong{color:#e4eff9;font-size:.9rem}
.launch-explainer details {margin-top:.6rem}
.recent-work {padding:1.5rem clamp(1rem,6vw,6rem)}
.recent-work-heading {padding-bottom:.65rem}
.recent-work-carousel {margin-top:.65rem}
.recent-work-list, .recent-work-state {min-height:0}
.recent-work-state {grid-template-rows:auto auto;padding:1rem}
.recent-work-list[data-carousel="true"] {padding-block:.75rem}
@media(max-width:68rem){.plan-preview .plan-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.signature-section,.gallery-feature{gap:1.5rem}.pricing-heading{flex-wrap:wrap}.topup-packs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:42rem){.signature-section,.gallery-feature{grid-template-columns:minmax(0,1fr);gap:1rem}.commercial-section,main > .launch-explainer,.recent-work{padding-top:1.25rem;padding-bottom:1.25rem}.plan-preview .plan-grid{grid-template-columns:minmax(0,1fr)}.plan-preview .plan-card{min-height:0}.plan-preview .plan-card header{min-height:0}.topup-packs li{flex-direction:column}.hero h1{font-size:2.6rem}.hero-intro{font-size:.95rem}.hero-artwork{height:clamp(19rem,72vw,25rem);margin-top:0}}