@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--md-primary: #00BCD4;--md-secondary: #7C4DFF;--md-primary-container: #004D54;--md-surface: #0a0f1a;--md-surface-container: #121828;--md-surface-variant: #1a2235;--md-on-surface: #e2e8f0;--md-on-surface-muted: #94a3b8;--md-outline: rgba(255,255,255,.08);--md-radius: 16px;--md-radius-sm: 8px;--md-transition: all .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Be Vietnam Pro,Inter,system-ui,sans-serif;background-color:var(--md-surface);color:var(--md-on-surface);line-height:1.6;-webkit-font-smoothing:antialiased}.display{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.headline{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.gradient-text{background:linear-gradient(135deg,#00bcd4,#7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid var(--md-outline)}.card{background:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:var(--md-radius);padding:28px;transition:var(--md-transition)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00bcd426;border-color:#00bcd44d}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121828cc;border:1px solid var(--md-outline);border-radius:var(--md-radius);padding:28px;transition:var(--md-transition)}.card-glass:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00bcd426;border-color:#00bcd440}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00bcd4,#7c4dff);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-family:Be Vietnam Pro,Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--md-transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00bcd466}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--md-on-surface);border:1px solid var(--md-outline);border-radius:12px;padding:13px 30px;font-family:Be Vietnam Pro,Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--md-transition)}.btn-outline:hover{background:#ffffff0f;border-color:#00bcd466}.badge{display:inline-flex;align-items:center;gap:6px;background:#00bcd41f;color:var(--md-primary);border:1px solid rgba(0,188,212,.25);border-radius:100px;padding:6px 14px;font-size:.875rem;font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:96px 0}.divider{border:none;border-top:1px solid var(--md-outline);margin:0}.text-center{text-align:center}.pricing-featured{background:linear-gradient(135deg,#00bcd414,#7c4dff14);border:2px solid transparent;background-clip:padding-box;position:relative}.pricing-featured:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--md-radius) + 2px);background:linear-gradient(135deg,#00bcd4,#7c4dff);z-index:-1}.terminal{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 24px;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.875rem;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media(max-width:640px){section{padding:64px 0}}