@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #161616;--bg-elevated: #1a1a1a;--bg-page: #0a0a0a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--accent: #00ff85;--accent-muted: rgba(0, 255, 133, .1);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0}h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95;letter-spacing:-.03em;margin-bottom:1.5rem}h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:.5rem}h4{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}p{color:var(--text-secondary);max-width:60ch}a{color:var(--text-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}code,.mono{font-family:var(--font-mono);font-size:.875em}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.btn:hover{background:#ffffff0d;border-color:#fff3}.btn-primary{background:var(--accent);color:#000;border:none;box-shadow:0 0 #00ff6a66}.btn-primary:hover{background:#00ff85;color:#000;transform:translateY(-2px);box-shadow:0 10px 30px -10px #00ff8599}.btn-primary:active{transform:translateY(0)}.btn-ghost{border:none;padding:.5rem 1rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:var(--accent-muted);color:var(--accent)}.badge-test,.badge-sandbox{background:#ffc80026;color:#ffc800}.badge-live{background:var(--accent-muted);color:var(--accent)}.badge-success{background:#00ff6a26;color:var(--accent)}.badge-error{background:#ff505026;color:#ff5050}.badge-neutral{background:#ffffff1a;color:var(--text-secondary)}.status-failed{background:#ff505026;color:#ff5050}input,select{width:100%;padding:.75rem 1rem;font-family:var(--font-display);font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}td{padding:1rem;border-bottom:1px solid var(--border-subtle);font-size:.9375rem;transition:background .15s}tr:hover td{background:#ffffff05}tr:last-child td{border-bottom:none}.status{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase}.status-success{background:#00ff6a1f;color:var(--accent);border:1px solid rgba(0,255,106,.2)}.status-pending{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.2)}.status-failed{background:#ff50501a;color:#ff6b6b;border:1px solid rgba(255,80,80,.2)}.callout{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem}.empty-state{padding:4rem 2rem;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state:before{content:"📭";font-size:2.5rem;opacity:.5;filter:grayscale(.5)}.empty-state p{margin:0 auto;max-width:300px;line-height:1.5}.empty-state .btn{margin-top:.5rem}.progress-bar-container{height:6px;background:#ffffff0f;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#14ffa1);border-radius:9999px;transition:width .4s ease-out;box-shadow:0 0 12px #00ff8566}.btn-xs{padding:.25rem .5rem;font-size:.6875rem;border-radius:var(--radius-sm)}.btn-outline-accent{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-outline-accent:hover{background:#00ff6a1a;border-color:var(--accent);color:var(--accent)}header{position:sticky;top:0;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}nav{display:flex;align-items:center;gap:2rem}nav a{font-size:.875rem;color:var(--text-secondary)}nav a:hover{color:var(--text-primary)}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;position:relative}.app-layout.sandbox:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(45deg,#ffc800,#ffc800 10px,#ffd633 10px,#ffd633 20px);z-index:9999;box-shadow:0 2px 10px #ffc80033}.app-layout.production:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);z-index:9999;box-shadow:0 2px 10px #00ff6a33}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:1.5rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:1.5rem;font-weight:700}.sidebar-logo .icon{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#000}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s;text-decoration:none}.sidebar-link:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-link.active{background:var(--accent-muted);color:var(--accent)}.sidebar-icon{font-size:1rem;width:1.25rem;text-align:center}.sidebar-env-toggle{padding:.75rem;margin:.5rem 0 1rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.sidebar-env-toggle:hover{background:#ffffff0f;border-color:var(--border-default)}.sidebar-env-toggle:has(.env-indicator.sandbox){background:#ffc8001a;border-color:#ffc8004d}.sidebar-env-toggle:has(.env-indicator.sandbox):hover{background:#ffc80026;border-color:#ffc80080;box-shadow:0 0 15px #ffc8001a}.sidebar-env-toggle:has(.env-indicator.production){background:#00ff6a0d;border-color:#00ff6a33}.sidebar-env-toggle:has(.env-indicator.production):hover{background:#00ff6a1a;border-color:#00ff6a66}.env-indicator{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;letter-spacing:-.01em}.env-indicator.sandbox{color:#ffc800}.env-indicator.production{color:var(--accent)}.env-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse-glow 2s ease-in-out infinite}.hero-tagline-pill{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#00ff8514;border:1px solid rgba(0,255,133,.2);color:#00ff85;font-size:.8125rem;font-weight:600;letter-spacing:.02em;margin-bottom:2rem;box-shadow:0 0 30px #00ff8526}.hero-tagline-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px currentColor}50%{opacity:.7;transform:scale(.9);box-shadow:0 0 4px currentColor}}.animate-pulse-subtle{animation:pulse-subtle 3s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1;text-shadow:0 0 0px var(--accent)}50%{opacity:.9;text-shadow:0 0 10px rgba(0,255,133,.3)}}.env-switch-hint{display:block;margin-top:.25rem;font-size:.6875rem;color:var(--text-muted)}.sidebar-section{margin-bottom:1.75rem;padding:0 .5rem}.sidebar-section-secondary{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.sidebar-section-label{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);padding:.75rem .75rem .5rem;margin-bottom:.25rem}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem .75rem;margin-top:1rem;border-top:1px solid var(--border-subtle)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent) 0%,#00c8ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#000}.user-info{flex:1;min-width:0}.user-email{display:block;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-signout{display:block;font-size:.6875rem;color:var(--text-muted);background:none;border:none;padding:0;cursor:pointer;margin-top:.125rem}.user-signout:hover{color:var(--accent)}.main-content{padding:2rem 3rem;overflow-y:auto}pre{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7}.code-window{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted)}.code-dots{display:flex;gap:6px}.code-dots span{width:12px;height:12px;border-radius:50%;background:#ffffff26}.code-dots span:first-child{background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27ca40}.code-tabs{display:flex;gap:.5rem}.code-tab{padding:.375rem .75rem;font-size:.75rem;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.code-tab:hover{color:var(--text-secondary)}.code-tab.active{background:var(--accent);color:#000}.code-block{padding:1.25rem 1.5rem;margin:0;border:none;border-radius:0;background:transparent}.token-string{color:#f1fa8c}.token-comment{color:var(--text-muted)}.token-function{color:#50fa7b}footer{border-top:1px solid var(--border-subtle);padding:3rem 0;margin-top:6rem}footer .container{display:flex;align-items:center;justify-content:space-between}footer p{font-size:.875rem;color:var(--text-muted)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-24{margin-bottom:6rem}.mb-32{margin-bottom:8rem}.pt-24{padding-top:6rem}.pb-20{padding-bottom:5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.bg-transparent{background-color:transparent!important}.space-y-4>*+*{margin-top:1rem}.space-y-12>*+*{margin-top:3rem}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.rounded-full{border-radius:9999px}.border-l-2{border-left-width:2px}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.left-4{left:1rem}.bottom-0{bottom:0}.-top-12{top:-3rem}.-z-10{z-index:-10}.z-10{z-index:10}.w-8{width:2rem}.h-8{height:2rem}.w-px{width:1px}.faq-btn{background:transparent!important;border:none;color:var(--text-primary);cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.faq-answer{color:var(--text-muted);padding-bottom:1.5rem}.workbench-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding:.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:fit-content}.tab-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{background:var(--bg-elevated);color:var(--accent);box-shadow:0 4px 12px #0003}.label-bold{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.workbench-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 10px 30px #0003}.workbench-input-group{margin-bottom:1.5rem}.workbench-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s}.workbench-input:focus{border-color:var(--accent);background:var(--bg-secondary)}.response-panel{background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-mono);overflow:hidden;display:flex;flex-direction:column}.response-header{padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.response-body{padding:1.5rem;flex:1;overflow:auto;font-size:.8125rem;line-height:1.6}.response-status{font-size:.75rem;font-weight:600}.response-status.success{color:var(--accent)}.response-status.error{color:#ff5050}.p-4{padding:1rem}.p-8{padding:2rem}.w-full{width:100%}.flex-1{flex:1}.grid{display:grid}.border-b{border-bottom:1px solid var(--border-subtle)}.overflow-hidden{overflow:hidden}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:201;position:relative}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{display:none}html,body{overflow-x:hidden;max-width:100vw}@media (max-width: 768px){.mobile-menu-btn{display:block}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199}header .container{position:relative}header nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;height:100dvh;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:0;z-index:200;transition:right .3s cubic-bezier(.4,0,.2,1)}header nav.nav-open{right:0}header nav a,header nav button{width:100%;padding:1rem 0;font-size:1rem;border-bottom:1px solid var(--border-subtle)}header nav .btn-primary{margin-top:1rem;text-align:center;justify-content:center;border-bottom:none}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.docs-layout{grid-template-columns:1fr;height:auto;overflow:auto}.docs-sidebar{display:none}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.hero-section{padding:3rem 0 4rem;overflow:hidden}.container{overflow:hidden}.hero-code-terminal{max-width:100%;overflow:hidden}.hero-grid{grid-template-columns:1fr!important;text-align:center;gap:2rem!important}.hero-image{order:-1;margin-bottom:2rem}.hero-content{align-items:center;min-width:0;overflow:hidden}.hero-tagline-pill{align-self:center}h1{font-size:clamp(2rem,8vw,3.5rem);word-break:break-word}.hero-body,.hero-description{font-size:1rem;max-width:100%;overflow-wrap:break-word}p{max-width:100%;overflow-wrap:break-word}.hero-cta{flex-direction:column;align-items:center;gap:.75rem!important;width:100%}.hero-cta .btn{width:100%;max-width:320px;justify-content:center}.hero-code-terminal .code-window{max-width:100%}.code-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap}.code-tabs::-webkit-scrollbar{display:none}.code-tab{flex-shrink:0}pre{font-size:.75rem;overflow-x:auto}.section-features{padding:4rem 0}.features-grid,.stats-grid,.quick-actions{grid-template-columns:1fr}footer .container{flex-direction:column;gap:1.5rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.section,.section-cta{padding:4rem 0}.auth-card{padding:2rem 1.5rem;border-radius:20px}.workbench-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.workbench-card{padding:1.25rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.hero-section{padding:6rem 0 8rem;background:var(--bg-primary);overflow:hidden;position:relative}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,255,106,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(0,200,255,.1),transparent),radial-gradient(ellipse 50% 30% at 50% 20%,rgba(255,100,200,.08),transparent);animation:meshMove 20s ease-in-out infinite;z-index:0}@keyframes meshMove{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,3%) scale(1.02)}50%{transform:translate(2%,-2%) scale(.98)}75%{transform:translate(-1%,-1%) scale(1.01)}}.hero-section>.container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{display:flex;flex-direction:column;min-width:0}.hero-tagline{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:2rem;padding:.5rem 1rem;background:var(--accent-muted);border-radius:4px;width:fit-content}.hero-subtitle{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;max-width:500px}.hero-body{font-size:1.125rem;line-height:1.7;margin-bottom:1rem}.hero-social-proof{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-top:1.5rem}.social-proof-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-code-terminal{display:flex;justify-content:center}.text-nowrap{white-space:nowrap}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.section{padding:6rem 0}.section-dark{background:var(--bg-secondary)}.section-features{padding:8rem 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem;padding:.375rem .75rem;background:var(--accent-muted);border-radius:4px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:var(--border-default);transform:translateY(-4px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{margin-bottom:.75rem}.feature-card p{font-size:.9375rem;color:var(--text-muted)}.pricing-card{max-width:400px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:3rem;text-align:center}.pricing-amount{margin-bottom:2rem}.pricing-number{font-size:4rem;font-weight:700;color:var(--accent);letter-spacing:-.03em}.pricing-label{display:block;font-size:1rem;color:var(--text-muted);margin-top:.5rem}.pricing-features{list-style:none;text-align:left;margin-bottom:2rem}.pricing-features li{padding:.75rem 0;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.section-cta{padding:8rem 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.section-cta h2{margin-bottom:1rem}.section-cta p{margin:0 auto 2rem;max-width:500px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stat-icon{font-size:1.25rem}.stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.stat-footer{font-size:.75rem}.stat-number{font-size:1.5rem;font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 900px){.quick-actions{grid-template-columns:1fr}}.quick-action{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.quick-action:hover{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.quick-action-icon{font-size:1.25rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.quick-action-card:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--text-primary);transform:translateY(-4px);box-shadow:0 12px 24px -10px #00ff6a26}.quick-action-icon{font-size:1.5rem;width:48px;height:48px;background:#ffffff08;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-label{font-weight:600;font-size:1rem;margin-bottom:2px;display:block}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h2{margin-bottom:.25rem}.mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.mode-badge.sandbox{background:#ffc80026;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.mode-badge.production{background:var(--accent-muted);color:var(--accent);border:1px solid rgba(0,255,106,.3)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#1a1a1a,#0a0a0a);position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);pointer-events:none}.auth-container{width:100%;max-width:600px;padding:1rem;z-index:10}.auth-card{background:#161616bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem 3rem;box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ffffff0d;animation:slideUpFade .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:3rem}.auth-header .logo{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;text-decoration:none;opacity:.9}.auth-header h2{font-size:2rem;letter-spacing:-.04em;margin-bottom:.75rem;background:linear-gradient(to bottom right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:var(--text-secondary);font-size:.9375rem;margin:0 auto;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form button[type=submit]{margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.auth-form input{width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-family:var(--font-display);font-size:.9375rem;transition:all .2s ease}.auth-form input:focus{outline:none;border-color:var(--accent);background:#00ff850d;box-shadow:0 0 0 4px #00ff851a}.auth-form input::placeholder{color:var(--text-muted)}.auth-footer{text-align:center;margin-top:2rem;font-size:.875rem;color:var(--text-muted)}.auth-footer a{color:var(--text-primary);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1px;transition:all .2s}.auth-footer a:hover{color:var(--accent);border-color:var(--accent)}.auth-oauth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s;margin-bottom:1rem}.auth-oauth-button:hover:not(:disabled){background:#ffffff0d;border-color:var(--border-hover)}.auth-oauth-button:disabled{opacity:.5;cursor:not-allowed}.auth-oauth-button--github{background:#24292e;border-color:#24292e;color:#fff}.auth-oauth-button--github:hover:not(:disabled){background:#2f363d;border-color:#2f363d}.auth-oauth-button svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.auth-divider span{padding:0 1rem}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.25rem}.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}:root{--micropay-primary: #00A651;--micropay-primary-hover: #008c44;--micropay-primary-light: rgba(0, 166, 81, .12);--micropay-primary-dark: #006633;--micropay-secondary: #1a1a2e;--micropay-accent: #FFD700;--micropay-success: #00A651;--micropay-error: #E53935;--micropay-error-light: rgba(229, 57, 53, .1);--micropay-warning: #FF9800;--micropay-text: #1a1a1a;--micropay-text-secondary: #4a4a4a;--micropay-text-muted: #757575;--micropay-text-on-primary: #FFFFFF;--micropay-bg: #FFFFFF;--micropay-bg-secondary: #F5F5F5;--micropay-bg-tertiary: #EEEEEE;--micropay-overlay: rgba(0, 0, 0, .7);--micropay-border: #E0E0E0;--micropay-border-strong: #BDBDBD;--micropay-radius: 16px;--micropay-radius-sm: 12px;--micropay-radius-xs: 8px;--micropay-touch-target: 56px;--micropay-button-height: 56px;--micropay-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;--micropay-font-size-xs: 13px;--micropay-font-size-sm: 15px;--micropay-font-size-md: 17px;--micropay-font-size-lg: 20px;--micropay-font-size-xl: 24px;--micropay-font-size-xxl: 32px;--micropay-safe-top: env(safe-area-inset-top, 0px);--micropay-safe-bottom: env(safe-area-inset-bottom, 20px);--micropay-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--micropay-shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--micropay-shadow-lg: 0 8px 24px rgba(0, 0, 0, .16)}.micropay-theme-nigeria{--micropay-primary: #5B2C6F;--micropay-primary-hover: #4a2459;--micropay-primary-light: rgba(91, 44, 111, .12);--micropay-primary-dark: #3d1e4a;--micropay-accent: #E74C3C}.micropay-theme-kenya{--micropay-primary: #00A651;--micropay-primary-hover: #008c44;--micropay-primary-light: rgba(0, 166, 81, .12);--micropay-primary-dark: #006633;--micropay-accent: #E60000}.micropay-theme-southafrica{--micropay-primary: #00838F;--micropay-primary-hover: #006978;--micropay-primary-light: rgba(0, 131, 143, .12);--micropay-primary-dark: #004d56;--micropay-accent: #FFB300}.micropay-dark{--micropay-text: #FAFAFA;--micropay-text-secondary: #E0E0E0;--micropay-text-muted: #9E9E9E;--micropay-bg: #121212;--micropay-bg-secondary: #1E1E1E;--micropay-bg-tertiary: #2C2C2C;--micropay-border: #333333;--micropay-border-strong: #444444;--micropay-overlay: rgba(0, 0, 0, .85)}.micropay-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:var(--micropay-overlay);animation:micropay-fade-in .2s ease-out;-webkit-tap-highlight-color:transparent;touch-action:none}@keyframes micropay-fade-in{0%{opacity:0}to{opacity:1}}.micropay-popup{background:var(--micropay-bg);width:100%;max-height:95vh;max-height:95dvh;overflow-y:auto;overscroll-behavior:contain;font-family:var(--micropay-font-family);color:var(--micropay-text);animation:micropay-slide-up .35s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0003;padding-bottom:var(--micropay-safe-bottom);touch-action:pan-y;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.micropay-popup-overlay{align-items:center;padding:24px}.micropay-popup{max-width:440px;max-height:90vh;border-radius:var(--micropay-radius);box-shadow:var(--micropay-shadow-lg)}}@keyframes micropay-slide-up{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.micropay-popup__swipe-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab}.micropay-popup__swipe-bar{width:40px;height:5px;background:var(--micropay-border-strong);border-radius:3px}@media (min-width: 640px){.micropay-popup__swipe-handle{display:none}}.micropay-popup__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-bottom:1px solid var(--micropay-border)}.micropay-popup__trust{display:flex;align-items:center;gap:10px}.micropay-popup__lock-icon{width:24px;height:24px;color:var(--micropay-primary)}.micropay-popup__trust-text{display:flex;flex-direction:column}.micropay-popup__trust-title{font-size:var(--micropay-font-size-sm);font-weight:600;color:var(--micropay-text)}.micropay-popup__trust-subtitle{font-size:var(--micropay-font-size-xs);color:var(--micropay-primary);font-weight:500}.micropay-popup__close{width:var(--micropay-touch-target);height:var(--micropay-touch-target);min-width:var(--micropay-touch-target);border:none;background:var(--micropay-bg-secondary);border-radius:50%;cursor:pointer;color:var(--micropay-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.micropay-popup__close:active{background:var(--micropay-bg-tertiary);transform:scale(.95)}.micropay-popup__close svg{width:24px;height:24px}.micropay-popup__amount-section{text-align:center;padding:28px 20px;background:linear-gradient(180deg,var(--micropay-bg-secondary) 0%,var(--micropay-bg) 100%)}.micropay-popup__merchant{font-size:var(--micropay-font-size-md);color:var(--micropay-text-secondary);margin-bottom:8px}.micropay-popup__amount-display{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.micropay-popup__currency-symbol{font-size:var(--micropay-font-size-xl);font-weight:600;color:var(--micropay-text)}.micropay-popup__amount-value{font-size:52px;font-weight:800;color:var(--micropay-text);letter-spacing:-.02em;line-height:1}.micropay-popup__fee-info{font-size:var(--micropay-font-size-xs);color:var(--micropay-text-muted);margin-top:8px}.micropay-popup__fee-info strong{color:var(--micropay-text-secondary)}.micropay-popup__content{padding:24px 20px 28px}.micropay-phone-input{margin-bottom:16px}.micropay-phone-input__label{display:flex;align-items:center;gap:8px;font-size:var(--micropay-font-size-md);font-weight:600;color:var(--micropay-text);margin-bottom:12px}.micropay-phone-input__label-icon{font-size:20px}.micropay-phone-input__container{display:flex;border:2px solid var(--micropay-border);border-radius:var(--micropay-radius-sm);overflow:hidden;background:var(--micropay-bg);transition:border-color .2s,box-shadow .2s}.micropay-phone-input--focused .micropay-phone-input__container{border-color:var(--micropay-primary);box-shadow:0 0 0 4px var(--micropay-primary-light)}.micropay-phone-input--error .micropay-phone-input__container{border-color:var(--micropay-error);box-shadow:0 0 0 4px var(--micropay-error-light)}.micropay-phone-input__prefix{display:flex;align-items:center;gap:8px;padding:0 16px;min-height:var(--micropay-touch-target);background:var(--micropay-bg-secondary);border-right:1px solid var(--micropay-border);flex-shrink:0}.micropay-phone-input__flag{font-size:26px;line-height:1}.micropay-phone-input__code{font-size:var(--micropay-font-size-md);font-weight:600;color:var(--micropay-text-secondary)}.micropay-phone-input__field{flex:1;min-height:var(--micropay-touch-target);padding:16px;border:none;font-size:22px;font-weight:600;font-family:inherit;background:transparent;color:var(--micropay-text);letter-spacing:1.5px;min-width:0}.micropay-phone-input__field:focus{outline:none}.micropay-phone-input__field::placeholder{color:var(--micropay-text-muted);font-weight:400;letter-spacing:0}.micropay-phone-input__error{display:flex;align-items:center;gap:8px;font-size:var(--micropay-font-size-sm);color:var(--micropay-error);margin-top:10px;padding:10px 12px;background:var(--micropay-error-light);border-radius:var(--micropay-radius-xs)}.micropay-phone-input__error-icon{font-size:18px;flex-shrink:0}.micropay-popup__submit{width:100%;min-height:var(--micropay-button-height);padding:18px 24px;background:var(--micropay-primary);color:var(--micropay-text-on-primary);border:none;border-radius:var(--micropay-radius-sm);font-size:var(--micropay-font-size-lg);font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:12px;-webkit-tap-highlight-color:transparent;box-shadow:var(--micropay-shadow-sm)}.micropay-popup__submit:hover:not(:disabled){background:var(--micropay-primary-hover);box-shadow:var(--micropay-shadow-md)}.micropay-popup__submit:active:not(:disabled){transform:scale(.98)}.micropay-popup__submit:disabled{opacity:.4;cursor:not-allowed}.micropay-popup__submit-icon{font-size:24px}.micropay-popup__secondary-btn{width:100%;min-height:var(--micropay-touch-target);padding:14px 24px;background:transparent;color:var(--micropay-text-secondary);border:2px solid var(--micropay-border);border-radius:var(--micropay-radius-sm);font-size:var(--micropay-font-size-md);font-weight:600;font-family:inherit;cursor:pointer;margin-top:12px;-webkit-tap-highlight-color:transparent}.micropay-popup__secondary-btn:active{background:var(--micropay-bg-secondary)}.micropay-popup__reassurance{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background:var(--micropay-primary-light);border-radius:var(--micropay-radius-xs);font-size:var(--micropay-font-size-xs);color:var(--micropay-primary-dark)}.micropay-popup__reassurance-icon{font-size:18px}.micropay-popup__status{text-align:center;padding:32px 20px}.micropay-popup__spinner{width:64px;height:64px;border:5px solid var(--micropay-border);border-top-color:var(--micropay-primary);border-radius:50%;margin:0 auto 28px;animation:micropay-spin .9s linear infinite}@keyframes micropay-spin{to{transform:rotate(360deg)}}.micropay-popup__phone-animation{font-size:72px;margin-bottom:24px;animation:micropay-phone-ring 1.5s ease-in-out infinite}@keyframes micropay-phone-ring{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.micropay-popup__status-title{font-size:var(--micropay-font-size-xl);font-weight:700;color:var(--micropay-text);margin-bottom:12px}.micropay-popup__status-message{font-size:var(--micropay-font-size-md);color:var(--micropay-text-secondary);max-width:300px;margin:0 auto;line-height:1.5}.micropay-popup__steps{margin-top:28px;text-align:left;max-width:280px;margin-left:auto;margin-right:auto}.micropay-popup__step{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--micropay-border)}.micropay-popup__step:last-child{border-bottom:none}.micropay-popup__step-number{width:32px;height:32px;background:var(--micropay-primary);color:var(--micropay-text-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--micropay-font-size-sm);font-weight:700;flex-shrink:0}.micropay-popup__step-text{font-size:var(--micropay-font-size-md);color:var(--micropay-text)}.micropay-popup__success-icon{width:80px;height:80px;background:var(--micropay-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:micropay-success-bounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes micropay-success-bounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.micropay-popup__success-icon svg{width:44px;height:44px}.micropay-popup__receipt{background:var(--micropay-bg-secondary);border:1px solid var(--micropay-border);border-radius:var(--micropay-radius-sm);padding:20px;margin:24px 0;text-align:left}.micropay-popup__receipt-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--micropay-border)}.micropay-popup__receipt-row:last-child{border-bottom:none;padding-bottom:0}.micropay-popup__receipt-label{font-size:var(--micropay-font-size-sm);color:var(--micropay-text-secondary)}.micropay-popup__receipt-value{font-size:var(--micropay-font-size-md);font-weight:600;color:var(--micropay-text)}.micropay-popup__receipt-value--mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--micropay-font-size-sm)}.micropay-popup__share-buttons{display:flex;gap:12px;margin-top:16px}.micropay-popup__share-btn{flex:1;min-height:var(--micropay-touch-target);padding:12px;background:var(--micropay-bg-secondary);border:1px solid var(--micropay-border);border-radius:var(--micropay-radius-xs);font-size:var(--micropay-font-size-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.micropay-popup__share-btn--whatsapp{background:#25d366;color:#fff;border-color:#25d366}.micropay-popup__error-icon{width:80px;height:80px;background:var(--micropay-error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.micropay-popup__error-icon svg{width:44px;height:44px}.micropay-popup__help{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:var(--micropay-primary);font-size:var(--micropay-font-size-sm);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.micropay-popup__help-icon{font-size:20px}.micropay-popup__footer{text-align:center;padding:16px 20px;border-top:1px solid var(--micropay-border);background:var(--micropay-bg-secondary)}.micropay-popup__branding{font-size:var(--micropay-font-size-xs);color:var(--micropay-text-muted)}.micropay-popup__branding strong{color:var(--micropay-primary);font-weight:700}.micropay-popup__offline-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--micropay-warning);color:#1a1a1a;font-size:var(--micropay-font-size-sm);font-weight:600}.micropay-popup__offline-icon{font-size:20px}.micropay-popup__quick-amounts{margin-bottom:20px}.micropay-popup__quick-amounts-label{font-size:var(--micropay-font-size-sm);color:var(--micropay-text-secondary);margin-bottom:10px}.micropay-popup__quick-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.micropay-popup__quick-amount{min-height:var(--micropay-touch-target);padding:14px;background:var(--micropay-bg-secondary);border:2px solid var(--micropay-border);border-radius:var(--micropay-radius-xs);font-size:var(--micropay-font-size-md);font-weight:600;color:var(--micropay-text);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.micropay-popup__quick-amount:active,.micropay-popup__quick-amount--selected{background:var(--micropay-primary-light);border-color:var(--micropay-primary);color:var(--micropay-primary)}.micropay-popup--glass{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.micropay-dark .micropay-popup--glass{background:#121212e6}.micropay-popup__header--premium{background:linear-gradient(135deg,var(--micropay-primary) 0%,var(--micropay-primary-dark) 100%);color:#fff;border-bottom:none;padding:16px 20px}.micropay-popup__header--premium .micropay-popup__secure-text{color:#ffffffe6}.micropay-popup__header--premium .micropay-popup__close{background:#fff3;color:#fff}.micropay-popup__header--premium .micropay-popup__close:hover{background:#ffffff4d}.micropay-step-progress{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 20px;background:var(--micropay-bg-secondary);border-bottom:1px solid var(--micropay-border)}.micropay-step-progress__step{display:flex;align-items:center;gap:8px}.micropay-step-progress__dot{width:10px;height:10px;border-radius:50%;background:var(--micropay-border-strong);transition:all .3s ease}.micropay-step-progress__dot--active{background:var(--micropay-primary);box-shadow:0 0 0 4px var(--micropay-primary-light)}.micropay-step-progress__dot--completed{background:var(--micropay-success)}.micropay-step-progress__line{width:40px;height:3px;background:var(--micropay-border);border-radius:2px;transition:background .3s ease}.micropay-step-progress__line--completed{background:var(--micropay-success)}@keyframes micropay-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.micropay-popup__phone-icon--pulse{animation:micropay-pulse 2s ease-in-out infinite}@keyframes micropay-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.micropay-shimmer{background:linear-gradient(90deg,var(--micropay-bg-secondary) 25%,var(--micropay-bg-tertiary) 50%,var(--micropay-bg-secondary) 75%);background-size:200% 100%;animation:micropay-shimmer 1.5s infinite}.micropay-popup__submit--premium{background:linear-gradient(135deg,var(--micropay-primary) 0%,var(--micropay-primary-dark) 100%);box-shadow:0 4px 15px #00a65166}.micropay-popup__submit--premium:hover:not(:disabled){box-shadow:0 6px 20px #00a65180;transform:translateY(-1px)}@keyframes micropay-checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.micropay-popup__success-icon svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:micropay-checkmark .4s ease-out .2s forwards}@keyframes micropay-confetti{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.5)}}.micropay-confetti-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:micropay-confetti 1s ease-out forwards}.micropay-theme-kenya .micropay-popup__submit--premium{background:linear-gradient(135deg,#00a651,#063);box-shadow:0 4px 15px #00a65166}.micropay-theme-nigeria .micropay-popup__submit--premium{background:linear-gradient(135deg,#5b2c6f,#3d1e4a);box-shadow:0 4px 15px #5b2c6f66}.micropay-theme-southafrica .micropay-popup__submit--premium{background:linear-gradient(135deg,#00838f,#004d56);box-shadow:0 4px 15px #00838f66}.micropay-dark .micropay-popup__amount-value{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.micropay-dark .micropay-popup__submit--premium{box-shadow:0 4px 15px #00a65199}@keyframes micropay-secure-glow{0%,to{box-shadow:0 0 0 0 var(--micropay-primary-light)}50%{box-shadow:0 0 0 8px transparent}}.micropay-popup__lock--animated{animation:micropay-secure-glow 3s ease-in-out infinite;border-radius:50%;padding:4px}.mp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;align-items:stretch}.mp-pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;height:100%;position:relative}.mp-pricing-card:hover{transform:translateY(-5px);border-color:var(--border-default);box-shadow:0 20px 40px -10px #00000080}.mp-pricing-card.featured{background:#ffffff08;border-color:var(--accent);box-shadow:0 0 50px -10px #00ff6a26;z-index:10;transform:scale(1.02)}.mp-pricing-card.featured:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 20px 50px -10px #00ff6a33}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.pricing-price{font-size:3.5rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:1rem}.pricing-price span{font-size:1rem;color:var(--text-muted);font-weight:500;margin-left:6px;vertical-align:middle}.pricing-features{list-style:none;padding:0;margin:2rem 0;flex:1}.pricing-features li{padding:.875rem 0;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.9375rem;display:flex;align-items:center;gap:.75rem}.pricing-features li:last-child{border-bottom:none}.section-dark{background:#000;padding:8rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.docs-layout{--docs-accent: #3ecf8e;--docs-accent-muted: rgba(62, 207, 142, .12);--docs-accent-bright: #00ff6a;--docs-bg: #0d0d0f;--docs-bg-sidebar: #0a0a0c;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden;background:var(--docs-bg)}.docs-main{height:100%;overflow-y:auto;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.docs-main::-webkit-scrollbar,.docs-sidebar::-webkit-scrollbar,.docs-sidebar__nav::-webkit-scrollbar,pre::-webkit-scrollbar,.docs-code-block__content::-webkit-scrollbar{display:none}.docs-sidebar__nav,pre,.docs-code-block__content{scrollbar-width:none;-ms-overflow-style:none}.docs-content__header{position:static;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:2rem;padding:0}.docs-sidebar{background:var(--docs-bg-sidebar);border-right:1px solid rgba(255,255,255,.06);height:100%;overflow-y:auto;display:flex;flex-direction:column}.docs-sidebar__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.docs-sidebar__logo{display:flex;align-items:center;text-decoration:none}.docs-sidebar__logo-text{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em}.docs-sidebar__logo-suffix{font-size:1.125rem;font-weight:700;color:var(--docs-accent);letter-spacing:-.02em}.docs-sidebar__search{padding:.5rem .75rem;margin:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;gap:.625rem}.docs-sidebar__search-icon{color:#fff6;flex-shrink:0}.docs-sidebar__search-input{flex:1;background:transparent;border:none;outline:none;font-size:.8125rem;color:#ffffffb3;padding:0}.docs-sidebar__search-input::placeholder{color:#fff6}.docs-sidebar__search-shortcut{font-size:.6875rem;font-family:var(--font-mono);color:#ffffff4d;background:#ffffff0d;padding:.125rem .375rem;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.docs-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:0;padding:1rem 0;overflow-y:auto}.docs-sidebar__section{margin-bottom:.5rem}.docs-sidebar__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:#ffffff80;background:none;border:none;cursor:pointer;transition:color .15s}.docs-sidebar__section-header:hover{color:#ffffffb3}.docs-sidebar__chevron{opacity:.5;transition:transform .2s}.docs-sidebar__chevron--open{transform:rotate(180deg)}.docs-sidebar__items{list-style:none;padding:0;margin:0}.docs-sidebar__item{display:block;padding:.375rem 1.25rem;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:all .15s;position:relative}.docs-sidebar__item:hover{color:#fff}.docs-sidebar__item--active{color:var(--docs-accent);background:var(--docs-accent-muted)}.docs-sidebar__item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--docs-accent)}.docs-sidebar__footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.docs-sidebar__signin{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--docs-accent);text-decoration:none;font-weight:500;transition:opacity .15s}.docs-sidebar__signin:hover{opacity:.8}.docs-sidebar__signin span{transition:transform .15s}.docs-sidebar__signin:hover span{transform:translate(2px)}.docs-main{display:grid;grid-template-columns:minmax(0,680px) 220px;gap:4rem;max-width:1100px;margin:0;padding:3rem 4rem}.docs-content{min-width:0}.docs-content__header{margin-bottom:2.5rem}.docs-content__header h1{font-size:2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;color:#fff}.docs-content__description{font-size:1rem;color:#fff9;line-height:1.6}.docs-section{margin-bottom:3rem;scroll-margin-top:2rem}.docs-section h2{font-size:1.375rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.01em;color:#fff}.docs-prose{font-size:.9375rem;line-height:1.7;color:#ffffffbf}.docs-prose p{margin-bottom:1rem}.docs-prose code{background:var(--docs-accent-muted);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.875em;color:var(--docs-accent)}.docs-prose strong{color:#fff;font-weight:600}.docs-prose a{color:var(--docs-accent);text-decoration:none}.docs-prose a:hover{text-decoration:underline}.docs-table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.875rem}.docs-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#fff;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.docs-table td{padding:.75rem 1rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.06)}.docs-table tr:last-child td{border-bottom:none}.docs-ordered-list{margin:1rem 0;padding-left:1.5rem;counter-reset:list-item}.docs-ordered-list li{color:#ffffffbf;padding:.25rem 0;line-height:1.6}.docs-list{margin:1rem 0;padding-left:1.5rem;list-style:disc}.docs-list li{color:#ffffffbf;padding:.25rem 0;line-height:1.6}.docs-blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--docs-accent);background:#3ecf8e0f;border-radius:0 8px 8px 0;color:#ffffffd9;font-size:.9375rem;line-height:1.6}.docs-blockquote strong:first-child{color:#fbbf24}.docs-blockquote code{background:#ffffff1a;padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.875em}.docs-checklist{list-style:none;padding:0;margin:1rem 0}.docs-checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:#ffffffb3}.docs-checkbox{width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;margin-top:2px}.docs-checklist-item--checked .docs-checkbox{background:var(--docs-accent);border-color:var(--docs-accent);color:#000}.docs-code-block{background:#0d1f3c;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;margin:1.5rem 0}.docs-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.docs-code-block__filename{font-size:.75rem;font-family:var(--font-mono);color:#ffffff80}.docs-code-block__actions{display:flex;align-items:center;gap:.5rem}.docs-code-block__dropdown{position:relative}.docs-code-block__dropdown-trigger{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .15s}.docs-code-block__dropdown-trigger:hover{color:#fff;background:#ffffff0d}.docs-code-block__dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1a2d4d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.25rem;z-index:10;min-width:120px;box-shadow:0 8px 24px #0006}.docs-code-block__dropdown-item{display:block;width:100%;padding:.5rem .75rem;font-size:.75rem;color:#ffffffb3;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:all .15s}.docs-code-block__dropdown-item:hover{background:#ffffff0d;color:#fff}.docs-code-block__dropdown-item--active{background:#80e9ff1a;color:var(--docs-accent)}.docs-code-block__action{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .15s}.docs-code-block__action:hover{color:var(--text-primary);background:#ffffff0d;border-color:var(--border-default)}.docs-code-block__action-icon--success{color:var(--docs-accent)}.docs-code-block__action-label{display:none}@media (min-width: 640px){.docs-code-block__action-label{display:inline}}.docs-code-block__copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff6;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.docs-code-block__copy:hover{color:#fff;background:#ffffff0d}.docs-code-block__content{overflow-x:auto}.docs-code-block__content pre{margin:0;padding:1rem 0;background:transparent;border:none;border-radius:0}.docs-code-block__content code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.docs-code-block__line{display:flex;padding:0 1rem}.docs-code-block__line:hover{background:#ffffff05}.docs-code-block__line-number{width:2.5rem;flex-shrink:0;color:#ffffff40;text-align:right;padding-right:1rem;-webkit-user-select:none;user-select:none}.docs-code-block__line-content{flex:1;white-space:pre}.docs-toc{position:sticky;top:3rem;max-height:calc(100vh - 6rem);overflow-y:auto}.docs-toc__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:1rem}.docs-toc__list{list-style:none;padding:0;margin:0}.docs-toc__link{display:block;padding:.375rem 0 .375rem 1rem;font-size:.8125rem;color:#ffffff80;text-decoration:none;border-left:1px solid rgba(255,255,255,.1);transition:all .15s}.docs-toc__link:hover{color:#fff}.docs-toc__link--active{color:var(--docs-accent);border-left-color:var(--docs-accent)}.docs-mobile-header,.docs-mobile-overlay{display:none}.docs-sidebar-wrapper{display:contents}@media (max-width: 1024px){.docs-layout{grid-template-columns:1fr}.docs-main{grid-template-columns:1fr;padding:5rem 2rem 2rem}.docs-toc{display:none}.docs-sidebar-wrapper{display:block;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:200;transform:translate(-100%);transition:transform .3s ease}.docs-sidebar-wrapper--open{transform:translate(0)}.docs-sidebar-wrapper .docs-sidebar{height:100%}.docs-mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;padding:0 1rem;background:#0a1628f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.docs-mobile-menu-btn,.docs-mobile-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer}.docs-mobile-title{font-weight:600;font-size:.9375rem;color:#fff}.docs-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150}}.token-keyword{color:#ff79c6}.token-string{color:#a9dc76}.token-comment{color:#ffffff59;font-style:italic}.token-function{color:#78dce8}.developers-page{padding-top:2rem}.dev-hero{padding:4rem 0 6rem;position:relative}.dev-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,255,106,.08),transparent);pointer-events:none}.dev-hero-content{max-width:800px;position:relative;z-index:1}.dev-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:0}.dev-hero-title .text-muted{display:block;color:var(--text-muted);margin-top:.25rem}.dev-section{padding:5rem 0}.dev-section-alt{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.dev-section-header{margin-bottom:3rem}.dev-section-header.center{text-align:center}.dev-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.dev-section-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.section-label.accent{color:var(--accent);font-family:var(--font-mono)}.dev-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 900px){.dev-problem-grid{grid-template-columns:1fr;gap:3rem}}.dev-problem-content{display:flex;flex-direction:column}.pain-points-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.875rem}.pain-point-item{display:flex;align-items:flex-start;gap:.875rem;font-size:.9375rem;color:var(--text-secondary);padding:.75rem 1rem;background:#ff50500a;border-radius:var(--radius-sm);border-left:2px solid rgba(255,80,80,.3)}.pain-point-x{color:#ff5050;font-weight:600;flex-shrink:0}.dev-problem-callout{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;justify-content:center;height:100%}.callout-quote{font-size:1.25rem;font-weight:500;line-height:1.5;color:var(--text-primary);margin:0 0 2rem;font-style:normal}.callout-divider{display:flex;align-items:center;gap:1rem}.callout-divider:before{content:"";flex:1;height:1px;background:var(--border-subtle)}.callout-divider span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.dev-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.dev-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dev-features-grid{grid-template-columns:1fr}}.dev-feature-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;transition:all .2s ease;display:flex;flex-direction:column}.dev-feature-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.dev-feature-card.highlighted{border-color:#00ff6a4d;background:linear-gradient(135deg,rgba(0,255,106,.03),transparent)}.dev-feature-card.highlighted:hover{border-color:#00ff6a80}.dev-feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--text-secondary);transition:all .2s ease}.dev-feature-card:hover .dev-feature-icon{border-color:var(--accent);color:var(--accent)}.dev-feature-icon.highlighted{background:#00ff6a1a;border-color:#00ff6a4d;color:var(--accent)}.dev-feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dev-feature-card.highlighted .dev-feature-title{color:var(--accent)}.dev-feature-subtitle{display:block;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1rem}.dev-feature-content{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.dev-feature-content p{margin:0}.feature-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.feature-checklist li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.feature-checklist li svg{color:var(--accent);flex-shrink:0}.timeline-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:0}.timeline-step{display:flex;gap:1.5rem;position:relative}.timeline-marker-container{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-line{position:absolute;top:-100%;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--border-subtle)}.timeline-marker{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);z-index:1;flex-shrink:0}.timeline-marker.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #00ff6a33}.timeline-content{padding:.25rem 0 2.5rem}.timeline-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.timeline-description{font-size:.9375rem;color:var(--text-secondary);margin:0}.faq-container{max-width:720px;margin:0 auto}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item:last-child{border-bottom:none}.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;background:transparent;border:none;cursor:pointer;text-align:left}.faq-question{font-size:1.0625rem;font-weight:500;color:var(--text-primary);margin:0;transition:color .15s ease}.faq-btn:hover .faq-question{color:var(--accent)}.faq-icon{color:var(--text-muted);transition:all .2s ease;flex-shrink:0}.faq-icon.open{transform:rotate(90deg);color:var(--accent)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:all .3s ease}.faq-answer-wrapper.open{max-height:200px;padding-bottom:1.5rem}.faq-answer{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin:0;padding-right:2rem}.dev-cta-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:4rem 3rem;text-align:center;max-width:720px;margin:0 auto;position:relative;overflow:hidden}.dev-cta-glow{position:absolute;top:0;right:0;width:300px;height:300px;background:var(--accent);opacity:.05;filter:blur(100px);pointer-events:none}.dev-cta-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;position:relative;z-index:1}.dev-cta-card .btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem}.dev-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 1024px){.dev-hero-grid{grid-template-columns:1fr;gap:3rem}.dev-hero-demo{order:-1}}.dev-hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:1.5rem;max-width:400px}.dev-hero-demo{display:flex;justify-content:center}.demo-frame-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-browser-frame{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px -15px #00000080,0 0 0 1px #ffffff0d;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-browser-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.demo-browser-dots{display:flex;gap:6px}.demo-browser-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff26}.demo-browser-dots span:first-child{background:#ff5f56}.demo-browser-dots span:nth-child(2){background:#ffbd2e}.demo-browser-dots span:nth-child(3){background:#27ca40}.demo-browser-url{flex:1;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#ffffff0d;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.demo-url-lock{font-size:.625rem}.demo-browser-content{min-height:320px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.demo-idle-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.demo-product-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%}.demo-product-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent) 0%,#00c8ff 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.demo-product-info{display:flex;flex-direction:column}.demo-product-name{font-weight:600;font-size:.9375rem}.demo-product-price{font-size:.875rem;color:var(--text-muted)}.demo-pay-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--accent);color:#000;font-weight:600;font-size:.9375rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.demo-pay-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px #00ff6a80}.demo-mpesa-icon{width:24px;height:24px;background:#00a651;color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.demo-popup-container{width:100%;animation:popIn .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo-popup{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.demo-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.demo-popup-secure{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--accent)}.demo-popup-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.25rem;transition:color .15s}.demo-popup-close:hover{color:var(--text-primary)}.demo-popup-body{padding:1.5rem;text-align:center}.demo-popup-amount-section{margin-bottom:1.5rem}.demo-popup-desc{font-size:.8125rem;color:var(--text-muted);margin:0 0 .25rem}.demo-popup-amount{font-size:2rem;font-weight:700;margin:0}.demo-popup-amount span{font-size:1rem;font-weight:400;color:var(--text-muted)}.demo-popup-form{display:flex;flex-direction:column;gap:1rem}.demo-input-group{text-align:left}.demo-input-group label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.demo-input-group input{width:100%;height:44px;padding:0 1rem;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .15s}.demo-input-group input:focus{border-color:var(--accent)}.demo-input-group input::placeholder{color:var(--text-muted)}.demo-input-error{display:block;font-size:.75rem;color:#ff5050;margin-top:.375rem}.demo-submit-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:#000;font-weight:600;font-size:.9375rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.demo-submit-btn:hover{background:#00e05f}.demo-popup-hint{font-size:.75rem;color:var(--text-muted);margin:0}.demo-popup-loading{padding:1.5rem 0}.demo-spinner{width:48px;height:48px;border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-popup-loading p{font-weight:500;margin:0}.demo-popup-awaiting{padding:1rem 0}.demo-phone-icon{font-size:2.5rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-popup-awaiting h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.demo-popup-awaiting p{font-size:.875rem;color:var(--text-muted);margin:0 0 1rem}.demo-dots{display:flex;justify-content:center;gap:.375rem}.demo-dots span{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite}.demo-dots span:nth-child(2){animation-delay:.2s}.demo-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.demo-popup-success{padding:1rem 0;animation:popIn .3s ease}.demo-success-icon{width:64px;height:64px;background:var(--accent);color:#000;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 1rem;box-shadow:0 8px 24px -8px #00ff6a66}.demo-popup-success h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.demo-popup-success p{font-size:.875rem;color:var(--text-muted);margin:0 0 1.5rem}.demo-done-btn{width:100%;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .15s}.demo-done-btn:hover{border-color:var(--accent);color:var(--accent)}.demo-popup-footer{padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);text-align:center;font-size:.6875rem;color:var(--text-muted)}.demo-popup-footer strong{color:var(--text-primary);font-weight:600}.demo-hint{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff6a14;border:1px solid rgba(0,255,106,.15);border-radius:9999px;font-size:.8125rem;color:var(--text-secondary)}.demo-hint-icon{font-size:1rem}.demo-hint code{font-family:var(--font-mono);background:#00ff6a26;padding:.125rem .375rem;border-radius:4px;color:var(--accent);font-size:.75rem}.demo-cta-badge{position:absolute;top:-46px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff0080,#7928ca);color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #7928ca66;animation:bounce-cta 2s infinite;pointer-events:none;z-index:10}.demo-cta-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#7928ca;z-index:-1}@keyframes bounce-cta{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#161616f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.modal-content .label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.modal-content .code-block{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-content .code-block code{flex:1;color:var(--text-primary);word-break:break-all}.modal-content .code-block.border-accent{border-color:var(--accent);background:#00ff850d}.modal-content .code-block.border-accent code{color:var(--accent)}.modal-content .btn{cursor:pointer;transition:all .2s}.modal-content .btn:hover{transform:translateY(-1px)}.btn-upgrade-prominent{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,#00cc6a 100%);color:#000;font-weight:700;font-size:.875rem;border-radius:8px;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #00ff854d;position:relative;overflow:hidden}.btn-upgrade-prominent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-upgrade-prominent:hover:before{left:100%}.btn-upgrade-prominent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff8566}.btn-upgrade-prominent span{font-size:1.125rem;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}