.conv-pres {
  --ink: #171322;
  --muted: #6f687a;
  --paper: #f7f5f0;
  --cream: #efe9df;
  --violet: #3d225e;
  --violet-deep: #171022;
  --violet-mid: #5b327f;
  --accent: #df365f;
  --lime: #c9ef8b;
  --line: rgba(23, 19, 34, .12);
  --radius: 24px;
  color: var(--ink);
  font-family: inherit;
  line-height: 1.5;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: clip;
  background: var(--paper);
}
.conv-pres *, .conv-pres *::before, .conv-pres *::after { box-sizing: border-box; }
.conv-pres a { color: inherit; text-decoration: none; }
.conv-pres button { font: inherit; }
.conv-pres__shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.conv-pres__hero { background: radial-gradient(circle at 75% 20%, rgba(111,66,156,.35), transparent 34%), linear-gradient(135deg, #130e1e 0%, #211330 58%, #331744 100%); color: #fff; padding: 74px 0 64px; }
.conv-pres__hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: center; }
.conv-pres__eyebrow, .conv-pres__kicker { font-size: 12px; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; }
.conv-pres__eyebrow { color: #d8c9e7; }
.conv-pres__hero h1 { font-size: clamp(48px, 6vw, 76px); line-height: .98; letter-spacing: -.055em; margin: 18px 0 26px; max-width: 760px; }
.conv-pres__lede { color: #ded6e6; font-size: 19px; line-height: 1.55; max-width: 700px; margin: 0; }
.conv-pres__hero-actions, .conv-pres__cta-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.conv-pres__button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 0 20px; border-radius: 999px; font-weight: 800; font-size: 14px; transition: transform .18s ease, background .18s ease; }
.conv-pres__button:hover { transform: translateY(-1px); }
.conv-pres__button--primary { background: var(--accent); color: #fff !important; }
.conv-pres__button--primary:hover { background: #c92b51; }
.conv-pres__button--ghost { border: 1px solid rgba(255,255,255,.25); color: #fff !important; background: rgba(255,255,255,.05); }
.conv-pres__button--ghost-light { border: 1px solid rgba(255,255,255,.3); color: #fff !important; }
.conv-pres__chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 28px; }
.conv-pres__chips span { border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.055); border-radius: 999px; padding: 7px 11px; font-size: 12px; color: #d7cede; }

.conv-pres__product { background: #0e0c15; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; overflow: hidden; box-shadow: 0 38px 90px rgba(0,0,0,.38); min-width: 0; }
.conv-pres__windowbar { height: 48px; padding: 0 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.08); color: #f5eff8; font-size: 12px; }
.conv-pres__brand-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(223,54,95,.12); }
.conv-pres__window-status { margin-left: auto; color: #9f96aa; }
.conv-pres__app { display: grid; grid-template-columns: 92px 1fr; min-height: 460px; }
.conv-pres__app-side { padding: 15px 10px; border-right: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column; gap: 6px; }
.conv-pres__app-side span { border-radius: 10px; padding: 9px 8px; font-size: 10px; color: #847a8e; }
.conv-pres__app-side span.is-active { background: rgba(223,54,95,.13); color: #fff; }
.conv-pres__app-main { min-width: 0; }
.conv-pres__app-toolbar { min-height: 45px; padding: 9px 12px; display: flex; gap: 7px; flex-wrap: wrap; border-bottom: 1px solid rgba(255,255,255,.07); }
.conv-pres__app-toolbar span { border: 1px solid rgba(255,255,255,.09); color: #aaa1b3; font-size: 9px; border-radius: 8px; padding: 6px 8px; }
.conv-pres__map-demo { position: relative; height: 414px; overflow: hidden; background: #171329; }
.conv-pres__map-demo svg { width: 100%; height: 100%; display: block; }
.conv-map-shape { stroke: rgba(255,255,255,.14); stroke-width: 1.6; }
.conv-map-shape--a { fill: rgba(116, 69, 156, .58); }
.conv-map-shape--b { fill: rgba(223, 54, 95, .37); }
.conv-map-shape--c { fill: rgba(108, 80, 146, .42); }
.conv-map-shape--d { fill: rgba(201, 239, 139, .14); }
.conv-map-shape--e { fill: rgba(98, 59, 132, .46); }
.conv-map-streets path { fill: none; stroke: rgba(255,255,255,.38); stroke-width: 3; stroke-linecap: round; }
.conv-map-points circle { fill: #f6f2f7; stroke: var(--accent); stroke-width: 3; }
.conv-pres__map-legend { position: absolute; left: 14px; bottom: 14px; display: flex; gap: 8px; flex-wrap: wrap; }
.conv-pres__map-legend span { background: rgba(10,8,15,.82); backdrop-filter: blur(8px); color: #c7bfcc; font-size: 8px; padding: 7px 8px; border-radius: 8px; }
.conv-pres__map-legend i { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:5px; }
.legend-a { background: var(--accent); }.legend-b { background: #9d6ac1; }.legend-c { background: var(--lime); }
.conv-pres__mission-card { position: absolute; top: 16px; right: 16px; width: min(240px, 47%); background: rgba(14,12,21,.92); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 15px 40px rgba(0,0,0,.2); }
.conv-pres__mission-card small { color: var(--lime); font-size: 8px; letter-spacing: .12em; font-weight: 800; }
.conv-pres__mission-card strong { font-size: 14px; }
.conv-pres__mission-card span { font-size: 9px; color: #aaa2b2; line-height: 1.35; }
.conv-pres__mission-card button { align-self: flex-start; border: 0; border-radius: 8px; padding: 7px 9px; background: var(--accent); color: #fff; font-size: 9px; font-weight: 700; margin-top: 4px; }

.conv-pres__subnav { position: relative; background: #fff; border-bottom: 1px solid var(--line); }
.conv-pres__subnav .conv-pres__shell { min-height: 62px; display: flex; align-items: center; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.conv-pres__subnav a { white-space: nowrap; color: #5f5968; font-size: 13px; font-weight: 750; }
.conv-pres__subnav a:hover { color: var(--accent); }

.conv-pres__section { padding: 96px 0; }
.conv-pres__section--light { background: #f7f5f0; }
.conv-pres__section--cream { background: var(--cream); }
.conv-pres__section--white { background: #fff; }
.conv-pres__section--dark { color: #fff; background: radial-gradient(circle at 80% 30%, rgba(96,53,139,.35), transparent 40%), var(--violet-deep); }
.conv-pres__section--violet { color: #fff; background: linear-gradient(135deg, #351d51, #21132e); }
.conv-pres__kicker { color: var(--accent); margin-bottom: 14px; }
.conv-pres__section--dark .conv-pres__kicker, .conv-pres__section--violet .conv-pres__kicker { color: #f29ab0; }
.conv-pres__section-heading { max-width: 780px; }
.conv-pres__section-heading--wide { max-width: 920px; }
.conv-pres__section-heading h2 { font-size: clamp(36px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.045em; margin: 0 0 22px; }
.conv-pres__section-heading p { font-size: 18px; line-height: 1.58; color: var(--muted); margin: 0; }
.conv-pres__section--dark .conv-pres__section-heading p, .conv-pres__section--violet .conv-pres__section-heading p { color: #c9bfce; }

.conv-pres__layer-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.conv-pres__layer-grid article { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 24px; min-height: 180px; }
.conv-pres__layer-grid article > span { display: inline-flex; width: 34px; height: 34px; align-items:center; justify-content:center; border-radius: 10px; background: #f1e9f4; color: var(--violet-mid); font-size: 11px; font-weight: 900; }
.conv-pres__layer-grid strong { display:block; font-size: 17px; margin: 20px 0 8px; }
.conv-pres__layer-grid p { color: var(--muted); font-size: 14px; margin: 0; }

.conv-pres__split { display: grid; grid-template-columns: .92fr 1.08fr; gap: 58px; align-items: center; }
.conv-pres__guardrail { margin-top: 28px; border-left: 3px solid var(--lime); padding: 16px 18px; background: rgba(255,255,255,.055); border-radius: 0 12px 12px 0; display: grid; gap: 5px; }
.conv-pres__guardrail strong { font-size: 13px; color: var(--lime); text-transform: uppercase; letter-spacing: .08em; }
.conv-pres__guardrail span { color: #cbc3d1; font-size: 14px; }
.conv-pres__scenario-card { background: #fff; color: var(--ink); border-radius: 24px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.28); }
.conv-pres__demo-tabs { display: grid; grid-template-columns: repeat(3,1fr); background: #f0ecf1; padding: 6px; gap: 6px; }
.conv-pres__demo-tabs button { border: 0; border-radius: 10px; background: transparent; padding: 11px; color: #766f7e; font-weight: 800; font-size: 12px; cursor:pointer; }
.conv-pres__demo-tabs button.is-active { background:#fff; color:var(--violet); box-shadow: 0 2px 10px rgba(22,17,31,.08); }
.conv-pres__demo-panel { display:none; padding: 26px; min-height: 410px; }
.conv-pres__demo-panel.is-active { display:block; }
.conv-pres__demo-head { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; border-bottom:1px solid var(--line); padding-bottom:17px; }
.conv-pres__demo-head span { color:#857e8c; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }
.conv-pres__demo-head strong { font-size:15px; text-align:right; }
.conv-pres__poll-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0; }
.conv-pres__poll-metrics div { background:#f7f4f8; border-radius:14px; padding:15px; }
.conv-pres__poll-metrics small { display:block; color:#8b8391; font-size:10px; }
.conv-pres__poll-metrics strong { display:block; margin-top:5px; font-size:19px; }
.conv-pres__bars { display:grid; gap:12px; margin-top:18px; }
.conv-pres__bars div { display:grid; grid-template-columns:88px 1fr 92px; align-items:center; gap:10px; font-size:11px; }
.conv-pres__bars i { height:10px; background:#eee9f0; border-radius:99px; overflow:hidden; position:relative; }
.conv-pres__bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--w); border-radius:99px; background:linear-gradient(90deg,var(--violet-mid),var(--accent)); }
.conv-pres__bars b { font-size:10px; color:#695e70; text-align:right; }
.conv-pres__demo-note { margin:23px 0 0; padding:13px 14px; border-radius:12px; background:#f4f0f5; color:#716979; font-size:12px; line-height:1.45; }
.conv-pres__gradient-chart { position:relative; height:210px; margin:30px 0 5px; border-left:1px solid #d9d2dd; border-bottom:1px solid #d9d2dd; background:linear-gradient(to top, rgba(91,50,127,.04), transparent); }
.conv-pres__gradient-line { position:absolute; left:7%; right:7%; top:49%; height:3px; background:linear-gradient(90deg,var(--violet-mid),var(--accent)); transform:rotate(-28deg); transform-origin:center; border-radius:99px; }
.conv-pres__gradient-chart > span { position:absolute; left:var(--x); top:var(--y); width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%; display:grid; place-items:center; background:#fff; border:3px solid var(--accent); color:var(--violet); font-size:10px; font-weight:900; box-shadow:0 4px 14px rgba(53,29,81,.15); }
.conv-pres__gradient-labels { display:flex; justify-content:space-between; color:#8c8492; font-size:10px; }
.conv-pres__mission-list { display:grid; gap:10px; margin-top:22px; }
.conv-pres__mission-list article { display:grid; grid-template-columns:34px 1fr auto; gap:11px; align-items:center; border:1px solid var(--line); border-radius:14px; padding:12px; }
.conv-pres__mission-list b { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:#f1e9f4; color:var(--violet); font-size:10px; }
.conv-pres__mission-list div { display:grid; gap:3px; }
.conv-pres__mission-list strong { font-size:12px; }.conv-pres__mission-list span { font-size:10px; color:#817986; }
.conv-pres__mission-list em { font-style:normal; font-size:9px; background:#f3eff4; color:#6d6374; padding:6px 7px; border-radius:99px; }

.conv-pres__socio-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:24px; margin-top:46px; align-items:stretch; }
.conv-pres__socio-themes, .conv-pres__portrait { border-radius:22px; padding:28px; border:1px solid rgba(23,19,34,.1); background:rgba(255,255,255,.48); }
.conv-pres__socio-themes h3 { font-size:20px; margin:0 0 18px; }
.conv-pres__theme-list { display:grid; gap:8px; }
.conv-pres__theme-list span { padding:10px 12px; border-radius:10px; background:#fff; border:1px solid rgba(23,19,34,.08); font-size:13px; font-weight:700; }
.conv-pres__socio-themes p { color:#706873; font-size:12px; margin:18px 0 0; }
.conv-pres__portrait { background:#1a1324; color:#fff; }
.conv-pres__portrait-top { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.conv-pres__portrait-top > div { display:grid; gap:4px; }.conv-pres__portrait-top small { color:#cfbedb; font-size:9px; letter-spacing:.1em; }.conv-pres__portrait-top strong { font-size:18px; }
.conv-pres__portrait-top > span { border:1px solid rgba(255,255,255,.14); border-radius:99px; padding:6px 8px; color:#c2b6ca; font-size:9px; }
.conv-pres__quartiles { height:235px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; align-items:end; margin-top:26px; }
.conv-pres__quartiles article { height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:8px; }
.conv-pres__quartiles i { width:100%; height:var(--h); border-radius:10px 10px 4px 4px; background:linear-gradient(180deg,#df365f,#633480); box-shadow:inset 0 1px rgba(255,255,255,.2); }
.conv-pres__quartiles span { font-size:11px; font-weight:900; }.conv-pres__quartiles small { color:#968c9e; font-size:8px; min-height:24px; text-align:center; }
.conv-pres__portrait-reading { margin-top:18px; padding-top:17px; border-top:1px solid rgba(255,255,255,.1); display:grid; gap:5px; }
.conv-pres__portrait-reading strong { color:var(--lime); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.conv-pres__portrait-reading span { color:#c4bac9; font-size:12px; }
.conv-pres__micro-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.conv-pres__micro-grid article { background:#fff; border:1px solid rgba(23,19,34,.09); border-radius:16px; padding:18px; display:grid; gap:6px; }
.conv-pres__micro-grid strong { font-size:14px; }.conv-pres__micro-grid span { color:#766f7a; font-size:12px; }

.conv-pres__decision-flow { display:grid; grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr; gap:7px; align-items:center; margin-top:50px; }
.conv-pres__decision-flow article { min-height:172px; border:1px solid var(--line); border-radius:18px; padding:20px; background:#faf9f7; }
.conv-pres__decision-flow article b { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:var(--violet); color:#fff; font-size:10px; }
.conv-pres__decision-flow article strong { display:block; margin:17px 0 7px; font-size:16px; }.conv-pres__decision-flow article span { color:#77707c; font-size:12px; }
.conv-pres__decision-flow > i { font-style:normal; color:#aaa1af; text-align:center; }
.conv-pres__targeting-card { margin-top:26px; border-radius:24px; background:#181321; color:#fff; padding:30px; display:grid; grid-template-columns:.8fr 1.2fr; gap:34px; align-items:center; }
.conv-pres__targeting-card small { color:#cebad8; letter-spacing:.12em; font-size:9px; font-weight:900; }.conv-pres__targeting-card h3 { font-size:28px; line-height:1.08; letter-spacing:-.03em; margin:10px 0; }.conv-pres__targeting-card p { color:#b8afbd; font-size:13px; margin:0; }
.conv-pres__target-table { background:#23192f; border-radius:16px; overflow:hidden; }
.conv-pres__target-table > div { display:grid; grid-template-columns:1.4fr .7fr .6fr; gap:8px; padding:11px 13px; border-top:1px solid rgba(255,255,255,.07); align-items:center; }
.conv-pres__target-table .head { border-top:0; background:rgba(255,255,255,.045); color:#998da1; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.conv-pres__target-table span { font-size:11px; color:#d3cad8; }.conv-pres__target-table b { color:var(--lime); font-size:10px; text-align:right; }

.conv-pres__loop { margin-top:48px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.conv-pres__loop span { border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.06); border-radius:999px; padding:9px 13px; font-size:12px; font-weight:800; }.conv-pres__loop i { color:#9b89a8; font-style:normal; }
.conv-pres__field-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:28px; }
.conv-pres__field-grid article { border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.055); border-radius:18px; padding:22px; min-height:180px; }
.conv-pres__icon { width:34px; height:34px; border-radius:10px; background:rgba(223,54,95,.2); color:#ffb2c3; display:grid; place-items:center; font-size:11px; font-weight:900; }
.conv-pres__field-grid strong { display:block; margin:17px 0 6px; font-size:15px; }.conv-pres__field-grid p { color:#bdb2c5; font-size:12px; margin:0; }

.conv-pres__trust-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:start; }
.conv-pres__trust-list { display:grid; gap:10px; }
.conv-pres__trust-list article { background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px; display:grid; gap:5px; }
.conv-pres__trust-list strong { font-size:14px; }.conv-pres__trust-list span { color:#766e7b; font-size:12px; }

.conv-pres__cta { padding:76px 0; color:#fff; background:linear-gradient(135deg,#180f24,#3a194b 70%,#531d48); }
.conv-pres__cta-inner { display:flex; justify-content:space-between; gap:45px; align-items:center; }
.conv-pres__cta h2 { font-size:clamp(32px,4vw,48px); line-height:1.05; letter-spacing:-.04em; margin:11px 0 13px; max-width:760px; }.conv-pres__cta p { margin:0; color:#c8bdcf; max-width:700px; }
.conv-pres__cta-actions { margin-top:0; flex-shrink:0; }

.conv-pres__reveal { opacity: 1; transform: none; }
.conv-pres.js .conv-pres__reveal { opacity: 0; transform: translateY(16px); transition: opacity .5s ease, transform .5s ease; }
.conv-pres.js .conv-pres__reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .conv-pres__hero-grid, .conv-pres__split, .conv-pres__trust-grid { grid-template-columns:1fr; }
  .conv-pres__hero-grid { gap:42px; }
  .conv-pres__layer-grid, .conv-pres__field-grid { grid-template-columns:repeat(2,1fr); }
  .conv-pres__socio-layout { grid-template-columns:1fr; }
  .conv-pres__decision-flow { grid-template-columns:1fr; }
  .conv-pres__decision-flow > i { transform:rotate(90deg); }
  .conv-pres__targeting-card { grid-template-columns:1fr; }
  .conv-pres__cta-inner { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 680px) {
  .conv-pres__shell { width:min(100% - 28px, 1180px); }
  .conv-pres__hero { padding:54px 0 42px; }
  .conv-pres__hero h1 { font-size:42px; }
  .conv-pres__lede { font-size:16px; }
  .conv-pres__section { padding:70px 0; }
  .conv-pres__section-heading h2 { font-size:36px; }
  .conv-pres__section-heading p { font-size:16px; }
  .conv-pres__layer-grid, .conv-pres__field-grid, .conv-pres__micro-grid { grid-template-columns:1fr; }
  .conv-pres__app { grid-template-columns:68px 1fr; min-height:380px; }
  .conv-pres__map-demo { height:334px; }
  .conv-pres__app-side span { font-size:8px; padding:8px 5px; }
  .conv-pres__app-toolbar span { font-size:7px; }
  .conv-pres__mission-card { width:58%; }
  .conv-pres__poll-metrics { grid-template-columns:1fr 1fr; }
  .conv-pres__bars div { grid-template-columns:70px 1fr; }.conv-pres__bars b { display:none; }
  .conv-pres__target-table > div { grid-template-columns:1.35fr .65fr; }.conv-pres__target-table > div > :nth-child(2) { display:none; }
  .conv-pres__target-table b { text-align:right; }
  .conv-pres__quartiles { gap:7px; }
  .conv-pres__subnav .conv-pres__shell { gap:20px; }
}
@media (prefers-reduced-motion: reduce) {
  .conv-pres *, .conv-pres *::before, .conv-pres *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}