/* KAAPA public website � single, independent presentation system. */
:root { --page:#ffffff; --ink:#202439; --muted:#586176; --line:#e4e7f0; --accent:#4856b9; --soft:#f5f6fb; }
html { scroll-behavior:smooth; scroll-padding-top:92px; background:var(--page); }
body.company-site { margin:0; background:var(--page); color:var(--ink); font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif; font-size:14px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.company-site * { box-sizing:border-box; }
.company-site h1,.company-site h2,.company-site h3,.company-site p { margin:0; }
.company-site a { color:inherit; text-decoration:none; }
.company-site button,.company-site input,.company-site select { font:inherit; }
.company-site button { cursor:pointer; }
.company-site svg { flex-shrink:0; }
.company-site a,.company-site button { transition:background-color .18s,color .18s,border-color .18s; }
.company-site :is(a,button,input,select):focus-visible { outline:2px solid #4856b9; outline-offset:4px; }
.company-site ::selection { background:#e3e8fc; color:#202439; }
.company-site [x-cloak] { display:none!important; }
.company-site .site-container { width:calc(100% - 80px); max-width:1160px; margin-inline:auto; }
.company-site .skip-link { position:fixed; top:8px; left:12px; padding:10px 16px; background:#fff; transform:translateY(-180%); z-index:100; }
.company-site .skip-link:focus { transform:translateY(0); }
.company-site .company-header { position:sticky; top:0; background:#fffffff5; border-bottom:1px solid var(--line); z-index:40; backdrop-filter:blur(14px); }
.company-site .header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:82px; }
.company-site .company-brand { display:inline-flex; align-items:center; gap:11px; white-space:nowrap; }
.company-site .company-brand > span:last-child { font-size:14px; font-weight:700; letter-spacing:-.025em; }
.company-site .company-brand small { display:block; font-size:7px; letter-spacing:.12em; font-weight:500; color:#6d7b80; margin-top:2px; }
.company-site .company-monogram { display:grid; place-items:center; width:33px; height:33px; border-radius:7px; color:#fafcfa; background:#4856b9; }
.company-site .company-monogram svg { width:24px; height:24px; }
.company-site .desktop-nav { display:flex; gap:20px; align-items:center; }
.company-site .desktop-nav a { font-size:12px; font-weight:500; color:#586176; }
.company-site .desktop-nav a:hover { color:#4856b9; }
.company-site .header-actions { display:flex; gap:24px; align-items:center; }
.company-site .sign-in { font-size:12px; font-weight:500; }
.company-site .button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:14px 21px; border-radius:7px; border:1px solid transparent; font-size:12px; font-weight:550; line-height:1.4; min-height:46px; }
.company-site .button svg,.company-site .text-link svg { height:17px; width:17px; }
.company-site .button-dark { background:#4856b9; color:#fff; }
.company-site .button-dark:hover { background:#3b479f; }
.company-site .button-outline { border-color:#dcdeeb; background:transparent; color:#424963; }
.company-site .button-outline:hover { background:#f0eefb; border-color:#bdb7e2; }
.company-site .button-small { min-height:39px; padding:10px 15px; font-size:11px; gap:15px; }
.company-site .menu-toggle { display:none; padding:7px; background:transparent; border:0; }
.company-site .menu-toggle svg { width:24px; height:24px; }
.company-site .mobile-navigation { display:none; }
.company-site .company-hero { padding-top:58px; }
.company-site .hero-intro { max-width:560px; text-align:left; margin-inline:0; }
.company-site .eyebrow { display:inline-flex; align-items:center; gap:8px; color:#606b94; font-size:10px; font-weight:550; letter-spacing:.11em; }
.company-site .hero-intro .eyebrow { background:#f3f0fc; border:1px solid #e7e3f6; border-radius:6px; padding:5px 12px; font-size:9px;  color:#655497;}
.company-site .eyebrow > span { height:5px; width:5px; background:#8276c4; border-radius:50%; }
.company-site .hero-intro h1 { font-size:clamp(40px,4.6vw,61px); line-height:1.13; letter-spacing:-.06em; font-weight:550; margin-top:22px; color:#202439; }
.company-site .hero-intro h1 > span { color:#5866b3; }
.company-site .hero-intro > p { max-width:490px; margin:22px 0 0; font-size:15px; color:var(--muted); line-height:1.85; }
.company-site .hero-actions { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:12px; margin-top:27px; }
.company-site .hero-reassurance { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:11px; color:#626b80; font-size:10px; margin-top:16px; }
.company-site .hero-reassurance i { height:3px; width:3px; border-radius:50%; background:#b4b4cd; }
.company-site .product-frame { max-width:1020px; margin:16px auto 0; background:#ffffff; border:1px solid #dcddea; border-radius:12px; overflow:hidden; box-shadow:0 16px 42px #35305f0d; color:#30364d; }
.company-site .product-chrome { display:flex; align-items:center; gap:20px; padding:10px 17px; min-height:38px; border-bottom:1px solid #e4e4f0; background:#f7f8fc; font-size:8px; letter-spacing:.075em; color:#676c83; }
.company-site .chrome-dots { display:flex; gap:5px; }
.company-site .chrome-dots i { width:5px; height:5px; border-radius:50%; background:#c6c5d9; }
.company-site .preview-tag { margin-left:auto; color:#696282; font-size:7px; }
.company-site .product-body { display:flex; }
.company-site .product-rail { display:flex; flex-direction:column; align-items:center; gap:15px; padding:18px 13px; border-right:1px solid #34314f; width:57px; background:#34314f; }
.company-site .rail-logo { font-size:14px; font-weight:700; color:#eee9ff; margin-bottom:4px; }
.company-site .rail-item { width:27px; height:27px; display:grid; place-items:center; color:#c3bdd9; font-size:17px; line-height:1; }
.company-site .rail-item svg { width:17px; height:17px; }
.company-site .rail-active { background:#5e557e; border-radius:5px; color:#ffffff; }
.company-site .rail-bottom { margin-top:auto; }
.company-site .product-main { padding:21px 27px; flex:1; min-width:0; }
.company-site .product-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.company-site .product-title small { font-size:7px; letter-spacing:.12em; color:#686d82; }
.company-site .product-title h2 { font-size:17px; font-weight:500; letter-spacing:-.035em; margin-top:3px; }
.company-site .connection-badge { display:flex; align-items:center; gap:6px; font-size:8px; color:#497763; }
.company-site .connection-badge i,.company-site .activity-dot { height:4px; width:4px; border-radius:50%; background:#91b39d; }
.company-site .product-content { display:grid; grid-template-columns:1.35fr 1fr; gap:34px; margin-top:20px; }
.company-site .equity-preview { min-width:0; }
.company-site .product-label { display:flex; justify-content:space-between; font-size:11px; color:#656b81; }
.company-site .product-label > span { color:#696282; font-size:8px; }
.company-site .equity-amount { font-size:31px; font-weight:450; letter-spacing:-.04em; margin-top:2px; }
.company-site .equity-amount > span { color:#84869c; }
.company-site .equity-gain { font-size:11px; color:#39725b; }
.company-site .equity-gain > span { font-size:8px; color:#6d7287; padding-left:8px; }
.company-site .chart-caption { display:flex; align-items:center; justify-content:space-between; margin-top:17px; color:#686d83; font-size:8px; }
.company-site .chart-caption > span:last-child { font-size:7px; }
.company-site #alphaMiniChart { display:block; width:100%; height:89px; }
.company-site .chart-axis { display:flex; justify-content:space-between; color:#73768d; font-size:7px; }
.company-site .execution-preview { border-left:1px solid #e5e5ef; padding-left:25px; }
.company-site .execution-heading { display:flex; justify-content:space-between; align-items:center; font-size:12px; margin-bottom:11px; }
.company-site .execution-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-top:1px solid #e8e7f0; }
.company-site .execution-row > div:last-child { text-align:right; }
.company-site .execution-row strong { display:block; font-size:11px; font-weight:500; }
.company-site .execution-row span { display:block; font-size:9px; color:#72778c; margin-top:2px; }
.company-site .execution-row .execution-profit { color:#39725b; }
.company-site .exchange-proof { display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap; padding:28px 0 36px; }
.company-site .exchange-proof > span { font-size:8px; color:#697c77; letter-spacing:.08em; }
.company-site .exchange-proof > div { display:flex; align-items:center; gap:9px; }
.company-site .exchange-proof img { height:20px; width:20px; object-fit:contain; }
.company-site .exchange-proof strong { color:#41574f; font-size:13px; font-weight:600; }
.company-site .exchange-proof p { border-left:1px solid #dce4e0; padding-left:25px; color:#65766f; font-size:10px; }
.company-site .section-border { border-block:1px solid var(--line); }
.company-site .workflow-section { padding:62px 0; background:#f7f8fc; }
.company-site .workflow-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; }
.company-site .section-intro h2,.company-site .section-heading h2,.company-site .security-layout h2,.company-site .invitation-inner h2 { font-size:36px; font-weight:500; line-height:1.22; letter-spacing:-.045em; margin-top:17px; }
.company-site .section-intro p { max-width:310px; color:var(--muted); font-size:13px; margin-top:18px; line-height:1.85; }
.company-site .text-link { display:inline-flex; align-items:center; gap:16px; font-size:12px; font-weight:550; color:#4856b9; margin-top:22px; }
.company-site .text-link:hover { color:#413b8a; }
.company-site .workflow-list article { display:flex; gap:23px; padding:22px 0; border-bottom:1px solid #e1e1ee; }
.company-site .workflow-list article:first-child { padding-top:0; }
.company-site .workflow-list article:last-child { border-bottom:0; padding-bottom:0; }
.company-site .feature-number { font-size:11px; color:#6d59a1; padding-top:0;  background:#ece8f9; width:32px; height:32px; border-radius:8px; display:grid; place-items:center; flex-shrink:0;}
.company-site .workflow-list h3 { font-size:17px; font-weight:550; letter-spacing:-.025em; }
.company-site .workflow-list p { margin-top:8px; color:#596377; font-size:13px; line-height:1.8; max-width:460px; }
.company-site .strategies-section { padding-block:64px; }
.company-site .section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:34px; }
.company-site .section-heading p { color:var(--muted); font-size:13px; line-height:1.85; padding-bottom:3px; }
.company-site .strategy-row { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding:32px 0; border-top:1px solid var(--line); }
.company-site .strategy-meta { display:flex; align-items:center; gap:14px; color:#716793; font-size:8px; letter-spacing:.08em; }
.company-site .strategy-pill { color:#6c618d; background:#f0eef9; padding:3px 8px; border-radius:4px; font-size:8px; letter-spacing:0;  border:1px solid #e1dbef;}
.company-site .strategy-description h3 { margin-top:15px; font-size:25px; font-weight:500; letter-spacing:-.04em; }
.company-site .strategy-description > p { color:var(--muted); font-size:13px; line-height:1.85; margin-top:12px; max-width:450px; }
.company-site .strategy-details { display:flex; gap:16px; flex-wrap:wrap; margin-top:16px; font-size:10px; color:#6b638a; }
.company-site .strategy-details > span { border-bottom:1px solid #d8d2ec; padding-bottom:3px; }
.company-site .strategy-description .text-link { margin-top:17px; font-size:11px; }
.company-site .strategy-visual { padding:25px; border-radius:9px; background:#f3f2fc; border:1px solid #e5e1f5; }
.company-site .candle-visual { background:#f6f4fb; border-color:#e8e1f1; }
.company-site .visual-heading,.company-site .visual-bottom { display:flex; justify-content:space-between; gap:12px; font-size:7px; color:#71688f; letter-spacing:.06em; }
.company-site .strategy-visual svg { display:block; width:100%; height:120px; margin-top:14px; }
.company-site .visual-bottom { margin-top:12px; font-size:8px; letter-spacing:0; }
.company-site .visual-bottom > span:first-child { display:flex; align-items:center; gap:6px; }
.company-site .visual-bottom i { width:5px; height:5px; background:#8e80bd; border-radius:50%; }
.company-site .security-section { padding:40px 0; background:#fff; }
.company-site .security-layout { display:grid; grid-template-columns:1fr 1.3fr; gap:55px; align-items:center; }
.company-site .security-emblem { display:flex; align-items:center; justify-content:center; gap:28px; color:#8070b6;  background:#efebf9; border-radius:14px; padding:35px 20px; border:1px solid #e0d8f0;}
.company-site .security-emblem svg { width:72px; height:90px; }
.company-site .security-emblem > span { font-size:9px; line-height:1.9; letter-spacing:.1em; }
.company-site .security-layout h2 { font-size:30px; }
.company-site .security-layout p { max-width:610px; font-size:13px; color:var(--muted); line-height:1.85; margin-top:17px; }
.company-site .security-points { display:flex; flex-wrap:wrap; gap:18px; margin-top:20px; font-size:9px; color:#655b8d; }
.company-site .security-points > span { display:flex; align-items:center; gap:7px; }
.company-site .security-points i { width:5px; height:5px; border-radius:50%; background:#8a7abb; }
.company-site .security-layout .text-link { margin-top:19px; font-size:11px; }
.company-site .calculator-band { background:#f7f8fc; }
.company-site .legacy-content .text-ink { color:#30364d; }
.company-site .legacy-content .text-muted { color:#586176; }
.company-site .legacy-content .numeric { font-variant-numeric:tabular-nums; }
.company-site .legacy-content .legacy-inset { background:#f5f6fb; }
.company-site .legacy-content .border-neutral { border-color:#e5e4ef; }
.company-site .legacy-content .glass-panel { background:#fff; border:1px solid #e5e4ef; border-radius:9px; box-shadow:none; }
.company-site .legacy-content [class*="border-slate-"] { border-color:#e5e4ef; }
.company-site .legacy-content [class*="bg-slate-"] { background-color:#f2f0fa; }
.company-site .legacy-content [class*="text-emerald-"] { color:#5b539c; }
.company-site .legacy-content [class*="text-cyan-"] { color:#5a5b91; }
.company-site .legacy-content [class*="text-amber-"] { color:#796743; }
.company-site .legacy-content [class*="bg-emerald-500/"] { background:#efedf9; }
.company-site .legacy-content [class*="border-emerald-"] { border-color:#aaa0d2; }
.company-site .legacy-content .text-xs { font-size:12px; line-height:1.7; }
.company-site .legacy-content .text-sm { font-size:14px; }
.company-site .legacy-content .uppercase { letter-spacing:.05em; }
.company-site .legacy-content h2,.company-site .legacy-content h3 { font-weight:500; letter-spacing:-.035em; }
.company-site #pricing { max-width:none; padding:62px 0; }
.company-site #pricing > div:first-child { text-align:center; margin-bottom:30px; }
.company-site #pricing > div:first-child > span,.company-site #simulator > div > div:first-child > span,.company-site #faq > div:first-child > span { font-size:9px; letter-spacing:.11em; font-weight:500; color:#606b94; }
.company-site #pricing > div:first-child h2,.company-site #simulator h3,.company-site #faq > div:first-child h3 { font-size:32px; margin-top:12px; letter-spacing:-.04em; }
.company-site #pricing > div:first-child p { font-size:13px; line-height:1.8; margin-top:12px; }
.company-site #pricing > .grid { gap:20px; }
.company-site #pricing .glass-panel { padding:25px; min-width:0; }
.company-site #pricing .glass-panel > div:first-child > div:first-child > span:first-child { font-size:12px; letter-spacing:0; }
.company-site #pricing .glass-panel .text-3xl { font-size:35px; font-weight:500; letter-spacing:-.05em; margin-block:8px; }
.company-site #pricing .glass-panel li { font-size:12px; }
.company-site #pricing .glass-panel.relative { border:1px solid #9a8bc8; background:#f8f7fd; box-shadow:none; }
.company-site #pricing .glass-panel > .absolute { background:#eee8fa; color:#65518a; font-size:8px; border:1px solid #dcd1ed; padding:3px 10px; font-weight:500; }
.company-site #pricing .glass-panel a { min-height:40px; display:flex; align-items:center; justify-content:center; padding:10px 12px; border-radius:6px; font-size:11px; background:#4856b9; color:#fff; box-shadow:none; }
.company-site #pricing .glass-panel a:hover { background:#3b479f; }
.company-site #pricing .glass-panel a + a { min-height:34px; padding:7px 12px; color:#5d5395; background:transparent; border:1px solid #dbd5ef; }
.company-site #pricing .glass-panel > div:first-child [class*="bg-emerald-500"] { background:#efebf9; color:#63558c; border-color:#ddd5ef; }
.company-site #pricing > div:last-child { margin-top:23px; }
.company-site #pricing > div:last-child > span { font-size:10px; }
.company-site #simulator { max-width:none; padding:48px 0 12px; }
.company-site #simulator > .glass-panel { padding:28px; background:#fdfefd; }
.company-site #simulator h3 { font-size:27px; }
.company-site #simulator > div > div:first-child > p { font-size:13px; max-width:560px; margin:12px auto 0; }
.company-site #simulator [class*="grid-cols-2"] > div { border-color:#e0e8df; }
.company-site #simulator input[type="range"] { accent-color:#7b68ad; background:#e1dbf0; }
.company-site #simulator input[type="radio"] { accent-color:#7b68ad; }
.company-site #simulator select { background:#fff; border-color:#d5cdea; color:#4d3e75; }
.company-site #simulator button { background:#fbfafd; color:#655981; border-color:#e0d8ee; }
.company-site #simulator button:hover { background:#efeafa; }
.company-site #simulator a { display:inline-flex; background:#4856b9; color:#fff; box-shadow:none; font-size:12px; padding:12px 18px; border-radius:6px; }
.company-site .scenario-note { color:#63657e; font-size:10px; text-align:center; max-width:700px; margin:0 auto; padding:0 20px 35px; }
.company-site #faq { max-width:none; padding:62px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:start; }
.company-site #faq > div:first-child { text-align:left; }
.company-site #faq > div:last-child { margin-top:0; }
.company-site #faq .glass-panel { padding:16px 0; border:0; border-bottom:1px solid #e5e4ef; border-radius:0; background:transparent; }
.company-site #faq .glass-panel:first-child { padding-top:0; }
.company-site #faq .glass-panel > div { font-size:13px; font-weight:500; }
.company-site #faq .glass-panel > p { font-size:12px; line-height:1.9; padding-top:12px; border:0; color:#586176; }
.company-site .final-invitation { background:#414c9d; border-block:1px solid #414c9d; padding-block:46px;  color:#ffffff;}
.company-site .invitation-inner { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.company-site .invitation-inner h2 { font-size:35px; margin-top:12px; }
.company-site .invitation-inner p { color:#e2def7; font-size:12px; margin-top:15px; }
.company-site .company-footer { padding:42px 0 20px; background:#ffffff; }
.company-site .footer-top { display:grid; grid-template-columns:1.4fr 1fr .65fr .65fr; gap:30px; align-items:start; }
.company-site .footer-top p { color:#63657e; font-size:11px; line-height:1.9; }
.company-site .footer-top > div { display:flex; flex-direction:column; gap:10px; font-size:11px; color:#625b83; }
.company-site .footer-top button { text-align:left; padding:0; border:0; background:transparent; color:inherit; }
.company-site .footer-bottom { margin-top:34px; padding-top:18px; border-top:1px solid #e5e4ef; display:flex; justify-content:space-between; gap:20px; font-size:9px; color:#63657e; }
.company-site .footer-bottom > div { display:flex; gap:20px; }
.company-site .video-dialog .fixed { z-index:60; }
.company-site .video-dialog .fixed > div { background:#fcfdfb; border:1px solid #ded6ee; border-radius:10px; }
.company-site .video-dialog iframe,.company-site .video-dialog video { width:100%; height:100%; }
.company-site .video-dialog button { color:#625b83; }
.company-site .video-dialog .aspect-video { background:#f1eefb; }
.company-site .final-invitation .eyebrow { color:#e0d8ff; }
.company-site .final-invitation .button-dark { background:#fff; color:#4b448e; border-color:#fff; }
.company-site .final-invitation .button-dark:hover { background:#eeeafa; }
.company-site .company-hero { background:#fff; }
.company-site .button-dark { box-shadow:0 3px 7px #4856b912; }

/* Homepage discovery and onboarding. */
.company-site .preview-navigation { display:flex; align-items:center; gap:21px; border-bottom:1px solid #e7e6ef; margin-top:16px; }
.company-site .preview-navigation a { padding:6px 0 9px; font-size:10px; color:#6d6a83; border-bottom:2px solid transparent; }
.company-site .preview-navigation a:hover { color:#4856b9; }
.company-site .preview-navigation .preview-current { color:#4856b9; border-bottom-color:#8271bb; }
.company-site .preview-navigation > span { margin-left:auto; font-size:9px; color:#74748a; }
.company-site .signals-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding-bottom:56px; }
.company-site .signal-workflow { padding:26px; border-radius:11px; border:1px solid #e1dcee; background:#f7f5fc; }
.company-site .signal-preview-title { display:flex; gap:11px; align-items:center; }
.company-site .signal-icon { width:35px; height:35px; border:1px solid #ddd6ed; border-radius:8px; background:#fff; color:#8170b1; display:grid; place-items:center; }
.company-site .signal-icon svg { width:19px; height:19px; }
.company-site .signal-preview-title strong { display:block; font-size:13px; font-weight:550; color:#49415f; }
.company-site .signal-preview-title div > span { font-size:8px; color:#766a8f; letter-spacing:.07em; }
.company-site .signal-preview-badge { margin-left:auto; font-size:9px; background:#ece7f6; color:#6b598c; border-radius:4px; padding:4px 7px; }
.company-site .signal-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:24px; }
.company-site .signal-fields > div { padding:13px 11px; border:1px solid #e4deef; border-radius:7px; background:#fff; }
.company-site .signal-fields span { display:block; font-size:9px; color:#8b7da5; margin-bottom:8px; }
.company-site .signal-fields strong { display:block; font-size:12px; font-weight:550; color:#504367; }
.company-site .signal-fields small { display:block; font-size:9px; color:#716980; margin-top:5px; }
.company-site .signal-path { display:flex; justify-content:space-between; align-items:center; gap:9px; border-top:1px solid #e1dbee; padding-top:15px; margin-top:20px; font-size:9px; color:#75688d; }
.company-site .signal-path i { font-style:normal; color:#a397b9; }
.company-site .signal-copy h2 { font-size:30px; line-height:1.25; font-weight:500; letter-spacing:-.04em; margin-top:15px; }
.company-site .signal-copy p { font-size:14px; line-height:1.85; color:var(--muted); margin-top:17px; }
.company-site .signal-copy ul { list-style:none; padding:0; margin:17px 0 0; display:grid; gap:9px; }
.company-site .signal-copy li { position:relative; padding-left:17px; font-size:12px; color:#626079; }
.company-site .signal-copy li::before { content:''; position:absolute; width:5px; height:5px; background:#a291c7; border-radius:50%; left:0; top:8px; }
.company-site .setup-section { padding-top:43px; padding-bottom:0; }
.company-site .setup-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.company-site .setup-heading h2 { font-size:24px; font-weight:500; letter-spacing:-.035em; margin-top:12px; }
.company-site .setup-heading .text-link { margin-top:0; font-size:11px; }
.company-site .setup-steps { list-style:none; margin:24px 0 0; padding:0 0 33px; border-bottom:1px solid #e5e4ef; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.company-site .setup-steps li { display:flex; gap:13px; align-items:flex-start; }
.company-site .setup-number { color:#7a69ad; background:#f0ecf9; border:1px solid #e3dcf0; border-radius:50%; height:29px; width:29px; flex-shrink:0; display:grid; place-items:center; font-size:9px; }
.company-site .setup-steps h3 { font-size:13px; font-weight:550; line-height:1.5; margin-top:3px; }
.company-site .setup-steps p { font-size:12px; color:var(--muted); line-height:1.75; margin-top:7px; }
.company-site .homepage-help { border:1px solid #e5e2ef; border-radius:9px; padding:22px 25px; display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:42px; background:#fdfcfe; }
.company-site .homepage-help > div { display:flex; align-items:center; gap:16px; }
.company-site .help-mark { width:33px; height:33px; border:1px solid #dfd8ed; border-radius:50%; display:grid; place-items:center; color:#8572ad; font-size:15px; flex-shrink:0; }
.company-site .homepage-help strong { font-size:14px; font-weight:500; color:#49405f; }
.company-site .homepage-help p { font-size:12px; color:var(--muted); margin-top:4px; }
.company-site .homepage-help .text-link { margin-top:0; flex-shrink:0; }
.company-site .footer-label { display:block; font-size:8px; color:#736a89; letter-spacing:.1em; margin-bottom:3px; }
.company-site .company-footer a:hover,.company-site .company-footer button:hover { color:#4856b9; }
.company-site .workflow-list p,.company-site .strategy-description > p,.company-site .security-layout p { font-size:14px; }
@media(max-width:900px) { .company-site .signals-section { gap:35px; } .company-site .signal-workflow { padding:20px; } .company-site .signal-fields { gap:6px; } }
@media(max-width:767px) {
 .company-site .signals-section { grid-template-columns:1fr; gap:25px; padding-bottom:35px; }
 .company-site .signal-copy { grid-row:1; }
 .company-site .signal-copy h2 { font-size:27px; }
 .company-site .signal-workflow { padding:20px; }
 .company-site .signal-fields small { font-size:8px; }
 .company-site .setup-section { padding-top:32px; }
 .company-site .setup-heading { display:block; }
 .company-site .setup-heading h2 { font-size:23px; }
 .company-site .setup-heading .text-link { margin-top:15px; }
 .company-site .setup-steps { grid-template-columns:1fr; gap:21px; margin-top:23px; padding-bottom:28px; }
 .company-site .setup-steps p { margin-top:3px; }
 .company-site .homepage-help { align-items:flex-start; flex-direction:column; padding:20px; gap:17px; margin-bottom:30px; }
 .company-site .homepage-help > div { align-items:flex-start; gap:12px; }
 .company-site .homepage-help .text-link { margin-left:45px; font-size:11px; }
 .company-site .preview-navigation { gap:16px; }
 .company-site .preview-navigation > span { display:none; }
 .company-site .workflow-list p,.company-site .strategy-description > p,.company-site .security-layout p { font-size:13px; }
}

@media(min-width:1440px) { .company-site .hero-intro h1 { font-size:61px; } }
@media(max-width:1100px) {
 .company-site .site-container { width:calc(100% - 56px); }
 .company-site .desktop-nav { gap:18px; }
 .company-site .header-actions { gap:18px; }
 .company-site .workflow-layout { gap:60px; }
 .company-site .strategy-row { gap:40px; }
 .company-site .product-main { padding:20px; }
 .company-site .product-content { gap:24px; }
}
@media(max-width:900px) {
 .company-site .desktop-nav { gap:13px; }
 .company-site .desktop-nav a { font-size:11px; }
 .company-site .company-brand small { display:none; }
 .company-site .header-inner { gap:15px; }
 .company-site .header-actions { gap:15px; }
 .company-site .workflow-layout { gap:35px; }
 .company-site .security-layout { gap:40px; }
 .company-site .security-emblem { flex-direction:column; gap:15px; text-align:center; }
 .company-site .strategy-details { gap:10px; }
}
@media(max-width:767px) {
 .company-site .site-container { width:calc(100% - 40px); }
 .company-site .header-inner { min-height:68px; gap:10px; }
 .company-site .company-brand > span:last-child { font-size:12px; }
 .company-site .company-monogram { height:28px; width:28px; }
 .company-site .company-monogram svg { width:20px; height:20px; }
 .company-site .desktop-nav { display:none; }
 .company-site .header-actions { gap:12px; }
 .company-site .header-actions .sign-in { display:none; }
 .company-site .button-small { min-height:35px; padding:8px 11px; font-size:10px; gap:10px; }
 .company-site .menu-toggle { display:block; padding:3px; }
 .company-site .mobile-navigation { display:flex; flex-direction:column; padding-block:10px 18px; gap:5px; }
 .company-site .mobile-navigation a { padding:9px 0; font-size:13px; color:#3e5b4a; }
 .company-site .company-hero { padding-top:37px; }
 .company-site .hero-intro h1 { font-size:clamp(32px,6.7vw,47px); line-height:1.18; letter-spacing:-.05em; }
 .company-site .hero-intro > p { font-size:13px; margin-top:17px; }
 .company-site .hero-intro .eyebrow { font-size:8px; padding-inline:10px; letter-spacing:.05em; }
 .company-site .hero-actions { margin-top:22px; gap:9px; }
 .company-site .button { padding:12px 15px; gap:12px; min-height:43px; font-size:11px; }
 .company-site .hero-reassurance { gap:8px; font-size:9px; }
 .company-site .product-frame { margin-top:29px; border-radius:8px; }
 .company-site .product-chrome { gap:11px; padding:9px 11px; font-size:6px; }
 .company-site .preview-tag { font-size:6px; }
 .company-site .product-rail { width:38px; padding:13px 7px; gap:10px; }
 .company-site .rail-item { font-size:14px; width:23px; height:23px; }
 .company-site .product-main { padding:16px; }
 .company-site .product-title h2 { font-size:14px; }
 .company-site .connection-badge { font-size:7px; }
 .company-site .product-content { gap:18px; }
 .company-site .equity-amount { font-size:25px; }
 .company-site .execution-preview { padding-left:15px; }
 .company-site .exchange-proof { gap:15px; padding:23px 0; }
 .company-site .exchange-proof p { width:100%; text-align:center; border:0; padding:0; font-size:9px; }
 .company-site .exchange-proof > span { font-size:7px; }
 .company-site .exchange-proof strong { font-size:11px; }
 .company-site .exchange-proof img { width:17px; height:17px; }
 .company-site .workflow-section,.company-site .security-section { padding:37px 0; }
 .company-site .workflow-layout { grid-template-columns:1fr; gap:28px; }
 .company-site .section-intro h2 br { display:none; }
 .company-site .section-intro h2 { max-width:370px; }
 .company-site .section-intro h2,.company-site .section-heading h2,.company-site .security-layout h2,.company-site .invitation-inner h2 { font-size:28px; }
 .company-site .section-intro p { max-width:470px; }
 .company-site .workflow-list article { gap:18px; padding-block:18px; }
 .company-site .workflow-list h3 { font-size:16px; }
 .company-site .workflow-list p { font-size:12px; }
 .company-site .strategies-section { padding-block:37px; }
 .company-site .section-heading { display:block; margin-bottom:24px; }
 .company-site .section-heading > p { margin-top:16px; font-size:12px; }
 .company-site .strategy-row { grid-template-columns:1fr; gap:23px; padding-block:25px; }
 .company-site .strategy-description h3 { font-size:23px; }
 .company-site .strategy-visual { padding:20px; }
 .company-site .strategy-visual svg { height:95px; }
 .company-site .security-layout { grid-template-columns:1fr; gap:25px; }
 .company-site .security-emblem { flex-direction:row; justify-content:flex-start; text-align:left; gap:20px; }
 .company-site .security-emblem svg { width:42px; height:50px; }
 .company-site .security-emblem > span { font-size:8px; }
 .company-site #pricing { padding:39px 0; }
 .company-site #pricing > div:first-child h2,.company-site #simulator h3,.company-site #faq > div:first-child h3 { font-size:27px; }
 .company-site #pricing .glass-panel { padding:23px; }
 .company-site #pricing > .grid { gap:23px; }
 .company-site #simulator { padding-top:35px; }
 .company-site #simulator > .glass-panel { padding:20px; }
 .company-site #simulator .text-sm { font-size:12px; }
 .company-site #faq { grid-template-columns:1fr; gap:28px; padding-block:37px; }
 .company-site .invitation-inner { display:block; }
 .company-site .invitation-inner > a { margin-top:23px; }
 .company-site .final-invitation { padding-block:32px; }
 .company-site .footer-top { grid-template-columns:1fr 1fr; gap:25px; }
 .company-site .footer-top > .company-brand { grid-column:span 2; }
 .company-site .footer-top > p { grid-column:span 2; }
 .company-site .footer-bottom { flex-direction:column; gap:13px; }
}
@media(max-width:480px) {
 .company-site .product-rail { display:none; }
 .company-site .product-content { grid-template-columns:1fr; }
 .company-site .execution-preview { border-left:0; padding-left:0; border-top:1px solid #2c3a42; padding-top:13px; }
 .company-site .execution-row { padding:7px 0; }
 .company-site .execution-row:nth-of-type(n+4) { display:none; }
 .company-site .product-title small { font-size:6px; }
 .company-site .product-title h2 { font-size:13px; }
 .company-site .connection-badge { font-size:6px; }
 .company-site .hero-intro h1 { font-size:32px; }
 .company-site .button { gap:9px; padding-inline:12px; font-size:10px; }
 .company-site .hero-reassurance { font-size:8px; gap:6px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .company-site * { animation:none!important; transition:none!important; } }
@media(min-width:768px) and (max-width:960px) {
 .company-site .desktop-nav { display:none; }
 .company-site .menu-toggle { display:block; }
 .company-site .mobile-navigation { display:flex; flex-direction:column; gap:4px; padding-block:8px 17px; }
 .company-site .mobile-navigation a { padding:8px 0; color:#625b83; font-size:13px; }
}


/* Original artwork and progressive motion. */
.company-site .hero-composition { display:grid; grid-template-columns:1fr 1.05fr; gap:25px; align-items:center; min-height:440px; }
.company-site .company-hero { padding-top:38px; }
.company-site .hero-intro h1 { font-size:clamp(44px,5vw,66px); letter-spacing:-.06em; }
.company-site .hero-artwork { position:relative; margin:0 -26px 0 0; min-width:0; }
.company-site .hero-artwork img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; animation:artwork-drift 8s ease-in-out infinite; }
.company-site .hero-artwork:hover img { animation-play-state:paused; }
.company-site .hero-artwork figcaption { display:flex; align-items:center; gap:8px; padding:12px 20px 0; color:#69728c; font-size:9px; }
.company-site .hero-artwork figcaption > span:last-child { margin-left:auto; color:#9097ad; font-size:8px; letter-spacing:.1em; }
.company-site .artwork-dot { width:5px; height:5px; border-radius:50%; background:#7b87c6; }
.company-site .workspace-caption { max-width:1020px; margin:32px auto 0; display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:9px; letter-spacing:.075em; color:#6b7390; }
.company-site .workspace-caption > span:last-child { font-size:10px; letter-spacing:0; color:#70788b; }
.company-site .security-artwork { margin:0; min-width:0; }
.company-site .security-artwork img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.company-site .security-artwork figcaption { text-align:center; font-size:8px; letter-spacing:.1em; color:#7b82a0; margin-top:8px; }
.company-site .hero-intro h1 { animation:section-arrive .7s cubic-bezier(.22,.7,.26,1) both; }
.company-site .hero-intro > p { animation:section-arrive .8s .06s cubic-bezier(.22,.7,.26,1) both; }
.company-site .hero-actions { animation:section-arrive .8s .12s cubic-bezier(.22,.7,.26,1) both; }
.company-site .motion-inview { animation:section-arrive .7s cubic-bezier(.22,.7,.26,1) both; }
.company-site .button svg,.company-site .text-link svg { transition:transform .22s ease; }
.company-site .button:hover svg,.company-site .text-link:hover svg { transform:translateX(3px); }
.company-site .button-outline:hover svg { transform:none; }
.company-site .desktop-nav a { position:relative; }
.company-site .desktop-nav a::after { content:''; position:absolute; height:1px; background:#7e89c3; left:0; right:0; bottom:-7px; transform:scaleX(0); transform-origin:left; transition:transform .22s ease; }
.company-site .desktop-nav a:hover::after { transform:scaleX(1); }
.company-site .signal-workflow,.company-site .strategy-visual { transition:border-color .25s,box-shadow .25s; }
.company-site .signal-workflow:hover,.company-site .strategy-visual:hover { border-color:#c9cfe8; box-shadow:0 8px 20px #4856b908; }
@keyframes artwork-drift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes section-arrive { from { opacity:.65; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:960px) { .company-site .hero-composition { gap:12px; min-height:390px; } .company-site .hero-intro h1 { font-size:48px; } .company-site .hero-artwork { margin-right:-10px; } .company-site .hero-artwork figcaption { padding-inline:10px; font-size:8px; } }
@media(max-width:767px) {
 .company-site .hero-composition { grid-template-columns:1fr; gap:14px; min-height:0; }
 .company-site .hero-intro { max-width:580px; }
 .company-site .hero-intro h1 { font-size:45px; }
 .company-site .hero-artwork { max-width:540px; width:100%; margin:0 auto; }
 .company-site .hero-artwork img { max-height:320px; }
 .company-site .workspace-caption { margin-top:23px; font-size:8px; }
 .company-site .workspace-caption > span:last-child { font-size:9px; }
 .company-site .security-artwork { max-width:460px; width:100%; margin-inline:auto; }
 .company-site .security-artwork img { max-height:260px; }
}
@media(max-width:480px) { .company-site .hero-intro h1 { font-size:42px; } .company-site .hero-artwork img { max-height:260px; } .company-site .workspace-caption > span:last-child { display:none; } }
@media(prefers-reduced-motion:reduce) { .company-site .hero-artwork img,.company-site .motion-inview,.company-site .hero-intro h1,.company-site .hero-intro > p,.company-site .hero-actions { animation:none!important; transform:none!important; opacity:1!important; } }
