:root {
  --navy: #081b35;
  --navy-2: #102b50;
  --blue: #2d65d8;
  --lime: #b9e769;
  --ledger-green: #173b2b;
  --cream: #f5f2e9;
  --paper: #fbfaf6;
  --ink: #17243a;
  --muted: #667287;
  --line: #dce1e8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.site-header { display: flex; width: min(100% - 40px, 1240px); height: 88px; align-items: center; justify-content: space-between; margin: auto; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--navy); text-decoration: none; }
.brand-mark { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--navy); color: #fff; font-weight: 800; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 18px; letter-spacing: 0; }
.brand small { margin-top: 2px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
nav { display: flex; gap: 30px; }
nav a { color: #536075; font-size: 14px; font-weight: 600; text-decoration: none; }
nav a:hover { color: var(--navy); }
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; }
.button-quiet { border: 1px solid var(--line); background: #fff; }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 12px 24px -15px #1c4fbd; }
.hero { display: grid; width: min(100% - 40px, 1240px); min-height: 650px; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(50px, 8vw, 110px); margin: auto; padding: 68px 0 100px; }
.eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.hero h1 { max-width: 720px; margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(48px, 6.4vw, 82px); font-weight: 500; letter-spacing: 0; line-height: .98; }
.hero h1 em { color: var(--blue); font-style: italic; }
.hero-intro { max-width: 600px; margin: 30px 0 0; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.text-link { color: var(--navy); font-size: 14px; font-weight: 700; text-decoration: none; }
.text-link span { margin-left: 6px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 42px; }
.trust-row span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #627086; font-size: 11px; font-weight: 700; }
.ledger-preview { position: relative; padding: 24px; border: 1px solid #25405f; border-radius: 24px; background: var(--navy); color: #fff; box-shadow: 0 36px 80px -42px #06162c; }
.ledger-preview::before { position: absolute; inset: 14px -14px -14px 14px; z-index: -1; border-radius: 24px; background: var(--lime); content: ""; }
.preview-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #294462; color: #d5dfeb; font-size: 12px; font-weight: 700; }
.live { color: #bfd991; }.live i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--lime); }
.balance-block { padding: 32px 2px 28px; }.balance-block small,.balance-block strong,.balance-block span { display: block; }
.balance-block small { color: #899db5; font-size: 11px; letter-spacing: 0; text-transform: uppercase; }.balance-block strong { margin-top: 10px; font-size: clamp(27px, 3vw, 38px); letter-spacing: 0; }.balance-block span { margin-top: 9px; color: var(--lime); font-size: 12px; }
.preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.preview-grid article { padding: 17px; border: 1px solid #294462; border-radius: 12px; background: #0c2442; }.preview-grid small,.preview-grid strong { display: block; }.preview-grid small { color: #8498b1; font-size: 10px; }.preview-grid strong { margin-top: 8px; font-size: 16px; }.preview-grid .warning { color: #ffc770; }
.flow-line { display: flex; align-items: center; margin-top: 22px; color: #8fa3bb; font-size: 9px; font-weight: 700; text-transform: uppercase; }.flow-line b { height: 1px; flex: 1; margin: 0 7px; background: #38516e; }
.position-strip { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); background: var(--cream); border-block: 1px solid #e4dfd2; }.position-strip > * { min-height: 130px; margin: 0; padding: 34px clamp(20px, 4vw, 55px); border-right: 1px solid #e4dfd2; }.position-strip p { display: flex; align-items: center; color: #536075; font-family: Georgia, serif; font-size: 20px; line-height: 1.45; }.position-strip strong,.position-strip span { display: block; }.position-strip strong { color: var(--blue); font-family: Georgia, serif; font-size: 25px; }.position-strip span { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.platform { width: min(100% - 40px, 1240px); margin: auto; padding: 130px 0; }.section-lead { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: end; margin-bottom: 55px; }.section-lead .eyebrow { grid-column: 1/-1; margin-bottom: 0; }.section-lead h2,.control-copy h2,.operations h2,.cta h2 { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(36px, 4.8vw, 60px); font-weight: 500; letter-spacing: 0; line-height: 1.05; }.section-lead > p:last-child { max-width: 500px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }.capability { min-height: 260px; padding: 30px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }.capability-large { display: grid; min-height: 320px; grid-column: 1/-1; grid-template-columns: 70px 1fr 1fr; align-items: center; gap: 25px; background: var(--navy); color: #fff; }.number { color: #7a8a9e; font-size: 11px; font-weight: 800; }.capability h3 { margin: 35px 0 12px; color: var(--navy); font-family: Georgia, serif; font-size: 29px; font-weight: 500; }.capability p { max-width: 500px; margin: 0; color: var(--muted); line-height: 1.7; }.capability-large h3 { margin-top: 0; color: #fff; }.capability-large p { color: #9fb0c4; }.mini-ledger { display: grid; gap: 9px; }.mini-ledger span { display: flex; justify-content: space-between; padding: 13px 15px; border: 1px solid #294462; border-radius: 8px; color: #a9b9cb; font-size: 12px; }.mini-ledger b { color: #fff; }
.product-family { width: min(100% - 40px, 1240px); margin: auto; padding: 120px 0; border-top: 1px solid var(--line); }
.product-family-head { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 42px; margin-bottom: 48px; }
.product-family-head .eyebrow { grid-column: 1/-1; margin-bottom: -20px; }
.product-family-head h2 { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(36px, 4.6vw, 58px); font-weight: 500; line-height: 1.06; }
.product-family-head > p:last-child { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.product-family-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 16px; }
.product-card { display: flex; min-height: 330px; flex-direction: column; justify-content: space-between; gap: 32px; padding: 30px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.product-card small { color: #8a6427; font-size: 9px; font-weight: 800; letter-spacing: 0; }
.product-card h3 { margin: 28px 0 12px; color: var(--navy); font-family: Georgia, serif; font-size: 32px; font-weight: 500; }
.product-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.product-card-primary { border-color: #243f60; background: var(--navy); color: #fff; }
.product-card-primary small { color: var(--lime); }
.product-card-primary h3 { color: #fff; }
.product-card-primary p { color: #a9b9cb; }
.product-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.product-actions > a:not(.button) { color: var(--navy); font-size: 12px; font-weight: 700; text-decoration: none; }
.product-card-primary .product-actions > a:not(.button) { color: #d6e0eb; }
.control-section { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; padding: 120px max(20px, calc((100vw - 1240px)/2)); background: var(--cream); }.control-copy > p:not(.eyebrow) { max-width: 600px; color: var(--muted); font-size: 16px; line-height: 1.7; }.control-copy ul { margin: 36px 0 0; padding: 0; list-style: none; }.control-copy li { display: flex; gap: 15px; padding: 15px 0; border-bottom: 1px solid #ddd7c8; font-weight: 650; }.control-copy li span { color: var(--blue); font-size: 11px; }.approval-card { align-self: center; padding: 32px; border: 1px solid #243f60; border-radius: 18px; background: var(--navy); color: #fff; box-shadow: 0 30px 60px -40px #07172e; }.approval-card > p { margin: 0 0 22px; color: #879cb5; font-size: 10px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }.approval-step { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid #28425f; }.approval-step i { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #42607e; border-radius: 50%; color: #91a5bc; font-size: 11px; font-style: normal; }.approval-step span,.approval-step strong,.approval-step small { display: block; }.approval-step strong { font-size: 13px; }.approval-step small { margin-top: 4px; color: #8499b2; }.approval-step.done i { border-color: #557d50; background: #264e3a; color: var(--lime); }.approval-step.active i { border-color: var(--lime); color: var(--lime); }.approval-foot { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; color: #8499b2; font-size: 10px; }.approval-foot strong { color: #fff; font-size: 11px; text-align: right; }
.operations { width: min(100% - 40px, 1240px); margin: auto; padding: 125px 0; }.operations > h2 { max-width: 750px; }.route-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 52px; }.route-grid article { padding: 34px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }.route-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: var(--navy); color: var(--lime); font-weight: 800; }.route-grid h3 { margin: 27px 0 11px; font-size: 21px; }.route-grid p { margin: 0; color: var(--muted); line-height: 1.7; }
.consulting { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; padding: 120px max(20px, calc((100vw - 1240px)/2)); background: var(--cream); border-top: 1px solid #e4dfd2; }.consulting-intro h2 { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(36px, 4.5vw, 58px); font-weight: 500; letter-spacing: 0; line-height: 1.06; }.consulting-intro > p:not(.eyebrow) { margin: 27px 0; color: var(--muted); font-size: 16px; line-height: 1.75; }.consulting-ledger { overflow: hidden; border: 1px solid #d8d0bf; border-radius: 4px; background: #fbf8ef; box-shadow: 0 20px 45px -38px #18263b; }.consulting-head { display: flex; justify-content: space-between; padding: 13px 18px; background: var(--navy); color: #d6e0eb; font-size: 10px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }.consulting-ledger article { padding: 21px 24px; border-bottom: 1px dashed #d8d0bf; }.consulting-ledger small { color: #9a6b21; font-size: 9px; font-weight: 800; letter-spacing: 0; }.consulting-ledger h3 { margin: 7px 0; color: var(--navy); font-family: Georgia, serif; font-size: 21px; font-weight: 500; }.consulting-ledger p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.consulting-foot { display: flex; flex-wrap: wrap; gap: 7px; padding: 16px 22px; }.consulting-foot span { padding: 5px 8px; border: 1px solid #d8d0bf; color: #6e766f; font-family: monospace; font-size: 9px; }
.consulting-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }.consulting-whatsapp { background: var(--ledger-green); color: #fff; }
.cta { display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 40px; padding: 90px max(20px, calc((100vw - 1240px)/2)); background: var(--ledger-green); color: #fff; }.cta .eyebrow { color: #c9dca8; }.cta h2 { color: #fff; }.cta > div:last-child { display: grid; gap: 16px; justify-items: start; }.button-light { background: var(--cream); color: var(--ledger-green); }.cta-login { color: #dce8d5; font-size: 13px; font-weight: 700; text-decoration: none; }
.site-footer { padding: 0 max(20px, calc((100vw - 1240px)/2)); background: var(--navy); color: #8ea1b9; }
.footer-main { display: grid; grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(140px, 1fr)); gap: clamp(34px, 5vw, 72px); padding: 68px 0 58px; }
.footer-intro { max-width: 360px; }
.site-footer .brand { color: #fff; text-decoration: none; }
.site-footer .brand-mark { background: #fff; color: var(--navy); }
.site-footer .brand small { color: #8ea1b9; }
.footer-intro p { margin: 24px 0 0; color: #a8b7c9; font-size: 14px; line-height: 1.7; }
.footer-group { display: grid; align-content: start; gap: 12px; }
.footer-group strong { margin-bottom: 5px; color: #fff; font-size: 12px; }
.footer-group a, .footer-group span { color: #9eafc2; font-size: 12px; line-height: 1.45; text-decoration: none; }
.footer-group a:hover { color: #fff; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0 28px; border-top: 1px solid #294462; color: #71869f; font-size: 11px; }
.footer-bottom div { display: flex; flex-wrap: wrap; gap: 22px; }
.footer-bottom a { color: #8ea1b9; text-decoration: none; }
.footer-bottom a:hover { color: #fff; }
@media (max-width: 900px) { nav { display:none; }.hero,.control-section,.consulting { grid-template-columns:1fr; }.hero { padding-top:40px; }.ledger-preview { max-width:650px; }.position-strip { grid-template-columns:1fr 1fr; }.position-strip p { grid-column:1/-1; }.section-lead,.product-family-head { grid-template-columns:1fr; }.product-family-head .eyebrow { margin-bottom:0; }.product-family-grid { grid-template-columns:1fr 1fr; }.product-card-primary { grid-column:1/-1; }.capability-large { grid-template-columns:50px 1fr; }.mini-ledger { grid-column:1/-1; }.control-section,.consulting { gap:55px; }.cta { grid-template-columns:1fr; }.cta > div:last-child { margin-top:10px; }.footer-main { grid-template-columns:1.5fr 1fr 1fr; }.footer-intro { grid-column:1/-1; } }
@media (max-width: 620px) { .site-header { width:min(100% - 28px,1240px); height:76px; }.site-header .button { min-height:38px;padding:0 14px; }.hero { width:min(100% - 28px,1240px); min-height:auto; gap:60px; padding:52px 0 85px; }.hero h1 { font-size:48px; }.hero-intro { font-size:16px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.ledger-preview { padding:18px; }.preview-grid,.capability-grid,.route-grid,.product-family-grid { grid-template-columns:1fr; }.product-card-primary { grid-column:auto; }.position-strip { grid-template-columns:1fr; }.position-strip p { grid-column:auto; }.position-strip > * { min-height:auto; border-bottom:1px solid #e4dfd2; }.platform,.operations,.product-family { width:min(100% - 28px,1240px); padding:90px 0; }.section-lead,.product-family-head { margin-bottom:35px; }.capability-large { display:block; grid-column:auto; }.capability-large h3 { margin-top:30px; }.mini-ledger { margin-top:30px; }.control-section,.consulting { padding:90px 20px; }.cta { padding:75px 20px; }.footer-main { grid-template-columns:1fr 1fr; gap:38px 24px; padding:52px 0 44px; }.footer-intro { grid-column:1/-1; }.footer-group:last-child { grid-column:1/-1; }.footer-bottom { align-items:flex-start; flex-direction:column; }.footer-bottom div { gap:18px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }