:root{--blue:#2563eb;--navy:#0b163f;--teal:#14b8a6;--cloud:#f7fafc;--white:#fff;--text:#111827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cloud);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.nav{align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.brand{color:var(--navy);letter-spacing:.04em;font-size:24px;font-weight:900}nav{gap:20px;margin-left:auto;display:flex}nav a{color:var(--navy);font-size:14px;font-weight:700;text-decoration:none}.actions{gap:10px;display:flex}button{cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:800}.primary{background:var(--blue);color:#fff}.ghost{color:var(--navy);background:#fff;border:1px solid #dbe3ef}.hero{background:radial-gradient(circle at 85% 15%,#14b8a62e,#0000 28%),linear-gradient(135deg,#fff,#eef5ff);border-radius:30px;width:min(1180px,100% - 40px);margin:34px auto 0;padding:72px;box-shadow:0 18px 60px #0b163f14}.eyebrow{color:var(--teal);letter-spacing:.12em;font-size:13px;font-weight:900}h1{max-width:780px;color:var(--navy);letter-spacing:-.04em;margin:18px 0;font-size:clamp(42px,7vw,78px);line-height:.98}.hero p{color:#475569;max-width:720px;font-size:18px;line-height:1.65}.planner{background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr) auto;gap:10px;margin-top:36px;padding:14px;display:grid;box-shadow:0 12px 40px #0b163f14}.planner div{border-right:1px solid #e5e7eb;padding:12px 16px}.planner span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.planner strong{color:var(--navy)}.big{padding-inline:24px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;width:min(1180px,100% - 40px);margin:26px auto 70px;display:grid}.cards article{background:#fff;border-radius:20px;padding:26px;box-shadow:0 12px 36px #0b163f0f}.cards h2{color:var(--navy);margin-top:0}.cards p{color:#64748b;line-height:1.55}footer{text-align:center;color:#64748b;padding:34px 20px 50px}@media (max-width:900px){nav{display:none}.actions{margin-left:auto}.hero{padding:38px 24px}.planner{grid-template-columns:1fr}.planner div{border-bottom:1px solid #e5e7eb;border-right:0}.cards{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cards{grid-template-columns:1fr}.brand{font-size:20px}.ghost{display:none}}