/* ============================================================
   OpsIQ Marketing — Live 3D engine
   Premium animated illustration system for the public site.
   Motion lives mostly in inline SVG (SMIL <animate>) so it runs
   forever with no JS; this sheet provides the 3D glass stages,
   layout for spotlight rows, and the panel float/tilt.
   Brand: violet #7c3aed · blue #2563eb · cyan #06b6d4 · pink #e879f9
   ============================================================ */

/* ---- Spotlight rows (alternating text / illustration) ---- */
.op-spot{padding:clamp(40px,7vw,86px) 0;position:relative}
.op-spot-row{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(28px,5vw,72px);align-items:center}
.op-spot-row.rev{grid-template-columns:1.06fr 1fr}
.op-spot-row.rev .op-spot-copy{order:2}
.op-spot-row.rev .op-spot-art{order:1}
.op-spot-copy h2{font-size:clamp(26px,3.6vw,44px);letter-spacing:-.045em;line-height:1.04;margin:12px 0 14px}
.op-spot-copy .op-lead{margin:0 0 18px}
.op-spot-feats{display:grid;gap:11px;margin:18px 0 22px}
.op-spot-feat{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--op-text)}
.op-spot-feat svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:#7c3aed}
.op-spot-feat b{font-weight:800}
.op-spot-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.op-spot-pills span{border:1px solid var(--op-stroke);background:var(--op-surface2);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;color:var(--op-muted)}

/* ---- 3D glass stage that holds an animated SVG ---- */
.m3d{position:relative;perspective:1500px}
.m3d-stage{position:relative;border-radius:var(--op-radius,28px);overflow:hidden;
  background:radial-gradient(120% 120% at 15% 0%,rgba(124,58,237,.20),transparent 55%),
             radial-gradient(120% 120% at 100% 100%,rgba(6,182,212,.18),transparent 50%),
             linear-gradient(150deg,rgba(11,16,34,.86),rgba(7,11,24,.92));
  border:1px solid rgba(160,180,255,.18);
  box-shadow:0 40px 120px rgba(8,12,30,.5),inset 0 1px 0 rgba(255,255,255,.06);
  transform-style:preserve-3d}
html[data-theme="light"] .m3d-stage{background:radial-gradient(120% 120% at 15% 0%,rgba(124,58,237,.14),transparent 55%),radial-gradient(120% 120% at 100% 100%,rgba(6,182,212,.12),transparent 50%),linear-gradient(150deg,#0d1430,#0a1024);}
.m3d-stage svg{display:block;width:100%;height:auto}
/* Floating "Live" pill — pinned to the TOP-RIGHT, OUTSIDE/above the stage edge so it
   never collides with the SVG's own title (titles are drawn top-left inside the art).
   The stage also reserves a small top inset so nothing reads as overlapping. */
.m3d-stage{padding-top:6px}
.m3d-stage .m3d-tag{position:absolute;top:-13px;right:18px;z-index:5;display:inline-flex;align-items:center;gap:7px;
  font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#e6ecff;
  background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(37,99,235,.92));border:1px solid rgba(167,139,250,.5);
  border-radius:999px;padding:6px 13px;box-shadow:0 10px 26px rgba(37,99,235,.4),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.m3d-stage .m3d-tag i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:m3dLive 1.6s ease-out infinite}
@keyframes m3dLive{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%,100%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}

/* ---- hero clearance: keep spotlight heroes clear of the fixed nav ---- */
.op-spot-hero{padding-top:calc(var(--op-nav-h,82px) + 52px)!important;position:relative}
@media(max-width:760px){.op-spot-hero{padding-top:calc(var(--op-nav-h,82px) + 30px)!important}}
/* richer hero backdrop: brand grid + two drifting glows behind every spotlight hero */
.op-spot-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(124,58,237,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.10) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(120% 80% at 70% 0%,#000,transparent 72%)}
.op-spot-hero::after{content:"";position:absolute;z-index:-2;pointer-events:none;width:520px;height:520px;right:-120px;top:-120px;
  border-radius:50%;filter:blur(80px);opacity:.45;background:radial-gradient(circle,rgba(124,58,237,.5),transparent 65%);animation:opFloat 11s ease-in-out infinite}
/* reusable floating accent chips agents can drop into a hero (.op-floaty) */
.op-floaty{position:absolute;z-index:1;border:1px solid var(--op-stroke);border-radius:16px;background:var(--op-surface);
  backdrop-filter:var(--op-blur);box-shadow:var(--op-shadow2);padding:11px 14px;font-size:12.5px;font-weight:800;display:flex;gap:9px;align-items:center}
.op-floaty svg{width:18px;height:18px}
.op-floaty.f1{animation:opFloat 6s ease-in-out infinite}
.op-floaty.f2{animation:opFloat 8s ease-in-out infinite reverse}

/* ---- defensive big-stat: long word values must wrap, not clip/overlap ---- */
.op-big-stat b{font-size:clamp(34px,4.6vw,62px)!important;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;max-width:100%}
.op-big-stat span{overflow-wrap:anywhere}

/* gentle continuous float + a touch of 3D tilt for the whole stage */
@keyframes m3dFloat{0%,100%{transform:translateY(0) rotateX(.6deg) rotateY(-1deg)}50%{transform:translateY(-12px) rotateX(-.6deg) rotateY(1deg)}}
.m3d-float{animation:m3dFloat 8s ease-in-out infinite;will-change:transform}
.m3d-float:hover{animation-play-state:paused}

/* soft drifting orbs behind a section */
.op-spot .op-spot-art{position:relative}
.op-spot-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:-1;pointer-events:none}

/* ---- four-pillar grid ---- */
.op-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.op-pillar{position:relative;border:1px solid var(--op-stroke);border-radius:22px;background:var(--op-surface);
  padding:24px 22px 22px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.op-pillar:hover{transform:translateY(-6px);box-shadow:var(--op-shadow);border-color:rgba(124,58,237,.4)}
.op-pillar-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative}
.op-pillar-ic svg{width:50px;height:50px}
.op-pillar h3{font-size:19px;letter-spacing:-.02em;margin:0 0 6px}
.op-pillar>p{color:var(--op-muted);font-size:13px;line-height:1.6;margin:0 0 14px}
.op-pillar-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.op-pillar-list li{display:flex;gap:8px;align-items:center;font-size:12.8px;font-weight:700;color:var(--op-text)}
.op-pillar-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#06b6d4);flex-shrink:0}

/* ---- comparison table ---- */
.op-cmp{width:100%;border-collapse:separate;border-spacing:0;margin-top:26px;border:1px solid var(--op-stroke);border-radius:18px;overflow:hidden;background:var(--op-surface)}
.op-cmp th,.op-cmp td{padding:14px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--op-stroke)}
.op-cmp thead th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--op-muted);background:var(--op-surface2)}
.op-cmp tbody tr:last-child td{border-bottom:0}
.op-cmp .op-cmp-pop{background:linear-gradient(180deg,rgba(124,58,237,.10),rgba(6,182,212,.06));font-weight:800;color:var(--op-text);width:160px}
.op-cmp .yes{color:#13b981;font-weight:800}
.op-cmp td:first-child{font-weight:700}

/* ---- compliance strip ---- */
.op-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.op-trust-item{border:1px solid var(--op-stroke);border-radius:18px;background:var(--op-surface);padding:20px}
.op-trust-item svg{width:26px;height:26px;color:#7c3aed;margin-bottom:10px}
.op-trust-item h4{margin:0 0 5px;font-size:15px;letter-spacing:-.01em}
.op-trust-item p{margin:0;color:var(--op-muted);font-size:12.6px;line-height:1.55}

@media(max-width:1024px){
  .op-spot-row,.op-spot-row.rev{grid-template-columns:1fr;gap:30px}
  .op-spot-row.rev .op-spot-copy{order:1}.op-spot-row.rev .op-spot-art{order:2}
  .op-pillars{grid-template-columns:repeat(2,1fr)}
  .op-trust-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.op-pillars{grid-template-columns:1fr}.op-trust-strip{grid-template-columns:1fr}.op-cmp thead{display:none}.op-cmp td{display:block;border:0;padding:8px 16px}.op-cmp tr{display:block;border-bottom:1px solid var(--op-stroke);padding:8px 0}}

@media(prefers-reduced-motion:reduce){
  .m3d-float{animation:none}
  .m3d-stage .m3d-tag i{animation:none}
}

/* ============================================================
   Premium legal / policy pages (op_doc_page)
   ============================================================ */
.op-legal-hero{padding-bottom:8px}
.op-legal-hero-row{display:grid;grid-template-columns:1.25fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.op-legal-hero-row.nosvg{grid-template-columns:1fr;max-width:880px}
.op-legal-title{font-size:clamp(38px,5.4vw,68px)!important;line-height:1.02;letter-spacing:-.04em;margin:14px 0 16px}
.op-legal-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.op-legal-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--op-stroke);border-radius:999px;
  background:var(--op-surface2);backdrop-filter:var(--op-blur);font-size:12.5px;color:var(--op-muted)}
.op-legal-chip b{color:var(--op-text);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.op-legal-related{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;font-size:13px}
.op-legal-related span{color:var(--op-muted2);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.op-legal-related a{padding:6px 12px;border-radius:999px;border:1px solid var(--op-stroke);background:var(--op-surface);text-decoration:none;font-weight:800;color:var(--op-blue)}
.op-legal-related a:hover{border-color:rgba(124,58,237,.4);transform:translateY(-2px)}
.op-legal-hero-art .m3d-stage{padding:16px}
.op-legal-hero-art svg{display:block;width:100%;height:auto}

/* at a glance */
.op-legal-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.op-legal-glance-card{border:1px solid var(--op-stroke);border-radius:20px;background:var(--op-surface);backdrop-filter:var(--op-blur);
  padding:22px;box-shadow:var(--op-shadow2);transition:.25s}
.op-legal-glance-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.35)}
.op-legal-glance-card svg{width:30px;height:30px;color:#7c3aed;margin-bottom:12px}
.op-legal-glance-card h3{margin:0 0 6px;font-size:16px;letter-spacing:-.02em}
.op-legal-glance-card p{margin:0;color:var(--op-muted);font-size:13.5px;line-height:1.6}

/* intro callout */
.op-legal-intro{border:1px solid var(--op-stroke);border-left:4px solid #7c3aed;border-radius:16px;background:linear-gradient(135deg,rgba(124,58,237,.07),rgba(6,182,212,.04));
  padding:20px 22px;margin-bottom:30px;color:var(--op-muted);line-height:1.7;font-size:15px}
.op-legal-intro b,.op-legal-intro strong{color:var(--op-text)}

/* doc grid + numbered TOC */
.op-legal-doc{grid-template-columns:268px 1fr;gap:54px}
.op-legal-toc{top:108px;gap:2px!important;max-height:calc(100vh - 140px);overflow:auto;padding-right:6px}
.op-legal-toc-head{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--op-muted2);margin-bottom:12px;padding-left:4px}
.op-legal-toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:11px;text-decoration:none;color:var(--op-muted);
  font-size:13px;line-height:1.4;font-weight:650;transition:.18s;border:1px solid transparent}
.op-legal-toc a i{flex:0 0 auto;width:20px;height:20px;border-radius:7px;background:var(--op-surface2);border:1px solid var(--op-stroke);
  display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;font-style:normal;color:var(--op-muted2)}
.op-legal-toc a:hover{background:rgba(124,58,237,.07);color:var(--op-text)}
.op-legal-toc a.active{background:rgba(124,58,237,.1);color:var(--op-text);border-color:rgba(124,58,237,.22)}
.op-legal-toc a.active i{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border-color:transparent}
.op-legal-top{margin-top:10px;color:var(--op-blue)!important;font-weight:800!important}
.op-legal-top i{display:none}

/* section cards */
.op-legal-body{max-width:820px}
.op-legal-section{scroll-margin-top:120px;padding:26px 28px;margin-bottom:18px;border:1px solid var(--op-stroke);border-radius:22px;
  background:var(--op-surface);backdrop-filter:var(--op-blur);box-shadow:0 10px 34px rgba(15,23,42,.05)}
.op-legal-h2{display:flex;gap:14px;align-items:center;font-size:22px;letter-spacing:-.02em;margin:0 0 14px;line-height:1.25}
.op-legal-num{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}
.op-legal-tldr{border-radius:13px;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.22);padding:12px 15px;margin:0 0 16px;
  font-size:13.5px;line-height:1.6;color:var(--op-muted)}
.op-legal-tldr b{color:var(--op-text)}
.op-legal-body h3{font-size:16px;letter-spacing:-.01em;margin:20px 0 8px}
.op-legal-body p,.op-legal-body li{line-height:1.74}
.op-legal-body ul,.op-legal-body ol{padding-left:20px;margin:10px 0}
.op-legal-body li{margin:6px 0}
.op-legal-body code{font-family:"JetBrains Mono",monospace;font-size:12.5px;background:var(--op-surface2);border:1px solid var(--op-stroke);
  border-radius:7px;padding:2px 7px}
.op-legal-body table{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0;border:1px solid var(--op-stroke);border-radius:14px;overflow:hidden;font-size:13.5px}
.op-legal-body th,.op-legal-body td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--op-stroke);vertical-align:top}
.op-legal-body thead th{background:var(--op-surface2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--op-muted)}
.op-legal-body tbody tr:last-child td{border-bottom:0}
@media(max-width:1024px){.op-legal-hero-row{grid-template-columns:1fr}.op-legal-hero-art{max-width:520px}.op-legal-doc{grid-template-columns:1fr;gap:24px}.op-legal-toc{position:static;max-height:none;flex-direction:row;flex-wrap:wrap}.op-legal-toc a{font-size:12px}}

/* ============================================================
   Feature matrix table ("Everything in X") — premium, grouped
   ============================================================ */
.op-ftable-wrap{margin-top:26px;border:1px solid var(--op-stroke);border-radius:20px;overflow:hidden;background:var(--op-surface);box-shadow:var(--op-shadow2)}
.op-ftable{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.op-ftable th,.op-ftable td{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--op-stroke)}
.op-ftable thead th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--op-muted);background:var(--op-surface2);font-weight:900}
.op-ftable tbody tr:last-child td{border-bottom:0}
.op-ftable tbody tr:hover td{background:rgba(124,58,237,.045)}
.op-ftable .op-ft-group td{background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(6,182,212,.05));font-weight:900;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--op-text);border-bottom:1px solid var(--op-stroke)}
.op-ftable .op-ft-group td .op-ft-gi{display:inline-flex;width:22px;height:22px;border-radius:7px;align-items:center;justify-content:center;
  margin-right:9px;vertical-align:middle;background:linear-gradient(135deg,#7c3aed,#06b6d4)}
.op-ftable .op-ft-group td .op-ft-gi svg{width:13px;height:13px;color:#fff}
.op-ftable td:first-child{font-weight:800;color:var(--op-text);width:230px;white-space:nowrap}
.op-ftable td:first-child .op-ft-new{display:inline-block;margin-left:7px;font-size:9.5px;font-weight:900;letter-spacing:.08em;
  color:#fff;background:linear-gradient(135deg,#e879f9,#7c3aed);border-radius:999px;padding:2px 7px;vertical-align:middle}
.op-ftable td:last-child{color:var(--op-muted);line-height:1.55}
@media(max-width:680px){.op-ftable td:first-child{white-space:normal;width:auto;display:block;border-bottom:0;padding-bottom:2px}.op-ftable td:last-child{display:block;padding-top:2px}.op-ftable thead{display:none}}

/* ============================================================
   Fixes (2026-06-15): remove clipped Live pill; make hero
   decorative backgrounds actually visible (the earlier pseudo
   was dropping behind the page bg due to no stacking context).
   ============================================================ */
.m3d-stage .m3d-tag, .m3d-tag { display: none !important; }

/* Heroes form their own stacking context so the deco renders ABOVE the page bg */
.op-spot-hero, .op-page-hero { position: relative; z-index: 0; overflow: hidden; }
.op-spot-hero::before, .op-page-hero::before {
  content:""; position:absolute; inset:-1px; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(124,58,237,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,.15) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(135% 105% at 68% -8%, #000 38%, transparent 80%);
          mask-image:radial-gradient(135% 105% at 68% -8%, #000 38%, transparent 80%);
}
html[data-theme="light"] .op-spot-hero::before, html[data-theme="light"] .op-page-hero::before {
  background-image:
    linear-gradient(rgba(124,58,237,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,.10) 1px, transparent 1px);
}
.op-spot-hero::after, .op-page-hero::after {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:600px; height:600px; right:-150px; top:-180px; border-radius:50%;
  filter:blur(90px); opacity:.55;
  background:radial-gradient(circle, rgba(124,58,237,.6), transparent 64%);
  animation:opFloat 12s ease-in-out infinite;
}
/* a second, cyan glow drifting from the lower-left for depth */
.op-spot-hero, .op-page-hero { background-image:
  radial-gradient(420px 420px at 6% 112%, rgba(6,182,212,.16), transparent 60%); }
@media(prefers-reduced-motion:reduce){ .op-spot-hero::after, .op-page-hero::after{ animation:none } }

/* ============================================================
   Premium MOBILE footer accordion (2026-06-15 refresh)
   Mobile now stacks into one premium column so each section feels
   deliberate, spacious, and easier to tap.
   ============================================================ */
@media(max-width:760px){
  .op-footer-premium .op-footer-main{
    width:min(calc(100% - 20px),1320px);
    grid-template-columns:1fr!important;
    gap:12px;
    padding:0;
    margin-bottom:26px;
  }
  .op-footer-premium .op-footer-brand{margin-bottom:8px}
  .op-footer-premium .op-footer-col{
    position:relative;
    border:1px solid rgba(148,163,184,.18);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(244,247,255,.60));
    box-shadow:0 18px 48px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.62);
    overflow:hidden;
    transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;
  }
  html[data-theme="dark"] .op-footer-premium .op-footer-col{
    border-color:rgba(148,163,184,.14);
    background:linear-gradient(180deg,rgba(13,19,40,.90),rgba(9,14,31,.82));
    box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .op-footer-premium .op-footer-col::before{
    content:'';position:absolute;left:18px;right:18px;top:0;height:1px;
    background:linear-gradient(90deg,rgba(37,99,235,0),rgba(37,99,235,.28),rgba(124,58,237,.24),rgba(37,99,235,0));
    opacity:.92;pointer-events:none;
  }
  .op-footer-premium .op-footer-col:first-of-type{border-top:1px solid rgba(148,163,184,.18)}
  .op-footer-premium .op-footer-toggle{
    display:flex!important;align-items:center;justify-content:space-between;gap:14px;
    width:100%;min-height:72px;margin:0;padding:16px 18px 16px 20px;border:0;background:transparent;
    color:var(--op-text);font-weight:850;font-size:16px;letter-spacing:-.02em;text-align:left;
    cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;
  }
  .op-footer-premium .op-footer-toggle-label{flex:1 1 auto;padding-right:8px}
  .op-footer-premium .op-footer-toggle:focus-visible{box-shadow:inset 0 0 0 2px rgba(99,102,241,.22)}
  .op-footer-premium .op-footer-toggle-caret{
    display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;
    width:42px;height:42px;border-radius:15px;border:1px solid rgba(148,163,184,.18);
    background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(237,242,255,.88));
    color:var(--op-muted);box-shadow:0 10px 26px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.78);
    transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  html[data-theme="dark"] .op-footer-premium .op-footer-toggle-caret{
    border-color:rgba(148,163,184,.16);
    background:linear-gradient(180deg,rgba(22,31,57,.96),rgba(12,18,37,.92));
    color:#c7d2fe;box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .op-footer-premium .op-footer-toggle-caret svg{width:17px;height:17px;display:block}
  .op-footer-premium .op-footer-toggle:hover{color:var(--op-text)}
  .op-footer-premium .op-footer-toggle:hover .op-footer-toggle-caret{
    border-color:rgba(99,102,241,.26);color:var(--op-text);box-shadow:0 14px 28px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.78);
  }
  .op-footer-premium .op-footer-col.open{
    transform:translateY(-2px);
    border-color:rgba(99,102,241,.24);
    background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(255,255,255,.90) 22%,rgba(244,247,255,.70));
    box-shadow:0 24px 58px rgba(37,99,235,.12),0 14px 34px rgba(124,58,237,.08),inset 0 1px 0 rgba(255,255,255,.78);
  }
  html[data-theme="dark"] .op-footer-premium .op-footer-col.open{
    border-color:rgba(99,102,241,.24);
    background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(13,19,40,.94) 22%,rgba(9,14,31,.88));
    box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 44px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .op-footer-premium .op-footer-col.open .op-footer-toggle-caret{
    transform:rotate(180deg) scale(1.03);
    background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed);
    color:#fff;border-color:transparent;box-shadow:0 16px 30px rgba(37,99,235,.28),0 6px 18px rgba(124,58,237,.22);
  }
  .op-footer-premium .op-footer-title{display:none}
  .op-footer-premium .op-footer-links{
    display:grid!important;grid-template-columns:1fr;gap:8px;max-height:0;overflow:hidden;opacity:0;
    padding:0 16px 0;transition:max-height .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,padding .3s ease;
  }
  .op-footer-premium .op-footer-col.open .op-footer-links{max-height:720px;opacity:1;padding:0 16px 16px}
  .op-footer-premium .op-footer-links a{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:48px;padding:12px 14px;margin:0;border-radius:16px;
    background:rgba(255,255,255,.56);border:1px solid rgba(148,163,184,.14);
    color:var(--op-muted);font-size:14px;font-weight:700;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  html[data-theme="dark"] .op-footer-premium .op-footer-links a{
    background:rgba(255,255,255,.03);border-color:rgba(148,163,184,.12);
  }
  .op-footer-premium .op-footer-links a:hover,
  .op-footer-premium .op-footer-links a:active{
    background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.08));
    border-color:rgba(99,102,241,.20);color:var(--op-text);transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(37,99,235,.08);
  }
  html[data-theme="dark"] .op-footer-premium .op-footer-links a:hover,
  html[data-theme="dark"] .op-footer-premium .op-footer-links a:active{
    background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.12));
  }
  .op-footer-premium .op-footer-link-arrow{
    display:inline-flex;flex:0 0 auto;color:var(--op-muted2);font-size:14px;opacity:.72;
    transition:transform .2s ease,color .2s ease,opacity .2s ease;
  }
  .op-footer-premium .op-footer-links a:hover .op-footer-link-arrow{
    transform:translateX(4px);color:var(--op-blue);opacity:1;
  }
}

/* ---- Back-to-top button (bottom-left to clear the chat FAB) ---- */
.op-totop{position:fixed;left:22px;bottom:22px;z-index:95;width:38px;height:38px;padding:0;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  border:1px solid rgba(255,255,255,.18);color:#fff;
  background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);
  box-shadow:0 16px 38px rgba(37,99,235,.45),inset 0 1px 0 rgba(255,255,255,.3);
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.85);
  transition:opacity .32s ease,transform .32s cubic-bezier(.2,.9,.3,1.2),visibility .32s,box-shadow .25s}
.op-totop.show{opacity:1;visibility:visible;transform:none!important}
.op-totop:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(124,58,237,.5)}
.op-totop:active{transform:translateY(-1px) scale(.96)}
.op-totop svg{width:20px;height:20px}
@media(max-width:760px){.op-totop{left:16px;bottom:16px;width:38px;height:38px;padding:0}}
@media(prefers-reduced-motion:reduce){.op-totop{transition:opacity .2s}.op-totop:hover{transform:none}}

/* nav "Features" dropdown chevron — SVG, rotates when the panel opens */
.op-nav-caret{display:inline-flex;align-items:center;margin-left:3px;opacity:.7;transition:transform .25s ease,opacity .2s}
.op-nav-caret svg{width:13px;height:13px;display:block}
.op-nav-dd:hover .op-nav-caret,.op-nav-dd:focus-within .op-nav-caret{transform:rotate(180deg);opacity:1}

/* ── Homepage cinema hero — sculpted card, fold edge, story scene ───── */
.op-cinema-hero {
  min-height: 100svh;
  padding: 0 0 92px;
  position: relative;
  isolation: isolate;
  display: block;
}
.op-cinema-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(124,58,237,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,.08) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(122% 92% at 74% 0%, #000 0%, rgba(0,0,0,.82) 42%, transparent 82%);
}
.op-cinema-hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 240px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(37,99,235,0), rgba(37,99,235,.07));
}
.op-cinema-hero .op-hero-constellation {
  opacity: .64;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to bottom, #000 46%, transparent 86%);
          mask-image: linear-gradient(to bottom, #000 46%, transparent 86%);
}
html[data-theme="dark"] .op-cinema-hero .op-hero-constellation {
  opacity: .9;
}
.op-cinema-wrap {
  position: relative;
  z-index: 2;
  width: min(1480px, calc(100vw - 42px));
  max-width: none;
  margin: 0 auto;
}
.op-cinema-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 100svh;
  padding: calc(var(--op-nav-h) + 56px) clamp(26px, 3.1vw, 46px) 30px;
  border-radius: 0 0 52px 52px;
  border: 1px solid rgba(148,163,184,.18);
  background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(244,247,255,.76));
  backdrop-filter: blur(24px) saturate(180%);
  box-shadow:
    0 48px 132px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 0 0 1px rgba(148,163,184,.05);
  overflow: hidden;
}
html[data-theme="dark"] .op-cinema-card {
  border-color: rgba(148,163,184,.14);
  background: linear-gradient(145deg, rgba(13,19,40,.94), rgba(8,14,30,.90));
  box-shadow:
    0 52px 138px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(148,163,184,.06);
}
.op-cinema-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, rgba(255,255,255,.38), rgba(255,255,255,0) 26%),
    radial-gradient(560px 300px at 100% 0%, rgba(124,58,237,.16), transparent 64%),
    radial-gradient(560px 300px at 0% 100%, rgba(6,182,212,.12), transparent 62%);
}
html[data-theme="dark"] .op-cinema-card::before {
  background:
    linear-gradient(112deg, rgba(255,255,255,.08), rgba(255,255,255,0) 26%),
    radial-gradient(560px 300px at 100% 0%, rgba(124,58,237,.18), transparent 64%),
    radial-gradient(560px 300px at 0% 100%, rgba(6,182,212,.14), transparent 62%);
}
.op-cinema-fold {
  position: absolute;
  top: 0;
  right: 0;
  width: 164px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(232,238,255,.78) 28%, rgba(124,58,237,.18) 100%);
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 28% 100%, 0 50%);
  box-shadow: -36px 0 70px rgba(37,99,235,.12), inset 1px 0 0 rgba(255,255,255,.78);
  opacity: .98;
  pointer-events: none;
}
html[data-theme="dark"] .op-cinema-fold {
  background: linear-gradient(180deg, rgba(34,44,74,.96), rgba(20,28,52,.92) 28%, rgba(124,58,237,.28) 100%);
  box-shadow: -38px 0 76px rgba(0,0,0,.24), inset 1px 0 0 rgba(255,255,255,.06);
}
.op-cinema-fold::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.06));
}
.op-cinema-fold::after {
  content: '';
  position: absolute;
  inset: 28px 22px 28px auto;
  width: 48px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
  opacity: .5;
  filter: blur(4px);
}
.op-cinema-grid {
  position: relative;
  z-index: 1;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(420px, .84fr) minmax(0, 1.16fr);
  gap: clamp(30px, 4vw, 72px);
  align-items: center;
}
.op-cinema-copy {
  max-width: 660px;
  padding-right: 4px;
  align-self: center;
}
.op-cinema-ticker {
  background: rgba(255,255,255,.76);
  border-color: rgba(148,163,184,.18);
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
}
html[data-theme="dark"] .op-cinema-ticker {
  background: rgba(13,20,42,.80);
  box-shadow: 0 22px 50px rgba(0,0,0,.28);
}
.op-cinema-kicker {
  display: block;
  margin-top: 22px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--op-muted);
}
.op-cinema-title {
  margin: 12px 0 0;
  max-width: 11.2ch;
  font-size: clamp(64px, 8vw, 118px);
  line-height: .88;
  letter-spacing: -.095em;
}
.op-cinema-lead {
  margin-top: 22px;
  max-width: 520px;
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.72;
}
.op-cinema-actions { margin-top: 28px; }
.op-cinema-trust { margin-top: 20px; }
.op-cinema-trust span {
  background: rgba(255,255,255,.52);
  backdrop-filter: blur(18px) saturate(160%);
}
html[data-theme="dark"] .op-cinema-trust span { background: rgba(255,255,255,.04); }
.op-cinema-art {
  position: relative;
  min-height: clamp(560px, 64vh, 740px);
  padding-right: 72px;
}
.op-cinema-svg-floaters,
.op-cinema-stage-wrap {
  position: absolute;
  inset: 0;
}
.op-cinema-svg-floaters {
  pointer-events: none;
  z-index: 1;
}
.op-cinema-orbit {
  position: absolute;
  width: 126px;
  height: 126px;
  filter: drop-shadow(0 16px 30px rgba(15,23,42,.16));
}
.op-cinema-orbit.orbit-a { top: 6px; right: 58px; animation: opCinemaOrbitDrift 16s ease-in-out infinite; }
.op-cinema-orbit.orbit-b { left: 8px; bottom: 112px; animation: opCinemaOrbitDrift 20s ease-in-out infinite reverse; }
.op-cinema-orbit.orbit-c { right: 90px; bottom: 18px; width: 112px; height: 112px; animation: opCinemaOrbitDrift 18s ease-in-out infinite; }
.op-cinema-stage-wrap { z-index: 2; }
.op-cinema-stage {
  position: absolute;
  inset: 24px 58px 36px 24px;
  border-radius: 40px;
  box-shadow: 0 52px 122px rgba(8,12,30,.44);
}
.op-cinema-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.09), transparent 24%);
}
.op-cinema-stage::after {
  content: '';
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 3%;
  height: 16%;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(37,99,235,.22), transparent 72%);
  filter: blur(26px);
  pointer-events: none;
}
.op-cinema-stage svg { position: relative; z-index: 1; }
.op-cinema-chip {
  min-width: 192px;
  max-width: 228px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 22px 42px rgba(15,23,42,.12);
  backdrop-filter: blur(18px) saturate(180%);
}
html[data-theme="dark"] .op-cinema-chip {
  background: rgba(12,18,36,.88);
  box-shadow: 0 24px 48px rgba(0,0,0,.30);
}
.op-cinema-chip svg { flex: 0 0 auto; color: #7c3aed; }
.op-cinema-chip-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.op-cinema-chip-copy strong { font-size: 12px; line-height: 1.25; color: var(--op-text); }
.op-cinema-chip-copy span { font-size: 10.5px; line-height: 1.45; color: var(--op-muted); font-weight: 700; }
.op-cinema-chip.chip-a { position: absolute; top: 54px; left: 0; }
.op-cinema-chip.chip-b { position: absolute; top: 236px; right: 10px; }
.op-cinema-chip.chip-c { position: absolute; left: 54px; bottom: 10px; }
.op-cinema-rail {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(255,255,255,.56);
  backdrop-filter: blur(18px) saturate(160%);
}
html[data-theme="dark"] .op-cinema-rail { background: rgba(255,255,255,.03); }
.op-cinema-rail article { position: relative; padding: 18px 22px 17px; }
.op-cinema-rail article + article { border-left: 1px solid rgba(148,163,184,.14); }
.op-cinema-rail article::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 16px;
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #7c3aed);
}
.op-cinema-rail span {
  display: block;
  margin-top: 10px;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--op-muted);
}
.op-cinema-rail b {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  line-height: 1.28;
  letter-spacing: -.02em;
  color: var(--op-text);
}
.op-cinema-rail p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.58;
  color: var(--op-muted);
}
@keyframes opCinemaOrbitDrift {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(0, -10px, 0) rotate(7deg); }
}
@media (max-width: 1260px) {
  .op-cinema-wrap {
    width: min(100vw - 24px, 1480px);
  }
  .op-cinema-grid {
    grid-template-columns: 1fr;
  }
  .op-cinema-copy {
    max-width: none;
    padding-right: 0;
  }
  .op-cinema-title {
    max-width: 8.8ch;
  }
  .op-cinema-art {
    min-height: 660px;
    padding-right: 56px;
  }
  .op-cinema-fold {
    width: 132px;
  }
}
@media (max-width: 860px) {
  .op-cinema-rail {
    grid-template-columns: 1fr;
  }
  .op-cinema-rail article + article {
    border-left: 0;
    border-top: 1px solid rgba(148,163,184,.14);
  }
}
@media (max-width: 760px) {
  .op-cinema-hero {
    padding: 0 0 70px;
  }
  .op-cinema-wrap {
    width: min(100vw - 12px, 1480px);
  }
  .op-cinema-card {
    min-height: auto;
    padding: calc(var(--op-nav-h) + 32px) 18px 22px;
    border-radius: 0 0 30px 30px;
  }
  .op-cinema-fold,
  .op-cinema-svg-floaters {
    display: none;
  }
  .op-cinema-kicker {
    letter-spacing: .16em;
  }
  .op-cinema-title {
    max-width: 100%;
    font-size: clamp(42px, 14vw, 68px);
  }
  .op-cinema-lead {
    max-width: 100%;
  }
  .op-cinema-art {
    min-height: auto;
    padding-right: 0;
  }
  .op-cinema-stage-wrap {
    position: relative;
    inset: auto;
    display: grid;
    gap: 12px;
  }
  .op-cinema-stage {
    position: relative;
    inset: auto;
    border-radius: 30px;
  }
  .op-cinema-chip {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    min-width: 0;
    max-width: none;
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .op-cinema-orbit,
  .op-cinema-chip,
  .op-cinema-stage,
  .op-cinema-stage animate,
  .op-cinema-stage animateTransform {
    animation: none !important;
  }
}
/* ── end homepage cinema hero ───────────────────────────────────────── */

/* ============================================================
   HOMEPAGE SECTION SCENES — hand-built · 2026-06-15
   Each section is its own premium scene (open backdrop, dark
   contrast band, or glass card) so the page never reads as one
   flat card-stack. Tokens: --sa glow · --sg1/--sg2 grid lines.
   ============================================================ */
.op-sx{position:relative;isolation:isolate}
.op-sx>*:not(.op-sf){position:relative;z-index:2}

/* faint brand grid backdrop */
.op-sx-grid::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(var(--sg1,rgba(124,58,237,.06)) 1px,transparent 1px),
    linear-gradient(90deg,var(--sg2,rgba(6,182,212,.06)) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(125% 95% at var(--smask,82% -8%),#000,transparent 80%);
          mask-image:radial-gradient(125% 95% at var(--smask,82% -8%),#000,transparent 80%)}
/* drifting accent glow */
.op-sx-glow::after{content:"";position:absolute;z-index:0;pointer-events:none;
  width:560px;height:560px;border-radius:50%;filter:blur(100px);opacity:.5;
  top:var(--gy,-180px);right:var(--gx,-150px);
  background:radial-gradient(circle,var(--sa,rgba(124,58,237,.5)),transparent 64%);
  animation:opFloat 15s ease-in-out infinite}
.op-sx.glow-l::after{right:auto;left:var(--gx,-150px)}
@media(prefers-reduced-motion:reduce){.op-sx-glow::after{animation:none}}

/* floating inline-SVG accents (same family as the hero orbits) */
.op-sf{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.op-sf svg{position:absolute;filter:drop-shadow(0 16px 30px rgba(15,23,42,.16))}
.op-sf .sf1{top:46px;right:5%;width:120px;height:120px;animation:opCinemaOrbitDrift 18s ease-in-out infinite}
.op-sf .sf2{bottom:52px;left:4%;width:94px;height:94px;animation:opCinemaOrbitDrift 23s ease-in-out infinite reverse}
@media(max-width:980px){.op-sf{display:none}}

/* accent variants */
.sa-blue  {--sa:rgba(37,99,235,.46); --sg1:rgba(37,99,235,.07); --sg2:rgba(6,182,212,.06)}
.sa-violet{--sa:rgba(124,58,237,.46);--sg1:rgba(124,58,237,.07);--sg2:rgba(168,85,247,.06)}
.sa-cyan  {--sa:rgba(6,182,212,.44); --sg1:rgba(6,182,212,.07); --sg2:rgba(37,99,235,.06)}
.sa-pink  {--sa:rgba(232,121,249,.40);--sg1:rgba(232,121,249,.06);--sg2:rgba(124,58,237,.06)}
.sa-green {--sa:rgba(16,185,129,.40);--sg1:rgba(16,185,129,.06);--sg2:rgba(6,182,212,.06)}
.sa-amber {--sa:rgba(245,158,11,.38);--sg1:rgba(245,158,11,.06);--sg2:rgba(239,68,68,.05)}

/* ---- light glass card band ---- */
.op-sx-card{position:relative;overflow:hidden;border-radius:clamp(26px,3vw,40px);
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,247,255,.74));
  backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 40px 110px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.78);
  padding:clamp(28px,4vw,56px)}
html[data-theme="dark"] .op-sx-card{border-color:rgba(148,163,184,.14);
  background:linear-gradient(145deg,rgba(13,19,40,.94),rgba(8,14,30,.90));
  box-shadow:0 48px 122px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
.op-sx-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.34),transparent 24%),
    radial-gradient(520px 280px at 100% 0%,rgba(124,58,237,.13),transparent 64%),
    radial-gradient(520px 280px at 0% 100%,rgba(6,182,212,.11),transparent 62%)}
html[data-theme="dark"] .op-sx-card::before{
  background:linear-gradient(112deg,rgba(255,255,255,.07),transparent 24%),
    radial-gradient(520px 280px at 100% 0%,rgba(124,58,237,.18),transparent 64%),
    radial-gradient(520px 280px at 0% 100%,rgba(6,182,212,.14),transparent 62%)}
.op-sx-card>*{position:relative;z-index:1}

/* ---- dark contrast band (dark in both themes) ---- */
.op-sx-dark{position:relative;overflow:hidden;border-radius:clamp(26px,3vw,42px);
  border:1px solid rgba(96,165,250,.18);
  background:
    radial-gradient(120% 120% at 84% 8%,rgba(124,58,237,.26),transparent 46%),
    radial-gradient(110% 120% at 4% 100%,rgba(6,182,212,.18),transparent 44%),
    linear-gradient(150deg,#0a1228,#0d1834 55%,#0b1a3c);
  box-shadow:0 44px 120px rgba(2,6,23,.5),inset 0 1px 0 rgba(255,255,255,.05);
  padding:clamp(32px,4.4vw,64px);color:#e9f0ff}
.op-sx-dark::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);
  background-size:34px 34px;opacity:.55;
  -webkit-mask-image:radial-gradient(120% 100% at 80% 0%,#000,transparent 78%);mask-image:radial-gradient(120% 100% at 80% 0%,#000,transparent 78%)}
.op-sx-dark>*{position:relative;z-index:1}
.op-sx-dark .op-kicker{color:#a9c2ff;background:rgba(96,165,250,.10);border-color:rgba(96,165,250,.22)}
.op-sx-dark .op-mega-h2,.op-sx-dark h2,.op-sx-dark h3,.op-sx-dark h4{color:#f6faff}
.op-sx-dark p,.op-sx-dark .op-lead{color:#bcd0f5}
.op-sx-dark em{font-style:normal;background:linear-gradient(105deg,#67e8f9,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- stats as a sleek dark ticker band ---- */
.op-sx-statband{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center}
.op-sx-statband .op-big-stat{padding:4px 30px;background:transparent;border:0;box-shadow:none;text-align:left}
.op-sx-statband .op-big-stat + .op-big-stat{border-left:1px solid rgba(148,163,184,.20)}
.op-sx-statband .op-big-stat b{color:#fff}
.op-sx-statband .op-big-stat span{color:#9fb8e6}
.op-sx-statband-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.op-sx-statband-head .op-kicker{margin:0}
@media(max-width:760px){.op-sx-statband{grid-template-columns:1fr 1fr;gap:8px 0}
  .op-sx-statband .op-big-stat{padding:16px 18px}
  .op-sx-statband .op-big-stat + .op-big-stat{border-left:0}
  .op-sx-statband .op-big-stat:nth-child(n+3){border-top:1px solid rgba(148,163,184,.16)}}

/* ---- pillar accents + connector motif ---- */
.op-sx-pillars .op-pillar{border-top:3px solid transparent}
.op-sx-pillars .op-pillar:nth-child(1){border-top-color:#2563eb}
.op-sx-pillars .op-pillar:nth-child(2){border-top-color:#7c3aed}
.op-sx-pillars .op-pillar:nth-child(3){border-top-color:#e879f9}
.op-sx-pillars .op-pillar:nth-child(4){border-top-color:#10b981}

/* ---- comparison table sits clean inside its glass card ---- */
.op-sx-cmp .op-cmp{margin-top:22px;border:0;background:transparent;box-shadow:none}
.op-sx-cmp .op-cmp th,.op-sx-cmp .op-cmp td{border-bottom-color:rgba(148,163,184,.16)}

/* ---- use-case cards: coloured tops ---- */
.op-sx-usecases .op-spot-card{border-top:3px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.op-sx-usecases .op-spot-card:hover{transform:translateY(-6px);box-shadow:var(--op-shadow)}
.op-sx-usecases .op-spot-card:nth-child(1){border-top-color:#2563eb}
.op-sx-usecases .op-spot-card:nth-child(2){border-top-color:#7c3aed}
.op-sx-usecases .op-spot-card:nth-child(3){border-top-color:#06b6d4}
.op-sx-usecases .op-spot-card:nth-child(4){border-top-color:#e879f9}

/* ---- premium feature card (Outcomes / Onboarding) ---- */
.op-sx-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,56px);align-items:center}
.op-sx-feature-copy h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.04em;line-height:1.05;margin:12px 0 14px}
.op-sx-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.op-sx-metric{position:relative;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:20px 18px;background:rgba(255,255,255,.55);overflow:hidden}
html[data-theme="dark"] .op-sx-metric{background:rgba(255,255,255,.04)}
.op-sx-metric b{display:block;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,#2563eb,#06b6d4,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-sx-metric span{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--op-muted);line-height:1.45}
.op-sx-metric::before{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 68%)}
/* onboarding steps */
.op-sx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.op-sx-step{position:relative;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:22px 18px 18px;background:rgba(255,255,255,.55)}
html[data-theme="dark"] .op-sx-step{background:rgba(255,255,255,.04)}
.op-sx-step i{display:inline-flex;width:34px;height:34px;border-radius:11px;align-items:center;justify-content:center;font-style:normal;font-weight:900;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px rgba(37,99,235,.3)}
.op-sx-step h4{margin:14px 0 6px;font-size:15px;letter-spacing:-.02em}
.op-sx-step p{margin:0;font-size:12.5px;line-height:1.55;color:var(--op-muted)}
.op-sx-step:not(:last-child)::after{content:"";position:absolute;top:39px;right:-9px;width:18px;height:2px;background:linear-gradient(90deg,#7c3aed,transparent);z-index:2}
@media(max-width:900px){.op-sx-feature{grid-template-columns:1fr}.op-sx-steps{grid-template-columns:1fr 1fr}.op-sx-step:not(:last-child)::after{display:none}}
@media(max-width:560px){.op-sx-metrics{grid-template-columns:1fr}.op-sx-steps{grid-template-columns:1fr}}

/* quote-mark floater colour for testimonials */
.op-sf .sf-quote{opacity:.5}

/* trust cards living inside a dark band */
.op-sx-dark .op-trust-strip{margin-top:6px}
.op-sx-dark .op-trust-item{background:rgba(255,255,255,.05);border-color:rgba(96,165,250,.16);box-shadow:none}
.op-sx-dark .op-trust-item h4{color:#f6faff}
.op-sx-dark .op-trust-item p{color:#bcd0f5}
.op-sx-dark .op-trust-item svg{color:#7cc4ff}
.op-sx-dark .op-section-head{margin-bottom:24px}

/* ============================================================
   BOLD SECTION SCENES — full-scale immersive panels · 2026-06-15
   A whole section IS the design (like the hero), not a small card.
   ============================================================ */
.op-scene{position:relative;padding:clamp(30px,4.4vw,58px) 0}
.op-scene-wrap{width:min(1480px,calc(100vw - 42px));margin:0 auto}
.op-scene-panel{position:relative;overflow:hidden;border-radius:clamp(30px,3.2vw,46px);padding:clamp(34px,4.6vw,76px)}
.op-scene-panel>*{position:relative;z-index:2}

/* dark immersive variant */
.op-scene-dark .op-scene-panel{border:1px solid rgba(96,165,250,.20);
  background:
    radial-gradient(120% 130% at 86% 0%,rgba(124,58,237,.32),transparent 46%),
    radial-gradient(120% 120% at 0% 100%,rgba(6,182,212,.22),transparent 44%),
    linear-gradient(150deg,#080f24,#0c1733 55%,#0a1940);
  box-shadow:0 50px 130px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.06);color:#eaf1ff}
.op-scene-dark .op-scene-panel::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px);
  background-size:42px 42px;-webkit-mask-image:radial-gradient(120% 100% at 82% 0%,#000,transparent 76%);mask-image:radial-gradient(120% 100% at 82% 0%,#000,transparent 76%)}

.op-scene-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(28px,4vw,66px);align-items:center}
.op-scene-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;
  font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.26);color:#a9c8ff}
.op-scene-title{font-size:clamp(32px,4.2vw,58px);line-height:1.0;letter-spacing:-.052em;margin:18px 0 16px;color:#f6faff}
.op-scene-title em{font-style:normal;background:linear-gradient(105deg,#67e8f9,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-scene-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.72;color:#bcd0f5;max-width:540px;margin:0 0 24px}
.op-scene-feats{display:grid;gap:13px;margin:0 0 28px}
.op-scene-feat{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:#cfe0ff}
.op-scene-feat b{color:#fff;font-weight:800}
.op-scene-feat i{flex:0 0 auto;display:inline-flex;width:26px;height:26px;border-radius:9px;align-items:center;justify-content:center;margin-top:1px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.op-scene-feat i svg{width:15px;height:15px}
.op-scene-actions{display:flex;gap:12px;flex-wrap:wrap}

/* big art stage + floating chips + orbit accents */
.op-scene-art{position:relative;min-height:clamp(320px,32vw,420px)}
.op-scene-stage{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(120,160,255,.22);
  background:radial-gradient(120% 120% at 18% 0%,rgba(124,58,237,.20),transparent 55%),linear-gradient(150deg,rgba(9,14,30,.92),rgba(7,11,24,.96));
  box-shadow:0 40px 110px rgba(2,6,23,.5),inset 0 1px 0 rgba(255,255,255,.06);animation:m3dFloat 9s ease-in-out infinite}
.op-scene-stage svg{display:block;width:100%;height:auto}
.op-scene-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;
  background:rgba(12,18,38,.88);border:1px solid rgba(120,160,255,.26);box-shadow:0 22px 46px rgba(2,6,23,.5);backdrop-filter:blur(10px)}
.op-scene-chip b{display:block;font-size:15px;font-weight:950;color:#fff;line-height:1.1}
.op-scene-chip span{display:block;font-size:10.5px;font-weight:700;color:#9fb8e6}
.op-scene-chip i{flex:0 0 auto;display:inline-flex;width:30px;height:30px;border-radius:10px;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff}
.op-scene-chip i svg{width:17px;height:17px}
.op-scene-chip.c1{top:-16px;left:-14px;animation:opFloat 6s ease-in-out infinite}
.op-scene-chip.c2{bottom:-18px;right:-10px;animation:opFloat 8s ease-in-out infinite reverse}
.op-scene-orbit{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 16px 30px rgba(2,6,23,.4))}
.op-scene-orbit.o1{top:18px;right:34px;width:128px;height:128px;animation:opCinemaOrbitDrift 17s ease-in-out infinite}
.op-scene-orbit.o2{bottom:26px;left:24px;width:102px;height:102px;animation:opCinemaOrbitDrift 22s ease-in-out infinite reverse}

/* bottom stat strip inside the panel */
.op-scene-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,3vw,44px);padding-top:24px;border-top:1px solid rgba(148,163,184,.18)}
.op-scene-stat{padding:0 26px}
.op-scene-stat:first-child{padding-left:0}
.op-scene-stat + .op-scene-stat{border-left:1px solid rgba(148,163,184,.16)}
.op-scene-stat b{display:block;font-size:clamp(22px,2.4vw,32px);font-weight:950;letter-spacing:-.04em;color:#fff}
.op-scene-stat span{display:block;margin-top:5px;font-size:12.5px;font-weight:700;color:#9fb8e6}

@media(max-width:920px){
  .op-scene-grid{grid-template-columns:1fr;gap:34px}
  .op-scene-orbit,.op-scene-chip{display:none}
  .op-scene-strip{grid-template-columns:1fr}
  .op-scene-stat{padding:14px 0}
  .op-scene-stat:first-child{padding-top:0}
  .op-scene-stat + .op-scene-stat{border-left:0;border-top:1px solid rgba(148,163,184,.14)}
}
@media(prefers-reduced-motion:reduce){.op-scene-orbit,.op-scene-chip,.op-scene-stage{animation:none}}

/* reversed split */
.op-scene-grid.rev .op-scene-copy{order:2}
.op-scene-grid.rev .op-scene-art{order:1}
@media(max-width:920px){.op-scene-grid.rev .op-scene-copy,.op-scene-grid.rev .op-scene-art{order:0}}

/* ---- LIGHT immersive panel variant (theme-aware) ---- */
.op-scene-light .op-scene-panel{border:1px solid rgba(148,163,184,.20);
  background:
    radial-gradient(120% 130% at 86% 0%,rgba(232,121,249,.18),transparent 48%),
    radial-gradient(120% 120% at 0% 100%,rgba(124,58,237,.12),transparent 46%),
    linear-gradient(150deg,rgba(255,255,255,.95),rgba(246,243,255,.82));
  box-shadow:0 44px 116px rgba(124,58,237,.16),inset 0 1px 0 rgba(255,255,255,.85);color:var(--op-text)}
html[data-theme="dark"] .op-scene-light .op-scene-panel{
  background:radial-gradient(120% 130% at 86% 0%,rgba(232,121,249,.20),transparent 48%),radial-gradient(120% 120% at 0% 100%,rgba(124,58,237,.16),transparent 46%),linear-gradient(150deg,rgba(20,16,38,.95),rgba(14,12,30,.92));
  box-shadow:0 48px 122px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
.op-scene-light .op-scene-panel::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(124,58,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(232,121,249,.07) 1px,transparent 1px);
  background-size:42px 42px;-webkit-mask-image:radial-gradient(120% 100% at 18% 0%,#000,transparent 76%);mask-image:radial-gradient(120% 100% at 18% 0%,#000,transparent 76%)}
.op-scene-light .op-scene-eyebrow{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.26);color:#7c3aed}
html[data-theme="dark"] .op-scene-light .op-scene-eyebrow{color:#d8b4fe}
.op-scene-light .op-scene-title{color:var(--op-text)}
.op-scene-light .op-scene-title em{background:linear-gradient(105deg,#2563eb,#7c3aed,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-scene-light .op-scene-lead,.op-scene-light .op-scene-feat{color:var(--op-muted)}
.op-scene-light .op-scene-feat b{color:var(--op-text)}
.op-scene-light .op-scene-strip{border-top-color:var(--op-stroke)}
.op-scene-light .op-scene-stat b{color:var(--op-text)}
.op-scene-light .op-scene-stat span{color:var(--op-muted)}
.op-scene-light .op-scene-stat + .op-scene-stat{border-left-color:var(--op-stroke)}
.op-scene-light .op-scene-chip{background:rgba(255,255,255,.92);border-color:rgba(148,163,184,.22);box-shadow:0 22px 46px rgba(15,23,42,.14)}
html[data-theme="dark"] .op-scene-light .op-scene-chip{background:rgba(18,16,38,.9)}
.op-scene-light .op-scene-chip b{color:var(--op-text)}
.op-scene-light .op-scene-chip span{color:var(--op-muted)}

/* ---- FULL-BLEED dark band (edge to edge, no contained panel) ---- */
.op-bleed{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;
  background:
    radial-gradient(90% 140% at 88% 0%,rgba(124,58,237,.26),transparent 50%),
    radial-gradient(80% 130% at 4% 100%,rgba(6,182,212,.18),transparent 46%),
    linear-gradient(150deg,#070d20,#0b1530 55%,#091736);color:#eaf1ff}
.op-bleed::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(110% 90% at 78% 0%,#000,transparent 76%);mask-image:radial-gradient(110% 90% at 78% 0%,#000,transparent 76%)}
.op-bleed>.op-container{position:relative;z-index:2}
.op-bleed .op-kicker{color:#a9c8ff;background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.24)}
.op-bleed .op-mega-h2,.op-bleed h2,.op-bleed h3,.op-bleed h4{color:#f6faff}
.op-bleed p,.op-bleed .op-lead{color:#bcd0f5}
.op-bleed em{font-style:normal;background:linear-gradient(105deg,#67e8f9,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-bleed .op-trust-item{background:rgba(255,255,255,.05);border-color:rgba(96,165,250,.16);box-shadow:none}
.op-bleed .op-trust-item h4{color:#f6faff}
.op-bleed .op-trust-item p{color:#bcd0f5}
.op-bleed .op-trust-item svg{color:#7cc4ff}
.op-bleed .op-spot-card{background:rgba(255,255,255,.05);border-color:rgba(96,165,250,.16)}

/* ---- bright full-bleed stat strip ---- */
.op-strip{position:relative;overflow:hidden;margin:clamp(8px,2vw,22px) 0;
  background:linear-gradient(120deg,#2563eb,#06b6d4 50%,#7c3aed);
  box-shadow:0 30px 80px rgba(37,99,235,.32)}
.op-strip::before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 32%);animation:opSpin 22s linear infinite}
.op-strip-inner{position:relative;z-index:1;width:min(1320px,calc(100% - 40px));margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:clamp(24px,3vw,40px) clamp(20px,3vw,40px)}
.op-strip-stat{padding:0 26px;color:#fff}
.op-strip-stat:first-child{padding-left:0}
.op-strip-stat + .op-strip-stat{border-left:1px solid rgba(255,255,255,.22)}
.op-strip-stat b{display:block;font-size:clamp(28px,3.4vw,46px);font-weight:950;letter-spacing:-.05em;line-height:1}
.op-strip-stat span{display:block;margin-top:7px;font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
@media(max-width:760px){.op-strip-inner{grid-template-columns:1fr 1fr;gap:18px 0}.op-strip-stat{padding:12px 16px}.op-strip-stat + .op-strip-stat{border-left:0}.op-strip-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.2)}}
@media(prefers-reduced-motion:reduce){.op-strip::before{animation:none}}

/* strengthen open-scene glow so it never reads faint */
.op-sx-glow::after{opacity:.6}

/* ---- stat band climbs up into the hero (overlaps its bottom) ---- */
.op-stathero{position:relative;z-index:8;margin-top:clamp(-76px,-4.6vw,-44px);padding-bottom:clamp(24px,4vw,46px)}
@media(max-width:760px){.op-stathero{margin-top:-30px;padding-bottom:26px}}

/* ---- premium contained stat band (replaces the loud gradient bar) ---- */
.op-statband{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-radius:clamp(22px,2.4vw,30px);padding:clamp(24px,2.8vw,38px) clamp(18px,2vw,30px);
  border:1px solid rgba(96,165,250,.18);
  background:radial-gradient(120% 220% at 92% 0%,rgba(124,58,237,.22),transparent 50%),radial-gradient(120% 200% at 0% 100%,rgba(6,182,212,.16),transparent 48%),linear-gradient(150deg,#0b1430,#0a1126);
  box-shadow:0 36px 96px rgba(2,6,23,.46),inset 0 1.5px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(96,165,250,.05)}
.op-statband::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);
  background-size:34px 34px;-webkit-mask-image:radial-gradient(120% 100% at 85% 0%,#000,transparent 80%);mask-image:radial-gradient(120% 100% at 85% 0%,#000,transparent 80%)}
.op-statband::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(167,196,255,.35),rgba(124,58,237,.3),transparent)}
.op-statband-item{position:relative;z-index:1;display:flex;align-items:center;gap:17px;padding:6px 30px}
.op-statband-item:first-child{padding-left:8px}
.op-statband-item + .op-statband-item{border-left:1px solid rgba(148,163,184,.16)}
.op-statband-ic{position:relative;flex:0 0 auto;display:block;width:56px;height:56px;border-radius:18px;color:#fff;
  background:linear-gradient(150deg,#6f9dff 0%,#4f7bea 52%,#7d54ee 100%);
  box-shadow:0 10px 22px rgba(37,99,235,.4),0 2px 5px rgba(2,6,23,.3),inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -2px 5px rgba(20,12,60,.28)}
.op-statband-ic::before{content:"";position:absolute;left:7px;right:7px;top:6px;height:38%;border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));pointer-events:none;z-index:1}
.op-statband-ic svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:28px;height:28px;stroke-width:2.1;display:block}
.op-statband-item:nth-child(2) .op-statband-ic{background:linear-gradient(150deg,#62d6ee 0%,#1aa6e6 52%,#4f6fe6 100%)}
.op-statband-item:nth-child(3) .op-statband-ic{background:linear-gradient(150deg,#4fdfaa 0%,#16b585 52%,#08b3cf 100%)}
.op-statband-item:nth-child(4) .op-statband-ic{background:linear-gradient(150deg,#cf9bff 0%,#a557f3 52%,#7d4cee 100%)}
.op-statband-item b{display:block;font-size:clamp(27px,2.7vw,37px);font-weight:900;letter-spacing:-.035em;line-height:1;
  background:linear-gradient(180deg,#ffffff,#eef1f8 58%,#cfd6e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}
.op-statband-item b .op-counter{display:inline!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;color:transparent!important;background:linear-gradient(180deg,#ffffff,#eef1f8 58%,#cfd6e6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.op-statband-item>div{display:flex;flex-direction:column;justify-content:center}
.op-statband-item span{display:block;margin-top:8px;font-size:12.5px;font-weight:600;color:#e7ecf7;line-height:1.45;letter-spacing:.004em;min-height:2.9em}
@media(max-width:860px){.op-statband-item span{min-height:0}}
@media(max-width:860px){.op-statband{grid-template-columns:1fr 1fr;gap:14px 0}.op-statband-item{padding:14px 20px}.op-statband-item:first-child{padding-left:20px}.op-statband-item + .op-statband-item{border-left:0}.op-statband-item:nth-child(n+3){border-top:1px solid rgba(148,163,184,.14)}}
@media(max-width:520px){.op-statband{grid-template-columns:1fr}.op-statband-item{border-top:1px solid rgba(148,163,184,.14)}.op-statband-item:first-child{border-top:0}}

/* ---- Capabilities: clean 3×2 grid + bolder cards + premium head ---- */
.op-caps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
@media(max-width:980px){.op-caps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.op-caps-grid{grid-template-columns:1fr!important}}
.op-caps-showcase .op-cap-card{padding:30px 26px 26px;border-radius:24px;border-top:3px solid transparent;
  background:linear-gradient(165deg,rgba(255,255,255,.9),rgba(244,247,255,.66))}
html[data-theme="dark"] .op-caps-showcase .op-cap-card{background:linear-gradient(165deg,rgba(16,22,44,.92),rgba(11,16,34,.86))}
.op-caps-showcase .op-cap-card:nth-child(1){border-top-color:#2563eb}
.op-caps-showcase .op-cap-card:nth-child(2){border-top-color:#06b6d4}
.op-caps-showcase .op-cap-card:nth-child(3){border-top-color:#7c3aed}
.op-caps-showcase .op-cap-card:nth-child(4){border-top-color:#e879f9}
.op-caps-showcase .op-cap-card:nth-child(5){border-top-color:#10b981}
.op-caps-showcase .op-cap-card:nth-child(6){border-top-color:#f59e0b}
.op-caps-showcase .op-cap-card-glyph{width:60px;height:60px;border-radius:18px;margin-bottom:20px}
.op-caps-showcase .op-cap-card h3{font-size:20px}
.op-caps-showcase .op-caps-head h2{font-size:clamp(36px,4.6vw,56px)}

/* Capabilities blends seamlessly into the hero's behind-card background */
.op-blend-hero{background:
  radial-gradient(72% 60% at 76% -12%,rgba(124,58,237,.13),transparent 60%),
  radial-gradient(60% 50% at 6% 6%,rgba(6,182,212,.09),transparent 58%)}
.op-blend-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(124,58,237,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.07) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(122% 92% at 74% 0%,#000 0%,rgba(0,0,0,.82) 42%,transparent 82%);
          mask-image:radial-gradient(122% 92% at 74% 0%,#000 0%,rgba(0,0,0,.82) 42%,transparent 82%)}

/* ============================================================
   ONE continuous background for hero → stats → capabilities
   so there is no seam; the hero's environment simply flows down.
   ============================================================ */
.op-top{position:relative;isolation:isolate;border-radius:0 0 30px 30px;
  background:linear-gradient(180deg,#edf1fb 0%,#eff3fd 56%,#f5f8ff 100%)}
html[data-theme="dark"] .op-top{background:linear-gradient(180deg,#070c1a 0%,#080e20 56%,#070b17 100%)}
/* even brand grid across the whole region (fades only near the very bottom) */
.op-top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.06) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
/* soft, evenly-spread brand colour (no top-heavy band) */
.op-top::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(58% 44% at 16% 0%,rgba(124,58,237,.14),transparent 74%),
    radial-gradient(58% 44% at 86% 5%,rgba(6,182,212,.13),transparent 74%),
    radial-gradient(70% 50% at 82% 70%,rgba(124,58,237,.08),transparent 78%)}
/* sections inside the wrapper paint no competing background */
.op-cinema-hero::before,.op-cinema-hero::after{display:none!important}
.op-caps-showcase::before{display:none!important}
.op-caps-showcase{background:transparent!important}

/* ============================================================
   Book-fold edges — left & right of a section creased like the
   folded edges of an open book (outer shadow → crease highlight
   → soft inner shadow → flat). Pure CSS on the element bg.
   ============================================================ */
.op-fold-book{
  background-repeat:no-repeat;
  background-image:
    linear-gradient(90deg,
      rgba(15,23,42,.13) 0,
      rgba(15,23,42,.05) 12px,
      rgba(255,255,255,.62) 24px,
      rgba(15,23,42,.06) 38px,
      rgba(15,23,42,0) 120px),
    linear-gradient(270deg,
      rgba(15,23,42,.13) 0,
      rgba(15,23,42,.05) 12px,
      rgba(255,255,255,.62) 24px,
      rgba(15,23,42,.06) 38px,
      rgba(15,23,42,0) 120px);
}
html[data-theme="dark"] .op-fold-book{
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.42) 0,
      rgba(0,0,0,.18) 12px,
      rgba(140,170,255,.22) 24px,
      rgba(0,0,0,.16) 38px,
      rgba(0,0,0,0) 120px),
    linear-gradient(270deg,
      rgba(0,0,0,.42) 0,
      rgba(0,0,0,.18) 12px,
      rgba(140,170,255,.22) 24px,
      rgba(0,0,0,.16) 38px,
      rgba(0,0,0,0) 120px);
}
@media(max-width:760px){
  .op-fold-book{background-image:
    linear-gradient(90deg,rgba(15,23,42,.12) 0,rgba(255,255,255,.55) 14px,rgba(15,23,42,0) 60px),
    linear-gradient(270deg,rgba(15,23,42,.12) 0,rgba(255,255,255,.55) 14px,rgba(15,23,42,0) 60px)}
  html[data-theme="dark"] .op-fold-book{background-image:
    linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(140,170,255,.2) 14px,rgba(0,0,0,0) 60px),
    linear-gradient(270deg,rgba(0,0,0,.4) 0,rgba(140,170,255,.2) 14px,rgba(0,0,0,0) 60px)}
}

/* ============================================================
   Folded TOP corners — top-left & top-right look like folded
   page corners (where a border-radius would be). Pure CSS.
   ============================================================ */
.op-rtop{border-radius:20px 20px 0 0;overflow:hidden}


/* ============================================================
   Homepage lower-half premium redesign (from Site Intelligence)
   ============================================================ */
.op-lux-home{
  position:relative;
  color:#f8fbff;
  background:
    linear-gradient(180deg,rgba(4,7,18,.00),rgba(4,7,18,.96) 2.5%,#050712 42%,#070816 100%);
  isolation:isolate;
}
.op-lux-home:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}
.op-lux-home:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(37,99,235,.18),transparent 22%,rgba(6,182,212,.10) 48%,transparent 68%,rgba(232,121,249,.13));opacity:.95}
.op-lux-section{position:relative;padding:clamp(70px,9vw,126px) 0;overflow:hidden}
.op-lux-section + .op-lux-section{border-top:1px solid rgba(180,200,255,.09)}
.op-lux-split,.op-lux-connect-grid,.op-lux-value-grid,.op-lux-pipeline-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(28px,5vw,74px);align-items:center}
.op-lux-copy h2,.op-lux-head h2,.op-lux-vault h2,.op-lux-pipeline-card h2{font-size:clamp(34px,5vw,68px);line-height:.96;letter-spacing:-.06em;margin:16px 0 18px;color:#fff;max-width:920px}
.op-lux-copy p,.op-lux-head p,.op-lux-vault p,.op-lux-pipeline-card p{font-size:clamp(16px,1.65vw,20px);line-height:1.76;color:#b6c3dc;max-width:760px;margin:0}
.op-lux-head{text-align:center;max-width:920px;margin:0 auto 40px}.op-lux-head p{margin-inline:auto}.op-lux-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(180,200,255,.18);border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 54px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(150%);font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:#a7f3d0}.op-lux-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#34d399,#22d3ee);box-shadow:0 0 24px rgba(34,211,238,.75)}
.op-lux-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.op-lux-link{font-weight:900;color:#a5f3fc;text-decoration:none}.op-lux-link:hover{color:#fff}.op-lux-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.op-lux-proof span{min-height:86px;border:1px solid rgba(180,200,255,.16);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));padding:16px;color:#aab9d6;font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.op-lux-proof b{display:block;color:#fff;font-size:28px;letter-spacing:-.04em;margin-bottom:4px}
.op-lux-console,.op-lux-vault,.op-lux-savings,.op-lux-pipeline-card,.op-lux-mosaic-grid article,.op-lux-quote-grid article,.op-lux-route-grid a{position:relative;border:1px solid rgba(180,200,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));backdrop-filter:blur(28px) saturate(150%);box-shadow:0 34px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
.op-lux-console:before,.op-lux-vault:before,.op-lux-pipeline-card:before,.op-lux-mosaic-grid article:before,.op-lux-route-grid a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,rgba(34,211,238,.08),transparent 66%,rgba(232,121,249,.09));pointer-events:none}.op-lux-console{border-radius:34px;padding:18px;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg)}.op-lux-browser{height:44px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(180,200,255,.12);padding:0 4px 14px;color:#8fa1c2;font-size:12px;font-weight:850}.op-lux-browser span{width:10px;height:10px;border-radius:50%;background:#fb7185}.op-lux-browser span:nth-child(2){background:#fbbf24}.op-lux-browser span:nth-child(3){background:#34d399}.op-lux-browser strong{margin-left:8px;color:#cbd5e1;font-size:12px;letter-spacing:.04em}.op-lux-scan{position:relative;min-height:390px;margin-top:18px;border-radius:26px;background:linear-gradient(145deg,rgba(3,7,18,.76),rgba(15,23,42,.44));border:1px solid rgba(180,200,255,.12);overflow:hidden}.op-lux-doc{position:absolute;left:26px;top:34px;width:40%;bottom:34px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(180,200,255,.11);padding:28px 20px;display:grid;align-content:start;gap:16px}.op-lux-doc i{display:block;height:12px;border-radius:999px;background:rgba(226,232,240,.16)}.op-lux-scan-line{position:absolute;left:25px;top:42px;width:40%;height:3px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#60a5fa,#a78bfa);box-shadow:0 0 26px rgba(34,211,238,.7);animation:opLuxScan 4.6s ease-in-out infinite}.op-lux-score{position:absolute;right:36px;top:46px;width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(from -90deg,#22d3ee 0 78%,rgba(255,255,255,.08) 78% 100%);box-shadow:inset 0 0 0 16px rgba(4,7,18,.88),0 24px 70px rgba(34,211,238,.18)}.op-lux-score b{font-size:48px;line-height:1;letter-spacing:-.06em}.op-lux-score span{font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#9fb1d1}.op-lux-ranks{position:absolute;right:28px;bottom:34px;width:250px;height:118px;display:flex;align-items:end;gap:13px;padding:16px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(180,200,255,.11)}.op-lux-ranks span{flex:1;height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#a78bfa,#38bdf8 55%,#34d399);animation:opLuxBars 3.8s ease-in-out infinite}.op-lux-console-foot{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.op-lux-console-foot div{border:1px solid rgba(180,200,255,.12);border-radius:18px;padding:14px;background:rgba(255,255,255,.065)}.op-lux-console-foot b{display:block;font-size:13px}.op-lux-console-foot span{display:block;margin-top:4px;color:#95a5c5;font-size:12px}
.op-lux-connect-grid{grid-template-columns:1fr 1fr}.op-lux-core{min-height:430px;border-radius:34px;border:1px solid rgba(180,200,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));display:grid;place-items:center;overflow:hidden}.op-lux-core-ring{position:relative;width:min(390px,82vw);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(180,200,255,.24);animation:opLuxRotate 30s linear infinite}.op-lux-core-ring:before,.op-lux-core-ring:after{content:"";position:absolute;inset:54px;border:1px solid rgba(34,211,238,.16);border-radius:50%}.op-lux-core-ring:after{inset:96px;border-color:rgba(232,121,249,.18)}.op-lux-core-ring span{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(180,200,255,.2);background:rgba(5,8,20,.82);box-shadow:0 18px 48px rgba(0,0,0,.24);font-size:12px;font-weight:950;color:#e2e8f0;animation:opLuxRotateBack 30s linear infinite}.op-lux-core-ring .c1{left:50%;top:-19px;transform:translateX(-50%)}.op-lux-core-ring .c2{right:-28px;top:22%}.op-lux-core-ring .c3{right:10px;bottom:12%}.op-lux-core-ring .c4{left:10px;bottom:12%}.op-lux-core-ring .c5{left:-28px;top:22%}.op-lux-core-ring .c6{left:50%;bottom:-19px;transform:translateX(-50%)}.op-lux-core-mark{position:absolute;inset:50%;width:138px;height:138px;margin:-69px 0 0 -69px;border-radius:32px;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);display:grid;place-content:center;text-align:center;font-size:24px;font-weight:1000;color:#fff;line-height:1;box-shadow:0 30px 90px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.32);animation:opLuxRotateBack 30s linear infinite}.op-lux-core-mark small{font-size:9px;letter-spacing:.22em;margin-top:9px;color:#dbeafe}.op-lux-ledger{display:grid;gap:14px}.op-lux-ledger-row{border:1px solid rgba(180,200,255,.14);border-radius:22px;padding:19px 20px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.op-lux-ledger-row.is-hot{border-color:rgba(52,211,153,.34);background:linear-gradient(135deg,rgba(52,211,153,.17),rgba(34,211,238,.06))}.op-lux-ledger-row b{display:block;color:#fff;font-family:"IBM Plex Mono",monospace;font-size:14px}.op-lux-ledger-row span{display:block;color:#9aabc9;margin-top:6px;font-size:13px}.op-lux-chip-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.op-lux-chip-row span,.op-lux-mini-tags small{border:1px solid rgba(180,200,255,.15);border-radius:999px;background:rgba(255,255,255,.06);padding:8px 13px;color:#b9c7df;font-size:12px;font-weight:900}
.op-lux-vault{border-radius:38px;padding:clamp(28px,5vw,54px);display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.op-lux-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.op-lux-trust-grid article{border:1px solid rgba(180,200,255,.14);border-radius:22px;background:rgba(255,255,255,.065);padding:22px;min-height:150px}.op-lux-trust-grid b{display:block;color:#fff;font-size:18px}.op-lux-trust-grid span{display:block;color:#a8b8d4;font-size:13px;line-height:1.6;margin-top:10px}
.op-lux-value-grid{grid-template-columns:.78fr 1.22fr}.op-lux-savings{border-radius:32px;padding:34px;background:linear-gradient(145deg,rgba(245,158,11,.16),rgba(255,255,255,.045));min-height:310px;display:flex;flex-direction:column;justify-content:center}.op-lux-savings small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#fcd34d;font-weight:950}.op-lux-savings b{font-size:clamp(42px,5vw,72px);letter-spacing:-.07em;line-height:.95;margin:16px 0;color:#fff}.op-lux-savings span{color:#b6c3dc;line-height:1.6}.op-lux-included{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-lux-included div{border:1px solid rgba(180,200,255,.14);border-radius:18px;background:rgba(255,255,255,.06);padding:16px}.op-lux-included span{display:block;color:#dce7fb;font-size:13px;font-weight:850;min-height:36px}.op-lux-included b{display:inline-flex;margin-top:12px;color:#86efac;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.op-lux-mosaic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:16px}.op-lux-mosaic-grid article{border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:flex-start}.op-lux-mosaic-grid article.wide{grid-column:span 2}.op-lux-mosaic-grid article.tall{grid-row:span 2}.op-lux-mosaic-grid article.accent{background:linear-gradient(145deg,rgba(37,99,235,.38),rgba(6,182,212,.16),rgba(255,255,255,.045))}.op-lux-mosaic-grid article span{color:#93c5fd;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.op-lux-mosaic-grid h3{font-size:clamp(20px,2.3vw,30px);letter-spacing:-.04em;line-height:1.08;margin:14px 0 10px;color:#fff}.op-lux-mosaic-grid p{color:#aebcd7;line-height:1.62;margin:0}.op-lux-mosaic-grid code{margin-top:auto;border:1px solid rgba(180,200,255,.13);border-radius:16px;background:rgba(3,7,18,.55);padding:14px;color:#a7f3d0;font-size:12px;white-space:normal}.op-lux-mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}
.op-lux-pipeline-card{grid-template-columns:1fr .88fr;border-radius:38px;padding:clamp(28px,5vw,54px)}.op-lux-steps{display:grid;gap:12px}.op-lux-steps span{position:relative;display:flex;align-items:center;gap:14px;border:1px solid rgba(180,200,255,.14);border-radius:18px;background:rgba(255,255,255,.07);padding:14px 16px;color:#dbeafe;font-weight:900}.op-lux-steps span b{display:inline-flex;align-items:center;justify-content:center;width:46px;height:34px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:12px}
.op-lux-quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.op-lux-quote-grid article{border-radius:30px;padding:28px}.op-lux-quote-grid p{font-size:17px;line-height:1.68;color:#e6edf9;margin:0 0 24px}.op-lux-quote-grid b{display:block;color:#fff}.op-lux-quote-grid span{display:block;color:#99a9c7;font-size:13px;margin-top:5px}
.op-lux-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-lux-route-grid a{min-height:230px;border-radius:28px;padding:24px;text-decoration:none;color:#fff;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease}.op-lux-route-grid a:hover{transform:translateY(-8px);border-color:rgba(34,211,238,.42)}.op-lux-route-grid span{color:#67e8f9;font-weight:950;font-size:12px;letter-spacing:.14em}.op-lux-route-grid b{margin-top:auto;font-size:21px;letter-spacing:-.03em}.op-lux-route-grid small{display:block;margin-top:10px;color:#aebcd7;font-size:13px;line-height:1.58}
@keyframes opLuxScan{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(260px);opacity:1}}@keyframes opLuxBars{0%,100%{filter:saturate(1)}50%{filter:saturate(1.45) brightness(1.12)}}@keyframes opLuxRotate{to{transform:rotate(360deg)}}@keyframes opLuxRotateBack{to{transform:rotate(-360deg)}}
@media(max-width:1060px){.op-lux-split,.op-lux-connect-grid,.op-lux-value-grid,.op-lux-pipeline-card,.op-lux-vault{grid-template-columns:1fr}.op-lux-console{transform:none}.op-lux-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-lux-route-grid,.op-lux-quote-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.op-lux-section{padding:64px 0}.op-lux-copy h2,.op-lux-head h2,.op-lux-vault h2,.op-lux-pipeline-card h2{font-size:clamp(32px,11vw,46px);letter-spacing:-.045em}.op-lux-proof,.op-lux-console-foot,.op-lux-trust-grid,.op-lux-included,.op-lux-mosaic-grid,.op-lux-route-grid,.op-lux-quote-grid{grid-template-columns:1fr}.op-lux-mosaic-grid article.wide,.op-lux-mosaic-grid article.tall{grid-column:auto;grid-row:auto}.op-lux-console{padding:12px;border-radius:26px}.op-lux-scan{min-height:430px}.op-lux-doc{left:16px;right:16px;top:24px;width:auto;bottom:auto;height:150px}.op-lux-scan-line{left:16px;top:32px;width:calc(100% - 32px);animation:none}.op-lux-score{left:24px;right:auto;top:198px;width:142px;height:142px}.op-lux-ranks{right:16px;left:182px;bottom:20px;width:auto;height:130px}.op-lux-core{min-height:340px}.op-lux-core-ring{width:min(300px,78vw)}.op-lux-core-mark{width:112px;height:112px;margin:-56px 0 0 -56px;font-size:20px}.op-lux-vault,.op-lux-pipeline-card,.op-lux-savings{border-radius:28px}.op-lux-actions .op-btn{width:100%}.op-lux-link{width:100%;text-align:center}.op-lux-route-grid a{min-height:190px}}
@media(prefers-reduced-motion:reduce){.op-lux-core-ring,.op-lux-core-ring span,.op-lux-core-mark,.op-lux-scan-line,.op-lux-ranks span{animation:none}}


/* ============================================================
   Homepage lower-half light/dark theme parity
   ============================================================ */
html[data-theme="light"] .op-lux-home{
  color:#07111f;
  background:
    radial-gradient(62% 46% at 12% 2%,rgba(37,99,235,.14),transparent 72%),
    radial-gradient(58% 44% at 92% 4%,rgba(6,182,212,.13),transparent 72%),
    linear-gradient(180deg,rgba(247,249,255,0),#f7faff 2.5%,#eef5ff 46%,#f9fbff 100%);
}
html[data-theme="light"] .op-lux-home:before{
  background-image:linear-gradient(rgba(37,99,235,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.07) 1px,transparent 1px);
}
html[data-theme="light"] .op-lux-home:after{
  background:linear-gradient(112deg,rgba(37,99,235,.09),transparent 24%,rgba(6,182,212,.075) 48%,transparent 68%,rgba(124,58,237,.08));
}
html[data-theme="light"] .op-lux-section + .op-lux-section{border-top-color:rgba(14,23,42,.08)}
html[data-theme="light"] .op-lux-copy h2,
html[data-theme="light"] .op-lux-head h2,
html[data-theme="light"] .op-lux-vault h2,
html[data-theme="light"] .op-lux-pipeline-card h2,
html[data-theme="light"] .op-lux-score b,
html[data-theme="light"] .op-lux-mosaic-grid h3,
html[data-theme="light"] .op-lux-trust-grid b,
html[data-theme="light"] .op-lux-quote-grid b,
html[data-theme="light"] .op-lux-route-grid b{color:#07111f}
html[data-theme="light"] .op-lux-copy p,
html[data-theme="light"] .op-lux-head p,
html[data-theme="light"] .op-lux-vault p,
html[data-theme="light"] .op-lux-pipeline-card p,
html[data-theme="light"] .op-lux-mosaic-grid p,
html[data-theme="light"] .op-lux-trust-grid span,
html[data-theme="light"] .op-lux-route-grid small{color:#53627a}
html[data-theme="light"] .op-lux-kicker{
  color:#2563eb;
  border-color:rgba(37,99,235,.16);
  background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 16px 44px rgba(37,99,235,.10);
}
html[data-theme="light"] .op-lux-console,
html[data-theme="light"] .op-lux-vault,
html[data-theme="light"] .op-lux-savings,
html[data-theme="light"] .op-lux-pipeline-card,
html[data-theme="light"] .op-lux-mosaic-grid article,
html[data-theme="light"] .op-lux-quote-grid article,
html[data-theme="light"] .op-lux-route-grid a{
  border-color:rgba(37,99,235,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(242,247,255,.62));
  box-shadow:0 28px 90px rgba(37,99,235,.12),0 10px 32px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="light"] .op-lux-console:before,
html[data-theme="light"] .op-lux-vault:before,
html[data-theme="light"] .op-lux-pipeline-card:before,
html[data-theme="light"] .op-lux-mosaic-grid article:before,
html[data-theme="light"] .op-lux-route-grid a:before{
  background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 35%,rgba(6,182,212,.07),transparent 68%,rgba(124,58,237,.07));
}
html[data-theme="light"] .op-lux-proof span,
html[data-theme="light"] .op-lux-console-foot div,
html[data-theme="light"] .op-lux-core,
html[data-theme="light"] .op-lux-ledger-row,
html[data-theme="light"] .op-lux-trust-grid article,
html[data-theme="light"] .op-lux-included div,
html[data-theme="light"] .op-lux-steps span{
  border-color:rgba(37,99,235,.12);
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}
html[data-theme="light"] .op-lux-proof span,
html[data-theme="light"] .op-lux-console-foot span,
html[data-theme="light"] .op-lux-ledger-row span,
html[data-theme="light"] .op-lux-quote-grid span{color:#65738d}
html[data-theme="light"] .op-lux-proof b,
html[data-theme="light"] .op-lux-console-foot b,
html[data-theme="light"] .op-lux-ledger-row b,
html[data-theme="light"] .op-lux-included span,
html[data-theme="light"] .op-lux-steps span{color:#07111f}
html[data-theme="light"] .op-lux-scan{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,238,255,.64));
  border-color:rgba(37,99,235,.13);
}
html[data-theme="light"] .op-lux-doc,
html[data-theme="light"] .op-lux-ranks{
  background:rgba(255,255,255,.68);
  border-color:rgba(37,99,235,.12);
}
html[data-theme="light"] .op-lux-doc i{background:rgba(37,99,235,.16)}
html[data-theme="light"] .op-lux-score{
  background:conic-gradient(from -90deg,#2563eb 0 78%,rgba(15,23,42,.08) 78% 100%);
  box-shadow:inset 0 0 0 16px rgba(255,255,255,.90),0 24px 70px rgba(37,99,235,.16);
}
html[data-theme="light"] .op-lux-score span{color:#64748b}
html[data-theme="light"] .op-lux-browser{border-bottom-color:rgba(37,99,235,.11);color:#64748b}
html[data-theme="light"] .op-lux-browser strong{color:#334155}
html[data-theme="light"] .op-lux-core-ring span{
  color:#0f172a;
  background:rgba(255,255,255,.86);
  border-color:rgba(37,99,235,.15);
  box-shadow:0 18px 44px rgba(37,99,235,.13);
}
html[data-theme="light"] .op-lux-ledger-row.is-hot{border-color:rgba(16,185,129,.28);background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(6,182,212,.06))}
html[data-theme="light"] .op-lux-chip-row span,
html[data-theme="light"] .op-lux-mini-tags small{
  color:#475569;
  border-color:rgba(37,99,235,.12);
  background:rgba(255,255,255,.68);
}
html[data-theme="light"] .op-lux-savings{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,247,225,.64))}
html[data-theme="light"] .op-lux-savings small{color:#b45309}
html[data-theme="light"] .op-lux-savings b{color:#07111f}
html[data-theme="light"] .op-lux-savings span{color:#53627a}
html[data-theme="light"] .op-lux-mosaic-grid article.accent{background:linear-gradient(145deg,rgba(219,234,254,.92),rgba(207,250,254,.66),rgba(255,255,255,.70))}
html[data-theme="light"] .op-lux-mosaic-grid article span{color:#2563eb}
html[data-theme="light"] .op-lux-mosaic-grid code{
  color:#047857;
  background:rgba(240,253,250,.72);
  border-color:rgba(16,185,129,.16);
}
html[data-theme="light"] .op-lux-quote-grid p{color:#263348}
html[data-theme="light"] .op-lux-route-grid a{color:#07111f}
html[data-theme="light"] .op-lux-route-grid span{color:#2563eb}
html[data-theme="dark"] .op-lux-home{color:#f8fbff}


/* ============================================================
   Homepage lower-half section separation and illustrations
   ============================================================ */
.op-lux-home{background:transparent!important;color:var(--op-text)}
.op-lux-home:before,.op-lux-home:after{display:none!important}
.op-lux-section{padding:clamp(72px,9vw,128px) 0;border-top:0!important}
.op-lux-section:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}
.op-lux-section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.op-lux-seo{background:linear-gradient(180deg,rgba(5,7,18,.02),#07101f 8%,#081426 100%)}
.op-lux-seo:before{background:radial-gradient(46% 60% at 86% 12%,rgba(6,182,212,.25),transparent 68%),radial-gradient(44% 58% at 8% 90%,rgba(124,58,237,.20),transparent 70%)}
.op-lux-connect{background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 46%,#f5f0ff 100%)}
.op-lux-connect:before{background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(90% 80% at 50% 20%,#000,transparent 82%)}
.op-lux-trust{background:linear-gradient(150deg,#07111f,#0d1630 56%,#101125);color:#f8fbff}
.op-lux-trust:before{background:radial-gradient(60% 120% at 8% 20%,rgba(34,211,238,.18),transparent 60%),radial-gradient(58% 110% at 94% 82%,rgba(232,121,249,.18),transparent 62%)}
.op-lux-value{background:linear-gradient(180deg,#fffaf0,#f8fbff)}
.op-lux-value:before{background:radial-gradient(520px 360px at 15% 10%,rgba(245,158,11,.16),transparent 68%),radial-gradient(500px 340px at 82% 72%,rgba(6,182,212,.10),transparent 68%)}
.op-lux-mosaic{background:linear-gradient(180deg,#f7f9ff,#edf6ff 52%,#f8fbff)}
.op-lux-mosaic:before{background:radial-gradient(58% 50% at 50% 0%,rgba(37,99,235,.13),transparent 70%)}
.op-lux-pipeline{background:linear-gradient(135deg,#eef5ff,#f9f5ff)}
.op-lux-pipeline:before{background:radial-gradient(520px 360px at 85% 10%,rgba(124,58,237,.17),transparent 70%),radial-gradient(500px 340px at 12% 92%,rgba(6,182,212,.13),transparent 72%)}
.op-lux-quotes{background:linear-gradient(180deg,#fff7fb,#f7faff)}
.op-lux-quotes:before{background:radial-gradient(620px 380px at 82% 8%,rgba(232,121,249,.13),transparent 70%)}
.op-lux-routes{background:linear-gradient(180deg,#f8fbff,#eef4ff)}
html[data-theme="dark"] .op-lux-connect{background:linear-gradient(135deg,#07111f,#0a1830 48%,#120d25)}
html[data-theme="dark"] .op-lux-value{background:linear-gradient(160deg,#100d17,#15120c 48%,#07111f)}
html[data-theme="dark"] .op-lux-mosaic{background:linear-gradient(180deg,#07111f,#08192b 52%,#080d1d)}
html[data-theme="dark"] .op-lux-pipeline{background:linear-gradient(135deg,#08182c,#130f28)}
html[data-theme="dark"] .op-lux-quotes{background:linear-gradient(180deg,#130d1b,#07111f)}
html[data-theme="dark"] .op-lux-routes{background:linear-gradient(180deg,#07111f,#060a16)}
html[data-theme="dark"] .op-lux-copy h2,html[data-theme="dark"] .op-lux-head h2,html[data-theme="dark"] .op-lux-vault h2,html[data-theme="dark"] .op-lux-pipeline-card h2{color:#fff}
html[data-theme="dark"] .op-lux-copy p,html[data-theme="dark"] .op-lux-head p,html[data-theme="dark"] .op-lux-vault p,html[data-theme="dark"] .op-lux-pipeline-card p{color:#b6c3dc}
html[data-theme="light"] .op-lux-seo .op-lux-copy h2,html[data-theme="light"] .op-lux-seo .op-lux-copy p{color:#fff}
html[data-theme="light"] .op-lux-seo .op-lux-copy p{color:#c3d0e6}
html[data-theme="light"] .op-lux-trust .op-lux-vault h2,html[data-theme="light"] .op-lux-trust .op-lux-vault p,html[data-theme="light"] .op-lux-trust .op-lux-trust-grid b{color:#fff}
html[data-theme="light"] .op-lux-trust .op-lux-vault p,html[data-theme="light"] .op-lux-trust .op-lux-trust-grid span{color:#c5d2e8}

.op-lux-illus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.op-lux-illus-panel{position:relative;min-height:420px;padding:30px;border-radius:30px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;gap:24px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));box-shadow:0 28px 90px rgba(37,99,235,.11),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(145%)}
.op-lux-illus-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.52),transparent 34%,rgba(6,182,212,.08),transparent 68%,rgba(124,58,237,.08))}
.op-lux-illus-admin,.op-lux-illus-connectors{grid-column:span 2;grid-template-columns:.88fr 1.12fr;grid-template-rows:1fr;align-items:center}
.op-lux-illus-copy{position:relative;z-index:2}.op-lux-illus-copy span{display:inline-flex;color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.op-lux-illus-copy h3{margin:14px 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.03;letter-spacing:-.045em;color:#07111f}.op-lux-illus-copy p{margin:0;color:#53627a;line-height:1.64;font-size:15px}.op-lux-visual{position:relative;z-index:2;min-height:220px;border-radius:26px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(145deg,rgba(7,17,31,.92),rgba(12,22,48,.82));box-shadow:0 30px 80px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;color:#f8fbff}.op-lux-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(120% 80% at 70% 30%,#000,transparent 78%)}
.op-lux-terminal{display:grid;align-content:center;gap:12px;padding:28px;font-family:"IBM Plex Mono",monospace}.op-lux-term-bar{position:absolute;left:18px;top:16px;display:flex;gap:7px}.op-lux-term-bar i{width:10px;height:10px;border-radius:50%;background:#fb7185}.op-lux-term-bar i:nth-child(2){background:#fbbf24}.op-lux-term-bar i:nth-child(3){background:#34d399}.op-lux-terminal code{font-size:13px;color:#bfdbfe;white-space:normal}.op-lux-terminal b{color:#86efac}.op-lux-terminal span{color:#fde68a}.op-lux-terminal em{font-style:normal;color:#67e8f9}
.op-lux-chat-art{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:26px}.op-lux-chat-art .msg{position:relative;z-index:2;width:min(88%,330px);padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.10);font-size:13px;line-height:1.45}.op-lux-chat-art .msg.ai{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 18px 42px rgba(37,99,235,.28)}.op-lux-person{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:8px;color:#cbd5e1}.op-lux-person b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.12)}.op-lux-person span{font-size:12px;color:#94a3b8}
.op-lux-map-art svg{position:relative;z-index:2;width:100%;height:100%;min-height:220px;display:block}.op-lux-flow-art{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px}.flow-node{position:relative;z-index:2;display:grid;place-items:center;min-width:88px;height:64px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:900}.flow-node.hot{background:linear-gradient(135deg,#13b981,#06b6d4);color:#fff}.flow-line{position:relative;z-index:2;width:54px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);box-shadow:0 0 22px rgba(34,211,238,.55)}
.op-lux-ticket-art{display:grid;gap:12px;align-content:center;padding:24px}.op-lux-ticket-art div{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.09);padding:15px 16px}.op-lux-ticket-art b{display:block}.op-lux-ticket-art span{display:block;margin-top:5px;color:#aab9d6;font-size:12px}.op-lux-mini-orbit{display:grid;place-items:center;min-height:300px}.op-lux-mini-orbit b{position:relative;z-index:3;display:grid;place-items:center;width:118px;height:118px;border-radius:32px;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);box-shadow:0 24px 70px rgba(37,99,235,.35);font-size:24px}.op-lux-mini-orbit:after{content:"";position:absolute;z-index:1;width:260px;height:260px;border-radius:50%;border:1px dashed rgba(255,255,255,.25);animation:opLuxRotate 26s linear infinite}.op-lux-mini-orbit i{position:absolute;z-index:2;font-style:normal;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.10);padding:8px 12px;font-size:12px;font-weight:900}.op-lux-mini-orbit i:nth-child(1){top:35px;left:50%;transform:translateX(-50%)}.op-lux-mini-orbit i:nth-child(2){right:34px;top:50%;transform:translateY(-50%)}.op-lux-mini-orbit i:nth-child(3){bottom:35px;left:50%;transform:translateX(-50%)}.op-lux-mini-orbit i:nth-child(4){left:34px;top:50%;transform:translateY(-50%)}
html[data-theme="dark"] .op-lux-illus-panel{border-color:rgba(180,200,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 34px 120px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10)}
html[data-theme="dark"] .op-lux-illus-copy h3{color:#fff}html[data-theme="dark"] .op-lux-illus-copy p{color:#b6c3dc}html[data-theme="dark"] .op-lux-illus-copy span{color:#93c5fd}
@media(max-width:980px){.op-lux-illus-grid,.op-lux-illus-admin,.op-lux-illus-connectors{grid-template-columns:1fr}.op-lux-illus-admin,.op-lux-illus-connectors{grid-column:auto}.op-lux-illus-panel{min-height:auto}.op-lux-flow-art{flex-wrap:wrap}.flow-line{width:34px}}
@media(max-width:620px){.op-lux-illus-panel{padding:22px;border-radius:24px}.op-lux-visual{border-radius:20px}.op-lux-mini-orbit:after{width:220px;height:220px}.op-lux-ranks{left:170px}.op-lux-core-ring .c2,.op-lux-core-ring .c5{display:none}}


/* ============================================================
   Homepage prism premium chapters v2
   ============================================================ */
.op-prism-home{position:relative;isolation:isolate;color:var(--op-text);background:var(--op-bg);overflow:hidden}
.op-prism-section{position:relative;padding:clamp(78px,9vw,138px) 0;overflow:hidden;isolation:isolate}
.op-prism-section:before,.op-prism-section:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}.op-prism-section:after{z-index:-1}
.op-prism-copy h2,.op-prism-head h2{margin:16px 0 18px;font-size:clamp(36px,5.2vw,72px);line-height:.94;letter-spacing:-.065em;color:var(--op-text)}
.op-prism-copy p,.op-prism-head p{margin:0;color:var(--op-muted);font-size:clamp(16px,1.6vw,20px);line-height:1.75;max-width:760px}.op-prism-head{text-align:center;max-width:920px;margin:0 auto 44px}.op-prism-head p{margin-inline:auto}
.op-prism-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;border:1px solid rgba(37,99,235,.16);background:rgba(255,255,255,.64);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 12px 34px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.72);font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:#2563eb}.op-prism-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 0 24px rgba(6,182,212,.65)}
.op-prism-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.op-prism-link{font-weight:900;color:#2563eb;text-decoration:none}.op-prism-link:hover{color:#06b6d4}
.op-prism-split,.op-vault-layout,.op-value-layout,.op-action-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(34px,5vw,78px);align-items:center}

.op-prism-observatory{background:linear-gradient(180deg,#07101f,#08162a 58%,#07111f);color:#fff}.op-prism-observatory:before{background:radial-gradient(50% 80% at 82% 8%,rgba(6,182,212,.25),transparent 62%),radial-gradient(50% 70% at 4% 82%,rgba(124,58,237,.24),transparent 68%)}.op-prism-observatory:after{background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(120% 90% at 64% 10%,#000,transparent 84%)}.op-prism-observatory .op-prism-copy h2{color:#fff}.op-prism-observatory .op-prism-copy p{color:#c3d0e6}.op-prism-observatory .op-prism-kicker{background:rgba(255,255,255,.07);border-color:rgba(180,200,255,.18);color:#a5f3fc}.op-prism-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.op-prism-metrics span{min-height:94px;border:1px solid rgba(180,200,255,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));padding:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.op-prism-metrics b{display:block;color:#fff;font-size:32px;letter-spacing:-.05em;line-height:1}.op-prism-metrics small{display:block;margin-top:8px;color:#aab9d6;font-size:12px;font-weight:800}
.op-seo-observatory{position:relative;min-height:560px;perspective:1300px}.op-ob-window{position:absolute;inset:52px 30px 54px 10px;border:1px solid rgba(180,200,255,.16);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));backdrop-filter:blur(28px) saturate(150%);box-shadow:0 42px 130px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);transform:rotateX(5deg) rotateY(-8deg);overflow:hidden}.op-ob-top{height:58px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(180,200,255,.12);color:#94a3b8;font-size:12px;font-weight:800}.op-ob-top i{width:11px;height:11px;border-radius:50%;background:#fb7185}.op-ob-top i:nth-child(2){background:#fbbf24}.op-ob-top i:nth-child(3){background:#34d399}.op-ob-top span{margin-left:8px}.op-ob-grid{position:relative;height:calc(100% - 58px);display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:22px}.op-ob-score{align-self:start;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(from -90deg,#22d3ee 0 78%,rgba(255,255,255,.09) 78%);box-shadow:inset 0 0 0 18px rgba(5,10,24,.88),0 24px 80px rgba(34,211,238,.20)}.op-ob-score b{font-size:56px;line-height:.9;background:linear-gradient(180deg,#ffffff,#e7ecf7 64%,#c2cce0);-webkit-background-clip:text;background-clip:text;color:transparent}.op-ob-score span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb1d1;font-weight:950}.op-ob-serp{border:1px solid rgba(180,200,255,.12);border-radius:24px;background:rgba(3,7,18,.46);padding:18px;display:grid;gap:12px;align-content:start}.op-ob-serp strong{font-size:13px;color:#e2e8f0}.op-ob-serp span{border-radius:14px;padding:12px 13px;background:rgba(255,255,255,.075);color:#aebbd4;font-size:12px;font-weight:750}.op-ob-serp span.hot{color:#a7f3d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.20)}.op-ob-wave{grid-column:1 / -1;height:118px;display:flex;align-items:end;gap:14px;padding:16px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(180,200,255,.10)}.op-ob-wave i{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#a78bfa,#38bdf8 55%,#34d399);animation:opPrismBars 3.8s ease-in-out infinite}.op-ob-wave i:nth-child(1){height:38%}.op-ob-wave i:nth-child(2){height:66%}.op-ob-wave i:nth-child(3){height:50%}.op-ob-wave i:nth-child(4){height:88%}.op-ob-wave i:nth-child(5){height:62%}.op-ob-ring{position:absolute;right:0;top:0;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(34,211,238,.30);animation:opPrismRotate 24s linear infinite}.op-ob-ring span{position:absolute;width:14px;height:14px;border-radius:50%;background:#22d3ee;box-shadow:0 0 28px rgba(34,211,238,.85)}.op-ob-ring span:nth-child(1){top:-7px;left:50%}.op-ob-ring span:nth-child(2){right:20px;bottom:38px;background:#a78bfa}.op-ob-ring span:nth-child(3){left:18px;bottom:54px;background:#34d399}.op-ob-chip{position:absolute;border:1px solid rgba(180,200,255,.17);border-radius:999px;background:rgba(255,255,255,.10);backdrop-filter:blur(16px);padding:10px 14px;color:#e2e8f0;font-size:12px;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,.22)}.op-ob-chip{white-space:nowrap}.op-ob-chip.chip-a{left:0!important;top:78px!important;right:auto!important;bottom:auto!important}.op-ob-chip.chip-b{right:8px!important;bottom:96px!important;left:auto!important;top:auto!important;animation:none!important}.op-ob-chip.chip-c{left:58px!important;bottom:20px!important;right:auto!important;top:auto!important}

.op-prism-fabric{background:linear-gradient(135deg,#f8fbff,#eef6ff 46%,#f5f0ff)}.op-prism-fabric:before,.op-prism-theatre-section:before,.op-prism-routes-section:before{background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(100% 80% at 50% 20%,#000,transparent 82%)}.op-fabric-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.op-fabric-orbit{position:relative;min-height:470px;border-radius:38px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48));box-shadow:0 30px 100px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.78);display:grid;place-items:center;overflow:hidden}.op-fabric-orbit:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px dashed rgba(37,99,235,.23);animation:opPrismRotate 32s linear infinite}.op-fabric-orbit:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(6,182,212,.18)}.op-fabric-orbit b{position:relative;z-index:3;width:138px;height:138px;border-radius:34px;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);display:grid;place-content:center;text-align:center;color:#fff;font-size:26px;line-height:1;font-weight:1000;box-shadow:0 28px 90px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.32)}.op-fabric-orbit b small{display:block;margin-top:8px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#dbeafe}.op-fabric-orbit span{position:absolute;z-index:2;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:rgba(255,255,255,.82);padding:9px 14px;font-size:12px;font-weight:950;color:#0f172a;box-shadow:0 18px 44px rgba(37,99,235,.13)}.op-fabric-orbit .f1{top:44px;left:50%;transform:translateX(-50%)}.op-fabric-orbit .f2{right:38px;top:122px}.op-fabric-orbit .f3{right:54px;bottom:94px}.op-fabric-orbit .f4{left:50%;bottom:40px;transform:translateX(-50%)}.op-fabric-orbit .f5{left:42px;bottom:112px}.op-fabric-orbit .f6{left:40px;top:124px}.op-fabric-ledger{display:grid;gap:14px}.op-fabric-ledger div{border:1px solid rgba(37,99,235,.13);border-radius:24px;background:rgba(255,255,255,.70);padding:20px;box-shadow:0 18px 44px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.72)}.op-fabric-ledger div.is-active{background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(6,182,212,.08));border-color:rgba(16,185,129,.26)}.op-fabric-ledger strong{display:block;font-family:"IBM Plex Mono",monospace;font-size:14px;color:#07111f}.op-fabric-ledger span{display:block;margin-top:7px;color:#64748b;font-size:13px}

.op-prism-vault-section{background:linear-gradient(145deg,#07111f,#0d1730 54%,#120f24);color:#fff}.op-prism-vault-section:before{background:radial-gradient(60% 120% at 6% 10%,rgba(6,182,212,.18),transparent 62%),radial-gradient(60% 110% at 96% 88%,rgba(232,121,249,.19),transparent 62%)}.op-prism-vault-section .op-prism-copy h2{color:#fff}.op-prism-vault-section .op-prism-copy p{color:#c3d0e6}.op-vault-visual{position:relative;min-height:480px;display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:center}.op-vault-door{min-height:360px;border-radius:38px;border:1px solid rgba(180,200,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:0 42px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.14);display:grid;place-content:center;text-align:center;position:relative;overflow:hidden}.op-vault-door:before{content:"";position:absolute;inset:52px;border-radius:50%;border:1px dashed rgba(34,211,238,.28);animation:opPrismRotate 30s linear infinite}.op-vault-door b{position:relative;z-index:2;font-size:52px;letter-spacing:-.08em}.op-vault-door span{position:relative;z-index:2;color:#aab9d6;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.op-vault-items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.op-vault-items article{min-height:158px;border:1px solid rgba(180,200,255,.15);border-radius:26px;background:rgba(255,255,255,.07);padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.op-vault-items strong{display:block;color:#fff;font-size:19px}.op-vault-items span{display:block;margin-top:10px;color:#b7c5dd;font-size:13px;line-height:1.58}

.op-prism-value-section{background:linear-gradient(180deg,#fffaf0,#f8fbff)}.op-prism-value-section:before{background:radial-gradient(520px 360px at 15% 10%,rgba(245,158,11,.16),transparent 68%),radial-gradient(500px 340px at 82% 72%,rgba(6,182,212,.11),transparent 68%)}.op-value-layout{grid-template-columns:.75fr 1.25fr}.op-value-number{min-height:360px;border-radius:38px;border:1px solid rgba(245,158,11,.20);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,247,225,.64));box-shadow:0 30px 100px rgba(245,158,11,.13),inset 0 1px 0 rgba(255,255,255,.82);padding:36px;display:flex;flex-direction:column;justify-content:center}.op-value-number span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.15em;color:#b45309}.op-value-number b{font-size:clamp(44px,5vw,74px);line-height:.9;letter-spacing:-.075em;margin:18px 0;color:#07111f}.op-value-number small{font-size:15px;line-height:1.6;color:#53627a}.op-value-system{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-value-system div{min-height:106px;border:1px solid rgba(37,99,235,.13);border-radius:22px;background:rgba(255,255,255,.70);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 44px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.76)}.op-value-system span{color:#0f172a;font-weight:850;font-size:13px}.op-value-system b{color:#059669;font-size:12px;text-transform:uppercase;letter-spacing:.08em}

.op-prism-theatre-section{background:linear-gradient(180deg,#f7f9ff,#edf6ff 50%,#f8fbff)}.op-feature-theatre{position:relative;min-height:720px;perspective:1400px}.op-theatre-screen{position:absolute;inset:80px 120px 110px;border-radius:40px;border:1px solid rgba(37,99,235,.14);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(241,247,255,.66));box-shadow:0 44px 130px rgba(37,99,235,.18),0 16px 45px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.84);overflow:hidden;transform:rotateX(5deg) rotateY(-4deg)}.op-theatre-top{height:58px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(37,99,235,.10);color:#64748b;font-size:12px;font-weight:850}.op-theatre-top i{width:10px;height:10px;border-radius:50%;background:#fb7185}.op-theatre-top i:nth-child(2){background:#fbbf24}.op-theatre-top i:nth-child(3){background:#34d399}.op-theatre-top span{margin-left:8px}.op-theatre-sidebar{position:absolute;left:0;top:58px;bottom:0;width:88px;border-right:1px solid rgba(37,99,235,.10);display:grid;justify-items:center;align-content:start;gap:18px;padding-top:24px;background:rgba(255,255,255,.42)}.op-theatre-sidebar b{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);box-shadow:0 14px 34px rgba(37,99,235,.30)}.op-theatre-sidebar span{width:34px;height:8px;border-radius:999px;background:rgba(37,99,235,.18)}.op-theatre-main{position:absolute;left:112px;right:24px;top:86px;bottom:24px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:18px}.op-theatre-chart,.op-theatre-chat,.op-theatre-ticket{border:1px solid rgba(37,99,235,.11);border-radius:26px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}.op-theatre-chart{grid-row:span 2;display:flex;align-items:end;gap:18px;padding:24px}.op-theatre-chart i{flex:1;height:var(--h);border-radius:16px 16px 5px 5px;background:linear-gradient(180deg,#7c3aed,#06b6d4 58%,#13b981);box-shadow:0 16px 34px rgba(37,99,235,.16);animation:opPrismBars 4s ease-in-out infinite}.op-theatre-chat,.op-theatre-ticket{padding:22px}.op-theatre-chat p{margin:0 0 14px;color:#64748b;font-size:13px}.op-theatre-chat b{display:block;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:15px;line-height:1.45;box-shadow:0 18px 38px rgba(37,99,235,.25)}.op-theatre-ticket span{color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.op-theatre-ticket strong{display:block;margin-top:12px;font-size:24px;color:#07111f}.op-theatre-ticket small{display:block;margin-top:10px;color:#64748b}.op-theatre-module{position:absolute;z-index:4;min-width:190px;border:1px solid rgba(37,99,235,.14);border-radius:24px;background:rgba(255,255,255,.74);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 24px 70px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.76);padding:16px 18px}.op-theatre-module b{display:block;color:#07111f}.op-theatre-module span{display:block;margin-top:5px;color:#64748b;font-size:12px}.mod-admin{left:12px;top:114px}.mod-chat{right:18px;top:78px}.mod-revenue{left:40px;bottom:130px}.mod-visitors{right:48px;bottom:128px}.mod-writing{left:50%;bottom:28px;transform:translateX(-50%)}.mod-hooks{right:160px;top:14px}

.op-prism-action-section{background:linear-gradient(135deg,#eef5ff,#f9f5ff)}.op-prism-action-section:before{background:radial-gradient(520px 360px at 88% 12%,rgba(124,58,237,.16),transparent 70%),radial-gradient(500px 340px at 10% 92%,rgba(6,182,212,.13),transparent 72%)}.op-action-layout{grid-template-columns:1fr .86fr}.op-action-timeline{position:relative;display:grid;gap:14px;border-radius:38px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.52));padding:28px;box-shadow:0 30px 100px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.78)}.op-action-timeline:before{content:"";position:absolute;left:52px;top:48px;bottom:48px;width:2px;background:linear-gradient(#2563eb,#06b6d4,#7c3aed);opacity:.35}.op-action-timeline span{position:relative;z-index:2;display:flex;align-items:center;gap:16px;border:1px solid rgba(37,99,235,.12);border-radius:20px;background:rgba(255,255,255,.68);padding:14px 16px;font-weight:900;color:#07111f}.op-action-timeline b{width:44px;height:34px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:12px}

.op-prism-proof-section{background:linear-gradient(180deg,#fff7fb,#f7faff)}.op-prism-proof-section:before{background:radial-gradient(620px 380px at 82% 8%,rgba(232,121,249,.13),transparent 70%)}.op-proof-wall{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:18px}.op-proof-wall article{border:1px solid rgba(232,121,249,.15);border-radius:30px;background:rgba(255,255,255,.72);padding:28px;box-shadow:0 24px 70px rgba(232,121,249,.10),inset 0 1px 0 rgba(255,255,255,.76)}.op-proof-wall article:first-child{min-height:310px;display:flex;flex-direction:column;justify-content:center}.op-proof-wall p{margin:0 0 24px;color:#263348;font-size:17px;line-height:1.7}.op-proof-wall b{display:block;color:#07111f}.op-proof-wall span{display:block;margin-top:6px;color:#64748b;font-size:13px}

.op-prism-routes-section{background:linear-gradient(180deg,#f8fbff,#eef4ff)}.op-route-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op-route-rail a{position:relative;min-height:250px;border:1px solid rgba(37,99,235,.13);border-radius:30px;background:rgba(255,255,255,.72);padding:24px;text-decoration:none;color:#07111f;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.76);overflow:hidden;transition:transform .22s ease,border-color .22s ease}.op-route-rail a:before{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);opacity:.85}.op-route-rail a:hover{transform:translateY(-8px);border-color:rgba(6,182,212,.34)}.op-route-rail span{color:#2563eb;font-weight:950;font-size:12px;letter-spacing:.14em}.op-route-rail b{margin-top:auto;font-size:22px;letter-spacing:-.03em}.op-route-rail small{display:block;margin-top:10px;color:#64748b;font-size:13px;line-height:1.58}

html[data-theme="dark"] .op-prism-home{background:#050712;color:#f8fbff}.op-prism-home html[data-theme="dark"]{color:#f8fbff}html[data-theme="dark"] .op-prism-fabric{background:linear-gradient(135deg,#07111f,#0a1830 48%,#120d25)}html[data-theme="dark"] .op-prism-value-section{background:linear-gradient(160deg,#100d17,#15120c 48%,#07111f)}html[data-theme="dark"] .op-prism-theatre-section{background:linear-gradient(180deg,#07111f,#08192b 52%,#080d1d)}html[data-theme="dark"] .op-prism-action-section{background:linear-gradient(135deg,#08182c,#130f28)}html[data-theme="dark"] .op-prism-proof-section{background:linear-gradient(180deg,#130d1b,#07111f)}html[data-theme="dark"] .op-prism-routes-section{background:linear-gradient(180deg,#07111f,#060a16)}html[data-theme="dark"] .op-prism-copy h2,html[data-theme="dark"] .op-prism-head h2{color:#fff}html[data-theme="dark"] .op-prism-copy p,html[data-theme="dark"] .op-prism-head p{color:#b6c3dc}html[data-theme="dark"] .op-prism-kicker{background:rgba(255,255,255,.07);border-color:rgba(180,200,255,.18);color:#a5f3fc;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 54px rgba(0,0,0,.25)}html[data-theme="dark"] .op-prism-link{color:#a5f3fc}
html[data-theme="dark"] .op-fabric-orbit,html[data-theme="dark"] .op-fabric-ledger div,html[data-theme="dark"] .op-value-number,html[data-theme="dark"] .op-value-system div,html[data-theme="dark"] .op-theatre-screen,html[data-theme="dark"] .op-theatre-module,html[data-theme="dark"] .op-action-timeline,html[data-theme="dark"] .op-action-timeline span,html[data-theme="dark"] .op-proof-wall article,html[data-theme="dark"] .op-route-rail a{border-color:rgba(180,200,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 34px 120px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10)}html[data-theme="dark"] .op-fabric-orbit span{color:#e2e8f0;background:rgba(5,8,20,.82);border-color:rgba(180,200,255,.18)}html[data-theme="dark"] .op-fabric-ledger strong,html[data-theme="dark"] .op-value-number b,html[data-theme="dark"] .op-value-system span,html[data-theme="dark"] .op-theatre-ticket strong,html[data-theme="dark"] .op-theatre-module b,html[data-theme="dark"] .op-action-timeline span,html[data-theme="dark"] .op-proof-wall b,html[data-theme="dark"] .op-route-rail a{color:#fff}html[data-theme="dark"] .op-fabric-ledger span,html[data-theme="dark"] .op-value-number small,html[data-theme="dark"] .op-theatre-chat p,html[data-theme="dark"] .op-theatre-ticket small,html[data-theme="dark"] .op-theatre-module span,html[data-theme="dark"] .op-proof-wall span,html[data-theme="dark"] .op-route-rail small{color:#aebcd7}html[data-theme="dark"] .op-value-number span{color:#fcd34d}html[data-theme="dark"] .op-theatre-chart,html[data-theme="dark"] .op-theatre-chat,html[data-theme="dark"] .op-theatre-ticket,html[data-theme="dark"] .op-theatre-sidebar{background:rgba(255,255,255,.06);border-color:rgba(180,200,255,.13)}html[data-theme="dark"] .op-proof-wall p{color:#e6edf9}

@keyframes opPrismRotate{to{transform:rotate(360deg)}}@keyframes opPrismBars{0%,100%{filter:saturate(1);transform:scaleY(1)}50%{filter:saturate(1.4) brightness(1.1);transform:scaleY(1.05)}}
@media(max-width:1080px){.op-prism-split,.op-vault-layout,.op-value-layout,.op-action-layout,.op-fabric-stage{grid-template-columns:1fr}.op-seo-observatory{min-height:520px}.op-theatre-screen{inset:76px 40px 120px}.op-theatre-module{position:relative;display:inline-block;margin:8px;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}.op-feature-theatre{min-height:auto;padding-top:520px}.op-route-rail,.op-proof-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.op-prism-section{padding:66px 0}.op-prism-copy h2,.op-prism-head h2{font-size:clamp(34px,11vw,48px);letter-spacing:-.05em}.op-prism-actions .op-btn,.op-prism-link{width:100%;text-align:center}.op-prism-metrics,.op-value-system,.op-vault-items,.op-route-rail,.op-proof-wall{grid-template-columns:1fr}.op-seo-observatory{min-height:600px}.op-ob-window{inset:28px 0 82px;transform:none;border-radius:28px}.op-ob-grid{grid-template-columns:1fr}.op-ob-score{width:160px;margin:auto}.op-ob-ring{display:none}.op-ob-chip{position:relative;display:inline-flex;margin:6px;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}.op-fabric-orbit{min-height:360px}.op-fabric-orbit .f2,.op-fabric-orbit .f5{display:none}.op-vault-visual{grid-template-columns:1fr}.op-value-layout{gap:22px}.op-feature-theatre{padding-top:520px}.op-theatre-screen{inset:40px 0 150px;border-radius:28px;transform:none}.op-theatre-main{left:88px;right:14px;top:78px;bottom:14px;grid-template-columns:1fr;grid-template-rows:1fr auto auto}.op-theatre-chart{grid-row:auto}.op-theatre-sidebar{width:70px}.op-theatre-module{min-width:calc(50% - 20px);padding:14px}.mod-hooks{display:none}}
@media(max-width:520px){.op-theatre-module{min-width:100%;margin:6px 0}.op-feature-theatre{padding-top:560px}.op-theatre-screen{bottom:180px}.op-theatre-chart{gap:9px;padding:14px}.op-theatre-top span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-prism-metrics span{min-height:auto}.op-ob-wave{gap:8px}.op-value-number{min-height:auto}.op-route-rail a{min-height:210px}}
@media(prefers-reduced-motion:reduce){.op-ob-ring,.op-fabric-orbit:before,.op-vault-door:before,.op-theatre-chart i,.op-ob-wave i{animation:none}}


/* ============================================================
   Actual 3D chat scene inside feature theatre
   ============================================================ */
.op-theatre-chat.op-chat-3d{position:relative;padding:0;overflow:visible;perspective:900px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(231,240,255,.58));transform-style:preserve-3d;isolation:isolate}
.op-chat-3d:before{content:"";position:absolute;inset:-16px;border-radius:30px;background:radial-gradient(circle at 70% 20%,rgba(124,58,237,.18),transparent 54%),radial-gradient(circle at 20% 88%,rgba(6,182,212,.16),transparent 58%);filter:blur(6px);z-index:-1;pointer-events:none}
.op-chat-3d-header{height:62px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid rgba(37,99,235,.10);background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.30));border-radius:26px 26px 0 0}
.op-chat-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#2563eb 55%,#7c3aed);color:#fff;font-size:13px;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.38)}
.op-chat-3d-header b{display:block;color:#07111f;font-size:13px;line-height:1.1}.op-chat-3d-header small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.op-chat-3d-stage{position:relative;min-height:215px;padding:18px 16px 16px;transform-style:preserve-3d;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(219,234,254,.18));border-radius:0 0 26px 26px;overflow:hidden}
.op-chat-3d-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(110% 90% at 70% 20%,#000,transparent 78%);pointer-events:none}
.op-chat-bubble{position:relative;z-index:2;width:max-content;max-width:min(82%,310px);padding:12px 14px;border-radius:19px;font-size:12.4px;line-height:1.42;font-weight:800;box-shadow:0 20px 44px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.34);animation:opChatFloat 5.8s ease-in-out infinite;transform-style:preserve-3d}
.op-chat-user{margin-left:2px;background:rgba(255,255,255,.82);border:1px solid rgba(37,99,235,.12);color:#334155;transform:translateZ(36px) rotateY(7deg)}
.op-chat-ai{margin:12px 0 0 auto;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5 48%,#7c3aed);transform:translateZ(64px) rotateY(-8deg);box-shadow:0 26px 58px rgba(79,70,229,.28),inset 0 1px 0 rgba(255,255,255,.28);animation-delay:.45s}
.op-chat-note{margin:12px 0 0 20px;background:linear-gradient(135deg,rgba(236,253,245,.92),rgba(240,249,255,.86));border:1px solid rgba(16,185,129,.18);color:#047857;transform:translateZ(48px) rotateX(4deg);animation-delay:.9s}.op-chat-note b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.op-chat-note span{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:750}
.op-chat-typing{position:relative;z-index:3;display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin:13px 0 0 auto;padding:9px 11px;border-radius:999px;background:rgba(15,23,42,.76);color:#dbeafe;box-shadow:0 18px 38px rgba(15,23,42,.20);transform:translateZ(72px) rotateY(-6deg);font-size:10.5px;font-weight:850}.op-chat-typing i{width:5px;height:5px;border-radius:50%;background:#67e8f9;animation:opChatDots 1.2s ease-in-out infinite}.op-chat-typing i:nth-child(2){animation-delay:.14s}.op-chat-typing i:nth-child(3){animation-delay:.28s}.op-chat-typing span{margin-left:4px;white-space:nowrap}
@keyframes opChatFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes opChatDots{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
html[data-theme="dark"] .op-theatre-chat.op-chat-3d{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))}
html[data-theme="dark"] .op-chat-3d-header{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-bottom-color:rgba(180,200,255,.13)}
html[data-theme="dark"] .op-chat-3d-header b{color:#fff}html[data-theme="dark"] .op-chat-3d-header small{color:#aebcd7}html[data-theme="dark"] .op-chat-3d-stage{background:linear-gradient(135deg,rgba(15,23,42,.30),rgba(37,99,235,.08))}html[data-theme="dark"] .op-chat-user{background:rgba(255,255,255,.09);border-color:rgba(180,200,255,.15);color:#dbeafe}html[data-theme="dark"] .op-chat-note{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.08));border-color:rgba(16,185,129,.23);color:#a7f3d0}html[data-theme="dark"] .op-chat-note span{color:#aebcd7}html[data-theme="dark"] .op-chat-typing{background:rgba(3,7,18,.86)}
@media(max-width:760px){.op-chat-3d-stage{min-height:245px}.op-chat-bubble{max-width:88%;font-size:12px}.op-chat-typing span{white-space:normal}.op-chat-3d-header small{max-width:160px}}
@media(prefers-reduced-motion:reduce){.op-chat-bubble,.op-chat-typing i{animation:none}}


/* ============================================================
   Compact looping 3D chat refinement
   ============================================================ */
.op-theatre-chat.op-chat-3d{height:100%;min-height:0;overflow:hidden;transform:translateZ(18px) rotateY(-1.5deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 42px rgba(37,99,235,.10)}
.op-chat-3d:before{inset:-8px;filter:blur(8px);opacity:.75}
.op-chat-3d-header{height:48px;padding:8px 11px;border-radius:24px 24px 0 0;gap:9px}
.op-chat-avatar{width:31px;height:31px;border-radius:11px;font-size:11px}
.op-chat-3d-header b{font-size:12px}.op-chat-3d-header small{font-size:10px;max-width:150px}
.op-chat-3d-stage{height:calc(100% - 48px);min-height:0;padding:11px 12px 32px;border-radius:0 0 24px 24px;overflow:hidden}
.op-chat-stream{position:relative;z-index:2;display:grid;gap:7px;will-change:transform,opacity;animation:opChatScrollLoop 9.2s cubic-bezier(.55,0,.18,1) infinite}
.op-chat-bubble{max-width:min(78%,245px);padding:8px 10px;border-radius:15px;font-size:10.7px;line-height:1.35;box-shadow:0 14px 28px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.34);animation:none}
.op-chat-user{transform:translateZ(20px) rotateY(5deg)}
.op-chat-ai{margin-top:0;transform:translateZ(38px) rotateY(-6deg);box-shadow:0 16px 34px rgba(79,70,229,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.op-chat-note{margin:0 0 0 14px;transform:translateZ(30px) rotateX(3deg)}.op-chat-note b{font-size:9.5px}.op-chat-note span{font-size:9.8px;margin-top:2px}.op-chat-next{opacity:.96;margin-left:8px}.op-chat-ai-live{width:min(82%,235px);min-height:34px;display:flex;align-items:center;overflow:hidden}.op-chat-live-text{display:block;white-space:nowrap;overflow:hidden;max-width:0;animation:opChatTypeLoop 9.2s steps(34,end) infinite}
.op-chat-typing{position:absolute;right:10px;bottom:9px;z-index:4;margin:0;padding:7px 10px;font-size:9.8px;transform:translateZ(46px) rotateY(-5deg);box-shadow:0 14px 28px rgba(15,23,42,.18)}
.op-chat-typing i{width:4px;height:4px}.op-chat-typing span{white-space:nowrap}
@keyframes opChatScrollLoop{0%,18%{transform:translateY(0);opacity:1}36%,52%{transform:translateY(-44px);opacity:1}70%,86%{transform:translateY(-92px);opacity:1}94%{transform:translateY(-118px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes opChatTypeLoop{0%,52%{max-width:0}72%,90%{max-width:230px}100%{max-width:230px}}
html[data-theme="dark"] .op-theatre-chat.op-chat-3d{box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
@media(max-width:760px){.op-chat-3d-stage{height:auto;min-height:176px}.op-chat-bubble{max-width:86%;font-size:10.5px}.op-chat-3d-header small{max-width:130px}.op-chat-stream{animation:opChatScrollLoop 9.2s cubic-bezier(.55,0,.18,1) infinite}.op-chat-typing span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.op-chat-stream,.op-chat-live-text{animation:none}.op-chat-live-text{max-width:230px}}


/* ============================================================
   Cockpit chat/ticket proportion refinement
   ============================================================ */
.op-theatre-main{grid-template-rows:minmax(245px,1.42fr) minmax(126px,.58fr)}
.op-theatre-chat.op-chat-3d{min-height:245px}
.op-chat-3d-header{height:44px;padding:7px 11px}
.op-chat-avatar{width:29px;height:29px;border-radius:10px;font-size:10.5px}
.op-chat-3d-header b{font-size:11.5px}.op-chat-3d-header small{font-size:9.8px;max-width:165px;color:#64748b}
.op-chat-3d-stage{height:calc(100% - 44px);padding:12px 12px 31px}
.op-chat-stream{gap:8px;animation:opChatScrollLoopV2 10s cubic-bezier(.54,0,.18,1) infinite}
.op-chat-bubble{font-size:10.4px;padding:8px 10px;max-width:min(76%,238px)}
.op-chat-ai{max-width:min(82%,255px)}
.op-chat-note{max-width:min(72%,220px)}
.op-chat-typing{bottom:8px;right:10px;padding:6px 9px;font-size:9.4px}
.op-theatre-ticket{min-height:126px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}
.op-theatre-ticket span{font-size:10px;letter-spacing:.14em}.op-theatre-ticket strong{font-size:clamp(20px,1.8vw,26px);margin-top:8px;line-height:1.05}.op-theatre-ticket small{font-size:13px;margin-top:8px}
@keyframes opChatScrollLoopV2{0%,16%{transform:translateY(0);opacity:1}34%,48%{transform:translateY(-38px);opacity:1}66%,84%{transform:translateY(-82px);opacity:1}94%{transform:translateY(-108px);opacity:0}100%{transform:translateY(0);opacity:0}}
html[data-theme="dark"] .op-chat-3d-header small{color:#aebcd7}
@media(max-width:760px){.op-theatre-main{grid-template-rows:minmax(255px,1fr) minmax(126px,auto)}.op-theatre-chat.op-chat-3d{min-height:255px}.op-chat-3d-stage{min-height:205px}.op-chat-stream{animation:opChatScrollLoopV2 10s cubic-bezier(.54,0,.18,1) infinite}.op-theatre-ticket{min-height:126px}}
@media(max-width:520px){.op-theatre-main{grid-template-rows:minmax(275px,1fr) minmax(122px,auto)}.op-theatre-chat.op-chat-3d{min-height:275px}.op-chat-bubble{max-width:88%}.op-chat-note{max-width:82%}.op-theatre-ticket{min-height:122px;padding:16px}}
@media(prefers-reduced-motion:reduce){.op-chat-stream{animation:none}}


/* ============================================================
   Feature module hover detail reveal
   ============================================================ */
.op-theatre-module{transform-style:preserve-3d;transition:min-width .28s ease,transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;cursor:default;outline:none}
.op-theatre-module .op-module-detail{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;max-height:0;opacity:0;overflow:hidden;margin-top:0;font-style:normal;transform:translateY(8px) translateZ(0);transition:max-height .28s ease,opacity .22s ease,margin-top .28s ease,transform .28s ease}
.op-theatre-module .op-module-detail i{position:relative;display:block;width:44px;height:40px;border-radius:14px;background:linear-gradient(145deg,rgba(37,99,235,.16),rgba(6,182,212,.14));border:1px solid rgba(37,99,235,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.op-theatre-module .op-module-detail i:before,.op-theatre-module .op-module-detail i:after{content:"";position:absolute;bottom:9px;width:7px;border-radius:999px;background:linear-gradient(180deg,#7c3aed,#06b6d4,#13b981);box-shadow:0 8px 18px rgba(37,99,235,.18)}
.op-theatre-module .op-module-detail i:before{left:12px;height:16px}.op-theatre-module .op-module-detail i:after{left:25px;height:25px}.op-theatre-module .op-module-detail small{display:block;color:#52627a;font-size:11.5px;line-height:1.45;font-weight:750}
.op-theatre-module:hover,.op-theatre-module:focus-visible{z-index:30;min-width:286px;border-color:rgba(6,182,212,.34);background:rgba(255,255,255,.88);box-shadow:0 34px 90px rgba(37,99,235,.22),0 12px 32px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.88);transform:translateY(-8px) rotateX(3deg) rotateY(-3deg) translateZ(80px)}
.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{max-height:90px;opacity:1;margin-top:12px;transform:translateY(0) translateZ(28px)}
.op-theatre-module:hover .op-module-detail i:before,.op-theatre-module:focus-visible .op-module-detail i:before{animation:opModuleViz 1.35s ease-in-out infinite}.op-theatre-module:hover .op-module-detail i:after,.op-theatre-module:focus-visible .op-module-detail i:after{animation:opModuleViz 1.35s ease-in-out infinite .18s}
.mod-writing:hover,.mod-writing:focus-visible{transform:translateX(-50%) translateY(-8px) rotateX(3deg) rotateY(-3deg) translateZ(80px)}
.mod-chat:hover,.mod-chat:focus-visible,.mod-visitors:hover,.mod-visitors:focus-visible{transform:translateY(-8px) rotateX(3deg) rotateY(3deg) translateZ(80px)}
@keyframes opModuleViz{0%,100%{height:14px;filter:saturate(1)}50%{height:29px;filter:saturate(1.45) brightness(1.08)}}
html[data-theme="dark"] .op-theatre-module:hover,html[data-theme="dark"] .op-theatre-module:focus-visible{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border-color:rgba(34,211,238,.34);box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14)}
html[data-theme="dark"] .op-theatre-module .op-module-detail small{color:#b7c5dd}html[data-theme="dark"] .op-theatre-module .op-module-detail i{background:linear-gradient(145deg,rgba(37,99,235,.22),rgba(6,182,212,.12));border-color:rgba(180,200,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
@media(max-width:1080px){.op-theatre-module:hover,.op-theatre-module:focus-visible,.mod-writing:hover,.mod-writing:focus-visible,.mod-chat:hover,.mod-chat:focus-visible,.mod-visitors:hover,.mod-visitors:focus-visible{transform:translateY(-6px) translateZ(0)}.op-theatre-module{vertical-align:top}.op-theatre-module:hover,.op-theatre-module:focus-visible{min-width:260px}}
@media(max-width:520px){.op-theatre-module:hover,.op-theatre-module:focus-visible{min-width:100%}.op-theatre-module .op-module-detail{grid-template-columns:38px 1fr}.op-theatre-module .op-module-detail i{width:38px}}
@media(prefers-reduced-motion:reduce){.op-theatre-module,.op-theatre-module .op-module-detail{transition:none}.op-theatre-module .op-module-detail i:before,.op-theatre-module .op-module-detail i:after{animation:none!important}}


/* ============================================================
   Feature module hover popover correction
   Chips keep original size; hover reveals separate 3D mini-scenes.
   ============================================================ */
.op-theatre-module{width:190px;min-width:190px;min-height:86px;overflow:visible;transform-style:preserve-3d;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;cursor:default}
.op-theatre-module:hover,.op-theatre-module:focus-visible{min-width:190px;width:190px;border-color:rgba(6,182,212,.34);box-shadow:0 24px 70px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.76)}
.op-theatre-module .op-module-detail{position:absolute;left:50%;bottom:calc(100% + 14px);width:292px;min-height:150px;display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;max-height:none;margin:0;padding:14px;border-radius:22px;border:1px solid rgba(37,99,235,.16);background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 34px 90px rgba(37,99,235,.20),0 10px 28px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.86);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px) rotateX(8deg) translateZ(80px) scale(.96);transform-origin:50% 100%;transition:opacity .2s ease,transform .24s ease;font-style:normal;z-index:60;overflow:hidden}
.op-theatre-module .op-module-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.56),transparent 38%,rgba(6,182,212,.08),transparent 70%,rgba(124,58,237,.08));pointer-events:none}.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{opacity:1;transform:translateX(-50%) translateY(0) rotateX(0) translateZ(100px) scale(1)}
.op-theatre-module .op-module-detail i{position:relative;z-index:2;display:grid;align-content:center;gap:7px;width:118px;height:118px;border-radius:20px;padding:12px;background:linear-gradient(145deg,rgba(7,17,31,.92),rgba(15,23,42,.82));border:1px solid rgba(180,200,255,.16);box-shadow:0 18px 42px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.12);font-style:normal;overflow:hidden}.op-theatre-module .op-module-detail i:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(120% 90% at 70% 20%,#000,transparent 80%)}
.op-theatre-module .op-module-detail i:after{content:"";position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.55);animation:opDetailPulse 1.5s ease-out infinite}.op-theatre-module .op-module-detail u,.op-theatre-module .op-module-detail strong,.op-theatre-module .op-module-detail button{position:relative;z-index:2}.op-theatre-module .op-module-detail u{color:#93c5fd;text-decoration:none;font-size:9.5px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.op-theatre-module .op-module-detail strong{color:#fff;font-size:13px;line-height:1.15}.op-theatre-module .op-module-detail button{border:0;border-radius:999px;padding:7px 9px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);font-size:9.5px;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.30);animation:opDetailButton 2.1s ease-in-out infinite}.op-theatre-module .op-module-detail small{position:relative;z-index:2;color:#52627a;font-size:12px;line-height:1.48;font-weight:750}
.mod-writing .op-module-detail i strong:after{content:"";display:inline-block;width:8px;height:1em;margin-left:2px;background:#67e8f9;vertical-align:-2px;animation:opWriteCursor .85s steps(1,end) infinite}.mod-writing .op-module-detail i{background:linear-gradient(145deg,#111827,#172554)}.mod-admin .op-module-detail i{background:linear-gradient(145deg,#101827,#1d2b52)}.mod-admin .op-module-detail button{background:linear-gradient(135deg,#13b981,#06b6d4)}.mod-chat .op-module-detail button{animation:opDetailTyping 1.35s ease-in-out infinite}.mod-revenue .op-module-detail i{background:linear-gradient(145deg,#101827,#1b2345)}.mod-visitors .op-module-detail button{background:linear-gradient(135deg,#f59e0b,#06b6d4)}.mod-hooks .op-module-detail button{background:linear-gradient(135deg,#7c3aed,#2563eb)}
.mod-writing:hover,.mod-writing:focus-visible{transform:translateX(-50%) translateY(-6px) translateZ(60px)}.mod-chat:hover,.mod-chat:focus-visible,.mod-visitors:hover,.mod-visitors:focus-visible,.op-theatre-module:hover,.op-theatre-module:focus-visible{transform:translateY(-6px) translateZ(60px)}
@keyframes opDetailPulse{70%,100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}@keyframes opDetailButton{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes opWriteCursor{50%{opacity:0}}@keyframes opDetailTyping{0%,100%{filter:saturate(1)}50%{filter:saturate(1.5) brightness(1.1)}}
html[data-theme="dark"] .op-theatre-module .op-module-detail{background:rgba(8,13,30,.92);border-color:rgba(180,200,255,.18);box-shadow:0 34px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.10)}html[data-theme="dark"] .op-theatre-module .op-module-detail small{color:#b7c5dd}
@media(max-width:1080px){.op-theatre-module{width:190px}.op-theatre-module:hover,.op-theatre-module:focus-visible,.mod-writing:hover,.mod-writing:focus-visible,.mod-chat:hover,.mod-chat:focus-visible,.mod-visitors:hover,.mod-visitors:focus-visible{transform:translateY(-4px)}.op-theatre-module .op-module-detail{left:0;bottom:calc(100% + 10px);transform:translateY(10px) scale(.96);transform-origin:left bottom}.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{transform:translateY(0) scale(1)}}
@media(max-width:520px){.op-theatre-module{width:100%;min-width:100%}.op-theatre-module .op-module-detail{position:relative;left:auto;bottom:auto;width:100%;grid-template-columns:92px 1fr;margin-top:0;max-height:0;min-height:0;padding:0 12px;opacity:0;transform:none;box-shadow:none}.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{max-height:190px;min-height:120px;margin-top:12px;padding:12px;opacity:1}.op-theatre-module .op-module-detail i{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.op-theatre-module .op-module-detail,.op-theatre-module .op-module-detail button{transition:none;animation:none}.op-theatre-module .op-module-detail i:after,.mod-writing .op-module-detail i strong:after{animation:none}}


/* ============================================================
   Stable compact feature module hover popovers
   Restore original chip footprint; hover shows compact 3D detail only.
   ============================================================ */
.op-theatre-module{width:auto!important;min-width:190px!important;min-height:auto!important;padding:16px 18px!important;overflow:visible!important;transform-style:preserve-3d;transition:box-shadow .18s ease,border-color .18s ease!important}
.op-theatre-module:hover,.op-theatre-module:focus-visible,
.mod-writing:hover,.mod-writing:focus-visible,
.mod-chat:hover,.mod-chat:focus-visible,
.mod-visitors:hover,.mod-visitors:focus-visible{width:auto!important;min-width:190px!important;transform:none!important;border-color:rgba(6,182,212,.28);box-shadow:0 26px 74px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.76)}
.mod-writing{transform:translateX(-50%)!important}.mod-writing:hover,.mod-writing:focus-visible{transform:translateX(-50%)!important}
.op-theatre-module .op-module-detail{position:absolute!important;left:50%!important;bottom:calc(100% + 8px)!important;width:224px!important;min-height:108px!important;display:grid!important;grid-template-columns:82px 1fr!important;gap:10px!important;padding:10px!important;margin:0!important;border-radius:18px!important;opacity:0!important;pointer-events:none!important;max-height:none!important;overflow:hidden!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(37,99,235,.14)!important;box-shadow:0 22px 58px rgba(37,99,235,.18),0 8px 20px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.86)!important;transform:translateX(-50%) translateY(6px) scale(.98)!important;transition:opacity .16s ease,transform .18s ease!important;z-index:80!important}
.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{opacity:1!important;transform:translateX(-50%) translateY(0) scale(1)!important}
.op-theatre-module .op-module-detail i{width:82px!important;height:82px!important;border-radius:16px!important;padding:9px!important;gap:5px!important;display:grid!important;align-content:center!important;position:relative!important;background:linear-gradient(145deg,rgba(7,17,31,.94),rgba(15,23,42,.84))!important;border:1px solid rgba(180,200,255,.16)!important;box-shadow:0 14px 32px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.12)!important}
.op-theatre-module .op-module-detail u{font-size:8px!important;letter-spacing:.09em!important;color:#93c5fd!important;text-decoration:none!important;text-transform:uppercase!important;font-weight:950!important}.op-theatre-module .op-module-detail strong{font-size:10.8px!important;line-height:1.1!important;color:#fff!important}.op-theatre-module .op-module-detail button{width:max-content;max-width:100%;border:0!important;border-radius:999px!important;padding:5px 7px!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed)!important;font-size:8px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(37,99,235,.26)!important;animation:opDetailButtonMini 1.9s ease-in-out infinite!important}.op-theatre-module .op-module-detail small{font-size:10.4px!important;line-height:1.38!important;color:#52627a!important;font-weight:760!important;align-self:center!important}
.op-theatre-module .op-module-detail i:after{width:6px!important;height:6px!important;right:9px!important;top:9px!important;animation:opDetailPulseMini 1.4s ease-out infinite!important}.op-theatre-module .op-module-detail i:before{background-size:14px 14px!important}
.mod-writing .op-module-detail i strong:after{width:6px!important;animation:opWriteCursor .85s steps(1,end) infinite!important}
@keyframes opDetailPulseMini{70%,100%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}@keyframes opDetailButtonMini{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
html[data-theme="dark"] .op-theatre-module .op-module-detail{background:rgba(8,13,30,.94)!important;border-color:rgba(180,200,255,.18)!important;box-shadow:0 26px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10)!important}html[data-theme="dark"] .op-theatre-module .op-module-detail small{color:#b7c5dd!important}
@media(max-width:1080px){.op-theatre-module{width:auto!important;min-width:190px!important}.op-theatre-module .op-module-detail{left:0!important;bottom:calc(100% + 8px)!important;transform:translateY(6px) scale(.98)!important}.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}}
@media(max-width:520px){.op-theatre-module{width:100%!important;min-width:100%!important}.op-theatre-module .op-module-detail{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;min-height:96px!important;grid-template-columns:74px 1fr!important;max-height:0!important;opacity:0!important;padding:0 10px!important;margin-top:0!important;transform:none!important}.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{max-height:150px!important;opacity:1!important;padding:10px!important;margin-top:10px!important}.op-theatre-module .op-module-detail i{width:74px!important;height:74px!important}}
@media(prefers-reduced-motion:reduce){.op-theatre-module .op-module-detail,.op-theatre-module .op-module-detail button,.op-theatre-module .op-module-detail i:after{transition:none!important;animation:none!important}}


/* ============================================================
   Larger hover display and writing draft animation
   Base chips stay unchanged; only the hover detail grows.
   ============================================================ */
.op-theatre-module .op-module-detail{width:340px!important;min-height:178px!important;grid-template-columns:148px 1fr!important;gap:14px!important;padding:14px!important;border-radius:24px!important;bottom:calc(100% + 10px)!important}
.op-theatre-module .op-module-detail i{width:148px!important;height:148px!important;border-radius:22px!important;padding:13px!important;gap:8px!important}
.op-theatre-module .op-module-detail u{font-size:9px!important}.op-theatre-module .op-module-detail strong{font-size:12px!important}.op-theatre-module .op-module-detail button{font-size:9px!important;padding:7px 10px!important}.op-theatre-module .op-module-detail small{font-size:12.2px!important;line-height:1.48!important}
.detail-writing i{align-content:start!important;background:linear-gradient(145deg,#07111f,#111b3a 52%,#172554)!important}.detail-writing strong{display:grid!important;gap:5px!important;margin-top:2px!important}.detail-writing .op-draft-line{display:block;width:0;max-width:100%;overflow:hidden;white-space:nowrap;color:#eaf2ff;font-size:9.6px;line-height:1.25;border-right:1px solid transparent}.detail-writing .op-draft-line.l1{animation:opDraftLine1 4.8s steps(34,end) infinite}.detail-writing .op-draft-line.l2{animation:opDraftLine2 4.8s steps(40,end) infinite}.detail-writing .op-draft-line.l3{animation:opDraftLine3 4.8s steps(24,end) infinite}.detail-writing button{margin-top:auto!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;animation:opDraftButton 4.8s ease-in-out infinite!important}.detail-writing i:before{background-image:linear-gradient(rgba(96,165,250,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.10) 1px,transparent 1px)!important;background-size:16px 16px!important}.detail-writing i:after{background:#67e8f9!important}
@keyframes opDraftLine1{0%,8%{width:0;border-right-color:#67e8f9}28%,100%{width:100%;border-right-color:transparent}}
@keyframes opDraftLine2{0%,30%{width:0;border-right-color:transparent}31%{border-right-color:#67e8f9}56%,100%{width:100%;border-right-color:transparent}}
@keyframes opDraftLine3{0%,58%{width:0;border-right-color:transparent}59%{border-right-color:#67e8f9}82%,100%{width:100%;border-right-color:transparent}}
@keyframes opDraftButton{0%,70%{opacity:.62;transform:translateY(0)}86%,100%{opacity:1;transform:translateY(-2px)}}
@media(max-width:1080px){.op-theatre-module .op-module-detail{width:320px!important;grid-template-columns:136px 1fr!important}.op-theatre-module .op-module-detail i{width:136px!important;height:136px!important}}
@media(max-width:520px){.op-theatre-module .op-module-detail{width:100%!important;grid-template-columns:118px 1fr!important;min-height:148px!important}.op-theatre-module .op-module-detail i{width:118px!important;height:118px!important}.detail-writing .op-draft-line{font-size:8.4px}}
@media(prefers-reduced-motion:reduce){.detail-writing .op-draft-line{width:100%;animation:none!important}.detail-writing button{animation:none!important}}


/* ============================================================
   Smart hover popover placement with speech tails
   Top modules open downward, bottom modules open upward, edge
   modules align inward so the card remains visible.
   ============================================================ */
.op-theatre-module:before{content:"";position:absolute;left:-10px;right:-10px;height:18px;z-index:70;background:transparent;pointer-events:auto}
.op-theatre-module .op-module-detail:after{content:"";position:absolute;width:14px;height:14px;background:inherit;border:inherit;box-shadow:inherit;transform:rotate(45deg);z-index:-1}
.op-theatre-module .op-module-detail{overflow:visible!important}
.op-theatre-module .op-module-detail i,.op-theatre-module .op-module-detail small{position:relative;z-index:2}

/* Default: open above, centered. Good for bottom and center modules. */
.op-theatre-module:before{bottom:100%}
.op-theatre-module .op-module-detail:after{left:50%;bottom:-7px;margin-left:-7px;border-left:0;border-top:0}

/* Top-row chips open below. */
.mod-admin:before,.mod-chat:before,.mod-hooks:before{top:100%;bottom:auto}
.mod-admin .op-module-detail,.mod-chat .op-module-detail,.mod-hooks .op-module-detail{top:calc(100% + 8px)!important;bottom:auto!important;transform:translateX(-50%) translateY(-6px) scale(.98)!important;transform-origin:50% 0!important}
.mod-admin:hover .op-module-detail,.mod-admin:focus-visible .op-module-detail,.mod-chat:hover .op-module-detail,.mod-chat:focus-visible .op-module-detail,.mod-hooks:hover .op-module-detail,.mod-hooks:focus-visible .op-module-detail{transform:translateX(-50%) translateY(0) scale(1)!important}
.mod-admin .op-module-detail:after,.mod-chat .op-module-detail:after,.mod-hooks .op-module-detail:after{left:50%;top:-7px;bottom:auto;margin-left:-7px;border-right:0;border-bottom:0}

/* Edge-aware alignment: keep popovers inside the viewport/section. */
.mod-admin .op-module-detail{left:0!important;transform:translateY(-6px) scale(.98)!important;transform-origin:28px 0!important}.mod-admin:hover .op-module-detail,.mod-admin:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}.mod-admin .op-module-detail:after{left:48px;margin-left:0}
.mod-chat .op-module-detail,.mod-hooks .op-module-detail{left:auto!important;right:0!important;transform:translateY(-6px) scale(.98)!important;transform-origin:calc(100% - 48px) 0!important}.mod-chat:hover .op-module-detail,.mod-chat:focus-visible .op-module-detail,.mod-hooks:hover .op-module-detail,.mod-hooks:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}.mod-chat .op-module-detail:after,.mod-hooks .op-module-detail:after{left:auto;right:48px;margin-left:0}
.mod-revenue .op-module-detail{left:0!important;transform:translateY(6px) scale(.98)!important;transform-origin:48px 100%!important}.mod-revenue:hover .op-module-detail,.mod-revenue:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}.mod-revenue .op-module-detail:after{left:48px;margin-left:0}
.mod-visitors .op-module-detail{left:auto!important;right:0!important;transform:translateY(6px) scale(.98)!important;transform-origin:calc(100% - 48px) 100%!important}.mod-visitors:hover .op-module-detail,.mod-visitors:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}.mod-visitors .op-module-detail:after{left:auto;right:48px;margin-left:0}
.mod-writing .op-module-detail{left:50%!important;right:auto!important;transform:translateX(-50%) translateY(6px) scale(.98)!important;transform-origin:50% 100%!important}.mod-writing:hover .op-module-detail,.mod-writing:focus-visible .op-module-detail{transform:translateX(-50%) translateY(0) scale(1)!important}.mod-writing .op-module-detail:after{left:50%;right:auto;margin-left:-7px}

html[data-theme="dark"] .op-theatre-module .op-module-detail:after{background:rgba(8,13,30,.94)}
html[data-theme="light"] .op-theatre-module .op-module-detail:after{background:rgba(255,255,255,.92)}

@media(max-width:1080px){
  .op-theatre-module .op-module-detail{left:0!important;right:auto!important;top:auto!important;bottom:calc(100% + 8px)!important;transform:translateY(6px) scale(.98)!important;transform-origin:48px 100%!important}
  .op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}
  .op-theatre-module:before{top:auto!important;bottom:100%!important}
  .op-theatre-module .op-module-detail:after{top:auto!important;bottom:-7px!important;left:48px!important;right:auto!important;border-left:0;border-top:0;border-right:inherit;border-bottom:inherit}
}
@media(max-width:520px){
  .op-theatre-module:before,.op-theatre-module .op-module-detail:after{display:none!important}
  .op-theatre-module .op-module-detail{top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;transform-origin:center!important}
}


/* ============================================================
   Viewport-aware popover placement final
   JS sets data-popover-y/x just before hover display.
   ============================================================ */
.op-theatre-module .op-module-detail{pointer-events:none!important}
.op-theatre-module:hover .op-module-detail,.op-theatre-module:focus-visible .op-module-detail{pointer-events:auto!important}
.op-theatre-module[data-popover-y="up"]:before{top:auto!important;bottom:100%!important}
.op-theatre-module[data-popover-y="down"]:before{top:100%!important;bottom:auto!important}
.op-theatre-module[data-popover-y="up"] .op-module-detail{top:auto!important;bottom:calc(100% + 10px)!important;transform-origin:var(--op-pop-origin-x,50%) 100%!important}
.op-theatre-module[data-popover-y="down"] .op-module-detail{top:calc(100% + 10px)!important;bottom:auto!important;transform-origin:var(--op-pop-origin-x,50%) 0!important}
.op-theatre-module[data-popover-x="center"] .op-module-detail{left:50%!important;right:auto!important;--op-pop-origin-x:50%}
.op-theatre-module[data-popover-x="start"] .op-module-detail{left:0!important;right:auto!important;--op-pop-origin-x:48px}
.op-theatre-module[data-popover-x="end"] .op-module-detail{left:auto!important;right:0!important;--op-pop-origin-x:calc(100% - 48px)}
.op-theatre-module[data-popover-y="up"][data-popover-x="center"] .op-module-detail{transform:translateX(-50%) translateY(6px) scale(.98)!important}
.op-theatre-module[data-popover-y="up"][data-popover-x="center"]:hover .op-module-detail,.op-theatre-module[data-popover-y="up"][data-popover-x="center"]:focus-visible .op-module-detail{transform:translateX(-50%) translateY(0) scale(1)!important}
.op-theatre-module[data-popover-y="down"][data-popover-x="center"] .op-module-detail{transform:translateX(-50%) translateY(-6px) scale(.98)!important}
.op-theatre-module[data-popover-y="down"][data-popover-x="center"]:hover .op-module-detail,.op-theatre-module[data-popover-y="down"][data-popover-x="center"]:focus-visible .op-module-detail{transform:translateX(-50%) translateY(0) scale(1)!important}
.op-theatre-module[data-popover-y="up"][data-popover-x="start"] .op-module-detail,.op-theatre-module[data-popover-y="up"][data-popover-x="end"] .op-module-detail{transform:translateY(6px) scale(.98)!important}
.op-theatre-module[data-popover-y="up"][data-popover-x="start"]:hover .op-module-detail,.op-theatre-module[data-popover-y="up"][data-popover-x="start"]:focus-visible .op-module-detail,.op-theatre-module[data-popover-y="up"][data-popover-x="end"]:hover .op-module-detail,.op-theatre-module[data-popover-y="up"][data-popover-x="end"]:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}
.op-theatre-module[data-popover-y="down"][data-popover-x="start"] .op-module-detail,.op-theatre-module[data-popover-y="down"][data-popover-x="end"] .op-module-detail{transform:translateY(-6px) scale(.98)!important}
.op-theatre-module[data-popover-y="down"][data-popover-x="start"]:hover .op-module-detail,.op-theatre-module[data-popover-y="down"][data-popover-x="start"]:focus-visible .op-module-detail,.op-theatre-module[data-popover-y="down"][data-popover-x="end"]:hover .op-module-detail,.op-theatre-module[data-popover-y="down"][data-popover-x="end"]:focus-visible .op-module-detail{transform:translateY(0) scale(1)!important}
.op-theatre-module[data-popover-y="up"] .op-module-detail:after{top:auto!important;bottom:-7px!important;border-left:0!important;border-top:0!important;border-right:inherit!important;border-bottom:inherit!important}
.op-theatre-module[data-popover-y="down"] .op-module-detail:after{top:-7px!important;bottom:auto!important;border-right:0!important;border-bottom:0!important;border-left:inherit!important;border-top:inherit!important}
.op-theatre-module[data-popover-x="center"] .op-module-detail:after{left:50%!important;right:auto!important;margin-left:-7px!important}
.op-theatre-module[data-popover-x="start"] .op-module-detail:after{left:48px!important;right:auto!important;margin-left:0!important}
.op-theatre-module[data-popover-x="end"] .op-module-detail:after{left:auto!important;right:48px!important;margin-left:0!important}
@media(max-width:520px){.op-theatre-module .op-module-detail{pointer-events:auto!important}.op-theatre-module[data-popover-y][data-popover-x] .op-module-detail{top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}}


/* ============================================================
   Double SVG wrapper for value and theatre chapters
   ============================================================ */
.op-double-svg-wrap{position:relative;isolation:isolate;margin:clamp(42px,6vw,86px) auto;padding:clamp(18px,2.5vw,34px) 0;border-radius:clamp(30px,4vw,58px);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(240,247,255,.32));box-shadow:0 42px 130px rgba(37,99,235,.13),0 16px 44px rgba(15,23,42,.06)}
.op-double-svg-wrap:before{content:"";position:absolute;inset:14px;border-radius:clamp(24px,3.4vw,48px);background:radial-gradient(64% 38% at 14% 4%,rgba(37,99,235,.11),transparent 70%),radial-gradient(58% 44% at 90% 54%,rgba(6,182,212,.10),transparent 72%),radial-gradient(52% 38% at 50% 100%,rgba(124,58,237,.10),transparent 72%);z-index:-2;pointer-events:none}.op-double-svg-wrap:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(100% 75% at 50% 30%,#000,transparent 82%);z-index:-1;pointer-events:none}.op-double-svg-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.op-double-svg-frame rect{fill:none;vector-effect:non-scaling-stroke}.op-double-svg-frame .outer{stroke:url(#opDoubleFrameA);stroke-width:2.4;filter:drop-shadow(0 18px 28px rgba(37,99,235,.13))}.op-double-svg-frame .inner{stroke:url(#opDoubleFrameB);stroke-width:1.15;stroke-dasharray:9 12;opacity:.86;animation:opDoubleFrameDrift 18s linear infinite}.op-double-svg-wrap .op-prism-value-section,.op-double-svg-wrap .op-prism-theatre-section{background:transparent!important}.op-double-svg-wrap .op-prism-value-section:before,.op-double-svg-wrap .op-prism-theatre-section:before,.op-double-svg-wrap .op-prism-value-section:after,.op-double-svg-wrap .op-prism-theatre-section:after{display:none!important}.op-double-svg-wrap .op-prism-value-section{padding-top:clamp(70px,8vw,116px);padding-bottom:clamp(46px,6vw,78px)}.op-double-svg-wrap .op-prism-theatre-section{padding-top:clamp(42px,5vw,72px);padding-bottom:clamp(76px,8vw,126px)}
@keyframes opDoubleFrameDrift{to{stroke-dashoffset:-84}}
html[data-theme="dark"] .op-double-svg-wrap{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:0 48px 150px rgba(0,0,0,.36),0 0 0 1px rgba(180,200,255,.04)}html[data-theme="dark"] .op-double-svg-wrap:before{background:radial-gradient(64% 38% at 14% 4%,rgba(37,99,235,.17),transparent 70%),radial-gradient(58% 44% at 90% 54%,rgba(6,182,212,.13),transparent 72%),radial-gradient(52% 38% at 50% 100%,rgba(124,58,237,.15),transparent 72%)}html[data-theme="dark"] .op-double-svg-frame .outer{filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))}.op-double-svg-wrap .op-container{position:relative;z-index:4}
@media(max-width:760px){.op-double-svg-wrap{margin:34px auto;padding:14px 0;border-radius:30px}.op-double-svg-frame .outer{stroke-width:2}.op-double-svg-frame .inner{stroke-width:1;stroke-dasharray:7 10}.op-double-svg-wrap .op-prism-value-section{padding-top:58px}.op-double-svg-wrap .op-prism-theatre-section{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){.op-double-svg-frame .inner{animation:none}}


/* ============================================================
   Raise theatre hover popovers above wrapper frame
   ============================================================ */
.op-double-svg-wrap{overflow:visible!important;z-index:8}.op-double-svg-frame{z-index:1!important}.op-double-svg-wrap:before,.op-double-svg-wrap:after{z-index:0!important}.op-double-svg-wrap .op-prism-value-section,.op-double-svg-wrap .op-prism-theatre-section{position:relative;z-index:4}.op-feature-theatre{z-index:20}.op-theatre-screen{z-index:10}.op-theatre-module{z-index:80!important}.op-theatre-module:hover,.op-theatre-module:focus-visible{z-index:400!important}.op-theatre-module .op-module-detail{z-index:500!important}.op-theatre-module .op-module-detail:after{z-index:-1!important}.op-double-svg-wrap .op-container{z-index:10!important}


/* ============================================================
   Unclip theatre hover popovers from parent sections
   The global .op-prism-section uses overflow:hidden, so popovers
   need these section-level escape hatches.
   ============================================================ */
.op-double-svg-wrap,
.op-double-svg-wrap .op-prism-section,
.op-double-svg-wrap .op-prism-value-section,
.op-double-svg-wrap .op-prism-theatre-section,
.op-prism-theatre-section,
.op-feature-theatre{overflow:visible!important}
.op-double-svg-wrap{contain:none!important}.op-prism-theatre-section{z-index:30!important}.op-feature-theatre{position:relative;z-index:60!important}.op-theatre-module{position:absolute;isolation:isolate}.op-theatre-module:hover,.op-theatre-module:focus-visible{isolation:isolate}.op-theatre-module .op-module-detail{position:absolute!important;z-index:9999!important}.op-theatre-module .op-module-detail:after{z-index:-1!important}


/* Plain chat contact name: no pill background/border around Sarah K. */
.op-chat-3d-header b{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;color:#07111f!important}
html[data-theme="dark"] .op-chat-3d-header b{color:#fff!important}


/* Smooth hover card corner refinement */
.op-theatre-module .op-module-detail{border-radius:30px!important;clip-path:inset(0 round 30px)!important;padding:18px!important;gap:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,249,255,.84))!important}
.op-theatre-module .op-module-detail i{border-radius:24px!important;clip-path:inset(0 round 24px)!important;box-shadow:0 16px 36px rgba(15,23,42,.20),inset 0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.16)!important}
.op-theatre-module .op-module-detail:before{border-radius:30px!important}.op-theatre-module .op-module-detail:after{clip-path:none!important}
html[data-theme="dark"] .op-theatre-module .op-module-detail{background:linear-gradient(145deg,rgba(12,18,38,.96),rgba(8,13,30,.90))!important}


/* ============================================================
   Premium footer reimagined
   Composed SVG background + floaters. No CTA. No subscribe card.
   ============================================================ */
.op-footer.op-footer-premium{position:relative!important;isolation:isolate!important;width:min(1380px,calc(100% - 44px))!important;margin:clamp(56px,7vw,104px) auto 24px!important;padding:clamp(30px,4.2vw,58px) clamp(22px,4vw,54px) clamp(20px,3vw,34px)!important;border-radius:clamp(34px,4.4vw,60px)!important;overflow:hidden!important;border:1px solid rgba(127,165,255,.22)!important;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,251,255,.74) 38%,rgba(237,247,255,.70)),radial-gradient(84% 72% at 6% 0%,rgba(37,99,235,.12),transparent 62%),radial-gradient(72% 66% at 96% 18%,rgba(6,182,212,.12),transparent 66%),radial-gradient(70% 80% at 68% 115%,rgba(124,58,237,.10),transparent 72%)!important;box-shadow:0 58px 150px rgba(37,99,235,.16),0 18px 54px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.88)!important}.op-footer.op-footer-premium:before{content:"";position:absolute;inset:12px;border-radius:calc(clamp(34px,4.4vw,60px) - 10px);border:1px solid rgba(255,255,255,.64);pointer-events:none;z-index:2}.op-footer.op-footer-premium:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.032) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 56%,transparent 100%);pointer-events:none;z-index:0}.op-footer-premium>*:not(.op-footer-bg){position:relative!important;z-index:4!important}
.op-footer-premium .op-footer-bg{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important}.op-footer-premium .op-footer-grid-bg{display:none!important}.op-footer-premium .op-footer-bg .op-orb-footer{width:600px!important;height:600px!important;left:-270px!important;top:-290px!important;opacity:.28!important;background:radial-gradient(circle,rgba(6,182,212,.34),rgba(37,99,235,.18) 46%,transparent 72%)!important}.op-footer-premium .op-footer-bg .op-orb-footer-2{width:620px!important;height:620px!important;right:-280px!important;bottom:-320px!important;opacity:.26!important;background:radial-gradient(circle,rgba(124,58,237,.28),rgba(6,182,212,.14) 50%,transparent 74%)!important}.op-footer-premium .op-footer-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.74;mix-blend-mode:multiply}.op-footer-premium .op-footer-haze{fill:url(#opFootAura);opacity:.075;filter:url(#opFootSoft)}.op-footer-premium .op-footer-haze.haze-b{opacity:.062}.op-footer-premium .op-footer-ribbon{fill:none;stroke:url(#opFootAura);stroke-width:1.8;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.30}.op-footer-premium .op-footer-ribbon.ribbon-b{opacity:.22}.op-footer-premium .op-footer-floater{fill:url(#opFootGlass);stroke:rgba(37,99,235,.22);stroke-width:1;vector-effect:non-scaling-stroke;filter:url(#opFootSoft);opacity:.36;transform-box:fill-box;transform-origin:center}.op-footer-premium .op-footer-floater.float-a{animation:opFooterFloatA 11s ease-in-out infinite}.op-footer-premium .op-footer-floater.float-b{animation:opFooterFloatB 13s ease-in-out infinite}.op-footer-premium .op-footer-floater.float-c{animation:opFooterFloatC 12s ease-in-out infinite}@keyframes opFooterFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,10px,0)}}@keyframes opFooterFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,-8px,0)}}@keyframes opFooterFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,9px,0)}}
.op-footer-premium .op-footer-cta-ribbon{display:none!important}.op-footer-premium .op-footer-top{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 clamp(30px,3.8vw,48px)!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr)!important;gap:clamp(28px,4.8vw,72px)!important;align-items:end!important;border-bottom:1px solid rgba(127,165,255,.18)!important}.op-footer-premium .op-footer-brand{min-width:0!important;display:flex!important;flex-direction:column!important}.op-footer-premium .op-footer-brand .op-logo{width:max-content!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.op-footer-premium .op-footer-brand .op-logo span:last-child{font-size:clamp(30px,3.5vw,48px)!important;font-weight:950!important;letter-spacing:-.035em!important;color:#07111f!important}.op-footer-premium .op-footer-tagline{max-width:690px!important;margin:18px 0 22px!important;color:#52627a!important;font-size:clamp(17px,1.48vw,21px)!important;line-height:1.62!important}.op-footer-premium .op-footer-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:760px!important}.op-footer-premium .op-footer-pill{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 14px!important;border-radius:999px!important;color:#132033!important;font-size:12.5px!important;font-weight:900!important;background:rgba(255,255,255,.44)!important;border:1px solid rgba(120,160,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)}
.op-footer-premium .op-footer-newsletter{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}.op-footer-premium .op-footer-newsletter:before{content:"";display:block;width:82px;height:2px;margin:0 0 18px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);box-shadow:0 0 24px rgba(37,99,235,.22)}.op-footer-premium .op-footer-newsletter:after{display:none!important}.op-footer-premium .op-footer-eyebrow{display:block!important;margin:0 0 8px!important;color:#2563eb!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important}.op-footer-premium .op-footer-eyebrow:before{display:none!important}.op-footer-premium .op-footer-newsletter h4{max-width:560px!important;margin:0 0 8px!important;color:#07111f!important;font-size:clamp(24px,2.5vw,38px)!important;line-height:1.02!important;letter-spacing:-.025em!important}.op-footer-premium .op-footer-newsletter .op-small{max-width:560px!important;margin:0 0 18px!important;color:#56667d!important;font-size:14.5px!important;line-height:1.6!important}.op-footer-premium .op-footer-newsletter-form{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0 0 10px!important;border:0!important;border-radius:0!important;border-bottom:1px solid rgba(37,99,235,.24)!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.op-footer-premium .op-footer-newsletter-form:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#06b6d4,rgba(37,99,235,.34),transparent);opacity:.88;pointer-events:none}.op-footer-premium .op-footer-newsletter-form input[type="email"]{width:100%!important;height:46px!important;min-width:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#132033!important;font-size:16px!important;font-weight:720!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#64748b!important;font-weight:650!important}.op-footer-premium .op-footer-newsletter-form button{height:42px!important;min-width:126px!important;border-radius:999px!important;white-space:nowrap!important;box-shadow:0 14px 30px rgba(37,99,235,.22)!important}.op-footer-premium .op-footer-sub-msg{margin-top:10px!important}
.op-footer-premium .op-footer-main{width:100%!important;max-width:none!important;margin:clamp(28px,3.4vw,46px) 0 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(16px,2.5vw,32px)!important;border:0!important;background:transparent!important;box-shadow:none!important}.op-footer-premium .op-footer-col{position:relative;min-width:0!important;padding:0 0 0 14px!important;background:transparent!important;border:0!important;box-shadow:none!important}.op-footer-premium .op-footer-col:before{content:"";position:absolute;left:0;top:3px;bottom:7px;width:1px;background:linear-gradient(180deg,rgba(37,99,235,.22),rgba(6,182,212,.08),transparent)}.op-footer-premium .op-footer-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;color:#111827!important;font-size:11px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important}.op-footer-premium .op-footer-title:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);box-shadow:0 0 0 5px rgba(37,99,235,.09)}.op-footer-premium .op-footer-toggle{display:none!important}.op-footer-premium .op-footer-links{display:grid!important;gap:2px!important}.op-footer-premium .op-footer-links a{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:31px!important;padding:5px 0!important;color:#52627a!important;font-size:14px!important;font-weight:720!important;line-height:1.25!important;text-decoration:none!important;transition:color .18s ease,transform .18s ease!important}.op-footer-premium .op-footer-links a:hover{color:#2563eb!important;transform:translateX(4px)}.op-footer-premium .op-footer-link-arrow{opacity:0!important;transform:translateX(-6px)!important;transition:opacity .18s ease,transform .18s ease!important}.op-footer-premium .op-footer-links a:hover .op-footer-link-arrow{opacity:1!important;transform:translateX(0)!important}
.op-footer-premium .op-footer-bottom{width:100%!important;max-width:none!important;margin:clamp(24px,3vw,40px) 0 0!important;padding:18px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:16px!important;border-top:1px solid rgba(127,165,255,.18)!important;color:#64748b!important;background:transparent!important}.op-footer-premium .op-footer-bottom-left,.op-footer-premium .op-footer-bottom-right{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}.op-footer-premium .op-footer-bottom-right{justify-content:flex-end!important}.op-footer-premium .op-footer-bottom-mid{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}.op-footer-premium .op-footer-bottom a{color:#52627a!important;font-weight:760!important;text-decoration:none!important}.op-footer-premium .op-footer-bottom a:hover{color:#2563eb!important}.op-footer-premium .op-footer-status{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(19,185,129,.10)!important;color:#047857!important;border:1px solid rgba(19,185,129,.18)!important}.op-footer-premium .op-footer-status-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:#13b981!important;box-shadow:0 0 0 5px rgba(19,185,129,.12)!important}.op-footer-premium .op-footer-social{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}.op-footer-premium .op-footer-social a{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:14px!important;color:#52627a!important;border:1px solid rgba(124,163,255,.16)!important;background:rgba(255,255,255,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.66)!important;backdrop-filter:blur(12px);transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease!important}.op-footer-premium .op-footer-social a:hover{transform:translateY(-2px);color:#2563eb!important;border-color:rgba(37,99,235,.28)!important;background:rgba(255,255,255,.72)!important}.op-footer-premium .op-footer-currency{display:flex!important;align-items:center!important}
html[data-theme="dark"] .op-footer.op-footer-premium{border-color:rgba(180,200,255,.14)!important;background:linear-gradient(145deg,rgba(12,18,38,.94),rgba(8,13,30,.86) 42%,rgba(10,16,34,.90)),radial-gradient(84% 72% at 6% 0%,rgba(37,99,235,.22),transparent 62%),radial-gradient(72% 66% at 96% 18%,rgba(6,182,212,.16),transparent 66%),radial-gradient(70% 80% at 68% 115%,rgba(124,58,237,.16),transparent 72%)!important;box-shadow:0 60px 160px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10)!important}html[data-theme="dark"] .op-footer.op-footer-premium:before{border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .op-footer.op-footer-premium:after{background-image:linear-gradient(rgba(180,200,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.032) 1px,transparent 1px)}html[data-theme="dark"] .op-footer-premium .op-footer-svg{opacity:.70;mix-blend-mode:screen}html[data-theme="dark"] .op-footer-premium .op-footer-haze{opacity:.12}html[data-theme="dark"] .op-footer-premium .op-footer-ribbon{opacity:.36}html[data-theme="dark"] .op-footer-premium .op-footer-floater{opacity:.28;stroke:rgba(180,200,255,.16)}html[data-theme="dark"] .op-footer-premium .op-footer-brand .op-logo span:last-child,html[data-theme="dark"] .op-footer-premium .op-footer-newsletter h4,html[data-theme="dark"] .op-footer-premium .op-footer-title{color:#f7fbff!important}html[data-theme="dark"] .op-footer-premium .op-footer-tagline,html[data-theme="dark"] .op-footer-premium .op-footer-newsletter .op-small,html[data-theme="dark"] .op-footer-premium .op-footer-links a,html[data-theme="dark"] .op-footer-premium .op-footer-bottom,html[data-theme="dark"] .op-footer-premium .op-footer-bottom a{color:#aebcd7!important}html[data-theme="dark"] .op-footer-premium .op-footer-pill,html[data-theme="dark"] .op-footer-premium .op-footer-social a{background:rgba(255,255,255,.052)!important;border-color:rgba(180,200,255,.11)!important;color:#d8e5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form{border-bottom-color:rgba(180,200,255,.18)!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]{color:#fff!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#8ea0bd!important}html[data-theme="dark"] .op-footer-premium .op-footer-top,html[data-theme="dark"] .op-footer-premium .op-footer-bottom{border-color:rgba(180,200,255,.11)!important}html[data-theme="dark"] .op-footer-premium .op-footer-col:before{background:linear-gradient(180deg,rgba(180,200,255,.18),rgba(34,211,238,.07),transparent)}html[data-theme="dark"] .op-footer-premium .op-footer-links a:hover,html[data-theme="dark"] .op-footer-premium .op-footer-bottom a:hover,html[data-theme="dark"] .op-footer-premium .op-footer-social a:hover{color:#67e8f9!important}
@media(max-width:1080px){.op-footer.op-footer-premium{width:min(940px,calc(100% - 32px))!important}.op-footer-premium .op-footer-top{grid-template-columns:1fr!important;align-items:start!important}.op-footer-premium .op-footer-main{grid-template-columns:repeat(3,minmax(0,1fr))!important}.op-footer-premium .op-footer-bottom{grid-template-columns:1fr!important}.op-footer-premium .op-footer-bottom-mid,.op-footer-premium .op-footer-bottom-right{justify-content:flex-start!important}}
@media(max-width:760px){.op-footer.op-footer-premium{width:calc(100% - 24px)!important;margin:38px auto 18px!important;padding:22px 16px!important;border-radius:30px!important}.op-footer.op-footer-premium:before{inset:8px;border-radius:22px}.op-footer-premium .op-footer-brand .op-logo span:last-child{font-size:30px!important}.op-footer-premium .op-footer-newsletter h4{font-size:clamp(24px,8vw,34px)!important}.op-footer-premium .op-footer-newsletter-form{grid-template-columns:1fr!important;gap:6px!important}.op-footer-premium .op-footer-newsletter-form button{width:100%!important}.op-footer-premium .op-footer-main{grid-template-columns:1fr!important;gap:10px!important}.op-footer-premium .op-footer-col{padding-left:0!important;border:1px solid rgba(124,163,255,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.28)!important;overflow:hidden!important}.op-footer-premium .op-footer-col:before,.op-footer-premium .op-footer-title{display:none!important}.op-footer-premium .op-footer-toggle{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;color:#111827!important;background:transparent!important;border:0!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important}.op-footer-premium .op-footer-toggle-caret{width:18px!important;height:18px!important;transition:transform .2s ease!important}.op-footer-premium .op-footer-col.open .op-footer-toggle-caret{transform:rotate(180deg)!important}.op-footer-premium .op-footer-links{max-height:0!important;overflow:hidden!important;padding:0 14px!important;transition:max-height .24s ease,padding .24s ease!important}.op-footer-premium .op-footer-col.open .op-footer-links{max-height:460px!important;padding:0 14px 12px!important}.op-footer-premium .op-footer-bottom,.op-footer-premium .op-footer-bottom-left,.op-footer-premium .op-footer-bottom-right,.op-footer-premium .op-footer-bottom-mid{align-items:flex-start!important;justify-content:flex-start!important}.op-footer-premium .op-footer-bottom-mid{flex-wrap:wrap!important}html[data-theme="dark"] .op-footer-premium .op-footer-col{background:rgba(255,255,255,.045)!important;border-color:rgba(180,200,255,.10)!important}html[data-theme="dark"] .op-footer-premium .op-footer-toggle{color:#f7fbff!important}}
@media(max-width:520px){.op-footer-premium .op-footer-pills{gap:6px!important}.op-footer-premium .op-footer-pill{min-height:31px!important;padding:0 11px!important;font-size:12px!important}.op-footer-premium .op-footer-social a{width:36px!important;height:36px!important}.op-footer-premium .op-footer-svg{opacity:.48}}
@media(prefers-reduced-motion:reduce){.op-footer-premium .op-footer-floater{animation:none!important}}

/* Brand-safe footer logo reset: never redesign the OpsIQ logo/wordmark. */
.op-footer-premium .op-footer-brand .op-logo{font-size:20px!important;font-weight:950!important;letter-spacing:-.04em!important;gap:11px!important;color:var(--op-text)!important}
.op-footer-premium .op-footer-brand .op-logo span:last-child{font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:inherit!important}
html[data-theme="dark"] .op-footer-premium .op-footer-brand .op-logo span:last-child{color:inherit!important}
@media(max-width:760px){.op-footer-premium .op-footer-brand .op-logo span:last-child{font-size:inherit!important}}

/* Footer subscribe blend refinement: no panel, clearer input surface. */
.op-footer-premium .op-footer-newsletter{background:transparent!important;box-shadow:none!important;filter:none!important;isolation:isolate!important}.op-footer-premium .op-footer-newsletter,.op-footer-premium .op-footer-newsletter *{backdrop-filter:none!important}.op-footer-premium .op-footer-newsletter h4{color:#07111f!important;text-shadow:0 1px 0 rgba(255,255,255,.40)!important}.op-footer-premium .op-footer-newsletter .op-small{color:#42516a!important;font-weight:650!important}.op-footer-premium .op-footer-eyebrow{position:relative!important;width:max-content!important;color:#2563eb!important}.op-footer-premium .op-footer-eyebrow:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);opacity:.48}
.op-footer-premium .op-footer-newsletter-form{position:relative!important;margin-top:2px!important;padding:8px 0 11px!important;border-bottom:2px solid rgba(37,99,235,.30)!important;background:transparent!important;box-shadow:none!important}.op-footer-premium .op-footer-newsletter-form:before{height:2px!important;background:linear-gradient(90deg,#06b6d4 0%,#2563eb 42%,#7c3aed 72%,rgba(124,58,237,0) 100%)!important;opacity:1!important}.op-footer-premium .op-footer-newsletter-form:after{content:"";position:absolute;left:0;bottom:-8px;width:42%;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(6,182,212,.24),rgba(37,99,235,.12),transparent);filter:blur(9px);pointer-events:none}.op-footer-premium .op-footer-newsletter-form input[type="email"]{height:50px!important;color:#07111f!important;font-size:17px!important;font-weight:850!important;text-shadow:0 1px 0 rgba(255,255,255,.42)!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#5b6b84!important;font-weight:800!important;opacity:.98!important}.op-footer-premium .op-footer-newsletter-form:focus-within{border-bottom-color:rgba(6,182,212,.62)!important}.op-footer-premium .op-footer-newsletter-form:focus-within:before{background:linear-gradient(90deg,#13b981,#06b6d4,#2563eb,#7c3aed)!important}.op-footer-premium .op-footer-newsletter-form button{height:44px!important;box-shadow:0 16px 34px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.36)!important}.op-footer-premium .op-footer-floater.float-a{opacity:.24!important}.op-footer-premium .op-footer-floater.float-b,.op-footer-premium .op-footer-floater.float-c{opacity:.30!important}
html[data-theme="dark"] .op-footer-premium .op-footer-newsletter h4{color:#f7fbff!important;text-shadow:none!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter .op-small{color:#b7c5dd!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form{border-bottom-color:rgba(180,200,255,.24)!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]{color:#fff!important;text-shadow:none!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#aebcd7!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form:after{background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(124,58,237,.10),transparent)}
@media(max-width:760px){.op-footer-premium .op-footer-newsletter-form{grid-template-columns:1fr!important;padding-bottom:12px!important}.op-footer-premium .op-footer-newsletter-form button{justify-self:start!important;width:auto!important;min-width:140px!important}.op-footer-premium .op-footer-newsletter-form:after{width:65%}}

/* Footer subscribe final: remove decorative lines, make email field visible. */
.op-footer-premium .op-footer-newsletter:before,.op-footer-premium .op-footer-eyebrow:after,.op-footer-premium .op-footer-newsletter-form:before,.op-footer-premium .op-footer-newsletter-form:after{display:none!important}.op-footer-premium .op-footer-newsletter{padding:0!important;background:transparent!important;box-shadow:none!important}.op-footer-premium .op-footer-eyebrow{margin:0 0 12px!important;color:#2563eb!important;text-decoration:none!important}.op-footer-premium .op-footer-newsletter .op-small{max-width:640px!important;margin:0 0 18px!important;color:#42516a!important;font-size:clamp(15px,1.3vw,18px)!important;line-height:1.65!important;font-weight:720!important}.op-footer-premium .op-footer-newsletter-form{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]{height:56px!important;width:100%!important;padding:0 18px!important;border-radius:18px!important;border:1px solid rgba(37,99,235,.22)!important;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(246,251,255,.46))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 16px 38px rgba(37,99,235,.09)!important;color:#07111f!important;font-size:16px!important;font-weight:850!important;outline:0!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#5b6b84!important;font-weight:800!important;opacity:1!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]:focus{border-color:rgba(6,182,212,.62)!important;background:rgba(255,255,255,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 0 0 4px rgba(6,182,212,.13),0 18px 42px rgba(37,99,235,.12)!important}.op-footer-premium .op-footer-newsletter-form button{height:56px!important;min-width:148px!important;border-radius:18px!important;box-shadow:0 18px 38px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.36)!important}.op-footer-premium .op-footer-newsletter h4{display:none!important}
html[data-theme="dark"] .op-footer-premium .op-footer-newsletter .op-small{color:#b7c5dd!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.16)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 40px rgba(0,0,0,.18)!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]::placeholder{color:#aebcd7!important}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter-form input[type="email"]:focus{border-color:rgba(103,232,249,.48)!important;background:rgba(255,255,255,.105)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 4px rgba(34,211,238,.10),0 18px 44px rgba(0,0,0,.24)!important}
@media(max-width:760px){.op-footer-premium .op-footer-newsletter-form{grid-template-columns:1fr!important}.op-footer-premium .op-footer-newsletter-form button{width:100%!important}}

/* Footer subscribe SVG wrapper and quieter copy. */
.op-footer-premium .op-footer-newsletter{position:relative!important;padding:22px 24px 24px!important;min-height:0!important}.op-footer-premium .op-footer-subscribe-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.op-footer-premium .op-sub-frame-main{fill:transparent;stroke:rgba(37,99,235,.16);stroke-width:1.2;vector-effect:non-scaling-stroke}.op-footer-premium .op-sub-frame-trace{fill:none;stroke:url(#opSubFrameA);stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.70;filter:drop-shadow(0 10px 18px rgba(37,99,235,.12))}.op-footer-premium .op-sub-frame-trace.trace-b{opacity:.48}.op-footer-premium .op-sub-frame-dotline{fill:none;stroke:url(#opSubFrameA);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:7 13;vector-effect:non-scaling-stroke;opacity:.26;animation:opSubFrameFlow 18s linear infinite}.op-footer-premium .op-footer-newsletter .op-small{max-width:520px!important;margin:0 0 14px!important;font-size:13px!important;line-height:1.52!important;font-weight:650!important;color:#5a6a82!important}.op-footer-premium .op-footer-eyebrow{margin-bottom:10px!important}.op-footer-premium .op-footer-newsletter-form{margin-top:0!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]{height:52px!important}.op-footer-premium .op-footer-newsletter-form button{height:52px!important}@keyframes opSubFrameFlow{to{stroke-dashoffset:-160}}
html[data-theme="dark"] .op-footer-premium .op-sub-frame-main{stroke:rgba(180,200,255,.13)}html[data-theme="dark"] .op-footer-premium .op-sub-frame-trace{opacity:.62}html[data-theme="dark"] .op-footer-premium .op-sub-frame-dotline{opacity:.22}html[data-theme="dark"] .op-footer-premium .op-footer-newsletter .op-small{color:#aebcd7!important}
@media(max-width:760px){.op-footer-premium .op-footer-newsletter{padding:20px 16px 22px!important}.op-footer-premium .op-footer-newsletter .op-small{font-size:12.5px!important}.op-footer-premium .op-footer-subscribe-frame{opacity:.86}}
@media(prefers-reduced-motion:reduce){.op-footer-premium .op-sub-frame-dotline{animation:none!important}}

/* Footer cleanup: remove marked decorative strokes, keep only clean wrapper/input. */
.op-footer-premium .op-sub-frame-trace,.op-footer-premium .op-sub-frame-dotline,.op-footer-premium .op-footer-ribbon{display:none!important}.op-footer-premium .op-sub-frame-main{stroke:rgba(37,99,235,.18)!important;stroke-width:1.15!important}.op-footer-premium .op-footer-haze{opacity:.045!important}.op-footer-premium .op-footer-svg{opacity:.58!important}html[data-theme="dark"] .op-footer-premium .op-sub-frame-main{stroke:rgba(180,200,255,.14)!important}html[data-theme="dark"] .op-footer-premium .op-footer-haze{opacity:.075!important}html[data-theme="dark"] .op-footer-premium .op-footer-svg{opacity:.55!important}

/* Footer CTA return: premium 3D slab gently seated into the footer. */
.op-footer.op-footer-premium{overflow:visible!important;margin-top:clamp(92px,10vw,142px)!important}.op-footer-premium .op-footer-bg{border-radius:inherit!important}.op-footer-premium .op-footer-cta-ribbon{display:block!important;width:min(1080px,calc(100% - 52px))!important;margin:clamp(-92px,-7vw,-64px) auto clamp(28px,3.6vw,48px)!important;padding:0!important;perspective:1200px!important;z-index:9!important}.op-footer-premium .op-footer-cta-inner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:clamp(18px,3vw,34px)!important;align-items:center!important;min-height:0!important;padding:clamp(22px,2.6vw,34px)!important;border-radius:30px!important;overflow:hidden!important;border:1px solid rgba(180,210,255,.22)!important;background:linear-gradient(135deg,rgba(6,13,31,.94),rgba(20,31,68,.88) 44%,rgba(38,22,82,.88)),radial-gradient(80% 160% at 0% 0%,rgba(6,182,212,.26),transparent 58%),radial-gradient(70% 130% at 100% 10%,rgba(124,58,237,.26),transparent 62%)!important;box-shadow:0 34px 90px rgba(15,23,42,.24),0 22px 70px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;transform:rotateX(4deg) translateZ(0)!important;transform-origin:50% 100%!important}.op-footer-premium .op-footer-cta-inner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(95% 75% at 50% 20%,#000,transparent 85%);pointer-events:none}.op-footer-premium .op-footer-cta-inner:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#13b981,#06b6d4,#2563eb,#7c3aed);opacity:.86}.op-footer-premium .op-footer-cta-glow{display:block!important;position:absolute!important;inset:-40% -12% auto auto!important;width:360px!important;height:260px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(103,232,249,.26),transparent 68%)!important;filter:blur(8px)!important;pointer-events:none!important}.op-footer-premium .op-footer-cta-copy,.op-footer-premium .op-footer-cta-actions{position:relative!important;z-index:2!important}.op-footer-premium .op-footer-cta-copy .op-kicker{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#67e8f9!important;box-shadow:none!important}.op-footer-premium .op-footer-cta-copy .op-kicker:before{background:linear-gradient(135deg,#13b981,#06b6d4,#7c3aed)!important}.op-footer-premium .op-footer-cta-copy h2{max-width:720px!important;margin:12px 0 8px!important;color:#fff!important;font-size:clamp(26px,3.1vw,46px)!important;line-height:1.02!important;letter-spacing:-.04em!important}.op-footer-premium .op-footer-cta-copy p{max-width:760px!important;margin:0!important;color:rgba(226,238,255,.78)!important;font-size:clamp(13px,1.1vw,15px)!important;line-height:1.62!important}.op-footer-premium .op-footer-cta-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;min-width:max-content!important}.op-footer-premium .op-footer-cta-actions .op-btn{height:48px!important;border-radius:16px!important}.op-footer-premium .op-footer-cta-actions .op-btn:not(.op-btn-glow){border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.op-footer-premium .op-footer-cta-actions .op-btn-glow{border:0!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed)!important;box-shadow:0 18px 42px rgba(37,99,235,.35)!important}html[data-theme="dark"] .op-footer-premium .op-footer-cta-inner{background:linear-gradient(135deg,rgba(6,13,31,.96),rgba(15,23,52,.92) 48%,rgba(34,20,72,.92)),radial-gradient(80% 160% at 0% 0%,rgba(6,182,212,.22),transparent 58%),radial-gradient(70% 130% at 100% 10%,rgba(124,58,237,.22),transparent 62%)!important;box-shadow:0 34px 100px rgba(0,0,0,.42),0 20px 70px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.10)!important}
@media(max-width:1080px){.op-footer-premium .op-footer-cta-ribbon{width:calc(100% - 28px)!important}.op-footer-premium .op-footer-cta-inner{grid-template-columns:1fr!important}.op-footer-premium .op-footer-cta-actions{justify-content:flex-start!important;min-width:0!important}}
@media(max-width:760px){.op-footer.op-footer-premium{margin-top:96px!important}.op-footer-premium .op-footer-cta-ribbon{width:calc(100% - 12px)!important;margin:-72px auto 28px!important}.op-footer-premium .op-footer-cta-inner{padding:20px!important;border-radius:24px!important;transform:none!important}.op-footer-premium .op-footer-cta-copy h2{font-size:clamp(24px,8vw,34px)!important}.op-footer-premium .op-footer-cta-actions .op-btn{width:100%!important;justify-content:center!important}}

/* Footer CTA placement correction: floating object, not part of footer body sizing. */
.op-footer.op-footer-premium{margin-top:clamp(56px,7vw,104px)!important;overflow:visible!important}.op-footer-premium .op-footer-cta-ribbon{position:absolute!important;left:50%!important;top:clamp(-138px,-9vw,-96px)!important;transform:translateX(-50%)!important;width:min(1120px,calc(100vw - 72px))!important;margin:0!important;padding:0!important;z-index:12!important;pointer-events:auto!important}.op-footer-premium .op-footer-cta-inner{transform:rotateX(3deg) translateY(0)!important}.op-footer-premium .op-footer-top{margin-top:0!important}
@media(max-width:1080px){.op-footer-premium .op-footer-cta-ribbon{width:min(860px,calc(100vw - 36px))!important;top:-118px!important}}
@media(max-width:760px){.op-footer.op-footer-premium{margin-top:54px!important}.op-footer-premium .op-footer-cta-ribbon{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;margin:-58px auto 22px!important}.op-footer-premium .op-footer-cta-inner{transform:none!important}}

/* CTA own section above footer: wider, separate, gently overlaps footer. */
.op-footer-cta-section{position:relative!important;z-index:16!important;width:100%!important;margin:clamp(72px,8vw,118px) 0 clamp(-58px,-4vw,-36px)!important;padding:0 20px!important;pointer-events:none!important}.op-footer-cta-section .op-footer-cta-ribbon{display:block!important;width:min(1320px,calc(100% - 24px))!important;margin:0 auto!important;padding:0!important;perspective:1300px!important;pointer-events:auto!important}.op-footer-cta-section .op-footer-cta-inner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:clamp(20px,3.2vw,40px)!important;align-items:center!important;min-height:0!important;padding:clamp(24px,3vw,38px) clamp(26px,3.6vw,46px)!important;border-radius:32px!important;overflow:hidden!important;border:1px solid rgba(180,210,255,.24)!important;background:linear-gradient(135deg,rgba(6,13,31,.95),rgba(20,31,68,.90) 44%,rgba(38,22,82,.90)),radial-gradient(80% 160% at 0% 0%,rgba(6,182,212,.28),transparent 58%),radial-gradient(70% 130% at 100% 10%,rgba(124,58,237,.28),transparent 62%)!important;box-shadow:0 36px 96px rgba(15,23,42,.22),0 26px 86px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.14)!important;transform:rotateX(3deg) translateZ(0)!important;transform-origin:50% 100%!important}.op-footer-cta-section .op-footer-cta-inner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(95% 75% at 50% 20%,#000,transparent 85%);pointer-events:none}.op-footer-cta-section .op-footer-cta-inner:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#13b981,#06b6d4,#2563eb,#7c3aed);opacity:.86}.op-footer-cta-section .op-footer-cta-glow{display:block!important;position:absolute!important;inset:-42% -10% auto auto!important;width:420px!important;height:300px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(103,232,249,.27),transparent 68%)!important;filter:blur(8px)!important;pointer-events:none!important}.op-footer-cta-section .op-footer-cta-copy,.op-footer-cta-section .op-footer-cta-actions{position:relative!important;z-index:2!important}.op-footer-cta-section .op-footer-cta-copy .op-kicker{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#67e8f9!important;box-shadow:none!important}.op-footer-cta-section .op-footer-cta-copy .op-kicker:before{background:linear-gradient(135deg,#13b981,#06b6d4,#7c3aed)!important}.op-footer-cta-section .op-footer-cta-copy h2{max-width:860px!important;margin:12px 0 8px!important;color:#fff!important;font-size:clamp(30px,3.7vw,58px)!important;line-height:1!important;letter-spacing:-.045em!important}.op-footer-cta-section .op-footer-cta-copy p{max-width:850px!important;margin:0!important;color:rgba(226,238,255,.78)!important;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.62!important}.op-footer-cta-section .op-footer-cta-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;min-width:max-content!important}.op-footer-cta-section .op-footer-cta-actions .op-btn{height:52px!important;border-radius:17px!important}.op-footer-cta-section .op-footer-cta-actions .op-btn:not(.op-btn-glow){border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.op-footer-cta-section .op-footer-cta-actions .op-btn-glow{border:0!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed)!important;box-shadow:0 18px 42px rgba(37,99,235,.35)!important}.op-footer.op-footer-premium{margin-top:0!important}.op-footer-premium .op-footer-cta-ribbon{display:none!important}
html[data-theme="dark"] .op-footer-cta-section .op-footer-cta-inner{background:linear-gradient(135deg,rgba(6,13,31,.96),rgba(15,23,52,.93) 48%,rgba(34,20,72,.93)),radial-gradient(80% 160% at 0% 0%,rgba(6,182,212,.23),transparent 58%),radial-gradient(70% 130% at 100% 10%,rgba(124,58,237,.23),transparent 62%)!important;box-shadow:0 36px 100px rgba(0,0,0,.42),0 22px 78px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.10)!important}
@media(max-width:1080px){.op-footer-cta-section{margin-top:72px!important;margin-bottom:-42px!important}.op-footer-cta-section .op-footer-cta-ribbon{width:min(940px,calc(100% - 12px))!important}.op-footer-cta-section .op-footer-cta-inner{grid-template-columns:1fr!important}.op-footer-cta-section .op-footer-cta-actions{justify-content:flex-start!important;min-width:0!important}}
@media(max-width:760px){.op-footer-cta-section{padding:0 12px!important;margin:54px 0 -26px!important}.op-footer-cta-section .op-footer-cta-ribbon{width:100%!important}.op-footer-cta-section .op-footer-cta-inner{padding:20px!important;border-radius:24px!important;transform:none!important}.op-footer-cta-section .op-footer-cta-copy h2{font-size:clamp(24px,8vw,36px)!important}.op-footer-cta-section .op-footer-cta-actions .op-btn{width:100%!important;justify-content:center!important}}

/* CTA vertical rhythm correction: no footer overlap, tighter space above. */
.op-footer-cta-section{margin:clamp(22px,3.2vw,46px) 0 clamp(28px,3.8vw,52px)!important;padding:0 20px!important}.op-footer-cta-section .op-footer-cta-ribbon{width:min(1320px,calc(100% - 24px))!important}.op-footer.op-footer-premium{margin-top:0!important}
@media(max-width:1080px){.op-footer-cta-section{margin:34px 0 42px!important}}
@media(max-width:760px){.op-footer-cta-section{margin:28px 0 32px!important;padding:0 12px!important}}

/* CTA theme refinement: no footer-covering shadow, distinct light/dark treatments. */
.op-footer-cta-section{margin:clamp(22px,3.2vw,46px) 0 clamp(44px,5vw,72px)!important;isolation:isolate!important}.op-footer-cta-section .op-footer-cta-inner{box-shadow:0 18px 48px rgba(37,99,235,.14),0 8px 24px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.62)!important}.op-footer-cta-section .op-footer-cta-glow{opacity:.62!important;filter:blur(14px)!important}.op-footer-cta-section .op-footer-cta-inner:after{opacity:.70!important}
html[data-theme="light"] .op-footer-cta-section .op-footer-cta-inner{border-color:rgba(37,99,235,.20)!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,248,255,.78) 46%,rgba(242,239,255,.74)),radial-gradient(82% 150% at 0% 0%,rgba(6,182,212,.20),transparent 58%),radial-gradient(72% 130% at 100% 8%,rgba(124,58,237,.17),transparent 62%)!important;color:#07111f!important;box-shadow:0 18px 48px rgba(37,99,235,.13),0 8px 24px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.90)!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-inner:before{background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px)!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-copy h2{color:#07111f!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-copy p{color:#52627a!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-copy .op-kicker{border-color:rgba(37,99,235,.16)!important;background:rgba(255,255,255,.58)!important;color:#2563eb!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-actions .op-btn:not(.op-btn-glow){border-color:rgba(37,99,235,.18)!important;background:rgba(255,255,255,.60)!important;color:#142033!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important}
html[data-theme="dark"] .op-footer-cta-section .op-footer-cta-inner{box-shadow:0 20px 56px rgba(0,0,0,.28),0 10px 32px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.10)!important}html[data-theme="dark"] .op-footer-cta-section{margin-bottom:clamp(48px,5.5vw,78px)!important}
@media(max-width:760px){.op-footer-cta-section{margin:28px 0 40px!important}.op-footer-cta-section .op-footer-cta-inner{box-shadow:0 14px 36px rgba(37,99,235,.14),0 6px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.55)!important}}

/* CTA shadow reduction: tight depth only, no footer wash. */
.op-footer-cta-section .op-footer-cta-inner{box-shadow:0 8px 18px rgba(37,99,235,.08),0 2px 8px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.62)!important}.op-footer-cta-section .op-footer-cta-glow{display:none!important}.op-footer-cta-section .op-footer-cta-actions .op-btn-glow{box-shadow:0 8px 18px rgba(37,99,235,.18)!important}.op-footer-cta-section .op-footer-cta-actions .op-btn:not(.op-btn-glow){box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}html[data-theme="light"] .op-footer-cta-section .op-footer-cta-inner{box-shadow:0 8px 18px rgba(37,99,235,.075),0 2px 8px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.90)!important}html[data-theme="dark"] .op-footer-cta-section .op-footer-cta-inner{box-shadow:0 10px 22px rgba(0,0,0,.20),0 3px 10px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.10)!important}@media(max-width:760px){.op-footer-cta-section .op-footer-cta-inner{box-shadow:0 7px 16px rgba(37,99,235,.08),0 2px 7px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.55)!important}}

/* Final polish: route cards, SEO-safe visual hierarchy, premium mobile footer. */
.op-prism-routes-section{padding-top:clamp(58px,6.5vw,96px)!important;padding-bottom:clamp(58px,6.5vw,96px)!important}.op-prism-routes-section .op-prism-head{max-width:760px!important;margin-bottom:clamp(26px,3.2vw,38px)!important}.op-prism-routes-section .op-prism-head h2{font-size:clamp(32px,4.1vw,56px)!important;line-height:1.04!important;letter-spacing:-.048em!important;margin-top:12px!important}.op-prism-routes-section .op-prism-head p{font-size:clamp(14px,1.25vw,17px)!important;line-height:1.6!important;max-width:620px!important}.op-route-rail{gap:14px!important}.op-route-rail a{min-height:176px!important;border-radius:24px!important;padding:20px 22px!important;box-shadow:0 16px 42px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.74)!important}.op-route-rail span{font-size:11px!important}.op-route-rail b{margin-top:auto!important;font-size:19px!important;line-height:1.12!important}.op-route-rail small{margin-top:8px!important;font-size:12.5px!important;line-height:1.48!important}.op-footer-cta-section .op-footer-cta-copy h2{font-size:clamp(24px,3vw,44px)!important;line-height:1.04!important;letter-spacing:-.038em!important}.op-footer-cta-section .op-footer-cta-copy p{font-size:clamp(12.5px,1vw,14.5px)!important;max-width:760px!important}.op-footer-cta-section .op-footer-cta-inner{padding:clamp(22px,2.6vw,32px) clamp(24px,3vw,40px)!important}
html[data-theme="dark"] .op-route-rail a{box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
@media(max-width:1080px){.op-route-rail a{min-height:164px!important}.op-prism-routes-section .op-prism-head h2{font-size:clamp(30px,6vw,48px)!important}}
@media(max-width:760px){.op-prism-routes-section{padding-top:54px!important;padding-bottom:54px!important}.op-prism-routes-section .op-prism-head{text-align:left!important;margin:0 0 22px!important}.op-prism-routes-section .op-prism-head h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.02!important}.op-route-rail{grid-template-columns:1fr!important;gap:10px!important}.op-route-rail a{min-height:0!important;border-radius:20px!important;padding:18px!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:14px!important;row-gap:4px!important;align-items:start!important}.op-route-rail span{grid-row:1 / span 2;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.12));border:1px solid rgba(37,99,235,.14)}.op-route-rail b{margin-top:0!important;font-size:18px!important}.op-route-rail small{margin-top:2px!important}}

@media(max-width:760px){
  .op-footer.op-footer-premium{width:calc(100% - 20px)!important;margin:0 auto 16px!important;padding:18px 14px 16px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(238,247,255,.74)),radial-gradient(88% 46% at 10% 0%,rgba(37,99,235,.14),transparent 70%),radial-gradient(80% 52% at 100% 18%,rgba(6,182,212,.12),transparent 72%)!important;box-shadow:0 20px 52px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.82)!important}
  .op-footer.op-footer-premium:before{inset:7px!important;border-radius:22px!important}.op-footer-premium .op-footer-svg{opacity:.34!important}.op-footer-premium .op-footer-top{display:grid!important;gap:18px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(37,99,235,.12)!important}.op-footer-premium .op-footer-tagline{font-size:14.5px!important;line-height:1.55!important;margin:14px 0 14px!important}.op-footer-premium .op-footer-pills{gap:7px!important}.op-footer-premium .op-footer-pill{min-height:30px!important;padding:0 10px!important;font-size:11.5px!important;background:rgba(255,255,255,.58)!important}.op-footer-premium .op-footer-newsletter{padding:16px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.25))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important}.op-footer-premium .op-footer-subscribe-frame{display:none!important}.op-footer-premium .op-footer-eyebrow{font-size:10px!important;margin-bottom:8px!important}.op-footer-premium .op-footer-newsletter .op-small{font-size:12.25px!important;line-height:1.45!important;margin-bottom:12px!important}.op-footer-premium .op-footer-newsletter-form{gap:8px!important}.op-footer-premium .op-footer-newsletter-form input[type="email"]{height:50px!important;border-radius:16px!important;font-size:14px!important}.op-footer-premium .op-footer-newsletter-form button{height:48px!important;border-radius:16px!important}.op-footer-premium .op-footer-main{margin-top:16px!important;gap:9px!important}.op-footer-premium .op-footer-col{border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.26))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68)!important}.op-footer-premium .op-footer-toggle{min-height:50px!important;padding:0 14px!important;font-size:11px!important;color:#07111f!important}.op-footer-premium .op-footer-toggle-label{display:inline-flex;align-items:center;gap:8px}.op-footer-premium .op-footer-toggle-label:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);box-shadow:0 0 0 5px rgba(37,99,235,.08)}.op-footer-premium .op-footer-col.open .op-footer-links{padding:0 14px 14px!important}.op-footer-premium .op-footer-links a{min-height:34px!important;font-size:13px!important}.op-footer-premium .op-footer-bottom{margin-top:16px!important;padding-top:14px!important;gap:12px!important;border-top-color:rgba(37,99,235,.12)!important}.op-footer-premium .op-footer-bottom-mid{width:100%;padding:10px;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid rgba(37,99,235,.10)}.op-footer-premium .op-footer-social a{width:36px!important;height:36px!important;border-radius:13px!important}.op-footer-premium .op-footer-status{min-height:28px!important;font-size:12px!important}.op-footer-cta-section .op-footer-cta-copy h2{font-size:clamp(24px,7.8vw,34px)!important}
  html[data-theme="dark"] .op-footer.op-footer-premium{background:linear-gradient(145deg,rgba(12,18,38,.94),rgba(8,13,30,.88)),radial-gradient(88% 46% at 10% 0%,rgba(37,99,235,.22),transparent 70%),radial-gradient(80% 52% at 100% 18%,rgba(6,182,212,.14),transparent 72%)!important;box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important}.op-footer-premium .op-footer-newsletter,html[data-theme="dark"] .op-footer-premium .op-footer-col,html[data-theme="dark"] .op-footer-premium .op-footer-bottom-mid{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-footer-premium .op-footer-toggle{color:#f7fbff!important}
}

/* Premium mobile footer accordion redesign. */
@media(max-width:760px){
  .op-footer-premium .op-footer-main{gap:12px!important;margin-top:18px!important}.op-footer-premium .op-footer-col{position:relative!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(246,250,255,.38))!important;border:1px solid rgba(37,99,235,.14)!important;box-shadow:0 12px 32px rgba(37,99,235,.07),inset 0 1px 0 rgba(255,255,255,.76)!important}.op-footer-premium .op-footer-col:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#06b6d4,#2563eb,#7c3aed,transparent);opacity:.55}.op-footer-premium .op-footer-col.open{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,247,255,.52))!important;border-color:rgba(37,99,235,.22)!important;box-shadow:0 16px 42px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.84)!important}.op-footer-premium .op-footer-toggle{min-height:58px!important;padding:0 16px!important;font-size:12px!important;letter-spacing:.14em!important}.op-footer-premium .op-footer-toggle-label:before{width:10px!important;height:10px!important;box-shadow:0 0 0 6px rgba(37,99,235,.08)!important}.op-footer-premium .op-footer-toggle-caret{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.18)!important}.op-footer-premium .op-footer-toggle-caret svg{width:16px!important;height:16px!important}.op-footer-premium .op-footer-col.open .op-footer-toggle-caret{transform:rotate(180deg)!important}.op-footer-premium .op-footer-links{display:grid!important;gap:0!important;max-height:0!important;overflow:hidden!important;padding:0 12px!important;transition:max-height .24s ease,padding .24s ease!important}.op-footer-premium .op-footer-col.open .op-footer-links{max-height:420px!important;padding:0 12px 14px!important}.op-footer-premium .op-footer-links a{min-height:42px!important;padding:0 4px!important;border-radius:0!important;border-top:1px solid rgba(37,99,235,.08)!important;background:transparent!important;color:#52627a!important;font-size:14px!important;font-weight:780!important;transform:none!important}.op-footer-premium .op-footer-links a:first-child{border-top:0!important}.op-footer-premium .op-footer-links a span:first-child{min-width:0!important}.op-footer-premium .op-footer-link-arrow{opacity:1!important;transform:none!important;color:#2563eb!important;font-size:15px!important}.op-footer-premium .op-footer-links a:hover{color:#2563eb!important;background:linear-gradient(90deg,rgba(37,99,235,.06),transparent)!important}.op-footer-premium .op-footer-col:not(.open) .op-footer-links{padding-bottom:0!important}.op-footer-premium .op-footer-col:not(.open){box-shadow:inset 0 1px 0 rgba(255,255,255,.68)!important}
  html[data-theme="dark"] .op-footer-premium .op-footer-col{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.12)!important;box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-footer-premium .op-footer-col.open{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.052))!important;border-color:rgba(103,232,249,.18)!important}html[data-theme="dark"] .op-footer-premium .op-footer-links a{border-top-color:rgba(180,200,255,.09)!important;color:#aebcd7!important}html[data-theme="dark"] .op-footer-premium .op-footer-links a:hover{color:#67e8f9!important;background:linear-gradient(90deg,rgba(34,211,238,.075),transparent)!important}html[data-theme="dark"] .op-footer-premium .op-footer-link-arrow{color:#67e8f9!important}
}

/* Center existing footer bottom alignment on mobile only. */
@media(max-width:760px){
  .op-footer-premium .op-footer-bottom{justify-items:center!important;text-align:center!important}
  .op-footer-premium .op-footer-bottom-left,.op-footer-premium .op-footer-bottom-mid,.op-footer-premium .op-footer-bottom-right{justify-content:center!important;align-items:center!important;text-align:center!important}
  .op-footer-premium .op-footer-bottom-left{display:flex!important;flex-wrap:wrap!important}
  .op-footer-premium .op-footer-bottom-mid{display:flex!important;flex-wrap:wrap!important}
}
/* Premium proof cards alignment and author icons. */
.op-proof-wall{align-items:stretch!important}
.op-proof-wall article{position:relative!important;display:grid!important;grid-template-rows:minmax(168px,1fr) auto auto!important;align-content:stretch!important;padding:clamp(28px,2.7vw,38px)!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58))!important;border:1px solid rgba(232,121,249,.14)!important;box-shadow:0 20px 56px rgba(124,58,237,.08),0 10px 26px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.78)!important}
.op-proof-wall article:first-child{min-height:310px!important;justify-content:stretch!important}
.op-proof-wall article:before{content:"“";position:absolute;right:24px;top:18px;font-size:74px;line-height:1;font-weight:950;color:rgba(37,99,235,.08);font-family:Georgia,serif;pointer-events:none}
.op-proof-wall article:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);opacity:.72}
.op-proof-wall p{position:relative!important;z-index:1!important;margin:0!important;font-size:clamp(16px,1.35vw,18px)!important;line-height:1.68!important;color:#263348!important}
.op-proof-wall b{position:relative!important;z-index:1!important;display:inline-flex!important;align-items:center!important;gap:11px!important;margin-top:28px!important;color:#07111f!important;font-size:16px!important;line-height:1.1!important}
.op-proof-wall b:before{content:"AO";width:38px;height:38px;border-radius:14px;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;font-size:11px;font-weight:950;letter-spacing:.04em;background:linear-gradient(135deg,#2563eb,#06b6d4 54%,#7c3aed);box-shadow:0 12px 26px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.32)}
.op-proof-wall article:nth-child(2) b:before{content:"ML";background:linear-gradient(135deg,#13b981,#06b6d4 56%,#2563eb)}
.op-proof-wall article:nth-child(3) b:before{content:"KA";background:linear-gradient(135deg,#7c3aed,#2563eb 52%,#e879f9)}
.op-proof-wall span{position:relative!important;z-index:1!important;margin-top:7px!important;margin-left:49px!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}
html[data-theme="dark"] .op-proof-wall article{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-proof-wall article:before{color:rgba(103,232,249,.10)}
html[data-theme="dark"] .op-proof-wall p{color:#e6edf9!important}
html[data-theme="dark"] .op-proof-wall b{color:#fff!important}
html[data-theme="dark"] .op-proof-wall span{color:#aebcd7!important}
@media(max-width:760px){.op-proof-wall article{grid-template-rows:auto auto auto!important;padding:18px!important;border-radius:22px!important}.op-proof-wall article:first-child{min-height:auto!important}.op-proof-wall article:before{right:16px;top:10px;font-size:50px}.op-proof-wall p{font-size:13.5px!important;line-height:1.58!important}.op-proof-wall b{margin-top:18px!important;font-size:14px!important;gap:10px!important}.op-proof-wall b:before{width:34px;height:34px;border-radius:12px;font-size:10px}.op-proof-wall span{margin-left:44px!important;font-size:11.5px!important}}
/* Features page premium homepage-aligned redesign. */
.op-features-premium{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--op-bg),var(--op-bg2) 42%,var(--op-bg));}
.op-features-premium:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%)}
.op-features-premium .op-spot-hero{min-height:auto!important;padding:calc(var(--op-nav-h,82px) + 70px) 0 74px!important;background:linear-gradient(180deg,rgba(248,251,255,.92),rgba(238,246,255,.72) 55%,rgba(248,251,255,.96))!important;overflow:hidden}
.op-features-premium .op-spot-hero:before{background:radial-gradient(620px 420px at 8% 18%,rgba(37,99,235,.16),transparent 70%),radial-gradient(660px 460px at 92% 10%,rgba(124,58,237,.15),transparent 70%),radial-gradient(520px 380px at 60% 96%,rgba(6,182,212,.12),transparent 72%)!important}
.op-features-premium .op-spot-hero .op-spot-row{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;gap:clamp(34px,5vw,76px)!important}
.op-features-premium .op-spot-copy{position:relative;z-index:2}
.op-features-premium .op-features-title{font-size:clamp(42px,6.4vw,82px)!important;line-height:.94!important;letter-spacing:-.07em!important;margin:16px 0 16px!important;max-width:9ch!important;color:var(--op-text)}
.op-features-premium .op-spot-hero .op-lead{font-size:clamp(16px,1.45vw,19px)!important;line-height:1.68!important;max-width:650px!important;color:var(--op-muted)!important}
.op-features-premium .op-hero-actions{margin-top:26px!important;gap:12px!important}
.op-features-premium .op-spot-art .m3d-stage{border-radius:38px!important;border:1px solid rgba(37,99,235,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(239,247,255,.56))!important;box-shadow:0 34px 110px rgba(37,99,235,.16),0 14px 36px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.82)!important;overflow:hidden}
.op-features-premium .m3d-tag{border-color:rgba(37,99,235,.14)!important;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(14px)}
.op-features-premium .op-features-stats{padding:34px 0 70px!important;margin-top:-24px!important}
.op-features-premium .op-stat-line{position:relative;z-index:2;gap:14px!important;padding:14px!important;border-radius:30px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,255,.48))!important;box-shadow:0 22px 70px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.76)!important}
.op-features-premium .op-stat{min-height:118px!important;padding:20px!important;border-radius:22px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important;text-align:left!important}
.op-features-premium .op-stat b{font-size:clamp(25px,2.6vw,36px)!important;line-height:1!important;letter-spacing:-.05em!important;background:linear-gradient(105deg,#2563eb,#06b6d4,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.op-features-premium .op-section,.op-features-premium .op-section-tight{position:relative;overflow:hidden}
.op-features-premium .op-section:nth-of-type(even),.op-features-premium .op-section-tight:nth-of-type(even){background:linear-gradient(180deg,rgba(248,251,255,.72),rgba(238,246,255,.55))}
.op-features-premium .op-section-head{max-width:840px!important;margin:0 0 28px!important;text-align:left!important}
.op-features-premium .op-section-head p{max-width:720px;color:var(--op-muted);line-height:1.66}
.op-features-premium .op-mega-h2{font-size:clamp(32px,4.4vw,62px)!important;line-height:.98!important;letter-spacing:-.058em!important;margin:12px 0 12px!important;color:var(--op-text)}
.op-features-premium .op-spot-card,.op-features-premium .op-feature,.op-features-premium .op-ftable-wrap,.op-features-premium .op-cmp{border-radius:24px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,250,255,.56))!important;box-shadow:0 18px 54px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;backdrop-filter:blur(18px) saturate(150%)}
.op-features-premium .op-spot-card{position:relative;min-height:154px!important;padding:20px!important;overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.op-features-premium .op-spot-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);opacity:.72}
.op-features-premium .op-spot-card:hover{transform:translateY(-5px);border-color:rgba(6,182,212,.30)!important;box-shadow:0 24px 72px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.82)!important}
.op-features-premium .op-spot-card h3{font-size:16px!important;line-height:1.2!important;color:var(--op-text)!important}
.op-features-premium .op-spot-card p{font-size:13px!important;line-height:1.58!important;color:var(--op-muted)!important}
.op-features-premium .op-feature{min-height:230px!important;padding:24px!important}
.op-features-premium .op-feature-icon{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.12),rgba(124,58,237,.12))!important;border:1px solid rgba(37,99,235,.12)}
.op-features-premium .op-cmp{overflow:hidden!important;border-spacing:0!important}
.op-features-premium .op-cmp th,.op-features-premium .op-cmp td{border-bottom-color:rgba(37,99,235,.10)!important;padding:16px 18px!important}
.op-features-premium .op-cmp thead th{background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.045))!important;color:#52627a!important}
.op-features-premium .op-cmp .op-cmp-pop{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.08),rgba(124,58,237,.12))!important}
.op-features-premium .op-ftable-wrap{overflow:auto!important;padding:8px!important}
.op-features-premium .op-ftable{width:100%;border-collapse:separate;border-spacing:0}
.op-features-premium .op-ftable th,.op-features-premium .op-ftable td{padding:15px 16px;border-bottom:1px solid rgba(37,99,235,.10);text-align:left;font-size:14px}
.op-features-premium .op-ft-group td{background:linear-gradient(90deg,rgba(37,99,235,.10),rgba(6,182,212,.06),transparent);font-weight:950;color:var(--op-text)}
.op-features-premium .op-ft-new{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:999px;background:rgba(19,185,129,.12);color:#047857;font-size:10px;font-weight:950}
.op-features-premium .op-list li{padding:10px 0;border-bottom:1px solid rgba(37,99,235,.08)}
.op-features-premium .op-list li:last-child{border-bottom:0}
.op-features-faq .op-faq{max-width:920px}
.op-features-faq .op-faq-item{border-radius:22px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,250,255,.56))!important;box-shadow:0 14px 40px rgba(37,99,235,.07),inset 0 1px 0 rgba(255,255,255,.78)!important}
.op-features-faq .op-faq-q{font-size:15px!important;padding:18px 20px!important}
.op-features-faq .op-faq-a{font-size:14px!important;line-height:1.65!important;color:var(--op-muted)!important}
html[data-theme="dark"] .op-features-premium{background:linear-gradient(180deg,#050712,#07111f 42%,#050712)}
html[data-theme="dark"] .op-features-premium .op-spot-hero{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}
html[data-theme="dark"] .op-features-premium .op-spot-card,html[data-theme="dark"] .op-features-premium .op-feature,html[data-theme="dark"] .op-features-premium .op-stat-line,html[data-theme="dark"] .op-features-premium .op-stat,html[data-theme="dark"] .op-features-premium .op-ftable-wrap,html[data-theme="dark"] .op-features-premium .op-cmp,html[data-theme="dark"] .op-features-faq .op-faq-item,html[data-theme="dark"] .op-features-premium .op-spot-art .m3d-stage{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-features-premium .op-section:nth-of-type(even),html[data-theme="dark"] .op-features-premium .op-section-tight:nth-of-type(even){background:linear-gradient(180deg,rgba(10,24,48,.46),rgba(18,13,37,.30))}
html[data-theme="dark"] .op-features-premium .op-cmp thead th{color:#aebcd7!important;background:rgba(255,255,255,.055)!important}
html[data-theme="dark"] .op-features-premium .op-ft-group td{background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(6,182,212,.08),transparent)}
@media(max-width:1080px){.op-features-premium .op-spot-hero .op-spot-row{grid-template-columns:1fr!important}.op-features-premium .op-features-title{max-width:11ch!important}.op-features-premium .op-stat-line{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-features-premium .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.op-features-premium .op-spot-hero{padding:calc(var(--op-nav-h,82px) + 34px) 0 44px!important}.op-features-premium .op-features-title{font-size:clamp(38px,12vw,52px)!important;max-width:9.5ch!important}.op-features-premium .op-spot-hero .op-lead{font-size:14.5px!important;line-height:1.6!important}.op-features-premium .op-hero-actions .op-btn{width:100%!important}.op-features-premium .op-spot-art .m3d-stage{border-radius:26px!important}.op-features-premium .op-features-stats{padding:22px 0 48px!important;margin-top:-16px!important}.op-features-premium .op-stat-line,.op-features-premium .op-grid-3{grid-template-columns:1fr!important}.op-features-premium .op-stat-line{padding:10px!important;border-radius:24px!important}.op-features-premium .op-stat{min-height:auto!important;padding:16px!important;border-radius:18px!important}.op-features-premium .op-section,.op-features-premium .op-section-tight{padding:54px 0!important}.op-features-premium .op-mega-h2{font-size:clamp(28px,9vw,38px)!important;line-height:1.04!important}.op-features-premium .op-section-head{margin-bottom:20px!important}.op-features-premium .op-spot-card{min-height:auto!important;padding:17px!important;border-radius:20px!important}.op-features-premium .op-spot-row,.op-features-premium .op-spot-row.rev{gap:22px!important}.op-features-premium .op-spot-row.rev .op-spot-copy{order:1}.op-features-premium .op-spot-row.rev .op-spot-art{order:2}.op-features-premium .op-cmp{min-width:0!important}.op-features-premium .op-cmp td{padding:9px 14px!important}.op-features-premium .op-ftable th,.op-features-premium .op-ftable td{padding:12px!important;font-size:12.5px!important}.op-features-faq .op-faq-q{font-size:14px!important;padding:16px!important}.op-features-faq .op-faq-a{font-size:13px!important;padding:0 16px 16px!important}}
/* Features page section architecture rebuild: distinct homepage-grade compositions. */
.op-features-premium .op-feat-pillar{position:relative;isolation:isolate;padding:clamp(72px,8vw,122px) 0!important;overflow:hidden!important}
.op-features-premium .op-feat-pillar:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(95% 74% at 50% 18%,#000,transparent 82%)}
.op-features-premium .op-feat-pillar:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;border-radius:999px;filter:blur(18px);opacity:.42}
.op-features-premium .op-feat-pillar-head{position:relative!important;display:grid!important;grid-template-columns:18px minmax(0,760px) auto!important;gap:18px!important;align-items:start!important;margin-bottom:30px!important}
.op-features-premium .op-feat-pillar-head:after{content:"";justify-self:end;align-self:center;width:min(260px,22vw);height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.28),rgba(6,182,212,.32));}
.op-features-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(30px,4.2vw,56px)!important;line-height:1.02!important;letter-spacing:-.052em!important;max-width:780px!important}
.op-features-premium .op-feat-card-grid{display:grid!important;gap:14px!important;align-items:stretch!important}
.op-features-premium .op-feat-card{position:relative!important;min-height:0!important;padding:22px!important;border-radius:24px!important;overflow:hidden!important;justify-content:end!important;box-shadow:0 18px 54px rgba(37,99,235,.09),0 8px 22px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.80)!important}
.op-features-premium .op-feat-card:before{height:4px!important}.op-features-premium .op-feat-card:after{content:"";position:absolute;right:-44px;top:-44px;width:128px;height:128px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);pointer-events:none}
.op-features-premium .op-feat-card h3{font-size:clamp(16px,1.25vw,19px)!important}.op-features-premium .op-feat-card p{font-size:13.2px!important}
.op-pillar-engage{background:linear-gradient(180deg,#f8fbff,#eef7ff 52%,#f8fbff)!important}.op-pillar-engage:after{right:-170px;top:16%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 68%)}
.op-pillar-engage .op-feat-card-grid{grid-template-columns:1.12fr .94fr .94fr!important;grid-auto-rows:minmax(132px,auto)!important}
.op-pillar-engage .op-feat-card:nth-child(1){grid-row:span 2!important;min-height:286px!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(231,244,255,.66))!important}
.op-pillar-engage .op-feat-card:nth-child(3),.op-pillar-engage .op-feat-card:nth-child(6){background:linear-gradient(145deg,rgba(37,99,235,.10),rgba(255,255,255,.70))!important}
.op-pillar-engage .op-feat-card:nth-child(8){grid-column:span 2!important}
.op-pillar-sell{background:linear-gradient(135deg,#07111f,#0b1830 46%,#160f2e)!important;color:#fff!important}
.op-pillar-sell:before{background-image:linear-gradient(rgba(180,200,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px)!important}.op-pillar-sell:after{left:-180px;bottom:0;background:radial-gradient(circle,rgba(124,58,237,.30),transparent 70%)}
.op-pillar-sell .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}.op-pillar-sell .op-mega-h2,.op-pillar-sell .op-feat-card h3{color:#fff!important}
.op-pillar-sell .op-feat-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(132px,auto)!important}
.op-pillar-sell .op-feat-card{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important}.op-pillar-sell .op-feat-card p{color:#b6c3dc!important}
.op-pillar-sell .op-feat-card:nth-child(1){grid-column:span 2!important;grid-row:span 2!important;background:linear-gradient(145deg,rgba(37,99,235,.24),rgba(124,58,237,.16))!important}.op-pillar-sell .op-feat-card:nth-child(3),.op-pillar-sell .op-feat-card:nth-child(7){grid-column:span 2!important}
.op-pillar-support{background:linear-gradient(180deg,#fff7fb,#f3f7ff 58%,#f8fbff)!important}.op-pillar-support:after{right:8%;bottom:-220px;background:radial-gradient(circle,rgba(232,121,249,.22),transparent 70%)}
.op-pillar-support .op-feat-card-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:minmax(126px,auto)!important}.op-pillar-support .op-feat-card{grid-column:span 4!important}.op-pillar-support .op-feat-card:nth-child(1){grid-column:span 8!important}.op-pillar-support .op-feat-card:nth-child(4){grid-row:span 2!important}.op-pillar-support .op-feat-card:nth-child(7){grid-column:span 8!important;background:linear-gradient(145deg,rgba(232,121,249,.12),rgba(255,255,255,.70))!important}
.op-pillar-know{background:linear-gradient(135deg,#f7fffb,#effcff 52%,#f7f9ff)!important}.op-pillar-know:after{left:56%;top:8%;background:radial-gradient(circle,rgba(19,185,129,.18),transparent 70%)}
.op-pillar-know .op-feat-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(128px,auto)!important}.op-pillar-know .op-feat-card{grid-column:span 1!important;border-radius:26px 18px 26px 18px!important}.op-pillar-know .op-feat-card:nth-child(1),.op-pillar-know .op-feat-card:nth-child(7){grid-column:span 2!important;grid-row:span 2!important;background:linear-gradient(145deg,rgba(19,185,129,.14),rgba(255,255,255,.70))!important}.op-pillar-know .op-feat-card:nth-child(10){grid-column:span 3!important}
.op-features-trust{background:linear-gradient(145deg,#07111f,#0b1830 54%,#100d22)!important;color:#fff!important;padding:clamp(72px,8vw,116px) 0!important}
.op-features-trust .op-section-head{max-width:780px!important}.op-features-trust .op-mega-h2{color:#fff!important}.op-features-trust .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}
.op-features-trust .op-grid-3{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}.op-features-trust .op-feature{grid-column:span 2!important;min-height:210px!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;color:#fff!important}.op-features-trust .op-feature:nth-child(1),.op-features-trust .op-feature:nth-child(4){grid-column:span 3!important}.op-features-trust .op-feature h3{color:#fff!important}.op-features-trust .op-feature p{color:#b6c3dc!important}
.op-features-compare{background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;padding:clamp(74px,8vw,116px) 0!important}.op-features-compare .op-container{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:clamp(24px,4vw,56px)!important;align-items:start!important}.op-features-compare .op-section-head{position:sticky;top:110px!important}.op-features-compare-shell{border-radius:32px!important;padding:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,247,255,.58))!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 26px 90px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.78)!important}
.op-features-deep{background:linear-gradient(180deg,#f8fbff,#fff7fb 48%,#f4fbff)!important}.op-feature-deep-row{position:relative!important;grid-template-columns:.88fr 1.12fr!important;margin-top:24px!important;padding:clamp(18px,2.2vw,30px)!important;border-radius:36px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,250,255,.52))!important;box-shadow:0 24px 84px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;overflow:hidden!important}.op-feature-deep-row:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(80% 70% at 72% 20%,#000,transparent 82%);pointer-events:none}.op-feature-deep-row>*{position:relative;z-index:1}.op-deep-announce{background:linear-gradient(145deg,rgba(255,247,253,.86),rgba(244,247,255,.58))!important}.op-deep-dashboard{background:linear-gradient(145deg,rgba(242,255,250,.86),rgba(241,248,255,.58))!important}
.op-feature-deep-row .op-spot-art .m3d-stage{border-radius:28px!important}.op-feature-deep-row .op-list{margin-top:18px!important}.op-feature-deep-row .op-list li{position:relative;display:block;padding:13px 16px 13px 46px!important;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(244,248,255,.55));border:1px solid rgba(37,99,235,.1);box-shadow:0 10px 26px -18px rgba(30,50,120,.32);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s,background .3s}
.op-feature-deep-row .op-list li:hover{transform:translateX(5px);border-color:rgba(37,99,235,.3);box-shadow:0 22px 44px -22px rgba(30,50,120,.5);background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(236,243,255,.72))}
.op-feature-deep-row .op-list li svg{position:absolute;left:12px;top:12px;display:block;width:16px;height:16px;padding:5px;box-sizing:content-box;border-radius:8px;color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(6,182,212,.14));box-shadow:inset 0 0 0 1px rgba(16,185,129,.28);transition:transform .3s,background .3s,box-shadow .3s}
.op-feature-deep-row .op-list li:hover svg{transform:scale(1.08);background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(6,182,212,.24));box-shadow:inset 0 0 0 1px rgba(16,185,129,.5),0 6px 16px -6px rgba(16,185,129,.5)}
.op-feature-deep-row .op-list li b{color:#0c1428;font-weight:750}
@media(prefers-reduced-motion:reduce){.op-feature-deep-row .op-list li,.op-feature-deep-row .op-list li svg{transition:none}}
.op-features-table{background:linear-gradient(135deg,#07111f,#0a1830 55%,#130d26)!important;color:#fff!important}.op-features-table .op-section-head .op-mega-h2{color:#fff!important}.op-features-table .op-section-head p{color:#b6c3dc!important}.op-features-table .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}.op-features-table .op-ftable-wrap{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 30px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important}.op-features-table .op-ftable th,.op-features-table .op-ftable td{color:#dbe7ff;border-bottom-color:rgba(180,200,255,.10)!important}.op-features-table .op-ftable th{color:#8fb7ff;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.op-features-table .op-ft-group td{color:#fff!important;background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(6,182,212,.10),transparent)!important}
.op-features-faq{background:linear-gradient(180deg,#f8fbff,#eef6ff)!important}.op-features-faq .op-container{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:clamp(22px,4vw,56px)!important;align-items:start}.op-features-faq .op-section-head{position:sticky;top:110px!important}.op-features-faq .op-faq{max-width:none!important;width:100%}
html[data-theme="dark"] .op-pillar-engage,html[data-theme="dark"] .op-pillar-support,html[data-theme="dark"] .op-pillar-know,html[data-theme="dark"] .op-features-compare,html[data-theme="dark"] .op-features-deep,html[data-theme="dark"] .op-features-faq{background:linear-gradient(135deg,#07111f,#08192b 52%,#080d1d)!important}
@media(max-width:1080px){.op-features-premium .op-feat-pillar-head{grid-template-columns:18px 1fr!important}.op-features-premium .op-feat-pillar-head:after{display:none}.op-pillar-engage .op-feat-card-grid,.op-pillar-sell .op-feat-card-grid,.op-pillar-support .op-feat-card-grid,.op-pillar-know .op-feat-card-grid,.op-features-trust .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-features-premium .op-feat-card,.op-pillar-engage .op-feat-card:nth-child(n),.op-pillar-sell .op-feat-card:nth-child(n),.op-pillar-support .op-feat-card:nth-child(n),.op-pillar-know .op-feat-card:nth-child(n),.op-features-trust .op-feature:nth-child(n){grid-column:auto!important;grid-row:auto!important;min-height:150px!important}.op-features-compare .op-container,.op-features-faq .op-container{grid-template-columns:1fr!important}.op-features-compare .op-section-head,.op-features-faq .op-section-head{position:relative!important;top:auto!important}.op-feature-deep-row{grid-template-columns:1fr!important}}
@media(max-width:760px){.op-features-premium .op-feat-pillar{padding:56px 0!important}.op-features-premium .op-feat-pillar-head{grid-template-columns:12px 1fr!important;gap:12px!important;margin-bottom:18px!important}.op-features-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(28px,8.5vw,38px)!important}.op-pillar-engage .op-feat-card-grid,.op-pillar-sell .op-feat-card-grid,.op-pillar-support .op-feat-card-grid,.op-pillar-know .op-feat-card-grid,.op-features-trust .op-grid-3{grid-template-columns:1fr!important;gap:10px!important}.op-features-premium .op-feat-card{padding:17px!important;border-radius:20px!important;min-height:auto!important}.op-features-trust .op-feature{min-height:auto!important}.op-features-compare .op-container,.op-features-faq .op-container{gap:18px!important}.op-feature-deep-row{padding:14px!important;border-radius:24px!important;margin-top:16px!important}.op-feature-deep-row .op-spot-copy .op-lead{font-size:14px!important}.op-feature-deep-row .op-list li{font-size:13px!important}.op-features-table .op-ftable-wrap{border-radius:22px!important}.op-features-faq .op-section-head{margin-bottom:0!important}}
/* Features pillar rebuild: product map, not card wall. */
.op-features-premium .op-feat-pillar{padding:clamp(76px,8vw,126px) 0!important}
.op-features-premium .op-feat-accent{width:14px;height:48px;border-radius:999px;flex-shrink:0;box-shadow:0 18px 38px rgba(37,99,235,.18)}
.op-feat-pillar-stage{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;grid-template-areas:"visual featured" "visual lanes"!important;gap:16px!important;align-items:stretch!important}
.op-feat-orbit{grid-area:visual;position:relative;min-height:520px;border-radius:36px;border:1px solid rgba(37,99,235,.14);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(240,248,255,.54));box-shadow:0 26px 90px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.82);overflow:hidden;display:grid;place-items:center;perspective:1000px}
.op-feat-orbit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(90% 70% at 50% 40%,#000,transparent 82%)}
.op-feat-orbit-ring{position:absolute;border-radius:999px;border:1px dashed rgba(37,99,235,.24);animation:opFeatOrbit 30s linear infinite}.op-feat-orbit-ring.r1{width:74%;aspect-ratio:1}.op-feat-orbit-ring.r2{width:48%;aspect-ratio:1;border-style:solid;border-color:rgba(6,182,212,.16);animation-duration:22s;animation-direction:reverse}
.op-feat-core{position:relative;z-index:2;width:156px;height:156px;border-radius:36px;display:grid;place-content:center;text-align:center;color:#fff;background:var(--pillar-grad);box-shadow:0 30px 90px rgba(37,99,235,.32),inset 0 1px 0 rgba(255,255,255,.32);transform:rotateX(8deg) rotateY(-8deg)}
.op-feat-core span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.op-feat-core b{font-size:48px;line-height:.9;letter-spacing:-.06em}.op-feat-core small{font-size:11px;font-weight:850;opacity:.82}
.op-feat-orbit-chip{position:absolute;z-index:3;max-width:170px;padding:10px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.14);background:rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(37,99,235,.12);font-size:12px;font-weight:900;color:#07111f}.op-feat-orbit-chip.c1{top:48px;left:50%;transform:translateX(-50%)}.op-feat-orbit-chip.c2{right:24px;top:38%}.op-feat-orbit-chip.c3{bottom:54px;left:50%;transform:translateX(-50%)}.op-feat-orbit-chip.c4{left:24px;top:42%}
.op-feat-featured{grid-area:featured;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.op-feat-feature{position:relative;min-height:220px;padding:22px;border-radius:28px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(247,251,255,.62));box-shadow:0 20px 60px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.80);overflow:hidden}.op-feat-feature:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--pillar-grad)}.op-feat-feature span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.12));color:#2563eb;font-weight:950}.op-feat-feature h3{margin:36px 0 9px;font-size:20px;line-height:1.1;letter-spacing:-.035em;color:#07111f}.op-feat-feature p{margin:0;color:#52627a;font-size:13px;line-height:1.55}
.op-feat-lanes{grid-area:lanes;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.op-feat-lane{display:grid;grid-template-columns:minmax(128px,.42fr) minmax(0,1fr);gap:12px;align-items:center;min-height:58px;padding:10px 12px;border-radius:17px;border:1px solid rgba(37,99,235,.10);background:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.66)}.op-feat-lane b{color:#07111f;font-size:13px;line-height:1.2}.op-feat-lane span{color:#64748b;font-size:12px;line-height:1.35}
.op-pillar-sell .op-feat-orbit,.op-pillar-sell .op-feat-feature,.op-pillar-sell .op-feat-lane{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.09)!important}.op-pillar-sell .op-feat-feature h3,.op-pillar-sell .op-feat-lane b{color:#fff}.op-pillar-sell .op-feat-feature p,.op-pillar-sell .op-feat-lane span{color:#b6c3dc}.op-pillar-sell .op-feat-orbit-chip{background:rgba(8,13,30,.86);border-color:rgba(180,200,255,.18);color:#fff}
.op-feat-trust-layout{display:grid;grid-template-columns:.72fr .78fr 1.1fr;gap:20px;align-items:stretch}.op-feat-trust-copy{align-self:center!important}.op-feat-trust-copy p{color:#b6c3dc;line-height:1.65;max-width:540px}.op-feat-trust-core{position:relative;min-height:360px;border-radius:38px;border:1px solid rgba(180,200,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 34px 100px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10);display:grid;place-content:center;text-align:center;overflow:hidden}.op-feat-trust-core:before{content:"";position:absolute;inset:46px;border-radius:999px;border:1px dashed rgba(34,211,238,.28);animation:opFeatOrbit 26s linear infinite}.op-feat-trust-core span{position:relative;z-index:2;width:104px;height:104px;border-radius:28px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);font-size:34px;font-weight:950}.op-feat-trust-core b,.op-feat-trust-core small{position:relative;z-index:2;display:block}.op-feat-trust-core b{color:#fff;font-size:22px}.op-feat-trust-core small{margin-top:8px;color:#aebcd7;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.op-feat-trust-list{display:grid;gap:8px}.op-feat-trust-list article{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:11px 12px;border-radius:18px;border:1px solid rgba(180,200,255,.12);background:rgba(255,255,255,.055)}.op-feat-trust-list i{font-style:normal;width:54px;height:42px;border-radius:15px;display:grid;place-items:center;color:#67e8f9;background:rgba(34,211,238,.08);font-size:11px;font-weight:950}.op-feat-trust-list b{display:block;color:#fff;font-size:14px}.op-feat-trust-list span{display:block;margin-top:3px;color:#aebcd7;font-size:12px;line-height:1.35}
@keyframes opFeatOrbit{to{transform:rotate(360deg)}}
html[data-theme="dark"] .op-feat-orbit,html[data-theme="dark"] .op-feat-feature,html[data-theme="dark"] .op-feat-lane{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-feat-feature h3,html[data-theme="dark"] .op-feat-lane b{color:#fff}html[data-theme="dark"] .op-feat-feature p,html[data-theme="dark"] .op-feat-lane span{color:#aebcd7}html[data-theme="dark"] .op-feat-orbit-chip{background:rgba(8,13,30,.86);border-color:rgba(180,200,255,.18);color:#fff}
@media(max-width:1180px){.op-feat-pillar-stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "featured" "lanes"!important}.op-feat-orbit{min-height:360px}.op-feat-trust-layout{grid-template-columns:1fr!important}.op-feat-trust-core{min-height:260px}}
@media(max-width:760px){.op-feat-orbit{min-height:300px;border-radius:26px}.op-feat-core{width:124px;height:124px;border-radius:28px}.op-feat-core b{font-size:38px}.op-feat-orbit-chip{font-size:10.5px;max-width:132px;padding:8px 10px}.op-feat-featured,.op-feat-lanes{grid-template-columns:1fr!important}.op-feat-feature{min-height:auto;padding:17px;border-radius:20px}.op-feat-feature h3{margin:22px 0 8px;font-size:17px}.op-feat-lane{grid-template-columns:1fr;gap:5px}.op-feat-trust-list article{grid-template-columns:46px 1fr}.op-feat-trust-list i{width:46px;height:38px}.op-feat-trust-core{border-radius:26px}}
/* Shared premium marketing FAQ system. */
.op-faq,.op-faq-acc{display:grid!important;gap:12px!important}
.op-faq .op-faq-item,.op-faq-acc .op-faq-item{position:relative!important;border-radius:24px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,250,255,.58))!important;box-shadow:0 16px 48px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.80)!important;overflow:hidden!important}
.op-faq .op-faq-item:before,.op-faq-acc .op-faq-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2563eb,#06b6d4,#7c3aed);opacity:.48}
.op-faq .op-faq-q,.op-faq-acc .op-faq-q{position:relative!important;z-index:1!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:20px 22px!important;border:0!important;background:transparent!important;color:var(--op-text)!important;font:inherit!important;font-size:16px!important;font-weight:900!important;text-align:left!important;cursor:pointer!important}
.op-faq .op-faq-q span,.op-faq-acc .op-faq-q span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);box-shadow:0 10px 22px rgba(37,99,235,.18);transition:transform .2s ease}
.op-faq .op-faq-item.open .op-faq-q span,.op-faq-acc .op-faq-item.open .op-faq-q span{transform:rotate(45deg)}
.op-faq .op-faq-a,.op-faq-acc .op-faq-a{display:block!important;max-height:0!important;overflow:hidden!important;padding:0 22px!important;color:var(--op-muted)!important;font-size:14px!important;line-height:1.7!important;transition:max-height .26s ease,padding .26s ease!important}
.op-faq .op-faq-item.open .op-faq-a,.op-faq-acc .op-faq-item.open .op-faq-a{max-height:260px!important;padding:0 22px 20px!important}
html[data-theme="dark"] .op-faq .op-faq-item,html[data-theme="dark"] .op-faq-acc .op-faq-item{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 62px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-faq .op-faq-a,html[data-theme="dark"] .op-faq-acc .op-faq-a{color:#aebcd7!important}
@media(max-width:760px){.op-faq .op-faq-q,.op-faq-acc .op-faq-q{padding:16px!important;font-size:14px!important}.op-faq .op-faq-q span,.op-faq-acc .op-faq-q span{width:28px;height:28px}.op-faq .op-faq-a,.op-faq-acc .op-faq-a{padding:0 16px!important;font-size:13px!important}.op-faq .op-faq-item.open .op-faq-a,.op-faq-acc .op-faq-item.open .op-faq-a{padding:0 16px 16px!important}}
/* Final features atlas pass: distinct scenes, fewer boxes. */.op-features-premium .op-feat-pillar-head{margin-bottom:clamp(22px,3vw,34px)!important}.op-features-premium .op-feat-pillar-head .op-mega-h2{max-width:920px!important;line-height:1.04!important}.op-feat-pillar-stage{position:relative!important;isolation:isolate!important;gap:clamp(14px,1.5vw,22px)!important}.op-feat-pillar-stage:before{content:"";position:absolute;inset:-18px;border-radius:44px;background:radial-gradient(70% 80% at 18% 10%,rgba(6,182,212,.10),transparent 58%),radial-gradient(64% 76% at 88% 70%,rgba(124,58,237,.09),transparent 66%);pointer-events:none;z-index:-1}.op-feat-orbit{transform-style:preserve-3d!important;min-height:clamp(390px,42vw,520px)!important}.op-feat-orbit:after{content:"";position:absolute;inset:auto 12% 8% 12%;height:7px;border-radius:999px;background:var(--pillar-grad);opacity:.74;box-shadow:0 12px 34px rgba(37,99,235,.22)}.op-feat-core{transform:translateZ(42px) rotateX(9deg) rotateY(-10deg)!important;animation:opFeatCoreFloat 5.8s ease-in-out infinite!important}.op-feat-lanes{position:relative!important;align-content:start!important;gap:0!important;padding-top:8px!important;background:transparent!important}.op-feat-lanes:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--pillar-grad),transparent);opacity:.38}.op-feat-lane{position:relative!important;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)!important;min-height:56px!important;margin-left:16px!important;padding:12px 0 12px 18px!important;border:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.op-feat-lane:before{content:"";position:absolute;left:-20px;top:23px;width:10px;height:10px;border-radius:999px;background:var(--pillar-grad);box-shadow:0 0 0 5px rgba(37,99,235,.07)}.op-feat-lane:last-child{border-bottom:0!important}.op-feat-lane span{color:#596a83!important}.op-pillar-sell .op-feat-pillar-stage,.op-pillar-know .op-feat-pillar-stage{grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr)!important;grid-template-areas:"featured visual" "lanes visual"!important}.op-pillar-sell .op-feat-featured{grid-template-columns:1fr!important}.op-pillar-sell .op-feat-feature{display:grid!important;grid-template-columns:46px 1fr!important;gap:14px!important;align-items:center!important;padding:16px 18px!important}.op-pillar-sell .op-feat-feature h3,.op-pillar-know .op-feat-feature:nth-child(3) h3{margin:0 0 5px!important}.op-pillar-support .op-feat-featured{grid-template-columns:1.05fr .95fr!important}.op-pillar-support .op-feat-feature:first-child{grid-row:span 2!important}.op-pillar-support .op-feat-orbit-chip{border-radius:22px!important;max-width:190px!important}.op-pillar-know .op-feat-featured{grid-template-columns:repeat(6,minmax(0,1fr))!important}.op-pillar-know .op-feat-feature{grid-column:span 2!important}.op-pillar-know .op-feat-feature:first-child,.op-pillar-know .op-feat-feature:nth-child(2){grid-column:span 3!important}.op-pillar-know .op-feat-feature:nth-child(3){grid-column:span 6!important;display:grid!important;grid-template-columns:46px 1fr!important;align-items:center!important;gap:14px!important}.op-feat-trust-layout{position:relative!important;isolation:isolate!important}.op-feat-trust-layout:before{content:"";position:absolute;inset:-18px;border-radius:44px;background:radial-gradient(74% 80% at 50% 50%,rgba(34,211,238,.10),transparent 68%);pointer-events:none;z-index:-1}.op-faq,.op-faq-acc,.op-faq .op-faq-item,.op-faq-acc .op-faq-item,.op-faq .op-faq-q,.op-faq-acc .op-faq-q{pointer-events:auto!important}.op-faq .op-faq-q,.op-faq-acc .op-faq-q{z-index:5!important}.op-faq .op-faq-item,.op-faq-acc .op-faq-item{isolation:isolate!important}@keyframes opFeatCoreFloat{0%,100%{transform:translateZ(42px) translateY(0) rotateX(9deg) rotateY(-10deg)}50%{transform:translateZ(58px) translateY(-8px) rotateX(11deg) rotateY(-6deg)}}@media(max-width:1180px){.op-pillar-engage .op-feat-pillar-stage,.op-pillar-sell .op-feat-pillar-stage,.op-pillar-support .op-feat-pillar-stage,.op-pillar-know .op-feat-pillar-stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "featured" "lanes"!important}.op-pillar-sell .op-feat-featured,.op-pillar-support .op-feat-featured,.op-pillar-know .op-feat-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important}.op-pillar-support .op-feat-feature:first-child,.op-pillar-know .op-feat-feature:nth-child(n){grid-column:auto!important;grid-row:auto!important}.op-pillar-know .op-feat-feature:nth-child(3){display:block!important}}@media(max-width:760px){.op-feat-pillar-stage:before{inset:-8px;border-radius:30px}.op-feat-orbit{min-height:260px!important}.op-feat-featured,.op-pillar-sell .op-feat-featured,.op-pillar-support .op-feat-featured,.op-pillar-know .op-feat-featured{grid-template-columns:1fr!important}.op-feat-lane{grid-template-columns:1fr!important;margin-left:16px!important;padding-left:16px!important}.op-features-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(24px,7.6vw,34px)!important}}
/* Features pillar recovery pass: fix squeezed titles and stabilize Sell/Support/Know rendering. */.op-features-premium .op-feat-pillar-head{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;gap:clamp(12px,1.4vw,18px)!important;align-items:start!important;max-width:min(1120px,100%)!important;margin-left:0!important;margin-right:auto!important;text-align:left!important}.op-features-premium .op-feat-pillar-head:after{display:none!important}.op-features-premium .op-feat-pillar-head>div{min-width:0!important;width:100%!important}.op-features-premium .op-feat-pillar-head .op-mega-h2{max-width:1000px!important;width:100%!important;font-size:clamp(28px,3.4vw,48px)!important;letter-spacing:-.04em!important;text-wrap:balance!important}.op-features-premium .op-feat-accent{height:clamp(40px,4.4vw,58px)!important}.op-pillar-sell .op-feat-pillar-stage,.op-pillar-support .op-feat-pillar-stage,.op-pillar-know .op-feat-pillar-stage{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;grid-template-areas:"visual featured" "visual lanes"!important;align-items:stretch!important}.op-pillar-sell .op-feat-featured,.op-pillar-support .op-feat-featured,.op-pillar-know .op-feat-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.op-pillar-sell .op-feat-feature,.op-pillar-support .op-feat-feature,.op-pillar-know .op-feat-feature{display:block!important;grid-column:auto!important;grid-row:auto!important;min-height:clamp(170px,14vw,220px)!important;padding:clamp(18px,1.6vw,22px)!important}.op-pillar-sell .op-feat-feature h3,.op-pillar-support .op-feat-feature h3,.op-pillar-know .op-feat-feature h3{margin:clamp(22px,2vw,34px) 0 8px!important}.op-pillar-sell .op-feat-feature:before,.op-pillar-support .op-feat-feature:before,.op-pillar-know .op-feat-feature:before{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:4px!important}.op-pillar-sell .op-feat-lanes,.op-pillar-support .op-feat-lanes,.op-pillar-know .op-feat-lanes{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-pillar-sell .op-feat-lane,.op-pillar-know .op-feat-lane{border-bottom-color:rgba(180,200,255,.12)!important}.op-pillar-support .op-feat-orbit-chip.c1{top:48px!important;left:50%!important;transform:translateX(-50%)!important}.op-pillar-support .op-feat-orbit-chip.c2{right:24px!important;top:38%!important}.op-pillar-support .op-feat-orbit-chip.c3{bottom:54px!important;left:50%!important;transform:translateX(-50%)!important}.op-pillar-support .op-feat-orbit-chip.c4{left:24px!important;right:auto!important;top:42%!important;bottom:auto!important}.op-pillar-sell .op-feat-orbit{background:linear-gradient(145deg,rgba(8,13,30,.90),rgba(18,28,62,.62))!important}.op-pillar-support .op-feat-orbit{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,241,250,.52))!important}.op-pillar-know .op-feat-orbit{background:linear-gradient(145deg,rgba(244,255,250,.86),rgba(237,253,255,.50))!important}@media(max-width:1180px){.op-pillar-sell .op-feat-pillar-stage,.op-pillar-support .op-feat-pillar-stage,.op-pillar-know .op-feat-pillar-stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "featured" "lanes"!important}.op-pillar-sell .op-feat-featured,.op-pillar-support .op-feat-featured,.op-pillar-know .op-feat-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.op-features-premium .op-feat-pillar-head{grid-template-columns:12px minmax(0,1fr)!important;max-width:100%!important}.op-features-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(24px,7.8vw,34px)!important;line-height:1.08!important}.op-pillar-sell .op-feat-featured,.op-pillar-support .op-feat-featured,.op-pillar-know .op-feat-featured,.op-pillar-sell .op-feat-lanes,.op-pillar-support .op-feat-lanes,.op-pillar-know .op-feat-lanes{grid-template-columns:1fr!important}.op-pillar-sell .op-feat-feature,.op-pillar-support .op-feat-feature,.op-pillar-know .op-feat-feature{min-height:auto!important}}
/* Features pillar hard fix: equal readable module cards after old nth-child spans. */.op-features-premium .op-pillar-sell .op-feat-featured,.op-features-premium .op-pillar-support .op-feat-featured,.op-features-premium .op-pillar-know .op-feat-featured{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;align-items:stretch!important;overflow:visible!important}.op-features-premium .op-pillar-sell .op-feat-feature:nth-child(n),.op-features-premium .op-pillar-support .op-feat-feature:nth-child(n),.op-features-premium .op-pillar-know .op-feat-feature:nth-child(n){grid-column:span 1!important;grid-row:auto!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:clamp(176px,14vw,220px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important}.op-features-premium .op-pillar-sell .op-feat-feature h3,.op-features-premium .op-pillar-support .op-feat-feature h3,.op-features-premium .op-pillar-know .op-feat-feature h3{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.op-features-premium .op-pillar-sell .op-feat-feature p,.op-features-premium .op-pillar-support .op-feat-feature p,.op-features-premium .op-pillar-know .op-feat-feature p{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.op-features-premium .op-pillar-know .op-feat-pillar-stage{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important}.op-features-premium .op-pillar-know .op-feat-orbit{min-height:clamp(360px,38vw,500px)!important}.op-features-premium .op-pillar-know .op-feat-lanes{grid-template-columns:repeat(2,minmax(240px,1fr))!important}@media(max-width:1180px){.op-features-premium .op-pillar-sell .op-feat-featured,.op-features-premium .op-pillar-support .op-feat-featured,.op-features-premium .op-pillar-know .op-feat-featured{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.op-features-premium .op-pillar-know .op-feat-pillar-stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "featured" "lanes"!important}}@media(max-width:760px){.op-features-premium .op-pillar-sell .op-feat-featured,.op-features-premium .op-pillar-support .op-feat-featured,.op-features-premium .op-pillar-know .op-feat-featured,.op-features-premium .op-pillar-know .op-feat-lanes{grid-template-columns:1fr!important}.op-features-premium .op-pillar-sell .op-feat-feature:nth-child(n),.op-features-premium .op-pillar-support .op-feat-feature:nth-child(n),.op-features-premium .op-pillar-know .op-feat-feature:nth-child(n){min-height:auto!important}}
/* Features hero: homepage-style cinematic wrapper with page-specific art. */.op-features-cinema-hero{position:relative!important;min-height:auto!important;padding:0 0 clamp(28px,4vw,56px)!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fbff,#edf6ff 68%,#f8fbff)!important}.op-features-cinema-hero .op-features-constellation{opacity:.58!important;mix-blend-mode:multiply!important}.op-features-hero-shell{width:min(1480px,calc(100vw - 42px))!important;max-width:none!important;margin:0 auto!important}.op-features-hero-card{min-height:auto!important;padding:calc(var(--op-nav-h,82px) + 48px) clamp(24px,3.2vw,48px) clamp(28px,3.4vw,44px)!important;border-radius:0 0 clamp(34px,4vw,56px) clamp(34px,4vw,56px)!important}.op-features-hero-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;gap:clamp(28px,4vw,70px)!important;align-items:center!important}.op-features-hero-copy{max-width:640px!important}.op-features-cinema-hero .op-kicker{width:max-content!important;margin-bottom:18px!important;background:rgba(255,255,255,.68)!important;box-shadow:0 16px 36px rgba(37,99,235,.08)!important}.op-features-cinema-hero .op-features-title{font-size:clamp(48px,6.6vw,98px)!important;line-height:.92!important;letter-spacing:-.065em!important;max-width:8.8ch!important;margin:0 0 18px!important}.op-features-cinema-hero .op-lead{font-size:clamp(15px,1.2vw,18px)!important;line-height:1.62!important;max-width:620px!important;color:#52627a!important}.op-features-hero-art{position:relative!important}.op-features-hero-art .m3d-stage{border-radius:34px!important;box-shadow:0 42px 110px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.12)!important}.op-features-hero-art .m3d-stage:before{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.op-features-cinema-hero + .op-features-stats{margin-top:clamp(-24px,-2vw,-10px)!important;position:relative!important;z-index:3!important}html[data-theme="dark"] .op-features-cinema-hero{background:linear-gradient(180deg,#050712,#07111f 68%,#050712)!important}html[data-theme="dark"] .op-features-cinema-hero .op-features-constellation{opacity:.86!important;mix-blend-mode:screen!important}html[data-theme="dark"] .op-features-cinema-hero .op-kicker{background:rgba(13,20,42,.82)!important}html[data-theme="dark"] .op-features-cinema-hero .op-lead{color:#aebcd7!important}@media(max-width:1040px){.op-features-hero-grid{grid-template-columns:1fr!important}.op-features-hero-copy{max-width:760px!important}.op-features-cinema-hero .op-features-title{max-width:10ch!important}.op-features-hero-art{max-width:760px!important;width:100%!important;margin:0 auto!important}.op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 34px)!important}}@media(max-width:760px){.op-features-hero-shell{width:calc(100vw - 24px)!important}.op-features-hero-card{padding:calc(var(--op-nav-h,82px) + 26px) 16px 22px!important;border-radius:0 0 30px 30px!important}.op-features-cinema-hero .op-features-title{font-size:clamp(38px,13vw,56px)!important;max-width:9ch!important}.op-features-cinema-hero .op-lead{font-size:14px!important}.op-features-cinema-hero .op-hero-actions{display:grid!important;grid-template-columns:1fr!important}.op-features-cinema-hero .op-hero-actions .op-btn{width:100%!important}.op-features-hero-art .m3d-stage{border-radius:24px!important}.op-features-cinema-hero + .op-features-stats{margin-top:-12px!important}}
/* Features hero top-origin correction: wrapper begins behind the nav like Home. */.op-features-premium{margin-top:calc(var(--op-nav-h,82px) * -1)!important}.op-features-cinema-hero{margin-top:0!important;padding-top:0!important}.op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 76px)!important}.op-features-cinema-hero .op-orb,.op-features-cinema-hero .op-halo,.op-features-cinema-hero .op-hero-constellation{top:0}@media(max-width:1040px){.op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 58px)!important}}@media(max-width:760px){.op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 42px)!important}}
/* Features hero final top wrapper alignment: use Home op-top geometry, no negative main pull. */.op-features-premium{margin-top:0!important}.op-features-top{margin-top:calc(var(--op-nav-h,82px) * -1)!important;padding-top:0!important}.op-features-top .op-features-cinema-hero{padding-top:0!important}.op-features-top .op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 64px)!important}.op-features-top + .op-features-stats{margin-top:clamp(-22px,-1.8vw,-8px)!important;position:relative!important;z-index:4!important}@media(max-width:760px){.op-features-top .op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 38px)!important}}
/* Features hero home-match correction: op-top owns the first viewport like Home. */.op-features-top{margin-top:0!important;padding-top:0!important;background:linear-gradient(180deg,#edf1fb 0%,#eff3fd 56%,#f5f8ff 100%)!important}.op-features-premium .op-features-cinema-hero{min-height:100svh!important;padding:0 0 92px!important;background:transparent!important}.op-features-premium .op-features-hero-shell{width:min(1480px,calc(100vw - 42px))!important;margin:0 auto!important}.op-features-premium .op-features-hero-card{min-height:100svh!important;padding:calc(var(--op-nav-h,82px) + 56px) clamp(26px,3.1vw,46px) 30px!important;border-radius:0 0 52px 52px!important}.op-features-premium .op-features-hero-grid{min-height:calc(100svh - var(--op-nav-h,82px) - 96px)!important}.op-features-premium .op-features-constellation{inset:0!important;width:100%!important;height:100%!important}html[data-theme="dark"] .op-features-top{background:linear-gradient(180deg,#070c1a 0%,#080e20 56%,#070b17 100%)!important}@media(max-width:1040px){.op-features-premium .op-features-hero-card{padding-top:calc(var(--op-nav-h,82px) + 42px)!important}.op-features-premium .op-features-hero-grid{min-height:auto!important}}@media(max-width:760px){.op-features-premium .op-features-cinema-hero{min-height:auto!important;padding-bottom:42px!important}.op-features-premium .op-features-hero-shell{width:calc(100vw - 24px)!important}.op-features-premium .op-features-hero-card{min-height:auto!important;padding:calc(var(--op-nav-h,82px) + 30px) 16px 22px!important;border-radius:0 0 30px 30px!important}}
/* Features hero size correction: keep Home skin, restore tighter feature-page footprint. */.op-features-premium .op-features-cinema-hero{min-height:auto!important;padding-bottom:clamp(36px,5vw,72px)!important}.op-features-premium .op-features-hero-shell{width:min(1280px,calc(100vw - 56px))!important}.op-features-premium .op-features-hero-card{min-height:auto!important;padding:calc(var(--op-nav-h,82px) + 46px) clamp(22px,2.7vw,38px) clamp(26px,3vw,38px)!important;border-radius:0 0 clamp(32px,3.4vw,48px) clamp(32px,3.4vw,48px)!important}.op-features-premium .op-features-hero-grid{min-height:auto!important;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.02fr)!important;gap:clamp(24px,3.2vw,52px)!important}.op-features-cinema-hero .op-features-title{font-size:clamp(42px,5.2vw,76px)!important;max-width:9.4ch!important;line-height:.94!important}.op-features-cinema-hero .op-lead{font-size:clamp(14px,1.05vw,17px)!important;max-width:560px!important}.op-features-cinema-hero .op-hero-actions .op-btn{min-height:48px!important;padding:0 22px!important}.op-features-hero-art .m3d-stage{max-width:620px!important;margin-left:auto!important}.op-features-hero-art .m3d-stage svg{display:block!important;width:100%!important;height:auto!important}.op-features-top + .op-features-stats{margin-top:clamp(-12px,-1vw,-4px)!important}@media(max-width:1040px){.op-features-premium .op-features-hero-shell{width:min(860px,calc(100vw - 32px))!important}.op-features-premium .op-features-hero-grid{grid-template-columns:1fr!important}.op-features-hero-art .m3d-stage{max-width:680px!important;margin:0 auto!important}.op-features-cinema-hero .op-features-title{max-width:10ch!important}}@media(max-width:760px){.op-features-premium .op-features-hero-shell{width:calc(100vw - 24px)!important}.op-features-premium .op-features-hero-card{padding:calc(var(--op-nav-h,82px) + 28px) 16px 22px!important}.op-features-cinema-hero .op-features-title{font-size:clamp(36px,12vw,52px)!important}.op-features-hero-art .m3d-stage{max-width:100%!important}}
/* Features hero wrapper/content split: wide canvas, tight inner content. */.op-features-premium .op-features-hero-shell{width:min(1480px,calc(100vw - 42px))!important}.op-features-premium .op-features-hero-card{max-width:1280px!important;margin:0 auto!important}.op-features-premium .op-features-hero-grid{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.02fr)!important;gap:clamp(24px,3.2vw,52px)!important}.op-features-hero-art .m3d-stage{max-width:620px!important}@media(max-width:1040px){.op-features-premium .op-features-hero-shell{width:min(940px,calc(100vw - 32px))!important}.op-features-premium .op-features-hero-card{max-width:860px!important}}@media(max-width:760px){.op-features-premium .op-features-hero-shell{width:calc(100vw - 24px)!important}.op-features-premium .op-features-hero-card{max-width:none!important}}
/* Features hero wrapper exact Home width: wide visible card, constrained content inside. */.op-features-premium .op-features-hero-shell{width:min(1480px,calc(100vw - 42px))!important;max-width:none!important}.op-features-premium .op-features-hero-card{width:100%!important;max-width:none!important;margin:0!important}.op-features-premium .op-features-hero-grid{width:min(1280px,100%)!important;max-width:1280px!important;margin:0 auto!important;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.02fr)!important;gap:clamp(24px,3.2vw,52px)!important}.op-features-hero-art .m3d-stage{max-width:620px!important}@media(max-width:1040px){.op-features-premium .op-features-hero-shell{width:min(1480px,calc(100vw - 32px))!important}.op-features-premium .op-features-hero-grid{width:min(860px,100%)!important;grid-template-columns:1fr!important}}@media(max-width:760px){.op-features-premium .op-features-hero-shell{width:calc(100vw - 24px)!important}.op-features-premium .op-features-hero-grid{width:100%!important}}
/* Features hero art alignment: lower 3D to title level. */@media(min-width:1041px){.op-features-premium .op-features-hero-art{transform:translateY(clamp(34px,4vw,70px))!important}.op-features-premium .op-features-hero-grid{align-items:center!important}}
/* CRM section-by-section correction: layout only, preserve each 3D scene/background. */
.op-crm-premium .op-section-head{max-width:900px;margin-left:0;margin-right:auto;text-align:left}.op-crm-premium .op-section-head .op-mega-h2,.op-crm-premium .op-spot-copy h2{text-wrap:balance}.op-crm-stats{padding-top:42px!important}.op-crm-stats .op-container>div{gap:12px!important;padding:10px;border:1px solid rgba(37,99,235,.12);border-radius:28px;background:rgba(255,255,255,.38);box-shadow:0 18px 54px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(14px)}.op-crm-stats .op-big-stat{min-height:104px;padding:18px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(37,99,235,.10);text-align:left}.op-crm-stats .op-big-stat b{display:block;font-size:clamp(24px,2.4vw,34px);line-height:1;letter-spacing:-.05em;background:linear-gradient(105deg,#2563eb,#06b6d4,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.op-crm-stats .op-big-stat span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--op-muted)}
.op-crm-agents .op-grid-3{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}.op-crm-agents .op-spot-card{grid-column:span 4!important;min-height:260px!important;padding:22px!important}.op-crm-agents .op-spot-card:nth-child(4){grid-column:span 12!important;min-height:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(260px,.72fr)!important;align-items:center!important}.op-crm-agents .op-spot-card:nth-child(4)>div:last-child{border-left:1px solid var(--op-stroke);padding-left:16px}.op-crm-agents .op-pillar-ic{box-shadow:0 14px 30px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.36)}
.op-crm-compare{padding-top:88px!important}.op-crm-compare .op-cmp{width:100%;border-collapse:separate;border-spacing:0;border-radius:28px;overflow:hidden;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(246,250,255,.56));box-shadow:0 24px 74px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)}.op-crm-compare .op-cmp th,.op-crm-compare .op-cmp td{padding:15px 18px;border-bottom:1px solid rgba(37,99,235,.10)}.op-crm-compare .op-cmp thead th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#50627f;background:rgba(37,99,235,.055)}.op-crm-compare .op-cmp-pop{background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(6,182,212,.07),rgba(124,58,237,.10))!important}.op-crm-compare td.yes{font-weight:850;color:#0f766e}
.op-crm-index .op-grid-3{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.op-crm-index .op-spot-card{min-height:auto!important;padding:16px!important;border-radius:18px!important}.op-crm-index .op-spot-card h3{font-size:15px!important;line-height:1.18!important}.op-crm-index .op-spot-card p{font-size:12.5px!important;line-height:1.48!important}.op-crm-deal-room{padding-top:86px!important}
html[data-theme="dark"] .op-crm-stats .op-container>div,html[data-theme="dark"] .op-crm-stats .op-big-stat,html[data-theme="dark"] .op-crm-compare .op-cmp{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-color:rgba(180,200,255,.14);box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}html[data-theme="dark"] .op-crm-compare .op-cmp th,html[data-theme="dark"] .op-crm-compare .op-cmp td{border-bottom-color:rgba(180,200,255,.10)}html[data-theme="dark"] .op-crm-compare td.yes{color:#67e8f9}
@media(max-width:1080px){.op-crm-agents .op-spot-card{grid-column:span 6!important}.op-crm-agents .op-spot-card:nth-child(4){grid-column:span 12!important;grid-template-columns:auto 1fr!important}.op-crm-agents .op-spot-card:nth-child(4)>div:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid var(--op-stroke);padding-left:0;padding-top:14px}.op-crm-index .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.op-crm-stats .op-container>div,.op-crm-agents .op-grid-3,.op-crm-index .op-grid-3{grid-template-columns:1fr!important}.op-crm-agents .op-spot-card,.op-crm-agents .op-spot-card:nth-child(4){grid-column:auto!important;min-height:auto!important;grid-template-columns:1fr!important}.op-crm-agents .op-spot-card:nth-child(4)>div:last-child{grid-column:auto}.op-crm-compare .op-cmp{min-width:760px}.op-crm-index .op-spot-card{padding:14px!important}.op-crm-deal-room{padding-top:56px!important}}
/* CRM redesign pass 2: real section structures, no 3D repainting. */
.op-crm-signal-strip{display:grid;grid-template-columns:minmax(240px,1.2fr) repeat(4,minmax(120px,.7fr));gap:12px;align-items:stretch;padding:12px;border:1px solid rgba(37,99,235,.13);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,255,.44));box-shadow:0 22px 70px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(18px) saturate(150%)}
.op-crm-signal-intro{padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(7,17,31,.95),rgba(22,15,46,.86));color:#fff;overflow:hidden;position:relative}.op-crm-signal-intro:after{content:"";position:absolute;right:-46px;top:-54px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(6,182,212,.34),transparent 68%)}.op-crm-signal-intro .op-kicker{background:rgba(255,255,255,.08)!important;color:#a5f3fc!important;border-color:rgba(180,200,255,.18)!important}.op-crm-signal-intro h2{position:relative;margin:16px 0 0;font-size:clamp(22px,2.1vw,34px);line-height:1.02;letter-spacing:-.05em;color:#fff}
.op-crm-signal{padding:18px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(37,99,235,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}.op-crm-signal b{display:block;font-size:clamp(28px,3vw,42px);line-height:.92;letter-spacing:-.06em;background:linear-gradient(105deg,#2563eb,#06b6d4,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.op-crm-signal span{display:block;margin-top:10px;color:var(--op-muted);font-size:13px;line-height:1.42;font-weight:760}
.op-crm-command{background:linear-gradient(180deg,#f8fbff,#eef7ff 54%,#f8fbff)!important}.op-crm-agent-stage{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:16px;min-height:560px;padding:clamp(18px,2.5vw,34px);border-radius:42px;border:1px solid rgba(37,99,235,.13);background:radial-gradient(720px 420px at 50% 42%,rgba(6,182,212,.13),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.70),rgba(244,249,255,.46));box-shadow:0 30px 100px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.78);overflow:hidden}.op-crm-agent-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 68% at 50% 42%,#000,transparent 84%);pointer-events:none}.op-crm-agent-stage>*{position:relative;z-index:1}
.op-crm-agent-core{grid-column:5 / span 4;grid-row:1 / span 2;min-height:430px;display:grid;place-items:center;align-self:center}.op-crm-core-ring{position:absolute;border-radius:999px;border:1px dashed rgba(37,99,235,.28)}.op-crm-core-ring.r1{width:min(360px,30vw);aspect-ratio:1;animation:opCrmOrbit 28s linear infinite}.op-crm-core-ring.r2{width:min(245px,22vw);aspect-ratio:1;border-style:solid;border-color:rgba(6,182,212,.18);animation:opCrmOrbit 20s linear infinite reverse}.op-crm-core-orb{width:clamp(150px,16vw,210px);aspect-ratio:1;border-radius:40px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4 48%,#7c3aed);box-shadow:0 34px 90px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.36);transform:rotateX(9deg) rotateY(-10deg)}.op-crm-core-orb span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:950}.op-crm-core-orb b{font-size:clamp(34px,4vw,54px);line-height:.9;letter-spacing:-.06em}.op-crm-core-orb small{max-width:150px;margin:10px auto 0;font-size:10px;line-height:1.35;font-weight:850;opacity:.84}.op-crm-queue-chip{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:#07111f;color:#a5f3fc;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 44px rgba(15,23,42,.20)}
.op-crm-agent{min-height:210px;padding:20px;border-radius:26px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,250,255,.58));box-shadow:0 18px 54px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.78)}.op-crm-agent i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.12));color:#2563eb;font-style:normal;font-weight:950}.op-crm-agent h3{margin:26px 0 8px;font-size:20px;letter-spacing:-.035em}.op-crm-agent p{margin:0;color:var(--op-muted);font-size:13.5px;line-height:1.55}.op-crm-agent span{display:block;margin-top:14px;padding-top:12px;border-top:1px solid rgba(37,99,235,.10);color:#52627a;font-size:12px;line-height:1.45;font-weight:760}.agent-steward{grid-column:1 / span 4;grid-row:1}.agent-prospect{grid-column:9 / span 4;grid-row:1}.agent-retention{grid-column:1 / span 4;grid-row:2}.agent-analyst{grid-column:9 / span 4;grid-row:2}
@keyframes opCrmOrbit{to{transform:rotate(360deg)}}
html[data-theme="dark"] .op-crm-command{background:linear-gradient(180deg,#07111f,#08192b 54%,#050712)!important}html[data-theme="dark"] .op-crm-signal-strip,html[data-theme="dark"] .op-crm-agent-stage,html[data-theme="dark"] .op-crm-agent,html[data-theme="dark"] .op-crm-signal{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-color:rgba(180,200,255,.14);box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}html[data-theme="dark"] .op-crm-agent span{color:#aebcd7;border-top-color:rgba(180,200,255,.12)}
@media(max-width:1080px){.op-crm-signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.op-crm-signal-intro{grid-column:1 / -1}.op-crm-agent-stage{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.op-crm-agent-core{grid-column:1 / -1;grid-row:auto;min-height:320px}.agent-steward,.agent-prospect,.agent-retention,.agent-analyst{grid-column:auto;grid-row:auto}.op-crm-core-ring.r1{width:320px}.op-crm-core-ring.r2{width:220px}}
@media(max-width:760px){.op-crm-signal-strip,.op-crm-agent-stage{grid-template-columns:1fr;border-radius:28px;padding:12px}.op-crm-agent-core{min-height:260px}.op-crm-core-ring.r1{width:230px}.op-crm-core-ring.r2{width:165px}.op-crm-agent{min-height:auto;padding:17px;border-radius:22px}.op-crm-agent h3{margin:18px 0 8px}.op-crm-signal-intro h2{font-size:25px}}
/* CRM story sections: distinct layouts, preserving SVG panels. */
.op-crm-story{isolation:isolate}.op-crm-story .op-spot-row{position:relative;gap:clamp(28px,4vw,64px)!important}.op-crm-story .op-spot-copy{min-width:0}.op-crm-story .op-spot-feats{display:grid;gap:10px;margin-top:22px}.op-crm-story .op-spot-feat{padding:12px 0;border-bottom:1px solid rgba(37,99,235,.10)}.op-crm-story .op-spot-feat:last-child{border-bottom:0}.op-crm-story .op-spot-feat svg{color:#06b6d4}
.op-crm-coach{background:linear-gradient(180deg,#f8fbff,#fff7fb 56%,#f8fbff)!important}.op-crm-coach .op-spot-copy{padding:clamp(22px,2.4vw,32px);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,247,253,.58));border:1px solid rgba(232,121,249,.16);box-shadow:0 22px 78px rgba(232,121,249,.10),inset 0 1px 0 rgba(255,255,255,.80)}.op-crm-coach .op-spot-copy:before{content:"Risk brief";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(239,68,68,.08);color:#be123c;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.op-crm-pipeline .op-spot-row{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;align-items:center}.op-crm-pipeline .op-spot-art{min-width:0}.op-crm-pipeline .op-spot-copy{align-self:center}.op-crm-pipeline .op-spot-feats{grid-template-columns:1fr}.op-crm-pipeline .op-spot-feat{border-bottom:0;border-left:3px solid rgba(6,182,212,.34);padding:10px 0 10px 14px}
.op-crm-queue{background:linear-gradient(135deg,#07111f,#0b1830 52%,#130d26)!important;color:#fff!important}.op-crm-queue .op-spot-copy h2{color:#fff!important}.op-crm-queue .op-lead,.op-crm-queue .op-spot-feat span{color:#b6c3dc!important}.op-crm-queue .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}.op-crm-queue .op-spot-feat{border-bottom-color:rgba(180,200,255,.12)}.op-crm-queue .op-spot-feats{position:relative;padding-left:22px}.op-crm-queue .op-spot-feats:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;border-radius:99px;background:linear-gradient(#2563eb,#06b6d4,#7c3aed)}
.op-crm-trust-dial{background:linear-gradient(180deg,#f8fbff,#eef7ff)!important}.op-crm-trust-dial .op-spot-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-crm-trust-dial .op-spot-feat{display:block;padding:16px;border-radius:22px;border:1px solid rgba(37,99,235,.12);background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}.op-crm-trust-dial .op-spot-feat svg{margin-bottom:10px}.op-crm-trust-dial .op-spot-feat span{display:block}.op-crm-trust-dial .op-spot-feat b{display:block;margin-bottom:4px}
html[data-theme="dark"] .op-crm-coach{background:linear-gradient(180deg,#07111f,#120d22 56%,#07111f)!important}html[data-theme="dark"] .op-crm-coach .op-spot-copy,html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-color:rgba(180,200,255,.14);box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}html[data-theme="dark"] .op-crm-trust-dial{background:linear-gradient(180deg,#07111f,#08192b)!important}
@media(max-width:1080px){.op-crm-pipeline .op-spot-row{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-feats{grid-template-columns:1fr}}
@media(max-width:760px){.op-crm-coach .op-spot-copy{padding:18px;border-radius:24px}.op-crm-queue .op-spot-feats{padding-left:16px}.op-crm-trust-dial .op-spot-feat{padding:14px;border-radius:18px}}
/* CRM middle product sections: each has a different composition. */
.op-crm-health-map{background:linear-gradient(180deg,#fff7fb,#f8fbff 62%,#f4fbff)!important}.op-crm-health-map .op-spot-row{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important}.op-crm-health-map .op-spot-copy{position:relative;padding-left:24px}.op-crm-health-map .op-spot-copy:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:99px;background:linear-gradient(#e879f9,#06b6d4,#13b981)}.op-crm-health-map .op-spot-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-crm-health-map .op-spot-feat{display:block;border:1px solid rgba(232,121,249,.14);border-radius:20px;background:rgba(255,255,255,.56);padding:14px}
.op-crm-outreach{background:linear-gradient(135deg,#f7fffb,#effcff 48%,#f7f9ff)!important}.op-crm-outreach .op-spot-row{grid-template-columns:minmax(310px,.88fr) minmax(0,1.12fr)!important}.op-crm-outreach .op-spot-feats{counter-reset:crmout}.op-crm-outreach .op-spot-feat{position:relative;padding:12px 0 12px 54px;border-bottom:1px solid rgba(19,185,129,.12)}.op-crm-outreach .op-spot-feat svg{display:none}.op-crm-outreach .op-spot-feat:before{counter-increment:crmout;content:counter(crmout,decimal-leading-zero);position:absolute;left:0;top:10px;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(19,185,129,.14),rgba(6,182,212,.12));color:#047857;font-weight:950}
.op-crm-steward-section{background:linear-gradient(180deg,#f8fbff,#eef7ff)!important}.op-crm-steward-section .op-spot-row{padding:clamp(18px,2.4vw,30px);border-radius:38px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(246,250,255,.46));box-shadow:0 22px 76px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)}.op-crm-steward-section .op-spot-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.op-crm-steward-section .op-spot-feat{border:0;border-radius:18px;padding:12px;background:rgba(37,99,235,.055)}.op-crm-steward-section .op-spot-feat:nth-child(3){grid-column:1 / -1}
.op-crm-analyst-section{background:linear-gradient(135deg,#07111f,#0b1830 52%,#130d26)!important;color:#fff!important}.op-crm-analyst-section .op-spot-copy h2{color:#fff!important}.op-crm-analyst-section .op-lead,.op-crm-analyst-section .op-spot-feat span{color:#b6c3dc!important}.op-crm-analyst-section .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}.op-crm-analyst-section .op-spot-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-crm-analyst-section .op-spot-feat{display:block;padding:15px;border-radius:22px;border:1px solid rgba(180,200,255,.12);background:rgba(255,255,255,.055)}.op-crm-analyst-section .op-spot-feat svg{margin-bottom:10px}
.op-crm-builder-section{background:linear-gradient(180deg,#f8fbff,#f7f1ff 54%,#f8fbff)!important}.op-crm-builder-section .op-spot-row{grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important}.op-crm-builder-section .op-spot-copy{max-width:760px}.op-crm-builder-section .op-spot-feats{display:flex!important;flex-wrap:wrap;gap:10px}.op-crm-builder-section .op-spot-feat{border:1px solid rgba(124,58,237,.13);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.62)}.op-crm-builder-section .op-spot-feat svg{width:16px;height:16px}
html[data-theme="dark"] .op-crm-health-map,html[data-theme="dark"] .op-crm-outreach,html[data-theme="dark"] .op-crm-steward-section,html[data-theme="dark"] .op-crm-builder-section{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}html[data-theme="dark"] .op-crm-health-map .op-spot-feat,html[data-theme="dark"] .op-crm-steward-section .op-spot-row,html[data-theme="dark"] .op-crm-steward-section .op-spot-feat,html[data-theme="dark"] .op-crm-builder-section .op-spot-feat{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-color:rgba(180,200,255,.14)}
@media(max-width:1080px){.op-crm-health-map .op-spot-row,.op-crm-outreach .op-spot-row,.op-crm-builder-section .op-spot-row{grid-template-columns:1fr!important}.op-crm-health-map .op-spot-feats,.op-crm-analyst-section .op-spot-feats{grid-template-columns:1fr}.op-crm-steward-section .op-spot-feats{grid-template-columns:1fr}}
@media(max-width:760px){.op-crm-health-map .op-spot-copy{padding-left:16px}.op-crm-steward-section .op-spot-row{padding:14px;border-radius:26px}.op-crm-builder-section .op-spot-feats{display:grid!important}.op-crm-builder-section .op-spot-feat{border-radius:18px}}
/** CRM lower-page section redesign: distinct compositions, keep 3D SVG scenes intact. */
.op-crm-stats .op-crm-signal-strip{display:grid!important;grid-template-columns:minmax(240px,1.2fr) repeat(4,minmax(120px,.7fr))!important;gap:12px!important;align-items:stretch!important;padding:12px!important;border:1px solid rgba(37,99,235,.13)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,255,.44))!important;box-shadow:0 22px 70px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;backdrop-filter:blur(18px) saturate(150%)!important}
html[data-theme="dark"] .op-crm-stats .op-crm-signal-strip{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
.op-crm-prospect-depth{background:linear-gradient(180deg,#f8fbff,#f3fff9 50%,#f8fbff)!important}
.op-crm-prospect-depth .op-spot-row{grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr)!important;align-items:center}
.op-crm-prospect-depth .op-spot-copy{position:relative;padding:clamp(20px,2.5vw,34px) clamp(18px,2.5vw,32px);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,253,246,.48));border:1px solid rgba(19,185,129,.14);box-shadow:0 24px 76px rgba(19,185,129,.09),inset 0 1px 0 rgba(255,255,255,.80)}
.op-crm-prospect-depth .op-spot-copy:after{content:"ICP engine";position:absolute;right:22px;top:20px;padding:8px 12px;border-radius:999px;background:rgba(19,185,129,.10);color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.op-crm-prospect-depth .op-spot-feats{counter-reset:prospect;display:grid;gap:0!important;margin-top:24px;border-top:1px solid rgba(19,185,129,.14)}
.op-crm-prospect-depth .op-spot-feat{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;padding:16px 0!important;border-bottom:1px solid rgba(19,185,129,.14)!important}
.op-crm-prospect-depth .op-spot-feat svg{display:none}.op-crm-prospect-depth .op-spot-feat:before{counter-increment:prospect;content:counter(prospect,decimal-leading-zero);width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(19,185,129,.14),rgba(6,182,212,.13));color:#047857;font-weight:950;font-size:12px}
.op-crm-access-section{background:linear-gradient(180deg,#f8fbff,#f6f3ff 54%,#f8fbff)!important}
.op-crm-access-section .op-spot-row{grid-template-columns:minmax(330px,.92fr) minmax(0,1.08fr)!important;align-items:center}
.op-crm-access-section .op-spot-copy{padding-left:clamp(18px,2vw,30px);border-left:1px solid rgba(124,58,237,.18)}
.op-crm-access-section .op-spot-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-top:24px}
.op-crm-access-section .op-spot-feat{display:block!important;min-height:142px;padding:16px!important;border:1px solid rgba(124,58,237,.13)!important;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(248,245,255,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}
.op-crm-access-section .op-spot-feat svg{width:18px;height:18px;margin-bottom:12px;color:#7c3aed}
.op-crm-command-center{background:radial-gradient(860px 420px at 78% 20%,rgba(6,182,212,.18),transparent 64%),linear-gradient(135deg,#07111f,#0b1830 50%,#160f2e)!important;color:#fff!important}
.op-crm-command-center .op-spot-copy h2{color:#fff!important}.op-crm-command-center .op-lead,.op-crm-command-center .op-spot-feat span{color:#b6c3dc!important}
.op-crm-command-center .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}
.op-crm-command-center .op-spot-row{grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr)!important;align-items:center}
.op-crm-command-center .op-spot-copy{padding:clamp(22px,2.7vw,36px);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(180,200,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.op-crm-command-center .op-spot-feats{display:grid;grid-template-columns:1fr;gap:10px!important;margin-top:22px}
.op-crm-command-center .op-spot-feat{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:12px!important;border:1px solid rgba(180,200,255,.12)!important;border-radius:18px;background:rgba(255,255,255,.045)}
.op-crm-table-section{background:linear-gradient(180deg,#f8fbff,#edf6ff 52%,#f8fbff)!important}
.op-crm-table-section .op-section-head{max-width:760px!important}
.op-crm-table-section .op-section-head .op-mega-h2{font-size:clamp(32px,4vw,56px)!important;line-height:1.04!important}
.op-crm-table-section .op-ftable-wrap{border-radius:32px!important;border:1px solid rgba(37,99,235,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(246,250,255,.55))!important;box-shadow:0 24px 78px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;overflow:hidden!important}
.op-crm-table-section .op-ftable{border-collapse:separate!important;border-spacing:0!important;width:100%!important}
.op-crm-table-section .op-ftable th{padding:16px 18px!important;background:rgba(37,99,235,.06)!important;color:#50627f!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.op-crm-table-section .op-ftable td{padding:14px 18px!important;border-bottom:1px solid rgba(37,99,235,.09)!important;vertical-align:top!important}
.op-crm-table-section .op-ft-group td{background:linear-gradient(90deg,rgba(37,99,235,.09),rgba(6,182,212,.055),transparent)!important;color:#07111f!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html[data-theme="dark"] .op-crm-prospect-depth,html[data-theme="dark"] .op-crm-access-section,html[data-theme="dark"] .op-crm-table-section{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}
html[data-theme="dark"] .op-crm-prospect-depth .op-spot-copy,html[data-theme="dark"] .op-crm-access-section .op-spot-feat,html[data-theme="dark"] .op-crm-table-section .op-ftable-wrap{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-crm-table-section .op-ft-group td{background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(6,182,212,.08),transparent)!important;color:#fff!important}
@media(max-width:1080px){.op-crm-stats .op-crm-signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-crm-prospect-depth .op-spot-row,.op-crm-access-section .op-spot-row,.op-crm-command-center .op-spot-row{grid-template-columns:1fr!important}.op-crm-access-section .op-spot-feats{grid-template-columns:1fr!important}}
@media(max-width:760px){.op-crm-stats .op-crm-signal-strip{grid-template-columns:1fr!important;border-radius:28px!important;padding:12px!important}.op-crm-prospect-depth .op-spot-copy,.op-crm-command-center .op-spot-copy{padding:18px!important;border-radius:24px!important}.op-crm-prospect-depth .op-spot-copy:after{position:static;display:inline-flex;margin-top:12px}.op-crm-access-section .op-spot-copy{padding-left:16px}.op-crm-table-section .op-ftable-wrap{overflow-x:auto!important}.op-crm-table-section .op-ftable{min-width:760px!important}}
/* CRM feature atlas and deal room: organized, not a generic card wall. */
.op-crm-index{background:linear-gradient(180deg,#f8fbff,#f4f8ff 48%,#f8fbff)!important}
.op-crm-index .op-section-head{max-width:820px!important;margin-bottom:20px!important}
.op-crm-index .op-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(37,99,235,.12);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(246,250,255,.46));box-shadow:0 22px 76px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)}
.op-crm-index .op-spot-card{position:relative!important;min-height:0!important;padding:18px 18px 18px 54px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border-right:1px solid rgba(37,99,235,.09)!important;border-bottom:1px solid rgba(37,99,235,.09)!important}
.op-crm-index .op-spot-card:before{content:"";position:absolute;left:18px;top:20px;width:22px;height:22px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#06b6d4 55%,#7c3aed);box-shadow:0 10px 22px rgba(37,99,235,.18)}
.op-crm-index .op-spot-card h3{font-size:15px!important;line-height:1.18!important;margin:0 0 6px!important}
.op-crm-index .op-spot-card p{font-size:12.5px!important;line-height:1.5!important;color:#5a6b84!important}
.op-crm-deal-room{background:linear-gradient(135deg,#f8fbff,#eefbff 45%,#fbf7ff)!important}
.op-crm-deal-room .op-spot-row{grid-template-columns:minmax(0,.96fr) minmax(330px,1.04fr)!important;align-items:center}
.op-crm-deal-room .op-spot-copy{position:relative;padding:clamp(22px,2.7vw,36px);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(238,251,255,.50));border:1px solid rgba(6,182,212,.15);box-shadow:0 24px 80px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.82)}
.op-crm-deal-room .op-spot-feats{display:grid;grid-template-columns:1fr;gap:0!important;margin-top:22px;border-top:1px solid rgba(6,182,212,.14)}
.op-crm-deal-room .op-spot-feat{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0!important;border-bottom:1px solid rgba(6,182,212,.14)!important}
.op-crm-deal-room .op-spot-feat svg{width:20px;height:20px;color:#06b6d4}
html[data-theme="dark"] .op-crm-index,html[data-theme="dark"] .op-crm-deal-room{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}
html[data-theme="dark"] .op-crm-index .op-grid-3,html[data-theme="dark"] .op-crm-deal-room .op-spot-copy{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-crm-index .op-spot-card{border-color:rgba(180,200,255,.10)!important}html[data-theme="dark"] .op-crm-index .op-spot-card p{color:#aebcd7!important}
@media(max-width:1080px){.op-crm-index .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-crm-deal-room .op-spot-row{grid-template-columns:1fr!important}}
@media(max-width:760px){.op-crm-index .op-grid-3{grid-template-columns:1fr!important;border-radius:24px}.op-crm-index .op-spot-card{padding:16px 16px 16px 50px!important}.op-crm-index .op-spot-card:before{left:16px}.op-crm-deal-room .op-spot-copy{padding:18px!important;border-radius:24px}}
/* CRM correction pass: approved hero wrapper + standardized premium tables. */
.op-crm-top{position:relative!important;margin-top:0!important;padding-top:0!important;background:linear-gradient(180deg,#edf1fb 0%,#eff5ff 58%,#f8fbff 100%)!important;overflow:hidden!important;isolation:isolate}
.op-crm-cinema-hero{position:relative!important;min-height:auto!important;padding:0 0 clamp(36px,5vw,72px)!important;background:transparent!important;overflow:hidden!important}
.op-crm-cinema-hero .op-orb,.op-crm-cinema-hero .op-halo,.op-crm-cinema-hero .op-hero-constellation{pointer-events:none!important}
.op-crm-constellation{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.58!important;mix-blend-mode:multiply!important;z-index:0!important}
.op-crm-hero-shell{position:relative!important;z-index:1!important;width:min(1480px,calc(100vw - 42px))!important;max-width:none!important;margin:0 auto!important}
.op-crm-hero-card{position:relative!important;display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.02fr)!important;gap:clamp(24px,3.2vw,52px)!important;align-items:center!important;width:100%!important;padding:calc(var(--op-nav-h,82px) + 46px) clamp(22px,2.7vw,38px) clamp(26px,3vw,38px)!important;border-radius:0 0 clamp(32px,3.4vw,48px) clamp(32px,3.4vw,48px)!important;border:1px solid rgba(180,210,255,.34)!important;border-top:0!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(244,249,255,.50)),radial-gradient(72% 80% at 100% 0%,rgba(124,58,237,.12),transparent 64%),radial-gradient(70% 70% at 0% 18%,rgba(6,182,212,.10),transparent 68%)!important;box-shadow:0 28px 90px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.84)!important;backdrop-filter:blur(18px) saturate(150%)!important;overflow:hidden!important}
.op-crm-hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(82% 80% at 58% 44%,#000,transparent 84%);pointer-events:none!important}
.op-crm-hero-card:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#13b981,#06b6d4,#2563eb,#7c3aed);opacity:.72}
.op-crm-hero-card>*{position:relative!important;z-index:1!important}
.op-crm-hero-copy{max-width:640px!important}.op-crm-hero-title{font-size:clamp(42px,5.2vw,76px)!important;line-height:.94!important;letter-spacing:-.065em!important;max-width:9.2ch!important;margin:16px 0 18px!important;color:#07111f!important}.op-crm-cinema-hero .op-lead{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.64!important;max-width:590px!important;color:#52627a!important}.op-crm-cinema-hero .op-kicker{width:max-content!important;background:rgba(255,255,255,.68)!important;box-shadow:0 16px 36px rgba(37,99,235,.08)!important}
.op-crm-hero-art{position:relative!important;transform:translateY(clamp(22px,3vw,52px))!important}.op-crm-hero-art .m3d-stage{max-width:620px!important;margin-left:auto!important;border-radius:34px!important;box-shadow:0 42px 110px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.12)!important}.op-crm-hero-art .m3d-stage:before{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.op-crm-hero-art .m3d-stage svg{display:block!important;width:100%!important;height:auto!important}
html[data-theme="dark"] .op-crm-top{background:linear-gradient(180deg,#070c1a 0%,#080e20 58%,#050712 100%)!important}html[data-theme="dark"] .op-crm-constellation{opacity:.84!important;mix-blend-mode:screen!important}html[data-theme="dark"] .op-crm-hero-card{background:radial-gradient(58% 44% at 16% 0%,rgba(124,58,237,.16),transparent 74%),radial-gradient(58% 44% at 86% 5%,rgba(124,58,237,.12),transparent 74%),radial-gradient(70% 50% at 82% 70%,rgba(124,58,237,.09),transparent 78%)!important;border-color:rgba(180,200,255,.12)!important;box-shadow:0 30px 96px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important}html[data-theme="dark"] .op-crm-hero-title{color:#fff!important}html[data-theme="dark"] .op-crm-cinema-hero .op-lead{color:#aebcd7!important}html[data-theme="dark"] .op-crm-cinema-hero .op-kicker{background:rgba(13,20,42,.82)!important}
.op-standard-compare{background:linear-gradient(180deg,#f8fbff,#eef6ff 54%,#f8fbff)!important}.op-standard-compare .op-section-head{max-width:820px!important}.op-standard-compare-shell{position:relative;border-radius:32px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,250,255,.54));box-shadow:0 24px 78px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78);padding:8px!important}.op-standard-compare .op-cmp{margin:0!important;border:0!important;border-radius:24px!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important}.op-standard-compare .op-cmp th,.op-standard-compare .op-cmp td{padding:16px 18px!important;border-bottom:1px solid rgba(37,99,235,.10)!important}.op-standard-compare .op-cmp thead th{background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.045))!important;color:#52627a!important}.op-standard-compare .op-cmp .op-cmp-pop{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.08),rgba(124,58,237,.12))!important}.op-standard-compare .op-cmp td.yes{color:#0f766e!important;font-weight:900!important}
.op-standard-feature-table{background:linear-gradient(135deg,#07111f,#0a1830 55%,#130d26)!important;color:#fff!important}.op-standard-feature-table .op-section-head{max-width:820px!important}.op-standard-feature-table .op-section-head .op-mega-h2{color:#fff!important;font-size:clamp(32px,4vw,56px)!important}.op-standard-feature-table .op-section-head p{color:#b6c3dc!important}.op-standard-feature-table .op-kicker{background:rgba(255,255,255,.07)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important}.op-standard-feature-table .op-ftable-wrap{padding:8px!important;border-radius:32px!important;border:1px solid rgba(180,200,255,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;box-shadow:0 30px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:auto!important}.op-standard-feature-table .op-ftable th,.op-standard-feature-table .op-ftable td{padding:15px 16px!important;color:#dbe7ff!important;border-bottom:1px solid rgba(180,200,255,.10)!important}.op-standard-feature-table .op-ftable th{color:#8fb7ff!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:11px!important}.op-standard-feature-table .op-ft-group td{color:#fff!important;background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(6,182,212,.10),transparent)!important}.op-standard-feature-table .op-ftable td:last-child{color:#b6c3dc!important}
html[data-theme="dark"] .op-standard-compare{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}html[data-theme="dark"] .op-standard-compare-shell{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-standard-compare .op-cmp thead th{color:#aebcd7!important;background:rgba(255,255,255,.055)!important}html[data-theme="dark"] .op-standard-compare .op-cmp td.yes{color:#67e8f9!important}
@media(max-width:1040px){.op-crm-hero-shell{width:min(940px,calc(100vw - 32px))!important}.op-crm-hero-card{grid-template-columns:1fr!important}.op-crm-hero-copy{max-width:760px!important}.op-crm-hero-title{max-width:10ch!important}.op-crm-hero-art{max-width:760px!important;width:100%!important;margin:0 auto!important;transform:none!important}.op-crm-hero-art .m3d-stage{max-width:680px!important;margin:0 auto!important}}
@media(max-width:760px){.op-crm-cinema-hero{padding-bottom:42px!important}.op-crm-hero-shell{width:calc(100vw - 24px)!important}.op-crm-hero-card{padding:calc(var(--op-nav-h,82px) + 30px) 16px 22px!important;border-radius:0 0 30px 30px!important}.op-crm-hero-title{font-size:clamp(36px,12vw,52px)!important}.op-crm-cinema-hero .op-lead{font-size:14px!important}.op-crm-cinema-hero .op-hero-actions{display:grid!important;grid-template-columns:1fr!important}.op-crm-cinema-hero .op-hero-actions .op-btn{width:100%!important}.op-crm-hero-art .m3d-stage{max-width:100%!important;border-radius:24px!important}.op-standard-compare-shell,.op-standard-feature-table .op-ftable-wrap{border-radius:22px!important;padding:6px!important}.op-standard-compare .op-cmp{min-width:0!important}.op-standard-compare .op-cmp td{padding:10px 14px!important}.op-standard-feature-table .op-ftable th,.op-standard-feature-table .op-ftable td{padding:12px!important;font-size:12.5px!important}}
/* CRM story pass: make each non-approved section narrate a different product moment. */
.op-crm-pipeline{background:linear-gradient(180deg,#f8fbff,#eef7ff 48%,#f8fbff)!important}.op-crm-pipeline .op-spot-copy{position:relative;padding:clamp(20px,2.4vw,32px) 0 0 clamp(22px,2.4vw,34px)!important}.op-crm-pipeline .op-spot-copy:before{content:"01 / pipeline wakes up";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-pipeline .op-spot-copy:after{content:"";position:absolute;left:0;top:18px;bottom:8px;width:4px;border-radius:99px;background:linear-gradient(#2563eb,#06b6d4,#13b981)}
.op-crm-queue .op-spot-copy:before{content:"02 / human sign-off";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#a5f3fc;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-queue .op-spot-copy{max-width:720px!important}.op-crm-queue .op-spot-feat{display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0!important}
.op-crm-trust-dial .op-spot-copy{max-width:760px!important}.op-crm-trust-dial .op-spot-copy:before{content:"03 / autonomy levels";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(124,58,237,.08);color:#6d28d9;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-trust-dial .op-spot-feats{position:relative!important}.op-crm-trust-dial .op-spot-feats:before{content:"";position:absolute;left:9%;right:9%;top:32px;height:2px;background:linear-gradient(90deg,#475569,#06b6d4,#7c3aed);opacity:.24}
.op-crm-health-map .op-spot-copy:after{content:"04 / save the account";display:inline-flex;margin-top:18px;padding:8px 12px;border-radius:999px;background:rgba(232,121,249,.10);color:#a21caf;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-health-map .op-spot-feat b{display:block;margin-bottom:5px}.op-crm-health-map .op-spot-feat{min-height:126px!important}
.op-crm-outreach .op-spot-copy:before{content:"05 / prospecting engine";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(19,185,129,.10);color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-outreach .op-spot-copy{padding:clamp(20px,2.5vw,34px);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,253,246,.46));border:1px solid rgba(19,185,129,.13);box-shadow:0 22px 70px rgba(19,185,129,.08),inset 0 1px 0 rgba(255,255,255,.78)}
.op-crm-steward-section .op-spot-copy:before{content:"06 / clean data before action";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-steward-section .op-spot-row{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important}.op-crm-steward-section .op-spot-feat b{display:block;margin-bottom:5px}
.op-crm-analyst-section .op-spot-copy:before{content:"07 / sourced answers";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#a5f3fc;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-analyst-section .op-spot-feat{min-height:132px!important}.op-crm-analyst-section .op-spot-feat b{display:block;margin-bottom:6px}
.op-crm-builder-section .op-spot-copy:before{content:"08 / describe the business";display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(124,58,237,.08);color:#6d28d9;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-builder-section .op-spot-feats{max-width:720px!important}.op-crm-builder-section .op-spot-feat{font-weight:850!important}
html[data-theme="dark"] .op-crm-pipeline,html[data-theme="dark"] .op-crm-trust-dial{background:linear-gradient(180deg,#07111f,#08192b 58%,#050712)!important}html[data-theme="dark"] .op-crm-outreach .op-spot-copy{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-pipeline .op-spot-copy:before,html[data-theme="dark"] .op-crm-trust-dial .op-spot-copy:before,html[data-theme="dark"] .op-crm-builder-section .op-spot-copy:before{background:rgba(255,255,255,.07)!important;color:#a5f3fc!important}
@media(max-width:760px){.op-crm-pipeline .op-spot-copy{padding-left:18px!important}.op-crm-trust-dial .op-spot-feats:before{display:none!important}.op-crm-outreach .op-spot-copy{padding:18px!important;border-radius:24px}.op-crm-health-map .op-spot-feat,.op-crm-analyst-section .op-spot-feat{min-height:auto!important}}
/* CRM repair: compare matches Features, approve queue becomes a command surface. */
.op-crm-compare.op-features-compare{background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;padding:clamp(74px,8vw,116px) 0!important}.op-crm-compare.op-features-compare .op-container{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:clamp(24px,4vw,56px)!important;align-items:start!important}.op-crm-compare.op-features-compare .op-section-head{position:sticky!important;top:110px!important;max-width:none!important;margin:0!important}.op-crm-compare .op-features-compare-shell{border-radius:32px!important;padding:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,247,255,.58))!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 26px 90px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.78)!important}.op-crm-compare .op-cmp{width:100%!important;margin:0!important;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}.op-crm-compare .op-cmp th,.op-crm-compare .op-cmp td{padding:16px 18px!important;border-bottom:1px solid rgba(37,99,235,.10)!important}.op-crm-compare .op-cmp thead th{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#52627a!important;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.045))!important}.op-crm-compare .op-cmp-pop{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.08),rgba(124,58,237,.12))!important}.op-crm-compare td.yes{font-weight:900!important;color:#0f766e!important}
.op-crm-queue{position:relative!important;overflow:hidden!important;background:radial-gradient(820px 460px at 75% 22%,rgba(6,182,212,.20),transparent 62%),radial-gradient(720px 420px at 12% 90%,rgba(124,58,237,.20),transparent 64%),linear-gradient(135deg,#06101f,#0a1830 48%,#140d2b)!important;color:#fff!important}.op-crm-queue:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(82% 70% at 55% 40%,#000,transparent 86%);pointer-events:none}.op-crm-queue .op-container{position:relative;z-index:1}.op-crm-queue .op-spot-row{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;gap:clamp(26px,4vw,66px)!important;align-items:center!important}.op-crm-queue .op-spot-copy{max-width:none!important;padding:clamp(22px,2.8vw,38px)!important;border-radius:36px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;border:1px solid rgba(180,200,255,.15)!important;box-shadow:0 28px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(18px) saturate(145%)}.op-crm-queue .op-spot-copy:before{content:none!important}.op-crm-queue .op-spot-copy h2{color:#fff!important}.op-crm-queue .op-lead{color:#c4d1e8!important}.op-crm-queue .op-kicker{background:rgba(255,255,255,.08)!important;border-color:rgba(180,200,255,.16)!important;color:#a5f3fc!important;box-shadow:none!important}.op-crm-queue .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important;padding:0!important}.op-crm-queue .op-spot-feats:before{display:none!important}.op-crm-queue .op-spot-feat{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:13px!important;align-items:start!important;padding:14px!important;border:1px solid rgba(180,200,255,.12)!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important}.op-crm-queue .op-spot-feat svg{width:22px!important;height:22px!important;color:#67e8f9!important}.op-crm-queue .op-spot-feat b{display:block;margin-bottom:4px;color:#fff!important}.op-crm-queue .op-spot-feat span{color:#b6c3dc!important}.op-crm-queue .op-spot-art .m3d-stage{border-radius:34px!important;box-shadow:0 34px 100px rgba(6,182,212,.18),0 18px 54px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important}.op-crm-queue .op-spot-art{transform:translateY(8px)}
html[data-theme="dark"] .op-crm-compare.op-features-compare{background:linear-gradient(135deg,#07111f,#08192b 52%,#080d1d)!important}html[data-theme="dark"] .op-crm-compare .op-features-compare-shell{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-compare .op-cmp thead th{color:#aebcd7!important;background:rgba(255,255,255,.055)!important}html[data-theme="dark"] .op-crm-compare td.yes{color:#67e8f9!important}
@media(max-width:1080px){.op-crm-compare.op-features-compare .op-container{grid-template-columns:1fr!important}.op-crm-compare.op-features-compare .op-section-head{position:relative!important;top:auto!important}.op-crm-queue .op-spot-row{grid-template-columns:1fr!important}.op-crm-queue .op-spot-art{transform:none!important}}@media(max-width:760px){.op-crm-compare .op-features-compare-shell{border-radius:22px!important;padding:6px!important}.op-crm-compare .op-cmp{min-width:0!important}.op-crm-compare .op-cmp td{padding:10px 14px!important}.op-crm-queue .op-spot-copy{padding:18px!important;border-radius:24px!important}.op-crm-queue .op-spot-feat{grid-template-columns:30px minmax(0,1fr)!important;padding:12px!important}.op-crm-queue .op-spot-art .m3d-stage{border-radius:24px!important}}
/* CRM premium rescue pass: section-by-section layouts, not repainting. */
.op-crm-premium .op-section-head{max-width:980px}.op-crm-premium .op-section-head .op-mega-h2{letter-spacing:-.055em}.op-crm-story{isolation:isolate}.op-crm-story .op-container{position:relative;z-index:1}.op-crm-story .op-spot-row{position:relative}.op-crm-story .op-spot-copy h2{max-width:780px}.op-crm-story .op-lead{max-width:760px}.op-crm-story .op-spot-art .m3d-stage{transform-style:preserve-3d}
.op-crm-pipeline{position:relative;overflow:hidden;background:radial-gradient(900px 430px at 72% 20%,rgba(37,99,235,.14),transparent 62%),linear-gradient(180deg,#f8fbff 0%,#eef8ff 52%,#f7fbff 100%)!important}.op-crm-pipeline:before{content:"";position:absolute;left:max(18px,calc((100vw - 1360px)/2));top:96px;bottom:96px;width:1px;background:linear-gradient(transparent,#06b6d4,#7c3aed,transparent);opacity:.58}.op-crm-pipeline .op-spot-copy{padding:clamp(24px,3vw,44px)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.op-crm-pipeline .op-spot-copy:before{content:"Pipeline autopilot"!important;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(6,182,212,.10))!important;color:#2563eb!important}.op-crm-pipeline .op-spot-feats{margin-top:26px!important;display:grid!important;gap:10px!important}.op-crm-pipeline .op-spot-feat{padding:13px 0 13px 18px!important;border-left:4px solid rgba(6,182,212,.32)!important;border-bottom:0!important;background:linear-gradient(90deg,rgba(255,255,255,.68),transparent)!important;border-radius:0 18px 18px 0!important}.op-crm-pipeline .op-spot-art{filter:drop-shadow(0 28px 42px rgba(37,99,235,.16))}
.op-crm-trust-dial{position:relative;overflow:hidden;background:radial-gradient(720px 460px at 78% 22%,rgba(124,58,237,.18),transparent 64%),linear-gradient(135deg,#07111f,#0a1830 56%,#120d26)!important;color:#fff!important}.op-crm-trust-dial .op-spot-copy h2,.op-crm-trust-dial .op-spot-feat b{color:#fff!important}.op-crm-trust-dial .op-lead,.op-crm-trust-dial .op-spot-feat span{color:#c2cce0!important}.op-crm-trust-dial .op-kicker{background:rgba(255,255,255,.08)!important;border-color:rgba(180,200,255,.15)!important;color:#a5f3fc!important}.op-crm-trust-dial .op-spot-feats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.op-crm-trust-dial .op-spot-feat{position:relative;display:block!important;min-height:150px;padding:20px!important;border:1px solid rgba(180,200,255,.14)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}.op-crm-trust-dial .op-spot-feat svg{margin-bottom:18px;color:#67e8f9}.op-crm-trust-dial .op-spot-art .m3d-stage{box-shadow:0 34px 95px rgba(0,0,0,.32),0 0 0 1px rgba(180,200,255,.12)!important}
.op-crm-health-map{position:relative;overflow:hidden;background:radial-gradient(780px 420px at 18% 12%,rgba(232,121,249,.13),transparent 62%),linear-gradient(180deg,#fff8fd,#f4fbff 55%,#f8fbff)!important}.op-crm-health-map .op-spot-copy{padding-left:clamp(24px,3vw,44px)!important}.op-crm-health-map .op-spot-copy:before{width:7px!important;background:linear-gradient(#e879f9,#f59e0b,#13b981)!important;box-shadow:0 0 28px rgba(232,121,249,.28)}.op-crm-health-map .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.op-crm-health-map .op-spot-feat{min-height:0!important;padding:15px 16px!important;border:1px solid rgba(232,121,249,.14)!important;border-radius:22px!important;background:rgba(255,255,255,.62)!important;box-shadow:0 16px 46px rgba(232,121,249,.07)!important}.op-crm-health-map .op-spot-art{transform:translateY(10px)}
.op-crm-outreach{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fffb,#effcff 48%,#f6f8ff)!important}.op-crm-outreach .op-spot-copy{background:transparent!important;border:0!important;box-shadow:none!important;padding:clamp(20px,2vw,28px)!important}.op-crm-outreach .op-spot-copy:before{content:"Prospecting studio"!important}.op-crm-outreach .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid rgba(19,185,129,.16);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.58);box-shadow:0 22px 70px rgba(6,182,212,.10)}.op-crm-outreach .op-spot-feat{border:0!important;border-bottom:1px solid rgba(19,185,129,.12)!important;border-radius:0!important;background:transparent!important}.op-crm-outreach .op-spot-feat:last-child{border-bottom:0!important}
.op-crm-steward-section{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 74% 34%,rgba(37,99,235,.13),transparent 64%),linear-gradient(180deg,#f8fbff,#f3f8ff)!important}.op-crm-steward-section .op-spot-row{padding:clamp(18px,2vw,28px);border:1px solid rgba(37,99,235,.12);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(243,248,255,.40));box-shadow:0 30px 95px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.78)}.op-crm-steward-section .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.op-crm-steward-section .op-spot-feat{display:block!important;border:1px solid rgba(37,99,235,.11)!important;border-radius:22px!important;padding:16px!important;background:rgba(255,255,255,.62)!important}.op-crm-steward-section .op-spot-feat svg{margin-bottom:14px;color:#2563eb}
.op-crm-analyst-section{position:relative;overflow:hidden;background:radial-gradient(680px 400px at 80% 16%,rgba(19,185,129,.16),transparent 62%),linear-gradient(135deg,#07111f,#081b2f 58%,#050712)!important;color:#fff!important}.op-crm-analyst-section .op-spot-copy h2,.op-crm-analyst-section .op-spot-feat b{color:#fff!important}.op-crm-analyst-section .op-lead,.op-crm-analyst-section .op-spot-feat span{color:#c6d2e6!important}.op-crm-analyst-section .op-kicker{background:rgba(255,255,255,.08)!important;border-color:rgba(180,200,255,.15)!important;color:#a7f3d0!important}.op-crm-analyst-section .op-spot-feats{grid-template-columns:1fr!important;border-left:1px solid rgba(103,232,249,.24);padding-left:18px}.op-crm-analyst-section .op-spot-feat{padding:12px 0!important;border:0!important;background:transparent!important}
.op-crm-builder-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f9fbff,#f0f7ff)!important}.op-crm-builder-section .op-spot-copy:before{content:"Plain-English setup"!important;display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(124,58,237,.10);color:#7c3aed;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-builder-section .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.op-crm-builder-section .op-spot-feat{min-height:142px;padding:16px!important;border:1px solid rgba(124,58,237,.12)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(246,241,255,.48))!important}
.op-crm-index{position:relative;overflow:hidden;background:radial-gradient(840px 420px at 20% 0%,rgba(6,182,212,.13),transparent 62%),linear-gradient(180deg,#f7fbff,#eef6ff)!important}.op-crm-index .op-container{max-width:1280px}.op-crm-index .op-section-head{text-align:left;margin:0 0 30px;max-width:760px}.op-crm-index .op-grid-3{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}.op-crm-index .op-spot-card{position:relative;min-height:178px!important;grid-column:span 2;padding:24px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(241,247,255,.56))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 22px 70px rgba(37,99,235,.09),inset 0 1px 0 rgba(255,255,255,.78)!important;overflow:hidden}.op-crm-index .op-spot-card:nth-child(1),.op-crm-index .op-spot-card:nth-child(7),.op-crm-index .op-spot-card:nth-child(9){grid-column:span 3;min-height:210px!important}.op-crm-index .op-spot-card:nth-child(1){background:radial-gradient(360px 180px at 92% 8%,rgba(6,182,212,.18),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,246,255,.62))!important}.op-crm-index .op-spot-card:nth-child(7){background:radial-gradient(340px 180px at 88% 18%,rgba(19,185,129,.16),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,253,246,.58))!important}.op-crm-index .op-spot-card:nth-child(9){background:radial-gradient(360px 180px at 88% 12%,rgba(124,58,237,.17),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.86),rgba(246,241,255,.58))!important}.op-crm-index .op-spot-card:before{content:"";width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);box-shadow:0 14px 34px rgba(37,99,235,.22);display:block;margin-bottom:18px}.op-crm-index .op-spot-card:after{content:"";position:absolute;right:-36px;bottom:-46px;width:130px;height:130px;border-radius:999px;border:1px solid rgba(37,99,235,.12)}.op-crm-index .op-spot-card h3{font-size:clamp(18px,1.35vw,23px)!important;line-height:1.05!important}.op-crm-index .op-spot-card p{font-size:14px!important;line-height:1.58!important}
.op-crm-deal-room,.op-crm-prospect-depth,.op-crm-access-section,.op-crm-command-center{position:relative;overflow:hidden}.op-crm-deal-room{background:linear-gradient(180deg,#f8fbff,#f2fbff)!important}.op-crm-prospect-depth{background:radial-gradient(760px 420px at 82% 22%,rgba(124,58,237,.12),transparent 64%),linear-gradient(180deg,#f8fbff,#f5f2ff)!important}.op-crm-access-section{background:linear-gradient(135deg,#f7fbff,#eef8ff 54%,#f8fbff)!important}.op-crm-command-center{background:radial-gradient(760px 420px at 18% 18%,rgba(19,185,129,.13),transparent 62%),linear-gradient(180deg,#f8fbff,#eef7ff)!important}
html[data-theme="dark"] .op-crm-pipeline,html[data-theme="dark"] .op-crm-health-map,html[data-theme="dark"] .op-crm-outreach,html[data-theme="dark"] .op-crm-steward-section,html[data-theme="dark"] .op-crm-builder-section,html[data-theme="dark"] .op-crm-index,html[data-theme="dark"] .op-crm-deal-room,html[data-theme="dark"] .op-crm-prospect-depth,html[data-theme="dark"] .op-crm-access-section,html[data-theme="dark"] .op-crm-command-center{background:linear-gradient(135deg,#07111f,#08192b 55%,#050712)!important;color:#fff}html[data-theme="dark"] .op-crm-index .op-spot-card,html[data-theme="dark"] .op-crm-steward-section .op-spot-row,html[data-theme="dark"] .op-crm-steward-section .op-spot-feat,html[data-theme="dark"] .op-crm-builder-section .op-spot-feat,html[data-theme="dark"] .op-crm-health-map .op-spot-feat,html[data-theme="dark"] .op-crm-outreach .op-spot-feats{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-index .op-spot-card h3,html[data-theme="dark"] .op-crm-story .op-spot-copy h2{color:#fff}
@media(max-width:1080px){.op-crm-trust-dial .op-spot-feats,.op-crm-steward-section .op-spot-feats,.op-crm-builder-section .op-spot-feats{grid-template-columns:1fr!important}.op-crm-index .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-crm-index .op-spot-card,.op-crm-index .op-spot-card:nth-child(1),.op-crm-index .op-spot-card:nth-child(7),.op-crm-index .op-spot-card:nth-child(9){grid-column:span 1!important}}@media(max-width:760px){.op-crm-story .op-spot-copy h2{font-size:clamp(34px,11vw,50px)!important}.op-crm-index .op-grid-3{grid-template-columns:1fr!important}.op-crm-index .op-spot-card{min-height:0!important;padding:18px!important;border-radius:22px!important}.op-crm-steward-section .op-spot-row{padding:14px!important;border-radius:26px!important}.op-crm-trust-dial .op-spot-feat,.op-crm-builder-section .op-spot-feat{min-height:0!important}.op-crm-pipeline:before{display:none}}
/* CRM compare sync: use the exact Features compare component, with CRM copy only. */
.op-crm-compare.op-features-compare{background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;padding:clamp(74px,8vw,116px) 0!important}.op-crm-compare.op-features-compare .op-container{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:clamp(24px,4vw,56px)!important;align-items:start!important}.op-crm-compare.op-features-compare .op-section-head{position:sticky!important;top:110px!important;margin:0!important;max-width:none!important}.op-crm-compare.op-features-compare .op-features-compare-shell{border-radius:32px!important;padding:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,247,255,.58))!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 26px 90px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.78)!important}.op-crm-compare.op-features-compare .op-cmp{width:100%!important;margin:0!important;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;border-collapse:separate!important;border-spacing:0!important}.op-crm-compare.op-features-compare .op-cmp th,.op-crm-compare.op-features-compare .op-cmp td{padding:16px 18px!important;border-bottom:1px solid rgba(37,99,235,.10)!important}.op-crm-compare.op-features-compare .op-cmp thead th{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#52627a!important;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.045))!important}.op-crm-compare.op-features-compare .op-cmp-pop{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.08),rgba(124,58,237,.12))!important}.op-crm-compare.op-features-compare td.yes{font-weight:900!important;color:#0f766e!important}html[data-theme="dark"] .op-crm-compare.op-features-compare{background:linear-gradient(135deg,#07111f,#08192b 52%,#080d1d)!important}html[data-theme="dark"] .op-crm-compare.op-features-compare .op-features-compare-shell{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-compare.op-features-compare .op-cmp thead th{color:#aebcd7!important;background:rgba(255,255,255,.055)!important}html[data-theme="dark"] .op-crm-compare.op-features-compare td.yes{color:#67e8f9!important}@media(max-width:1080px){.op-crm-compare.op-features-compare .op-container{grid-template-columns:1fr!important}.op-crm-compare.op-features-compare .op-section-head{position:relative!important;top:auto!important}}@media(max-width:760px){.op-crm-compare.op-features-compare .op-container{gap:18px!important}.op-crm-compare.op-features-compare .op-features-compare-shell{border-radius:22px!important;padding:6px!important}.op-crm-compare.op-features-compare .op-cmp{min-width:0!important}.op-crm-compare.op-features-compare .op-cmp td{padding:10px 14px!important}}
/* CRM nine-section cinematic rebuild: distinct premium scenes. */
.op-crm-pipeline,.op-crm-trust-dial,.op-crm-outreach,.op-crm-steward-section,.op-crm-analyst-section,.op-crm-builder-section,.op-crm-index,.op-crm-access-section,.op-crm-command-center{position:relative!important;overflow:hidden!important;isolation:isolate!important}.op-crm-pipeline:after,.op-crm-trust-dial:after,.op-crm-outreach:after,.op-crm-steward-section:after,.op-crm-analyst-section:after,.op-crm-builder-section:after,.op-crm-index:after,.op-crm-access-section:after,.op-crm-command-center:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(75% 65% at 56% 42%,#000,transparent 88%);pointer-events:none;z-index:0}.op-crm-pipeline .op-container,.op-crm-trust-dial .op-container,.op-crm-outreach .op-container,.op-crm-steward-section .op-container,.op-crm-analyst-section .op-container,.op-crm-builder-section .op-container,.op-crm-index .op-container,.op-crm-access-section .op-container,.op-crm-command-center .op-container{position:relative;z-index:1}.op-crm-story .op-spot-row{gap:clamp(28px,4vw,70px)!important}.op-crm-story .op-spot-copy h2{font-size:clamp(42px,4.5vw,70px)!important;line-height:.98!important;letter-spacing:-.06em!important}.op-crm-story .op-lead{font-size:clamp(15px,1.1vw,18px)!important;line-height:1.72!important}
.op-crm-pipeline{background:radial-gradient(900px 460px at 82% 20%,rgba(37,99,235,.16),transparent 62%),radial-gradient(700px 420px at 12% 86%,rgba(19,185,129,.12),transparent 64%),linear-gradient(180deg,#f8fbff,#edf8ff 56%,#f8fbff)!important}.op-crm-pipeline .op-spot-row{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;align-items:center!important}.op-crm-pipeline .op-spot-copy{position:relative!important;padding:clamp(24px,3vw,42px)!important;border-radius:36px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(238,248,255,.38))!important;border:1px solid rgba(37,99,235,.11)!important;box-shadow:0 24px 80px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-pipeline .op-spot-copy:before{content:"Pipeline lab"!important}.op-crm-pipeline .op-spot-copy:after{display:none!important}.op-crm-pipeline .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:24px!important}.op-crm-pipeline .op-spot-feat{display:grid!important;grid-template-columns:34px 1fr!important;gap:12px!important;padding:12px 14px!important;border:1px solid rgba(37,99,235,.10)!important;border-radius:18px!important;background:rgba(255,255,255,.62)!important}.op-crm-pipeline .op-spot-art{transform:perspective(1000px) rotateY(-4deg) translateY(8px)!important}.op-crm-pipeline .op-spot-art .m3d-stage{border-radius:34px!important;box-shadow:0 42px 110px rgba(37,99,235,.20),0 18px 50px rgba(6,182,212,.10)!important}
.op-crm-trust-dial{background:radial-gradient(850px 480px at 78% 18%,rgba(124,58,237,.28),transparent 62%),radial-gradient(700px 420px at 12% 88%,rgba(6,182,212,.18),transparent 64%),linear-gradient(135deg,#06101f,#0a1830 52%,#150d2d)!important;color:#fff!important}.op-crm-trust-dial .op-spot-row{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)!important}.op-crm-trust-dial .op-spot-copy{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.op-crm-trust-dial .op-spot-copy:before{content:"Autonomy console"!important;background:rgba(255,255,255,.08)!important;color:#a5f3fc!important}.op-crm-trust-dial .op-spot-feats{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:28px!important}.op-crm-trust-dial .op-spot-feats:before{content:""!important;position:absolute!important;left:8%!important;right:8%!important;top:28px!important;height:2px!important;background:linear-gradient(90deg,#64748b,#06b6d4,#7c3aed)!important;opacity:.5!important}.op-crm-trust-dial .op-spot-feat{position:relative!important;min-height:176px!important;padding:24px 18px!important;border-radius:28px!important;border:1px solid rgba(180,200,255,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;box-shadow:0 22px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10)!important}.op-crm-trust-dial .op-spot-feat:nth-child(2){transform:translateY(-18px)!important}.op-crm-trust-dial .op-spot-feat:nth-child(3){transform:translateY(12px)!important}.op-crm-trust-dial .op-spot-art{transform:perspective(1000px) rotateY(5deg)!important}
.op-crm-outreach{background:radial-gradient(780px 440px at 82% 18%,rgba(19,185,129,.16),transparent 64%),linear-gradient(135deg,#f7fffb,#edfaff 48%,#f7f9ff)!important}.op-crm-outreach .op-spot-row{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr)!important;align-items:center!important}.op-crm-outreach .op-spot-copy{padding:clamp(22px,2.8vw,38px)!important;border-radius:38px!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(239,253,246,.45))!important;border:1px solid rgba(19,185,129,.14)!important;box-shadow:0 28px 86px rgba(19,185,129,.10),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-outreach .op-spot-copy:before{content:"Prospecting studio"!important}.op-crm-outreach .op-spot-feats{border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;gap:10px!important}.op-crm-outreach .op-spot-feat{position:relative!important;padding:13px 14px 13px 58px!important;border:1px solid rgba(19,185,129,.13)!important;border-radius:18px!important;background:rgba(255,255,255,.62)!important}.op-crm-outreach .op-spot-feat:before{left:14px!important;top:13px!important}.op-crm-outreach .op-spot-art{transform:perspective(1000px) rotateY(-5deg) translateY(-4px)!important}
.op-crm-steward-section{background:radial-gradient(850px 440px at 18% 22%,rgba(37,99,235,.13),transparent 62%),linear-gradient(180deg,#f8fbff,#f1f7ff)!important}.op-crm-steward-section .op-spot-row{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;padding:clamp(18px,2.5vw,34px)!important;border-radius:42px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,247,255,.46))!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 30px 96px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-steward-section .op-spot-copy:before{content:"Data cleanup bench"!important}.op-crm-steward-section .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.op-crm-steward-section .op-spot-feat{min-height:150px!important;border-radius:24px!important;padding:18px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(37,99,235,.11)!important}.op-crm-steward-section .op-spot-art{transform:perspective(1000px) rotateY(5deg)!important}
.op-crm-analyst-section{background:radial-gradient(780px 460px at 82% 18%,rgba(19,185,129,.20),transparent 62%),radial-gradient(680px 420px at 12% 82%,rgba(124,58,237,.18),transparent 64%),linear-gradient(135deg,#06101f,#08192d 55%,#050712)!important;color:#fff!important}.op-crm-analyst-section .op-spot-row{grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr)!important}.op-crm-analyst-section .op-spot-copy{position:relative!important;padding:clamp(24px,3vw,42px)!important;border-radius:38px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(180,200,255,.14)!important;box-shadow:0 30px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important}.op-crm-analyst-section .op-spot-copy:before{content:"Boardroom analyst"!important}.op-crm-analyst-section .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border:0!important;padding:0!important}.op-crm-analyst-section .op-spot-feat{min-height:0!important;padding:13px 0!important;border-bottom:1px solid rgba(180,200,255,.13)!important}.op-crm-analyst-section .op-spot-art{transform:perspective(1000px) rotateY(-4deg) translateY(8px)!important}
.op-crm-builder-section{background:radial-gradient(820px 460px at 18% 18%,rgba(124,58,237,.14),transparent 62%),linear-gradient(180deg,#fbf8ff,#f0f7ff)!important}.op-crm-builder-section .op-spot-row{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr)!important;align-items:center!important}.op-crm-builder-section .op-spot-copy{padding:clamp(22px,2.8vw,38px)!important;border-radius:38px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,241,255,.48))!important;border:1px solid rgba(124,58,237,.13)!important;box-shadow:0 28px 88px rgba(124,58,237,.10),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-builder-section .op-spot-copy:before{content:"Prompt to CRM"!important}.op-crm-builder-section .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:none!important}.op-crm-builder-section .op-spot-feat{min-height:154px!important;border-radius:24px!important;padding:18px!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(124,58,237,.12)!important}.op-crm-builder-section .op-spot-art{transform:perspective(1000px) rotateY(5deg)!important}
.op-crm-index{padding:clamp(70px,8vw,118px) 0!important;background:radial-gradient(760px 420px at 82% 14%,rgba(6,182,212,.14),transparent 62%),radial-gradient(760px 420px at 12% 92%,rgba(124,58,237,.10),transparent 64%),linear-gradient(180deg,#f8fbff,#eef6ff)!important}.op-crm-index .op-section-head{max-width:860px!important;text-align:left!important;margin:0 0 30px!important}.op-crm-index .op-grid-3{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.op-crm-index .op-spot-card{grid-column:span 3!important;min-height:190px!important;padding:24px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,247,255,.56))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 24px 78px rgba(37,99,235,.09),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-index .op-spot-card:nth-child(1),.op-crm-index .op-spot-card:nth-child(7),.op-crm-index .op-spot-card:nth-child(9){grid-column:span 6!important;min-height:230px!important}.op-crm-index .op-spot-card:nth-child(4),.op-crm-index .op-spot-card:nth-child(11){grid-column:span 4!important}.op-crm-index .op-spot-card:before{position:relative!important;left:auto!important;top:auto!important;width:40px!important;height:40px!important;border-radius:15px!important;margin:0 0 18px!important}.op-crm-index .op-spot-card h3{font-size:clamp(18px,1.35vw,24px)!important;line-height:1.06!important}.op-crm-index .op-spot-card p{font-size:14px!important;line-height:1.58!important}
.op-crm-access-section{background:radial-gradient(840px 460px at 78% 22%,rgba(37,99,235,.14),transparent 62%),linear-gradient(135deg,#f8fbff,#eef8ff 52%,#f8fbff)!important}.op-crm-access-section .op-spot-row{grid-template-columns:minmax(330px,.74fr) minmax(0,1.26fr)!important}.op-crm-access-section .op-spot-copy{position:relative!important;padding-left:clamp(22px,2vw,34px)!important}.op-crm-access-section .op-spot-copy:before{content:"Access map"!important;display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-access-section .op-spot-copy:after{content:"";position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:99px;background:linear-gradient(#2563eb,#06b6d4,#7c3aed)}.op-crm-access-section .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.op-crm-access-section .op-spot-feat{padding:14px 16px!important;border-radius:20px!important;border:1px solid rgba(37,99,235,.11)!important;background:rgba(255,255,255,.62)!important}.op-crm-access-section .op-spot-art{transform:perspective(1000px) rotateY(-5deg)!important}
.op-crm-command-center{background:radial-gradient(850px 460px at 20% 18%,rgba(19,185,129,.18),transparent 62%),radial-gradient(740px 420px at 86% 84%,rgba(124,58,237,.16),transparent 64%),linear-gradient(180deg,#f8fbff,#eef8ff)!important}.op-crm-command-center .op-spot-row{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;padding:clamp(18px,2.4vw,34px)!important;border-radius:42px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,248,255,.46))!important;border:1px solid rgba(19,185,129,.12)!important;box-shadow:0 30px 96px rgba(19,185,129,.10),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-command-center .op-spot-copy:before{content:"Morning command screen"!important;display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(19,185,129,.10);color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-command-center .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.op-crm-command-center .op-spot-feat{display:block!important;min-height:150px!important;border-radius:24px!important;padding:18px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(19,185,129,.12)!important}.op-crm-command-center .op-spot-feat svg{margin-bottom:14px;color:#13b981}.op-crm-command-center .op-spot-art{transform:perspective(1000px) rotateY(5deg)!important}
html[data-theme="dark"] .op-crm-pipeline,html[data-theme="dark"] .op-crm-outreach,html[data-theme="dark"] .op-crm-steward-section,html[data-theme="dark"] .op-crm-builder-section,html[data-theme="dark"] .op-crm-index,html[data-theme="dark"] .op-crm-access-section,html[data-theme="dark"] .op-crm-command-center{background:linear-gradient(135deg,#07111f,#08192b 56%,#050712)!important;color:#fff!important}html[data-theme="dark"] .op-crm-pipeline .op-spot-copy,html[data-theme="dark"] .op-crm-outreach .op-spot-copy,html[data-theme="dark"] .op-crm-steward-section .op-spot-row,html[data-theme="dark"] .op-crm-builder-section .op-spot-copy,html[data-theme="dark"] .op-crm-index .op-spot-card,html[data-theme="dark"] .op-crm-access-section .op-spot-feat,html[data-theme="dark"] .op-crm-command-center .op-spot-row{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-pipeline .op-spot-feat,html[data-theme="dark"] .op-crm-outreach .op-spot-feat,html[data-theme="dark"] .op-crm-steward-section .op-spot-feat,html[data-theme="dark"] .op-crm-builder-section .op-spot-feat,html[data-theme="dark"] .op-crm-command-center .op-spot-feat{background:rgba(255,255,255,.055)!important;border-color:rgba(180,200,255,.12)!important}html[data-theme="dark"] .op-crm-story .op-spot-copy h2,html[data-theme="dark"] .op-crm-index .op-section-head h2,html[data-theme="dark"] .op-crm-index .op-spot-card h3{color:#fff!important}html[data-theme="dark"] .op-crm-story .op-lead,html[data-theme="dark"] .op-crm-index .op-spot-card p{color:#aebcd7!important}
@media(max-width:1180px){.op-crm-pipeline .op-spot-row,.op-crm-trust-dial .op-spot-row,.op-crm-outreach .op-spot-row,.op-crm-steward-section .op-spot-row,.op-crm-analyst-section .op-spot-row,.op-crm-builder-section .op-spot-row,.op-crm-access-section .op-spot-row,.op-crm-command-center .op-spot-row{grid-template-columns:1fr!important}.op-crm-pipeline .op-spot-art,.op-crm-trust-dial .op-spot-art,.op-crm-outreach .op-spot-art,.op-crm-steward-section .op-spot-art,.op-crm-analyst-section .op-spot-art,.op-crm-builder-section .op-spot-art,.op-crm-access-section .op-spot-art,.op-crm-command-center .op-spot-art{transform:none!important}.op-crm-index .op-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-crm-index .op-spot-card:nth-child(n){grid-column:auto!important}.op-crm-trust-dial .op-spot-feat:nth-child(n){transform:none!important}}@media(max-width:760px){.op-crm-story .op-spot-copy h2,.op-crm-index .op-mega-h2{font-size:clamp(30px,9vw,42px)!important}.op-crm-story .op-lead{font-size:14px!important}.op-crm-pipeline .op-spot-copy,.op-crm-outreach .op-spot-copy,.op-crm-analyst-section .op-spot-copy,.op-crm-builder-section .op-spot-copy{padding:18px!important;border-radius:24px!important}.op-crm-steward-section .op-spot-row,.op-crm-command-center .op-spot-row{padding:14px!important;border-radius:26px!important}.op-crm-trust-dial .op-spot-feats,.op-crm-steward-section .op-spot-feats,.op-crm-builder-section .op-spot-feats,.op-crm-command-center .op-spot-feats{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-feats:before{display:none!important}.op-crm-index .op-grid-3{grid-template-columns:1fr!important}.op-crm-index .op-spot-card{min-height:auto!important;padding:18px!important;border-radius:22px!important}.op-crm-access-section .op-spot-copy:after{display:none!important}}
/* CRM real section rebuild: unique product compositions, not repeated glass cards. */
.op-crm-pipeline-console,.op-crm-autonomy-switchboard,.op-crm-prospect-radar,.op-crm-cleanup-dock,.op-crm-ask-board,.op-crm-prompt-builder,.op-crm-access-matrix,.op-crm-command-strip,.op-crm-workspace-atlas{position:relative;z-index:2}
.op-crm-pipeline .op-spot-copy{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-pipeline-console{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 20px;padding:12px;border-radius:28px;background:linear-gradient(135deg,#07111f,#101b34);border:1px solid rgba(180,200,255,.16);box-shadow:0 28px 80px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.09)}.op-crm-pipeline-console div{padding:16px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(180,200,255,.10)}.op-crm-pipeline-console span{display:block;color:#8fb7ff;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:950}.op-crm-pipeline-console b{display:block;color:#fff;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.06em;margin-top:4px}.op-crm-pipeline-console small{color:#9fb0d8;font-weight:800}.op-crm-pipeline .op-spot-feats{border-left:1px solid rgba(37,99,235,.16);padding-left:18px!important}.op-crm-pipeline .op-spot-feat{background:transparent!important;border:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;padding:13px 0!important}
.op-crm-trust-dial .op-spot-copy{padding:0!important}.op-crm-autonomy-switchboard{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:24px 0 26px;padding:16px 18px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(180,200,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.op-crm-autonomy-switchboard span{color:#fff;font-weight:950}.op-crm-autonomy-switchboard i{height:3px;border-radius:99px;background:linear-gradient(90deg,#64748b,#06b6d4,#7c3aed)}.op-crm-autonomy-switchboard em{grid-column:1/-1;color:#a5f3fc;font-size:12px;font-style:normal;font-weight:850}.op-crm-trust-dial .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-radius:30px;overflow:hidden;border:1px solid rgba(180,200,255,.14)}.op-crm-trust-dial .op-spot-feats:before{display:none!important}.op-crm-trust-dial .op-spot-feat{display:grid!important;grid-template-columns:44px 1fr!important;min-height:0!important;transform:none!important;border:0!important;border-bottom:1px solid rgba(180,200,255,.12)!important;border-radius:0!important;background:rgba(255,255,255,.045)!important;padding:16px!important}.op-crm-trust-dial .op-spot-feat:last-child{border-bottom:0!important}
.op-crm-outreach .op-spot-copy{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-prospect-radar{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center;margin:22px 0 22px}.op-crm-prospect-radar .radar{position:relative;width:150px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at center,rgba(19,185,129,.22),rgba(6,182,212,.08) 42%,transparent 43%),repeating-radial-gradient(circle,rgba(19,185,129,.25) 0 1px,transparent 1px 34px);border:1px solid rgba(19,185,129,.22);display:grid;place-items:center}.op-crm-prospect-radar .radar:after{content:"";position:absolute;inset:50% 50% auto auto;width:50%;height:2px;background:linear-gradient(90deg,#13b981,transparent);transform-origin:left;animation:opCrmSweep 3.8s linear infinite}.op-crm-prospect-radar .radar b{font-size:38px;color:#047857}.op-crm-prospect-radar .radar i{position:absolute;width:9px;height:9px;border-radius:999px;background:#13b981;box-shadow:0 0 0 6px rgba(19,185,129,.12)}.op-crm-prospect-radar .radar i:nth-child(1){left:38px;top:48px}.op-crm-prospect-radar .radar i:nth-child(2){right:36px;top:78px}.op-crm-prospect-radar .radar i:nth-child(3){left:72px;bottom:34px}.op-crm-prospect-radar .leads{display:grid;gap:8px}.op-crm-prospect-radar .leads span{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.66);border:1px solid rgba(19,185,129,.13);font-weight:850;color:#334155}.op-crm-outreach .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important}.op-crm-outreach .op-spot-feat{padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(19,185,129,.14)!important}
.op-crm-steward-section .op-spot-row{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-cleanup-dock{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:center;margin:22px 0 22px;padding:14px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(238,248,255,.48));border:1px solid rgba(37,99,235,.14);box-shadow:0 24px 70px rgba(37,99,235,.10)}.op-crm-cleanup-dock div{padding:16px;border-radius:22px;background:#fff;border:1px solid rgba(37,99,235,.10)}.op-crm-cleanup-dock small{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950}.op-crm-cleanup-dock b{display:block;font-size:20px;margin-top:4px}.op-crm-cleanup-dock span{color:#64748b;font-weight:800}.op-crm-cleanup-dock i{height:4px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#06b6d4,#13b981);position:relative}.op-crm-cleanup-dock i:after{content:"";position:absolute;right:-3px;top:-5px;border-left:10px solid #13b981;border-top:7px solid transparent;border-bottom:7px solid transparent}.op-crm-steward-section .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.op-crm-steward-section .op-spot-feat{min-height:0!important;display:grid!important;grid-template-columns:32px 1fr!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;padding:12px 0!important}
.op-crm-analyst-section .op-spot-copy{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-ask-board{margin:24px 0 24px;padding:20px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(180,200,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.20)}.op-crm-ask-board span{display:block;color:#a5f3fc;font-weight:950;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.op-crm-ask-board b{display:block;color:#fff;font-size:clamp(20px,2vw,30px);line-height:1.1;margin-top:8px}.op-crm-ask-board em{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(19,185,129,.14);color:#a7f3d0;font-style:normal;font-weight:900}.op-crm-analyst-section .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:0!important;padding:0!important}.op-crm-analyst-section .op-spot-feat{border:1px solid rgba(180,200,255,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;padding:14px!important}
.op-crm-builder-section .op-spot-copy{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-prompt-builder{margin:22px 0 22px;padding:18px 20px;border-radius:30px;background:linear-gradient(145deg,#07111f,#15112d);border:1px solid rgba(180,200,255,.16);box-shadow:0 28px 80px rgba(124,58,237,.16),inset 0 1px 0 rgba(255,255,255,.09)}.op-crm-prompt-builder span{display:block;color:#a5f3fc;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.op-crm-prompt-builder b{display:block;color:#fff;font-size:18px;line-height:1.45;margin:12px 0}.op-crm-prompt-builder em{display:block;color:#c4b5fd;font-style:normal;font-weight:900}.op-crm-builder-section .op-spot-feats{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.op-crm-builder-section .op-spot-feat{min-height:0!important;flex:1 1 190px!important;border-radius:999px!important;padding:12px 14px!important}
.op-crm-index .op-section-head{max-width:760px!important}.op-crm-workspace-atlas{min-height:430px;margin:26px 0 22px;border-radius:44px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.16),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,247,255,.48));border:1px solid rgba(37,99,235,.13);box-shadow:0 30px 94px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.82);overflow:hidden}.op-crm-workspace-atlas:before{content:"";position:absolute;inset:48px;border-radius:999px;border:1px dashed rgba(37,99,235,.24)}.op-crm-workspace-atlas:after{content:"";position:absolute;inset:105px;border-radius:999px;border:1px dashed rgba(6,182,212,.22)}.atlas-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;aspect-ratio:1;border-radius:42px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#7c3aed);box-shadow:0 30px 80px rgba(37,99,235,.24)}.atlas-core span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.atlas-core b{font-size:30px;line-height:.95;letter-spacing:-.05em}.atlas-core small{font-weight:850;opacity:.82;margin-top:8px}.atlas-lane{position:absolute;max-width:230px;padding:18px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(37,99,235,.12);box-shadow:0 18px 50px rgba(37,99,235,.10)}.atlas-lane b{display:block;font-size:18px}.atlas-lane span{color:#64748b;font-weight:800}.lane-a{left:7%;top:12%}.lane-b{right:8%;top:15%}.lane-c{left:10%;bottom:14%}.lane-d{right:9%;bottom:12%}.op-crm-index .op-grid-3{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important}.op-crm-index .op-spot-card{min-height:auto!important;flex:1 1 210px!important;padding:12px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.66)!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:none!important}.op-crm-index .op-spot-card:before,.op-crm-index .op-spot-card:after{display:none!important}.op-crm-index .op-spot-card h3{font-size:13px!important;margin:0!important}.op-crm-index .op-spot-card p{display:none!important}
.op-crm-access-section .op-spot-copy{padding:0!important}.op-crm-access-section .op-spot-copy:after{display:none!important}.op-crm-access-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 22px}.op-crm-access-matrix div{padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,247,255,.48));border:1px solid rgba(37,99,235,.12);box-shadow:0 18px 50px rgba(37,99,235,.08)}.op-crm-access-matrix b{display:block;font-size:22px}.op-crm-access-matrix span{color:#64748b;font-weight:850}.op-crm-access-section .op-spot-feats{border-top:1px solid rgba(37,99,235,.12);padding-top:12px}.op-crm-access-section .op-spot-feat{background:transparent!important;border:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;padding:12px 0!important}
.op-crm-command-center .op-spot-row{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.op-crm-command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 22px;padding:12px;border-radius:30px;background:linear-gradient(135deg,#07111f,#101b34);border:1px solid rgba(180,200,255,.16);box-shadow:0 28px 80px rgba(19,185,129,.14),inset 0 1px 0 rgba(255,255,255,.09)}.op-crm-command-strip div{padding:16px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(180,200,255,.10)}.op-crm-command-strip b{display:block;color:#fff;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.05em}.op-crm-command-strip span{color:#9fb0d8;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:950}.op-crm-command-center .op-spot-feats{display:grid!important;grid-template-columns:1.2fr .9fr .9fr!important;gap:12px!important}.op-crm-command-center .op-spot-feat{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,253,246,.42))!important;border:1px solid rgba(19,185,129,.12)!important;box-shadow:0 18px 50px rgba(19,185,129,.08)!important}
html[data-theme="dark"] .op-crm-pipeline-console,html[data-theme="dark"] .op-crm-cleanup-dock,html[data-theme="dark"] .op-crm-workspace-atlas,html[data-theme="dark"] .op-crm-access-matrix div{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-cleanup-dock div,html[data-theme="dark"] .op-crm-prospect-radar .leads span,html[data-theme="dark"] .atlas-lane,html[data-theme="dark"] .op-crm-index .op-spot-card{background:rgba(255,255,255,.055)!important;border-color:rgba(180,200,255,.12)!important;color:#fff!important}html[data-theme="dark"] .op-crm-access-matrix span,html[data-theme="dark"] .atlas-lane span{color:#aebcd7!important}
@keyframes opCrmSweep{to{transform:rotate(360deg)}}@media(max-width:900px){.op-crm-pipeline-console,.op-crm-prospect-radar,.op-crm-cleanup-dock,.op-crm-access-matrix,.op-crm-command-strip{grid-template-columns:1fr!important}.op-crm-cleanup-dock i{height:34px;width:4px;margin:auto}.op-crm-workspace-atlas{min-height:560px}.atlas-core{top:44%}.atlas-lane{position:absolute;left:24px!important;right:24px!important;max-width:none}.lane-a{top:24px}.lane-b{top:116px}.lane-c{bottom:116px}.lane-d{bottom:24px}.op-crm-command-center .op-spot-feats,.op-crm-outreach .op-spot-feats,.op-crm-analyst-section .op-spot-feats{grid-template-columns:1fr!important}}@media(max-width:560px){.op-crm-autonomy-switchboard{grid-template-columns:1fr;border-radius:24px}.op-crm-autonomy-switchboard i{height:2px}.op-crm-workspace-atlas{border-radius:28px}.atlas-core{width:150px;border-radius:32px}.atlas-core b{font-size:24px}}
/* CRM trust dial correction: light autonomy lab, not another dark section. */
.op-crm-trust-dial{background:radial-gradient(820px 480px at 82% 18%,rgba(124,58,237,.16),transparent 62%),radial-gradient(760px 440px at 12% 86%,rgba(6,182,212,.14),transparent 64%),linear-gradient(180deg,#fbfdff 0%,#f3f8ff 54%,#f8fbff 100%)!important;color:#07111f!important}.op-crm-trust-dial:before{content:"";position:absolute;inset:46px max(18px,calc((100vw - 1360px)/2));border-radius:52px;border:1px solid rgba(37,99,235,.10);background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(241,247,255,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.84);pointer-events:none;z-index:0}.op-crm-trust-dial .op-spot-row{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;align-items:center!important}.op-crm-trust-dial .op-spot-copy{padding:clamp(22px,3vw,40px)!important;border-radius:38px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,250,255,.56))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 26px 82px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.84)!important}.op-crm-trust-dial .op-spot-copy h2,.op-crm-trust-dial .op-spot-feat b{color:#07111f!important}.op-crm-trust-dial .op-lead,.op-crm-trust-dial .op-spot-feat span{color:#5b6b84!important}.op-crm-trust-dial .op-kicker,.op-crm-trust-dial .op-spot-copy:before{background:rgba(255,255,255,.78)!important;border-color:rgba(37,99,235,.12)!important;color:#2563eb!important;box-shadow:0 14px 34px rgba(37,99,235,.08)!important}.op-crm-autonomy-switchboard{grid-template-columns:1fr!important;gap:0!important;align-items:stretch!important;border-radius:30px!important;margin:24px 0!important;padding:10px!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,246,255,.62))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 24px 70px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.88)!important}.op-crm-autonomy-switchboard span{position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 16px 15px 46px;border-radius:22px;color:#07111f!important;font-weight:950!important;background:transparent!important}.op-crm-autonomy-switchboard span:before{content:"";position:absolute;left:16px;width:14px;height:14px;border-radius:999px;background:#cbd5e1;box-shadow:0 0 0 6px rgba(37,99,235,.06)}.op-crm-autonomy-switchboard span:nth-of-type(2){background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(6,182,212,.08))!important}.op-crm-autonomy-switchboard span:nth-of-type(2):before{background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 0 0 7px rgba(6,182,212,.11)}.op-crm-autonomy-switchboard span:nth-of-type(3):before{background:linear-gradient(135deg,#7c3aed,#e879f9)}.op-crm-autonomy-switchboard i{height:1px!important;margin:2px 18px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.18),transparent)!important}.op-crm-autonomy-switchboard em{margin:10px 6px 4px;padding:10px 12px;border-radius:18px;background:rgba(124,58,237,.08);color:#6d28d9!important;font-style:normal;font-weight:900;text-align:center}.op-crm-trust-dial .op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important;border:0!important;overflow:visible!important}.op-crm-trust-dial .op-spot-feat{display:block!important;min-height:156px!important;padding:18px!important;border-radius:26px!important;border:1px solid rgba(37,99,235,.11)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,250,255,.54))!important;box-shadow:0 18px 52px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.82)!important}.op-crm-trust-dial .op-spot-feat:nth-child(2){transform:translateY(-12px)!important;border-color:rgba(6,182,212,.22)!important}.op-crm-trust-dial .op-spot-feat:nth-child(3){transform:translateY(10px)!important}.op-crm-trust-dial .op-spot-feat svg{width:24px!important;height:24px!important;margin-bottom:16px!important;color:#2563eb!important}.op-crm-trust-dial .op-spot-art{transform:perspective(1000px) rotateY(-4deg)!important}.op-crm-trust-dial .op-spot-art .m3d-stage{border-radius:36px!important;box-shadow:0 38px 100px rgba(124,58,237,.16),0 18px 48px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.10)!important}.op-crm-trust-dial .op-spot-glow{opacity:.45!important}html[data-theme="dark"] .op-crm-trust-dial{background:radial-gradient(820px 480px at 82% 18%,rgba(124,58,237,.20),transparent 62%),radial-gradient(760px 440px at 12% 86%,rgba(6,182,212,.16),transparent 64%),linear-gradient(180deg,#0b1220 0%,#0d1a2e 54%,#07111f 100%)!important;color:#fff!important}html[data-theme="dark"] .op-crm-trust-dial .op-spot-copy,html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat,html[data-theme="dark"] .op-crm-autonomy-switchboard{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 76px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-trust-dial .op-spot-copy h2,html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat b,html[data-theme="dark"] .op-crm-autonomy-switchboard span{color:#fff!important}html[data-theme="dark"] .op-crm-trust-dial .op-lead,html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat span{color:#aebcd7!important}@media(max-width:1080px){.op-crm-trust-dial .op-spot-row{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-art{transform:none!important}.op-crm-trust-dial .op-spot-feat:nth-child(n){transform:none!important}}@media(max-width:760px){.op-crm-trust-dial:before{inset:22px 10px;border-radius:30px}.op-crm-trust-dial .op-spot-copy{padding:18px!important;border-radius:26px!important}.op-crm-trust-dial .op-spot-feats{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-feat{min-height:auto!important}}
/* CRM trust dial redesign: runway control deck, not another card stack. */
.op-crm-trust-dial{padding:clamp(72px,8vw,128px) 0!important;background:radial-gradient(760px 420px at 78% 18%,rgba(124,58,237,.13),transparent 62%),radial-gradient(760px 420px at 12% 86%,rgba(6,182,212,.16),transparent 64%),linear-gradient(180deg,#f9fcff 0%,#eef8ff 52%,#fbfdff 100%)!important;color:#07111f!important}
.op-crm-trust-dial:before{content:""!important;position:absolute!important;inset:clamp(28px,4vw,58px) max(14px,calc((100vw - 1420px)/2))!important;border-radius:58px!important;background:linear-gradient(115deg,rgba(255,255,255,.68),rgba(232,246,255,.34) 48%,rgba(244,240,255,.42))!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;pointer-events:none!important;z-index:0!important}
.op-crm-trust-dial:after{background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)!important;opacity:.78!important}
.op-crm-trust-dial .op-spot-row{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;align-items:end!important;gap:clamp(28px,4vw,72px)!important}
.op-crm-trust-dial .op-spot-copy{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:760px!important}
.op-crm-trust-dial .op-spot-copy:before{content:"Autonomy runway"!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(37,99,235,.13)!important;color:#2563eb!important;box-shadow:0 14px 34px rgba(37,99,235,.08)!important}
.op-crm-trust-dial .op-spot-copy h2{color:#07111f!important;max-width:720px!important}
.op-crm-trust-dial .op-lead{color:#53657d!important;max-width:680px!important}
.op-crm-trust-dial .op-spot-feats{display:none!important}
.op-crm-trust-runway{position:relative;margin-top:clamp(24px,3vw,38px);padding:22px clamp(18px,2.2vw,30px) 26px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,249,255,.50));border:1px solid rgba(37,99,235,.13);box-shadow:0 26px 78px rgba(37,99,235,.11),inset 0 1px 0 rgba(255,255,255,.88);overflow:hidden}
.op-crm-trust-runway:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#06b6d4,#2563eb 48%,#a855f7);opacity:.9}
.trust-runway-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.trust-runway-head span{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#2563eb}
.trust-runway-head b{font-size:13px;color:#475569;text-align:right}
.trust-runway-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:26px 4px 18px}
.trust-runway-track:before{content:"";position:absolute;left:9%;right:9%;top:48px;height:8px;border-radius:999px;background:linear-gradient(90deg,#dbeafe,#67e8f9 46%,#c4b5fd);box-shadow:0 10px 24px rgba(37,99,235,.14)}
.trust-node{position:relative;z-index:1;min-height:116px;padding:62px 10px 10px;text-align:center}
.trust-node i{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#fff,#eff6ff);border:1px solid rgba(37,99,235,.14);box-shadow:0 16px 36px rgba(37,99,235,.14),inset 0 1px 0 #fff}
.trust-node i:after{content:"";position:absolute;inset:16px;border-radius:999px;background:#94a3b8}
.trust-node b{display:block;color:#07111f;font-size:16px;letter-spacing:-.03em}
.trust-node span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:850}
.trust-node.active{transform:translateY(-8px)}
.trust-node.active i{width:68px;height:68px;top:6px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#06b6d4 48%,#7c3aed);box-shadow:0 22px 52px rgba(37,99,235,.26)}
.trust-node.active i:after{inset:20px;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.2)}
.trust-node.autopilot i:after{background:#7c3aed}
.trust-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 4px 0;padding:13px 16px;border-radius:20px;background:linear-gradient(90deg,rgba(124,58,237,.10),rgba(6,182,212,.08));border:1px dashed rgba(124,58,237,.32)}
.trust-gate span{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#6d28d9}
.trust-gate b{color:#07111f;font-size:14px}
.op-crm-trust-dial .op-spot-art{transform:translateY(10px) perspective(1000px) rotateY(-3deg)!important}
.op-crm-trust-dial .op-spot-art .m3d-stage{border-radius:42px!important;background:linear-gradient(145deg,#081225,#121a36 54%,#10102b)!important;box-shadow:0 28px 70px rgba(37,99,235,.16),0 14px 38px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.10)!important}
.op-crm-trust-dial .op-spot-art .m3d-stage:after{content:"";position:absolute;left:11%;right:11%;bottom:12px;height:5px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);opacity:.8}
html[data-theme="dark"] .op-crm-trust-dial{background:radial-gradient(760px 420px at 78% 18%,rgba(124,58,237,.18),transparent 62%),radial-gradient(760px 420px at 12% 86%,rgba(6,182,212,.14),transparent 64%),linear-gradient(180deg,#08111e 0%,#0d1d2b 52%,#08111e 100%)!important;color:#fff!important}
html[data-theme="dark"] .op-crm-trust-dial:before{background:linear-gradient(115deg,rgba(255,255,255,.075),rgba(6,182,212,.045) 48%,rgba(124,58,237,.075))!important;border-color:rgba(180,200,255,.14)!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-copy h2,html[data-theme="dark"] .trust-node b,html[data-theme="dark"] .trust-gate b{color:#fff!important}
html[data-theme="dark"] .op-crm-trust-dial .op-lead,html[data-theme="dark"] .trust-node span,html[data-theme="dark"] .trust-runway-head b{color:#aebcd7!important}
html[data-theme="dark"] .op-crm-trust-runway{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .trust-node i{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border-color:rgba(180,200,255,.16);box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
@media(max-width:1080px){.op-crm-trust-dial .op-spot-row{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-art{transform:none!important}}
@media(max-width:680px){.op-crm-trust-runway{padding:18px 14px;border-radius:26px}.trust-runway-head{display:block}.trust-runway-head b{display:block;text-align:left;margin-top:6px}.trust-runway-track{grid-template-columns:1fr;gap:2px;padding:10px 0}.trust-runway-track:before{left:27px;right:auto;top:22px;bottom:22px;width:6px;height:auto;background:linear-gradient(180deg,#dbeafe,#67e8f9,#c4b5fd)}.trust-node{display:grid;grid-template-columns:58px 1fr;align-items:center;min-height:74px;text-align:left;padding:8px 0}.trust-node i,.trust-node.active i{position:relative;left:auto;top:auto;transform:none;width:50px;height:50px;border-radius:18px}.trust-node.active{transform:none}.trust-gate{display:block}.trust-gate b{display:block;margin-top:5px}}
/* CRM trust dial content restore: keep all mode text, design it as rules around the runway. */
.op-crm-trust-dial .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:18px!important;padding:0 0 0 18px!important;border-left:2px solid rgba(37,99,235,.18)!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
.op-crm-trust-dial .op-spot-feats:before{display:none!important}
.op-crm-trust-dial .op-spot-feat{position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-height:0!important;padding:12px 0 12px 6px!important;border:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.op-crm-trust-dial .op-spot-feat:last-child{border-bottom:0!important}
.op-crm-trust-dial .op-spot-feat:before{content:"";position:absolute;left:-24px;top:20px;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);box-shadow:0 0 0 7px rgba(37,99,235,.07)}
.op-crm-trust-dial .op-spot-feat svg{width:22px!important;height:22px!important;margin:1px 0 0!important;color:#2563eb!important;padding:5px;border-radius:10px;background:rgba(37,99,235,.08)}
.op-crm-trust-dial .op-spot-feat span{display:block!important;color:#53657d!important;font-size:14px!important;line-height:1.52!important}
.op-crm-trust-dial .op-spot-feat b{display:inline!important;color:#07111f!important;font-size:15px!important}
.trust-node{padding-top:78px!important}
.trust-node i{top:10px!important}
.trust-node.active i{top:0!important}
.trust-runway-track:before{top:42px!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feats{border-left-color:rgba(180,200,255,.16)!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat{border-bottom-color:rgba(180,200,255,.11)!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat span{color:#aebcd7!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat b{color:#fff!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat svg{color:#67e8f9!important;background:rgba(103,232,249,.08)}
@media(max-width:680px){.op-crm-trust-dial .op-spot-feats{margin-top:14px!important;padding-left:14px!important}.op-crm-trust-dial .op-spot-feat{grid-template-columns:28px 1fr!important;padding:10px 0 10px 4px!important}.op-crm-trust-dial .op-spot-feat:before{left:-20px}.trust-node{padding-top:8px!important}.trust-node i,.trust-node.active i{top:auto!important}}

/* ============================================================
   SHARED MARKETING HERO (op-mkt-*) — standardized smaller hero,
   generalized from the crm/features reference so every page reuses
   ONE definition. Page supplies content + its own 3D art only.
   2026-06-16
   ============================================================ */
.op-mkt-top{position:relative!important;margin-top:0!important;padding-top:0!important;background:linear-gradient(180deg,#edf1fb 0%,#eff5ff 58%,#f8fbff 100%)!important;overflow:hidden!important;isolation:isolate}
.op-mkt-hero{position:relative!important;min-height:auto!important;padding:0 0 clamp(36px,5vw,72px)!important;background:transparent!important;overflow:hidden!important}
.op-mkt-hero .op-orb,.op-mkt-hero .op-halo,.op-mkt-hero .op-hero-constellation{pointer-events:none!important}
.op-mkt-constellation{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.58!important;mix-blend-mode:multiply!important;z-index:0!important}
.op-mkt-hero-shell{position:relative!important;z-index:1!important;width:min(1480px,calc(100vw - 42px))!important;max-width:none!important;margin:0 auto!important}
.op-mkt-hero-card{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:calc(var(--op-nav-h,82px) + 46px) clamp(22px,2.7vw,38px) clamp(26px,3vw,38px)!important;border-radius:0 0 clamp(32px,3.4vw,48px) clamp(32px,3.4vw,48px)!important;border:1px solid rgba(180,210,255,.34)!important;border-top:0!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(244,249,255,.50)),radial-gradient(72% 80% at 100% 0%,rgba(124,58,237,.12),transparent 64%),radial-gradient(70% 70% at 0% 18%,rgba(6,182,212,.10),transparent 68%)!important;box-shadow:0 28px 90px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.84)!important;backdrop-filter:blur(18px) saturate(150%)!important;overflow:hidden!important}
.op-mkt-hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(82% 80% at 58% 44%,#000,transparent 84%);pointer-events:none!important}
.op-mkt-hero-card:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed,#e879f9);opacity:.72}
.op-mkt-hero-card>*{position:relative!important;z-index:1!important}
.op-mkt-hero-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.02fr)!important;gap:clamp(24px,3.2vw,52px)!important;align-items:center!important;width:min(1280px,100%)!important;max-width:1280px!important;margin:0 auto!important}
.op-mkt-hero-grid>*{position:relative!important;z-index:1!important}
.op-mkt-hero-copy{max-width:640px!important}
.op-mkt-hero-title{font-size:clamp(42px,5.2vw,76px)!important;line-height:.94!important;letter-spacing:-.065em!important;max-width:11ch!important;margin:16px 0 18px!important;color:#07111f!important}
.op-mkt-hero .op-lead{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.64!important;max-width:590px!important;color:#52627a!important}
.op-mkt-hero .op-kicker{width:max-content!important;background:rgba(255,255,255,.68)!important;box-shadow:0 16px 36px rgba(37,99,235,.08)!important}
.op-mkt-hero-art{position:relative!important;min-height:auto!important;padding-right:72px!important}
@media(min-width:1041px){.op-mkt-hero-art{transform:translateY(clamp(34px,4vw,70px))!important}}
.op-mkt-hero-art .m3d-stage{width:100%!important}
.op-mkt-hero-art .m3d-stage{max-width:620px!important;margin-left:auto!important;border-radius:34px!important;box-shadow:0 42px 110px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.12)!important}
.op-mkt-hero-art .m3d-stage:before{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.op-mkt-hero-art .m3d-stage svg{display:block!important;width:100%!important;height:auto!important}
html[data-theme="dark"] .op-mkt-top{background:linear-gradient(180deg,#070c1a 0%,#080e20 58%,#050712 100%)!important}
html[data-theme="dark"] .op-mkt-constellation{opacity:.84!important;mix-blend-mode:screen!important}
/* General product hero matches the HOME hero in dark: a transparent panel so
   the navy body + grid show through, with the same violet radial glow (op-top::after)
   — no frosted white-glass card, no cyan. */
html[data-theme="dark"] .op-mkt-hero-card{background:radial-gradient(58% 44% at 16% 0%,rgba(124,58,237,.16),transparent 74%),radial-gradient(58% 44% at 86% 5%,rgba(124,58,237,.12),transparent 74%),radial-gradient(70% 50% at 82% 70%,rgba(124,58,237,.09),transparent 78%)!important;border-color:rgba(180,200,255,.12)!important;box-shadow:0 30px 96px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important}
html[data-theme="dark"] .op-mkt-hero-title{color:#fff!important}
html[data-theme="dark"] .op-mkt-hero .op-lead{color:#aebcd7!important}
html[data-theme="dark"] .op-mkt-hero .op-kicker{background:rgba(13,20,42,.82)!important}
@media(max-width:1040px){.op-mkt-hero-shell{width:min(1480px,calc(100vw - 32px))!important}.op-mkt-hero-grid{grid-template-columns:1fr!important;width:min(860px,100%)!important;max-width:860px!important}.op-mkt-hero-copy{max-width:760px!important}.op-mkt-hero-title{max-width:12ch!important}.op-mkt-hero-art{max-width:760px!important;width:100%!important;margin:0 auto!important;padding-right:0!important;transform:none!important}.op-mkt-hero-art .m3d-stage{max-width:680px!important;margin:0 auto!important}}
@media(max-width:760px){.op-mkt-hero{padding-bottom:42px!important}.op-mkt-hero-shell{width:calc(100vw - 24px)!important}.op-mkt-hero-grid{width:100%!important;max-width:none!important}.op-mkt-hero-card{padding:calc(var(--op-nav-h,82px) + 30px) 16px 22px!important;border-radius:0 0 30px 30px!important}.op-mkt-hero-title{font-size:clamp(36px,12vw,52px)!important}.op-mkt-hero .op-lead{font-size:14px!important}.op-mkt-hero .op-hero-actions{display:grid!important;grid-template-columns:1fr!important}.op-mkt-hero .op-hero-actions .op-btn{width:100%!important}.op-mkt-hero-art .m3d-stage{max-width:100%!important;border-radius:24px!important}}
/* ===== Standardized "many cards" pillar — works on ANY marketing page =====
   The stage/orbit/featured/lanes are already global; these add the head, accent,
   padding and grid backdrop that were previously scoped to .op-features-premium.
   No !important, so features.php keeps its own scoped overrides. */
.op-feat-pillar{position:relative;isolation:isolate;padding:clamp(72px,8vw,122px) 0;overflow:hidden}
.op-feat-pillar:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(95% 74% at 50% 18%,#000,transparent 82%);mask-image:radial-gradient(95% 74% at 50% 18%,#000,transparent 82%)}
.op-feat-pillar-head{display:grid;grid-template-columns:16px minmax(0,1fr);gap:clamp(12px,1.4vw,18px);align-items:start;max-width:min(1120px,100%);margin:0 auto 30px 0;text-align:left}
.op-feat-pillar-head>div{min-width:0;width:100%}
.op-feat-pillar-head .op-mega-h2{font-size:clamp(28px,3.4vw,48px);line-height:1.04;letter-spacing:-.04em;max-width:1000px;text-wrap:balance}
.op-feat-accent{width:14px;height:clamp(40px,4.4vw,58px);border-radius:999px;flex-shrink:0;box-shadow:0 18px 38px rgba(37,99,235,.18)}

/* ===== Uniform section titles — every redesigned product page (op-mkt-premium)
   gets the SAME section-title size as features.php. Add op-mkt-premium to <main>. ===== */
.op-mkt-premium .op-mega-h2{font-size:clamp(32px,4.4vw,62px)!important;line-height:.98!important;letter-spacing:-.058em!important;margin:12px 0 12px!important}
.op-mkt-premium .op-section-head>p,.op-mkt-premium .op-section-head .op-lead{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.6!important}
.op-mkt-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.04!important;letter-spacing:-.04em!important}
@media(max-width:760px){.op-mkt-premium .op-mega-h2{font-size:clamp(28px,9vw,38px)!important;line-height:1.04!important}.op-mkt-premium .op-feat-pillar-head .op-mega-h2{font-size:clamp(24px,7.8vw,34px)!important}}

/* ===== Pricing — premium glassmorphism compare matrix (op-prc-compare) ===== */
.op-prc-compare{position:relative!important;overflow:hidden!important;border-top-left-radius:30px!important;border-top-right-radius:30px!important;
  --sg1:rgba(124,58,237,.12)!important;--sg2:rgba(6,182,212,.11)!important;
  background:
    radial-gradient(120% 85% at 0% 0%,rgba(37,99,235,.32),transparent 55%),
    radial-gradient(125% 88% at 100% 2%,rgba(124,58,237,.36),transparent 56%),
    radial-gradient(135% 120% at 50% 132%,rgba(6,182,212,.28),transparent 62%),
    radial-gradient(85% 72% at 90% 92%,rgba(232,121,249,.22),transparent 58%),
    linear-gradient(180deg,#dbe6fb 0%,#e4edfe 52%,#d8e3fa 100%)!important}
/* richer brand grid + brighter twin drifting glows for premium depth */
.op-prc-compare.op-sx-grid::before{background-size:48px 48px!important;-webkit-mask-image:radial-gradient(135% 105% at 50% -6%,#000,transparent 82%)!important;mask-image:radial-gradient(135% 105% at 50% -6%,#000,transparent 82%)!important;opacity:.9!important}
.op-prc-compare.op-sx-glow::after{width:640px!important;height:640px!important;filter:blur(120px)!important;opacity:.7!important;background:radial-gradient(circle,rgba(124,58,237,.55),transparent 64%)!important}
.op-prc-compare .op-prc-aurora{position:absolute;inset:0;z-index:0;pointer-events:none}
.op-prc-compare .op-prc-aurora:before{content:"";position:absolute;left:-160px;bottom:-180px;width:560px;height:560px;border-radius:50%;filter:blur(120px);opacity:.6;background:radial-gradient(circle,rgba(6,182,212,.5),transparent 64%);animation:opFloat 18s ease-in-out infinite reverse}
/* glossy top sheen on the rounded edge */
.op-prc-compare:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,rgba(37,99,235,.6),rgba(124,58,237,.7),rgba(6,182,212,.6),transparent);opacity:.85;pointer-events:none}
html[data-theme="dark"] .op-prc-compare{background:
    radial-gradient(120% 85% at 0% 0%,rgba(37,99,235,.30),transparent 52%),
    radial-gradient(120% 85% at 100% 4%,rgba(124,58,237,.32),transparent 54%),
    radial-gradient(130% 120% at 50% 128%,rgba(6,182,212,.24),transparent 60%),
    radial-gradient(90% 70% at 88% 96%,rgba(232,121,249,.18),transparent 58%),
    linear-gradient(180deg,#070c1a 0%,#0a1326 52%,#060a16 100%)!important}
.op-prc-ctable-wrap{position:relative!important;z-index:1!important;max-width:1120px!important;margin:0 auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:4px!important;border-radius:30px!important}
.op-prc-ctable{position:relative!important;min-width:660px!important;border-radius:26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.6)!important;background:linear-gradient(150deg,rgba(255,255,255,.56),rgba(244,249,255,.30))!important;box-shadow:0 40px 120px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(26px) saturate(175%)!important;-webkit-backdrop-filter:blur(26px) saturate(175%)!important}
.op-prc-ctable:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(90% 80% at 50% 0%,#000,transparent 86%);pointer-events:none}
.op-prc-crow{position:relative;display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(var(--prc-cols,3),minmax(0,1fr));align-items:stretch}
.op-prc-crow+.op-prc-crow{border-top:1px solid rgba(37,99,235,.09)}
.op-prc-crow:not(.op-prc-chead):hover{background:rgba(37,99,235,.045)}
.op-prc-ccell{position:relative;z-index:1;padding:15px 18px;display:flex;align-items:center;font-size:14.5px;color:#41506b}
.op-prc-cfeat{font-weight:700;color:#0e1b34;justify-content:flex-start}
.op-prc-cval{justify-content:center;text-align:center}
/* Header */
.op-prc-chead{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0))}
.op-prc-chead .op-prc-cfeat{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7184a4}
.op-prc-cplan{flex-direction:column;justify-content:center;gap:5px;padding:20px 14px 16px}
.op-prc-cname{font-size:18px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(120deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.op-prc-cpop{font-size:9.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:4px 10px;border-radius:999px;background:linear-gradient(120deg,#2563eb,#06b6d4,#7c3aed);box-shadow:0 8px 20px rgba(124,58,237,.32)}
/* Popular column highlight band */
.op-prc-ccell.is-pop{background:linear-gradient(180deg,rgba(124,58,237,.10),rgba(37,99,235,.05))}
.op-prc-crow:not(.op-prc-chead):hover .op-prc-ccell.is-pop{background:linear-gradient(180deg,rgba(124,58,237,.15),rgba(37,99,235,.08))}
.op-prc-chead .op-prc-cplan.is-pop{background:linear-gradient(180deg,rgba(124,58,237,.16),rgba(37,99,235,.06))}
/* Tick / dash / text */
.op-prc-tick{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#13b981,#06b6d4);box-shadow:0 8px 18px rgba(6,182,212,.34)}
.op-prc-tick svg{width:15px;height:15px}
.op-prc-no{color:#aab6cc;font-weight:700}
.op-prc-txt{font-weight:800;color:#0e1b34;font-size:14px}
.op-prc-cval.is-pop .op-prc-txt{background:linear-gradient(120deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Dark theme */
html[data-theme="dark"] .op-prc-ctable{border-color:rgba(150,175,255,.16)!important;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:0 36px 110px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-prc-crow+.op-prc-crow{border-top-color:rgba(150,175,255,.1)}
html[data-theme="dark"] .op-prc-crow:not(.op-prc-chead):hover{background:rgba(150,175,255,.05)}
html[data-theme="dark"] .op-prc-ccell{color:#aebcd7}
html[data-theme="dark"] .op-prc-cfeat,html[data-theme="dark"] .op-prc-txt{color:#f1f5ff}
html[data-theme="dark"] .op-prc-chead{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)}
html[data-theme="dark"] .op-prc-no{color:#5b6b88}
@media(max-width:760px){.op-prc-ccell{padding:12px 12px;font-size:13px}.op-prc-cname{font-size:15px}.op-prc-cfeat{min-width:160px}}
/* CRM trust dial layout fix: details belong inside the runway deck. */
.op-crm-trust-runway>.op-spot-feats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:18px!important;padding:16px 0 0!important;border:0!important;border-top:1px solid rgba(37,99,235,.12)!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.op-crm-trust-runway>.op-spot-feats:before{display:none!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat{display:grid!important;grid-template-columns:28px 1fr!important;gap:10px!important;align-items:start!important;min-height:0!important;padding:14px 16px!important;border:0!important;border-right:1px solid rgba(37,99,235,.10)!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat:last-child{border-right:0!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat:before{display:none!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat svg{width:20px!important;height:20px!important;margin:2px 0 0!important;padding:4px!important;border-radius:10px!important;background:rgba(37,99,235,.08)!important;color:#2563eb!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat span{display:block!important;color:#53657d!important;font-size:13px!important;line-height:1.55!important}
.op-crm-trust-runway>.op-spot-feats .op-spot-feat b{display:block!important;margin-bottom:3px!important;color:#07111f!important;font-size:14px!important;line-height:1.2!important}
html[data-theme="dark"] .op-crm-trust-runway>.op-spot-feats{border-top-color:rgba(180,200,255,.12)!important}
html[data-theme="dark"] .op-crm-trust-runway>.op-spot-feats .op-spot-feat{border-right-color:rgba(180,200,255,.10)!important}
html[data-theme="dark"] .op-crm-trust-runway>.op-spot-feats .op-spot-feat span{color:#aebcd7!important}
html[data-theme="dark"] .op-crm-trust-runway>.op-spot-feats .op-spot-feat b{color:#fff!important}
html[data-theme="dark"] .op-crm-trust-runway>.op-spot-feats .op-spot-feat svg{background:rgba(103,232,249,.08)!important;color:#67e8f9!important}
@media(max-width:760px){.op-crm-trust-runway>.op-spot-feats{grid-template-columns:1fr!important;padding-top:12px!important}.op-crm-trust-runway>.op-spot-feats .op-spot-feat{padding:12px 0!important;border-right:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important}.op-crm-trust-runway>.op-spot-feats .op-spot-feat:last-child{border-bottom:0!important}}
/* CRM trust dial balance fix: lift 3D and unpin the headline from the corner. */
.op-crm-trust-dial .op-spot-row{align-items:start!important;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;padding-inline:clamp(22px,3.4vw,68px)!important;box-sizing:border-box!important;max-width:1760px!important;margin-inline:auto!important}
.op-crm-trust-dial .op-spot-copy{max-width:780px!important}
.op-crm-trust-dial .op-spot-copy h2{max-width:760px!important}
.op-crm-trust-dial .op-spot-art{align-self:start!important;margin-top:clamp(74px,6.4vw,118px)!important;transform:perspective(1000px) rotateY(-3deg)!important}
.op-crm-trust-dial .op-spot-art .m3d-stage{max-width:min(760px,100%)!important;margin-left:auto!important}
@media(max-width:1080px){.op-crm-trust-dial .op-spot-row{grid-template-columns:1fr!important;padding-inline:clamp(12px,3vw,24px)!important}.op-crm-trust-dial .op-spot-art{margin-top:22px!important;transform:none!important}.op-crm-trust-dial .op-spot-art .m3d-stage{margin-inline:auto!important}}
@media(max-width:760px){.op-crm-trust-dial .op-spot-row{padding-inline:0!important}.op-crm-trust-dial .op-spot-art{margin-top:18px!important}}
/* CRM trust dial cockpit pass: remove dead space and make the section feel composed. */
.op-crm-trust-dial{padding:clamp(74px,7vw,118px) 0!important}
.op-crm-trust-dial .op-spot-row{position:relative!important;align-items:stretch!important;grid-template-columns:minmax(500px,.94fr) minmax(520px,1.06fr)!important;gap:clamp(28px,3.4vw,58px)!important;padding-inline:clamp(28px,4vw,76px)!important}
.op-crm-trust-dial .op-spot-row:before{content:"";position:absolute;left:50%;top:12%;bottom:10%;width:1px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.18),rgba(6,182,212,.18),transparent);pointer-events:none}
.op-crm-trust-dial .op-spot-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:clamp(620px,42vw,760px)!important;padding-block:clamp(8px,1.4vw,24px)!important}
.op-crm-trust-dial .op-spot-copy h2{font-size:clamp(54px,5vw,88px)!important;line-height:.95!important;max-width:820px!important;margin-bottom:clamp(18px,2vw,28px)!important}
.op-crm-trust-dial .op-lead{max-width:760px!important}
.op-crm-trust-runway{margin-top:clamp(28px,3vw,44px)!important;border-radius:36px!important}
.op-crm-trust-dial .op-spot-art{position:relative!important;align-self:stretch!important;display:grid!important;align-items:stretch!important;margin-top:0!important;min-height:clamp(620px,42vw,760px)!important;transform:none!important}
.op-crm-trust-dial .op-spot-art:before{content:"Autonomy instrument bay";position:absolute;z-index:3;left:clamp(18px,2vw,30px);top:clamp(18px,2vw,30px);padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(37,99,235,.14);box-shadow:0 14px 34px rgba(37,99,235,.10);color:#2563eb;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.op-crm-trust-dial .op-spot-art:after{content:"Manual  •  Copilot  •  Autopilot";position:absolute;z-index:3;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);bottom:clamp(18px,2vw,30px);height:46px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(6,182,212,.10),rgba(124,58,237,.12));border:1px solid rgba(37,99,235,.12);color:#475569;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.op-crm-trust-dial .op-spot-art .m3d-stage{width:100%!important;height:100%!important;min-height:inherit!important;max-width:none!important;margin:0!important;border-radius:44px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.op-crm-trust-dial .op-spot-art .m3d-stage svg{width:100%!important;height:100%!important;min-height:560px!important;transform:scale(1.06)!important;transform-origin:center!important}
.op-crm-trust-dial .op-spot-glow{display:none!important}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-art:before{background:rgba(13,20,42,.86);border-color:rgba(180,200,255,.16);color:#a5f3fc}
html[data-theme="dark"] .op-crm-trust-dial .op-spot-art:after{background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(6,182,212,.12),rgba(124,58,237,.16));border-color:rgba(180,200,255,.12);color:#c8d6f2}
@media(max-width:1180px){.op-crm-trust-dial .op-spot-row{grid-template-columns:1fr!important}.op-crm-trust-dial .op-spot-row:before{display:none!important}.op-crm-trust-dial .op-spot-copy,.op-crm-trust-dial .op-spot-art{min-height:auto!important}.op-crm-trust-dial .op-spot-art .m3d-stage{min-height:520px!important}.op-crm-trust-dial .op-spot-art .m3d-stage svg{min-height:500px!important}}
@media(max-width:760px){.op-crm-trust-dial{padding:58px 0!important}.op-crm-trust-dial .op-spot-row{padding-inline:0!important}.op-crm-trust-dial .op-spot-copy h2{font-size:clamp(36px,11vw,52px)!important}.op-crm-trust-dial .op-spot-art .m3d-stage{min-height:390px!important;border-radius:28px!important}.op-crm-trust-dial .op-spot-art .m3d-stage svg{min-height:390px!important;transform:scale(1.12)!important}.op-crm-trust-dial .op-spot-art:before{font-size:9px;left:14px;top:14px}.op-crm-trust-dial .op-spot-art:after{display:none!important}}
/* CRM autonomy deck rebuild: new HTML structure, compact dial, connected mode rail. */
.op-crm-autonomy-deck{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:clamp(82px,8vw,126px) 0!important;background:radial-gradient(760px 420px at 78% 20%,rgba(124,58,237,.12),transparent 62%),radial-gradient(720px 420px at 13% 80%,rgba(6,182,212,.15),transparent 66%),linear-gradient(180deg,#fbfdff 0%,#eff8ff 50%,#f8fbff 100%)!important}
.op-crm-autonomy-deck:before{content:"";position:absolute;inset:42px max(16px,calc((100vw - 1480px)/2));border-radius:58px;border:1px solid rgba(37,99,235,.10);background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(236,248,255,.30));box-shadow:inset 0 1px 0 rgba(255,255,255,.86);z-index:0;pointer-events:none}
.op-crm-autonomy-deck:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 50% 45%,#000,transparent 88%);z-index:0;pointer-events:none}
.op-autonomy-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,.88fr);grid-template-areas:"copy dial" "path path";gap:clamp(24px,3.4vw,54px);align-items:center;padding-inline:clamp(22px,4vw,72px)}
.op-autonomy-copy{grid-area:copy;max-width:760px}
.op-autonomy-copy .op-kicker{background:rgba(255,255,255,.82)!important;border-color:rgba(37,99,235,.13)!important;box-shadow:0 16px 38px rgba(37,99,235,.08)!important;color:#2563eb!important}
.op-autonomy-copy h2{margin:18px 0 22px;font-size:clamp(48px,5vw,84px);line-height:.96;letter-spacing:-.065em;color:#07111f}
.op-autonomy-copy .op-lead{max-width:720px;color:#52627a!important;font-size:clamp(15px,1.08vw,18px)!important;line-height:1.72!important}
.op-autonomy-dial{grid-area:dial;display:grid;justify-items:end}
.dial-card{position:relative;width:min(560px,100%);aspect-ratio:1.22;border-radius:40px;background:linear-gradient(145deg,#081225,#111a36 58%,#120f2d);border:1px solid rgba(180,200,255,.14);box-shadow:0 28px 78px rgba(37,99,235,.16),0 12px 34px rgba(6,182,212,.08),inset 0 1px 0 rgba(255,255,255,.10);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:24px}
.dial-card:before{content:"";position:absolute;inset:12px;border-radius:30px;border:1px solid rgba(255,255,255,.07);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 92%);pointer-events:none}
.dial-top,.dial-gate{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}
.dial-top span,.dial-gate span{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#8fb7ff}
.dial-top b{padding:8px 12px;border-radius:999px;background:rgba(103,232,249,.10);color:#67e8f9;font-size:13px}
.dial-card svg{position:relative;z-index:1;width:100%;height:100%;min-height:260px}
.dial-gate{padding:12px 14px;border-radius:18px;background:rgba(124,58,237,.12);border:1px solid rgba(167,139,250,.24)}
.dial-gate b{color:#fff;font-size:14px}
.op-autonomy-path{grid-area:path;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(4px,1vw,14px);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,248,255,.50));border:1px solid rgba(37,99,235,.12);box-shadow:0 24px 72px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.84);overflow:hidden}
.op-autonomy-path article{position:relative;min-height:178px;padding:26px clamp(18px,2vw,28px);border-right:1px solid rgba(37,99,235,.10);background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,.10))}
.op-autonomy-path article:last-child{border-right:0}
.op-autonomy-path article:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#94a3b8,#06b6d4,#7c3aed);opacity:.44}
.op-autonomy-path article.active:before{opacity:1}
.op-autonomy-path i{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(145deg,#eef7ff,#fff);border:1px solid rgba(37,99,235,.12);color:#2563eb;font-style:normal;font-size:14px;font-weight:950;box-shadow:0 14px 30px rgba(37,99,235,.10)}
.op-autonomy-path article.active i{background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);color:#fff}
.op-autonomy-path h3{margin:24px 0 8px;color:#07111f;font-size:clamp(22px,2vw,30px);line-height:1;letter-spacing:-.045em}
.op-autonomy-path p{margin:0;color:#5a6b84;font-size:15px;line-height:1.58;font-weight:750}
html[data-theme="dark"] .op-crm-autonomy-deck{background:radial-gradient(760px 420px at 78% 20%,rgba(124,58,237,.18),transparent 62%),radial-gradient(720px 420px at 13% 80%,rgba(6,182,212,.13),transparent 66%),linear-gradient(180deg,#08111e 0%,#0d1a2b 50%,#07111f 100%)!important}
html[data-theme="dark"] .op-crm-autonomy-deck:before{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.030));border-color:rgba(180,200,255,.14)}
html[data-theme="dark"] .op-autonomy-copy h2,html[data-theme="dark"] .op-autonomy-path h3{color:#fff}
html[data-theme="dark"] .op-autonomy-copy .op-lead,html[data-theme="dark"] .op-autonomy-path p{color:#aebcd7!important}
html[data-theme="dark"] .op-autonomy-path{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-color:rgba(180,200,255,.14);box-shadow:0 24px 72px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="dark"] .op-autonomy-path article{border-right-color:rgba(180,200,255,.10);background:rgba(255,255,255,.02)}
html[data-theme="dark"] .op-autonomy-path i{background:rgba(255,255,255,.08);border-color:rgba(180,200,255,.14);color:#a5f3fc}
@media(max-width:1120px){.op-autonomy-shell{grid-template-columns:1fr;grid-template-areas:"copy" "dial" "path"}.op-autonomy-dial{justify-items:center}.dial-card{width:min(620px,100%)}}
@media(max-width:760px){.op-crm-autonomy-deck{padding:58px 0!important}.op-crm-autonomy-deck:before{inset:20px 10px;border-radius:30px}.op-autonomy-shell{padding-inline:12px;gap:18px}.op-autonomy-copy h2{font-size:clamp(34px,10.5vw,50px)}.dial-card{border-radius:28px;padding:16px}.op-autonomy-path{grid-template-columns:1fr;border-radius:26px}.op-autonomy-path article{min-height:auto;border-right:0;border-bottom:1px solid rgba(37,99,235,.10);padding:18px}.op-autonomy-path article:last-child{border-bottom:0}.op-autonomy-path h3{margin:16px 0 6px}}
/* CRM autonomy deck sleek pass: softer shell, floating dial, sharper mode story. */
.op-crm-autonomy-deck{padding:clamp(86px,7.5vw,118px) 0!important;background:radial-gradient(680px 420px at 72% 18%,rgba(6,182,212,.13),transparent 62%),radial-gradient(720px 460px at 24% 88%,rgba(124,58,237,.10),transparent 66%),linear-gradient(180deg,#fbfdff 0%,#eef8ff 48%,#fbfdff 100%)!important}
.op-crm-autonomy-deck:before{inset:44px max(22px,calc((100vw - 1520px)/2))!important;border-radius:62px!important;background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(237,249,255,.20) 52%,rgba(244,240,255,.26))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important}
.op-autonomy-shell{grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr)!important;grid-template-areas:"copy dial" "path dial"!important;align-items:center!important;gap:clamp(22px,3.2vw,48px)!important;padding-inline:clamp(30px,5vw,96px)!important}
.op-autonomy-copy{align-self:end!important;padding-top:clamp(8px,1vw,18px)!important}
.op-autonomy-copy h2{max-width:780px!important;font-size:clamp(50px,4.85vw,82px)!important;margin-bottom:18px!important}
.op-autonomy-copy .op-lead{max-width:700px!important}
.op-autonomy-dial{align-self:center!important;justify-items:center!important;perspective:1200px!important}
.dial-card{width:min(500px,100%)!important;aspect-ratio:1.04!important;border-radius:42px!important;padding:22px!important;transform:rotateY(-7deg) rotateX(4deg)!important;background:radial-gradient(circle at 34% 20%,rgba(103,232,249,.18),transparent 30%),linear-gradient(145deg,#081225,#101a35 56%,#170f33)!important;box-shadow:0 34px 90px rgba(37,99,235,.22),0 20px 48px rgba(124,58,237,.14),inset 0 1px 0 rgba(255,255,255,.12)!important}
.dial-card:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:20px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);filter:blur(16px);opacity:.42;pointer-events:none}
.dial-top{padding:4px 2px 0!important}
.dial-top span{color:#a5f3fc!important}
.dial-top b{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(6,182,212,.16))!important;border:1px solid rgba(103,232,249,.18)!important}
.dial-card svg{min-height:245px!important;filter:drop-shadow(0 16px 22px rgba(6,182,212,.10))}
.dial-gate{border-radius:999px!important;background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(124,58,237,.18))!important}
.op-autonomy-path{align-self:start!important;margin-top:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.op-autonomy-path article{min-height:154px!important;border:1px solid rgba(37,99,235,.11)!important;border-right:1px solid rgba(37,99,235,.11)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(242,249,255,.46))!important;box-shadow:0 18px 52px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.80)!important;overflow:hidden!important}
.op-autonomy-path article.active{transform:translateY(-12px)!important;border-color:rgba(6,182,212,.28)!important;box-shadow:0 26px 70px rgba(6,182,212,.13),0 18px 46px rgba(124,58,237,.08),inset 0 1px 0 rgba(255,255,255,.86)!important}
.op-autonomy-path article:before{height:4px!important;opacity:.58!important}
.op-autonomy-path article.active:before{opacity:1!important;height:5px!important}
.op-autonomy-path i{width:38px!important;height:38px!important;border-radius:14px!important}
.op-autonomy-path h3{margin:22px 0 7px!important;font-size:clamp(20px,1.65vw,26px)!important}
.op-autonomy-path p{font-size:14px!important;line-height:1.54!important}
html[data-theme="dark"] .op-crm-autonomy-deck{background:radial-gradient(680px 420px at 72% 18%,rgba(6,182,212,.15),transparent 62%),radial-gradient(720px 460px at 24% 88%,rgba(124,58,237,.16),transparent 66%),linear-gradient(180deg,#08111e 0%,#0d1a2b 48%,#07111f 100%)!important}
html[data-theme="dark"] .op-autonomy-path article{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032))!important;border-color:rgba(180,200,255,.13)!important;box-shadow:0 20px 58px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-autonomy-path article.active{border-color:rgba(103,232,249,.26)!important;box-shadow:0 24px 68px rgba(0,0,0,.28),0 16px 38px rgba(6,182,212,.08),inset 0 1px 0 rgba(255,255,255,.09)!important}
@media(max-width:1120px){.op-autonomy-shell{grid-template-columns:1fr!important;grid-template-areas:"copy" "dial" "path"!important}.dial-card{transform:none!important}.op-autonomy-path article.active{transform:none!important}}
@media(max-width:760px){.op-autonomy-shell{padding-inline:12px!important}.op-autonomy-path{grid-template-columns:1fr!important;gap:9px!important}.op-autonomy-path article{min-height:auto!important;border-radius:22px!important}.dial-card{width:100%!important;aspect-ratio:1.08!important}}
/* CRM autonomy deck restore + polish: keep previous composition, refine only. */
.op-autonomy-shell{grid-template-columns:minmax(0,.92fr) minmax(420px,.88fr)!important;grid-template-areas:"copy dial" "path path"!important;gap:clamp(24px,3.4vw,54px)!important;align-items:center!important;padding-inline:clamp(24px,4vw,76px)!important}
.op-autonomy-copy{align-self:center!important;max-width:760px!important;padding-top:0!important}
.op-autonomy-copy h2{max-width:790px!important;font-size:clamp(48px,5vw,84px)!important;line-height:.96!important;margin:18px 0 22px!important}
.op-autonomy-copy .op-lead{max-width:720px!important}
.op-autonomy-dial{align-self:center!important;justify-items:end!important;perspective:none!important}
.dial-card{width:min(560px,100%)!important;aspect-ratio:1.22!important;border-radius:42px!important;padding:24px!important;transform:none!important;background:radial-gradient(circle at 30% 16%,rgba(103,232,249,.18),transparent 27%),radial-gradient(circle at 82% 82%,rgba(124,58,237,.18),transparent 32%),linear-gradient(145deg,#081225,#101a36 56%,#120f2d)!important;border:1px solid rgba(180,200,255,.16)!important;box-shadow:0 30px 82px rgba(37,99,235,.18),0 16px 38px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.12)!important}
.dial-card:after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;bottom:-9px!important;height:18px!important;border-radius:999px!important;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed)!important;filter:blur(16px)!important;opacity:.36!important;pointer-events:none!important}
.dial-card svg{min-height:260px!important;filter:drop-shadow(0 18px 24px rgba(6,182,212,.10))!important}
.dial-top{padding:2px 2px 0!important}
.dial-top span,.dial-gate span{color:#9ec5ff!important}
.dial-top b{background:linear-gradient(135deg,rgba(37,99,235,.26),rgba(6,182,212,.14))!important;border:1px solid rgba(103,232,249,.18)!important;color:#67e8f9!important}
.dial-gate{border-radius:20px!important;background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(124,58,237,.14))!important;border:1px solid rgba(167,139,250,.24)!important}
.op-autonomy-path{grid-area:path!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:clamp(4px,1vw,14px)!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(239,248,255,.54))!important;border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 24px 72px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.84)!important;overflow:hidden!important}
.op-autonomy-path article{position:relative!important;min-height:166px!important;padding:24px clamp(18px,2vw,28px)!important;border:0!important;border-right:1px solid rgba(37,99,235,.10)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12))!important;box-shadow:none!important;transform:none!important;overflow:hidden!important}
.op-autonomy-path article:last-child{border-right:0!important}
.op-autonomy-path article.active{transform:none!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(232,249,255,.42))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
.op-autonomy-path article:before{height:5px!important;opacity:.48!important}
.op-autonomy-path article.active:before{opacity:1!important;height:5px!important}
.op-autonomy-path i{width:42px!important;height:42px!important;border-radius:16px!important}
.op-autonomy-path h3{margin:22px 0 8px!important;font-size:clamp(22px,2vw,30px)!important}
.op-autonomy-path p{font-size:15px!important;line-height:1.56!important}
html[data-theme="dark"] .op-autonomy-path{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,200,255,.14)!important;box-shadow:0 24px 72px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-autonomy-path article{background:rgba(255,255,255,.02)!important;border-right-color:rgba(180,200,255,.10)!important}
html[data-theme="dark"] .op-autonomy-path article.active{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(6,182,212,.045))!important}
@media(max-width:1120px){.op-autonomy-shell{grid-template-columns:1fr!important;grid-template-areas:"copy" "dial" "path"!important}.op-autonomy-dial{justify-items:center!important}.dial-card{width:min(620px,100%)!important}.op-autonomy-path article.active{transform:none!important}}
@media(max-width:760px){.op-autonomy-shell{padding-inline:12px!important;gap:18px!important}.dial-card{width:100%!important;aspect-ratio:1.18!important;border-radius:28px!important;padding:16px!important}.op-autonomy-path{grid-template-columns:1fr!important;border-radius:26px!important}.op-autonomy-path article{min-height:auto!important;border-right:0!important;border-bottom:1px solid rgba(37,99,235,.10)!important;padding:18px!important}.op-autonomy-path article:last-child{border-bottom:0!important}.op-autonomy-path h3{margin:16px 0 6px!important}}
/* CRM fresh pipeline lab: wrapped section, animated 3D prospecting scene. */
.op-crm-pipeline-lab{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:clamp(86px,8vw,132px) 0!important;background:radial-gradient(760px 460px at 74% 18%,rgba(20,184,166,.18),transparent 62%),radial-gradient(760px 460px at 16% 88%,rgba(37,99,235,.13),transparent 66%),linear-gradient(180deg,#f8fcff 0%,#ecfbff 48%,#fbfdff 100%)!important}
.op-crm-pipeline-lab:before{content:"";position:absolute;inset:42px max(16px,calc((100vw - 1500px)/2));border-radius:62px;border:1px solid rgba(6,182,212,.14);background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(230,255,250,.28) 48%,rgba(239,246,255,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.88);pointer-events:none;z-index:0}
.op-crm-pipeline-lab:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(82% 72% at 52% 46%,#000,transparent 88%);pointer-events:none;z-index:0}
.op-pipeline-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.12fr);grid-template-areas:"copy scene" "actions scene";gap:clamp(24px,3.4vw,58px);align-items:center;padding-inline:clamp(22px,4vw,74px)}
.op-pipeline-copy{grid-area:copy;max-width:760px}
.op-pipeline-copy .op-kicker{background:rgba(255,255,255,.82)!important;border-color:rgba(6,182,212,.18)!important;color:#0f766e!important;box-shadow:0 16px 38px rgba(6,182,212,.10)!important}
.op-pipeline-copy h2{margin:18px 0 22px;font-size:clamp(46px,4.8vw,82px);line-height:.96;letter-spacing:-.064em;color:#07111f}
.op-pipeline-copy .op-lead{max-width:720px;color:#52627a!important;font-size:clamp(15px,1.08vw,18px)!important;line-height:1.72!important}
.op-pipeline-scene{grid-area:scene;position:relative;min-height:clamp(560px,42vw,720px);perspective:1200px}
.pipeline-radar-3d{position:absolute;inset:0 8% 23% 0;border-radius:48px;background:radial-gradient(circle at 44% 44%,rgba(20,184,166,.22),transparent 24%),linear-gradient(145deg,#07111f,#0e1d34 56%,#09231f);border:1px solid rgba(180,240,255,.16);box-shadow:0 34px 95px rgba(37,99,235,.18),0 18px 46px rgba(6,182,212,.13),inset 0 1px 0 rgba(255,255,255,.10);overflow:hidden;transform:rotateX(6deg) rotateY(-7deg);transform-style:preserve-3d}
.pipeline-radar-3d:before{content:"";position:absolute;inset:18px;border-radius:36px;border:1px solid rgba(255,255,255,.07);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(80% 76% at 50% 48%,#000,transparent 88%)}
.radar-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(68deg);border-radius:999px;border:1px dashed rgba(103,232,249,.26);animation:opPipelineOrbit 18s linear infinite}.r1{width:66%;aspect-ratio:1}.r2{width:45%;aspect-ratio:1;animation-duration:12s;animation-direction:reverse;border-color:rgba(124,58,237,.24)}.r3{width:25%;aspect-ratio:1;animation-duration:8s;border-style:solid;border-color:rgba(20,184,166,.28)}
.radar-sweep{position:absolute;left:50%;top:48%;width:31%;height:3px;background:linear-gradient(90deg,#14b8a6,transparent);border-radius:999px;transform-origin:left center;animation:opPipelineSweep 3.8s linear infinite;filter:drop-shadow(0 0 12px rgba(20,184,166,.75))}
.radar-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) translateZ(60px);width:138px;height:138px;border-radius:36px;background:linear-gradient(135deg,#2563eb,#06b6d4 52%,#14b8a6);display:grid;place-content:center;text-align:center;color:#fff;box-shadow:0 28px 70px rgba(6,182,212,.28),inset 0 1px 0 rgba(255,255,255,.28);animation:opPipelineFloat 4.8s ease-in-out infinite}.radar-core b{font-size:46px;line-height:.9;letter-spacing:-.06em}.radar-core span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;opacity:.84}
.lead-chip{position:absolute;z-index:3;min-width:154px;padding:13px 15px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(6,182,212,.18);box-shadow:0 20px 48px rgba(6,182,212,.14);transform:translateZ(80px);transition:transform .25s ease,box-shadow .25s ease}.lead-chip b{display:block;color:#07111f;font-size:15px}.lead-chip span{display:block;margin-top:4px;color:#0f766e;font-size:12px;font-weight:900}.chip-a{left:8%;top:12%;animation:opPipelineFloat 5.2s ease-in-out infinite}.chip-b{right:5%;top:28%;animation:opPipelineFloat 5.8s ease-in-out infinite reverse}.chip-c{left:11%;bottom:13%;animation:opPipelineFloat 6.2s ease-in-out infinite}
.pipeline-console{position:absolute;right:0;bottom:0;width:min(640px,92%);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(240,253,250,.62));border:1px solid rgba(6,182,212,.16);box-shadow:0 28px 82px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.86);padding:18px;transform:translateZ(110px)}
.console-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.console-head span{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#2563eb}.console-head b{font-size:14px;color:#0f766e}
.sequence-flight{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center;padding:22px 4px 20px}.flight-line{position:absolute;left:8%;right:8%;top:50%;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#14b8a6);overflow:hidden}.flight-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:opPipelineTravel 2.7s linear infinite}
.step{position:relative;z-index:1;display:grid;place-items:center;height:48px;border-radius:16px;background:#fff;border:1px solid rgba(6,182,212,.16);box-shadow:0 12px 26px rgba(37,99,235,.08);font-style:normal;color:#334155;font-weight:950;font-size:12px}.step.active,.step.reply{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4,#14b8a6)}.step.reply{animation:opPipelinePulse 2.4s ease-in-out infinite}
.reply-card{margin-top:8px;padding:14px 16px;border-radius:22px;background:linear-gradient(90deg,rgba(20,184,166,.12),rgba(37,99,235,.08));border:1px dashed rgba(20,184,166,.34)}.reply-card span{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#0f766e}.reply-card b{display:block;margin-top:4px;color:#07111f;font-size:18px}.reply-card small{display:block;margin-top:3px;color:#64748b;font-weight:850}
.op-pipeline-actions{grid-area:actions;display:grid;gap:10px;max-width:820px}.op-pipeline-actions article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.64);border:1px solid rgba(6,182,212,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.78);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.op-pipeline-actions article:hover,.op-pipeline-actions article:focus{transform:translateX(8px);border-color:rgba(6,182,212,.28);box-shadow:0 20px 54px rgba(6,182,212,.12),inset 0 1px 0 rgba(255,255,255,.86);outline:0}.op-pipeline-actions i{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-style:normal;font-weight:950}.op-pipeline-actions h3{margin:0 0 5px;color:#07111f;font-size:18px;line-height:1.1}.op-pipeline-actions p{margin:0;color:#5a6b84;font-size:14px;line-height:1.5;font-weight:760}
.op-pipeline-scene:hover .pipeline-radar-3d{transform:rotateX(4deg) rotateY(-3deg) translateY(-4px)}.op-pipeline-scene:hover .lead-chip{box-shadow:0 26px 62px rgba(6,182,212,.20)}
@keyframes opPipelineSweep{to{transform:rotate(360deg)}}@keyframes opPipelineOrbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotate(360deg)}}@keyframes opPipelineFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes opPipelineTravel{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes opPipelinePulse{0%,100%{box-shadow:0 0 0 rgba(20,184,166,0)}50%{box-shadow:0 0 0 8px rgba(20,184,166,.14)}}
html[data-theme="dark"] .op-crm-pipeline-lab{background:radial-gradient(760px 460px at 74% 18%,rgba(20,184,166,.16),transparent 62%),radial-gradient(760px 460px at 16% 88%,rgba(37,99,235,.16),transparent 66%),linear-gradient(180deg,#07111f 0%,#0a1d2a 48%,#07111f 100%)!important}html[data-theme="dark"] .op-crm-pipeline-lab:before{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(20,184,166,.040) 48%,rgba(37,99,235,.060));border-color:rgba(180,240,255,.14)}html[data-theme="dark"] .op-pipeline-copy h2,html[data-theme="dark"] .reply-card b,html[data-theme="dark"] .op-pipeline-actions h3{color:#fff}html[data-theme="dark"] .op-pipeline-copy .op-lead,html[data-theme="dark"] .op-pipeline-actions p{color:#aebcd7!important}html[data-theme="dark"] .pipeline-console,html[data-theme="dark"] .op-pipeline-actions article{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-color:rgba(180,240,255,.14);box-shadow:0 24px 72px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}html[data-theme="dark"] .lead-chip,.op-pipeline-lab-dark-dummy{background:rgba(13,20,42,.90)}html[data-theme="dark"] .lead-chip b{color:#fff}html[data-theme="dark"] .step{background:rgba(255,255,255,.07);color:#c8d6f2;border-color:rgba(180,240,255,.14)}
@media(max-width:1120px){.op-pipeline-shell{grid-template-columns:1fr;grid-template-areas:"copy" "scene" "actions"}.op-pipeline-scene{min-height:620px}.pipeline-radar-3d{inset:0 0 24% 0}.pipeline-console{left:50%;right:auto;transform:translateX(-50%);width:min(680px,94%)}}
@media(max-width:760px){.op-crm-pipeline-lab{padding:58px 0!important}.op-crm-pipeline-lab:before{inset:20px 10px;border-radius:30px}.op-pipeline-shell{padding-inline:12px;gap:18px}.op-pipeline-copy h2{font-size:clamp(34px,10vw,50px)}.op-pipeline-scene{min-height:560px}.pipeline-radar-3d{border-radius:30px}.lead-chip{min-width:128px;padding:10px 12px}.chip-b{right:2%;top:32%}.pipeline-console{padding:14px;border-radius:26px}.sequence-flight{grid-template-columns:1fr;gap:7px;padding:8px 0}.flight-line{left:24px;right:auto;top:10%;bottom:10%;width:4px;height:auto}.step{height:40px}.op-pipeline-actions article{grid-template-columns:42px 1fr;padding:14px;border-radius:20px}}
/* CRM fresh pipeline rescue: stable premium wrapper, no chaotic overlap. */
.op-crm-pipeline-lab{padding:clamp(78px,7vw,112px) 0!important;background:radial-gradient(700px 420px at 76% 22%,rgba(6,182,212,.14),transparent 64%),radial-gradient(760px 430px at 12% 88%,rgba(37,99,235,.11),transparent 68%),linear-gradient(180deg,#fbfdff 0%,#eef9ff 52%,#fbfdff 100%)!important}
.op-crm-pipeline-lab:before{inset:34px max(18px,calc((100vw - 1440px)/2))!important;border-radius:48px!important;background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(238,250,255,.40))!important;border-color:rgba(37,99,235,.10)!important}
.op-pipeline-shell{grid-template-columns:minmax(0,.86fr) minmax(430px,.92fr)!important;grid-template-areas:"copy scene" "actions actions"!important;align-items:center!important;gap:clamp(22px,3vw,44px)!important;padding-inline:clamp(20px,3.5vw,62px)!important}
.op-pipeline-copy h2{font-size:clamp(44px,4.55vw,76px)!important;line-height:.98!important;max-width:780px!important}
.op-pipeline-copy .op-lead{max-width:720px!important}
.op-pipeline-scene{min-height:auto!important;display:grid!important;grid-template-rows:minmax(300px,1fr) auto!important;gap:14px!important;perspective:1000px!important}
.pipeline-radar-3d{position:relative!important;inset:auto!important;min-height:360px!important;border-radius:36px!important;transform:rotateX(5deg) rotateY(-5deg)!important;transition:transform .25s ease!important}
.pipeline-radar-3d:before{inset:14px!important;border-radius:28px!important}
.pipeline-console{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;border-radius:28px!important;padding:16px!important}
.op-pipeline-scene:hover .pipeline-radar-3d{transform:rotateX(3deg) rotateY(-2deg) translateY(-3px)!important}
.radar-core{width:120px!important;height:120px!important;border-radius:30px!important}.radar-core b{font-size:40px!important}
.lead-chip{min-width:142px!important;padding:11px 13px!important;border-radius:18px!important}.chip-a{left:7%!important;top:10%!important}.chip-b{right:6%!important;top:30%!important}.chip-c{left:9%!important;bottom:12%!important}
.sequence-flight{padding:18px 4px 16px!important}.step{height:42px!important;border-radius:14px!important}.reply-card{padding:12px 14px!important;border-radius:18px!important}.reply-card b{font-size:16px!important}
.op-pipeline-actions{grid-area:actions!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:none!important}
.op-pipeline-actions article{display:block!important;min-height:168px!important;padding:22px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(244,251,255,.54))!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:0 18px 52px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;transform:none!important}
.op-pipeline-actions article:hover,.op-pipeline-actions article:focus{transform:translateY(-6px)!important;border-color:rgba(6,182,212,.24)!important;box-shadow:0 26px 68px rgba(6,182,212,.12),inset 0 1px 0 rgba(255,255,255,.88)!important}
.op-pipeline-actions i{margin-bottom:24px!important}.op-pipeline-actions h3{font-size:20px!important;margin-bottom:8px!important}.op-pipeline-actions p{font-size:14px!important;line-height:1.55!important}
html[data-theme="dark"] .op-crm-pipeline-lab{background:radial-gradient(700px 420px at 76% 22%,rgba(6,182,212,.14),transparent 64%),radial-gradient(760px 430px at 12% 88%,rgba(37,99,235,.16),transparent 68%),linear-gradient(180deg,#07111f 0%,#0a1928 52%,#07111f 100%)!important}
html[data-theme="dark"] .op-crm-pipeline-lab:before{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.030))!important;border-color:rgba(180,220,255,.13)!important}
html[data-theme="dark"] .op-pipeline-actions article{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,220,255,.13)!important;box-shadow:0 20px 58px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
@media(max-width:1120px){.op-pipeline-shell{grid-template-columns:1fr!important;grid-template-areas:"copy" "scene" "actions"!important}.op-pipeline-scene{max-width:760px;width:100%;margin-inline:auto}.op-pipeline-actions{grid-template-columns:1fr!important}.op-pipeline-actions article{min-height:auto!important}}
@media(max-width:760px){.op-pipeline-shell{padding-inline:12px!important}.pipeline-radar-3d{min-height:320px!important;transform:none!important}.pipeline-console{border-radius:22px!important}.op-pipeline-actions article{border-radius:20px!important}.sequence-flight{grid-template-columns:1fr!important}.flight-line{display:none!important}.lead-chip{position:absolute!important;min-width:118px!important}.chip-a{left:5%!important}.chip-b{right:4%!important}.chip-c{left:8%!important;bottom:8%!important}}
/* CRM fresh pipeline double SVG-style wrapper. */
.op-crm-pipeline-lab:before{inset:28px max(14px,calc((100vw - 1500px)/2))!important;border-radius:64px!important;border:1px solid rgba(6,182,212,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(230,255,250,.26) 46%,rgba(239,246,255,.34))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 28px 90px rgba(37,99,235,.08)!important}
.op-pipeline-shell:before,.op-pipeline-shell:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.op-pipeline-shell:before{inset:-30px -18px;border-radius:54px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.op-pipeline-shell:after{inset:-14px 8px;border-radius:44px;border:1px solid rgba(6,182,212,.16);background:linear-gradient(90deg,transparent,rgba(6,182,212,.06),transparent);mask-image:linear-gradient(90deg,#000 0 34%,transparent 48% 54%,#000 68% 100%)}
.op-crm-pipeline-lab .op-container{position:relative;z-index:1}
.op-crm-pipeline-lab .op-container:before,.op-crm-pipeline-lab .op-container:after{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:999px;border:1px solid transparent;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.40}
.op-crm-pipeline-lab .op-container:before{left:clamp(14px,4vw,70px);right:clamp(90px,12vw,230px);top:-24px;height:46px;border-bottom:0;border-radius:999px 999px 0 0}
.op-crm-pipeline-lab .op-container:after{left:clamp(100px,14vw,260px);right:clamp(18px,5vw,86px);bottom:-26px;height:46px;border-top:0;border-radius:0 0 999px 999px}
.op-pipeline-shell>*{position:relative;z-index:1}
html[data-theme="dark"] .op-crm-pipeline-lab:before{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(20,184,166,.04) 46%,rgba(37,99,235,.06))!important;border-color:rgba(180,240,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 96px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .op-pipeline-shell:before{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(180,220,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
html[data-theme="dark"] .op-pipeline-shell:after{border-color:rgba(6,182,212,.18);background:linear-gradient(90deg,transparent,rgba(6,182,212,.07),transparent)}
@media(max-width:760px){.op-crm-pipeline-lab:before{inset:16px 8px!important;border-radius:34px!important}.op-pipeline-shell:before{inset:-16px -6px;border-radius:30px}.op-pipeline-shell:after{inset:-6px 2px;border-radius:24px}.op-crm-pipeline-lab .op-container:before,.op-crm-pipeline-lab .op-container:after{display:none}}
/* CRM fresh pipeline wrapper correction: visible double wrap, grid, floaters. */
.op-crm-pipeline-lab{position:relative!important}
.op-crm-pipeline-lab:before{content:""!important;position:absolute!important;inset:24px max(12px,calc((100vw - 1500px)/2))!important;border-radius:60px!important;border:1px solid rgba(37,99,235,.16)!important;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(224,250,255,.42) 45%,rgba(240,246,255,.50))!important;box-shadow:0 28px 90px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;pointer-events:none!important;z-index:0!important}
.op-crm-pipeline-lab:after{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:radial-gradient(78% 70% at 54% 46%,#000,transparent 86%)!important;pointer-events:none!important;z-index:0!important}
.op-pipeline-shell{position:relative!important;isolation:isolate!important;border-radius:46px!important;padding:clamp(18px,2.4vw,34px)!important}
.op-pipeline-shell:before{content:""!important;position:absolute!important;inset:-16px!important;border-radius:52px!important;border:1px solid rgba(6,182,212,.20)!important;background:radial-gradient(660px 360px at 78% 22%,rgba(6,182,212,.16),transparent 62%),radial-gradient(620px 360px at 12% 86%,rgba(124,58,237,.10),transparent 66%),linear-gradient(145deg,rgba(230,252,255,.76),rgba(255,255,255,.62) 48%,rgba(239,246,255,.72))!important;box-shadow:0 22px 72px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.90)!important;pointer-events:none!important;z-index:0!important}
.op-pipeline-shell:after{content:""!important;position:absolute!important;inset:-2px!important;border-radius:40px!important;border:1px solid rgba(37,99,235,.10)!important;background-image:linear-gradient(rgba(6,182,212,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px),radial-gradient(circle at 18% 18%,rgba(6,182,212,.12),transparent 22%),radial-gradient(circle at 88% 82%,rgba(124,58,237,.10),transparent 24%)!important;background-size:28px 28px,28px 28px,100% 100%,100% 100%!important;mask-image:radial-gradient(92% 82% at 50% 48%,#000,transparent 96%)!important;pointer-events:none!important;z-index:1!important}
.op-pipeline-shell>*{position:relative!important;z-index:2!important}
.op-crm-pipeline-lab .op-container{position:relative!important;z-index:1!important}
.op-crm-pipeline-lab .op-container:before,.op-crm-pipeline-lab .op-container:after{content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;z-index:3!important;border-radius:999px!important;border:1px solid rgba(6,182,212,.18)!important;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(223,250,255,.58))!important;box-shadow:0 18px 42px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;opacity:.86!important;animation:opPipelineFloaterDrift 7s ease-in-out infinite!important}
.op-crm-pipeline-lab .op-container:before{width:148px!important;height:42px!important;top:-8px!important;right:clamp(18px,7vw,120px)!important}
.op-crm-pipeline-lab .op-container:after{width:96px!important;height:96px!important;left:clamp(10px,4vw,74px)!important;bottom:-20px!important;background:linear-gradient(135deg,rgba(6,182,212,.16),rgba(255,255,255,.82))!important;animation-delay:-2.4s!important}
@keyframes opPipelineFloaterDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
html[data-theme="dark"] .op-crm-pipeline-lab:before{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(6,182,212,.045) 45%,rgba(37,99,235,.06))!important;border-color:rgba(180,240,255,.14)!important;box-shadow:0 28px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-pipeline-shell:before{background:radial-gradient(660px 360px at 78% 22%,rgba(6,182,212,.12),transparent 62%),radial-gradient(620px 360px at 12% 86%,rgba(124,58,237,.11),transparent 66%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.028))!important;border-color:rgba(180,240,255,.14)!important;box-shadow:0 24px 82px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-pipeline-shell:after{border-color:rgba(180,220,255,.10)!important;background-image:linear-gradient(rgba(6,182,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(180,220,255,.045) 1px,transparent 1px),radial-gradient(circle at 18% 18%,rgba(6,182,212,.10),transparent 22%),radial-gradient(circle at 88% 82%,rgba(124,58,237,.12),transparent 24%)!important}
html[data-theme="dark"] .op-crm-pipeline-lab .op-container:before,html[data-theme="dark"] .op-crm-pipeline-lab .op-container:after{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(6,182,212,.08))!important;border-color:rgba(180,240,255,.14)!important;box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
@media(max-width:760px){.op-crm-pipeline-lab:before{inset:14px 8px!important;border-radius:34px!important}.op-pipeline-shell{border-radius:28px!important;padding:14px!important}.op-pipeline-shell:before{inset:-8px!important;border-radius:32px!important}.op-pipeline-shell:after{inset:0!important;border-radius:26px!important}.op-crm-pipeline-lab .op-container:before,.op-crm-pipeline-lab .op-container:after{display:none!important}}

/* CRM revenue workspace and access guard rebuild: isolated from old inherited section styles. */
.op-crm-workspace-section{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:clamp(78px,7vw,118px) 0!important;background:radial-gradient(760px 440px at 20% 10%,rgba(37,99,235,.11),transparent 64%),radial-gradient(760px 460px at 82% 62%,rgba(6,182,212,.12),transparent 66%),linear-gradient(180deg,#fbfdff 0%,#eef8ff 54%,#fbfdff 100%)!important}
.op-crm-workspace-section:before{content:"";position:absolute;inset:30px max(12px,calc((100vw - 1500px)/2));border-radius:62px;border:1px solid rgba(37,99,235,.13);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(233,248,255,.44) 48%,rgba(245,240,255,.42));box-shadow:0 28px 90px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.9);z-index:0;pointer-events:none}
.op-crm-workspace-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(82% 76% at 50% 44%,#000,transparent 88%);z-index:0;pointer-events:none}
.op-crm-workspace-section .op-container{position:relative;z-index:1}.op-crm-workspace-section .op-section-head{max-width:900px!important;margin:0 auto clamp(26px,3vw,42px)!important;text-align:center!important}.op-crm-workspace-section .op-mega-h2{font-size:clamp(42px,4.6vw,78px)!important;line-height:.96!important;letter-spacing:-.065em!important}.op-crm-workspace-section .op-section-head p{max-width:760px!important;margin-inline:auto!important;font-size:clamp(15px,1.08vw,18px)!important;line-height:1.7!important}
.op-crm-workspace-section .op-crm-workspace-atlas{position:relative!important;min-height:390px!important;border-radius:46px!important;margin:0 auto 18px!important;max-width:1180px!important;background:radial-gradient(circle at 50% 45%,rgba(6,182,212,.16),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,248,255,.56))!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 28px 86px rgba(37,99,235,.11),inset 0 1px 0 rgba(255,255,255,.88)!important;overflow:hidden!important;transform:translateZ(0)!important}
.op-crm-workspace-section .op-crm-workspace-atlas:before{content:"";position:absolute;inset:24px;border-radius:34px;border:1px solid rgba(6,182,212,.13);background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.045) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(124,58,237,.08),transparent 42%);background-size:34px 34px,34px 34px,100% 100%;pointer-events:none}.op-crm-workspace-section .op-crm-workspace-atlas:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#2563eb,#06b6d4,#7c3aed,transparent);opacity:.42;box-shadow:0 -118px 0 rgba(6,182,212,.08),0 118px 0 rgba(124,58,237,.08)}
.op-crm-workspace-section .atlas-core{position:absolute!important;z-index:3!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:240px!important;height:240px!important;border-radius:56px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:28px!important;background:linear-gradient(135deg,#2563eb,#06b6d4 46%,#7c3aed)!important;color:#fff!important;box-shadow:0 32px 84px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;animation:opWorkspaceCore 5.4s ease-in-out infinite!important}.op-crm-workspace-section .atlas-core span{font-size:12px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;opacity:.86!important}.op-crm-workspace-section .atlas-core b{display:block!important;margin:6px 0!important;font-size:26px!important;line-height:1!important;letter-spacing:-.04em!important}.op-crm-workspace-section .atlas-core small{font-size:12px!important;font-weight:850!important;opacity:.86!important}
.op-crm-workspace-section .atlas-lane{position:absolute!important;z-index:3!important;width:min(260px,28%)!important;padding:18px 20px!important;border-radius:24px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(37,99,235,.13)!important;box-shadow:0 18px 48px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.86)!important}.op-crm-workspace-section .atlas-lane b{display:block!important;color:#07111f!important;font-size:18px!important;letter-spacing:-.03em!important}.op-crm-workspace-section .atlas-lane span{display:block!important;margin-top:5px!important;color:#5a6b84!important;font-size:13px!important;line-height:1.45!important;font-weight:760!important}.op-crm-workspace-section .lane-a{left:5%!important;top:16%!important}.op-crm-workspace-section .lane-b{right:5%!important;top:16%!important}.op-crm-workspace-section .lane-c{left:5%!important;bottom:16%!important}.op-crm-workspace-section .lane-d{right:5%!important;bottom:16%!important}
.op-workspace-modules{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:24px!important}.op-workspace-module{position:relative!important;min-height:154px!important;padding:22px 20px 20px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(243,249,255,.58))!important;border:1px solid rgba(37,99,235,.11)!important;box-shadow:0 18px 50px rgba(37,99,235,.075),inset 0 1px 0 rgba(255,255,255,.86)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.op-workspace-module:before{content:"";display:block;width:34px;height:34px;margin-bottom:30px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed);box-shadow:0 12px 28px rgba(37,99,235,.16)}.op-workspace-module:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#2563eb,#06b6d4,#7c3aed);opacity:.8}.op-workspace-module:hover{transform:translateY(-7px)!important;border-color:rgba(6,182,212,.26)!important;box-shadow:0 28px 72px rgba(6,182,212,.12),inset 0 1px 0 rgba(255,255,255,.9)!important}.op-workspace-module h3{margin:0 0 8px!important;color:#07111f!important;font-size:18px!important;line-height:1.08!important;letter-spacing:-.035em!important}.op-workspace-module p{margin:0!important;color:#596b84!important;font-size:13px!important;line-height:1.55!important;font-weight:720!important}.op-workspace-module:nth-child(1),.op-workspace-module:nth-child(7){grid-column:span 2!important}.op-workspace-module:nth-child(1):before,.op-workspace-module:nth-child(7):before{margin-bottom:44px!important}
.op-crm-access-guard{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:clamp(78px,7vw,118px) 0!important;background:radial-gradient(720px 420px at 78% 18%,rgba(124,58,237,.12),transparent 62%),radial-gradient(760px 440px at 18% 80%,rgba(20,184,166,.12),transparent 66%),linear-gradient(180deg,#fbfdff 0%,#f0fbff 50%,#fbfdff 100%)!important}.op-crm-access-guard:before{content:"";position:absolute;inset:34px max(12px,calc((100vw - 1480px)/2));border-radius:58px;border:1px solid rgba(20,184,166,.14);background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(232,255,250,.38) 52%,rgba(243,240,255,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.9);z-index:0;pointer-events:none}.op-crm-access-guard:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 74% at 52% 44%,#000,transparent 88%);z-index:0;pointer-events:none}.op-crm-access-guard .op-container{position:relative;z-index:1}.op-crm-access-guard .op-spot-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(430px,.9fr)!important;gap:clamp(26px,4vw,64px)!important;align-items:center!important;padding:clamp(22px,3.2vw,48px)!important;border-radius:46px!important;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(238,253,250,.42))!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:0 24px 76px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.86)!important;overflow:hidden!important}.op-crm-access-guard .op-spot-row:before{content:"";position:absolute;left:48%;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(20,184,166,.2),rgba(124,58,237,.18),transparent)}.op-crm-access-guard .op-spot-copy{max-width:780px!important}.op-crm-access-guard .op-spot-copy h2{font-size:clamp(42px,4.2vw,72px)!important;line-height:.98!important;letter-spacing:-.06em!important;margin:18px 0 18px!important}.op-crm-access-guard .op-lead{max-width:720px!important;color:#52657e!important;font-size:clamp(15px,1.08vw,18px)!important;line-height:1.72!important}
.op-crm-access-guard .op-crm-access-matrix{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;position:relative!important;margin:24px 0!important;padding:8px!important;border-radius:24px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(37,99,235,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important}.op-crm-access-guard .op-crm-access-matrix:before{content:"";position:absolute;top:8px;left:8px;width:calc((100% - 32px)/3);bottom:8px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#06b6d4,#14b8a6);box-shadow:0 14px 34px rgba(37,99,235,.16);animation:opAccessMode 7.5s ease-in-out infinite}.op-crm-access-guard .op-crm-access-matrix div{position:relative;z-index:1;min-height:70px;display:grid;place-items:center;text-align:center;border-radius:18px}.op-crm-access-guard .op-crm-access-matrix b{display:block;color:#07111f;font-size:15px}.op-crm-access-guard .op-crm-access-matrix span{display:block;margin-top:3px;color:#63748c;font-size:12px;font-weight:850}.op-crm-access-guard .op-spot-feats{display:grid!important;gap:10px!important;margin-top:18px!important}.op-crm-access-guard .op-spot-feat{display:grid!important;grid-template-columns:40px 1fr!important;gap:13px!important;align-items:start!important;padding:16px 0!important;border:0!important;border-top:1px solid rgba(20,184,166,.13)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.op-crm-access-guard .op-spot-feat svg{width:28px!important;height:28px!important;padding:6px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(20,184,166,.14),rgba(37,99,235,.10))!important;color:#0f766e!important}.op-crm-access-guard .op-spot-feat span{color:#566980!important;font-size:14px!important;line-height:1.58!important}.op-crm-access-guard .op-spot-feat b{color:#07111f!important}
.op-crm-access-guard .op-spot-art{position:relative!important;min-height:520px!important;margin:0!important;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg)!important}.op-crm-access-guard .op-spot-glow{display:none!important}.op-crm-access-guard .m3d-stage{width:100%!important;min-height:520px!important;border-radius:40px!important;background:radial-gradient(circle at 24% 18%,rgba(20,184,166,.18),transparent 30%),linear-gradient(145deg,#07111f,#101a36 58%,#071b2e)!important;border:1px solid rgba(180,220,255,.14)!important;box-shadow:0 28px 78px rgba(20,184,166,.16),0 20px 48px rgba(124,58,237,.10),inset 0 1px 0 rgba(255,255,255,.10)!important;overflow:hidden!important}.op-crm-access-guard .m3d-stage:before{content:"Permission fabric";position:absolute;z-index:4;left:22px;top:22px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(180,220,255,.12);color:#a5f3fc;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.op-crm-access-guard .m3d-stage svg{width:100%!important;height:100%!important;min-height:500px!important;display:block!important;transform:scale(1.04)!important;transform-origin:center!important}.op-crm-access-guard .m3d-tag{display:none!important}
@keyframes opWorkspaceCore{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes opAccessMode{0%,30%{transform:translateX(0)}38%,62%{transform:translateX(calc(100% + 8px))}70%,92%{transform:translateX(calc(200% + 16px))}100%{transform:translateX(0)}}
html[data-theme="dark"] .op-crm-workspace-section{background:radial-gradient(760px 440px at 20% 10%,rgba(37,99,235,.15),transparent 64%),radial-gradient(760px 460px at 82% 62%,rgba(6,182,212,.12),transparent 66%),linear-gradient(180deg,#08111e 0%,#0d1a2b 54%,#07111f 100%)!important}html[data-theme="dark"] .op-crm-workspace-section:before,html[data-theme="dark"] .op-crm-access-guard:before{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;border-color:rgba(180,220,255,.14)!important;box-shadow:0 28px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-workspace-section .op-crm-workspace-atlas,html[data-theme="dark"] .op-workspace-module,html[data-theme="dark"] .op-crm-access-guard .op-spot-row{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,220,255,.13)!important;box-shadow:0 24px 72px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-workspace-section .atlas-lane,html[data-theme="dark"] .op-crm-access-guard .op-crm-access-matrix{background:rgba(13,20,42,.86)!important;border-color:rgba(180,220,255,.13)!important}html[data-theme="dark"] .op-crm-workspace-section .atlas-lane b,html[data-theme="dark"] .op-workspace-module h3,html[data-theme="dark"] .op-crm-access-guard .op-spot-copy h2,html[data-theme="dark"] .op-crm-access-guard .op-crm-access-matrix b,html[data-theme="dark"] .op-crm-access-guard .op-spot-feat b{color:#fff!important}html[data-theme="dark"] .op-crm-workspace-section .atlas-lane span,html[data-theme="dark"] .op-workspace-module p,html[data-theme="dark"] .op-crm-access-guard .op-lead,html[data-theme="dark"] .op-crm-access-guard .op-spot-feat span,html[data-theme="dark"] .op-crm-access-guard .op-crm-access-matrix span{color:#aebcd7!important}html[data-theme="dark"] .op-crm-access-guard{background:radial-gradient(720px 420px at 78% 18%,rgba(124,58,237,.16),transparent 62%),radial-gradient(760px 440px at 18% 80%,rgba(20,184,166,.13),transparent 66%),linear-gradient(180deg,#07111f 0%,#0a1d2a 50%,#07111f 100%)!important}
@media(max-width:1120px){.op-workspace-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-crm-access-guard .op-spot-row{grid-template-columns:1fr!important}.op-crm-access-guard .op-spot-row:before{display:none!important}.op-crm-access-guard .op-spot-art{max-width:760px;width:100%;margin-inline:auto!important;transform:none!important}}
@media(max-width:760px){.op-crm-workspace-section,.op-crm-access-guard{padding:58px 0!important}.op-crm-workspace-section:before,.op-crm-access-guard:before{inset:14px 8px;border-radius:34px}.op-crm-workspace-section .op-section-head{text-align:left!important;margin-bottom:20px!important}.op-crm-workspace-section .op-mega-h2,.op-crm-access-guard .op-spot-copy h2{font-size:clamp(34px,10.5vw,50px)!important}.op-crm-workspace-section .op-crm-workspace-atlas{min-height:560px!important;border-radius:30px!important}.op-crm-workspace-section .atlas-core{width:170px!important;height:170px!important;border-radius:38px!important}.op-crm-workspace-section .atlas-core b{font-size:20px!important}.op-crm-workspace-section .atlas-lane{width:calc(50% - 22px)!important;padding:13px!important;border-radius:18px!important}.op-crm-workspace-section .lane-a{left:12px!important;top:18px!important}.op-crm-workspace-section .lane-b{right:12px!important;top:18px!important}.op-crm-workspace-section .lane-c{left:12px!important;bottom:18px!important}.op-crm-workspace-section .lane-d{right:12px!important;bottom:18px!important}.op-workspace-modules{grid-template-columns:1fr!important}.op-workspace-module,.op-workspace-module:nth-child(1),.op-workspace-module:nth-child(7){grid-column:auto!important;min-height:auto!important}.op-crm-access-guard .op-spot-row{padding:18px!important;border-radius:30px!important}.op-crm-access-guard .op-crm-access-matrix{grid-template-columns:1fr!important}.op-crm-access-guard .op-crm-access-matrix:before{display:none!important}.op-crm-access-guard .op-spot-art,.op-crm-access-guard .m3d-stage{min-height:390px!important}.op-crm-access-guard .m3d-stage{border-radius:28px!important}.op-crm-access-guard .m3d-stage svg{min-height:390px!important;transform:scale(1.12)!important}}

/* CRM command showcase: first-screen cockpit rebuilt as a premium standalone section. */
.op-crm-command-showcase{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:clamp(82px,7vw,124px) 0!important;background:radial-gradient(860px 520px at 16% 18%,rgba(19,185,129,.15),transparent 64%),radial-gradient(760px 480px at 86% 78%,rgba(124,58,237,.15),transparent 66%),linear-gradient(180deg,#fbfdff 0%,#eef8ff 50%,#fbfdff 100%)!important;color:#07111f!important}
.op-crm-command-showcase:before{content:"";position:absolute;inset:28px max(12px,calc((100vw - 1520px)/2));border-radius:64px;border:1px solid rgba(19,185,129,.16);background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(233,255,249,.36) 48%,rgba(244,239,255,.42));box-shadow:0 30px 94px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.92);z-index:0;pointer-events:none}
.op-crm-command-showcase:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,185,129,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(82% 76% at 54% 48%,#000,transparent 88%);z-index:0;pointer-events:none}
.op-crm-command-showcase .op-container{position:relative;z-index:1}.op-crm-command-showcase .op-spot-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(470px,1fr)!important;gap:clamp(26px,4vw,70px)!important;align-items:center!important;padding:clamp(24px,3.2vw,52px)!important;border-radius:52px!important;background:linear-gradient(145deg,#07111f,#101b35 52%,#160f2e)!important;border:1px solid rgba(180,220,255,.16)!important;box-shadow:0 26px 86px rgba(37,99,235,.12),0 18px 54px rgba(19,185,129,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;overflow:hidden!important}.op-crm-command-showcase .op-spot-row:before{content:"";position:absolute;inset:16px;border-radius:40px;border:1px solid rgba(255,255,255,.07);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(82% 76% at 58% 42%,#000,transparent 92%);pointer-events:none}.op-crm-command-showcase .op-spot-row:after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:5px;background:linear-gradient(90deg,#13b981,#06b6d4,#2563eb,#7c3aed);box-shadow:0 -16px 38px rgba(6,182,212,.22);border-radius:999px 999px 0 0;pointer-events:none}
.op-crm-command-showcase .op-spot-copy,.op-crm-command-showcase .op-spot-art{position:relative;z-index:2}.op-crm-command-showcase .op-spot-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:760px!important}.op-crm-command-showcase .op-kicker{width:max-content;max-width:100%;background:rgba(255,255,255,.075)!important;border-color:rgba(180,220,255,.16)!important;color:#a5f3fc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}.op-crm-command-showcase .op-spot-copy h2{margin:18px 0 18px!important;color:#fff!important;font-size:clamp(42px,4.3vw,76px)!important;line-height:.96!important;letter-spacing:-.065em!important}.op-crm-command-showcase .op-gradient-text{background:linear-gradient(90deg,#67e8f9,#6ee7b7,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.op-crm-command-showcase .op-lead{max-width:720px!important;color:#b8c7dd!important;font-size:clamp(15px,1.06vw,18px)!important;line-height:1.72!important}
.op-crm-command-showcase .op-crm-command-strip{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:24px 0 18px!important;padding:10px!important;border-radius:30px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(180,220,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden!important}.op-crm-command-showcase .op-crm-command-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(103,232,249,.18),transparent);transform:translateX(-100%);animation:opCommandScan 4.6s linear infinite}.op-crm-command-showcase .op-crm-command-strip div{position:relative;z-index:1;min-height:96px;padding:16px 14px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border:1px solid rgba(180,220,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}.op-crm-command-showcase .op-crm-command-strip b{display:block!important;color:#fff!important;font-size:clamp(27px,2.5vw,42px)!important;line-height:.92!important;letter-spacing:-.06em!important}.op-crm-command-showcase .op-crm-command-strip span{display:block!important;margin-top:10px!important;color:#91f6df!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.op-crm-command-showcase .op-spot-feats{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important}.op-crm-command-showcase .op-spot-feat{position:relative!important;display:grid!important;grid-template-columns:38px 1fr!important;gap:12px!important;align-items:start!important;min-height:auto!important;padding:14px!important;border-radius:22px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(180,220,255,.11)!important;box-shadow:none!important;overflow:hidden!important}.op-crm-command-showcase .op-spot-feat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#13b981,#06b6d4,#7c3aed);opacity:.78}.op-crm-command-showcase .op-spot-feat svg{width:28px!important;height:28px!important;padding:6px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(19,185,129,.18),rgba(6,182,212,.12))!important;color:#67e8f9!important}.op-crm-command-showcase .op-spot-feat span{color:#b8c7dd!important;font-size:13.5px!important;line-height:1.55!important}.op-crm-command-showcase .op-spot-feat b{color:#fff!important}
.op-crm-command-showcase .op-spot-art{margin:0!important;min-height:560px!important;perspective:1200px!important;transform:none!important}.op-crm-command-showcase .op-spot-glow{display:none!important}.op-crm-command-showcase .m3d-stage{position:relative!important;width:100%!important;min-height:560px!important;border-radius:44px!important;background:radial-gradient(circle at 24% 16%,rgba(103,232,249,.14),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(180,220,255,.14)!important;box-shadow:0 34px 88px rgba(0,0,0,.24),0 18px 54px rgba(6,182,212,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;overflow:hidden!important;transform:rotateY(-5deg) rotateX(3deg)!important;transition:transform .25s ease,box-shadow .25s ease!important}.op-crm-command-showcase .m3d-stage:hover{transform:rotateY(-2deg) rotateX(1deg) translateY(-5px)!important;box-shadow:0 40px 98px rgba(0,0,0,.28),0 22px 62px rgba(6,182,212,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}.op-crm-command-showcase .m3d-stage:before{content:"Live executive screen";position:absolute;z-index:4;left:22px;top:22px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(180,220,255,.12);color:#a5f3fc;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.op-crm-command-showcase .m3d-stage:after{content:"Approve queue active";position:absolute;z-index:4;right:22px;bottom:22px;padding:12px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(124,58,237,.14));border:1px solid rgba(251,191,36,.20);color:#fde68a;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;animation:opCommandPulse 2.4s ease-in-out infinite}.op-crm-command-showcase .m3d-tag{display:none!important}.op-crm-command-showcase .m3d-stage svg{position:relative;z-index:2;width:100%!important;height:100%!important;min-height:540px!important;display:block!important;transform:scale(1.10)!important;transform-origin:center!important;filter:drop-shadow(0 24px 38px rgba(6,182,212,.12))}.op-crm-command-showcase .m3d-float{animation:opCommandFloat 6s ease-in-out infinite!important}
@keyframes opCommandScan{to{transform:translateX(100%)}}@keyframes opCommandPulse{0%,100%{box-shadow:0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 0 8px rgba(251,191,36,.10)}}@keyframes opCommandFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
html[data-theme="dark"] .op-crm-command-showcase{background:radial-gradient(860px 520px at 16% 18%,rgba(19,185,129,.14),transparent 64%),radial-gradient(760px 480px at 86% 78%,rgba(124,58,237,.17),transparent 66%),linear-gradient(180deg,#07111f 0%,#0a1c2a 50%,#07111f 100%)!important}html[data-theme="dark"] .op-crm-command-showcase:before{background:linear-gradient(140deg,rgba(255,255,255,.075),rgba(255,255,255,.030))!important;border-color:rgba(180,220,255,.14)!important;box-shadow:0 30px 94px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
@media(max-width:1180px){.op-crm-command-showcase .op-spot-row{grid-template-columns:1fr!important}.op-crm-command-showcase .op-spot-copy{max-width:900px!important}.op-crm-command-showcase .op-spot-art{max-width:820px;width:100%;margin-inline:auto!important}.op-crm-command-showcase .m3d-stage{transform:none!important}}
@media(max-width:760px){.op-crm-command-showcase{padding:58px 0!important}.op-crm-command-showcase:before{inset:14px 8px;border-radius:34px}.op-crm-command-showcase .op-spot-row{padding:18px!important;border-radius:32px!important}.op-crm-command-showcase .op-spot-row:before{inset:8px;border-radius:26px}.op-crm-command-showcase .op-spot-copy h2{font-size:clamp(34px,10.5vw,50px)!important}.op-crm-command-showcase .op-crm-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:22px!important}.op-crm-command-showcase .op-crm-command-strip div{min-height:84px;border-radius:16px!important}.op-crm-command-showcase .op-spot-feat{grid-template-columns:34px 1fr!important;border-radius:18px!important;padding:12px!important}.op-crm-command-showcase .op-spot-art,.op-crm-command-showcase .m3d-stage{min-height:390px!important}.op-crm-command-showcase .m3d-stage{border-radius:28px!important}.op-crm-command-showcase .m3d-stage svg{min-height:390px!important;transform:scale(1.18)!important}.op-crm-command-showcase .m3d-stage:before{font-size:9px;left:14px;top:14px}.op-crm-command-showcase .m3d-stage:after{display:none!important}}
@media(max-width:480px){.op-crm-command-showcase .op-crm-command-strip{grid-template-columns:1fr!important}.op-crm-command-showcase .m3d-stage svg{transform:scale(1.28)!important}}

/* CRM command showcase light blend pass: no dark wrapper, distinct but calm before the next dark section. */
.op-crm-command-showcase{padding:clamp(78px,7vw,116px) 0!important;background:radial-gradient(760px 430px at 20% 20%,rgba(19,185,129,.13),transparent 64%),radial-gradient(820px 480px at 84% 72%,rgba(37,99,235,.12),transparent 68%),linear-gradient(180deg,#fbfdff 0%,#eefaf7 48%,#f6f9ff 100%)!important;color:#07111f!important}
.op-crm-command-showcase:before{inset:0!important;border:0!important;border-radius:0!important;background:linear-gradient(115deg,rgba(255,255,255,.52),rgba(231,255,248,.24) 45%,rgba(239,246,255,.32))!important;box-shadow:none!important}
.op-crm-command-showcase .op-spot-row{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;grid-template-columns:minmax(0,.86fr) minmax(460px,1fr)!important}
.op-crm-command-showcase .op-spot-row:before,.op-crm-command-showcase .op-spot-row:after{display:none!important}
.op-crm-command-showcase .op-kicker{background:rgba(255,255,255,.82)!important;border-color:rgba(19,185,129,.15)!important;color:#2563eb!important;box-shadow:0 14px 34px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}
.op-crm-command-showcase .op-spot-copy h2{color:#07111f!important;font-size:clamp(42px,4.1vw,72px)!important}.op-crm-command-showcase .op-gradient-text{background:linear-gradient(90deg,#2563eb,#06b6d4,#14b8a6,#7c3aed)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.op-crm-command-showcase .op-lead{color:#55677f!important;max-width:700px!important}
.op-crm-command-showcase .op-crm-command-strip{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(238,252,249,.58))!important;border-color:rgba(19,185,129,.14)!important;box-shadow:0 20px 56px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}.op-crm-command-showcase .op-crm-command-strip div{background:rgba(255,255,255,.74)!important;border-color:rgba(37,99,235,.10)!important}.op-crm-command-showcase .op-crm-command-strip b{color:#07111f!important}.op-crm-command-showcase .op-crm-command-strip span{color:#0f766e!important}
.op-crm-command-showcase .op-spot-feat{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(242,251,255,.46))!important;border-color:rgba(37,99,235,.10)!important;box-shadow:0 14px 38px rgba(37,99,235,.055)!important}.op-crm-command-showcase .op-spot-feat span{color:#52657d!important}.op-crm-command-showcase .op-spot-feat b{color:#07111f!important}.op-crm-command-showcase .op-spot-feat svg{background:linear-gradient(135deg,rgba(19,185,129,.14),rgba(37,99,235,.10))!important;color:#0f766e!important}
.op-crm-command-showcase .m3d-stage{background:radial-gradient(circle at 26% 16%,rgba(19,185,129,.16),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.86),rgba(236,249,255,.62))!important;border-color:rgba(37,99,235,.12)!important;box-shadow:0 26px 78px rgba(37,99,235,.12),0 18px 46px rgba(19,185,129,.10),inset 0 1px 0 rgba(255,255,255,.9)!important}.op-crm-command-showcase .m3d-stage:hover{box-shadow:0 34px 88px rgba(37,99,235,.14),0 22px 54px rgba(19,185,129,.13),inset 0 1px 0 rgba(255,255,255,.92)!important}.op-crm-command-showcase .m3d-stage:before{background:rgba(255,255,255,.82)!important;border-color:rgba(37,99,235,.12)!important;color:#2563eb!important;box-shadow:0 12px 30px rgba(37,99,235,.08)!important}.op-crm-command-showcase .m3d-stage:after{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,247,237,.72))!important;border-color:rgba(245,158,11,.22)!important;color:#92400e!important;box-shadow:0 14px 34px rgba(245,158,11,.10)!important}
html[data-theme="dark"] .op-crm-command-showcase{background:radial-gradient(760px 430px at 20% 20%,rgba(19,185,129,.12),transparent 64%),radial-gradient(820px 480px at 84% 72%,rgba(37,99,235,.14),transparent 68%),linear-gradient(180deg,#08111e 0%,#0d1f2b 48%,#101726 100%)!important}.op-crm-command-showcase .op-spot-art{transform:none!important}
html[data-theme="dark"] .op-crm-command-showcase .op-spot-copy h2{color:#fff!important}html[data-theme="dark"] .op-crm-command-showcase .op-lead,html[data-theme="dark"] .op-crm-command-showcase .op-spot-feat span{color:#aebcd7!important}html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip,html[data-theme="dark"] .op-crm-command-showcase .op-spot-feat,html[data-theme="dark"] .op-crm-command-showcase .m3d-stage{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;border-color:rgba(180,220,255,.13)!important;box-shadow:0 22px 66px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip b,html[data-theme="dark"] .op-crm-command-showcase .op-spot-feat b{color:#fff!important}html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip span{color:#91f6df!important}
@media(max-width:760px){.op-crm-command-showcase .op-spot-row{padding:0!important}.op-crm-command-showcase .m3d-stage{border-radius:28px!important}}

/* CRM command showcase contrast pass: light, no wrapper, but no washed-out haze. */
.op-crm-command-showcase{background:radial-gradient(760px 460px at 12% 18%,rgba(20,184,166,.24),transparent 62%),radial-gradient(820px 500px at 88% 26%,rgba(37,99,235,.19),transparent 66%),radial-gradient(720px 460px at 68% 92%,rgba(124,58,237,.14),transparent 68%),linear-gradient(180deg,#f7fbff 0%,#dcf7f2 46%,#eef4ff 100%)!important}
.op-crm-command-showcase:before{background:linear-gradient(124deg,rgba(20,184,166,.12),transparent 34%,rgba(37,99,235,.10) 62%,rgba(124,58,237,.08))!important}
.op-crm-command-showcase:after{background-image:linear-gradient(rgba(15,118,110,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.065) 1px,transparent 1px)!important;opacity:.95!important}
.op-crm-command-showcase .op-spot-copy h2{color:#06101f!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important}.op-crm-command-showcase .op-lead{color:#40536d!important;font-weight:720!important}.op-crm-command-showcase .op-kicker{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(230,252,249,.78))!important;border-color:rgba(20,184,166,.22)!important;color:#1d4ed8!important;box-shadow:0 18px 44px rgba(37,99,235,.10),0 10px 28px rgba(20,184,166,.08),inset 0 1px 0 rgba(255,255,255,.96)!important}
.op-crm-command-showcase .op-crm-command-strip{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(221,248,244,.74))!important;border:1px solid rgba(20,184,166,.22)!important;box-shadow:0 24px 66px rgba(37,99,235,.12),0 12px 38px rgba(20,184,166,.11),inset 0 1px 0 rgba(255,255,255,.96)!important}.op-crm-command-showcase .op-crm-command-strip:before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.22),rgba(20,184,166,.18),transparent)!important}.op-crm-command-showcase .op-crm-command-strip div{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(240,250,255,.72))!important;border-color:rgba(37,99,235,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 12px 28px rgba(37,99,235,.07)!important}.op-crm-command-showcase .op-crm-command-strip div:nth-child(3){background:linear-gradient(145deg,rgba(255,251,235,.96),rgba(255,255,255,.76))!important;border-color:rgba(245,158,11,.26)!important}.op-crm-command-showcase .op-crm-command-strip b{color:#06101f!important}.op-crm-command-showcase .op-crm-command-strip span{color:#0f766e!important}
.op-crm-command-showcase .op-spot-feat{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(229,247,255,.56))!important;border-color:rgba(37,99,235,.14)!important;box-shadow:0 18px 46px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.92)!important}.op-crm-command-showcase .op-spot-feat:before{opacity:1!important}.op-crm-command-showcase .op-spot-feat span{color:#425671!important}.op-crm-command-showcase .op-spot-feat b{color:#07111f!important}.op-crm-command-showcase .op-spot-feat svg{background:linear-gradient(135deg,#13b981,#06b6d4,#2563eb)!important;color:#fff!important;box-shadow:0 12px 26px rgba(6,182,212,.18)!important}
.op-crm-command-showcase .m3d-stage{background:radial-gradient(circle at 24% 14%,rgba(6,182,212,.20),transparent 30%),radial-gradient(circle at 86% 82%,rgba(124,58,237,.13),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(220,244,255,.72))!important;border-color:rgba(37,99,235,.18)!important;box-shadow:0 30px 86px rgba(37,99,235,.18),0 18px 52px rgba(20,184,166,.13),inset 0 1px 0 rgba(255,255,255,.98)!important}.op-crm-command-showcase .m3d-stage:hover{box-shadow:0 38px 96px rgba(37,99,235,.21),0 22px 60px rgba(20,184,166,.16),inset 0 1px 0 rgba(255,255,255,1)!important}.op-crm-command-showcase .m3d-stage:before{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(230,252,249,.82))!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.16)!important}.op-crm-command-showcase .m3d-stage:after{background:linear-gradient(135deg,#fff7ed,#ffffff)!important;color:#92400e!important;border-color:rgba(245,158,11,.28)!important}
html[data-theme="dark"] .op-crm-command-showcase{background:radial-gradient(760px 460px at 12% 18%,rgba(20,184,166,.16),transparent 62%),radial-gradient(820px 500px at 88% 26%,rgba(37,99,235,.18),transparent 66%),radial-gradient(720px 460px at 68% 92%,rgba(124,58,237,.16),transparent 68%),linear-gradient(180deg,#08111e 0%,#0d2230 46%,#101726 100%)!important}html[data-theme="dark"] .op-crm-command-showcase .op-spot-copy h2{color:#fff!important;text-shadow:none!important}html[data-theme="dark"] .op-crm-command-showcase .op-lead,html[data-theme="dark"] .op-crm-command-showcase .op-spot-feat span{color:#b7c6dd!important}

/* CRM command showcase anti-wash pass: crisp type, saturated light field, dark console only. */
.op-crm-command-showcase{background:radial-gradient(680px 420px at 11% 18%,rgba(20,184,166,.30),transparent 60%),radial-gradient(780px 460px at 88% 34%,rgba(37,99,235,.24),transparent 64%),radial-gradient(720px 430px at 72% 92%,rgba(124,58,237,.18),transparent 66%),linear-gradient(180deg,#f8fbff 0%,#d7f3ee 46%,#e7f0ff 100%)!important}
.op-crm-command-showcase:before{background:linear-gradient(118deg,rgba(6,182,212,.16),transparent 30%,rgba(37,99,235,.13) 62%,rgba(124,58,237,.10))!important;opacity:1!important}.op-crm-command-showcase:after{opacity:1!important;mix-blend-mode:multiply!important;background-size:40px 40px!important;mask-image:radial-gradient(86% 78% at 55% 48%,#000,transparent 90%)!important}
.op-crm-command-showcase .op-spot-row{align-items:center!important;gap:clamp(34px,4.6vw,82px)!important}.op-crm-command-showcase .op-spot-copy{padding:clamp(10px,1vw,18px) 0!important}.op-crm-command-showcase .op-spot-copy h2{color:#06101f!important;text-shadow:none!important;font-weight:950!important;letter-spacing:-.075em!important}.op-crm-command-showcase .op-gradient-text{background:linear-gradient(90deg,#1d4ed8 0%,#0891b2 34%,#0f766e 58%,#6d28d9 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important}.op-crm-command-showcase .op-lead{color:#2e425e!important;font-weight:760!important;text-shadow:0 1px 0 rgba(255,255,255,.5)!important}
.op-crm-command-showcase .op-kicker{background:#ffffff!important;border-color:rgba(37,99,235,.18)!important;color:#1d4ed8!important;box-shadow:0 14px 36px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.96)!important}.op-crm-command-showcase .op-crm-command-strip{background:linear-gradient(145deg,#ffffff,#eefbf8)!important;border-color:rgba(20,184,166,.24)!important;box-shadow:0 24px 68px rgba(37,99,235,.15),0 12px 34px rgba(20,184,166,.11),inset 0 1px 0 #fff!important}.op-crm-command-showcase .op-crm-command-strip div{background:linear-gradient(145deg,#ffffff,#f1f8ff)!important;border-color:rgba(37,99,235,.16)!important}.op-crm-command-showcase .op-crm-command-strip div:nth-child(3){background:linear-gradient(145deg,#fff8e6,#ffffff)!important;border-color:rgba(245,158,11,.38)!important}.op-crm-command-showcase .op-crm-command-strip b{color:#050b16!important}.op-crm-command-showcase .op-crm-command-strip span{color:#075e54!important}
.op-crm-command-showcase .op-spot-feat{background:linear-gradient(145deg,#ffffff,#edf8ff)!important;border-color:rgba(37,99,235,.16)!important;box-shadow:0 18px 48px rgba(37,99,235,.10),inset 0 1px 0 #fff!important}.op-crm-command-showcase .op-spot-feat span{color:#364b66!important}.op-crm-command-showcase .op-spot-feat b{color:#06101f!important}
.op-crm-command-showcase .m3d-stage{background:radial-gradient(circle at 20% 16%,rgba(103,232,249,.14),transparent 29%),radial-gradient(circle at 90% 84%,rgba(124,58,237,.16),transparent 32%),linear-gradient(145deg,#081225,#101a36 56%,#0b2330)!important;border-color:rgba(37,99,235,.22)!important;box-shadow:0 34px 92px rgba(37,99,235,.22),0 18px 58px rgba(20,184,166,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}.op-crm-command-showcase .m3d-stage svg{filter:drop-shadow(0 20px 36px rgba(6,182,212,.12)) saturate(1.08) contrast(1.05)!important}.op-crm-command-showcase .m3d-stage:before{background:rgba(255,255,255,.94)!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.18)!important}.op-crm-command-showcase .m3d-stage:after{background:linear-gradient(135deg,#fff7ed,#ffffff)!important;color:#7c2d12!important;border-color:rgba(245,158,11,.34)!important}
html[data-theme="dark"] .op-crm-command-showcase .op-gradient-text{background:linear-gradient(90deg,#67e8f9,#60a5fa,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}html[data-theme="dark"] .op-crm-command-showcase .op-lead{text-shadow:none!important;color:#b9c8dc!important}

/* CRM command metrics dark-mode readability fix. */
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip{background:linear-gradient(145deg,rgba(6,18,34,.82),rgba(10,30,44,.66))!important;border-color:rgba(103,232,249,.18)!important;box-shadow:0 24px 72px rgba(0,0,0,.32),0 12px 38px rgba(6,182,212,.10),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip div{background:linear-gradient(145deg,rgba(14,27,50,.96),rgba(18,39,58,.78))!important;border-color:rgba(180,220,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip div:nth-child(3){background:linear-gradient(145deg,rgba(61,43,18,.96),rgba(34,29,41,.82))!important;border-color:rgba(251,191,36,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(245,158,11,.12)!important}
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip b{color:#f8fbff!important;text-shadow:0 8px 24px rgba(103,232,249,.14)!important}
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip span{color:#7df7de!important;text-shadow:none!important}
html[data-theme="dark"] .op-crm-command-showcase .op-crm-command-strip div:nth-child(3) span{color:#fcd34d!important}

/* ============================================================================
   DARK THEME — UNIFORM PAGE SURFACE (kill section-to-section seams)
   In dark mode every full-bleed SECTION background becomes transparent so the
   whole page reads as one continuous surface (the body gradient). Contained
   cards/panels (op-scene-panel, op-ftable-wrap, op-cmp, op-crm-signal-strip,
   dial-card, op-autonomy-path, glass wraps, the dark map screen) keep their
   own styling — only the seam-causing section fills are neutralized.
   ============================================================================ */
html[data-theme="dark"] .op-mkt-top,
html[data-theme="dark"] .op-features-top,
html[data-theme="dark"] .op-features-cinema-hero,
html[data-theme="dark"] .op-crm-cinema-hero,
html[data-theme="dark"] .op-crm-command,
html[data-theme="dark"] .op-crm-command-center,
html[data-theme="dark"] .op-crm-command-showcase,
html[data-theme="dark"] .op-crm-autonomy-deck,
html[data-theme="dark"] .op-crm-stats,
html[data-theme="dark"] .op-features-compare,
html[data-theme="dark"] .op-crm-compare,
html[data-theme="dark"] .op-crm-compare.op-features-compare,
html[data-theme="dark"] .op-prc-compare,
html[data-theme="dark"] .op-features-table,
html[data-theme="dark"] .op-standard-feature-table,
html[data-theme="dark"] .op-features-deep,
html[data-theme="dark"] .op-features-faq,
html[data-theme="dark"] .op-features-trust{
  background:transparent !important;
}
/* drop the section-level frame/glow overlays that also read as seams in dark */
html[data-theme="dark"] .op-crm-autonomy-deck:before,
html[data-theme="dark"] .op-crm-autonomy-deck:after,
html[data-theme="dark"] .op-crm-command-center:before,
html[data-theme="dark"] .op-crm-command-showcase:before{
  background:transparent !important;border-color:transparent !important;box-shadow:none !important;
}

/* DARK THEME uniform surface — HOME (prism) + hero wrappers */
html[data-theme="dark"] .op-top,
html[data-theme="dark"] .op-features-top,
html[data-theme="dark"] .op-prism-home,
html[data-theme="dark"] .op-prism-section,
html[data-theme="dark"] .op-prism-observatory,
html[data-theme="dark"] .op-prism-fabric,
html[data-theme="dark"] .op-prism-vault-section,
html[data-theme="dark"] .op-prism-value-section,
html[data-theme="dark"] .op-prism-theatre-section,
html[data-theme="dark"] .op-prism-action-section,
html[data-theme="dark"] .op-prism-proof-section,
html[data-theme="dark"] .op-prism-routes-section{
  background:transparent !important;
}
/* and their section-level glow/grid overlays that read as seams */
html[data-theme="dark"] .op-prism-section:before,
html[data-theme="dark"] .op-prism-section:after,
html[data-theme="dark"] .op-prism-observatory:before,
html[data-theme="dark"] .op-prism-fabric:before,
html[data-theme="dark"] .op-prism-vault-section:before,
html[data-theme="dark"] .op-prism-action-section:before,
html[data-theme="dark"] .op-prism-proof-section:before,
html[data-theme="dark"] .op-prism-routes-section:before{
  background:transparent !important;box-shadow:none !important;
}

/* DARK THEME — deep-dive row cards adapt (op-feature-deep-row + variants) */
html[data-theme="dark"] .op-feature-deep-row,
html[data-theme="dark"] .op-deep-announce,
html[data-theme="dark"] .op-deep-dashboard,
html[data-theme="dark"] .op-deep-tour{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-color:rgba(150,200,255,.14)!important;
  box-shadow:0 24px 84px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] .op-feature-deep-row .op-list li{
  background:linear-gradient(160deg,rgba(40,52,92,.5),rgba(18,26,52,.42))!important;border-color:rgba(150,200,255,.14)!important;box-shadow:0 12px 30px -20px rgba(0,0,0,.6);
}
html[data-theme="dark"] .op-feature-deep-row .op-list li:hover{border-color:rgba(150,200,255,.34)!important;background:linear-gradient(160deg,rgba(48,62,108,.6),rgba(22,30,60,.5))!important;box-shadow:0 22px 44px -22px rgba(0,0,0,.7)}
html[data-theme="dark"] .op-feature-deep-row .op-list li b{color:#eef3ff}

/* DARK THEME — pillar lane descriptions readable (beats the non-themed !important) */
html[data-theme="dark"] .op-feat-lane span{color:#9fb0d8!important}

/* ============================================================================
   DARK THEME — single continuous brand grid (kill per-section grid "lines")
   The brand grid lives ONCE on body.op-site-body:before (fixed, 48px, fades
   down the viewport) so it reads continuously across EVERY page — that is the
   look from the home screenshot. The per-section op-sx-grid::before (56px) used
   to paint a SECOND, misaligned grid on op-sx sections only, which on the
   lifted navy surface showed as banded "lines". In dark we drop those
   per-section grids and let the one global grid carry the whole site.
   ============================================================================ */
html[data-theme="dark"] .op-sx-grid::before{background-image:none !important}
html[data-theme="dark"] .op-prc-compare.op-sx-grid::before{background-image:none !important}
/* dark: the single body grid carries the page — make it clearly visible + full-page
   (the 75% fade mask was removed in opsiq-saas-site.css so it now covers everything) */
html[data-theme="dark"] body.op-site-body::before{background-image:linear-gradient(rgba(150,170,222,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(150,170,222,.045) 1px,transparent 1px)}
/* kill EVERY remaining per-section grid overlay in dark so only the body grid shows (no "lines") */
html[data-theme="dark"] .op-bleed::before,
html[data-theme="dark"] .op-blend-hero::after,
html[data-theme="dark"] .op-cinema-hero::before,
html[data-theme="dark"] .op-crm-access-guard:after,
html[data-theme="dark"] .op-crm-command-showcase:after,
html[data-theme="dark"] .op-crm-command-showcase .op-spot-row:before,
html[data-theme="dark"] .op-crm-pipeline-lab:after,
html[data-theme="dark"] .op-crm-queue:before,
html[data-theme="dark"] .op-crm-workspace-section:after,
html[data-theme="dark"] .op-feat-pillar:before,
html[data-theme="dark"] .op-feature-deep-row:before,
html[data-theme="dark"] .op-features-premium:before,
html[data-theme="dark"] .op-lux-connect:before,
html[data-theme="dark"] .op-lux-home:before,
html[data-theme="dark"] .op-lux-visual:before,
html[data-theme="dark"] .op-pipeline-shell:after,
html[data-theme="dark"] .op-prism-observatory:after,
html[data-theme="dark"] .op-statband::before,
html[data-theme="dark"] .op-sx-dark::before{background-image:none !important}

/* ============================================================================
   DARK — neutralize NON-CARD CONTENT-SECTION fills + their grid/glow overlays so
   the navy shows uniformly across the page body. This deliberately does NOT touch
   the HERO (op-spot / op-hero / op-top / op-page-hero / op-mkt-top) — heroes keep
   their look — and does NOT touch cards/panels (they aren't .op-section/.op-scene).
   ============================================================================ */
html[data-theme="dark"] .op-section::before,
html[data-theme="dark"] .op-section::after,
html[data-theme="dark"] .op-section-tight::before,
html[data-theme="dark"] .op-section-tight::after,
html[data-theme="dark"] .op-scene::before,
html[data-theme="dark"] .op-scene::after{background:transparent !important;background-image:none !important;box-shadow:none !important}
html[data-theme="dark"] .op-section,
html[data-theme="dark"] .op-section-tight,
html[data-theme="dark"] .op-scene,
html[data-theme="dark"] .op-scene-dark,
html[data-theme="dark"] .op-scene-light,
html[data-theme="dark"] .op-sx-dark,
html[data-theme="dark"] .op-bleed,
html[data-theme="dark"] .op-blend-hero,
html[data-theme="dark"] .op-strip{background:transparent !important}
/* same fix for page/spot hero grids — their 46px violet grid stacked on the
   48px body grid was the dense "lines". Kill it in dark; the hero backgrounds
   are transparent so the single subtle body grid shows through uniformly. */
html[data-theme="dark"] .op-spot-hero::before,
html[data-theme="dark"] .op-page-hero::before{background-image:none !important}
/* DARK — kill the per-section decorative washes (drifting accent glow + the
   pricing aurora). Bounded by each section's overflow:hidden, they brightened
   part of a section and read as a soft horizontal seam at the boundary against
   the uniform navy. Color still comes from the body's top radials + heroes. */
html[data-theme="dark"] .op-sx-glow::after{display:none !important}
html[data-theme="dark"] .op-prc-aurora{display:none !important}
/* hero ambient wash: the bottom-left radial bg + the ::after glow blob, both
   clipped by the hero's overflow:hidden, made the hero brighter than the next
   section and left a hard seam at the hero's bottom. Drop them in dark; heroes
   keep their own content (3D, animated SVG) for richness. */
html[data-theme="dark"] .op-spot-hero,
html[data-theme="dark"] .op-page-hero{background-image:none !important}
html[data-theme="dark"] .op-spot-hero::after,
html[data-theme="dark"] .op-page-hero::after{display:none !important}
/* short secondary heroes (op-page-hero ~600px) are smaller than the 720px
   op-halo glow, so overflow:hidden clipped the halo into a hard seam at the
   hero bottom. These simple heroes don't need the halo — hide it so they read
   as clean navy + grid (tall product heroes keep their halos). */
html[data-theme="dark"] .op-page-hero .op-halo{display:none !important}

/* ============================================================
   DARK THEME · CARD OPACITY FLOOR
   The full-page navy grid lives on body::before (z-index:-3) and must show
   ONLY in section background — OUTSIDE cards. Cards across the site use a
   translucent white "frosted glass" fill (rgba(255,255,255,.04–.10)) that was
   designed to sit on an opaque dark *section* fill. Now that sections are
   transparent navy, that bright grid shows straight THROUGH the see-through
   cards. Fix: drop an opaque navy floor (background-color, the bottom-most
   background layer) under each card container. The existing frosted gradient,
   border and shadow stay exactly as-is — the card just stops being see-through,
   so the grid stays outside it. Sections + hero are intentionally NOT listed
   (they stay transparent so the navy + grid shows).
   ============================================================ */
html[data-theme="dark"] .op-ftable-wrap,
html[data-theme="dark"] .op-feature-deep-row,
html[data-theme="dark"] .op-deep-dashboard,
html[data-theme="dark"] .op-deep-announce,
html[data-theme="dark"] .op-deep-tour,
html[data-theme="dark"] .op-standard-compare-shell,
html[data-theme="dark"] .op-features-premium .op-spot-card,
html[data-theme="dark"] .op-features-premium .op-feature,
html[data-theme="dark"] .op-features-premium .op-stat-line,
html[data-theme="dark"] .op-features-premium .op-stat,
html[data-theme="dark"] .op-features-premium .op-ftable-wrap,
html[data-theme="dark"] .op-features-premium .op-cmp,
html[data-theme="dark"] .op-features-premium .op-spot-art .m3d-stage,
html[data-theme="dark"] .op-features-faq .op-faq-item,
html[data-theme="dark"] .op-faq .op-faq-item,
html[data-theme="dark"] .op-faq-acc .op-faq-item,
html[data-theme="dark"] .op-feat-orbit,
html[data-theme="dark"] .op-feat-feature,
html[data-theme="dark"] .op-feat-lane,
html[data-theme="dark"] .op-proof-wall article,
html[data-theme="dark"] .op-lux-illus-panel,
html[data-theme="dark"] .op-double-svg-wrap,
html[data-theme="dark"] .op-theatre-module,
html[data-theme="dark"] .op-theatre-screen,
html[data-theme="dark"] .op-crm-stats .op-container>div,
html[data-theme="dark"] .op-crm-stats .op-big-stat,
html[data-theme="dark"] .op-crm-compare .op-cmp,
html[data-theme="dark"] .op-crm-signal-strip,
html[data-theme="dark"] .op-crm-agent-stage,
html[data-theme="dark"] .op-crm-agent,
html[data-theme="dark"] .op-crm-signal,
html[data-theme="dark"] .op-crm-coach .op-spot-copy,
html[data-theme="dark"] .op-crm-trust-dial .op-spot-feat,
html[data-theme="dark"] .op-crm-health-map .op-spot-feat,
html[data-theme="dark"] .op-crm-steward-section .op-spot-row,
html[data-theme="dark"] .op-crm-steward-section .op-spot-feat,
html[data-theme="dark"] .op-crm-builder-section .op-spot-feat,
html[data-theme="dark"] .op-crm-prospect-depth .op-spot-copy,
html[data-theme="dark"] .op-crm-access-section .op-spot-feat,
html[data-theme="dark"] .op-crm-table-section .op-ftable-wrap,
html[data-theme="dark"] .op-crm-index .op-grid-3,
html[data-theme="dark"] .op-crm-deal-room .op-spot-copy
{background-color:#101c38 !important}

/* Stages/mockups: base .m3d-stage fill is ~88% opaque navy — drop a fully
   opaque floor so the grid can't bleed through the remaining transparency. */
html[data-theme="dark"] .m3d-stage{background-color:#0a1024 !important}

/* ============================================================
   DARK THEME · CALM NAVY (match the HOME hero across ALL pages)
   Home reads as dark navy because it kills its hero orbs + cyan halo. Every
   other product page (CRM, chat-ai, analytics, …) kept the big blurred orbs
   (op-orb, cyan+violet, opacity .7), halos, and a bright per-section spot-glow
   blob (opacity .5) — which flooded the whole page with cyan/violet. Apply the
   home treatment site-wide in dark: drop the orbs + cyan halos, keep the soft
   violet halo, and dim the section glows so every page is dark navy + a whisper
   of violet, exactly like home.
   ============================================================ */
html[data-theme="dark"] .op-orb,
html[data-theme="dark"] .op-halo.cyan{display:none !important}
html[data-theme="dark"] .op-spot-glow{opacity:.12 !important}

/* ============================================================
   MODERN CARD (home aesthetic) — one source, site-wide.
   The old op-card carried a dated diagonal cyan glass "sheen" (op-card:before
   inset:0). Replace it with: a clean surface, a subtle top accent hairline that
   brightens on hover, refined layered shadows, and a smooth colored hover lift —
   matching the home page's premium cards. Applies to every op-card everywhere.
   ============================================================ */
.op-card{border-radius:24px !important;background:linear-gradient(160deg,var(--op-surface),var(--op-surface2)) !important;box-shadow:0 1px 0 rgba(255,255,255,.40) inset,0 12px 34px rgba(15,23,42,.06) !important;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s !important}
.op-card::before{inset:auto !important;left:0 !important;right:0 !important;top:0 !important;bottom:auto !important;height:2px !important;background:linear-gradient(90deg,transparent,var(--op-blue),var(--op-cyan) 50%,var(--op-violet),transparent) !important;opacity:.45 !important;transition:opacity .32s !important;pointer-events:none}
.op-card:hover{transform:translateY(-6px) !important;box-shadow:0 26px 66px rgba(37,99,235,.14),0 10px 28px rgba(15,23,42,.08) !important;border-color:rgba(37,99,235,.28) !important}
.op-card:hover::before{opacity:1 !important}
html[data-theme="dark"] .op-card{box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 44px rgba(0,0,0,.34) !important;border-color:rgba(180,200,255,.12) !important}
html[data-theme="dark"] .op-card:hover{box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 0 1px rgba(103,232,249,.14) !important;border-color:rgba(103,232,249,.30) !important}
/* modern feature icon chip */
.op-feature-icon{border-radius:15px !important;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.14)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px rgba(37,99,235,.12) !important}
html[data-theme="dark"] .op-feature-icon{background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(6,182,212,.18)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.30) !important}

/* ============================================================
   RESCUED UNSTYLED BLOCKS (earlier agent fan-out referenced these class names
   in markup but never wrote the CSS, so they rendered as bare text). Styled here
   to the modern card standard. Each stays a distinct section family.
   ============================================================ */
/* ai-actions · "Autonomy board" — alternating text + 3D panels */
.op-act-board{display:grid;gap:clamp(20px,2.4vw,34px);margin-top:clamp(26px,3vw,40px)}
.op-act-panel{position:relative;display:grid;grid-template-columns:1.02fr 1.16fr;gap:clamp(22px,3vw,46px);align-items:center;padding:clamp(22px,2.4vw,36px);border:1px solid var(--op-stroke);border-radius:28px;background:linear-gradient(160deg,var(--op-surface),var(--op-surface2));box-shadow:0 1px 0 rgba(255,255,255,.40) inset,0 16px 46px rgba(15,23,42,.07);overflow:hidden}
.op-act-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--op-blue),var(--op-cyan) 50%,var(--op-violet),transparent);opacity:.5;pointer-events:none}
.op-act-panel:nth-child(even){grid-template-columns:1.16fr 1.02fr}
.op-act-panel:nth-child(even) .op-act-panel-art{order:-1}
.op-act-panel h3{font-size:clamp(20px,2vw,27px);letter-spacing:-.03em;margin:4px 0 8px}
.op-act-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.op-act-panel-no{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border-radius:13px;font-weight:900;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--op-blue),var(--op-violet));box-shadow:0 8px 20px rgba(37,99,235,.30)}
.op-act-panel-art{position:relative}
html[data-theme="dark"] .op-act-panel{border-color:rgba(180,200,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 56px rgba(0,0,0,.34)}
@media(max-width:900px){.op-act-panel,.op-act-panel:nth-child(even){grid-template-columns:1fr}.op-act-panel:nth-child(even) .op-act-panel-art{order:0}}

/* surveys · "Triad" — three 3D + copy cards */
.op-triad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(26px,3vw,40px)}
.op-triad-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(16px,1.6vw,22px);border:1px solid var(--op-stroke);border-radius:24px;background:linear-gradient(160deg,var(--op-surface),var(--op-surface2));box-shadow:0 1px 0 rgba(255,255,255,.40) inset,0 14px 40px rgba(15,23,42,.06);overflow:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s}
.op-triad-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--op-blue),var(--op-cyan) 50%,var(--op-violet),transparent);opacity:.45;pointer-events:none}
.op-triad-card:hover{transform:translateY(-6px);box-shadow:0 26px 66px rgba(37,99,235,.14);border-color:rgba(37,99,235,.28)}
.op-triad-art{position:relative;border-radius:16px;overflow:hidden}
html[data-theme="dark"] .op-triad-card{border-color:rgba(180,200,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 50px rgba(0,0,0,.34)}
@media(max-width:900px){.op-triad-grid{grid-template-columns:1fr}}

/* developers · "Five primitives" — collapse the repeated deep-rows into a 2-up card grid */
.op-dev-prim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(24px,3vw,36px)}
.op-dev-prim{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2vw,30px);border:1px solid var(--op-stroke);border-radius:24px;background:linear-gradient(160deg,var(--op-surface),var(--op-surface2));box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 16px 44px rgba(15,23,42,.06);overflow:hidden}
.op-dev-prim::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--op-blue),var(--op-cyan) 50%,var(--op-violet),transparent);opacity:.5;pointer-events:none}
.op-dev-prim .op-spot-copy{padding:0!important}
.op-dev-prim .op-spot-art,.op-dev-prim .op-spot-art.m3d{margin:0!important;width:100%}
.op-dev-prim .op-code-block{margin:0!important}
.op-dev-prim .m3d-stage{width:100%}
html[data-theme="dark"] .op-dev-prim{border-color:rgba(180,200,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 56px rgba(0,0,0,.34)}
@media(max-width:900px){.op-dev-prim-grid{grid-template-columns:1fr}}

/* dark immersive scene: op-spot-feat checklist was using var(--op-text) (dark in
   light theme) on the always-dark panel → invisible. Force readable light text. */
.op-scene-dark .op-spot-feat{color:#dbe4f5 !important}
.op-scene-dark .op-spot-feat b{color:#fff !important}
.op-scene-dark .op-spot-feat span{color:#dbe4f5 !important}
.op-scene-dark .op-spot-feat svg{color:#67e8f9 !important}

/* customers agency scene has 4 stats — fit them in one row (strip default is 3-up) */
#cust-agency .op-scene-strip{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){#cust-agency .op-scene-strip{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:520px){#cust-agency .op-scene-strip{grid-template-columns:1fr}}

/* terms / legal · clean reference table (was an unstyled raw <table>) */
.op-legal-table-wrap{border:1px solid var(--op-stroke);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.05);margin:18px 0}
.op-legal-table{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--op-surface)}
.op-legal-table th,.op-legal-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--op-stroke);vertical-align:top;line-height:1.6}
.op-legal-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--op-muted);background:var(--op-surface2);font-weight:900}
.op-legal-table tbody tr:last-child td{border-bottom:0}
.op-legal-table td strong{color:var(--op-text)}

/* checkout · order summary + feature checklist (were unstyled) */
.op-checkout-summary{display:grid;gap:0;border:1px solid var(--op-stroke);border-radius:18px;background:var(--op-surface);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 12px 34px rgba(15,23,42,.06);padding:4px;margin:8px 0 18px}
.op-checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid var(--op-stroke)}
.op-checkout-summary>div:last-child{border-bottom:0}
.op-checkout-summary span{color:var(--op-muted);font-size:13px;font-weight:700}
.op-checkout-summary strong{font-size:15px;letter-spacing:-.01em}
.op-checks{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}
.op-checks li{position:relative;padding-left:28px;color:var(--op-muted);line-height:1.55}
.op-checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--op-blue),var(--op-cyan));box-shadow:0 4px 10px rgba(37,99,235,.25)}
.op-checks li::after{content:"";position:absolute;left:6px;top:6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ------------------------------------------------------------------
   THE lighter-top: the BODY itself carries two bright radial blobs
   (violet @ 12% -12%, cyan @ 86% 5%) that lit the hero + the first
   section noticeably lighter than the rest, fading to the deep navy
   base only by ~the 3rd section. In dark, drop those blobs so the
   deep navy base (--op-bg → --op-bg2) carries UNIFORMLY from the hero
   all the way down — the same dark on every section. (Light keeps its
   flair.) This is site-wide via the shared body rule.
   ------------------------------------------------------------------ */
html[data-theme="dark"] body.op-site-body{
  background:linear-gradient(135deg,var(--op-bg),var(--op-bg2)) !important}

/* ------------------------------------------------------------------
   /crm pipeline copy had a panel "wrapper" ONLY in dark mode (the
   dark glass bg + border + shadow at line 2096), so the content read
   as crowded against the box edges. Light mode has no visible wrapper.
   Remove the dark wrapper so dark matches light — text sits on the
   section, not boxed in.
   ------------------------------------------------------------------ */
html[data-theme="dark"] .op-crm-pipeline .op-spot-copy{
  background:transparent!important;border:0!important;box-shadow:none!important}
/* same: Data Steward section's dark-only row wrapper removed (matches light) */
html[data-theme="dark"] .op-crm-steward-section .op-spot-row{
  background:transparent!important;border:0!important;box-shadow:none!important}
/* same: Builder section ("Set up your CRM in plain English") dark-only copy wrapper */
html[data-theme="dark"] .op-crm-builder-section .op-spot-copy{
  background:transparent!important;border:0!important;box-shadow:none!important}
/* ===== Dark: these CRM sections must INHERIT the general page dark + grid =====
   Each of these sections painted its OWN flat dark background (a different dark
   from the page's general navy), which left a visible seam where it met the
   page, and the page grid stopped at it. In dark, make the SECTION transparent
   so the body's general dark navy + grid shows straight through — no seam, grid
   continuous — and drop the section's own decorative overlays so there's no
   double grid. Cards and copy wrappers keep their own background. Light is untouched. */
html[data-theme="dark"] .op-crm-coach,
html[data-theme="dark"] .op-crm-queue,
html[data-theme="dark"] .op-crm-health-map,
html[data-theme="dark"] .op-crm-steward-section,
html[data-theme="dark"] .op-crm-builder-section,
html[data-theme="dark"] .op-crm-deal-room,
html[data-theme="dark"] .op-crm-prospect-depth{
  background:transparent!important}
html[data-theme="dark"] .op-crm-coach:before,html[data-theme="dark"] .op-crm-coach:after,
html[data-theme="dark"] .op-crm-queue:before,html[data-theme="dark"] .op-crm-queue:after,
html[data-theme="dark"] .op-crm-health-map:before,html[data-theme="dark"] .op-crm-health-map:after,
html[data-theme="dark"] .op-crm-steward-section:before,html[data-theme="dark"] .op-crm-steward-section:after,
html[data-theme="dark"] .op-crm-builder-section:before,html[data-theme="dark"] .op-crm-builder-section:after,
html[data-theme="dark"] .op-crm-deal-room:before,html[data-theme="dark"] .op-crm-deal-room:after,
html[data-theme="dark"] .op-crm-prospect-depth:before,html[data-theme="dark"] .op-crm-prospect-depth:after{
  background:none!important;background-image:none!important}

/* Integrations/mobile marketing hero: prevent max-content labels from widening the page. */
@media(max-width:760px){
  .op-mkt-hero-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;overflow:hidden!important}
  .op-mkt-hero-grid>*{min-width:0!important;max-width:100%!important}
  .op-mkt-hero .op-kicker{width:100%!important;max-width:100%!important;white-space:normal!important;justify-content:center!important;text-align:center!important}
  .op-mkt-hero .op-lead,.op-mkt-hero .op-hero-actions,.op-mkt-hero .op-trust,.op-mkt-hero-art,.op-mkt-hero-art .m3d-stage{width:100%!important;max-width:100%!important;min-width:0!important}
  .op-mkt-hero .op-trust{overflow:hidden!important}
  .op-mkt-hero .op-trust span{min-width:0!important;max-width:100%!important}
}