@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#a855f7;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--dark:#0f172a;--dark-800:#1e293b;--dark-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#cbd5e1;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:#fff;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.mesh-bg{background:linear-gradient(180deg,#fff,#f8fafc);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.gradient-sphere{animation:float 25s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.4;position:absolute}.sphere-1{animation-delay:0s;background:radial-gradient(circle,#6366f1 0,transparent 70%);height:600px;right:-100px;top:-200px;width:600px}.sphere-2{animation-delay:8s;background:radial-gradient(circle,#a855f7 0,transparent 70%);bottom:-150px;height:500px;left:-100px;width:500px}.sphere-3{animation-delay:16s;background:radial-gradient(circle,#06b6d4 0,transparent 70%);height:400px;left:30%;top:40%;width:400px}.sphere-4{animation-delay:24s;background:radial-gradient(circle,#10b981 0,transparent 70%);height:450px;right:20%;top:60%;width:450px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}.header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffc;border-bottom:1px solid rgba(226,232,240,.6);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar{gap:2rem;justify-content:space-between;padding:1rem 2rem}.logo-group,.navbar{align-items:center;display:flex}.logo-group{gap:.75rem}.logo-wrapper{height:40px;transition:transform .3s ease;width:160px}.logo-wrapper:hover{filter:drop-shadow(0 8px 25px rgba(99,102,241,.2));transform:scale(1.05)}.logo-svg{filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));height:100%;width:100%}.logo-text{background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;font-size:1.25rem;font-weight:800;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.logo-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:6px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.nav-menu{align-items:center;display:flex;flex:1;gap:2.5rem;justify-content:flex-end;list-style:none}.nav-link{color:var(--gray-600);font-size:.95rem;font-weight:500;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;display:flex;gap:1rem}.btn-text{background:none;border:none;color:var(--gray-600);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:color .3s}.btn-text:hover{color:var(--primary)}.btn-gradient{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-gradient:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.hero{display:flex;min-height:100vh;padding:180px 0 100px}.hero,.hero-container{align-items:center;position:relative}.hero-container{display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-content{max-width:700px;position:relative;z-index:1}.status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:100px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:inline-flex;gap:.75rem;margin-bottom:2.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.status-badge:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.status-dot{animation:pulse-dot 2s infinite;background:var(--success);border-radius:50%;box-shadow:0 0 #10b981b3;height:8px;width:8px}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 8px #10b98100}}.status-badge span{color:var(--gray-700);font-size:.875rem;font-weight:500}.status-avatars{display:flex;margin-left:.5rem}.avatar{align-items:center;background:var(--gray-100);border:2px solid #fff;border-radius:50%;display:flex;font-size:.7rem;height:24px;justify-content:center;margin-left:-8px;width:24px}.avatar:first-child{margin-left:0}.hero-title{font-size:5.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;margin-bottom:2rem}.title-line{color:var(--dark);display:block}.title-gradient{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background-clip:text;-webkit-background-clip:text;display:block;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;background-size:200% auto;position:relative}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-desc{color:var(--gray-600);font-size:1.35rem;line-height:1.7;margin-bottom:3rem;max-width:600px}.hero-actions{display:flex;gap:1rem;margin-bottom:4rem}.btn-hero-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:14px;box-shadow:0 10px 30px #6366f14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 15px 40px #6366f166;transform:translateY(-3px)}.btn-shine{animation:shine 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.btn-hero-glass{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--gray-200);border-radius:14px;color:var(--dark);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1.25rem 2.5rem;transition:all .3s ease}.btn-hero-glass:hover{background:#fff;box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.trust-bar{gap:2.5rem}.trust-bar,.trust-item{align-items:center;display:flex}.trust-item{gap:1rem}.trust-icon{font-size:2rem}.trust-text{display:flex;flex-direction:column}.trust-label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.trust-value{color:var(--dark);font-size:1.1rem;font-weight:700}.trust-divider{background:var(--gray-200);height:40px;width:1px}.hero-visual{align-items:center;display:flex;height:600px;justify-content:center;position:relative;width:100%}.visual-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;border:1px solid hsla(0,0%,100%,.8);border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:2rem;position:absolute;transition:transform .3s ease}.visual-card:hover{transform:translateY(-5px)}.card-main{animation:float-card 6s ease-in-out infinite;background:linear-gradient(135deg,#1e293b,#334155);height:220px;left:-20px;overflow:hidden;position:absolute;top:80px;width:360px}@keyframes float-card{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-2deg)}}.card-gradient{background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);border-radius:50%;filter:blur(40px);height:200px;position:absolute;right:0;top:0;width:200px}.card-header{display:flex;justify-content:space-between;margin-bottom:3rem}.card-chip{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;height:40px;width:50px}.card-number,.card-wireless{font-size:1.5rem}.card-number{color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:.1em;margin-bottom:1.5rem}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-name{color:#fffc;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.card-logo{font-size:2rem}.card-stats{animation:float-card 6s ease-in-out 2s infinite;position:absolute;right:-30px;top:20px;width:300px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stats-title{color:var(--gray-600);font-size:.875rem;font-weight:500}.stats-trend{color:var(--success);font-size:.875rem;font-weight:700}.stats-amount{background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.stats-chart{align-items:flex-end;display:flex;gap:.5rem;height:80px}.chart-bar{animation:grow-bar 1s ease-out;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:4px 4px 0 0;flex:1}@keyframes grow-bar{0%{height:0}}.card-notification{animation:float-card 6s ease-in-out 4s infinite;bottom:100px;gap:1rem;left:40px;padding:1.5rem;position:absolute;width:280px}.card-notification,.notif-icon{align-items:center;display:flex}.notif-icon{background:linear-gradient(135deg,var(--success),#06b6d4);border-radius:12px;color:#fff;font-size:1.25rem;height:40px;justify-content:center;width:40px}.notif-content{flex:1}.notif-title{color:var(--dark);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.notif-desc{color:var(--gray-600);font-size:.875rem}.notif-time{color:var(--gray-500);font-size:.75rem}.stats-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);padding:4rem 0}.stats-grid{display:grid;gap:3rem;grid-template-columns:repeat(4,1fr)}.stat-box{text-align:center}.stat-number{background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:.5rem}.stat-label{color:var(--gray-600);font-size:1rem;font-weight:500}.features{padding:100px 0}.section-header{margin-bottom:4rem;text-align:center}.section-eyebrow{background:#6366f11a;border-radius:100px;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;padding:.5rem 1.25rem;text-transform:uppercase}.section-title{background:linear-gradient(135deg,var(--dark) 0,var(--gray-600) 100%);background-clip:text;-webkit-background-clip:text;font-size:4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--gray-600);font-size:1.25rem;line-height:1.7;margin:0 auto;max-width:700px}.bento-grid{display:grid;gap:1.5rem;grid-template-areas:"developer developer developer speed speed speed" "developer developer developer global global global" "analytics analytics reconciliation reconciliation routing routing" "security security security security security security";grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1400px}.bento-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.bento-item:before{background:linear-gradient(90deg,#6366f1,#a855f7);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.bento-item:hover:before{transform:scaleX(1)}.bento-item:hover{border-color:#6366f1;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.bento-large:first-child{grid-area:security}.bento-medium:nth-child(2){grid-area:speed}.bento-medium:nth-child(3){grid-area:global}.bento-small:nth-child(4){grid-area:analytics}.bento-small:nth-child(5){grid-area:reconciliation}.bento-small:nth-child(6){grid-area:routing}.bento-large:nth-child(7){grid-area:developer}.bento-large{min-height:350px}.bento-medium{min-height:200px}.bento-small{min-height:160px}.bento-content{display:flex;flex-direction:column;height:100%}.bento-icon{margin-bottom:1.5rem}.bento-icon-sm{font-size:2rem;margin-bottom:1rem}.bento-title{color:var(--dark);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.bento-title-sm{color:var(--dark);font-size:1rem;font-weight:600;line-height:1.4}.bento-desc{color:var(--gray-600);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.bento-visual{margin-top:auto;padding-top:1rem}.security-visual{align-items:center;display:flex;height:80px;justify-content:center;position:relative}.security-lock{font-size:2.5rem;position:relative;z-index:2}.security-waves{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.wave{animation:wave-pulse 2s infinite;border:2px solid var(--primary);border-radius:50%;height:60px;opacity:0;position:absolute;width:60px}.wave:nth-child(2){animation-delay:.5s}.wave:nth-child(3){animation-delay:1s}@keyframes wave-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}.speed-meter{align-items:center;background:var(--gray-100);border-radius:12px;display:flex;height:50px;margin-top:auto;overflow:hidden;position:relative}.meter-bar{animation:meter-fill 2s ease-out;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:12px;height:100%;width:85%}@keyframes meter-fill{0%{width:0}}.meter-value{color:var(--dark);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.globe-visual{animation:spin 20s linear infinite;font-size:3rem;margin-top:auto;padding:1rem 0;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.code-preview{background:var(--dark);border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;margin-top:auto;padding:1.25rem}.code-line{color:var(--gray-400);margin-bottom:.4rem}.code-line:last-child{margin-bottom:0}.code-key{color:#06b6d4}.code-value{color:#a855f7}.code-string{color:#10b981}.social-proof{background:var(--gray-50);padding:5rem 0}.proof-title{color:var(--gray-500);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:3rem;text-align:center;text-transform:uppercase}.brands-grid{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr)}.brand-item{color:var(--gray-400);cursor:pointer;font-size:1.25rem;font-weight:700;text-align:center;transition:all .3s ease}.brand-item:hover{color:var(--dark);transform:scale(1.05)}.cta-section{padding:120px 0}.cta-card{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:32px;overflow:hidden;padding:5rem;position:relative}.cta-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:2}.cta-title{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem}.cta-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-cta-primary{align-items:center;background:#fff;border:none;border-radius:14px;box-shadow:0 10px 30px #0003;color:var(--dark);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1.25rem 2.5rem;transition:all .3s ease}.btn-cta-primary:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-3px)}.btn-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid hsla(0,0%,100%,.3);border-radius:14px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.25rem 2.5rem;transition:all .3s ease}.btn-cta-secondary:hover{background:#fff3;border-color:#fff;transform:translateY(-3px)}.cta-note{color:#fffc;font-size:.95rem}.cta-glow{animation:float 15s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);border-radius:50%;filter:blur(80px);height:600px;position:absolute;right:-20%;top:-50%;width:600px}.footer{background:var(--dark);color:#fff;padding:80px 0 40px}.footer-grid{display:grid;gap:4rem;grid-template-columns:2fr 4fr;margin-bottom:4rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-desc{color:var(--gray-400);line-height:1.7;max-width:300px}.footer-links{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-col h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:var(--gray-400);font-size:.95rem;transition:color .3s}.footer-col ul li a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);color:var(--gray-500);display:flex;font-size:.95rem;justify-content:space-between;padding-top:2rem}.footer-social{display:flex;gap:2rem}.social-icon{color:var(--gray-400);font-size:1rem;transition:color .3s}.social-icon:hover{color:#fff}@media(max-width:1200px){.hero-container{gap:2rem;grid-template-columns:1fr}.hero-visual{display:none}.hero-content{max-width:100%}.section-title{font-size:3rem}.bento-grid{gap:1.25rem;grid-template-areas:"security security" "speed global" "analytics reconciliation" "routing routing" "developer developer";grid-template-columns:repeat(2,1fr)}.bento-large{min-height:280px}.bento-medium{min-height:220px}.bento-small{min-height:160px}}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px;padding:12px;z-index:1002}.hamburger span{background:var(--dark);height:2px;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.hamburger{display:flex}.nav-menu{background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;gap:2rem;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:1001}.nav-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid #f0f0f0;font-size:1.1rem;font-weight:500;padding:1rem 0;text-align:center}.nav-actions{align-items:center;flex-direction:column;gap:1rem;margin-top:1rem}.hero{padding:140px 0 80px}.hero-title{font-size:3rem}.hero-desc{font-size:1.1rem}.hero-actions,.trust-bar{flex-direction:column}.trust-bar{gap:1.5rem}.trust-divider{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.bento-grid{gap:1rem;grid-template-areas:"security" "speed" "global" "analytics" "reconciliation" "routing" "developer";grid-template-columns:1fr}.bento-item{min-height:220px}.bento-large{min-height:260px}.bento-small{min-height:180px}.brands-grid{grid-template-columns:repeat(3,1fr)}.cta-card{padding:3rem 2rem}.cta-title{font-size:2.5rem}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}