:root{
  --green:#1A312C; --green-2:#24453e; --cream:#f5f2ea; --ink:#13201d;
  --muted:#697570; --line:#dfe5df; --white:#fff; --accent:#d7efdf;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fbfaf7}
a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #eceeea;background:rgba(251,250,247,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-family:Poppins;font-size:20px}.brand-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}
.desktop-nav{display:flex;gap:34px;color:#53605c;font-size:14px}.desktop-nav a:hover{color:var(--green)}
.nav-cta,.primary-btn{background:var(--green);color:#fff;padding:13px 19px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:13px}.menu{display:none;border:0;background:none;font-size:22px}
.hero{min-height:680px;padding:75px 8% 70px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px;background:radial-gradient(circle at 85% 45%,#e5f0e8 0,transparent 31%),#fbfaf7}
.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#557069;display:flex;align-items:center;gap:9px}.eyebrow span{width:22px;height:2px;background:#759e8e;display:inline-block}
.hero h1{font:800 clamp(52px,6vw,82px)/.98 Poppins;margin:23px 0;color:var(--green);letter-spacing:-4px}.hero h1 em{font-style:normal;color:#779b8c}.hero p{font-size:18px;line-height:1.75;color:var(--muted);max-width:600px}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.primary-btn{padding:16px 22px}.primary-btn span{font-size:20px}.text-btn{font-weight:700;font-size:14px}
.trust-row{display:flex;gap:28px;margin-top:42px}.trust-row div{display:flex;gap:8px;align-items:center;font-size:12px;color:#718079}.trust-row strong{width:26px;height:26px;border:1px solid #cbd7d0;border-radius:8px;display:grid;place-items:center;color:var(--green)}
.hero-visual{display:grid;place-items:center;position:relative}.glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#dcebe2;filter:blur(10px);opacity:.7}
.phone{width:285px;height:570px;border:8px solid #15231f;border-radius:39px;background:#f8faf8;box-shadow:0 35px 70px #18372b28,0 8px 20px #18372b20;overflow:hidden;position:relative;z-index:1;transform:rotate(2deg)}
.phone-top{height:39px;background:#15231f;color:#fff;padding:12px 17px;font-size:9px;display:flex;justify-content:space-between}.phone-body{padding:22px 18px}.mini-label{font-size:8px!important;letter-spacing:1.3px;margin:0;color:#89958f!important}.phone h2{font:700 27px Poppins;margin:5px 0}.balance-meta{font-size:9px;color:#4b886e;display:flex;gap:7px}.chart{height:92px;display:flex;align-items:end;gap:7px;margin:18px 0}.chart span{flex:1;background:#80a895;border-radius:4px 4px 1px 1px;opacity:.85}.section-head{font-size:11px;display:flex;justify-content:space-between;margin:13px 0}.section-head span{color:#729281;font-size:9px}.tx{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e7ebe7}.tx i{font-style:normal;width:29px;height:29px;border-radius:9px;background:#e8efe9;display:grid;place-items:center;font-size:13px}.tx div{flex:1}.tx b{display:block;font-size:9px}.tx small{font-size:7px;color:#8b9691}.tx strong{font-size:9px}.out{color:#a34f4f}.in{color:#3b8563}.phone-nav{position:absolute;bottom:0;width:100%;height:48px;border-top:1px solid #e3e8e4;display:flex;justify-content:space-around;align-items:center;color:#8a9691;font-size:14px;background:#fbfcfb}.phone-nav .active{color:var(--green)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.stats div{padding:0 25px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font:700 17px Poppins}.stats span{font-size:11px;color:var(--muted);margin-top:5px}
.section{padding:115px 8%}.section-intro{max-width:650px}.section-intro h2,.security h2,.cta h2{font:700 clamp(35px,4.2vw,58px)/1.1 Poppins;letter-spacing:-2px;margin:18px 0}.section-intro p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:55px}.feature-card{min-height:245px;border:1px solid var(--line);border-radius:22px;padding:29px;background:#fff;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #17372b10}.feature-card.large{grid-row:span 2;min-height:508px;background:var(--green);color:#fff}.feature-card .icon{width:43px;height:43px;border-radius:13px;background:#e8f0eb;color:var(--green);display:grid;place-items:center;font-size:19px;font-weight:800}.feature-card.large .icon{background:#33564e;color:#d9f0e1}.feature-card h3{font:700 20px Poppins;margin:45px 0 10px}.feature-card p{font-size:14px;line-height:1.7;color:var(--muted)}.feature-card.large p{color:#d0ddd8}.mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:55px}.mini-list span{font-size:10px;padding:8px 10px;border:1px solid #46665d;border-radius:20px}
.dark-section{background:var(--green);color:#fff}.light .eyebrow{color:#c5d9d0}.dark-section .section-intro p{color:#c6d3ce}.steps{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#486259}.step{background:var(--green);padding:30px;min-height:190px}.step>b{font-size:11px;color:#9bb8aa}.step h3{font:600 23px Poppins;margin:35px 0 8px}.step p{color:#c2d0ca;font-size:13px;line-height:1.7}
.security{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.security-copy>p{color:var(--muted);line-height:1.8;max-width:600px}.security-points{margin-top:30px;display:grid;gap:14px}.security-points div{display:flex;align-items:center;gap:12px;font-size:13px}.security-points b{width:25px;height:25px;border-radius:50%;background:#e2eee7;color:#49715e;display:grid;place-items:center}.security-card{min-height:330px;border-radius:28px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 0 1px #e5e1d6}.security-card .shield{width:92px;height:110px;clip-path:polygon(50% 0,92% 16%,86% 70%,50% 100%,14% 70%,8% 16%);background:var(--green);color:#d9eee1;display:grid;place-items:center;font-size:27px;margin-bottom:15px}.security-card span{font-size:11px;color:var(--muted)}
.cta{margin:0 8% 100px;padding:65px 7%;border-radius:30px;background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin-bottom:10px}.cta p{color:#cbd8d2}.light-btn{background:#fff;color:var(--green)}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:210px}.small-note{font-size:10px;color:#b8c9c1}
.faq-list{max-width:760px;margin:45px 0 0 auto}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-family:Poppins}.faq-list p{color:var(--muted);font-size:14px;line-height:1.7}
footer{padding:35px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#7c8782}.footer-links{display:flex;gap:20px}
@media(max-width:850px){.desktop-nav,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{letter-spacing:-2px}.hero-visual{margin-top:20px}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats div:nth-child(2){border:0}.feature-grid{grid-template-columns:1fr}.feature-card.large{grid-row:auto;min-height:300px}.steps,.security{grid-template-columns:1fr}.security{gap:35px}.cta{flex-direction:column;align-items:flex-start}.cta-actions{align-items:flex-start}.faq-list{margin-left:0}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.hero{padding-left:6%;padding-right:6%}.section{padding:80px 6%}.hero h1{font-size:48px}.phone{transform:none;width:270px}.stats{margin:0 6%;grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);padding:13px 0}.stats div:last-child{border-bottom:0}.cta{margin-left:6%;margin-right:6%;padding:40px 25px}.trust-row{gap:12px;flex-wrap:wrap}}