:root {
  --midnight: #10193B;
  --teal: #006B7B;
  --aqua: #00CDBF;
  --lavender: #A78BFA;
  --chartreuse: #CDFD51;
  --charcoal: #2F2F2F;
  --ink: #172033;
  --muted: #657489;
  --line: #DCE8F2;
  --line-strong: #BFD6E5;
  --surface: #FFFFFF;
  --surface-soft: #F5FAFF;
  --surface-cool: #EEF9FB;
  --surface-lavender: #F6F3FF;
  --shadow: 0 24px 70px rgba(16, 25, 59, 0.12);
  --shadow-soft: 0 14px 36px rgba(16, 25, 59, 0.08);
  --radius: 8px;
  --container: 1180px;
  --header: 76px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 24px); }
body { margin: 0; min-height: 100vh; font-family: var(--font); color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(16,25,59,.035) 1px, transparent 1px), linear-gradient(180deg, rgba(16,25,59,.035) 1px, transparent 1px); background-size: 96px 96px; mask-image: linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.08) 52%, transparent); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { display: block; max-width: 100%; }
ul, ol { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { color: var(--midnight); letter-spacing: 0; line-height: 1.02; }
p { color: var(--muted); line-height: 1.7; }
h1, h2, h3, p, a, button, label { overflow-wrap: break-word; }
.container { width: min(100% - 48px, var(--container)); margin-inline: auto; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 999; padding: 10px 14px; border-radius: var(--radius); color: var(--midnight); background: var(--chartreuse); font-weight: 900; }
.skip-link:focus { top: 16px; }
*:focus-visible { outline: 3px solid rgba(205,253,81,.95); outline-offset: 3px; }
.site-header { position: sticky; top: 0; z-index: 100; height: var(--header); border-bottom: 1px solid rgba(220,232,242,.8); background: rgba(255,255,255,.86); backdrop-filter: blur(18px) saturate(160%); }
.site-nav { height: var(--header); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.brand-mark { width: 40px; height: 40px; }
.brand-copy { display: grid; gap: 1px; }
.brand-name { color: var(--midnight); font-size: 1.02rem; font-weight: 900; }
.brand-sub { color: var(--teal); font-size: .69rem; font-weight: 800; }
.nav-links { flex: 1; display: flex; align-items: center; justify-content: center; gap: 2px; }
.nav-links a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid transparent; border-radius: var(--radius); color: #405066; font-size: .88rem; font-weight: 760; transition: color 160ms ease, background 160ms ease, border-color 160ms ease; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--midnight); border-color: var(--line); background: var(--surface-soft); }
.language-switch { color: var(--teal) !important; }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--midnight); background: #fff; place-items: center; }
body.nav-open .nav-toggle { border-color: rgba(0,107,123,.32); background: var(--surface-cool); }
.nav-toggle span { display: block; width: 20px; height: 2px; background: currentColor; }
.nav-toggle span + span { margin-top: 5px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: var(--radius); font-size: .94rem; font-weight: 850; line-height: 1; white-space: nowrap; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn svg { width: 17px; height: 17px; }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--midnight), var(--teal) 58%, #008F89); box-shadow: 0 16px 34px rgba(0,107,123,.22); }
.btn-primary[aria-current="page"] { color: var(--midnight); background: linear-gradient(135deg, var(--chartreuse), #EAFE95); box-shadow: 0 16px 34px rgba(205,253,81,.24); }
.btn-secondary { color: var(--midnight); border-color: var(--line-strong); background: rgba(255,255,255,.74); }
.btn-quiet { color: var(--teal); border-color: rgba(0,107,123,.24); background: #fff; }
.btn-full { width: 100%; }
.breadcrumbs { display: flex; align-items: center; gap: 8px; min-height: 44px; color: #63758C; font-size: .78rem; font-weight: 800; }
.breadcrumbs a { color: var(--teal); }
.breadcrumbs span:last-child { color: var(--midnight); }
.page-home .breadcrumbs { display: none; }
.home-hero { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 74% 27%, rgba(0,205,191,.23), transparent 25%), radial-gradient(circle at 94% 18%, rgba(167,139,250,.22), transparent 26%), linear-gradient(135deg, #fff 0%, #F1FBFF 48%, #F5F2FF 100%); border-bottom: 1px solid var(--line); }
.home-hero::before { content: ""; position: absolute; inset: 36% -20% -38%; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(0,205,191,.32) 1px, transparent 1px), linear-gradient(180deg, rgba(16,25,59,.16) 1px, transparent 1px), radial-gradient(circle at 62% 8%, rgba(0,205,191,.3), transparent 34%); background-size: 72px 72px, 72px 72px, 100% 100%; transform: perspective(620px) rotateX(63deg) translateY(5%); transform-origin: bottom; opacity: .56; mask-image: linear-gradient(180deg, transparent, #000 16%, #000 70%, transparent); }
.home-hero::after, .route-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--teal), var(--aqua), var(--lavender), transparent); opacity: .72; }
.hero-grid { width: min(100% - 64px, 1440px); min-height: calc(100svh - var(--header) - 80px); display: grid; grid-template-columns: minmax(500px,.82fr) minmax(610px,1fr); gap: 24px; align-items: center; padding-block: 50px 46px; }
.hero-copy { position: relative; z-index: 4; display: grid; gap: 24px; max-width: 760px; }
h1 { font-size: clamp(2.9rem, 5.25vw, 5.05rem); max-width: 820px; }
.home-hero h1 { font-size: clamp(2.7rem, 4.7vw, 4.6rem); }
.hero-lede { max-width: 720px; font-size: clamp(1.05rem, 1.6vw, 1.27rem); color: #46566D; }
.hero-actions, .contact-stack { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-note, .fine-print { color: #718095; font-size: .84rem; line-height: 1.6; }
.home-hero .hero-note { position: relative; max-width: 430px; min-height: 58px; display: flex; align-items: center; padding: 12px 14px 12px 50px; border: 1px solid rgba(0,107,123,.2); border-radius: var(--radius); color: #174A84; background: rgba(255,255,255,.74); box-shadow: 0 18px 42px rgba(16,25,59,.08); backdrop-filter: blur(16px) saturate(150%); }
.home-hero .hero-note::before { content: ""; position: absolute; left: 15px; top: 50%; width: 23px; height: 28px; transform: translateY(-50%); border: 2px solid #1A65D8; border-radius: 11px 11px 8px 8px; background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(0,205,191,.1)); box-shadow: inset 0 -10px 0 rgba(0,205,191,.14); clip-path: polygon(50% 0, 94% 17%, 84% 78%, 50% 100%, 16% 78%, 6% 17%); }
.product-preview { position: relative; padding: 20px; border: 1px solid rgba(191,214,229,.95); border-radius: var(--radius); background: rgba(255,255,255,.82); box-shadow: var(--shadow); overflow: hidden; }
.product-preview::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--teal), var(--aqua), var(--lavender)); }
.product-preview::after { content: ""; position: absolute; inset: 1px; border-radius: calc(var(--radius) - 1px); pointer-events: none; background: linear-gradient(135deg, rgba(0,205,191,.08), transparent 42%, rgba(167,139,250,.10)); }
.preview-top, .preview-flow, .preview-grid, .preview-table { position: relative; z-index: 1; }
.preview-top { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 20px; }
.preview-top strong { display: block; color: var(--midnight); font-size: 1.08rem; }
.preview-top span, .preview-panel span { color: var(--teal); font-family: var(--mono); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.preview-top img { width: 54px; height: 54px; }
.preview-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; margin-bottom: 18px; }
.preview-flow span { color: var(--midnight); font-size: .82rem; font-weight: 850; }
.preview-flow i { height: 2px; background: linear-gradient(90deg, var(--teal), var(--aqua), var(--lavender)); }
.preview-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.preview-panel { min-height: 124px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; display: grid; align-content: space-between; }
.preview-panel.primary { background: var(--surface-cool); border-color: #BDE7EA; }
.preview-panel strong { color: var(--midnight); font-size: 1.7rem; line-height: 1; }
.preview-panel p { font-size: .84rem; line-height: 1.45; }
.preview-table { margin-top: 14px; display: grid; gap: 8px; }
.preview-table div { min-height: 46px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.72); }
.preview-table span { color: var(--teal); font-family: var(--mono); font-size: .72rem; font-weight: 800; }
.preview-table strong { color: var(--midnight); font-size: .9rem; }
.preview-table em { color: var(--teal); font-size: .72rem; font-style: normal; font-weight: 800; }
.ai-operating-system { --ai-x: 0px; --ai-y: 0px; position: relative; min-height: 600px; perspective: 1100px; transform-style: preserve-3d; isolation: isolate; }
.ai-operating-system::before { content: ""; position: absolute; left: 8%; right: 5%; bottom: 28px; height: 44%; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(0,205,191,.26), rgba(0,107,123,.12) 34%, transparent 68%); filter: blur(10px); transform: rotateX(68deg); opacity: .8; }
.ai-operating-system::after { content: ""; position: absolute; left: 50%; bottom: 98px; z-index: 2; width: 8px; height: 240px; transform: translateX(-50%); background: linear-gradient(180deg, transparent, rgba(205,253,81,.2), rgba(205,253,81,.95), rgba(205,253,81,.2), transparent); filter: blur(1px) drop-shadow(0 0 16px rgba(205,253,81,.8)); opacity: .84; animation: aiBeam 2.9s ease-in-out infinite; }
.ai-wirefield { position: absolute; inset: 0; overflow: hidden; border-radius: var(--radius); pointer-events: none; }
.ai-wirefield::before { content: ""; position: absolute; inset: 30% -20% -16%; background: linear-gradient(90deg, rgba(116,247,255,.32) 1px, transparent 1px), linear-gradient(180deg, rgba(16,25,59,.22) 1px, transparent 1px); background-size: 54px 54px; transform: perspective(520px) rotateX(64deg); transform-origin: bottom; opacity: .58; mask-image: linear-gradient(180deg, transparent, #000 18%, #000 72%, transparent); }
.ai-wirefield::after { content: ""; position: absolute; inset: 8% -8% 10%; background: radial-gradient(circle at 52% 48%, rgba(0,205,191,.22), transparent 20%), radial-gradient(circle at 48% 50%, rgba(167,139,250,.12), transparent 34%); opacity: .9; }
.ai-wirefield span { position: absolute; z-index: 1; height: 2px; background: linear-gradient(90deg, transparent, rgba(116,247,255,.9), rgba(205,253,81,.74), transparent); box-shadow: 0 0 18px rgba(0,205,191,.65); animation: aiSignal 3.6s linear infinite; }
.ai-wirefield span:nth-child(1) { left: 2%; right: 16%; top: 41%; transform: rotate(1deg); }
.ai-wirefield span:nth-child(2) { left: 12%; right: 5%; top: 57%; animation-delay: -.9s; }
.ai-wirefield span:nth-child(3) { left: 20%; right: 18%; top: 73%; transform: rotate(-6deg); animation-delay: -1.7s; }
.ai-wirefield span:nth-child(4) { left: 30%; right: 8%; top: 30%; transform: rotate(-16deg); animation-delay: -2.5s; }
.ai-neural-lines { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; fill: none; stroke: rgba(116,247,255,.62); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 10 14; filter: drop-shadow(0 0 7px rgba(0,205,191,.48)); opacity: .78; transform: translate3d(calc(var(--ai-x) * -.45), calc(var(--ai-y) * -.45), 0); }
.ai-neural-lines path:nth-child(2) { stroke: rgba(167,139,250,.5); }
.ai-neural-lines path:nth-child(3) { stroke: rgba(205,253,81,.46); }
.ai-core-stage { position: absolute; left: 50%; top: 49%; z-index: 4; width: 308px; height: 308px; transform: translate3d(calc(-50% + var(--ai-x)), calc(-50% + var(--ai-y)), 0); transform-style: preserve-3d; }
.ai-core-ring { position: absolute; inset: 0; border: 1px solid rgba(116,247,255,.54); border-radius: 50%; box-shadow: inset 0 0 28px rgba(0,205,191,.18), 0 0 28px rgba(0,205,191,.22); animation: aiRingPulse 4.8s ease-in-out infinite; }
.ai-core-ring.ring-two { inset: 34px; border-color: rgba(167,139,250,.4); animation-delay: -1.4s; }
.ai-core-ring.ring-three { inset: 68px; border-color: rgba(205,253,81,.38); animation-delay: -2.6s; }
.ai-core { position: absolute; left: 50%; top: 50%; width: 156px; height: 156px; display: grid; place-items: center; align-content: center; gap: 4px; padding: 16px; transform: translate(-50%, -50%); border: 1px solid rgba(116,247,255,.7); border-radius: 50%; text-align: center; color: #fff; background: radial-gradient(circle at 50% 35%, rgba(0,205,191,.26), rgba(16,25,59,.92) 44%, #07142B 100%); box-shadow: 0 0 0 10px rgba(0,205,191,.08), 0 26px 70px rgba(16,25,59,.36), inset 0 0 34px rgba(0,205,191,.18); animation: aiCoreGlow 3.8s ease-in-out infinite; }
.ai-core img { width: 56px; height: 56px; filter: drop-shadow(0 0 16px rgba(0,205,191,.7)); }
.ai-core span, .ai-panel span { color: var(--aqua); font-family: var(--mono); font-size: .67rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.ai-core strong { color: #fff; font-size: .88rem; line-height: 1.1; }
.ai-core em { color: #BFEAF2; font-size: .58rem; font-style: normal; line-height: 1.2; }
.ai-module { position: absolute; min-width: 88px; min-height: 34px; display: grid; place-items: center; padding: 0 12px; border: 1px solid rgba(116,247,255,.38); border-radius: var(--radius); color: #DFFBFF; background: rgba(7,20,43,.72); box-shadow: 0 0 20px rgba(0,205,191,.18); font-family: var(--mono); font-size: .62rem; font-weight: 850; text-transform: uppercase; }
.module-tax { left: -52px; top: 128px; }
.module-books { left: 46px; top: -8px; }
.module-docs { right: -62px; top: 126px; }
.module-customers { left: 28px; bottom: 3px; }
.module-workflows { right: 10px; bottom: 42px; color: var(--chartreuse); border-color: rgba(205,253,81,.44); }
.ai-panel { position: absolute; z-index: 5; width: 190px; min-height: 122px; display: grid; gap: 8px; align-content: start; padding: 14px; border: 1px solid rgba(116,247,255,.42); border-radius: var(--radius); color: #DCEBFA; background: linear-gradient(145deg, rgba(7,20,43,.94), rgba(13,51,86,.88)); box-shadow: 0 18px 44px rgba(16,25,59,.26), inset 0 1px 0 rgba(255,255,255,.16), 0 0 24px rgba(0,205,191,.16); backdrop-filter: blur(16px) saturate(150%); transform: translate3d(calc(var(--ai-x) * .35), calc(var(--ai-y) * .35), 0); transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; animation: aiPanelFloat 7s ease-in-out infinite; }
.ai-panel.is-active { border-color: rgba(205,253,81,.9); box-shadow: 0 22px 54px rgba(16,25,59,.28), 0 0 30px rgba(205,253,81,.28), inset 0 1px 0 rgba(255,255,255,.2); }
.ai-panel strong { color: #fff; font-size: 1.65rem; line-height: 1; }
.ai-panel p { color: #BFD6E5; font-size: .78rem; line-height: 1.35; }
.ai-panel ul { display: grid; gap: 6px; }
.ai-panel li { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; color: #DCEBFA; font-size: .72rem; line-height: 1.25; }
.ai-panel li strong { font-size: .75rem; line-height: 1.25; }
.ai-panel em { color: var(--chartreuse); font-size: .62rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.panel-cash { left: 76px; top: 60px; }
.panel-docs { left: 4px; top: 228px; animation-delay: -.8s; }
.panel-tax { left: 38px; bottom: 78px; width: 220px; min-height: 146px; animation-delay: -1.6s; }
.panel-customers { right: 0; top: 72px; animation-delay: -2.4s; }
.panel-gate { left: 50%; bottom: 46px; width: 356px; min-height: 112px; transform: translate3d(calc(-50% + var(--ai-x) * .2), calc(var(--ai-y) * .2), 0); border-color: rgba(205,253,81,.7); background: linear-gradient(145deg, rgba(7,20,43,.96), rgba(22,46,50,.92)); box-shadow: 0 26px 60px rgba(16,25,59,.34), 0 0 34px rgba(205,253,81,.22); animation-delay: -3s; }
.ai-bars { display: flex; align-items: end; gap: 5px; min-height: 38px; }
.ai-bars i { flex: 1; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, var(--aqua), #285BEA); box-shadow: 0 0 10px rgba(0,205,191,.32); }
.ai-bars i:nth-child(1) { height: 16px; }
.ai-bars i:nth-child(2) { height: 22px; }
.ai-bars i:nth-child(3) { height: 27px; }
.ai-bars i:nth-child(4) { height: 33px; }
.ai-bars i:nth-child(5) { height: 25px; }
.ai-trend { height: 42px; border-bottom: 1px solid rgba(116,247,255,.28); background: linear-gradient(145deg, transparent 0 42%, rgba(0,205,191,.72) 43% 47%, transparent 48%), linear-gradient(25deg, transparent 0 34%, rgba(167,139,250,.62) 35% 39%, transparent 40%); }
.approval-flow { display: grid; grid-template-columns: 1fr 26px 1fr 26px 1fr; align-items: center; gap: 8px; }
.approval-flow b { min-height: 48px; display: grid; place-items: center; padding: 7px; border: 1px solid rgba(116,247,255,.28); border-radius: var(--radius); color: #EAFBFF; font-size: .68rem; line-height: 1.18; text-align: center; }
.approval-flow b:nth-of-type(2) { color: var(--chartreuse); border-color: rgba(205,253,81,.5); background: rgba(205,253,81,.08); }
.approval-flow i { height: 2px; background: linear-gradient(90deg, rgba(116,247,255,.18), var(--chartreuse), rgba(116,247,255,.18)); box-shadow: 0 0 12px rgba(205,253,81,.58); }
@keyframes aiBeam { 0%, 100% { opacity: .55; transform: translateX(-50%) scaleY(.88); } 50% { opacity: .98; transform: translateX(-50%) scaleY(1.04); } }
@keyframes aiSignal { 0% { opacity: .14; background-position: -160px 0; } 45% { opacity: .9; } 100% { opacity: .22; background-position: 220px 0; } }
@keyframes aiRingPulse { 0%, 100% { transform: scale(.96) rotate(0deg); opacity: .54; } 50% { transform: scale(1.06) rotate(12deg); opacity: .94; } }
@keyframes aiCoreGlow { 0%, 100% { box-shadow: 0 0 0 10px rgba(0,205,191,.08), 0 26px 70px rgba(16,25,59,.36), inset 0 0 34px rgba(0,205,191,.18); } 50% { box-shadow: 0 0 0 18px rgba(0,205,191,.12), 0 32px 86px rgba(16,25,59,.42), inset 0 0 46px rgba(205,253,81,.18); } }
@keyframes aiPanelFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -8px; } }
@media (prefers-reduced-motion: reduce) {
  .ai-operating-system, .ai-operating-system *, .ai-operating-system::before, .ai-operating-system::after { animation: none !important; transition: none !important; }
  .ai-neural-lines, .ai-core-stage, .ai-panel { transform: none !important; }
  .ai-core-stage { transform: translate(-50%, -50%) !important; }
  .panel-gate { transform: translateX(-50%) !important; }
}
.proof-strip { background: var(--midnight); color: #fff; }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid article { min-height: 142px; padding: 24px; border-right: 1px solid rgba(255,255,255,.12); display: grid; gap: 8px; align-content: center; }
.proof-grid article:last-child { border-right: 0; }
.proof-grid span { color: var(--chartreuse); font-family: var(--mono); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.proof-grid strong { color: #fff; font-size: 1.18rem; }
.proof-grid p { color: #C8D5E2; font-size: .9rem; line-height: 1.55; }
.section { position: relative; padding-block: 92px; overflow: hidden; }
.section-compact { padding-block: 64px; }
.section:nth-of-type(even) { background: linear-gradient(180deg, #fff, var(--surface-soft)); }
.section-inner { display: grid; gap: 34px; }
.section-head { display: grid; gap: 16px; max-width: 850px; }
.section-head span { color: var(--teal); font-family: var(--mono); font-size: .76rem; font-weight: 850; text-transform: uppercase; }
h2 { font-size: clamp(2.1rem, 4.4vw, 4.45rem); max-width: 900px; }
.section-head p { max-width: 760px; font-size: 1.06rem; }
.card-grid, .suite-grid { display: grid; gap: 14px; }
.card-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.card-grid.cols-4, .suite-grid { grid-template-columns: repeat(4, 1fr); }
.info-card, .suite-card, .form-panel, .route-visual, .founder-card, .team-card { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.92); box-shadow: var(--shadow-soft); }
.info-card, .suite-card { min-height: 166px; padding: 20px; display: grid; gap: 10px; align-content: start; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.info-card:hover, .suite-card:hover { transform: translateY(-3px); border-color: #B9DDE3; box-shadow: var(--shadow); }
.card-status, .suite-card span { color: var(--teal); font-family: var(--mono); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.info-card h3, .suite-card h3 { font-size: 1.1rem; }
.info-card p, .suite-card p { font-size: .92rem; line-height: 1.58; }
.suite-card:first-child, .suite-card:last-child { border-color: #B9E6E8; background: linear-gradient(180deg, #fff, #F2FCFD); }
.record-system { min-height: 260px; display: grid; place-items: center; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg, #fff, #EFFBFF 62%, #F7F3FF); box-shadow: var(--shadow-soft); }
.record-rail { width: min(100%, 820px); display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; align-items: center; }
.record-rail span { min-height: 58px; display: grid; place-items: center; border: 1px solid #CFE4EF; border-radius: var(--radius); color: var(--teal); background: #fff; font-size: .78rem; font-weight: 850; text-transform: uppercase; }
.record-core { margin-top: 18px; min-height: 62px; display: grid; place-items: center; padding: 0 24px; border-radius: var(--radius); color: #fff; background: linear-gradient(135deg, var(--midnight), var(--teal)); font-weight: 900; box-shadow: 0 18px 36px rgba(0,107,123,.18); }
.route-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #fff, #EFFBFF 58%, #F7F3FF); border-bottom: 1px solid var(--line); }
.route-hero-grid { min-height: 420px; display: grid; grid-template-columns: minmax(0, .98fr) minmax(260px, .42fr); gap: 48px; align-items: center; padding-block: 66px; }
.route-copy { display: grid; gap: 22px; }
.route-copy h1 { font-size: clamp(2.55rem, 4.7vw, 4.55rem); }
.route-copy p { max-width: 760px; font-size: 1.12rem; color: #46566D; }
.route-visual { min-height: 248px; padding: 24px; display: grid; align-content: center; gap: 18px; background: rgba(255,255,255,.74); }
.visual-mark { width: 82px; height: 82px; display: grid; place-items: center; border: 1px solid rgba(0,107,123,.16); border-radius: var(--radius); background: linear-gradient(135deg, #fff, var(--surface-cool)); box-shadow: 0 16px 34px rgba(0,107,123,.10); }
.route-visual img { width: 56px; height: 56px; }
.route-visual span { color: var(--teal); font-family: var(--mono); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.route-visual strong { display: block; margin-top: 5px; color: var(--midnight); font-size: 1.32rem; }
.route-visual p { font-size: .9rem; }
.visual-list { display: grid; gap: 8px; }
.visual-list li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.78); }
.visual-list b { color: var(--midnight); font-size: .86rem; }
.visual-list em { color: var(--teal); font-family: var(--mono); font-size: .68rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.split-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 44px; align-items: start; }
.detail-band { display: grid; grid-template-columns: .86fr 1.14fr; gap: 28px; align-items: stretch; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg, #fff, #F2FCFD 64%, #F8F5FF); box-shadow: var(--shadow-soft); }
.detail-copy { display: grid; gap: 14px; align-content: center; }
.detail-copy span { color: var(--teal); font-family: var(--mono); font-size: .74rem; font-weight: 850; text-transform: uppercase; }
.detail-copy h2 { font-size: clamp(1.75rem, 3.1vw, 3.05rem); }
.detail-copy p { font-size: .98rem; }
.status-matrix { display: grid; gap: 10px; }
.status-row { display: grid; grid-template-columns: minmax(118px,.35fr) 1fr; gap: 10px; align-items: start; padding: 12px; border: 1px solid rgba(191,214,229,.9); border-radius: var(--radius); background: rgba(255,255,255,.82); }
.status-row span { color: var(--teal); font-family: var(--mono); font-size: .7rem; font-weight: 850; text-transform: uppercase; }
.status-row strong { display: block; color: var(--midnight); font-size: .96rem; margin-bottom: 3px; }
.status-row p { font-size: .86rem; line-height: 1.5; }
.form-panel { padding: 24px; }
.form-panel form { display: grid; gap: 14px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.form-group { display: grid; gap: 7px; }
.form-group label { color: var(--midnight); font-size: .84rem; font-weight: 800; }
.form-group input, .form-group select, .form-group textarea { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid var(--line-strong); border-radius: var(--radius); outline: 0; color: var(--ink); background: #fff; }
.form-group textarea { min-height: 128px; padding-block: 12px; resize: vertical; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(0,107,123,.12); }
.form-status { display: none; padding: 12px; border: 1px solid rgba(0,107,123,.28); border-radius: var(--radius); color: var(--teal); background: #EFFBFF; font-size: .9rem; line-height: 1.5; }
.form-status.is-visible { display: block; }
.form-status[data-state="error"] { color: #7A2633; border-color: rgba(226,114,91,.35); background: #FFF4F1; }
.form-status[data-state="sent"] { color: var(--midnight); border-color: rgba(0,107,123,.28); background: #EFFBFF; }
.mailto-fallback { display: grid; gap: 9px; padding: 12px; border: 1px dashed rgba(0,107,123,.34); border-radius: var(--radius); background: #FBFEFF; }
.mailto-fallback p { color: #53677D; font-size: .84rem; line-height: 1.55; }
.mail-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mail-actions .btn { min-height: 38px; padding-inline: 12px; font-size: .82rem; }
.timeline-list { display: grid; gap: 12px; }
.timeline-item { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: start; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-soft); }
.timeline-item span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--radius); color: #fff; background: linear-gradient(135deg, var(--teal), var(--aqua)); font-family: var(--mono); font-weight: 900; }
.timeline-item h3 { font-size: 1.1rem; margin-bottom: 6px; }
.founder-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; align-items: stretch; }
.founder-copy { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; display: grid; gap: 16px; align-content: center; }
.founder-card { overflow: hidden; display: grid; grid-template-columns: minmax(180px,.7fr) 1fr; align-items: center; }
.founder-card img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; object-position: 50% 26%; }
.founder-card div { padding: 22px; display: grid; gap: 10px; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.team-card { overflow: hidden; display: grid; align-content: start; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.team-card:hover { transform: translateY(-3px); border-color: #B9DDE3; box-shadow: var(--shadow); }
.team-card picture { display: grid; place-items: end center; height: clamp(240px, 28vw, 340px); overflow: hidden; background: linear-gradient(135deg, #F8FBFD, var(--surface-cool)); }
.team-card img { width: auto; max-width: 82%; height: 100%; object-fit: contain; object-position: 50% 100%; }
.team-card div { padding: 20px; display: grid; gap: 10px; }
.team-card h3 { font-size: 1.16rem; }
.team-card p { font-size: .92rem; line-height: 1.58; }
.team-card:first-child { border-color: #B9E6E8; background: linear-gradient(180deg, #fff, #F2FCFD); }
.text-link { color: var(--teal); font-weight: 850; }
.policy-body { display: grid; gap: 20px; max-width: 880px; }
.policy-body article { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.policy-body h2 { font-size: clamp(1.55rem, 2.6vw, 2.4rem); margin-bottom: 10px; }
.site-footer { border-top: 1px solid var(--line); background: var(--midnight); padding-block: 54px 28px; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 28px; }
.site-footer .brand-name, .site-footer h2 { color: #fff; }
.site-footer .brand-sub { color: var(--chartreuse); }
.site-footer p { max-width: 430px; color: #C8D5E2; font-size: .88rem; }
.site-footer h2 { margin: 0 0 14px; font-size: .86rem; }
.site-footer ul { display: grid; gap: 9px; }
.site-footer a { color: #D9E5EE; font-size: .9rem; }
.site-footer a:hover { color: var(--chartreuse); }
.footer-brand { display: grid; gap: 16px; }
.footer-bottom { margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: #B8C5D1; font-family: var(--mono); font-size: .75rem; }
.reveal { opacity: 1; transform: translateY(0); }
body.motion-ready .reveal { opacity: 0; transform: translateY(14px); transition: opacity 520ms ease, transform 520ms ease; }
body.motion-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 1ms !important; } }
@media (max-width: 1120px) { .hero-grid, .route-hero-grid, .split-layout, .founder-grid { grid-template-columns: 1fr; } .product-preview { max-width: 620px; } .proof-grid, .card-grid.cols-4, .suite-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 920px) { :root { --header: 68px; } .container { width: min(100% - 32px, var(--container)); } .nav-links, .nav-cta { display: none; } .nav-toggle { display: block; } body.nav-open .nav-links { position: absolute; left: 16px; right: 16px; top: calc(var(--header) + 10px); z-index: 20; display: grid; justify-content: stretch; padding: 10px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); } body.nav-open .nav-links a { justify-content: space-between; min-height: 46px; } .hero-grid { min-height: auto; padding-block: 46px; gap: 34px; } .route-hero-grid { min-height: auto; padding-block: 52px; } .card-grid.cols-3, .form-grid, .footer-grid, .team-grid { grid-template-columns: 1fr; } .section { padding-block: 70px; } .proof-grid { grid-template-columns: 1fr 1fr; } .proof-grid article:nth-child(2n) { border-right: 0; } }
@media (max-width: 620px) { .brand-sub { display: none; } h1 { font-size: 2.45rem; } h2 { font-size: 2rem; } .hero-actions, .contact-stack { flex-direction: column; align-items: stretch; } .hero-actions .btn, .contact-stack .btn { width: 100%; } .product-preview { padding: 16px; } .preview-grid, .proof-grid, .card-grid.cols-4, .suite-grid { grid-template-columns: 1fr; } .preview-flow { grid-template-columns: 1fr; } .preview-flow i { height: 1px; } .preview-table div { grid-template-columns: 28px 1fr; } .preview-table em { grid-column: 2; } .record-rail { grid-template-columns: 1fr; } .founder-card { grid-template-columns: 1fr; } .route-visual { min-height: 190px; } .btn { white-space: normal; text-align: center; } }
@media (max-width: 920px) { .breadcrumbs { min-height: 38px; } .detail-band { grid-template-columns: 1fr; padding: 20px; } .status-row { grid-template-columns: 1fr; } .mail-actions { flex-direction: column; } .mail-actions .btn { width: 100%; } }
@media (max-width: 620px) { .home-hero .hero-grid { padding-block: 22px 24px; gap: 18px; } .home-hero .hero-copy { gap: 13px; } .home-hero h1 { font-size: clamp(1.92rem, 10.8vw, 2.35rem); line-height: 1.03; } .home-hero .hero-lede { font-size: .9rem; line-height: 1.47; } .home-hero .hero-note { font-size: .72rem; line-height: 1.42; } .home-hero .hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .home-hero .hero-actions .btn { width: 100%; min-height: 42px; padding-inline: 10px; font-size: .8rem; } .home-hero .product-preview { padding: 10px; max-width: none; } .home-hero .preview-top { margin-bottom: 10px; } .home-hero .preview-top strong { font-size: .94rem; } .home-hero .preview-top span { font-size: .6rem; } .home-hero .preview-top img { width: 38px; height: 38px; } .home-hero .preview-flow, .home-hero .preview-table { display: none; } .home-hero .preview-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } .home-hero .preview-panel { min-height: 68px; padding: 8px; } .home-hero .preview-panel span { font-size: .56rem; } .home-hero .preview-panel strong { font-size: 1rem; } .home-hero .preview-panel p { display: none; } .proof-grid article { min-height: 118px; padding: 18px; } .section { padding-block: 56px; } .route-hero-grid { padding-block: 38px 42px; gap: 26px; } .route-copy { gap: 16px; } .route-copy h1 { font-size: clamp(2.05rem, 10.5vw, 2.55rem); } .route-copy p { font-size: .98rem; line-height: 1.58; } .visual-list li { grid-template-columns: 1fr; gap: 3px; } }
@media (max-width: 430px) { .container { width: min(100% - 24px, var(--container)); } .site-nav { gap: 10px; } .brand { gap: 9px; } .brand-mark { width: 36px; height: 36px; } .brand-name { font-size: .96rem; } .btn { min-height: 44px; padding-inline: 14px; font-size: .88rem; } .home-hero .hero-grid { padding-block: 22px 26px; } .home-hero .preview-panel { min-height: 84px; } .home-hero .preview-table div { grid-template-columns: 22px 1fr; } .home-hero .preview-table em { grid-column: 2; } }

@media (max-width: 1280px) {
  .hero-grid { grid-template-columns: minmax(390px,.78fr) minmax(560px,1fr); gap: 16px; }
  .panel-cash { left: 54px; }
  .panel-docs { left: 0; }
  .panel-customers { right: -8px; }
}
@media (max-width: 1120px) {
  .hero-grid { width: min(100% - 48px, var(--container)); min-height: calc(100svh - var(--header) - 120px); padding-block: 42px 34px; }
  .home-hero h1 { font-size: clamp(2.35rem, 4.15vw, 3.15rem); }
  .home-hero .hero-copy { gap: 18px; }
  .home-hero .hero-lede { font-size: .98rem; line-height: 1.56; }
  .home-hero .hero-note { min-height: 52px; padding-block: 10px; }
  .ai-operating-system { width: min(100%, 760px); min-height: 560px; margin-inline: auto; }
  .panel-cash { left: 92px; }
  .panel-docs { left: 24px; }
  .panel-tax { left: 54px; }
  .panel-customers { right: 38px; }
}
@media (max-width: 920px) {
  .home-hero::before { inset: 42% -40% -36%; opacity: .46; }
  .ai-operating-system { min-height: 590px; }
  .ai-core-stage { width: 282px; height: 282px; }
  .ai-panel { width: 176px; min-height: 112px; padding: 12px; }
  .panel-docs { top: 218px; }
  .panel-gate { width: min(100% - 160px, 344px); }
}
@media (max-width: 620px) {
  .home-hero .hero-grid { position: relative; display: block; width: min(100% - 28px, var(--container)); min-height: calc(100svh - var(--header) - 120px); padding-block: 88px 34px; overflow: hidden; }
  .home-hero .hero-copy { gap: 14px; max-width: 100%; }
  .home-hero .hero-note { max-width: none; padding: 10px 12px 10px 42px; }
  .home-hero .hero-note::before { left: 12px; width: 20px; height: 24px; }
  .ai-operating-system { position: absolute; right: -230px; top: 76px; z-index: 1; width: 420px; min-height: 420px; margin: 0; opacity: .42; pointer-events: none; }
  .ai-operating-system::before { bottom: 28px; height: 44%; }
  .ai-operating-system::after { bottom: 102px; height: 176px; opacity: .62; }
  .ai-wirefield span { display: none; }
  .ai-neural-lines { opacity: .2; }
  .ai-core-stage { top: 48%; width: 236px; height: 236px; }
  .ai-core { width: 126px; height: 126px; padding: 12px; }
  .ai-core img { width: 52px; height: 52px; }
  .ai-core span, .ai-core strong { display: none; }
  .ai-core em { display: none; }
  .ai-module { display: none; min-width: 68px; min-height: 28px; padding-inline: 8px; font-size: .52rem; }
  .module-books { left: 36px; }
  .module-tax { left: -28px; top: 104px; }
  .module-docs { right: -34px; top: 104px; }
  .module-customers, .module-workflows { display: none; }
  .ai-panel { display: none; width: calc(50% - 6px); min-height: 92px; padding: 10px; gap: 5px; }
  .ai-panel span { font-size: .56rem; }
  .ai-panel strong { font-size: 1.18rem; }
  .ai-panel p { font-size: .67rem; line-height: 1.25; }
  .panel-cash { left: 0; top: 0; }
  .panel-customers { right: 0; top: 0; }
  .panel-docs { left: 0; top: auto; bottom: 138px; }
  .panel-tax { right: 0; left: auto; top: auto; bottom: 138px; width: calc(50% - 6px); min-height: 112px; }
  .panel-tax li { grid-template-columns: 1fr; gap: 2px; }
  .panel-tax li strong { font-size: .64rem; }
  .panel-tax em { font-size: .54rem; }
  .panel-gate { left: 0; right: 0; bottom: 0; width: auto; min-height: 104px; transform: translate3d(calc(var(--ai-x) * .2), calc(var(--ai-y) * .2), 0); }
  .approval-flow { grid-template-columns: 1fr 18px 1fr 18px 1fr; gap: 5px; }
  .approval-flow b { min-height: 40px; padding: 5px; font-size: .58rem; }
}
@media (max-width: 430px) {
  .home-hero .hero-grid { width: min(100% - 24px, var(--container)); }
  .ai-operating-system { right: -236px; top: 82px; min-height: 390px; }
  .ai-operating-system::before { bottom: 20px; height: 36%; }
  .ai-operating-system::after { bottom: 104px; height: 148px; }
  .ai-wirefield span:nth-child(3), .ai-wirefield span:nth-child(4), .ai-neural-lines path:nth-child(1), .ai-neural-lines path:nth-child(2) { display: none; }
  .ai-core-stage { top: 45%; width: 204px; height: 204px; }
  .ai-core { width: 112px; height: 112px; }
  .ai-core span { font-size: .55rem; }
  .ai-core strong { font-size: .66rem; }
  .ai-module { display: none; }
  .panel-docs, .panel-tax { display: none; }
  .ai-panel { min-height: 86px; }
  .panel-gate { min-height: 98px; }
  .approval-flow { grid-template-columns: 1fr; }
  .approval-flow i { display: none; }
  .approval-flow b { min-height: 26px; }
}

.hero-lede-secondary { margin-top: -10px; font-size: clamp(.98rem, 1.2vw, 1.08rem); }
.section-tight { padding-block: 70px; }
.suite-card a { color: inherit; }
.suite-card a:hover { color: var(--teal); }
.assistant-thread { position: relative; z-index: 1; display: grid; gap: 10px; margin-bottom: 16px; padding: 14px; border: 1px solid rgba(0,107,123,.18); border-radius: var(--radius); background: linear-gradient(135deg, rgba(16,25,59,.96), rgba(0,107,123,.86)); }
.assistant-thread p { color: #DCEBFA; font-size: .86rem; line-height: 1.5; }
.assistant-thread strong { color: #fff; font-size: .98rem; line-height: 1.35; }
.flow-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #fff; box-shadow: var(--shadow-soft); }
.flow-strip article { min-height: 180px; display: grid; align-content: center; gap: 10px; padding: 24px; border-right: 1px solid var(--line); }
.flow-strip article:last-child { border-right: 0; }
.flow-strip article > span { width: 34px; height: 34px; border-radius: var(--radius); background: linear-gradient(135deg, var(--teal), var(--aqua)); box-shadow: 0 14px 28px rgba(0,107,123,.16); }
.flow-strip h3 { font-size: 1.08rem; }
.flow-strip p { font-size: .9rem; line-height: 1.55; }
.section.dark-section { background: radial-gradient(circle at 76% 34%, rgba(0,205,191,.22), transparent 32%), linear-gradient(135deg, #06142C, #0C2348 56%, #07111F); color: #fff; }
.dark-section::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--aqua), transparent); opacity: .72; }
.dark-section .section-head h2, .dark-section .section-head span, .dark-section h3 { color: #fff; }
.dark-section .section-head p, .dark-section p { color: #C9D9E8; }
.dark-section .btn-secondary { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.dark-section .info-card { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.08); box-shadow: none; }
.dark-section .info-card h3 { color: #fff; }
.dark-section .card-status { color: var(--chartreuse); }
.dark-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(280px,.6fr); gap: 48px; align-items: center; }
.canada-wire { min-height: 260px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius); background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(0,205,191,.08)); overflow: hidden; }
.canada-wire span { width: 140px; height: 140px; display: grid; place-items: center; border: 1px solid rgba(0,205,191,.38); border-radius: 50%; color: var(--aqua); font-size: 4.5rem; font-weight: 900; box-shadow: 0 0 0 34px rgba(0,205,191,.06), 0 0 0 74px rgba(167,139,250,.04); }
.command-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.command-grid span { min-height: 72px; display: flex; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--midnight); background: #fff; font-size: .92rem; font-weight: 760; box-shadow: var(--shadow-soft); }
.form-group-wide { grid-column: 1 / -1; }
.early-access-layout { align-items: center; }
.page-ai .route-visual, .page-company .route-visual { background: linear-gradient(180deg, #fff, #F4FCFF); }
@media (max-width: 1120px) { .flow-strip, .command-grid { grid-template-columns: repeat(2, 1fr); } .dark-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .flow-strip, .command-grid { grid-template-columns: 1fr; } .flow-strip article { min-height: 132px; border-right: 0; border-bottom: 1px solid var(--line); } .flow-strip article:last-child { border-bottom: 0; } .command-grid span { min-height: 58px; } .dark-grid { gap: 24px; } .canada-wire { min-height: 190px; } .canada-wire span { width: 108px; height: 108px; font-size: 3.4rem; } }

@media (min-width: 921px) and (max-width: 1380px) {
  .site-nav { gap: 12px; }
  .nav-links a { padding-inline: 8px; font-size: .84rem; }
  .nav-cta { min-height: 44px; padding-inline: 16px; }
  .hero-grid {
    width: min(100% - 48px, 1280px);
    min-height: calc(100svh - var(--header) - 22px);
    grid-template-columns: minmax(420px, .78fr) minmax(500px, .94fr);
    gap: 20px;
    padding-block: 30px 26px;
  }
  .home-hero h1 {
    max-width: 570px;
    font-size: clamp(2.85rem, 4.2vw, 3.35rem);
    line-height: .99;
  }
  .home-hero .hero-copy {
    gap: 15px;
    max-width: 610px;
  }
  .home-hero .hero-lede {
    max-width: 560px;
    font-size: .98rem;
    line-height: 1.5;
  }
  .home-hero .hero-lede-secondary { display: none; }
  .home-hero .hero-note {
    max-width: 560px;
    min-height: 0;
    padding-block: 10px;
    font-size: .76rem;
    line-height: 1.42;
  }
  .ai-operating-system {
    justify-self: end;
    width: min(100%, 650px);
    min-height: 520px;
  }
  .ai-core-stage {
    top: 50%;
    width: 268px;
    height: 268px;
  }
  .ai-core {
    width: 138px;
    height: 138px;
  }
  .ai-panel {
    width: 176px;
    min-height: 110px;
    padding: 12px;
  }
  .ai-panel strong { font-size: 1.42rem; }
  .ai-panel p { font-size: .72rem; }
  .ai-panel li strong { font-size: .68rem; }
  .panel-cash { left: 68px; top: 32px; }
  .panel-docs { left: 8px; top: 198px; }
  .panel-tax {
    left: 48px;
    bottom: 46px;
    width: 204px;
    min-height: 126px;
  }
  .panel-customers { right: 8px; top: 42px; }
  .panel-gate {
    bottom: 22px;
    width: 320px;
    min-height: 96px;
  }
  .approval-flow b {
    min-height: 40px;
    font-size: .61rem;
  }
}

/* Homepage AI command center */
.home-hero {
  min-height: calc(100svh - var(--header));
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0 36%, rgba(241,251,255,.82) 54%, rgba(246,243,255,.9) 100%),
    linear-gradient(135deg, #fff 0%, #F1FBFF 54%, #F6F3FF 100%);
}
.home-hero::before {
  inset: 42% -12% -24%;
  background:
    linear-gradient(90deg, rgba(0,205,191,.18) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,25,59,.1) 1px, transparent 1px);
  background-size: 58px 58px;
  transform: perspective(700px) rotateX(66deg) translateY(8%);
  opacity: .74;
}
.home-hero .hero-grid {
  position: relative;
  width: min(100% - 64px, 1440px);
  min-height: calc(100svh - var(--header) - 30px);
  grid-template-columns: minmax(500px, .78fr) minmax(650px, 1.08fr);
  gap: 14px;
  padding-block: 52px 62px;
}
.home-hero .hero-copy {
  max-width: 650px;
}
.home-hero h1 {
  max-width: 650px;
  font-size: clamp(3.35rem, 5vw, 5rem);
  line-height: 1.02;
}
.home-hero .hero-lede {
  max-width: 620px;
  color: #43536B;
}
.hero-scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 8;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  border: 1px solid rgba(191,214,229,.76);
  border-radius: 50%;
  color: var(--teal);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 34px rgba(16,25,59,.08);
  backdrop-filter: blur(14px) saturate(150%);
}
.hero-scroll-cue svg {
  width: 20px;
  height: 20px;
}
.ai-operating-system {
  --ai-x: 0px;
  --ai-y: 0px;
  justify-self: end;
  width: min(100%, 790px);
  min-height: 630px;
  perspective: 1200px;
  transform-style: preserve-3d;
  isolation: isolate;
}
.ai-operating-system::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 4%;
  bottom: 18px;
  height: 24%;
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent, rgba(0,205,191,.24), transparent),
    repeating-radial-gradient(ellipse at center, rgba(0,205,191,.28) 0 1px, transparent 1px 18px);
  filter: blur(.3px);
  transform: rotateX(70deg);
  opacity: .76;
}
.ai-operating-system::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 34px;
  z-index: 2;
  width: 112px;
  height: 488px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent),
    linear-gradient(180deg, transparent, rgba(116,247,255,.76) 18%, rgba(205,253,81,.72) 55%, rgba(116,247,255,.48) 78%, transparent);
  filter: blur(9px) drop-shadow(0 0 24px rgba(0,205,191,.38));
  opacity: .74;
  animation: aiBeam 3.1s ease-in-out infinite;
}
.ai-wirefield {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: var(--radius);
  pointer-events: none;
}
.ai-wirefield::before {
  content: "";
  position: absolute;
  inset: 5% -4% 2%;
  background:
    linear-gradient(90deg, rgba(0,205,191,.18) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,25,59,.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000 15%, #000 86%, transparent);
  opacity: .66;
}
.ai-wirefield::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(0,205,191,.18) 36%, rgba(167,139,250,.14) 74%, transparent 100%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.58) 58%, transparent);
}
.ai-wirefield span {
  position: absolute;
  z-index: 3;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(0,205,191,.96), rgba(205,253,81,.9), transparent);
  box-shadow: 0 0 18px rgba(0,205,191,.58);
  animation: aiSignal 3.4s linear infinite;
}
.ai-wirefield span:nth-child(1) { left: 14%; right: 16%; top: 33%; }
.ai-wirefield span:nth-child(2) { left: 8%; right: 7%; top: 49%; animation-delay: -.7s; }
.ai-wirefield span:nth-child(3) { left: 12%; right: 12%; top: 64%; animation-delay: -1.5s; }
.ai-wirefield span:nth-child(4) { left: 20%; right: 10%; top: 78%; animation-delay: -2.2s; }
.ai-neural-lines {
  position: absolute;
  inset: 12px 0 0;
  z-index: 4;
  width: 100%;
  height: calc(100% - 28px);
  fill: none;
  stroke: rgba(0,205,191,.68);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 7px rgba(0,205,191,.44));
  opacity: .86;
  transform: translate3d(calc(var(--ai-x) * -.35), calc(var(--ai-y) * -.35), 0);
}
.ai-neural-lines path {
  stroke-dasharray: 12 12;
  animation: aiCircuit 6s linear infinite;
}
.ai-neural-lines path:nth-child(2n) {
  stroke: rgba(167,139,250,.62);
  animation-delay: -1.2s;
}
.ai-neural-lines path:nth-child(3n) {
  stroke: rgba(205,253,81,.5);
  animation-delay: -2.1s;
}
.ai-neural-lines .lane-spine {
  stroke: rgba(16,25,59,.14);
  stroke-dasharray: 5 18;
  animation-duration: 9s;
}
.ai-neural-lines path.is-active {
  stroke: var(--chartreuse);
  stroke-width: 3;
  filter: drop-shadow(0 0 10px rgba(205,253,81,.68));
}
.ai-core-stage {
  position: absolute;
  left: 50%;
  top: 49%;
  z-index: 7;
  width: 282px;
  height: 282px;
  transform: translate3d(calc(-50% + var(--ai-x)), calc(-50% + var(--ai-y)), 0);
  transform-style: preserve-3d;
}
.ai-core-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(116,247,255,.58);
  border-radius: 50%;
  box-shadow: inset 0 0 34px rgba(0,205,191,.18), 0 0 30px rgba(0,205,191,.2);
  animation: aiRingPulse 4.8s ease-in-out infinite;
}
.ai-core-ring.ring-two {
  inset: 30px;
  border-color: rgba(167,139,250,.42);
  animation-delay: -1.2s;
}
.ai-core-ring.ring-three {
  inset: 60px;
  border-color: rgba(205,253,81,.4);
  animation-delay: -2.4s;
}
.ai-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 168px;
  height: 168px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(116,247,255,.84);
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(circle at 50% 35%, rgba(0,205,191,.34), rgba(16,25,59,.92) 48%, #07142B 100%);
  box-shadow:
    0 0 0 12px rgba(0,205,191,.08),
    0 0 0 20px rgba(255,255,255,.42),
    0 26px 70px rgba(16,25,59,.32),
    inset 0 0 44px rgba(0,205,191,.24);
  animation: aiCoreGlow 3.7s ease-in-out infinite;
}
.ai-core img {
  width: 58px;
  height: 58px;
  filter: drop-shadow(0 0 15px rgba(116,247,255,.76));
}
.ai-core span, .ai-panel span {
  color: var(--teal);
  font-family: var(--mono);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ai-core span {
  color: var(--aqua);
}
.ai-core strong {
  color: #fff;
  font-size: .9rem;
  line-height: 1.08;
}
.ai-core em {
  color: #CDEAF3;
  font-size: .58rem;
  font-style: normal;
  line-height: 1.2;
}
.ai-platform {
  position: absolute;
  left: 50%;
  bottom: -68px;
  width: 268px;
  height: 74px;
  transform: translateX(-50%) rotateX(68deg);
  border: 1px solid rgba(116,247,255,.58);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(205,253,81,.36), rgba(0,205,191,.18) 35%, transparent 68%);
  box-shadow: 0 0 24px rgba(0,205,191,.34), inset 0 0 22px rgba(255,255,255,.58);
}
.ai-panel {
  position: absolute;
  z-index: 8;
  width: 210px;
  min-height: 148px;
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  border: 1px solid rgba(116,247,255,.5);
  border-radius: var(--radius);
  color: var(--midnight);
  background: linear-gradient(150deg, rgba(255,255,255,.9), rgba(238,249,251,.7));
  box-shadow: 0 18px 46px rgba(16,25,59,.14), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(18px) saturate(156%);
  transform: translate3d(calc(var(--ai-x) * .3), calc(var(--ai-y) * .3), 0);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
  animation: aiPanelFloat 7s ease-in-out infinite;
}
.ai-panel::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 44px;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,205,191,.34), transparent);
}
.ai-panel.is-active {
  border-color: rgba(205,253,81,.95);
  box-shadow: 0 22px 54px rgba(16,25,59,.18), 0 0 28px rgba(205,253,81,.3), inset 0 1px 0 rgba(255,255,255,.96);
}
.ai-panel ul {
  display: grid;
  gap: 8px;
}
.ai-panel li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  color: #283753;
  font-size: .72rem;
  line-height: 1.2;
}
.ai-panel li strong {
  color: var(--midnight);
  font-size: .76rem;
  line-height: 1.25;
}
.ai-panel em {
  min-width: 44px;
  text-align: right;
  color: var(--teal);
  font-family: var(--mono);
  font-size: .56rem;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}
.panel-tax { left: 42px; top: 70px; }
.panel-books { left: 0; top: 250px; animation-delay: -.8s; }
.panel-docs { left: 28px; bottom: 54px; animation-delay: -1.6s; }
.panel-customers { right: 6px; top: 78px; animation-delay: -2.2s; }
.panel-workflows { right: -2px; top: 278px; animation-delay: -2.9s; }
.panel-gate {
  right: 28px;
  bottom: 32px;
  width: 346px;
  min-height: 140px;
  color: #DCEBFA;
  border-color: rgba(116,247,255,.46);
  background: linear-gradient(145deg, rgba(7,20,43,.96), rgba(13,51,86,.92));
  box-shadow: 0 26px 66px rgba(16,25,59,.28), 0 0 30px rgba(0,205,191,.18), inset 0 1px 0 rgba(255,255,255,.16);
}
.panel-gate span {
  color: var(--chartreuse);
}
.panel-gate p {
  color: #CDEAF3;
  font-size: .72rem;
  line-height: 1.35;
}
.approval-flow {
  display: grid;
  grid-template-columns: 1fr 26px 1fr 26px 1fr;
  align-items: center;
  gap: 8px;
}
.approval-flow b {
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 8px;
  border: 1px solid rgba(116,247,255,.32);
  border-radius: var(--radius);
  color: #EAFBFF;
  background: rgba(255,255,255,.05);
  font-size: .66rem;
  line-height: 1.15;
  text-align: center;
}
.approval-flow b:nth-of-type(2) {
  color: var(--chartreuse);
  border-color: rgba(205,253,81,.68);
  background: rgba(205,253,81,.1);
  box-shadow: 0 0 18px rgba(205,253,81,.22);
}
.approval-flow i {
  height: 2px;
  background: linear-gradient(90deg, rgba(116,247,255,.18), var(--chartreuse), rgba(116,247,255,.18));
  box-shadow: 0 0 12px rgba(205,253,81,.52);
}
@keyframes aiCircuit {
  to { stroke-dashoffset: -96; }
}
@media (max-width: 1280px) {
  .home-hero .hero-grid {
    grid-template-columns: minmax(430px, .72fr) minmax(560px, 1fr);
    gap: 18px;
  }
  .home-hero h1 {
    font-size: clamp(3rem, 4.25vw, 3.85rem);
  }
  .ai-operating-system {
    width: min(100%, 700px);
    min-height: 586px;
  }
  .ai-panel {
    width: 188px;
    min-height: 136px;
    padding: 13px;
  }
  .ai-panel li strong {
    font-size: .68rem;
  }
  .ai-panel em {
    min-width: 36px;
    font-size: .5rem;
  }
  .panel-tax { left: 36px; top: 52px; }
  .panel-books { left: 2px; top: 220px; }
  .panel-docs { left: 26px; bottom: 42px; }
  .panel-customers { right: 0; top: 58px; }
  .panel-workflows { right: 0; top: 244px; }
  .panel-gate {
    right: 26px;
    bottom: 28px;
    width: 316px;
  }
}
@media (max-width: 1120px) {
  .home-hero .hero-grid {
    width: min(100% - 48px, var(--container));
    grid-template-columns: 1fr;
    min-height: auto;
    padding-block: 44px 58px;
  }
  .home-hero .hero-copy {
    max-width: 760px;
  }
  .home-hero h1 {
    max-width: 760px;
    font-size: clamp(2.6rem, 6vw, 4.15rem);
  }
  .ai-operating-system {
    justify-self: center;
    width: min(100%, 760px);
    min-height: 600px;
    margin-top: 8px;
  }
}
@media (max-width: 920px) {
  .hero-scroll-cue {
    display: none;
  }
  .home-hero .hero-grid {
    padding-block: 42px 44px;
  }
  .ai-operating-system {
    min-height: 570px;
  }
  .ai-core-stage {
    width: 246px;
    height: 246px;
  }
  .ai-core {
    width: 150px;
    height: 150px;
  }
  .ai-panel {
    width: 176px;
    min-height: 126px;
  }
  .panel-tax { left: 58px; top: 42px; }
  .panel-books { left: 4px; top: 206px; }
  .panel-docs { left: 48px; bottom: 48px; }
  .panel-customers { right: 24px; top: 56px; }
  .panel-workflows { right: 0; top: 226px; }
  .panel-gate {
    right: 32px;
    bottom: 34px;
    width: 292px;
  }
}
@media (max-width: 620px) {
  .home-hero {
    min-height: calc(100svh - var(--header));
  }
  .home-hero .hero-grid {
    position: relative;
    display: block;
    width: min(100% - 24px, var(--container));
    min-height: calc(100svh - var(--header) - 8px);
    padding-block: 84px 32px;
    overflow: hidden;
  }
  .home-hero .hero-copy {
    position: relative;
    z-index: 5;
    gap: 15px;
    max-width: 100%;
  }
  .home-hero h1 {
    font-size: clamp(2.12rem, 10.2vw, 2.72rem);
    line-height: 1.02;
  }
  .home-hero .hero-lede {
    font-size: .98rem;
    line-height: 1.52;
  }
  .home-hero .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .home-hero .hero-actions .btn {
    width: 100%;
    min-height: 42px;
    padding-inline: 10px;
    font-size: .78rem;
  }
  .home-hero .hero-note {
    max-width: none;
    padding: 10px 12px 10px 42px;
    font-size: .72rem;
    line-height: 1.42;
  }
  .home-hero .hero-note::before {
    left: 12px;
    width: 20px;
    height: 24px;
  }
  .ai-operating-system {
    position: absolute;
    right: -218px;
    top: 78px;
    z-index: 1;
    width: 430px;
    min-height: 430px;
    margin: 0;
    opacity: .4;
    pointer-events: none;
  }
  .ai-operating-system::before {
    left: 4%;
    right: 8%;
    bottom: 18px;
    height: 24%;
  }
  .ai-operating-system::after {
    top: 26px;
    height: 330px;
    opacity: .6;
  }
  .ai-wirefield span,
  .ai-panel {
    display: none;
  }
  .ai-neural-lines {
    inset: 0;
    height: 100%;
    opacity: .34;
  }
  .ai-core-stage {
    top: 47%;
    width: 218px;
    height: 218px;
  }
  .ai-core {
    width: 124px;
    height: 124px;
    padding: 12px;
  }
  .ai-core img {
    width: 52px;
    height: 52px;
  }
  .ai-core span,
  .ai-core strong,
  .ai-core em {
    display: none;
  }
  .ai-platform {
    bottom: -48px;
    width: 190px;
    height: 58px;
  }
}
@media (max-width: 430px) {
  .ai-operating-system {
    right: -238px;
    top: 92px;
    width: 410px;
    min-height: 390px;
  }
  .ai-core-stage {
    width: 196px;
    height: 196px;
  }
  .ai-core {
    width: 112px;
    height: 112px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-neural-lines path,
  .ai-operating-system::after,
  .ai-core-ring,
  .ai-core,
  .ai-panel,
  .ai-wirefield span {
    animation: none !important;
  }
}

.panel-tax { left: 42px; top: 70px; right: auto; bottom: auto; }
.panel-books { left: 0; top: 250px; right: auto; bottom: auto; }
.panel-docs { left: 28px; right: auto; top: auto; bottom: 54px; }
.panel-customers { left: auto; right: 6px; top: 78px; bottom: auto; }
.panel-workflows { left: auto; right: -2px; top: 278px; bottom: auto; }
.panel-gate { left: auto; right: 28px; top: auto; bottom: 32px; }

@media (min-width: 1121px) {
  .home-hero {
    min-height: calc(100svh - var(--header) - 40px);
  }
  .home-hero .hero-grid {
    min-height: calc(100svh - var(--header) - 60px);
    padding-block: 42px 50px;
  }
  .home-hero .hero-copy {
    gap: 22px;
  }
  html[lang="fr-CA"] .home-hero h1 {
    font-size: clamp(2.78rem, 4.05vw, 3.9rem);
  }
}

@media (min-width: 921px) and (max-width: 1120px) {
  .home-hero {
    min-height: calc(100svh - var(--header) - 40px);
  }
  .home-hero .hero-grid {
    width: min(100% - 40px, 1080px);
    min-height: calc(100svh - var(--header) - 50px);
    grid-template-columns: minmax(350px, .7fr) minmax(500px, 1fr);
    gap: 12px;
    padding-block: 30px 42px;
  }
  .home-hero .hero-copy {
    gap: 14px;
    max-width: 470px;
  }
  .home-hero h1 {
    max-width: 470px;
    font-size: clamp(2.54rem, 4.2vw, 3.05rem);
    line-height: 1;
  }
  html[lang="fr-CA"] .home-hero h1 {
    font-size: clamp(2.28rem, 3.55vw, 2.7rem);
    line-height: 1.01;
  }
  .home-hero .hero-lede {
    max-width: 440px;
    font-size: .92rem;
    line-height: 1.48;
  }
  .home-hero .hero-note {
    max-width: 440px;
    min-height: 0;
    padding-block: 10px;
    font-size: .73rem;
    line-height: 1.42;
  }
  .home-hero .hero-actions .btn {
    min-height: 42px;
    padding-inline: 14px;
    font-size: .84rem;
  }
  .ai-operating-system {
    justify-self: end;
    width: min(100%, 544px);
    min-height: 498px;
    margin: 0;
  }
  .ai-operating-system::after {
    top: 22px;
    height: 392px;
  }
  .ai-core-stage {
    top: 49%;
    width: 214px;
    height: 214px;
  }
  .ai-core {
    width: 132px;
    height: 132px;
    padding: 14px;
  }
  .ai-core img {
    width: 46px;
    height: 46px;
  }
  .ai-core span {
    font-size: .56rem;
  }
  .ai-core strong {
    font-size: .68rem;
  }
  .ai-core em {
    font-size: .46rem;
  }
  .ai-platform {
    bottom: -48px;
    width: 210px;
    height: 58px;
  }
  .ai-panel {
    width: 154px;
    min-height: 106px;
    gap: 8px;
    padding: 10px;
  }
  .ai-panel::before {
    left: 10px;
    right: 10px;
    top: 34px;
  }
  .ai-panel span {
    font-size: .56rem;
  }
  .ai-panel ul {
    gap: 5px;
  }
  .ai-panel li {
    gap: 6px;
  }
  .ai-panel li strong {
    font-size: .58rem;
  }
  .ai-panel em {
    min-width: 28px;
    font-size: .43rem;
  }
  .panel-tax { left: 20px; top: 36px; right: auto; bottom: auto; }
  .panel-books { left: 0; top: 178px; right: auto; bottom: auto; }
  .panel-docs { left: 18px; right: auto; top: auto; bottom: 38px; }
  .panel-customers { left: auto; right: 0; top: 44px; bottom: auto; }
  .panel-workflows { left: auto; right: 0; top: 198px; bottom: auto; }
  .panel-gate {
    left: auto;
    right: 18px;
    top: auto;
    bottom: 30px;
    width: 254px;
    min-height: 104px;
  }
  .approval-flow {
    grid-template-columns: 1fr 18px 1fr 18px 1fr;
    gap: 5px;
  }
  .approval-flow b {
    min-height: 36px;
    padding: 5px;
    font-size: .53rem;
  }
  .panel-gate p {
    font-size: .6rem;
  }
}

@media (max-width: 920px) {
  .panel-tax { left: 58px; top: 42px; right: auto; bottom: auto; }
  .panel-books { left: 4px; top: 206px; right: auto; bottom: auto; }
  .panel-docs { left: 48px; right: auto; top: auto; bottom: 48px; }
  .panel-customers { left: auto; right: 24px; top: 56px; bottom: auto; }
  .panel-workflows { left: auto; right: 0; top: 226px; bottom: auto; }
  .panel-gate { left: auto; right: 32px; top: auto; bottom: 34px; }
}