:root{--navy:#02071a;--navy2:#07152f;--navy3:#0d2147;--gold:#d4b06a;--gold2:#f0d293;--cream:#f6f1e7;--ink:#0b1d35;--muted:#677286;--white:#fff;--line:#e5dccb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#061633;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,176,106,.2);transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}.site-header.scrolled{background:rgba(6,22,51,.72);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 10px 30px rgba(0,0,0,.16)}.nav-wrap{height:88px;display:flex;align-items:center;gap:26px}.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-link img{height:76px;width:auto;max-width:170px;object-fit:contain;display:block;border-radius:0;box-shadow:none}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a,.mobile-nav a{color:#fff;text-decoration:none;font-size:14px;opacity:.9}.desktop-nav a:hover{color:var(--gold2)}.header-actions{display:flex;gap:12px;margin-left:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 22px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-outline{color:#fff;border-color:rgba(240,210,147,.75);background:transparent}.btn-gold{color:#182033;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 10px 30px rgba(212,176,106,.18)}.btn-large{padding:15px 26px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}.mobile-nav{display:none;background:var(--navy);padding:16px 24px 22px;border-top:1px solid rgba(255,255,255,.08)}.mobile-nav.open{display:grid;gap:16px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(212,176,106,.15),transparent 28%),linear-gradient(125deg,#02071a 0%,#07152f 52%,#0c2144 100%);color:#fff;padding:80px 0 66px}.hero:after{content:"";position:absolute;inset:auto -10% -170px 20%;height:300px;background:radial-gradient(ellipse,rgba(212,176,106,.12),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.02fr 1.18fr;gap:48px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.28em;font-weight:700;color:var(--gold2);margin:0 0 20px}.eyebrow.dark{color:#6a7a90}.hero h1,.section h2{font-family:"Playfair Display",serif;margin:0}.hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.05;font-weight:600}.hero h1 span{color:var(--gold2)}.hero-text{font-size:18px;line-height:1.7;color:#dce4ee;max-width:630px;margin:24px 0 30px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600}.play{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:12px}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}.hero-features div{display:grid;gap:5px}.hero-features strong{font-size:13px}.hero-features small{font-size:11px;color:#aeb9c8;line-height:1.4}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:10px;color:var(--gold2);font-size:19px;margin-bottom:5px}
.dashboard-stage{position:relative;min-width:0}.browser-frame{background:#111827;border-radius:20px;padding:10px;box-shadow:0 35px 70px rgba(0,0,0,.42),0 0 0 1px rgba(212,176,106,.32);transform:perspective(1000px) rotateY(-2deg)}.browser-top{height:30px;background:#0b1320;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:6px;padding:0 11px}.browser-top>span{width:7px;height:7px;border-radius:50%;background:#475569}.browser-top div{margin:auto;color:#65758b;font-size:9px}.mock-app{display:grid;grid-template-columns:124px 1fr;min-height:390px;background:#f4f5f7;border-radius:0 0 12px 12px;overflow:hidden}.mock-side{background:#071a33;color:#cbd5e1;padding:18px 12px;display:flex;flex-direction:column;gap:14px;font-size:10px}.mock-brand{color:var(--gold2);font-size:11px;margin-bottom:9px}.mock-side span{padding:8px 7px;border-radius:6px}.mock-side .active{background:#17345a;color:#fff}.mock-main{padding:22px 18px}.mock-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.mock-title b{display:block;font-size:16px;color:#0f172a}.mock-title small{display:block;font-size:9px;color:#64748b;margin-top:3px}.mock-title em{font-style:normal;font-size:9px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px;color:#334155}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.mock-kpis div{background:#fff;border:1px solid #e7e9ed;border-radius:8px;padding:12px 10px}.mock-kpis small{font-size:8px;color:#64748b;display:block;margin-bottom:6px}.mock-kpis b{font-size:11px;color:#1e293b}.mock-kpis .positive b{color:#15803d}.mock-kpis .negative b{color:#b91c1c}.mock-chart{background:#fff;border:1px solid #e7e9ed;border-radius:10px;margin-top:12px;padding:14px;height:195px}.chart-head{display:flex;justify-content:space-between}.chart-head b{font-size:11px}.chart-head small{font-size:8px;color:#64748b}.bars{height:130px;display:flex;gap:8px;align-items:end;padding-top:20px;border-bottom:1px solid #dfe4ea}.bars i{height:var(--h);width:14px;border-radius:4px 4px 0 0;background:linear-gradient(#224e7f,#0d294b)}.bars i:nth-child(even){background:linear-gradient(#e4c78c,#b58a3d)}.floating-card{position:absolute;background:#fff;color:#0f172a;border-radius:12px;padding:12px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 18px 45px rgba(0,0,0,.22);border:1px solid rgba(212,176,106,.3)}.floating-card span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef8f1;color:#14823e}.floating-card small{display:block;font-size:9px;color:#64748b}.floating-card b{font-size:12px}.fc-one{left:-28px;bottom:28px}.fc-two{right:-22px;top:65px}
.section{padding:92px 0}.light{background:linear-gradient(180deg,#fbfaf8,#f4efe6)}.split-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.section-copy h2,.section-center h2,.security h2{font-size:clamp(38px,4vw,56px);line-height:1.1}.section-copy>p:not(.eyebrow),.section-center>p:not(.eyebrow),.security p{color:var(--muted);font-size:16px;line-height:1.7}.benefit-list{display:grid;gap:18px;margin-top:30px}.benefit-list>div{display:flex;gap:14px;align-items:center}.benefit-list>div>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f4dca7,#c99b4a);font-weight:800}.benefit-list p{margin:0;display:grid;gap:4px}.benefit-list small{color:#7a8493}.feature-preview{position:relative}.mini-window{background:#fff;border-radius:14px;padding:18px;box-shadow:0 20px 55px rgba(33,43,54,.12);border:1px solid #ece7df}.mini-window.second{margin-top:18px;margin-left:40px}.mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-head button{background:#071a33;color:white;border:0;border-radius:7px;padding:8px 12px;font-size:10px}.tabs{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap}.tabs span{background:#f7f7f7;border:1px solid #ececec;border-radius:999px;padding:6px 10px;font-size:9px;color:#667085}.tabs .selected{color:#071a33;background:#fff}.table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:8px;align-items:center;padding:10px 6px;border-top:1px solid #eef0f2;font-size:10px}.table-title{color:#748094;font-weight:700;background:#fafafa;border-radius:6px}.table-row em{font-style:normal;border-radius:999px;padding:5px 8px;background:#fff0cc;color:#9a6518;text-align:center}.table-row .paid{background:#dbf4e2;color:#23783a}
.steps{background:linear-gradient(180deg,#02071a,#07152f);color:#fff}.section-center{text-align:center;max-width:760px;margin:0 auto 50px}.section-center>p:not(.eyebrow){color:#aeb9c8}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps-grid article{border:1px solid rgba(212,176,106,.25);background:rgba(255,255,255,.035);padding:34px;border-radius:18px}.steps-grid span{color:var(--gold2);font-family:"Playfair Display",serif;font-size:34px}.steps-grid h3{font-size:22px;margin:18px 0 10px}.steps-grid p{color:#aeb9c8;line-height:1.6;margin:0}.security{background:linear-gradient(180deg,#07152f,#0a1d3c);color:#fff}.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.security p{color:#b8c5d4}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-cards article{background:#fff;color:var(--ink);padding:24px 20px;border-radius:16px;min-height:190px}.security-cards span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f5ead3;color:#8c651e;font-size:18px}.security-cards h3{font-size:16px;margin:17px 0 8px}.security-cards p{color:#697386;font-size:13px;line-height:1.55;margin:0}.plans{background:#faf8f3}.dark-text>p:not(.eyebrow){color:#667085}.plan-card{max-width:860px;margin:auto;background:#fff;border:1px solid #e7dfd2;border-radius:20px;padding:32px 36px;box-shadow:0 14px 45px rgba(35,40,50,.08);display:flex;align-items:center;justify-content:space-between;gap:30px}.plan-card small{letter-spacing:.18em;color:#8d6a2b;font-weight:700}.plan-card h3{font-family:"Playfair Display",serif;font-size:32px;margin:8px 0}.plan-card p{margin:0;color:#697386}.quote-strip{background:linear-gradient(120deg,#02071a,#0b2347);color:#fff;border-top:1px solid rgba(212,176,106,.3)}.quote-inner{min-height:180px;display:grid;grid-template-columns:1.25fr .8fr auto;gap:36px;align-items:center}.quote-inner blockquote{font-family:"Playfair Display",serif;color:var(--gold2);font-size:31px;font-style:italic;margin:0;text-align:center}.quote-inner div{display:grid;gap:7px;border-left:1px solid rgba(212,176,106,.4);padding-left:36px}.quote-inner small{letter-spacing:.18em}.quote-inner span{font-size:11px;color:#bac5d2}.gold-outline{border-color:var(--gold);color:var(--gold2)}footer{background:#061633;color:#d1dae5;padding:52px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:38px}.footer-grid>div{display:grid;align-content:start;gap:10px}.footer-grid img{height:105px;width:auto;max-width:190px;object-fit:contain;display:block;border-radius:0}.footer-grid p,.footer-grid span,.footer-grid a{color:#9eabba;font-size:12px;line-height:1.6;text-decoration:none;margin:0}.footer-grid strong{color:#fff;font-size:13px;margin-bottom:5px}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.hero-grid,.split-grid,.security-grid{grid-template-columns:1fr}.dashboard-stage{max-width:760px;margin:auto;width:100%}.hero-features{grid-template-columns:repeat(2,1fr)}.security-cards{grid-template-columns:repeat(3,1fr)}.quote-inner{grid-template-columns:1fr;text-align:center;padding:38px 0}.quote-inner div{border-left:0;padding-left:0}.footer-grid{grid-template-columns:1fr 1fr}.mock-app{min-height:360px}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.site-header .header-actions{display:none}.nav-wrap{height:88px}.logo-link img{height:70px;width:auto;max-width:145px}.hero{padding:58px 0 45px}.hero-grid{gap:34px}.hero h1{font-size:44px}.hero-text{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.text-link{justify-content:flex-start}.hero-features{grid-template-columns:1fr 1fr;margin-top:40px}.browser-frame{transform:none}.mock-app{grid-template-columns:78px 1fr;min-height:300px}.mock-side{padding:12px 7px;font-size:0}.mock-side span{font-size:0}.mock-side span:before{content:"◇";font-size:13px}.mock-brand b{display:none}.mock-kpis{grid-template-columns:1fr 1fr}.mock-kpis div:nth-child(n+3){display:none}.mock-chart{height:150px}.bars{height:95px}.fc-one,.fc-two{display:none}.section{padding:68px 0}.section-copy h2,.section-center h2,.security h2{font-size:38px}.split-grid{gap:42px}.mini-window.second{margin-left:0}.table-row{grid-template-columns:1.4fr 1fr 1fr}.table-row span:nth-child(2){display:none}.steps-grid,.security-cards{grid-template-columns:1fr}.plan-card{flex-direction:column;align-items:flex-start;padding:26px}.quote-inner blockquote{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:not(:first-child){padding-top:8px}}