:root{ --nav-height:76px; --brand:#172c4d; --brand-hover:#23446f; --accent:#3468af; }html body.spa-body .view-home::before,html body.spa-body .view-home::after{ display:none!important; }html body.spa-body .home-hero-section::after{ display:none!important; }html[data-theme] body.spa-body .spa-nav .intro-nav-main{ background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; }html[data-theme] body.spa-body.home-active .spa-nav .intro-nav-main{ background:transparent!important; box-shadow:none!important; border:0!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }html[data-theme="light"] body.spa-body .spa-nav{ background:#fff!important; }html[data-theme] body.spa-body .spa-nav .intro-nav-cta,
html[data-theme] body.spa-body.home-active .spa-nav .intro-nav-cta{ display:inline-flex!important; background:var(--brand)!important; border-color:var(--brand)!important; color:#fff!important; }html[data-theme] body.spa-body .spa-nav .intro-nav-login,
html[data-theme] body.spa-body.home-active .spa-nav .intro-nav-login{ background:transparent!important; border-color:#c8d1de!important; color:var(--brand)!important; }html[data-theme="light"]{ --site-page-bg:#fff; --site-page-bg-2:#fff; --m-bg:#fff; }html[data-theme="light"] :is(body,.spa-stage,.view-home,.view-white,.view-scroll,.home-hero-section,.home-workspace-manifesto,.home-workspace-showcase,.workspace-page-continuation,.integration-story-scroll,.mission-scroll,.roadmap-scroll,.login-page,.login-shell,.login-brand-pane,.login-form-pane){ background:#fff!important; }html[data-theme="light"] :is(.mission-view,.roadmap-view){ --m-bg:#fff!important; }html body .spa-nav{ inset:0 0 auto!important; width:100%!important; height:var(--nav-height)!important; padding:0 max(20px,env(safe-area-inset-left))!important; transform:none!important; background:#fff!important; border-bottom:1px solid #e7ebf0!important; box-shadow:none!important; backdrop-filter:none!important; }html body .spa-nav .intro-nav-main{ width:min(1280px,100%)!important; height:var(--nav-height)!important; min-height:var(--nav-height)!important; display:flex!important; justify-content:space-between!important; gap:24px!important; background:transparent!important; }html body .spa-nav .intro-nav-links{ gap:clamp(14px,1.65vw,24px)!important; flex:1; }html body .spa-nav .intro-nav-links a{ min-height:44px; display:flex; align-items:center; font-size:12px!important; color:#354258!important; }html body .spa-nav .intro-nav-links a::after{ bottom:5px!important; background:var(--accent)!important; }html body .spa-nav .mobile-nav-actions{ width:auto!important; min-width:0!important; gap:10px!important; }html body .spa-nav :is(.intro-nav-cta,.intro-nav-login){ font-size:12px!important; min-height:44px!important; border-radius:8px!important; padding:0 16px!important; }html body :is(.intro-nav-cta,.editorial-hero-cta,.mobile-nav-primary,.login-submit,.submit,.price-btn.primary,.pricing-cards article a,.spa-contact button,.workspace-page-final a:first-child){ background:var(--brand)!important; border-color:var(--brand)!important; color:#fff!important; box-shadow:none!important; }html body :is(.intro-nav-cta,.editorial-hero-cta,.mobile-nav-primary,.login-submit,.pricing-cards article a,.spa-contact button):hover{ background:var(--brand-hover)!important; transform:none!important; }html body .intro-nav-login{ color:var(--brand)!important; border-color:#c8d1de!important; background:transparent!important; }html body .home-hero-section{ padding-top:var(--nav-height)!important; }html body .view-scroll{ padding-top:var(--nav-height)!important; scroll-padding-top:24px; }html body .integration-story-scroll{ top:var(--nav-height)!important; }html body .editorial-hero-grid{ width:min(1240px,calc(100% - 64px)); grid-template-columns:1.2fr .8fr; gap:72px; min-height:420px; padding:64px 0 52px; align-items:center; }html body .editorial-hero-kicker{ color:#53637a!important; font-size:11px; line-height:1.6; letter-spacing:.13em; }html body .editorial-hero-titleblock h1{ color:#17243b!important; font-size:clamp(48px,5.5vw,80px); line-height:1.06; letter-spacing:-.045em; font-weight:400; text-wrap:balance; }html body .editorial-hero-titleblock h1 span{ color:var(--accent); }html body .editorial-hero-aside{ width:100%; margin:0; padding:0; }html body .editorial-hero-aside>p{ font-family:inherit; font-size:17px; line-height:1.75; color:#586477!important; }html body .editorial-hero-cta{ min-height:48px; border-radius:8px; font-size:14px; gap:24px; }.hero-proof{ display:block; margin-top:16px; font-size:12px; line-height:1.7; color:#627086; }.product-preview-caption{ width:min(1240px,calc(100% - 40px)); margin:16px auto 24px; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:12px; line-height:1.6; color:#627086; }.product-preview-caption button{ flex-shrink:0; min-height:44px; border:1px solid #ccd6e4; border-radius:8px; padding:0 14px; background:#fff; color:#172c4d; cursor:pointer; }.product-preview-dialog{ width:min(1200px,calc(100% - 24px)); max-width:1200px; max-height:90dvh; padding:0; border:1px solid #dce3ed; border-radius:16px; background:#fff; color:#17243b; }.product-preview-dialog::backdrop{ background:#101b2bcc; }.product-preview-dialog header{ display:flex; align-items:center; justify-content:space-between; padding:20px; gap:16px; }.product-preview-dialog header p{ font-size:13px; line-height:1.6; margin:6px 0 0; }.product-preview-dialog button{ min-height:44px; padding:0 16px; background:#172c4d; color:#fff; border:0; border-radius:8px; cursor:pointer; }.product-preview-pan{ max-height:70dvh; overflow:auto; padding:12px; background:#f1f4f8; }.product-preview-pan img{ width:max(980px,100%); max-width:none; }html body .editorial-product-stage{ height:auto!important; padding:24px 24px 0; background:#eef2f7!important; }html body .editorial-product-frame{ position:relative!important; inset:auto!important; width:100%!important; margin:auto; transform:none!important; }html body .editorial-product-frame img{ width:100%; height:auto!important; object-fit:contain!important; }html body :is(.workspace-story-reveal,.mission-reveal,.roadmap-reveal){ opacity:1!important; transform:none!important; filter:none!important; transition:none!important; }html body .app-view{ filter:none!important; transform:none!important; transition:opacity .2s ease,visibility .2s!important; }html body .app-view.is-entering-view{ transform:none!important; filter:none!important; }html body .scroll-reveal{ transition:opacity .42s ease,translate .42s ease!important; }html body .scroll-reveal.is-pending{ opacity:0!important; translate:0 12px; }:is(a,button,input,textarea):focus-visible{ outline:3px solid #548bd5!important; outline-offset:4px; }.site-footer{ width:min(1180px,calc(100% - 64px)); margin:48px auto 0; padding:40px 0 24px; border-top:1px solid #e5e9ef; color:#586477; }.site-footer-top{ display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:40px; }.site-footer-brand{ font-family:Georgia,serif; font-size:28px; color:#17243b; }.site-footer p{ max-width:360px; font-size:14px; line-height:1.7; }.site-footer nav{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; }.site-footer nav strong{ margin-bottom:8px; font-size:13px; color:#17243b; }.site-footer nav a{ min-height:44px; display:flex; align-items:center; font-size:14px; }.site-footer nav a:hover{ color:var(--accent); text-decoration:underline; }.site-footer-bottom{ margin-top:32px; padding-top:20px; border-top:1px solid #e5e9ef; display:flex; justify-content:space-between; gap:20px; font-size:12px; line-height:1.6; }.info-content{ max-width:800px; color:#586477; }.info-content section{ padding:24px 0; border-bottom:1px solid #e5e9ef; }.info-content h2{ color:#17243b; font-size:24px; line-height:1.3; letter-spacing:-.025em; }.info-content p{ font-size:16px; line-height:1.8; }.info-content a{ color:var(--accent); text-decoration:underline; }
@media(max-width:1100px) {:root{ --nav-height:68px; }html body .spa-nav .intro-nav-links{ display:none!important; }html body .spa-nav .mobile-nav-toggle{ display:flex!important; width:44px!important; min-width:44px!important; height:44px!important; align-items:center!important; justify-content:center!important; border:1px solid #c8d1de!important; border-radius:8px!important; background:transparent!important; color:var(--brand)!important; }html body .mobile-nav-toggle-label{ display:none!important; }html body .spa-nav .mobile-nav-sheet{ position:absolute!important; inset:var(--nav-height) 0 auto!important; width:100%!important; max-height:calc(100dvh - var(--nav-height))!important; overflow-y:auto!important; margin:0!important; padding:16px 24px 24px!important; border-radius:0!important; background:#fff!important; box-shadow:0 16px 24px #172c4d0d!important; display:none!important; visibility:hidden!important; transform:none!important; }html body .spa-nav.is-mobile-open .mobile-nav-sheet{ display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; }html body .spa-nav .mobile-nav-sheet a{ min-height:48px!important; font-size:15px!important; color:#354258!important; }html body .spa-nav .mobile-nav-sheet .mobile-nav-primary{ color:#fff!important; padding-inline:16px!important; border-radius:8px!important; }html body .editorial-hero-grid{ gap:36px; }html body .roadmap-process-line{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }html body .roadmap-process-line>i{ display:none!important; }html body .roadmap-process-line article{ min-width:0; width:100%!important; }
}
@media(max-width:800px) {:root{ --nav-height:64px; }html body .spa-nav{ padding-inline:max(16px,env(safe-area-inset-left))!important; }html body .spa-nav .intro-nav-main{ gap:12px!important; }html body .spa-nav .intro-nav-login{ display:none!important; }html body .spa-nav .intro-nav-cta{ min-width:0!important; font-size:11px!important; padding:0 12px!important; }html body .editorial-hero-grid{ width:calc(100% - 40px); grid-template-columns:1fr; gap:24px; padding:44px 0 32px; min-height:0; }html body .editorial-hero-titleblock h1{ font-size:clamp(40px,9.8vw,64px); line-height:1.1; }html body .editorial-hero-kicker{ font-size:10px; margin-bottom:16px; }html body .editorial-hero-aside>p{ font-size:16px; line-height:1.75; }html body .editorial-product-stage{ width:calc(100% - 24px)!important; padding:12px 12px 0; border-radius:12px!important; }html body :is(.spa-page-hero,.spa-content){ width:calc(100% - 40px); }html body .spa-page-hero{ padding:44px 0 32px; }html body .spa-page-hero h1{ font-size:clamp(34px,8.5vw,52px); line-height:1.13; }html body .spa-page-hero>p:last-child{ font-size:16px; }html body :is(.feature-grid,.security-grid,.pricing-cards,.spa-contact,.two-col,.contact-grid,.integration-flow-cards,.integration-native-grid,.mission-pillars,.roadmap-grid){ grid-template-columns:1fr!important; }html body .workspace-page-feature,html body .workspace-page-feature.is-reverse{ grid-template-columns:minmax(0,1fr)!important; }html body .workspace-page-feature.is-reverse :is(.workspace-page-copy,.workspace-page-visual){ order:initial!important; }html body .workspace-page-visual{ min-width:0; }html body .document-preview-mini{ max-width:100%; }html body .roadmap-process-line{ grid-template-columns:minmax(0,1fr)!important; }html body :is(.feature-grid,.security-grid) article{ padding:24px; min-height:0; }html body :is(.feature-grid,.security-grid) h3{ font-size:23px; margin-top:20px; }html body :is(.feature-grid,.security-grid,.pricing-cards) p{ font-size:15px!important; line-height:1.7!important; }html body :is(.workspace-page-copy,.workspace-page-flow,.workspace-page-security,.workspace-page-final,.home-workspace-manifesto-inner,.home-workspace-showcase-head) p{ font-size:16px!important; line-height:1.75!important; }html body :is(.workspace-page-badges,.home-workspace-manifesto-points,.workspace-security-grid) span{ font-size:12px!important; line-height:1.6; }html body :is(.workspace-flow-line,.workspace-security-grid) p{ font-size:14px!important; line-height:1.65!important; }html body :is(.workspace-info-note,.mobile-workflow-card) p{ font-size:15px!important; line-height:1.7!important; }html body :is(.mission-hero,.roadmap-hero) h1{ font-size:clamp(34px,8.5vw,52px)!important; line-height:1.12!important; }html body :is(.mission-scroll,.roadmap-scroll) p{ font-size:16px!important; line-height:1.75!important; }html body .compare-mini>div{ min-width:0!important; grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,.7fr); gap:8px; padding:16px 10px; font-size:12px; }html body .compare-mini strong{ overflow-wrap:anywhere; }html body .spa-contact input,html body .spa-contact textarea{ font-size:16px; }html body .login-input-wrap input{ font-size:16px!important; }.site-footer{ width:calc(100% - 40px); margin-top:32px; padding-top:32px; }.site-footer-top{ grid-template-columns:1fr 1fr; gap:24px; }.site-footer-top>div:first-child{ grid-column:1/-1; }.site-footer-bottom{ flex-direction:column; gap:8px; }
}
@media(prefers-reduced-motion:reduce) {html{ scroll-behavior:auto!important; }html body *,html body *::before,html body *::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }html body .scroll-reveal.is-pending{ opacity:1!important; translate:none; }
}html[data-theme] body.spa-body .spa-nav,
html[data-theme] body.spa-body.home-active .spa-nav{ background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; }html[data-theme="light"] body.spa-body .spa-nav,
html[data-theme="light"] body.spa-body.home-active .spa-nav{ background:rgba(255,255,255,.68)!important; }html[data-theme] body.spa-body .spa-nav::before,
html[data-theme] body.spa-body .spa-nav::after,
html[data-theme] body.spa-body .spa-nav .intro-nav-main::before,
html[data-theme] body.spa-body .spa-nav .intro-nav-main::after{ display:none!important; }
@media(max-width:1100px) {html[data-theme] body.spa-body .spa-nav .mobile-nav-sheet{ inset:calc(var(--nav-height) + 8px) 16px auto!important; width:calc(100% - 32px)!important; max-height:calc(100dvh - var(--nav-height) - 24px)!important; padding:12px 20px 20px!important; border:1px solid #dce4ee!important; border-radius:16px!important; box-shadow:0 18px 48px #172c4d14!important; }html[data-theme] body.spa-body .spa-nav .mobile-nav-sheet>a>i{ display:none; }
}