*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0a0f;color:#e8e8e8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root{width:100%;min-height:100vh}.desktop-nav{display:flex;gap:40px;align-items:center}.mobile-menu-btn{display:none;background:transparent;border:1px solid #333;color:#fff;padding:8px 12px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:18px;border-radius:4px}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}}.ht-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ht-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ht-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.ht-grid-3,.ht-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.ht-grid-3,.ht-grid-2{grid-template-columns:1fr!important}}@media (max-width: 480px){.ht-grid-4{grid-template-columns:1fr!important}}@media (max-width: 768px){.ht-footer{flex-direction:column!important;text-align:center!important;gap:20px!important}}.ht-ecommerce{display:flex}@media (max-width: 900px){.ht-ecommerce{flex-direction:column!important}}.ht-app-builder{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 800px){.ht-app-builder{grid-template-columns:1fr!important}}.ht-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 900px){.ht-showcase{grid-template-columns:1fr!important}}.ht-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.ht-pricing{grid-template-columns:1fr!important;max-width:500px!important;margin:0 auto!important}}.ht-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.ht-testimonials{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.ht-testimonials{grid-template-columns:1fr!important}}.ht-section{padding:120px 40px}@media (max-width: 768px){.ht-section{padding:60px 20px!important}}@media (max-width: 480px){.ht-section{padding:40px 16px!important}}.ht-hero-title{font-size:clamp(36px,10vw,96px)!important}.ht-section-title{font-size:clamp(28px,6vw,48px)!important}.ht-buttons{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 480px){.ht-buttons{flex-direction:column!important;width:100%!important}.ht-buttons>*{width:100%!important}}.ht-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.ht-kanban{grid-template-columns:1fr!important}}.ht-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 500px){.ht-form-row{grid-template-columns:1fr!important}}.ht-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 500px){.ht-dates{grid-template-columns:repeat(2,1fr)!important}}.ht-api-header{display:flex;gap:12px;align-items:center}@media (max-width: 600px){.ht-api-header{flex-direction:column!important;align-items:stretch!important}}.ht-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.ht-metrics{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 400px){.ht-metrics{grid-template-columns:1fr!important}}.ht-design-system{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.ht-design-system{grid-template-columns:1fr!important}}.ht-checkout-steps{display:flex}@media (max-width: 500px){.ht-checkout-steps{flex-direction:column!important}}.ht-services-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.ht-services-overview{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.ht-services-overview{grid-template-columns:1fr!important}}.ht-menu-cats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}@media (max-width: 600px){.ht-menu-cats{gap:16px!important}}@media (max-width: 350px){.ht-phone-mockup{transform:scale(.8);transform-origin:top center}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-20px) translate(10px);opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#1a1a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00fff2}::selection{background:#00fff24d;color:#fff}
