/* OrbixEdge CRM product page ------------------------------------------------ */
.crm_product { color:var(--ox-ink); background:var(--ox-surface); overflow:clip; }
.crm_product [hidden] { display:none!important; }
.crm_product :is(h1,h2,h3,p) { text-wrap:pretty; }
.crm_kicker { margin:0 0 .85rem; color:var(--ox-blue-deep); font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }

.crm_crumb { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; }
.crm_crumb a { color:inherit; text-decoration:none; opacity:.8; transition:opacity var(--ox-transition); }
.crm_crumb a:hover { opacity:1; text-decoration:underline; }
.crm_crumb span[aria-hidden] { opacity:.45; }
.crm_crumb [aria-current] { color:#fff; }

section.global_sec.crm_hero { position:relative; padding:clamp(10rem,14vw,12rem) 0 clamp(4rem,7vw,6.5rem); color:#fff; background:radial-gradient(circle at 84% 28%,rgb(var(--ox-blue-bright-rgb)/.25),transparent 31%),radial-gradient(circle at 52% 110%,rgb(var(--ox-cyan-rgb)/.15),transparent 42%),linear-gradient(135deg,#061c2c 0%,var(--ox-navy) 58%,#07385b 100%); }
.crm_hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.23; background-image:linear-gradient(rgb(255 255 255/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 86%); }
.crm_hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,.85fr) minmax(520px,1.25fr); gap:clamp(2rem,5vw,5.5rem); align-items:center; }
.crm_hero__copy { position:relative; z-index:2; }
.crm_hero .crm_kicker { color:var(--ox-cyan); }
.crm_status { display:inline-flex; align-items:center; gap:.55rem; margin-bottom:1.2rem; padding:.48rem .72rem; border:1px solid rgb(255 255 255/.18); border-radius:var(--ox-r-pill); background:rgb(255 255 255/.07); color:rgb(255 255 255/.78); font-size:.63rem; font-weight:600; letter-spacing:.035em; }
.crm_status span { width:7px; height:7px; border-radius:50%; background:#6ee7a7; box-shadow:0 0 0 5px rgb(110 231 167/.12); animation:crm-pulse 2.4s ease-in-out infinite; }
.crm_hero h1 { max-width:14ch; margin:0; color:#fff; font-size:clamp(3.15rem,5.6vw,5.7rem); font-weight:600; letter-spacing:-.055em; line-height:.94; }
.crm_hero h1 span { color:var(--ox-cyan); }
.crm_hero__lede { max-width:34rem; margin:1.5rem 0 0; color:rgb(255 255 255/.72); font-size:clamp(1rem,1.35vw,1.18rem); line-height:1.7; }
.crm_actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem 1.4rem; margin-top:2rem; }
.crm_actions .btn-ox { min-height:52px; padding:14px 22px; }
.crm_textlink { color:#fff; font-size:.82rem; font-weight:600; text-decoration:none; }
.crm_textlink span { margin-left:.45rem; color:var(--ox-cyan); }
.crm_hero__proof { display:flex; gap:1rem 1.5rem; flex-wrap:wrap; margin:2.3rem 0 0!important; padding-top:1.15rem!important; border-top:1px solid rgb(255 255 255/.13); }
.crm_hero__proof li { color:rgb(255 255 255/.63); font-size:.66rem; }
.crm_hero__proof span { margin-right:.35rem; color:var(--ox-cyan); font-variant-numeric:tabular-nums; }

.crm_hero__visual { position:relative; min-width:0; padding:1rem 0 2.25rem; }
.crm_macbook { position:relative; padding-bottom:4.5%; transform:translateZ(0); transform-origin:center; filter:drop-shadow(0 35px 45px rgb(0 0 0/.38)); }
.crm_macbook__lid { position:relative; overflow:hidden; padding:9px 9px 14px; border:1px solid #43505a; border-radius:18px 18px 9px 9px; background:linear-gradient(145deg,#1a2229,#070a0c 65%); }
.crm_macbook__lid img { display:block; width:100%; height:auto; aspect-ratio:16/10; border-radius:9px; object-fit:cover; object-position:top; }
.crm_macbook__camera,.crm_device__camera { position:absolute; z-index:2; top:4px; left:50%; width:5px; height:5px; border-radius:50%; background:#202b33; box-shadow:0 0 0 1px #35444d; transform:translateX(-50%); }
.crm_macbook__base { position:absolute; right:-4%; bottom:0; left:-4%; height:5.5%; min-height:14px; border-radius:2px 2px 18px 18px; background:linear-gradient(#dce3e7,#88949b 48%,#59656c); box-shadow:inset 0 1px #fff,0 5px 8px rgb(0 0 0/.35); }
.crm_macbook__base span { position:absolute; top:0; left:50%; width:18%; height:38%; border-radius:0 0 9px 9px; background:#aab4ba; transform:translateX(-50%); }
.crm_float { position:absolute; z-index:3; border:1px solid rgb(255 255 255/.62); border-radius:14px; color:var(--ox-navy); background:rgb(255 255 255/.94); box-shadow:0 16px 38px rgb(0 20 35/.24); backdrop-filter:blur(12px); }
.crm_float--pipeline { right:-18px; bottom:0; min-width:170px; padding:13px 16px; }
.crm_float small,.crm_float span { display:block; color:var(--ox-text-soft); font-size:.58rem; }
.crm_float strong { display:block; margin:.12rem 0; font-size:1.2rem; letter-spacing:-.03em; }
.crm_float--follow { left:-18px; bottom:12%; display:flex; align-items:center; gap:.65rem; padding:10px 13px; }
.crm_float--follow b { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:#fff; background:var(--ox-gradient); font-size:.78rem; }
.crm_float--follow strong { font-size:.72rem; }

.crm_jump { position:sticky; top:0; z-index:40; border-bottom:1px solid var(--ox-border); background:rgb(255 255 255/.93); backdrop-filter:blur(14px); }
.crm_jump .container { display:flex; gap:clamp(1.25rem,3.4vw,3rem); overflow:auto; scrollbar-width:none; }
.crm_jump .container::-webkit-scrollbar { display:none; }
.crm_jump a { flex:0 0 auto; padding:1rem 0; border-bottom:2px solid transparent; color:var(--ox-text-soft); font-size:.72rem; font-weight:600; text-decoration:none; }
.crm_jump a:hover,.crm_jump a[aria-current="true"] { color:var(--ox-blue-deep); border-color:var(--ox-cyan); }

.crm_intro,.crm_flow,.crm_control,.crm_faq { padding-block:var(--ox-section-y); background:var(--ox-surface); }
.crm_section_head { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,6vw,6rem); align-items:end; }
.crm_section_head h2,.crm_flow h2,.crm_control h2,.crm_access h2,.crm_faq h2 { margin:0; color:var(--ox-navy); font-size:clamp(2.25rem,4.5vw,4rem); font-weight:600; letter-spacing:-.045em; line-height:1.03; }
.crm_section_head > p { max-width:38rem; margin:0; color:var(--ox-text-soft); font-size:1rem; line-height:1.8; }
.crm_snapshot { display:grid; grid-template-columns:1.5fr repeat(4,1fr); margin:3.25rem 0 2.2rem; overflow:hidden; border:1px solid var(--ox-border); border-radius:var(--ox-r-lg); background:var(--ox-surface-muted); }
.crm_snapshot > * { min-width:0; padding:1.25rem 1.4rem; border-right:1px solid var(--ox-border); }
.crm_snapshot > *:last-child { border:0; }
.crm_snapshot p { margin:0; color:var(--ox-text-soft); font-size:.72rem; line-height:1.55; }
.crm_snapshot p span { display:block; margin-bottom:.3rem; color:var(--ox-blue-deep); font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.crm_snapshot strong,.crm_snapshot div span { display:block; }
.crm_snapshot strong { color:var(--ox-navy); font-size:1.55rem; letter-spacing:-.04em; }
.crm_snapshot div span { margin-top:.18rem; color:var(--ox-text-soft); font-size:.62rem; }

.crm_screens { border:1px solid var(--ox-border); border-radius:var(--ox-r-lg); background:#edf4f7; box-shadow:var(--ox-shadow-m); overflow:hidden; }
.crm_screens__tabs { display:flex; gap:4px; padding:8px; overflow:auto; border-bottom:1px solid var(--ox-border); background:rgb(255 255 255/.75); scrollbar-width:none; }
.crm_screens__tabs::-webkit-scrollbar { display:none; }
.crm_screens__tabs button { appearance:none; flex:1 0 auto; min-height:46px; padding:0 1rem; border:1px solid transparent; border-radius:var(--ox-r-pill); color:var(--ox-text-soft); background:transparent; font:600 .72rem/1 "Inter Tight",sans-serif; cursor:pointer; transition:all var(--ox-transition); }
.crm_screens__tabs button span { margin-right:.5rem; color:var(--ox-blue-deep); font-size:.57rem; }
.crm_screens__tabs button[aria-selected="true"] { color:#fff; background:var(--ox-navy); box-shadow:0 8px 20px rgb(var(--ox-navy-rgb)/.18); }
.crm_screens__tabs button[aria-selected="true"] span { color:var(--ox-cyan); }
.crm_screen { display:grid; grid-template-columns:.32fr 1fr; gap:2rem; align-items:center; padding:clamp(1.25rem,3vw,2.5rem); animation:crm-screen-in .5s cubic-bezier(.22,1,.36,1) both; }
.crm_screen__copy h3 { margin:.2rem 0 .9rem; color:var(--ox-navy); font-size:clamp(1.65rem,2.6vw,2.45rem); font-weight:600; letter-spacing:-.035em; line-height:1.08; }
.crm_screen__copy > p:last-child { margin:0; color:var(--ox-text-soft); font-size:.86rem; line-height:1.72; }
.crm_device { position:relative; margin:0 auto; filter:drop-shadow(0 22px 26px rgb(var(--ox-navy-rgb)/.19)); }
.crm_device__screen { position:relative; overflow:hidden; background:#07111f; }
.crm_device__screen img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:top; }
.crm_device--monitor { width:92%; padding-bottom:12%; }
.crm_device--monitor .crm_device__screen { padding:8px; border:1px solid #26333b; border-radius:16px; background:linear-gradient(145deg,#202a31,#070a0c); }
.crm_device__monitor-neck { position:absolute; bottom:4%; left:50%; width:10%; height:12%; border-radius:0 0 6px 6px; background:linear-gradient(90deg,#7a868d,#d6dde0 48%,#717c83); transform:translateX(-50%); }
.crm_device__monitor-foot { position:absolute; bottom:2.5%; left:50%; width:27%; height:2.2%; border-radius:50%; background:linear-gradient(#cdd5d9,#77838a); box-shadow:0 5px 9px rgb(6 30 45/.25); transform:translateX(-50%); }
.crm_device--macbook,.crm_device--laptop { width:96%; padding-bottom:6%; }
.crm_device--macbook .crm_device__screen,.crm_device--laptop .crm_device__screen { padding:8px 8px 12px; border:1px solid #354149; border-radius:15px 15px 7px 7px; background:linear-gradient(145deg,#1d252b,#080b0d); }
.crm_device__laptop-base { position:absolute; right:-3%; bottom:2%; left:-3%; height:5.5%; border-radius:2px 2px 15px 15px; background:linear-gradient(#dce3e6,#7b878e); box-shadow:inset 0 1px #fff,0 5px 8px rgb(4 25 38/.22); }
.crm_device__laptop-base span { position:absolute; left:50%; width:18%; height:38%; border-radius:0 0 8px 8px; background:#a7b1b7; transform:translateX(-50%); }
.crm_device--tablet { width:82%; }
.crm_device--tablet .crm_device__screen { padding:12px; border:1px solid #26333b; border-radius:23px; background:linear-gradient(145deg,#1f2a31,#080b0d); }
.crm_device--tablet .crm_device__screen img { border-radius:13px; }
.crm_preview_note { margin:0; padding:0 1.5rem 1.1rem; color:var(--ox-text-soft); font-size:.58rem; text-align:right; }

/* Multi-brand: the company account holds the brands, each with its own lead key */
.crm_brands { padding-block:var(--ox-section-y); border-top:1px solid var(--ox-border); background:var(--ox-surface); }
.crm_brands__grid { display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(2rem,6vw,5.5rem); align-items:center; }
.crm_brands__copy h2 { margin:0; color:var(--ox-navy); font-size:clamp(1.9rem,3.2vw,3rem); font-weight:600; letter-spacing:-.04em; line-height:1.06; }
.crm_brands__copy > p { max-width:38rem; margin:1.3rem 0 0; color:var(--ox-text-soft); font-size:.9rem; line-height:1.75; }
.crm_brands__copy ul { margin:2rem 0 0; padding:0; list-style:none; }
.crm_brands__copy li { padding:1.1rem 0; border-top:1px solid var(--ox-border); }
.crm_brands__copy li b { display:block; margin-bottom:.35rem; color:var(--ox-navy); font-size:.95rem; font-weight:600; }
.crm_brands__copy li span { color:var(--ox-text-soft); font-size:.82rem; line-height:1.65; }

.crm_brands__flow { display:grid; gap:.9rem; padding:clamp(1.25rem,3vw,2.25rem); border:1px solid rgb(var(--ox-blue-deep-rgb)/.1); border-radius:var(--ox-r-lg); background:linear-gradient(155deg,#eef5f7,#f6f4fc); box-shadow:var(--ox-shadow-m); }
.crm_brands__sites { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }
.crm_brands__sites span { display:grid; gap:.45rem; padding:.85rem .7rem; border:1px solid var(--ox-border); border-radius:var(--ox-r-md); background:#fff; color:var(--ox-navy); font-size:.7rem; font-weight:600; text-align:center; box-shadow:var(--ox-shadow-s); }
.crm_brands__sites i { color:var(--ox-blue-deep); font-size:.6rem; font-style:normal; letter-spacing:.1em; }
.crm_brands__pipe { position:relative; display:grid; gap:.3rem; padding:.95rem 1rem; border:1px dashed rgb(var(--ox-blue-deep-rgb)/.35); border-radius:var(--ox-r-md); background:rgb(255 255 255/.7); text-align:center; }
.crm_brands__pipe::before,.crm_brands__pipe::after { content:""; position:absolute; left:50%; width:1px; height:.9rem; background:rgb(var(--ox-blue-deep-rgb)/.3); }
.crm_brands__pipe::before { top:-.9rem; }
.crm_brands__pipe::after { bottom:-.9rem; }
.crm_brands__pipe code { color:var(--ox-blue-deep); font-size:.76rem; font-weight:600; letter-spacing:-.01em; }
.crm_brands__pipe small { color:var(--ox-text-soft); font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; }
.crm_brands__inbox { padding:1.1rem 1.15rem; border:1px solid var(--ox-border); border-radius:var(--ox-r-md); background:#fff; box-shadow:var(--ox-shadow-s); }
.crm_brands__inbox > p { margin:0 0 .5rem; color:var(--ox-blue-deep); font-size:.6rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.crm_brands__inbox div { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.62rem 0; border-top:1px solid var(--ox-border); }
.crm_brands__inbox b { color:var(--ox-navy); font-size:.82rem; font-weight:600; }
.crm_brands__inbox span { color:var(--ox-text-soft); font-size:.68rem; }

/* Roadmap channels: stated as in development, never as shipped */
.crm_channels { padding-block:var(--ox-section-y); border-top:1px solid var(--ox-border); background:var(--ox-surface-muted); }
.crm_channels__head { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,5vw,4rem); align-items:end; }
.crm_channels__head h2 { margin:0; color:var(--ox-navy); font-size:clamp(1.8rem,2.9vw,2.7rem); font-weight:600; letter-spacing:-.04em; line-height:1.08; }
.crm_channels__head > p { margin:0; color:var(--ox-text-soft); font-size:.88rem; line-height:1.75; }
.crm_channels__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.8rem; }
.crm_channels__grid article { padding:1.8rem; border:1px solid var(--ox-border); border-radius:var(--ox-r-lg); background:var(--ox-surface); box-shadow:var(--ox-shadow-s); }
.crm_channels__grid h3 { margin:0 0 .6rem; color:var(--ox-navy); font-size:1.15rem; font-weight:600; }
.crm_channels__grid p { margin:0 0 1.2rem; color:var(--ox-text-soft); font-size:.82rem; line-height:1.7; }
.crm_channels__grid span { display:inline-flex; align-items:center; gap:.4rem; padding:.34rem .6rem; border:1px solid rgb(var(--ox-blue-deep-rgb)/.2); border-radius:var(--ox-r-pill); color:var(--ox-blue-deep); background:rgb(var(--ox-blue-deep-rgb)/.06); font-size:.6rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.crm_channels__note { margin:1.6rem 0 0; color:var(--ox-text-soft); font-size:.66rem; }

.crm_modules { padding-block:var(--ox-section-y); color:#fff; background:radial-gradient(circle at 90% 0%,rgb(var(--ox-blue-bright-rgb)/.24),transparent 30%),var(--ox-surface-dark); }
.crm_section_head--light h2 { color:#fff; }
.crm_section_head--light .crm_kicker { color:var(--ox-cyan); }
.crm_section_head--light > p { color:rgb(255 255 255/.65); }
.crm_module_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:3.5rem; border:1px solid rgb(255 255 255/.12); border-radius:var(--ox-r-lg); overflow:hidden; background:rgb(255 255 255/.12); }
.crm_module { position:relative; min-height:300px; padding:2rem; background:rgb(5 29 45/.94); transition:background var(--ox-transition); }
.crm_module:hover { background:rgb(10 49 75/.96); }
.crm_module > span { color:var(--ox-cyan); font-size:.65rem; }
.crm_module h3 { margin:2.5rem 0 .75rem; color:#fff; font-size:1.35rem; font-weight:600; letter-spacing:-.025em; }
.crm_module > p { margin:0; color:rgb(255 255 255/.59); font-size:.82rem; line-height:1.7; }
.crm_module > div { position:absolute; right:2rem; bottom:1.8rem; left:2rem; display:flex; align-items:end; justify-content:space-between; padding-top:1rem; border-top:1px solid rgb(255 255 255/.1); }
.crm_module strong { color:#fff; font-size:1.45rem; letter-spacing:-.035em; }
.crm_module small { color:rgb(255 255 255/.45); font-size:.59rem; text-transform:uppercase; letter-spacing:.08em; }

.crm_flow__grid { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(2rem,6vw,6rem); align-items:center; }
.crm_flow { background:linear-gradient(145deg,#f3f7f6 0%,#eef6f8 52%,#f5f2fb 100%); }
.crm_flow__visual { position:relative; min-height:520px; padding:clamp(1rem,3vw,2.5rem); border:1px solid rgb(var(--ox-blue-deep-rgb)/.09); border-radius:var(--ox-r-lg); background:radial-gradient(circle at 75% 20%,rgb(var(--ox-cyan-rgb)/.18),transparent 35%),linear-gradient(145deg,#dae9ec,#eff3f6); box-shadow:var(--ox-shadow-m); }
.crm_flow__visual::after { content:"Responsive workspace"; position:absolute; right:1.1rem; bottom:1.1rem; padding:.45rem .7rem; border-radius:var(--ox-r-pill); color:var(--ox-blue-deep); background:rgb(255 255 255/.9); box-shadow:var(--ox-shadow-s); font-size:.58rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.crm_device_scene { position:relative; min-height:445px; perspective:1300px; }
.crm_device_scene img { display:block; width:100%; height:auto; object-fit:cover; object-position:top; }
.crm_scene_monitor { position:absolute; top:5%; right:2%; left:3%; overflow:hidden; padding:8px; border:1px solid #2b3840; border-radius:17px; background:#11181d; box-shadow:0 30px 60px rgb(5 33 48/.22); transform:rotateY(-4deg); }
.crm_scene_monitor img { aspect-ratio:16/10; border-radius:9px; }
.crm_scene_tablet { position:absolute; z-index:2; right:-2%; bottom:3%; width:56%; overflow:hidden; padding:10px; border:1px solid #35434a; border-radius:20px; background:#11181d; box-shadow:0 24px 44px rgb(5 33 48/.3); transform:rotate(3deg); }
.crm_scene_tablet img { aspect-ratio:16/10; border-radius:11px; }
.crm_scene_phone { position:absolute; z-index:3; bottom:0; left:1%; width:24%; overflow:hidden; aspect-ratio:9/18.5; padding:9px 7px; border:1px solid #3b474c; border-radius:26px; background:#0b0f12; box-shadow:0 22px 40px rgb(5 33 48/.34); transform:rotate(-5deg); }
.crm_scene_phone img { width:100%; height:auto; border-radius:19px; object-fit:initial; animation:crm-mobile-tour 18s cubic-bezier(.65,0,.35,1) infinite alternate; }
.crm_scene_tablet > span,.crm_scene_phone > span { position:absolute; z-index:2; top:4px; left:50%; width:6px; height:6px; border-radius:50%; background:#273239; transform:translateX(-50%); }
.crm_flow__copy > p:nth-of-type(2) { color:var(--ox-text-soft); }
.crm_flow ol { margin:2rem 0 0; padding:0; list-style:none; }
.crm_flow li { display:grid; grid-template-columns:32px 1fr; gap:1rem; padding:1.1rem 0; border-top:1px solid var(--ox-border); }
.crm_flow li > span { padding-top:.22rem; color:var(--ox-blue-deep); font-size:.62rem; }
.crm_flow li h3 { margin:0 0 .3rem; color:var(--ox-navy); font-size:1rem; font-weight:600; }
.crm_flow li p { margin:0; color:var(--ox-text-soft); font-size:.78rem; line-height:1.55; }

.crm_reports { padding-block:var(--ox-section-y); border-top:1px solid var(--ox-border); background:var(--ox-surface); }
.crm_reports__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.crm_reports__grid article { padding:1.8rem; border:1px solid var(--ox-border); border-radius:var(--ox-r-lg); background:var(--ox-surface-muted); }
.crm_reports__grid span { color:var(--ox-blue-deep); font-size:.62rem; font-variant-numeric:tabular-nums; }
.crm_reports__grid h3 { margin:.9rem 0 .6rem; color:var(--ox-navy); font-size:1.12rem; font-weight:600; }
.crm_reports__grid p { margin:0; color:var(--ox-text-soft); font-size:.8rem; line-height:1.7; }
.crm_reports__note { margin:1.6rem 0 0; color:var(--ox-text-soft); font-size:.66rem; }

.crm_control { border-top:1px solid var(--ox-border); background:var(--ox-surface-muted); }
.crm_control__head { max-width:860px; }
.crm_control__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.crm_control__grid article { padding:2rem; border:1px solid var(--ox-border); border-radius:var(--ox-r-lg); background:var(--ox-surface); box-shadow:var(--ox-shadow-s); }
.crm_control__grid svg { color:var(--ox-blue-deep); }
.crm_control__grid h3 { margin:2.4rem 0 .7rem; color:var(--ox-navy); font-size:1.25rem; font-weight:600; }
.crm_control__grid p { margin:0; color:var(--ox-text-soft); font-size:.82rem; line-height:1.7; }

.crm_access { padding-block:var(--ox-section-y); color:#fff; background:linear-gradient(125deg,var(--ox-navy),#075a8f); }
.crm_access__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,8vw,8rem); align-items:center; }
.crm_access h2 { color:#fff; }
.crm_access .crm_kicker { color:var(--ox-cyan); }
.crm_access__copy > p:not(.crm_kicker) { max-width:40rem; margin:1.25rem 0 1.8rem; color:rgb(255 255 255/.67); line-height:1.75; }
.crm_status--light { margin-bottom:1rem; }
.crm_access__list { padding:2rem; border:1px solid rgb(255 255 255/.18); border-radius:var(--ox-r-lg); background:rgb(255 255 255/.07); }
.crm_access__list > p { margin:0 0 1rem; color:#fff; font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.crm_access__list li { position:relative; padding:.82rem 0 .82rem 1.5rem; border-top:1px solid rgb(255 255 255/.12); color:rgb(255 255 255/.78); font-size:.84rem; }
.crm_access__list li::before { content:""; position:absolute; left:.15rem; top:1.15rem; width:6px; height:6px; border-radius:50%; background:var(--ox-cyan); }
.crm_access__list small { display:block; margin-top:1.2rem; color:rgb(255 255 255/.47); font-size:.62rem; line-height:1.55; }

.crm_faq__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(2rem,8vw,8rem); }
.crm_faq__items details { border-top:1px solid var(--ox-border); }
.crm_faq__items details:last-child { border-bottom:1px solid var(--ox-border); }
.crm_faq summary { display:grid; grid-template-columns:32px 1fr auto; gap:1rem; align-items:center; padding:1.35rem 0; cursor:pointer; list-style:none; }
.crm_faq summary::-webkit-details-marker { display:none; }
.crm_faq summary span { color:var(--ox-blue-deep); font-size:.62rem; }
.crm_faq summary h3 { margin:0; color:var(--ox-navy); font-size:1rem; font-weight:600; }
.crm_faq summary b { font-size:1.2rem; font-weight:400; transition:transform var(--ox-transition); }
.crm_faq details[open] summary b { transform:rotate(45deg); }
.crm_faq details > p { margin:-.3rem 0 1.4rem 3rem; color:var(--ox-text-soft); font-size:.84rem; line-height:1.7; }

.crm_product :is(a,button,summary):focus-visible { outline:3px solid var(--ox-cyan); outline-offset:4px; }
@keyframes crm-screen-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes crm-pulse { 50% { opacity:.55; transform:scale(.85); } }
@keyframes crm-mobile-tour { 0%,12% { transform:translateY(0); } 88%,100% { transform:translateY(-66%); } }

@media(max-width:1199px) {
 .crm_hero__grid { grid-template-columns:.8fr 1.2fr; gap:2.5rem; }
 .crm_float--pipeline { right:-4px; }
 .crm_float--follow { left:-4px; }
 .crm_screen { grid-template-columns:.38fr 1fr; }
 .crm_flow__visual { min-height:460px; }
 .crm_device_scene { min-height:385px; }
}
@media(max-width:991.98px) {
 section.global_sec.crm_hero { padding-top:9rem; }
 .crm_hero__grid { grid-template-columns:1fr; }
 .crm_hero h1 { max-width:13ch; }
 .crm_hero__visual { width:min(760px,100%); }
 .crm_macbook { max-width:760px; margin-inline:auto; }
 .crm_section_head,.crm_access__grid { grid-template-columns:1fr; gap:1.5rem; }
 .crm_snapshot { grid-template-columns:repeat(4,1fr); }
 .crm_snapshot p { grid-column:1/-1; border-right:0; border-bottom:1px solid var(--ox-border); }
 .crm_module_grid { grid-template-columns:repeat(2,1fr); }
 .crm_flow__grid { gap:2.5rem; }
 .crm_flow__visual { min-height:500px; }
 .crm_brands__grid { grid-template-columns:1fr; gap:2.5rem; }
 .crm_reports__grid { grid-template-columns:repeat(2,1fr); }
 .crm_channels__head { grid-template-columns:1fr; gap:1.5rem; }
 .crm_channels__grid { grid-template-columns:1fr; }
 .crm_control__grid { grid-template-columns:1fr; }
 .crm_control__grid article { display:grid; grid-template-columns:36px 1fr; column-gap:1rem; }
 .crm_control__grid h3 { margin:.1rem 0 .45rem; }
 .crm_control__grid p { grid-column:2; }
 .crm_faq__grid { grid-template-columns:1fr; gap:2rem; }
}
@media(max-width:767.98px) {
 section.global_sec.crm_hero { padding-top:7.7rem; padding-bottom:4rem; }
 .crm_hero h1 { font-size:clamp(2.8rem,14vw,4.3rem); }
 .crm_hero__lede { font-size:.98rem; }
 .crm_hero__visual { padding-bottom:1.2rem; }
 .crm_macbook { transform:none; }
 .crm_float--follow { display:none; }
 .crm_float--pipeline { right:8px; bottom:-4px; min-width:145px; padding:10px 13px; }
 .crm_hero__proof { display:grid; grid-template-columns:1fr 1fr; }
 .crm_section_head h2,.crm_flow h2,.crm_control h2,.crm_access h2,.crm_faq h2 { font-size:clamp(2.1rem,10vw,3rem); }
 .crm_snapshot { grid-template-columns:1fr 1fr; }
 .crm_snapshot p { grid-column:1/-1; }
 .crm_snapshot > * { border-bottom:1px solid var(--ox-border); }
 .crm_snapshot > *:nth-last-child(-n+2) { border-bottom:0; }
 .crm_snapshot > *:nth-child(odd) { border-right:0; }
 .crm_screen { display:block; padding:1rem; }
 .crm_screen__copy { padding:.5rem .25rem 1.25rem; }
 .crm_device { width:96%; }
 .crm_preview_note { padding:0 1rem 1rem; text-align:left; }
 .crm_module_grid { grid-template-columns:1fr; }
 .crm_brands__sites { grid-template-columns:1fr; }
 .crm_reports__grid { grid-template-columns:1fr; }
 .crm_module { min-height:270px; }
 .crm_flow__grid { grid-template-columns:1fr; }
 .crm_flow__visual { order:2; }
 .crm_device_scene { min-height:430px; }
 .crm_access__list { padding:1.35rem; }
}
@media(max-width:479.98px) {
 .crm_actions { align-items:flex-start; flex-direction:column; }
 .crm_actions .btn-ox { width:100%; justify-content:center; }
 .crm_hero__proof { grid-template-columns:1fr; gap:.7rem; }
 .crm_float--pipeline { display:none; }
 .crm_screens__tabs button { padding:0 .78rem; }
 .crm_snapshot strong { font-size:1.3rem; }
 .crm_flow__visual { min-height:370px; padding:.75rem; }
 .crm_device_scene { min-height:330px; }
 .crm_scene_phone { width:27%; }
}
@media(prefers-reduced-motion:reduce) {
 .crm_product * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}