/* Ultra hub: page-scoped styles, shared theme tokens. */
body[data-page-slug="ultra"] {
    background: radial-gradient(ellipse 900px 650px at 45% 0, rgba(var(--fx-ac1-rgb),.14), transparent 75%), radial-gradient(ellipse 650px 550px at 95% 60%, rgba(var(--fx-gold-rgb),.055), transparent 75%), var(--fx-bg-main);
    background-attachment: fixed;
}
body[data-page-slug="ultra"] .fx-stage { min-width: 0; padding-top: 0; overflow: visible; }
body[data-page-slug="ultra"] .fx-topbar { display: none; }
main.fx-content.ultra-home { --ultra-sidebar: 0px; --ultra-nav-height: 60px; padding: calc(max(12px,env(safe-area-inset-top,0px)) + var(--ultra-nav-height)) 0 0; margin: 0; max-width: none; min-width: 0; color: var(--fx-text-main); font: 14px/1.6 var(--fx-font-main); }
.ultra-home *, .ultra-home *::before, .ultra-home *::after { box-sizing: border-box; }
.ultra-home a { text-decoration: none; color: inherit; }
.ultra-home :focus-visible { outline: 2px solid var(--fx-ac2); outline-offset: 4px; }
.ultra-home .ultra-nav { position: fixed; top: max(12px,env(safe-area-inset-top,0px)); left: calc(var(--ultra-sidebar) + 24px); right: 24px; z-index: 50; width: auto; max-width: 860px; margin: 0 auto; border-radius: var(--fx-radius-pill); background: rgba(11,11,15,.45); -webkit-backdrop-filter: blur(24px) saturate(145%); backdrop-filter: blur(24px) saturate(145%); box-shadow: 0 12px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08); }
.ultra-home .ultra-nav nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 8px; }
.ultra-home .ultra-nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border-radius: var(--fx-radius-pill); color: var(--fx-text-muted); font-size: 15px; font-weight: 600; transition: background .2s,color .2s; }
.ultra-home .ultra-nav a:hover { background: var(--fx-bg-hover); color: var(--fx-text-main); }
.ultra-home .ultra-nav [aria-current] { color: var(--fx-gold); background: var(--fx-gold-soft); }
.ultra-home .ultra-shell { width: min(1280px,calc(100% - 48px)); margin: auto; padding-bottom: 72px; container: ultraHub / inline-size; }
.ultra-home .ultra-hero { max-width: 850px; margin: auto; padding: clamp(48px,7vw,92px) 0 64px; text-align: center; }
.ultra-home .ultra-eyebrow { display: inline-block; color: var(--fx-gold); font-size: 11px; font-weight: 750; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 22px; }
.ultra-home h1 { margin: 0 0 22px; font-size: clamp(34px,4.8vw,64px); line-height: 1.08; font-weight: 800; letter-spacing: -.045em; }
.ultra-home .ultra-hero-lead { max-width: 610px; margin: 0 auto 28px; font-size: 16px; color: var(--fx-text-muted); }
.ultra-home .ultra-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.ultra-home .ultra-action { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 46px; padding: 10px 22px; border: 1px solid var(--fx-border); border-radius: var(--fx-radius-pill); background: var(--fx-bg-subtle); font-size: 13px; font-weight: 700; transition: transform .2s,border-color .2s; }
.ultra-home .ultra-action.primary { background: var(--fx-gold); color: var(--fx-text-inverse); border-color: transparent; }
.ultra-home .ultra-action:hover { transform: translateY(-2px); border-color: var(--fx-gold); }
.ultra-home .ultra-hero-note { display: block; margin-top: 18px; color: var(--fx-text-dim); font-size: 11px; }
.ultra-home .ultra-status { color: var(--fx-warning); }
.ultra-home #ultraProducts { scroll-margin-top: 100px; }
.ultra-home .ultra-section-head { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 0 0 22px; }
.ultra-home h2 { font-size: clamp(23px,2.5vw,30px); letter-spacing: -.7px; line-height: 1.25; margin: 0 0 9px; }
.ultra-home .ultra-section-head p { color: var(--fx-text-muted); margin: 0; font-size: 13px; }
.ultra-home .ultra-section-count { font: 10px var(--fx-font-mono); color: var(--fx-text-dim); white-space: nowrap; }
.ultra-home .ultra-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.ultra-home .ultra-product { --card-rgb: var(--fx-gold-rgb); min-width: 0; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--fx-border); border-radius: var(--fx-radius-lg); background: radial-gradient(ellipse at 100% 0,rgba(var(--card-rgb),.085),transparent 65%),color-mix(in srgb,var(--fx-bg-elevated) 72%,transparent); transition: transform .25s,border-color .25s,box-shadow .25s; }
.ultra-home .ultra-product.artist { --card-rgb: var(--fx-pink-rgb); }
.ultra-home .ultra-product.flow { --card-rgb: var(--fx-ac1-rgb); }
.ultra-home .ultra-product.midi { --card-rgb: var(--fx-ac2-rgb); }
.ultra-home .ultra-product:hover { transform: translateY(-4px); border-color: rgba(var(--card-rgb),.4); box-shadow: 0 16px 30px #0002; }
.ultra-home .ultra-product-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.ultra-home .ultra-product-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--fx-radius-sm); background: rgba(var(--card-rgb),.09); }
.ultra-home .ultra-product-icon img { width: 25px; height: 25px; filter: brightness(0) invert(1); }
.ultra-home .ultra-arrow { color: var(--fx-text-dim); font-size: 20px; }
.ultra-home h3 { font-size: 20px; line-height: 1.3; margin: 0 0 12px; letter-spacing: -.4px; }
.ultra-home .ultra-product-copy { flex: 1; margin: 0 0 26px; color: var(--fx-text-muted); font-size: 12px; line-height: 1.75; }
.ultra-home .ultra-product-limit { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.ultra-home .ultra-product-limit b { font: 700 28px var(--fx-font-mono); color: rgb(var(--card-rgb)); }
.ultra-home .ultra-product-limit span { font-size: 10px; color: var(--fx-text-muted); }
.ultra-home .ultra-product-limit .ultra-usage-count { font-size: 24px; font-variant-numeric: tabular-nums; }
.ultra-home .ultra-usage-count small { font: 12px var(--fx-font-main); color: var(--fx-text-muted); }
.ultra-home .ultra-product-limit .ultra-usage-unavailable { width: 100%; color: var(--fx-warning); }
.ultra-home .ultra-product-link { padding-top: 15px; border-top: 1px solid var(--fx-border); font-size: 12px; font-weight: 650; }
.ultra-home .ultra-limits-note { color: var(--fx-text-dim); font-size: 11px; margin: 15px 2px 24px; }
.ultra-home .ultra-contacts { display: flex; align-items: center; gap: 16px; border: 1px solid var(--fx-border); border-radius: var(--fx-radius-md); padding: 20px 22px; background: var(--fx-bg-subtle); transition: border-color .2s; }
.ultra-home .ultra-contacts:hover { border-color: var(--fx-gold); }
.ultra-home .ultra-contact-icon { font-size: 26px; color: var(--fx-gold); }
.ultra-home .ultra-contacts b,.ultra-home .ultra-contacts small { display: block; }
.ultra-home .ultra-contacts small { margin-top: 3px; color: var(--fx-text-muted); font-size: 12px; }
.ultra-home .ultra-contact-access { margin-left: auto; color: var(--fx-gold); font-size: 11px; flex-shrink: 0; }
.ultra-home .ultra-who { padding-top: 64px; }
.ultra-home .ultra-who-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ultra-home .ultra-who-card { padding: 24px 0; border-top: 1px solid var(--fx-border); }
.ultra-home .who-icon img { width: 22px; height: 22px; filter: brightness(0) invert(1); opacity: .65; margin-bottom: 16px; }
.ultra-home .ultra-who-card h3 { font-size: 17px; }
.ultra-home .ultra-who-card p,.ultra-home .who-tools { color: var(--fx-text-muted); font-size: 12px; line-height: 1.75; }
.ultra-home .who-tools { display: block; margin-top: 18px; color: var(--fx-text-dim); }
.ultra-home .ultra-final { display: flex; align-items: center; justify-content: space-between; gap: 36px; margin-top: 44px; padding: 36px; border: 1px solid rgba(var(--fx-gold-rgb),.2); border-radius: var(--fx-radius-lg); background: radial-gradient(ellipse at right bottom,rgba(var(--fx-gold-rgb),.09),transparent 70%),var(--fx-bg-subtle); }
.ultra-home .ultra-final h2 { font-size: 24px; max-width: 660px; }
.ultra-home .ultra-final p { color: var(--fx-text-muted); font-size: 13px; margin: 0; }
.ultra-home .ultra-final-right { display: flex; flex-direction: column; align-items: center; gap: 12px; flex-shrink: 0; }
.ultra-home .ultra-final small { color: var(--fx-text-dim); font-size: 11px; }
@container ultraHub (max-width: 850px) {
    .ultra-home .ultra-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ultra-home .ultra-final { flex-direction: column; text-align: center; }
    .ultra-home .ultra-contact-access { display: none; }
}
@container ultraHub (max-width: 500px) {
    .ultra-home .ultra-grid,.ultra-home .ultra-who-grid { grid-template-columns: minmax(0,1fr); }
    .ultra-home .ultra-section-count { display: none; }
    .ultra-home .ultra-who-grid { gap: 0; }
    .ultra-home .ultra-final { padding: 24px; }
}
@media(min-width:769px) {
    main.fx-content.ultra-home { --ultra-sidebar: calc(var(--fx-sidebar-w,248px) + 12px); }
    body.fx-collapsed main.fx-content.ultra-home { --ultra-sidebar: calc(var(--fx-sidebar-w-mini,72px) + 12px); }
}
@media(max-width:768px) {
    main.fx-content.ultra-home { --ultra-nav-height: 56px; }
    body[data-page-slug="ultra"] .fx-topbar { display: flex; position: fixed; top: max(19px,calc(env(safe-area-inset-top,0px) + 7px)); left: 10px; width: 40px; height: 44px; padding: 0; z-index: 51; }
    body[data-page-slug="ultra"] .fx-topbar .fx-page-title { display: none; }
    body[data-page-slug="ultra"] .fx-topbar .fx-burger { backdrop-filter: blur(24px); border-radius: 14px; }
    .ultra-home .ultra-shell { width: calc(100% - 28px); }
    .ultra-home .ultra-nav { left: 60px; right: 12px; }
    .ultra-home .ultra-nav nav { gap: 0; padding: 6px 3px; }
    .ultra-home .ultra-nav a { padding-inline: 2px; font-size: clamp(10px,2.8vw,14px); }
    .ultra-home .ultra-hero { padding: 42px 4px; }
    .ultra-home .ultra-hero-lead { font-size: 14px; }
    .ultra-home .ultra-eyebrow { font-size: 9px; }
}
@media(prefers-reduced-transparency:reduce) { .ultra-home .ultra-nav { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--fx-bg-elevated); } }
@media(prefers-reduced-motion:reduce) { .ultra-home * { transition: none !important; scroll-behavior: auto !important; } }