body:has(.landing-page) { background: #fff; }
.landing-page { --landing-navy:#082b52; --landing-blue:#0a3766; --landing-green:#07865f; --landing-lime:#69b932; min-height:100vh; overflow:hidden; background:linear-gradient(180deg,#fff 0,#f8fbfd 43rem,#fff 72rem); color:#0c2948; font-family:var(--font-body); }
.landing-page * { box-sizing:border-box; }
.landing-header { position:relative; z-index:30; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; height:78px; padding:0 max(28px,calc((100vw - 1440px)/2)); border-bottom:1px solid #e4ebef; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); }
.landing-logo { display:inline-flex; align-items:center; gap:10px; width:max-content; color:var(--landing-navy); }
.landing-logo>img { width:48px; height:48px; object-fit:contain; }
.landing-logo>span { display:grid; line-height:1; }
.landing-logo strong { color:#06835e; font:800 25px/1 var(--font-display); letter-spacing:-.055em; }
.landing-logo strong b { color:var(--landing-navy); }
.landing-logo small { margin-top:5px; color:#163c68; font-size:8px; font-weight:800; letter-spacing:.095em; text-transform:uppercase; }
.landing-nav { display:flex; align-items:center; gap:34px; height:100%; }
.landing-nav a { position:relative; display:grid; align-items:center; height:100%; color:#19344e; font-size:12px; font-weight:700; }
.landing-nav a:hover,.landing-nav a.active { color:var(--landing-green); }
.landing-nav a.active::after { content:""; position:absolute; right:0; bottom:16px; left:0; height:2px; border-radius:4px; background:var(--landing-green); }
.landing-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.landing-admin,.landing-menu { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; border:0; border-radius:9px; background:var(--landing-navy); color:#fff; font:700 11px var(--font-body); padding:0 17px; box-shadow:0 10px 24px rgba(8,43,82,.16); cursor:pointer; }
.landing-admin:hover { background:#0c3e73; }
.landing-admin span { font-size:18px; }
.landing-menu { display:none; width:42px; padding:0; }

.landing-hero { position:relative; display:grid; grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr); align-items:center; gap:36px; max-width:1440px; min-height:505px; margin:auto; padding:44px 28px 34px; }
.landing-hero::before { content:""; position:absolute; z-index:-1; width:670px; height:670px; right:-160px; top:-220px; border-radius:50%; background:radial-gradient(circle,#e7f7f0,rgba(237,247,251,.6) 42%,transparent 70%); }
.landing-hero-copy { position:relative; z-index:2; }
.landing-eyebrow { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #ccebdd; border-radius:999px; background:#f7fcf9; color:var(--landing-green); font-size:10px; font-weight:750; }
.landing-eyebrow i { font-size:15px; }
.landing-hero h1 { max-width:690px; margin-top:19px; color:var(--landing-navy); font:800 clamp(34px,3.25vw,52px)/1.08 var(--font-display); letter-spacing:-.055em; }
.landing-hero h1 em { color:var(--landing-green); font-style:normal; }
.landing-hero-copy>p { max-width:650px; margin-top:20px; color:#526a81; font-size:16px; line-height:1.58; }
.landing-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.landing-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; border:1px solid transparent; border-radius:9px; padding:0 20px; font:750 12px var(--font-body); transition:.18s ease; cursor:pointer; }
.landing-button span { font-size:19px; }
.landing-button.primary { background:var(--landing-navy); color:#fff; box-shadow:0 12px 25px rgba(8,43,82,.15); }
.landing-button.primary:hover { background:#0d4076; transform:translateY(-1px); }
.landing-button.secondary { border-color:#74c49e; background:#fff; color:var(--landing-green); }
.landing-button.secondary:hover { background:#f3fbf7; transform:translateY(-1px); }
.landing-trust-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:31px; }
.landing-trust-row>span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 8px; min-width:0; }
.landing-trust-row i { grid-row:1/3; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#eaf7f1; color:var(--landing-green); font-size:18px; }
.landing-trust-row b { overflow:hidden; color:#183b5b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.landing-trust-row small { color:#748697; font-size:9px; white-space:nowrap; }

.landing-product { position:relative; min-height:430px; }
.product-glow { position:absolute; inset:15% 0 5% 5%; border-radius:50%; background:radial-gradient(circle,rgba(39,172,117,.24),rgba(203,228,241,.18) 52%,transparent 70%); filter:blur(10px); }
.product-browser { position:absolute; z-index:2; right:0; top:30px; width:86%; overflow:hidden; border:8px solid #12202b; border-bottom-width:12px; border-radius:15px 15px 7px 7px; background:#fff; box-shadow:0 28px 50px rgba(6,38,67,.22); transform:perspective(1100px) rotateY(-3deg); }
.product-browser-bar { display:flex; align-items:center; gap:5px; height:24px; padding:0 9px; background:#e8edf0; }
.product-browser-bar i { width:5px; height:5px; border-radius:50%; background:#a4b0b7; }
.product-browser-bar span { margin-left:8px; color:#768893; font-size:6px; }
.product-screen { display:grid; grid-template-columns:74px minmax(0,1fr); height:296px; background:#f6f9f8; }
.product-screen aside { display:flex; flex-direction:column; align-items:center; gap:13px; padding:12px 8px; background:linear-gradient(180deg,#05473f,#063a37); color:#dff5ec; }
.product-screen aside img { width:25px; height:25px; padding:3px; border-radius:8px; background:#fff; }
.product-screen aside b { margin-top:-10px; font-size:7px; }
.product-screen aside span { display:grid; place-items:center; width:30px; height:25px; border-radius:6px; font-size:14px; }
.product-screen aside span.active { background:#13a974; color:#fff; }
.product-dashboard { padding:15px; }
.product-dashboard>header { display:flex; align-items:center; justify-content:space-between; height:50px; padding:0 14px; border-radius:8px; background:linear-gradient(110deg,#064841,#08755a); color:#fff; }
.product-dashboard>header small { font-weight:800; }
.product-dashboard>header img { width:36px; height:36px; padding:5px; border-radius:9px; background:rgba(255,255,255,.9); }
.product-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.product-metrics>span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 6px; padding:8px; border:1px solid #e3ebe7; border-radius:7px; background:#fff; }
.product-metrics i { grid-row:1/3; color:#0aa26d; font-size:15px; }.product-metrics small { color:#7b8e89; font-size:6px; text-transform:uppercase; }.product-metrics b { font-size:11px; }
.product-chart { height:128px; margin-top:10px; padding:11px; border:1px solid #e3ebe7; border-radius:8px; background:#fff; }
.product-chart>b { font-size:8px; }.product-chart svg { width:100%; height:87px; margin-top:5px; }
.product-laptop-base { position:absolute; z-index:1; right:-4%; bottom:40px; width:95%; height:18px; border-radius:0 0 70% 70%; background:linear-gradient(180deg,#c8d0d3,#657078 45%,#151b20 80%); box-shadow:0 12px 15px rgba(7,35,57,.18); }
.product-phone { position:absolute; z-index:4; left:2%; bottom:32px; display:flex; flex-direction:column; align-items:center; width:165px; height:334px; padding:27px 12px 15px; border:6px solid #20272b; border-radius:26px; background:#fff; box-shadow:0 20px 34px rgba(6,38,67,.23); transform:rotate(-5deg); }
.phone-notch { position:absolute; top:7px; width:45px; height:6px; border-radius:10px; background:#151a1d; }
.product-phone-logo { display:flex; align-items:center; gap:3px; color:var(--landing-green); font-size:9px; }.product-phone-logo img { width:19px; height:19px; }.product-phone-logo b { font-family:var(--font-display); }
.product-phone>strong { margin-top:21px; color:var(--landing-navy); font-size:10px; line-height:1.4; text-align:center; }
.phone-portrait { width:106px; height:106px; margin-top:12px; overflow:hidden; border:3px solid #14a66f; border-radius:50%; box-shadow:0 0 0 5px #e6f5ed; }
.phone-portrait img { width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.product-phone>p { display:flex; align-items:center; gap:5px; margin-top:24px; color:#088357; font-size:8px; font-weight:800; line-height:1.35; }.product-phone>p i { font-size:17px; }

.landing-section { max-width:1440px; margin:auto; padding:32px 28px; }
.section-heading span { color:var(--landing-green); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.section-heading h2 { margin-top:4px; color:var(--landing-navy); font:800 21px var(--font-display); }
.section-heading p { margin-top:3px; color:#718493; font-size:10px; }
.journey-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr) auto); align-items:center; gap:10px; margin-top:17px; }
.journey-grid article { position:relative; min-height:136px; padding:18px 15px 15px; border:1px solid #e0e8e5; border-radius:12px; background:#fff; box-shadow:0 8px 22px rgba(12,46,70,.045); text-align:center; }
.journey-grid article>b { position:absolute; left:12px; top:12px; display:grid; place-items:center; width:22px; height:22px; border:1px solid #dce8e2; border-radius:50%; color:#34526e; font-size:9px; }
.journey-grid article>i { color:var(--landing-green); font-size:29px; }.journey-grid article>i.filled { font-variation-settings:"FILL" 1; }
.journey-grid h3 { margin-top:8px; color:#173852; font:750 11px var(--font-display); }.journey-grid p { margin-top:6px; color:#718391; font-size:9px; line-height:1.45; }
.journey-arrow { color:#5c7488; font-size:17px; }
.landing-modules { padding-top:18px; }
.module-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:17px; }
.module-grid article { min-height:146px; padding:16px 14px; border:1px solid #e0e8e5; border-radius:10px; background:#fff; transition:.18s ease; }
.module-grid article:hover { border-color:#9ed9bd; box-shadow:0 12px 28px rgba(8,75,57,.08); transform:translateY(-3px); }
.module-grid i { color:var(--landing-green); font-size:23px; }.module-grid h3 { margin-top:10px; color:#153653; font:750 11px/1.35 var(--font-display); }.module-grid p { margin-top:7px; color:#718391; font-size:9px; line-height:1.5; }

.landing-security { position:relative; isolation:isolate; display:grid; grid-template-columns:240px minmax(280px,1fr) 1.65fr; align-items:center; gap:22px; max-width:1384px; min-height:132px; margin:12px auto 0; overflow:hidden; padding:16px 28px; border-radius:14px; background:radial-gradient(circle at 85% 15%,rgba(12,166,112,.28),transparent 26%),linear-gradient(110deg,#062d50,#064d49); color:#fff; }
.landing-security::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.18; background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px); background-size:20px 20px; mask-image:linear-gradient(90deg,transparent 55%,#000); }
.landing-security>img { width:230px; height:125px; object-fit:contain; filter:drop-shadow(0 10px 20px rgba(0,0,0,.25)); }
.landing-security>div>span { color:#64d5a8; font-size:9px; font-weight:800; text-transform:uppercase; }.landing-security h2 { margin-top:5px; font:800 18px var(--font-display); }.landing-security>div>p { margin-top:7px; color:#c9e1dd; font-size:10px; line-height:1.5; }
.landing-security ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.landing-security li { display:grid; grid-template-columns:auto 1fr; gap:1px 8px; align-items:center; }.landing-security li i { grid-row:1/3; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:rgba(21,196,133,.16); color:#79dfb7; font-size:17px; }.landing-security li b { font-size:10px; }.landing-security li small { color:#aad0c8; font-size:8px; }
.landing-contact { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:18px; max-width:1384px; margin:16px auto 0; padding:17px 24px; border:1px solid #dfe7e4; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(12,46,70,.055); }
.landing-contact>span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#e7f6ef; color:var(--landing-green); }.landing-contact h2 { font:800 15px var(--font-display); }.landing-contact p { margin-top:3px; color:#6a7e8f; font-size:10px; }.landing-contact .landing-button { min-height:42px; }
.landing-footer { display:flex; align-items:center; justify-content:space-between; max-width:1440px; margin:0 auto; padding:32px 28px; color:#788b9a; font-size:9px; }.landing-footer .landing-logo>img { width:34px; height:34px; }.landing-footer .landing-logo strong { font-size:18px; }.landing-footer .landing-logo small { font-size:6px; }

.landing-modal { position:fixed; z-index:80; inset:0; display:grid; place-items:center; padding:18px; }.landing-modal-backdrop { position:absolute; inset:0; border:0; background:rgba(5,35,61,.58); backdrop-filter:blur(5px); }.landing-modal-card { position:relative; z-index:1; width:min(100%,390px); padding:27px; border:1px solid #dce9e3; border-radius:18px; background:#fff; box-shadow:0 30px 80px rgba(3,28,52,.3); }.landing-modal-close { position:absolute; top:13px; right:13px; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:10px; background:#f4f7f6; color:#667a89; }.landing-modal-card>img { width:53px; height:53px; object-fit:contain; }.landing-modal-card>span { display:block; margin-top:16px; color:var(--landing-green); font-size:9px; font-weight:800; text-transform:uppercase; }.landing-modal-card h2 { margin-top:3px; color:var(--landing-navy); font:800 24px var(--font-display); }.landing-modal-card>p { margin-top:6px; color:#6b7e8d; font-size:11px; }.landing-modal-card form { display:grid; gap:13px; margin-top:20px; }.landing-modal-card label { display:grid; gap:5px; color:#3e566b; font-size:10px; font-weight:700; }.landing-modal-card form .landing-button { width:100%; margin-top:3px; border:0; }

@media(max-width:1180px){.landing-header{grid-template-columns:1fr auto;}.landing-nav{position:absolute; top:77px; right:20px; display:none; width:220px; height:auto; padding:12px; border:1px solid #e1e9e5; border-radius:12px; background:#fff; box-shadow:0 20px 45px rgba(8,43,82,.16)}.landing-nav.open{display:grid}.landing-nav a{height:42px;padding:0 10px;border-radius:8px}.landing-nav a.active::after{display:none}.landing-menu{display:inline-flex}.landing-hero{grid-template-columns:minmax(390px,.9fr) minmax(480px,1.1fr)}.landing-trust-row{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.landing-security{grid-template-columns:180px 1fr}.landing-security>img{width:170px}.landing-security ul{grid-column:1/-1}.landing-contact{grid-template-columns:auto 1fr}.landing-contact .landing-button{grid-row:2}.landing-contact .primary{grid-column:1/2}.landing-contact .secondary{grid-column:2/3;justify-self:start}}
@media(max-width:880px){.landing-header{height:68px;padding:0 18px}.landing-logo>img{width:41px;height:41px}.landing-logo strong{font-size:21px}.landing-logo small{font-size:6.5px}.landing-admin{width:42px;padding:0;font-size:0}.landing-admin span{font-size:19px}.landing-nav{top:67px}.landing-hero{grid-template-columns:1fr;padding:38px 22px}.landing-hero-copy{text-align:center}.landing-eyebrow{margin:auto}.landing-hero h1,.landing-hero-copy>p{margin-right:auto;margin-left:auto}.landing-hero-actions{justify-content:center}.landing-trust-row{text-align:left}.landing-product{min-height:420px;max-width:680px;width:100%;margin:auto}.journey-grid{grid-template-columns:repeat(2,1fr);}.journey-arrow{display:none}.module-grid{grid-template-columns:repeat(2,1fr)}.landing-security{margin-right:18px;margin-left:18px;grid-template-columns:1fr;text-align:center}.landing-security>img{display:none}.landing-security ul{grid-template-columns:repeat(2,1fr);text-align:left}.landing-contact{margin-right:18px;margin-left:18px}.landing-footer{padding:28px 20px}}
@media(max-width:560px){.landing-page{background:#fff}.landing-logo small{display:none}.landing-header-actions{gap:5px}.landing-hero{padding:31px 17px}.landing-hero h1{font-size:34px}.landing-hero-copy>p{font-size:14px}.landing-hero-actions{display:grid}.landing-button{width:100%}.landing-trust-row{grid-template-columns:1fr 1fr;gap:14px 8px}.landing-product{min-height:350px}.product-browser{top:35px;width:96%;border-width:5px}.product-screen{grid-template-columns:48px 1fr;height:235px}.product-screen aside{gap:8px}.product-screen aside span{width:25px;height:19px;font-size:11px}.product-dashboard{padding:9px}.product-dashboard>header{height:38px}.product-metrics{gap:4px}.product-metrics>span{display:grid;grid-template-columns:1fr;padding:5px}.product-metrics i{grid-row:auto}.product-chart{height:95px}.product-chart svg{height:58px}.product-phone{left:0;bottom:18px;width:122px;height:258px;border-width:4px;border-radius:20px;padding:22px 8px}.product-phone>strong{margin-top:14px;font-size:8px}.phone-portrait{width:76px;height:76px}.product-phone>p{margin-top:15px;font-size:6px}.product-laptop-base{bottom:26px}.landing-section{padding:27px 17px}.journey-grid,.module-grid{grid-template-columns:1fr 1fr;gap:8px}.journey-grid article{min-height:145px}.module-grid article{min-height:155px}.landing-security{padding:22px 18px}.landing-security ul{grid-template-columns:1fr}.landing-contact{grid-template-columns:1fr;text-align:center}.landing-contact>span{margin:auto}.landing-contact .landing-button,.landing-contact .primary,.landing-contact .secondary{grid-row:auto;grid-column:auto;justify-self:stretch}.landing-footer{display:grid;justify-items:center;gap:14px;text-align:center}.landing-footer p{line-height:1.4}}