
*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1677ff;--dark:#0b1220;--muted:#64748b;--light:#f5f8fc;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf4}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:23px;font-weight:800;letter-spacing:-.5px}.logo span{color:var(--blue)}
nav{display:flex;gap:24px;align-items:center}nav a{font-size:14px;font-weight:600;color:#334155}
.btn{display:inline-block;background:var(--blue);color:white;padding:12px 20px;border-radius:9px;font-weight:700;border:0;cursor:pointer}
.btn.secondary{background:#eaf2ff;color:var(--blue)}
.hero{padding:90px 0;background:linear-gradient(135deg,#f7fbff,#eef5ff)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}
.badge{display:inline-block;background:#e7f0ff;color:var(--blue);padding:7px 12px;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:18px}
h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-2.5px;margin-bottom:20px}
h1 span{color:var(--blue)}.lead{font-size:18px;color:var(--muted);max-width:650px;margin-bottom:28px}
.hero-card{background:#fff;border:1px solid #e4ebf5;border-radius:22px;padding:32px;box-shadow:0 20px 50px rgba(30,70,120,.12)}
.metric{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf1f6}.metric:last-child{border:0}.metric strong{font-size:24px}.metric small{color:var(--muted)}
section{padding:78px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 42px}.section-head h2{font-size:38px;letter-spacing:-1px;margin-bottom:10px}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;border:1px solid #e6ebf2;border-radius:16px;background:#fff}.icon{font-size:28px;margin-bottom:14px}.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:15px}
.about{background:var(--light)}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.two h2{font-size:40px;line-height:1.15;margin-bottom:15px}.two p{color:var(--muted);margin-bottom:16px}
.list{list-style:none}.list li{margin:10px 0;font-weight:600}.list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:10px}
.cta{background:var(--dark);color:#fff;border-radius:22px;padding:48px;text-align:center}.cta p{color:#cbd5e1;margin:10px auto 22px}
.page-hero{padding:65px 0;background:var(--light);text-align:center}.page-hero h1{font-size:50px}.page-hero p{color:var(--muted)}
.form{max-width:700px;margin:auto}.field{margin-bottom:17px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;padding:13px 14px;border:1px solid #d8e0ea;border-radius:9px;font:inherit}.field textarea{min-height:150px;resize:vertical}
footer{background:#07101f;color:#cbd5e1;padding:35px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-grid strong{color:#fff}footer a{color:#cbd5e1;margin-left:15px;font-size:14px}
@media(max-width:800px){nav{gap:12px}nav a:not(.btn){display:none}.hero-grid,.two{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding:60px 0}section{padding:58px 0}.page-hero h1{font-size:40px}.footer-grid{flex-direction:column}}
