*{box-sizing:border-box}
:root{--green:#10b981;--green-dark:#079669;--text:#111827;--muted:#53616d;--border:#e5e9ed;--dark:#101b22}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e9edf0}
.nav-container{max-width:1160px;min-height:66px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}
.brand strong{color:var(--green)}
.brand-icon{width:38px;height:38px;fill:var(--green);flex:none}
.nav-links{display:flex;align-items:center;gap:31px}
.nav-links a{position:relative;padding:24px 0 21px;text-decoration:none;font-size:15px;font-weight:600;color:#20252b}
.nav-links a:hover,.nav-links a.active{color:var(--green-dark)}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--green)}
.menu-button{display:none;border:0;background:none;font-size:25px;cursor:pointer}
.hero{position:relative;min-height:410px;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,11,15,.91) 0%,rgba(4,14,18,.76) 47%,rgba(4,14,18,.40) 100%),url("https://images.unsplash.com/photo-1526506118085-60ce8714f8c5?auto=format&fit=crop&w=1800&q=85");background-size:cover;background-position:center}
.hero-content{position:relative;z-index:2;width:min(1160px,100%);margin:auto;padding:64px 24px}
.eyebrow{margin:0 0 12px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:2px}
.hero h1{margin:0;color:#fff;font-size:clamp(44px,6vw,68px);line-height:1.02;letter-spacing:-2.5px}
.hero h1 span{color:var(--green)}
.hero-text{max-width:590px;margin:20px 0 28px;color:#edf3f5;font-size:19px;line-height:1.55}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.button{display:inline-flex;min-height:55px;align-items:center;justify-content:center;padding:0 28px;border-radius:9px;text-decoration:none;font-weight:700}
.button-primary{background:var(--green);color:#fff}
.button-outline{border:2px solid var(--green);color:#fff}
.section{padding:38px 24px}
.features{background:#f7f9fb}
.feature-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.feature-card{min-height:190px;padding:26px 22px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 5px 18px rgba(18,32,43,.035)}
.feature-icon{height:55px;margin-bottom:13px;color:var(--green)}
.feature-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.feature-card h2{margin:0 0 10px;font-size:18px}
.feature-card p,.step p{margin:0;color:var(--muted);line-height:1.55}
.how{background:#fff;padding-top:25px;padding-bottom:35px}
.section-heading{text-align:center;margin-bottom:30px}
.section-heading h2{margin:0 0 8px;font-size:34px}
.section-heading p{margin:0;color:var(--muted)}
.steps{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:14px;text-align:center}
.step-number{width:43px;height:43px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff;font-size:18px;font-weight:800}
.step h3{margin:0 0 8px;font-size:17px}
.step-arrow{padding-top:16px;font-size:25px;color:#3d4b55}
.site-footer{padding:40px 24px 17px;background:var(--dark);color:#eaf1f3}
.footer-container{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1.2fr;gap:70px}
.footer-brand-link{color:#fff}
.footer-brand-link .brand-icon{width:38px;height:38px}
.footer-tagline{margin:9px 0 12px;color:#d5dee2;font-weight:600}
.footer-brand>p:last-child{max-width:390px;margin:0;color:#aebbc1;line-height:1.6}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-column h3{margin:0 0 7px;color:#fff;font-size:16px}
.footer-column a{color:#c7d1d5;text-decoration:none;font-size:14px}
.footer-column a:hover{color:var(--green)}
.footer-column p{margin:0;color:#aebbc1;font-size:14px}
.footer-bottom{max-width:1160px;margin:30px auto 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#9eabb0;font-size:13px}
@media(max-width:850px){.nav-links{display:none;position:absolute;left:0;right:0;top:66px;padding:8px 24px 16px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links a{padding:13px 0}.nav-links a.active:after{display:none}.menu-button{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;gap:32px 20px}.step-arrow{display:none}.footer-container{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.nav-container{padding:0 18px}.brand{font-size:21px}.brand-icon{width:31px;height:31px}.hero{min-height:460px;background-position:60% center}.hero-content{padding:50px 20px}.hero h1{font-size:45px}.hero-text{font-size:17px}.hero-actions{flex-direction:column}.button{width:100%}.section{padding:32px 18px}.feature-grid,.steps,.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}}