.hero{margin:20px 0 0 0;padding:20px;text-align:left;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding-bottom:2px;overflow:hidden}@media(min-width: 600px){.hero{padding:40px;padding-bottom:2px}}@media(min-width: 750px){.hero{text-align:center;align-items:center}}.hero span.tag{background:#282d40;padding:.5rem 1rem;border-radius:30px}.hero .screenshot-container{max-width:1200px;box-shadow:#36384e 0 0 0 1px,rgba(0,0,0,.1) 0 0 20px 10px;background:#1b1c23;overflow:hidden}.hero .screenshot-container img{width:100%;display:block;height:auto}.hero .screenshot-container.desktop{display:none;border-radius:7px;margin:2rem 0 0}@media(min-width: 800px){.hero .screenshot-container.desktop{display:block}}.hero .screenshot-container.desktop img{aspect-ratio:2094/1123}.hero .screenshot-container.mobile{display:block;margin:2rem -10px 0;width:calc(100% + 20px);border-radius:5px}@media(min-width: 600px){.hero .screenshot-container.mobile{margin:1rem -20px 0;width:calc(100% + 40px)}}@media(min-width: 800px){.hero .screenshot-container.mobile{display:none}}.hero .screenshot-container.mobile img{aspect-ratio:1000/947}.hero h1{margin:0;max-width:1000px;line-height:1.1;font-size:2.5rem;color:#fff}@media(min-width: 750px){.hero h1{font-size:3.2rem}}@media(max-width: 500px){.hero h1 span{display:none}}.hero p{font-size:1.3rem;line-height:1.5;max-width:40rem}.hero .bg-container{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;align-items:flex-start;justify-content:center}.hero .bg-container img{flex:none;width:1600px;height:auto}@media(min-width: 1000px){.hero .bg-container{display:flex}}.features{text-align:left;padding:5rem 20px;display:flex;flex-direction:column;align-items:center;gap:4rem}@media(min-width: 600px){.features{padding:5rem 40px}}.features h2{font-size:2rem;color:#fff;text-align:center;margin:0}.features h2 .highlight{color:#6dd6ff}.features .grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1300px;flex-wrap:wrap;margin:0 auto;justify-content:center}@media(min-width: 600px){.features .grid{grid-template-columns:1fr 1fr}}@media(min-width: 1024px){.features .grid{grid-template-columns:1fr 1fr 1fr;max-width:1300px;margin:0 auto}}.features .grid .item{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 25%;max-width:300px;align-items:flex-start}.features .grid .item h3{margin:0;font-size:1.2rem;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;color:#fff;line-height:1.3;text-align:left}@media(min-width: 1024px){.features .grid .item h3{font-size:1.4rem;flex-direction:row;align-items:center}}.features .grid .item h3 i{font-size:2.3rem;color:#fff;flex-shrink:0}@media(min-width: 1024px){.features .grid .item h3 i{font-size:2.1rem}}.features .grid .item p{margin:0;padding:0;font-size:1rem;line-height:1.5;color:#8b8fa3;text-align:left}.highlights .item{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;justify-content:space-between;padding:4rem;gap:3rem}.highlights .item .copy{display:flex;flex-direction:column;gap:1.5rem;text-align:center;align-items:center}.highlights .item .copy h2{font-size:1.5rem;margin:0}@media(min-width: 600px){.highlights .item .copy h2{font-size:2rem}}@media(min-width: 1024px){.highlights .item .copy h2{font-size:2.5rem}}.highlights .item .copy p{margin:0}.highlights .item .copy a{display:inline-flex}.highlights .item .copy .buttons{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:20px}.highlights .item .image{display:flex;align-items:center;justify-content:center}.highlights .item .image img{width:100%;max-width:800px;border-radius:10px;box-shadow:#373b50 0 0 0 1px}.highlights.grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:1rem;max-width:1400px;margin:0 auto}@media(min-width: 1200px){.highlights.grid{gap:2rem}}.highlights.grid .item{flex:1 1 500px;background:linear-gradient(318deg, #1a1a1c, #1f253c);border-radius:10px}.highlights.grid .item .copy h2{font-size:1.6rem;max-width:500px}@media(min-width: 600px){.highlights.grid .item .copy h2{font-size:1.7rem}}@media(min-width: 1200px){.highlights.grid .item .copy h2{font-size:1.8rem}}@media(min-width: 1300px){.highlights.grid .item .copy h2{font-size:2rem}}.highlights.grid .item .copy p{font-size:1rem;max-width:500px}.floating-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:500px;margin-top:1rem;gap:1rem}.floating-logos .logo-bubble{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);transition:all .3s ease;position:relative;overflow:hidden}.floating-logos .logo-bubble i{font-size:2rem;color:#fff}.floating-logos .logo-bubble svg{width:75%;height:auto}.floating-logos .logo-bubble.ec2{background:radial-gradient(circle at 30% 30%, #ff9c11, #ed8b00, #b07219)}.floating-logos .logo-bubble.github{background:radial-gradient(circle at 30% 30%, #444444, #333333, #1a1a1a)}.floating-logos .logo-bubble.aws{background:radial-gradient(circle at 30% 30%, #ff9c11, #ed8b00, #895812)}.floating-logos .logo-bubble.aws i{font-size:1.8rem}.floating-logos .logo-bubble.docker{background:radial-gradient(circle at 30% 30%, #4da6f7, #2496ed, #0db7ed)}.floating-logos .logo-bubble.react{background:radial-gradient(circle at 30% 30%, #7de4fc, #61dafb, #00d8ff)}.floating-logos .logo-bubble.nodejs{background:radial-gradient(circle at 30% 30%, #44aa44, #339933, #026e00)}.floating-logos .logo-bubble.python{background:radial-gradient(circle at 30% 30%, #4a87bc, #3776ab, #306998)}.floating-logos .logo-bubble.javascript{background:radial-gradient(circle at 30% 30%, #fff69b, #f7df1e, #a39116)}.floating-logos .logo-bubble.javascript i{color:#000}.floating-logos .logo-bubble.php{background:radial-gradient(circle at 30% 30%, #888cc5, #777bb4, #4f5b93)}.floating-logos .logo-bubble.java{background:radial-gradient(circle at 30% 30%, #ff9c11, #ed8b00, #b07219)}.floating-logos .logo-bubble.apple{background:radial-gradient(circle at 30% 30%, #666666, #555555, #333333)}.floating-logos .logo-bubble.android{background:radial-gradient(circle at 30% 30%, #4eed95, #3ddc84, #2bb673)}.floating-logos .logo-bubble.microsoft{background:radial-gradient(circle at 30% 30%, #11b5ff, #00a4ef, #0078d4)}.floating-logos .logo-bubble.aws-cloudwatch{background:radial-gradient(circle at 30% 30%, #ff69b4, #ff1493, #c71585)}.floating-logos .logo-bubble.aws-cloudwatch img{width:75%}.floating-logos .logo-bubble.ubuntu{background:radial-gradient(circle at 30% 30%, #fa6531, #e95420, #dd4814)}.floating-logos .logo-bubble.redhat{background:radial-gradient(circle at 30% 30%, #ff1111, #ee0000, #cc0000)}.floating-logos .logo-bubble.digitalocean{background:radial-gradient(circle at 30% 30%, #1191ff, #0080ff, #0066cc)}.floating-logos .logo-bubble.cloudflare{background:radial-gradient(circle at 30% 30%, #ff9131, #f38020, #e67e22)}.floating-logos .logo-bubble.vercel{background:radial-gradient(circle at 30% 30%, #343436, #232325, #000000)}.floating-logos .logo-bubble.vercel i{font-size:1.4rem;margin:-4px 0 0}.floating-logos .logo-bubble.heroku{background:radial-gradient(circle at 30% 30%, #7b42c1, #5f1eae, #380f69)}.floating-logos .logo-bubble.heroku svg{width:95%}.floating-logos .logo-bubble:nth-child(2){animation:float2 var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-5px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-2deg)}}@keyframes float2{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-15px) rotate(0deg)}75%{transform:translateY(-5px) rotate(-2deg)}}@media(min-width: 600px){.highlights .item.delivery{background:url(/assets/images/index/delivery-bg.svg) no-repeat center center;background-size:cover;background-position:center;background-repeat:no-repeat}}.highlights .item.delivery .image{padding:0;max-width:700px;display:flex;align-items:center;justify-content:center;aspect-ratio:2.4;padding:3rem 0 0;margin:0 -10px;width:calc(100% + 20px);overflow:hidden}@media(min-width: 600px){.highlights .item.delivery .image{margin:0;width:100%}}.pricing-highlights{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;max-width:500px}.pricing-highlights .highlight-item{display:flex;align-items:center;gap:.75rem;color:#10b981;font-size:1rem;padding:.5rem 0;border-radius:6px;transition:all .2s ease;background:rgba(16,185,129,.1);padding:.5rem 1rem}.pricing-highlights .highlight-item i{font-size:.9rem;min-width:16px}.pricing-highlights .highlight-item span{font-weight:500}.pricing-visual{perspective:1032px;perspective-origin:50% 50%;width:300px}.limit-meter{transform:rotateX(16deg) scale(0.85, 0.85);background:linear-gradient(135deg, #27292d 0%, #1e40af 100%);border:1px solid #3b82f6;border:1px solid #3b82f6;border-radius:12px;padding:2rem;text-align:center;box-shadow:#2d4060 4px 4px}.limit-meter .meter-label{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.limit-meter .meter-bar{background:rgba(255,255,255,.1);border-radius:8px;height:12px;margin:1rem 0;overflow:hidden}.limit-meter .meter-bar .meter-fill{background:linear-gradient(90deg, #10b981, #34d399);height:100%;border-radius:8px;transition:width .3s ease}.limit-meter .meter-text{font-size:.9rem;color:#cbd5e0;font-weight:500}/*# sourceMappingURL=index.css.map */