:root {
  color-scheme: dark;
  --ink: #070810;
  --ink-2: #0c0e19;
  --panel: rgba(18, 20, 35, .72);
  --panel-solid: #121423;
  --line: rgba(255, 255, 255, .11);
  --line-strong: rgba(255, 255, 255, .22);
  --text: #f6f7fb;
  --muted: #9ca3ba;
  --soft: #cdd2df;
  --cyan: #54e6ff;
  --violet: #a67cff;
  --orange: #ff9f5a;
  --lime: #b4f36a;
  --pink: #ff6fae;
  --max: 1240px;
  --pad: clamp(1.1rem, 3vw, 2.4rem);
  --radius: 1.7rem;
  --shadow: 0 24px 80px rgba(0, 0, 0, .36);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 7rem; background: #02030a; }
body {
  margin: 0;
  min-width: 320px;
  position: relative;
  isolation: isolate;
  background: transparent;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.62;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 48% at 12% -8%, rgba(47,119,164,.22), transparent 67%),
    radial-gradient(ellipse 58% 42% at 92% 13%, rgba(86,53,154,.2), transparent 70%),
    radial-gradient(ellipse 70% 32% at 46% 112%, rgba(93,31,91,.12), transparent 72%),
    linear-gradient(180deg, #02030a 0%, #050613 46%, #020208 100%);
  z-index: -3;
}

::selection { background: rgba(84, 230, 255, .3); color: white; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  left: 1rem;
  top: -6rem;
  z-index: 1000;
  padding: .8rem 1rem;
  border-radius: .8rem;
  background: white;
  color: black;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

#atlas-field {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .92;
  z-index: -2;
}

.noise {
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 42%, transparent 48%, rgba(0,0,0,.16) 73%, rgba(0,0,0,.54) 115%);
}

.cursor-glow {
  position: fixed;
  width: 28rem;
  height: 28rem;
  margin: -14rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(84,230,255,.06), transparent 66%);
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  transition: opacity .25s ease;
}

.site-header {
  position: sticky;
  top: .75rem;
  z-index: 100;
  width: min(calc(100% - 1.5rem), 1400px);
  min-height: 4.8rem;
  margin: .75rem auto 0;
  padding: .65rem .75rem .65rem 1rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  border: 2px solid transparent;
  border-radius: 1.3rem;
  background:
    linear-gradient(150deg, rgba(7,8,18,.965), rgba(3,4,12,.94)) padding-box,
    linear-gradient(118deg, #55e8ff 0%, #8b76ff 53%, #ff8fbc 100%) border-box;
  box-shadow:
    0 22px 66px rgba(0,0,0,.56),
    0 0 32px rgba(84,230,255,.08),
    inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter: blur(26px) saturate(128%);
  -webkit-backdrop-filter: blur(26px) saturate(128%);
  transition: background .25s, box-shadow .25s, transform .25s;
}
.site-header.scrolled {
  background:
    linear-gradient(150deg, rgba(5,6,15,.985), rgba(2,3,10,.975)) padding-box,
    linear-gradient(118deg, #55e8ff 0%, #8b76ff 53%, #ff8fbc 100%) border-box;
  box-shadow:
    0 24px 72px rgba(0,0,0,.66),
    0 0 38px rgba(139,118,255,.1),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.brand { display: inline-flex; align-items: center; gap: .75rem; line-height: 1; }
.brand > span:last-child { display: grid; gap: .25rem; }
.brand strong { font-size: .92rem; letter-spacing: -.01em; }
.brand small { color: var(--muted); font-size: .61rem; letter-spacing: .12em; text-transform: uppercase; }
.brand-mark {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(84,230,255,.42);
  border-radius: .9rem;
  background: linear-gradient(145deg, rgba(84,230,255,.16), rgba(166,124,255,.14));
  box-shadow: inset 0 0 25px rgba(84,230,255,.08), 0 0 30px rgba(84,230,255,.08);
}
.brand-mark i { position: absolute; width: 2.2rem; height: 2.2rem; border: 1px solid rgba(255,255,255,.16); transform: rotate(45deg); }
.brand-mark b { position: relative; font-size: 1.05rem; letter-spacing: -.06em; }

.site-nav { display: flex; justify-content: center; align-items: center; gap: clamp(.6rem, 1.7vw, 1.55rem); }
.site-nav a { position: relative; color: var(--muted); font-size: .78rem; font-weight: 650; letter-spacing: .035em; transition: color .2s; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.65rem; height: 2px; background: var(--cyan); transition: right .25s ease; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: white; }
.site-nav a:hover::after, .site-nav a[aria-current="page"]::after { right: 0; }
.nav-deal { display: inline-flex; align-items: center; gap: .55rem; padding: .75rem 1rem; border: 1px solid rgba(255,255,255,.78); border-radius: .8rem; background: linear-gradient(145deg, #fff, #eafaff); color: #080910; font-size: .75rem; font-weight: 800; box-shadow: 0 0 28px rgba(84,230,255,.12), inset 0 1px 0 white; }
.nav-deal span { color: #6d42f4; }
.nav-toggle { display: none; border: 0; background: none; padding: .6rem; cursor: pointer; }
.nav-toggle span { display: block; width: 1.35rem; height: 2px; margin: 4px 0; background: white; }
.nav-toggle em { position: absolute; clip: rect(0 0 0 0); }

main { min-height: 70vh; }
.section-pad { width: min(100%, calc(var(--max) + var(--pad) * 2)); margin: 0 auto; padding: clamp(5rem, 9vw, 8rem) var(--pad); }
.section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 28rem); align-items: end; gap: 2rem; margin-bottom: clamp(2.2rem, 5vw, 4rem); }
.section-heading > p { margin: 0 0 .4rem; color: var(--muted); }
.section-heading .text-link { justify-self: end; }
.eyebrow { margin: 0 0 1.2rem; display: flex; align-items: center; gap: .7rem; color: var(--cyan); font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 1.8rem; height: 1px; background: currentColor; box-shadow: 0 0 10px currentColor; }
.eyebrow.warn { color: var(--orange); }
.eyebrow.light { color: white; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin-top: 0; line-height: .99; letter-spacing: -.055em; }
h1 { font-size: clamp(3.4rem, 8vw, 8rem); }
h2 { margin-bottom: 1.2rem; font-size: clamp(2.4rem, 5vw, 4.8rem); }
h3 { font-size: clamp(1.35rem, 2.4vw, 2rem); }
.section-heading h2 { max-width: 18ch; margin: 0; }
.section-heading h2 span, h1 span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.72); text-shadow: 0 0 45px rgba(84,230,255,.16); }

.button, .text-link, .card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  font-weight: 800;
  line-height: 1.2;
}
.button { min-height: 3.4rem; padding: .95rem 1.2rem; border: 1px solid transparent; border-radius: .9rem; font-size: .83rem; transition: transform .22s, box-shadow .22s, background .22s, border-color .22s; }
.button:hover { transform: translateY(-2px); }
.button svg, .text-link svg, .card-link svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.7; transition: transform .2s; }
.button:hover svg, .text-link:hover svg, .card-link:hover svg { transform: translateX(.2rem); }
.button.primary { color: #06070c; background: linear-gradient(105deg, #fff, #bdf7ff); box-shadow: 0 12px 35px rgba(84,230,255,.14); }
.button.ghost { border-color: var(--line-strong); background: rgba(255,255,255,.035); }
.button.ghost:hover { border-color: rgba(84,230,255,.55); background: rgba(84,230,255,.06); }
.button.light { background: #070810; color: white; }
.text-link, .card-link { font-size: .78rem; }
.text-link { color: var(--soft); }
.card-link { width: max-content; color: white; }
.center-action { display: flex; justify-content: center; margin-top: 3rem; }

.hero {
  position: relative;
  width: min(calc(100% - 1.5rem), 1400px);
  min-height: calc(100svh - 6.2rem);
  margin: 1rem auto 0;
  padding: clamp(4rem, 9vw, 8.5rem) clamp(1.1rem, 5vw, 5.2rem) 2.2rem;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(25rem, .92fr);
  grid-template-rows: 1fr auto;
  gap: 2rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 2.2rem;
  background:
    radial-gradient(circle at 78% 43%, rgba(166,124,255,.17), transparent 25rem),
    radial-gradient(circle at 64% 22%, rgba(84,230,255,.1), transparent 22rem),
    linear-gradient(145deg, rgba(10,12,27,.76), rgba(2,3,11,.68));
  box-shadow: var(--shadow);
}
.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .82;
  background:
    radial-gradient(ellipse 35% 23% at 76% 45%, rgba(84,230,255,.07), transparent 72%),
    radial-gradient(ellipse 28% 40% at 83% 51%, rgba(166,124,255,.07), transparent 76%),
    linear-gradient(118deg, transparent 0 62%, rgba(255,255,255,.015) 72%, transparent 82%);
  pointer-events: none;
}
.hero-copy { position: relative; z-index: 2; align-self: center; max-width: 51rem; }
.hero-copy h1 { margin-bottom: 1.5rem; }
.hero-lead { max-width: 43rem; margin: 0 0 2rem; color: var(--soft); font-size: clamp(1.02rem, 1.5vw, 1.25rem); }
.atlas-search { max-width: 42rem; display: grid; grid-template-columns: 1fr auto; padding: .45rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: rgba(2,3,8,.6); box-shadow: inset 0 0 30px rgba(84,230,255,.035); }
.atlas-search:focus-within { border-color: rgba(84,230,255,.65); box-shadow: 0 0 0 4px rgba(84,230,255,.08); }
.atlas-search input { min-width: 0; border: 0; outline: 0; padding: 0 1rem; background: transparent; color: white; }
.atlas-search input::placeholder { color: #747b91; }
.atlas-search button { min-height: 3.2rem; display: inline-flex; align-items: center; gap: .65rem; border: 0; border-radius: .7rem; padding: 0 1.1rem; background: white; color: #070810; font-weight: 850; cursor: pointer; }
.atlas-search button svg { width: 1rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.atlas-search.is-loading button { cursor: wait; background: linear-gradient(110deg, #fff, #bdf7ff, #d8c7ff); background-size: 180% 100%; animation: ai-button-flow 1.4s linear infinite; }
.atlas-search-note { max-width: 42rem; margin: .7rem .2rem 0; display: flex; align-items: center; gap: .55rem; color: #8e97af; font-size: .68rem; }
.atlas-search-note i { width: .52rem; height: .52rem; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 11px rgba(180,243,106,.72); }
.atlas-search-note strong { color: #cdeeff; font-weight: 800; }
.atlas-recommendations { max-width: 42rem; margin-top: 1rem; padding: .85rem; overflow: hidden; border: 2px solid transparent; border-radius: 1.25rem; background: linear-gradient(155deg, rgba(8,10,22,.97), rgba(3,5,13,.97)) padding-box, linear-gradient(118deg, rgba(84,230,255,.86), rgba(139,118,255,.82) 53%, rgba(255,143,188,.8)) border-box; box-shadow: 0 22px 55px rgba(0,0,0,.48), 0 0 34px rgba(84,230,255,.07); }
.atlas-result-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .15rem .15rem .75rem; }
.atlas-result-head > div { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.atlas-result-head strong { color: #e9faff; font-size: .76rem; letter-spacing: .015em; }
.atlas-result-head button { width: 2rem; height: 2rem; flex: 0 0 auto; border: 1px solid var(--line); border-radius: .65rem; background: rgba(255,255,255,.035); color: var(--muted); cursor: pointer; font-size: 1.2rem; line-height: 1; }
.atlas-result-head button:hover, .atlas-result-head button:focus-visible { border-color: rgba(84,230,255,.48); color: white; outline: none; }
.atlas-thinking { width: .72rem; height: .72rem; flex: 0 0 auto; border: 2px solid rgba(84,230,255,.24); border-top-color: var(--cyan); border-radius: 50%; animation: spin .75s linear infinite; }
.atlas-recommendations.is-ready .atlas-thinking { border: 0; background: var(--lime); box-shadow: 0 0 12px rgba(180,243,106,.72); animation: none; }
.atlas-result-list { display: grid; grid-template-columns: repeat(var(--result-count, 3), minmax(0,1fr)); gap: .55rem; }
.atlas-result-card { --result-accent: var(--cyan); min-width: 0; padding: .8rem; display: flex; flex-direction: column; border: 1px solid color-mix(in srgb, var(--result-accent) 25%, transparent); border-radius: .9rem; background: linear-gradient(155deg, color-mix(in srgb, var(--result-accent) 8%, rgba(255,255,255,.025)), rgba(255,255,255,.018)); animation: result-arrive .52s cubic-bezier(.18,.82,.24,1.08) both; animation-delay: calc(var(--result-index, 0) * 70ms); }
.atlas-result-card:first-child { border-color: color-mix(in srgb, var(--result-accent) 62%, transparent); box-shadow: inset 0 0 24px color-mix(in srgb, var(--result-accent) 6%, transparent); }
.atlas-result-rank { display: flex; justify-content: space-between; align-items: center; gap: .4rem; color: var(--result-accent); font-size: .53rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.atlas-result-rank em { overflow: hidden; color: var(--muted); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.atlas-result-card h3 { margin: .72rem 0 .45rem; font-size: 1.05rem; letter-spacing: -.035em; }
.atlas-result-card p { margin: 0 0 .75rem; color: var(--muted); font-size: .66rem; line-height: 1.45; }
.atlas-result-card a { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: white; font-size: .64rem; font-weight: 850; }
.atlas-result-card a span { color: var(--result-accent); }
.atlas-result-method { margin: .7rem .15rem 0; color: #747d96; font-size: .58rem; line-height: 1.45; }
.quick-links { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; align-items: center; font-size: .72rem; color: var(--muted); }
.quick-links a { padding: .25rem .5rem; color: var(--soft); border-bottom: 1px solid var(--line); }

.hero-atlas { position: relative; z-index: 1; align-self: center; justify-self: center; width: min(100%, 33rem); aspect-ratio: 1; transform-style: preserve-3d; }
.hero-atlas::before, .hero-atlas::after { content: ""; position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: inset 0 0 70px rgba(84,230,255,.025); }
.hero-atlas::after { inset: 23%; border-color: rgba(166,124,255,.2); border-style: dashed; animation: spin 25s linear infinite reverse; }
.atlas-core {
  --orb-x: 34%;
  --orb-y: 27%;
  --orb-tilt-x: 0deg;
  --orb-tilt-y: 0deg;
  position: absolute;
  z-index: 3;
  inset: 28%;
  display: grid;
  place-items: center;
  border-radius: 50%;
  transform-style: preserve-3d;
}
.core-aura {
  position: absolute;
  inset: -42%;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.2) 0 6%, rgba(84,230,255,.15) 18%, rgba(166,124,255,.12) 38%, transparent 68%);
  filter: blur(5px);
  opacity: .82;
  animation: core-breathe 4.8s ease-in-out infinite;
}
.intelligence-orb {
  position: absolute;
  z-index: 4;
  inset: 7%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 50%;
  background:
    radial-gradient(circle at var(--orb-x) var(--orb-y), #fff 0 6%, #eefeff 13%, #bfefff 27%, #8c8de4 48%, #3b285f 66%, #090b18 86%);
  box-shadow:
    0 0 14px rgba(255,255,255,.68),
    0 0 45px rgba(84,230,255,.38),
    0 0 96px rgba(166,124,255,.28),
    inset -1.4rem -1.6rem 2.4rem rgba(4,5,14,.72),
    inset .7rem .7rem 1.6rem rgba(255,255,255,.56);
  transform: perspective(550px) rotateX(var(--orb-tilt-x)) rotateY(var(--orb-tilt-y));
  transition: transform .16s ease-out, filter .25s ease, box-shadow .25s ease;
}
.intelligence-orb::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    conic-gradient(from 35deg at 50% 50%, transparent 0 10%, rgba(255,255,255,.45) 12%, transparent 15% 34%, rgba(84,230,255,.3) 38%, transparent 44% 68%, rgba(255,143,188,.24) 72%, transparent 77%);
  mix-blend-mode: screen;
  animation: intelligence-sweep 13s linear infinite;
}
.intelligence-orb::after {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  box-shadow: inset 0 0 20px rgba(255,255,255,.2);
}
.atlas-core:hover .intelligence-orb { filter: brightness(1.09) saturate(1.14); box-shadow: 0 0 18px rgba(255,255,255,.82), 0 0 58px rgba(84,230,255,.48), 0 0 112px rgba(166,124,255,.34), inset -1.4rem -1.6rem 2.4rem rgba(4,5,14,.68), inset .7rem .7rem 1.6rem rgba(255,255,255,.66); }
.atlas-core.is-recommending .intelligence-orb,
.atlas-core.is-recommending:hover .intelligence-orb { border-color: #ff304f; filter: brightness(1.08) saturate(1.2); box-shadow: 0 0 18px rgba(255,48,79,.95), 0 0 60px rgba(255,48,79,.5), 0 0 118px rgba(166,124,255,.32), inset -1.4rem -1.6rem 2.4rem rgba(18,2,9,.7), inset .7rem .7rem 1.6rem rgba(255,215,225,.55); }
.atlas-core.is-recommending .intelligence-orb::after { border-color: rgba(255,48,79,.82); box-shadow: inset 0 0 24px rgba(255,48,79,.38), 0 0 18px rgba(255,48,79,.42); }
.atlas-core.is-recommending .core-aura { background: radial-gradient(circle, rgba(255,255,255,.18) 0 6%, rgba(255,48,79,.22) 20%, rgba(166,124,255,.13) 40%, transparent 70%); }
.orb-mind {
  position: absolute;
  z-index: 3;
  inset: 28%;
  border: 1px solid rgba(217,250,255,.72);
  border-radius: 50%;
  background: radial-gradient(circle at 42% 38%, #fff 0 3%, var(--cyan) 5%, #302364 18%, #050610 55%, #010208 100%);
  box-shadow: 0 0 25px rgba(84,230,255,.58), inset 0 0 18px rgba(166,124,255,.36);
}
.orb-mind::before, .orb-mind::after {
  content: "";
  position: absolute;
  inset: -25%;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  transform: rotateX(70deg) rotateZ(28deg);
}
.orb-mind::after { inset: -42%; border-color: rgba(84,230,255,.32); transform: rotateY(68deg) rotateZ(-22deg); }
.orb-mind i { position: absolute; z-index: 2; width: .3rem; height: .3rem; border-radius: 50%; background: white; box-shadow: 0 0 10px white, 0 0 18px var(--cyan); animation: mind-pulse 2.6s ease-in-out infinite; }
.orb-mind i:nth-child(1) { left: 18%; top: 35%; }
.orb-mind i:nth-child(2) { right: 19%; top: 24%; animation-delay: -.7s; }
.orb-mind i:nth-child(3) { right: 24%; bottom: 20%; animation-delay: -1.4s; }
.orb-mind i:nth-child(4) { left: 27%; bottom: 16%; animation-delay: -2.1s; }
.intelligence-ring {
  position: absolute;
  z-index: 2;
  inset: -5%;
  border: 1px solid rgba(215,248,255,.36);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(84,230,255,.15);
  transform-style: preserve-3d;
}
.intelligence-ring b { position: absolute; left: 9%; top: 48%; width: .42rem; height: .42rem; border-radius: 50%; background: white; box-shadow: 0 0 12px white, 0 0 24px var(--cyan); }
.ring-one { transform: rotateX(68deg) rotateZ(0deg); animation: core-ring-one 12s linear infinite; }
.ring-two { inset: -14%; border-color: rgba(255,143,188,.25); transform: rotateY(68deg) rotateZ(0deg); animation: core-ring-two 16s linear infinite; }
.ring-two b { left: auto; right: 13%; top: 31%; background: #ffd8eb; box-shadow: 0 0 12px white, 0 0 24px var(--pink); }
.core-title { position: absolute; z-index: 6; left: 50%; bottom: 13%; display: grid; justify-items: center; transform: translateX(-50%); text-shadow: 0 1px 10px #050610, 0 0 12px rgba(84,230,255,.9); white-space: nowrap; }
.core-title b { color: white; font-size: .7rem; line-height: 1; letter-spacing: .12em; }
.core-title small { margin-top: .23rem; color: #dffaff; font-size: .38rem; font-weight: 900; letter-spacing: .17em; }
.orbit {
  --orbit-accent: var(--cyan);
  position: absolute;
  z-index: 4;
  width: clamp(6.2rem, 7.8vw, 7.3rem);
  height: clamp(6.2rem, 7.8vw, 7.3rem);
  padding: .72rem .55rem .62rem;
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: center;
  border: 3px solid transparent;
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--orbit-accent) 20%, transparent), transparent 48%) padding-box,
    linear-gradient(150deg, rgba(16,19,34,.96), rgba(7,9,18,.91)) padding-box,
    linear-gradient(130deg, #55e8ff 0%, #8b76ff 52%, #ff8fbc 100%) border-box;
  box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 0 22px color-mix(in srgb, var(--orbit-accent) 10%, transparent);
  backdrop-filter: blur(14px);
  backface-visibility: hidden;
  will-change: transform;
  transition: box-shadow .25s ease, filter .25s ease;
}
.orbit:hover, .orbit:focus-visible {
  outline: none;
  filter: brightness(1.1) saturate(1.08);
  box-shadow: 0 20px 52px rgba(0,0,0,.46), 0 0 34px color-mix(in srgb, var(--orbit-accent) 28%, transparent);
}
.orbit-logo { width: 3.15rem; height: 3.15rem; display: grid; place-items: center; font-style: normal; transition: transform .24s ease; }
.orbit:hover .orbit-logo, .orbit:focus-visible .orbit-logo { transform: scale(1.09) rotate(-2deg); }
.orbit-logo img { width: 100%; height: 100%; object-fit: contain; border-radius: .72rem; }
.orbit-logo.elevate-logo img { width: 2.8rem; height: 2.8rem; }
.orbit > span { display: grid; justify-items: center; gap: .08rem; line-height: 1; }
.orbit > span b { max-width: 6.1rem; overflow: hidden; color: white; font-size: .65rem; font-weight: 850; letter-spacing: -.01em; text-overflow: ellipsis; white-space: nowrap; }
.orbit > span small { color: #c6cad8; font-size: .48rem; font-weight: 850; letter-spacing: .11em; }
.orbit-a { --orbit-accent: var(--cyan); top: -2%; left: 35%; animation: float-a 5.5s ease-in-out infinite; }
.orbit-b { --orbit-accent: var(--pink); top: 35%; right: -2%; animation: float-b 6s ease-in-out infinite; }
.orbit-c { --orbit-accent: var(--violet); bottom: -1%; left: 33%; animation: float-a 6.7s ease-in-out infinite reverse; }
.orbit-d { --orbit-accent: var(--orange); top: 36%; left: -2%; animation: float-b 5.8s ease-in-out infinite reverse; }
.orbit.is-rebounding .orbit-logo { animation: orbit-rebound .52s cubic-bezier(.18,.9,.25,1.35); }
.hero-atlas.has-recommendations .orbit { transition: opacity .35s ease, box-shadow .35s ease, filter .35s ease; }
.hero-atlas.has-recommendations .orbit:not(.is-recommended) { opacity: .58; filter: saturate(.7) brightness(.78); }
.orbit.is-recommended { z-index: 6; filter: brightness(1.18) saturate(1.22); box-shadow: 0 22px 58px rgba(0,0,0,.5), 0 0 44px color-mix(in srgb, var(--orbit-accent) 48%, transparent); }
.orbit.is-recommended .orbit-logo { --recommended-scale: 1.18; animation: orbit-recommend 1.15s cubic-bezier(.18,.86,.24,1.18) both; filter: drop-shadow(0 0 13px color-mix(in srgb, var(--orbit-accent) 70%, transparent)); }
.orbit.is-primary-recommendation .orbit-logo { --recommended-scale: 1.3; }
.recommendation-vfx { position: absolute; z-index: 5; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; animation: vfx-arrive .4s ease both; }
.recommendation-beam path { fill: none; stroke-linecap: round; }
.recommendation-beam-glow { stroke-width: 13; opacity: .3; filter: blur(5px); animation: beam-breathe 1.15s ease-in-out infinite; }
.recommendation-beam-core { stroke-width: 3; stroke-dasharray: 12 10; filter: drop-shadow(0 0 5px rgba(255,255,255,.7)); animation: beam-flow .72s linear infinite; }
.recommendation-beam-wave { stroke-width: 1.2; stroke-dasharray: 2 15; opacity: .95; animation: beam-flow 1.05s linear infinite reverse; }
.recommendation-impact { stroke: rgba(255,255,255,.85); stroke-width: 1; transform-box: fill-box; transform-origin: center; animation: impact-pulse 1s ease-in-out infinite; }
.orbit-preview {
  --promo-angle: 0deg;
  --promo-scale: .01;
  --promo-mini-scale: .5;
  position: fixed;
  z-index: 350;
  left: 50%;
  top: 50%;
  width: var(--promo-width, 42rem);
  opacity: 0;
  pointer-events: none;
  filter: blur(4px) brightness(.72);
  transform: translate(-50%,-50%) rotate(var(--promo-angle)) scale(var(--promo-scale));
  transform-origin: center;
  will-change: left, top, transform, opacity;
  transition: opacity .48s ease, transform .66s cubic-bezier(.18,.88,.22,1.12), filter .48s ease;
}
.orbit-preview.is-visible { --promo-scale: var(--promo-mini-scale); opacity: 1; pointer-events: auto; filter: blur(0) brightness(1); }
.orbit-preview.is-expanded { --promo-scale: 1; transition: left .72s cubic-bezier(.2,.78,.18,1), top .72s cubic-bezier(.2,.78,.18,1), opacity .48s ease, transform .76s cubic-bezier(.18,.82,.22,1.05), filter .48s ease; }
.orbit-preview.is-closing { --promo-scale: .01; opacity: 0; pointer-events: none; filter: blur(5px) brightness(.68); transition: left .68s ease, top .68s ease, opacity .62s ease, transform .68s cubic-bezier(.5,0,.72,.25), filter .56s ease; }
.orbit-preview-card { overflow: hidden; border: 3px solid transparent; border-radius: 1.35rem; background: linear-gradient(155deg, rgba(6,8,18,.985), rgba(2,3,9,.985)) padding-box, linear-gradient(118deg, #55e8ff, #8b76ff 53%, #ff8fbc) border-box; box-shadow: 0 30px 90px rgba(0,0,0,.72), 0 0 42px rgba(84,230,255,.2), 0 0 75px rgba(166,124,255,.13); cursor: pointer; }
.orbit-preview-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #05060d var(--promo-thumb) center / cover no-repeat; }
.orbit-preview-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(1,2,8,.08), transparent 64%, rgba(1,2,8,.62)); }
.orbit-preview iframe { width: 100%; height: 100%; border: 0; pointer-events: none; opacity: 0; transition: opacity .3s ease; }
.orbit-preview.video-ready iframe { opacity: 1; }
.orbit-preview-label { position: absolute; z-index: 2; top: .75rem; left: .75rem; display: flex; align-items: center; gap: .45rem; padding: .42rem .62rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(3,5,13,.76); color: #eafcff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.orbit-preview-label::before { content: ""; width: .42rem; height: .42rem; border-radius: 50%; background: #ff4f72; box-shadow: 0 0 10px rgba(255,79,114,.88); }
.orbit-preview-footer { min-height: 3.3rem; padding: .68rem .85rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(90deg, rgba(84,230,255,.065), rgba(166,124,255,.06), rgba(255,143,188,.065)); }
.orbit-preview-footer span { min-width: 0; display: grid; line-height: 1.15; }
.orbit-preview-footer small { color: var(--muted); font-size: .52rem; letter-spacing: .08em; text-transform: uppercase; }
.orbit-preview-footer strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.orbit-preview-footer a { flex: 0 0 auto; padding: .48rem .68rem; border: 1px solid rgba(84,230,255,.34); border-radius: .65rem; background: rgba(84,230,255,.07); color: #e7fcff; font-size: .58rem; font-weight: 850; }
.scan-line { position: absolute; left: 14%; right: 14%; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 18px var(--cyan); animation: scan 5s ease-in-out infinite; }
.hero-stats { grid-column: 1 / -1; position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); border-radius: 1rem; overflow: hidden; background: var(--line); }
.hero-stats div { display: flex; align-items: baseline; gap: .75rem; padding: 1rem 1.2rem; background: rgba(5,6,13,.68); }
.hero-stats strong { font-size: 1.6rem; }
.hero-stats span { color: var(--muted); font-size: .72rem; }

.deal-stage { padding-top: clamp(4.5rem, 8vw, 7rem); }
.deal-track { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
.deal-slide { position: relative; min-height: 18rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.35rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); transition: transform .28s, border-color .28s; }
.deal-slide::before { content: ""; position: absolute; width: 13rem; height: 13rem; top: -6rem; right: -5rem; border-radius: 50%; background: var(--accent); filter: blur(60px); opacity: .2; }
.deal-slide:hover { transform: translateY(-.5rem); border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
.deal-slide > span { position: absolute; top: 1.2rem; left: 1.2rem; font-size: .65rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.deal-slide strong { position: relative; font-size: clamp(2rem, 3.2vw, 3.5rem); line-height: .9; letter-spacing: -.06em; color: var(--accent); }
.deal-slide em { position: relative; margin-top: .75rem; color: var(--soft); font-style: normal; font-size: .82rem; }
.deal-slide svg { position: absolute; right: 1.2rem; bottom: 1.2rem; width: 1.2rem; fill: none; stroke: white; }
.section-note { margin: 1.1rem 0 0; color: var(--muted); font-size: .7rem; }
.accent-cyan { --accent: var(--cyan); }
.accent-violet { --accent: var(--violet); }
.accent-orange { --accent: var(--orange); }
.accent-lime { --accent: var(--lime); }

.tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.tool-card { position: relative; min-height: 28rem; display: flex; flex-direction: column; padding: 1.35rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(160deg, rgba(21,24,42,.86), rgba(10,11,20,.78)); transform-style: preserve-3d; transition: transform .25s ease, border-color .25s, box-shadow .25s; }
.tool-card:hover { border-color: color-mix(in srgb, var(--accent) 44%, transparent); box-shadow: 0 25px 60px color-mix(in srgb, var(--accent) 8%, transparent); }
.card-glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at var(--mx, 50%) var(--my, 30%), color-mix(in srgb, var(--accent) 18%, transparent), transparent 36%); opacity: .7; }
.tool-card-top { position: relative; display: flex; justify-content: space-between; align-items: center; }
.tool-mark { width: 3.1rem; height: 3.1rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--accent) 50%, transparent); border-radius: .9rem; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-size: .86rem; font-weight: 900; box-shadow: inset 0 0 20px color-mix(in srgb, var(--accent) 8%, transparent); }
.tool-mark.large { width: 4.8rem; height: 4.8rem; border-radius: 1.25rem; font-size: 1.2rem; }
.status-dot { display: flex; align-items: center; gap: .45rem; color: var(--muted); font-size: .58rem; }
.status-dot::before { content: ""; width: .42rem; height: .42rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.tool-category { position: relative; margin: 3rem 0 .6rem; color: var(--accent); font-size: .63rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.tool-card h3 { position: relative; margin-bottom: 1rem; font-size: 2.4rem; }
.tool-card > p:not(.tool-category) { position: relative; margin: 0; color: var(--muted); font-size: .86rem; }
.deal-chip { position: relative; margin: auto 0 1.2rem; padding: .9rem; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .6rem .7rem; border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: .85rem; background: color-mix(in srgb, var(--accent) 5%, transparent); }
.deal-chip svg { grid-row: 1 / span 2; width: 1.05rem; fill: none; stroke: var(--accent); stroke-width: 1.6; }
.deal-chip strong { color: var(--accent); font-size: .68rem; letter-spacing: .07em; }
.mini-code { grid-column: 2; color: var(--muted); font-size: .58rem; }
.tool-card .card-link { position: relative; }
.tool-card.compact { min-height: 23rem; }

.category-grid { display: grid; grid-template-columns: 1.1fr .9fr .9fr; gap: 1rem; }
.category-card { position: relative; min-height: 30rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(20,22,38,.85), rgba(8,9,17,.7)); transition: transform .3s, border-color .3s; }
.category-card:hover { transform: translateY(-.4rem); border-color: var(--line-strong); }
.category-index { position: absolute; top: 1.3rem; left: 1.3rem; color: var(--muted); font-size: .63rem; letter-spacing: .14em; }
.category-card > p { margin: 0 0 .55rem; color: var(--muted); font-size: .75rem; }
.category-card h3 { margin: 0; font-size: clamp(2.2rem, 4vw, 4rem); }
.category-card em { color: var(--muted); font-size: .7rem; font-style: normal; }
.category-card > svg { position: absolute; bottom: 1.5rem; right: 1.5rem; width: 1.2rem; fill: none; stroke: white; }
.category-visual { position: absolute; inset: 3.8rem 1.5rem 9rem; }
.cube-visual { perspective: 600px; }
.cube-visual i { position: absolute; left: 50%; top: 50%; width: 9rem; height: 9rem; margin: -4.5rem; border: 1px solid rgba(84,230,255,.36); transform: rotateX(60deg) rotateZ(45deg); box-shadow: 0 0 50px rgba(84,230,255,.08); }
.cube-visual i:nth-child(2) { transform: rotateX(60deg) rotateZ(45deg) translateZ(3rem); border-color: rgba(166,124,255,.5); }
.cube-visual i:nth-child(3) { width: 4rem; height: 4rem; margin: -2rem; background: rgba(84,230,255,.08); animation: pulse 3s ease-in-out infinite; }
.timeline-visual i { position: absolute; left: 8%; right: 8%; height: 2.3rem; border: 1px solid rgba(180,243,106,.28); border-radius: .5rem; background: linear-gradient(90deg, rgba(180,243,106,.15) 62%, transparent 62%); }
.timeline-visual i:nth-child(1) { top: 18%; }
.timeline-visual i:nth-child(2) { top: 44%; left: 20%; background: linear-gradient(90deg, rgba(84,230,255,.13) 40%, transparent 40%); }
.timeline-visual i:nth-child(3) { top: 70%; right: 25%; background: linear-gradient(90deg, rgba(166,124,255,.16) 78%, transparent 78%); }
.frame-visual { border: 1px solid rgba(255,159,90,.25); border-radius: 1rem; background: radial-gradient(circle at 70% 35%, rgba(255,159,90,.25), transparent 25%); }
.frame-visual::before { content: "Aa"; position: absolute; left: 10%; bottom: 12%; color: rgba(255,255,255,.85); font-size: clamp(3rem, 7vw, 6rem); font-weight: 900; letter-spacing: -.1em; }
.frame-visual i { position: absolute; border: 1px solid rgba(255,255,255,.22); }
.frame-visual i:nth-child(1) { width: 3rem; height: 3rem; top: 12%; left: 12%; }
.frame-visual i:nth-child(2) { width: 6rem; height: 1px; top: 24%; right: 10%; }
.frame-visual i:nth-child(3) { width: 1px; height: 6rem; top: 10%; right: 25%; }

.proof-stage { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 7vw, 7rem); align-items: center; }
.proof-copy > p:not(.eyebrow) { max-width: 39rem; color: var(--muted); }
.proof-points { display: grid; gap: .75rem; margin: 2rem 0; }
.proof-points span { display: flex; gap: .75rem; align-items: center; color: var(--soft); font-size: .82rem; }
.proof-points svg { width: 1rem; fill: none; stroke: var(--lime); stroke-width: 1.8; }
.proof-terminal { overflow: hidden; border: 1px solid rgba(84,230,255,.25); border-radius: 1.4rem; background: rgba(5,7,14,.86); box-shadow: 0 35px 90px rgba(0,0,0,.38), 0 0 70px rgba(84,230,255,.06); transform: rotate(1.5deg); }
.terminal-bar { height: 3rem; display: flex; align-items: center; gap: .45rem; padding: 0 1rem; border-bottom: 1px solid var(--line); }
.terminal-bar span { width: .55rem; height: .55rem; border-radius: 50%; background: #ff6b6b; }
.terminal-bar span:nth-child(2) { background: #ffd66b; }
.terminal-bar span:nth-child(3) { background: var(--lime); }
.terminal-bar b { margin-left: .5rem; color: var(--muted); font: 500 .65rem ui-monospace, monospace; }
.proof-terminal pre { margin: 0; padding: 2rem; overflow: auto; color: #d9deeb; font: .82rem/1.9 ui-monospace, SFMono-Regular, Consolas, monospace; }
.proof-terminal code b { color: var(--cyan); font-weight: 500; }
.proof-terminal code i { color: var(--orange); font-style: normal; }
.proof-terminal code > span { color: var(--violet); }
.terminal-status { padding: .85rem 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .65rem; }
.terminal-status i { display: inline-block; width: .45rem; height: .45rem; margin-right: .5rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }

.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.video-grid.two-up { grid-template-columns: repeat(2, minmax(0,1fr)); }
.video-card { overflow: hidden; border: 1px solid var(--line); border-radius: 1.35rem; background: rgba(16,18,31,.76); }
.video-shell { position: relative; width: 100%; aspect-ratio: 16 / 9; display: block; overflow: hidden; padding: 0; border: 0; background: #070810; cursor: pointer; }
.video-shell img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.65) contrast(1.08); opacity: .74; transition: transform .55s, filter .35s, opacity .35s; }
.video-shell:hover img { transform: scale(1.045); filter: saturate(1) contrast(1.03); opacity: .92; }
.video-shell iframe { width: 100%; height: 100%; border: 0; }
.play-button { position: absolute; left: 50%; top: 50%; width: 4rem; height: 4rem; margin: -2rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(6,7,13,.78); backdrop-filter: blur(10px); box-shadow: 0 0 45px color-mix(in srgb, var(--accent) 25%, transparent); transition: transform .25s, background .25s; }
.play-button svg { width: 1.2rem; fill: white; stroke: none; margin-left: .2rem; }
.video-shell:hover .play-button { transform: scale(1.08); background: var(--accent); color: black; }
.video-label { position: absolute; top: 1rem; left: 1rem; padding: .45rem .65rem; border-radius: .55rem; background: rgba(6,7,13,.78); color: var(--soft); font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.video-copy { min-height: 8.5rem; padding: 1.2rem; }
.video-copy p { margin: 0 0 .55rem; color: var(--accent); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.video-copy h3 { margin: 0; font-size: 1.35rem; line-height: 1.15; }
.tone-shift { position: relative; }
.tone-shift::before { content: ""; position: absolute; inset: 1rem 0; z-index: -1; background: linear-gradient(90deg, transparent, rgba(166,124,255,.04), transparent); }

.blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.blog-card { min-height: 24rem; display: flex; flex-direction: column; padding: 1.4rem; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(155deg, rgba(18,20,34,.8), rgba(10,11,20,.62)); }
.blog-meta, .blog-card > div:last-child { display: flex; justify-content: space-between; align-items: center; gap: 1rem; color: var(--muted); font-size: .62rem; }
.blog-meta span { color: var(--cyan); text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.blog-card h3 { margin: 3rem 0 1rem; font-size: 2rem; line-height: 1.08; }
.blog-card h3 a:hover { color: var(--cyan); }
.blog-card > p { margin: 0; color: var(--muted); font-size: .84rem; }
.blog-card > div:last-child { margin-top: auto; padding-top: 2rem; }

.company-cta { width: min(calc(100% - 1.5rem), 1400px); margin-bottom: 1rem; padding: clamp(3rem, 7vw, 6rem); display: flex; align-items: end; justify-content: space-between; gap: 2rem; border-radius: 2.2rem; background: linear-gradient(110deg, #55e8ff, #8b76ff 48%, #ff8f69); color: #080910; }
.company-cta h2 { max-width: 12ch; margin-bottom: 1rem; }
.company-cta p:not(.eyebrow) { max-width: 40rem; margin-bottom: 0; }

.site-footer { position: relative; width: min(calc(100% - 1.5rem), 1400px); margin: 0 auto .75rem; overflow: hidden; border: 1px solid var(--line); border-radius: 2rem; background: rgba(9,10,18,.88); }
.footer-main { position: relative; z-index: 2; display: grid; grid-template-columns: 1.55fr repeat(3,1fr); gap: 2rem; padding: clamp(2.5rem, 6vw, 5rem); }
.footer-main > div { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; }
.footer-main h2 { margin: 0 0 .7rem; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-main p, .footer-main a { color: var(--muted); font-size: .74rem; }
.footer-main a:hover { color: white; }
.footer-main > div:first-child p { max-width: 22rem; }
.footer-brand { margin-bottom: .8rem; }
.micro { margin-top: .7rem; font-size: .63rem !important; }
.footer-bottom { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 2rem; border-top: 1px solid var(--line); color: #6f7588; font-size: .6rem; }
.footer-orbit { position: absolute; width: 30rem; height: 30rem; right: -12rem; top: -18rem; border: 1px solid rgba(84,230,255,.08); border-radius: 50%; }
.footer-orbit span { position: absolute; inset: 20%; border: 1px solid rgba(166,124,255,.09); border-radius: 50%; }
.footer-orbit span:nth-child(2) { inset: 38%; }
.footer-orbit span:nth-child(3) { inset: 48%; background: rgba(84,230,255,.06); }

.page-hero { position: relative; width: min(calc(100% - 1.5rem), 1400px); min-height: 68vh; margin: 1rem auto 0; padding: clamp(5rem, 10vw, 9rem) clamp(1.4rem, 7vw, 7rem); display: flex; align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 2.2rem; background: radial-gradient(circle at 78% 32%, rgba(84,230,255,.12), transparent 24rem), linear-gradient(145deg, rgba(17,19,33,.92), rgba(7,8,16,.88)); }
.page-hero::after { content: ""; position: absolute; width: 38rem; height: 38rem; right: -10rem; top: -12rem; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(255,255,255,.012), 0 0 0 10rem rgba(255,255,255,.009); }
.page-hero > div:first-child { position: relative; z-index: 2; max-width: 65rem; }
.page-hero h1 { margin-bottom: 1.5rem; }
.page-hero > div:first-child > p:not(.eyebrow) { max-width: 47rem; color: var(--soft); font-size: 1.05rem; }
.compact-hero { min-height: 61vh; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 3rem; color: var(--muted); font-size: .65rem; }
.breadcrumb a:hover { color: white; }
.breadcrumb i { font-style: normal; color: #4e5364; }

.catalogue-controls { position: sticky; top: 6.4rem; z-index: 20; display: grid; grid-template-columns: minmax(15rem,1fr) auto auto; gap: 1rem; align-items: center; padding: .75rem; margin-bottom: 2rem; border: 1px solid var(--line); border-radius: 1.2rem; background: rgba(9,10,18,.88); backdrop-filter: blur(20px); }
.catalogue-search input { width: 100%; min-height: 3rem; padding: 0 1rem; border: 1px solid var(--line); border-radius: .75rem; outline: none; background: rgba(255,255,255,.035); color: white; }
.catalogue-search input:focus { border-color: rgba(84,230,255,.55); }
.filter-row { display: flex; gap: .4rem; }
.filter-row button { min-height: 2.7rem; padding: 0 .8rem; border: 1px solid transparent; border-radius: .7rem; background: transparent; color: var(--muted); font-size: .67rem; font-weight: 750; cursor: pointer; }
.filter-row button:hover, .filter-row button.active { border-color: var(--line); background: rgba(255,255,255,.06); color: white; }
.result-count { color: var(--muted); font-size: .65rem; white-space: nowrap; }
.empty-state { padding: 5rem 1rem; text-align: center; color: var(--muted); }
.empty-state strong { color: white; font-size: 1.5rem; }
.slim-cta { display: flex; justify-content: space-between; align-items: end; gap: 2rem; border-top: 1px solid var(--line); }
.slim-cta h2 { margin: 0; font-size: clamp(2rem,4vw,3.5rem); }

.deals-hero { justify-content: space-between; gap: 4rem; }
.deal-burst { position: relative; z-index: 2; flex: 0 0 min(29vw, 21rem); aspect-ratio: 1; display: grid; place-content: center; text-align: center; border: 1px solid rgba(166,124,255,.42); border-radius: 50%; background: radial-gradient(circle, rgba(166,124,255,.26), rgba(9,10,20,.68) 65%); box-shadow: 0 0 100px rgba(166,124,255,.16), inset 0 0 50px rgba(255,255,255,.03); }
.deal-burst::before { content: ""; position: absolute; inset: -1.2rem; border: 1px dashed rgba(84,230,255,.28); border-radius: 50%; animation: spin 28s linear infinite; }
.deal-burst span, .deal-burst em { font-size: .63rem; font-weight: 850; letter-spacing: .14em; font-style: normal; }
.deal-burst strong { font-size: 6rem; line-height: 1; letter-spacing: -.09em; color: var(--violet); }
.deals-list { display: grid; gap: 1rem; }
.deal-panel { position: relative; display: grid; grid-template-columns: .72fr 1.7fr .75fr; gap: clamp(1.2rem,4vw,4rem); align-items: center; padding: clamp(1.4rem,4vw,3.5rem); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(130deg, color-mix(in srgb, var(--accent) 7%, transparent), rgba(15,17,29,.84)); }
.deal-panel::before { content: ""; position: absolute; width: 18rem; height: 18rem; left: -9rem; top: -9rem; background: var(--accent); border-radius: 50%; filter: blur(90px); opacity: .13; }
.deal-number { position: relative; color: var(--accent); font-size: clamp(2.8rem,6vw,6.6rem); font-weight: 900; line-height: .85; letter-spacing: -.07em; }
.deal-panel-copy { position: relative; }
.deal-panel-copy > p:first-child { color: var(--accent); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.deal-panel-copy h2 { margin: .8rem 0; font-size: 2.3rem; }
.deal-panel-copy h3 { margin-bottom: .7rem; font-size: 1.4rem; }
.deal-panel-copy > p { color: var(--muted); font-size: .82rem; }
.deal-panel-copy small { display: block; margin-top: .9rem; color: #777e91; font-size: .6rem; }
.code-stack { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }
.code-box, .hero-code { position: relative; display: grid; gap: .2rem; min-width: 13rem; text-align: left; border: 1px dashed color-mix(in srgb, var(--accent) 48%, transparent); border-radius: .85rem; background: color-mix(in srgb, var(--accent) 5%, transparent); cursor: pointer; }
.code-box { padding: .75rem .9rem; }
.code-box span, .hero-code span { color: var(--muted); font-size: .58rem; }
.code-box strong, .hero-code strong { color: var(--accent); font: 800 .9rem ui-monospace, monospace; letter-spacing: .04em; }
.code-box em, .hero-code em { position: absolute; right: .75rem; top: .75rem; color: var(--soft); font-size: .54rem; font-style: normal; }
.code-box.copied, .hero-code.copied { border-style: solid; background: color-mix(in srgb, var(--lime) 10%, transparent); }
.no-code { cursor: default; }
.deal-panel-action { position: relative; display: grid; justify-items: start; gap: 1rem; }
.deal-panel-action .button { width: 100%; }
.rule-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.rule-grid article { padding: 1.5rem; border-top: 1px solid var(--line-strong); }
.rule-grid b { color: var(--cyan); font-size: .65rem; letter-spacing: .12em; }
.rule-grid h3 { margin: 3rem 0 1rem; font-size: 1.7rem; }
.rule-grid p { color: var(--muted); font-size: .82rem; }

.category-hero { min-height: 74vh; }
.category-hero-art { position: absolute !important; right: 7%; width: min(34vw, 28rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }
.category-hero-art::before, .category-hero-art::after { content: ""; position: absolute; inset: 15%; border: 1px dashed var(--line-strong); border-radius: 50%; animation: spin 24s linear infinite; }
.category-hero-art::after { inset: 30%; animation-direction: reverse; }
.category-hero-art b { font-size: clamp(3rem,8vw,7rem); letter-spacing: -.1em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.65); }
.category-hero-art i { position: absolute; width: .7rem; height: .7rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); }
.category-hero-art i:nth-child(1) { top: 10%; }
.category-hero-art i:nth-child(2) { right: 5%; bottom: 28%; background: var(--violet); }
.category-hero-art i:nth-child(3) { left: 13%; bottom: 10%; background: var(--orange); }
.category-hero > div:first-child { max-width: 54%; }
.workflow-strip { padding-top: 4rem; padding-bottom: 3rem; }

.tool-hero { width: min(calc(100% - 1.5rem), 1400px); min-height: 76vh; margin: 1rem auto 0; padding: clamp(2rem,6vw,6rem); display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem,7vw,7rem); align-items: center; border: 1px solid var(--line); border-radius: 2.2rem; background: radial-gradient(circle at 78% 25%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 25rem), linear-gradient(145deg, rgba(17,19,33,.94), rgba(7,8,16,.9)); }
.tool-identity { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.tool-identity p { color: var(--accent); font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.tool-hero-copy h1 { margin: 0; font-size: clamp(4.2rem,9vw,9rem); }
.tool-hero-copy h2 { max-width: 18ch; margin: .5rem 0 1.5rem; font-size: clamp(1.7rem,3vw,3rem); line-height: 1.05; }
.tool-hero-copy > p { max-width: 42rem; color: var(--soft); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }
.link-status { color: var(--muted); font-size: .64rem; }
.offer-console { padding: clamp(1.4rem,4vw,2.6rem); border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); border-radius: 1.5rem; background: rgba(7,8,16,.78); box-shadow: 0 30px 90px rgba(0,0,0,.35), inset 0 0 50px color-mix(in srgb, var(--accent) 4%, transparent); }
.console-top { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .6rem; text-transform: uppercase; letter-spacing: .09em; }
.offer-console > strong { display: block; margin: 3rem 0 .5rem; color: var(--accent); font-size: clamp(3rem,6vw,6.5rem); line-height: .82; letter-spacing: -.07em; }
.offer-console h2 { margin-bottom: 1rem; font-size: 1.7rem; }
.offer-console > p { color: var(--muted); font-size: .78rem; }
.hero-codes { display: grid; gap: .65rem; margin: 1.5rem 0; }
.hero-code { width: 100%; min-height: 4.7rem; padding: .75rem 1rem; }
.offer-console > small { display: block; color: #747a8e; font-size: .6rem; }
.verdict-bar { width: min(calc(100% - 3rem), 1120px); margin: -1.3rem auto 0; position: relative; z-index: 4; display: grid; grid-template-columns: auto 1fr; gap: 1.5rem; align-items: center; padding: 1rem 1.3rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(12,14,24,.95); box-shadow: 0 20px 50px rgba(0,0,0,.28); }
.verdict-bar span { color: var(--cyan); font-size: .62rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
.verdict-bar p { margin: 0; color: var(--soft); font-size: .78rem; }
.fit-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,7vw,7rem); }
.fit-columns h2 { font-size: clamp(2rem,4vw,3.5rem); }
.fit-list { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: .8rem; }
.fit-list li { display: flex; gap: .8rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--line); color: var(--soft); font-size: .82rem; }
.fit-list svg, .fit-list i { flex: 0 0 1.2rem; width: 1.2rem; }
.fit-list svg { fill: none; stroke: var(--lime); stroke-width: 1.7; }
.fit-list i { height: 1.2rem; display: grid; place-items: center; border: 1px solid var(--orange); border-radius: 50%; color: var(--orange); font-size: .6rem; font-style: normal; }
.method-section { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.method-card { min-height: 22rem; padding: 1.4rem; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(155deg, rgba(19,21,36,.8), rgba(9,10,18,.7)); }
.method-index { color: var(--cyan); font-size: .65rem; letter-spacing: .12em; }
.method-card h3 { margin: 8rem 0 1rem; font-size: 2rem; }
.method-card p { color: var(--muted); font-size: .82rem; }
.compact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 58rem; }

.article-shell { width: min(100%, calc(1120px + var(--pad) * 2)); margin: 0 auto; padding: clamp(4rem,9vw,8rem) var(--pad); }
.article-hero { max-width: 58rem; margin-bottom: 5rem; }
.article-hero h1 { font-size: clamp(3rem,7vw,6.6rem); }
.article-hero > p:not(.eyebrow) { max-width: 46rem; color: var(--soft); font-size: 1.1rem; }
.article-meta { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; margin-top: 2rem; color: var(--muted); font-size: .68rem; }
.article-layout { display: grid; grid-template-columns: minmax(0, 47rem) 14rem; justify-content: space-between; gap: 4rem; }
.article-body { color: #c9cedb; font-size: 1rem; }
.article-body > p { margin: 0 0 1.5rem; }
.article-body h2 { margin: 4rem 0 1.4rem; color: white; font-size: clamp(2rem,4vw,3.4rem); }
.article-body h3 { margin: 2.5rem 0 1rem; color: white; font-size: 1.55rem; }
.article-body ul, .article-body ol { margin: 1.3rem 0 2rem; padding-left: 1.4rem; }
.article-body li { margin-bottom: .75rem; padding-left: .35rem; }
.article-body a { color: var(--cyan); text-decoration: underline; text-underline-offset: .2rem; }
.article-body code { padding: .15rem .3rem; border-radius: .3rem; background: rgba(255,255,255,.08); color: var(--orange); }
.article-disclosure { margin-top: 4rem; padding: 1.4rem; border: 1px solid rgba(84,230,255,.2); border-radius: 1rem; background: rgba(84,230,255,.04); }
.article-disclosure strong { color: var(--cyan); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.article-disclosure p { margin-bottom: 0; font-size: .78rem; }
.article-side { position: relative; }
.article-side > div { position: sticky; top: 7rem; display: grid; gap: .65rem; padding-left: 1rem; border-left: 1px solid var(--line); color: var(--muted); font-size: .7rem; }
.article-side span { margin-bottom: .5rem; color: white; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.article-side a:hover { color: var(--cyan); }

.company-hero { min-height: 78vh; justify-content: space-between; gap: 3rem; }
.company-hero > div:first-child { max-width: 53rem; }
.company-signal { position: relative; z-index: 2; flex: 0 0 22rem; min-height: 26rem; padding: 2rem; display: grid; place-content: center; gap: .5rem; border: 1px solid rgba(84,230,255,.28); border-radius: 2rem; background: linear-gradient(145deg, rgba(84,230,255,.08), rgba(166,124,255,.08)); box-shadow: inset 0 0 80px rgba(84,230,255,.04); }
.company-signal span { color: var(--muted); font-size: .6rem; letter-spacing: .14em; }
.company-signal strong { font-size: 3.2rem; line-height: .85; letter-spacing: -.06em; }
.company-signal i { color: var(--cyan); font-style: normal; font-size: 1.2rem; }
.submission-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .75rem; }
.submission-grid article { min-height: 24rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: 1.2rem; background: rgba(16,18,30,.7); }
.submission-grid b { color: var(--cyan); font-size: .6rem; }
.submission-grid h3 { margin: 8rem 0 1rem; font-size: 1.45rem; }
.submission-grid p { color: var(--muted); font-size: .76rem; }
.sponsor-policy { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2rem,7vw,7rem); }
.policy-stamp { display: grid; grid-template-columns: auto 1fr; gap: .8rem 1rem; padding: 2rem; border: 1px solid var(--line); border-radius: 1.4rem; background: rgba(14,16,28,.76); }
.policy-stamp span { color: var(--muted); font-size: .65rem; letter-spacing: .1em; }
.policy-stamp strong { justify-self: end; color: var(--cyan); font-size: 1.1rem; }
.policy-page { display: grid; gap: 0; }
.policy-page article { display: grid; grid-template-columns: 7rem 1fr; gap: 2rem; padding: 3rem 0; border-top: 1px solid var(--line); }
.policy-page article > span { color: var(--cyan); font-size: 1.1rem; }
.policy-page h2 { margin-bottom: 1rem; font-size: clamp(2rem,4vw,3.5rem); }
.policy-page p { max-width: 49rem; color: var(--muted); }
.about-hero { min-height: 78vh; justify-content: space-between; }
.about-hero > div:first-child { max-width: 55rem; }
.about-rig { position: relative; z-index: 2; flex: 0 0 28rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }
.about-rig::before, .about-rig::after { content: ""; position: absolute; inset: 18%; border: 1px dashed rgba(84,230,255,.25); border-radius: 50%; animation: spin 24s linear infinite; }
.about-rig::after { inset: 34%; animation-direction: reverse; }
.about-rig b { font-size: 4rem; letter-spacing: -.08em; }
.about-rig span { position: absolute; padding: .45rem .6rem; border: 1px solid var(--line); border-radius: .5rem; background: rgba(8,9,16,.8); color: var(--muted); font-size: .58rem; }
.about-rig span:nth-child(1) { top: 4%; left: 42%; }
.about-rig span:nth-child(2) { right: 2%; top: 34%; }
.about-rig span:nth-child(3) { right: 13%; bottom: 12%; }
.about-rig span:nth-child(4) { left: 14%; bottom: 10%; }
.about-rig span:nth-child(5) { left: 0; top: 35%; }
.about-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.about-grid article { min-height: 30rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(15,17,29,.72); }
.about-grid span { color: var(--cyan); font-size: .62rem; letter-spacing: .12em; }
.about-grid h2 { margin: 8rem 0 1.3rem; font-size: clamp(2rem,3vw,3rem); }
.about-grid p { color: var(--muted); }
.not-found { min-height: 80vh; display: grid; place-items: center; padding: 7rem var(--pad); text-align: center; }
.not-found > div { max-width: 52rem; }
.not-found > div > span { color: var(--cyan); font-size: .7rem; letter-spacing: .15em; }
.not-found h1 { margin: 1.5rem 0; }
.not-found p { color: var(--muted); }
.not-found .hero-actions { justify-content: center; }

.reveal { opacity: 0; transform: translateY(1.4rem); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
[hidden] { display: none !important; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float-a { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-.8rem) rotate(2deg); } }
@keyframes float-b { 0%,100% { transform: translateX(0) rotate(2deg); } 50% { transform: translateX(.7rem) rotate(-2deg); } }
@keyframes core-breathe { 0%,100% { opacity: .62; transform: scale(.94); } 50% { opacity: .95; transform: scale(1.08); } }
@keyframes intelligence-sweep { to { transform: rotate(360deg); } }
@keyframes core-ring-one { to { transform: rotateX(68deg) rotateZ(360deg); } }
@keyframes core-ring-two { to { transform: rotateY(68deg) rotateZ(-360deg); } }
@keyframes mind-pulse { 0%,100% { opacity: .42; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes scan { 0%,100% { transform: translateY(-8rem); opacity: 0; } 30%,70% { opacity: .8; } 50% { transform: translateY(8rem); } }
@keyframes pulse { 50% { transform: rotateX(60deg) rotateZ(45deg) scale(1.15); box-shadow: 0 0 55px rgba(84,230,255,.2); } }
@keyframes orbit-rebound { 0% { transform: scale(1) rotate(0); } 34% { transform: scale(.82) rotate(-5deg); } 68% { transform: scale(1.2) rotate(4deg); } 100% { transform: scale(1) rotate(0); } }
@keyframes orbit-recommend { 0% { transform: scale(1) translateY(0); } 32% { transform: scale(1.48) translateY(-.4rem) rotate(-3deg); } 55% { transform: scale(1.06) translateY(.08rem) rotate(2deg); } 76% { transform: scale(1.3) translateY(-.12rem); } 100% { transform: scale(var(--recommended-scale)) translateY(0); } }
@keyframes result-arrive { from { opacity: 0; transform: translateY(.75rem) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes vfx-arrive { from { opacity: 0; } to { opacity: 1; } }
@keyframes beam-flow { to { stroke-dashoffset: -44; } }
@keyframes beam-breathe { 50% { opacity: .58; stroke-width: 17; } }
@keyframes impact-pulse { 0%,100% { opacity: .55; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.45); } }
@keyframes ai-button-flow { to { background-position: -180% 0; } }

@media (max-width: 1100px) {
  .site-nav { gap: .8rem; }
  .site-nav a { font-size: .7rem; }
  .hero { grid-template-columns: 1fr .8fr; }
  .deal-track, .tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-card:first-child { grid-column: 1 / -1; }
  .submission-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .footer-main { grid-template-columns: 1.3fr repeat(3, .8fr); }
  .category-hero > div:first-child { max-width: 60%; }
}

@media (max-width: 860px) {
  .site-header { grid-template-columns: auto 1fr auto; }
  .nav-toggle { display: block; justify-self: end; }
  .site-nav { position: absolute; top: calc(100% + .5rem); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; padding: .8rem; border: 2px solid transparent; border-radius: 1rem; background: linear-gradient(150deg, rgba(6,7,17,.99), rgba(2,3,10,.985)) padding-box, linear-gradient(118deg, #55e8ff, #8b76ff 53%, #ff8fbc) border-box; box-shadow: 0 24px 60px rgba(0,0,0,.68), 0 0 30px rgba(84,230,255,.08); }
  .site-nav.open { display: flex; }
  .site-nav a { padding: .75rem; }
  .site-nav a::after { display: none; }
  .nav-deal { display: none; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 5rem; }
  .hero-atlas { width: min(100%, 29rem); }
  .hero-stats { grid-column: 1; }
  .proof-stage, .sponsor-policy { grid-template-columns: 1fr; }
  .video-grid, .blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .catalogue-controls { position: static; grid-template-columns: 1fr; }
  .filter-row { flex-wrap: wrap; }
  .result-count { justify-self: end; }
  .deal-panel { grid-template-columns: 1fr 1.5fr; }
  .deal-panel-action { grid-column: 1 / -1; grid-template-columns: auto 1fr auto; align-items: center; }
  .deal-panel-action .button { width: auto; }
  .category-hero-art, .company-signal, .about-rig { opacity: .35; right: -10%; }
  .category-hero > div:first-child { max-width: 80%; }
  .tool-hero { grid-template-columns: 1fr; }
  .article-layout { grid-template-columns: 1fr; }
  .article-side { display: none; }
  .submission-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-grid { grid-template-columns: 1fr; }
  .about-grid article { min-height: 23rem; }
  .about-grid h2 { margin-top: 5rem; }
}

@media (max-width: 620px) {
  :root { --radius: 1.25rem; }
  .site-header { top: .45rem; width: calc(100% - .8rem); margin-top: .4rem; }
  .brand small { display: none; }
  .hero, .page-hero, .tool-hero, .site-footer, .company-cta { width: calc(100% - .8rem); border-radius: 1.5rem; }
  .hero { margin-top: .6rem; padding: 4.5rem 1rem 1rem; }
  .hero-copy h1 { font-size: clamp(3.05rem, 15vw, 5rem); }
  .hero-atlas { transform: scale(.94); }
  .hero-stats { grid-template-columns: 1fr; }
  .hero-stats div { justify-content: space-between; }
  .atlas-search { grid-template-columns: 1fr; gap: .4rem; }
  .atlas-search input { min-height: 3.2rem; }
  .atlas-result-list { grid-template-columns: 1fr; }
  .deal-track, .tool-grid, .category-grid, .video-grid, .video-grid.two-up, .blog-grid, .fit-columns, .method-section, .rule-grid, .submission-grid, .about-grid, .compact-grid { grid-template-columns: 1fr; }
  .category-card:first-child { grid-column: auto; }
  .category-card { min-height: 26rem; }
  .section-heading { grid-template-columns: 1fr; }
  .section-heading .text-link { justify-self: start; }
  .company-cta, .slim-cta { align-items: flex-start; flex-direction: column; }
  .footer-main { grid-template-columns: 1fr 1fr; padding: 2.2rem 1.3rem; }
  .footer-main > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .page-hero { min-height: 64vh; padding: 5rem 1.2rem; }
  .page-hero h1 { font-size: clamp(3rem,14vw,5rem); }
  .deal-burst { display: none; }
  .deal-panel { grid-template-columns: 1fr; }
  .deal-number { font-size: 4rem; }
  .deal-panel-action { grid-column: auto; grid-template-columns: 1fr; }
  .deal-panel-action .button { width: 100%; }
  .category-hero > div:first-child, .company-hero > div:first-child, .about-hero > div:first-child { max-width: 100%; }
  .category-hero-art, .company-signal, .about-rig { display: none; }
  .tool-hero { padding: 5rem 1.2rem 2rem; }
  .verdict-bar { width: calc(100% - 1.4rem); grid-template-columns: 1fr; }
  .article-shell { padding-top: 5rem; }
  .policy-page article { grid-template-columns: 3rem 1fr; gap: 1rem; }
  .submission-grid article { min-height: 20rem; }
  .submission-grid h3 { margin-top: 5rem; }
}

@media (hover: hover) and (pointer: fine) {
  body:hover .cursor-glow { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .reveal { opacity: 1; transform: none; }
  .cursor-glow { display: none; }
}