*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0b0b0d;color:#f4f4f2;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:rgba(53,224,161,.28)}
a{color:inherit}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:860px){
  .nav-inner{padding:8px 18px !important;gap:12px !important}
  .nav-links{display:none !important}
  .hero{grid-template-columns:1fr !important;gap:34px !important;padding:6px 20px 46px !important}
  .hero h1{font-size:40px !important}
  .hero-visual{max-width:440px;margin:0 auto;width:100%}
  .sec{padding:44px 20px !important}
  .learn-grid{grid-template-columns:1fr !important}
  .instr-card{grid-template-columns:1fr !important;padding:30px 22px !important;gap:26px !important}
  .instr-photo{max-width:260px;margin:0 auto}
  .final-cta{padding:52px 20px 38px !important}
  .final-cta h2{font-size:30px !important}
  .final-cta h2 br{display:none}
  .price-sec{padding:44px 20px 24px !important}
}
@media(max-width:480px){
  .hero h1{font-size:34px !important}
  .hero-stats{gap:22px !important}
  .sec h2, .price-sec h2{font-size:29px !important}
}