/* Resolutions index, inner pages and the header's Products megamenu. */
#scene .resolutions-page {
  box-sizing:border-box;width:100%;height:100%;min-height:0;padding:26px clamp(24px,3.2cqw,54px) 34px;
  display:flex;flex-direction:column;overflow:hidden;color:hsl(var(--text));pointer-events:auto;
}
#scene .resolutions-path {margin:0;}
#scene .resolutions-path :is(a,span) {min-height:22px;font-size:10px;}
#scene .resolutions-eyebrow,.resolution-section-label,.resolution-detail-index,.resolutions-domain-index {
  margin:0;font:500 10px/1.4 var(--mono-font,monospace);letter-spacing:.11em;color:hsl(var(--primary));text-transform:uppercase;
}
.resolutions-hero {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;max-width:1220px;padding:16px 0;}
.resolutions-hero-copy {max-width:780px;}
#scene .resolutions-hero h1 {max-width:none;margin:8px 0 0;font:500 clamp(40px,4.2cqw,62px)/.98 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.058em;color:hsl(var(--text-strong));}
#scene .resolutions-deck {display:-webkit-box;max-width:62ch;margin:12px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 clamp(14px,1.1cqw,17px)/1.5 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolutions-measure {display:grid;grid-template-columns:repeat(3,auto);gap:clamp(18px,2.5cqw,38px);margin:0;padding:0 0 4px;}
.resolutions-measure div {min-width:70px;}
#scene .resolutions-measure dt {font:400 clamp(26px,2.4cqw,38px)/1 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.045em;color:hsl(var(--text-strong));}
#scene .resolutions-measure dd {margin:7px 0 0;font:500 9px/1 var(--mono-font,monospace);letter-spacing:.09em;text-transform:uppercase;color:hsl(var(--text-faint));}
.resolutions-browser {display:grid;grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);flex:1;min-height:0;border-block:1px solid hsl(var(--border-default));}
.resolutions-domains {min-height:0;padding:14px 28px 14px 0;border-right:1px solid hsl(var(--border-subtle));}
#scene .resolutions-domain-tab {width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:hsl(var(--text-muted));text-align:left;cursor:pointer;transition:background-color 180ms,color 180ms;}
#scene .resolutions-domain-tab:is(:hover,:focus-visible) {background:hsl(var(--surface) / .38);color:hsl(var(--text-strong));}
#scene .resolutions-domain-tab[aria-selected="true"] {background:hsl(var(--primary) / .11);color:hsl(var(--text-strong));}
.resolutions-domain-tab-number,.resolutions-domain-tab-count {font:500 9px/1 var(--mono-font,monospace);letter-spacing:.06em;color:hsl(var(--text-faint));}
.resolutions-domain-tab[aria-selected="true"] .resolutions-domain-tab-number {color:hsl(var(--primary));}
.resolutions-domain-tab-name {font:500 13px/1.3 var(--font-sans,"Albert Sans",sans-serif);}
.resolutions-domain-panel {min-height:0;padding:14px 0 14px clamp(28px,3.5cqw,58px);outline:none;}
.resolutions-domain-head {display:grid;grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr);gap:32px;align-items:end;margin-bottom:18px;}
#scene .resolutions-domain-head h2 {margin:8px 0 0;font:500 clamp(26px,2.5cqw,38px)/1.05 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.04em;color:hsl(var(--text-strong));}
#scene .resolutions-domain-head > p {max-width:48ch;margin:0;font:400 13px/1.55 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolutions-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
#scene .resolution-entry {box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:start;min-height:76px;padding:12px 15px;border:1px solid hsl(var(--border-subtle));border-radius:8px;background:hsl(var(--surface) / .12);text-decoration:none;transition:border-color 180ms,background-color 180ms,transform 180ms;}
#scene .resolution-entry:is(:hover,:focus-visible) {border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .07);transform:translateY(-2px);}
.resolution-entry-number {padding-top:3px;font:500 9px/1 var(--mono-font,monospace);color:hsl(var(--primary));}
.resolution-entry-copy {display:grid;gap:6px;}
.resolution-entry-copy strong {font:500 17px/1.2 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-strong));}
.resolution-entry-copy > span {font:400 12px/1.5 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolution-entry-arrow {color:hsl(var(--reference));font:400 13px/1 var(--mono-font,monospace);}
.resolutions-note {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid hsl(var(--border-subtle));}
#scene .resolutions-note p {display:-webkit-box;max-width:78ch;margin:0;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font:400 12px/1.5 var(--font-sans,sans-serif);color:hsl(var(--text-muted));}
#scene .resolutions-note-link {flex:0 0 auto;color:hsl(var(--reference));font:500 12px/1.3 var(--font-sans,sans-serif);text-decoration:none;}

/* One resolution. */
.resolution-detail {--resolution-accent:var(--primary);}
.resolution-detail-workspace {display:flex;flex:1;flex-direction:column;min-height:0;}
.resolution-detail-hero {display:grid;grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr);flex:1;gap:clamp(28px,4cqw,64px);align-items:center;min-height:0;padding:18px 0;}
.resolution-detail-intro {max-width:710px;}
#scene .resolution-detail h1 {max-width:11ch;margin:13px 0 0;font:500 clamp(44px,4.8cqw,70px)/.94 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.062em;color:hsl(var(--text-strong));}
#scene .resolution-detail-deck {max-width:45ch;margin:18px 0 0;font:400 clamp(14px,1.1cqw,17px)/1.55 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolution-detail-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
#scene :is(.resolution-primary-action,.resolution-secondary-action) {display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:7px;font:500 12px/1.2 var(--font-sans,"Albert Sans",sans-serif);text-decoration:none;}
#scene .resolution-primary-action {border:1px solid hsl(var(--complement) / .72);background:hsl(var(--complement) / .1);color:hsl(var(--complement));}
#scene .resolution-secondary-action {border:1px solid hsl(var(--border-default));color:hsl(var(--text-muted));}
.resolution-experience {align-self:stretch;display:flex;flex-direction:column;min-height:0;border:1px solid hsl(var(--border-default));border-radius:12px;background:hsl(var(--surface) / .1);overflow:hidden;}
.resolution-level-tabs {display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 auto;border-bottom:1px solid hsl(var(--border-subtle));}
#scene .resolution-level-tab {display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;border-right:1px solid hsl(var(--border-subtle));background:transparent;color:hsl(var(--text-muted));font:500 11px/1 var(--font-sans,"Albert Sans",sans-serif);cursor:pointer;}
#scene .resolution-level-tab:last-child {border-right:0;}
#scene .resolution-level-tab span {font:500 8px/1 var(--mono-font,monospace);color:hsl(var(--text-faint));}
#scene .resolution-level-tab[aria-selected="true"] {background:hsl(var(--primary) / .09);color:hsl(var(--text-strong));box-shadow:inset 0 -1px hsl(var(--primary));}
#scene .resolution-level-tab[aria-selected="true"] span {color:hsl(var(--primary));}
.resolution-level {display:flex;flex:1;min-height:0;padding:clamp(18px,2.4cqw,30px);outline:none;}
.resolution-level > * {width:100%;}
.resolution-level-overview {display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);align-items:center;gap:24px;}
#scene .resolution-level-overview h2 {max-width:15ch;margin:10px 0 0;font:500 clamp(24px,2.4cqw,38px)/1.08 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.045em;color:hsl(var(--text-strong));}
.resolution-signal {position:relative;justify-self:center;width:min(19cqw,230px);aspect-ratio:1;border:1px solid hsl(var(--border-subtle));border-radius:50%;background:radial-gradient(circle,hsl(var(--primary) / .1),transparent 64%);}
.resolution-signal::before,.resolution-signal::after {content:"";position:absolute;inset:16%;border:1px solid hsl(var(--primary) / .22);border-radius:50%;}
.resolution-signal::after {inset:33%;background:hsl(var(--primary) / .05);}
.resolution-signal-core {position:absolute;z-index:1;inset:42% 22%;display:flex;align-items:center;justify-content:center;text-align:center;font:500 clamp(11px,1cqw,14px)/1.2 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-strong));}
.resolution-signal-node {position:absolute;z-index:2;padding:5px 8px;border:1px solid hsl(var(--border-default));border-radius:999px;background:hsl(var(--canvas));font:500 8px/1 var(--mono-font,monospace);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--primary));}
.resolution-signal-node::before {content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 12px hsl(var(--primary));}
.resolution-signal-node-1 {top:5%;left:13%;}.resolution-signal-node-1::before {right:-3px;bottom:-10px;}
.resolution-signal-node-2 {top:25%;right:-1%;}.resolution-signal-node-2::before {left:-8px;bottom:-4px;}
.resolution-signal-node-3 {bottom:8%;left:18%;}.resolution-signal-node-3::before {right:-7px;top:-5px;}
.resolution-comparison {display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;align-self:center;margin:auto 0;}
.resolution-comparison > div {display:flex;flex-direction:column;justify-content:center;min-height:0;padding:18px 20px;border:1px solid hsl(var(--border-subtle));background:hsl(var(--surface) / .12);}
.resolution-comparison-old {border-radius:9px 0 0 9px;}
.resolution-comparison-new {border-radius:0 9px 9px 0;border-color:hsl(var(--primary) / .45) !important;background:hsl(var(--primary) / .07) !important;}
.resolution-comparison span {font:500 9px/1 var(--mono-font,monospace);letter-spacing:.09em;color:hsl(var(--text-faint));}
#scene .resolution-comparison p {max-width:48ch;margin:14px 0 0;font:400 14px/1.55 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolution-comparison-arrow {text-align:center;color:hsl(var(--primary)) !important;}
.resolution-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;margin:auto 0;padding:0;list-style:none;counter-reset:none;}
.resolution-step {display:grid;grid-template-columns:28px 1fr;column-gap:10px;min-height:0;padding:18px;border-top:1px solid hsl(var(--primary) / .45);border-right:1px solid hsl(var(--border-subtle));}
.resolution-step:first-child {border-left:1px solid hsl(var(--border-subtle));}
.resolution-step-number {grid-row:1 / span 2;font:500 9px/1.4 var(--mono-font,monospace);color:hsl(var(--primary));}
.resolution-step strong {font:500 17px/1.2 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-strong));}
#scene .resolution-step p {margin:12px 0 0;font:400 13px/1.55 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted));}
.resolution-boundary {display:flex;justify-content:space-between;align-items:center;gap:28px;flex:0 0 auto;padding:9px 0;border-top:1px solid hsl(var(--border-subtle));}
#scene .resolution-boundary-link {flex:0 0 auto;color:hsl(var(--reference));font:500 12px/1.3 var(--font-sans,sans-serif);text-decoration:none;}
.resolution-next {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;flex:0 0 auto;padding:8px 0 0;}
#scene .resolution-next-link {display:flex;flex-direction:column;gap:5px;color:hsl(var(--text-strong));font:500 13px/1.3 var(--font-sans,sans-serif);text-decoration:none;}
#scene .resolution-next-link span {order:-1;color:hsl(var(--text-faint));font:500 8px/1 var(--mono-font,monospace);letter-spacing:.09em;text-transform:uppercase;}
#scene .resolution-next-forward {text-align:right;align-items:flex-end;}
#scene .resolution-next-all {padding:8px 12px;border:1px solid hsl(var(--border-default));border-radius:999px;color:hsl(var(--text-muted));font:500 10px/1 var(--mono-font,monospace);letter-spacing:.05em;text-decoration:none;text-transform:uppercase;}
.hero-alive[data-page="resolutions"] .lattice-activity,.hero-alive[data-page^="resolutions/"] .lattice-activity {opacity:0;pointer-events:none;}
.hero-alive[data-page="resolutions"] .lattice-field,.hero-alive[data-page^="resolutions/"] .lattice-field {opacity:.12;}
@media(max-width:900px) {
  #scene .resolutions-page {padding:20px;}
  .resolutions-hero {grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-block:20px;}
  .resolutions-browser {grid-template-columns:1fr;}
  .resolutions-domains {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 0;border-right:0;border-bottom:1px solid hsl(var(--border-subtle));}
  #scene .resolutions-domain-tab {grid-template-columns:auto auto;min-width:0;min-height:38px;padding:0 8px;}
  .resolutions-domain-tab-count {display:none;}
  .resolutions-domain-panel {padding:16px 0;}
  .resolution-detail-hero {grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);gap:24px;}
  .resolution-signal {width:min(22cqw,190px);}
}
@media(max-width:700px) {
  #scene .resolutions-page {padding:16px;}
  .resolutions-hero {grid-template-columns:1fr;gap:12px;padding-block:12px;}
  #scene .resolutions-hero h1 {font-size:clamp(36px,11cqw,48px);}
  #scene .resolutions-deck {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:12px;font-size:13px;}
  .resolutions-measure {justify-content:start;padding:0;}
  #scene .resolutions-measure dt {font-size:24px;}
  .resolutions-domain-tab-name {display:none;}
  #scene .resolutions-domain-tab {display:flex;justify-content:center;min-height:34px;}
  .resolutions-domain-panel {display:flex;flex-direction:column;padding:10px 0;}
  .resolutions-measure {gap:16px;}
  .resolutions-domain-head,.resolutions-list {grid-template-columns:1fr;}
  .resolutions-domain-head {gap:6px;margin-bottom:8px;}
  #scene .resolutions-domain-head h2 {margin-top:4px;font-size:24px;}
  #scene .resolutions-domain-head > p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;}
  .resolutions-list {gap:5px;}
  #scene .resolution-entry {min-height:50px;padding:10px 12px;align-items:center;}
  .resolution-entry-copy {gap:0;}
  .resolution-entry-copy > span {display:none;}
  .resolution-entry-copy strong {font-size:14px;}
  .resolutions-note {margin-top:5px;padding-top:6px;}
  .resolutions-note p {display:none;}
  .resolution-detail-hero {grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:12px;padding:12px 0;}
  #scene .resolution-detail h1 {margin-top:8px;font-size:clamp(36px,11cqw,48px);}
  #scene .resolution-detail-deck {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:13px;}
  .resolution-detail-actions {margin-top:12px;}
  #scene :is(.resolution-primary-action,.resolution-secondary-action) {min-height:36px;padding-inline:13px;}
  .resolution-level-tabs {flex:0 0 auto;}
  #scene .resolution-level-tab {min-height:36px;}
  .resolution-level {padding:12px;}
  .resolution-level-overview {grid-template-columns:minmax(0,1fr) 130px;gap:10px;}
  #scene .resolution-level-overview h2 {font-size:clamp(21px,6.5cqw,28px);}
  .resolution-signal {width:125px;}
  .resolution-boundary {padding:6px 0;}
  .resolution-boundary .resolution-section-label {font-size:7px;}
  #scene .resolution-boundary-link {font-size:10px;}
  .resolution-comparison {grid-template-columns:1fr;gap:8px;}
  .resolution-comparison > div {min-height:0;padding:10px 12px;border-radius:8px;}
  #scene .resolution-comparison p {margin-top:6px;font-size:11px;line-height:1.35;}
  .resolution-comparison-arrow {transform:rotate(90deg);}
  .resolution-steps {grid-template-columns:1fr;}
  .resolution-step {grid-template-columns:24px 62px 1fr;align-items:center;min-height:0;padding:8px 10px;border-left:1px solid hsl(var(--border-subtle));border-bottom:1px solid hsl(var(--border-subtle));}
  .resolution-step-number {grid-row:auto;}
  .resolution-step strong {font-size:13px;}
  #scene .resolution-step p {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:10px;}
  .resolution-next {grid-template-columns:1fr 1fr;}
  #scene .resolution-next-link {font-size:11px;}
  #scene .resolution-next-all {display:none;}
}

/* ---- Products megamenu ---- */
.header-products {display:flex;align-items:center;}
#scene .ark-header .header-products-toggle {
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 clamp(9px,1.15cqw,17px);
  border:0;border-radius:6px;background:transparent;color:hsl(var(--text-muted));
  font:500 12px/1.2 var(--font-sans,"Albert Sans",sans-serif);cursor:pointer;transition:color 180ms,background-color 180ms;
}
#scene .ark-header .header-products-toggle:is(:hover,:focus-visible,[aria-expanded="true"]) {color:hsl(var(--text-strong));background:hsl(var(--primary) / .1);}
.header-products-chevron {width:6px;height:6px;margin-left:1px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 180ms;}
[aria-expanded="true"] > .header-products-chevron {transform:translateY(1px) rotate(225deg);}
#scene .ark-header .products-mega {
  position:absolute;top:calc(100% - 6px);left:max(20px,2.8cqmin);right:max(20px,2.8cqmin);z-index:40;
  display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:28px;
  max-height:calc(100vh - 120px);overflow:auto;box-sizing:border-box;padding:24px 26px;
  border:1px solid hsl(var(--border-default));border-radius:12px;background:hsl(var(--canvas));
  box-shadow:0 24px 60px hsl(0 0% 0% / .45);pointer-events:auto;
  animation:products-mega-in 180ms cubic-bezier(.22,1,.36,1);
}
#scene .ark-header .products-mega[hidden] {display:none;}
@keyframes products-mega-in {from {opacity:0;transform:translateY(-6px);} to {opacity:1;transform:none;}}
.products-mega-intro {display:flex;flex-direction:column;gap:10px;padding-right:24px;border-right:1px solid hsl(var(--border-subtle));}
#scene .products-mega-kicker {margin:0;font:500 9px/1.4 var(--mono-font,monospace);letter-spacing:.09em;color:hsl(var(--primary));}
#scene .products-mega-title {margin:0;font:500 22px/1.15 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.025em;color:hsl(var(--text-strong));}
#scene .products-mega-text {margin:0;font:400 12px/1.5 var(--font-sans,sans-serif);color:hsl(var(--text-muted));}
#scene .products-mega-promise {margin:0;color:hsl(var(--complement));font:500 10px/1.5 var(--mono-font,monospace);letter-spacing:.03em;text-transform:uppercase;}
#scene .ark-header .products-mega-all {align-self:flex-start;display:inline-flex;align-items:center;min-height:36px;margin-top:4px;padding:0 14px;border:1px solid hsl(var(--complement) / .7);border-radius:6px;background:hsl(var(--complement) / .09);color:hsl(var(--complement)) !important;font:500 12px/1.2 var(--font-sans,sans-serif);text-decoration:none;}
#scene .ark-header .products-mega-all:hover {background:hsl(var(--complement) / .16);}
#scene .products-mega-coin {margin:auto 0 0;padding-top:10px;border-top:1px solid hsl(var(--border-subtle));font:500 9px/1.4 var(--mono-font,monospace);letter-spacing:.06em;color:hsl(var(--text-faint));text-transform:uppercase;}
.products-mega-groups {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;min-width:0;}
.products-mega-group {min-width:0;}
#scene .products-mega-group h3 {margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid hsl(var(--border-subtle));font:500 9px/1.4 var(--mono-font,monospace);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--text-faint));}
.products-mega-group ul {display:grid;gap:2px;margin:0;padding:0;list-style:none;}
#scene .ark-header .products-mega-link {display:grid;gap:2px;padding:7px 8px;margin:0 -8px;border-radius:6px;background:transparent;box-shadow:none !important;text-decoration:none;}
#scene .ark-header .products-mega-link:is(:hover,:focus-visible) {background:hsl(var(--primary) / .09);}
.products-mega-name {color:hsl(var(--text-strong));font:500 13px/1.25 var(--font-sans,"Albert Sans",sans-serif);}
.products-mega-line {color:hsl(var(--text-muted));font:400 11px/1.4 var(--font-sans,sans-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:1180px) {
  #scene .ark-header .products-mega {grid-template-columns:1fr;}
  .products-mega-intro {padding:0 0 16px;border-right:0;border-bottom:1px solid hsl(var(--border-subtle));}
  .products-mega-groups {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px) {
  .products-mega-groups {grid-template-columns:repeat(2,minmax(0,1fr));}
  .products-mega-line {display:none;}
}
@media(max-width:560px) { .header-products {display:none;} }
@media(prefers-reduced-motion:reduce) { #scene .ark-header .products-mega {animation:none;} }

/* While the menu is open the header sits above the routed page. */
#scene .ark-header.products-open {z-index:60 !important;}