/* INVOXA public experience — dark-first, motion-aware */

html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }

body.landing-body {
  --home-bg: #070912;
  --home-bg-soft: #0b0f1c;
  --home-bg-raised: #101525;
  --home-surface: rgba(17, 23, 40, 0.78);
  --home-surface-solid: #111728;
  --home-border: rgba(148, 163, 184, 0.14);
  --home-border-strong: rgba(129, 140, 248, 0.3);
  --home-text: #f7f8ff;
  --home-text-soft: #c1c8da;
  --home-text-muted: #818aa0;
  --home-primary: #7c6df2;
  --home-primary-bright: #9d91ff;
  --home-cyan: #48d6e8;
  --home-green: #44d79b;
  --home-shadow: 0 32px 80px rgba(0, 0, 0, 0.38);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--home-bg);
  color: var(--home-text);
  font-family: 'Inter', sans-serif;
}

html:not(.dark) body.landing-body {
  --home-bg: #f7f8fc;
  --home-bg-soft: #eef1f8;
  --home-bg-raised: #fff;
  --home-surface: rgba(255, 255, 255, 0.82);
  --home-surface-solid: #fff;
  --home-border: rgba(71, 85, 105, 0.14);
  --home-border-strong: rgba(79, 70, 229, 0.25);
  --home-text: #111827;
  --home-text-soft: #475569;
  --home-text-muted: #64748b;
  --home-shadow: 0 32px 80px rgba(30, 41, 59, 0.14);
}

body.landing-body::selection { background: rgba(124, 109, 242, 0.36); color: #fff; }
.landing-body h1, .landing-body h2, .landing-body h3 { font-family: 'Manrope', sans-serif; letter-spacing: -0.035em; }

.home-header {
  border-color: transparent !important;
  background: rgba(7, 9, 18, 0.7) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(150%);
  transition: background 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}
.home-header.is-scrolled { border-color: var(--home-border) !important; background: rgba(7, 9, 18, 0.9) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) !important; }
html:not(.dark) .home-header, html:not(.dark) .home-header.is-scrolled { background: rgba(255, 255, 255, 0.86) !important; }
.home-header > div { min-height: 4.25rem; }
.home-header a[aria-label='INVOXA Startseite'] { display: inline-flex; align-items: center; }
.home-header a[aria-label='INVOXA Startseite'] span, .home-footer .text-indigo-700 { color: var(--home-text) !important; font-family: 'Manrope', sans-serif; font-size: 1.65rem; letter-spacing: -0.06em; }
.home-header a[aria-label='INVOXA Startseite'] span::after { content: ''; display: inline-block; width: .42rem; height: .42rem; margin-left: .2rem; border-radius: 50%; background: linear-gradient(135deg, var(--home-cyan), var(--home-primary)); box-shadow: 0 0 18px rgba(72,214,232,.62); }
.home-beta { border: 1px solid rgba(157,145,255,.28); background: rgba(124,109,242,.12) !important; color: #c8c2ff !important; letter-spacing: .08em; }
.home-header nav { border: 0; border-radius: 0; padding: 0; background: transparent; }
.home-header nav a { display: inline-flex; align-items: center; justify-content: center; gap: .38rem; position: relative; border-bottom: 2px solid transparent; border-radius: 0; padding: .7rem .68rem; color: var(--home-text-muted) !important; font-size: .72rem; font-weight: 700; transition: color 180ms ease,border-color 180ms ease; }
.home-header nav a i { margin: 0 !important; color: #7770d9; font-size: .72rem; }
.home-header nav a::after { display: none; }
.home-header nav a:hover { border-bottom-color: rgba(124,109,242,.38); background: transparent; color: var(--home-text-soft) !important; }
.home-header nav a.is-active { border-bottom-color: var(--home-primary); background: transparent; color: #ddd9ff !important; box-shadow: none; }
.home-header #authNav > a[href='login.html'],.home-header #authNav > a[href='register.html'] { display: inline-flex !important; height: 2.5rem; min-height: 2.5rem; align-items: center; justify-content: center; gap: .38rem; line-height: 1; text-align: center; white-space: nowrap; }
.home-header #authNav > a[href='login.html'] { border-color: var(--home-border) !important; border-radius: .78rem !important; padding-inline: .9rem !important; color: var(--home-text-soft) !important; background: rgba(255,255,255,.025); font-size: .76rem; font-weight: 700; }
.home-header #authNav > a[href='login.html'] i { width: 1.45rem; height: 1.45rem; display: inline-grid; place-items: center; margin-right: .35rem !important; border-radius: .45rem; background: rgba(124,109,242,.1); color: var(--home-primary-bright); font-size: .62rem; }
.home-header #authNav > a[href='login.html']:hover { border-color: var(--home-border-strong) !important; background: rgba(124,109,242,.08); color: var(--home-text) !important; transform: translateY(-1px); }
.home-header #authNav > a[href='register.html'] { min-height: 2.5rem; border: 1px solid rgba(255,255,255,.14); border-radius: .78rem !important; padding-inline: 1rem !important; background: linear-gradient(135deg,#6d5ce8,#8b76ff) !important; box-shadow: 0 12px 30px rgba(92,73,215,.28) !important; font-size: .76rem; font-weight: 750; }
.home-header #authNav > a[href='register.html']:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(92,73,215,.42) !important; }
.landing-body .theme-toggle { border-color: var(--home-border); background: rgba(255,255,255,.035); }

#landingPage { background: var(--home-bg); }
.home-public-page { min-height: calc(100vh - 5rem); background: var(--home-bg); }
.home-page-hero { position: relative; isolation: isolate; overflow: hidden; display: grid; justify-items: center; padding: clamp(6.5rem,11vw,9.5rem) 1.5rem clamp(5rem,8vw,7rem); text-align: center; background: radial-gradient(circle at 50% 15%,rgba(124,109,242,.22),transparent 36%),radial-gradient(circle at 85% 60%,rgba(72,214,232,.08),transparent 28%),var(--home-bg); }
.home-page-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 94%); }
.home-page-hero h1 { max-width: 980px; margin-top: 1.25rem; color: var(--home-text); font-size: clamp(3rem,6vw,5.8rem); font-weight: 800; line-height: 1; letter-spacing: -.065em; text-wrap: balance; }
.home-page-hero h1 span { background: linear-gradient(100deg,#9e91ff 8%,#58d6e9 82%); background-clip: text; color: transparent; }
.home-page-hero > p:not(.home-section-kicker) { max-width: 760px; margin-top: 1.5rem; color: var(--home-text-soft); font-size: clamp(1rem,1.5vw,1.18rem); line-height: 1.75; }
.home-page-hero .home-hero-actions,.home-page-hero .home-hero-facts { justify-content: center; }
.home-page-actions { display: flex; justify-content: center; margin-top: 2.2rem; }
.home-hero { position: relative; min-height: calc(100svh - 5rem); isolation: isolate; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 78% 42%,rgba(92,73,215,.2),transparent 28%),radial-gradient(circle at 18% 20%,rgba(24,183,201,.08),transparent 30%),#070912; color: #fff; }
.home-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 88%); }
.home-hero::after { content: ''; position: absolute; right: 7%; bottom: -40%; z-index: -1; width: 52rem; height: 52rem; border: 1px solid rgba(129,140,248,.12); border-radius: 50%; box-shadow: 0 0 0 90px rgba(129,140,248,.025),0 0 0 180px rgba(72,214,232,.018); }
.home-hero-ambient span { position: absolute; z-index: -1; width: 22rem; height: 22rem; border-radius: 50%; filter: blur(90px); opacity: .2; animation: home-drift 14s ease-in-out infinite alternate; }
.home-hero-ambient span:nth-child(1) { top: 8%; left: -8%; background: #4f46e5; }
.home-hero-ambient span:nth-child(2) { top: 18%; right: 13%; background: #237b90; animation-delay: -5s; }
.home-hero-ambient span:nth-child(3) { right: -8%; bottom: -5%; background: #713de0; animation-delay: -9s; }
.home-hero-grid { width: min(100%,1440px); margin: 0 auto; display: grid; grid-template-columns: minmax(0,.88fr) minmax(540px,1.12fr); gap: clamp(3rem,7vw,7rem); align-items: center; padding: 6.5rem 2rem 7.5rem; }
.home-hero-content { position: relative; z-index: 2; padding: 0; }
.home-eyebrow { display: inline-flex; align-items: center; gap: .6rem; margin: 0; border: 1px solid rgba(129,140,248,.22); border-radius: 999px; padding: .55rem .85rem; background: rgba(124,109,242,.08); color: #bcb5ff; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; box-shadow: inset 0 0 20px rgba(124,109,242,.04); animation: home-rise 700ms 80ms both; }
.home-eyebrow i { color: var(--home-cyan); }
.home-hero h1 { max-width: 720px; margin-top: 1.4rem; color: #f8f9ff; font-size: clamp(3.5rem,6vw,6.4rem); font-weight: 800; line-height: .98; letter-spacing: -.065em; text-wrap: balance; animation: home-rise 760ms 150ms both; }
.home-hero h1 span { background: linear-gradient(100deg,#9e91ff 4%,#58d6e9 75%); background-clip: text; color: transparent; }
.home-hero-lead { max-width: 660px; margin-top: 1.65rem; color: #aeb7ca; font-size: clamp(1.02rem,1.45vw,1.2rem); line-height: 1.75; animation: home-rise 760ms 220ms both; }
.home-hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2.25rem; animation: home-rise 760ms 290ms both; }
.home-primary-action, .home-secondary-action { position: relative; overflow: hidden; display: inline-flex; min-height: 3.45rem; align-items: center; justify-content: center; gap: .72rem; border: 1px solid transparent; border-radius: .9rem; padding: .85rem 1.35rem; font-size: .92rem; font-weight: 750; transition: transform 220ms ease,border-color 220ms ease,background 220ms ease,box-shadow 220ms ease; }
.home-primary-action { background: linear-gradient(135deg,#6857e6,#8b76ff); color: #fff; box-shadow: 0 15px 34px rgba(92,73,215,.32),inset 0 1px rgba(255,255,255,.2); }
.home-primary-action::before { content: ''; position: absolute; top: -80%; left: -30%; width: 30%; height: 260%; background: rgba(255,255,255,.2); filter: blur(10px); transform: rotate(20deg) translateX(-250%); transition: transform 650ms ease; }
.home-primary-action:hover::before { transform: rotate(20deg) translateX(650%); }
.home-primary-action:hover { transform: translateY(-3px); box-shadow: 0 20px 42px rgba(92,73,215,.46); }
.home-secondary-action { border-color: rgba(148,163,184,.2); background: rgba(255,255,255,.045); color: #e4e8f3; backdrop-filter: blur(12px); }
.home-secondary-action:hover { border-color: rgba(129,140,248,.4); background: rgba(124,109,242,.1); transform: translateY(-3px); }
.home-secondary-action i { width: 1.65rem; height: 1.65rem; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); font-size: .62rem; }
.home-hero-facts { display: flex; flex-wrap: wrap; gap: .85rem 1.35rem; margin-top: 1.8rem; color: #7f899f; font-size: .78rem; font-weight: 650; animation: home-rise 760ms 360ms both; }
.home-hero-facts span { display: inline-flex; align-items: center; gap: .45rem; }
.home-hero-facts i { color: var(--home-green); font-size: .68rem; }
.home-hero-visual { position: relative; z-index: 1; perspective: 1400px; animation: home-visual-enter 1000ms 200ms cubic-bezier(.2,.8,.2,1) both; }
.home-product-window { position: relative; overflow: hidden; border: 1px solid rgba(155,166,195,.2); border-radius: 1.15rem; background: #0c1120; box-shadow: 0 45px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px rgba(91,75,216,.11); transform: rotateY(-5deg) rotateX(2deg); transform-style: preserve-3d; transition: transform 400ms cubic-bezier(.2,.8,.2,1),box-shadow 400ms ease; }
.home-hero-visual:hover .home-product-window { transform: rotateY(-1deg) rotateX(0) translateY(-4px); box-shadow: 0 55px 120px rgba(0,0,0,.54),0 0 100px rgba(91,75,216,.17); }
.home-window-bar { height: 2.7rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 .9rem; border-bottom: 1px solid rgba(148,163,184,.12); background: rgba(18,24,42,.92); color: #7e879a; font-size: .66rem; }
.home-window-dots { display: flex; gap: .35rem; }
.home-window-dots i { width: .48rem; height: .48rem; border-radius: 50%; background: #414a61; }
.home-window-dots i:first-child { background: #e45e6b; }.home-window-dots i:nth-child(2) { background: #e8b950; }.home-window-dots i:last-child { background: #47c989; }
.home-window-address { display: inline-flex; align-items: center; gap: .42rem; padding: .35rem 1.4rem; border-radius: 999px; background: rgba(255,255,255,.035); }
.home-window-address i { color: #50c89b; font-size: .55rem; }
.home-window-live { justify-self: end; display: inline-flex; align-items: center; gap: .38rem; color: #8f98aa; }
.home-window-live i { width: .38rem; height: .38rem; border-radius: 50%; background: #45d79a; box-shadow: 0 0 10px #45d79a; }
.home-product-window figure { padding: .7rem; }.home-product-window img { display: block; width: 100%; border-radius: .65rem; opacity: .95; }
.home-float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: .75rem; border: 1px solid rgba(167,177,207,.18); border-radius: .9rem; padding: .8rem .95rem; background: rgba(15,21,37,.82); color: #f7f8ff; box-shadow: 0 20px 55px rgba(0,0,0,.38); backdrop-filter: blur(16px) saturate(160%); animation: home-float 5s ease-in-out infinite; }
.home-float-card > span { width: 2.15rem; height: 2.15rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: .65rem; }
.home-float-card div { display: grid; gap: .12rem; }.home-float-card small { color: #8e98ad; font-size: .64rem; }.home-float-card strong { font-size: .78rem; white-space: nowrap; }
.home-float-card-income { top: -2.2rem; right: 2rem; }.home-float-card-income > span { background: rgba(68,215,155,.12); color: #55e5a9; }.home-float-card-income b { margin-left: .3rem; color: #55e5a9; font-size: .67rem; }
.home-float-card-status { bottom: -2.25rem; left: 1.2rem; animation-delay: -2.2s; }.home-float-card-status > span { background: rgba(124,109,242,.14); color: #a69bff; }
.home-hero-orbit { position: absolute; right: -2.6rem; bottom: 16%; z-index: -1; width: 6rem; height: 12rem; display: grid; place-items: center; gap: .7rem; }
.home-hero-orbit i { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border: 1px solid rgba(129,140,248,.2); border-radius: 50%; background: #101629; color: #8f84ed; box-shadow: 0 10px 25px rgba(0,0,0,.25); }
.home-scroll-cue { position: absolute; bottom: 1.8rem; left: 50%; display: inline-flex; align-items: center; gap: .6rem; color: #59647a; font-size: .62rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; transform: translateX(-50%); }
.home-scroll-cue span { width: 1px; height: 1.7rem; background: linear-gradient(#7c6df2,transparent); animation: home-scroll 1.8s ease-in-out infinite; }

.home-module-strip { position: relative; z-index: 3; border-block: 1px solid var(--home-border); background: rgba(10,13,24,.88); backdrop-filter: blur(16px); }
html:not(.dark) .home-module-strip { background: rgba(255,255,255,.88); }
.home-module-strip-inner { width: min(100%,1320px); margin: 0 auto; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); padding: 0 1.5rem; }
.home-module-strip span { min-height: 4.3rem; display: flex; align-items: center; justify-content: center; gap: .65rem; border-right: 1px solid var(--home-border); color: var(--home-text-muted); font-size: .76rem; font-weight: 700; transition: color 180ms ease,background 180ms ease; }
.home-module-strip span:first-child { border-left: 1px solid var(--home-border); }.home-module-strip span:hover { background: rgba(124,109,242,.06); color: var(--home-text); }
.home-module-strip i { color: #8478ed; transition: transform 220ms ease,color 220ms ease; }.home-module-strip span:hover i { color: var(--home-cyan); transform: translateY(-2px) scale(1.08); }

.home-section { position: relative; padding: clamp(5rem,9vw,8.5rem) 1.5rem; background: var(--home-bg); }
.home-section-muted { background: var(--home-bg-soft); }.home-section-inner { width: min(100%,1280px); margin: 0 auto; }
.home-section-header { max-width: 810px; margin-bottom: 3.5rem; }.home-section-kicker { color: var(--home-primary-bright); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.home-section h2 { margin-top: .8rem; color: var(--home-text); font-size: clamp(2.4rem,4.5vw,4.25rem); font-weight: 750; line-height: 1.06; text-wrap: balance; }
.home-section-header > p:last-child { max-width: 740px; margin-top: 1.2rem; color: var(--home-text-muted); font-size: 1rem; line-height: 1.8; }

.home-value-section { border-bottom: 1px solid var(--home-border); background: var(--home-bg-raised); padding: 2.2rem 1.5rem; }
.home-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }.home-value-grid article { display: flex; gap: .95rem; min-width: 0; padding: .45rem 1.4rem; border-right: 1px solid var(--home-border); transition: transform 220ms ease; }
.home-value-grid article:first-child { padding-left: 0; }.home-value-grid article:last-child { border-right: 0; }.home-value-grid article:hover { transform: translateY(-3px); }
.home-value-grid article > i { margin-top: .12rem; color: var(--home-primary-bright); font-size: 1rem; }.home-value-grid strong,.home-value-grid span { display: block; }.home-value-grid strong { color: var(--home-text); font-size: .86rem; }.home-value-grid span { margin-top: .3rem; color: var(--home-text-muted); font-size: .75rem; line-height: 1.55; }

.home-module-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.home-module-card { position: relative; overflow: hidden; min-height: 20rem; border: 1px solid var(--home-border); border-radius: 1.25rem; background: linear-gradient(145deg,var(--home-surface),rgba(12,16,29,.52)); padding: 1.65rem; box-shadow: inset 0 1px rgba(255,255,255,.025); transition: transform 300ms cubic-bezier(.2,.8,.2,1),border-color 300ms ease,box-shadow 300ms ease; }
html:not(.dark) .home-module-card { background: linear-gradient(145deg,#fff,#f7f8fc); }
.home-module-card::after { content: ''; position: absolute; inset: auto -30% -60% 20%; height: 12rem; border-radius: 50%; background: var(--card-glow,rgba(124,109,242,.13)); filter: blur(45px); opacity: 0; transition: opacity 300ms ease; }
.home-module-card:hover { z-index: 2; border-color: var(--home-border-strong); transform: translateY(-8px); box-shadow: 0 26px 65px rgba(0,0,0,.25); }.home-module-card:hover::after { opacity: 1; }
.home-module-card:nth-child(2) { --card-glow: rgba(72,214,232,.13); }.home-module-card:nth-child(3) { --card-glow: rgba(68,215,155,.13); }.home-module-card:nth-child(4) { --card-glow: rgba(244,165,69,.14); }.home-module-card:nth-child(5) { --card-glow: rgba(236,93,138,.13); }.home-module-card:nth-child(6) { --card-glow: rgba(186,104,255,.14); }
.home-module-icon { position: relative; z-index: 1; width: 3rem; height: 3rem; display: grid; place-items: center; border: 1px solid rgba(129,140,248,.2); border-radius: .85rem; background: rgba(124,109,242,.1); color: #a89eff; box-shadow: inset 0 1px rgba(255,255,255,.06); }
.home-module-card:nth-child(2) .home-module-icon { background: rgba(72,214,232,.09); color: #65dce9; }.home-module-card:nth-child(3) .home-module-icon { background: rgba(68,215,155,.09); color: #5ee2ad; }.home-module-card:nth-child(4) .home-module-icon { background: rgba(244,165,69,.1); color: #f5b969; }.home-module-card:nth-child(5) .home-module-icon { background: rgba(236,93,138,.1); color: #ee8bac; }.home-module-card:nth-child(6) .home-module-icon { background: rgba(186,104,255,.1); color: #c28aff; }
.home-module-card h3 { position: relative; z-index: 1; margin-top: 1.25rem; color: var(--home-text); font-size: 1.1rem; font-weight: 750; letter-spacing: -.02em; }.home-module-card p { position: relative; z-index: 1; margin-top: .65rem; color: var(--home-text-muted); font-size: .88rem; line-height: 1.7; }.home-module-card ul { position: relative; z-index: 1; display: grid; gap: .58rem; margin-top: 1.15rem; color: var(--home-text-soft); font-size: .78rem; }.home-module-card li { display: flex; align-items: flex-start; gap: .55rem; }.home-module-card li i { margin-top: .28rem; color: var(--home-green); font-size: .52rem; }

.home-system-section { overflow: hidden; background: radial-gradient(circle at 82% 16%,rgba(72,214,232,.07),transparent 22%),radial-gradient(circle at 8% 62%,rgba(124,109,242,.1),transparent 24%),var(--home-bg-soft); }
.home-system-header { max-width: none; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); gap: clamp(2rem,6vw,6rem); align-items: end; }
.home-system-header > p { color: var(--home-text-muted); font-size: .96rem; line-height: 1.8; }
.home-system-stage { position: relative; min-height: 36rem; margin-bottom: 1.25rem; padding: 2rem 15rem 2rem 2rem; border: 1px solid var(--home-border); border-radius: 1.45rem; background: linear-gradient(145deg,rgba(17,23,40,.78),rgba(8,11,21,.94)); box-shadow: var(--home-shadow); }
html:not(.dark) .home-system-stage { background: linear-gradient(145deg,#fff,#edf1f8); }
.home-system-stage::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(115deg,rgba(124,109,242,.08),transparent 35%,rgba(72,214,232,.045)); }
.home-system-screen { position: relative; z-index: 1; overflow: hidden; height: 100%; border: 1px solid rgba(148,163,184,.18); border-radius: 1rem; background: #090d18; box-shadow: 0 30px 80px rgba(0,0,0,.36); }
.home-system-screen-bar { min-height: 3rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid rgba(148,163,184,.12); background: #111728; color: #758096; font-size: .68rem; }
.home-system-screen-bar > span { display: flex; gap: .35rem; }.home-system-screen-bar > span i { width: .46rem; height: .46rem; border-radius: 50%; background: #e45e6b; }.home-system-screen-bar > span i:nth-child(2) { background: #e8b950; }.home-system-screen-bar > span i:last-child { background: #47c989; }
.home-system-screen-bar b { color: #b9c1d2; font-weight: 700; }.home-system-screen-bar b i { margin-right: .35rem; color: #8579ed; }.home-system-screen-bar em { justify-self: end; color: #4bd29b; font-style: normal; }
.home-system-screen figure { padding: .8rem; background: radial-gradient(circle at 50% 0,rgba(124,109,242,.1),transparent 36%); }.home-system-screen img { display: block; width: 100%; min-height: 26rem; object-fit: cover; object-position: top; border-radius: .65rem; }
.home-system-screen-footer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(148,163,184,.11); background: #0e1423; }.home-system-screen-footer span { min-height: 3rem; display: flex; align-items: center; justify-content: center; gap: .45rem; border-right: 1px solid rgba(148,163,184,.11); color: #7e899e; font-size: .64rem; font-weight: 650; }.home-system-screen-footer span:last-child { border-right: 0; }.home-system-screen-footer i { color: #55dba5; }
.home-system-pulse { position: absolute; top: 50%; right: 1.35rem; z-index: 3; width: 16.5rem; display: grid; gap: .7rem; transform: translateY(-50%); }
.home-system-pulse article { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; border: 1px solid rgba(148,163,184,.17); border-radius: .85rem; padding: .8rem; background: rgba(15,21,37,.88); color: #ecf0f8; box-shadow: 0 18px 46px rgba(0,0,0,.28); backdrop-filter: blur(16px); transition: transform 220ms ease,border-color 220ms ease; }.home-system-pulse article:hover { border-color: rgba(129,140,248,.34); transform: translateX(-5px); }
.home-system-pulse article > span { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: .65rem; }.home-system-pulse .is-green { background: rgba(68,215,155,.11); color: #55dda8; }.home-system-pulse .is-violet { background: rgba(124,109,242,.13); color: #a79cff; }.home-system-pulse .is-cyan { background: rgba(72,214,232,.11); color: #63deeb; }
.home-system-pulse article div { display: grid; gap: .12rem; }.home-system-pulse article small { color: #788399; font-size: .58rem; }.home-system-pulse article strong { font-size: .7rem; white-space: nowrap; }.home-system-pulse article > i { color: #5b667b; font-size: .7rem; }
.home-system-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.home-system-card { --system-accent: #9d91ff; position: relative; overflow: hidden; display: grid; grid-template-columns: auto 1fr; gap: 1rem; border: 1px solid var(--home-border); border-radius: 1.15rem; padding: 1.5rem; background: var(--home-surface); transition: transform 280ms cubic-bezier(.2,.8,.2,1),border-color 280ms ease,box-shadow 280ms ease; }
.home-system-card::after { content: ''; position: absolute; right: -4rem; bottom: -5rem; width: 10rem; height: 10rem; border-radius: 50%; background: color-mix(in srgb,var(--system-accent) 16%,transparent); filter: blur(38px); opacity: .35; transition: opacity 280ms ease,transform 280ms ease; }
.home-system-card:hover { border-color: color-mix(in srgb,var(--system-accent) 35%,transparent); transform: translateY(-7px); box-shadow: 0 24px 58px rgba(0,0,0,.22); }.home-system-card:hover::after { opacity: .8; transform: scale(1.25); }
.home-system-card.is-operations { --system-accent: #48d6e8; }.home-system-card.is-finance { --system-accent: #44d79b; }.home-system-card.is-accounting { --system-accent: #f0ad58; }.home-system-card.is-compliance { --system-accent: #e878a3; }.home-system-card.is-collaboration { --system-accent: #bd83ff; }
.home-system-card-icon { position: relative; z-index: 1; width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--system-accent) 24%,transparent); border-radius: .78rem; background: color-mix(in srgb,var(--system-accent) 10%,transparent); color: var(--system-accent); }
.home-system-card > div { position: relative; z-index: 1; }.home-system-card small { color: var(--system-accent); font-size: .59rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.home-system-card h3 { margin-top: .35rem; color: var(--home-text); font-size: 1rem; font-weight: 750; line-height: 1.35; }.home-system-card p { position: relative; z-index: 1; grid-column: 1/-1; color: var(--home-text-muted); font-size: .81rem; line-height: 1.7; }.home-system-card ul { position: relative; z-index: 1; grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: .45rem; }.home-system-card li { border: 1px solid var(--home-border); border-radius: 999px; padding: .35rem .58rem; color: var(--home-text-soft); background: rgba(255,255,255,.02); font-size: .64rem; font-weight: 650; }
.home-system-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; margin-top: 1rem; border: 1px solid var(--home-border); border-radius: 1rem; padding: 1rem 1.2rem; background: rgba(124,109,242,.045); }.home-system-note > i { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: .65rem; background: rgba(124,109,242,.12); color: var(--home-primary-bright); }.home-system-note p { color: var(--home-text-muted); font-size: .78rem; }.home-system-note p strong { color: var(--home-text-soft); }.home-system-note > span { color: var(--home-text-muted); font-size: .65rem; font-weight: 650; white-space: nowrap; }

.home-tour-section { overflow: hidden; background: var(--home-bg); }.home-tour { overflow: hidden; border: 1px solid var(--home-border); border-radius: 1.35rem; background: var(--home-bg-raised); box-shadow: var(--home-shadow); }
.home-tour-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--home-border); background: rgba(255,255,255,.015); }
.home-tour-tabs button { position: relative; min-height: 4.6rem; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; border-right: 1px solid var(--home-border); color: var(--home-text-muted); font-size: .82rem; font-weight: 750; transition: background 220ms ease,color 220ms ease; }
.home-tour-tabs button:last-child { border-right: 0; }.home-tour-tabs button::after { content: ''; position: absolute; right: 15%; bottom: -1px; left: 15%; height: 2px; background: linear-gradient(90deg,var(--home-primary),var(--home-cyan)); transform: scaleX(0); transition: transform 240ms ease; }.home-tour-tabs button:hover { background: rgba(124,109,242,.05); color: var(--home-text-soft); }.home-tour-tabs button.is-active { background: rgba(124,109,242,.08); color: #c7c1ff; }.home-tour-tabs button.is-active::after { transform: scaleX(1); }
.home-tour-panel { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.6fr); min-height: 38rem; animation: home-panel-in 420ms cubic-bezier(.2,.8,.2,1); }.home-tour-panel[hidden] { display: none; }
.home-tour-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem,4vw,3.4rem); border-right: 1px solid var(--home-border); background: var(--home-surface); }.home-tour-copy > span { color: var(--home-primary-bright); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.home-tour-copy h3 { margin-top: .85rem; color: var(--home-text); font-size: clamp(1.45rem,2.2vw,2rem); font-weight: 750; line-height: 1.24; }.home-tour-copy p { margin-top: 1rem; color: var(--home-text-muted); font-size: .9rem; line-height: 1.75; }.home-tour-copy ul { display: grid; gap: .75rem; margin-top: 1.6rem; color: var(--home-text-soft); font-size: .82rem; font-weight: 650; }.home-tour-copy li { display: flex; gap: .6rem; align-items: flex-start; }.home-tour-copy li i { margin-top: .25rem; color: var(--home-green); }
.home-tour-panel figure { min-width: 0; display: flex; align-items: center; padding: clamp(1rem,3vw,2.5rem); background: radial-gradient(circle at 50% 30%,rgba(91,75,216,.12),transparent 48%),#090d18; }.home-tour-panel img { display: block; width: 100%; max-height: 32rem; object-fit: contain; border: 1px solid rgba(148,163,184,.18); border-radius: .8rem; background: #0b1020; box-shadow: 0 26px 65px rgba(0,0,0,.4); transition: transform 400ms ease; }.home-tour-panel figure:hover img { transform: scale(1.015); }

.home-product-section { background: var(--home-bg-soft); }.home-product-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.1rem; }.home-product-shot { overflow: hidden; border: 1px solid var(--home-border); border-radius: 1.15rem; background: #090d18; box-shadow: 0 24px 60px rgba(0,0,0,.24); transition: transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease; }.home-product-shot:hover { border-color: var(--home-border-strong); transform: translateY(-7px); box-shadow: 0 34px 80px rgba(0,0,0,.34); }.home-product-shot-wide { grid-column: 1/-1; }.home-product-shot img { display: block; width: 100%; height: auto; transition: transform 700ms cubic-bezier(.2,.8,.2,1); }.home-product-shot:hover img { transform: scale(1.018); }.home-product-gallery .home-product-shot:not(.home-product-shot-wide) img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top; }.home-product-shot figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem 1.25rem; border-top: 1px solid rgba(148,163,184,.1); color: #7f899d; font-size: .76rem; }.home-product-shot figcaption strong { color: #eef0f8; font-family: 'Manrope',sans-serif; }

.home-capability-list { border-top: 1px solid var(--home-border); }.home-capability-row { display: grid; grid-template-columns: minmax(240px,.9fr) minmax(260px,1fr) minmax(260px,.9fr); gap: 2rem; align-items: start; padding: 2.3rem 1rem; border-bottom: 1px solid var(--home-border); transition: background 220ms ease,padding 220ms ease; }.home-capability-row:hover { padding-inline: 1.4rem; background: rgba(124,109,242,.035); }.home-capability-heading { display: flex; gap: 1rem; align-items: flex-start; }.home-capability-icon { width: 2.8rem; height: 2.8rem; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(129,140,248,.2); border-radius: .8rem; background: rgba(124,109,242,.1); color: #a89eff; }.home-capability-heading span:not(.home-capability-icon) { color: var(--home-primary-bright); font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.home-capability-heading h3 { margin-top: .4rem; color: var(--home-text); font-size: 1.02rem; font-weight: 750; line-height: 1.4; }.home-capability-row > p { color: var(--home-text-muted); font-size: .88rem; line-height: 1.75; }.home-capability-row ul { display: grid; gap: .65rem; color: var(--home-text-soft); font-size: .8rem; font-weight: 650; }.home-capability-row li { display: flex; gap: .55rem; align-items: flex-start; }.home-capability-row li i { margin-top: .25rem; color: var(--home-green); }

.home-workflow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--home-border); border-radius: 1.15rem; background: var(--home-bg-raised); }.home-workflow-step { position: relative; min-height: 15rem; padding: 1.8rem; border-right: 1px solid var(--home-border); transition: background 220ms ease; }.home-workflow-step:last-child { border-right: 0; }.home-workflow-step:hover { background: rgba(124,109,242,.05); }.home-workflow-number { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1px solid rgba(129,140,248,.22); border-radius: 50%; color: var(--home-primary-bright); font-size: .65rem; font-weight: 850; }.home-workflow-step:not(:last-child)::after { content: '\f061'; position: absolute; top: 2.35rem; right: -.55rem; z-index: 2; width: 1.1rem; height: 1.1rem; display: grid; place-items: center; border-radius: 50%; background: var(--home-bg-soft); color: #606a7e; font-family: 'Font Awesome 6 Free'; font-size: .5rem; font-weight: 900; }.home-workflow-step h3 { margin-top: 2.1rem; color: var(--home-text); font-size: 1rem; font-weight: 750; }.home-workflow-step p { margin-top: .7rem; color: var(--home-text-muted); font-size: .83rem; line-height: 1.7; }

.home-trust-section { overflow: hidden; background: radial-gradient(circle at 90% 20%,rgba(72,214,232,.08),transparent 28%),radial-gradient(circle at 10% 80%,rgba(124,109,242,.12),transparent 28%),#080b15; }.home-trust-section .home-section-kicker { color: #7ce0ec; }.home-trust-section h2 { color: #fff; }.home-trust-section .home-section-header > p:last-child { color: #8e98ab; }.home-trust-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }.home-trust-grid article { position: relative; overflow: hidden; border: 1px solid rgba(148,163,184,.14); border-radius: 1.05rem; padding: 1.55rem; background: rgba(17,23,40,.66); backdrop-filter: blur(12px); transition: transform 260ms ease,border-color 260ms ease; }.home-trust-grid article:hover { border-color: rgba(72,214,232,.28); transform: translateY(-6px); }.home-trust-grid article > i { color: #6edcea; font-size: 1.1rem; }.home-trust-grid h3 { margin-top: 1.1rem; color: #f7f8ff; font-size: .96rem; font-weight: 750; }.home-trust-grid p { margin-top: .6rem; color: #8993a8; font-size: .8rem; line-height: 1.7; }.home-text-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.7rem; color: var(--home-primary-bright); font-size: .85rem; font-weight: 750; transition: color 180ms ease,gap 180ms ease; }.home-text-link:hover { gap: .8rem; color: var(--home-cyan); }

.landing-pricing { background: var(--home-bg); }.landing-pricing .upgrade-packages-grid { grid-template-columns: repeat(var(--upgrade-package-columns,4),minmax(0,1fr)); }.landing-pricing .upgrade-package-card { border-color: var(--home-border) !important; border-radius: 1.2rem !important; background: var(--home-surface-solid) !important; color: var(--home-text); box-shadow: none !important; transition: transform 280ms ease,border-color 280ms ease,box-shadow 280ms ease; }.landing-pricing .upgrade-package-card:hover { border-color: var(--home-border-strong) !important; transform: translateY(-8px); box-shadow: 0 26px 65px rgba(0,0,0,.24) !important; }.landing-pricing .upgrade-package-card h3,.landing-pricing .upgrade-package-card .text-gray-700 { color: var(--home-text) !important; }.landing-pricing .upgrade-package-card .text-gray-600,.landing-pricing .upgrade-package-card .text-gray-500,.landing-pricing .upgrade-package-card .text-gray-400 { color: var(--home-text-muted) !important; }.landing-pricing .upgrade-package-card .border-gray-100 { border-color: var(--home-border) !important; }.landing-pricing .checkout-package-action { margin-top: 1.5rem; }
.pricing-page-section .home-section-inner { max-width: 1280px; }.pricing-page-section .upgrade-packages-grid { grid-template-columns: repeat(2,minmax(340px,1fr)) !important; }.pricing-page-section .upgrade-package-card { display: flex; min-width: 0; flex-direction: column; padding: clamp(1.6rem,3vw,2.35rem) !important; }.pricing-page-section .checkout-package-action { margin-top: auto !important; padding-top: 1.75rem; }.pricing-page-section .checkout-premium-package { min-height: 3.5rem; text-align: center; }
.home-comparison-wrap { margin-top: 5rem; border-top: 1px solid var(--home-border); padding-top: 3rem; }.home-comparison-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }.home-comparison-heading h3 { margin-top: .5rem; color: var(--home-text); font-size: 1.5rem; font-weight: 750; }.home-comparison-heading > span { max-width: 390px; color: var(--home-text-muted); font-size: .78rem; line-height: 1.6; text-align: right; }.home-comparison-scroll { overflow-x: auto; border: 1px solid var(--home-border); border-radius: 1rem; background: var(--home-bg-raised); }.home-plan-comparison table { width: 100%; min-width: 760px; border-collapse: collapse; background: transparent; }.home-plan-comparison th,.home-plan-comparison td { padding: 1rem; border-bottom: 1px solid var(--home-border); text-align: center; color: var(--home-text-soft); font-size: .78rem; }.home-plan-comparison thead th { background: rgba(124,109,242,.07); color: var(--home-text); font-weight: 800; }.home-plan-comparison thead th:first-child,.home-plan-comparison tbody th { position: sticky; left: 0; z-index: 1; width: 230px; text-align: left; }.home-plan-comparison tbody th { background: var(--home-bg-raised); color: var(--home-text-soft); font-weight: 650; }.home-comparison-status { width: 1.65rem; height: 1.65rem; display: inline-grid; place-items: center; border-radius: 50%; }.home-comparison-status.is-included { background: rgba(68,215,155,.12); color: #5ee2ad; }.home-comparison-status.is-excluded { background: rgba(148,163,184,.08); color: #657086; }.home-comparison-loading { padding: 2rem; color: var(--home-text-muted); text-align: center; }.home-comparison-loading i { margin-right: .5rem; }

.home-faq-layout { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 5rem; align-items: start; }.home-faq-layout .home-section-header { position: sticky; top: 7rem; margin-bottom: 0; }.home-faq-list { border-top: 1px solid var(--home-border); }.home-faq-list details { border-bottom: 1px solid var(--home-border); }.home-faq-list summary { min-height: 4.8rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; color: var(--home-text-soft); font-size: .9rem; font-weight: 700; list-style: none; transition: color 180ms ease,padding 180ms ease; }.home-faq-list summary:hover { padding-left: .5rem; color: var(--home-text); }.home-faq-list summary::-webkit-details-marker { display: none; }.home-faq-list summary i { color: var(--home-primary-bright); transition: transform 260ms ease; }.home-faq-list details[open] summary { color: var(--home-text); }.home-faq-list details[open] summary i { transform: rotate(180deg); }.home-faq-list details p { max-width: 780px; padding: 0 2.5rem 1.5rem 0; color: var(--home-text-muted); font-size: .86rem; line-height: 1.75; animation: home-panel-in 250ms ease; }

.home-cta { position: relative; overflow: hidden; border-block: 1px solid var(--home-border); background: radial-gradient(circle at 50% 0%,rgba(124,109,242,.18),transparent 46%),#090c16; color: #fff; }.home-cta::before { content: ''; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 54px 54px; }.home-cta-inner { position: relative; width: min(100%,960px); margin: 0 auto; padding: 7rem 1.5rem; text-align: center; }.home-cta h2 { color: #fff; font-size: clamp(2.5rem,5vw,4.4rem); font-weight: 750; line-height: 1.08; }.home-cta p { max-width: 680px; margin: 1.2rem auto 0; color: #929caf; font-size: 1rem; line-height: 1.7; }
.home-footer { border-top: 1px solid var(--home-border); background: var(--home-bg); }.home-footer-inner { width: min(100%,1280px); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 3rem 1.5rem; }.home-footer .text-gray-500 { color: var(--home-text-muted) !important; }.home-footer-links { display: flex; flex-wrap: wrap; gap: 1.3rem; color: var(--home-text-muted); font-size: .78rem; }.home-footer-links a { transition: color 180ms ease; }.home-footer-links a:hover { color: var(--home-primary-bright); }

.home-info-page { min-height: calc(100vh - 5rem); background: var(--home-bg-soft); padding: 5rem 1.5rem 7rem; }.home-info-hero,.home-info-content { width: min(100%,1080px); margin: 0 auto; }.home-info-hero h1 { margin-top: .8rem; color: var(--home-text); font-size: clamp(2.7rem,6vw,4.5rem); font-weight: 750; line-height: 1.05; }.home-info-hero > p:not(.home-section-kicker) { max-width: 760px; margin-top: 1rem; color: var(--home-text-muted); font-size: 1rem; line-height: 1.75; }.home-info-content { margin-top: 3rem; border-top: 1px solid var(--home-border); }.home-info-row { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 3rem; padding: 2.2rem 0; border-bottom: 1px solid var(--home-border); }.home-info-row h2 { color: var(--home-text); font-size: 1.05rem; font-weight: 750; }.home-info-row h2 i { width: 1.7rem; color: var(--home-primary-bright); }.home-info-row p,.home-info-row li { color: var(--home-text-muted); line-height: 1.75; }.home-info-row ul { display: grid; gap: .5rem; }.home-info-note { margin-top: 1rem; color: var(--home-text-soft); font-size: .82rem; }
.home-legal-meta { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.4rem; }.home-legal-meta span { border: 1px solid var(--home-border); border-radius: 999px; padding: .45rem .7rem; background: var(--home-surface); color: var(--home-text-muted); font-size: .72rem; font-weight: 700; }.home-legal-alert { width: min(100%,1080px); margin: 2rem auto 0; display: grid; grid-template-columns: auto 1fr; gap: 1rem; border: 1px solid rgba(244,165,69,.35); border-radius: 1rem; padding: 1.1rem 1.25rem; background: rgba(244,165,69,.08); color: var(--home-text-soft); }.home-legal-alert i { margin-top: .2rem; color: #f4a545; }.home-legal-alert strong { display: block; margin-bottom: .25rem; color: var(--home-text); }.home-info-row h3 { margin: 1.35rem 0 .45rem; color: var(--home-text-soft); font-size: .9rem; font-weight: 750; }.home-info-row h3:first-child { margin-top: 0; }.home-info-row a { color: var(--home-primary-bright); text-decoration: underline; text-decoration-color: rgba(157,145,255,.4); text-underline-offset: .2rem; }.home-info-row address { color: var(--home-text-muted); font-style: normal; line-height: 1.8; }.home-legal-placeholder { display: inline-block; border-radius: .35rem; padding: .05rem .35rem; background: rgba(244,165,69,.13); color: #f4bd73; font-weight: 700; }.home-legal-table { width: 100%; border-collapse: collapse; margin-top: .8rem; color: var(--home-text-muted); font-size: .86rem; }.home-legal-table th,.home-legal-table td { border-bottom: 1px solid var(--home-border); padding: .8rem .7rem; text-align: left; vertical-align: top; line-height: 1.6; }.home-legal-table th { color: var(--home-text-soft); font-weight: 750; }.home-legal-table th:first-child,.home-legal-table td:first-child { padding-left: 0; }.home-legal-table th:last-child,.home-legal-table td:last-child { padding-right: 0; }

/* Complete light appearance for public and landing pages. */
html:not(.dark) .home-header nav a.is-active { color: #4338ca !important; }
html:not(.dark) .home-beta { border-color: rgba(79,70,229,.2); background: rgba(79,70,229,.08) !important; color: #4338ca !important; }
html:not(.dark) .landing-body .theme-toggle { background: rgba(255,255,255,.82); }
html:not(.dark) .home-hero { background: radial-gradient(circle at 78% 42%,rgba(99,102,241,.11),transparent 30%),radial-gradient(circle at 18% 20%,rgba(8,145,178,.07),transparent 30%),var(--home-bg); color: var(--home-text); }
html:not(.dark) .home-hero::before,
html:not(.dark) .home-page-hero::before { background-image: linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px); }
html:not(.dark) .home-hero-ambient span { opacity: .08; }
html:not(.dark) .home-eyebrow { border-color: rgba(79,70,229,.2); background: rgba(79,70,229,.07); color: #4f46e5; }
html:not(.dark) .home-hero h1 { color: var(--home-text); }
html:not(.dark) .home-hero-lead { color: var(--home-text-soft); }
html:not(.dark) .home-secondary-action { border-color: var(--home-border); background: rgba(255,255,255,.82); color: var(--home-text-soft); box-shadow: 0 10px 28px rgba(30,41,59,.08); }
html:not(.dark) .home-secondary-action i { background: rgba(79,70,229,.08); }
html:not(.dark) .home-hero-facts,
html:not(.dark) .home-scroll-cue { color: var(--home-text-muted); }
html:not(.dark) .home-float-card { border-color: var(--home-border); background: rgba(255,255,255,.9); color: var(--home-text); box-shadow: 0 20px 48px rgba(30,41,59,.16); }
html:not(.dark) .home-float-card small { color: var(--home-text-muted); }
html:not(.dark) .home-hero-orbit i { border-color: var(--home-border); background: #fff; box-shadow: 0 10px 25px rgba(30,41,59,.12); }
html:not(.dark) .home-system-pulse article { border-color: var(--home-border); background: rgba(255,255,255,.92); color: var(--home-text); box-shadow: 0 16px 38px rgba(30,41,59,.13); }
html:not(.dark) .home-system-pulse article small,
html:not(.dark) .home-system-pulse article > i { color: var(--home-text-muted); }
html:not(.dark) .home-system-card li { background: rgba(79,70,229,.035); }
html:not(.dark) .home-tour-tabs button.is-active { color: #4338ca; }
html:not(.dark) .home-tour-panel figure { background: radial-gradient(circle at 50% 30%,rgba(99,102,241,.09),transparent 48%),#eef1f8; }
html:not(.dark) .home-product-shot { background: #fff; box-shadow: 0 20px 48px rgba(30,41,59,.13); }
html:not(.dark) .home-product-shot figcaption { color: var(--home-text-muted); }
html:not(.dark) .home-product-shot figcaption strong { color: var(--home-text); }
html:not(.dark) .home-trust-section { background: radial-gradient(circle at 90% 20%,rgba(8,145,178,.07),transparent 28%),radial-gradient(circle at 10% 80%,rgba(79,70,229,.08),transparent 28%),var(--home-bg-soft); }
html:not(.dark) .home-trust-section .home-section-kicker { color: #0891b2; }
html:not(.dark) .home-trust-section h2 { color: var(--home-text); }
html:not(.dark) .home-trust-section .home-section-header > p:last-child { color: var(--home-text-muted); }
html:not(.dark) .home-trust-grid article { border-color: var(--home-border); background: rgba(255,255,255,.78); }
html:not(.dark) .home-trust-grid article > i { color: #0891b2; }
html:not(.dark) .home-trust-grid h3 { color: var(--home-text); }
html:not(.dark) .home-trust-grid p { color: var(--home-text-muted); }
html:not(.dark) .home-cta { background: radial-gradient(circle at 50% 0%,rgba(99,102,241,.12),transparent 48%),var(--home-bg-raised); color: var(--home-text); }
html:not(.dark) .home-cta::before { background-image: linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px); }
html:not(.dark) .home-cta h2 { color: var(--home-text); }
html:not(.dark) .home-cta p { color: var(--home-text-muted); }
html:not(.dark) .home-legal-placeholder { color: #a75306; }

.module-detail-page { min-height: 100vh; background: var(--home-bg); }
.module-detail-hero { position: relative; overflow: hidden; display: grid; justify-items: center; padding: clamp(5rem,9vw,8rem) 1.5rem clamp(4.5rem,7vw,6.5rem); text-align: center; background: radial-gradient(circle at 50% 20%,rgba(124,109,242,.2),transparent 34%),var(--home-bg); }
.module-detail-hero h1 { max-width: 980px; margin-top: 1.15rem; color: var(--home-text); font-size: clamp(3rem,5.8vw,5.6rem); font-weight: 800; line-height: 1; letter-spacing: -.06em; text-wrap: balance; }
.module-detail-hero > p:not(.home-section-kicker) { max-width: 780px; margin-top: 1.4rem; color: var(--home-text-soft); font-size: clamp(1rem,1.4vw,1.18rem); line-height: 1.75; }.module-detail-hero .home-hero-actions { justify-content: center; }
.module-detail-icon { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; margin-bottom: 1.2rem; border: 1px solid rgba(124,109,242,.3); border-radius: 1rem; background: rgba(124,109,242,.1); color: var(--home-primary-bright); font-size: 1.25rem; box-shadow: 0 15px 35px rgba(48,38,115,.24); }
.module-detail-back { position: absolute; top: 2rem; left: max(1.5rem,calc((100% - 1280px)/2)); display: inline-flex; align-items: center; gap: .55rem; color: var(--home-text-muted); font-size: .78rem; font-weight: 750; transition: color 180ms ease,transform 180ms ease; }.module-detail-back:hover { color: var(--home-text); transform: translateX(-3px); }
.module-detail-stats { display: grid; max-width: 1280px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: -1.5rem auto 0; border: 1px solid var(--home-border); border-radius: 1.1rem; padding: 1.1rem; background: var(--home-surface-solid); box-shadow: var(--home-shadow); }.module-detail-stats article { display: grid; gap: .32rem; border-right: 1px solid var(--home-border); padding: .55rem 1.3rem; }.module-detail-stats article:last-child { border-right: 0; }.module-detail-stats small { color: var(--home-text-muted); font-size: .68rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }.module-detail-stats strong { color: var(--home-text); font-family: 'Manrope',sans-serif; font-size: 1rem; }
.module-detail-visual { padding-top: clamp(5rem,8vw,7rem); }.module-detail-visual-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }.module-detail-visual-heading h2 { max-width: 700px; margin-top: .7rem; color: var(--home-text); font-size: clamp(2.2rem,4vw,3.8rem); font-weight: 800; line-height: 1.05; }.module-detail-visual-heading > span { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid rgba(68,215,155,.22); border-radius: 999px; padding: .55rem .8rem; background: rgba(68,215,155,.07); color: #7ce7bb; font-size: .72rem; font-weight: 750; white-space: nowrap; }
.module-detail-main-shot,.module-detail-gallery figure { position: relative; overflow: hidden; border: 1px solid var(--home-border); border-radius: 1.25rem; background: #eef1f7; box-shadow: 0 34px 90px rgba(0,0,0,.3); }.module-detail-main-shot > span,.module-detail-gallery figure > span { position: absolute; top: 1rem; right: 1rem; z-index: 2; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; padding: .42rem .7rem; background: rgba(21,27,47,.82); color: #ddd9ff; font-size: .62rem; font-weight: 850; letter-spacing: .1em; backdrop-filter: blur(12px); }.module-detail-main-shot img,.module-detail-gallery img { display: block; width: 100%; height: auto; }
.module-detail-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; margin-top: 1.25rem; }.module-detail-gallery figure { box-shadow: 0 20px 55px rgba(0,0,0,.2); }
.module-detail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }.module-detail-card { min-height: 15rem; border: 1px solid var(--home-border); border-radius: 1rem; padding: 1.5rem; background: var(--home-surface-solid); transition: transform 220ms ease,border-color 220ms ease; }.module-detail-card:hover { border-color: var(--home-border-strong); transform: translateY(-5px); }.module-detail-card > span { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .8rem; background: rgba(124,109,242,.1); color: var(--home-primary-bright); }.module-detail-card h2 { margin-top: 1.5rem; color: var(--home-text); font-size: 1.05rem; font-weight: 800; }.module-detail-card p { margin-top: .75rem; color: var(--home-text-muted); font-size: .88rem; line-height: 1.65; }
.module-detail-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--home-border); border-radius: 1.1rem; background: var(--home-surface-solid); }.module-detail-steps article { min-height: 14rem; border-right: 1px solid var(--home-border); padding: 1.7rem; }.module-detail-steps article:last-child { border-right: 0; }.module-detail-steps b { color: var(--home-cyan); font-size: .72rem; letter-spacing: .12em; }.module-detail-steps h2 { margin-top: 2.4rem; color: var(--home-text); font-size: 1.15rem; font-weight: 800; }.module-detail-steps p { margin-top: .7rem; color: var(--home-text-muted); line-height: 1.65; }
.module-related { display: grid; max-width: 1280px; grid-template-columns: .75fr 1.25fr; gap: 4rem; align-items: center; margin: 0 auto; padding: clamp(5rem,8vw,7rem) 1.5rem; }.module-related h2 { max-width: 430px; margin-top: .7rem; color: var(--home-text); font-size: clamp(2rem,3vw,3rem); font-weight: 800; line-height: 1.1; }.module-related nav { display: grid; gap: .7rem; }.module-related nav a { display: grid; grid-template-columns: auto 1fr auto; gap: .9rem; align-items: center; border: 1px solid var(--home-border); border-radius: .9rem; padding: 1rem 1.1rem; background: var(--home-surface-solid); color: var(--home-text-soft); font-weight: 750; transition: transform 180ms ease,border-color 180ms ease; }.module-related nav a:hover { border-color: var(--home-border-strong); transform: translateX(5px); }.module-related nav a > i:first-child { color: var(--home-primary-bright); }

.landing-js [data-home-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 720ms cubic-bezier(.2,.8,.2,1),transform 720ms cubic-bezier(.2,.8,.2,1); transition-delay: var(--reveal-delay,0ms); }.landing-js [data-home-reveal].is-visible { opacity: 1; transform: translateY(0); }

@keyframes home-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-visual-enter { from { opacity: 0; transform: translate3d(50px,20px,0) scale(.96); } to { opacity: 1; transform: translate3d(0,0,0) scale(1); } }
@keyframes home-panel-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-drift { to { transform: translate3d(45px,-25px,0) scale(1.12); } }
@keyframes home-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes home-scroll { 0%,100% { opacity: .25; transform: scaleY(.5); transform-origin: top; } 50% { opacity: 1; transform: scaleY(1); } }

@media (max-width: 1120px) {
  .home-header .home-beta { display: none; }
  .home-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: 3rem; }.home-hero-orbit { display: none; }
  .home-value-grid,.home-trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-value-grid article:nth-child(2) { border-right: 0; }.home-value-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--home-border); padding-bottom: 1.2rem; }.home-value-grid article:nth-child(n+3) { padding-top: 1.2rem; }.home-value-grid article:nth-child(3) { padding-left: 0; }
  .landing-pricing .upgrade-packages-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-system-stage { padding-right: 11.5rem; }.home-system-pulse { width: 13.5rem; }.home-system-pulse article strong { white-space: normal; }.home-system-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 920px) {
  .home-hero { min-height: auto; }.home-hero-grid { grid-template-columns: minmax(0,1fr); gap: 5rem; padding: 6rem 1.5rem 8rem; }.home-hero-content { max-width: 720px; text-align: center; margin: 0 auto; }.home-eyebrow { margin-inline: auto; }.home-hero h1 { margin-inline: auto; font-size: clamp(3.6rem,11vw,6rem); }.home-hero-lead { margin-inline: auto; }.home-hero-actions,.home-hero-facts { justify-content: center; }.home-hero-visual { width: min(100%,760px); margin: 0 auto; }.home-product-window { transform: none; }
  .home-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-capability-row { grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr); }.home-capability-row ul { grid-column: 2; }.home-workflow { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-workflow-step:nth-child(2) { border-right: 0; }.home-workflow-step:nth-child(-n+2) { border-bottom: 1px solid var(--home-border); }.home-workflow-step:nth-child(2)::after { display: none; }.home-tour-panel { grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr); }
  .home-system-header { grid-template-columns: minmax(0,1fr); gap: 1.25rem; }.home-system-header > p { max-width: 720px; }.home-system-stage { min-height: auto; padding: 1.25rem; }.home-system-pulse { position: relative; top: auto; right: auto; width: auto; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 1rem; transform: none; }.home-system-pulse article { grid-template-columns: auto 1fr; }.home-system-pulse article > i { display: none; }.home-system-screen img { min-height: 20rem; }
}

@media (max-width: 760px) {
  .home-header > div { min-height: 3.8rem; flex-wrap: nowrap; padding-block: .55rem; }.home-header .home-beta { display: none; }.home-header #authNav { gap: .35rem; }.home-header #authNav a { padding: .55rem .7rem; }.home-header #authNav > a[href='login.html'] { width: 2.45rem; overflow: hidden; padding-inline: 0; font-size: 0; }.home-header #authNav > a[href='login.html'] i { margin: 0 !important; font-size: .82rem; }.home-header .language-picker { display: none; }.home-header .theme-toggle { gap: 0; padding: .35rem .45rem; }.home-header .theme-toggle-icon { display: none; }
  .home-hero-grid { padding: 4.7rem 1rem 7rem; }.home-hero h1 { font-size: clamp(3.1rem,16vw,4.7rem); }.home-hero-lead { font-size: .97rem; }.home-scroll-cue { display: none; }.home-float-card-income { top: -2rem; right: .5rem; }.home-float-card-status { bottom: -2rem; left: .5rem; }
  .home-module-strip-inner { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 1rem; }.home-module-strip span { min-height: 3.7rem; border-bottom: 1px solid var(--home-border); }.home-module-strip span:nth-child(even) { border-right: 0; }.home-module-strip span:nth-last-child(-n+2) { border-bottom: 0; }.home-module-strip span:first-child { border-left: 0; }
  .home-section { padding: 5rem 1rem; }.home-section h2 { font-size: clamp(2.25rem,11vw,3.25rem); }.home-value-section { padding-inline: 1rem; }.home-value-grid,.home-trust-grid,.home-faq-layout,.home-info-row { grid-template-columns: minmax(0,1fr); }.home-value-grid article { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--home-border); }.home-value-grid article:first-child { padding-top: 0; }.home-value-grid article:last-child { padding-bottom: 0; border-bottom: 0; }
  .home-module-grid,.home-workflow,.home-product-gallery { grid-template-columns: minmax(0,1fr); }.home-module-card { min-height: auto; }.home-product-shot-wide { grid-column: auto; }.home-capability-row { grid-template-columns: minmax(0,1fr); gap: 1rem; padding-inline: 0; }.home-capability-row:hover { padding-inline: .6rem; }.home-capability-row ul { grid-column: auto; }.home-workflow-step,.home-workflow-step:nth-child(2) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--home-border); }.home-workflow-step:last-child { border-bottom: 0; }.home-workflow-step::after { display: none !important; }
  .home-system-grid,.home-system-pulse { grid-template-columns: minmax(0,1fr); }.home-system-screen-bar { grid-template-columns: 1fr auto; }.home-system-screen-bar b { display: none; }.home-system-screen img { min-height: 0; height: auto; object-fit: contain; }.home-system-screen-footer { grid-template-columns: minmax(0,1fr); }.home-system-screen-footer span { min-height: 2.4rem; border-right: 0; border-bottom: 1px solid rgba(148,163,184,.1); }.home-system-screen-footer span:last-child { border-bottom: 0; }.home-system-note { grid-template-columns: auto 1fr; }.home-system-note > span { grid-column: 2; white-space: normal; }
  .home-tour-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-tour-tabs button:nth-child(2) { border-right: 0; }.home-tour-tabs button:nth-child(-n+2) { border-bottom: 1px solid var(--home-border); }.home-tour-panel { grid-template-columns: minmax(0,1fr); min-height: auto; }.home-tour-copy { border-right: 0; border-bottom: 1px solid var(--home-border); padding: 1.5rem; }.home-tour-panel figure { padding: .75rem; }.home-tour-panel img { max-height: 22rem; }
  .home-comparison-heading { align-items: flex-start; flex-direction: column; gap: .75rem; }.home-comparison-heading > span { text-align: left; }.home-faq-layout { gap: 2rem; }.home-faq-layout .home-section-header { position: static; }.landing-pricing .upgrade-packages-grid,.pricing-page-section .upgrade-packages-grid { grid-template-columns: minmax(0,1fr) !important; }.home-cta-inner { padding-block: 5.5rem; }.home-footer-inner { align-items: flex-start; flex-direction: column; }.home-info-page { padding: 3.5rem 1rem 5rem; }.home-info-row { gap: 1rem; }.home-legal-alert { margin-top: 1.5rem; }.home-legal-table { display: block; overflow-x: auto; }
}

@media (max-width: 520px) {
  .home-primary-action,.home-secondary-action { width: 100%; }.home-hero-facts { display: grid; grid-template-columns: 1fr; justify-items: center; }.home-window-bar { grid-template-columns: 1fr auto; }.home-window-address { display: none; }.home-float-card { padding: .65rem .75rem; }.home-float-card-income { top: -2.6rem; }.home-float-card-status { right: .4rem; bottom: -2.7rem; left: auto; }.home-float-card-status small { display: none; }
}

@media (max-width: 920px) {
  .module-detail-stats { margin-inline: 1.25rem; grid-template-columns: repeat(2,minmax(0,1fr)); }.module-detail-stats article:nth-child(2) { border-right: 0; }.module-detail-stats article:nth-child(-n+2) { border-bottom: 1px solid var(--home-border); }.module-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.module-related { grid-template-columns: minmax(0,1fr); gap: 2rem; }.module-detail-visual-heading { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
  .module-detail-hero { padding-top: 5.5rem; }.module-detail-back { top: 1.25rem; left: 1rem; }.module-detail-stats { grid-template-columns: minmax(0,1fr); margin-top: 0; border-radius: 0; }.module-detail-stats article,.module-detail-stats article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--home-border); }.module-detail-stats article:last-child { border-bottom: 0; }.module-detail-visual-heading > span { align-items: flex-start; border-radius: .8rem; white-space: normal; }.module-detail-gallery,.module-detail-grid,.module-detail-steps { grid-template-columns: minmax(0,1fr); }.module-detail-card { min-height: auto; }.module-detail-steps article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--home-border); }.module-detail-steps article:last-child { border-bottom: 0; }.module-detail-steps h2 { margin-top: 1.2rem; }.module-related { padding-inline: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.landing-js [data-home-reveal] { opacity: 1; transform: none; }
}