/* Scoped production styles based on the approved HUB /lead HTML prototype.
   Main site navigation, footer, theme control and consent UI are inherited unchanged. */
.hub-lead-page {--navy:#071426;--navy2:#0b2340;--navy3:#103157;--blue:#0763bd;--sky:#42b7f7;--mint:#35d5b4;--teal:#079d8e;--text:#142642;--muted:#617189;--soft:#eff5fc;--paper:#f7f9fd;--surface:#fff;--stroke:#e0e8f2;--shadow:0 20px 55px rgba(11,44,89,.085);--max:1240px;--ease:cubic-bezier(.18,.74,.28,1)}
html[data-theme="dark"] .hub-lead-page {--text:#f2f8ff;--muted:#a9c0dc;--soft:#0f233d;--paper:#081a2e;--surface:#0d2139;--stroke:#26415f;--shadow:0 22px 60px rgba(0,0,0,.23)}
.hub-lead-page *, .hub-lead-page *::before, .hub-lead-page *::after {box-sizing:border-box}
.hub-lead-page {scroll-behavior:smooth;scroll-padding-top:96px}
.hub-lead-page {margin:0;background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;overflow-x:hidden}
.hub-lead-page button, .hub-lead-page input, .hub-lead-page textarea {font:inherit}
.hub-lead-page button {cursor:pointer}
.hub-lead-page a {text-decoration:none;color:inherit}
.hub-lead-page svg {display:block}
.hub-lead-page p, .hub-lead-page h1, .hub-lead-page h2, .hub-lead-page h3, .hub-lead-page h4 {margin-top:0}
.hub-lead-page p {line-height:1.7}
.hub-lead-page [hidden] {display:none!important}
.hub-lead-page .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hub-lead-page :focus-visible {outline:3px solid #52cfff;outline-offset:4px}
.hub-lead-page .container {width:min(var(--max),calc(100% - 72px));margin-inline:auto}
.hub-lead-page .skip {position:absolute;left:20px;top:-90px;z-index:200;background:#fff;color:#09234a;border-radius:12px;padding:12px 20px}
.hub-lead-page .skip:focus {top:18px}
.hub-lead-page .icon {width:20px;height:20px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}
.hub-lead-page .site-header {position:sticky;top:0;z-index:80;background:#07162a;border-bottom:1px solid rgba(197,223,255,.115);backdrop-filter:blur(18px)}
.hub-lead-page .nav {height:82px;display:flex;align-items:center;gap:24px}
.hub-lead-page .brand {display:flex;align-items:center;min-width:0;gap:15px;flex:0 1 auto}
.hub-lead-page .brand-logo {width:249px;height:auto;max-width:100%;object-fit:contain}
.hub-lead-page .brand-separator {width:1px;height:27px;background:rgba(255,255,255,.2);flex:none}
.hub-lead-page .brand-tag {font-size:11px;color:#91bedf;line-height:1.32;letter-spacing:.065em;font-weight:750;text-transform:uppercase;white-space:nowrap}
.hub-lead-page .nav-links {display:flex;align-items:center;gap:25px;margin-left:auto;font-size:12.5px;font-weight:650;color:#d2deef;white-space:nowrap}
.hub-lead-page .nav-links a:hover {color:#58e1cf}
.hub-lead-page .nav-cta {display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:11px;background:linear-gradient(105deg,#1675d4,#079f9b);color:#fff;font-size:12.5px;font-weight:800;box-shadow:0 10px 25px rgba(0,131,209,.23);white-space:nowrap;transition:transform .2s,box-shadow .2s}
.hub-lead-page .nav-cta:hover, .hub-lead-page .btn-primary:hover {transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,132,208,.31)}
.hub-lead-page .nav-cta .icon {width:16px;height:16px}
.hub-lead-page .theme-toggle, .hub-lead-page .menu-toggle {flex:none;border:1px solid rgba(198,222,255,.18);width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.055);color:#e3f4ff;transition:background .2s}
.hub-lead-page .theme-toggle:hover, .hub-lead-page .menu-toggle:hover {background:rgba(255,255,255,.13)}
.hub-lead-page .menu-toggle {display:none}
.hub-lead-page .hero {position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 75% 14%,rgba(2,135,196,.18),transparent 36%),radial-gradient(ellipse at 90% 80%,rgba(4,86,186,.3),transparent 42%),linear-gradient(125deg,#071529 6%,#061a31 58%,#091f36 100%);padding:89px 0 146px}
.hub-lead-page .hero::before {content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(87,169,244,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(87,169,244,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 18%,black 100%)}
.hub-lead-page .hero::after {content:"";position:absolute;z-index:-1;top:-270px;right:-250px;width:760px;height:760px;border:1px solid rgba(94,190,255,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(43,138,210,.025),0 0 0 220px rgba(43,138,210,.025),0 0 0 380px rgba(43,138,210,.018)}
.hub-lead-page .hero-grid {display:grid;grid-template-columns:minmax(0,1.015fr) minmax(0,.985fr);align-items:center;gap:78px}
.hub-lead-page .hero-eyebrow {display:inline-flex;align-items:center;gap:11px;padding:10px 14px 10px 10px;border:1px solid rgba(116,199,255,.22);background:rgba(30,104,183,.135);border-radius:999px;color:#c4e2fa;text-transform:uppercase;letter-spacing:.135em;font-weight:850;font-size:10px}
.hub-lead-page .eyebrow-star {width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#072342;background:linear-gradient(130deg,#50cff6,#40e0ab)}
.hub-lead-page .eyebrow-star svg {width:14px;height:14px}
.hub-lead-page .hero h1 {font-size:clamp(47px,5vw,70px);line-height:1.11;letter-spacing:-.068em;font-weight:850;margin:26px 0 24px;max-width:690px}
.hub-lead-page .hero h1 .shine {background:linear-gradient(104deg,#65c5ff 0%,#a4e1ff 48%,#3ce5b5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hub-lead-page .hero-lead {max-width:590px;font-size:17px;line-height:1.82;color:#b9cfe8;margin-bottom:25px}
.hub-lead-page .hero-lead strong {color:#fff;font-weight:780}
.hub-lead-page .point-row {display:flex;gap:10px 17px;flex-wrap:wrap;color:#dceef9;font-size:12px;font-weight:730;margin:0 0 35px}
.hub-lead-page .point-row span {display:flex;align-items:center;gap:7px}
.hub-lead-page .point-row svg {width:16px;height:16px;stroke:#4ae5b7}
.hub-lead-page .hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hub-lead-page .btn-primary {display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:17px 22px;border-radius:13px;background:linear-gradient(105deg,#1375da 0%,#0d9f9a 100%);color:white;font-size:14px;font-weight:850;border:0;box-shadow:0 10px 24px rgba(0,125,209,.23);transition:transform .2s,box-shadow .2s}
.hub-lead-page .btn-primary svg {width:18px;height:18px}
.hub-lead-page .btn-secondary {display:inline-flex;align-items:center;gap:9px;padding:16px 19px;border:1px solid rgba(173,208,246,.29);border-radius:13px;background:rgba(255,255,255,.055);font-size:13px;font-weight:790;color:#e8f3fd;transition:background .2s}
.hub-lead-page .btn-secondary:hover {background:rgba(255,255,255,.12)}
.hub-lead-page .intro-note {margin:21px 0 0;font-size:11.5px;color:#81a2c5;letter-spacing:.005em}
.hub-lead-page .preview-wrap {position:relative;min-width:0}
.hub-lead-page .preview-glow {position:absolute;pointer-events:none;top:14%;right:-8%;width:420px;height:380px;background:radial-gradient(ellipse,rgba(0,181,221,.29) 0%,rgba(0,117,213,.1) 43%,transparent 72%);filter:blur(28px)}
.hub-lead-page .app-preview {position:relative;border-radius:25px;background:#0a1b30;border:1px solid rgba(138,207,254,.24);box-shadow:0 35px 110px rgba(0,0,0,.44),0 0 0 9px rgba(87,167,226,.055);overflow:hidden;transform:rotate(1.4deg)}
.hub-lead-page .app-top {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;background:linear-gradient(90deg,#0e2b4a,#0d2138);border-bottom:1px solid rgba(147,202,240,.15)}
.hub-lead-page .app-brand {display:flex;align-items:center;gap:10px;font-size:12px;font-weight:850;color:#f0f8ff;letter-spacing:-.01em}
.hub-lead-page .app-mark {width:32px;height:32px;border:1px solid rgba(133,212,254,.22);border-radius:10px;display:grid;place-items:center;color:#66e4c0;background:rgba(14,122,177,.16)}
.hub-lead-page .app-mark .icon {width:18px;height:18px}
.hub-lead-page .live-pill {display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;font-weight:780;letter-spacing:.1em;color:#a6e8d2;text-transform:uppercase}
.hub-lead-page .live-pill::before {content:"";height:6px;width:6px;border-radius:50%;background:#41e6b4;box-shadow:0 0 0 4px rgba(65,230,180,.12)}
.hub-lead-page .app-body {padding:21px 23px 22px}
.hub-lead-page .app-intro {display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px}
.hub-lead-page .app-intro h2 {font-size:19px;letter-spacing:-.035em;font-weight:820;margin:1px 0 5px}
.hub-lead-page .app-intro p {font-size:11px;line-height:1.5;color:#8fb1d3;margin:0}
.hub-lead-page .mini-ai {display:flex;gap:5px;align-items:center;font-size:9px;font-weight:800;color:#59dfca;background:rgba(26,182,153,.1);border:1px solid rgba(56,225,177,.15);border-radius:8px;padding:7px 9px;white-space:nowrap}
.hub-lead-page .mini-ai svg {width:12px;height:12px}
.hub-lead-page .scenario-label {display:block;font-weight:760;font-size:10px;color:#81a9cd;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
.hub-lead-page .scenario-tabs {display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}
.hub-lead-page .scenario-tab {border:1px solid rgba(123,177,225,.17);border-radius:9px;background:#0d2947;color:#9ab8d5;padding:9px 11px;font-size:10.5px;font-weight:720;transition:all .2s}
.hub-lead-page .scenario-tab:hover {background:#163a5b}
.hub-lead-page .scenario-tab[aria-pressed="true"] {color:#fff;background:#1463a8;border-color:#3397e9;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.hub-lead-page .brief-panel {border-radius:12px;background:rgba(41,78,116,.21);border:1px solid rgba(136,193,239,.16);padding:14px 15px;margin-bottom:17px}
.hub-lead-page .panel-label {display:flex;align-items:center;gap:7px;font-size:10px;font-weight:820;color:#72bffc;letter-spacing:.035em;margin-bottom:8px}
.hub-lead-page .panel-label .icon {width:14px;height:14px}
.hub-lead-page .brief-text {font-size:12px;line-height:1.68;font-weight:560;color:#e2f0fc;min-height:40px;margin:0}
.hub-lead-page .engine-row {display:flex;align-items:center;gap:14px;margin-bottom:11px}
.hub-lead-page .engine-badge {position:relative;flex:none;width:29px;height:29px;border-radius:50%;background:linear-gradient(130deg,rgba(41,133,214,.3),rgba(13,189,166,.2));color:#6adacb;border:1px solid rgba(81,212,199,.33);display:grid;place-items:center;font-size:11px;font-weight:860}
.hub-lead-page .engine-row:not(.last) .engine-badge::after {content:"";height:12px;left:50%;top:29px;border-left:1px dashed rgba(73,157,199,.55);position:absolute}
.hub-lead-page .engine-copy {min-width:0;flex:1}
.hub-lead-page .engine-copy strong {display:block;font-size:11.2px;letter-spacing:-.012em;color:#f1f8ff}
.hub-lead-page .engine-copy span {display:block;font-size:10px;color:#90abc6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-lead-page .engine-check {width:16px;height:16px;color:#4cddb2}
.hub-lead-page .outcome {margin-top:18px;border:1px solid rgba(67,221,176,.29);border-radius:15px;padding:15px 16px 16px;background:linear-gradient(120deg,rgba(25,116,143,.23),rgba(9,118,120,.12))}
.hub-lead-page .outcome-top {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.hub-lead-page .outcome-top span {font-size:10px;font-weight:820;color:#5de3bd;text-transform:uppercase;letter-spacing:.075em}
.hub-lead-page .score {font-size:10.5px;display:flex;align-items:center;gap:5px;color:#bcf5e4;font-weight:820}
.hub-lead-page .score strong {font-size:15px;line-height:1;font-weight:900}
.hub-lead-page .outcome h3 {font-size:15.5px;letter-spacing:-.024em;margin:0 0 4px;color:#fff}
.hub-lead-page .outcome p {color:#a7c5dc;font-size:10.5px;line-height:1.54;margin:0}
.hub-lead-page .outcome-bottom {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(114,200,187,.16);color:#a4deea;font-size:10px;font-weight:690}
.hub-lead-page .outcome-bottom .icon {width:14px;height:14px}
.hub-lead-page .example-note {text-align:center;font-size:9px;color:#7499ba;margin:13px 0 0;line-height:1.55}
.hub-lead-page .preview-float {position:absolute;z-index:2;right:-22px;bottom:15px;display:flex;gap:10px;align-items:center;background:#fff;color:#113459;box-shadow:0 14px 33px rgba(0,10,26,.26);border-radius:13px;padding:12px 14px;transform:rotate(-3deg)}
.hub-lead-page .preview-float .float-icon {width:34px;height:34px;border-radius:10px;background:#e2f9f2;color:#008e78;display:grid;place-items:center}
.hub-lead-page .preview-float strong {display:block;font-size:10.5px;line-height:1.3}
.hub-lead-page .preview-float small {display:block;font-size:9px;color:#667d92;margin-top:2px}
.hub-lead-page .offer-overlap {margin-top:-78px;position:relative;z-index:3}
.hub-lead-page .offer-band {display:flex;align-items:center;gap:30px;position:relative;overflow:hidden;padding:27px 34px;border-radius:22px;color:white;background:linear-gradient(103deg,#1165b3 0%,#0d66b1 37%,#078b8c 100%);box-shadow:0 23px 62px rgba(0,80,157,.21)}
.hub-lead-page .offer-band::after {content:"";position:absolute;right:110px;top:-150px;border:1px solid rgba(255,255,255,.17);width:390px;height:390px;border-radius:50%;pointer-events:none}
.hub-lead-page .offer-num {font-size:76px;line-height:1;letter-spacing:-.1em;font-weight:950;white-space:nowrap}
.hub-lead-page .offer-copy {flex:1;min-width:0}
.hub-lead-page .offer-copy small {font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:880;color:#b2fff0}
.hub-lead-page .offer-copy h2 {font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:5px 0 6px}
.hub-lead-page .offer-copy p {font-size:12px;margin:0;color:#dbf1fc}
.hub-lead-page .offer-button {position:relative;display:inline-flex;align-items:center;gap:9px;padding:14px 18px;background:#fff;color:#085b9e;border-radius:11px;font-weight:830;font-size:12px;white-space:nowrap;box-shadow:0 12px 18px rgba(2,42,74,.08)}
.hub-lead-page .offer-button:hover {background:#eaffff}
.hub-lead-page .offer-button svg {width:16px;height:16px}
.hub-lead-page .foundation {padding:70px 0 68px;border-bottom:1px solid var(--stroke)}
.hub-lead-page .foundation-header {display:flex;align-items:center;gap:18px;margin-bottom:22px}
.hub-lead-page .foundation-header .line {flex:1;height:1px;background:var(--stroke)}
.hub-lead-page .foundation-header span {font-size:10px;font-weight:830;letter-spacing:.16em;color:#357caf;text-transform:uppercase;white-space:nowrap}
html[data-theme="dark"] .hub-lead-page .foundation-header span {color:#72b9e4}
.hub-lead-page .foundation-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.hub-lead-page .foundation-item {padding:4px 25px 5px 0;display:flex;align-items:start;gap:14px}
.hub-lead-page .foundation-item:not(:first-child) {padding-left:26px;border-left:1px solid var(--stroke)}
.hub-lead-page .foundation-item .foundation-icon {display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,rgba(0,110,190,.095),rgba(0,170,140,.09));color:#0769b2}
html[data-theme="dark"] .hub-lead-page .foundation-item .foundation-icon {color:#5bcbff}
.hub-lead-page .foundation-item .foundation-icon svg {width:20px;height:20px}
.hub-lead-page .foundation-item strong {font-size:12.6px;line-height:1.4;display:block;margin:0 0 3px}
.hub-lead-page .foundation-item small {font-size:10.5px;line-height:1.5;color:var(--muted);display:block}
.hub-lead-page .section {padding:111px 0}
.hub-lead-page .section-label {display:inline-flex;align-items:center;gap:9px;color:#0872b9;text-transform:uppercase;letter-spacing:.17em;font-weight:860;font-size:10px;margin-bottom:16px}
html[data-theme="dark"] .hub-lead-page .section-label {color:#64c4fa}
.hub-lead-page .section-label::before {content:"";width:19px;height:2px;background:#16c39c;border-radius:3px}
.hub-lead-page .section h2 {font-size:clamp(33px,3.7vw,48px);line-height:1.17;font-weight:860;letter-spacing:-.059em;margin-bottom:19px}
.hub-lead-page .section h2 em {font-style:normal;color:#087fbc}
html[data-theme="dark"] .hub-lead-page .section h2 em {color:#78cfff}
.hub-lead-page .section-intro {font-size:15px;color:var(--muted);max-width:750px;line-height:1.8}
.hub-lead-page .story-head {display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:end;margin-bottom:35px}
.hub-lead-page .story-head p {margin-bottom:10px}
.hub-lead-page .features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hub-lead-page .feature {position:relative;overflow:hidden;padding:35px 32px 33px;background:var(--surface);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);min-height:275px;transition:transform .25s var(--ease),box-shadow .25s}
.hub-lead-page .feature:hover {transform:translateY(-4px)}
.hub-lead-page .feature-num {position:absolute;top:30px;right:27px;color:#dce9f6;font-weight:890;font-size:37px;letter-spacing:-.07em}
html[data-theme="dark"] .hub-lead-page .feature-num {color:#1c3754}
.hub-lead-page .feature-icon {height:56px;width:56px;display:grid;place-items:center;border-radius:17px;color:#0873c0;background:linear-gradient(135deg,#ecf7ff,#e5fff5);margin-bottom:27px}
html[data-theme="dark"] .hub-lead-page .feature-icon {background:#153d50;color:#71dcfc}
.hub-lead-page .feature-icon .icon {height:27px;width:27px}
.hub-lead-page .feature h3 {position:relative;z-index:1;font-size:19px;letter-spacing:-.037em;margin-bottom:12px}
.hub-lead-page .feature p {position:relative;z-index:1;font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.hub-lead-page .feature-foot {font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#1488aa;display:block;margin-top:22px}
html[data-theme="dark"] .hub-lead-page .feature-foot {color:#75d9c3}
.hub-lead-page .deep-dive {padding:105px 0;background:var(--soft);border-block:1px solid var(--stroke)}
.hub-lead-page .deep-grid {display:grid;grid-template-columns:.75fr 1.25fr;gap:84px;align-items:center}
.hub-lead-page .deep-grid>.section {padding:0}
.hub-lead-page .deep-grid .section-intro {font-size:14px}
.hub-lead-page .deep-quote {margin-top:35px;border-left:3px solid #1dbf9b;padding:4px 0 4px 18px;font-weight:760;font-size:14px;line-height:1.6;max-width:355px}
.hub-lead-page .workflow {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.hub-lead-page .flow-step {background:var(--surface);border:1px solid var(--stroke);border-radius:15px;padding:19px 18px;display:flex;gap:15px;align-items:start;box-shadow:0 8px 30px rgba(23,57,95,.03)}
.hub-lead-page .flow-no {height:36px;width:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(120deg,#116fc3,#078f98);color:#fff;font-size:11px;font-weight:870;flex:none}
.hub-lead-page .flow-step h3 {font-size:13px;font-weight:850;letter-spacing:-.01em;margin:2px 0 4px}
.hub-lead-page .flow-step p {font-size:11px;color:var(--muted);line-height:1.58;margin:0}
.hub-lead-page .trial-section {padding:113px 0 118px;background:var(--paper)}
.hub-lead-page .trial-grid {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:83px;align-items:center}
.hub-lead-page .trial-story {position:relative}
.hub-lead-page .trial-story h2 {font-size:clamp(37px,4.6vw,57px);line-height:1.13;letter-spacing:-.065em;font-weight:890;margin:10px 0 22px}
.hub-lead-page .trial-story h2 span {background:linear-gradient(94deg,#116ad2,#069e97);background-clip:text;-webkit-background-clip:text;color:transparent}
.hub-lead-page .trial-story>p {color:var(--muted);font-size:15px;line-height:1.9;max-width:450px}
.hub-lead-page .trial-number {display:flex;align-items:center;gap:14px;margin:38px 0 29px}
.hub-lead-page .trial-number strong {font-size:84px;line-height:.95;color:#0874c8;letter-spacing:-.1em}
.hub-lead-page .trial-number div {display:flex;flex-direction:column;gap:5px}
.hub-lead-page .trial-number b {font-size:18px;font-weight:850;letter-spacing:-.04em}
.hub-lead-page .trial-number small {max-width:215px;font-size:12px;color:var(--muted);line-height:1.6}
.hub-lead-page .trial-steps {margin:0;padding:0;list-style:none;display:grid;gap:14px}
.hub-lead-page .trial-steps li {display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:690;line-height:1.5;color:var(--text)}
.hub-lead-page .trial-steps .icon {height:19px;width:19px;color:#0f9f8d}
.hub-lead-page .form-card {background:var(--surface);border:1px solid var(--stroke);border-radius:24px;overflow:hidden;box-shadow:0 33px 85px rgba(17,54,105,.11)}
html[data-theme="dark"] .hub-lead-page .form-card {box-shadow:0 33px 85px rgba(0,0,0,.22)}
.hub-lead-page .form-head {padding:27px 33px;background:linear-gradient(110deg,#0d4b90,#096ca2 56%,#008b8c);color:#fff;display:flex;align-items:center;gap:15px}
.hub-lead-page .form-head-icon {width:49px;height:49px;flex:none;border:1px solid rgba(255,255,255,.24);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.hub-lead-page .form-head-icon svg {width:25px;height:25px}
.hub-lead-page .form-head span {color:#b4f6ed;letter-spacing:.14em;font-size:9px;text-transform:uppercase;font-weight:880}
.hub-lead-page .form-head h3 {margin:4px 0 0;font-size:22px;letter-spacing:-.046em;font-weight:860}
.hub-lead-page .form-body {padding:31px 34px 34px}
.hub-lead-page .form-caption {color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 21px}
.hub-lead-page .field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 15px}
.hub-lead-page .field {display:flex;flex-direction:column;gap:7px;min-width:0}
.hub-lead-page .field.full {grid-column:1/-1}
.hub-lead-page .field label {font-size:11.5px;color:var(--text);font-weight:770}
.hub-lead-page .req {color:#0079bb}
.hub-lead-page .field input, .hub-lead-page .field textarea {width:100%;outline:none;border:1px solid var(--stroke);background:var(--paper);color:var(--text);border-radius:10px;padding:12px 13px;font-size:12px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.hub-lead-page .field input {height:46px}
.hub-lead-page .field textarea {min-height:89px;resize:vertical}
.hub-lead-page .field input:focus, .hub-lead-page .field textarea:focus {border-color:#2c9de7;box-shadow:0 0 0 3px rgba(22,144,223,.11)}
.hub-lead-page .field input::placeholder, .hub-lead-page .field textarea::placeholder {color:#9aa8ba}
.hub-lead-page .privacy {display:flex;gap:11px;align-items:start;cursor:pointer;margin:22px 0 20px;font-size:11px;line-height:1.64;color:var(--muted)}
.hub-lead-page .privacy input {margin:3px 0 0;width:16px;height:16px;accent-color:#0580bd;flex:none}
.hub-lead-page .privacy a {color:#0a79c4;text-decoration:underline;text-underline-offset:2px;font-weight:750}
html[data-theme="dark"] .hub-lead-page .privacy a {color:#78cfff}
.hub-lead-page .submit {width:100%;font-size:14px;min-height:52px}
.hub-lead-page .form-foot {display:flex;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;color:var(--muted);font-size:10px;text-align:center;line-height:1.6}
.hub-lead-page .form-foot svg {width:14px;height:14px;color:#17a991}
.hub-lead-page .prototype-alert {margin-top:20px;padding-top:15px;border-top:1px solid var(--stroke);text-align:center;color:var(--muted);font-size:10px;line-height:1.6}
.hub-lead-page .form-success {padding:44px 35px 47px;text-align:center}
.hub-lead-page .success-icon {height:76px;width:76px;border-radius:22px;background:linear-gradient(135deg,#e2f9f6,#e2efff);display:grid;place-items:center;color:#059e86;margin:0 auto 23px}
.hub-lead-page .success-icon svg {width:38px;height:38px}
.hub-lead-page .form-success h3 {font-size:27px;line-height:1.2;letter-spacing:-.05em;margin:0 0 14px}
.hub-lead-page .form-success p {font-size:13px;color:var(--muted);line-height:1.9}
.hub-lead-page .success-p {background:var(--soft);padding:16px;border-radius:12px;border:1px solid var(--stroke);font-size:12px;color:var(--text)!important}
.hub-lead-page .success-reset {border:1px solid var(--stroke);border-radius:11px;padding:12px 18px;background:var(--surface);font-size:12px;font-weight:820;color:var(--text);margin-top:11px}
.hub-lead-page .success-reset:hover {border-color:#1a94d4}
.hub-lead-page .last-cta {position:relative;overflow:hidden;background:linear-gradient(110deg,#0c2547,#064377 60%,#07575b);color:#fff;padding:53px 0}
.hub-lead-page .last-cta::after {content:"";position:absolute;width:460px;height:460px;right:-150px;top:-180px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 80px rgba(255,255,255,.025)}
.hub-lead-page .last-inner {display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:1}
.hub-lead-page .last-inner h2 {font-size:27px;font-weight:830;letter-spacing:-.04em;margin:0 0 8px}
.hub-lead-page .last-inner p {font-size:13px;line-height:1.65;color:#bbd5ef;margin:0}
.hub-lead-page .last-inner .btn-primary {white-space:nowrap}
.hub-lead-page .site-footer {background:#061426;color:#aec1d7;padding:59px 0 24px}
.hub-lead-page .footer-grid {display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr;gap:40px}
.hub-lead-page .footer-logo {width:252px;max-width:100%;height:auto;display:block;margin-bottom:18px}
.hub-lead-page .site-footer .footer-about {max-width:315px;font-size:11.5px;line-height:1.8}
.hub-lead-page .site-footer h3 {font-size:10px;letter-spacing:.16em;color:#fff;margin:6px 0 17px;text-transform:uppercase}
.hub-lead-page .site-footer a, .hub-lead-page .site-footer p {display:block;font-size:11.5px;line-height:1.75;margin:0 0 8px}
.hub-lead-page .site-footer a:hover {color:#5de8bf}
.hub-lead-page .footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(220,239,255,.12);padding-top:20px;margin-top:43px;font-size:10px;line-height:1.55;color:#7893b0}
.hub-lead-page .mobile-cta {display:none}
@media (max-width:1190px) {.hub-lead-page .brand-tag {display:none}
.hub-lead-page .brand-separator {display:none}
.hub-lead-page .brand-logo {width:232px}
.hub-lead-page .hero-grid {gap:43px}
.hub-lead-page .hero h1 {font-size:clamp(44px,5.3vw,65px)}
.hub-lead-page .trial-grid {gap:44px}
.hub-lead-page .nav-links {gap:17px}
.hub-lead-page .preview-float {right:-10px}
.hub-lead-page .foundation-item {padding-right:12px}
.hub-lead-page .foundation-item:not(:first-child) {padding-left:15px}}
@media (max-width:990px) {.hub-lead-page .container {width:min(var(--max),calc(100% - 52px))}
.hub-lead-page .menu-toggle {display:grid;margin-left:auto}
.hub-lead-page .nav-links {display:none;position:absolute;left:0;right:0;top:81px;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:13px 26px 19px;background:#0a1f39;border-bottom:1px solid rgba(211,230,249,.17)}
.hub-lead-page .nav-links.open {display:flex}
.hub-lead-page .nav-links a {padding:13px 8px;font-size:14px}
.hub-lead-page .nav .nav-cta {margin-left:auto}
.hub-lead-page .menu-toggle + .theme-toggle {margin-left:0}
.hub-lead-page .hero {padding:78px 0 132px}
.hub-lead-page .hero-grid {grid-template-columns:1fr;gap:65px}
.hub-lead-page .hero-content {max-width:760px}
.hub-lead-page .hero h1 {max-width:770px;font-size:clamp(51px,7vw,73px)}
.hub-lead-page .hero-lead {max-width:730px}
.hub-lead-page .preview-wrap {width:min(100%,690px);margin:0 auto}
.hub-lead-page .app-preview {transform:rotate(0)}
.hub-lead-page .preview-float {right:-10px}
.hub-lead-page .offer-band {gap:20px}
.hub-lead-page .foundation-grid {grid-template-columns:repeat(2,1fr);row-gap:25px}
.hub-lead-page .foundation-item:nth-child(3) {padding-left:0;border-left:0}
.hub-lead-page .story-head {grid-template-columns:1fr;gap:0}
.hub-lead-page .deep-grid {grid-template-columns:1fr;gap:35px}
.hub-lead-page .workflow {max-width:820px}
.hub-lead-page .trial-grid {grid-template-columns:1fr;gap:45px}
.hub-lead-page .trial-story {max-width:800px}
.hub-lead-page .trial-story h2 {max-width:720px}
.hub-lead-page .trial-story>p {max-width:680px}
.hub-lead-page .footer-grid {grid-template-columns:1.2fr 1fr;gap:25px 50px}}
@media (max-width:680px) {.hub-lead-page {scroll-padding-top:79px}
.hub-lead-page .container {width:calc(100% - 34px)}
.hub-lead-page .site-header .nav {height:69px;gap:9px}
.hub-lead-page .nav-links {top:68px}
.hub-lead-page .brand-logo {width:174px}
.hub-lead-page .nav .nav-cta {display:none}
.hub-lead-page .theme-toggle, .hub-lead-page .menu-toggle {height:36px;width:36px;border-radius:10px}
.hub-lead-page .hero {padding:52px 0 122px}
.hub-lead-page .hero-grid {gap:48px}
.hub-lead-page .hero-eyebrow {font-size:8.5px;letter-spacing:.09em;gap:8px}
.hub-lead-page .eyebrow-star {height:22px;width:22px}
.hub-lead-page .hero h1 {font-size:clamp(42px,10.2vw,55px);margin:23px 0 20px;letter-spacing:-.066em}
.hub-lead-page .hero-lead {font-size:14px;line-height:1.83}
.hub-lead-page .point-row {gap:9px 15px;font-size:11px;margin-bottom:26px}
.hub-lead-page .hero-actions {gap:10px}
.hub-lead-page .hero-actions .btn-primary {width:100%}
.hub-lead-page .hero-actions .btn-secondary {width:100%;justify-content:center}
.hub-lead-page .intro-note {text-align:center;font-size:10.5px}
.hub-lead-page .app-top {padding:15px 14px}
.hub-lead-page .app-body {padding:17px 15px}
.hub-lead-page .app-intro h2 {font-size:17px}
.hub-lead-page .app-intro p {font-size:10px}
.hub-lead-page .app-brand {font-size:11px}
.hub-lead-page .scenario-tabs {gap:5px}
.hub-lead-page .scenario-tab {font-size:9px;padding:8px 7px}
.hub-lead-page .mini-ai {padding:6px;font-size:8px}
.hub-lead-page .brief-panel {padding:11px 12px}
.hub-lead-page .brief-text {font-size:11px}
.hub-lead-page .outcome {padding:13px}
.hub-lead-page .preview-float {right:-3px;bottom:-25px;padding:8px 10px}
.hub-lead-page .preview-float .float-icon {width:30px;height:30px}
.hub-lead-page .preview-float small {font-size:8px}
.hub-lead-page .offer-overlap {margin-top:-69px}
.hub-lead-page .offer-band {padding:22px;gap:11px;flex-wrap:wrap;border-radius:18px}
.hub-lead-page .offer-num {font-size:58px}
.hub-lead-page .offer-copy {flex:1 1 calc(100% - 90px)}
.hub-lead-page .offer-copy h2 {font-size:20px}
.hub-lead-page .offer-copy p {font-size:11px}
.hub-lead-page .offer-button {width:100%;justify-content:center;margin-top:9px}
.hub-lead-page .foundation {padding:51px 0}
.hub-lead-page .foundation-grid {grid-template-columns:1fr 1fr;gap:21px 8px}
.hub-lead-page .foundation-item {padding:0!important;border:0!important;gap:9px}
.hub-lead-page .foundation-item .foundation-icon {height:36px;width:36px;border-radius:10px}
.hub-lead-page .foundation-item .foundation-icon svg {width:17px;height:17px}
.hub-lead-page .foundation-item strong {font-size:10px}
.hub-lead-page .foundation-item small {font-size:9px}
.hub-lead-page .section, .hub-lead-page .trial-section {padding:76px 0}
.hub-lead-page .section h2 {font-size:35px}
.hub-lead-page .section-intro {font-size:13.5px}
.hub-lead-page .features {grid-template-columns:1fr;gap:14px}
.hub-lead-page .feature {min-height:0;padding:27px 25px}
.hub-lead-page .feature-icon {margin-bottom:22px}
.hub-lead-page .feature h3 {font-size:18px}
.hub-lead-page .feature p {font-size:12.5px}
.hub-lead-page .deep-dive {padding:72px 0}
.hub-lead-page .deep-grid {gap:35px}
.hub-lead-page .deep-quote {margin-top:26px}
.hub-lead-page .workflow {grid-template-columns:1fr;gap:10px}
.hub-lead-page .flow-step {padding:16px}
.hub-lead-page .trial-grid {gap:39px}
.hub-lead-page .trial-story h2 {font-size:42px}
.hub-lead-page .trial-story>p {font-size:13.5px}
.hub-lead-page .trial-number {margin:28px 0}
.hub-lead-page .trial-number strong {font-size:75px}
.hub-lead-page .form-head {padding:22px 22px}
.hub-lead-page .form-head h3 {font-size:20px}
.hub-lead-page .form-body {padding:23px 21px 28px}
.hub-lead-page .field-grid {grid-template-columns:1fr;gap:13px}
.hub-lead-page .field.full {grid-column:1}
.hub-lead-page .field input {height:45px}
.hub-lead-page .last-cta {padding:45px 0 75px}
.hub-lead-page .last-inner {align-items:flex-start;flex-direction:column;gap:25px}
.hub-lead-page .last-inner h2 {font-size:26px}
.hub-lead-page .last-inner .btn-primary {width:100%}
.hub-lead-page .site-footer {padding:52px 0 95px}
.hub-lead-page .footer-grid {grid-template-columns:1fr 1fr;gap:30px 17px}
.hub-lead-page .footer-grid>div:first-child {grid-column:1/-1}
.hub-lead-page .footer-logo {width:225px}
.hub-lead-page .footer-bottom {display:block;margin-top:35px}
.hub-lead-page .footer-bottom span {display:block;margin-top:8px}
.hub-lead-page .mobile-cta {display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:75;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:#081a2e;border-top:1px solid rgba(162,205,248,.2);color:#fff;box-shadow:0 -8px 26px rgba(0,0,0,.23)}
.hub-lead-page .mobile-cta strong {font-size:12px}
.hub-lead-page .mobile-cta small {display:block;color:#91b8d3;margin-top:2px;font-size:9px}
.hub-lead-page .mobile-cta a {display:inline-flex;align-items:center;gap:6px;background:linear-gradient(110deg,#1474cd,#089f95);border-radius:9px;padding:12px 14px;font-weight:820;font-size:10.5px;white-space:nowrap}}
@media (max-width:365px) {.hub-lead-page .brand-logo {width:156px}
.hub-lead-page .hero h1 {font-size:40px}
.hub-lead-page .scenario-tab {font-size:8px}
.hub-lead-page .mini-ai {display:none}
.hub-lead-page .offer-num {font-size:53px}
.hub-lead-page .offer-copy h2 {font-size:18px}}
@media (prefers-reduced-motion:reduce) {.hub-lead-page {scroll-behavior:auto}
.hub-lead-page *, .hub-lead-page *::before, .hub-lead-page *::after {transition:none!important;animation:none!important}}
.hub-lead-page .honeypot-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.hub-lead-page .lead-alert{padding:15px 18px;margin:0 0 18px;background:#fff3f0;color:#9b2916;border:1px solid #ffc5b7;border-radius:14px;font-weight:700;line-height:1.5;}
html[data-theme="dark"] .hub-lead-page .lead-alert{background:#482222;color:#fff0ea;border-color:#995149}
.hub-lead-page .form-success:not([hidden]){display:block}
.hub-lead-page .success-reset{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.hub-lead-page [id]{scroll-margin-top:90px}

/* The core HUB theme sets heading/paragraph/button colors globally. Keep the
   approved contrasting text colors inside the dark product-demo hero in BOTH themes. */
body.public-site-page .hub-lead-page .hero h1,
body.public-site-page .hub-lead-page .hero .app-intro h2,
body.public-site-page .hub-lead-page .hero .outcome h3 {color:#f4faff!important}
body.public-site-page .hub-lead-page .hero h1 .shine {
  background:linear-gradient(104deg,#65c5ff 0%,#a4e1ff 48%,#3ce5b5 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important
}
body.public-site-page .hub-lead-page .hero .hero-lead {color:#b9cfe8!important}
body.public-site-page .hub-lead-page .hero .hero-lead strong {color:#fff!important}
body.public-site-page .hub-lead-page .hero .brief-text {color:#e2f0fc!important}
body.public-site-page .hub-lead-page .hero .engine-copy strong {color:#f1f8ff!important}
body.public-site-page .hub-lead-page .hero .outcome p {color:#a7c5dc!important}
body.public-site-page .hub-lead-page .hero .btn-primary {color:#fff!important}
body.public-site-page .hub-lead-page .hero .btn-secondary {color:#e7f5ff!important}

/* Native HUB body/theme rules use !important for links and text. Contrast rules
   scoped to this public page prevent inherited dark text on gradient panels. */
#main-content .hero a.btn-primary,
#main-content .last-cta a.btn-primary {color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
#main-content .hero a.btn-secondary {color:#e7f5ff!important}
#main-content .hero .point-row span {color:#cde2f6!important}
#main-content .hero .intro-note {color:#9dbad4!important}
#main-content .hero .app-intro p {color:#a7c3da!important}
#main-content .hero .live-pill {color:#bbf8e9!important}
#main-content .hero .scenario-label {color:#afcce8!important}
#main-content .hero .engine-copy span {color:#9abdda!important}
#main-content .hero .outcome-top > span {color:#8ce7ca!important}
#main-content .hero .example-note {color:#96b6d2!important}
#main-content .hero .outcome-bottom span {color:#98d6de!important}
#main-content .offer-band .offer-num,
#main-content .offer-band .offer-copy small,
#main-content .offer-band .offer-copy h2,
#main-content .offer-band .offer-copy p {color:#ffffff!important}
#main-content .offer-band a.offer-button{color:#0e3767!important;-webkit-text-fill-color:#0e3767!important}
#main-content .form-head h3 {color:#ffffff!important}
#main-content .form-head > div > span {color:#c5f5ee!important}
#main-content .last-cta h2 {color:#ffffff!important}
#main-content .last-cta p {color:#c0dfec!important}
#main-content .hero .score strong {color:#bbf5e4!important}
#main-content .field label {display:block!important}
#main-content .field label .req,
#main-content .field label > span {display:inline!important}
#main-content .privacy {font-weight:500!important;font-size:12px!important}