:root {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  color: #f8fafc;
  background: #080d1b;
  --canvas: #080d1b;
  --surface: #0d1528;
  --card: #111c32;
  --card-soft: #0c1527;
  --line: #283755;
  --line-soft: rgba(83, 104, 139, .28);
  --text: #f8fafc;
  --muted: #a4b2c9;
  --subtle: #71819c;
  --purple: #7c3aed;
  --purple-light: #a78bfa;
  --cyan: #20d5f3;
  --green: #10b981;
  --amber: #f59e0b;
  --red: #ef4444;
  --shadow: 0 28px 80px rgba(0, 0, 0, .34);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 77% -6%, rgba(124, 58, 237, .23), transparent 27rem),
    radial-gradient(circle at 8% 29%, rgba(32, 213, 243, .07), transparent 25rem),
    var(--canvas);
}
body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .22;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}

button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
[hidden] { display: none !important; }

.public-header {
  position: sticky;
  z-index: 50;
  top: 0;
  display: flex;
  align-items: center;
  gap: 28px;
  height: 78px;
  padding: 0 max(24px, calc((100vw - 1240px) / 2));
  border-bottom: 1px solid rgba(55, 73, 105, .65);
  background: rgba(8, 13, 27, .82);
  backdrop-filter: blur(20px) saturate(130%);
}
.public-brand { display: flex; align-items: center; gap: 11px; margin-right: auto; text-decoration: none; }
.public-brand img { width: 44px; height: 36px; object-fit: contain; filter: drop-shadow(0 8px 15px rgba(63, 73, 255, .28)); }
.public-brand div { display: grid; gap: 1px; }
.public-brand strong { font-size: 13px; letter-spacing: .19em; }
.public-brand small { color: #8ea0bb; font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.public-header nav { display: flex; align-items: center; gap: 24px; }
.public-header nav a { position: relative; padding: 29px 0 26px; color: #b3c0d4; font-size: 11px; font-weight: 650; text-decoration: none; }
.public-header nav a::after { position: absolute; right: 50%; bottom: 18px; left: 50%; height: 2px; border-radius: 2px; content: ""; background: var(--cyan); transition: right .2s ease, left .2s ease; }
.public-header nav a:hover, .public-header nav a.active { color: #fff; }
.public-header nav a:hover::after, .public-header nav a.active::after { right: 0; left: 0; }
.header-cta, .primary-link, .secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 43px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.header-cta, .primary-link { background: linear-gradient(135deg, #7c3aed, #5b52f2 55%, #0abbd9); box-shadow: 0 13px 32px rgba(91, 33, 182, .32); }
.header-cta:hover, .primary-link:hover { transform: translateY(-2px); box-shadow: 0 17px 38px rgba(77, 87, 235, .4); }
.header-cta svg, .primary-link svg { font-size: 16px; transition: transform .18s ease; }
.header-cta:hover svg, .primary-link:hover svg { transform: translateX(3px); }
.secondary-link { border-color: var(--line); color: #d0d9e7; background: rgba(17, 28, 50, .7); }
.secondary-link:hover { transform: translateY(-2px); border-color: #4a5e82; background: #131f37; }
.menu-button { display: none; width: 40px; height: 40px; padding: 0; border: 1px solid var(--line); border-radius: 10px; color: #dbe5f4; background: #111b30; }
.menu-button svg { font-size: 21px; }

main { width: min(1240px, calc(100% - 48px)); margin: auto; padding: 42px 0 100px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #bca7ff; font-size: 10px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow > i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }

.hero { display: grid; grid-template-columns: minmax(0, .96fr) minmax(520px, 1.04fr); align-items: center; gap: 58px; min-height: 650px; }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { max-width: 680px; margin: 20px 0 25px; font-size: clamp(48px, 5.2vw, 73px); line-height: .97; letter-spacing: -.058em; }
.hero h1 em { color: transparent; font-style: normal; background: linear-gradient(95deg, #a78bfa 7%, #6d7bff 47%, #22d3ee 92%); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 650px; margin: 0; color: #b0bdd1; font-size: 15px; line-height: 1.78; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 11px 19px; margin-top: 29px; color: #91a1ba; font-size: 10px; }
.trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.trust-row svg { color: #5ee1bc; font-size: 13px; stroke-width: 2.4; }

.product-preview { position: relative; min-width: 0; padding: 27px 0 31px 15px; }
.preview-glow { position: absolute; inset: 10% -15% -8% 12%; border-radius: 50%; background: radial-gradient(circle, rgba(91, 82, 242, .23), transparent 63%); filter: blur(30px); }
.preview-window { position: relative; overflow: hidden; border: 1px solid #35476b; border-radius: 20px; background: #0a1120; box-shadow: 0 38px 110px rgba(0, 0, 0, .5), 0 0 0 7px rgba(124, 58, 237, .035); transform: perspective(1300px) rotateY(-3deg) rotateX(1.3deg); }
.preview-titlebar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 43px; padding: 0 15px; border-bottom: 1px solid #253550; color: #8190a8; font-size: 8px; letter-spacing: .08em; }
.preview-titlebar > span { display: flex; gap: 5px; }
.preview-titlebar > span i { width: 7px; height: 7px; border-radius: 50%; background: #34425c; }
.preview-titlebar > span i:first-child { background: #ef6b75; }.preview-titlebar > span i:nth-child(2) { background: #f6bf4f; }.preview-titlebar > span i:nth-child(3) { background: #45c99a; }
.preview-titlebar strong { color: #c8d3e3; font-size: 8px; letter-spacing: .16em; }
.preview-titlebar em { justify-self: end; font-style: normal; letter-spacing: 0; }
.preview-app { display: grid; grid-template-columns: 58px minmax(0, 1fr); min-height: 410px; }
.preview-sidebar { display: grid; align-content: start; justify-items: center; gap: 12px; padding: 16px 9px; border-right: 1px solid #24334e; background: #09101e; }
.preview-sidebar img { width: 33px; height: 27px; margin-bottom: 8px; object-fit: contain; }
.preview-sidebar span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid transparent; border-radius: 9px; color: #6d7c95; }
.preview-sidebar span.active { border-color: rgba(124,58,237,.4); color: #b59aff; background: rgba(124,58,237,.16); }
.preview-sidebar svg { font-size: 14px; }
.preview-content { min-width: 0; padding: 21px; background: radial-gradient(circle at 100% 0, rgba(124,58,237,.08), transparent 34%), #0c1425; }
.preview-content > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.preview-content > header div { display: grid; gap: 4px; }.preview-content > header small { color: #9d85f8; font-size: 6px; font-weight: 800; letter-spacing: .16em; }.preview-content > header strong { font-size: 15px; }
.preview-content > header > span { display: inline-flex; align-items: center; gap: 5px; color: #7ee3c0; font-size: 7px; }.preview-content > header > span i { width: 5px; height: 5px; border-radius: 50%; background: #10b981; box-shadow: 0 0 9px #10b981; }
.preview-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.preview-kpis article { display: grid; gap: 7px; padding: 12px; border: 1px solid #283854; border-radius: 10px; background: linear-gradient(145deg, #121e34, #0d172a); }
.preview-kpis small { color: #71809a; font-size: 6px; font-weight: 800; letter-spacing: .08em; }.preview-kpis strong { font: 750 11px ui-monospace, Consolas, monospace; }.preview-kpis em { color: #57d6ad; font-size: 6px; font-style: normal; }
.preview-lower { display: grid; grid-template-columns: 1.22fr .78fr; gap: 8px; margin-top: 9px; }
.preview-chart, .preview-activity { min-width: 0; margin: 0; padding: 13px; border: 1px solid #283854; border-radius: 10px; background: #0f192c; }
.preview-chart header, .preview-activity header { display: flex; justify-content: space-between; margin-bottom: 12px; }.preview-chart header strong, .preview-activity header strong { font-size: 7px; }.preview-chart header small, .preview-activity header small { color: #7887a0; font-size: 5px; }
.preview-chart > div { display: flex; align-items: end; gap: 5px; height: 137px; padding-top: 10px; border-bottom: 1px solid #263550; background: repeating-linear-gradient(to bottom, transparent 0 33px, rgba(80,97,128,.14) 34px); }
.preview-chart > div i { flex: 1; height: var(--h); min-height: 5px; border-radius: 4px 4px 0 0; transform-origin: bottom; background: linear-gradient(180deg, #8b5cf6, #4f46e5 65%, #2563eb); box-shadow: 0 0 13px rgba(99,102,241,.18); }
.preview-chart > div i:nth-child(3n) { background: linear-gradient(180deg, #22d3ee, #0e7490); }
.preview-activity p { display: grid; grid-template-columns: 7px minmax(0,1fr); gap: 4px 6px; margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(46,61,88,.55); color: #b5c0d0; font-size: 6px; }.preview-activity p:last-child { border-bottom: 0; }.preview-activity p b { grid-column: 2; color: #6d7d97; font-size: 5px; font-weight: 600; }.dot { width: 5px; height: 5px; margin-top: 1px; border-radius: 50%; }.dot.green { background: var(--green); }.dot.cyan { background: var(--cyan); }.dot.purple { background: var(--purple-light); }
.floating-proof { position: absolute; right: -16px; bottom: 0; display: flex; align-items: center; gap: 10px; min-width: 205px; padding: 12px 14px; border: 1px solid rgba(32,213,243,.32); border-radius: 13px; color: #54daf1; background: rgba(10, 19, 35, .93); box-shadow: 0 20px 50px rgba(0,0,0,.36); backdrop-filter: blur(15px); }
.floating-proof > svg { font-size: 24px; }.floating-proof span { display: grid; gap: 3px; }.floating-proof strong { color: #e9f3ff; font-size: 9px; }.floating-proof small { color: #8191a9; font-size: 7px; }

.proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 38px 0 118px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(115deg, rgba(17,28,50,.94), rgba(11,20,37,.94)); box-shadow: 0 18px 45px rgba(0,0,0,.17); }
.proof-strip article { display: grid; gap: 7px; padding: 25px 28px; border-right: 1px solid var(--line); }.proof-strip article:last-child { border-right: 0; }.proof-strip strong { font: 750 27px ui-monospace, Consolas, monospace; color: #d9e4f4; }.proof-strip article:nth-child(1) strong { color: #b79aff; }.proof-strip article:nth-child(2) strong { color: #57dcef; }.proof-strip article:nth-child(3) strong { color: #5fe1b7; }.proof-strip span { color: #8291a8; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }

.value-section { max-width: 950px; margin: 0 auto 125px; text-align: center; }
.value-section h2, .section-heading h2, .editions-section > header h2, .security-section h2, .plans-section h2 { margin: 14px 0 18px; font-size: clamp(34px, 4.2vw, 53px); line-height: 1.08; letter-spacing: -.045em; }
.value-section p, .section-heading p, .editions-section > header p, .security-section > div > p, .plans-section .section-heading > p { color: var(--muted); font-size: 13px; line-height: 1.76; }
.value-section p { max-width: 780px; margin: auto; }

.modules-section, .integration-section, .security-section, .plans-section { scroll-margin-top: 100px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 55px; margin-bottom: 33px; }
.section-heading > div { max-width: 760px; }.section-heading > p { max-width: 400px; margin: 0; }
.module-showcase { display: grid; grid-template-columns: 286px minmax(0,1fr); gap: 14px; }
.module-tabs { display: grid; align-content: start; gap: 7px; }
.module-tab { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 11px; min-height: 64px; padding: 9px 12px; border: 1px solid transparent; border-radius: 12px; color: #91a0b7; text-align: left; background: transparent; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease; }
.module-tab:hover { color: #dbe6f4; border-color: #2b3b59; background: rgba(17,28,50,.62); transform: translateX(3px); }
.module-tab.active { color: #f8fafc; border-color: rgba(124,58,237,.46); background: linear-gradient(90deg, rgba(124,58,237,.18), rgba(17,28,50,.88)); box-shadow: inset 3px 0 #8b5cf6; }
.module-tab > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #30415f; border-radius: 10px; color: #8292aa; background: #101a2e; }.module-tab.active > span { border-color: rgba(124,58,237,.55); color: #c2adff; background: rgba(124,58,237,.16); }.module-tab svg { font-size: 18px; }.module-tab div { display: grid; gap: 4px; min-width: 0; }.module-tab strong { font-size: 10px; }.module-tab small { overflow: hidden; color: #71819a; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.module-demo { overflow: hidden; border: 1px solid #334461; border-radius: 18px; background: #0c1425; box-shadow: var(--shadow); transition: opacity .16s ease, transform .16s ease, border-color .2s ease; }
.module-demo.switching { opacity: .45; transform: translateY(5px) scale(.995); }
.demo-titlebar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 42px; padding: 0 15px; border-bottom: 1px solid #283852; color: #75849c; background: #0a1120; font-size: 7px; }
.demo-titlebar > span { display: flex; gap: 5px; }.demo-titlebar > span i { width: 7px; height: 7px; border-radius: 50%; background: #34435e; }.demo-titlebar > span i:first-child { background:#eb6772 }.demo-titlebar > span i:nth-child(2) { background:#f2bd4c }.demo-titlebar > span i:nth-child(3) { background:#42c496 }.demo-titlebar p { margin: 0; }.demo-titlebar strong { color: #c7d2e3; }.demo-titlebar em { justify-self: end; color: #64748b; font-size: 6px; font-style: normal; letter-spacing: .11em; }
.demo-workspace { padding: 24px; background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--module-color) 8%, transparent), transparent 34%); }
.demo-heading { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 13px; }
.demo-heading-icon { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid color-mix(in srgb, var(--module-color) 48%, #32435f); border-radius: 13px; color: var(--module-color); background: color-mix(in srgb, var(--module-color) 10%, #101a2d); }.demo-heading-icon svg { font-size: 23px; }.demo-heading > div:nth-child(2) { display: grid; gap: 4px; }.demo-heading small { color: color-mix(in srgb, var(--module-color) 72%, #cbd5e1); font-size: 7px; font-weight: 850; letter-spacing: .13em; }.demo-heading h3 { margin: 0; font-size: 18px; }.demo-heading p { margin: 0; color: #8291a9; font-size: 8px; line-height: 1.5; }.demo-status { display: inline-flex; align-items: center; gap: 6px; align-self: start; padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--module-color) 35%, #31415e); border-radius: 999px; color: color-mix(in srgb, var(--module-color) 78%, white); font-size: 7px; font-weight: 750; }.demo-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--module-color); box-shadow: 0 0 9px var(--module-color); }
.demo-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 20px 0 10px; }.demo-kpis article { display: grid; gap: 8px; min-width: 0; padding: 14px; border: 1px solid #2b3a57; border-radius: 11px; background: linear-gradient(145deg, #111d32, #0d1729); }.demo-kpis span { color: #74849c; font-size: 6px; font-weight: 800; letter-spacing: .09em; }.demo-kpis strong { overflow: hidden; font: 750 15px ui-monospace, Consolas, monospace; color: #edf4ff; text-overflow: ellipsis; white-space: nowrap; }.demo-kpis small { color: color-mix(in srgb, var(--module-color) 70%, #8190a7); font-size: 7px; }
.demo-table { overflow: hidden; border: 1px solid #2b3a57; border-radius: 11px; }.demo-table > header { display: flex; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid #2b3a57; background: #101a2d; }.demo-table header strong { font-size: 8px; }.demo-table header span { color: #66758e; font-size: 6px; letter-spacing: .1em; }.demo-table p { display: grid; grid-template-columns: 90px minmax(0,1fr) 100px 78px; align-items: center; gap: 10px; min-height: 39px; margin: 0; padding: 0 13px; border-bottom: 1px solid rgba(46,62,91,.56); font-size: 7px; }.demo-table p:last-child { border-bottom: 0; }.demo-table p > strong { color: color-mix(in srgb, var(--module-color) 72%, #d7e0ef); font-family: ui-monospace, Consolas, monospace; }.demo-table p > span { overflow: hidden; color: #aab6c8; text-overflow: ellipsis; white-space: nowrap; }.demo-table p > b { color: #edf3fc; font-family: ui-monospace, Consolas, monospace; text-align: right; }.demo-table p > em { justify-self: end; padding: 5px 7px; border: 1px solid; border-radius: 999px; font-size: 5px; font-style: normal; font-weight: 800; letter-spacing: .05em; }.demo-table p > em.approved { border-color: rgba(16,185,129,.35); color: #6ee7b7; background: rgba(16,185,129,.08); }.demo-table p > em.pending { border-color: rgba(245,158,11,.35); color: #fcd34d; background: rgba(245,158,11,.08); }
.demo-accounting { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 10px; padding: 13px; border: 1px solid color-mix(in srgb, var(--module-color) 28%, #2c3a56); border-radius: 11px; background: color-mix(in srgb, var(--module-color) 5%, #0e182a); }.demo-accounting > div:first-child { display: grid; gap: 4px; }.demo-accounting > div:first-child span { color: color-mix(in srgb, var(--module-color) 75%, #98a7bc); font-size: 6px; font-weight: 850; letter-spacing: .1em; }.demo-accounting > div:first-child strong { font-size: 8px; }.demo-flow { display: flex; align-items: center; gap: 5px; }.demo-flow span { padding: 6px 8px; border: 1px solid #31425f; border-radius: 7px; color: #a8b5c8; font-size: 6px; background: #101a2d; }.demo-flow svg { color: var(--module-color); font-size: 11px; }

.integration-section { margin-top: 135px; }.integration-map { display: grid; grid-template-columns: minmax(190px,.8fr) 120px minmax(230px,1fr) 120px minmax(190px,.8fr); align-items: center; gap: 12px; min-height: 390px; padding: 35px; border: 1px solid var(--line); border-radius: 24px; background: radial-gradient(circle at 50% 50%, rgba(124,58,237,.14), transparent 29%), linear-gradient(145deg, #101a2f, #0a1323); box-shadow: 0 30px 80px rgba(0,0,0,.25); }.operation-cloud, .report-cloud { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.operation-cloud span, .report-cloud span { display: flex; align-items: center; gap: 7px; min-height: 43px; padding: 9px; border: 1px solid #2d3d5b; border-radius: 10px; color: #aeb9ca; font-size: 8px; background: #101a2d; }.operation-cloud svg { color: #9c83f8; font-size: 15px; }.report-cloud { grid-template-columns: 1fr; }.report-cloud span { justify-content: center; border-color: rgba(32,213,243,.2); color: #b8c7d8; background: rgba(8,145,178,.055); }.integration-arrow { display: grid; justify-items: center; gap: 7px; color: #9c83f8; }.integration-arrow i { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }.integration-arrow span { color: #6f7e95; font-size: 5px; font-weight: 850; letter-spacing: .08em; text-align: center; }.integration-arrow svg { font-size: 20px; }.integration-arrow.reverse { color: #22d3ee; }.integration-arrow.reverse i { background: linear-gradient(90deg, currentColor, transparent); }
.accounting-core { position: relative; display: grid; justify-items: center; min-height: 250px; align-content: center; text-align: center; }.accounting-core > div { position: relative; z-index: 2; display: grid; width: 74px; height: 74px; place-items: center; margin-bottom: 17px; border: 1px solid rgba(167,139,250,.55); border-radius: 22px; color: #c4b5fd; background: linear-gradient(145deg, rgba(124,58,237,.3), rgba(30,41,82,.8)); box-shadow: 0 0 45px rgba(124,58,237,.28); }.accounting-core svg { font-size: 33px; }.accounting-core small { color: #9f88f5; font-size: 6px; font-weight: 850; letter-spacing: .15em; }.accounting-core strong { margin-top: 7px; font-size: 15px; }.accounting-core p { margin: 6px 0 0; color: #7888a0; font-size: 7px; }.core-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(124,58,237,.2); border-radius: 50%; transform: translate(-50%,-50%); }.orbit-one { width: 150px; height: 150px; }.orbit-two { width: 215px; height: 215px; border-color: rgba(32,213,243,.11); }
.integration-rules { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 13px; }.integration-rules article { display: grid; grid-template-columns: 36px 1fr; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #0e182b; }.integration-rules > article > svg { width: 34px; height: 34px; padding: 8px; border: 1px solid #33445f; border-radius: 10px; color: #67dfbb; }.integration-rules article div { display: grid; gap: 6px; }.integration-rules strong { font-size: 10px; }.integration-rules p { margin: 0; color: #8290a7; font-size: 8px; line-height: 1.55; }

.editions-section { margin: 135px 0; }.editions-section > header { max-width: 820px; margin: 0 auto 35px; text-align: center; }.edition-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.edition-grid article { position: relative; display: grid; align-content: start; min-height: 330px; padding: 29px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #101a2e, #0b1425); }.edition-grid article.featured { border-color: rgba(124,58,237,.6); background: radial-gradient(circle at 100% 0, rgba(124,58,237,.18), transparent 39%), linear-gradient(145deg, #141c36, #0d1629); box-shadow: 0 23px 60px rgba(59,35,130,.2); transform: translateY(-9px); }.edition-grid article > i { position: absolute; top: 15px; right: 15px; padding: 6px 8px; border-radius: 999px; color: #d5c9ff; font-size: 6px; font-style: normal; font-weight: 850; letter-spacing: .08em; background: rgba(124,58,237,.18); }.edition-icon { display: grid; width: 50px; height: 50px; margin-bottom: 30px; place-items: center; border: 1px solid #344561; border-radius: 14px; color: #a78bfa; background: #111c31; }.edition-icon svg { font-size: 24px; }.edition-grid small { color: #7f8fa7; font-size: 7px; font-weight: 850; letter-spacing: .14em; }.edition-grid h3 { margin: 7px 0 14px; font-size: 26px; }.edition-grid p { margin: 0 0 25px; color: #9aa8bd; font-size: 10px; line-height: 1.72; }.edition-grid article > strong { margin-top: auto; padding-top: 18px; border-top: 1px solid #293956; color: #c7d2e4; font-size: 9px; }.edition-grid article.featured > strong { color: #bdaaff; }

.security-section { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 80px; margin: 0 0 135px; padding: 54px; border: 1px solid rgba(32,213,243,.22); border-radius: 25px; background: radial-gradient(circle at 100% 0, rgba(32,213,243,.11), transparent 39%), #0d1729; }.security-section h2 { font-size: clamp(34px,4vw,48px); }.security-section ul { display: grid; gap: 13px; margin: 28px 0 0; padding: 0; list-style: none; }.security-section li { display: flex; align-items: center; gap: 10px; color: #bdc9da; font-size: 10px; }.security-section li svg { color: #5ce0b9; font-size: 17px; }
.security-visual { display: grid; justify-items: center; padding: 35px; border: 1px solid rgba(124,58,237,.27); border-radius: 20px; text-align: center; background: rgba(11,20,37,.62); }.security-pulse { position: relative; display: grid; width: 180px; height: 180px; margin-bottom: 15px; place-items: center; }.security-pulse > span { position: relative; z-index: 3; display: grid; width: 75px; height: 75px; place-items: center; border: 1px solid rgba(32,213,243,.52); border-radius: 22px; color: #4fddf3; background: linear-gradient(145deg, #10213a, #10172c); box-shadow: 0 0 45px rgba(32,213,243,.17); }.security-pulse svg { font-size: 33px; }.security-pulse i { position: absolute; width: 105px; height: 105px; border: 1px solid rgba(32,213,243,.18); border-radius: 50%; }.security-pulse i:nth-child(3) { width: 145px; height: 145px; }.security-pulse i:nth-child(4) { width: 180px; height: 180px; border-color: rgba(124,58,237,.14); }.security-visual > strong { font-size: 10px; letter-spacing: .12em; }.security-visual > p { max-width: 390px; color: #8c9bb2; font-size: 9px; line-height: 1.65; }.security-visual > div:last-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }.security-visual > div:last-child span { display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid #30415f; border-radius: 999px; color: #9cabc0; font-size: 7px; }.security-visual > div:last-child svg { color: #5ee0ba; }

.section-heading.centered { display: block; max-width: 780px; margin: 0 auto 37px; text-align: center; }.section-heading.centered > p { max-width: none; margin-top: 0; }.plans { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.plan-card { position: relative; display: grid; gap: 13px; padding: 27px; border: 1px solid var(--line); border-radius: 17px; color: inherit; text-align: left; background: linear-gradient(145deg,var(--card),var(--card-soft)); cursor: pointer; transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.plan-card:hover { transform: translateY(-4px); }.plan-card.selected { border-color: var(--purple); box-shadow: 0 0 0 2px rgba(124,58,237,.18),0 18px 46px rgba(76,29,149,.2); }.plan-card span { color:#c4b5fd;font-size:12px;font-weight:750 }.plan-card strong { font-size:34px }.plan-card small { color:var(--muted) }.plan-card i { position:absolute;top:12px;right:12px;padding:5px 7px;border-radius:999px;color:#cffafe;font-size:8px;font-style:normal;background:rgba(8,145,178,.15) }.plan-note { margin:18px 0 0;color:var(--muted);font-size:10px;line-height:1.7;text-align:center }
.renewal-context { display:flex;align-items:center;gap:16px;margin:55px 0 16px;padding:17px;border:1px solid rgba(245,158,11,.32);border-radius:14px;background:rgba(120,53,15,.15) }.renewal-context>span { padding:7px 9px;border-radius:7px;color:#fde68a;font-size:8px;font-weight:900;background:rgba(245,158,11,.12) }.renewal-context div { flex:1 }.renewal-context strong { font-size:12px }.renewal-context p { margin:4px 0 0;color:var(--muted);font-size:9px }.renewal-context a { color:#fde68a;font-size:9px }
.purchase-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:65px;scroll-margin-top:95px }.renewal-context+.purchase-grid { margin-top:0 }.payment-card,.request-card { padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,var(--card),var(--card-soft));box-shadow:0 20px 60px rgba(0,0,0,.25) }.payment-card h2,.request-card h2 { margin:8px 0 10px;font-size:24px }.request-card>p,.payment-card>p { color:var(--muted);font-size:11px;line-height:1.6 }.qr-container { display:grid;min-height:280px;margin:18px 0;place-items:center;overflow:hidden;border:1px dashed #425274;border-radius:15px;background:#fff }.qr-container img { display:block;max-width:100%;max-height:330px;padding:10px }.qr-placeholder { padding:30px;color:#64748b;text-align:center }.payee-name { display:block;margin-bottom:6px;font-size:11px }.selected-total { display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:13px;border-radius:11px;background:rgba(124,58,237,.1) }.selected-total span { color:var(--muted);font-size:10px }.selected-total strong { color:#c4b5fd;font-size:18px }.request-card form { display:grid;gap:13px;margin-top:20px }.request-card label { display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700 }.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:11px }input,textarea { width:100%;min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline:0;color:#fff;background:#0c1426 }textarea { min-height:80px;padding-top:11px;resize:vertical }input:focus,textarea:focus { border-color:var(--purple);box-shadow:0 0 0 2px rgba(124,58,237,.18) }.confirmation { display:flex!important;grid-template-columns:18px 1fr!important;align-items:start }.confirmation input { width:16px;min-height:16px;margin:1px 0 }.request-card button[type=submit] { min-height:45px;border:0;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(135deg,#7c3aed,#5b21b6);cursor:pointer }.request-card button:disabled { opacity:.45;cursor:not-allowed }.form-error { padding:10px;border:1px solid rgba(239,68,68,.3);border-radius:9px;color:#fecaca;font-size:10px;background:rgba(127,29,29,.2) }.request-success { padding:25px;margin-top:20px;border:1px solid rgba(16,185,129,.3);border-radius:14px;background:rgba(6,78,59,.14) }.request-success span,.request-success strong { display:block }.request-success strong { margin:10px 0;color:#6ee7b7;font-size:22px }.request-success p { color:var(--muted);font-size:11px }
.process { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px }.process div { display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:10px }.process strong { display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#c4b5fd;background:rgba(124,58,237,.14) }

/* Compra y seguimiento */
.plans-section { scroll-margin-top:100px }.plan-assurances { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-15px 0 26px }.plan-assurances span { display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(16,185,129,.24);border-radius:999px;color:#b9c8dc;font-size:8px;background:rgba(16,185,129,.055) }.plan-assurances svg { color:#5ee0ba;font-size:14px }
.plan-card { min-height:355px;align-content:start;gap:10px;padding:30px;overflow:hidden }.plan-card::before { position:absolute;inset:0 0 auto;height:3px;content:"";background:linear-gradient(90deg,transparent,#384762,transparent);transition:background .18s ease }.plan-card:hover::before,.plan-card.selected::before { background:linear-gradient(90deg,var(--purple),var(--cyan)) }.plan-card.selected { transform:translateY(-5px) }.plan-card .plan-topline { color:#9f88f5;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase }.plan-card>strong { margin-top:7px;font-size:30px;line-height:1.08 }.plan-card>small { min-height:18px;color:#9cacbf;font-size:9px }.plan-card ul { display:grid;gap:10px;margin:20px 0 25px;padding:20px 0;border-top:1px solid #2a3a57;border-bottom:1px solid #2a3a57;list-style:none }.plan-card li { display:flex;align-items:center;gap:8px;color:#b8c5d7;font-size:9px }.plan-card li svg { color:#5ee0ba;font-size:14px }.plan-card .plan-footer { display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto }.plan-card .plan-footer b { color:#fff;font-size:23px }.plan-card .plan-footer em { display:flex;align-items:center;gap:6px;color:#bfaeff;font-size:8px;font-style:normal;font-weight:850 }.plan-card .plan-footer svg { font-size:14px }
.purchase-grid { align-items:start;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);gap:22px }.payment-card,.request-card { position:relative;padding:30px;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.12),transparent 35%),linear-gradient(160deg,#111c32,#0b1426) }.step-label { display:inline-flex;align-items:center;gap:8px;color:#bfaeff;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase }.step-label b { display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(167,139,250,.38);border-radius:8px;color:#ddd5ff;background:rgba(124,58,237,.13) }.payment-card>p,.request-card>p { min-height:36px }.qr-container { min-height:315px;border-style:solid;border-color:#334762;background:linear-gradient(145deg,#fff,#edf2f7);box-shadow:inset 0 0 0 8px #f8fafc,0 16px 35px rgba(0,0,0,.18) }.qr-container img { max-height:315px }.payment-identity { display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;padding:12px 13px;border:1px solid #2c3d5b;border-radius:10px;background:rgba(8,14,27,.42) }.payment-identity span { display:grid;gap:4px }.payment-identity small { color:#75869e;font-size:7px;text-transform:uppercase;letter-spacing:.1em }.payment-identity svg { color:#5ee0ba;font-size:21px }.payee-name { margin:0;color:#e2e8f0;font-size:11px }.selected-total { padding:16px;border:1px solid rgba(124,58,237,.25);background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(32,213,243,.05)) }.payment-advice { display:block;margin-top:12px;color:#71819b;font-size:8px;line-height:1.55 }
.proof-upload { display:grid!important;grid-template-columns:43px minmax(0,1fr) auto!important;align-items:center;gap:12px!important;min-height:78px;padding:13px;border:1px dashed #52627e;border-radius:11px;cursor:pointer;background:rgba(8,14,27,.4);transition:border-color .18s ease,background .18s ease }.proof-upload:hover,.proof-upload:focus-within { border-color:#8b6df0;background:rgba(124,58,237,.07) }.proof-upload input { position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none }.proof-upload-icon { display:grid;width:43px;height:43px;place-items:center;border-radius:11px;color:#8cecff;background:rgba(32,213,243,.09) }.proof-upload-icon svg { font-size:21px }.proof-upload>span:nth-of-type(2) { display:grid;gap:5px }.proof-upload strong { color:#e4eaf3;font-size:10px }.proof-upload small { color:#7f8da4;font-size:8px;font-weight:500 }.proof-upload em { padding:8px 10px;border-radius:7px;color:#d5c9ff;font-size:8px;font-style:normal;font-weight:800;background:rgba(124,58,237,.15) }.proof-file-summary { display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:-5px;padding:10px 12px;border:1px solid rgba(16,185,129,.26);border-radius:9px;background:rgba(6,78,59,.12) }.proof-file-summary>svg { color:#5ee0ba;font-size:18px }.proof-file-summary span { display:grid;gap:3px;min-width:0 }.proof-file-summary strong { overflow:hidden;color:#d4eee6;font-size:9px;text-overflow:ellipsis;white-space:nowrap }.proof-file-summary small { color:#79a99a;font-size:7px }.proof-file-summary button { border:0;color:#a8b7c9;font-size:8px;background:transparent;cursor:pointer }.request-success a { display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#8cecff;font-size:9px;font-weight:800;text-decoration:none }.request-success a svg { font-size:15px }
.status-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;margin:110px 0 20px;padding:48px;border:1px solid rgba(32,213,243,.2);border-radius:23px;background:radial-gradient(circle at 0 100%,rgba(32,213,243,.09),transparent 40%),linear-gradient(145deg,#0e192c,#0a1323);scroll-margin-top:95px }.status-intro h2 { margin:10px 0 15px;font-size:38px;line-height:1.08 }.status-intro>p { color:var(--muted);font-size:11px;line-height:1.75 }.status-security { display:flex;align-items:center;gap:13px;margin-top:26px;padding:15px;border:1px solid rgba(16,185,129,.2);border-radius:12px;background:rgba(16,185,129,.045) }.status-security>svg { color:#5ee0ba;font-size:26px }.status-security span { display:grid;gap:4px }.status-security strong { font-size:10px }.status-security small { color:#789589;font-size:8px }.status-panel { padding:25px;border:1px solid #2b3b58;border-radius:16px;background:#0c1628;box-shadow:0 22px 55px rgba(0,0,0,.22) }.status-panel form { display:grid;grid-template-columns:1fr 1fr;gap:12px }.status-panel label { display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:750 }.status-panel button[type=submit] { grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:9px;color:#fff;font-size:10px;font-weight:850;background:linear-gradient(135deg,#7c3aed,#0891b2);cursor:pointer }.status-panel button svg { font-size:17px }.status-panel .form-error { grid-column:1/-1 }.status-result { margin-top:18px;padding:19px;border:1px solid #34445f;border-radius:13px;background:#111c30 }.status-result.pending { border-color:rgba(245,158,11,.28) }.status-result.approved { border-color:rgba(16,185,129,.3) }.status-result.rejected { border-color:rgba(239,68,68,.3) }.status-result header { display:flex;align-items:center;justify-content:space-between;gap:10px }.status-result header small { color:#718099;font-size:7px }.status-badge { padding:6px 8px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase }.status-badge.pending { color:#fde68a;background:rgba(245,158,11,.13) }.status-badge.approved { color:#a7f3d0;background:rgba(16,185,129,.13) }.status-badge.rejected { color:#fecaca;background:rgba(239,68,68,.13) }.status-result h3 { margin:14px 0 7px;font-size:18px }.status-result>p { margin:0;color:#9cabc0;font-size:9px;line-height:1.6 }.status-result dl { display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0 0;overflow:hidden;border:1px solid #2b3b58;border-radius:9px;background:#2b3b58 }.status-result dl div { display:grid;gap:4px;padding:10px;background:#0d1729 }.status-result dt { color:#71819a;font-size:7px;text-transform:uppercase;letter-spacing:.08em }.status-result dd { margin:0;color:#d8e1ee;font-size:9px;font-weight:750 }
.faq { max-width:880px;margin:115px auto 20px }.faq>.eyebrow { display:flex;justify-content:center;margin-bottom:21px }.faq details { border-top:1px solid var(--line) }.faq details:last-child { border-bottom:1px solid var(--line) }.faq summary { position:relative;padding:20px 34px 20px 4px;font-size:12px;font-weight:750;cursor:pointer;list-style:none }.faq summary::after { position:absolute;right:5px;content:"+";color:#9f87f6;font-size:18px;font-weight:400;transition:transform .18s ease }.faq details[open] summary::after { transform:rotate(45deg) }.faq p { margin:-4px 4px 20px;color:var(--muted);font-size:10px;line-height:1.75 }
footer { display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);color:#71809a;font-size:9px;background:#080e1a }.footer-brand { display:flex;align-items:center;gap:10px }.footer-brand img { width:38px;height:31px;object-fit:contain }.footer-brand span { display:grid;gap:3px }.footer-brand strong { color:#d5dfed;letter-spacing:.13em }.footer-brand small { color:#71809a;font-size:8px }.footer-brand+p { margin:0 }footer>a { color:#9d87ef;text-decoration:none }

.motion-ready .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.motion-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }
.motion-ready .product-preview.reveal { transform: translateY(24px) scale(.975); }.motion-ready .product-preview.reveal.is-visible { transform: translateY(0) scale(1); }
.product-preview.is-visible .preview-chart i { animation: grow-bar .8s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(var(--index, 0) * 70ms); }
.accounting-core::after { position:absolute;top:34px;right:49px;width:7px;height:7px;border-radius:50%;content:"";background:#22d3ee;box-shadow:0 0 12px #22d3ee;animation:core-glow 2.8s ease-in-out infinite }.security-pulse i { animation:pulse-ring 3s ease-out infinite }.security-pulse i:nth-child(3) { animation-delay:.65s }.security-pulse i:nth-child(4) { animation-delay:1.3s }
@keyframes grow-bar { from { transform:scaleY(0);opacity:.3 } to { transform:scaleY(1);opacity:1 } }
@keyframes pulse-ring { 0%{opacity:.12;transform:scale(.76)} 50%{opacity:.5} 100%{opacity:0;transform:scale(1.08)} }
@keyframes core-glow { 0%,100%{opacity:.45;transform:scale(.8)} 50%{opacity:1;transform:scale(1.2)} }

@media (max-width: 1120px) {
  .public-header nav { gap: 16px; }.public-header nav a { font-size: 10px; }
  .hero { grid-template-columns: minmax(0,1fr) minmax(460px,.95fr); gap: 35px; }.hero h1 { font-size: clamp(44px,5vw,62px); }
  .preview-lower { grid-template-columns: 1fr; }.preview-activity { display:none }.preview-chart>div { height:125px }
  .module-showcase { grid-template-columns: 1fr }.module-tabs { grid-template-columns:repeat(4,1fr) }.module-tab { grid-template-columns:34px minmax(0,1fr);padding:8px }.module-tab>span { width:32px;height:32px }.module-tab small { display:none }
  .integration-map { grid-template-columns:1fr 70px 1fr 70px 1fr;padding:25px }.operation-cloud { grid-template-columns:1fr }.operation-cloud span:nth-child(n+5) { display:none }
}

@media (max-width: 900px) {
  .public-header { height:70px }.public-header nav { position:absolute;top:70px;right:16px;left:16px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(11,18,33,.98);box-shadow:var(--shadow) }.public-header nav.open { display:flex }.public-header nav a { padding:13px;border-radius:8px }.public-header nav a::after { display:none }.public-header nav a:hover { background:#152039 }.header-cta { margin-left:auto }.menu-button { display:grid;place-items:center }
  .hero { grid-template-columns:1fr;gap:20px;padding-top:55px }.hero-copy { max-width:780px }.product-preview { width:min(700px,100%);margin:auto;padding-left:0 }.preview-window { transform:none }.floating-proof { right:-5px }
  .proof-strip { grid-template-columns:1fr 1fr }.proof-strip article:nth-child(2) { border-right:0 }.proof-strip article:nth-child(-n+2) { border-bottom:1px solid var(--line) }
  .section-heading { display:block }.section-heading>p { max-width:700px;margin-top:0 }
  .integration-map { grid-template-columns:1fr;gap:16px }.operation-cloud { grid-template-columns:repeat(3,1fr) }.operation-cloud span:nth-child(n) { display:flex }.integration-arrow { grid-template-columns:1fr auto 1fr;align-items:center }.integration-arrow i { background:linear-gradient(90deg,transparent,currentColor) }.integration-arrow svg { transform:rotate(90deg) }.accounting-core { min-height:240px }.report-cloud { grid-template-columns:repeat(3,1fr) }.report-cloud span:nth-child(n+4) { display:none }
  .edition-grid { grid-template-columns:1fr }.edition-grid article { min-height:0 }.edition-grid article.featured { transform:none }
  .security-section { grid-template-columns:1fr;gap:45px;padding:42px }.security-visual { width:min(540px,100%);margin:auto }
  .purchase-grid { grid-template-columns:1fr }.payment-card { display:grid;grid-template-columns:1fr 1fr;column-gap:24px }.payment-card>.step-label,.payment-card>h2,.payment-card>p,.payment-card>.selected-total,.payment-card>.payment-advice { grid-column:1/-1 }.payment-card>.qr-container { grid-row:4/7 }.status-section { grid-template-columns:1fr;gap:30px }
}

@media (max-width: 680px) {
  main { width:min(100% - 30px,1240px);padding-top:25px }.public-header { padding:0 15px }.public-brand img { width:38px;height:31px }.public-brand strong { font-size:11px }.public-brand small { font-size:7px }.header-cta { min-height:38px;padding:0 11px;font-size:9px }.header-cta svg { display:none }
  .hero { min-height:0;padding-top:40px }.hero h1 { font-size:42px }.hero-copy>p { font-size:13px }.hero-actions { display:grid;grid-template-columns:1fr }.primary-link,.secondary-link { min-height:46px }.trust-row { gap:10px }
  .product-preview { margin-top:15px }.preview-app { grid-template-columns:42px 1fr;min-height:335px }.preview-sidebar { padding:13px 5px }.preview-sidebar span { width:29px;height:29px }.preview-content { padding:14px }.preview-kpis { grid-template-columns:1fr 1fr }.preview-kpis article:nth-child(3) { display:none }.preview-chart>div { height:100px }.preview-content>header>span { display:none }.floating-proof { position:relative;right:auto;bottom:auto;width:calc(100% - 24px);margin:-14px auto 0 }
  .proof-strip { margin-bottom:90px }.proof-strip article { padding:20px }.proof-strip strong { font-size:22px }.proof-strip span { font-size:7px }
  .value-section { margin-bottom:95px }.value-section h2,.section-heading h2,.editions-section>header h2,.plans-section h2 { font-size:34px }
  .module-tabs { grid-template-columns:1fr 1fr }.module-tab { min-height:55px }.demo-workspace { padding:15px }.demo-heading { grid-template-columns:42px 1fr }.demo-heading-icon { width:42px;height:42px }.demo-status { display:none }.demo-heading h3 { font-size:15px }.demo-heading p { font-size:7px }.demo-kpis { grid-template-columns:1fr 1fr }.demo-kpis article:nth-child(3) { display:none }.demo-table p { grid-template-columns:74px minmax(0,1fr) 68px }.demo-table p>em { display:none }.demo-accounting { align-items:flex-start;flex-direction:column }.demo-flow { flex-wrap:wrap }.demo-flow svg { transform:rotate(0) }
  .integration-section,.editions-section { margin-top:95px }.integration-map { padding:18px }.operation-cloud { grid-template-columns:1fr 1fr }.report-cloud { grid-template-columns:1fr 1fr }.integration-rules { grid-template-columns:1fr }
  .edition-grid article { padding:24px }.security-section { margin-bottom:95px;padding:27px }.security-pulse { width:150px;height:150px }.security-pulse i:nth-child(4) { width:150px;height:150px }
  .plans,.purchase-grid,.process { grid-template-columns:1fr }.plan-card { min-height:330px }.purchase-grid { margin-top:50px }.payment-card { display:block }.form-grid,.status-panel form { grid-template-columns:1fr }.renewal-context { align-items:flex-start;flex-direction:column }.proof-upload { grid-template-columns:40px minmax(0,1fr)!important }.proof-upload em { grid-column:2;justify-self:start }.status-section { margin-top:80px;padding:26px }.status-intro h2 { font-size:31px }.status-result dl { grid-template-columns:1fr }
  footer { align-items:flex-start;flex-direction:column;padding:28px 18px }
}

.edition-grid { grid-template-columns:repeat(4,1fr) }
.edition-grid article.paper-edition { border-color:rgba(34,211,238,.42);background:radial-gradient(circle at 100% 0,rgba(34,211,238,.15),transparent 42%),linear-gradient(145deg,#101d32,#0b1425) }
.edition-grid article.paper-edition .edition-icon { color:#67e8f9;border-color:rgba(34,211,238,.36);background:rgba(8,145,178,.1) }
.edition-grid article.paper-edition>i { color:#cffafe;background:rgba(8,145,178,.17) }
.edition-action { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid #293956;color:#bdaaff;font:inherit;font-size:9px;font-weight:850;text-align:left;background:transparent;cursor:pointer }
.paper-edition .edition-action { color:#67e8f9 }.edition-action svg { width:17px;height:17px;transition:transform .18s ease }.edition-action:hover svg { transform:translateX(4px) }
.product-plan-selector { display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:820px;margin:0 auto 28px;padding:7px;border:1px solid var(--line);border-radius:19px;background:#091224 }
.product-plan-tab { display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid transparent;border-radius:14px;color:#9cabc0;text-align:left;background:transparent;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease }
.product-plan-tab:hover { transform:translateY(-2px);color:#fff }.product-plan-tab.active { border-color:rgba(124,58,237,.55);color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(14,165,233,.1));box-shadow:0 10px 28px rgba(0,0,0,.18) }
.product-plan-tab>span { display:grid;width:46px;height:46px;place-items:center;border:1px solid #31415d;border-radius:13px;color:#a78bfa;background:#111c31 }.product-plan-tab[data-product="paper"]>span { color:#67e8f9 }.product-plan-tab svg { width:23px;height:23px }.product-plan-tab strong,.product-plan-tab small { display:block }.product-plan-tab strong { margin-bottom:5px;font-size:13px }.product-plan-tab small { color:#8292aa;font-size:8px;line-height:1.45 }
.plans[data-product="paper"] { grid-template-columns:minmax(280px,430px);justify-content:center }.plans[data-product="paper"] .plan-card { border-color:rgba(34,211,238,.38) }.plans[data-product="paper"] .plan-card.selected { border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.15),0 18px 46px rgba(8,145,178,.17) }
@media (max-width:1100px) { .edition-grid { grid-template-columns:1fr 1fr }.edition-grid article.featured { transform:none } }
@media (max-width:680px) { .edition-grid,.product-plan-selector { grid-template-columns:1fr }.product-plan-tab { grid-template-columns:40px 1fr }.product-plan-tab>span { width:40px;height:40px } }

/* Vitrina de productos, descargas y compra guiada */
.edition-grid.product-gallery { grid-template-columns:repeat(3,minmax(0,1fr)) }
.product-story { gap:0 }.product-story .mini-app { margin:-8px -8px 24px;overflow:hidden;border:1px solid #31425f;border-radius:13px;background:#091222;box-shadow:0 15px 32px rgba(0,0,0,.24) }.mini-app>header { display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:36px;padding:0 11px;border-bottom:1px solid #293a57;background:#0b1426 }.mini-app>header svg { width:17px;height:17px;color:#a78bfa }.mini-app>header strong { overflow:hidden;font-size:7px;letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap }.mini-app>header span { padding:4px 6px;border-radius:999px;color:#c4b5fd;font-size:5px;font-weight:900;background:rgba(124,58,237,.16) }.mini-body { display:grid;grid-template-columns:30px minmax(0,1fr);min-height:152px }.mini-body>aside { display:grid;align-content:start;justify-items:center;gap:10px;padding:13px 5px;border-right:1px solid #243550;background:#0b1528 }.mini-body>aside i { width:13px;height:13px;border:1px solid #475774;border-radius:4px }.mini-body>aside i:first-child { border-color:#8b5cf6;background:rgba(124,58,237,.2) }.mini-body>main { width:auto!important;padding:15px!important }.mini-body main>small { color:#8b74ea;font-size:5px;font-weight:900;letter-spacing:.12em }.mini-body h4 { margin:5px 0 11px;font-size:11px }.mini-body main>p { display:grid;grid-template-columns:42px 1fr auto;gap:6px;margin:0;padding:7px 0;border-top:1px solid #23344f;color:#9eacc0;font-size:6px }.mini-body main>p b { color:#b9a7fb }.mini-body main>p em { color:#62d9ba;font-style:normal }.mini-body main>footer { margin-top:8px;padding:7px;border:1px solid #2e405f;border-radius:6px;color:#7e8ea6;font-size:5px;background:#0e1a2e }.mini-kpis { display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 }.mini-kpis b { padding:8px;border:1px solid #2d3e5d;border-radius:6px;color:#9bacbf;font-size:6px;background:#101c31 }.enterprise-story .mini-app>header svg { color:#5ee0ba }.paper-mini>header svg,.paper-mini main>small { color:#fb923c }.paper-mini>header span { color:#fed7aa;background:rgba(249,115,22,.13) }.paper-mini .mini-body>aside i:first-child { border-color:#fb923c;background:rgba(249,115,22,.14) }

.downloads-section { margin:0 0 135px;scroll-margin-top:95px }.download-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px }.download-grid article { display:grid;grid-template-columns:56px minmax(0,1fr);gap:15px;padding:22px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#111c31,#0b1425) }.download-grid article>span { display:grid;width:54px;height:54px;place-items:center;border:1px solid #344660;border-radius:14px;color:#a78bfa;background:#101b30 }.download-grid article>span svg { width:26px;height:26px }.download-grid article>div { min-width:0 }.download-grid small { color:#7788a1;font-size:6px;font-weight:900;letter-spacing:.12em }.download-grid h3 { margin:5px 0;font-size:17px }.download-grid p { margin:0;color:#8797ae;font-size:8px }.download-button { grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:7px;border:1px solid rgba(124,58,237,.4);border-radius:9px;color:#eee9ff;font-size:9px;font-weight:850;text-decoration:none;background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(8,145,178,.15));transition:transform .18s ease,border-color .18s ease }.download-button:not(.disabled):hover { transform:translateY(-2px);border-color:#8b5cf6 }.download-button.disabled { color:#718099;border-color:#2b3b57;background:#0d1729;cursor:not-allowed }.download-security { display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;color:#7889a1;font-size:8px }.download-security svg { width:16px;height:16px;color:#5ee0ba }

.product-plan-selector { grid-template-columns:repeat(3,1fr);max-width:1040px }.product-plan-tab[data-product="contable"]>span { color:#a78bfa }.plans[data-product="contable"] { grid-template-columns:minmax(280px,430px);justify-content:center }.plans-empty { max-width:680px;margin:0 auto;padding:30px;border:1px solid rgba(245,158,11,.28);border-radius:16px;text-align:center;background:rgba(120,53,15,.09) }.plans-empty strong { display:block;margin-bottom:8px;color:#fde68a;font-size:16px }.plans-empty p { margin:0;color:#9cabc0;font-size:10px;line-height:1.65 }

.purchase-wizard { margin-top:65px;padding:32px;border:1px solid #2e405e;border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.14),transparent 35%),linear-gradient(150deg,#111c31,#0a1324);box-shadow:0 26px 70px rgba(0,0,0,.27);scroll-margin-top:95px }.renewal-context+.purchase-wizard { margin-top:0 }.purchase-wizard>header { display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:23px;border-bottom:1px solid #2b3c59 }.purchase-wizard>header h2 { margin:7px 0;font-size:27px }.purchase-wizard>header p { max-width:680px;margin:0;color:#91a1b8;font-size:10px;line-height:1.65 }.purchase-wizard>header aside { display:grid;min-width:220px;gap:6px;padding:14px;border:1px solid rgba(124,58,237,.3);border-radius:12px;background:rgba(124,58,237,.08) }.purchase-wizard>header aside small { color:#7d8ca4;font-size:6px;letter-spacing:.1em;text-transform:uppercase }.purchase-wizard>header aside strong { font-size:10px }.purchase-wizard>header aside em { color:#c4b5fd;font-size:18px;font-style:normal;font-weight:850 }.purchase-steps { display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 30px;padding:0;list-style:none }.purchase-steps li { position:relative;display:flex;align-items:center;gap:9px;color:#5e6d83;font-size:8px;font-weight:800 }.purchase-steps li:not(:last-child)::after { position:absolute;right:12px;left:47px;height:1px;content:"";background:#2c3d59 }.purchase-steps b { position:relative;z-index:1;display:grid;width:29px;height:29px;place-items:center;border:1px solid #354761;border-radius:50%;background:#101a2d }.purchase-steps li.active { color:#d8ceff }.purchase-steps li.active b { border-color:#8b5cf6;color:#fff;background:#6d28d9;box-shadow:0 0 18px rgba(124,58,237,.35) }.purchase-steps li.complete { color:#70dab9 }.purchase-steps li.complete b { border-color:#10b981;color:#d1fae5;background:#065f46 }.purchase-steps li.complete::after { background:#0f8b6d }.purchase-panel { display:grid;gap:15px;max-width:900px;margin:0 auto }.purchase-panel[hidden] { display:none }.panel-heading { margin-bottom:3px }.panel-heading h3 { margin:9px 0 7px;font-size:22px }.panel-heading>p { margin:0;color:#8898af;font-size:9px;line-height:1.6 }.purchase-wizard label { display:grid;gap:7px;color:#9dacbf;font-size:9px;font-weight:750 }.purchase-wizard input,.purchase-wizard textarea,.purchase-wizard select { width:100%;min-height:46px;padding:0 13px;border:1px solid #31425f;border-radius:10px;outline:0;color:#eef3fa;background:#0a1426 }.purchase-wizard select { appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8b74ea 50%),linear-gradient(135deg,#8b74ea 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px }.purchase-wizard input:focus,.purchase-wizard textarea:focus,.purchase-wizard select:focus { border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(124,58,237,.14) }.invoice-note { display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(32,213,243,.19);border-radius:11px;background:rgba(8,145,178,.045) }.invoice-note svg { width:23px;height:23px;color:#5de0bb }.invoice-note span { display:grid;gap:3px }.invoice-note strong { font-size:9px }.invoice-note small { color:#7d8da4;font-size:7px }.wizard-actions { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding-top:18px;border-top:1px solid #293a56 }.wizard-actions button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:9px;font-size:9px;font-weight:850;cursor:pointer }.wizard-actions svg { width:15px;height:15px }.wizard-next,#request-submit { border:0;color:#fff;background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 9px 25px rgba(76,29,149,.23) }.wizard-back { border:1px solid #344661;color:#a8b6c9;background:#0d1729 }.payment-layout { display:grid;grid-template-columns:minmax(280px,.8fr) minmax(250px,1.2fr);gap:22px;align-items:center }.payment-layout .qr-container { min-height:300px;margin:0 }.payment-details>p { color:#98a8bc;font-size:9px;line-height:1.6 }.purchase-wizard .confirmation { display:flex!important;align-items:flex-start;gap:9px }.purchase-wizard .confirmation input { flex:0 0 auto;width:17px;min-height:17px;margin:1px 0 }.purchase-wizard #request-submit:disabled { opacity:.48;cursor:not-allowed }.purchase-wizard .request-success { max-width:760px;margin:15px auto;text-align:center }.purchase-wizard .form-error { margin-top:2px }

@media (max-width:900px) { .edition-grid.product-gallery,.download-grid { grid-template-columns:1fr }.purchase-wizard>header { flex-direction:column }.purchase-wizard>header aside { width:100% }.payment-layout { grid-template-columns:1fr }.product-plan-selector { grid-template-columns:1fr } }
@media (max-width:680px) { .purchase-wizard { padding:22px 16px }.purchase-steps span { display:none }.purchase-steps li { justify-content:center }.purchase-steps li:not(:last-child)::after { right:-25%;left:55% }.document-grid { grid-template-columns:1fr }.wizard-actions { align-items:stretch;flex-direction:column-reverse }.wizard-actions button { width:100% }.download-grid article { grid-template-columns:46px minmax(0,1fr) }.download-grid article>span { width:44px;height:44px }.download-security { align-items:flex-start;text-align:left } }

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

/* Portal comercial ORKOSYS 1.20: identidad neutra y experiencias por producto */
.public-brand small { letter-spacing:.08em;text-transform:none }
.public-header nav a::after { background:#7c63ed }
.header-cta,.primary-link,.experience-cta,.wizard-next,#request-submit,.status-panel button {
  border:1px solid #7867ef!important;
  color:#fff;
  background:#5d50df!important;
  box-shadow:0 10px 28px rgba(63,52,183,.3)!important;
}
.header-cta:hover,.primary-link:hover,.experience-cta:hover,.wizard-next:hover,#request-submit:hover,.status-panel button:hover {
  border-color:#9a8dff!important;background:#6a5bec!important;box-shadow:0 14px 32px rgba(65,52,190,.38)!important
}

.hero { min-height:680px;align-items:center }
.hero-copy { max-width:610px }
.hero-copy h1 { font-size:clamp(44px,5.5vw,74px);line-height:1.02 }
.hero-copy h1 em { color:#b6abff;background:none;-webkit-text-fill-color:initial }
.brand-constellation { position:relative;min-height:530px;isolation:isolate }
.brand-constellation::before { position:absolute;inset:8% 3% 5%;border:1px solid rgba(115,97,226,.3);border-radius:50%;content:"";background:radial-gradient(circle,rgba(80,61,190,.17),rgba(10,18,37,.02) 60%,transparent 70%);box-shadow:inset 0 0 80px rgba(96,72,210,.08) }
.constellation-core { position:absolute;z-index:4;top:50%;left:50%;display:grid;width:200px;height:200px;place-items:center;align-content:center;border:1px solid rgba(137,120,245,.5);border-radius:50%;background:linear-gradient(145deg,#172440,#0b1426);box-shadow:0 0 0 15px rgba(112,85,230,.05),0 32px 75px rgba(0,0,0,.4);transform:translate(-50%,-50%) }
.constellation-core img { width:78px;height:58px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(91,73,221,.35)) }
.constellation-core strong { margin-top:6px;font-size:18px;letter-spacing:.2em }
.constellation-core small { margin-top:5px;color:#8f9eb5;font-size:7px;font-weight:800;letter-spacing:.15em }
.constellation-card { position:absolute;z-index:5;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;width:250px;padding:15px;border:1px solid #344560;border-radius:15px;background:rgba(15,26,47,.95);box-shadow:0 18px 42px rgba(0,0,0,.32);animation:float-card 5s ease-in-out infinite }
.constellation-card>svg { width:26px;height:26px }
.constellation-card span { display:grid;gap:3px }.constellation-card small { font-size:6px;font-weight:900;letter-spacing:.15em }.constellation-card strong { font-size:14px }.constellation-card>b { padding:6px 8px;border-radius:999px;font-size:6px;letter-spacing:.05em;background:rgba(255,255,255,.05) }
.constellation-card.executive { top:11%;left:2%;color:#9db7ff;border-color:rgba(84,117,220,.45) }
.constellation-card.pro { top:40%;right:-2%;color:#c6b8ff;border-color:rgba(124,88,238,.52);animation-delay:-1.7s }
.constellation-card.paper { bottom:7%;left:8%;color:#f6b66f;border-color:rgba(231,138,60,.52);animation-delay:-3.1s }
.brand-constellation .orbit { position:absolute;z-index:1;top:50%;left:50%;border:1px dashed rgba(115,97,226,.25);border-radius:50%;transform:translate(-50%,-50%) }
.brand-constellation .orbit-a { width:72%;height:72%;animation:orbit-spin 24s linear infinite }.brand-constellation .orbit-b { width:94%;height:94%;animation:orbit-spin 34s linear infinite reverse }
@keyframes float-card { 0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)} }
@keyframes orbit-spin { to{transform:translate(-50%,-50%) rotate(360deg)} }

.solutions-section { margin:130px 0;scroll-margin-top:95px }
.experience-selector { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:850px;margin:0 auto 22px;padding:7px;border:1px solid #273955;border-radius:18px;background:#091225 }
.experience-selector button { display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid transparent;border-radius:12px;color:#8c9bb1;text-align:left;background:transparent;cursor:pointer;transition:.2s ease }
.experience-selector button:hover { color:#fff;background:#111d33 }.experience-selector button.active { border-color:#6659d8;color:#fff;background:#171f43;box-shadow:0 8px 25px rgba(0,0,0,.2) }
.experience-selector button>span { display:grid;width:42px;height:42px;place-items:center;border:1px solid #334760;border-radius:11px;background:#111c31 }.experience-selector svg { width:22px;height:22px }
.experience-selector div { display:grid;gap:3px }.experience-selector small { color:#8e7ff2;font-size:6px;font-weight:900;letter-spacing:.15em }.experience-selector strong { font-size:12px }
.experience-selector [data-experience-button="contable"] svg { color:#7ca2ff }.experience-selector [data-experience-button="paper"] svg,.experience-selector [data-experience-button="paper"] small { color:#f3a45a }
.experience-panel { display:grid;grid-template-columns:minmax(310px,.72fr) minmax(540px,1.28fr);gap:28px;align-items:center;min-height:545px;padding:34px;border:1px solid #2c3d5b;border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(91,70,205,.16),transparent 38%),linear-gradient(145deg,#111c31,#091326);box-shadow:0 35px 80px rgba(0,0,0,.28) }
.experience-copy { padding:10px 4px }.product-badge { display:inline-flex;padding:7px 10px;border:1px solid rgba(139,92,246,.36);border-radius:999px;color:#bbaaff;font-size:7px;font-weight:900;letter-spacing:.13em;background:rgba(124,58,237,.08) }
.experience-copy h3 { margin:18px 0 14px;font-size:clamp(25px,3vw,38px);line-height:1.12 }.experience-copy>p { color:#a0aec2;font-size:11px;line-height:1.75 }
.experience-copy ul { display:grid;gap:12px;margin:22px 0 25px;padding:0;list-style:none }.experience-copy li { display:flex;gap:9px;color:#c6d0df;font-size:9px;line-height:1.5 }.experience-copy li svg { flex:0 0 auto;width:16px;height:16px;color:#63dbb8 }
.experience-cta { display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 17px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer }.experience-cta svg { width:15px;height:15px }
.contable-experience { border-color:rgba(75,108,205,.45);background:radial-gradient(circle at 100% 0,rgba(62,95,190,.18),transparent 40%),linear-gradient(145deg,#121d32,#091326) }.contable-experience .product-badge { color:#b8caff;border-color:rgba(87,121,220,.42);background:rgba(48,83,177,.1) }
.paper-experience { border-color:rgba(211,125,45,.43);background:radial-gradient(circle at 100% 0,rgba(183,100,29,.16),transparent 40%),linear-gradient(145deg,#1a1b25,#0e1422) }.paper-experience .product-badge { color:#ffd0a3;border-color:rgba(231,138,60,.45);background:rgba(171,82,19,.1) }.paper-experience .experience-cta { border-color:#d5843d!important;background:#b86629!important;box-shadow:0 10px 28px rgba(155,75,20,.25)!important }

.ai-workbench,.enterprise-cockpit,.paper-workspace { overflow:hidden;border:1px solid #334866;border-radius:18px;background:#091225;box-shadow:0 24px 50px rgba(0,0,0,.32) }
.ai-workbench>header,.enterprise-cockpit>header,.paper-workspace>header { display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-bottom:1px solid #2b3e59;background:#0d182c }
.ai-workbench>header>span { display:flex;gap:4px }.ai-workbench>header i { width:7px;height:7px;border-radius:50%;background:#42506a }.ai-workbench>header strong { font-size:7px;letter-spacing:.13em }.ai-workbench>header em { margin-left:auto;color:#71819b;font-size:6px;font-style:normal }
.ai-upload-card { display:flex;align-items:center;gap:11px;margin:15px;padding:13px;border:1px solid #2f4668;border-radius:11px;background:#111e34 }.ai-upload-card svg { width:24px;height:24px;color:#7da4ff }.ai-upload-card span { display:grid;gap:4px }.ai-upload-card strong { font-size:8px }.ai-upload-card small { color:#7f90a9;font-size:6px }.ai-upload-card>b { margin-left:auto;color:#69dbbd;font-size:6px }
.ai-columns { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px 15px }.ai-columns>section,.ai-columns>aside { min-width:0;padding:15px;border:1px solid #2d405e;border-radius:11px;background:#0d182b }.ai-columns>aside { border-color:rgba(89,106,220,.5);background:#111a38 }.ai-columns small { color:#7895d5;font-size:6px;font-weight:900;letter-spacing:.13em }.ai-columns h4 { margin:7px 0 12px;font-size:12px }.ai-columns label { display:flex;justify-content:space-between;margin-bottom:8px;color:#7e90a9;font-size:7px }.ai-columns p { display:flex;justify-content:space-between;gap:8px;margin:0;padding:8px 0;border-top:1px solid #263854;color:#aebbd0;font-size:7px }.ai-columns footer { margin-top:9px;color:#68d8b9;font-size:6px }.ai-columns aside>p { display:block;line-height:1.45 }.entry-grid { display:grid;grid-template-columns:1fr auto auto;gap:7px;margin:9px 0;padding:9px;border:1px solid #2c3d61;border-radius:8px;background:#0c1530;font-size:6px }.entry-grid>span { color:#7384a2 }.entry-grid>b { text-align:right }.ai-columns aside>em { display:block;color:#f1b96d;font-size:6px;font-style:normal;line-height:1.45 }

.enterprise-cockpit { border-color:rgba(113,78,222,.45) }.enterprise-cockpit>header { justify-content:space-between }.enterprise-cockpit>header div { display:grid;gap:4px }.enterprise-cockpit>header small { color:#8a76e9;font-size:6px;font-weight:900;letter-spacing:.12em }.enterprise-cockpit>header strong { font-size:10px }.enterprise-cockpit>header>span { color:#82e3c6;font-size:6px }.enterprise-cockpit>header i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#31d6a5;box-shadow:0 0 12px #31d6a5 }
.cockpit-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px }.cockpit-kpis article { display:grid;gap:5px;padding:13px;border:1px solid #2d405f;border-radius:10px;background:#111d32 }.cockpit-kpis small { color:#788ba7;font-size:5px;font-weight:900;letter-spacing:.1em }.cockpit-kpis strong { font-size:13px }.cockpit-kpis em { color:#69dbbd;font-size:6px;font-style:normal }
.cockpit-grid { display:grid;grid-template-columns:1.5fr .8fr;gap:10px;padding:0 15px 15px }.cockpit-grid>section,.cockpit-grid>aside { min-width:0;padding:14px;border:1px solid #2d405f;border-radius:11px;background:#0d182b }.cockpit-grid section header { display:flex;justify-content:space-between }.cockpit-grid header strong { font-size:8px }.cockpit-grid header small,.cockpit-grid>aside>small { color:#7c8da5;font-size:5px;font-weight:900;letter-spacing:.1em }.cockpit-chart { display:flex;height:150px;align-items:flex-end;gap:7px;margin-top:13px;border-bottom:1px solid #30425e;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,rgba(90,108,142,.13) 37px) }.cockpit-chart i { flex:1;height:var(--h);border-radius:4px 4px 0 0;background:#7259e5;box-shadow:0 0 16px rgba(114,89,229,.18);animation:chart-rise .7s ease both }.cockpit-chart i:nth-child(even) { background:#3d65c1 }.cockpit-grid>aside p { display:flex;align-items:center;gap:8px;margin:11px 0 0;padding-top:10px;border-top:1px solid #293a56 }.cockpit-grid>aside p i { flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#f0aa4f }.cockpit-grid>aside p i.ok { background:#36d5a7 }.cockpit-grid>aside span { display:grid;color:#7f90a7;font-size:6px }.cockpit-grid>aside b { margin-bottom:3px;color:#dbe4f1;font-size:7px }
@keyframes chart-rise { from{height:0;opacity:.2} }

.paper-workspace { border-color:rgba(220,132,54,.48);background:#10131c }.paper-workspace>header { background:#1a1717 }.paper-mark { display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#f3eee6 }.paper-mark img { width:28px;height:24px;object-fit:contain }.paper-workspace>header div { display:grid;gap:3px }.paper-workspace>header small { color:#da9456;font-size:5px;font-weight:900;letter-spacing:.12em }.paper-workspace>header strong { font-size:9px }.paper-workspace>header em { margin-left:auto;padding:6px 8px;border-radius:999px;color:#ffd4ad;font-size:5px;font-style:normal;font-weight:900;background:rgba(192,103,30,.16) }
.paper-layout { display:grid;grid-template-columns:150px 1fr;min-height:315px }.paper-layout>aside { padding:16px 10px;border-right:1px solid #393337;background:#171820 }.paper-layout>aside strong { display:block;margin:0 7px 10px;color:#aa8d76;font-size:5px;letter-spacing:.12em }.paper-layout>aside p { margin:3px 0;padding:9px;border-radius:7px;color:#9c9693;font-size:6px }.paper-layout>aside p.active { color:#ffe1c6;background:#6b391b }.paper-layout>section { padding:16px;background:#13161f }.paper-title { display:grid;grid-template-columns:55px 1fr auto;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid #3b3537 }.paper-title>span { display:grid;gap:4px;padding:9px;border:1px solid #57473d;border-radius:8px;text-align:center;background:#1c1b20 }.paper-title small { color:#ae8e76;font-size:5px }.paper-title b { color:#f3b67f;font-size:13px }.paper-title h4 { margin:3px 0;font-size:12px }.paper-title>em { color:#79d1ac;font-size:5px;font-style:normal;font-weight:900 }.paper-lines p { display:grid;grid-template-columns:1fr auto 20px;gap:8px;margin:0;padding:14px 3px;border-bottom:1px solid #322e32;color:#b9b3b1;font-size:7px }.paper-lines i { color:#e69a57;font-style:normal;text-align:center }.paper-layout section footer { display:flex;gap:8px;flex-wrap:wrap;margin-top:14px }.paper-layout section footer span { padding:6px 8px;border:1px solid #463c37;border-radius:999px;color:#a9907f;font-size:5px }

.demo-insight { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr);gap:12px }.demo-pulse { display:grid;align-content:start;padding:14px;border:1px solid #2c3e5b;border-radius:11px;background:#0d182b }.demo-pulse>small { color:#7e8fa8;font-size:6px;font-weight:900;letter-spacing:.11em }.demo-pulse>div { display:flex;height:130px;align-items:flex-end;gap:5px;margin:12px 0;border-bottom:1px solid #31435e }.demo-pulse i { flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--module-color);opacity:.75;animation:module-bar .45s ease var(--delay) both }.demo-pulse>span { color:#6f8098;font-size:6px;line-height:1.45 }
@keyframes module-bar { from{height:0;opacity:0} }.module-demo.switching .demo-pulse i { height:0 }
.module-tab.active { border-color:color-mix(in srgb,var(--module-color,#735fe3) 55%,#2d3d57);box-shadow:inset 3px 0 0 var(--module-color,#735fe3) }

.flow-tour { padding:26px;border:1px solid #2d3e5b;border-radius:22px;background:linear-gradient(145deg,#111c31,#091325);box-shadow:0 25px 65px rgba(0,0,0,.24) }.flow-tour-steps { display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center }.flow-tour-steps>i { height:1px;background:#34445e }.flow-tour-steps button { display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #2c3e5b;border-radius:13px;color:#8190a5;text-align:left;background:#0b1628;cursor:pointer;transition:.2s ease }.flow-tour-steps button:hover { color:#fff;transform:translateY(-2px) }.flow-tour-steps button.active { border-color:#7966ea;color:#fff;background:#171f43;box-shadow:0 9px 25px rgba(56,42,145,.25) }.flow-tour-steps button>b { display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:10px;color:#bdb2ff;background:rgba(112,88,225,.14) }.flow-tour-steps button span { display:grid;gap:3px }.flow-tour-steps small { color:#7f70d5;font-size:5px;font-weight:900;letter-spacing:.12em }.flow-tour-steps strong { font-size:9px }.flow-tour-detail { display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:center;margin-top:22px;padding:26px;border:1px solid #2d405e;border-radius:16px;background:#0c172a }.flow-tour-detail>div>span { color:#8c7bed;font-size:7px;font-weight:900;letter-spacing:.13em }.flow-tour-detail h3 { margin:9px 0;font-size:24px }.flow-tour-detail>div>p { max-width:650px;margin:0;color:#94a3b8;font-size:10px;line-height:1.7 }.flow-tour-detail>aside { display:grid;gap:8px;padding:17px;border:1px solid #354864;border-radius:12px;background:#111d32 }.flow-tour-detail>aside>small { color:#7e8fa7;font-size:6px;font-weight:900;letter-spacing:.1em }.flow-tour-detail>aside>strong { font-size:18px }.flow-tour-detail>aside p { display:flex;justify-content:space-between;gap:15px;margin:0;padding-top:8px;border-top:1px solid #2b3d58;color:#8090a8;font-size:7px }.flow-tour-detail>aside b { color:#dbe4f1;text-align:right }

.download-grid article.private-delivery { border-color:rgba(114,91,218,.38) }.download-grid article.paper-delivery { border-color:rgba(218,132,58,.38) }.private-delivery>b { grid-column:1/-1;display:flex;min-height:42px;align-items:center;justify-content:center;margin-top:7px;border:1px solid #394a65;border-radius:9px;color:#aebad0;font-size:8px;background:#101a2d }.paper-delivery>b { color:#efb77e;border-color:#5b4434;background:#1b1717 }.paper-delivery>span { color:#f0a45f!important;border-color:#5d4637!important;background:#201a19!important }
.plans[data-product="paper"] { grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch }.plans[data-product="paper"] .plan-card { border-color:rgba(218,132,58,.35) }.plans[data-product="paper"] .plan-card.selected { border-color:#dd8b45;box-shadow:0 0 0 2px rgba(221,139,69,.13),0 18px 46px rgba(129,66,19,.17) }
.product-plan-tab.active { border-color:#6f5edf;background:#171f43;box-shadow:0 10px 28px rgba(0,0,0,.18) }.product-plan-tab[data-product="contable"]>span { color:#7da4ff }.product-plan-tab[data-product="paper"]>span { color:#eea25e }
.invoice-note { border-color:rgba(94,113,174,.35);background:rgba(54,70,119,.08) }.invoice-note svg { color:#8f9ff0 }
.download-button:not(.disabled) { border-color:#6f5edf;color:#fff;background:#5145c9 }.download-button:not(.disabled):hover { border-color:#9b8fff;background:#6255dc }

@media (max-width:1050px) {
  .hero { grid-template-columns:1fr;min-height:auto;padding-top:90px }.brand-constellation { min-height:500px }
  .experience-panel { grid-template-columns:1fr }.experience-copy { max-width:760px }.ai-workbench,.enterprise-cockpit,.paper-workspace { width:100% }
  .demo-insight { grid-template-columns:1fr }.demo-pulse { display:none }
}
@media (max-width:760px) {
  .public-brand small { display:block }.brand-constellation { min-height:450px }.constellation-card { width:210px;grid-template-columns:34px 1fr }.constellation-card>b { display:none }.constellation-card.pro { right:0 }.constellation-card.executive { left:0 }.constellation-core { width:160px;height:160px }
  .experience-selector { grid-template-columns:1fr }.experience-panel { min-height:0;padding:20px }.ai-columns,.cockpit-grid { grid-template-columns:1fr }.paper-layout { grid-template-columns:105px 1fr }.paper-title { grid-template-columns:48px 1fr }.paper-title>em { display:none }
  .flow-tour-steps { grid-template-columns:1fr;gap:8px }.flow-tour-steps>i { display:none }.flow-tour-detail { grid-template-columns:1fr;padding:20px }
  .plans[data-product="paper"] { grid-template-columns:1fr }
}
@media (max-width:520px) {
  .brand-constellation { min-height:410px }.constellation-card { width:178px;padding:11px }.constellation-card.executive { top:6% }.constellation-card.pro { top:39% }.constellation-card.paper { bottom:3%;left:1% }
  .experience-panel { padding:15px }.experience-copy h3 { font-size:27px }.cockpit-kpis { grid-template-columns:1fr }.paper-layout { grid-template-columns:1fr }.paper-layout>aside { display:none }.ai-columns { font-size:9px }
}