/* XApp Ecosystem 4.0 — Gutenberg-first design system */
.xapp-page,
.xapp-ecosystem,
.xapp-bottom-nav,
.xapp-sheet {
  --xapp-accent: var(--xapp-user-accent, #245b4a);
  --xapp-radius: var(--xapp-user-radius, 24px);
  --xapp-width: var(--xapp-user-width, 1180px);
  --xapp-bg: var(--wp--preset--color--base, #f5f3ee);
  --xapp-surface: var(--wp--preset--color--base-2, #fffdf8);
  --xapp-text: var(--wp--preset--color--contrast, #1f211f);
  --xapp-muted: #626761;
  --xapp-line: color-mix(in srgb, var(--xapp-text) 13%, transparent);
  --xapp-soft: color-mix(in srgb, var(--xapp-accent) 7%, var(--xapp-bg));
  --xapp-shadow: 0 22px 70px rgba(21, 24, 21, .10);
  --xapp-shadow-strong: 0 28px 90px rgba(12, 14, 12, .18);
  color: var(--xapp-text);
}

.xapp-page:not(.xapp-inherit-theme),
.xapp-ecosystem:not(.xapp-inherit-theme) {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

.xapp-page .entry-content,
.xapp-page main {
  overflow: clip;
}

.xapp-page .xapp-pattern,
.xapp-ecosystem .xapp-pattern {
  box-sizing: border-box;
}

.xapp-shell,
.xapp-page .xapp-pattern-shell {
  width: min(calc(100% - 32px), var(--xapp-width));
  margin-inline: auto;
}

.xapp-page .xapp-pattern.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.xapp-page .xapp-pattern :where(p, li) {
  max-width: 72ch;
}

.xapp-page .xapp-kicker,
.xapp-ecosystem .xapp-kicker {
  margin: 0 0 14px;
  color: var(--xapp-accent);
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.xapp-page .xapp-display {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(3rem, 8vw, 7.4rem);
  line-height: .93;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.xapp-page .xapp-lead {
  max-width: 62ch;
  margin-top: 26px;
  color: color-mix(in srgb, currentColor 72%, transparent);
  font-size: clamp(1.08rem, 2vw, 1.38rem);
  line-height: 1.62;
}

.xapp-page .xapp-primary-button .wp-block-button__link,
.xapp-page .wp-block-button.xapp-primary-button .wp-block-button__link {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 999px;
  background: var(--xapp-accent);
  color: #fff;
  font-weight: 760;
  text-decoration: none;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--xapp-accent) 22%, transparent);
}

.xapp-page .xapp-hero-pattern {
  position: relative;
  min-height: min(820px, 94svh);
  padding: clamp(88px, 12vw, 160px) 0;
}

.xapp-page .xapp-hero-immersive {
  isolation: isolate;
  background:
    radial-gradient(circle at 76% 20%, color-mix(in srgb, var(--xapp-accent) 42%, transparent), transparent 30%),
    radial-gradient(circle at 18% 82%, color-mix(in srgb, var(--xapp-accent) 20%, transparent), transparent 34%),
    linear-gradient(145deg, #171815, #272a24);
}

.xapp-page .xapp-hero-immersive .wp-block-cover__inner-container {
  width: 100%;
}

.xapp-page .xapp-hero-immersive .xapp-pattern-shell {
  display: flex;
  min-height: 600px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.xapp-page .xapp-hero-immersive .xapp-display {
  color: #f7f3eb;
}
.xapp-page .xapp-hero-immersive .xapp-lead { color: rgba(255,255,255,.76); }
.xapp-page .xapp-hero-immersive .xapp-kicker { color: color-mix(in srgb, var(--xapp-accent) 55%, #fff); }

.xapp-page .xapp-hero-split {
  min-height: 720px;
  display: grid;
  align-items: center;
  padding: clamp(72px, 10vw, 140px) max(16px, calc((100vw - var(--xapp-width)) / 2));
  background: linear-gradient(135deg, var(--xapp-soft), var(--xapp-bg));
}

.xapp-page .xapp-hero-split .xapp-display {
  font-size: clamp(2.8rem, 7vw, 6.2rem);
}

.xapp-page .xapp-hero-calm {
  padding: clamp(90px, 12vw, 170px) 24px;
  background: var(--xapp-bg);
}
.xapp-page .xapp-hero-calm .xapp-display { max-width: 17ch; }

.xapp-page .xapp-section-pattern {
  padding: clamp(76px, 10vw, 140px) max(16px, calc((100vw - var(--xapp-width)) / 2));
}

.xapp-page .xapp-section-pattern h2 {
  max-width: 18ch;
  margin-top: 0;
  font-size: clamp(2.2rem, 5.5vw, 4.9rem);
  line-height: 1;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.xapp-page .xapp-media-card,
.xapp-page .xapp-video-placeholder {
  min-height: 390px;
  display: grid;
  place-items: center;
  padding: 32px;
  border: 1px solid var(--xapp-line);
  border-radius: calc(var(--xapp-radius) + 8px);
  background:
    radial-gradient(circle at 70% 24%, color-mix(in srgb, var(--xapp-accent) 28%, transparent), transparent 26%),
    linear-gradient(145deg, var(--xapp-surface), var(--xapp-soft));
  box-shadow: var(--xapp-shadow);
  color: var(--xapp-muted);
  text-align: center;
}

.xapp-page .xapp-story-section { background: var(--xapp-bg); }
.xapp-page .xapp-video-section { background: var(--xapp-soft); }
.xapp-page .xapp-video-section video,
.xapp-page .xapp-video-section iframe {
  width: 100%;
  border-radius: var(--xapp-radius);
}

.xapp-page .xapp-bento-section { background: var(--xapp-bg); }
.xapp-page .xapp-bento-grid { gap: 18px; }
.xapp-page .xapp-bento-card {
  min-height: 210px;
  margin-bottom: 18px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--xapp-line);
  border-radius: calc(var(--xapp-radius) + 5px);
  background: var(--xapp-surface);
  box-shadow: var(--xapp-shadow);
}
.xapp-page .xapp-bento-card-large { min-height: 438px; }
.xapp-page .xapp-bento-card h3 { font-size: clamp(1.5rem, 3vw, 2.4rem); letter-spacing: -.035em; }

.xapp-page .xapp-module-stack {
  display: grid;
  gap: clamp(58px, 8vw, 110px);
  background: var(--xapp-bg);
}
.xapp-page .xapp-module-stack > .wp-block-shortcode:empty { display: none; }

.xapp-page .xapp-cta-section {
  text-align: center;
  background: color-mix(in srgb, var(--xapp-accent) 11%, var(--xapp-bg));
}
.xapp-page .xapp-cta-section h2 { margin-inline: auto; }
.xapp-page .xapp-cta-section p { margin-inline: auto; }

/* Dynamic modules */
.xapp-promo {
  width: 100%;
  background: var(--xapp-accent);
  color: #fff;
}
.xapp-promo-inner {
  min-height: 66px;
  padding-block: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.xapp-promo-copy { font-size: .92rem; opacity: .88; }
.xapp-promo-copy > * { margin: .2em 0; }
.xapp-promo-cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 999px;
  background: #fff;
  color: #111 !important;
  text-decoration: none;
  font-weight: 760;
  white-space: nowrap;
}

.xapp-daily-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid var(--xapp-line);
  border-radius: calc(var(--xapp-radius) + 5px);
  background: var(--xapp-surface);
  box-shadow: var(--xapp-shadow);
}
.xapp-daily-media img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: block;
  object-fit: cover;
}
.xapp-daily-body { padding: clamp(26px, 5vw, 54px); }
.xapp-daily-body h3 { margin: .05em 0 .4em; font-size: clamp(1.9rem, 4vw, 3.5rem); line-height: 1; letter-spacing: -.045em; }
.xapp-daily-copy { max-width: 66ch; color: var(--xapp-muted); }
.xapp-daily-linked { margin-top: 28px; }

.xapp-territory-module { width: 100%; }
.xapp-empty { color: var(--xapp-muted); }

/* Style presets */
.xapp-style-minimal { --xapp-bg:#f7f7f5; --xapp-surface:#fff; --xapp-text:#1d1f1c; --xapp-muted:#5f645f; --xapp-shadow:0 14px 36px rgba(20,24,20,.07); }
.xapp-style-glass { --xapp-bg:#eef1ef; --xapp-surface:rgba(255,255,255,.68); }
.xapp-style-glass .xapp-media-card,
.xapp-style-glass .xapp-bento-card,
.xapp-style-glass .xapp-daily-card { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.xapp-style-warm { --xapp-bg:#f4eee5; --xapp-surface:#fffaf3; --xapp-text:#261f19; --xapp-muted:#6d6258; }
.xapp-style-bold { --xapp-bg:#f4f2ec; --xapp-surface:#fff; --xapp-radius:14px; }
.xapp-style-bold .xapp-display { font-weight: 900; }
.xapp-style-calm { --xapp-bg:#f5f3ee; --xapp-surface:#fff; --xapp-text:#252724; --xapp-muted:#585e58; --xapp-radius:20px; --xapp-shadow:0 12px 32px rgba(20,24,20,.06); }

/* Bottom navigation */
.xapp-bottom-nav {
  position: fixed;
  z-index: 9997;
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(calc(100% - 24px), 520px);
  padding: 7px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: calc(var(--xapp-radius) + 7px);
  background: color-mix(in srgb, #151714 82%, transparent);
  box-shadow: 0 20px 60px rgba(0,0,0,.28);
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  transition: transform .24s ease, opacity .24s ease;
}
.xapp-bottom-nav.is-hidden { transform: translate(-50%, calc(100% + 40px)); opacity: .25; }
.xapp-bottom-smart { display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: 5px; }
.xapp-bottom-action {
  min-height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 8px;
  border: 0;
  border-radius: calc(var(--xapp-radius) - 3px);
  background: transparent;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}
.xapp-bottom-action:hover,
.xapp-bottom-action:focus-visible { background: rgba(255,255,255,.10); }
.xapp-bottom-action.is-disabled { opacity:.4; cursor:default; }
.xapp-bottom-center { background: rgba(255,255,255,.11); }
.xapp-bottom-action span { font-size: .69rem; font-weight: 720; line-height:1.1; }
.xapp-icon { width: 22px; height: 22px; flex:0 0 auto; }
.xapp-bottom-menu {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:4px;
}
.xapp-bottom-menu li { margin:0; }
.xapp-bottom-menu a {
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  border-radius:calc(var(--xapp-radius) - 4px);
  color:#fff !important;
  text-decoration:none;
  text-align:center;
  font-size:.8rem;
  font-weight:720;
}
.xapp-bottom-menu .current-menu-item > a,
.xapp-bottom-menu a:hover { background:rgba(255,255,255,.11); }

/* Sheet / modal */
.xapp-sheet[hidden] { display:none !important; }
.xapp-sheet { position:fixed; inset:0; z-index:9999; }
.xapp-sheet-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(8,10,8,.52);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.xapp-sheet-panel {
  position:absolute;
  left:12px;
  right:12px;
  bottom:max(92px, calc(env(safe-area-inset-bottom) + 80px));
  width:min(calc(100% - 24px), 620px);
  max-height:min(72svh,720px);
  margin-inline:auto;
  overflow:auto;
  padding:24px;
  border:1px solid var(--xapp-line);
  border-radius:calc(var(--xapp-radius) + 10px);
  background:color-mix(in srgb,var(--xapp-surface) 94%,transparent);
  color:var(--xapp-text);
  box-shadow:var(--xapp-shadow-strong);
  backdrop-filter:blur(26px) saturate(1.08);
  -webkit-backdrop-filter:blur(26px) saturate(1.08);
}
.xapp-sheet-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:22px; }
.xapp-sheet-head h2 { margin:0; font-size:clamp(1.7rem,5vw,2.6rem); letter-spacing:-.04em; }
.xapp-sheet-close {
  width:48px;
  height:48px;
  flex:0 0 auto;
  border:0;
  border-radius:50%;
  background:var(--xapp-soft);
  color:var(--xapp-text);
  font-size:1.6rem;
  cursor:pointer;
}
.xapp-sheet-menu { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.xapp-sheet-menu li { margin:0; }
.xapp-sheet-menu a,
.xapp-sheet-content .wp-block-navigation-item__content {
  min-height:58px;
  display:flex !important;
  align-items:center;
  padding:10px 16px !important;
  border-radius:16px;
  color:var(--xapp-text) !important;
  text-decoration:none;
  font-weight:740;
}
.xapp-sheet-menu a:hover,
.xapp-sheet-menu a:focus-visible,
.xapp-sheet-content .wp-block-navigation-item__content:hover { background:var(--xapp-soft); }
.xapp-sheet-content .wp-block-navigation__responsive-container-open,
.xapp-sheet-content .wp-block-navigation__responsive-container-close { display:none !important; }
.xapp-sheet-content .wp-block-navigation__responsive-container,
.xapp-sheet-content .wp-block-navigation__responsive-container-content { display:block !important; position:static !important; background:transparent !important; color:inherit !important; }
.xapp-sheet-content .wp-block-navigation__container { display:grid !important; gap:6px !important; }
body.xapp-sheet-open { overflow:hidden; }

.xapp-bottom-nav :focus-visible,
.xapp-sheet :focus-visible,
.xapp-page .wp-block-button__link:focus-visible {
  outline:3px solid color-mix(in srgb,var(--xapp-accent) 65%,#fff);
  outline-offset:3px;
}

@media (min-width: 900px) {
  .xapp-page .xapp-hero-split .wp-block-columns,
  .xapp-page .xapp-story-section .wp-block-columns { gap: clamp(48px,7vw,100px); }
  .xapp-daily-card { grid-template-columns:minmax(280px,.8fr) 1.2fr; }
}

@media (max-width: 782px) {
  .xapp-page .xapp-display { font-size:clamp(3rem,15vw,5.5rem); }
  .xapp-page .xapp-hero-pattern { min-height:unset; }
  .xapp-page .xapp-hero-immersive .xapp-pattern-shell { min-height:620px; }
  .xapp-page .xapp-section-pattern { padding-inline:16px; }
  .xapp-promo-inner { align-items:flex-start; flex-direction:column; }
  .xapp-promo-cta { width:100%; justify-content:center; }
  .xapp-bottom-nav { width:min(calc(100% - 18px),520px); }
}

@media (min-width: 900px) {
  .xapp-bottom-mobile-only { display:none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .xapp-page *, .xapp-ecosystem *, .xapp-bottom-nav *, .xapp-sheet * {
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}

/* =========================================================
   XApp Landing Studio 4.0 — native Gutenberg output
   ========================================================= */
.xapp-page .xapp-studio-flow{width:100%;margin:0;padding:0}
.xapp-page .xapp-studio-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(860px,94svh);display:flex;align-items:flex-end;padding:clamp(92px,12vw,160px) max(16px,calc((100vw - var(--xapp-width))/2));background:linear-gradient(145deg,#171815,#252923);color:#f8f5ef}
.xapp-page .xapp-studio-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,9,8,.08),rgba(8,9,8,.58));pointer-events:none}
.xapp-page .xapp-studio-hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0!important}
.xapp-page figure.xapp-studio-hero-media img,.xapp-page figure.xapp-studio-hero-media video,.xapp-page .xapp-studio-hero-media video{width:100%;height:100%;object-fit:cover;display:block}
.xapp-page .xapp-studio-hero-content{width:min(100%,var(--xapp-width));margin:0;padding:0}
.xapp-page .xapp-studio-hero-content .xapp-display{max-width:14ch;color:inherit}
.xapp-page .xapp-studio-hero-content .xapp-lead{color:rgba(255,255,255,.78)}
.xapp-page .xapp-studio-buttons{margin-top:28px;gap:10px}
.xapp-page .xapp-secondary-button .wp-block-button__link{min-height:54px;display:inline-flex;align-items:center;padding:0 22px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-weight:740;text-decoration:none}
.xapp-page .xapp-studio-hero--split{min-height:720px;align-items:center;background:linear-gradient(135deg,var(--xapp-soft),var(--xapp-bg));color:var(--xapp-text)}
.xapp-page .xapp-studio-hero--split::after{background:linear-gradient(90deg,var(--xapp-bg) 0%,color-mix(in srgb,var(--xapp-bg) 90%,transparent) 44%,transparent 72%)}
.xapp-page .xapp-studio-hero--split .xapp-studio-hero-media{left:48%;width:52%;z-index:-2}
.xapp-page .xapp-studio-hero--split .xapp-studio-hero-content{margin-right:52%;width:48%;padding-right:clamp(22px,5vw,70px)}
.xapp-page .xapp-studio-hero--split .xapp-lead{color:var(--xapp-muted)}
.xapp-page .xapp-studio-hero--split .xapp-display{color:var(--xapp-text);font-size:clamp(2.8rem,6.5vw,6rem)}
.xapp-page .xapp-studio-hero--editorial{background:var(--xapp-bg);color:var(--xapp-text);align-items:center;min-height:740px}
.xapp-page .xapp-studio-hero--editorial::after{background:linear-gradient(90deg,var(--xapp-bg) 0 55%,transparent 78%)}
.xapp-page .xapp-studio-hero--editorial .xapp-studio-hero-media{left:58%;width:42%;margin:4vw!important;inset:4vw 4vw 4vw 58%;border-radius:calc(var(--xapp-radius) + 12px);overflow:hidden;box-shadow:var(--xapp-shadow)}
.xapp-page .xapp-studio-hero--editorial .xapp-lead{color:var(--xapp-muted)}
.xapp-page .xapp-studio-hero--bento{min-height:760px;background:linear-gradient(135deg,var(--xapp-soft),var(--xapp-bg));color:var(--xapp-text)}
.xapp-page .xapp-studio-hero--bento::before{content:"";position:absolute;right:5vw;top:8vw;width:min(36vw,520px);aspect-ratio:1;border-radius:calc(var(--xapp-radius) + 18px);background:color-mix(in srgb,var(--xapp-accent) 18%,var(--xapp-surface));transform:rotate(4deg);z-index:-1}
.xapp-page .xapp-studio-hero--bento::after{background:linear-gradient(90deg,var(--xapp-bg),transparent 72%)}
.xapp-page .xapp-studio-hero--bento .xapp-studio-hero-media{inset:10% 7% 10% auto;width:min(38vw,560px);height:80%;border-radius:calc(var(--xapp-radius) + 15px);overflow:hidden;box-shadow:var(--xapp-shadow);transform:rotate(-2deg)}
.xapp-page .xapp-studio-hero--bento .xapp-lead{color:var(--xapp-muted)}
.xapp-page .xapp-studio-hero--calm{min-height:auto;padding-top:clamp(105px,14vw,180px);padding-bottom:clamp(90px,12vw,150px);background:var(--xapp-bg);color:var(--xapp-text)}
.xapp-page .xapp-studio-hero--calm::after{display:none}.xapp-page .xapp-studio-hero--calm .xapp-studio-hero-media{display:none}.xapp-page .xapp-studio-hero--calm .xapp-display{max-width:18ch}.xapp-page .xapp-studio-hero--calm .xapp-lead{color:var(--xapp-muted)}
.xapp-page .xapp-studio-hero--cinematic{min-height:100svh;align-items:center;text-align:center}.xapp-page .xapp-studio-hero--cinematic .xapp-studio-hero-content{display:flex;flex-direction:column;align-items:center}.xapp-page .xapp-studio-hero--cinematic .xapp-display{max-width:13ch}.xapp-page .xapp-studio-hero--cinematic .xapp-lead{max-width:58ch}.xapp-page .xapp-studio-hero--cinematic .xapp-studio-buttons{justify-content:center}

.xapp-page .xapp-studio-section{padding:clamp(76px,10vw,145px) max(16px,calc((100vw - var(--xapp-width))/2));background:var(--xapp-bg);color:var(--xapp-text)}
.xapp-page .xapp-studio-section.xapp-tone-soft{background:var(--xapp-soft)}
.xapp-page .xapp-studio-section.xapp-tone-accent{background:color-mix(in srgb,var(--xapp-accent) 12%,var(--xapp-bg))}
.xapp-page .xapp-studio-section.xapp-tone-dark{background:#171916;color:#f6f3ed}
.xapp-page .xapp-studio-section.xapp-tone-dark .xapp-kicker{color:color-mix(in srgb,var(--xapp-accent) 60%,#fff)}
.xapp-page .xapp-studio-section.xapp-tone-dark p{color:rgba(255,255,255,.72)}
.xapp-page .xapp-studio-section h2{max-width:18ch;margin:.05em 0 .45em;font-size:clamp(2.2rem,5.4vw,4.8rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.xapp-page .xapp-studio-section p{max-width:70ch;color:var(--xapp-muted);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.72}
.xapp-page .xapp-studio-columns{gap:clamp(32px,7vw,96px)}
.xapp-page .xapp-studio-media{overflow:hidden;border-radius:calc(var(--xapp-radius) + 7px);box-shadow:var(--xapp-shadow);background:var(--xapp-soft)}
.xapp-page .xapp-studio-media img,.xapp-page .xapp-studio-media video{width:100%;min-height:390px;max-height:680px;display:block;object-fit:cover}
.xapp-page .xapp-studio-section--centered{text-align:center}.xapp-page .xapp-studio-section--centered .xapp-studio-copy,.xapp-page .xapp-studio-section--centered .xapp-studio-copy p,.xapp-page .xapp-studio-section--centered h2{margin-inline:auto}.xapp-page .xapp-studio-section--centered .xapp-studio-buttons{justify-content:center}.xapp-page .xapp-studio-section--centered .xapp-studio-media{margin-top:42px}
.xapp-page .xapp-studio-section--full .xapp-studio-copy{max-width:820px}.xapp-page .xapp-studio-section--full .xapp-studio-media{margin-top:42px}.xapp-page .xapp-studio-section--full .xapp-studio-media img,.xapp-page .xapp-studio-section--full .xapp-studio-media video{max-height:none;aspect-ratio:16/8}
.xapp-page .xapp-studio-feature-list{max-width:700px;display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.xapp-page .xapp-studio-feature-list li{position:relative;padding:16px 18px 16px 46px;border:1px solid var(--xapp-line);border-radius:16px;background:var(--xapp-surface)}.xapp-page .xapp-studio-feature-list li::before{content:"✓";position:absolute;left:17px;top:15px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--xapp-accent) 18%,transparent);color:var(--xapp-accent);font-weight:900}
.xapp-page .xapp-studio-cta{text-align:center}.xapp-page .xapp-studio-cta .xapp-studio-copy,.xapp-page .xapp-studio-cta h2,.xapp-page .xapp-studio-cta p{margin-inline:auto}.xapp-page .xapp-studio-cta .xapp-studio-buttons{justify-content:center}
.xapp-page .xapp-studio-module{padding:clamp(56px,8vw,100px) max(16px,calc((100vw - var(--xapp-width))/2));background:var(--xapp-bg)}

@media(max-width:781px){
  .xapp-page .xapp-studio-hero{min-height:780px;padding-bottom:94px}
  .xapp-page .xapp-studio-hero--split,.xapp-page .xapp-studio-hero--editorial,.xapp-page .xapp-studio-hero--bento{align-items:flex-end;background:#171815;color:#f8f5ef}
  .xapp-page .xapp-studio-hero--split::after,.xapp-page .xapp-studio-hero--editorial::after,.xapp-page .xapp-studio-hero--bento::after{display:block;background:linear-gradient(180deg,rgba(8,9,8,.08),rgba(8,9,8,.66))}
  .xapp-page .xapp-studio-hero--split .xapp-studio-hero-media,.xapp-page .xapp-studio-hero--editorial .xapp-studio-hero-media,.xapp-page .xapp-studio-hero--bento .xapp-studio-hero-media{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0!important;border-radius:0;transform:none}
  .xapp-page .xapp-studio-hero--split .xapp-studio-hero-content{width:100%;margin:0;padding:0}
  .xapp-page .xapp-studio-hero--split .xapp-display,.xapp-page .xapp-studio-hero--editorial .xapp-display,.xapp-page .xapp-studio-hero--bento .xapp-display{color:#f8f5ef}
  .xapp-page .xapp-studio-hero--split .xapp-lead,.xapp-page .xapp-studio-hero--editorial .xapp-lead,.xapp-page .xapp-studio-hero--bento .xapp-lead{color:rgba(255,255,255,.78)}
  .xapp-page .xapp-studio-columns{gap:32px}.xapp-page .xapp-studio-media img,.xapp-page .xapp-studio-media video{min-height:280px}
}
@media(prefers-reduced-motion:reduce){.xapp-page .xapp-studio-hero-media video{animation:none!important}.xapp-page .xapp-studio-hero--bento::before,.xapp-page .xapp-studio-hero--bento .xapp-studio-hero-media{transform:none}}

/* Bottom navigation visual presets */
.xapp-bottom-style-solid{background:#161815;border-color:#161815;backdrop-filter:none;-webkit-backdrop-filter:none}
.xapp-bottom-style-light{background:rgba(250,249,246,.92);border-color:rgba(25,28,24,.12);box-shadow:0 18px 46px rgba(18,22,18,.16)}
.xapp-bottom-style-light .xapp-bottom-action,.xapp-bottom-style-light .xapp-bottom-menu a{color:#20231f!important}
.xapp-bottom-style-light .xapp-bottom-center,.xapp-bottom-style-light .xapp-bottom-action:hover,.xapp-bottom-style-light .xapp-bottom-menu .current-menu-item>a{background:rgba(22,26,22,.07)}
.xapp-bottom-style-minimal{bottom:max(8px,env(safe-area-inset-bottom));background:rgba(24,26,23,.72);border-color:transparent;box-shadow:0 10px 30px rgba(0,0,0,.18);border-radius:20px;padding:5px}
.xapp-bottom-style-minimal .xapp-bottom-action{min-height:52px;border-radius:16px}.xapp-bottom-style-minimal .xapp-bottom-center{background:transparent}
.xapp-page .xapp-studio-section--copy-only .xapp-studio-copy{max-width:820px}

/* XApp Ecosystem 5.0 — additional visual presets */
.xapp-style-luxury{--xapp-bg:#f3f0ea;--xapp-surface:#fcfaf6;--xapp-text:#181714;--xapp-muted:#6d675f;--xapp-radius:28px;--xapp-shadow:0 28px 80px rgba(24,21,17,.10)}
.xapp-style-luxury .xapp-display{font-weight:620;letter-spacing:-.065em}
.xapp-style-nature{--xapp-bg:#f0f3ec;--xapp-surface:#fbfdf8;--xapp-text:#243025;--xapp-muted:#657166;--xapp-radius:30px;--xapp-shadow:0 18px 52px rgba(35,52,37,.08)}
.xapp-style-tech{--xapp-bg:#eef1f4;--xapp-surface:#fbfcfd;--xapp-text:#17212a;--xapp-muted:#5a6670;--xapp-radius:18px;--xapp-shadow:0 18px 50px rgba(16,30,44,.09)}
.xapp-style-vibrant{--xapp-bg:#f7f2ed;--xapp-surface:#fff;--xapp-text:#231b19;--xapp-muted:#6c5f5b;--xapp-radius:26px;--xapp-shadow:0 20px 58px rgba(40,26,22,.11)}
.xapp-style-vibrant .xapp-primary-button .wp-block-button__link{transform:translateZ(0)}

/* Landing layout variants */
.xapp-page .xapp-studio-hero--spotlight{min-height:88svh;align-items:center;text-align:center}
.xapp-page .xapp-studio-hero--spotlight .xapp-studio-hero-content{display:flex;flex-direction:column;align-items:center}.xapp-page .xapp-studio-hero--spotlight .xapp-display{max-width:12ch}.xapp-page .xapp-studio-hero--spotlight .xapp-lead{max-width:56ch}.xapp-page .xapp-studio-hero--spotlight .xapp-studio-buttons{justify-content:center}
.xapp-page .xapp-studio-hero--classic{min-height:680px;align-items:center;background:var(--xapp-bg);color:var(--xapp-text)}.xapp-page .xapp-studio-hero--classic::after{background:linear-gradient(90deg,var(--xapp-bg) 0 58%,transparent 82%)}.xapp-page .xapp-studio-hero--classic .xapp-studio-hero-media{left:56%;width:44%;inset:8% 5% 8% 56%;height:84%;border-radius:var(--xapp-radius);overflow:hidden;box-shadow:var(--xapp-shadow)}.xapp-page .xapp-studio-hero--classic .xapp-lead{color:var(--xapp-muted)}
.xapp-page .xapp-studio-hero--tiles{min-height:760px;background:linear-gradient(135deg,var(--xapp-bg),var(--xapp-soft));color:var(--xapp-text)}.xapp-page .xapp-studio-hero--tiles::after{background:linear-gradient(90deg,var(--xapp-bg),transparent 70%)}.xapp-page .xapp-studio-hero--tiles .xapp-studio-hero-media{inset:12% 7% 12% auto;width:min(40vw,580px);height:76%;border-radius:calc(var(--xapp-radius) + 8px);overflow:hidden;box-shadow:var(--xapp-shadow)}.xapp-page .xapp-studio-hero--tiles .xapp-lead{color:var(--xapp-muted)}

/* Business Profile public modules */
.xapp-profile-public{width:min(calc(100% - 32px),var(--xapp-width));margin-inline:auto;padding:clamp(48px,7vw,90px) 0}.xapp-profile-public h2{max-width:18ch;margin:.08em 0 .45em;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.045em}.xapp-profile-public>p{max-width:70ch;color:var(--xapp-muted);line-height:1.72}.xapp-profile-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xapp-profile-public-grid>div{min-height:64px;display:flex;align-items:center;padding:14px 16px;border:1px solid var(--xapp-line);border-radius:calc(var(--xapp-radius) - 6px);background:var(--xapp-surface);font-weight:700}.xapp-profile-gallery-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xapp-profile-gallery-public-grid figure{margin:0;overflow:hidden;border-radius:var(--xapp-radius);aspect-ratio:4/3;background:var(--xapp-soft)}.xapp-profile-gallery-public-grid img{width:100%;height:100%;object-fit:cover;display:block}.xapp-profile-public-button,.xapp-profile-contact-actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:var(--xapp-accent);color:#fff!important;text-decoration:none;font-weight:760}.xapp-profile-contact-actions{display:flex;flex-wrap:wrap;gap:10px}.xapp-profile-social .xapp-profile-contact-actions a{background:var(--xapp-surface);color:var(--xapp-text)!important;border:1px solid var(--xapp-line)}
@media(max-width:680px){.xapp-profile-public-grid,.xapp-profile-gallery-public-grid{grid-template-columns:1fr}.xapp-page .xapp-studio-hero--classic,.xapp-page .xapp-studio-hero--tiles{align-items:flex-end;background:#171815;color:#f8f5ef}.xapp-page .xapp-studio-hero--classic::after,.xapp-page .xapp-studio-hero--tiles::after{background:linear-gradient(180deg,rgba(8,9,8,.08),rgba(8,9,8,.65))}.xapp-page .xapp-studio-hero--classic .xapp-studio-hero-media,.xapp-page .xapp-studio-hero--tiles .xapp-studio-hero-media{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.xapp-page .xapp-studio-hero--classic .xapp-lead,.xapp-page .xapp-studio-hero--tiles .xapp-lead{color:rgba(255,255,255,.78)}}

/* XApp Ecosystem 6.0 — Live Sync landing */
.xapp-live-landing{--xapp-live-pad:clamp(72px,9vw,132px);background:var(--xapp-bg);color:var(--xapp-text)}
.xapp-live-flow{display:grid;gap:0}.xapp-live-section{padding:var(--xapp-live-pad) max(16px,calc((100vw - var(--xapp-width))/2));background:var(--xapp-bg)}.xapp-live-section:nth-child(even){background:color-mix(in srgb,var(--xapp-bg) 94%,var(--xapp-accent) 6%)}
.xapp-live-section>.xapp-promo{margin-inline:calc(-1 * max(16px,calc((100vw - var(--xapp-width))/2)));width:auto}.xapp-live-section--promo{padding-block:0}.xapp-live-section--promo>.xapp-promo{margin-inline:calc(-1 * max(16px,calc((100vw - var(--xapp-width))/2)))}
.xapp-live-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(900px,94svh);display:grid;align-items:end;color:#f7f5ef;background:linear-gradient(140deg,#171916,#272b25)}.xapp-live-hero-media,.xapp-live-hero-overlay{position:absolute;inset:0}.xapp-live-hero-media{z-index:-3}.xapp-live-hero-media img,.xapp-live-hero-media video{width:100%;height:100%;display:block;object-fit:cover}.xapp-live-hero-overlay{z-index:-2;background:linear-gradient(180deg,rgba(6,8,6,.10),rgba(6,8,6,.76) 86%),radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--xapp-accent) 36%,transparent),transparent 34%)}
.xapp-live-hero-inner{width:min(calc(100% - 32px),var(--xapp-width));padding:clamp(110px,15vw,190px) 0 clamp(78px,10vw,120px)}.xapp-live-hero-copy{max-width:820px}.xapp-live-hero h1{max-width:14ch;margin:0;font-size:clamp(3rem,8.5vw,7.2rem);line-height:.92;letter-spacing:-.062em;text-wrap:balance}.xapp-live-lead{max-width:62ch;margin:1.5rem 0 0;color:rgba(255,255,255,.76);font-size:clamp(1.03rem,2vw,1.34rem);line-height:1.6}.xapp-live-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.xapp-live-cta{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.3rem;border-radius:999px;text-decoration:none;font-weight:780}.xapp-live-cta.is-primary{background:var(--xapp-accent);color:#fff}.xapp-live-cta.is-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(14px)}
.xapp-live-hero--split{min-height:760px;align-items:center}.xapp-live-hero--calm{min-height:680px;color:var(--xapp-text);background:var(--xapp-bg)}.xapp-live-hero--calm .xapp-live-hero-overlay{background:linear-gradient(90deg,var(--xapp-bg) 0%,color-mix(in srgb,var(--xapp-bg) 92%,transparent) 58%,transparent)}.xapp-live-hero--calm .xapp-live-lead{color:var(--xapp-muted)}.xapp-live-hero--calm .xapp-live-cta.is-secondary{border-color:var(--xapp-line);background:var(--xapp-surface);color:var(--xapp-text)}
.xapp-live-layout-bento .xapp-live-flow{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:16px max(16px,calc((100vw - var(--xapp-width))/2));background:var(--xapp-bg)}.xapp-live-layout-bento .xapp-live-section{grid-column:span 12;padding:clamp(34px,5vw,64px);border:1px solid var(--xapp-line);border-radius:calc(var(--xapp-radius) + 6px);background:var(--xapp-surface);box-shadow:var(--xapp-shadow)}
.xapp-live-layout-tiles .xapp-live-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px max(16px,calc((100vw - var(--xapp-width))/2))}.xapp-live-layout-tiles .xapp-live-section{padding:clamp(32px,5vw,58px);border:1px solid var(--xapp-line);border-radius:var(--xapp-radius);background:var(--xapp-surface)}
.xapp-profile-public{max-width:var(--xapp-width);margin-inline:auto}.xapp-profile-public h2{max-width:18ch;margin:.1rem 0 1rem;font-size:clamp(2.15rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}.xapp-profile-public>p{max-width:70ch;color:var(--xapp-muted);line-height:1.72}.xapp-profile-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:1.5rem}.xapp-profile-public-grid>div{min-height:76px;display:flex;align-items:center;padding:1rem 1.05rem;border:1px solid var(--xapp-line);border-radius:18px;background:var(--xapp-surface);font-weight:700}.xapp-profile-gallery-public-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:1.5rem}.xapp-profile-gallery-public-grid figure{grid-column:span 4;margin:0;overflow:hidden;border-radius:var(--xapp-radius);aspect-ratio:4/3}.xapp-profile-gallery-public-grid img{width:100%;height:100%;object-fit:cover}.xapp-profile-contact-actions{display:flex;flex-wrap:wrap;gap:.65rem}.xapp-profile-contact-actions a,.xapp-profile-public-button{min-height:50px;display:inline-flex;align-items:center;padding:0 1rem;border:1px solid var(--xapp-line);border-radius:999px;background:var(--xapp-surface);color:var(--xapp-text);text-decoration:none;font-weight:750}
@media(max-width:760px){.xapp-live-section{padding-inline:16px}.xapp-live-layout-tiles .xapp-live-flow{grid-template-columns:1fr}.xapp-live-layout-bento .xapp-live-flow{display:block}.xapp-live-layout-bento .xapp-live-section{margin-bottom:14px}.xapp-profile-gallery-public-grid figure{grid-column:span 6}.xapp-live-hero h1{max-width:12ch}.xapp-live-hero-inner{padding-bottom:88px}}
@media(max-width:480px){.xapp-profile-gallery-public-grid figure{grid-column:span 12}}
@media(prefers-reduced-motion:reduce){.xapp-live-hero-media video{display:none}}