/* Shared marketing navigation and product screenshots, October 2026. */
[hidden] { display: none !important; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header .nav-shell { width:var(--container); padding-inline:0; gap:16px; }
.marketing-home .site-header { clip-path:none; border-radius:10px; }
.marketing-home .hero-copy h1 .gradient { text-shadow:none; filter:drop-shadow(0 3px 2px #002535); }
.site-dropdown { position:relative; }
.site-dropdown summary { list-style:none; user-select:none; cursor:pointer; }
.site-dropdown summary::-webkit-details-marker { display:none; }
.site-dropdown svg, [data-download-store] svg { flex:none; width:20px; height:20px; }
.site-dropdown .nav-cta { white-space:nowrap; min-height:44px; }
.site-dropdown summary:hover { transform:none; }
.site-dropdown[open] > summary { outline:1px solid var(--cyan); outline-offset:3px; }
.language-trigger { display:flex; gap:8px; align-items:center; min-height:44px; padding:8px 11px; border:1px solid var(--line-strong); border-radius:9px; color:var(--text); background:#0b1c27; font-size:.8rem; font-weight:600; transition:background 160ms; }
.language-trigger:hover { background:#153342; }
.language-trigger > svg:first-child { color:var(--cyan); }
.language-trigger [data-language-current] { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.language-trigger .chevron { width:14px; }
.dropdown-panel { position:absolute; z-index:70; top:calc(100% + 12px); right:0; padding:8px; border:1px solid var(--line-strong); border-radius:12px; background:#0b1b26; box-shadow:0 18px 45px #0009; }
.download-options { width:292px; max-width:calc(100vw - 24px); }
.download-options a, .download-options [data-download-store] { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; justify-content:stretch; gap:14px; padding:14px 12px; border-radius:7px; min-height:80px; width:100%; box-sizing:border-box; text-align:left; }
.download-options a:hover, .language-options button:hover { background:#173845; }
.download-options svg { width:25px; height:25px; color:var(--cyan); justify-self:center; }
.store-brand-icon { display:block; width:24px; height:26px; flex:none; object-fit:contain; }
.download-options .store-brand-icon { justify-self:center; }
.download-options > a > span { min-width:0; }
.download-options span { display:grid; gap:3px; }
.download-options strong { font-size:.95rem; }
.download-options small { font-size:.78rem; color:var(--muted); }
.language-options { width:224px; max-height:min(430px,calc(100dvh - 110px)); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--cyan-deep) #10222e; }
.language-options button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:10px 12px; background:transparent; color:var(--text); border:0; border-radius:6px; text-align:left; font:inherit; font-size:.9rem; cursor:pointer; }
.language-options button[aria-pressed="true"] { background:#163c46; color:var(--cyan); font-weight:700; }
.language-options button[aria-pressed="true"]::after { content:"✓"; }
.dropdown-panel :focus-visible { outline:2px solid var(--sun); outline-offset:-2px; }
[data-download-store] { display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.youtube-embed { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:8px; background:#02080e; }
.youtube-embed iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }
.video-watch-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:8px 14px; font-size:.8rem; color:var(--muted); background:#081720; }
.video-watch-link:hover { color:var(--cyan); }
.video-watch-link:focus-visible { outline:2px solid var(--sun); outline-offset:-3px; }
body[data-plugin-slug] .plugin-hero-grid, .setup-hero .page-hero-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
body[data-plugin-slug] .plugin-art.plugin-art--video { display:flex; flex-direction:column; justify-content:center; align-items:stretch; gap:0; width:100%; min-height:0; height:auto; aspect-ratio:auto; padding:52px 16px 52px; }
body[data-plugin-slug] .plugin-art.plugin-art--video::after { display:none; }
.plugin-art--video .youtube-embed { z-index:1; }
.plugin-art--video .video-watch-link { z-index:1; }
.setup-hero .app-frame .youtube-embed { border-radius:0; }
.website-capture { margin:0; border:1px solid var(--line); border-radius:14px; padding:18px; background:#070e14; box-shadow:var(--shadow); }
.website-capture img { display:block; width:100%; height:auto; max-height:560px; object-fit:contain; margin:auto; }
.website-capture figcaption { margin-top:14px; text-align:center; font-size:.85rem; color:var(--muted); }
.fresh-overlay-previews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.fresh-overlay-card { border:1px solid var(--line); background:#091a24; border-radius:16px; overflow:hidden; }
.fresh-overlay-card .website-capture { display:flex; align-items:center; justify-content:center; height:250px; border:0; border-radius:0; box-shadow:none; padding:24px; }
.fresh-overlay-card img { max-height:220px; }
.fresh-overlay-card > div { padding:4px 24px 20px; }
.fresh-overlay-card h3 { color:var(--cyan); margin-bottom:6px; }
.fresh-overlay-card p { color:var(--muted); margin-top:0; }
.product-destinations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.destination-card { display:block; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#0b1b26; transition:border-color 160ms,background 160ms; }
.destination-card:hover { border-color:var(--cyan); background:#102b38; }
.destination-image { height:250px; padding:22px; background:radial-gradient(ellipse at center,#1b3544,#07121a); }
.destination-image img { width:100%; height:100%; object-fit:contain; }
.destination-card > div:last-child { position:relative; padding:22px 64px 24px 24px; }
.destination-card h3 { font-size:1.3rem; margin:0 0 8px; }
.destination-card p { color:var(--muted); margin:0; }
.destination-arrow { position:absolute; top:22px; right:24px; color:var(--cyan); font-size:1.5rem; }
.setup-guide-step { padding-block:44px; }
.setup-guide-step .website-capture { width:100%; max-width:560px; justify-self:center; }
.setup-guide-step img { max-height:480px; width:auto; max-width:100%; }
.guide-step-number { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:20px; color:#07131c; background:var(--cyan); border-radius:12px; font-family:"H2 Display",sans-serif; font-size:1.4rem; }
.studio-overview { max-width:900px; margin:0 auto 32px; }
.pricing-intro { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding-block:64px 48px; }
.pricing-intro-art { display:flex; align-items:end; gap:12px; margin:0; padding:35px 20px; border:1px solid var(--line-strong); border-radius:20px; background:radial-gradient(ellipse at top,#264354,#0b1b26 80%); }
.pricing-intro-art > div { min-width:0; flex:1; text-align:center; }
.pricing-intro-art img { width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 12px 18px #0008); }
.pricing-intro-art span { display:block; margin-top:14px; color:var(--cyan); font: .85rem "H2 Display",sans-serif; }
.page-hero .app-frame img { object-fit:contain; height:auto; max-height:560px; }
@media(max-width:1100px) {
  .site-header .desktop-nav { display:none; }
  .site-header .menu-button { display:block; width:44px; height:44px; }
  .site-header .nav-shell { grid-template-columns:auto 1fr; }
  .site-header .nav-actions { justify-self:end; }
}
@media(max-width:900px) { body[data-plugin-slug] .plugin-hero-grid, .setup-hero .page-hero-grid { grid-template-columns:minmax(0,1fr); } .pricing-intro { grid-template-columns:1fr; } .pricing-intro-art { max-width:540px; width:100%; margin-inline:auto; } .fresh-overlay-previews { grid-template-columns:1fr; } .fresh-overlay-card .website-capture { height:250px; } .fresh-overlay-card img { width:auto; max-width:100%; } }
@media(max-width:620px) {
  body[data-plugin-slug] .plugin-copy h1 { font-size:clamp(2rem,8.5vw,3rem); }
  .site-header .nav-shell { width:calc(100% - 24px); gap:8px; padding:10px 0; }
  .site-header .brand > span { display:none; }
  .site-header .brand img { width:34px; height:34px; }
  .site-header .nav-actions { gap:6px; }
  .language-trigger { padding:8px; font-size:.75rem; }
  .language-trigger [data-language-current] { max-width:65px; }
  .language-trigger .chevron { display:none; }
  .site-dropdown .nav-cta { min-width:0; font-size:.72rem; padding:0 10px; }
  .site-dropdown .nav-cta svg { width:14px; }
  .language-options { position:fixed; top:76px; right:12px; left:12px; width:auto; }
  .download-options { right:-50px; }
  .product-destinations { grid-template-columns:1fr; }
  .destination-image { height:230px; }
  .setup-guide-step { padding-block:32px; }
  .pricing-intro { padding-top:36px; gap:20px; }
}
@media(max-width:360px) { .language-trigger [data-language-current] { max-width:47px; } .site-header .brand img { width:28px; height:28px; } .site-dropdown .nav-cta { font-size:.66rem; padding-inline:7px; } }
@media(prefers-reduced-motion:reduce) { .site-dropdown *, .destination-card { transition:none; } }
/* The same disclosure works with ordinary crawlable language links. */
.language-options a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;color:inherit;text-decoration:none;border-radius:6px;font-size:.9rem}
.language-options a[aria-current="page"]::after{content:"✓"}
.language-options a:hover,.language-options a:focus-visible,.language-options a[aria-current="page"]{background:rgba(0,226,255,.12);color:var(--cyan,#00e2ff)}
body[data-server-rendered="true"] [data-reveal]{opacity:1;transform:none}