/* One light canvas, with the native composer as the visual anchor. */
.desktop-nav > ul { display: flex; align-items: center; gap: inherit; }
.desktop-nav > ul,.nav-menu__panel,.mobile-nav__section ul,.site-footer__link-list,.site-footer__product-list { margin: 0; list-style: none; }
.desktop-nav > ul,.mobile-nav__section ul,.site-footer__link-list,.site-footer__product-list { padding: 0; }
.mobile-nav__section ul { display: grid; }
.site-footer__link-list li > a { display: block; }
.alt-capability-links > span { display: inline-flex; align-items: center; gap: .3em; color: var(--web-muted); font-size: 14px; white-space: nowrap; }
.alt-builder-actions button.web-button { font-family: inherit; cursor: pointer; }
.wp-readable { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html:not(.home-reveal-ready) .web-page [data-web-reveal] { opacity: 1; transform: none; }
@media(max-width:900px) {
  html:not(.home-navigation-ready) .web-page .global-header { position: relative; inset: auto; width: 100%; height: auto; margin: 16px auto; }
  html:not(.home-navigation-ready) .global-header__cluster { position: relative; left: auto; width: calc(100% - 32px); flex-wrap: wrap; justify-content: center; transform: none; }
  html:not(.home-navigation-ready) .desktop-nav { position: relative; display: flex; order: 1; width: 100%; }
  html:not(.home-navigation-ready) .desktop-nav .nav-menu { position: static; }
  html:not(.home-navigation-ready) .desktop-nav > ul { flex-wrap: wrap; justify-content: center; width: 100%; }
  html:not(.home-navigation-ready) .nav-toggle { display: none; }
  html:not(.home-navigation-ready) .home-announcement { position: static; margin: 16px 24px; }
  html:not(.home-navigation-ready) .alt-hero.web-ready-hero { padding-top: 40px; }
}
@media(max-width:700px) { .alt-capability-links > span { font-size: 15px; } }
[data-workspace-alternative] {
  overflow: visible;
}
[data-workspace-alternative] > .web-explanation-panel { overflow: visible; border-radius: 0; }
[data-workspace-alternative] .builder-story { padding-bottom: 72px; }

.alt-hero__composer .web-ready-composer { display: flex; flex-direction: column; justify-content: space-between; min-height: 144px; margin: 0; padding: 28px 18px 12px; border: 1px solid rgba(82,101,127,.12); border-radius: 22px; background: #fbfcfe; box-shadow: 0 2px 4px rgba(28,45,67,.015),0 18px 42px -28px rgba(28,45,67,.19); transform: none; }
.alt-hero__composer .web-ready-composer > label { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.alt-hero__composer .web-ready-composer textarea { width: 100%; min-height: 48px; height: 48px; padding: 0 12px; margin: 0; background: none; border: 0; resize: none; color: var(--web-ink); font: 400 15px/1.6 "DM Sans",sans-serif; }
.alt-hero__composer .web-ready-composer > button { display: flex; align-items: center; gap: 8px; align-self: flex-end; min-height: 36px; padding: 0 17px; border: 0; border-radius: 22px; background: #7499d8; color: white; font: 600 14px/1 "DM Sans",sans-serif; cursor: pointer; }
@media(max-width:700px) { .alt-hero__composer .web-ready-composer { padding-inline: 12px; } }
@media(max-width:639px) { .alt-hero__composer .web-ready-composer { min-height: 190px; } .alt-hero__composer .web-ready-composer > button { min-height: 44px; } }

/* The corridor has its own paint layer. Native controls never wait for it. */
.brand-intro { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; }
.brand-intro[hidden] { display: none; }
.brand-intro__backdrop { position: absolute; inset: 0; background: var(--web-base); }
.brand-intro > svg { position: relative; width: 180px; height: 180px; }
.brand-intro__surface { position: fixed; z-index: 2; box-sizing: border-box; transform-origin: center; pointer-events: none; opacity: 0; }
[data-brand-intro] :is([data-site-header],.home-announcement,#web-title,.alt-hero__composer > .web-ready-composer,.alt-hero__support,.alt-hero__artwork) { opacity: 0; }
[data-brand-intro] #web-title.web-ready-hero__chroma { opacity: 1; }
#web-title.web-ready-hero__chroma { will-change: auto; }
@media(prefers-reduced-motion:reduce) {
  .brand-intro { display: none; }
  [data-brand-intro] :is([data-site-header],.home-announcement,#web-title,.alt-hero__composer > .web-ready-composer,.alt-hero__support,.alt-hero__artwork) { opacity: 1; }
}
.alt-hero.web-ready-hero { position: relative; isolation: isolate; min-height: 818px; padding: 176px 24px 108px; }
.alt-hero__scene { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.alt-hero__artwork { position: absolute; top: 0; left: 0; margin: 0; overflow: hidden; border-radius: 5px; }
.alt-hero__artwork[hidden] { display: none; }
.alt-hero__artwork > img { display: block; width: 100%; height: auto; }
.alt-hero__artwork[data-hero-artwork="website"] { box-shadow: 0 2px 8px rgba(30,47,72,.08); }
.alt-hero__browser-bar { display: flex; align-items: center; gap: 4px; height: 16px; padding-left: 8px; background: #f8fafc; border-bottom: 1px solid rgba(30,47,72,.08); box-sizing: border-box; }
.alt-hero__browser-bar i { width: 3px; height: 3px; border-radius: 50%; background: #b5bfca; }
.alt-hero__center { position: relative; z-index: 3; width: min(680px,100%); margin: 0 auto; }
.alt-hero h1 { margin: 0; text-align: center; font-size: clamp(42px,4.2vw,60px); line-height: 1.06; letter-spacing: -.055em; }
.alt-hero__composer { width: min(600px,100%); margin: 30px auto 0; min-height: 224px; }
.alt-hero__description { max-width: 680px; margin: 24px auto 0; color: var(--web-muted); text-align: center; font: 400 14px/1.65 "DM Sans",sans-serif; text-wrap: balance; }
@media(min-width:1000px) { .alt-hero.web-ready-hero { padding-top: calc(176px + 20svh); } }
@media(min-width:1400px) { .alt-hero__scene { height: 818px; } }
@media(max-width:1399px) {
  .alt-hero.web-ready-hero { min-height: 0; padding-bottom: 280px; }
}
@media(max-width:1180px) {
  .alt-hero.web-ready-hero { padding-top: 174px; }
}
@media(min-width:1000px) and (max-width:1180px) {
  .alt-hero.web-ready-hero { padding-top: calc(174px + 20svh); }
}
@media(max-width:700px) {
  .alt-hero.web-ready-hero { min-height: 0; padding: 122px 16px 260px; }
  .alt-hero h1 { font-size: clamp(34px,8.7vw,43px); line-height: 1.04; }
  .alt-hero h1 > span { display: block; white-space: nowrap; }
  .alt-hero__composer { margin-top: 18px; min-height: 272px; }
  .alt-hero__description { line-height: 1.6; }
}
@media(max-width:639px) { .alt-hero__composer { min-height: 318px; } }
@media(max-width:359px) {
  .alt-hero.web-ready-hero { padding-top: 106px; }
  .alt-hero h1 { font-size: 32px; }
  .alt-hero__composer { margin-top: 14px; }
}

/* Copy roles remain on the existing section axes. */
.alt-capability-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; padding: 0 24px; margin: 24px auto 32px; }
.alt-capability-links a { color: var(--web-muted); font-size: 14px; text-underline-offset: 4px; }
.alt-builder-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 48px; max-width: 840px; margin: 48px auto 0; }
.alt-builder-actions > div { display: grid; grid-template-rows: subgrid; grid-row: span 3; justify-items: center; text-align: center; }
.alt-builder-actions h3 { margin: 0; font: 500 18px/1.35 "DM Sans",sans-serif; }
.alt-builder-actions p { margin: 0; color: var(--web-muted); font-size: 15px; line-height: 1.65; }
.alt-builder-actions .web-button { margin-top: 10px; }
.web-final__chroma span { display: inline-block; }
@media(max-width:700px) {
  .alt-builder-actions { gap: 24px; margin-top: 32px; }
  .alt-builder-actions h3 { font-size: 16px; }
  .alt-builder-actions p { font-size: 14px; }
}
@media(max-width:480px) {
  .alt-builder-actions { grid-template-columns: 1fr; }
  .alt-builder-actions > div { display: grid; grid-row: auto; grid-template-rows: none; gap: 12px; }
}

/* The native composer keeps its measured hero width while travelling. */
.wp-layer > .alt-hero__composer { margin: 0; min-height: 0; }

/* iPhone reading and navigation, scoped to this local homepage. */
@media(max-width:900px) {
  .web-page { --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-family: var(--sans); -webkit-text-size-adjust: 100%; }
  .web-page :is(p,li,a,button,input,textarea,summary,small) { font-family: var(--sans); }
  .web-page--announcement .global-header { top: calc(12px + var(--home-announcement-height) + env(safe-area-inset-top)); }
  .global-header__cluster { width: calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right))); max-width: 560px; justify-content: space-between; padding: 6px; }
  .global-header .brand,.nav-toggle { width: 44px; height: 44px; flex-shrink: 0; }
  .nav-toggle span { left: 13px; }
  .nav-toggle span:first-child { top: 18px; }
  .nav-toggle span:last-child { top: 25px; }
  .nav-toggle[aria-expanded="true"] span:first-child,.nav-toggle[aria-expanded="true"] span:last-child { top: 22px; }
  .mobile-nav { inset: 0; width: 100%; height: 100dvh; min-height: 0; max-height: 100dvh; padding: calc(88px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); border-radius: 0; background: var(--web-base); box-shadow: none; transform: translateY(-8px); }
  .mobile-nav__groups { overscroll-behavior-y: contain; scroll-padding-block: 16px; }
  .mobile-nav__section { padding: 20px 0; }
  .mobile-nav__section:first-child { padding-top: 8px; border-top: 0; }
  .mobile-nav__section > span { margin-bottom: 8px; color: #556176; font: 600 14px/1.5 var(--sans); letter-spacing: 0; text-transform: none; }
  .mobile-nav__section a { display: flex; align-items: center; min-height: 48px; padding: 10px 0; font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: -.015em; }
  .mobile-nav__footer { flex-shrink: 0; padding-top: 16px; border-top: 1px solid rgba(132,146,165,.18); }
  .mobile-nav__footer .nav-auth-split--mobile { grid-template-columns: minmax(0,1fr) minmax(120px,1fr); height: 56px; }
  .mobile-nav__footer :is(.nav-auth-split__sign-in,.nav-auth-split__download) { font: 600 16px/1.3 var(--sans); }
  .mobile-nav__footer .nav-auth-split__download { width: 100%; min-width: 0; }
  .is-nav-open .home-announcement { visibility: hidden !important; }
  .is-nav-open .global-header { top: calc(12px + env(safe-area-inset-top)); }
  .mobile-nav a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; border-radius: 6px; }
}
@media(max-width:700px), (max-width:900px) and (max-height:500px) {
  .web-page { --web-section-title-size: clamp(30px,8.2vw,36px); }
  .web-page--announcement .global-header { top: calc(16px + env(safe-area-inset-top)); }
  .home-announcement { position: absolute; top: calc(104px + env(safe-area-inset-top)); right: 24px; left: 24px; z-index: 1; justify-content: center; min-height: 44px; padding: 0; background: transparent; font-size: 14px; line-height: 1.5; text-align: center; }
  .home-announcement > span { text-wrap: balance; }
  .home-announcement__invite { display: inline; white-space: nowrap; }
  .alt-hero.web-ready-hero { padding-top: calc(188px + env(safe-area-inset-top)); }
  .alt-hero h1 { font-size: clamp(36px,10vw,44px); line-height: 1.08; letter-spacing: -.045em; }
  .alt-hero__composer { margin-top: 32px; min-height: 0; }
  .alt-hero__description { margin-top: 40px; font-size: 16px; line-height: 1.65; text-wrap: pretty; }
  .alt-hero__composer .web-ready-composer textarea { font-size: 16px; }
  .web-people__pin { padding-top: 104px; padding-bottom: 64px; }
  .web-people__pin::before { top: 64px; bottom: 24px; }
  .web-people__layout { row-gap: 40px; }
  .web-people__heading > p { margin-top: 24px; line-height: 1.65; }
  .web-people__heading h2 { line-height: 1.12; letter-spacing: -.04em; }
  .web-people__tabs button { font-size: 14px; }
  .wp-outgoing,.wp-response { font-size: 16px; line-height: 1.6; }
  .web-image-showcase { padding-top: 88px; padding-bottom: 80px; }
  .web-image-showcase__heading { gap: 24px; margin-bottom: 40px; }
  .web-image-showcase__heading h2 { font-size: var(--web-section-title-size); line-height: 1.12; letter-spacing: -.04em; }
  .web-image-showcase__heading p,.bs-heading > p,.alt-builder-actions p,.studio-heading p,.studio-feature > p,.studio-workspace-copy p,.web-pricing__heading p,.web-plan header p,.web-faq details p { font-size: 16px; line-height: 1.65; }
  .alt-capability-links { column-gap: 24px; row-gap: 8px; padding: 0; margin-bottom: 40px; }
  .alt-capability-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
  .alt-builder-actions h3 { font-size: 20px; line-height: 1.35; }
  .bs-heading > p { margin-top: 24px; }
  .bs-filmstrip { margin-top: 40px; }
  .alt-builder-actions { gap: 40px; margin-top: 40px; }
  .alt-builder-actions > div { row-gap: 20px; }
  .web-button,.web-plan-cta { min-height: 48px; font-size: 16px; }
  .web-studio { padding: 80px 0 104px; }
  .studio-heading { margin-bottom: 48px; }
  .studio-heading p,.web-pricing__heading p { margin-top: 24px; }
  .studio-features { gap: 32px; }
  .studio-feature:not(.studio-feature--workspace) { row-gap: 24px; padding-bottom: 32px; }
  .studio-feature--workspace { gap: 40px; padding-block: 32px; }
  .studio-workspace-copy p { margin-top: 24px; }
  .studio-heading h2 { font-size: var(--web-section-title-size); line-height: 1.12; }
  .studio-tool { font-size: 13px; }
  .studio-model-tabs button { min-width: 64px; min-height: 44px; font-size: 15px; }
  .studio-model-panel li { padding: 14px 8px; font-size: 14px; line-height: 1.4; }
  .studio-feature > p small { font-size: 14px; line-height: 1.5; }
  .web-pricing-toggle { margin-top: 40px; margin-bottom: 32px; }
  .web-pricing-toggle button { min-height: 44px; font-size: 16px; }
  .web-pricing__plans { gap: 24px; }
  .web-plan { padding: 28px 24px; }
  .web-plan-features li { font-size: 16px; line-height: 1.5; }
  .web-plan__billing,.web-plan-price > span,.web-plan-credits span,.web-pricing__note { font-size: 14px; line-height: 1.6; }
  .web-pricing__note { margin-top: 32px; }
  .web-faq { padding: 104px 0 80px; }
  .web-faq .web-section-heading { margin-bottom: 48px; }
  .web-faq summary { font-size: 17px; line-height: 1.45; letter-spacing: -.015em; padding-block: 22px; }
  .web-faq details p { margin-right: 0; }
  .web-final .web-shell { min-height: 0; padding: 80px 0; }
  .site-footer__group :is(h2,.site-footer__heading) { font: 600 16px/1.4 var(--sans); letter-spacing: 0; text-transform: none; }
  .site-footer__group a { display: flex; align-items: center; min-height: 44px; font-size: 15px; line-height: 1.4; }
  .site-footer__product-list a { display: grid; align-content: center; gap: 4px; }
  .site-footer__product-list small { margin: 0; font-size: 13px; line-height: 1.4; }
  .site-footer :is(p,small) { font-size: 14px; line-height: 1.6; }
}
@media(max-width:900px) and (max-height:500px) {
  .home-announcement { top: calc(84px + env(safe-area-inset-top)); min-height: 32px; }
  .alt-hero.web-ready-hero { padding-top: calc(144px + env(safe-area-inset-top)); padding-inline: max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right)); }
  .alt-hero__composer { margin-top: 18px; }
}