:root{--bg:#f7faff;--text:#1f2937;--muted:#5f6b7a;--line:#e7edf8;--pri:#1a73e8}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{width:min(1120px,92%);margin:auto}.row{display:flex;justify-content:space-between;align-items:center}
.topbar{position:sticky;top:0;background:#ffffffd9;border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:800}
.logo{width:36px;height:36px;border:1px solid var(--line);border-radius:8px}
nav a{margin-left:16px;text-decoration:none;color:#334155}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:48px 0}
.pill{display:inline-block;background:#e8f0fe;color:#174ea6;border-radius:999px;padding:6px 10px;font-weight:700}
h1{font-size:clamp(2rem,4vw,3rem);margin:.4rem 0}h2{font-size:clamp(1.5rem,2.6vw,2rem)}
p{color:var(--muted)} .btn{display:inline-block;background:var(--pri);color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px}
.section{padding:56px 0}.alt{background:#ffffff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 20px #1a73e814}
.card img{width:100%;display:block;animation:f 7s ease-in-out infinite}
.mt{margin-top:16px}.footer{padding:20px 0}
.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.show{opacity:1;transform:none}
@keyframes f{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:900px){.hero,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr}nav{display:none}}