:root{--blue:#0878ef;--green:#20c66a;--dark:#10223a;--muted:#5e6d7d;--bg:#f4f8fc}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:white}.wrap{width:min(1120px,90%);margin:auto}header{border-bottom:1px solid #e7edf3;background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:var(--muted);margin-top:3px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--green));color:white;font-size:24px;font-weight:800}.btn{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}.hero{background:linear-gradient(135deg,#eef7ff,#f4fff8);padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center}.tag{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:1px}h1{font-size:clamp(40px,6vw,66px);line-height:1.02;margin:14px 0 20px}h2{font-size:32px}p{line-height:1.65;color:var(--muted)}.actions{display:flex;gap:12px;align-items:center;margin:28px 0}.big{padding:16px 22px}.outline{padding:14px 20px;border:2px solid var(--blue);border-radius:10px;color:var(--blue);text-decoration:none;font-weight:700}.note{font-size:13px}.card{background:white;padding:30px;border-radius:20px;box-shadow:0 18px 50px #0c40751a}.card h2{margin-top:0}.section{padding:70px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.cards article{padding:26px;border:1px solid #e2eaf2;border-radius:16px}.cards article>b{color:var(--green);font-size:26px}.about{padding:60px 0;background:var(--bg)}footer{background:#0c1c30;color:white;padding:42px 0}footer p{color:#aebccd}footer nav{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0}footer a{color:#dcecff}.copy{font-size:13px}@media(max-width:760px){.nav{gap:15px}.nav .btn{font-size:13px;padding:10px}.brand small{display:none}.hero{padding:55px 0}.hero-grid,.cards{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.actions a{text-align:center}h2{font-size:27px}}