@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 50% 35%,rgba(74,139,255,.11),transparent 30%),#0e0e12;font-family:Inter,sans-serif}.header,.footer{padding:20px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between}.header{border-bottom:1px solid #1b1d27}.logo{color:#fff;font-size:18px;font-weight:800;text-decoration:none}.logo span{color:#4a8bff}.header code{color:#78839a;font-size:11px}.hero{width:min(900px,calc(100% - 40px));margin:auto;padding:90px 0;text-align:center}.badge{padding:7px 11px;border:1px solid rgba(74,139,255,.22);border-radius:999px;color:#8eb8ff;background:rgba(74,139,255,.08);font-size:11px;font-weight:700}.hero h1{max-width:740px;margin:24px auto 18px;font-size:clamp(38px,7vw,68px);letter-spacing:-.055em;line-height:1.02}.hero>p{max-width:620px;margin:auto;color:#9aa4b9;font-size:clamp(15px,2vw,18px);line-height:1.7}.example{max-width:720px;margin:40px auto 0;padding:16px 18px;border:1px solid #242938;border-radius:13px;display:flex;align-items:center;gap:12px;color:#b9c8e3;background:#12151e;text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.2)}.example span{color:#4a8bff;font-size:11px;font-weight:800}.example code{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.features{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features article{padding:18px;border:1px solid #1f2330;border-radius:13px;color:#8f99ad;background:rgba(18,21,30,.72);font-size:12px}.features strong{margin-bottom:7px;display:block;color:#eef3fc}.footer{border-top:1px solid #1b1d27;color:#717b90;font-size:12px}@media(max-width:680px){.header code{display:none}.features{grid-template-columns:1fr}.example{align-items:flex-start;flex-direction:column}}