:root{--ink:#0b1f3a;--ink-soft:#3d4f66;--ink-faint:#6b7c91;--paper:#f0f4f9;--surface:#f7fafc;--white:#fff;--accent:#1a7ad9;--accent-bright:#3dd6ff;--accent-cta:#2f6fed;--accent-deep:#0b3a6e;--danger:#f04438;--warn:#f79009;--ok:#12b76a;--redact:#7a5af8;--monitor:#98a2b3;--border:#0b1f3a1a;--shadow:0 24px 64px #0b1f3a1f;--font-sans:"Outfit", system-ui, sans-serif;--max:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.site{min-height:100vh;overflow-x:clip}.nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffe0;align-items:center;gap:1rem;padding:.75rem clamp(1.25rem,4vw,2.5rem);display:flex;position:sticky;top:0}.nav__brand{flex-shrink:0;align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.nav__mark{object-fit:cover;border-radius:8px;width:34px;height:34px}.nav__logo{object-fit:contain;width:auto;max-width:min(180px,42vw);height:34px}@media (width<=520px){.nav__logo{display:none}}.nav__links{color:var(--ink-soft);gap:1.35rem;margin-left:auto;font-size:.95rem;display:none}.nav__links a{text-decoration:none}.nav__links a:hover{color:var(--ink)}.nav__cta{background:var(--accent-cta);color:#fff;border-radius:999px;align-items:center;margin-left:.35rem;padding:.6rem 1.05rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #2f6fed47}.nav__cta strong{letter-spacing:.02em;text-transform:uppercase;font-weight:800}.nav__cta:hover{background:#1f5fd6}@media (width>=860px){.nav__links{display:flex}}.hero{background:linear-gradient(#f4f7ff 0%,#eef4fb 45%,#f7fafc 100%);padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,7vw,4.5rem);position:relative;overflow:hidden}.hero__blobs{pointer-events:none;background:radial-gradient(45% 55% at 18% 30%,#2f6fed29,#0000 70%),radial-gradient(40% 50% at 82% 25%,#3dd6ff33,#0000 68%),radial-gradient(35% 40% at 60% 80%,#7a5af814,#0000 70%);height:80%;position:absolute;inset:-10% -5% auto}.hero__layout{z-index:1;max-width:var(--max);align-items:start;gap:2.5rem;margin:0 auto;display:grid;position:relative}@media (width>=980px){.hero__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2rem 2.5rem}}.hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cta);margin:0 0 .75rem;font-size:.78rem;font-weight:750}.hero__headline{letter-spacing:-.035em;color:var(--ink);margin:0 0 1rem;font-size:clamp(2.15rem,5vw,3.4rem);font-weight:750;line-height:1.05}.hero__free{color:var(--accent-cta);margin-top:.15rem;font-weight:800;display:block}.hero__lede{max-width:32rem;color:var(--ink-soft);margin:0 0 1.5rem;font-size:1.05rem}.lead-card{background:var(--white);border:1px solid var(--border);border-radius:18px;max-width:420px;padding:1.25rem 1.25rem 1.1rem;box-shadow:0 18px 40px #0b1f3a14}.lead-card__title{margin:0 0 1rem;font-size:1.15rem;font-weight:700}.lead-card__title strong{color:var(--accent-cta);text-transform:uppercase;letter-spacing:.02em;font-weight:800}.lead-card__field{color:var(--ink-soft);gap:.3rem;margin-bottom:.75rem;font-size:.82rem;font-weight:600;display:grid}.lead-card__field input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fbfcfe;border-radius:10px;padding:.7rem .8rem}.lead-card__field input:focus{outline:2px solid color-mix(in srgb, var(--accent-cta) 45%, transparent);border-color:var(--accent-cta)}.lead-card__check{color:var(--ink-soft);align-items:flex-start;gap:.55rem;margin:.35rem 0 1rem;font-size:.85rem;display:flex}.lead-card__check input{margin-top:.2rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn--download{background:var(--accent-cta);color:#fff;border-radius:12px;width:100%;padding:.9rem 1.1rem;font-size:1.05rem;font-weight:700;box-shadow:0 10px 24px #2f6fed52}.btn--download:hover{background:#1f5fd6}.btn__free{letter-spacing:.04em;text-transform:uppercase;margin-right:.35rem;font-weight:900}.lead-card__note{color:var(--ink-faint);text-align:center;margin:.75rem 0 0;font-size:.75rem}.hero__visual{min-width:0;position:relative}.hero__preview{perspective:1400px}.hero__preview .portal-mock{transform-origin:top;box-shadow:var(--shadow);transform:rotateX(6deg)rotateY(-4deg)}.hero__demo-row{align-items:center;gap:.65rem;margin-top:1rem;padding-left:.25rem;display:flex}.demo-pill{border:1px solid var(--border);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1rem .65rem .65rem;font-size:.92rem;font-weight:650;display:inline-flex;box-shadow:0 8px 20px #0b1f3a14}.demo-pill:hover{border-color:color-mix(in srgb, var(--accent-cta) 40%, var(--border))}.demo-pill__play{background:var(--accent-cta);color:#fff;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;padding-left:.1rem;font-size:.7rem;display:grid}.hero__demo-arrow{width:64px;height:40px;color:var(--ink);opacity:.7;transform:translateY(-6px)rotate(-8deg)}@media (width<=979px){.hero__demo-arrow{display:none}}.demo-modal{z-index:80;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.demo-modal__backdrop{cursor:pointer;background:#0810209e;border:0;position:absolute;inset:0}.demo-modal__panel{z-index:1;color:#fff;background:#0a1628;border-radius:16px;width:min(880px,100%);position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.demo-modal__bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.demo-modal__bar h2{margin:0;font-size:1rem}.demo-modal__close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;padding:.4rem .7rem}.demo-modal__video{aspect-ratio:16/9;background:#000;width:100%;display:block}.demo-modal__hint{color:#ffffff8c;margin:0;padding:.7rem 1rem .9rem;font-size:.78rem}.demo-modal__hint code{color:#9ec5ff}.portal-mock{background:#f3f6fa;border:1px solid #0b1f3a1a;border-radius:16px;grid-template-columns:180px 1fr;min-height:360px;display:grid;overflow:hidden}.portal-mock--compact{grid-template-columns:150px 1fr;min-height:300px}.portal-mock--compact .portal-mock__kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-mock--compact .portal-mock__charts{grid-template-columns:1fr}@media (width<=860px){.portal-mock,.portal-mock--compact{grid-template-columns:1fr}.portal-mock__sidebar{display:none}.hero__preview .portal-mock{transform:none}}.portal-mock__sidebar{color:#ffffffc7;background:#0a1628;padding:1rem .85rem 1.25rem;font-size:.78rem}.portal-mock__brand{margin-bottom:1.1rem;padding:.15rem .25rem}.portal-mock__logo{object-fit:contain;width:100%;max-width:168px;height:auto}.portal-mock__section{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin:.85rem 0 .35rem;padding:0 .45rem;font-size:.62rem}.portal-mock__nav{margin:0;padding:0;list-style:none}.portal-mock__nav li{border-radius:8px;margin-bottom:.15rem;padding:.45rem .55rem}.portal-mock__nav li.is-active{color:#fff;background:#1a73e8;font-weight:650}.portal-mock__main{min-width:0;padding:1.1rem 1.15rem 1.25rem}.portal-mock__head h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.portal-mock__head p{color:var(--ink-faint);margin:.2rem 0 .95rem;font-size:.78rem}.portal-mock__kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem;display:grid}@media (width<=980px){.portal-mock__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-mock__kpi{background:var(--white);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.1rem;padding:.65rem .7rem;display:flex}.portal-mock__kpi span{color:var(--ink-faint);font-size:.68rem;font-weight:600}.portal-mock__kpi strong{letter-spacing:-.03em;font-size:1.25rem;line-height:1.15}.portal-mock__kpi small{color:var(--ink-faint);font-size:.62rem}.tone-accent{color:var(--accent)}.tone-danger{color:var(--danger)}.tone-warn{color:var(--warn)}.tone-ok{color:var(--ok)}.portal-mock__charts{grid-template-columns:1.4fr .9fr .9fr;gap:.55rem;display:grid}@media (width<=980px){.portal-mock__charts{grid-template-columns:1fr}}.portal-mock__panel{background:var(--white);border:1px solid var(--border);border-radius:10px;min-width:0;padding:.7rem .75rem .8rem}.portal-mock__panel-title{margin-bottom:.45rem;font-size:.78rem;font-weight:650}.portal-mock__legend{color:var(--ink-faint);flex-wrap:wrap;gap:.45rem .7rem;margin-bottom:.35rem;font-size:.62rem;display:flex}.portal-mock__legend span{align-items:center;gap:.3rem;display:inline-flex}.swatch,.portal-mock__svc i{border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.swatch--ok,.portal-mock__svc i.swatch--ok{background:var(--ok)}.swatch--warn,.portal-mock__svc i.swatch--warn{background:var(--warn)}.swatch--redact,.portal-mock__svc i.swatch--redact{background:var(--redact)}.swatch--monitor{background:var(--monitor)}.swatch--danger,.portal-mock__svc i.swatch--danger{background:var(--danger)}.portal-mock__area{width:100%;height:110px;display:block}.portal-mock__donut-wrap,.portal-mock__gauge-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:.4rem;display:grid}.portal-mock__donut,.portal-mock__gauge{justify-self:center;width:100%;max-width:120px;height:auto}.portal-mock__donut-n,.portal-mock__gauge-n{fill:var(--ink);font-size:14px;font-weight:700;font-family:var(--font-sans)}.portal-mock__donut-l,.portal-mock__gauge-l{fill:var(--ink-faint);font-size:7px;font-family:var(--font-sans)}.portal-mock__svc{color:var(--ink-soft);margin:0;padding:0;font-size:.62rem;list-style:none}.portal-mock__svc li{align-items:center;gap:.35rem;margin-bottom:.28rem;display:flex}.portal-mock__svc b{color:var(--ink);margin-left:auto;font-weight:650}.section{max-width:var(--max);margin:0 auto;padding:clamp(3.5rem,8vw,5.5rem) clamp(1.25rem,4vw,2.5rem)}.section--portal{background:var(--white);border-top:1px solid var(--border);max-width:none}.section--portal .section__eyebrow,.section--portal .section__title,.section--portal .section__lede,.section--portal .portal-stage{max-width:var(--max);margin-left:auto;margin-right:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.section--tint{background:var(--paper);border-block:1px solid var(--border);max-width:none}.section--tint .section__title,.section--tint .section__lede,.section--tint .steps{max-width:var(--max);margin-left:auto;margin-right:auto}.section--tint .section__lede,.section--tint .steps{padding-inline:clamp(1.25rem,4vw,2.5rem)}.section__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cta);margin:0 0 .5rem;font-size:.78rem;font-weight:750}.section__title{letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:700}.section__lede{max-width:38rem;color:var(--ink-soft);margin:0 0 2rem;font-size:1.05rem}.portal-stage .portal-mock{box-shadow:var(--shadow)}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.feature img{object-fit:cover;border-radius:12px;width:56px;height:56px;margin-bottom:.85rem}.feature h3{margin:0 0 .4rem;font-size:1.05rem}.feature p{color:var(--ink-soft);margin:0;font-size:.95rem}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:.85rem;display:flex}.steps__n{background:var(--ink);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:grid}.steps h3{margin:.15rem 0 .3rem;font-size:1.05rem}.steps p{color:var(--ink-soft);margin:0;font-size:.95rem}.footer{border-top:1px solid var(--border);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.5rem clamp(1.25rem,4vw,2.5rem) 2rem;font-size:.9rem;display:flex}.footer__brand{align-items:center;display:inline-flex}.footer__logo{object-fit:contain;width:auto;max-width:200px;height:36px}.footer p{flex:1;margin:0}@media (prefers-reduced-motion:no-preference){.hero__copy{animation:.7s ease-out both hero-fade}.hero__visual{animation:.9s ease-out both hero-rise}}@keyframes hero-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}