@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root,[data-theme=dark]{--color-bg: #0a0f1a;--color-bg-secondary: #0d1424;--color-bg-tertiary: #111b2e;--color-bg-card: rgba(17, 27, 46, .7);--color-bg-elevated: #141e33;--color-primary: #a3e635;--color-primary-light: #bef264;--color-primary-dark: #84cc16;--color-primary-muted: rgba(163, 230, 53, .12);--color-secondary: #22d3ee;--color-secondary-muted: rgba(34, 211, 238, .12);--color-accent: #fbbf24;--color-accent-dark: #f59e0b;--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .5);--color-text-on-primary: #0f172a;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(163, 230, 53, .15);--glass-bg: rgba(17, 27, 46, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--nav-bg: rgba(10, 15, 26, .85);--code-bg: #0d1117;--code-border: rgba(255, 255, 255, .06);--code-header-bg: rgba(255, 255, 255, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}[data-theme=light]{--color-bg: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-card: rgba(255, 255, 255, .9);--color-bg-elevated: #ffffff;--color-primary: #65a30d;--color-primary-light: #84cc16;--color-primary-dark: #4d7c0f;--color-primary-muted: rgba(101, 163, 13, .1);--color-secondary: #0891b2;--color-secondary-muted: rgba(8, 145, 178, .1);--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-on-primary: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .16);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(101, 163, 13, .12);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--nav-bg: rgba(255, 255, 255, .92);--code-bg: #f6f8fa;--code-border: rgba(0, 0, 0, .08);--code-header-bg: rgba(0, 0, 0, .03)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);transition:background-color .3s ease}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 48px;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:background .3s ease,border-color .3s ease}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.hex-logo{color:var(--color-primary);transition:transform .3s ease}.hex-logo:hover{transform:rotate(60deg)}.hex-logo-small{color:var(--color-primary)}.nav-brand span{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--color-text)}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-menu-toggle{display:none;padding:8px}.mobile-menu{position:fixed;top:66px;left:0;right:0;bottom:0;background:var(--color-bg);z-index:99;padding:24px;overflow-y:auto;border-top:1px solid var(--color-border);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links{display:flex;flex-direction:column;gap:20px}.mobile-menu-links a{font-size:1.2rem;font-weight:600;color:var(--color-text);text-decoration:none;padding:8px 0}.mobile-menu-links hr{border:none;border-top:1px solid var(--color-border);margin:8px 0}.mobile-menu-links .mobile-signin{color:var(--color-text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-sans)}.btn-lg{padding:14px 32px;font-size:1rem}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary-muted);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px}.btn-ghost:hover{color:var(--color-text)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 60px;position:relative;overflow:hidden;gap:48px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--color-primary-muted) 0%,transparent 70%);z-index:0;pointer-events:none}.hero-content{position:relative;z-index:10;max-width:720px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:var(--color-primary-muted);border:1px solid rgba(163,230,53,.25);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge .dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-size:clamp(2.75rem,6vw,4.25rem);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.035em;color:var(--color-text)}.hero h1 .gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--color-text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.hero-subtext{font-size:.85rem;color:var(--color-text-muted)}.hero-preview{position:relative;z-index:10;width:100%;max-width:800px;perspective:1000px}.preview-window{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #a3e63514;transform:rotateX(2deg);transition:transform .4s ease,box-shadow .4s ease}.preview-window:hover{transform:rotateX(0);box-shadow:var(--shadow-lg),0 0 120px #a3e6351f}.preview-titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--code-header-bg);border-bottom:1px solid var(--color-border)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%}.preview-dots span:nth-child(1){background:#ff5f57}.preview-dots span:nth-child(2){background:#febc2e}.preview-dots span:nth-child(3){background:#28c840}.preview-title{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.preview-body{padding:24px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.preview-metric{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:4px}.preview-metric-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.preview-metric-value{font-size:1.4rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.preview-metric-change{font-size:.8rem;font-weight:600}.preview-metric-change.positive{color:var(--color-primary)}.preview-metric-change.negative{color:#f87171}.preview-chart{border-radius:var(--radius-md);overflow:hidden;height:100px}.preview-chart svg{width:100%;height:100%;display:block}.social-proof{padding:40px 24px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.social-proof-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.proof-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.proof-number{font-size:1.75rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.proof-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.proof-divider{width:1px;height:40px;background:var(--color-border)}.section-header{text-align:center;max-width:640px;margin:0 auto 56px}.section-label{display:inline-block;padding:6px 14px;background:var(--color-primary-muted);border:1px solid rgba(163,230,53,.2);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:14px;letter-spacing:-.03em;color:var(--color-text);line-height:1.2}.section-header h2 .highlight{color:var(--color-primary)}.section-header p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.features{padding:96px 24px;background:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px 24px;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{border-color:#a3e63540;transform:translateY(-3px);box-shadow:var(--shadow-glow)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-muted);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-primary);border:1px solid rgba(163,230,53,.15)}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--color-text)}.feature-card p{color:var(--color-text-muted);font-size:.88rem;line-height:1.65}.how-it-works{padding:96px 24px;background:var(--color-bg-secondary)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1100px;margin:0 auto;align-items:start}.steps-column{display:flex;flex-direction:column;gap:32px}.step-item{display:flex;gap:20px;align-items:flex-start}.step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.step-body h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--color-text)}.step-body p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.65}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px}.code-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--code-header-bg);border-bottom:1px solid var(--code-border)}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-filename{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}.code-block pre{padding:20px;overflow-x:auto;margin:0}.code-block code{font-family:var(--font-mono);font-size:.82rem;line-height:1.7;color:var(--color-text-secondary);white-space:pre}.providers{padding:96px 24px;background:var(--color-bg)}.providers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px;margin:0 auto}.provider-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px 24px;display:flex;align-items:center;gap:14px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.provider-card:hover{border-color:#a3e63540;transform:translateY(-2px);box-shadow:var(--shadow-md)}.provider-logo{width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:var(--color-primary);flex-shrink:0}.provider-info{display:flex;flex-direction:column;gap:2px}.provider-name{font-size:.95rem;font-weight:600;color:var(--color-text)}.provider-country{font-size:.78rem;color:var(--color-text-muted)}.pricing{padding:96px 24px;background:var(--color-bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;align-items:start}.pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:32px 28px;position:relative;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pricing-card--highlighted{border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:linear-gradient(180deg,var(--color-primary-muted),var(--glass-bg))}.pricing-card--highlighted:hover{box-shadow:var(--shadow-glow),var(--shadow-md)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-text-on-primary);padding:4px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-card h3{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:12px}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.03em}.pricing-period{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.pricing-desc{font-size:.88rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--color-text-secondary)}.pricing-features li svg{color:var(--color-primary);flex-shrink:0}.testimonials{padding:96px 24px;background:var(--color-bg)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}.testimonial-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.testimonial-card:hover{border-color:#a3e63533}.testimonial-card blockquote{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);font-style:normal}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-muted);border:1px solid rgba(163,230,53,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--color-primary);flex-shrink:0}.testimonial-name{display:block;font-size:.9rem;font-weight:600;color:var(--color-text)}.testimonial-role{display:block;font-size:.8rem;color:var(--color-text-muted)}.cta{padding:96px 24px;background:var(--color-bg-secondary)}.cta-box{background:linear-gradient(135deg,var(--color-primary-muted) 0%,var(--color-secondary-muted) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:72px 24px;max-width:900px;margin:0 auto;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(163,230,53,.05) 0%,transparent 50%);animation:ctaGlow 6s ease-in-out infinite alternate}@keyframes ctaGlow{0%{transform:translate(-20%,-20%)}to{transform:translate(20%,20%)}}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:clamp(1.8rem,4vw,2.25rem);font-weight:800;margin-bottom:14px;letter-spacing:-.03em;color:var(--color-text)}.cta-box p{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.cta-subtext{font-size:.82rem;color:var(--color-text-muted);margin-bottom:0!important}.footer{padding:72px 48px 40px;background:var(--color-bg);border-top:1px solid var(--color-border)}.footer-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer-brand .nav-brand{color:var(--color-text)}.footer-brand .hex-logo-small{color:var(--color-primary)}.footer-brand p{color:var(--color-text-muted);margin-top:14px;font-size:.9rem;max-width:260px;line-height:1.6}.footer-column h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-bottom:18px}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-column a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{max-width:1100px;margin:48px auto 0;padding-top:28px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);font-size:.85rem}@media (max-width: 1100px){.nav{padding:14px 24px}.nav-links{gap:24px}.nav-links a{font-size:.85rem}.nav-actions{gap:8px}.nav-actions .btn{padding:8px 16px;font-size:.85rem}}@media (max-width: 900px){.nav{padding:12px 20px}.nav-links{display:none}.desktop-only{display:none!important}.mobile-menu-toggle{display:inline-flex}.features-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.code-block{position:static}.providers-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width: 768px){.hero{padding:100px 20px 60px;min-height:auto;gap:36px}.features,.how-it-works,.providers,.pricing,.testimonials,.cta{padding:72px 20px}.cta-box{padding:48px 20px}.preview-metrics{grid-template-columns:1fr;gap:8px}.preview-metric{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}.preview-metric-value{font-size:1.1rem}.social-proof-inner{gap:24px}.proof-divider{display:none}.proof-stat{min-width:100px}.footer{padding:48px 20px}.footer-content{grid-template-columns:1fr;gap:36px;text-align:center}.footer-brand p{margin:14px auto 0}.footer-column ul{align-items:center}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.hero h1{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.section-header h2{font-size:1.6rem}.features-grid,.providers-grid{grid-template-columns:1fr}.social-proof-inner{flex-direction:column;gap:20px}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%;justify-content:center}}