:root {
  color-scheme: light;
  --navy: #10243a;
  --navy-deep: #091827;
  --navy-soft: #1a3853;
  --teal: #16b8a6;
  --teal-bright: #35d6c0;
  --blue: #36a8ff;
  --paper: #f5f8fa;
  --white: #fff;
  --ink: #1b2c3c;
  --muted: #728294;
  --line: #e4ebf0;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", var(--font-body);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 20; top: 12px; left: 12px; padding: 12px 16px; color: var(--navy); background: white; border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: relative; z-index: 10; color: #edf7fb; background: #0b1c2c; border-bottom: 1px solid rgba(192, 221, 233, .1); }
.header-inner { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: flex; align-items: center; width: 92px; height: 76px; overflow: hidden; flex: 0 0 auto; }
.brand img { display: block; width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; gap: 38px; font-size: 13px; font-weight: 500; color: #bbcad5; }
.site-nav > a:not(.nav-cta) { transition: color .2s ease; }
.site-nav > a:not(.nav-cta):hover { color: white; }
.nav-cta { display: inline-flex; align-items: center; gap: 16px; padding: 12px 16px; color: #eafffb; border: 1px solid rgba(73, 208, 189, .48); border-radius: 8px; transition: background .2s ease, border-color .2s ease; }
.nav-cta:hover { background: rgba(22, 184, 166, .12); border-color: var(--teal-bright); }
.nav-cta span { color: var(--teal-bright); font-size: 16px; }
.menu-toggle { display: none; }

.hero { position: relative; isolation: isolate; overflow: hidden; min-height: 650px; color: #f6fbff; background: radial-gradient(ellipse at 78% 50%, rgba(16, 99, 113, .19), transparent 37%), linear-gradient(116deg, #0a1b2b 0%, #10283d 57%, #102b3b 100%); }
.hero::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .19; background-image: linear-gradient(rgba(123, 193, 202, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(123, 193, 202, .08) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, #000 60%, #000); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { width: 360px; height: 360px; top: 60px; right: -60px; background: radial-gradient(circle, rgba(22, 184, 166, .12), transparent 68%); }
.hero-glow-two { width: 480px; height: 480px; left: 18%; bottom: -360px; background: radial-gradient(circle, rgba(34, 129, 169, .12), transparent 68%); }
.hero-grid { position: relative; z-index: 1; min-height: 650px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 40px; padding-top: 30px; padding-bottom: 52px; }
.hero-copy { max-width: 510px; padding-bottom: 6px; }
.eyebrow, .section-label { display: inline-flex; align-items: center; gap: 9px; color: #75e1d3; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { padding: 9px 12px; border: 1px solid rgba(83, 204, 190, .2); border-radius: 99px; background: rgba(24, 119, 117, .12); }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal-bright); box-shadow: 0 0 12px rgba(53, 214, 192, .8); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); }
.hero h1 { max-width: 620px; margin: 27px 0 19px; font-size: clamp(38px, 4.2vw, 58px); font-weight: 700; line-height: 1.11; letter-spacing: -.052em; }
.hero h1 span { color: #65dbcf; }
.hero-lead { max-width: 490px; margin-bottom: 29px; color: #b7c7d3; font-size: 15px; line-height: 1.78; }
.hero-actions { display: flex; align-items: center; gap: 25px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 0 19px; border: 0; border-radius: 7px; font-size: 13px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 17px; line-height: 1; }
.button-primary { color: #062a32; background: linear-gradient(110deg, #4bdfc8, #23c5ae); box-shadow: 0 9px 28px rgba(20, 190, 167, .19); }
.button-primary:hover { box-shadow: 0 12px 30px rgba(20, 190, 167, .32); }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: #d2e1e9; font-size: 12px; font-weight: 600; transition: color .2s ease; }
.text-link:hover { color: var(--teal-bright); }
.text-link span { color: var(--teal-bright); font-size: 18px; }
.hero-proof { display: flex; align-items: center; gap: 12px; margin-top: 46px; padding-top: 17px; border-top: 1px solid rgba(210, 230, 238, .12); }
.proof-icon { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(74, 207, 187, .28); border-radius: 10px; background: rgba(22, 184, 166, .1); }
.proof-icon svg { width: 19px; fill: none; stroke: #61ddcd; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.hero-proof p { display: grid; gap: 4px; margin: 0; }
.hero-proof strong { font-size: 11px; font-weight: 600; }
.hero-proof p span { color: #90a5b4; font-size: 10px; }

.dashboard-wrap { position: relative; min-width: 0; padding: 24px 0 26px 18px; }
.dashboard-card { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(193, 222, 232, .26); border-radius: 12px; color: var(--ink); background: #fbfdfe; box-shadow: 0 35px 85px rgba(0, 10, 19, .42), 0 2px 15px rgba(0, 0, 0, .12); transform: perspective(1500px) rotateY(-4deg) rotateX(1deg); }
.dashboard-topbar { height: 51px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #e9eef2; background: white; }
.dashboard-brand { display: flex; align-items: center; gap: 7px; color: #16334b; font-family: var(--font-display); font-size: 12px; font-weight: 800; letter-spacing: -.04em; }
.mini-shield { display: grid; width: 20px; height: 22px; place-items: center; color: #0e927f; background: #e5f8f4; clip-path: polygon(50% 0, 94% 18%, 90% 65%, 50% 100%, 10% 65%, 6% 18%); font-size: 10px; }
.dashboard-user { display: flex; align-items: center; gap: 7px; color: #748393; font-size: 8px; }
.status-dot, .live-dot { width: 6px; height: 6px; border-radius: 50%; background: #29c79c; box-shadow: 0 0 0 3px rgba(41, 199, 156, .11); }
.user-avatar { display: grid; width: 24px; height: 24px; margin-left: 8px; place-items: center; border-radius: 50%; color: #3275a1; background: #e6f2f8; font-size: 8px; font-weight: 700; }
.dashboard-content { padding: 20px 22px 18px; }
.dashboard-title-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.dashboard-kicker { color: #8494a1; font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.dashboard-title-row h2 { margin: 4px 0 0; color: #20364a; font-size: 17px; letter-spacing: -.04em; }
.period-chip { padding: 7px 9px; border: 1px solid #e5ebef; border-radius: 5px; color: #627585; background: white; font-size: 8px; }
.period-chip span { margin-left: 8px; color: #80919e; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.metric-card { position: relative; display: flex; min-height: 104px; flex-direction: column; padding: 12px 11px 10px; border: 1px solid #e8eef1; border-radius: 7px; background: #fff; }
.metric-icon { position: absolute; top: 10px; right: 10px; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; font-size: 13px; font-weight: 700; }
.icon-teal { color: #08a891; background: #e5f8f4; }
.icon-blue { color: #438dd0; background: #eaf3fb; }
.icon-violet { color: #8874d5; background: #f0edfb; }
.metric-label { padding-right: 14px; color: #748595; font-size: 8px; }
.metric-card strong { margin: 9px 0 2px; color: #1c3449; font-family: var(--font-display); font-size: 24px; font-weight: 700; letter-spacing: -.05em; }
.metric-card small { color: #91a0ab; font-size: 7px; }
.metric-card small b { color: #12a887; font-weight: 700; }
.activity-panel { margin-top: 14px; padding: 13px 12px 2px; border: 1px solid #e8eef1; border-radius: 7px; background: white; }
.activity-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.activity-heading h3 { margin: 4px 0 0; color: #263b4f; font-size: 11px; letter-spacing: -.02em; }
.activity-heading > a { color: #119b8a; font-size: 8px; font-weight: 700; }
.activity-heading > a span { margin-left: 3px; font-size: 12px; }
.activity-row { display: grid; grid-template-columns: 25px minmax(85px, 1fr) auto 42px; align-items: center; gap: 8px; min-height: 41px; border-top: 1px solid #eff3f5; }
.activity-avatar { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; font-size: 7px; font-weight: 700; }
.avatar-a { color: #287d72; background: #def4ec; }
.avatar-b { color: #557eb6; background: #e5eefb; }
.avatar-c { color: #9470b0; background: #f1e9f8; }
.activity-person { display: grid; gap: 3px; min-width: 0; }
.activity-person strong { overflow: hidden; color: #32495c; font-size: 8px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.activity-person span { overflow: hidden; color: #91a0aa; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.activity-status { display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; border-radius: 4px; font-size: 7px; white-space: nowrap; }
.activity-status i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.status-approved { color: #138d75; background: #e9f8f3; }
.status-review { color: #a17b2f; background: #fbf5e6; }
.activity-row time { color: #9aa7b0; font-size: 7px; text-align: right; }
.floating-note, .floating-audit { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 11px 13px; border: 1px solid rgba(212, 230, 237, .75); border-radius: 8px; background: rgba(255, 255, 255, .97); box-shadow: 0 12px 38px rgba(0, 15, 27, .23); }
.floating-note { top: 4px; right: -13px; }
.floating-audit { bottom: 3px; left: -13px; }
.floating-note > span:last-child, .floating-audit > span:last-child { display: grid; gap: 3px; }
.floating-note strong, .floating-audit strong { color: #273e50; font-size: 9px; }
.floating-note small, .floating-audit small { color: #8999a5; font-size: 7px; }
.floating-check { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #098c73; background: #dff7ef; font-size: 13px; font-weight: 700; }
.audit-bars { display: flex; align-items: end; gap: 3px; width: 24px; height: 25px; padding: 4px; border-radius: 6px; background: #e5f4fc; }
.audit-bars i { width: 3px; border-radius: 3px; background: #45a5d5; }
.audit-bars i:nth-child(1) { height: 7px; }.audit-bars i:nth-child(2) { height: 13px; }.audit-bars i:nth-child(3) { height: 9px; }.audit-bars i:nth-child(4) { height: 16px; }
.dashboard-orbit { position: absolute; border: 1px solid rgba(80, 207, 194, .18); border-radius: 50%; transform: rotate(-20deg); }
.orbit-one { width: 670px; height: 280px; top: 122px; left: -48px; }
.orbit-two { width: 590px; height: 230px; top: 146px; left: -2px; border-color: rgba(75, 166, 205, .14); }
.hero-bottom-line { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(88, 205, 190, .35), transparent); }

.trust-strip { border-bottom: 1px solid #e6edf1; background: #fff; }
.trust-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.trust-label { color: #8495a3; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.trust-item { display: flex; align-items: center; gap: 8px; color: #4e6374; font-size: 11px; font-weight: 600; }
.trust-check { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: #0ba98f; background: #e6f7f3; font-size: 11px; font-weight: 700; }

.section { padding: 104px 0; }
.features-section { background: #f7f9fa; }
.section-heading { max-width: 660px; }
.centered-heading { margin: 0 auto 49px; text-align: center; }
.section-label { color: #0f9f8d; font-size: 9px; }
.section-heading h2, .workflow-copy h2, .compliance-copy h2, .cta-copy h2 { margin: 14px 0 13px; color: var(--navy); font-size: clamp(30px, 3.2vw, 43px); font-weight: 700; line-height: 1.16; letter-spacing: -.05em; }
.section-heading h2 span, .workflow-copy h2 span { color: #0eaa98; }
.section-heading p { max-width: 570px; margin: 0 auto; color: #728392; font-size: 14px; line-height: 1.75; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.feature-card { position: relative; overflow: hidden; min-height: 285px; padding: 27px 25px 24px; border: 1px solid #e5ebef; border-radius: 10px; background: white; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: #cfe6e2; box-shadow: 0 18px 35px rgba(22, 52, 70, .07); }
.feature-card-highlight { border-color: rgba(22, 184, 166, .36); box-shadow: 0 13px 35px rgba(19, 108, 106, .07); }
.feature-icon { display: grid; width: 45px; height: 45px; margin-bottom: 20px; place-items: center; border-radius: 10px; }
.feature-icon svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.feature-icon-blue { color: #448ccb; background: #eaf3fa; }.feature-icon-green { color: #0da38e; background: #e3f7f2; }.feature-icon-violet { color: #8b71bd; background: #f0eafa; }
.feature-number { color: #95a4af; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.feature-card h3 { margin: 10px 0 9px; color: #193146; font-size: 17px; letter-spacing: -.03em; }
.feature-card p { min-height: 59px; margin-bottom: 16px; color: #728291; font-size: 11px; line-height: 1.7; }
.card-link { color: #118e81; font-size: 10px; font-weight: 700; }
.card-link span { padding-left: 6px; font-size: 14px; }

.workflow-section { padding-block: 106px; background: #fff; }
.workflow-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 110px; }
.workflow-copy { max-width: 410px; }
.workflow-copy h2 { margin-top: 17px; font-size: clamp(34px, 3.8vw, 47px); }
.workflow-copy p { margin: 0 0 26px; color: #738493; font-size: 13px; line-height: 1.8; }
.button-dark { color: #f4ffff; background: var(--navy); box-shadow: 0 8px 20px rgba(16, 36, 58, .13); }
.button-dark:hover { background: #1c3a55; }
.workflow-steps { display: grid; }
.workflow-step { position: relative; display: grid; grid-template-columns: 42px 1fr auto; gap: 17px; min-height: 97px; }
.step-marker { position: relative; display: flex; justify-content: center; }
.step-marker::after { position: absolute; top: 37px; bottom: -1px; left: calc(50% - .5px); width: 1px; content: ""; background: #dce9e8; }
.step-marker > span { position: relative; z-index: 1; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #c9e8e3; border-radius: 50%; color: #0a9c8a; background: #effaf7; font-size: 10px; font-weight: 700; }
.step-marker-last::after { content: none; }
.workflow-step h3 { margin: 2px 0 5px; color: #20374b; font-size: 15px; letter-spacing: -.025em; }
.workflow-step p { max-width: 385px; margin: 0; color: #768795; font-size: 11px; line-height: 1.65; }
.step-state { align-self: start; padding-top: 9px; color: #92a1ac; font-size: 8px; font-weight: 700; letter-spacing: .12em; }

.compliance-section { position: relative; overflow: hidden; padding: 94px 0; color: #eff9fc; background: linear-gradient(110deg, #10253a, #122f45 67%, #123847); }
.compliance-section::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(rgba(126, 194, 198, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(126, 194, 198, .07) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent 100%); }
.compliance-grid { position: relative; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 90px; }
.compliance-visual { position: relative; min-height: 350px; display: grid; place-items: center; }
.compliance-glow { position: absolute; width: 350px; height: 350px; border-radius: 50%; background: radial-gradient(circle, rgba(24, 183, 161, .19), transparent 67%); }
.log-card { position: relative; z-index: 1; width: min(100%, 475px); padding: 17px 19px 12px; border: 1px solid rgba(199, 223, 232, .23); border-radius: 10px; background: rgba(11, 29, 45, .88); box-shadow: 0 28px 70px rgba(0, 7, 14, .27); }
.log-card-head { display: flex; align-items: center; gap: 11px; padding-bottom: 15px; border-bottom: 1px solid rgba(200, 224, 230, .12); }
.log-shield { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(84, 216, 192, .25); border-radius: 9px; background: rgba(31, 169, 150, .12); }
.log-shield svg { width: 19px; fill: none; stroke: #5de0c9; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.log-card-head > div { display: grid; gap: 4px; flex: 1; }
.log-card-head strong { color: #e4f0f4; font-size: 11px; }
.log-card-head small { color: #879ca9; font-size: 8px; }
.live-dot { background: #3dd0a9; }
.log-line { display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 10px; min-height: 57px; border-bottom: 1px solid rgba(200, 224, 230, .08); }
.log-line-icon { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; font-size: 11px; font-weight: 700; }
.log-green { color: #55d3a8; background: rgba(42, 175, 132, .14); }.log-blue { color: #6bbaf0; background: rgba(59, 136, 188, .16); }.log-purple { color: #ba9be5; background: rgba(139, 99, 185, .17); }.log-orange { color: #e5b276; background: rgba(193, 128, 59, .15); }
.log-line > div { display: grid; gap: 4px; }
.log-line strong { color: #e2edf1; font-size: 9px; font-weight: 600; }
.log-line small { color: #8095a2; font-size: 8px; }
.log-line time { color: #8297a4; font-size: 8px; }
.log-card-foot { display: flex; justify-content: space-between; padding-top: 12px; color: #8296a2; font-size: 8px; }
.log-card-foot > span:first-child { display: flex; align-items: center; gap: 6px; }
.log-card-foot i { width: 5px; height: 5px; border-radius: 50%; background: #3ac9a4; }
.log-export { color: #61d6c4; }
.compliance-orbit { position: absolute; width: 520px; height: 225px; border: 1px solid rgba(70, 197, 182, .2); border-radius: 50%; transform: rotate(26deg); }
.compliance-copy { max-width: 480px; }
.compliance-copy .section-label { color: #65d9c9; }
.compliance-copy h2 { margin: 18px 0 15px; color: #f1f8fa; font-size: clamp(31px, 3.3vw, 43px); }
.compliance-copy p { margin-bottom: 22px; color: #aec1cc; font-size: 12px; line-height: 1.8; }
.compliance-list { display: grid; gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.compliance-list li { display: flex; align-items: center; gap: 9px; color: #d2e2e8; font-size: 11px; }
.compliance-list li span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #5addc9; background: rgba(36, 178, 158, .14); font-size: 10px; font-weight: 700; }
.dark-link { color: #e6f4f5; }

.cta-section { position: relative; overflow: hidden; padding: 77px 0; color: #eff8fb; background: #0b1d2d; }
.cta-section::before { position: absolute; top: 0; right: -10%; width: 68%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(57, 205, 188, .45), transparent); }
.cta-container { position: relative; display: grid; grid-template-columns: 1fr minmax(280px, 390px); align-items: center; gap: 100px; }
.cta-orb { position: absolute; top: -250px; left: 27%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(22, 184, 166, .1), transparent 67%); pointer-events: none; }
.cta-copy { position: relative; z-index: 1; max-width: 560px; }
.cta-copy .section-label { color: #60d8c8; }
.cta-copy h2 { margin: 17px 0 14px; color: #f1f8fa; font-size: clamp(34px, 4vw, 50px); }
.cta-copy p { max-width: 460px; margin: 0; color: #a9bdc9; font-size: 13px; line-height: 1.75; }
.cta-signup { margin-top: 22px; }
.contact-form { position: relative; z-index: 1; display: grid; padding: 23px; border: 1px solid rgba(181, 213, 223, .18); border-radius: 10px; background: rgba(20, 43, 61, .72); }
.contact-form label { margin: 0 0 6px; color: #c5d7df; font-size: 9px; font-weight: 600; }
.contact-form input { width: 100%; height: 39px; margin-bottom: 13px; padding: 0 11px; border: 1px solid rgba(167, 196, 207, .2); border-radius: 5px; outline: none; color: #ecf7fa; background: rgba(9, 26, 41, .65); font-size: 10px; transition: border-color .2s ease, box-shadow .2s ease; }
.contact-form input::placeholder { color: #718897; }
.contact-form input:focus { border-color: #39cbb6; box-shadow: 0 0 0 3px rgba(57, 203, 182, .12); }
.form-submit { width: 100%; min-height: 43px; margin-top: 2px; }
.form-note { margin: 10px 0 0; color: #8299a7; font-size: 8px; line-height: 1.5; text-align: center; }
.form-feedback { min-height: 0; margin: 0; color: #78e1d0; font-size: 9px; line-height: 1.5; text-align: center; }
.form-feedback:not(:empty) { min-height: 14px; margin-top: 7px; }

.app-download-section { padding: 68px 0; border-bottom: 1px solid #e6edf1; background: #f4f8f9; }
.app-download-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.app-download-copy { max-width: 390px; }
.app-download-copy h2 { margin: 13px 0 10px; color: var(--navy); font-family: var(--font-display); font-size: clamp(27px, 3vw, 36px); line-height: 1.18; letter-spacing: -.045em; }
.app-download-copy p { margin: 0; color: #748694; font-size: 11px; line-height: 1.75; }
.platform-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.platform-card { padding: 17px; border: 1px solid #e2eaee; border-radius: 9px; background: #fff; box-shadow: 0 8px 24px rgba(21, 51, 69, .035); }
.platform-card-top { display: flex; align-items: center; justify-content: space-between; }
.platform-icon { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 9px; }
.platform-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.android-icon { color: #198f72; background: #e9f7f1; }
.apple-icon { color: #2c4256; background: #eef2f5; }
.apple-icon svg { fill: currentColor; stroke: none; }
.platform-status { padding: 5px 7px; border-radius: 20px; color: #8c6b29; background: #fbf4e4; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.platform-card h3 { margin: 13px 0 4px; color: #20364a; font-size: 14px; }
.platform-card p { min-height: 30px; margin: 0 0 13px; color: #82919d; font-size: 9px; line-height: 1.6; }
.platform-download { display: flex; width: 100%; min-height: 34px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #e5ebef; border-radius: 5px; color: #8897a2; background: #f6f8f9; font-size: 8px; font-weight: 700; cursor: not-allowed; }
.platform-download span { color: #0d9c88; font-size: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }

.site-footer { color: #9db0bc; background: #081725; }
.footer-main { display: grid; grid-template-columns: 82px minmax(170px, 1fr) 180px 150px; align-items: center; gap: 25px; min-height: 155px; border-bottom: 1px solid rgba(182, 209, 219, .1); }
.footer-brand { display: block; width: 76px; height: 70px; overflow: hidden; }
.footer-brand img { display: block; width: 100%; height: auto; }
.footer-main > p { margin: 0; color: #8196a3; font-size: 9px; line-height: 1.7; }
.footer-nav, .footer-social { align-self: center; }
.footer-heading { display: block; margin-bottom: 11px; color: #718895; font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 14px; color: #b6c6cf; font-size: 9px; }
.footer-links a:hover, .footer-bottom a:hover { color: #5addc9; }
.social-links { display: flex; gap: 8px; }
.social-links a { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid rgba(173, 204, 215, .19); border-radius: 7px; color: #a9c0cb; background: rgba(255, 255, 255, .025); transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.social-links a:hover { transform: translateY(-2px); border-color: rgba(74, 213, 193, .55); color: #62decd; background: rgba(22, 184, 166, .1); }
.social-links svg { width: 16px; height: 16px; fill: currentColor; }
.social-links a:nth-child(2) svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.social-links a:nth-child(2) .social-dot { fill: currentColor; stroke: none; }
.footer-bottom { min-height: 55px; display: flex; align-items: center; justify-content: space-between; color: #718694; font-size: 8px; }
.footer-bottom a { color: #95aab6; }

@media (max-width: 1040px) {
  .site-nav { gap: 22px; }
  .hero-grid { grid-template-columns: .86fr 1.14fr; gap: 16px; }
  .hero h1 { font-size: clamp(38px, 4.6vw, 51px); }
  .dashboard-wrap { padding-left: 6px; }
  .floating-note { right: -4px; }
  .floating-audit { left: -3px; }
  .workflow-grid, .compliance-grid { gap: 60px; }
  .cta-container { gap: 55px; }
}

@media (max-width: 800px) {
  .container { width: min(100% - 40px, 620px); }
  .header-inner { min-height: 76px; }
  .brand { width: 81px; height: 67px; }
  .menu-toggle { display: grid; width: 42px; height: 42px; align-content: center; justify-content: center; gap: 6px; border: 1px solid rgba(194, 221, 230, .18); border-radius: 7px; background: transparent; cursor: pointer; }
  .menu-toggle span { width: 17px; height: 1.5px; border-radius: 2px; background: #c9dce4; transition: transform .2s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.75px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
  .site-nav { position: absolute; top: 76px; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 12px 20px 19px; border-bottom: 1px solid rgba(194, 221, 230, .12); background: #0b1c2c; }
  .site-nav.is-open { display: grid; }
  .site-nav > a:not(.nav-cta) { padding: 14px 0; border-bottom: 1px solid rgba(194, 221, 230, .08); }
  .nav-cta { justify-content: center; margin-top: 14px; }
  .hero-grid { min-height: unset; grid-template-columns: 1fr; gap: 27px; padding-top: 63px; padding-bottom: 66px; }
  .hero-copy { max-width: 610px; }
  .hero h1 { max-width: 600px; font-size: clamp(41px, 8.3vw, 60px); }
  .hero-lead { max-width: 560px; }
  .hero-proof { max-width: 400px; margin-top: 31px; }
  .dashboard-wrap { width: min(100%, 600px); margin: 0 auto; padding: 22px 12px 27px; }
  .dashboard-card { transform: none; }
  .orbit-one { left: -35px; }.orbit-two { left: 0; }
  .trust-inner { min-height: unset; flex-wrap: wrap; justify-content: flex-start; gap: 16px 27px; padding-block: 21px; }
  .trust-label { width: 100%; }
  .section { padding: 78px 0; }
  .centered-heading { margin-bottom: 35px; }
  .feature-grid { grid-template-columns: 1fr; gap: 12px; }
  .feature-card { min-height: 0; padding: 22px; }
  .feature-icon { margin-bottom: 15px; }
  .feature-card p { min-height: 0; }
  .workflow-grid { grid-template-columns: 1fr; gap: 42px; }
  .workflow-copy { max-width: 580px; }
  .workflow-steps { max-width: 620px; }
  .compliance-section { padding: 75px 0; }
  .compliance-grid { grid-template-columns: 1fr; gap: 35px; }
  .compliance-visual { min-height: 330px; order: 2; }
  .compliance-copy { max-width: 590px; }
  .cta-container { grid-template-columns: 1fr; gap: 33px; }
  .cta-copy { max-width: 600px; }
  .contact-form { width: min(100%, 480px); }
  .app-download-grid { grid-template-columns: 1fr; gap: 25px; }
  .app-download-copy { max-width: 590px; }
  .platform-cards { max-width: 600px; }
  .footer-main { grid-template-columns: 75px 1fr 1fr; gap: 18px 14px; padding-block: 24px; }
  .footer-brand { width: 70px; height: 63px; grid-row: 1; }
  .footer-main > p { grid-column: 2 / -1; }
  .footer-nav { grid-column: 1 / 3; }
  .footer-social { grid-column: 3; }
  .footer-links { display: flex; flex-wrap: wrap; gap: 10px 15px; }
}

@media (max-width: 480px) {
  .container { width: calc(100% - 36px); }
  .hero-grid { padding-top: 49px; }
  .hero h1 { font-size: 40px; }
  .hero-lead { font-size: 13px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .hero-proof { margin-top: 28px; }
  .dashboard-wrap { width: calc(100% + 6px); margin-left: -3px; padding-inline: 0; }
  .dashboard-card { border-radius: 8px; }
  .dashboard-topbar { height: 43px; padding-inline: 11px; }
  .dashboard-user { font-size: 7px; }
  .user-avatar { width: 21px; height: 21px; margin-left: 2px; }
  .dashboard-content { padding: 14px 11px 12px; }
  .dashboard-title-row h2 { font-size: 15px; }
  .metric-grid { gap: 5px; }
  .metric-card { min-height: 91px; padding: 9px 7px; }
  .metric-icon { top: 7px; right: 6px; width: 16px; height: 16px; font-size: 10px; }
  .metric-label { font-size: 7px; }
  .metric-card strong { font-size: 21px; }
  .metric-card small { font-size: 6px; }
  .activity-panel { padding-inline: 8px; }
  .activity-row { grid-template-columns: 23px minmax(55px, 1fr) auto 32px; gap: 5px; }
  .activity-avatar { width: 22px; height: 22px; }
  .activity-status { gap: 3px; padding: 4px; font-size: 6px; }
  .activity-row time { font-size: 6px; }
  .floating-note, .floating-audit { padding: 8px 9px; }
  .floating-note { right: -5px; }
  .floating-audit { left: -5px; }
  .floating-note strong, .floating-audit strong { font-size: 8px; }
  .floating-note small, .floating-audit small { font-size: 6px; }
  .trust-inner { gap: 13px 18px; }
  .trust-item { font-size: 9px; }
  .section-heading h2, .workflow-copy h2, .compliance-copy h2 { font-size: 32px; }
  .workflow-step { grid-template-columns: 36px 1fr; gap: 12px; min-height: 105px; }
  .step-state { display: none; }
  .log-card { padding: 13px 11px 10px; }
  .log-line { grid-template-columns: 25px 1fr auto; gap: 7px; }
  .log-line time { font-size: 7px; }
  .log-line strong { font-size: 8px; }
  .log-line small { font-size: 7px; }
  .compliance-visual { min-height: 290px; }
  .compliance-orbit { width: 390px; height: 180px; }
  .cta-section { padding: 65px 0; }
  .cta-copy h2 { font-size: 36px; }
  .contact-form { padding: 18px; }
  .platform-cards { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding-block: 15px; }
  .footer-main { grid-template-columns: 70px 1fr; }
  .footer-main > p { grid-column: 2; }
  .footer-nav { grid-column: 1 / -1; }
  .footer-social { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}