@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --color-primary: #1463e6;
  --color-primary-hover: #0e4ec2;
  --color-primary-light: #eaf2ff;
  --color-secondary: #2877f5;
  --color-accent: #20c9e8;
  --color-background: #fff;
  --color-surface: #f5f8fc;
  --color-surface-muted: #edf3f9;
  --color-border: #dfe7f1;
  --color-text: #0b1f3a;
  --color-text-muted: #66758c;
  --primary: #1463e6;
  --primary-dark: #0e4ec2;
  --secondary: #2877f5;
  --accent: #20c9e8;
  --dark: #0b1f3a;
  --dark-2: #07162b;
  --muted: #66758c;
  --border: #dfe7f1;
  --surface: #f5f8fc;
  --white: #fff;
  --success: #16a66a;
  --warning: #f59e0b;
  --danger: #ef4444;
  --radius: 18px;
  --shadow-sm: 0 8px 24px rgba(11, 31, 58, .07);
  --shadow: 0 20px 55px rgba(11, 31, 58, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; overflow-x: hidden; color: var(--dark); background: var(--white); font-family: 'DM Sans', sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .brand { font-family: 'Manrope', sans-serif; }
h1, h2, h3, p { margin-top: 0; }
h2 { font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.16; letter-spacing: -.045em; font-weight: 800; }
h3 { font-weight: 700; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { max-width: 1200px; }
.section { padding: 112px 0; position: relative; }
.section-muted { background: var(--surface); }
.section-dark { color: #fff; background: var(--dark-2); }
.section-label { display: inline-block; margin-bottom: 15px; color: var(--primary); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.section-label::before { content: ''; display: inline-block; width: 20px; height: 2px; margin-right: 9px; vertical-align: middle; background: currentColor; }
.section-heading { max-width: 720px; margin: 0 auto 56px; }
.section-heading p, .section-copy { color: var(--muted); font-size: 1.06rem; }
.section-heading.light p { color: #a9b9ce; }
.btn { border-radius: 10px; padding: .75rem 1.25rem; font-weight: 700; transition: .2s ease; }
.btn-lg { padding: .9rem 1.35rem; font-size: .98rem; }
.btn-sm { padding: .62rem 1rem; }
.btn-primary { border-color: var(--primary); background: var(--primary); box-shadow: 0 8px 20px rgba(20, 99, 230, .22); }
.btn-primary:hover, .btn-primary:focus { border-color: var(--primary-dark); background: var(--primary-dark); transform: translateY(-2px); }
.btn-outline-primary { color: var(--primary); border-color: #b8cff5; }
.btn-outline-primary:hover { border-color: var(--primary); background: var(--primary); }
.skip-link { position: fixed; top: -60px; left: 16px; z-index: 1100; padding: 10px 16px; color: #fff; background: var(--dark); border-radius: 8px; }
.skip-link:focus { top: 12px; }

/* Navbar */
.navbar { min-height: 80px; background: rgba(255, 255, 255, .84); border-bottom: 1px solid rgba(223, 231, 241, .75); backdrop-filter: blur(14px); transition: .25s ease; }
.navbar.scrolled { min-height: 70px; box-shadow: 0 8px 30px rgba(11, 31, 58, .08); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--dark); font-size: 1rem; line-height: 1.1; }
.brand strong { color: var(--primary); }
.brand small { display: block; margin-top: 4px; color: var(--muted); font-family: 'DM Sans', sans-serif; font-size: .61rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.brand-mark { display: grid; width: 39px; height: 39px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--primary), #23a2e8); border-radius: 11px; box-shadow: 0 7px 16px rgba(20, 99, 230, .25); }
.brand-mark:has(img) { padding: 0; overflow: hidden; background: transparent; box-shadow: none; }.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.navbar-nav { gap: 5px; }
.navbar .nav-link { position: relative; padding: .55rem .72rem !important; color: #46566d; font-size: .91rem; font-weight: 600; }
.navbar .nav-link::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 2px; background: var(--primary); border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform .2s ease; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--primary); }
.navbar .nav-link:hover::after, .navbar .nav-link.active::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 6px; }
.login-link { color: var(--dark); font-size: .9rem; text-decoration: none; }
.navbar-toggler { padding: 6px 8px; border: 1px solid var(--border); }
.navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(20, 99, 230, .15); }

/* Hero and dashboard */
.hero-section { position: relative; min-height: 860px; padding: 165px 0 90px; overflow: hidden; background: radial-gradient(circle at 77% 18%, rgba(32, 201, 232, .1), transparent 30%), linear-gradient(140deg, #fff 0%, #f7faff 54%, #edf5ff 100%); }
.hero-section::after { content: ''; position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: radial-gradient(#8aaee3 1px, transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(to right, transparent 15%, #000 80%, transparent); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.hero-orb-one { width: 280px; height: 280px; right: -110px; top: 120px; background: rgba(32, 201, 232, .12); }
.hero-orb-two { width: 190px; height: 190px; left: -80px; bottom: 30px; background: rgba(40, 119, 245, .08); }
.hero-copy { position: relative; z-index: 2; padding-right: 35px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 8px 12px; color: #1d598e; background: rgba(235, 246, 255, .9); border: 1px solid #cce6fa; border-radius: 50px; font-size: .78rem; font-weight: 700; }
.status-dot { width: 8px; height: 8px; background: var(--success); border-radius: 50%; box-shadow: 0 0 0 5px rgba(22, 166, 106, .1); }
.hero-copy h1 { max-width: 590px; margin-bottom: 24px; font-size: clamp(2.75rem, 5vw, 4.45rem); line-height: 1.04; letter-spacing: -.065em; font-weight: 800; }
.hero-copy h1 span { color: var(--primary); }
.hero-lead { max-width: 620px; margin-bottom: 15px; color: #41516a; font-size: 1.12rem; line-height: 1.7; }
.hero-support { max-width: 610px; margin-bottom: 28px; padding-left: 14px; color: var(--muted); border-left: 3px solid #b9d5fa; font-size: .91rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-actions .btn-outline-dark { border-color: #cad4e2; background: rgba(255,255,255,.65); }
.hero-actions .btn-outline-dark:hover { color: var(--dark); background: #fff; border-color: var(--dark); transform: translateY(-2px); }
.trust-list { display: flex; flex-wrap: wrap; gap: 9px 16px; margin-top: 28px; color: #607088; font-size: .75rem; font-weight: 700; }
.trust-list span { display: inline-flex; align-items: center; gap: 5px; }
.trust-list i { color: var(--primary); }
.dashboard-shell { position: relative; z-index: 3; width: 112%; color: var(--dark); background: #fff; border: 1px solid #dce6f3; border-radius: 16px; box-shadow: 0 35px 80px rgba(30, 66, 120, .2), 0 5px 16px rgba(30, 66, 120, .08); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); transform-origin: center left; overflow: hidden; }
.browser-bar { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0 12px; color: #8693a5; background: #f3f6fa; border-bottom: 1px solid #e4eaf2; font-size: .62rem; }
.browser-dots { display: flex; gap: 5px; }
.browser-dots span { width: 7px; height: 7px; border-radius: 50%; background: #fb6b67; }
.browser-dots span:nth-child(2) { background: #f6c454; }.browser-dots span:nth-child(3) { background: #53c66b; }
.browser-address { width: 42%; padding: 4px 10px; text-align: center; background: #fff; border-radius: 5px; }
.dashboard-body { display: grid; grid-template-columns: 48px 1fr; min-height: 530px; background: #f5f7fb; }
.mock-sidebar { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 10px 7px; color: #8fa0b5; background: #0e2749; }
.mock-logo { display: grid; width: 28px; height: 28px; margin-bottom: 10px; place-items: center; color: #fff; background: var(--primary); border-radius: 7px; }
.mock-sidebar > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 7px; }
.mock-sidebar > span.active { color: #fff; background: rgba(52, 133, 255, .7); }
.sidebar-bottom { margin-top: auto; }
.mock-content { min-width: 0; padding: 16px; }
.mock-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.mock-top small, .mock-top strong { display: block; }.mock-top small { color: #9aa6b7; font-size: .56rem; }.mock-top strong { font-size: .9rem; }
.mock-user { display: flex; align-items: center; gap: 10px; color: #7f8da2; font-size: .76rem; }.mock-user span { display: grid; width: 27px; height: 27px; place-items: center; color: #fff; background: #254e85; border-radius: 50%; font-size: .55rem; font-weight: 700; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.kpi-card { display: flex; gap: 8px; min-width: 0; padding: 10px 8px; background: #fff; border: 1px solid #e8edf4; border-radius: 9px; }
.kpi-card > i { display: grid; flex: 0 0 26px; width: 26px; height: 26px; place-items: center; border-radius: 7px; font-size: .72rem; }.kpi-card.blue > i { color: var(--primary); background: #eaf2ff; }.kpi-card.red > i { color: var(--danger); background: #ffeded; }.kpi-card.green > i { color: var(--success); background: #e9f9f1; }.kpi-card.orange > i { color: var(--warning); background: #fff6e3; }
.kpi-card small, .kpi-card strong, .kpi-card em { display: block; white-space: nowrap; }.kpi-card small { overflow: hidden; color: #8794a5; font-size: .48rem; text-overflow: ellipsis; }.kpi-card strong { margin: 1px 0; font-size: 1rem; }.kpi-card em { color: #779086; font-size: .46rem; font-style: normal; }
.mock-main-grid { display: grid; grid-template-columns: 1.75fr 1fr; gap: 8px; margin-top: 8px; }
.mock-panel { min-width: 0; padding: 11px; background: #fff; border: 1px solid #e8edf4; border-radius: 9px; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; }.panel-head strong, .panel-head small { display: block; }.panel-head strong { font-size: .65rem; }.panel-head small { color: #929eae; font-size: .48rem; }.panel-head span, .panel-head a { color: var(--success); font-size: .48rem; font-style: normal; }
.line-chart { width: 100%; height: 108px; margin-top: 4px; overflow: visible; }.grid-lines line { stroke: #edf1f6; stroke-width: 1; }.line-chart .area { fill: url(#areaFill); }.chart-line { fill: none; stroke: var(--primary); stroke-width: 3; stroke-linecap: round; }.chart-points circle { fill: #fff; stroke: var(--primary); stroke-width: 2; }
.chart-labels, .trend-labels { display: flex; justify-content: space-between; color: #9aa6b7; font-size: .42rem; }
.donut-wrap { display: flex; flex-direction: column; align-items: center; padding: 9px 0 0; }.donut { display: grid; width: 87px; height: 87px; place-items: center; background: conic-gradient(var(--success) 0 82%, #e7edf3 82%); border-radius: 50%; }.donut::before { content: ''; grid-area: 1/1; width: 62px; height: 62px; background: #fff; border-radius: 50%; }.donut span { z-index: 1; grid-area: 1/1; text-align: center; }.donut strong, .donut small { display: block; }.donut strong { font-size: 1rem; }.donut small { color: #98a5b6; font-size: .42rem; }.good-badge { margin-top: 9px; padding: 3px 8px; color: var(--success); background: #e9f9f1; border-radius: 20px; font-size: .46rem; }
.mock-bottom-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 8px; margin-top: 8px; }.task { display: flex; align-items: center; gap: 7px; padding: 7px 0; border-bottom: 1px solid #edf1f5; }.task:last-child { border: 0; }.task-icon { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 6px; font-size: .6rem; }.task-icon.blue { color: var(--primary); background: #eaf2ff; }.task-icon.orange { color: var(--warning); background: #fff4df; }.task div { min-width: 0; }.task strong, .task small { display: block; white-space: nowrap; }.task strong { font-size: .52rem; }.task small { overflow: hidden; color: #98a3b2; font-size: .43rem; text-overflow: ellipsis; }.task em { margin-left: auto; color: var(--primary); font-size: .43rem; font-style: normal; }
.mini-map { position: relative; height: 79px; margin-top: 7px; overflow: hidden; background: #eaf2ee; border-radius: 6px; }.mini-map::before { content: ''; position: absolute; inset: 0; opacity: .5; background: linear-gradient(30deg, transparent 30%, #fff 31%, #fff 37%, transparent 38%), linear-gradient(100deg, transparent 47%, #fff 48%, #fff 55%, transparent 56%); }.pin { position: absolute; z-index: 2; color: var(--primary); font-size: .75rem; }.pin-one { top: 16px; left: 20%; }.pin-two { top: 38px; right: 22%; color: var(--danger); }.pin-three { top: 12px; right: 40%; color: var(--success); }

/* Cards and solution */
.problem-grid > div { display: flex; }
.feature-card { position: relative; width: 100%; padding: 29px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); transition: .25s ease; }
.feature-card:hover { border-color: #a8c8f5; box-shadow: var(--shadow-sm); transform: translateY(-5px); }
.icon-box { display: grid; width: 46px; height: 46px; margin-bottom: 22px; place-items: center; border-radius: 12px; font-size: 1.15rem; }.icon-box.red { color: var(--danger); background: #fff0f0; }.icon-box.orange { color: var(--warning); background: #fff6e5; }.icon-box.purple { color: #805ad5; background: #f5f0ff; }.icon-box.blue { color: var(--primary); background: #edf4ff; }.icon-box.cyan { color: #0891b2; background: #e8fbff; }
.feature-card h3 { margin-bottom: 10px; font-size: 1.05rem; }.feature-card p { margin: 0; color: var(--muted); font-size: .91rem; }.card-index { position: absolute; right: 20px; top: 22px; color: #dfe6ef; font: 700 .8rem 'Manrope'; }
.solution-section { background: #fff; }
.solution-proof { display: flex; gap: 10px; margin-top: 30px; }.solution-proof div { flex: 1; padding: 14px 16px; background: var(--surface); border-left: 3px solid var(--primary); border-radius: 0 10px 10px 0; }.solution-proof strong, .solution-proof span { display: block; }.solution-proof strong { font-size: .9rem; }.solution-proof span { color: var(--muted); font-size: .73rem; }
.before-after { display: grid; grid-template-columns: 1fr 42px 1fr; align-items: center; }
.state-card { padding: 28px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }.state-card.before { background: #fffafa; border-color: #f2dcdc; }.state-card.after { background: #f7fffb; border-color: #bee9d4; box-shadow: 0 18px 45px rgba(22, 166, 106, .1); }
.state-head { display: flex; align-items: center; gap: 12px; padding-bottom: 19px; border-bottom: 1px solid rgba(200,210,222,.7); }.state-head > span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 10px; }.before .state-head > span { color: var(--danger); background: #ffe7e7; }.after .state-head > span { color: #fff; background: var(--success); }.state-head small { color: var(--muted); font-size: .6rem; font-weight: 800; letter-spacing: .1em; }.state-head h3 { margin: 2px 0 0; font-size: 1rem; }
.state-card ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; }.state-card li { display: flex; align-items: center; gap: 9px; color: #4e5d72; font-size: .84rem; }.state-card li i { width: 18px; color: #96a2b1; }.after li i { color: var(--success); }.transform-arrow { z-index: 2; display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: var(--primary); border: 5px solid #fff; border-radius: 50%; box-shadow: 0 5px 14px rgba(20,99,230,.25); }

/* Modules */
.modules-section { overflow: hidden; background: radial-gradient(circle at 8% 20%, rgba(40,119,245,.16), transparent 27%), radial-gradient(circle at 90% 78%, rgba(32,201,232,.08), transparent 25%), var(--dark-2); }
.module-grid > div { display: flex; }
.module-card { position: relative; width: 100%; min-height: 275px; padding: 24px; overflow: hidden; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.11); border-radius: 15px; transition: .25s ease; }
.module-card:hover { background: rgba(255,255,255,.09); border-color: rgba(68,151,255,.75); transform: translateY(-5px); }
.module-icon { display: grid; width: 42px; height: 42px; margin-bottom: 20px; place-items: center; color: #75b2ff; background: rgba(40,119,245,.16); border: 1px solid rgba(79,153,247,.22); border-radius: 11px; }
.module-tag { position: absolute; top: 26px; right: 22px; padding: 3px 7px; color: #8fbdf7; background: rgba(40,119,245,.12); border-radius: 20px; font-size: .54rem; font-weight: 700; }.module-tag.warning { color: #f8c565; background: rgba(245,158,11,.12); }.module-tag.success { color: #5bd39b; background: rgba(22,166,106,.12); }.module-tag.danger { color: #fb8d8d; background: rgba(239,68,68,.12); }
.module-card h3 { margin-bottom: 9px; font-size: 1rem; }.module-card p { margin-bottom: 18px; color: #9aabc1; font-size: .8rem; line-height: 1.55; }
.mini-ui { position: absolute; left: 24px; right: 24px; bottom: 20px; height: 38px; opacity: .56; transition: .25s ease; }.module-card:hover .mini-ui { opacity: 1; }
.mini-ui.rows, .mini-ui.checks, .mini-ui.notifications { display: grid; gap: 5px; }.mini-ui.rows i, .mini-ui.checks i, .mini-ui.notifications i { position: relative; display: block; height: 7px; background: rgba(255,255,255,.12); border-radius: 4px; }.mini-ui.rows i::before { content: ''; display: block; width: 34%; height: 100%; background: rgba(85,160,255,.6); border-radius: inherit; }.mini-ui.rows i:nth-child(2)::before { width: 56%; }.mini-ui.rows i:nth-child(3)::before { width: 45%; }.mini-ui.checks i::before { content: '✓'; position: absolute; left: 3px; top: -5px; color: #62d59e; font-style: normal; font-size: 9px; }.mini-ui.checks i { margin-left: 14px; }.mini-ui.calendar { display: grid; grid-template-columns: repeat(7,1fr); gap: 3px; }.mini-ui.calendar i { background: rgba(255,255,255,.12); border-radius: 3px; }.mini-ui.calendar i:nth-child(4), .mini-ui.calendar i:nth-child(6) { background: rgba(40,119,245,.65); }.mini-ui.map-preview { overflow: hidden; background: rgba(222,240,235,.16); border-radius: 5px; }.mini-ui.map-preview::after { content: ''; position: absolute; inset: 0; background: linear-gradient(25deg,transparent 40%,rgba(255,255,255,.18) 41%,rgba(255,255,255,.18) 50%,transparent 51%); }.mini-ui.map-preview b { position: absolute; z-index: 1; width: 7px; height: 7px; background: #57a1ff; border: 2px solid #cde5ff; border-radius: 50%; }.mini-ui.map-preview b:first-child { left: 20%; top: 12px; }.mini-ui.map-preview b:nth-child(2) { left: 58%; top: 6px; background: #f98b8b; }.mini-ui.map-preview b:nth-child(3) { right: 12%; bottom: 6px; background: #4fce91; }
.mini-ui.avatars { display: flex; align-items: center; }.mini-ui.avatars i, .mini-ui.avatars span { display: grid; width: 29px; height: 29px; margin-right: -5px; place-items: center; color: #fff; background: #2d78d8; border: 2px solid #0c213f; border-radius: 50%; font-size: .48rem; font-style: normal; }.mini-ui.avatars i:nth-child(2) { background: #7d5cc8; }.mini-ui.avatars i:nth-child(3) { background: #159670; }.mini-ui.avatars span { background: #364d6a; }.mini-ui.pulse { overflow: hidden; }.mini-ui.pulse span { position: absolute; top: 18px; left: 0; right: 0; height: 1px; background: rgba(255,255,255,.15); }.mini-ui.pulse span::after { content: ''; position: absolute; inset: -15px 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M0 21h45l8-15 12 29 10-19 8 5h117' fill='none' stroke='%2355d696' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat; }.mini-ui.bars { display: flex; align-items: flex-end; gap: 6px; }.mini-ui.bars i { flex: 1; height: 35%; background: rgba(85,160,255,.55); border-radius: 3px 3px 0 0; }.mini-ui.bars i:nth-child(2) { height: 70%; }.mini-ui.bars i:nth-child(3) { height: 48%; }.mini-ui.bars i:nth-child(4) { height: 90%; background: rgba(245,158,11,.6); }.mini-ui.bars.chart i:nth-child(5) { height: 62%; }.mini-ui.progress-preview i { display: block; height: 8px; margin-top: 12px; background: rgba(255,255,255,.12); border-radius: 10px; }.mini-ui.progress-preview i::after { content: ''; display: block; width: 86%; height: 100%; background: #46cc8a; border-radius: inherit; }.mini-ui.files { display: flex; gap: 7px; }.mini-ui.files i { width: 27px; height: 34px; background: rgba(255,255,255,.15); border-radius: 3px; }.mini-ui.files i::before { content: ''; display: block; width: 60%; height: 3px; margin: 17px auto 0; background: rgba(86,160,255,.7); }.mini-ui.mail { padding: 6px; background: rgba(255,255,255,.1); border-radius: 5px; }.mini-ui.mail i { position: absolute; width: 20px; height: 15px; background: rgba(77,153,247,.5); border-radius: 3px; }.mini-ui.mail span { display: block; height: 4px; margin: 4px 4px 0 30px; background: rgba(255,255,255,.18); border-radius: 3px; }.mini-ui.mail span:last-child { width: 45%; }.mini-ui.notifications i::before { content: ''; display: block; width: 7px; height: 7px; background: #f38383; border-radius: 50%; transform: translateX(-12px); }

/* Workflow */
.workflow-section { background: #fff; }
.workflow-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.workflow-line::before { content: ''; position: absolute; left: 10%; right: 10%; top: 37px; border-top: 1px dashed #aec7e9; }
.workflow-step { position: relative; text-align: center; }.step-icon { position: relative; z-index: 1; display: grid; width: 74px; height: 74px; margin: 0 auto 25px; place-items: center; color: var(--primary); background: #edf4ff; border: 6px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #cfdef2; font-size: 1.35rem; }.step-icon span { position: absolute; top: -12px; right: -13px; display: grid; width: 29px; height: 29px; place-items: center; color: #fff; background: var(--primary); border: 3px solid #fff; border-radius: 50%; font-size: .52rem; }.workflow-step h3 { font-size: 1rem; }.workflow-step p { color: var(--muted); font-size: .84rem; }

/* Analytics */
.analytics-section { overflow: hidden; background: #f2f6fb; }
.analytics-window { padding: 18px; background: #f8fafc; border: 1px solid #dce5ef; border-radius: 18px; box-shadow: 0 25px 65px rgba(12,43,80,.14); }
.analytics-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding: 0 4px; }.analytics-top small, .analytics-top strong { display: block; }.analytics-top small { color: var(--primary); font-size: .56rem; font-weight: 800; letter-spacing: .1em; }.analytics-top strong { font: 700 .9rem 'Manrope'; }.date-filter { padding: 7px 10px; color: #617087; background: #fff; border: 1px solid #e0e7ef; border-radius: 7px; font-size: .58rem; }
.analytics-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 10px; }.analytics-card { min-width: 0; padding: 14px; background: #fff; border: 1px solid #e4eaf1; border-radius: 10px; }.risk-bars { grid-column: span 7; }.task-donut { grid-column: span 5; }.operation-trend { grid-column: span 8; }.workload { grid-column: span 4; }.attention-list { grid-column: span 12; }
.chart-title { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }.chart-title strong, .chart-title small { display: block; }.chart-title strong { font-size: .66rem; }.chart-title small { color: #95a1b1; font-size: .5rem; }.chart-title > span, .chart-title > i, .chart-title > a { color: #8290a3; font-size: .52rem; }.trend-up { padding: 3px 6px; color: var(--success) !important; background: #e9f9f1; border-radius: 10px; }
.risk-row { display: grid; grid-template-columns: 74px 1fr 20px; align-items: center; gap: 7px; margin-bottom: 9px; font-size: .5rem; }.risk-row > i { height: 7px; overflow: hidden; background: #edf1f5; border-radius: 9px; }.risk-row b { display: block; width: var(--width); height: 100%; background: var(--color); border-radius: inherit; }.risk-row em { font-style: normal; font-weight: 700; text-align: right; }
.large-donut { display: grid; width: 95px; height: 95px; margin: 0 auto 13px; place-items: center; background: conic-gradient(var(--success) 0 78%, var(--primary) 78% 93%, var(--danger) 93%); border-radius: 50%; }.large-donut::before { content: ''; grid-area: 1/1; width: 68px; height: 68px; background: #fff; border-radius: 50%; }.large-donut div { z-index: 1; grid-area: 1/1; text-align: center; }.large-donut strong, .large-donut small { display: block; }.large-donut strong { font-size: 1rem; }.large-donut small { color: #9aa5b3; font-size: .42rem; }.donut-legend { display: grid; gap: 4px; }.donut-legend span { display: flex; align-items: center; gap: 5px; color: #718096; font-size: .46rem; }.donut-legend i { width: 6px; height: 6px; border-radius: 50%; }.donut-legend i.green { background: var(--success); }.donut-legend i.blue { background: var(--primary); }.donut-legend i.red { background: var(--danger); }.donut-legend b { margin-left: auto; color: var(--dark); }
.chart-legend { display: flex; gap: 8px; }.chart-legend span { color: #7a889b; font-size: .45rem; }.chart-legend i { display: inline-block; width: 12px; height: 2px; margin-right: 3px; vertical-align: middle; background: var(--primary); }.chart-legend span:nth-child(2) i { background: var(--accent); }.operation-trend svg { width: 100%; height: 137px; overflow: visible; }.visit-line, .task-line { fill: none; stroke: var(--primary); stroke-width: 3; stroke-linecap: round; }.task-line { stroke: var(--accent); stroke-width: 2.5; }.visit-points circle { fill: #fff; stroke: var(--primary); stroke-width: 2; }
.workload-chart { display: flex; align-items: flex-end; justify-content: space-around; height: 136px; padding-top: 9px; border-bottom: 1px solid #e9eef4; background: repeating-linear-gradient(to bottom,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 35px); }.workload-chart div { display: flex; width: 13%; height: 100%; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }.workload-chart i { width: 100%; height: var(--h); background: linear-gradient(to top,var(--primary),#69a6f8); border-radius: 4px 4px 0 0; }.workload-chart div:nth-child(3) i { background: linear-gradient(to top,#f59e0b,#f8c55e); }.workload-chart span { font-size: .42rem; }
.attention-list { display: grid; grid-template-columns: 1.2fr repeat(3,1fr); align-items: center; gap: 10px; }.attention-list .chart-title { margin: 0; }.attention { display: flex; align-items: center; gap: 7px; min-width: 0; padding-left: 9px; border-left: 1px solid #e5eaf0; }.company-avatar { display: grid; flex: 0 0 26px; width: 26px; height: 26px; place-items: center; border-radius: 7px; font-size: .43rem; font-weight: 700; }.company-avatar.red { color: var(--danger); background: #ffeded; }.company-avatar.orange { color: #c37a00; background: #fff3dc; }.company-avatar.blue { color: var(--primary); background: #eaf2ff; }.attention div { min-width: 0; }.attention strong, .attention small { display: block; white-space: nowrap; }.attention strong { font-size: .51rem; }.attention small { overflow: hidden; color: #929eae; font-size: .41rem; text-overflow: ellipsis; }.attention em { margin-left: auto; padding: 2px 5px; color: var(--danger); background: #ffeded; border-radius: 8px; font-size: .39rem; font-style: normal; }.attention em.medium { color: #b87500; background: #fff4df; }.attention em.info { color: var(--primary); background: #eaf2ff; }
.analytics-copy { padding-left: 40px; }.analytics-copy > p { color: var(--muted); }.insight-list { display: grid; gap: 10px; margin-top: 25px; }.insight-list article { display: flex; gap: 13px; padding: 13px; background: rgba(255,255,255,.65); border: 1px solid transparent; border-radius: 12px; transition: .2s ease; }.insight-list article:hover { background: #fff; border-color: var(--border); box-shadow: var(--shadow-sm); }.insight-list article > span { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; color: var(--primary); background: #e8f1ff; border-radius: 10px; }.insight-list h3 { margin: 0 0 2px; font-size: .88rem; }.insight-list p { margin: 0; color: var(--muted); font-size: .75rem; }

/* Automation and security */
.automation-section { background: #fff; }
.automation-wrap { padding: 55px; color: #fff; overflow: hidden; background: radial-gradient(circle at 70% 20%,rgba(74,131,255,.24),transparent 34%), linear-gradient(135deg,#0b1f3a,#102f57); border-radius: 28px; }
.automation-wrap h2 { font-size: clamp(2rem,3vw,2.65rem); }.automation-wrap p { color: #b0c0d4; }.ai-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 7px 11px; color: #9fc6ff; background: rgba(40,119,245,.15); border: 1px solid rgba(93,160,255,.22); border-radius: 30px; font-size: .72rem; font-weight: 700; }.safe-note { display: flex; gap: 9px; margin-top: 23px; padding: 12px; color: #9faec1; background: rgba(255,255,255,.05); border-radius: 9px; font-size: .69rem; }
.automation-card { position: relative; min-height: 132px; padding: 19px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; transition: .2s ease; }.automation-card:hover { background: rgba(255,255,255,.11); transform: translateY(-3px); }.automation-card > i { color: #6aa8fa; font-size: 1.15rem; }.automation-card h3 { max-width: 160px; margin: 17px 0 0; font-size: .83rem; }.automation-card span { position: absolute; right: 12px; bottom: 12px; color: #8da0b8; font-size: .54rem; }
.security-section { background: var(--surface); }.security-visual { position: relative; width: 300px; height: 240px; margin: 28px auto; }.shield-rings { position: absolute; left: 50%; top: 50%; display: grid; width: 175px; height: 175px; place-items: center; border: 1px solid #d0e1f7; border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 35px rgba(40,119,245,.035),0 0 0 70px rgba(40,119,245,.025); }.shield-rings span { display: grid; width: 95px; height: 95px; place-items: center; color: #fff; background: linear-gradient(145deg,var(--primary),#20a3dc); border: 8px solid #e6f0ff; border-radius: 30px; box-shadow: 0 14px 30px rgba(20,99,230,.24); font-size: 2rem; transform: rotate(45deg); }.shield-rings i { transform: rotate(-45deg); }
.secure-chip { position: absolute; display: flex; align-items: center; gap: 6px; padding: 7px 10px; color: #4f6077; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: var(--shadow-sm); font-size: .64rem; font-weight: 700; }.secure-chip i { color: var(--success); }.chip-one { left: 0; top: 23px; }.chip-two { right: 0; top: 78px; }.chip-three { left: 13px; bottom: 18px; }.compliance-note { display: flex; align-items: center; gap: 9px; color: #55677f; font-size: .78rem; }.compliance-note i { color: var(--success); }
.security-list { display: grid; gap: 10px; }.security-card { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 19px; background: #fff; border: 1px solid var(--border); border-radius: 13px; transition: .2s ease; }.security-card:hover { border-color: #b2cef3; box-shadow: var(--shadow-sm); transform: translateX(4px); }.security-card > span { position: absolute; right: 15px; top: 12px; color: #e4eaf1; font: 800 .75rem 'Manrope'; }.security-card > i { display: grid; grid-row: 1; width: 44px; height: 44px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; }.security-card div { grid-column: 2; grid-row: 1; }.security-card h3 { margin: 0 0 4px; font-size: .92rem; }.security-card p { margin: 0; color: var(--muted); font-size: .78rem; }

/* Demo, pricing, FAQ */
.demo-section { background: #fff; }.demo-wrap { overflow: hidden; background: #fff; border: 1px solid #d8e2ef; border-radius: 24px; box-shadow: var(--shadow); }.demo-info { position: relative; padding: 55px 45px; color: #fff; overflow: hidden; background: radial-gradient(circle at 80% 18%,rgba(50,152,255,.38),transparent 30%),linear-gradient(145deg,#0b1f3a,#12427b); }.demo-info::after { content: ''; position: absolute; right: -40px; bottom: -55px; width: 190px; height: 190px; border: 30px solid rgba(255,255,255,.04); border-radius: 50%; }.light-label { color: #79b6ff; }.demo-info h2 { font-size: clamp(2rem,3vw,2.7rem); }.demo-info > p { color: #b6c6d8; }.demo-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 30px 0; }.demo-points > div { display: flex; align-items: center; gap: 9px; }.demo-points div > span { display: grid; width: 34px; height: 34px; place-items: center; color: #73b2ff; background: rgba(255,255,255,.08); border-radius: 8px; }.demo-points strong,.demo-points small { display: block; }.demo-points strong { font-size: .73rem; }.demo-points small { color: #8fa4bb; font-size: .59rem; }.whatsapp-link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: #7ee3ad; font-size: .82rem; font-weight: 700; }.whatsapp-link:hover { color: #fff; }
.demo-form-side { padding: 45px; }.form-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }.form-heading span { color: var(--primary); font-size: .68rem; font-weight: 800; text-transform: uppercase; }.form-heading h3 { margin: 4px 0 0; font-size: 1.15rem; }.form-heading > i { display: grid; width: 42px; height: 42px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; }
.form-label { color: #405069; font-size: .78rem; font-weight: 700; }.form-label span { color: var(--danger); }.form-control,.form-select { min-height: 48px; color: var(--dark); background-color: #fbfcfe; border-color: #dce4ee; border-radius: 9px; font-size: .84rem; }.form-control:focus,.form-select:focus { background: #fff; border-color: #7aaef3; box-shadow: 0 0 0 4px rgba(20,99,230,.1); }.form-control::placeholder { color: #a4aebb; }.privacy-text { margin: 10px 0 0; color: #8b97a7; font-size: .65rem; text-align: center; }.form-success { display: none; align-items: center; gap: 12px; margin-bottom: 20px; padding: 13px; color: #126a47; background: #ecfbf4; border: 1px solid #bcebd4; border-radius: 9px; }.form-success.show { display: flex; }.form-success i { font-size: 1.35rem; }.form-success strong,.form-success span { display: block; }.form-success strong { font-size: .84rem; }.form-success span { font-size: .7rem; }
.pricing-section { background: var(--surface); }.pricing-grid > div { display: flex; }.pricing-card { position: relative; width: 100%; padding: 31px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); transition: .25s ease; }.pricing-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-sm); }.pricing-card.featured { border: 2px solid var(--primary); box-shadow: 0 16px 40px rgba(20,99,230,.12); }.popular-badge { position: absolute; top: -13px; left: 50%; padding: 5px 14px; color: #fff; background: var(--primary); border-radius: 30px; font-size: .61rem; font-weight: 700; transform: translateX(-50%); white-space: nowrap; }.pricing-icon { display: grid; width: 45px; height: 45px; margin-bottom: 20px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; }.plan-label { color: var(--primary); font-size: .62rem; font-weight: 800; letter-spacing: .1em; }.pricing-card h3 { margin: 6px 0 11px; font-size: 1.15rem; }.price-text { padding-bottom: 17px; color: var(--muted); border-bottom: 1px solid var(--border); font-size: .8rem; }.price-text strong { display: block; color: var(--dark); font-size: 1.02rem; }.pricing-card ul { display: grid; gap: 11px; min-height: 120px; padding: 5px 0 0; list-style: none; }.pricing-card li { color: #536278; font-size: .8rem; }.pricing-card li i { margin-right: 7px; color: var(--success); }
.faq-section { background: #fff; }.text-link { color: var(--primary); font-weight: 700; }.faq-accordion .accordion-item { margin-bottom: 10px; overflow: hidden; border: 1px solid var(--border); border-radius: 11px !important; }.faq-accordion .accordion-button { padding: 19px 21px; color: var(--dark); background: #fff; font-weight: 700; font-size: .9rem; box-shadow: none; }.faq-accordion .accordion-button:not(.collapsed) { color: var(--primary); background: #f5f9ff; }.faq-accordion .accordion-button::after { width: 1rem; height: 1rem; background-size: 1rem; }.faq-accordion .accordion-body { padding: 0 21px 20px; color: var(--muted); background: #f5f9ff; font-size: .85rem; }

/* CTA and footer */
.final-cta-section { padding: 0 0 110px; }.final-cta { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 55px 60px; color: #fff; overflow: hidden; background: linear-gradient(120deg,#0f55c8,#138ee2); border-radius: 24px; box-shadow: 0 25px 55px rgba(20,99,230,.22); }.final-cta > div:not(.cta-shape) { position: relative; z-index: 1; }.final-cta h2 { max-width: 690px; margin-bottom: 11px; font-size: clamp(2rem,3.4vw,3rem); }.final-cta p { max-width: 680px; margin: 0; color: #d5e8ff; }.final-actions { display: flex; flex: 0 0 260px; flex-direction: column; gap: 10px; }.final-actions .btn { white-space: nowrap; }.cta-shape { position: absolute; right: -70px; top: -120px; width: 330px; height: 330px; border: 50px solid rgba(255,255,255,.06); border-radius: 50%; }
.site-footer { padding: 75px 0 0; color: #a9b6c8; background: var(--dark-2); }.footer-brand { color: #fff; }.site-footer .col-lg-5 > p { max-width: 400px; margin: 20px 0; font-size: .85rem; }.social-links { display: flex; gap: 8px; }.social-links a { display: grid; width: 34px; height: 34px; place-items: center; color: #94a8c1; background: rgba(255,255,255,.06); border-radius: 8px; transition: .2s ease; }.social-links a:hover { color: #fff; background: var(--primary); }.site-footer h2 { margin-bottom: 19px; color: #fff; font-size: .79rem; letter-spacing: .06em; text-transform: uppercase; }.site-footer ul { display: grid; gap: 10px; padding: 0; list-style: none; }.site-footer li,.site-footer a { font-size: .78rem; }.site-footer a:hover { color: #fff; }.contact-list li { display: flex; align-items: center; gap: 8px; }.contact-list i { color: #5c9ef2; }.footer-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: .68rem; }.footer-bottom div { display: flex; gap: 20px; }.back-to-top { position: fixed; z-index: 500; right: 20px; bottom: 20px; display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: var(--primary); border: 0; border-radius: 11px; box-shadow: 0 8px 20px rgba(20,99,230,.28); opacity: 0; visibility: hidden; transform: translateY(12px); transition: .2s ease; }.back-to-top.show { opacity: 1; visibility: visible; transform: none; }

/* Motion and responsive */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: none; }.reveal-delay { transition-delay: .12s; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }*,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

@media (max-width: 1199.98px) {
  .dashboard-shell { width: 100%; transform: none; }.hero-section { min-height: auto; }.kpi-card:nth-child(4) { display: none; }.kpi-grid { grid-template-columns: repeat(3,1fr); }
  .analytics-copy { padding-left: 12px; }.analytics-window { max-width: 900px; margin: auto; }.attention-list { grid-template-columns: 1fr 1fr; }.attention-list .chart-title { grid-column: span 2; }.attention { padding: 8px 0; border-left: 0; border-top: 1px solid #e5eaf0; }
}

@media (max-width: 991.98px) {
  .section { padding: 88px 0; }.navbar-collapse { margin-top: 12px; padding: 14px; background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow-sm); }.navbar-nav { gap: 2px; }.navbar .nav-link { padding: .65rem .5rem !important; }.nav-actions { padding-top: 10px; border-top: 1px solid var(--border); }.nav-actions .btn-primary { margin-left: auto; }
  .hero-section { padding: 135px 0 80px; }.hero-copy { padding-right: 12px; text-align: center; }.hero-copy h1,.hero-lead,.hero-support { margin-left: auto; margin-right: auto; }.hero-support { padding-left: 0; border-left: 0; }.hero-actions,.trust-list { justify-content: center; }.dashboard-shell { max-width: 760px; margin: auto; }
  .before-after { max-width: 720px; margin: auto; }.workflow-line { gap: 18px; }.workflow-step p { padding: 0 7px; }
  .analytics-copy { text-align: center; }.insight-list { grid-template-columns: 1fr 1fr; text-align: left; }.automation-wrap { padding: 42px; }.security-visual { margin-top: 40px; }.demo-info,.demo-form-side { padding: 45px; }
  .final-cta { flex-direction: column; align-items: flex-start; }.final-actions { width: 100%; flex: auto; flex-direction: row; }.final-actions .btn { flex: 1; }
}

@media (max-width: 767.98px) {
  h2 { font-size: 2rem; }.section { padding: 74px 0; }.section-heading { margin-bottom: 38px; }.hero-copy h1 { font-size: 2.65rem; }.trust-list { gap: 8px 12px; }
  .dashboard-shell { border-radius: 12px; }.dashboard-body { grid-template-columns: 38px 1fr; min-height: 480px; }.mock-sidebar { padding: 8px 4px; }.mock-sidebar > span { width: 26px; height: 26px; }.mock-content { padding: 10px; }.kpi-grid { grid-template-columns: repeat(2,1fr); }.kpi-card:nth-child(3) { display: none; }.mock-bottom-grid { grid-template-columns: 1fr; }.map-card { display: none; }.line-chart { height: 94px; }
  .before-after { grid-template-columns: 1fr; gap: 0; }.transform-arrow { margin: -7px auto; transform: rotate(90deg); }.solution-proof { flex-direction: column; }
  .workflow-line { grid-template-columns: 1fr; gap: 0; padding-left: 32px; }.workflow-line::before { left: 34px; right: auto; top: 22px; bottom: 55px; border-top: 0; border-left: 1px dashed #aec7e9; }.workflow-step { display: grid; grid-template-columns: 75px 1fr; text-align: left; }.step-icon { grid-row: span 2; width: 60px; height: 60px; margin: 0; }.workflow-step h3 { margin: 8px 0 5px; }.workflow-step p { padding: 0; }
  .analytics-grid { grid-template-columns: 1fr 1fr; }.risk-bars,.task-donut,.operation-trend,.workload,.attention-list { grid-column: span 2; }.attention-list { grid-template-columns: 1fr; }.attention-list .chart-title { grid-column: auto; }.operation-trend svg { height: 115px; }
  .automation-wrap { padding: 32px 22px; border-radius: 20px; }.demo-points { grid-template-columns: 1fr 1fr; }.pricing-card ul { min-height: auto; }.final-cta { padding: 42px 28px; }.final-actions { flex-direction: column; }.footer-bottom { gap: 15px; flex-direction: column; align-items: flex-start; }
}

@media (max-width: 575.98px) {
  .container { padding-left: 20px; padding-right: 20px; }.navbar { min-height: 70px; }.brand { font-size: .88rem; }.brand-mark { width: 35px; height: 35px; }.brand small { font-size: .52rem; }
  .hero-section { padding-top: 120px; }.hero-copy h1 { font-size: 2.35rem; }.hero-lead { font-size: 1rem; }.hero-actions { flex-direction: column; }.hero-actions .btn { width: 100%; }.trust-list { display: grid; grid-template-columns: 1fr 1fr; text-align: left; }
  .dashboard-shell { margin-left: -8px; width: calc(100% + 16px); }.browser-address { width: 58%; }.dashboard-body { grid-template-columns: 32px 1fr; min-height: 410px; }.mock-sidebar { gap: 4px; }.mock-logo { width: 23px; height: 23px; }.mock-sidebar > span { width: 22px; height: 22px; font-size: .6rem; }.mock-content { padding: 8px; }.kpi-card { padding: 7px 5px; }.kpi-card > i { display: none; }.mock-main-grid { grid-template-columns: 1fr .72fr; }.mock-panel { padding: 8px; }.line-chart { height: 76px; }.donut { width: 66px; height: 66px; }.donut::before { width: 47px; height: 47px; }.risk-panel .panel-head i { display: none; }.task { padding: 5px 0; }
  .feature-card,.state-card,.pricing-card { padding: 24px; }.module-card { min-height: 260px; }.workflow-line { padding-left: 0; }.workflow-line::before { left: 29px; }.workflow-step { grid-template-columns: 70px 1fr; }.insight-list { grid-template-columns: 1fr; }
  .analytics-window { margin-left: -8px; width: calc(100% + 16px); padding: 9px; }.analytics-top strong { font-size: .75rem; }.date-filter { padding: 5px; }.risk-row { grid-template-columns: 62px 1fr 18px; }.attention-list { display: block; }.attention-list .chart-title { margin-bottom: 8px; }.attention { padding: 8px 0; }.chart-legend { display: none; }
  .security-visual { width: 280px; transform: scale(.9); }.demo-info,.demo-form-side { padding: 32px 23px; }.demo-points { grid-template-columns: 1fr; }.form-heading > i { display: none; }.final-cta { padding: 36px 23px; border-radius: 18px; }.site-footer { padding-top: 60px; }.footer-bottom div { flex-wrap: wrap; gap: 12px; }
}

/* Landing page module explorer */
.overview-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.overview-grid article { padding:24px; background:#fff; border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow-sm); }.overview-grid i,.explorer-card>i { display:grid; width:42px; height:42px; margin-bottom:17px; place-items:center; color:var(--primary); background:var(--color-primary-light); border-radius:10px; font-size:1.05rem; }.overview-grid h3 { margin-bottom:7px; font-size:1rem; }.overview-grid p,.explorer-card p { margin:0; color:var(--muted); font-size:.84rem; }
.form-success.form-pending { color:#76570f; background:#fff8e8; border-color:#efdba3; }.form-success.form-pending > i { color:var(--warning); }
.form-success.form-error { color:#8a2630; background:#fff1f2; border-color:#f0c1c6; }.form-success.form-error > i { color:var(--danger); }
.form-hp { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* Shared public layout rendered by main.js */
.footer-cta { padding:62px 0; color:#fff; background:#0b1f3a; }.footer-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }.footer-cta h2 { margin-bottom:7px; font-size:clamp(1.6rem,3vw,2.2rem); }.footer-cta p { max-width:650px; margin:0; color:#bfd0e6; }.footer-cta .section-label { color:#74cef0; }.site-footer { color:#d4dfeb; background:#07162b; }.site-footer .footer-main { padding:58px 0 40px; }.site-footer .brand { color:#fff; }.site-footer .brand small { color:#a8b9cd; }.site-footer p { max-width:290px; margin-top:17px; color:#a8b9cd; font-size:.84rem; }.site-footer h2 { margin:0 0 15px; color:#fff; font-size:.83rem; letter-spacing:.02em; }.site-footer ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.site-footer li,.site-footer a { color:#a8b9cd; font-size:.8rem; }.site-footer a:hover { color:#fff; }.site-footer .footer-bottom { margin:0; padding:19px 0; color:#8092a9; border-top:1px solid rgba(193,211,233,.13); font-size:.75rem; }@media (max-width:767.98px) { .footer-cta { padding:48px 0; }.footer-cta-inner { align-items:flex-start; flex-direction:column; gap:20px; }.footer-cta .btn { width:100%; }.site-footer .footer-main { padding:45px 0 30px; } }
.module-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:-20px 0 34px; }.module-filter button { padding:8px 13px; color:#516178; background:#fff; border:1px solid var(--border); border-radius:8px; font-size:.78rem; font-weight:700; transition:.2s ease; }.module-filter button:hover,.module-filter button.active { color:#fff; background:var(--primary); border-color:var(--primary); }.module-explorer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.explorer-card { display:flex; min-height:212px; flex-direction:column; padding:24px; background:#fff; border:1px solid var(--border); border-radius:14px; transition:.2s ease; }.explorer-card:hover { border-color:#a9c8f1; box-shadow:var(--shadow-sm); transform:translateY(-3px); }.explorer-card.featured { grid-column:span 2; background:linear-gradient(130deg,#f8fbff,#edf6ff); }.explorer-card h3 { margin-bottom:8px; font-size:1.08rem; }.explorer-card small { margin-top:auto; padding-top:18px; color:var(--primary); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.benefit-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.benefit-tiles article { padding:25px; background:rgba(255,255,255,.045); border:1px solid rgba(176,202,235,.2); border-radius:13px; }.benefit-tiles i { color:#65cdf0; font-size:1.25rem; }.benefit-tiles h3 { margin:16px 0 7px; font-size:1rem; }.benefit-tiles p { margin:0; color:#b6c5d8; font-size:.82rem; }.security-list { display:grid; gap:10px; margin:24px 0; padding:0; list-style:none; color:#4d5e75; font-size:.88rem; }.security-list i { margin-right:8px; color:var(--success); }
@media (max-width:991.98px) { .module-explorer-grid { grid-template-columns:repeat(2,1fr); }.benefit-tiles { grid-template-columns:repeat(2,1fr); } } @media (max-width:767.98px) { .overview-grid,.module-explorer-grid,.benefit-tiles { grid-template-columns:1fr; }.explorer-card.featured { grid-column:span 1; }.module-filter { justify-content:flex-start; }.module-filter button { font-size:.72rem; }.explorer-card { min-height:0; } }

/* Rich product storytelling */
.visual-section { overflow: hidden; }
.ui-preview { position: relative; min-height: 290px; padding: 18px; overflow: hidden; background: #f8fafc; border: 1px solid #dbe5f0; border-radius: 18px; box-shadow: var(--shadow-sm); transition: transform .35s ease, box-shadow .35s ease; }
.ui-preview:hover { box-shadow: 0 28px 60px rgba(11,31,58,.14); transform: translateY(-4px) scale(1.008); }
.ui-preview-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }.ui-preview-head div { display: flex; gap: 5px; }.ui-preview-head div i { width: 7px; height: 7px; background: #ff746e; border-radius: 50%; }.ui-preview-head div i:nth-child(2) { background: #f3c456; }.ui-preview-head div i:nth-child(3) { background: #55c978; }.ui-preview-head strong { font-size: .69rem; }.ui-preview-head span { color: var(--muted); font-size: .55rem; }
.ui-preview-body { padding: 14px; background: #fff; border: 1px solid #e5ebf2; border-radius: 11px; }.ui-preview-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 10px; }.ui-preview-kpi { padding: 10px; background: #f5f8fc; border-radius: 8px; }.ui-preview-kpi small,.ui-preview-kpi strong { display: block; }.ui-preview-kpi small { color: var(--muted); font-size: .48rem; }.ui-preview-kpi strong { margin-top: 3px; font-size: .95rem; }.ui-preview-kpi em { color: var(--success); font-size: .43rem; font-style: normal; }
.ui-split { display: grid; grid-template-columns: 1.4fr 1fr; gap: 9px; }.ui-box { min-height: 115px; padding: 11px; background: #f6f8fb; border-radius: 8px; }.ui-box-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; font-size: .52rem; font-weight: 700; }.ui-box-title span { color: var(--primary); font-size: .44rem; }.ui-task-row { display: flex; align-items: center; gap: 6px; padding: 6px 0; border-bottom: 1px solid #e5eaf0; }.ui-task-row:last-child { border: 0; }.ui-task-row > i { width: 7px; height: 7px; background: var(--primary); border-radius: 2px; }.ui-task-row:nth-child(3) > i { background: var(--warning); }.ui-task-row div { flex: 1; }.ui-task-row b,.ui-task-row span { display: block; height: 4px; background: #ccd7e4; border-radius: 4px; }.ui-task-row b { width: 62%; margin-bottom: 4px; }.ui-task-row span { width: 38%; background: #e2e7ee; }.ui-task-row em { color: var(--muted); font-size: .4rem; font-style: normal; }
.ui-calendar { display: grid; grid-template-columns: repeat(7,1fr); gap: 3px; }.ui-calendar i { aspect-ratio: 1; background: #e8edf3; border-radius: 3px; }.ui-calendar i:nth-child(5),.ui-calendar i:nth-child(11),.ui-calendar i:nth-child(17) { background: #79acf2; }.ui-calendar i:nth-child(13) { background: #f8c35d; }
.ui-map { position: relative; min-height: 115px; overflow: hidden; background: #edf5f1; border-radius: 8px; }.ui-map::before { content: ''; position: absolute; inset: 0; background: linear-gradient(35deg,transparent 35%,#fff 36%,#fff 42%,transparent 43%),linear-gradient(100deg,transparent 55%,#fff 56%,#fff 62%,transparent 63%); }.ui-map i { position: absolute; z-index: 1; color: var(--primary); }.ui-map i:nth-child(1) { left: 22%; top: 22%; }.ui-map i:nth-child(2) { right: 24%; top: 45%; color: var(--danger); }.ui-map i:nth-child(3) { left: 52%; bottom: 15%; color: var(--success); }
.micro-chart { display: flex; align-items: flex-end; gap: 6px; min-height: 90px; padding-top: 10px; background: repeating-linear-gradient(to bottom,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 24px); }.micro-chart i { flex: 1; height: var(--bar); background: linear-gradient(to top,var(--primary),#76adf6); border-radius: 4px 4px 0 0; }.micro-chart i.risk { background: linear-gradient(to top,#e88a0c,#f8c15c); }
.mini-donut-card { display: flex; align-items: center; gap: 14px; }.mini-donut-visual { display: grid; flex: 0 0 82px; width: 82px; height: 82px; place-items: center; background: conic-gradient(var(--success) 0 74%,var(--primary) 74% 91%,#e8edf3 91%); border-radius: 50%; }.mini-donut-visual::before { content: ''; grid-area: 1/1; width: 58px; height: 58px; background: #fff; border-radius: 50%; }.mini-donut-visual strong { z-index: 1; grid-area: 1/1; font-size: .83rem; }.mini-legend { display: grid; gap: 5px; }.mini-legend span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: .5rem; }.mini-legend i { width: 6px; height: 6px; background: var(--success); border-radius: 50%; }.mini-legend span:nth-child(2) i { background: var(--primary); }.mini-legend span:nth-child(3) i { background: #e8edf3; }
.notification-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 7px; padding: 8px 10px; color: #4e6078; background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: var(--shadow-sm); font-size: .58rem; font-weight: 700; }.notification-chip i { color: var(--danger); }.notification-chip.top-right { right: 12px; top: 54px; }.notification-chip.bottom-left { left: 10px; bottom: 13px; }.notification-chip.bottom-left i { color: var(--success); }
.impact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.impact-card { position: relative; padding: 25px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 15px; transition: .25s ease; }.impact-card:hover { border-color: #9fc2f1; box-shadow: var(--shadow-sm); transform: translateY(-6px); }.impact-card > i { display: grid; width: 42px; height: 42px; margin-bottom: 17px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; transition: transform .25s ease; }.impact-card:hover > i { transform: rotate(-5deg) scale(1.08); }.impact-card h3 { font-size: .95rem; }.impact-card p { margin: 0; color: var(--muted); font-size: .79rem; }.impact-card::after { content: ''; position: absolute; right: -25px; bottom: -25px; width: 70px; height: 70px; background: rgba(40,119,245,.04); border-radius: 50%; }
.module-card .detail-link { position: absolute; left: 24px; bottom: 20px; color: #78b4ff; }.module-card:has(.detail-link) { padding-bottom: 58px; }.module-card:hover .module-icon { transform: translateY(-3px) rotate(-4deg); }.module-card .module-icon { transition: transform .25s ease; }
.module-screen-preview { height: 76px; margin: 16px 0; padding: 9px; overflow: hidden; background: #f5f8fc; border: 1px solid #e0e8f2; border-radius: 8px; opacity: .9; transition: opacity .25s ease, transform .25s ease; }.module-overview-card:hover .module-screen-preview { opacity: 1; transform: translateY(-2px); }.preview-row { display: grid; grid-template-columns: 12px 1fr 35px; gap: 6px; align-items: center; margin-bottom: 6px; }.preview-row i { width: 8px; height: 8px; background: #76a9ef; border-radius: 3px; }.preview-row span,.preview-row b { height: 5px; background: #d7e0eb; border-radius: 4px; }.preview-row b { background: #cbeedc; }.preview-row:nth-child(2) b { background: #ffe5b7; }
.integrated-flow { position: relative; display: grid; grid-template-columns: repeat(8,1fr); gap: 8px; }.integrated-flow::before { content: ''; position: absolute; left: 5%; right: 5%; top: 30px; height: 2px; background: linear-gradient(90deg,#bdd5f5,var(--primary),#60cde1); }.flow-node { position: relative; z-index: 1; text-align: center; }.flow-node i { display: grid; width: 58px; height: 58px; margin: 0 auto 12px; place-items: center; color: var(--primary); background: #fff; border: 1px solid #bdd4f2; border-radius: 15px; box-shadow: 0 6px 15px rgba(20,99,230,.08); }.flow-node strong { display: block; font-size: .68rem; }.flow-node small { color: var(--muted); font-size: .58rem; }
.role-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }.role-card { padding: 22px 18px; background: #fff; border: 1px solid var(--border); border-radius: 14px; transition: .22s ease; }.role-card:hover { border-color: #a9c8f1; box-shadow: var(--shadow-sm); transform: translateY(-5px); }.role-card > i { color: var(--primary); font-size: 1.2rem; }.role-card h3 { margin: 12px 0; font-size: .86rem; }.role-card ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }.role-card li { color: var(--muted); font-size: .68rem; }.role-card li::before { content: '✓'; margin-right: 5px; color: var(--success); font-weight: 800; }
.persona-scenario { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.persona-card { padding: 20px; color: #fff; background: linear-gradient(145deg,#0d284a,#164b84); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }.persona-card > span { display: grid; width: 36px; height: 36px; margin-bottom: 15px; place-items: center; color: #8fc2ff; background: rgba(255,255,255,.08); border-radius: 9px; }.persona-card h3 { font-size: .86rem; }.persona-card p { margin: 0; color: #aebfd2; font-size: .72rem; }
.benefit-tiles { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.benefit-tile { padding: 20px; background: #fff; border: 1px solid var(--border); border-radius: 13px; }.benefit-tile i { color: var(--success); }.benefit-tile strong,.benefit-tile span { display: block; }.benefit-tile strong { margin: 10px 0 4px; font-size: .84rem; }.benefit-tile span { color: var(--muted); font-size: .7rem; }
.related-modules { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.related-module { display: flex; align-items: center; gap: 11px; padding: 16px; background: #fff; border: 1px solid var(--border); border-radius: 12px; transition: .2s ease; }.related-module:hover { color: var(--primary); border-color: #9fc2f1; box-shadow: var(--shadow-sm); transform: translateY(-3px); }.related-module i { display: grid; width: 36px; height: 36px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 9px; }.related-module strong { font-size: .78rem; }.related-module span { display: block; color: var(--muted); font-size: .62rem; }
.report-type-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.report-type-card { min-height: 200px; padding: 20px; background: #fff; border: 1px solid var(--border); border-radius: 14px; transition: .23s ease; }.report-type-card:hover { border-color: #a6c6f0; box-shadow: var(--shadow-sm); transform: translateY(-5px); }.report-type-card h3 { font-size: .84rem; }.report-type-card p { color: var(--muted); font-size: .69rem; }.tiny-bars { display: flex; align-items: flex-end; gap: 5px; height: 65px; margin-top: 15px; }.tiny-bars i { flex: 1; height: var(--h); background: #7baef0; border-radius: 3px 3px 0 0; }.tiny-bars i:nth-child(3) { background: var(--warning); }.tiny-risk { display: grid; gap: 7px; margin-top: 15px; }.tiny-risk span { display: grid; grid-template-columns: 45px 1fr 17px; align-items: center; gap: 5px; color: var(--muted); font-size: .43rem; }.tiny-risk i { height: 5px; overflow: hidden; background: #ebeff4; border-radius: 5px; }.tiny-risk b { display: block; width: var(--w); height: 100%; background: var(--c,var(--primary)); border-radius: inherit; }
.export-row { display: flex; flex-wrap: wrap; gap: 10px; }.export-chip { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; color: #516279; background: #fff; border: 1px solid var(--border); border-radius: 10px; font-size: .75rem; font-weight: 700; }.export-chip i { color: var(--primary); }
.access-matrix { padding: 22px; background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow-sm); }.access-row { display: grid; grid-template-columns: 1.25fr repeat(5,1fr); gap: 7px; align-items: center; padding: 10px 0; border-bottom: 1px solid #edf1f5; }.access-row:last-child { border: 0; }.access-row > strong { font-size: .72rem; }.access-row span { text-align: center; color: var(--muted); font-size: .56rem; }.access-row.header span { font-weight: 800; }.access-row i { display: block; width: 8px; height: 8px; margin: auto; background: #d9e1eb; border-radius: 50%; }.access-row i.yes { background: var(--success); box-shadow: 0 0 0 4px rgba(22,166,106,.1); }.access-row i.limited { background: var(--warning); box-shadow: 0 0 0 4px rgba(245,158,11,.1); }
.log-mockup { padding: 20px; background: #f8fafc; border: 1px solid #dbe5ef; border-radius: 16px; }.log-row { display: grid; grid-template-columns: 38px 1.2fr 1fr 90px 55px; gap: 9px; align-items: center; padding: 10px; background: #fff; border-bottom: 1px solid #edf1f5; }.log-row:first-of-type { border-radius: 9px 9px 0 0; }.log-row:last-child { border-bottom: 0; border-radius: 0 0 9px 9px; }.log-avatar { display: grid; width: 28px; height: 28px; place-items: center; color: #fff; background: var(--primary); border-radius: 8px; font-size: .48rem; }.log-row strong,.log-row span,.log-row time,.log-row em { font-size: .57rem; }.log-row span,.log-row time { color: var(--muted); }.log-row em { padding: 3px 5px; color: var(--success); background: #eaf9f2; border-radius: 7px; font-style: normal; text-align: center; }
.demo-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.demo-process article { position: relative; padding: 24px; background: #fff; border: 1px solid var(--border); border-radius: 14px; }.demo-process article > span { color: #d4dfed; font: 800 1.6rem 'Manrope'; }.demo-process i { display: block; margin: 10px 0; color: var(--primary); font-size: 1.2rem; }.demo-process h3 { font-size: .85rem; }.demo-process p { margin: 0; color: var(--muted); font-size: .72rem; }
.fit-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.fit-list article { display: flex; align-items: center; gap: 11px; padding: 15px; background: #fff; border: 1px solid var(--border); border-radius: 11px; }.fit-list i { display: grid; width: 36px; height: 36px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 9px; }.fit-list strong { font-size: .78rem; }.fit-list span { display: block; color: var(--muted); font-size: .66rem; }
.discussion-list { display: grid; gap: 8px; }.discussion-list li { display: flex; align-items: center; gap: 9px; padding: 12px; color: #506078; background: #fff; border: 1px solid var(--border); border-radius: 9px; font-size: .76rem; }.discussion-list i { color: var(--success); }
.float-soft { animation: floatSoft 5s ease-in-out infinite; }.reveal:nth-child(2) { transition-delay: .06s; }.reveal:nth-child(3) { transition-delay: .12s; }.reveal:nth-child(4) { transition-delay: .18s; }
@keyframes floatSoft { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

@media (max-width: 991.98px) { .impact-grid,.role-grid { grid-template-columns: repeat(2,1fr); }.integrated-flow { grid-template-columns: repeat(4,1fr); gap: 20px 8px; }.integrated-flow::before { display: none; }.persona-scenario,.benefit-tiles,.report-type-grid { grid-template-columns: repeat(2,1fr); }.demo-process { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 767.98px) { .ui-preview:hover,.impact-card:hover,.role-card:hover,.report-type-card:hover { transform: none; }.impact-grid,.role-grid,.persona-scenario,.benefit-tiles,.report-type-grid,.related-modules,.demo-process { grid-template-columns: 1fr; }.integrated-flow { grid-template-columns: repeat(2,1fr); }.access-row { grid-template-columns: 1.1fr repeat(5,.7fr); overflow: hidden; }.access-row span { font-size: .44rem; }.log-row { grid-template-columns: 32px 1fr 55px; }.log-row span,.log-row time { display: none; }.fit-list { grid-template-columns: 1fr; }.float-soft { animation: none; }.reveal { transition-delay: 0s !important; } }
@media (prefers-reduced-motion: reduce) { .float-soft { animation: none; }.ui-preview,.impact-card,.module-icon,.module-screen-preview,.role-card,.report-type-card,.related-module { transition: none; } }
.module-related-title { margin-top: 55px; }
.module-overview-card:not(:has(.module-screen-preview)) ul::after { content: ''; display: block; height: 48px; margin-top: 12px; background: linear-gradient(90deg,#e8eef6 0 12%,transparent 12% 16%,#d4e1f1 16% 72%,transparent 72% 77%,#d8f1e5 77%); border-radius: 7px; }

/* Modules page — product-led platform catalog */
.modules-page { background:#fff; }
.modules-page [hidden] { display:none!important; }
.modules-hero { position:relative; padding:148px 0 82px; overflow:hidden; background:linear-gradient(180deg,#f8fbff 0%,#fff 86%); }
.modules-hero::before { content:''; position:absolute; width:620px; height:620px; right:-190px; top:-250px; border-radius:50%; background:radial-gradient(circle,rgba(32,201,232,.14),rgba(20,99,230,.04) 48%,transparent 70%); }
.modules-hero-grid { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:62px; }
.modules-hero-copy h1 { max-width:590px; margin-bottom:22px; font-size:clamp(2.85rem,4.8vw,4.65rem); line-height:1.04; letter-spacing:-.065em; font-weight:800; }
.modules-hero-copy h1 span { color:var(--primary); }
.modules-hero-copy>p { max-width:610px; color:#4e6078; font-size:1.07rem; line-height:1.72; }
.modules-hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }
.modules-hero-proof { display:flex; flex-wrap:wrap; gap:18px; margin-top:25px; color:#66758c; font-size:.76rem; font-weight:700; }
.modules-hero-proof i { margin-right:5px; color:var(--success); }
.platform-preview { position:relative; overflow:hidden; background:#fff; border:1px solid #dce5f0; border-radius:16px; box-shadow:0 34px 75px rgba(17,58,112,.18); transform:perspective(1200px) rotateY(-2deg); }
.preview-window-bar { display:flex; align-items:center; justify-content:space-between; height:38px; padding:0 13px; color:#8492a5; background:#f4f7fa; border-bottom:1px solid #e4eaf2; font-size:.58rem; }
.preview-window-bar>div { display:flex; gap:5px; }.preview-window-bar>div i { width:7px; height:7px; border-radius:50%; background:#ff7169; }.preview-window-bar>div i:nth-child(2){background:#ffc95b}.preview-window-bar>div i:nth-child(3){background:#51c96a}
.platform-preview-body { display:grid; grid-template-columns:48px 1fr; min-height:425px; background:#f5f8fc; }
.platform-preview-body aside { display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 7px; color:#7e96b5; background:#0c284e; }
.platform-preview-body aside span { display:grid; width:31px; height:31px; place-items:center; border-radius:7px; font-size:.75rem; }.platform-preview-body aside .active { color:#fff; background:#2576e5; }
.platform-preview-content { min-width:0; padding:20px; }.preview-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }.preview-title small,.preview-title strong { display:block; }.preview-title small { color:#91a0b4; font-size:.52rem; }.preview-title strong { font-size:.95rem; }.preview-title>span { display:grid; width:29px; height:29px; place-items:center; color:#fff; background:#1a5dab; border-radius:50%; font-size:.55rem; font-weight:800; }
.preview-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.preview-kpi-row article { display:flex; align-items:center; gap:8px; padding:11px; background:#fff; border:1px solid #e5ebf3; border-radius:9px; }.preview-kpi-row article>i { display:grid; width:28px; height:28px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:7px; }.preview-kpi-row small,.preview-kpi-row b { display:block; }.preview-kpi-row small { color:#8190a4; font-size:.48rem; }.preview-kpi-row b { font-size:.94rem; }
.preview-dashboard-grid { display:grid; grid-template-columns:1.25fr .9fr; gap:8px; margin-top:8px; }.preview-chart-card,.preview-agenda { padding:13px; background:#fff; border:1px solid #e5ebf3; border-radius:9px; }.preview-chart-card header,.preview-agenda header { display:flex; justify-content:space-between; align-items:flex-start; }.preview-chart-card header b,.preview-chart-card header small { display:block; }.preview-chart-card header b,.preview-agenda header b { font-size:.62rem; }.preview-chart-card header small,.preview-agenda header span { color:#8795a8; font-size:.46rem; }.preview-chart-card header em { color:var(--success); font-size:.52rem; font-style:normal; font-weight:800; }
.preview-chart { display:flex; align-items:flex-end; gap:7px; height:145px; margin-top:14px; padding:0 5px; border-bottom:1px solid #e5ebf3; background:repeating-linear-gradient(to bottom,#fff 0,#fff 35px,#eef2f7 36px); }.preview-chart i { flex:1; max-width:19px; background:linear-gradient(180deg,#53a7fa,#1463e6); border-radius:3px 3px 0 0; }.preview-days { display:flex; justify-content:space-around; padding-top:5px; color:#9aa7b7; font-size:.43rem; }
.preview-agenda>div { display:flex; align-items:center; gap:8px; margin-top:10px; padding:9px; background:#f7f9fc; border-radius:7px; }.preview-agenda>div>i { color:var(--primary); }.preview-agenda p,.preview-agenda b,.preview-agenda small { display:block; margin:0; }.preview-agenda b { font-size:.52rem; }.preview-agenda small { color:#8997aa; font-size:.44rem; }

.module-values { position:relative; z-index:2; padding:0 0 80px; }.module-value-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.module-value-strip article { display:flex; gap:13px; padding:26px 22px; border-right:1px solid var(--border); }.module-value-strip article:last-child{border:0}.module-value-strip article>span { color:#a8b8ca; font-size:.67rem; font-weight:800; }.module-value-strip h2 { margin:0 0 5px; font-size:.92rem; letter-spacing:-.02em; }.module-value-strip p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.48; }

.module-catalog { padding:105px 0 115px; background:#f6f8fb; }.catalog-intro { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:48px; }.catalog-intro h2 { max-width:690px; margin:0; }.catalog-intro>p { margin:0 0 7px; color:var(--muted); font-size:1rem; }
.category-nav { position:sticky; z-index:20; top:70px; margin:0 0 65px; padding:8px; overflow:hidden; background:rgba(255,255,255,.93); border:1px solid #dfe7f1; box-shadow:0 10px 30px rgba(11,31,58,.08); backdrop-filter:blur(12px); border-radius:12px; }.category-nav>div { display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; }.category-nav>div::-webkit-scrollbar{display:none}.category-nav button { flex:0 0 auto; padding:9px 13px; color:#5a6a7f; background:transparent; border:0; border-radius:8px; font-size:.75rem; font-weight:800; white-space:nowrap; }.category-nav button:hover,.category-nav button.active { color:#fff; background:var(--primary); box-shadow:0 7px 16px rgba(20,99,230,.18); }
.module-category-list { display:grid; gap:96px; }.catalog-category { scroll-margin-top:150px; }.catalog-category>header { display:grid; grid-template-columns:1fr .8fr; gap:50px; align-items:end; margin-bottom:25px; padding-bottom:22px; border-bottom:1px solid #d9e2ed; }.catalog-category>header>div { display:flex; align-items:baseline; gap:15px; }.catalog-category>header span { color:#9aabbe; font-size:.69rem; font-weight:800; }.catalog-category>header h2 { margin:0; font-size:clamp(1.75rem,3vw,2.4rem); }.catalog-category>header p { max-width:520px; margin:0; color:var(--muted); font-size:.9rem; }
.catalog-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }.catalog-module-card { grid-column:span 4; display:flex; min-height:300px; flex-direction:column; padding:25px; background:#fff; border:1px solid #dfe7f1; border-radius:14px; transition:.22s ease; }.catalog-module-card.featured { grid-column:span 6; background:linear-gradient(145deg,#fff,#f0f6ff); }.catalog-module-card:hover { border-color:#9cbeeb; box-shadow:0 17px 34px rgba(30,74,132,.09); transform:translateY(-3px); }.catalog-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:19px; }.catalog-icon { display:grid; width:41px; height:41px; place-items:center; color:var(--primary); background:#eaf2ff; border:1px solid #dbe8fa; border-radius:10px; }.catalog-card-top small { color:#77879b; font-size:.61rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.catalog-module-card h3 { margin-bottom:8px; font-size:1.12rem; }.catalog-module-card>strong { display:block; margin-bottom:9px; color:#283b54; font-size:.82rem; line-height:1.5; }.catalog-module-card>p { color:var(--muted); font-size:.76rem; line-height:1.58; }.catalog-module-card>a { display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:14px; color:var(--primary); font-size:.74rem; font-weight:800; }.catalog-module-card>a i { transition:transform .2s ease; }.catalog-module-card:hover>a i { transform:translateX(3px); }

.showcase-section { padding:115px 0; }.health-showcase { background:#fff; }.analytics-showcase { background:#f5f8fc; }.showcase-grid { display:grid; grid-template-columns:.84fr 1.16fr; gap:80px; align-items:center; }.showcase-grid.reverse { grid-template-columns:1.16fr .84fr; }.showcase-copy h2 { margin-bottom:20px; }.showcase-copy>p { color:var(--muted); font-size:1rem; }.showcase-copy ul { display:grid; gap:10px; margin:24px 0 26px; padding:0; list-style:none; }.showcase-copy li { color:#44566d; font-size:.86rem; }.showcase-copy li i { margin-right:8px; color:var(--success); }.detail-link { display:inline-flex; align-items:center; gap:7px; color:var(--primary); font-size:.8rem; font-weight:800; }
.health-ui,.analytics-ui { overflow:hidden; padding:24px; background:#fff; border:1px solid #dce5ef; border-radius:16px; box-shadow:0 28px 60px rgba(19,61,113,.14); }.health-ui>header { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; }.health-ui>header small,.health-ui>header b { display:block; }.health-ui>header small { color:#8c9aab; font-size:.57rem; }.health-ui>header b { font-size:1rem; }.health-ui>header button { padding:7px 10px; color:#fff; background:var(--primary); border:0; border-radius:7px; font-size:.57rem; }.health-ui-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.health-ui-stats>span { position:relative; padding:13px; background:#f5f8fc; border-radius:8px; }.health-ui-stats i { color:var(--primary); }.health-ui-stats small,.health-ui-stats b { display:block; }.health-ui-stats small { margin-top:7px; color:#8493a7; font-size:.5rem; }.health-ui-stats b { font-size:1.12rem; }.health-table { margin-top:14px; border:1px solid #e4eaf2; border-radius:9px; overflow:hidden; }.health-table>div { display:grid; grid-template-columns:1.25fr 1.2fr .55fr .65fr; align-items:center; gap:8px; min-height:48px; padding:9px 12px; border-bottom:1px solid #e8edf4; color:#516176; font-size:.56rem; }.health-table>div:last-child{border:0}.health-table .health-table-head { min-height:34px; color:#8d9bad; background:#f6f8fb; font-size:.48rem; font-weight:800; text-transform:uppercase; }.health-table>div>span:first-child { display:flex; align-items:center; gap:7px; color:#263b55; font-weight:700; }.health-table span i { display:grid; flex:0 0 26px; height:26px; place-items:center; color:#246dc9; background:#eaf2ff; border-radius:50%; font-size:.45rem; font-style:normal; }.health-table>div>b { width:max-content; padding:4px 7px; color:#13794f; background:#e7f7ef; border-radius:10px; font-size:.46rem; }
.analytics-top { display:flex; align-items:center; justify-content:space-between; }.analytics-top small,.analytics-top b { display:block; }.analytics-top small { color:#8998aa; font-size:.55rem; }.analytics-top b { font-size:1rem; }.analytics-top>span { padding:6px 9px; color:#65758a; border:1px solid #dfe6ee; border-radius:6px; font-size:.52rem; }.analytics-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:17px 0 13px; }.analytics-kpis article { padding:13px; background:#f7f9fc; border-radius:8px; }.analytics-kpis small,.analytics-kpis b,.analytics-kpis em { display:block; }.analytics-kpis small { color:#8796a8; font-size:.49rem; }.analytics-kpis b { margin:3px 0; font-size:1.12rem; }.analytics-kpis em { color:var(--success); font-size:.47rem; font-style:normal; }.analytics-kpis article:nth-child(2) em{color:var(--warning)}.analytics-plot { display:grid; grid-template-columns:24px 1fr; height:190px; padding:14px 12px 8px; background:repeating-linear-gradient(to bottom,#f7f9fc 0,#f7f9fc 44px,#e6ebf1 45px); border-radius:9px; }.plot-axis { display:flex; flex-direction:column; justify-content:space-between; color:#96a3b3; font-size:.43rem; }.plot-bars { display:flex; align-items:flex-end; justify-content:space-around; gap:8px; }.plot-bars i { width:7%; background:linear-gradient(180deg,#53a7fa,#1463e6); border-radius:4px 4px 1px 1px; }.metric-list { display:grid; gap:8px; margin:22px 0 26px; }.metric-list span { color:#637389; font-size:.79rem; }.metric-list b { display:inline-block; width:54px; color:var(--dark); }

.mira-showcase { padding:110px 0; background:#071a34; }.mira-panel { display:grid; grid-template-columns:.92fr 1.08fr; gap:65px; align-items:center; padding:55px; overflow:hidden; color:#fff; background:linear-gradient(135deg,#0b2a55,#103d76); border:1px solid rgba(126,182,255,.2); border-radius:20px; box-shadow:0 30px 70px rgba(3,15,35,.28); }.mira-label { display:inline-flex; gap:7px; margin-bottom:20px; color:#70d6ee; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.mira-copy h2 { max-width:510px; margin-bottom:14px; color:#fff; }.mira-copy h3 { margin-bottom:12px; color:#bed8f7; font-size:1rem; }.mira-copy>p { color:#b5c8df; font-size:.91rem; }.mira-benefits { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:24px 0 27px; }.mira-benefits span { color:#d1e1f3; font-size:.72rem; }.mira-benefits i { margin-right:6px; color:#68d1eb; }
.mira-chat { overflow:hidden; color:var(--dark); background:#fff; border:1px solid rgba(255,255,255,.4); border-radius:15px; box-shadow:0 25px 55px rgba(2,16,37,.3); }.mira-chat>header { display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid #e5ebf2; }.mira-chat>header>span { display:grid; width:34px; height:34px; place-items:center; color:#fff; background:linear-gradient(145deg,#1463e6,#20c9e8); border-radius:9px; }.mira-chat>header b,.mira-chat>header small { display:block; }.mira-chat>header b{font-size:.78rem}.mira-chat>header small{color:#8190a3;font-size:.49rem}.mira-chat>header em { margin-left:auto; color:var(--success); font-size:.5rem; font-style:normal; }.chat-body { min-height:330px; padding:22px; background:#f7f9fc; }.chat-message { max-width:84%; padding:11px 13px; font-size:.66rem; line-height:1.55; }.chat-message.user { margin-left:auto; color:#fff; background:var(--primary); border-radius:11px 11px 3px 11px; }.chat-message.assistant { display:flex; gap:8px; margin-top:16px; padding:0; }.chat-message.assistant>span { display:grid; flex:0 0 25px; height:25px; place-items:center; color:#fff; background:#1b77d8; border-radius:7px; }.chat-message.assistant>div { padding:12px; background:#fff; border:1px solid #e2e8f0; border-radius:3px 11px 11px; }.chat-message article { margin-top:9px; padding:9px; background:#f5f8fc; border-radius:7px; }.chat-message article span,.chat-message article strong,.chat-message article small { display:block; }.chat-message article span,.chat-message article small { color:#8391a3; font-size:.48rem; }.chat-message article strong { margin:2px 0; font-size:.57rem; }.chat-message a { display:inline-flex; gap:5px; margin-top:10px; color:var(--primary); font-weight:800; }.mira-chat>footer { display:flex; justify-content:space-between; align-items:center; margin:11px; padding:10px 12px; color:#99a6b5; border:1px solid #dfe6ee; border-radius:8px; font-size:.58rem; }.mira-chat>footer i { display:grid; width:24px; height:24px; place-items:center; color:#fff; background:var(--primary); border-radius:6px; }

.module-security { padding:105px 0; background:#fff; }.security-panel { display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; padding:55px; background:#f3f7fc; border:1px solid #dee7f1; border-radius:18px; }.security-panel-copy>p { max-width:590px; color:var(--muted); }.security-features { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.security-features article { display:flex; align-items:center; gap:11px; min-height:92px; padding:17px; background:#fff; border:1px solid #dfe7f1; border-radius:11px; }.security-features i { display:grid; flex:0 0 36px; height:36px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:9px; }.security-features span,.security-features b { display:block; font-size:.75rem; }
.module-benefits { padding:105px 0; color:#fff; background:#0a203e; }.benefit-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:95px; align-items:start; }.benefit-heading { position:sticky; top:145px; }.benefit-heading .section-label { color:#64d0ea; }.benefit-heading h2 { color:#fff; }.benefit-heading p { color:#aebfd3; }.benefit-steps { display:grid; }.benefit-steps article { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:25px 0; border-top:1px solid rgba(255,255,255,.13); }.benefit-steps article:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.benefit-steps>article>span { color:#5dcbe8; font-size:.7rem; font-weight:800; }.benefit-steps h3 { margin-bottom:6px; color:#fff; font-size:1.04rem; }.benefit-steps p { margin:0; color:#aebfd3; font-size:.82rem; }
.modules-final-cta { padding:90px 0; color:#fff; text-align:center; background:#125dce; }.modules-final-cta>.container>div { max-width:790px; margin:auto; }.modules-final-cta span { display:block; margin-bottom:14px; color:#aee8f6; font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.modules-final-cta h2 { color:#fff; font-size:clamp(2rem,4vw,3.2rem); }.modules-final-cta p { margin:0 auto 27px; color:#d4e5fa; font-size:1rem; }.modules-final-cta .btn { margin:4px; }
body[data-page="modules"]>footer .footer-cta { display:none; }

@media(max-width:1199.98px){.modules-hero-grid{gap:35px}.modules-hero-copy h1{font-size:3.45rem}.catalog-module-card{grid-column:span 6}.mira-panel{gap:38px;padding:42px}.showcase-grid{gap:50px}}
@media(max-width:991.98px){.modules-hero{padding-top:130px}.modules-hero-grid,.showcase-grid,.showcase-grid.reverse,.mira-panel,.security-panel,.benefit-layout{grid-template-columns:1fr}.modules-hero-copy{max-width:760px}.platform-preview{max-width:780px;transform:none}.module-value-strip{grid-template-columns:1fr 1fr}.module-value-strip article:nth-child(2){border-right:0}.module-value-strip article:nth-child(-n+2){border-bottom:1px solid var(--border)}.catalog-intro{grid-template-columns:1fr;gap:18px}.catalog-category>header{grid-template-columns:1fr;gap:10px}.showcase-grid.reverse .analytics-ui{order:2}.mira-chat{max-width:650px}.security-panel,.mira-panel{padding:38px}.benefit-heading{position:static}.benefit-layout{gap:35px}}
@media(max-width:767.98px){.modules-hero{padding:115px 0 62px}.modules-hero-copy h1{font-size:2.55rem}.modules-hero-copy>p{font-size:.96rem}.modules-hero-actions{flex-direction:column}.modules-hero-actions .btn{width:100%}.platform-preview-content{padding:12px}.platform-preview-body{grid-template-columns:38px 1fr;min-height:360px}.platform-preview-body aside{padding:9px 4px}.preview-kpi-row article:nth-child(3){display:none}.preview-kpi-row{grid-template-columns:1fr 1fr}.preview-dashboard-grid{grid-template-columns:1fr}.preview-agenda{display:none}.preview-chart{height:125px}.module-value-strip{grid-template-columns:1fr}.module-value-strip article,.module-value-strip article:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.module-catalog,.showcase-section,.module-security,.module-benefits{padding:78px 0}.category-nav{margin-bottom:48px}.module-category-list{gap:72px}.catalog-grid{grid-template-columns:1fr}.catalog-module-card,.catalog-module-card.featured{grid-column:auto;min-height:0}.catalog-category>header>div{align-items:flex-start}.health-ui,.analytics-ui{padding:15px}.health-ui-stats{grid-template-columns:1fr 1fr}.health-ui-stats>span:nth-child(3){display:none}.health-table>div{grid-template-columns:1.2fr .8fr .65fr}.health-table>div>span:nth-child(2){display:none}.mira-showcase{padding:75px 0}.mira-panel,.security-panel{padding:27px 22px}.mira-benefits,.security-features{grid-template-columns:1fr}.chat-body{min-height:300px;padding:15px}.benefit-layout{gap:22px}.modules-final-cta{padding:70px 0}.modules-final-cta .btn{display:block;width:100%;margin:8px 0}}
@media(max-width:430px){.modules-hero-copy h1{font-size:2.25rem}.modules-hero-proof{display:grid;gap:7px}.platform-preview{margin-left:-6px;margin-right:-6px}.preview-window-bar>span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-kpi-row article{padding:8px}.preview-chart{height:105px}.health-ui>header button{display:none}.health-table>div{grid-template-columns:1.3fr .65fr}.health-table>div>span:nth-child(3){display:none}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-kpis article:nth-child(3){display:none}.mira-panel{margin:0 -4px}.mira-benefits{gap:7px}.chat-message{max-width:94%}}

/* Shared module detail experience */
.module-detail-page { background:#fff; }
.detail-hero { position:relative; padding:132px 0 86px; overflow:hidden; background:linear-gradient(180deg,#f7faff,#fff); }
.detail-hero::before { content:''; position:absolute; width:520px; height:520px; right:-180px; top:-230px; border-radius:50%; background:radial-gradient(circle,rgba(32,201,232,.13),rgba(20,99,230,.035) 55%,transparent 70%); }
.detail-hero .breadcrumb { position:relative; z-index:2; margin-bottom:45px; font-size:.7rem; }.detail-hero .breadcrumb a { color:#6a7b90; }.detail-hero .breadcrumb-item.active { color:var(--primary); }
.detail-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:70px; }.detail-hero-copy .module-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; color:var(--primary); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.detail-hero-copy .module-kicker i { display:grid; width:34px; height:34px; place-items:center; color:#fff; background:var(--primary); border-radius:9px; }.detail-hero-copy h1 { margin-bottom:12px; font-size:clamp(3rem,5vw,4.6rem); line-height:1.02; letter-spacing:-.065em; font-weight:800; }.detail-hero-copy h2 { margin-bottom:17px; color:#31455f; font-family:'DM Sans',sans-serif; font-size:1.17rem; line-height:1.45; letter-spacing:-.015em; font-weight:700; }.detail-hero-copy>p { max-width:590px; color:var(--muted); font-size:.98rem; line-height:1.72; }
.detail-product-ui { overflow:hidden; background:#fff; border:1px solid #dbe4ef; border-radius:16px; box-shadow:0 32px 70px rgba(17,57,108,.17); transform:perspective(1200px) rotateY(-2deg); }.detail-ui-bar { display:flex; align-items:center; justify-content:space-between; height:38px; padding:0 13px; color:#8795a7; background:#f3f6fa; border-bottom:1px solid #e3e9f1; font-size:.56rem; }.detail-ui-bar>div { display:flex; gap:5px; }.detail-ui-bar>div i { width:7px; height:7px; background:#ff7169; border-radius:50%; }.detail-ui-bar>div i:nth-child(2){background:#ffc759}.detail-ui-bar>div i:nth-child(3){background:#50c66b}.detail-ui-body { display:grid; grid-template-columns:49px 1fr; min-height:410px; background:#f5f8fc; }.detail-ui-body>aside { display:flex; flex-direction:column; align-items:center; gap:9px; padding:10px 7px; color:#8197b4; background:#0c284e; }.detail-ui-body>aside b { display:grid; width:29px; height:29px; margin-bottom:8px; place-items:center; color:#fff; background:var(--primary); border-radius:8px; font-size:.5rem; }.detail-ui-body>aside i { display:grid; width:30px; height:30px; place-items:center; border-radius:7px; font-size:.7rem; }.detail-ui-body>aside i.active { color:#fff; background:#2877f5; }.detail-ui-main { min-width:0; padding:19px; }.detail-ui-main>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }.detail-ui-main>header small,.detail-ui-main>header strong { display:block; }.detail-ui-main>header small { color:#8998aa; font-size:.5rem; }.detail-ui-main>header strong { font-size:.9rem; }.detail-ui-main>header button { padding:7px 9px; color:#fff; background:var(--primary); border:0; border-radius:7px; font-size:.53rem; }
.detail-ui-table { overflow:hidden; background:#fff; border:1px solid #e1e8f0; border-radius:9px; }.detail-ui-table>div { display:grid; grid-template-columns:1.35fr .85fr .65fr; align-items:center; gap:8px; min-height:68px; padding:10px 13px; color:#5b6c81; border-bottom:1px solid #e8edf4; font-size:.58rem; }.detail-ui-table>div:last-child{border:0}.detail-ui-table .detail-ui-table-head { min-height:36px; color:#8998aa; background:#f7f9fc; font-size:.47rem; font-weight:800; text-transform:uppercase; }.detail-ui-table>div>span:first-child { display:flex; align-items:center; gap:8px; }.detail-ui-table span i { display:grid; flex:0 0 29px; height:29px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:8px; font-size:.45rem; font-style:normal; }.detail-ui-table span b { color:#263b55; font-size:.58rem; }.detail-ui-table em { width:max-content; padding:4px 7px; color:#16784f; background:#e7f7ef; border-radius:10px; font-size:.46rem; font-style:normal; }.detail-ui-table .state-2 { color:#a16908; background:#fff3d9; }
.detail-calendar-days { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }.detail-calendar-days span { padding:9px 5px; color:#79899d; background:#fff; border:1px solid #e2e8f0; border-radius:7px; text-align:center; font-size:.47rem; }.detail-calendar-days span b { display:block; margin-top:3px; color:#273d58; font-size:.7rem; }.detail-calendar-days span.active { color:#fff; background:var(--primary); border-color:var(--primary); }.detail-calendar-days span.active b { color:#fff; }.detail-calendar-agenda { margin-top:12px; padding:5px 13px; background:#fff; border:1px solid #e2e8f0; border-radius:9px; }.detail-calendar-agenda article { display:flex; gap:14px; padding:13px 0; border-bottom:1px solid #e8edf3; }.detail-calendar-agenda article:last-child{border:0}.detail-calendar-agenda time { color:var(--primary); font-size:.52rem; font-weight:800; }.detail-calendar-agenda b,.detail-calendar-agenda small { display:block; }.detail-calendar-agenda b { font-size:.6rem; }.detail-calendar-agenda small { color:#8795a8; font-size:.47rem; }
.detail-analytics-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.detail-analytics-kpis span { padding:12px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; }.detail-analytics-kpis small,.detail-analytics-kpis b,.detail-analytics-kpis em { display:block; }.detail-analytics-kpis small { color:#8594a7; font-size:.46rem; }.detail-analytics-kpis b { margin:3px 0; font-size:1rem; }.detail-analytics-kpis em { color:var(--success); font-size:.43rem; font-style:normal; }.detail-bars { display:flex; align-items:flex-end; gap:9px; height:205px; margin-top:12px; padding:18px; background:repeating-linear-gradient(to bottom,#fff 0,#fff 46px,#e8edf3 47px); border:1px solid #e2e8f0; border-radius:9px; }.detail-bars i { flex:1; max-width:25px; background:linear-gradient(180deg,#55a8fa,#1463e6); border-radius:4px 4px 1px 1px; }
.detail-mira-chat { min-height:300px; padding:22px; background:#f7f9fc; border:1px solid #e1e8f0; border-radius:10px; }.detail-user-message { width:max-content; max-width:80%; margin-left:auto; padding:10px 12px; color:#fff; background:var(--primary); border-radius:10px 10px 3px 10px; font-size:.6rem; }.detail-ai-message { display:flex; gap:8px; max-width:88%; margin-top:14px; font-size:.6rem; }.detail-ai-message>i { display:grid; flex:0 0 27px; height:27px; place-items:center; color:#fff; background:linear-gradient(145deg,#1463e6,#20c9e8); border-radius:7px; }.detail-ai-message>div { padding:11px; background:#fff; border:1px solid #e1e8f0; border-radius:3px 10px 10px; }.detail-ai-message span { display:block; margin-top:8px; padding:8px; background:#f4f7fb; border-radius:6px; }.detail-ai-message small,.detail-ai-message strong { display:block; }.detail-ai-message small { color:#8795a7; font-size:.45rem; }.detail-ai-message strong { margin-top:2px; font-size:.53rem; }
.detail-value-strip { padding:0 0 82px; }.detail-value-strip>.container>div { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.detail-value-strip article { display:flex; gap:13px; padding:23px; border-right:1px solid var(--border); }.detail-value-strip article:last-child{border:0}.detail-value-strip article>i { display:grid; flex:0 0 35px; height:35px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:9px; }.detail-value-strip b,.detail-value-strip small { display:block; }.detail-value-strip b { font-size:.78rem; }.detail-value-strip small { margin-top:3px; color:var(--muted); font-size:.65rem; line-height:1.4; }
.detail-features { padding:105px 0; background:#f6f8fb; }.detail-section-heading { max-width:720px; margin-bottom:45px; }.detail-section-heading>p { color:var(--muted); }.detail-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.detail-feature-grid article { position:relative; min-height:260px; padding:28px; background:#fff; border:1px solid #dfe7f1; border-radius:13px; }.detail-feature-grid article>span { position:absolute; top:25px; right:25px; color:#a6b4c4; font-size:.6rem; font-weight:800; }.detail-feature-grid article>i { display:grid; width:43px; height:43px; margin-bottom:38px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.detail-feature-grid h3 { font-size:1.03rem; }.detail-feature-grid p { color:var(--muted); font-size:.78rem; }
.detail-workflow { padding:110px 0; }.detail-workflow-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }.detail-workflow-grid>div { position:sticky; top:135px; }.detail-workflow-grid>div>p { color:var(--muted); }.detail-workflow ol { margin:0; padding:0; list-style:none; counter-reset:none; border-top:1px solid var(--border); }.detail-workflow li { display:grid; grid-template-columns:50px 1fr; gap:16px; padding:23px 0; border-bottom:1px solid var(--border); }.detail-workflow li>span { color:var(--primary); font-size:.7rem; font-weight:800; }.detail-workflow b,.detail-workflow small { display:block; }.detail-workflow b { font-size:.9rem; }.detail-workflow small { margin-top:4px; color:var(--muted); font-size:.7rem; }
.detail-outcomes { padding:105px 0; color:#fff; background:#091f3d; }.detail-section-heading.light h2 { color:#fff; }.detail-section-heading.light .section-label { color:#65d0e9; }.detail-outcome-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }.detail-outcome-grid article { min-height:205px; padding:28px 22px; border-right:1px solid rgba(255,255,255,.14); }.detail-outcome-grid article:last-child{border:0}.detail-outcome-grid i { display:block; margin-bottom:45px; color:#65d0e9; font-size:1.3rem; }.detail-outcome-grid h3 { color:#fff; font-size:.93rem; }.detail-outcome-grid p { margin:0; color:#aebed2; font-size:.73rem; }
.detail-faq { padding:105px 0; }.detail-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }.detail-faq-grid>div:first-child>p { color:var(--muted); }.detail-faq details { border-top:1px solid var(--border); }.detail-faq details:last-child{border-bottom:1px solid var(--border)}.detail-faq summary { display:flex; justify-content:space-between; gap:20px; padding:22px 0; cursor:pointer; font-family:'Manrope',sans-serif; font-size:.9rem; font-weight:700; list-style:none; }.detail-faq summary::-webkit-details-marker{display:none}.detail-faq summary i { color:var(--primary); transition:.2s ease; }.detail-faq details[open] summary i { transform:rotate(45deg); }.detail-faq details p { padding:0 36px 20px 0; color:var(--muted); font-size:.78rem; }
.detail-related { padding:90px 0; background:#f6f8fb; }.detail-related-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:32px; }.detail-related-head h2 { margin:0; }.detail-related-head>a { color:var(--primary); font-size:.75rem; font-weight:800; }.detail-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.detail-related-grid>a { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:13px; padding:20px; background:#fff; border:1px solid #dfe7f1; border-radius:12px; transition:.2s ease; }.detail-related-grid>a:hover { border-color:#9ebfeb; box-shadow:var(--shadow-sm); transform:translateY(-3px); }.detail-related-grid>a>i:first-child { display:grid; width:42px; height:42px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.detail-related-grid small,.detail-related-grid b,.detail-related-grid em { display:block; }.detail-related-grid small { color:#8291a4; font-size:.52rem; text-transform:uppercase; }.detail-related-grid b { font-size:.8rem; }.detail-related-grid em { margin-top:2px; overflow:hidden; color:var(--muted); font-size:.6rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.detail-related-grid>a>i:last-child { color:#8090a4; }
.detail-final-cta { padding:85px 0; color:#fff; text-align:center; background:var(--primary); }.detail-final-cta>.container>div { max-width:780px; margin:auto; }.detail-final-cta span { display:block; margin-bottom:13px; color:#b9eaf5; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.detail-final-cta h2 { color:#fff; }.detail-final-cta p { color:#d7e7fa; }.detail-final-cta .btn { margin:5px; }
.module-theme-yapay-zeka .detail-hero { background:linear-gradient(145deg,#f7faff,#edf5ff); }.module-theme-yapay-zeka .detail-product-ui { box-shadow:0 32px 75px rgba(27,76,145,.22); }
@media(max-width:991.98px){.detail-hero-grid,.detail-workflow-grid,.detail-faq-grid{grid-template-columns:1fr;gap:45px}.detail-product-ui{max-width:760px;transform:none}.detail-workflow-grid>div{position:static}.detail-related-grid{grid-template-columns:1fr 1fr}.detail-outcome-grid{grid-template-columns:1fr 1fr}.detail-outcome-grid article:nth-child(2){border-right:0}.detail-outcome-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}}
@media(max-width:767.98px){.detail-hero{padding:112px 0 68px}.detail-hero .breadcrumb{margin-bottom:30px}.detail-hero-copy h1{font-size:2.55rem}.detail-hero-copy h2{font-size:1rem}.detail-ui-body{grid-template-columns:38px 1fr;min-height:350px}.detail-ui-body>aside{padding:8px 4px}.detail-ui-main{padding:12px}.detail-ui-main>header button{display:none}.detail-ui-table>div{grid-template-columns:1.3fr .7fr;min-height:60px}.detail-ui-table>div>span:nth-child(2){display:none}.detail-value-strip>.container>div,.detail-feature-grid{grid-template-columns:1fr}.detail-value-strip article{border-right:0;border-bottom:1px solid var(--border)}.detail-value-strip article:last-child{border-bottom:0}.detail-features,.detail-workflow,.detail-outcomes,.detail-faq,.detail-related{padding:75px 0}.detail-feature-grid article{min-height:0}.detail-feature-grid article>i{margin-bottom:26px}.detail-outcome-grid{grid-template-columns:1fr}.detail-outcome-grid article,.detail-outcome-grid article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.detail-outcome-grid article:last-child{border-bottom:0}.detail-outcome-grid i{margin-bottom:25px}.detail-related-head{align-items:flex-start;flex-direction:column}.detail-related-grid{grid-template-columns:1fr}.detail-final-cta{padding:70px 0}.detail-final-cta .btn{display:block;width:100%;margin:8px 0}}
@media(max-width:430px){.detail-hero-copy h1{font-size:2.3rem}.detail-product-ui{margin:0 -5px}.detail-ui-bar>span{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-ui-body>aside i:nth-of-type(3),.detail-ui-body>aside i:nth-of-type(4){display:none}.detail-analytics-kpis{grid-template-columns:1fr 1fr}.detail-analytics-kpis span:nth-child(3){display:none}.detail-bars{height:165px}.detail-calendar-days span:nth-child(5){display:none}.detail-calendar-days{grid-template-columns:repeat(4,1fr)}.detail-ai-message{max-width:98%}}

/* Clean modules index */
.modules-page-clean { background:#fff; }
.clean-modules-hero { position:relative; padding:145px 0 92px; overflow:hidden; background:linear-gradient(180deg,#f7faff 0%,#fff 90%); }
.clean-modules-hero::before { content:''; position:absolute; width:650px; height:650px; right:-230px; top:-290px; border-radius:50%; background:radial-gradient(circle,rgba(20,99,230,.1),rgba(32,201,232,.055) 48%,transparent 70%); }
.clean-hero-grid { position:relative; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:70px; }
.clean-hero-copy h1 { max-width:620px; margin-bottom:22px; font-size:clamp(3rem,5.2vw,4.8rem); line-height:1.03; letter-spacing:-.066em; font-weight:800; }
.clean-hero-copy h1 span { color:var(--primary); }
.clean-hero-copy>p { max-width:610px; color:#52637a; font-size:1.05rem; line-height:1.72; }
.clean-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.clean-hero-meta { display:flex; gap:0; margin-top:32px; padding-top:20px; border-top:1px solid var(--border); }
.clean-hero-meta span { padding:0 20px; color:#718096; border-right:1px solid var(--border); font-size:.7rem; }
.clean-hero-meta span:first-child { padding-left:0; }.clean-hero-meta span:last-child { border:0; }
.clean-hero-meta b { margin-right:4px; color:var(--dark); font-size:1rem; }
.ecosystem-map { position:relative; min-height:500px; }
.ecosystem-map::before,.ecosystem-map::after { content:''; position:absolute; left:50%; top:50%; border:1px dashed #c9d8e9; border-radius:50%; transform:translate(-50%,-50%); }
.ecosystem-map::before { width:390px; height:390px; }.ecosystem-map::after { width:270px; height:270px; border-style:solid; border-color:#e6edf5; }
.ecosystem-center { position:absolute; z-index:4; left:50%; top:50%; display:flex; width:155px; height:155px; align-items:center; justify-content:center; flex-direction:column; background:#fff; border:1px solid #dce6f2; border-radius:50%; box-shadow:0 24px 55px rgba(22,67,124,.16); transform:translate(-50%,-50%); }
.ecosystem-center>span { display:grid; width:47px; height:47px; margin-bottom:7px; place-items:center; overflow:hidden; border-radius:12px; }.ecosystem-center img { width:100%; height:100%; object-fit:contain; }.ecosystem-center strong { color:var(--primary); font-family:'Manrope',sans-serif; font-size:.9rem; }.ecosystem-center small { color:#8695a8; font-size:.53rem; }
.ecosystem-node { position:absolute; z-index:3; display:flex; width:105px; height:105px; align-items:center; justify-content:center; flex-direction:column; gap:7px; background:#fff; border:1px solid #dce6f1; border-radius:18px; box-shadow:0 13px 32px rgba(20,62,114,.1); transition:.22s ease; }
.ecosystem-node:hover { color:var(--primary); border-color:#8fb9ef; box-shadow:0 17px 38px rgba(20,75,145,.15); transform:translateY(-4px); }
.ecosystem-node i { display:grid; width:35px; height:35px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:9px; }.ecosystem-node span { font-size:.67rem; font-weight:800; }
.node-company{left:3%;top:9%}.node-people{right:8%;top:4%}.node-task{right:0;top:41%}.node-health{right:13%;bottom:1%}.node-risk{left:9%;bottom:3%}.node-report{left:0;top:43%}
.ecosystem-more { position:absolute; z-index:5; right:4%; bottom:23%; padding:6px 9px; color:#607188; background:#f0f5fb; border:1px solid #dce6f1; border-radius:20px; font-size:.58rem; font-weight:800; }
.ecosystem-lines i { position:absolute; z-index:1; left:50%; top:50%; width:1px; height:175px; background:linear-gradient(#c9d8e9,transparent); transform-origin:top; }.ecosystem-lines i:nth-child(1){transform:rotate(28deg)}.ecosystem-lines i:nth-child(2){transform:rotate(88deg)}.ecosystem-lines i:nth-child(3){transform:rotate(148deg)}.ecosystem-lines i:nth-child(4){transform:rotate(208deg)}.ecosystem-lines i:nth-child(5){transform:rotate(268deg)}.ecosystem-lines i:nth-child(6){transform:rotate(328deg)}

.clean-module-catalog { padding:110px 0 120px; background:#f5f8fc; }
.clean-catalog-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:42px; }
.clean-catalog-head h2 { max-width:680px; margin:0; }.clean-catalog-head>p { margin:0 0 6px; color:var(--muted); font-size:.96rem; }
.clean-category-nav { position:relative; z-index:2; margin-bottom:66px; padding:7px; background:#fff; border:1px solid #dce5ef; border-radius:11px; box-shadow:0 10px 28px rgba(18,56,106,.08); }
.clean-category-nav>div { display:flex; gap:3px; overflow-x:auto; scrollbar-width:none; }.clean-category-nav>div::-webkit-scrollbar{display:none}
.clean-category-nav button { flex:0 0 auto; padding:9px 14px; color:#5e6e83; background:transparent; border:0; border-radius:7px; font-size:.73rem; font-weight:800; white-space:nowrap; }.clean-category-nav button:hover,.clean-category-nav button.active { color:#fff; background:var(--primary); }
.clean-category-list { display:grid; gap:78px; }
.clean-category { display:grid; grid-template-columns:225px 1fr; gap:42px; scroll-margin-top:150px; }
.clean-category>header { padding-top:6px; }.clean-category>header>span { display:block; margin-bottom:12px; color:#a0afc0; font-size:.65rem; font-weight:800; }.clean-category>header h2 { margin-bottom:12px; font-size:1.45rem; }.clean-category>header p { margin:0; color:var(--muted); font-size:.76rem; line-height:1.55; }
.clean-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.clean-module-card { display:flex; min-height:350px; flex-direction:column; padding:27px; background:#fff; border:1px solid #dce5ef; border-radius:13px; transition:.22s ease; }
.clean-module-card:hover { border-color:#94b9e8; box-shadow:0 17px 35px rgba(18,65,126,.09); transform:translateY(-3px); }
.clean-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }.clean-card-top>span { display:grid; width:42px; height:42px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.clean-card-top small { color:#8291a4; font-size:.59rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.clean-module-card h3 { margin-bottom:8px; font-size:1.08rem; }.clean-module-card>strong { display:block; margin-bottom:9px; color:#31445d; font-size:.8rem; line-height:1.5; }.clean-module-card>p { display:-webkit-box; margin-bottom:15px; overflow:hidden; color:var(--muted); font-size:.74rem; line-height:1.57; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.clean-card-features { display:grid; gap:5px; margin-top:auto; padding:14px 0; border-top:1px solid #edf1f6; }.clean-card-features span { color:#5d6d82; font-size:.64rem; }.clean-card-features i { margin-right:6px; color:var(--success); }
.clean-module-card>a { display:inline-flex; align-items:center; gap:6px; width:max-content; margin-top:5px; color:var(--primary); font-size:.72rem; font-weight:800; }.clean-module-card>a i { transition:.2s ease; }.clean-module-card:hover>a i { transform:translate(2px,-2px); }

.platform-flow { padding:105px 0; background:#fff; }.platform-flow-head { max-width:720px; margin-bottom:47px; }.platform-flow-head>p { color:var(--muted); }
.platform-flow-steps { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.platform-flow-steps article { position:relative; min-height:210px; padding:24px 21px; border-right:1px solid var(--border); }.platform-flow-steps article:last-child{border:0}.platform-flow-steps article::after { content:'\F285'; position:absolute; right:-8px; top:42px; z-index:2; display:grid; width:16px; height:16px; place-items:center; color:#9aabbe; background:#fff; font-family:'bootstrap-icons'; font-size:.55rem; }.platform-flow-steps article:last-child::after{display:none}.platform-flow-steps article>span { color:#a2b0c0; font-size:.6rem; font-weight:800; }.platform-flow-steps article>i { display:block; margin:28px 0 22px; color:var(--primary); font-size:1.35rem; }.platform-flow-steps h3 { margin-bottom:6px; font-size:.9rem; }.platform-flow-steps p { margin:0; color:var(--muted); font-size:.68rem; line-height:1.5; }
.clean-modules-cta { padding:0 0 100px; }.clean-cta-panel { display:flex; align-items:center; justify-content:space-between; gap:65px; padding:48px 52px; color:#fff; background:#0b2b56; border-radius:18px; box-shadow:0 25px 55px rgba(7,33,72,.18); }.clean-cta-panel .section-label { color:#67d1e9; }.clean-cta-panel h2 { max-width:720px; color:#fff; font-size:clamp(1.8rem,3.5vw,2.8rem); }.clean-cta-panel p { max-width:720px; margin:0; color:#b9cbe0; }.clean-cta-panel>div:last-child { display:flex; flex:0 0 205px; align-items:center; flex-direction:column; gap:12px; }.clean-contact-link { color:#c8d9ec; font-size:.72rem; font-weight:700; }.clean-contact-link:hover { color:#fff; }
@media(max-width:991.98px){.clean-hero-grid{grid-template-columns:1fr;gap:30px}.clean-hero-copy{max-width:760px}.ecosystem-map{max-width:650px;width:100%;margin:auto}.clean-catalog-head{grid-template-columns:1fr;gap:18px}.clean-category{grid-template-columns:1fr;gap:20px}.clean-category>header{display:grid;grid-template-columns:auto 1fr;gap:0 13px}.clean-category>header>span{grid-row:1/3}.clean-category>header p{grid-column:2}.platform-flow-steps{grid-template-columns:repeat(3,1fr)}.platform-flow-steps article:nth-child(3){border-right:0}.platform-flow-steps article:nth-child(-n+3){border-bottom:1px solid var(--border)}.platform-flow-steps article:nth-child(3)::after{display:none}.clean-cta-panel{align-items:flex-start;flex-direction:column;gap:30px}.clean-cta-panel>div:last-child{align-items:flex-start;flex-basis:auto}}
@media(max-width:767.98px){.clean-modules-hero{padding:115px 0 65px}.clean-hero-copy h1{font-size:2.55rem}.clean-hero-copy>p{font-size:.95rem}.clean-hero-actions{flex-direction:column}.clean-hero-actions .btn{width:100%}.clean-hero-meta span{padding:0 10px;font-size:.62rem}.clean-hero-meta b{display:block}.ecosystem-map{min-height:410px;transform:scale(.88);transform-origin:center}.clean-module-catalog,.platform-flow{padding:78px 0}.clean-category-nav{margin-bottom:48px}.clean-category-list{gap:60px}.clean-module-grid{grid-template-columns:1fr}.clean-module-card{min-height:0}.platform-flow-steps{grid-template-columns:1fr 1fr}.platform-flow-steps article,.platform-flow-steps article:nth-child(3){min-height:175px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.platform-flow-steps article:nth-child(2n){border-right:0}.platform-flow-steps article:nth-child(2n)::after{display:none}.platform-flow-steps article:nth-child(5){border-bottom:0}.clean-modules-cta{padding-bottom:75px}.clean-cta-panel{padding:34px 26px}.clean-cta-panel>div:last-child,.clean-cta-panel .btn{width:100%}}
@media(max-width:430px){.clean-hero-copy h1{font-size:2.28rem}.clean-hero-meta{justify-content:space-between}.clean-hero-meta span{padding:0 7px}.ecosystem-map{min-height:350px;margin:-20px 0;transform:scale(.72)}.clean-category>header{display:block}.clean-category>header>span{margin-bottom:8px}.clean-module-card{padding:23px}.platform-flow-steps{grid-template-columns:1fr}.platform-flow-steps article,.platform-flow-steps article:nth-child(3){min-height:0;border-right:0}.platform-flow-steps article::after{display:none}}

/* Clean features index */
.features-page-clean { background:#fff; }.features-page-clean+.site-footer .footer-cta,body[data-page="features"]>footer .footer-cta { display:none; }
.clean-features-hero { position:relative; padding:145px 0 92px; overflow:hidden; background:linear-gradient(180deg,#f7faff 0%,#fff 90%); }.clean-features-hero::before { content:''; position:absolute; width:620px; height:620px; right:-220px; top:-270px; border-radius:50%; background:radial-gradient(circle,rgba(20,99,230,.1),rgba(32,201,232,.05) 50%,transparent 70%); }
.features-product-preview { position:relative; overflow:hidden; background:#fff; border:1px solid #dbe5f0; border-radius:16px; box-shadow:0 32px 70px rgba(17,57,108,.16); transform:perspective(1200px) rotateY(-2deg); }
.features-preview-bar { display:flex; align-items:center; justify-content:space-between; height:38px; padding:0 13px; color:#8795a7; background:#f3f6fa; border-bottom:1px solid #e3e9f1; font-size:.56rem; }.features-preview-bar>div { display:flex; gap:5px; }.features-preview-bar>div i { width:7px; height:7px; background:#ff7169; border-radius:50%; }.features-preview-bar>div i:nth-child(2){background:#ffc759}.features-preview-bar>div i:nth-child(3){background:#50c66b}
.features-preview-body { display:grid; grid-template-columns:49px 1fr; min-height:420px; background:#f5f8fc; }.features-preview-body>aside { display:flex; align-items:center; flex-direction:column; gap:9px; padding:10px 7px; color:#8197b4; background:#0c284e; }.features-preview-body>aside b { display:grid; width:29px; height:29px; margin-bottom:8px; place-items:center; color:#fff; background:var(--primary); border-radius:8px; font-size:.5rem; }.features-preview-body>aside i { display:grid; width:30px; height:30px; place-items:center; border-radius:7px; font-size:.7rem; }.features-preview-body>aside i.active { color:#fff; background:#2877f5; }
.features-preview-main { min-width:0; padding:20px; }.features-preview-main>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }.features-preview-main>header small,.features-preview-main>header strong { display:block; }.features-preview-main>header small { color:#8998aa; font-size:.5rem; }.features-preview-main>header strong { font-size:.92rem; }.features-preview-main>header>span { display:grid; width:29px; height:29px; place-items:center; color:#fff; background:#195fab; border-radius:50%; font-size:.5rem; font-weight:800; }
.features-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.features-summary article { display:flex; align-items:center; gap:8px; padding:10px; background:#fff; border:1px solid #e3e9f1; border-radius:8px; }.features-summary article>i { display:grid; width:28px; height:28px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:7px; }.features-summary small,.features-summary b { display:block; }.features-summary small { color:#8795a8; font-size:.45rem; }.features-summary b { font-size:.62rem; }
.features-timeline { margin-top:11px; padding:5px 13px; background:#fff; border:1px solid #e3e9f1; border-radius:9px; }.features-timeline>div { display:grid; grid-template-columns:35px 29px 1fr auto; align-items:center; gap:10px; min-height:72px; border-bottom:1px solid #e8edf3; }.features-timeline>div:last-child{border:0}.features-timeline time { color:#7e8da0; font-size:.48rem; }.features-timeline>div>i { display:grid; width:29px; height:29px; place-items:center; color:var(--primary); background:#edf4ff; border-radius:7px; }.features-timeline p,.features-timeline b,.features-timeline small { display:block; margin:0; }.features-timeline b { font-size:.59rem; }.features-timeline small { color:#8795a8; font-size:.46rem; }.features-timeline em { padding:4px 7px; color:#13784e; background:#e7f7ef; border-radius:10px; font-size:.44rem; font-style:normal; }
.feature-overview-clean { padding:110px 0 120px; background:#f5f8fc; }.feature-bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }.feature-bento-card { display:flex; min-height:315px; flex-direction:column; padding:27px; overflow:hidden; background:#fff; border:1px solid #dce5ef; border-radius:14px; transition:.22s ease; }.feature-bento-card:hover { border-color:#95b9e8; box-shadow:0 17px 35px rgba(18,65,126,.09); transform:translateY(-3px); }.feature-bento-card>span,.feature-card-copy>span,.feature-analytics>div>span { display:inline-flex; align-items:center; gap:7px; margin-bottom:18px; color:var(--primary); font-size:.64rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.feature-bento-card h3 { margin-bottom:10px; font-size:1.2rem; line-height:1.3; }.feature-bento-card p { color:var(--muted); font-size:.78rem; }.feature-bento-card>a,.feature-analytics a { display:inline-flex; align-items:center; gap:6px; width:max-content; margin-top:auto; color:var(--primary); font-size:.72rem; font-weight:800; }
.feature-records { grid-column:span 8; display:grid; grid-template-columns:.9fr 1.1fr; gap:34px; min-height:380px; }.feature-planning { grid-column:span 4; }.feature-followup { grid-column:span 4; }.feature-communication { grid-column:span 4; }.feature-analytics { grid-column:span 8; display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:35px; min-height:315px; }.feature-mira { grid-column:span 4; color:#fff; background:linear-gradient(145deg,#0c2c58,#104984); border-color:#174f8b; }.feature-mira:hover { border-color:#3982d1; }.feature-mira>span { color:#6dd4eb; }.feature-mira h3 { color:#fff; }.feature-mira p { color:#bdd0e6; }.feature-mira>a { color:#fff; }
.feature-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.feature-links a { padding:7px 9px; color:var(--primary); background:#eaf2ff; border-radius:7px; font-size:.62rem; font-weight:800; }
.records-preview { align-self:center; overflow:hidden; background:#f7f9fc; border:1px solid #e1e8f0; border-radius:10px; }.records-preview header { display:flex; justify-content:space-between; padding:11px 13px; background:#fff; border-bottom:1px solid #e4eaf2; font-size:.55rem; }.records-preview header span { color:#78899d; }.records-preview>div { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; padding:11px 13px; border-bottom:1px solid #e4eaf2; }.records-preview>div:last-child{border:0}.records-preview>div>i { display:grid; width:28px; height:28px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:7px; font-size:.44rem; font-style:normal; }.records-preview p,.records-preview b,.records-preview small { display:block; margin:0; }.records-preview b { font-size:.55rem; }.records-preview small { color:#8796a8; font-size:.44rem; }.records-preview em { padding:3px 6px; color:#14784f; background:#e7f7ef; border-radius:9px; font-size:.42rem; font-style:normal; }.records-preview>div:last-child em { color:#9d680e; background:#fff2d7; }
.feature-planning ul { display:grid; gap:8px; margin:10px 0 22px; padding:0; list-style:none; }.feature-planning li { color:#5a6b81; font-size:.7rem; }.feature-planning li i { margin-right:6px; color:var(--success); }.followup-tags { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0 24px; }.followup-tags span { padding:7px 9px; color:#4e6077; background:#f2f6fa; border:1px solid #e2e9f1; border-radius:7px; font-size:.62rem; font-weight:700; }.followup-tags i { margin-right:5px; color:var(--primary); }
.mail-preview { display:flex; align-items:center; gap:10px; margin:14px 0 22px; padding:12px; background:#f5f8fc; border:1px solid #e2e9f1; border-radius:9px; }.mail-preview>i { color:var(--primary); }.mail-preview b,.mail-preview small { display:block; }.mail-preview b { font-size:.58rem; }.mail-preview small { color:#8594a6; font-size:.44rem; }.mail-preview>span { margin-left:auto; color:#14784f; font-size:.45rem; }
.mini-bars { display:flex; align-items:flex-end; gap:9px; height:200px; padding:19px; background:repeating-linear-gradient(to bottom,#f7f9fc 0,#f7f9fc 45px,#e5ebf2 46px); border-radius:10px; }.mini-bars i { flex:1; max-width:28px; background:linear-gradient(180deg,#55a8fa,#1463e6); border-radius:4px 4px 1px 1px; }.mira-prompt { display:flex; align-items:center; gap:9px; margin:15px 0 23px; padding:12px; color:#d8e7f7; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:9px; font-size:.65rem; }.mira-prompt i { color:#69d2e9; }
.feature-principles { padding:110px 0; }.feature-principles-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:90px; align-items:start; }.feature-principles-copy { position:sticky; top:120px; }.feature-principles-copy>p { color:var(--muted); }.feature-principle-list { border-top:1px solid var(--border); }.feature-principle-list article { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:23px 0; border-bottom:1px solid var(--border); }.feature-principle-list>article>span { color:var(--primary); font-size:.66rem; font-weight:800; }.feature-principle-list h3 { margin-bottom:5px; font-size:.96rem; }.feature-principle-list p { margin:0; color:var(--muted); font-size:.75rem; }
.feature-roles { padding:105px 0; background:#f5f8fc; }.feature-roles-head { max-width:760px; margin-bottom:40px; }.feature-roles-head>p { color:var(--muted); }.feature-role-row { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.feature-role-row article { display:flex; gap:12px; min-height:150px; padding:25px 20px; border-right:1px solid var(--border); }.feature-role-row article:last-child{border:0}.feature-role-row article>i { color:var(--primary); font-size:1.1rem; }.feature-role-row h3 { margin-bottom:6px; font-size:.82rem; }.feature-role-row p { margin:0; color:var(--muted); font-size:.67rem; }.feature-security-link { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; margin-top:25px; padding:17px 20px; background:#fff; border:1px solid #dce5ef; border-radius:11px; }.feature-security-link>i:first-child { display:grid; width:38px; height:38px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:9px; }.feature-security-link b,.feature-security-link small { display:block; }.feature-security-link b { font-size:.76rem; }.feature-security-link small { color:var(--muted); font-size:.62rem; }.feature-security-link>i:last-child { color:#7c8b9e; }
@media(max-width:991.98px){.features-product-preview{max-width:760px;transform:none}.feature-records,.feature-analytics{grid-column:span 12}.feature-planning,.feature-followup,.feature-communication,.feature-mira{grid-column:span 6}.feature-principles-grid{grid-template-columns:1fr;gap:40px}.feature-principles-copy{position:static}.feature-role-row{grid-template-columns:1fr 1fr}.feature-role-row article:nth-child(2){border-right:0}.feature-role-row article:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:767.98px){.clean-features-hero{padding:115px 0 68px}.features-preview-body{grid-template-columns:38px 1fr;min-height:370px}.features-preview-body>aside{padding:8px 4px}.features-preview-main{padding:12px}.features-summary article:nth-child(3){display:none}.features-summary{grid-template-columns:1fr 1fr}.features-timeline>div{grid-template-columns:32px 27px 1fr}.features-timeline em{display:none}.feature-overview-clean,.feature-principles,.feature-roles{padding:78px 0}.feature-records,.feature-analytics{grid-template-columns:1fr}.feature-records,.feature-planning,.feature-followup,.feature-communication,.feature-analytics,.feature-mira{grid-column:span 12;min-height:0}.feature-bento-card{padding:23px}.records-preview{width:100%}.mini-bars{height:160px}.feature-role-row{grid-template-columns:1fr}.feature-role-row article,.feature-role-row article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid var(--border)}.feature-role-row article:last-child{border-bottom:0}}
@media(max-width:430px){.features-product-preview{margin:0 -5px}.features-preview-bar>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.features-preview-body>aside i:nth-of-type(3),.features-preview-body>aside i:nth-of-type(4){display:none}.features-timeline small{display:none}.feature-links{display:grid}.feature-links a{text-align:center}}

/* Reports, security, about and legal pages */
body[data-page="reports"]>footer .footer-cta,body[data-page="security"]>footer .footer-cta,body[data-page="about"]>footer .footer-cta,body[data-page="legal"]>footer .footer-cta{display:none}
body[data-page="home"]>footer .footer-cta{display:none}
.insight-hero,.security-clean-hero { position:relative; padding:145px 0 92px; overflow:hidden; background:linear-gradient(180deg,#f7faff,#fff 90%); }.insight-hero::before,.security-clean-hero::before { content:''; position:absolute; width:620px; height:620px; right:-220px; top:-270px; border-radius:50%; background:radial-gradient(circle,rgba(20,99,230,.1),rgba(32,201,232,.05) 50%,transparent 70%); }
.report-product-preview,.permission-preview { position:relative; overflow:hidden; background:#fff; border:1px solid #dbe5f0; border-radius:16px; box-shadow:0 32px 70px rgba(17,57,108,.16); transform:perspective(1200px) rotateY(-2deg); }
.report-preview-main,.permission-preview-main { min-height:410px; padding:22px; background:#f5f8fc; }.report-preview-main>header,.permission-preview-main>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; }.report-preview-main>header small,.report-preview-main>header strong,.permission-preview-main>header small,.permission-preview-main>header strong { display:block; }.report-preview-main>header small,.permission-preview-main>header small { color:#8795a7; font-size:.5rem; }.report-preview-main>header strong,.permission-preview-main>header strong { font-size:.92rem; }.report-preview-main>header>span,.permission-preview-main>header>span { padding:6px 8px; color:#68798e; background:#fff; border:1px solid #dce5ef; border-radius:7px; font-size:.49rem; }
.report-preview-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.report-preview-kpis article { padding:12px; background:#fff; border:1px solid #e1e8f0; border-radius:8px; }.report-preview-kpis small,.report-preview-kpis b,.report-preview-kpis em { display:block; }.report-preview-kpis small { color:#8392a5; font-size:.46rem; }.report-preview-kpis b { margin:3px 0; font-size:1.1rem; }.report-preview-kpis em { color:#8c9aab; font-size:.41rem; font-style:normal; }.report-preview-chart { display:grid; grid-template-columns:24px 1fr; height:210px; margin-top:10px; padding:14px 13px 9px; background:repeating-linear-gradient(to bottom,#fff 0,#fff 47px,#e7edf3 48px); border:1px solid #e1e8f0; border-radius:9px; }.chart-scale { display:flex; flex-direction:column; justify-content:space-between; color:#98a5b5; font-size:.42rem; }.chart-bars { display:flex; align-items:flex-end; justify-content:space-around; gap:9px; }.chart-bars i { width:8%; background:linear-gradient(180deg,#55a8fa,#1463e6); border-radius:4px 4px 1px 1px; }.preview-disclaimer { display:block; margin-top:7px; color:#98a5b5; font-size:.43rem; text-align:right; }
.report-areas-clean { padding:110px 0 120px; background:#f5f8fc; }.report-area-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:13px; }.report-area-card { grid-column:span 4; min-height:245px; padding:26px; background:#fff; border:1px solid #dce5ef; border-radius:13px; transition:.22s ease; }.report-area-card:hover { border-color:#94b9e8; box-shadow:0 16px 34px rgba(18,65,126,.09); transform:translateY(-3px); }.report-area-card.featured { grid-column:span 8; min-height:280px; color:#fff; background:#0c2d59; border-color:#164d89; }.report-area-card>i { display:grid; width:40px; height:40px; margin-bottom:28px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.report-area-card>span { display:inline-flex; align-items:center; gap:7px; margin-bottom:34px; color:#68d1e9; font-size:.65rem; font-weight:800; text-transform:uppercase; }.report-area-card h3 { font-size:1.08rem; }.report-area-card.featured h3 { color:#fff; font-size:1.35rem; }.report-area-card p { color:var(--muted); font-size:.76rem; }.report-area-card.featured p { max-width:650px; color:#bdd0e5; }.report-mini-status { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }.report-mini-status b { padding:7px 9px; color:#d2e2f4; background:rgba(255,255,255,.08); border-radius:7px; font-size:.59rem; }.report-mini-status i { display:inline-block; width:6px; height:6px; margin-right:6px; background:#5fd29a; border-radius:50%; }.report-mini-status b:nth-child(2) i{background:#f3bd55}.report-mini-status b:nth-child(3) i{background:#68cce5}.report-decision-flow { padding:110px 0; }
.permission-preview-main>header>span { color:#14784f; background:#e8f7ef; border:0; }.permission-matrix { overflow:hidden; background:#fff; border:1px solid #e1e8f0; border-radius:9px; }.permission-matrix>div { display:grid; grid-template-columns:1fr repeat(3,48px); align-items:center; min-height:58px; padding:8px 12px; border-bottom:1px solid #e8edf3; }.permission-matrix>div:last-child{border:0}.permission-matrix .matrix-head { min-height:36px; color:#8998aa; background:#f7f9fc; font-size:.44rem; font-weight:800; text-transform:uppercase; }.permission-matrix>div>span { display:flex; align-items:center; gap:8px; color:#344960; font-size:.56rem; font-weight:700; }.permission-matrix>div>span i { color:var(--primary); }.permission-matrix>div>b { display:grid; width:25px; height:25px; margin:auto; place-items:center; color:#a4b0be; background:#f1f4f7; border-radius:6px; font-size:.55rem; }.permission-matrix>div>b.allowed { color:#13784f; background:#e6f7ee; }.permission-matrix>div>b.limited { color:#a06a0c; background:#fff1d3; }
.security-principles-clean { padding:110px 0 120px; background:#f5f8fc; }.security-principle-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.security-principle-grid article { position:relative; min-height:260px; padding:27px 22px; background:#fff; border-right:1px solid var(--border); }.security-principle-grid article:last-child{border:0}.security-principle-grid article>span { position:absolute; top:25px; right:22px; color:#a2b0c0; font-size:.6rem; font-weight:800; }.security-principle-grid article>i { display:grid; width:40px; height:40px; margin-bottom:48px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.security-principle-grid h3 { font-size:.92rem; }.security-principle-grid p { color:var(--muted); font-size:.7rem; }.sensitive-data-section { padding:110px 0; }.sensitive-data-panel { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding:50px; background:#f5f8fc; border:1px solid #dce5ef; border-radius:17px; }.sensitive-copy>p { color:var(--muted); }.sensitive-visual { position:relative; min-height:330px; }.shield-core { position:absolute; left:50%; top:50%; display:grid; width:135px; height:135px; place-items:center; color:#fff; background:var(--primary); border:17px solid #deebfc; border-radius:50%; box-shadow:0 0 0 1px #c7dcf7,0 20px 45px rgba(20,99,230,.2); transform:translate(-50%,-50%); }.shield-core i { font-size:2.2rem; }.sensitive-visual>span { position:absolute; display:flex; align-items:center; gap:7px; padding:10px 12px; color:#455871; background:#fff; border:1px solid #dce5ef; border-radius:9px; box-shadow:var(--shadow-sm); font-size:.65rem; font-weight:700; }.sensitive-visual>span i { color:var(--primary); }.sensitive-visual>span:nth-of-type(1){left:2%;top:16%}.sensitive-visual>span:nth-of-type(2){right:0;top:26%}.sensitive-visual>span:nth-of-type(3){left:12%;bottom:12%}.security-note { padding:0 0 100px; }.security-note>.container>div { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:13px; padding:20px; background:#fff9e9; border:1px solid #f2dfab; border-radius:11px; }.security-note>div i { color:#ad750e; }.security-note p,.security-note b,.security-note span { display:block; margin:0; }.security-note b { font-size:.76rem; }.security-note span { margin-top:3px; color:#6f6246; font-size:.66rem; }.security-note a { color:#8d620f; font-size:.65rem; font-weight:800; }
.about-clean-hero { padding:155px 0 105px; background:linear-gradient(180deg,#f7faff,#fff); }.about-hero-inner { max-width:900px; margin:auto; text-align:center; }.about-hero-inner h1 { margin-bottom:23px; font-size:clamp(3rem,6vw,5.2rem); line-height:1.02; letter-spacing:-.065em; font-weight:800; }.about-hero-inner>p { max-width:720px; margin:0 auto 29px; color:var(--muted); font-size:1.05rem; }.about-hero-inner>div { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }.about-purpose { padding:105px 0; }.about-purpose-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; }.about-purpose-grid>div:last-child p { color:#53647a; font-size:.96rem; }.about-values { padding:110px 0; background:#f5f8fc; }.about-value-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.about-value-grid article { position:relative; min-height:250px; padding:26px 22px; background:#fff; border-right:1px solid var(--border); }.about-value-grid article:last-child{border:0}.about-value-grid article>span { position:absolute; right:20px; top:22px; color:#a3b1c1; font-size:.6rem; font-weight:800; }.about-value-grid article>i { display:block; margin:20px 0 45px; color:var(--primary); font-size:1.35rem; }.about-value-grid h3 { font-size:.92rem; }.about-value-grid p { color:var(--muted); font-size:.7rem; }.about-scope { padding:110px 0; }.about-scope-panel { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:48px; background:#f5f8fc; border:1px solid #dce5ef; border-radius:17px; }.about-scope-panel>div:first-child>p { color:var(--muted); }.about-scope-icons { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.about-scope-icons span { display:flex; align-items:center; gap:9px; padding:15px; background:#fff; border:1px solid #dce5ef; border-radius:10px; font-size:.7rem; font-weight:800; }.about-scope-icons i { display:grid; width:32px; height:32px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:8px; }
.legal-hero { padding:145px 0 75px; background:linear-gradient(180deg,#f7faff,#fff); }.legal-hero>div>div { max-width:820px; }.legal-hero h1 { margin-bottom:18px; font-size:clamp(2.8rem,5vw,4.4rem); line-height:1.05; letter-spacing:-.06em; font-weight:800; }.legal-hero p { max-width:720px; color:var(--muted); font-size:1rem; }.legal-update { display:inline-flex; align-items:center; gap:7px; margin-top:13px; color:#77879a; font-size:.68rem; font-weight:700; }.legal-content { padding:40px 0 110px; }.legal-layout { display:grid; grid-template-columns:235px 1fr; gap:75px; align-items:start; }.legal-layout>aside { position:sticky; top:105px; padding:20px; background:#f6f8fb; border:1px solid #dfe6ef; border-radius:11px; }.legal-layout>aside>strong { display:block; margin-bottom:13px; font-size:.72rem; }.legal-layout>aside nav { display:grid; }.legal-layout>aside nav a { padding:7px 0; color:#65758a; border-bottom:1px solid #e5ebf2; font-size:.65rem; }.legal-layout>aside nav a:hover { color:var(--primary); }.legal-related { display:grid; gap:7px; margin-top:18px; }.legal-related a { color:var(--primary); font-size:.62rem; font-weight:800; }.legal-document { min-width:0; }.legal-document>section { scroll-margin-top:110px; padding:0 0 36px; margin-bottom:36px; border-bottom:1px solid var(--border); }.legal-document>section>span { display:block; margin-bottom:8px; color:#9aabbd; font-size:.62rem; font-weight:800; }.legal-document h2 { margin-bottom:15px; font-size:1.45rem; }.legal-document p,.legal-document li,.legal-document dd { color:#52647a; font-size:.82rem; line-height:1.75; }.legal-document ul { display:grid; gap:8px; padding-left:19px; }.legal-document a { color:var(--primary); text-decoration:underline; text-underline-offset:2px; }.legal-document dl { margin-top:20px; border:1px solid #dfe6ef; border-radius:9px; overflow:hidden; }.legal-document dl>div { display:grid; grid-template-columns:155px 1fr; border-bottom:1px solid #e5ebf2; }.legal-document dl>div:last-child{border:0}.legal-document dt,.legal-document dd { margin:0; padding:10px 12px; }.legal-document dt { color:#33475f; background:#f6f8fb; font-size:.7rem; }.legal-alert,.legal-callout,.legal-source { display:grid; grid-template-columns:34px 1fr; gap:12px; margin-bottom:35px; padding:18px; background:#fff8e7; border:1px solid #f0d99c; border-radius:10px; }.legal-alert>i,.legal-callout>i { color:#a97310; }.legal-alert p,.legal-alert b,.legal-alert span,.legal-callout p,.legal-callout b,.legal-callout span { display:block; margin:0; }.legal-alert b,.legal-callout b { color:#51472f; font-size:.75rem; }.legal-alert span,.legal-callout span { margin-top:3px; color:#706344; font-size:.67rem; line-height:1.55; }.legal-callout { margin:22px 0; background:#edf6ff; border-color:#cbdff7; }.legal-callout>i { color:var(--primary); }.legal-callout b { color:#29445f; }.legal-callout span { color:#536c85; }.legal-source { margin:0; background:#f5f8fc; border-color:#dce5ef; }.legal-source>i { color:var(--primary); }.legal-source p,.legal-source b,.legal-source a { display:block; margin:0; }.legal-source b { margin-bottom:5px; color:#33475f; font-size:.72rem; }.legal-source a { width:max-content; font-size:.65rem; }
@media(max-width:991.98px){.report-product-preview,.permission-preview{max-width:760px;transform:none}.report-area-card,.report-area-card.featured{grid-column:span 6}.security-principle-grid,.about-value-grid{grid-template-columns:1fr 1fr}.security-principle-grid article:nth-child(2),.about-value-grid article:nth-child(2){border-right:0}.security-principle-grid article:nth-child(-n+2),.about-value-grid article:nth-child(-n+2){border-bottom:1px solid var(--border)}.sensitive-data-panel,.about-purpose-grid,.about-scope-panel{grid-template-columns:1fr;gap:40px}.legal-layout{grid-template-columns:1fr;gap:45px}.legal-layout>aside{position:static}.legal-layout>aside nav{grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:767.98px){.insight-hero,.security-clean-hero{padding:115px 0 68px}.report-preview-main,.permission-preview-main{min-height:360px;padding:13px}.report-preview-kpis article:nth-child(3){display:none}.report-preview-kpis{grid-template-columns:1fr 1fr}.report-preview-chart{height:180px}.report-areas-clean,.report-decision-flow,.security-principles-clean,.sensitive-data-section,.about-purpose,.about-values,.about-scope{padding:78px 0}.report-area-card,.report-area-card.featured{grid-column:span 12;min-height:0}.security-principle-grid,.about-value-grid{grid-template-columns:1fr}.security-principle-grid article,.security-principle-grid article:nth-child(2),.about-value-grid article,.about-value-grid article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid var(--border)}.security-principle-grid article:last-child,.about-value-grid article:last-child{border-bottom:0}.security-principle-grid article>i{margin-bottom:30px}.sensitive-data-panel,.about-scope-panel{padding:28px 23px}.sensitive-visual{min-height:300px}.security-note>.container>div{grid-template-columns:32px 1fr}.security-note a{grid-column:2}.about-clean-hero{padding:125px 0 80px}.about-hero-inner h1{font-size:2.65rem}.about-hero-inner>div{flex-direction:column}.about-hero-inner .btn{width:100%}.legal-hero{padding:120px 0 60px}.legal-hero h1{font-size:2.55rem}.legal-content{padding-bottom:75px}.legal-layout>aside nav{grid-template-columns:1fr}.legal-document dl>div{grid-template-columns:1fr}.legal-document dt{border-bottom:1px solid #e5ebf2}}
@media(max-width:430px){.report-product-preview,.permission-preview{margin:0 -5px}.report-preview-main>header>span,.permission-preview-main>header>span{display:none}.permission-matrix>div{grid-template-columns:1fr repeat(3,34px);padding:8px}.permission-matrix>div>span{font-size:.48rem}.sensitive-visual{transform:scale(.86);margin:-20px}.about-scope-icons{grid-template-columns:1fr}.legal-alert,.legal-callout,.legal-source{grid-template-columns:1fr}.legal-alert>i,.legal-callout>i,.legal-source>i{display:none}}

/* Homepage module preview sourced from the real module catalog */
.home-module-preview { overflow:hidden; background:#f5f8fc; }.home-module-heading { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:42px; }.home-module-heading h2 { max-width:680px; margin:0; }.home-module-heading>p { margin:0 0 6px; color:var(--muted); font-size:.96rem; }
.homepage-module-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:13px; }.homepage-module-card { grid-column:span 4; display:flex; min-height:335px; flex-direction:column; padding:27px; background:#fff; border:1px solid #dce5ef; border-radius:13px; transition:.22s ease; }.homepage-module-card.card-0 { grid-column:span 7; background:linear-gradient(145deg,#fff,#eef5ff); }.homepage-module-card.card-1 { grid-column:span 5; }.homepage-module-card.card-5 { grid-column:span 8; }.homepage-module-card:hover { border-color:#94b9e8; box-shadow:0 17px 35px rgba(18,65,126,.09); transform:translateY(-3px); }.homepage-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }.homepage-card-top>span { display:grid; width:42px; height:42px; place-items:center; color:var(--primary); background:#eaf2ff; border-radius:10px; }.homepage-card-top small { color:#8291a4; font-size:.59rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.homepage-module-card h3 { margin-bottom:8px; font-size:1.08rem; }.homepage-module-card>strong { display:block; margin-bottom:9px; color:#31445d; font-size:.8rem; line-height:1.5; }.homepage-module-card>p { display:-webkit-box; margin-bottom:15px; overflow:hidden; color:var(--muted); font-size:.74rem; line-height:1.57; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.homepage-card-features { display:grid; gap:5px; margin-top:auto; padding:14px 0; border-top:1px solid #edf1f6; }.homepage-card-features span { color:#5d6d82; font-size:.64rem; }.homepage-card-features i { margin-right:6px; color:var(--success); }.homepage-module-card>a { display:inline-flex; align-items:center; gap:6px; width:max-content; margin-top:5px; color:var(--primary); font-size:.72rem; font-weight:800; }.homepage-module-card>a i { transition:.2s ease; }.homepage-module-card:hover>a i { transform:translate(2px,-2px); }.home-modules-action { margin-top:34px; text-align:center; }
@media(max-width:991.98px){.home-module-heading{grid-template-columns:1fr;gap:18px}.homepage-module-card,.homepage-module-card.card-0,.homepage-module-card.card-1,.homepage-module-card.card-5{grid-column:span 6}}
@media(max-width:767.98px){.homepage-module-card,.homepage-module-card.card-0,.homepage-module-card.card-1,.homepage-module-card.card-5{grid-column:span 12;min-height:0}.home-modules-action .btn{width:100%}}
.bar-h-35 { --h: 35%; }.bar-h-42 { --h: 42%; }.bar-h-43 { --h: 43%; }.bar-h-44 { --h: 44%; }.bar-h-48 { --h: 48%; }.bar-h-49 { --h: 49%; }.bar-h-51 { --h: 51%; }.bar-h-54 { --h: 54%; }.bar-h-55 { --h: 55%; }.bar-h-58 { --h: 58%; }.bar-h-61 { --h: 61%; }.bar-h-65 { --h: 65%; }.bar-h-67 { --h: 67%; }.bar-h-68 { --h: 68%; }.bar-h-72 { --h: 72%; }.bar-h-74 { --h: 74%; }.bar-h-76 { --h: 76%; }.bar-h-78 { --h: 78%; }.bar-h-82 { --h: 82%; }.bar-h-84 { --h: 84%; }.bar-h-88 { --h: 88%; }.bar-h-90 { --h: 90%; }.bar-h-91 { --h: 91%; }
.risk-w-21 { --w: 21%; }.risk-w-34 { --w: 34%; }.risk-w-43 { --w: 43%; }.risk-w-61 { --w: 61%; }.risk-w-76 { --w: 76%; }.risk-w-82 { --w: 82%; }.risk-red { --c: var(--danger); }.risk-orange { --c: var(--warning); }.risk-green { --c: var(--success); }
.calendar-detail-preview { position: relative; left: auto; right: auto; bottom: auto; height: 240px; opacity: 1; }.mail-compose-preview { min-height: 100px; margin-top: 12px; }

/* Multi-page product site */
.page-hero { position: relative; padding: 155px 0 85px; overflow: hidden; background: radial-gradient(circle at 85% 15%,rgba(32,201,232,.13),transparent 28%),linear-gradient(145deg,#fff,#eef5ff); }
.page-hero::after { content: ''; position: absolute; inset: 0; opacity: .17; pointer-events: none; background-image: radial-gradient(#7fa4d7 1px,transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(90deg,transparent,#000,transparent); }
.page-hero .container { position: relative; z-index: 1; }.page-hero-copy { max-width: 780px; }.page-hero-copy.centered { margin: auto; text-align: center; }.page-hero h1 { margin-bottom: 20px; font-size: clamp(2.7rem,5vw,4.5rem); line-height: 1.05; letter-spacing: -.06em; font-weight: 800; }.page-hero p { max-width: 690px; color: #53657d; font-size: 1.12rem; }.page-hero-copy.centered p { margin-left: auto; margin-right: auto; }
.breadcrumb { margin-bottom: 25px; }.breadcrumb-item,.breadcrumb-item a { color: #718096; font-size: .78rem; }.breadcrumb-item.active { color: var(--primary); }.breadcrumb-item + .breadcrumb-item::before { color: #9eabbc; }
.page-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }.centered .page-hero-actions { justify-content: center; }
.subnav-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }.subnav-stats span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; color: #506178; background: rgba(255,255,255,.72); border: 1px solid #dce6f2; border-radius: 9px; font-size: .75rem; font-weight: 700; }.subnav-stats i { color: var(--primary); }
.page-section { padding: 92px 0; }.page-section.alt { background: var(--surface); }.page-section.dark { color: #fff; background: var(--dark-2); }.page-intro { max-width: 720px; margin-bottom: 42px; }.page-intro.centered { margin-left: auto; margin-right: auto; text-align: center; }.page-intro p { color: var(--muted); }.dark .page-intro p { color: #aab9cb; }
.content-card { height: 100%; padding: 27px; background: #fff; border: 1px solid var(--border); border-radius: 16px; transition: .22s ease; }.content-card:hover { border-color: #a9c8f1; box-shadow: var(--shadow-sm); transform: translateY(-4px); }.content-card > i,.content-card .card-icon { display: grid; width: 45px; height: 45px; margin-bottom: 18px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; font-size: 1.05rem; }.content-card h3 { font-size: 1rem; }.content-card p { color: var(--muted); font-size: .84rem; }.content-card ul { display: grid; gap: 8px; padding: 0; list-style: none; }.content-card li { color: #536278; font-size: .8rem; }.content-card li i { margin-right: 7px; color: var(--success); }.detail-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; color: var(--primary); font-size: .78rem; font-weight: 800; }.detail-link:hover { gap: 9px; color: var(--primary-dark); }
.feature-group { margin-bottom: 65px; }.feature-group:last-child { margin-bottom: 0; }.group-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }.group-heading > span { display: grid; width: 47px; height: 47px; place-items: center; color: #fff; background: linear-gradient(145deg,var(--primary),#2aa7e4); border-radius: 13px; }.group-heading h2 { margin: 0; font-size: 1.65rem; }.group-heading p { margin: 3px 0 0; color: var(--muted); font-size: .82rem; }
.module-overview-card { display: flex; height: 100%; flex-direction: column; padding: 29px; background: #fff; border: 1px solid var(--border); border-radius: 18px; transition: .24s ease; }.module-overview-card:hover { border-color: #9ebfec; box-shadow: var(--shadow-sm); transform: translateY(-5px); }.module-overview-card .module-icon { margin-bottom: 22px; color: var(--primary); background: #eaf2ff; border-color: #d8e6fa; }.module-overview-card h2 { font-size: 1.25rem; }.module-overview-card > p { color: var(--muted); font-size: .86rem; }.module-overview-card ul { display: grid; gap: 8px; margin: 7px 0 23px; padding: 0; list-style: none; }.module-overview-card li { color: #506077; font-size: .79rem; }.module-overview-card li i { margin-right: 7px; color: var(--success); }.module-overview-card .btn { margin-top: auto; }
.compact-cta { padding: 70px 0; color: #fff; background: linear-gradient(125deg,#0f55c8,#148fdf); }.compact-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.compact-cta h2 { margin-bottom: 8px; font-size: 2rem; }.compact-cta p { max-width: 670px; margin: 0; color: #d8e9ff; }.compact-cta .btn { flex: 0 0 auto; }
.mini-footer { padding-top: 58px; }.mini-footer .footer-main { padding-bottom: 35px; }.mini-footer .footer-bottom { margin-top: 0; }

/* Module details */
.module-hero { padding-bottom: 75px; }.module-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 65px; }.module-hero h1 { font-size: clamp(2.8rem,5vw,4.3rem); }.module-hero .module-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; color: var(--primary); font-size: .78rem; font-weight: 800; text-transform: uppercase; }.module-hero .module-kicker i { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; background: var(--primary); border-radius: 8px; }
.product-mockup { padding: 14px; background: #f9fbfe; border: 1px solid #d9e3ef; border-radius: 17px; box-shadow: var(--shadow); }.product-mockup-top { display: flex; align-items: center; justify-content: space-between; padding: 4px 3px 13px; color: #7c8a9d; font-size: .65rem; }.product-mockup-dots { display: flex; gap: 4px; }.product-mockup-dots i { width: 7px; height: 7px; background: #ff7771; border-radius: 50%; }.product-mockup-dots i:nth-child(2) { background: #f4c55c; }.product-mockup-dots i:nth-child(3) { background: #58c978; }.product-screen { min-height: 300px; padding: 18px; background: #fff; border: 1px solid #e4eaf1; border-radius: 11px; }.screen-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }.screen-head strong { font-size: .85rem; }.screen-head span { padding: 5px 9px; color: #fff; background: var(--primary); border-radius: 6px; font-size: .55rem; }.mock-search { height: 29px; margin-bottom: 12px; background: #f2f5f8; border-radius: 6px; }.mock-table-row { display: grid; grid-template-columns: 1.6fr 1fr .8fr 65px; align-items: center; gap: 8px; min-height: 41px; padding: 7px 4px; border-bottom: 1px solid #edf1f5; }.mock-table-row i,.mock-table-row span,.mock-table-row b { display: block; height: 7px; background: #e7edf4; border-radius: 4px; }.mock-table-row i { width: 80%; background: #cfe0f7; }.mock-table-row b { width: 42px; background: #d8f2e5; }.mock-table-row:nth-child(3) b { background: #ffebc7; }.mock-dashboard-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.mock-stat { padding: 14px; background: #f5f8fc; border-radius: 9px; }.mock-stat span { display: block; width: 60%; height: 6px; margin-bottom: 11px; background: #dfe7f1; border-radius: 4px; }.mock-stat strong { font-size: 1.35rem; }.mock-panel-wide { grid-column: span 2; min-height: 130px; padding: 14px; background: #f5f8fc; border-radius: 9px; }.mock-bars { display: flex; align-items: flex-end; gap: 9px; height: 80px; }.mock-bars i { flex: 1; height: var(--h); background: linear-gradient(to top,var(--primary),#75aef7); border-radius: 4px 4px 0 0; }
.problem-list { display: grid; gap: 12px; }.problem-list article { display: flex; align-items: flex-start; gap: 13px; padding: 18px; background: #fff; border: 1px solid var(--border); border-radius: 12px; }.problem-list article > i { color: var(--danger); }.problem-list h3 { margin: 0 0 4px; font-size: .93rem; }.problem-list p { margin: 0; color: var(--muted); font-size: .8rem; }.benefit-banner { display: flex; align-items: center; gap: 18px; padding: 30px; color: #fff; background: linear-gradient(125deg,#0d2a50,#1559a5); border-radius: 18px; }.benefit-banner > i { display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center; background: rgba(255,255,255,.1); border-radius: 14px; font-size: 1.4rem; }.benefit-banner h2 { margin: 0 0 5px; font-size: 1.35rem; }.benefit-banner p { margin: 0; color: #c6d9ef; font-size: .86rem; }
.scenario-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; counter-reset: scenario; }.scenario-flow article { position: relative; padding: 22px; background: #fff; border: 1px solid var(--border); border-radius: 14px; counter-increment: scenario; }.scenario-flow article::before { content: '0' counter(scenario); display: block; margin-bottom: 14px; color: var(--primary); font: 800 .7rem 'Manrope'; }.scenario-flow article:not(:last-child)::after { content: '\2192'; position: absolute; z-index: 2; right: -18px; top: 50%; display: grid; width: 24px; height: 24px; place-items: center; color: var(--primary); background: #fff; border: 1px solid var(--border); border-radius: 50%; transform: translateY(-50%); }.scenario-flow h3 { font-size: .9rem; }.scenario-flow p { margin: 0; color: var(--muted); font-size: .77rem; }
.short-faq { display: grid; gap: 10px; }.short-faq details { padding: 17px 19px; background: #fff; border: 1px solid var(--border); border-radius: 11px; }.short-faq summary { cursor: pointer; font-weight: 700; font-size: .86rem; }.short-faq p { margin: 10px 0 0; color: var(--muted); font-size: .8rem; }

/* Reports and security pages */
.report-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.report-kpi { padding: 21px; background: #fff; border: 1px solid var(--border); border-radius: 14px; }.report-kpi i { color: var(--primary); }.report-kpi small,.report-kpi strong { display: block; }.report-kpi small { margin: 12px 0 2px; color: var(--muted); font-size: .7rem; }.report-kpi strong { font-size: 1.65rem; }.report-kpi em { color: var(--success); font-size: .62rem; font-style: normal; }.report-showcase { padding: 22px; background: #f8fafc; border: 1px solid #dce5ef; border-radius: 19px; box-shadow: var(--shadow); }.report-chart-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 12px; margin-top: 12px; }.report-chart { min-height: 250px; padding: 20px; background: #fff; border: 1px solid #e4eaf1; border-radius: 12px; }.report-chart h3 { font-size: .9rem; }.report-chart p { color: var(--muted); font-size: .7rem; }.report-line { width: 100%; height: 145px; }.report-line path { fill: none; stroke: var(--primary); stroke-width: 4; stroke-linecap: round; }.report-line .line-two { stroke: var(--accent); stroke-width: 3; }.report-donut { display: grid; width: 140px; height: 140px; margin: 20px auto; place-items: center; background: conic-gradient(var(--success) 0 72%,var(--primary) 72% 91%,var(--danger) 91%); border-radius: 50%; }.report-donut::before { content: ''; grid-area: 1/1; width: 98px; height: 98px; background: #fff; border-radius: 50%; }.report-donut strong { z-index: 1; grid-area: 1/1; font-size: 1.5rem; }.insight-box { display: flex; gap: 14px; padding: 22px; color: #174c87; background: #eaf4ff; border: 1px solid #c8e1fa; border-radius: 13px; }.insight-box i { font-size: 1.2rem; }.insight-box strong { display: block; font-size: .9rem; }.insight-box span { font-size: .78rem; }
.trust-principles { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.trust-principle { display: flex; gap: 14px; padding: 23px; background: #fff; border: 1px solid var(--border); border-radius: 14px; }.trust-principle > i { display: grid; flex: 0 0 43px; width: 43px; height: 43px; place-items: center; color: var(--primary); background: #eaf2ff; border-radius: 11px; }.trust-principle h3 { font-size: .95rem; }.trust-principle p { margin: 0; color: var(--muted); font-size: .79rem; }.language-note { padding: 24px; background: #fff9ed; border: 1px solid #f2dcae; border-radius: 14px; }.language-note h2 { color: #8a5c05; font-size: 1.05rem; }.language-note p { margin: 0; color: #725f3d; font-size: .83rem; }

@media (max-width: 991.98px) {
  .page-hero { padding: 130px 0 75px; }.module-hero-grid { grid-template-columns: 1fr; gap: 40px; }.product-mockup { max-width: 650px; }.compact-cta-inner { align-items: flex-start; flex-direction: column; }.scenario-flow { grid-template-columns: 1fr 1fr; }.scenario-flow article:nth-child(2)::after { display: none; }.report-kpis { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767.98px) {
  .page-section { padding: 70px 0; }.page-hero h1 { font-size: 2.65rem; }.module-hero h1 { font-size: 2.7rem; }.page-hero-actions { flex-direction: column; }.page-hero-actions .btn { width: 100%; }.compact-cta { padding: 55px 0; }.scenario-flow { grid-template-columns: 1fr; }.scenario-flow article::after { display: none !important; }.report-chart-grid { grid-template-columns: 1fr; }.trust-principles { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .page-hero { padding-top: 115px; }.page-hero h1,.module-hero h1 { font-size: 2.35rem; }.page-hero p { font-size: 1rem; }.subnav-stats { display: grid; grid-template-columns: 1fr 1fr; }.content-card,.module-overview-card { padding: 23px; }.product-screen { min-height: 260px; padding: 12px; }.mock-table-row { grid-template-columns: 1.4fr 1fr 50px; }.mock-table-row span:nth-child(3) { display: none; }.benefit-banner { align-items: flex-start; flex-direction: column; }.report-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }.report-kpi { padding: 15px; }.report-kpi strong { font-size: 1.3rem; }
}

/* Homepage product ecosystem — asymmetric, product-led module showcase */
.module-explorer{overflow:hidden;background:linear-gradient(180deg,#fff,#f5f8fc)}.module-explorer .section-heading{max-width:780px;margin:0 0 30px;text-align:left!important}.module-explorer .section-heading h2{max-width:720px;font-size:clamp(2.25rem,4vw,3.55rem)}.module-explorer .section-heading p{max-width:660px}.module-filter{justify-content:flex-start;margin:0 0 24px;padding:7px;width:max-content;max-width:100%;background:#eef3f9;border:1px solid #e2eaf3;border-radius:13px}.module-filter button{border:0;border-radius:8px;background:transparent}.module-filter button:hover,.module-filter button.active{box-shadow:0 6px 14px rgba(20,99,230,.16)}.module-explorer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.ecosystem-showcase{grid-column:span 7;display:grid;grid-template-columns:1fr 1.12fr;gap:25px;min-height:360px;padding:30px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#092b59,#0f5fc5);border-radius:18px;box-shadow:0 24px 48px rgba(11,57,122,.18)}.ecosystem-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ecosystem-copy>span{margin-bottom:15px;color:#8cdbf2;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ecosystem-copy h3{margin-bottom:13px;color:#fff;font-size:1.5rem;line-height:1.22;letter-spacing:-.04em}.ecosystem-copy p{margin:0 0 22px;color:#c6dbf4;font-size:.84rem}.explorer-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:var(--primary);font-size:.76rem;font-weight:800}.explorer-link.light{margin-top:0;color:#fff}.ecosystem-ui{align-self:center;padding:16px;color:#173557;background:#fff;border-radius:13px;box-shadow:0 18px 35px rgba(2,23,60,.25);transform:rotate(2deg)}.ecosystem-ui-head,.ecosystem-task{display:flex;align-items:center;justify-content:space-between}.ecosystem-ui-head{margin-bottom:13px;font-size:.69rem}.ecosystem-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ecosystem-kpis span{padding:10px;background:#f3f7fc;border-radius:8px}.ecosystem-kpis small,.ecosystem-kpis strong{display:block}.ecosystem-kpis small{color:#718198;font-size:.54rem}.ecosystem-kpis strong{margin-top:3px;font-size:1.15rem}.ecosystem-chart{display:flex;align-items:flex-end;gap:6px;height:84px;margin:12px 0;padding:10px;background:#f7f9fc;border-radius:8px}.ecosystem-chart i{flex:1;background:linear-gradient(180deg,#4d9bf6,#1767d9);border-radius:3px 3px 1px 1px}.ecosystem-chart i:nth-child(1){height:30%}.ecosystem-chart i:nth-child(2){height:52%}.ecosystem-chart i:nth-child(3){height:43%}.ecosystem-chart i:nth-child(4){height:69%}.ecosystem-chart i:nth-child(5){height:54%}.ecosystem-chart i:nth-child(6){height:83%}.ecosystem-chart i:nth-child(7){height:100%}.ecosystem-task{gap:8px;padding:9px;color:#52647a;border:1px solid #e4ebf3;border-radius:7px;font-size:.57rem}.explorer-card,.explorer-card.featured{grid-column:span 5;min-height:175px;padding:24px;background:rgba(255,255,255,.88);border-color:#dce6f1;border-radius:15px;box-shadow:none}.explorer-card:hover{border-color:#8db8ef;box-shadow:0 14px 30px rgba(19,74,143,.1);transform:translateY(-3px)}.explorer-card>i{display:none}.explorer-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.explorer-card-top>i{display:grid;width:39px;height:39px;place-items:center;color:var(--primary);background:#eaf2ff;border-radius:10px;font-size:1rem}.explorer-card-top span{color:#74849a;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.explorer-card h3{font-size:1.04rem}.explorer-card p{font-size:.8rem}.explorer-card .explorer-link{margin-top:18px}.explorer-card.card-0{grid-column:span 5}.explorer-card.card-1{grid-column:span 4}.explorer-card.card-2{grid-column:span 5}.explorer-card.card-3{grid-column:span 3}.explorer-card.card-4{grid-column:span 4}.explorer-card.card-5{grid-column:span 5}.explorer-card.card-6{grid-column:span 4}.explorer-card.card-7{grid-column:span 3}@media(max-width:991.98px){.ecosystem-showcase{grid-column:span 12}.explorer-card,.explorer-card.card-0,.explorer-card.card-1,.explorer-card.card-2,.explorer-card.card-3,.explorer-card.card-4,.explorer-card.card-5,.explorer-card.card-6,.explorer-card.card-7{grid-column:span 6}}@media(max-width:767.98px){.module-explorer .section-heading h2{font-size:2.25rem}.module-filter{width:100%;overflow-x:auto;flex-wrap:nowrap}.module-filter button{flex:0 0 auto}.ecosystem-showcase{grid-template-columns:1fr;min-height:0;padding:24px}.ecosystem-ui{width:100%;transform:none}.explorer-card,.explorer-card.card-0,.explorer-card.card-1,.explorer-card.card-2,.explorer-card.card-3,.explorer-card.card-4,.explorer-card.card-5,.explorer-card.card-6,.explorer-card.card-7{grid-column:span 12;min-height:0}}