:root {
  --bg: #08090b;
  --surface: #101216;
  --surface-2: #15171c;
  --line: rgba(255, 255, 255, 0.13);
  --muted: #a2a5ad;
  --text: #f5f7f2;
  --acid: #c8ff3d;
  --violet: #8065ff;
  --cyan: #58d8ff;
  --max: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 99; background: var(--acid); color: #08090b; padding: .7rem 1rem; font-weight: 800; }
.skip-link:focus { top: 1rem; }

.site-header {
  position: absolute;
  z-index: 20;
  inset: 0 0 auto;
  height: 90px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  padding: 0 clamp(1.25rem, 4vw, 4.5rem);
  border-bottom: 1px solid rgba(255,255,255,.13);
}
.brand { display: inline-flex; align-items: center; width: max-content; line-height: 0; }
.brand-logo { display: block; width: clamp(9.75rem, 14vw, 12.5rem); height: auto; transition: opacity .2s ease; }
.brand:hover .brand-logo { opacity: .84; }
footer .brand-logo { width: clamp(12.5rem, 18vw, 15rem); }
.desktop-nav { display: flex; align-items: center; gap: 2.2rem; font-size: .85rem; color: #c7c9cf; }
.desktop-nav a, footer a { transition: color .2s ease; }
.desktop-nav a:hover, footer a:hover { color: var(--acid); }
.header-cta { justify-self: end; text-transform: uppercase; font-size: .75rem; letter-spacing: .12em; font-weight: 800; display: flex; gap: .7rem; align-items: center; }
.header-cta span { color: var(--acid); font-size: 1rem; }
.menu-toggle, .mobile-nav { display: none; }

.hero {
  min-height: 860px;
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  padding: 9rem clamp(1.25rem, 7vw, 7rem) 5rem;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.hero-art { position: absolute; z-index: -4; inset: 0; background: linear-gradient(90deg, rgba(8,9,11,.98) 0%, rgba(8,9,11,.82) 38%, rgba(8,9,11,.08) 72%), url("/assets/media/hero-growth.webp") center/cover no-repeat; transform: scale(1.04); will-change: transform; }
.hero-grid { position: absolute; z-index: -3; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero::after { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 75% 60%, transparent 0 20%, rgba(8,9,11,.12) 46%, rgba(8,9,11,.6) 100%); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(100px); opacity: .18; }
.hero-glow-one { background: var(--acid); width: 300px; height: 300px; right: 10%; bottom: 10%; animation: breathe 6s ease-in-out infinite; }
.hero-glow-two { background: var(--violet); width: 240px; height: 240px; right: 32%; top: 20%; animation: breathe 7s ease-in-out -2s infinite; }
.hero-copy { width: min(820px, 62vw); position: relative; z-index: 2; }
.eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 800; color: #c6c8cd; display: flex; align-items: center; gap: .8rem; }
.eyebrow > span { width: 8px; height: 8px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 16px var(--acid); }
h1 { font-size: clamp(3.35rem, 6.7vw, 7.2rem); line-height: .91; letter-spacing: -.068em; margin: 1.7rem 0 1.8rem; max-width: 1100px; }
h1 span, h2 em { color: var(--acid); font-style: normal; }
h1 span { display: inline-block; background: linear-gradient(100deg, var(--acid) 18%, #f1ffb8 48%, var(--acid) 68%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 5s linear infinite; }
.hero-lead { font-size: clamp(1.05rem, 1.4vw, 1.35rem); color: #c8cad0; max-width: 690px; margin: 0 0 2.4rem; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.button { min-height: 58px; padding: 0 1.45rem; display: inline-flex; justify-content: center; align-items: center; gap: .8rem; border: 1px solid var(--line); text-transform: uppercase; font-size: .75rem; letter-spacing: .09em; font-weight: 850; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--acid); color: #08090b; border-color: var(--acid); box-shadow: 0 14px 50px rgba(200,255,61,.18); }
.button-primary:hover { background: #dbff81; }
.button-ghost { background: rgba(8,9,11,.38); backdrop-filter: blur(12px); }
.button-ghost:hover { border-color: rgba(255,255,255,.45); }
.play-dot { width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; display: grid; place-items: center; font-size: .55rem; }
.signal-panel { position: absolute; right: clamp(1.5rem, 5vw, 5.5rem); bottom: clamp(5.5rem, 11vh, 8rem); width: 330px; background: rgba(9,10,13,.68); border: 1px solid rgba(255,255,255,.19); backdrop-filter: blur(20px); box-shadow: 0 25px 80px rgba(0,0,0,.4); }
.panel-head, .panel-foot { display: flex; align-items: center; padding: .9rem 1rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; letter-spacing: .09em; color: #aaadb5; }
.panel-head { justify-content: space-between; border-bottom: 1px solid var(--line); }
.panel-head i { width: 6px; height: 6px; background: var(--acid); border-radius: 50%; box-shadow: 0 0 12px var(--acid); }
.signal-row { display: grid; grid-template-columns: 1fr auto 1.7fr; align-items: center; gap: .8rem; padding: .72rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.signal-label { font-size: .75rem; font-weight: 900; letter-spacing: .1em; }
.signal-row strong { color: var(--acid); }
.signal-row > span:last-child { color: #a9acb2; font-size: .7rem; }
.panel-foot { justify-content: space-between; }
.panel-foot b { color: var(--acid); }
.hero-index { position: absolute; left: clamp(1.25rem, 4vw, 4.5rem); bottom: 2rem; font: .65rem ui-monospace, monospace; color: #777b84; letter-spacing: .12em; }
.scroll-cue { position: absolute; left: 50%; bottom: 1.8rem; transform: translateX(-50%); display: flex; align-items: center; gap: 1rem; color: #8d9098; text-transform: uppercase; letter-spacing: .18em; font-size: .58rem; }
.scroll-cue i { width: 70px; height: 1px; background: linear-gradient(90deg, var(--acid) 50%, rgba(255,255,255,.2) 50%); background-size: 200% 100%; animation: scan 2s linear infinite; }

.keyword-rail { overflow: hidden; border-bottom: 1px solid var(--line); background: var(--acid); color: #090b08; }
.rail-track { width: max-content; display: flex; align-items: center; gap: 1.4rem; padding: .8rem 0; animation: marquee 30s linear infinite; }
.rail-track span { font-weight: 900; text-transform: uppercase; letter-spacing: .05em; font-size: .8rem; }
.rail-track i { font-style: normal; font-size: .75rem; }

.section { max-width: var(--max); margin: 0 auto; padding: clamp(6rem, 10vw, 10rem) clamp(1.25rem, 4.5vw, 5rem); }
.section-kicker { margin-bottom: 3.2rem; color: #8f929a; }
.section-kicker span { color: var(--acid); font-family: ui-monospace, monospace; }
.intro-grid, .measurement-head { display: grid; grid-template-columns: 1.5fr .7fr; align-items: end; gap: clamp(2rem, 8vw, 8rem); }
h2 { margin: 0; font-size: clamp(2.7rem, 5.1vw, 5.5rem); line-height: .98; letter-spacing: -.055em; }
.intro-grid p, .measurement-head p, .system-copy > p { color: var(--muted); font-size: 1.05rem; line-height: 1.75; margin: 0; }
.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 5rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-card { min-height: 450px; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; position: relative; overflow: hidden; transition: background .35s ease, transform .35s ease; }
.service-card::after { content: ""; position: absolute; width: 150px; height: 150px; border-radius: 50%; background: var(--acid); filter: blur(90px); right: -100px; bottom: -100px; opacity: 0; transition: opacity .35s ease; }
.service-card:hover { background: #111318; transform: translateY(-5px); }
.service-card:hover::after { opacity: .35; }
.service-card-accent { background: var(--acid); color: #090b08; }
.service-card-accent p, .service-card-accent li { color: rgba(9,11,8,.72) !important; }
.service-card-accent li { border-color: rgba(9,11,8,.16); }
.service-card-accent .service-icon { border-color: rgba(9,11,8,.22); }
.card-number { font: .65rem ui-monospace, monospace; color: #777a82; }
.service-card-accent .card-number { color: rgba(9,11,8,.6); }
.service-icon { width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; margin: 3.3rem 0 2rem; font-size: 1.25rem; transition: border-color .35s ease, color .35s ease; }
.service-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.service-card-accent:hover { color: #f2f3ed; }
.service-card-accent:hover p, .service-card-accent:hover li { color: var(--muted) !important; }
.service-card-accent:hover li { border-color: rgba(255,255,255,.1); }
.service-card-accent:hover .card-number { color: #777a82; }
.service-card-accent:hover .service-icon { border-color: var(--line); }
.service-card h3 { font-size: 1.45rem; letter-spacing: -.02em; margin: 0 0 1rem; }
.service-card p { color: var(--muted); font-size: .91rem; line-height: 1.65; }
.service-card ul { list-style: none; margin: auto 0 0; padding: 0; color: #c2c4ca; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.service-card li { padding: .45rem 0; border-top: 1px solid currentColor; border-color: rgba(255,255,255,.1); }
.card-link { width: max-content; margin-top: 1rem; font-size: .67rem; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; border-bottom: 1px solid currentColor; }
.card-link span { margin-left: .35rem; }

.system { max-width: none; position: relative; min-height: 900px; background: #e8e9e3; color: #0a0b0d; display: grid; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; }
.system-copy { grid-column: 2; width: min(640px, 100%); padding-left: clamp(1rem, 4vw, 4rem); position: relative; z-index: 2; }
.system .section-kicker { color: #575b60; }
.system-copy h2 em { color: #4c32d7; }
.system-copy > p { color: #565a60; margin-top: 2rem; }
.process-list { margin-top: 3rem; border-top: 1px solid rgba(0,0,0,.18); }
.process-item { display: grid; grid-template-columns: 48px 1fr; gap: 1.1rem; align-items: start; padding: 1.2rem 0; border-bottom: 1px solid rgba(0,0,0,.18); }
.process-item > b { font: .65rem ui-monospace, monospace; color: #654cf0; padding-top: .25rem; }
.process-item span { display: grid; grid-template-columns: .65fr 1.35fr; gap: 1rem; align-items: start; }
.process-item strong { font-size: 1rem; }
.process-item small { font-size: .82rem; color: #65696f; line-height: 1.5; }
.system-orbit { position: absolute; left: -10%; top: 50%; transform: translateY(-50%); width: min(62vw, 900px); aspect-ratio: 1; display: grid; place-items: center; }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(0,0,0,.22); }
.orbit-one { width: 70%; height: 70%; animation: rotate 22s linear infinite; }
.orbit-two { width: 46%; height: 46%; border-style: dashed; animation: rotate 15s linear infinite reverse; }
.orbit-one::before, .orbit-two::before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #5f43ef; top: 12%; left: 17%; box-shadow: 0 0 0 9px rgba(95,67,239,.12); }
.orbit-core { width: 23%; aspect-ratio: 1; background: #090a0c; color: var(--acid); border-radius: 50%; display: grid; place-items: center; font-weight: 950; font-size: clamp(1.1rem, 2.5vw, 2.4rem); letter-spacing: .1em; box-shadow: 0 25px 70px rgba(0,0,0,.25); }
.orbit-node { position: absolute; background: #fff; padding: .7rem 1rem; border: 1px solid rgba(0,0,0,.15); font: .65rem ui-monospace, monospace; letter-spacing: .12em; }
.node-one { top: 13%; left: 44%; }
.node-two { left: 14%; bottom: 25%; }
.node-three { right: 10%; bottom: 31%; }

.measurement { padding-bottom: clamp(7rem, 12vw, 12rem); }
.measurement-head { align-items: start; }
.measurement-head p { padding-top: .5rem; }
.data-board { margin-top: 5rem; border: 1px solid var(--line); background: linear-gradient(145deg, #0e1014, #0a0b0e); box-shadow: 0 45px 110px rgba(0,0,0,.45); }
.data-board-head, .data-board-foot { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.2rem; font: .65rem ui-monospace, monospace; letter-spacing: .09em; color: #92959d; }
.data-board-head { border-bottom: 1px solid var(--line); }
.status { display: flex; align-items: center; gap: .55rem; color: var(--acid); }
.status i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.data-flow { min-height: 400px; display: grid; grid-template-columns: 1fr .55fr 1.15fr .55fr 1fr; align-items: center; padding: 3rem clamp(1rem, 5vw, 5rem); }
.data-source, .data-output { display: flex; flex-direction: column; gap: .6rem; }
.data-source small, .data-output small, .data-hub small { color: #777b84; font: .62rem ui-monospace, monospace; letter-spacing: .12em; margin-bottom: .6rem; }
.data-source b, .data-output b { padding: .8rem 1rem; border: 1px solid var(--line); font-size: .78rem; font-weight: 650; background: rgba(255,255,255,.025); }
.data-hub { aspect-ratio: 1; border: 1px solid rgba(200,255,61,.35); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: inset 0 0 60px rgba(200,255,61,.05), 0 0 70px rgba(200,255,61,.04); }
.data-hub strong { font-size: clamp(2rem, 4vw, 4rem); color: var(--acid); }
.data-hub span { color: #93969d; font: .65rem ui-monospace, monospace; }
.flow-line { height: 1px; background: rgba(255,255,255,.12); position: relative; overflow: hidden; }
.flow-line span { position: absolute; width: 40%; height: 1px; background: var(--acid); animation: flow 2s ease-in-out infinite; box-shadow: 0 0 8px var(--acid); }
.data-board-foot { border-top: 1px solid var(--line); justify-content: flex-start; gap: 1rem; flex-wrap: wrap; }
.data-board-foot span { border: 1px solid var(--line); padding: .45rem .7rem; }

.difference { border-top: 1px solid var(--line); }
.difference > h2 { max-width: 900px; }
.difference-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 5rem; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.difference-card { background: var(--bg); padding: 2.2rem; min-height: 310px; }
.difference-card > span { font: .65rem ui-monospace, monospace; color: var(--acid); }
.difference-card h3 { margin: 5rem 0 1rem; font-size: 1.4rem; }
.difference-card p { color: var(--muted); max-width: 320px; line-height: 1.7; }

.contact { max-width: none; min-height: 680px; position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; background: var(--acid); color: #090b08; overflow: hidden; }
.contact::before { content: "GROW"; position: absolute; right: -1vw; bottom: -12vw; color: rgba(9,11,8,.065); font-size: 34vw; font-weight: 950; line-height: 1; letter-spacing: -.09em; }
.contact-copy { position: relative; z-index: 2; max-width: 850px; }
.contact .section-kicker { color: rgba(9,11,8,.65); margin-bottom: 2rem; }
.contact .section-kicker span { color: #4c32d7; }
.contact h2 { font-size: clamp(3.7rem, 8vw, 8.5rem); }
.contact h2 em { color: #4c32d7; }
.contact p { max-width: 620px; font-size: 1.1rem; margin-top: 2rem; }
.contact-orb { position: relative; z-index: 3; width: clamp(190px, 20vw, 280px); aspect-ratio: 1; border-radius: 50%; background: #0a0b0d; color: #fff; display: grid; place-items: center; text-align: center; font-weight: 900; letter-spacing: .08em; margin-right: clamp(1rem, 5vw, 6rem); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; box-shadow: 0 30px 80px rgba(0,0,0,.2); }
.contact-orb:hover { transform: scale(1.06) rotate(-4deg); box-shadow: 0 40px 100px rgba(0,0,0,.32); }
.contact-orb b { position: absolute; right: 24%; top: 22%; color: var(--acid); font-size: 1.4rem; }

footer { max-width: var(--max); margin: 0 auto; min-height: 200px; padding: 3rem clamp(1.25rem, 4.5vw, 5rem); display: grid; grid-template-columns: auto 1fr; grid-template-areas: "brand nav" "meta meta"; align-items: center; column-gap: 4rem; row-gap: 2.2rem; font-size: .74rem; color: #8e9199; }
footer > .brand { grid-area: brand; justify-self: start; }
.footer-nav { grid-area: nav; display: flex; justify-content: flex-end; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
.footer-meta { grid-area: meta; display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.footer-meta p, .footer-meta span { margin: 0; }
.footer-meta span { font-family: ui-monospace, monospace; }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity: 1; transform: none; }
@keyframes shine { to { background-position: -200% center; } }
@keyframes breathe { 50% { transform: scale(1.2); opacity: .27; } }
@keyframes scan { to { background-position: -200% 0; } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes flow { from { left: -40%; } to { left: 110%; } }

@media (max-width: 1100px) {
  .hero-copy { width: 72vw; }
  .signal-panel { width: 290px; right: 1.5rem; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .system { grid-template-columns: .9fr 1.1fr; }
  .system-orbit { left: -22%; }
}

@media (max-width: 800px) {
  .site-header { height: 72px; grid-template-columns: 1fr auto; padding: 0 1.25rem; }
  .desktop-nav, .header-cta { display: none; }
  .menu-toggle { display: grid; gap: 6px; background: none; border: 0; padding: .8rem 0 .8rem .8rem; cursor: pointer; }
  .menu-toggle span { width: 28px; height: 1px; background: #fff; transition: transform .25s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .mobile-nav { position: absolute; top: 72px; left: 0; right: 0; padding: 1.2rem; background: rgba(8,9,11,.97); border-bottom: 1px solid var(--line); flex-direction: column; gap: 0; }
  .mobile-nav.open { display: flex; }
  .mobile-nav a { padding: 1rem 0; border-bottom: 1px solid var(--line); font-size: .95rem; }
  .hero { min-height: 820px; height: auto; padding-top: 8.5rem; align-items: flex-start; }
  .hero-art { background-position: 67% center; opacity: .65; }
  .hero-copy { width: 100%; }
  h1 { font-size: clamp(3.25rem, 14vw, 5.5rem); max-width: 720px; }
  .hero-lead { max-width: 600px; }
  .signal-panel { position: relative; right: auto; bottom: auto; margin: 3rem 0 2rem; width: min(100%, 350px); }
  .scroll-cue { display: none; }
  .intro-grid, .measurement-head { grid-template-columns: 1fr; align-items: start; }
  .service-grid { grid-template-columns: 1fr 1fr; }
  .system { display: block; padding-top: 30rem; }
  .system-copy { width: 100%; padding-left: 0; }
  .system-orbit { width: 600px; left: 50%; top: 250px; transform: translate(-50%, -50%); }
  .data-flow { grid-template-columns: 1fr; gap: 1.5rem; }
  .data-hub { width: 230px; margin: 0 auto; }
  .flow-line { width: 1px; height: 45px; justify-self: center; }
  .flow-line span { width: 1px; height: 40%; animation: flow-vertical 2s ease-in-out infinite; }
  .data-source, .data-output { width: min(100%, 360px); margin: auto; }
  .difference-grid { grid-template-columns: 1fr; }
  .contact { grid-template-columns: 1fr; gap: 3rem; }
  .contact-orb { margin: 0; width: 200px; }
  footer { grid-template-columns: 1fr; grid-template-areas: "brand" "nav" "meta"; align-items: start; row-gap: 1.8rem; }
  .footer-nav { justify-content: flex-start; }
  .footer-meta { align-items: flex-start; flex-direction: column; gap: .5rem; width: 100%; }
  @keyframes flow-vertical { from { top: -40%; } to { top: 110%; } }
}


@media (max-width: 980px) {
  .analytics-hero { display: block; }
  .hero-actions { flex-wrap: wrap; }
}
@media (max-width: 540px) {
  .site-header .brand-logo { width: 10.25rem; }
  .hero { min-height: 880px; padding-left: 1.1rem; padding-right: 1.1rem; }
  .eyebrow { font-size: .64rem; }
  h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
  .hero-lead { font-size: 1rem; }
  .button { width: 100%; }
  .hero-index { display: none; }
  .section { padding-left: 1.1rem; padding-right: 1.1rem; }
  .service-grid { grid-template-columns: 1fr; margin-top: 3rem; }
  .service-card { min-height: 390px; }
  .process-item span { grid-template-columns: 1fr; gap: .35rem; }
  .data-board-head { align-items: flex-start; gap: .8rem; }
  .status { text-align: right; }
  .difference-card { min-height: 260px; }
  .difference-card h3 { margin-top: 3.5rem; }
  .contact { min-height: 720px; }
}

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

/* Interactive particle narrative */
.hero-particle-story { justify-content: center; text-align: center; background: radial-gradient(circle at 72% 45%, rgba(128,101,255,.11), transparent 27%), radial-gradient(circle at 62% 68%, rgba(200,255,61,.08), transparent 30%), #08090b; }
.particle-field { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; touch-action: none; }
.particle-vignette { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at center, transparent 10%, rgba(8,9,11,.2) 48%, rgba(8,9,11,.9) 100%), linear-gradient(90deg, rgba(8,9,11,.68), transparent 38% 68%, rgba(8,9,11,.16)); }
.hero-particle-story::after { display: none; }
.hero-particle-story .hero-grid { opacity: .48; mask-image: radial-gradient(circle at center, black, transparent 78%); }
.hero-copy-centered { width: min(980px, 88vw); display: flex; flex-direction: column; align-items: center; }
.hero-copy-centered .eyebrow { justify-content: center; }
.hero-copy-centered h1 { max-width: 980px; font-size: clamp(3.7rem, 7.5vw, 8.2rem); text-shadow: 0 5px 45px rgba(0,0,0,.7); }
.hero-copy-centered h1 > span {
  display: block;
  min-height: 1.08em;
  padding-bottom: .12em;
  margin-bottom: -.12em;
}
.hero-copy-centered .hero-lead { max-width: 690px; text-shadow: 0 2px 20px #08090b; }
.story-word.word-enter { animation: word-in .7s cubic-bezier(.2,.8,.2,1); }
.story-progress { position: absolute; z-index: 3; right: clamp(1.25rem, 4vw, 4.5rem); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: stretch; gap: .35rem; width: 190px; }
.story-step { display: grid; grid-template-columns: 24px 36px 1fr; align-items: center; gap: .65rem; border: 0; background: none; color: #6f737c; padding: .55rem 0; text-align: left; cursor: pointer; transition: color .3s ease; }
.story-step span { font: .62rem ui-monospace, monospace; }
.story-step i { display: block; height: 1px; background: currentColor; position: relative; overflow: hidden; }
.story-step i::after { content: ""; position: absolute; inset: 0; background: var(--acid); transform: translateX(-100%); }
.story-step b { font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 750; white-space: nowrap; }
.story-step.is-active { color: #fff; }
.story-step.is-active span { color: var(--acid); }
.story-step.is-active i::after { animation: stage-progress 4.3s linear forwards; }
.story-step:hover { color: var(--acid); }
@keyframes word-in { from { opacity: 0; transform: translateY(18px); filter: blur(9px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes stage-progress { to { transform: translateX(0); } }

@media (max-width: 1100px) {
  .story-progress { top: auto; bottom: 5rem; right: 1.5rem; }
  .hero-copy-centered { width: min(900px, 92vw); }
}
@media (max-width: 800px) {
  .hero-particle-story { min-height: 900px; align-items: center; padding-top: 7rem; padding-bottom: 12rem; }
  .hero-copy-centered { width: 100%; }
  .hero-copy-centered h1 { font-size: clamp(3.15rem, 14vw, 6rem); }
  .particle-vignette { background: radial-gradient(circle at 54% 42%, transparent 3%, rgba(8,9,11,.34) 48%, rgba(8,9,11,.92) 100%); }
  .story-progress { left: 1.25rem; right: 1.25rem; bottom: 4.1rem; width: auto; flex-direction: row; gap: 1rem; }
  .story-step { flex: 1; grid-template-columns: 24px 1fr; gap: .5rem; }
  .story-step b { display: none; }
  .story-step i { width: 100%; }
}
@media (max-width: 540px) {
  .hero-particle-story { min-height: 880px; }
  .hero-copy-centered h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .hero-copy-centered .hero-lead { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .particle-field { opacity: .28; background: radial-gradient(circle at 70% 48%, rgba(200,255,61,.3), transparent 2%, transparent 24%), radial-gradient(circle at 70% 48%, rgba(128,101,255,.12), transparent 36%); }
  .story-step.is-active i::after { transform: translateX(0); }
}

/* Connected measurement ecosystem */
.ecosystem-board { overflow: hidden; }
.ecosystem-map { position: relative; min-height: 570px; background: radial-gradient(circle at 52% 49%, rgba(200,255,61,.075), transparent 19%), radial-gradient(circle at 70% 30%, rgba(128,101,255,.07), transparent 23%); }
.ecosystem-map::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle at center, black, transparent 90%); }
.ecosystem-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.eco-path { fill: none; stroke: rgba(255,255,255,.17); stroke-width: 1.25; vector-effect: non-scaling-stroke; stroke-dasharray: 5 8; }
.eco-path-bright { stroke: rgba(200,255,61,.68); stroke-width: 1.7; stroke-dasharray: 6 5; stroke-dashoffset: 2; }
.eco-feedback { stroke: rgba(200,255,61,.6); stroke-width: 1.7; stroke-dasharray: 10 7; }
.eco-feedback-secondary { stroke: rgba(128,101,255,.48); stroke-width: 1.4; }
.eco-packet { opacity: .95; vector-effect: non-scaling-stroke; stroke-width: 3; stroke-opacity: .2; }
.packet-lime { fill: var(--acid); stroke: var(--acid); }
.packet-violet { fill: var(--violet); stroke: var(--violet); }
.packet-cyan { fill: var(--cyan); stroke: var(--cyan); }
.eco-node { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,.16); background: rgba(13,15,19,.96); box-shadow: 0 18px 45px rgba(0,0,0,.25); display: flex; flex-direction: column; justify-content: center; }
.eco-node small, .eco-cluster > small { color: #737780; font: .58rem ui-monospace, monospace; letter-spacing: .11em; }
.eco-node strong { font-size: 1.15rem; margin: .35rem 0; }
.eco-node span { color: #92969e; font-size: .68rem; }
.eco-cluster { position: absolute; z-index: 2; left: 4%; top: 14%; width: 18%; height: 72%; }
.eco-cluster > small { display: block; margin-bottom: .7rem; }
.platform-node { position: relative; width: 100%; height: 76px; padding: .8rem 1rem .8rem 2.1rem; margin-bottom: .75rem; }
.platform-node i { position: absolute; left: .9rem; width: 7px; height: 7px; background: var(--violet); border-radius: 50%; box-shadow: 0 0 12px var(--violet); }
.platform-node b { font-size: .78rem; }
.platform-node span { font-size: .61rem; }
.node-google i { background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.node-tiktok i { background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.touchpoint-node { left: 30%; top: 39%; width: 13%; height: 132px; padding: 1rem; }
.core-node { left: 47%; top: 35%; width: 13%; aspect-ratio: 1; border-radius: 50%; align-items: center; text-align: center; border-color: rgba(200,255,61,.5); background: #0d100c; box-shadow: inset 0 0 40px rgba(200,255,61,.07), 0 0 60px rgba(200,255,61,.06); }
.core-node strong { color: var(--acid); font-size: clamp(1.05rem, 1.7vw, 1.55rem); line-height: 1; letter-spacing: -.03em; }
.core-node span { max-width: 80%; line-height: 1.25; }
.core-pulse { position: absolute; inset: -1px; border: 1px solid rgba(200,255,61,.45); border-radius: 50%; animation: core-pulse 2.7s ease-out infinite; }
.ecosystem-board.is-paused .core-pulse { animation-play-state: paused; }
.crm-node, .commerce-node { left: 68%; width: 14%; height: 106px; padding: 1rem; }
.crm-node { top: 20%; }
.commerce-node { top: 61%; }
.outcome-node { right: 3%; top: 39%; width: 13%; height: 132px; padding: 1rem; border-color: rgba(200,255,61,.32); }
.feedback-label { position: absolute; z-index: 2; left: 34%; right: 19%; top: 4.2%; display: flex; align-items: center; justify-content: center; gap: 1rem; text-align: center; }
.feedback-label span { color: #858991; font: .55rem ui-monospace, monospace; letter-spacing: .1em; }
.feedback-label b { color: var(--acid); font-size: .68rem; letter-spacing: .08em; }
.feedback-label small { position: absolute; top: 1.4rem; color: #656971; font-size: .56rem; }
.first-party-label { position: absolute; z-index: 2; left: 42%; bottom: 3.5%; display: flex; flex-direction: column; align-items: center; }
.first-party-label b { color: var(--violet); font-size: .65rem; letter-spacing: .1em; }
.first-party-label span { color: #6f737b; font-size: .58rem; margin-top: .2rem; }
.ecosystem-legend { min-height: 62px; border-top: 1px solid var(--line); padding: 1rem 1.2rem; display: flex; align-items: center; gap: 1.4rem; color: #7e828a; font: .62rem ui-monospace, monospace; }
.ecosystem-legend > span { display: inline-flex; align-items: center; gap: .45rem; }
.legend-dot { width: 6px; height: 6px; border-radius: 50%; }
.legend-input { background: var(--cyan); }
.legend-business { background: var(--violet); }
.legend-feedback { background: var(--acid); box-shadow: 0 0 8px var(--acid); }
.ecosystem-message { margin-left: auto; color: #c7c9cf; text-transform: uppercase; letter-spacing: .08em; }
@keyframes core-pulse { 0% { transform: scale(1); opacity: .7; } 80%, 100% { transform: scale(1.35); opacity: 0; } }

@media (max-width: 900px) {
  .ecosystem-map { min-height: 520px; overflow-x: auto; touch-action: pan-x; }
  .ecosystem-lines { width: 820px; }
  .eco-cluster { left: 32px; width: 148px; }
  .touchpoint-node { left: 246px; width: 108px; }
  .core-node { left: 385px; width: 110px; }
  .crm-node, .commerce-node { left: 554px; width: 126px; height: 118px; padding: .9rem .8rem; }
  .crm-node small, .commerce-node small { line-height: 1.25; }
  .crm-node strong, .commerce-node strong { font-size: 1rem; line-height: 1.15; white-space: nowrap; }
  .crm-node span, .commerce-node span { font-size: .64rem; line-height: 1.35; white-space: nowrap; }
  .outcome-node { left: 700px; right: auto; width: 106px; }
  .feedback-label { left: 280px; right: auto; width: 410px; }
  .first-party-label { left: 330px; width: 270px; }
  .ecosystem-legend { flex-wrap: wrap; }
  .ecosystem-message { width: 100%; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .eco-path, .core-pulse { animation: none; }
  .eco-packet { display: none; }
}

/* Test, Measure, Scale — compounding performance model */
.growth-dashboard { position: absolute; z-index: 3; left: clamp(1.5rem, 5vw, 6rem); top: 50%; transform: translateY(-50%); width: min(44vw, 660px); color: #111318; background: transparent; border: 1px solid rgba(0,0,0,.14); box-shadow: none; overflow: hidden; }
.growth-dashboard.reveal { transform: translateY(calc(-50% + 30px)); }
.growth-dashboard.reveal.visible { transform: translateY(-50%); }
.growth-dashboard-head { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: 0 1rem; border-bottom: 1px solid rgba(0,0,0,.12); color: #6d7178; font: .61rem ui-monospace, monospace; letter-spacing: .1em; }
.growth-live { display: inline-flex; align-items: center; gap: .45rem; color: #526d08; }
.growth-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 10px var(--acid); animation: live-blink 1.7s ease-in-out infinite; }
.growth-kpi { display: flex; justify-content: space-between; align-items: end; padding: 1.25rem 1.35rem .2rem; }
.growth-kpi > div { display: flex; flex-direction: column; }
.growth-kpi small { color: #74787f; font: .58rem ui-monospace, monospace; letter-spacing: .1em; }
.growth-kpi > div:first-child strong { margin-top: .3rem; font-size: 1rem; letter-spacing: .06em; }
.growth-value-wrap { text-align: right; }
.growth-value { color: #5138d8; font-size: clamp(2.4rem, 4vw, 4.1rem); font-weight: 900; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.growth-period { margin-top: .55rem; }
.growth-chart { position: relative; padding: 0 .8rem; }
.growth-chart svg { width: 100%; display: block; overflow: visible; }
.chart-grid line { stroke: rgba(0,0,0,.09); stroke-width: 1; }
.chart-axis-labels text, .chart-months text { fill: #777b82; font: 10px ui-monospace, monospace; }
.chart-months text { text-anchor: middle; letter-spacing: .08em; }
.growth-area { fill: url(#growthArea); }
.growth-line { fill: none; stroke: url(#growthStroke); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(200,255,61,.3)); }
.growth-dots circle { fill: #e8e9e3; stroke: #6d50ee; stroke-width: 3; transform-box: fill-box; transform-origin: center; }
.growth-dashboard.is-running .chart-reveal { animation: chart-reveal 6.2s cubic-bezier(.2,.7,.2,1) forwards; }
.growth-dashboard.is-running .growth-dots circle { opacity: 0; animation: dot-pop .4s ease forwards; }
.growth-dashboard.is-running .growth-dots circle:nth-child(1) { animation-delay: .25s; }
.growth-dashboard.is-running .growth-dots circle:nth-child(2) { animation-delay: 1.25s; }
.growth-dashboard.is-running .growth-dots circle:nth-child(3) { animation-delay: 2.25s; }
.growth-dashboard.is-running .growth-dots circle:nth-child(4) { animation-delay: 3.25s; }
.growth-dashboard.is-running .growth-dots circle:nth-child(5) { animation-delay: 4.25s; }
.growth-dashboard.is-running .growth-dots circle:nth-child(6) { animation-delay: 5.25s; }
.growth-callout { position: absolute; right: 3%; top: 5%; padding: .65rem .8rem; background: var(--acid); color: #090b08; display: flex; flex-direction: column; box-shadow: 0 12px 35px rgba(200,255,61,.2); opacity: 0; transform: translateY(10px); }
.growth-dashboard.is-running .growth-callout { animation: callout-in .55s ease 5.5s forwards; }
.growth-callout small { font: .52rem ui-monospace, monospace; letter-spacing: .1em; opacity: .65; }
.growth-callout strong { font-size: 1.45rem; line-height: 1.1; }
.growth-callout span { font-size: .52rem; font-weight: 850; letter-spacing: .08em; }
.growth-cycle { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(0,0,0,.11); border-bottom: 1px solid rgba(0,0,0,.11); }
.growth-stage { display: grid; grid-template-columns: 25px 1fr; gap: .55rem; align-items: center; padding: .85rem .8rem; color: #858990; border-right: 1px solid rgba(0,0,0,.1); transition: color .3s ease, background .3s ease; }
.growth-stage:last-child { border-right: 0; }
.growth-stage > b { font: .58rem ui-monospace, monospace; }
.growth-stage span { display: flex; flex-direction: column; }
.growth-stage strong { font-size: .66rem; letter-spacing: .08em; }
.growth-stage small { margin-top: .16rem; font-size: .55rem; }
.growth-stage.is-active { color: #111318; background: rgba(128,101,255,.09); }
.growth-stage.is-active > b { color: #563ade; }
.growth-disclaimer { padding: .55rem 1rem; color: #858990; font: .55rem ui-monospace, monospace; letter-spacing: .06em; text-align: right; }
@keyframes chart-reveal { to { width: 640px; } }
@keyframes dot-pop { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: scale(1); } }
@keyframes callout-in { to { opacity: 1; transform: none; } }
@keyframes live-blink { 50% { opacity: .35; } }

@media (max-width: 1100px) {
  .growth-dashboard { left: 1.5rem; width: 46vw; }
  .growth-stage small { display: none; }
}
@media (max-width: 800px) {
  .system-growth { display: flex; flex-direction: column; gap: 4rem; padding-top: 6rem; }
  .system-growth .system-copy { order: 1; }
  .growth-dashboard { position: relative; order: 2; left: auto; top: auto; width: 100%; transform: none; }
  .growth-dashboard.reveal { transform: translateY(30px); }
  .growth-dashboard.reveal.visible { transform: none; }
  .growth-stage small { display: block; }
}
@media (max-width: 540px) {
  .growth-dashboard { margin-left: -.2rem; margin-right: -.2rem; width: calc(100% + .4rem); }
  .growth-kpi { padding-left: 1rem; padding-right: 1rem; }
  .growth-chart { padding: 0 .2rem; }
  .growth-stage { grid-template-columns: 1fr; gap: .25rem; padding: .7rem .55rem; }
  .growth-stage small { font-size: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .growth-dashboard.is-running .chart-reveal { width: 640px; animation: none; }
  .growth-dashboard.is-running .growth-dots circle, .growth-dashboard.is-running .growth-callout { opacity: 1; transform: none; animation: none; }
}

/* Analytics and measurement services */
.desktop-nav .is-current { color: var(--acid); }
.analytics-hero { min-height: 860px; height: 100svh; position: relative; display: flex; align-items: center; padding: 9rem clamp(1.25rem, 7vw, 7rem) 6rem; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 77% 43%, rgba(128,101,255,.15), transparent 27%), radial-gradient(circle at 69% 62%, rgba(200,255,61,.1), transparent 28%), #08090b; }
.analytics-grid { position: absolute; z-index: -3; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 65% 48%, black, transparent 78%); }
.analytics-glow { position: absolute; z-index: -2; border-radius: 50%; filter: blur(100px); opacity: .15; }
.analytics-glow-one { width: 290px; height: 290px; right: 11%; top: 27%; background: var(--violet); animation: breathe 7s ease-in-out infinite; }
.analytics-glow-two { width: 240px; height: 240px; right: 29%; bottom: 17%; background: var(--acid); animation: breathe 6s ease-in-out -2s infinite; }
.analytics-hero-copy { width: min(820px, 60vw); position: relative; z-index: 2; }
.analytics-hero h1 { max-width: 880px; }
.analytics-hero h1 span { display: block; padding-bottom: .1em; margin-bottom: -.1em; }
.analytics-hero-index { position: absolute; left: clamp(1.25rem, 4vw, 4.5rem); bottom: 2rem; color: #777b84; font: .65rem ui-monospace, monospace; letter-spacing: .12em; }
.signal-console { position: absolute; right: clamp(1.5rem, 5vw, 5.5rem); top: 50%; transform: translateY(-42%); width: min(330px, 30vw); background: rgba(9,10,13,.73); border: 1px solid rgba(255,255,255,.19); backdrop-filter: blur(20px); box-shadow: 0 25px 80px rgba(0,0,0,.4); }
.signal-console-head { min-height: 46px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #aaadb5; font: .6rem ui-monospace, monospace; letter-spacing: .09em; }
.signal-console-head i { color: var(--acid); font-style: normal; }
.signal-health { min-height: 180px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: end; background: radial-gradient(circle at 78% 24%, rgba(200,255,61,.14), transparent 38%); border-bottom: 1px solid var(--line); }
.signal-health::before { content: ""; width: 58px; height: 58px; margin-bottom: 1.4rem; border: 1px solid rgba(200,255,61,.55); border-radius: 50%; box-shadow: inset 0 0 28px rgba(200,255,61,.09), 0 0 32px rgba(200,255,61,.08); }
.signal-health strong { font-size: 1.6rem; line-height: 1; letter-spacing: -.04em; }
.signal-health span { max-width: 250px; margin-top: .75rem; color: #92969e; font-size: .75rem; }
.signal-check { min-height: 48px; padding: 0 1rem; display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: .65rem; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .68rem; }
.signal-check:last-child { border-bottom: 0; }
.signal-check i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 10px var(--acid); }
.signal-check span { color: #c5c8cf; }
.signal-check b { color: #7d818a; font: .55rem ui-monospace, monospace; letter-spacing: .08em; }

.analytics-intro { padding-bottom: clamp(7rem, 11vw, 11rem); }
.analytics-intro-grid, .analytics-process-head { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: clamp(2rem, 8vw, 8rem); }
.analytics-intro-grid > p, .analytics-process-head > p { margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.75; }
.measurement-architecture { margin-top: 5rem; border: 1px solid var(--line); background: linear-gradient(145deg, #0e1014, #0a0b0e); box-shadow: 0 45px 110px rgba(0,0,0,.34); overflow: hidden; }
.architecture-head { min-height: 52px; padding: 0 1.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #92959d; font: .65rem ui-monospace, monospace; letter-spacing: .09em; }
.architecture-flow { min-height: 280px; padding: 2.5rem clamp(1rem, 3vw, 2.5rem); display: grid; grid-template-columns: 1fr 46px 1fr 46px 1fr 46px 1fr; align-items: stretch; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; }
.architecture-stage { min-width: 0; padding: 1.2rem; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); background: rgba(8,9,11,.8); }
.architecture-stage small { color: #777b84; font: .56rem ui-monospace, monospace; letter-spacing: .08em; }
.architecture-stage strong { margin: 1rem 0 .7rem; font-size: clamp(1rem, 1.6vw, 1.35rem); letter-spacing: -.025em; }
.architecture-stage span { color: #92969e; font-size: .68rem; line-height: 1.6; }
.architecture-stage-accent { border-color: rgba(200,255,61,.5); box-shadow: inset 0 0 45px rgba(200,255,61,.04); }
.architecture-stage-accent strong { color: var(--acid); }
.architecture-arrow { display: flex; align-items: center; overflow: hidden; }
.architecture-arrow::after { content: "›"; color: var(--acid); font-size: 1.1rem; }
.architecture-arrow i { width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.14), var(--acid)); }
.architecture-loop { min-height: 68px; padding: 1rem 1.2rem; display: flex; align-items: center; justify-content: center; gap: .8rem; border-top: 1px solid var(--line); color: #b8bbc2; font-size: .75rem; text-align: center; }
.architecture-loop b { color: var(--acid); font-size: 1rem; }

.analytics-service-grid { margin-top: 5rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.analytics-service-card { min-height: 360px; padding: 1.6rem; position: relative; display: flex; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; transition: background .3s ease, transform .3s ease; }
.analytics-service-card:hover { z-index: 1; background: #111318; transform: translateY(-4px); }
.analytics-service-card > span { color: var(--acid); font: .62rem ui-monospace, monospace; }
.analytics-service-card h3 { max-width: 290px; margin: 3.5rem 0 1rem; font-size: 1.35rem; line-height: 1.15; letter-spacing: -.025em; }
.analytics-service-card p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.analytics-service-card ul { list-style: none; margin: auto 0 0; padding: 2rem 0 0; color: #bdc0c7; font-size: .66rem; text-transform: uppercase; letter-spacing: .075em; }
.analytics-service-card li { padding: .45rem 0; border-top: 1px solid rgba(255,255,255,.1); }
.analytics-service-card-accent { color: #090b08; background: var(--acid); }
.analytics-service-card-accent > span { color: #4c32d7; }
.analytics-service-card-accent p, .analytics-service-card-accent ul { color: rgba(9,11,8,.7); }
.analytics-service-card-accent li { border-color: rgba(9,11,8,.15); }
.analytics-service-card-accent:hover { color: #fff; }
.analytics-service-card-accent:hover p, .analytics-service-card-accent:hover ul { color: var(--muted); }

.analytics-process { max-width: none; color: #0a0b0d; background: #e8e9e3; }
.analytics-process .section-kicker { color: #61656b; }
.analytics-process .section-kicker span { color: #4c32d7; }
.analytics-process h2 em { color: #4c32d7; }
.analytics-process-head > p { color: #565a60; }
.analytics-process-list { max-width: var(--max); margin: 5rem auto 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; border-top: 1px solid rgba(0,0,0,.18); border-left: 1px solid rgba(0,0,0,.18); }
.analytics-process-list li { min-height: 285px; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(0,0,0,.18); border-bottom: 1px solid rgba(0,0,0,.18); }
.analytics-process-list li > b { color: #5b42e2; font: .65rem ui-monospace, monospace; }
.analytics-process-list li div { display: flex; flex-direction: column; gap: .7rem; }
.analytics-process-list strong { font-size: 1.1rem; }
.analytics-process-list span { color: #666a70; font-size: .8rem; line-height: 1.55; }

.audit-section { max-width: none; display: grid; grid-template-columns: minmax(0, .85fr) minmax(480px, .75fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); background: radial-gradient(circle at 16% 60%, rgba(128,101,255,.1), transparent 29%), #08090b; }
.audit-copy { max-width: 700px; justify-self: end; }
.audit-copy h2 { font-size: clamp(3.2rem, 5.7vw, 6rem); }
.audit-copy > p { max-width: 620px; margin: 2rem 0 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.audit-deliverables { margin-top: 3rem; border-top: 1px solid var(--line); }
.audit-deliverables > div { padding: 1rem 0; display: grid; grid-template-columns: 42px 1fr; gap: 1rem; border-bottom: 1px solid var(--line); }
.audit-deliverables b { padding-top: .2rem; color: var(--acid); font: .62rem ui-monospace, monospace; }
.audit-deliverables span { display: flex; flex-direction: column; gap: .25rem; }
.audit-deliverables strong { font-size: .88rem; }
.audit-deliverables small { color: #858990; font-size: .72rem; line-height: 1.5; }
.audit-note { font-size: .72rem !important; color: #777b84 !important; }
.audit-form { max-width: 680px; border: 1px solid rgba(255,255,255,.18); background: #101216; box-shadow: 0 35px 100px rgba(0,0,0,.38); }
.audit-form-head { min-height: 54px; padding: 0 1.25rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #a2a5ad; font: .62rem ui-monospace, monospace; letter-spacing: .09em; }
.audit-form-head i { color: var(--acid); font-style: normal; }
.audit-form-body { padding: clamp(1.2rem, 3vw, 2rem); display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
.form-row { min-width: 0; display: flex; flex-direction: column; gap: .5rem; }
.form-row-full { grid-column: 1 / -1; }
.form-row label { color: #bfc2c8; font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.form-row label span { color: var(--acid); }
.form-row input, .form-row textarea { width: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 0; outline: 0; color: #fff; background: rgba(255,255,255,.025); padding: .9rem 1rem; font: inherit; font-size: .9rem; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.form-row input { min-height: 52px; }
.form-row textarea { resize: vertical; min-height: 132px; }
.form-row input:focus, .form-row textarea:focus { border-color: var(--acid); background: rgba(200,255,61,.025); box-shadow: 0 0 0 3px rgba(200,255,61,.08); }
.form-row input::placeholder, .form-row textarea::placeholder { color: #636770; }
.form-consent { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: .75rem; color: #979ba3; font-size: .72rem; line-height: 1.55; cursor: pointer; }
.form-consent input { width: 17px; height: 17px; margin: .15rem 0 0; accent-color: var(--acid); }
.form-consent a, .form-fallback a { color: #fff; text-decoration: underline; text-underline-offset: .18em; }
.form-consent b { color: var(--acid); }
.form-submit { display: flex; align-items: center; gap: 1.2rem; }
.form-submit .button { flex: 0 0 auto; border: 0; cursor: pointer; }
.form-submit p { margin: 0; color: #7f838c; font-size: .68rem; line-height: 1.5; }
.form-status, .form-fallback { margin: 0; font-size: .72rem; line-height: 1.5; }
.form-status { color: var(--acid); }
.form-status:empty { display: none; }
.form-fallback { color: #838790; }

.analytics-faq { border-top: 1px solid var(--line); }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 1.3rem 2.5rem 1.3rem 0; position: relative; cursor: pointer; list-style: none; font-size: .95rem; font-weight: 750; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: .25rem; top: 50%; transform: translateY(-50%); color: var(--acid); font-size: 1.25rem; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { max-width: 720px; margin: -.25rem 0 1.4rem; padding-right: 2.5rem; color: var(--muted); font-size: .85rem; line-height: 1.7; }
.analytics-final-cta { max-width: none; min-height: 620px; position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; color: #090b08; background: var(--acid); overflow: hidden; }
.analytics-final-cta::before { content: "DATA"; position: absolute; right: -1vw; bottom: -10vw; color: rgba(9,11,8,.06); font-size: 29vw; font-weight: 950; line-height: 1; letter-spacing: -.09em; }
.analytics-final-cta > div { position: relative; z-index: 2; }
.analytics-final-cta .section-kicker { margin-bottom: 2rem; color: rgba(9,11,8,.65); }
.analytics-final-cta .section-kicker span, .analytics-final-cta h2 em { color: #4c32d7; }
.analytics-final-cta h2 { font-size: clamp(3.7rem, 7vw, 7.5rem); }
.analytics-final-cta p { max-width: 610px; margin-top: 2rem; font-size: 1.05rem; }

@media (max-width: 1100px) {
  .analytics-hero-copy { width: 67vw; }
  .signal-console { right: 1.5rem; width: 290px; }
  .analytics-service-grid { grid-template-columns: repeat(2, 1fr); }
  .analytics-process-list { grid-template-columns: repeat(3, 1fr); }
  .audit-section { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .form-submit { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 1180px) {
  .analytics-hero {
    min-height: auto;
    height: auto;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
    align-content: start;
    justify-items: start;
    padding-top: 8.5rem;
    padding-bottom: 5rem;
    row-gap: 2rem;
  }
  .analytics-hero-copy {
    width: 100% !important;
    max-width: 760px;
  }
  .analytics-hero h1 { font-size: clamp(3.15rem, 14vw, 5.5rem); }
  .signal-console {
    position: static !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(100%, 420px) !important;
    max-width: 100% !important;
    margin: .5rem 0 2rem !important;
    justify-self: start;
    order: 2;
  }
  .analytics-hero-copy { order: 1; }
  .analytics-hero-index { display: none; }
  .analytics-intro-grid, .analytics-process-head, .faq-layout { grid-template-columns: 1fr; align-items: start; }
  .architecture-flow { min-width: 760px; }
  .measurement-architecture { overflow-x: auto; touch-action: pan-x; }
  .architecture-head, .architecture-loop { min-width: 760px; }
  .analytics-process-list { grid-template-columns: repeat(2, 1fr); }
  .audit-section { grid-template-columns: 1fr; }
  .audit-copy { max-width: none; justify-self: stretch; }
  .audit-form { max-width: none; }
  .analytics-final-cta { grid-template-columns: 1fr; gap: 3rem; }
  .analytics-final-cta .contact-orb { margin: 0; }
}

@media (max-width: 540px) {
  .analytics-hero { min-height: 950px; padding-left: 1.1rem; padding-right: 1.1rem; }
  .analytics-service-grid, .analytics-process-list, .audit-form-body { grid-template-columns: 1fr; }
  .analytics-service-card { min-height: 330px; }
  .analytics-process-list li { min-height: 230px; }
  .form-row-full { grid-column: 1; }
  .form-submit .button { width: 100%; }
  .analytics-final-cta { min-height: 700px; }
}

/* Cookie consent and policy */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.footer-link-button, .inline-link-button { appearance: none; border: 0; padding: 0; background: none; color: inherit; cursor: pointer; font: inherit; transition: color .2s ease; }
.footer-link-button:hover, .inline-link-button:hover { color: var(--acid); }
.inline-link-button { color: var(--acid); text-decoration: underline; text-underline-offset: .18em; }

.cookie-banner { position: fixed; z-index: 1000; left: 1.25rem; right: 1.25rem; bottom: 1.25rem; width: min(1180px, calc(100% - 2.5rem)); margin: 0 auto; padding: 1.4rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; color: #f5f5f2; background: rgba(13,15,19,.96); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 28px 90px rgba(0,0,0,.55); backdrop-filter: blur(18px); }
.cookie-banner[hidden] { display: none; }
.cookie-kicker { display: block; margin-bottom: .6rem; color: var(--acid); font: .58rem ui-monospace, monospace; letter-spacing: .12em; }
.cookie-banner h2, .cookie-dialog h2 { margin: 0; color: #fff; font-size: clamp(1.3rem, 2.1vw, 2rem); line-height: 1.05; letter-spacing: -.035em; }
.cookie-banner p { max-width: 680px; margin: .75rem 0 0; color: #a9adb5; font-size: .88rem; line-height: 1.65; }
.cookie-banner p a { color: #fff; text-decoration: underline; text-underline-offset: .18em; }
.cookie-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.cookie-button { min-height: 45px; padding: 0 1rem; border: 1px solid rgba(255,255,255,.24); color: #fff; background: transparent; cursor: pointer; text-transform: uppercase; font-size: .65rem; font-weight: 850; letter-spacing: .08em; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.cookie-button:hover { border-color: #fff; transform: translateY(-1px); }
.cookie-button-primary { border-color: var(--acid); color: #090b08; background: var(--acid); }
.cookie-button-primary:hover { border-color: #dbff81; background: #dbff81; }
.cookie-button-text { border-color: transparent; color: #a9adb5; }

.cookie-dialog { width: min(720px, calc(100% - 2rem)); max-height: calc(100vh - 2rem); padding: 0; color: #f5f5f2; background: #101216; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 35px 110px rgba(0,0,0,.72); }
.cookie-dialog::backdrop { background: rgba(2,3,4,.78); backdrop-filter: blur(6px); }
.cookie-dialog-panel { max-height: calc(100vh - 2rem); padding: 1.5rem; overflow-y: auto; }
.cookie-dialog-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.cookie-close { width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.18); color: #fff; background: transparent; cursor: pointer; font-size: 1.5rem; line-height: 1; }
.cookie-dialog-intro { margin: 1rem 0 1.35rem; color: #9b9fa7; font-size: .86rem; line-height: 1.6; }
.cookie-preference { min-width: 0; min-height: 92px; margin: -1px 0 0; padding: 1.1rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid rgba(255,255,255,.13); color: inherit; }
.cookie-preference > div { display: flex; flex-direction: column; gap: .3rem; }
.cookie-preference strong { font-size: .82rem; letter-spacing: .02em; }
.cookie-preference span { max-width: 400px; color: #8f939b; font-size: .72rem; line-height: 1.45; }
.cookie-required { color: var(--acid) !important; font: .58rem ui-monospace, monospace !important; letter-spacing: .07em; text-transform: uppercase; }
.cookie-radio-group { display: grid !important; grid-template-columns: repeat(2, minmax(74px, 1fr)); gap: .45rem !important; }
.cookie-radio-option { position: relative; cursor: pointer; }
.cookie-radio-option input { position: absolute; opacity: 0; pointer-events: none; }
.cookie-radio-option span { min-width: 78px; min-height: 40px; padding: .55rem .75rem; display: flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid rgba(255,255,255,.2); color: #b6bac2; background: rgba(255,255,255,.025); font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.cookie-radio-option span::before { content: ""; width: 12px; height: 12px; flex: 0 0 auto; border: 1px solid #747982; border-radius: 50%; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.cookie-radio-option input:checked + span { border-color: var(--acid); color: #090b08; background: var(--acid); }
.cookie-radio-option input:checked + span::before { border-color: #090b08; background: #090b08; box-shadow: inset 0 0 0 3px var(--acid); }
.cookie-radio-option input:focus-visible + span { outline: 2px solid #fff; outline-offset: 3px; }
.cookie-dialog-actions { margin-top: 1.35rem; display: flex; justify-content: flex-end; gap: .7rem; }

.legal-page { background: #08090b; }
.legal-main { max-width: var(--max); min-width: 0; margin: 0 auto; padding: 10rem clamp(1.25rem, 6vw, 7rem) 7rem; display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); gap: clamp(3rem, 8vw, 8rem); }
.legal-heading { position: sticky; top: 8rem; align-self: start; }
.legal-heading h1 { margin: 1rem 0 1.5rem; font-size: clamp(3.8rem, 7vw, 7.8rem); line-height: .86; }
.legal-heading h1 em { color: var(--acid); font-family: Georgia, serif; font-weight: 400; }
.legal-heading > p:last-child { color: #777b84; font: .68rem ui-monospace, monospace; letter-spacing: .06em; }
.legal-content { min-width: 0; padding-top: 1.2rem; }
.legal-content section { min-width: 0; padding: 0 0 2.7rem; margin-bottom: 2.7rem; border-bottom: 1px solid var(--line); }
.legal-content section:last-child { margin-bottom: 0; }
.legal-content h2 { margin: 0 0 1rem; font-size: clamp(1.45rem, 2.4vw, 2.25rem); letter-spacing: -.035em; }
.legal-content h3 { margin: 1.8rem 0 .8rem; color: #fff; font-size: 1rem; letter-spacing: -.01em; }
.legal-content p { margin: 0; color: #a7abb3; font-size: .98rem; line-height: 1.8; overflow-wrap: anywhere; }
.legal-content p + p { margin-top: 1rem; }
.legal-content ul { margin: 1rem 0 0; padding-left: 1.2rem; color: #a7abb3; font-size: .98rem; line-height: 1.75; overflow-wrap: anywhere; }
.legal-content li + li { margin-top: .45rem; }
.legal-content a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.legal-note { margin-top: 1.2rem !important; padding-left: 1rem; border-left: 2px solid var(--acid); }
.cookie-table-wrap { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; margin-bottom: 1.2rem; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
.cookie-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: .78rem; line-height: 1.55; }
.vendor-table { min-width: 920px; }
.cookie-table th, .cookie-table td { padding: 1rem; border: 1px solid rgba(255,255,255,.13); text-align: left; vertical-align: top; }
.cookie-table th { color: #777b84; font: .58rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.cookie-table td { color: #a7abb3; }
.cookie-table td:first-child { color: #fff; }
.cookie-table code { color: var(--acid); font-size: .72rem; }
.cookie-table a { display: inline-block; margin-top: .35rem; color: #8f939b; font-size: .68rem; }
.cookie-table a:hover { color: var(--acid); }
.policy-category { display: inline-flex; padding: .28rem .45rem; border: 1px solid rgba(194,255,71,.35); color: var(--acid) !important; font: .58rem ui-monospace, monospace !important; letter-spacing: .05em; text-transform: uppercase; }

@media (max-width: 900px) {
  .cookie-banner { grid-template-columns: 1fr; align-items: start; gap: 1.1rem; }
  .cookie-actions { justify-content: flex-start; }
  .legal-main { grid-template-columns: 1fr; gap: 3rem; }
  .legal-heading { position: static; }
  .legal-heading h1 { max-width: 680px; }
}

@media (max-width: 600px) {
  .cookie-banner { left: .65rem; right: .65rem; bottom: .65rem; width: calc(100% - 1.3rem); padding: 1.05rem; }
  .cookie-actions, .cookie-dialog-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .cookie-button { width: 100%; }
  .cookie-dialog-panel { padding: 1.1rem; }
  .cookie-dialog-head h2 { max-width: 260px; }
  .cookie-preference { padding: .9rem; grid-template-columns: 1fr; align-items: start; }
  .cookie-preference-required { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .cookie-radio-group { width: 100%; }
  .cookie-radio-option span { min-width: 0; }
  .legal-main { width: 100%; padding: 7.5rem 1.1rem 4rem; }
  .legal-heading, .legal-content { width: 100%; max-width: 100%; }
  .legal-heading h1 { max-width: 100%; font-size: clamp(3.25rem, 18vw, 5.5rem); overflow-wrap: anywhere; }
  .cookie-table-wrap { margin-right: 0; }
  .cookie-table th, .cookie-table td { overflow-wrap: anywhere; }
}

/* KPI-driven PPC management */
.ppc-hero { min-height: 880px; height: 100svh; position: relative; display: flex; align-items: center; padding: 9rem clamp(1.25rem, 7vw, 7rem) 6rem; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #08090b 0%, #0a0c10 100%); }
.ppc-hero-grid { position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 72% 48%, black, transparent 82%); }
.ppc-hero-copy { width: min(770px, 44vw); position: relative; z-index: 3; }
.ppc-hero h1 { max-width: 850px; font-size: clamp(3.4rem, 6.2vw, 6.9rem); }
.ppc-hero h1 span { display: block; padding-bottom: .11em; margin-bottom: -.11em; }
.ppc-hero-index { position: absolute; left: clamp(1.25rem, 4vw, 4.5rem); bottom: 2rem; color: #777b84; font: .75rem ui-monospace, monospace; letter-spacing: .11em; }
.ppc-chart-atmosphere { position: absolute; z-index: -1; inset: 7% -7% -5% 20%; opacity: .62; pointer-events: none; filter: saturate(1.02) contrast(1.14); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 22%, #000 48%, rgba(0,0,0,.9) 100%); }
.ppc-chart-atmosphere::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,11,0) 0%, rgba(8,9,11,.04) 44%, rgba(8,9,11,.28) 100%); }
.ppc-chart-atmosphere svg { width: 100%; height: 100%; display: block; overflow: visible; }
.ppc-atmosphere-grid line { stroke: rgba(255,255,255,.085); stroke-width: 1; shape-rendering: crispEdges; }
.ppc-atmosphere-motion { animation: ppc-chart-drift 16s cubic-bezier(.45,0,.55,1) infinite alternate; transform-origin: center; will-change: transform; }
.ppc-atmosphere-area { fill: url(#ppcAtmosphereArea); opacity: .2; }
.ppc-atmosphere-line, .ppc-atmosphere-glow { fill: none; stroke: url(#ppcAtmosphereStroke); stroke-linecap: round; stroke-linejoin: round; }
.ppc-atmosphere-line { stroke-width: 2.7; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; animation: ppc-line-reveal 4.2s cubic-bezier(.2,.72,.25,1) .2s forwards; }
.ppc-atmosphere-glow { stroke-width: 7; opacity: .1; filter: url(#ppcAtmosphereGlow); vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; animation: ppc-line-reveal 4.2s cubic-bezier(.2,.72,.25,1) .2s forwards, ppc-glow-breathe 8s ease-in-out 4.4s infinite alternate; }
.ppc-atmosphere-dots, .ppc-atmosphere-dots circle { display: none; }
.ppc-atmosphere-dots circle:nth-child(1) { animation-delay: .7s; }
.ppc-atmosphere-dots circle:nth-child(2) { animation-delay: 1.55s; }
.ppc-atmosphere-dots circle:nth-child(3) { animation-delay: 2.45s; }
.ppc-atmosphere-dots circle:nth-child(4) { animation-delay: 3.35s; }
.ppc-conversion-metric { position: absolute; z-index: 3; right: clamp(2rem, 7vw, 8rem); top: 48%; transform: translateY(-40%); width: min(30vw, 390px); display: flex; flex-direction: column; align-items: flex-start; text-shadow: 0 5px 35px rgba(0,0,0,.8); }
.ppc-metric-status { margin-bottom: 2.2rem; display: inline-flex; align-items: center; gap: .65rem; color: #aeb2b9; font: .75rem ui-monospace, monospace; letter-spacing: .1em; }
.ppc-metric-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px var(--acid); animation: live-blink 1.7s ease-in-out infinite; }
.ppc-conversion-metric > small { color: #b3b6bd; font: .82rem ui-monospace, monospace; letter-spacing: .14em; }
.ppc-conversion-metric > strong { margin: .3rem 0 .45rem; color: var(--acid); font-size: clamp(5.2rem, 10vw, 10rem); font-weight: 900; line-height: .82; letter-spacing: -.075em; font-variant-numeric: tabular-nums; transform-origin: left center; will-change: transform, opacity; transition: filter .35s ease; }
.ppc-conversion-metric > span { color: #fff; font-size: .86rem; font-weight: 850; letter-spacing: .09em; transition: opacity .45s ease, transform .45s ease; }
.ppc-conversion-metric > em { margin-top: 1.2rem; color: #777b84; font: .72rem ui-monospace, monospace; font-style: normal; letter-spacing: .06em; }
@keyframes ppc-line-reveal { 0% { stroke-dashoffset: 1; opacity: .06; } 100% { stroke-dashoffset: 0; opacity: 1; } }
@keyframes ppc-glow-breathe { from { opacity: .07; } to { opacity: .14; } }
@keyframes ppc-dot-rise { 0%, 14% { opacity: 0; transform: scale(.3); } 27%, 78% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes ppc-chart-drift { from { transform: translate3d(-.14%, .18%, 0) scale(1.002); } to { transform: translate3d(.18%, -.14%, 0) scale(1.005); } }

.ppc-belief-grid, .ppc-services-head, .ppc-kpi-head { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: clamp(2rem, 8vw, 8rem); }
.ppc-belief-copy p, .ppc-services-head p, .ppc-kpi-head p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.ppc-belief-copy { display: flex; flex-direction: column; gap: 1rem; }
.ppc-scoreboard { margin-top: 5rem; display: grid; grid-template-columns: 1fr 130px 1fr; align-items: stretch; }
.ppc-scorecard { min-height: 470px; padding: clamp(1.5rem, 3vw, 2.5rem); display: flex; flex-direction: column; border: 1px solid var(--line); }
.ppc-scorecard > span { font: .75rem ui-monospace, monospace; letter-spacing: .08em; }
.ppc-scorecard h3 { margin: 3.5rem 0 2rem; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1; letter-spacing: -.04em; }
.ppc-scorecard ul { list-style: none; margin: 0; padding: 0; }
.ppc-scorecard li { padding: .8rem 0; display: flex; flex-direction: column; gap: .25rem; border-top: 1px solid currentColor; border-color: rgba(255,255,255,.12); }
.ppc-scorecard li b { font-size: .92rem; }
.ppc-scorecard li small { color: inherit; opacity: .64; font-size: .8rem; }
.ppc-scorecard > p { margin: auto 0 0; padding-top: 2rem; font-size: .9rem; font-weight: 750; }
.ppc-scorecard-muted { color: #8d9199; background: #0d0f12; }
.ppc-scorecard-muted h3 { color: #c5c8ce; }
.ppc-scorecard-acid { color: #090b08; background: var(--acid); border-color: var(--acid); }
.ppc-scorecard-acid li { border-color: rgba(9,11,8,.18); }
.ppc-score-shift { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: #858990; }
.ppc-score-shift span { font: .72rem ui-monospace, monospace; letter-spacing: .08em; writing-mode: vertical-rl; }
.ppc-score-shift i { color: var(--acid); font-size: 1.5rem; font-style: normal; }

.ppc-services { max-width: none; background: #e8e9e3; color: #0a0b0d; }
.ppc-services .section-kicker { color: #60646a; }
.ppc-services .section-kicker span, .ppc-services h2 em { color: #4c32d7; }
.ppc-services-head p { color: #565a60; }
.ppc-service-grid { margin-top: 5rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(0,0,0,.17); border-left: 1px solid rgba(0,0,0,.17); }
.ppc-service-card { min-height: 390px; padding: 1.6rem; display: flex; flex-direction: column; border-right: 1px solid rgba(0,0,0,.17); border-bottom: 1px solid rgba(0,0,0,.17); transition: background .3s ease, transform .3s ease; }
.ppc-service-card:hover { z-index: 1; background: #f5f6f0; transform: translateY(-4px); }
.ppc-service-card > b { color: #5a41dd; font: .75rem ui-monospace, monospace; }
.ppc-service-card h3 { max-width: 300px; margin: 3.6rem 0 1rem; font-size: 1.45rem; line-height: 1.15; letter-spacing: -.03em; }
.ppc-service-card p { margin: 0; color: #62666c; font-size: .9rem; line-height: 1.65; }
.ppc-service-card ul { list-style: none; margin: auto 0 0; padding: 2rem 0 0; color: #666a70; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.ppc-service-card li { padding: .45rem 0; border-top: 1px solid rgba(0,0,0,.13); }
.ppc-service-card > a { width: max-content; margin-top: 1.2rem; color: #4c32d7; font-size: .75rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; border-bottom: 1px solid currentColor; }
.ppc-service-card-accent { color: #fff; background: #101216; }
.ppc-service-card-accent:hover { background: #16191e; }
.ppc-service-card-accent p, .ppc-service-card-accent ul { color: #a2a5ad; }
.ppc-service-card-accent li { border-color: rgba(255,255,255,.13); }
.ppc-service-card-accent > a { color: var(--acid); }

.ppc-method { padding-top: clamp(7rem, 11vw, 11rem); padding-bottom: clamp(7rem, 11vw, 11rem); }
.ppc-method-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.ppc-method-layout > div > p { max-width: 520px; margin: 2rem 0 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.ppc-method-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.ppc-method-list li { padding: 1.2rem 0; display: grid; grid-template-columns: 48px 1fr; gap: 1rem; border-bottom: 1px solid var(--line); }
.ppc-method-list li > b { padding-top: .2rem; color: var(--acid); font: .75rem ui-monospace, monospace; }
.ppc-method-list li span { display: grid; grid-template-columns: .55fr 1.45fr; gap: 1rem; }
.ppc-method-list strong { font-size: .98rem; }
.ppc-method-list small { color: #898d95; font-size: .82rem; line-height: 1.55; }

.ppc-kpi-section { max-width: none; border-top: 1px solid var(--line); background: radial-gradient(circle at 75% 58%, rgba(128,101,255,.09), transparent 30%), #08090b; }
.ppc-kpi-grid { margin-top: 5rem; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.ppc-kpi-grid article { min-height: 270px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: end; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ppc-kpi-grid small { margin-bottom: auto; color: var(--acid); font: .72rem ui-monospace, monospace; letter-spacing: .08em; }
.ppc-kpi-grid strong { margin-bottom: .8rem; font-size: 1.35rem; }
.ppc-kpi-grid span { color: #92969e; font-size: .82rem; line-height: 1.55; }
.ppc-faq { border-top: 1px solid var(--line); }
.ppc-final-cta { max-width: none; min-height: 660px; position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; color: #090b08; background: var(--acid); overflow: hidden; }
.ppc-final-cta::before { content: "ROAS"; position: absolute; right: -2vw; bottom: -9vw; color: rgba(9,11,8,.06); font-size: 27vw; font-weight: 950; line-height: 1; letter-spacing: -.09em; }
.ppc-final-cta > div { position: relative; z-index: 2; }
.ppc-final-cta .section-kicker { margin-bottom: 2rem; color: rgba(9,11,8,.65); }
.ppc-final-cta .section-kicker span, .ppc-final-cta h2 em { color: #4c32d7; }
.ppc-final-cta h2 { font-size: clamp(3.6rem, 7.2vw, 7.8rem); }
.ppc-final-cta p { max-width: 660px; margin-top: 2rem; font-size: 1.05rem; }

@media (max-width: 1180px) {
  .ppc-hero-copy { width: 47vw; }
  .ppc-conversion-metric { right: 2rem; width: 32vw; }
}

@media (max-width: 900px) {
  .ppc-hero { min-height: 980px; height: auto; align-items: flex-start; padding-top: 8.5rem; padding-bottom: 5rem; flex-direction: column; }
  .ppc-hero-copy { width: 100%; }
  .ppc-hero h1 { font-size: clamp(3.15rem, 13.8vw, 6rem); }
  .ppc-chart-atmosphere { inset: 25% -45% -4% -20%; opacity: .56; mask-image: linear-gradient(90deg, transparent, #000 28%, rgba(0,0,0,.8)); }
  .ppc-conversion-metric { position: relative; right: auto; top: auto; transform: none; width: min(100%, 420px); margin: 4rem 0 2rem; }
  .ppc-metric-status { margin-bottom: 1.3rem; }
  .ppc-hero-index { display: none; }
  .ppc-belief-grid, .ppc-services-head, .ppc-kpi-head { grid-template-columns: 1fr; align-items: start; }
  .ppc-scoreboard { grid-template-columns: 1fr; }
  .ppc-score-shift { min-height: 90px; flex-direction: row; }
  .ppc-score-shift span { writing-mode: horizontal-tb; }
  .ppc-score-shift i { transform: rotate(90deg); }
  .ppc-service-grid { grid-template-columns: repeat(2, 1fr); }
  .ppc-method-layout { grid-template-columns: 1fr; }
  .ppc-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .ppc-final-cta { grid-template-columns: 1fr; gap: 3rem; }
  .ppc-final-cta .contact-orb { margin: 0; }
}


@media (max-width: 540px) {
  .signal-console { width: 100% !important; }
}
@media (max-width: 540px) {
  .ppc-hero { min-height: 970px; padding-left: 1.1rem; padding-right: 1.1rem; }
  .ppc-chart-atmosphere { inset: 34% -70% 0 -55%; opacity: .48; }
  .ppc-conversion-metric { margin-top: 3rem; }
  .ppc-conversion-metric > strong { font-size: clamp(5rem, 27vw, 7.2rem); }
  .ppc-scorecard { min-height: 420px; }
  .ppc-service-grid, .ppc-kpi-grid { grid-template-columns: 1fr; }
  .ppc-service-card { min-height: 360px; }
  .ppc-method-list li span { grid-template-columns: 1fr; gap: .35rem; }
  .ppc-final-cta { min-height: 720px; }
}

@media (prefers-reduced-motion: reduce) {
  .ppc-metric-status i, .ppc-atmosphere-motion, .ppc-atmosphere-line, .ppc-atmosphere-glow, .ppc-atmosphere-dots circle { animation: none; }
  .ppc-atmosphere-line, .ppc-atmosphere-glow { stroke-dashoffset: 0; }
  .ppc-atmosphere-dots circle { opacity: .55; }
}



/* Reports page */
.reports-page-v33{background:#fff;color:#101417;--r-green:#79f000;--r-deep:#128a24;--r-soft:#f5f8f3;--r-line:#e3e9e2;--r-copy:#5d6670;}
.reports-page-v33 .reports-site-header{position:sticky;top:0;height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e8ece8;color:#101417;z-index:50;padding:0 clamp(1.25rem,4vw,4rem);}
.reports-page-v33 .brand-logo{width:clamp(10.5rem,15vw,13rem)}
.reports-page-v33 .desktop-nav{color:#23282f;gap:2rem;font-size:.84rem}.reports-page-v33 .desktop-nav .is-current{color:#101417;position:relative}.reports-page-v33 .desktop-nav .is-current:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;background:#6fe500;border-radius:3px}.reports-page-v33 .desktop-nav a:hover{color:#128a24}
.reports-page-v33 .reports-header-cta{justify-self:end;background:#78f000;color:#091005;padding:.88rem 1.45rem;border-radius:.65rem;text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:850;box-shadow:0 7px 20px rgba(90,190,0,.16)}.reports-page-v33 .reports-header-cta span{color:#091005}.reports-page-v33 .menu-toggle span{background:#111}
.reports-page-v33 .mobile-nav{background:#fff;color:#111;border:1px solid #e6ebe5;box-shadow:0 20px 50px rgba(0,0,0,.12)}
.rpt-container{width:min(1320px,calc(100% - 64px));margin:0 auto}.rpt-kicker{margin:0 0 1rem;color:#249b2a;text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;font-weight:900}.rpt-section{padding:72px 0}.rpt-section h2{color:#101417;font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.055em}
.rpt-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%);border-bottom:1px solid #edf1ed}.rpt-hero:after{content:"";position:absolute;right:-5%;top:6%;width:55%;height:90%;background:radial-gradient(circle at 55% 45%,rgba(113,239,0,.10),transparent 48%),radial-gradient(circle at 15% 70%,rgba(113,239,0,.08),transparent 30%);pointer-events:none}.rpt-hero-grid{min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;gap:5rem;align-items:center;padding-top:62px;padding-bottom:65px;position:relative;z-index:1}.rpt-hero-copy h1{margin:0 0 1.7rem;max-width:680px;color:#0c1115;font-size:clamp(3.4rem,5.7vw,6.3rem);line-height:.95;letter-spacing:-.07em}.rpt-hero-copy h1 span{color:#0c1115;background:none;-webkit-text-fill-color:initial;animation:none}.rpt-lead{max-width:690px;margin:0;color:#5d6670;font-size:1.12rem;line-height:1.75}.rpt-proof{display:flex;align-items:center;gap:1rem;margin-top:2.2rem;color:#31383f;font-size:1rem}.rpt-proof i{width:4px;height:34px;background:#2bc02c;border-radius:10px}.rpt-dashboard-wrap{position:relative}.rpt-scribble{position:absolute;right:1rem;top:-2.9rem;color:#138e28;font-family:"Segoe Print","Bradley Hand",cursive;font-size:1.3rem;line-height:1.05;transform:rotate(-4deg);z-index:3}.rpt-scribble span{font-size:1.8rem}.rpt-dashboard{display:grid;grid-template-columns:1.6fr .78fr;gap:14px;padding:14px;border:1px solid #e2e8e2;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(31,64,31,.12)}.rpt-dash-main,.rpt-side-kpi,.rpt-channel-card{border:1px solid #e7ece7;border-radius:10px;background:#fff}.rpt-dash-main{position:relative;padding:18px}.rpt-metric-label{font-size:.78rem;color:#5c6570;font-weight:700}.rpt-metric-row{display:flex;align-items:center;gap:14px}.rpt-metric-row strong{font-size:2rem;letter-spacing:-.05em}.rpt-metric-row span{color:#1aa632;font-weight:800;font-size:.8rem}.rpt-dash-main>small{display:block;color:#9098a0;font-size:.67rem;margin-left:112px;margin-top:-4px}.rpt-line-chart{width:100%;height:155px;margin-top:7px;overflow:visible}.rpt-line-chart .grid line{stroke:#edf1ed}.rpt-line-chart .area{fill:url(#rptArea)}.rpt-line-chart .line{fill:none;stroke:#24a83c;stroke-width:3}.rpt-line-chart circle{fill:#169531}.rpt-line-chart text{fill:#7a838b;font-size:11px}.rpt-growth-badge{position:absolute;right:12px;top:43px;padding:.45rem .6rem;border-radius:7px;background:#15972d;color:#fff;font-size:.75rem;font-weight:900}.rpt-landing-table{border-top:1px solid #edf1ed;padding-top:12px;font-size:.72rem}.rpt-landing-table>b{display:block;margin-bottom:8px;font-size:.78rem}.rpt-landing-table>div{display:grid;grid-template-columns:1.5fr .7fr 1fr .8fr;gap:8px;padding:6px 0;border-top:1px solid #f1f3f1}.rpt-landing-table .head{color:#90979e;font-size:.64rem;border-top:0}.rpt-dash-side{display:grid;gap:10px}.rpt-side-kpi{padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.rpt-side-kpi .icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf8eb;color:#169531;font-weight:900}.rpt-side-kpi .icon svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rpt-side-kpi .icon-conversions svg{fill:currentColor;stroke:none}.rpt-side-kpi .icon-revenue svg{width:18px;height:18px}.rpt-side-kpi small{display:block;color:#7a838c;font-size:.62rem}.rpt-side-kpi strong{font-size:1.05rem;letter-spacing:-.03em}.rpt-side-kpi>b{color:#1aa632;font-size:.65rem}.rpt-channel-card{padding:12px}.rpt-channel-card>strong{font-size:.72rem}.rpt-channel-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.rpt-channel-card>strong{grid-column:1/-1}.rpt-donut{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#15972d 0 62%,#57c968 62% 80%,#9ddba5 80% 91%,#d9efd9 91%);position:relative}.rpt-donut:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:#fff}.rpt-donut span{position:relative;z-index:1;font-weight:900}.rpt-channel-card ul{list-style:none;margin:0;padding:0;font-size:.6rem;color:#5e6770}.rpt-channel-card li{display:grid;grid-template-columns:8px 1fr auto;gap:4px;margin:5px 0}.rpt-channel-card li i{width:7px;height:7px;border-radius:50%;background:#15972d}.rpt-channel-card li:nth-child(2)i{background:#57c968}.rpt-channel-card li:nth-child(3)i{background:#9ddba5}.rpt-channel-card li:nth-child(4)i{background:#d9efd9}
.rpt-access{background:#fff}.rpt-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:end;margin-bottom:2rem}.rpt-section-head h2{margin:0}.rpt-section-head>p{margin:0;color:#65707a;line-height:1.7;font-size:.98rem}.rpt-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rpt-access-card{display:grid;grid-template-columns:80px 1fr 24px;gap:24px;align-items:center;min-height:196px;padding:22px 26px;border:1px solid #e1e7e1;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(28,48,28,.025)}.rpt-access-client{background:linear-gradient(135deg,#fbfffb 0%,#f2fbef 100%);border-color:#cfe7ca}.rpt-access-icon{width:64px;height:64px;border-radius:50%;background:#f0f5f5;display:grid;place-items:center;color:#163c41}.rpt-access-icon svg{width:34px;height:34px;fill:#1a4449}.rpt-access-icon.crown{background:#e3f6df;color:#15972d}.rpt-access-icon.crown svg{fill:none;stroke:#15972d;stroke-width:2.4;stroke-linejoin:round}.rpt-access-copy h3{margin:0 0 .25rem;font-size:1.35rem;letter-spacing:-.03em}.rpt-access-copy>span{display:block;margin-bottom:.55rem;color:#38a838;font-size:.82rem}.rpt-access-copy p{margin:0;color:#5d6670;line-height:1.55;font-size:.9rem}.rpt-chevron{color:#6b7b86;font-size:2rem}.rpt-access-client .rpt-chevron{color:#15972d}
.rpt-library{background:#fbfcfa;border-top:1px solid #eef1ed}.rpt-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rpt-report-card{position:relative;padding:18px;border:1px solid #e2e7e2;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(20,45,20,.04);display:flex;flex-direction:column}.rpt-card-badge{position:absolute;right:16px;top:14px;padding:.36rem .62rem;border-radius:999px;text-transform:uppercase;font-size:.58rem;font-weight:900;letter-spacing:.06em}.rpt-card-badge.live{left:16px;right:auto;background:#1daf38;color:#fff}.rpt-card-badge.soon{background:#8f9ba6;color:#fff}.rpt-report-card h3{margin:1.8rem 0 .15rem;font-size:1.3rem}.rpt-report-card>p{margin:0;color:#66717b;font-size:.84rem}.rpt-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.rpt-tags span{padding:.28rem .55rem;border-radius:999px;background:#f1f4f5;color:#6c7580;font-size:.62rem}.rpt-seo-preview{height:190px;overflow:hidden;border:1px solid #e5ebe4;border-radius:10px;background:#f8fcf8}.rpt-seo-preview img{width:100%;height:100%;object-fit:cover;object-position:top left}.rpt-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.rpt-card-actions a{min-height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:850}.rpt-primary{background:#72ef00;color:#081005}.rpt-secondary{background:#f1f3f4;color:#172028}.rpt-mini-preview{margin-top:14px;min-height:190px;padding:16px;border:1px solid #e7ece7;border-radius:10px;background:linear-gradient(180deg,#fbfcfd,#f2f5f7);display:flex;flex-direction:column}.rpt-mini-title{font-weight:900;font-size:1.15rem}.rpt-mini-title small{display:block;color:#5e6670;font-size:.62rem}.rpt-bars{height:75px;margin:12px 0;display:flex;gap:7px;align-items:end}.rpt-bars i{flex:1;background:#b7c1cc;border-radius:2px 2px 0 0}.rpt-bars i:nth-child(1){height:20%}.rpt-bars i:nth-child(2){height:32%}.rpt-bars i:nth-child(3){height:43%}.rpt-bars i:nth-child(4){height:57%}.rpt-bars i:nth-child(5){height:72%}.rpt-bars i:nth-child(6){height:92%}.ecommerce .rpt-bars i{background:#68d96d}.rpt-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #dde3e6;padding-top:8px}.rpt-mini-metrics span{font-size:.52rem;color:#7a828a}.rpt-mini-metrics b{display:block;color:#151b21;font-size:.82rem}.rpt-coming{margin-top:12px;min-height:45px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f4f6f7;color:#7b838b;font-size:.76rem}
.rpt-value{background:#fff}.rpt-value-layout{display:grid;grid-template-columns:.9fr 2.1fr;gap:42px;align-items:start}.rpt-value-title h2{margin:0;max-width:360px}.rpt-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rpt-value-grid article{padding:18px;border:1px solid #e4e9e4;border-radius:12px;background:#fff;min-height:205px}.rpt-value-icon{height:42px;color:#169531}.rpt-value-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.rpt-value-grid h3{font-size:.98rem;margin:.55rem 0 .6rem}.rpt-value-grid p{margin:0;color:#5d6670;font-size:.8rem;line-height:1.6}
.rpt-cta{padding:0 0 38px;background:#fff}.rpt-cta-inner{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:24px;align-items:center;padding:26px 28px;border:1px solid #e2eadf;border-radius:13px;background:linear-gradient(90deg,#f8fcf7,#f2faef)}.rpt-cta h2{margin:0;color:#101417;font-size:1.75rem;letter-spacing:-.04em}.rpt-cta-benefits{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rpt-cta-benefits span{font-size:.72rem;color:#35423a}.rpt-cta-benefits span::first-letter{color:#55c800}.rpt-audit{padding:.95rem 1.3rem;border-radius:.65rem;background:#72ef00;color:#081005;font-size:.78rem;font-weight:900;white-space:nowrap}
.reports-footer{background:#fff;color:#5c6570;border-top:1px solid #e8ece8}.reports-footer .brand-logo{width:12.5rem}.reports-footer .footer-nav a,.reports-footer .footer-link-button{color:#6f7780}.reports-footer .footer-nav a:hover,.reports-footer .footer-link-button:hover{color:#148b25}.reports-footer-brand p{margin:.35rem 0 0;font-size:.72rem;color:#848b92}
@media(max-width:1100px){.rpt-hero-grid{grid-template-columns:1fr;gap:3rem}.rpt-dashboard-wrap{max-width:760px}.rpt-section-head,.rpt-value-layout{grid-template-columns:1fr;gap:1.7rem}.rpt-value-title h2{max-width:650px}.rpt-value-grid{grid-template-columns:repeat(2,1fr)}.rpt-cta-inner{grid-template-columns:1fr}.rpt-cta-benefits{justify-content:flex-start}.rpt-audit{width:max-content}.reports-page-v33 .desktop-nav{gap:1.15rem;font-size:.76rem}}
@media(max-width:800px){.rpt-container{width:min(100% - 36px,1320px)}.rpt-access-grid,.rpt-report-grid{grid-template-columns:1fr}.rpt-access-card{grid-template-columns:64px 1fr 20px}.rpt-value-grid{grid-template-columns:1fr}.rpt-dashboard{grid-template-columns:1fr}.rpt-dash-side{grid-template-columns:repeat(3,1fr)}.rpt-channel-card{grid-column:1/-1}.rpt-section{padding:56px 0}.reports-page-v33 .reports-site-header{height:76px}.reports-page-v33 .reports-header-cta{display:none}}
@media(max-width:560px){.rpt-hero-grid{padding-top:42px}.rpt-hero-copy h1{font-size:3rem}.rpt-dashboard-wrap{margin-top:1rem}.rpt-scribble{position:static;text-align:right;margin-bottom:.6rem}.rpt-dash-side{grid-template-columns:1fr}.rpt-access-card{grid-template-columns:1fr;padding:20px}.rpt-chevron{display:none}.rpt-card-actions{grid-template-columns:1fr}.rpt-mini-metrics{grid-template-columns:repeat(2,1fr)}.rpt-cta-inner{padding:22px}.reports-footer{padding-left:1.2rem;padding-right:1.2rem}}


/* Reports library v34 — aligned to approved card layout */
.rpt-report-grid-v34{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.rpt-report-card-v34{min-height:590px;padding:26px 26px 24px;border-radius:20px;border-color:#dfe6df;box-shadow:0 16px 40px rgba(20,45,20,.06)}
.rpt-report-card-v34 .rpt-card-badge{top:20px;right:22px;padding:.47rem .82rem;font-size:.66rem;letter-spacing:.07em}
.rpt-report-card-v34 .rpt-card-badge.live{left:22px;right:auto}
.rpt-report-card-v34 h3{margin:3.2rem 0 .35rem;font-size:1.7rem;line-height:1.08;letter-spacing:-.035em}
.rpt-report-card-v34>p{font-size:1rem;line-height:1.45}
.rpt-report-card-v34 .rpt-tags{gap:9px;margin:18px 0 20px}
.rpt-report-card-v34 .rpt-tags span{padding:.42rem .72rem;font-size:.74rem;background:#f1f4f5;color:#66717c}
.rpt-report-preview-frame{width:100%;height:270px;border:1px solid #dde5df;border-radius:15px;background:#f7f9f8;overflow:hidden}
.rpt-seo-banner-preview{display:flex;align-items:center;justify-content:center;background:#f9fcfb}
.rpt-seo-banner-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.rpt-mini-preview-v34{margin:0;padding:24px 26px 22px;min-height:0;display:flex;flex-direction:column;background:#f6f8f9;border-color:#dfe5e7}
.rpt-mini-preview-v34 .rpt-mini-title{font-size:1.62rem;line-height:1.05;letter-spacing:-.035em}
.rpt-mini-preview-v34 .rpt-mini-title small{margin-top:.35rem;font-size:.76rem;font-weight:800;color:#5d6670}
.rpt-bars-v34{height:112px;margin:24px 0 14px;gap:11px;padding:0 0 12px;border-bottom:1px solid #d7dee2}
.rpt-bars-v34 i{border-radius:3px 3px 0 0;background:#b9c3cf}
.rpt-mini-preview-v34.ecommerce .rpt-bars-v34 i{background:#63d768}
.rpt-mini-metrics-v34{margin-top:auto;padding-top:0;border-top:0;gap:12px}
.rpt-mini-metrics-v34 span{font-size:.67rem;color:#7b848d;line-height:1.2}
.rpt-mini-metrics-v34 b{margin-top:.22rem;font-size:1.08rem;color:#11181f;letter-spacing:-.02em}
.rpt-card-actions-v34{margin-top:auto;padding-top:18px;gap:14px}
.rpt-card-actions-v34 a{min-height:58px;border-radius:12px;font-size:.94rem;font-weight:900}
.rpt-coming-v34{margin-top:auto;padding-top:18px;min-height:76px;border-radius:12px;background:#f3f5f6;font-size:.96rem}
@media(max-width:1100px){.rpt-report-grid-v34{grid-template-columns:1fr}.rpt-report-card-v34{min-height:auto}.rpt-report-preview-frame{height:auto;aspect-ratio:16/9}.rpt-mini-preview-v34{min-height:270px}}
@media(max-width:560px){.rpt-report-card-v34{padding:22px 18px 18px}.rpt-report-card-v34 h3{font-size:1.45rem}.rpt-report-preview-frame{aspect-ratio:16/9}.rpt-card-actions-v34{grid-template-columns:1fr}.rpt-mini-preview-v34{padding:20px}.rpt-mini-metrics-v34{grid-template-columns:repeat(2,1fr)}}

/* Reports library v35 — tighter approved layout + left-anchored SEO banner */
@media (min-width:1101px){
  .rpt-report-grid-v34{gap:22px;align-items:stretch}
  .rpt-report-card-v34{min-height:505px;padding:22px 22px 20px;border-radius:14px;box-shadow:0 13px 32px rgba(20,45,20,.045)}
  .rpt-report-card-v34 .rpt-card-badge{top:18px;right:20px;padding:.42rem .72rem;font-size:.62rem}
  .rpt-report-card-v34 .rpt-card-badge.live{left:20px}
  .rpt-report-card-v34 h3{margin:2.85rem 0 .2rem;font-size:1.55rem}
  .rpt-report-card-v34>p{font-size:.92rem;line-height:1.4}
  .rpt-report-card-v34 .rpt-tags{gap:7px;margin:14px 0 15px}
  .rpt-report-card-v34 .rpt-tags span{padding:.34rem .62rem;font-size:.68rem}
  .rpt-report-preview-frame{height:224px;border-radius:11px}
  .rpt-card-actions-v34{padding-top:14px;gap:11px}
  .rpt-card-actions-v34 a{min-height:52px;border-radius:9px;font-size:.86rem}
  .rpt-coming-v34{padding-top:14px;min-height:60px;border-radius:9px;font-size:.88rem}
}
.rpt-seo-banner-preview{background:#f9fcfb;justify-content:flex-start}
.rpt-seo-banner-preview img{width:100%;height:100%;object-fit:cover;object-position:left center}
.rpt-mini-preview-v35{margin:0;padding:20px 20px 16px;min-height:0;background:#f7f9fa;border-color:#dfe5e7;display:flex;flex-direction:column}
.rpt-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:58px}
.rpt-mini-preview-v35 .rpt-mini-title{font-size:1.45rem;line-height:1.05;letter-spacing:-.04em}
.rpt-mini-preview-v35 .rpt-mini-title small{margin-top:.32rem;font-size:.7rem;font-weight:800;color:#5f6770}
.rpt-platform-icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto}
.rpt-platform-icon svg{width:100%;height:100%;display:block}
.rpt-bars-v35{height:82px;margin:8px 0 10px;gap:9px;padding:0 0 10px;border-bottom:1px solid #d9e0e3}
.rpt-bars-v35 i{border-radius:3px 3px 0 0;background:#b9c3cf}
.rpt-mini-preview-v35.ecommerce .rpt-bars-v35 i{background:#62d76b}
.rpt-mini-metrics-v35{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:auto;padding:0;border:0}
.rpt-mini-metrics-v35 span{min-width:0;padding:8px 8px 7px;border-radius:7px;background:#fff;color:#7b848d;font-size:.57rem;line-height:1.15;box-shadow:0 1px 0 rgba(0,0,0,.025)}
.rpt-mini-metrics-v35 b{display:block;margin-top:.24rem;color:#11181f;font-size:.93rem;letter-spacing:-.025em;white-space:nowrap}
@media(max-width:1100px){
  .rpt-seo-banner-preview img{object-position:left center}
  .rpt-mini-preview-v35{min-height:250px}
}
@media(max-width:560px){
  .rpt-mini-metrics-v35{grid-template-columns:repeat(2,1fr)}
}

/* Reports library v36 — exact approved preview composition */
.rpt-seo-banner-preview{
  background:#f7fbf7;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.rpt-seo-banner-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  background:#f7fbf7;
}
.rpt-mini-preview-v36{
  margin:0;
  padding:18px 18px 14px;
  display:flex;
  flex-direction:column;
  background:#f8fafb;
  border-color:#dfe5e7;
}
.rpt-preview-stage{
  min-height:132px;
  display:grid;
  grid-template-columns:42% 58%;
  align-items:stretch;
  gap:4px;
  padding-bottom:12px;
  border-bottom:1px solid #d9e0e3;
}
.rpt-preview-brand{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:5px 0 0 2px;
}
.rpt-mini-preview-v36 .rpt-mini-title{
  margin:0;
  color:#11181f;
  font-size:1.55rem;
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:900;
}
.rpt-mini-preview-v36 .rpt-mini-title small{
  display:block;
  margin-top:.32rem;
  color:#58616a;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:-.01em;
}
.rpt-ghost-copy{
  width:78%;
  margin-top:31px;
  display:grid;
  gap:8px;
  opacity:.52;
}
.rpt-ghost-copy i{
  display:block;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#edf1f3,#f8fafb);
}
.rpt-ghost-copy i:nth-child(2){width:72%}
.rpt-ghost-copy i:nth-child(3){width:48%}
.rpt-preview-chart-area{
  position:relative;
  min-width:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:3px 0 0 10px;
}
.rpt-mini-preview-v36 .rpt-platform-icon{
  position:absolute;
  right:31%;
  top:0;
  width:56px;
  height:56px;
  z-index:2;
}
.rpt-mini-preview-v36.ecommerce .rpt-platform-icon{
  right:24%;
  width:60px;
  height:60px;
}
.rpt-bars-v36{
  width:100%;
  height:96px;
  margin:0;
  padding:26px 0 0;
  display:flex;
  align-items:flex-end;
  gap:10px;
  border:0;
}
.rpt-bars-v36 i{
  flex:1;
  min-width:0;
  border-radius:2px 2px 0 0;
  background:#b9c3cf;
}
.rpt-bars-v36 i:nth-child(1){height:18%}
.rpt-bars-v36 i:nth-child(2){height:30%}
.rpt-bars-v36 i:nth-child(3){height:42%}
.rpt-bars-v36 i:nth-child(4){height:55%}
.rpt-bars-v36 i:nth-child(5){height:72%}
.rpt-bars-v36 i:nth-child(6){height:92%}
.rpt-mini-preview-v36.ecommerce .rpt-bars-v36 i{background:#61d66b}
.rpt-mini-metrics-v36{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
  padding:0;
  border:0;
}
.rpt-mini-metrics-v36 span{
  min-width:0;
  min-height:57px;
  padding:9px 9px 8px;
  border-radius:8px;
  background:#fff;
  color:#747e88;
  font-size:.58rem;
  line-height:1.12;
  box-shadow:0 1px 3px rgba(18,26,34,.025);
}
.rpt-mini-metrics-v36 b{
  display:block;
  margin-top:.25rem;
  color:#11181f;
  font-size:.96rem;
  line-height:1;
  letter-spacing:-.025em;
  white-space:nowrap;
}
@media (min-width:1101px){
  .rpt-report-card-v34{min-height:515px}
  .rpt-report-preview-frame{height:226px}
}
@media(max-width:1100px){
  .rpt-mini-preview-v36{min-height:255px}
  .rpt-preview-stage{min-height:145px}
}
@media(max-width:560px){
  .rpt-preview-stage{grid-template-columns:1fr;min-height:250px}
  .rpt-preview-chart-area{min-height:130px;padding-left:0}
  .rpt-ghost-copy{display:none}
  .rpt-mini-preview-v36 .rpt-platform-icon{right:18%;top:3px}
  .rpt-mini-metrics-v36{grid-template-columns:repeat(2,1fr)}
}


/* Reports library v37 — use supplied platform assets and exact reference alignment */
.rpt-mini-preview-v36 .rpt-platform-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.rpt-mini-preview-v36 .rpt-preview-stage{
  position:relative;
  display:block;
  min-height:132px;
  padding:0 0 12px;
  border-bottom:1px solid #d9e0e3;
}
.rpt-mini-preview-v36 .rpt-preview-brand{
  position:absolute;
  left:2px;
  top:5px;
  width:43%;
  padding:0;
  z-index:2;
}
.rpt-mini-preview-v36 .rpt-ghost-copy{
  margin-top:29px;
  width:82%;
}
.rpt-mini-preview-v36 .rpt-preview-chart-area{
  position:absolute;
  right:0;
  top:0;
  bottom:8px;
  width:58%;
  padding:0;
  display:block;
}
.rpt-mini-preview-v36 .rpt-platform-icon{
  position:absolute;
  right:26px;
  top:1px;
  width:54px;
  height:54px;
  z-index:3;
}
.rpt-mini-preview-v36 .rpt-google-ads-icon{
  width:56px;
  height:52px;
  right:28px;
  top:0;
}
.rpt-mini-preview-v36 .rpt-shop-icon{
  width:58px;
  height:58px;
  right:30px;
  top:-1px;
}
.rpt-mini-preview-v36 .rpt-bars-v36{
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:78px;
  margin:0;
  padding:12px 0 0;
  gap:9px;
  display:flex;
  align-items:flex-end;
}
.rpt-mini-preview-v36 .rpt-bars-v36 i{
  flex:1 1 0;
  min-width:0;
}
.rpt-mini-preview-v36 .rpt-mini-metrics-v36{
  margin-top:12px;
}
.rpt-mini-preview-v36.ecommerce .rpt-platform-icon{
  right:30px;
  top:-1px;
  width:58px;
  height:58px;
}
.rpt-mini-preview-v36.ecommerce .rpt-bars-v36{
  width:100%;
  right:0;
}

/* CTA benefits: lime circular check icons from approved mockup */
.rpt-cta-benefits{
  gap:18px;
}
.rpt-cta-benefits span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  font-size:.78rem;
  color:#26322b;
}
.rpt-cta-benefits span::before{
  content:'✓';
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:#72ef00;
  color:#17320c;
  font-size:.82rem;
  font-weight:950;
  line-height:1;
  box-shadow:0 0 0 1px rgba(79,188,0,.08);
}
.rpt-cta-benefits span::first-letter{color:inherit}

@media(max-width:560px){
  .rpt-mini-preview-v36 .rpt-preview-stage{min-height:235px}
  .rpt-mini-preview-v36 .rpt-preview-brand{position:relative;left:auto;top:auto;width:100%;padding:3px 0 0 2px}
  .rpt-mini-preview-v36 .rpt-preview-chart-area{position:relative;right:auto;top:auto;bottom:auto;width:100%;min-height:130px;margin-top:12px}
  .rpt-mini-preview-v36 .rpt-platform-icon,
  .rpt-mini-preview-v36.ecommerce .rpt-platform-icon{right:24px;top:0}
}


/* Reports v39 — mobile containment + non-emoji hero annotation */
.rpt-scribble{
  display:flex;
  align-items:flex-end;
  gap:.35rem;
}
.rpt-scribble-text{display:block}
.rpt-scribble-arrow{
  width:58px;
  height:40px;
  flex:0 0 auto;
  overflow:visible;
  transform:rotate(-2deg) translateY(3px);
}
.rpt-scribble-arrow path{
  fill:none;
  stroke:#138e28;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:800px){
  html,body.reports-page-v33{width:100%;max-width:100%;overflow-x:clip}
  .reports-page-v33 main,
  .reports-page-v33 .rpt-hero,
  .reports-page-v33 .rpt-section,
  .reports-page-v33 .rpt-library,
  .reports-page-v33 .rpt-access,
  .reports-page-v33 .rpt-value,
  .reports-page-v33 .rpt-cta,
  .reports-page-v33 .reports-footer{max-width:100%;overflow-x:clip}

  .reports-page-v33 .rpt-container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding-left:18px;
    padding-right:18px;
    box-sizing:border-box;
  }

  .reports-page-v33 .rpt-section-head,
  .reports-page-v33 .rpt-access-grid,
  .reports-page-v33 .rpt-report-grid,
  .reports-page-v33 .rpt-report-grid-v34,
  .reports-page-v33 .rpt-value-layout,
  .reports-page-v33 .rpt-value-grid,
  .reports-page-v33 .rpt-cta-inner{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .reports-page-v33 .rpt-section-head>* ,
  .reports-page-v33 .rpt-report-grid-v34>* ,
  .reports-page-v33 .rpt-report-card-v34,
  .reports-page-v33 .rpt-report-preview-frame,
  .reports-page-v33 .rpt-mini-preview-v36,
  .reports-page-v33 .rpt-preview-stage,
  .reports-page-v33 .rpt-preview-brand,
  .reports-page-v33 .rpt-preview-chart-area,
  .reports-page-v33 .rpt-mini-metrics-v36,
  .reports-page-v33 .rpt-tags{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .reports-page-v33 .rpt-report-grid-v34{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }

  .reports-page-v33 .rpt-report-card-v34{
    width:100%;
    overflow:hidden;
  }

  .reports-page-v33 .rpt-tags{
    overflow:visible;
    flex-wrap:wrap;
  }

  .reports-page-v33 .rpt-report-preview-frame{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    overflow:hidden;
  }

  .reports-page-v33 .rpt-seo-banner-preview img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
  }

  .reports-page-v33 .rpt-card-actions-v34{
    width:100%;
    min-width:0;
  }

  .reports-page-v33 .rpt-card-actions-v34 a,
  .reports-page-v33 .rpt-coming-v34{
    min-width:0;
    max-width:100%;
  }

  .reports-page-v33 .rpt-scribble{
    position:static;
    width:100%;
    justify-content:flex-end;
    align-items:center;
    margin:0 0 .8rem;
    transform:none;
    font-size:1.05rem;
    text-align:right;
  }
  .reports-page-v33 .rpt-scribble-arrow{width:48px;height:34px;transform:none}

  .reports-page-v33 .reports-site-header{
    width:100%;
    max-width:100%;
    left:0;
    right:0;
    box-sizing:border-box;
  }
  .reports-page-v33 .reports-site-header .brand{min-width:0;overflow:hidden}
  .reports-page-v33 .reports-site-header .brand-logo{max-width:min(10.25rem,72vw);height:auto}
}

@media(max-width:560px){
  .reports-page-v33 .rpt-container{padding-left:14px;padding-right:14px}
  .reports-page-v33 .rpt-report-card-v34{padding:20px 16px 16px}
  .reports-page-v33 .rpt-report-card-v34 .rpt-card-badge.live{left:16px}
  .reports-page-v33 .rpt-report-card-v34 .rpt-card-badge{right:16px}
  .reports-page-v33 .rpt-report-card-v34 h3{overflow-wrap:anywhere}
  .reports-page-v33 .rpt-card-actions-v34{grid-template-columns:1fr;gap:9px}
  .reports-page-v33 .rpt-mini-preview-v36{padding:14px 12px 12px}
  .reports-page-v33 .rpt-mini-preview-v36 .rpt-preview-stage{min-height:220px}
  .reports-page-v33 .rpt-mini-preview-v36 .rpt-preview-brand{width:100%}
  .reports-page-v33 .rpt-mini-preview-v36 .rpt-preview-chart-area{width:100%;min-width:0}
  .reports-page-v33 .rpt-mini-metrics-v36{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .reports-page-v33 .rpt-mini-metrics-v36 span{min-width:0}
  .reports-page-v33 .rpt-mini-metrics-v36 b{white-space:normal;overflow-wrap:anywhere}
  .reports-page-v33 .rpt-cta-benefits{display:grid;grid-template-columns:1fr;justify-items:start;gap:12px}
  .reports-page-v33 .rpt-cta-benefits span{white-space:normal}
}


/* v39 final safeguards */
.rpt-cta-benefits span::before{content:none!important;display:none!important}
.rpt-check{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:#72ef00;
  color:#17320c;
  font-style:normal;
  font-size:.82rem;
  font-weight:950;
  line-height:1;
}
@media(max-width:800px){
  .reports-page-v33 .rpt-report-card-v34 .rpt-card-badge.live{
    left:16px;
    right:auto!important;
    width:max-content;
    max-width:calc(100% - 32px);
  }
  .reports-page-v33 .rpt-report-card-v34 .rpt-card-badge.soon{
    left:auto;
    right:16px;
    width:max-content;
    max-width:calc(100% - 32px);
  }
}

/* =========================================================
   Data Connector / Marketing Data Importer — v40
   ========================================================= */
.data-connector-page{background:#08090b;color:#f5f7f2;overflow-x:hidden}
.data-connector-page .dci-site-header{position:fixed;background:rgba(8,9,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}
.data-connector-page .desktop-nav .is-current{color:var(--acid)}
.data-connector-page .desktop-nav{gap:1.55rem}
.dci-container{width:min(100% - 48px,1340px);margin:0 auto;min-width:0}
.dci-kicker{margin:0 0 1.2rem;display:flex;align-items:center;gap:.7rem;color:#b8bcc3;text-transform:uppercase;letter-spacing:.18em;font-size:.69rem;font-weight:850}
.dci-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px rgba(200,255,61,.62)}
.dci-kicker.dark{color:#687076}.dci-kicker.dark:before{content:"";width:8px;height:8px;border-radius:50%;background:#39b84a}
.dci-hero{min-height:940px;padding:150px 0 86px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 34%,rgba(200,255,61,.11),transparent 24%),radial-gradient(circle at 62% 55%,rgba(128,101,255,.10),transparent 30%),#08090b;border-bottom:1px solid rgba(255,255,255,.1)}
.dci-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent 8%,black 55%,transparent 100%);pointer-events:none}
.dci-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:clamp(3rem,6vw,7rem);align-items:center}
.dci-hero-copy h1{margin:.4rem 0 1.6rem;max-width:760px;font-size:clamp(4rem,6.6vw,7.1rem);line-height:.89;letter-spacing:-.068em}
.dci-hero-copy h1 em{display:block;color:var(--acid);font-style:normal}
.dci-lead{max-width:710px;margin:0;color:#b5b9c1;font-size:1.13rem;line-height:1.75}
.dci-client-badge{max-width:620px;margin:2rem 0 2.25rem;padding:1rem 1.15rem;display:flex;align-items:center;gap:.9rem;border:1px solid rgba(200,255,61,.2);background:rgba(200,255,61,.06)}
.dci-client-badge>i{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:#101308;font-style:normal;font-weight:950}
.dci-client-badge>div{display:flex;flex-direction:column}.dci-client-badge strong{font-size:.92rem}.dci-client-badge span{margin-top:.18rem;color:#8f949d;font-size:.75rem}
.dci-hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}
.dci-sheet-shell{min-width:0;border:1px solid rgba(255,255,255,.16);background:#f7f9f5;color:#0b0d0d;border-radius:20px;box-shadow:0 45px 100px rgba(0,0,0,.45);overflow:hidden;transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.dci-sheet-top{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dd;background:#fff}
.dci-sheet-brand{display:flex;align-items:center;gap:.7rem;font-size:.8rem}.dci-sheets-icon{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#21a366;color:#fff;font-size:1.05rem}
.dci-sync{display:inline-flex;align-items:center;gap:.45rem;color:#50705a;font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.dci-sync i{width:7px;height:7px;border-radius:50%;background:#29bd5a;box-shadow:0 0 10px rgba(41,189,90,.45)}
.dci-sheet-workspace{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:390px}
.dci-sheet-sidebar{padding:17px 12px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #dde3dc;background:#f1f4ef}.dci-sheet-sidebar small{margin:7px 7px 5px;color:#8d9690;font-size:.54rem;letter-spacing:.14em;font-weight:800}.dci-sheet-sidebar span{min-width:0;padding:8px 9px;display:flex;align-items:center;gap:.55rem;border-radius:7px;color:#5f6863;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dci-sheet-sidebar span.active{background:#e0f3df;color:#1c6a31;font-weight:750}.dci-sheet-sidebar span.muted{opacity:.58}.dci-sheet-sidebar b{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:6px;background:#fff;border:1px solid #d7ddd7;font-size:.57rem}.dci-mini-icon img{display:block;width:16px;height:16px;object-fit:contain}
.dci-sheet-grid{min-width:0;display:grid;grid-template-columns:1.05fr .8fr 1.3fr repeat(4,.74fr);align-content:start;background:#fff;overflow:hidden}.dci-cell{min-width:0;height:62px;padding:10px 9px;display:flex;align-items:center;border-right:1px solid #edf0ed;border-bottom:1px solid #edf0ed;color:#4f5853;font-size:.63rem;overflow:hidden;text-overflow:ellipsis}.dci-cell.head{height:44px;background:#f7f9f7;color:#77817b;text-transform:uppercase;letter-spacing:.06em;font-size:.51rem;font-weight:800}.dci-cell.num{justify-content:flex-end;font-variant-numeric:tabular-nums}.plat{display:inline-flex;padding:.3rem .4rem;border-radius:5px;font-size:.5rem;font-weight:900;letter-spacing:.05em}.plat.ga{background:#e6f0ff;color:#265cae}.plat.meta{background:#e9e6ff;color:#5d45bd}.plat.tt{background:#e9f8f3;color:#12795d}
.dci-sheet-foot{height:53px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe4dd;background:#f5f7f4;color:#7a837e;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.dci-sheet-foot b{color:#1c7734;font-size:.57rem}
.dci-feature-rail{overflow:hidden;background:var(--acid);color:#0b0d08}.dci-rail-track{width:max-content;display:flex;align-items:center;gap:1.35rem;padding:.9rem 0;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;animation:marquee 34s linear infinite}.dci-rail-track i{font-style:normal}
.dci-section{padding:clamp(6.2rem,9vw,9rem) 0;background:#eff1eb;color:#0c0f10}.dci-section:nth-of-type(even){background:#f8f9f5}
.dci-section-head{margin-bottom:3.5rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:end}.dci-section-head h2{max-width:850px;color:#0b0e0f;font-size:clamp(3rem,5vw,5.2rem);line-height:.94}.dci-section-head>p{margin:0;color:#59616a;font-size:1.02rem;line-height:1.78}
.dci-status-legend{display:flex;justify-content:flex-end;gap:1.1rem;margin:-1.4rem 0 2rem;color:#687078;font-size:.7rem}.dci-status-legend span{display:flex;align-items:center;gap:.45rem}.dci-status-legend i{width:8px;height:8px;border-radius:50%}.dci-status-legend i.available{background:#2fbd58}.dci-status-legend i.dev{background:#8b67ff}.dci-status-legend i.roadmap{background:#a9afb6}
.dci-connector-groups{display:grid;gap:2.3rem}.dci-connector-group{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start}.dci-group-title{display:flex;gap:.85rem;align-items:baseline;padding-top:.7rem}.dci-group-title span{font:600 .65rem ui-monospace,monospace;color:#38a94a}.dci-group-title h3{margin:0;font-size:1.02rem;letter-spacing:-.02em}.dci-connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dci-connector-card{min-width:0;min-height:110px;padding:15px 15px;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #dce1da;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(20,25,20,.035)}.dci-connector-card.is-available{border-color:rgba(47,189,88,.28);background:linear-gradient(145deg,#fff,#f5fff3)}.dci-connector-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid #e5e9e3;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(30,44,30,.04)}.dci-connector-mark img{display:block;max-width:30px;max-height:30px;width:auto;height:auto;object-fit:contain}.dci-connector-mark.tiktok img,.dci-connector-mark.googleads img,.dci-connector-mark.gads img{max-width:30px;max-height:30px}.dci-connector-mark.meta,.dci-connector-mark.linkedin,.dci-connector-mark.pinterest,.dci-connector-mark.reddit,.dci-connector-mark.snap,.dci-connector-mark.youtube,.dci-connector-mark.yt,.dci-connector-mark.x,.dci-connector-mark.gads,.dci-connector-mark.shopify{background:#fff}.dci-connector-mark.tiktok{background:#fff}.dci-connector-card h4{margin:0 0 .22rem;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dci-connector-card p{margin:0;color:#899198;font-size:.62rem}.dci-status{position:absolute;top:10px;right:10px;padding:.28rem .42rem;border-radius:999px;font-size:.47rem;font-weight:900;text-transform:uppercase;letter-spacing:.075em}.dci-status.available{background:#dbf6df;color:#24833e}.dci-status.dev{background:#eee9ff;color:#6c4fe2}.dci-status.roadmap{background:#eef0f1;color:#7c858c}
.dci-field-section{background:#e8eae4}.dci-explorer{border:1px solid #d7ddd5;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(30,35,30,.07);overflow:hidden}.dci-explorer-toolbar{padding:18px;display:grid;grid-template-columns:minmax(240px,1.2fr) 250px auto;gap:12px;align-items:end;border-bottom:1px solid #e5e8e4}.dci-search{height:48px;padding:0 14px;display:flex;align-items:center;gap:.7rem;border:1px solid #d9ded9;border-radius:10px;background:#f7f9f7}.dci-search span{font-size:1.1rem;color:#79827c}.dci-search input{width:100%;border:0;outline:0;background:transparent;color:#161a18;font:inherit;font-size:.85rem}.dci-select{display:flex;flex-direction:column;gap:.38rem}.dci-select>span{color:#838b85;font-size:.54rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.dci-select select{height:48px;padding:0 12px;border:1px solid #d9ded9;border-radius:10px;background:#f7f9f7;color:#161a18;font:inherit;font-size:.76rem}.dci-type-tabs{display:flex;gap:5px}.dci-type-tabs button{height:48px;padding:0 13px;border:1px solid #d9ded9;border-radius:10px;background:#fff;color:#6e7671;cursor:pointer;font-size:.67rem;font-weight:750}.dci-type-tabs button.active{background:#131713;border-color:#131713;color:#fff}.dci-explorer-summary{padding:15px 18px;display:flex;align-items:center;gap:24px;background:#f7f9f6;border-bottom:1px solid #e5e8e4}.dci-explorer-summary>div{display:flex;align-items:baseline;gap:.38rem}.dci-explorer-summary strong{font-size:1.25rem}.dci-explorer-summary span{color:#87908a;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.dci-explorer-summary p{margin:0 0 0 auto;max-width:540px;color:#68716b;font-size:.65rem;text-align:right}.dci-field-head,.dci-field-row{display:grid;grid-template-columns:1.35fr .72fr 1.45fr .82fr .85fr 1.1fr 1.05fr;gap:0}.dci-field-head{min-height:42px;align-items:center;background:#f1f4f1;border-bottom:1px solid #e3e7e3;color:#89918c;text-transform:uppercase;letter-spacing:.08em;font-size:.51rem;font-weight:850}.dci-field-head span{padding:0 12px}.dci-field-list{max-height:620px;overflow:auto}.dci-field-row{min-height:68px;align-items:center;border-bottom:1px solid #edf0ed;transition:background .18s ease}.dci-field-row:hover,.dci-field-row:focus{background:#f8fbf5;outline:0}.dci-field-row>div{min-width:0;padding:9px 12px;color:#59615c;font-size:.66rem;overflow:hidden}.dci-field-primary{display:flex;flex-direction:column;gap:.2rem}.dci-field-primary strong{color:#121613;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dci-field-primary small{color:#9aa09b;font-size:.54rem}.dci-field-row code{padding:.2rem .32rem;border-radius:4px;background:#f0f3ef;color:#395b42;font:600 .59rem ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.dci-field-type{display:inline-flex;padding:.28rem .45rem;border-radius:999px;font-size:.54rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.dci-field-type.dimension{background:#e9f1ff;color:#3868a8}.dci-field-type.metric{background:#e8f7e9;color:#2e873e}.dci-field-type.breakdown{background:#f3ebff;color:#7250b5}.dci-compat-pill{display:inline-flex;padding:.27rem .4rem;border-radius:5px;background:#f4f5f1;color:#6b736e;font-size:.55rem}.dci-none{color:#afb4b0}.dci-empty{padding:3rem;text-align:center;color:#7f8781}.dci-explorer-foot{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f7f9f6}.dci-explorer-foot p{margin:0;max-width:800px;color:#68716b;font-size:.69rem;line-height:1.55}.dci-schema-status{display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:#2d733e;font-size:.61rem;font-weight:750}.dci-schema-status i{width:8px;height:8px;border-radius:50%;background:#31bd57;box-shadow:0 0 9px rgba(49,189,87,.35)}
.dci-compatibility{background:#f7f8f4}.dci-compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dci-compat-card{min-height:330px;padding:24px;border:1px solid #dce1da;border-radius:16px;background:#fff}.dci-api-code{display:inline-flex;padding:.42rem .55rem;border-radius:7px;background:#111715;color:var(--acid);font:700 .58rem ui-monospace,monospace;letter-spacing:.08em}.dci-compat-card h3{margin:2rem 0 .8rem;font-size:1.45rem;letter-spacing:-.035em}.dci-compat-card p{margin:0;color:#68716b;line-height:1.7;font-size:.87rem}.dci-compat-card ul{list-style:none;margin:1.5rem 0 0;padding:0}.dci-compat-card li{padding:.7rem 0;border-top:1px solid #e8ebe7;color:#353c38;font-size:.75rem}.dci-compat-card li:before{content:"✓";margin-right:.55rem;color:#35a947;font-weight:900}.dci-compat-card code{font-size:.68rem;color:#5a44b6}
.dci-normalized{background:#e9ebe6}.dci-normalized-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #d8ddd5;border-radius:16px;background:#fff}.dci-normalized-table{width:100%;min-width:900px;border-collapse:collapse}.dci-normalized-table th,.dci-normalized-table td{padding:16px 18px;border-bottom:1px solid #e8ebe7;text-align:left;font-size:.74rem}.dci-normalized-table th{background:#f3f5f2;color:#777f79;text-transform:uppercase;letter-spacing:.075em;font-size:.56rem}.dci-normalized-table td{color:#56605a}.dci-normalized-table td:first-child{color:#161b18;font-weight:750}.dci-normalized-table code{padding:.3rem .42rem;border-radius:5px;background:#ecf5e9;color:#25703b;font:700 .66rem ui-monospace,monospace}.dci-normalized-note{margin-top:1rem;padding:18px 20px;border:1px solid #d8ddd5;border-radius:14px;background:#f9faf7;display:flex;align-items:center;justify-content:space-between;gap:2rem}.dci-normalized-note>div{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.dci-normalized-note span{padding:.42rem .55rem;border-radius:6px;background:#111713;color:#fff;font-size:.54rem;font-weight:850;letter-spacing:.07em}.dci-normalized-note b{color:#41ab50}.dci-normalized-note p{margin:0;max-width:500px;color:#6c746e;font-size:.7rem;line-height:1.55}
.dci-workflow{background:#f8f9f5}.dci-workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8ddd6;border-left:1px solid #d8ddd6}.dci-workflow-grid article{min-height:220px;padding:22px;border-right:1px solid #d8ddd6;border-bottom:1px solid #d8ddd6;background:rgba(255,255,255,.62)}.dci-workflow-grid article>span{font:700 .58rem ui-monospace,monospace;color:#34a946}.dci-workflow-grid h3{margin:2.6rem 0 .7rem;font-size:1.25rem}.dci-workflow-grid p{margin:0;color:#69716c;line-height:1.65;font-size:.82rem}
.dci-client-access{padding:80px 0;background:#0a0c0e;color:#f6f7f2;border-top:1px solid rgba(255,255,255,.1)}.dci-client-access-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end}.dci-client-access h2{max-width:920px;margin:0;font-size:clamp(3rem,5vw,5.4rem);line-height:.93}.dci-client-access p:last-child{max-width:700px;color:#9ba0a8;font-size:1rem;line-height:1.7}.dci-client-access .button{white-space:nowrap}
.dci-home-teaser{max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4.5vw,5rem) clamp(6rem,10vw,10rem)}.dci-home-teaser-card{padding:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(200,255,61,.075),rgba(128,101,255,.055));position:relative;overflow:hidden}.dci-home-teaser-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:var(--acid);filter:blur(100px);opacity:.10}.dci-home-teaser-card h2{max-width:900px;margin:.8rem 0 1rem;font-size:clamp(2.5rem,4.7vw,5rem)}.dci-home-teaser-card p{max-width:760px;margin:0;color:#9ea3aa;font-size:1rem;line-height:1.7}.dci-home-tool-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.6rem}.dci-home-tool-tags span{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.14);color:#c8ccd1;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.dci-home-teaser-card .button{position:relative;z-index:1;white-space:nowrap}
@media(max-width:1180px){.data-connector-page .desktop-nav{gap:.85rem;font-size:.75rem}.dci-hero-grid{grid-template-columns:1fr;gap:3.5rem}.dci-sheet-shell{max-width:900px;transform:none}.dci-section-head{grid-template-columns:1fr;gap:1.5rem}.dci-connector-group{grid-template-columns:1fr}.dci-connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dci-explorer-toolbar{grid-template-columns:1fr 240px}.dci-type-tabs{grid-column:1/-1}.dci-compat-grid{grid-template-columns:1fr}.dci-client-access-inner,.dci-home-teaser-card{grid-template-columns:1fr}.dci-client-access .button,.dci-home-teaser-card .button{width:max-content}.dci-workflow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.data-connector-page .dci-container{width:100%;padding-left:18px;padding-right:18px;box-sizing:border-box}.data-connector-page .dci-explorer{opacity:1!important;transform:none!important}.data-connector-page .dci-field-list{max-height:520px!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dci-hero{min-height:auto;padding:120px 0 70px}.dci-hero-copy h1{font-size:clamp(3.4rem,13vw,5.2rem)}.dci-sheet-workspace{grid-template-columns:1fr}.dci-sheet-sidebar{display:none}.dci-sheet-grid{grid-template-columns:1.05fr .75fr 1.2fr .72fr .72fr .72fr}.dci-sheet-grid .dci-cell:nth-child(7n+7),.dci-sheet-grid .dci-cell:nth-child(7){display:none}.dci-connector-grid{grid-template-columns:1fr}.dci-explorer-toolbar{grid-template-columns:1fr}.dci-select{grid-column:1}.dci-type-tabs{grid-column:1;overflow:auto;padding-bottom:2px}.dci-type-tabs button{flex:0 0 auto}.dci-explorer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dci-explorer-summary p{grid-column:1/-1;margin:0;text-align:left}.dci-field-head{display:none}.dci-field-row{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dci-field-row>div{padding:0;overflow:visible}.dci-field-primary{grid-column:1/-1;padding-bottom:10px!important;border-bottom:1px solid #edf0ed}.dci-field-row>div:not(.dci-field-primary):before{content:attr(data-label);display:block;margin-bottom:.3rem;color:#9aa19c;font-size:.48rem;text-transform:uppercase;letter-spacing:.08em}.dci-field-row code{white-space:normal;overflow-wrap:anywhere}.dci-explorer-foot{align-items:flex-start;flex-direction:column}.dci-normalized-note{align-items:flex-start;flex-direction:column}.dci-client-access{padding:65px 0}.dci-workflow-grid{grid-template-columns:1fr}.dci-home-teaser{padding-left:18px;padding-right:18px}.dci-home-teaser-card{gap:2rem}}
@media(max-width:560px){.dci-container{width:100%;padding-left:14px!important;padding-right:14px!important}.dci-hero{padding-top:105px}.dci-hero-copy h1{font-size:3.2rem}.dci-lead{font-size:.98rem}.dci-hero-actions{display:grid;grid-template-columns:1fr}.dci-hero-actions .button{width:100%}.dci-sheet-shell{border-radius:14px}.dci-sheet-top{height:52px;padding:0 12px}.dci-sheet-brand b{font-size:.67rem}.dci-sync{font-size:.5rem}.dci-sheet-grid{grid-template-columns:1.05fr .78fr 1.1fr .75fr}.dci-sheet-grid .dci-cell:nth-child(7n+5),.dci-sheet-grid .dci-cell:nth-child(7n+6),.dci-sheet-grid .dci-cell:nth-child(7n+7),.dci-sheet-grid .dci-cell:nth-child(5),.dci-sheet-grid .dci-cell:nth-child(6),.dci-sheet-grid .dci-cell:nth-child(7){display:none}.dci-cell{height:54px;padding:8px 6px;font-size:.55rem}.dci-cell.head{height:38px}.dci-sheet-foot{padding:0 10px}.dci-sheet-foot b{display:none}.dci-section{padding:70px 0}.dci-section-head{margin-bottom:2.4rem}.dci-section-head h2{font-size:2.8rem}.dci-status-legend{justify-content:flex-start;flex-wrap:wrap;margin-top:0}.dci-connector-card{min-height:102px}.dci-explorer{border-radius:14px}.dci-explorer-toolbar{padding:12px}.dci-explorer-summary{padding:12px;grid-template-columns:1fr 1fr}.dci-explorer-summary>div:first-child{grid-column:1/-1}.dci-field-row{grid-template-columns:1fr}.dci-field-primary{grid-column:1}.dci-field-row>div{padding-bottom:8px}.dci-client-access h2{font-size:2.8rem}.dci-client-access .button{width:100%}.dci-home-teaser{padding-left:14px;padding-right:14px}.dci-home-teaser-card{padding:24px 18px}.dci-home-teaser-card .button{width:100%}}


/* Data Connector v49 — actual plugin UI + current connector status */
.dci-product-shot{min-width:0;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#f4f6f1;color:#111715;box-shadow:0 45px 105px rgba(0,0,0,.48);overflow:hidden;transform:perspective(1150px) rotateY(-1.4deg) rotateX(.5deg)}
.dci-product-shot-head{min-height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #dfe4dd;background:#fff;color:#5f6863;font-size:.64rem;text-transform:uppercase;letter-spacing:.075em}
.dci-product-shot-head span{display:flex;align-items:center;gap:.55rem;font-weight:850;color:#26302a}.dci-product-shot-head span i{width:8px;height:8px;border-radius:50%;background:#2fbd58;box-shadow:0 0 10px rgba(47,189,88,.45)}
.dci-product-shot-head b{font-size:.56rem;color:#7d8680;letter-spacing:.09em}
.dci-product-shot img{display:block;width:100%;height:auto;background:#eef2ee}
.dci-product-shot figcaption{margin:0;padding:13px 17px 15px;border-top:1px solid #dfe4dd;background:#f7f9f5;color:#69736d;font-size:.64rem;line-height:1.55}
.dci-status-legend i.setup{background:#8b67ff}.dci-status.setup{background:#eee9ff;color:#6c4fe2}.dci-connector-card.is-setup{border-color:rgba(139,103,255,.2);background:linear-gradient(145deg,#fff,#faf8ff)}
.dci-status-note{max-width:820px;margin:-.7rem 0 2.2rem auto;color:#747c77;font-size:.68rem;line-height:1.6;text-align:right}
@media(max-width:1180px){.dci-product-shot{max-width:900px;transform:none}.dci-status-note{margin-left:0;text-align:left}}
@media(max-width:560px){.dci-product-shot{border-radius:14px}.dci-product-shot-head{min-height:48px;padding:0 12px}.dci-product-shot-head b{display:none}.dci-product-shot figcaption{padding:11px 12px 13px;font-size:.6rem}.dci-status-note{margin-top:-.3rem}.dci-status{max-width:118px;text-align:center;line-height:1.1}}

/* v51: Growwwsites Knowledge Base integration */
.kb-home-teaser{padding:2rem clamp(1.25rem,4vw,5rem) 5rem;background:#08090b;color:#eaf0e7}.kb-home-teaser-inner{max-width:1320px;margin:auto;border:1px solid #445343;border-radius:18px;background:radial-gradient(circle at 96% 8%,#dfff2820,transparent 42%),linear-gradient(110deg,#172017,#111714);padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.kb-home-kicker{font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#dfff28!important;margin:0 0 22px}.kb-home-teaser h2{font-size:clamp(30px,4.3vw,53px);line-height:1.07;max-width:670px}.kb-home-teaser h2 em{color:#dfff28}.kb-home-teaser-inner p:not(.kb-home-kicker){font-size:14px;color:#b4c4b3;line-height:1.85;max-width:600px;margin:22px 0}.kb-home-tags{display:flex;gap:7px;flex-wrap:wrap}.kb-home-tags span{font-size:10px;letter-spacing:.04em;padding:5px 11px;border:1px solid #53684f;border-radius:99px;color:#b9c5b3}.kb-home-teaser .button{white-space:nowrap;border-radius:7px}@media(max-width:1100px){.kb-home-teaser-inner{grid-template-columns:1fr}.kb-home-teaser .button{width:max-content}}@media(max-width:600px){.kb-home-teaser{padding:1rem 18px 4rem}.kb-home-teaser-inner{padding:26px}.kb-home-teaser .button{width:100%;white-space:normal}}@media(min-width:801px) and (max-width:1270px){.desktop-nav{gap:.75rem!important;font-size:.72rem!important}}


/* =============== GROWWWSITES v54: NAV + MOBILE FIT =============== */
@media (min-width:1321px){
  .site-header{grid-template-columns:minmax(152px,1fr) auto minmax(120px,1fr);gap:clamp(12px,1.4vw,27px)}
  .desktop-nav{gap:clamp(10px,1.2vw,20px);white-space:nowrap;font-size:clamp(.73rem,.78vw,.82rem)}
  .data-connector-page .desktop-nav,.reports-page-v33 .desktop-nav{gap:clamp(10px,1.2vw,20px);font-size:clamp(.73rem,.78vw,.82rem)}
  .header-cta{font-size:.69rem;letter-spacing:.06em;white-space:nowrap}
}
@media (max-width:1320px){
  .site-header,.reports-page-v33 .reports-site-header{grid-template-columns:minmax(0,1fr) auto;gap:18px}
  .site-header .desktop-nav,.site-header .header-cta{display:none!important}
  .site-header .menu-toggle{display:grid!important;gap:7px;background:transparent;border:0;padding:13px 0 13px 13px;cursor:pointer;justify-self:end;align-self:center}
  .site-header .menu-toggle span{display:block;width:26px;height:2px;border-radius:2px;background:#f3f3f3;transition:transform .22s}
  .reports-page-v33 .site-header .menu-toggle span{background:#142417}
  .site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .site-header .mobile-nav{position:absolute;display:none;top:100%;left:0;right:0;padding:12px clamp(22px,4vw,56px) 20px;flex-direction:column;gap:0;max-height:min(78dvh,700px);overflow-y:auto;background:rgba(8,9,11,.99);border-bottom:1px solid #424a3d;box-shadow:0 20px 44px #0004;z-index:80}
  .site-header .mobile-nav.open{display:flex!important}
  .site-header .mobile-nav a{padding:13px 2px;font-size:14px;min-height:45px;white-space:normal;border-bottom:1px solid #ffffff18}
  .site-header .mobile-nav a:last-child{border:0}
  .site-header .mobile-nav a[aria-current="page"]{color:#dfff28}
  .reports-page-v33 .site-header .mobile-nav{background:#fff;color:#152218;border:1px solid #e1e7de}
  .reports-page-v33 .site-header .mobile-nav a{border-color:#e5ece3}
  .reports-page-v33 .site-header .mobile-nav a[aria-current="page"]{color:#14872e}
}
@media (max-width:580px){
  .site-header .brand-logo{width:min(44vw,164px);height:auto}
  .rpt-hero-grid,.dci-hero-grid{min-width:0}
  .rpt-dashboard-wrap,.rpt-dashboard,.rpt-dash-main,.rpt-dash-side,.rpt-side-kpi,.rpt-channel-card{min-width:0}
  .rpt-side-kpi{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}
  .rpt-side-kpi>b{grid-column:2;justify-self:start;margin-top:-2px}
  .rpt-side-kpi strong{font-size:1rem;overflow-wrap:anywhere}
  .rpt-side-kpi .icon{width:37px;height:37px}
  .rpt-dash-side{grid-template-columns:1fr}
  .rpt-channel-card{grid-template-columns:90px 1fr}
  .rpt-channel-card>strong{grid-column:1/-1}
}
/* Keep channel marks consistent and recognizable in native aspect ratio. */
.dci-connector-mark{width:54px;height:54px;border-radius:15px;background:#fff!important;border:1px solid #e1e7df;box-shadow:0 5px 18px #0f2f1909;overflow:hidden;padding:7px}
.dci-connector-mark img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}
.dci-connector-mark.woo img,.dci-connector-mark.klaviyo img{max-width:44px;max-height:32px}
.dci-connector-card{grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;padding:26px 13px 18px;min-height:120px}
.dci-connector-card h4{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;overflow-wrap:break-word;font-size:.84rem;margin-bottom:5px}
.dci-connector-card p{line-height:1.4}
.dci-status{top:7px;right:9px;font-size:.48rem}
@media(max-width:600px){.dci-connector-card{padding:25px 14px 14px;min-height:104px}.dci-connector-mark{width:48px;height:48px}.dci-connector-card{grid-template-columns:48px minmax(0,1fr)}}