/* Basic modern, clean styling */
:root{
  --bg:#0b0f15;
  --text:#111314;
  --muted:#5b6876;
  --brand:#0ea765;
  --brand-ink:#0a8a53;
  --surface:#ffffff;
  --surface-2:#f5f7fa;
  --ink:#0f172a;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:#0f172a;}

.container{max-width:1100px;margin:0 auto;padding:0 20px;}

.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e9eef4;z-index:10;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;}
.logo-dot{width:12px;height:12px;border-radius:50%;background:var(--brand);display:inline-block;}
.brand-name{letter-spacing:.3px;}

.menu a{margin-left:18px;text-decoration:none;color:#0f172a;font-weight:500;}
.menu .btn.small{padding:8px 12px;border-radius:10px;background:var(--brand);color:white;}
.menu .btn.small:hover{background:var(--brand-ink);}

.hero{background:linear-gradient(180deg,#f8fafc, #ffffff 30%);padding:72px 0 32px;}
.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px;}
.lead{font-size:18px;color:#334155;max-width:650px;}
.cta-row{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;}
.btn{background:var(--brand);color:white;text-decoration:none;padding:12px 18px;border-radius:12px;display:inline-block;font-weight:600;border:0;cursor:pointer;}
.btn:hover{background:var(--brand-ink);}
.btn.ghost{background:transparent;border:1px solid #d5dbe3;color:#0f172a;}
.btn.ghost:hover{border-color:#8fa3b8;}

.trust-row{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap;color:#475569;font-size:14px;}

.section{padding:64px 0;background:#fff;}
.section.alt{background:var(--surface-2);}
.section h2{margin:0 0 8px;font-size:28px;}
.section-lead{color:#475569;margin:0 0 24px;}

.grid{display:grid;gap:20px;}
.grid.two{grid-template-columns:repeat(2,1fr);}
.grid.four{grid-template-columns:repeat(4,1fr);}

.card{background:#fff;border:1px solid #e6ecf3;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.card h3{margin-top:6px;}
ul.check{list-style:none;padding:0;margin:10px 0 0;}
ul.check li{margin:10px 0;padding-left:26px;position:relative;}
ul.check li:before{content:'✓';position:absolute;left:0;top:0;color:var(--brand);font-weight:700;}

.step{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;min-height:130px;}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;}

.highlight{background:#f0fdf4;border:1px solid #86efac;border-radius:16px;padding:20px;}

.contact-form{max-width:720px;}
.contact-form label{display:block;font-weight:600;margin:10px 0 6px;}
.contact-form input,.contact-form textarea{width:100%;padding:12px 12px;border:1px solid #d1d9e0;border-radius:10px;font:inherit;}
.contact-form button{margin-top:10px;}
.tiny{font-size:12px;color:#607084;margin-top:8px;}

.footer{border-top:1px solid #e9eef4;background:#fff;padding:20px 0;margin-top:32px;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:14px;}
.footer-right a{color:#64748b;text-decoration:none;margin-left:14px;}
.footer-right a:hover{text-decoration:underline;}

@media (max-width: 900px){
  .grid.two{grid-template-columns:1fr;}
  .grid.four{grid-template-columns:1fr 1fr;}
  .hero-inner{flex-direction:column;align-items:flex-start;}
  .hero h1{font-size:32px;}
}
@media (max-width: 560px){
  .grid.four{grid-template-columns:1fr;}
}