/* Home page only: hero, shortcut card, feature grid, closing CTA. */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:80px 28px 120px}
h1{font-size:clamp(48px,7.5vw,104px);line-height:.95;letter-spacing:-.045em;font-weight:900}
.ctas{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

.kbd{background:#111118;border:1px solid #23232e;border-radius:22px;padding:36px;box-shadow:0 0 120px rgba(182,255,60,.12)}
.keys{display:flex;gap:12px;align-items:center;font-size:22px;color:#8b8b98}
kbd{font:600 24px system-ui;background:#1c1c26;border:1px solid #33334a;border-bottom-width:4px;border-radius:12px;padding:16px 22px;color:#fff}
.kbd .ph{margin-top:14px}
.wave{display:flex;gap:5px;align-items:center;height:100px;margin:28px 0}
.wave b{flex:1;background:linear-gradient(#b6ff3c,#3cf0ff);border-radius:4px}
code b{color:#b6ff3c}

.feats h2,.final h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.03em;font-weight:900;margin-bottom:40px;line-height:1}
.fg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fg article{background:#111118;border:1px solid #23232e;border-radius:18px;padding:28px}
.fg .big{grid-column:span 2}

.final{text-align:center;padding:140px 28px}
.final h2{font-size:clamp(44px,8vw,110px)}
.final .ph{margin-top:16px}
.free{font-size:20px;color:#ececf1;margin:-12px 0 28px}

@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding:40px 28px 80px}
  .fg{grid-template-columns:1fr}
  .fg .big{grid-column:auto}
  .kbd{padding:24px}
  kbd{font-size:18px;padding:12px 16px}
}
@media(max-width:600px){.final{padding:90px 20px}}