/* Landing-only presentation. Shared editor and gallery styles stay unchanged. */
.landing-page {
  --surface: #101010;
  --paper: #f5f5f5;
  --muted: #aaa;
  --line: rgb(255 255 255 / .16);
  --blue: #fff;
  --blue-bright: #fff;
  color: var(--paper);
}
.landing-page .brand {font-weight:800;gap:.35rem}
.landing-page > .site-header {backdrop-filter:none}
.landing-page .brand-mark {border:0;background:linear-gradient(#fff,#fff) center / calc(100% - 4px) calc(100% - 4px) no-repeat;color:#000;font:1.1rem Georgia,"Times New Roman",serif;box-shadow:none}
.landing-page .brand > span:last-child > span {color:#aaa}
.landing-page :is(.header-navigation,.header-meta,.account-access summary) {color:#bbb}
.landing-page [data-editor-availability] i {flex:none;background:#888;box-shadow:none}
.landing-page [data-editor-availability="available"] i {background:#58d68d;box-shadow:0 0 .45rem #58d68d40}
.landing-page [data-editor-availability="unavailable"] i {background:#d88982;box-shadow:none}
.landing-page .header-meta a {color:#eee;border-color:#ffffff30;background:#000}
.landing-page .account-access {flex:none}
.landing-page .account-access summary {display:flex;justify-content:center;align-items:center;width:4.75rem;min-width:0;min-height:2.75rem;gap:.4rem;border-radius:.25rem;background:#000;line-height:1.25}
.landing-page .account-access summary > [hidden] {display:none}
.landing-page .account-access summary svg {flex:none}
.landing-page .account-access summary > span {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing-page .account-access summary > img {display:block;flex:none;width:1.75rem;height:1.75rem;object-fit:cover;border-radius:50%}
.landing-page .account-access summary:hover,.landing-page .account-access[open] summary {color:#fff;border-color:#ffffff80}
.landing-page .account-popover {
  display:grid;gap:.7rem;width:min(18rem,calc(100vw - 2rem));padding:1rem;
  border:1px solid #ffffff30;border-radius:.5rem;background:rgb(0 0 0 / .8);
  color:#fff;backdrop-filter:blur(18px);box-shadow:0 1rem 3rem #0008;
}
.landing-page .account-popover strong {margin:0;color:#fff;font-size:.85rem;font-weight:650}
.landing-page .account-popover p {margin:0;color:#bbb;font-size:.8rem;font-weight:400;line-height:1.5}
.landing-page .account-popover small {color:#999;font-size:.7rem;font-weight:400;line-height:1.5}
.landing-page .account-popover a {display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.6rem .8rem;font-size:.75rem;line-height:1.4;text-align:center;background:#ffffff0d}
.landing-page .account-popover a:hover {color:#fff;border-color:#ffffff80;background:#ffffff15}
@media(max-width:34rem) {
  /* The primary editor entry remains in the hero; keep identity readable. */
  .landing-page .header-meta > a {display:none}
}

.landing-page :is(.hero h1,.ai-benefit h2,.value-statement,.commercial-section h2,.commercial-section h3,.launch-explainer h2,.launch-explainer h3,.generation-modes dt,.workflow-steps strong,.plan-card h3,.topup-packs strong,.benefit-mode-list dt,.bundle-preview-caption h3) {color:#f5f5f5}
/* The slogan's original #9fcef9 highlight is deliberately left untouched. */
.landing-page :is(.hero-intro,.commercial-section,.launch-explainer,.commercial-section .section-note,.plan-disclaimer,.plan-price > span,.plan-card > small,.billing-toggle label,.bundle-showcase-heading p,.bundle-preview-label,.bundle-preview-caption span,.benefit-flow,.feature-panel,.feature-number,.fx-effect span,.fx-demonstration figcaption) {color:#aaa}
.landing-page :is(.commercial-section a.section-link,.plan-preview .plan-card small) {color:#eee;border-color:#ffffff50}
.landing-page .feature-panel a {color:#fff}
.landing-page .creative-benefits > li::before,.landing-page .pricing-row .plan-card li::before {color:#bbb}
.landing-page .creative-benefits {color:#fff}
.landing-page .pricing-row .plan-card:focus-visible {border-color:#fff;box-shadow:0 0 0 3px #ffffff20}
.landing-page .pricing-row .plan-card-pro {border-color:#ffffff70}
.landing-page .pricing-row .plan-card-pro header > span {color:#fff!important;border-color:#ffffff40!important;background:#ffffff0a}
.landing-page .billing-toggle {border-color:#ffffff30}
.landing-page .billing-toggle input {accent-color:#fff}
.landing-page :is(.fx-demonstration,.editor-features article,.gallery-feature) {background:#080808;border-color:#ffffff24}
.landing-page :is(.fx-effect + .fx-effect,.fx-demonstration figcaption,.routing-note) {border-color:#ffffff30}
.landing-page :is(.eyebrow,.plan-preview-heading p,.plan-preview-heading h2,.bundle-scroll,.recent-work-nav) {color:#bbb}
.landing-page > footer,.landing-page > footer > span {color:#888}

.landing-page :is(.customer-generation-gallery,.recent-gallery-dialog,.home-start-dialog.editor-start-dialog,.feature-panel) {
  color:#f5f5f5;border-color:#ffffff35;background:rgb(0 0 0 / .8);
  backdrop-filter:blur(18px);box-shadow:0 1.5rem 5rem #0008;
}
.landing-page :is(.customer-generation-gallery,.recent-gallery-dialog) {width:min(92vw,84rem);height:min(86dvh,56rem);max-width:none;max-height:none;border-radius:.65rem;padding:1.25rem}
.landing-page:has(.customer-generation-gallery[open]) {overflow:hidden}
.landing-page :is(.customer-generation-gallery,.recent-gallery-dialog)::backdrop {background:rgb(0 0 0 / .35);backdrop-filter:blur(10px)}
.landing-page :is(.customer-generation-gallery,.recent-gallery-dialog) h2 {color:#fff;font-size:1.4rem;line-height:1.3}
.landing-page .customer-generation-gallery > header {padding-bottom:1rem;border-bottom:1px solid var(--line)}
.landing-page :is(.generation-date,.generation-status,.generation-empty,.recent-gallery-heading p,.recent-gallery-state p,.recent-project p,.recent-project h3,.recent-work-preview-media) {color:#bbb}
.landing-page .customer-generation-gallery footer {color:#aaa;background:transparent;border-color:#ffffff24;padding:0}
.landing-page :is(.generation-card .recent-work-preview,.recent-work-preview,.recent-project,.recent-project-info) {background:#080808;border-color:#ffffff24}
.landing-page :is(#home-start-close,.customer-generation-gallery > footer button,.generation-open,.home-start-dialog button) {color:#eee;border-color:#ffffff30;background:#ffffff08}
.landing-page :is(#recent-gallery-close,#home-start-close) {width:44px;height:44px;flex:none}
.landing-page :is(#home-start-close,.customer-generation-gallery > footer button,.generation-open,.home-start-dialog button):hover {color:#fff;border-color:#ffffff80;background:#ffffff14}
.landing-page #home-start-close,
.landing-page #home-start-close:is(:hover,:active) {border:0;background:transparent;box-shadow:none;color:#bbb;transform:none}
.landing-page #home-start-close:focus-visible {outline:1px dotted #888;outline-offset:2px}
.landing-page .recent-gallery-list .recent-project .recent-project-reopen:hover {background:linear-gradient(0deg,#000e,transparent 65%)}
.landing-page .home-start-dialog :is(p,small,label,legend,label > span) {color:#aaa}
.landing-page .home-start-dialog :is(input,select) {color:#fff;border-color:#ffffff30;background:#080808}
.landing-page :focus-visible,.landing-page #account-generations :focus-visible {outline-color:#fff}
.landing-page :is(.customer-generation-gallery,.recent-gallery-dialog,.recent-work-list) {scrollbar-color:#777 #151515}
.landing-page .recent-work-list[data-carousel="true"]::-webkit-scrollbar-track {background-color:#151515}
.landing-page .recent-work-list[data-carousel="true"]::-webkit-scrollbar-thumb {background-color:#777}
.landing-page .recent-work-list[data-carousel="true"]::-webkit-scrollbar-thumb:hover {background-color:#aaa}
@media(max-width:42rem) {
  .landing-page :is(.customer-generation-gallery,.recent-gallery-dialog) {width:94vw;height:90dvh;padding:.85rem}
  .landing-page :is(.customer-generation-gallery,.recent-gallery-dialog) h2 {font-size:1.15rem}
}