:root{--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--blue-500: #3b82f6;--indigo-500: #6366f1;--yellow-500: #eab308;--rose-500: #f43f5e;--teal-500: #14b8a6;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--slate-800);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.text-gradient{background:linear-gradient(135deg,var(--green-400) 0%,var(--green-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-600);background:#16a34a14;padding:.3rem .85rem;border-radius:999px;margin-bottom:1rem}.section-title{font-size:clamp(1.65rem,3vw,2.25rem);font-weight:800;line-height:1.2;color:var(--slate-900);margin-bottom:1rem}.section-desc{color:var(--slate-500);font-size:1.05rem;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;border-radius:var(--radius);padding:.55rem 1.25rem;transition:var(--transition);white-space:nowrap}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.btn-lg{padding:.8rem 1.6rem;font-size:1rem}.btn-full{width:100%;justify-content:center}.btn-primary{background:var(--green-600);color:#fff;box-shadow:0 0 #16a34a66}.btn-primary:hover{background:var(--green-700);box-shadow:0 4px 14px #16a34a59;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--slate-600)}.btn-ghost:hover{color:var(--slate-900);background:var(--slate-100)}.btn-outline{border:1.5px solid var(--slate-200);color:var(--slate-700);background:#fff}.btn-outline:hover{border-color:var(--slate-300);background:var(--slate-50);transform:translateY(-1px)}.header{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.header.scrolled{border-color:var(--slate-200);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;gap:2rem;height:64px}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;color:var(--slate-900);flex-shrink:0}.nav-logo:hover{opacity:.85}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-links a{font-size:.9rem;font-weight:500;color:var(--slate-600);padding:.4rem .75rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-links a:hover{color:var(--slate-900);background:var(--slate-100)}.nav-cta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;margin-left:auto}.nav-toggle span{display:block;width:22px;height:2px;background:var(--slate-700);border-radius:2px;transition:var(--transition);transform-origin:center}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{background:linear-gradient(160deg,var(--slate-950) 0%,#0d1f12 60%,var(--slate-900) 100%);padding:5rem 0 0;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 60% 0%,rgb(22 163 74 / .12) 0%,transparent 70%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:center}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--green-400);background:#4ade8014;border:1px solid rgb(74 222 128 / .15);padding:.35rem .85rem;border-radius:999px;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.1;color:#fff;letter-spacing:-.02em;margin-bottom:1.25rem}.hero-desc{font-size:1.1rem;color:var(--slate-400);line-height:1.75;margin-bottom:2rem;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.hero-actions .btn-outline{background:transparent;border-color:#ffffff26;color:var(--slate-300)}.hero-actions .btn-outline:hover{background:#ffffff0f;border-color:#ffffff40;color:#fff}.hero-note{font-size:.8rem;color:var(--slate-500)}.hero-visual{position:relative;display:flex;justify-content:center}.dashboard-mockup{display:flex;width:100%;max-width:640px;height:320px;background:var(--slate-900);border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;box-shadow:0 -8px 40px #0009,0 0 0 1px #ffffff0a;position:relative;z-index:1}.mockup-sidebar{width:130px;flex-shrink:0;background:var(--slate-950);border-right:1px solid rgb(255 255 255 / .06);padding:1rem .75rem;display:flex;flex-direction:column;gap:1.25rem}.mockup-logo{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#fff;padding:0 .25rem}.mockup-nav{display:flex;flex-direction:column;gap:.25rem}.mockup-nav-item{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--slate-500);padding:.45rem .6rem;border-radius:var(--radius-sm);cursor:default;transition:var(--transition)}.mockup-nav-item.active{background:#16a34a26;color:var(--green-400)}.mockup-nav-item:not(.active):hover{background:#ffffff0a;color:var(--slate-300)}.mockup-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.mockup-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.mockup-title{font-size:.85rem;font-weight:700;color:#fff}.mockup-avatar{width:24px;height:24px;border-radius:50%;background:var(--green-600);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mockup-stat{background:#ffffff0a;border:1px solid rgb(255 255 255 / .06);border-radius:var(--radius-sm);padding:.6rem .65rem}.mockup-stat-label{font-size:.6rem;color:var(--slate-500);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-stat-value{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap}.mockup-stat-value.positive{color:var(--green-400)}.mockup-stat-sub{font-size:.58rem;color:var(--slate-500);margin-top:.15rem}.mockup-chart-area{flex:1;background:#ffffff08;border:1px solid rgb(255 255 255 / .06);border-radius:var(--radius-sm);padding:.6rem .75rem;display:flex;flex-direction:column;overflow:hidden}.mockup-chart-title{font-size:.65rem;font-weight:600;color:var(--slate-400);margin-bottom:.5rem}.mockup-bars{flex:1;display:flex;align-items:flex-end;gap:3px}.mockup-bar-group{flex:1;display:flex;align-items:flex-end;gap:1px}.mockup-bar{flex:1;border-radius:2px 2px 0 0;transition:opacity var(--transition)}.mockup-bar.brl{background:#16a34ab3}.mockup-bar.usd{background:#3b82f6b3}.mockup-bar-group.active .mockup-bar.brl{background:var(--green-500)}.mockup-bar-group.active .mockup-bar.usd{background:var(--blue-500)}.mockup-bar-labels{display:flex;justify-content:space-between;margin-top:.3rem}.mockup-bar-labels span{font-size:.5rem;color:var(--slate-600);flex:1;text-align:center}.mockup-glow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:60%;height:80px;background:radial-gradient(ellipse,rgb(22 163 74 / .25) 0%,transparent 70%);pointer-events:none;z-index:0}.trust-bar{background:var(--slate-50);border-top:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200);padding:1.25rem 0}.trust-bar .container{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center}.trust-label{font-size:.8rem;font-weight:500;color:var(--slate-400);text-transform:uppercase;letter-spacing:.06em}.trust-items{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem}.trust-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--slate-600)}.trust-sep{color:var(--slate-300);font-size:1.2rem;line-height:1}.features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:1.75rem;transition:var(--transition)}.feature-card:hover{border-color:var(--slate-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card h3{font-size:1.05rem;font-weight:700;color:var(--slate-900);margin:.85rem 0 .5rem}.feature-card p{font-size:.9rem;color:var(--slate-500);line-height:1.65}.feature-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.feature-icon--green{background:#16a34a1a;color:var(--green-600)}.feature-icon--blue{background:#3b82f61a;color:var(--blue-500)}.feature-icon--indigo{background:#6366f11a;color:var(--indigo-500)}.feature-icon--yellow{background:#eab3081a;color:var(--yellow-500)}.feature-icon--rose{background:#f43f5e1a;color:var(--rose-500)}.feature-icon--teal{background:#14b8a61a;color:var(--teal-500)}.how-it-works{background:var(--slate-50);border-top:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200)}.steps{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap}.step{flex:1;min-width:220px;display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--green-600);color:#fff;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h3{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.4rem}.step-content p{font-size:.875rem;color:var(--slate-500);line-height:1.65}.step-connector{display:none}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:760px;margin:0 auto}.pricing-card{background:var(--slate-50);border:1.5px solid var(--slate-200);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;transition:var(--transition)}.pricing-card:hover{box-shadow:var(--shadow-xl)}.pricing-card--featured{background:var(--slate-900);border-color:var(--green-600);box-shadow:0 0 0 1px var(--green-600),var(--shadow-xl)}.pricing-card--featured .pricing-plan{color:var(--green-400)}.pricing-card--featured .pricing-price,.pricing-card--featured .pricing-currency,.pricing-card--featured .pricing-amount,.pricing-card--featured .pricing-cents{color:#fff}.pricing-card--featured .pricing-period,.pricing-card--featured .pricing-desc{color:var(--slate-400)}.pricing-card--featured .pricing-features li{color:var(--slate-300)}.pricing-card--featured .excluded{color:var(--slate-600)!important}.pricing-badge-popular{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--green-600);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.3rem 1rem;border-radius:999px;white-space:nowrap}.pricing-plan{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500)}.pricing-price{display:flex;align-items:flex-start;gap:.15rem;color:var(--slate-900);line-height:1}.pricing-currency{font-size:1.15rem;font-weight:700;margin-top:.35rem}.pricing-amount{font-size:3.25rem;font-weight:900;letter-spacing:-.03em}.pricing-cents{font-size:1.5rem;font-weight:700;margin-top:.5rem}.pricing-period{font-size:.9rem;color:var(--slate-500);align-self:flex-end;margin-bottom:.35rem}.pricing-desc{font-size:.875rem;color:var(--slate-500);margin-top:-.75rem}.pricing-features{display:flex;flex-direction:column;gap:.65rem;flex:1}.pricing-features li{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--slate-700)}.pricing-features li svg{flex-shrink:0}.pricing-features .excluded{color:var(--slate-400)}.pricing-note{text-align:center;font-size:.8rem;color:var(--slate-400);margin-top:1.5rem}.faq{background:var(--slate-50)}.faq-inner{max-width:720px}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.faq-item[open]{border-color:var(--green-600)}.faq-item[open] .faq-icon{transform:rotate(180deg);color:var(--green-600)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--slate-800);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:var(--slate-900)}.faq-icon{flex-shrink:0;color:var(--slate-400);transition:transform var(--transition),color var(--transition)}.faq-answer{padding:.9rem 1.25rem 1.1rem;border-top:1px solid var(--slate-100)}.faq-answer p{font-size:.9rem;color:var(--slate-500);line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--slate-900) 0%,#0d1f12 100%);padding:5rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgb(22 163 74 / .12) 0%,transparent 70%);pointer-events:none}.cta-inner{text-align:center;position:relative;z-index:1}.cta-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.02em;max-width:600px;margin:0 auto 1rem;line-height:1.2}.cta-desc{color:var(--slate-400);font-size:1.05rem;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;margin-bottom:1rem}.cta-note{font-size:.8rem;color:var(--slate-500)}.footer{background:var(--slate-950);color:var(--slate-400);border-top:1px solid rgb(255 255 255 / .06)}.footer-inner{display:flex;flex-wrap:wrap;gap:3rem;padding:3.5rem 1.5rem 2.5rem;max-width:1200px;margin:0 auto}.footer-brand{flex:1;min-width:200px;max-width:280px;display:flex;flex-direction:column;gap:.85rem}.footer-brand .nav-logo{color:#fff}.footer-brand p{font-size:.875rem;line-height:1.65;color:var(--slate-500)}.footer-links{display:flex;flex-wrap:wrap;gap:2rem 3rem;flex:1;justify-content:flex-end}.footer-col h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-300);margin-bottom:1rem}.footer-col ul{display:flex;flex-direction:column;gap:.6rem}.footer-col a{font-size:.875rem;color:var(--slate-500);transition:color var(--transition)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgb(255 255 255 / .06);padding:1.25rem 1.5rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.footer-bottom p{font-size:.825rem;color:var(--slate-600)}.footer-bottom nav{display:flex;gap:1.5rem}.footer-bottom nav a{font-size:.825rem;color:var(--slate-600);transition:color var(--transition)}.footer-bottom nav a:hover{color:var(--slate-400)}.cta-stores{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cta-stores-label{font-size:.75rem;font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.06em}.cta-store-badges{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.store-badge{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem;border-radius:var(--radius);border:1.5px solid rgb(255 255 255 / .12);background:#ffffff0d;color:var(--slate-400);min-width:150px}.store-badge--disabled{opacity:.55;cursor:default;-webkit-user-select:none;user-select:none}.store-badge-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.store-badge-sub{font-size:.62rem;color:var(--slate-500)}.store-badge-name{font-size:.875rem;font-weight:700;color:var(--slate-300)}.footer-coming-soon{font-size:.875rem;color:var(--slate-600);font-style:italic}@media (min-width: 768px){.hero-inner{grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:0}.hero-content{max-width:none}.hero-visual{justify-content:flex-end}.dashboard-mockup{height:360px}.steps{flex-wrap:nowrap;align-items:stretch;gap:0}.step{flex:1}.step-connector{display:block;width:48px;flex-shrink:0;position:relative;top:30px}.step-connector:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--green-600),var(--green-600));transform:translateY(-50%)}}@media (min-width: 1024px){.hero{padding:6rem 0 0}.hero-title{font-size:3.75rem}.dashboard-mockup{height:400px;max-width:100%}}@media (max-width: 767px){.nav-links{display:none;position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--slate-200);flex-direction:column;padding:1rem;gap:.25rem;box-shadow:var(--shadow-lg)}.nav-links.open{display:flex}.nav-links a{padding:.65rem 1rem}.nav-toggle{display:flex}.nav-cta .btn-ghost{display:none}.hero{padding:3.5rem 0 0}.hero-inner{gap:2.5rem}.hero-visual{width:100%}.dashboard-mockup{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:240px}.mockup-sidebar{width:100px}.mockup-stats{grid-template-columns:repeat(3,1fr)}.steps{flex-direction:column;gap:1rem}.footer-links{justify-content:flex-start}.footer-inner{gap:2rem}.footer-brand{max-width:none}}@media (max-width: 480px){.section{padding:3.5rem 0}.section-title{font-size:1.5rem}.hero-title{font-size:2rem}.pricing-grid{grid-template-columns:1fr}.mockup-stats{grid-template-columns:repeat(2,1fr)}.mockup-stats .mockup-stat:last-child{display:none}}
