*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Satoshi","Inter",sans-serif;background:#f5f7fa;color:#1a1a2e;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4{font-family:"Outfit",sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:#1a1a2e}a{text-decoration:none;color:inherit;transition:color .2s}p{color:#5a5f72}.container{max-width:1200px;margin:0 auto;padding:0 32px}.pub-navbar{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;background:rgba(245,247,250,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.pub-navbar.scrolled{border-bottom-color:rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.04)}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-icon{width:36px;height:36px;background:#00c853;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 2px 12px rgba(0,200,83,.2)}.nav-logo-text{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:800;color:#1a1a2e;letter-spacing:-0.02em}.nav-menu{display:flex;gap:32px;align-items:center}.nav-menu a{color:#8a8f9f;font-size:.88rem;font-weight:500;transition:color .25s;position:relative}.nav-menu a:hover,.nav-menu a.active{color:#1a1a2e}.nav-menu a.active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#00c853;border-radius:1px}.nav-cta{padding:10px 24px !important;background:#00c853 !important;color:#fff !important;border-radius:10px;font-weight:700 !important;transition:all .25s !important;box-shadow:0 2px 12px rgba(0,200,83,.2)}.nav-cta:hover{background:#00b348 !important;transform:translateY(-1px);box-shadow:0 4px 24px rgba(0,200,83,.3) !important}.nav-cta.active::after{display:none}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:22px;height:2px;background:#1a1a2e;margin:5px 0;transition:all .3s;border-radius:2px}.section{position:relative;padding:140px 0;overflow:hidden}.section-header{text-align:center;margin-bottom:72px;position:relative;z-index:2}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;border:1px solid}.section-title{font-size:3rem;font-weight:800;margin-bottom:18px;letter-spacing:-0.03em}.section-title span{background:linear-gradient(135deg, #00C853, rgb(12.8461538462, 138.0961538462, 237.6538461538));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 768px){.section-title{font-size:2rem}}.section-subtitle{font-size:1.05rem;color:#5a5f72;max-width:560px;margin:0 auto;line-height:1.7}.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;padding-top:72px;background:#f5f7fa}.hero-bg{position:absolute;inset:0;z-index:0}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, black 20%, transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, black 20%, transparent 70%)}.hero-particles{position:absolute;inset:0;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.orb-1{width:600px;height:600px;background:rgba(0,200,83,.06);top:-200px;right:-150px}.orb-2{width:500px;height:500px;background:rgba(33,150,243,.05);bottom:-200px;left:-150px}.orb-3{width:350px;height:350px;background:rgba(124,77,255,.04);top:40%;left:30%}.hero-gradient-line{position:absolute;top:45%;left:-10%;width:120%;height:1px;background:linear-gradient(90deg, transparent 5%, rgba(0, 200, 83, 0.18) 30%, rgba(33, 150, 243, 0.12) 60%, transparent 95%);transform:rotate(-3deg);opacity:.7}.hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:80px;max-width:1200px;width:90%;padding:40px 0}@media(max-width: 1024px){.hero-content{flex-direction:column;gap:48px;text-align:center}}.hero-text{flex:1;will-change:transform}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(0,200,83,.08);border:1px solid rgba(0,200,83,.15);border-radius:100px;font-size:.78rem;font-weight:600;color:#00c853;margin-bottom:28px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.05;margin-bottom:24px;letter-spacing:-0.04em}.hero-title span{background:linear-gradient(135deg, #00C853, rgb(12.8461538462, 138.0961538462, 237.6538461538));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.hero-title span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg, #00C853, #2196F3);border-radius:2px;opacity:.3}.hero-subtitle{font-size:1.15rem;color:#5a5f72;line-height:1.75;margin-bottom:36px;max-width:500px}@media(max-width: 1024px){.hero-subtitle{margin:0 auto 36px}}.hero-buttons{display:flex;gap:14px;margin-bottom:48px;flex-wrap:wrap}@media(max-width: 1024px){.hero-buttons{justify-content:center}}.btn-hero{padding:16px 32px;border-radius:14px;font-family:"Satoshi","Inter",sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(0.22, 1, 0.36, 1);display:inline-flex;align-items:center;gap:10px;border:none;position:relative;overflow:hidden}.btn-hero-primary{background:#00c853;color:#fff;box-shadow:0 4px 20px rgba(0,200,83,.2)}.btn-hero-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%);transform:translateX(-100%);transition:transform .6s}.btn-hero-primary:hover{background:#00b348;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,200,83,.3)}.btn-hero-primary:hover::after{transform:translateX(100%)}.btn-hero-secondary{background:#fff;color:#1a1a2e;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.04)}.btn-hero-secondary:hover{border-color:rgba(0,0,0,.12);box-shadow:0 4px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.hero-stats{display:flex;gap:48px}@media(max-width: 1024px){.hero-stats{justify-content:center}}@media(max-width: 768px){.hero-stats{flex-direction:column;gap:20px;align-items:center}}.hero-stat-value{font-family:"JetBrains Mono",monospace;font-size:1.6rem;font-weight:800;color:#00c853}.hero-stat-label{font-size:.78rem;color:#8a8f9f;text-transform:uppercase;letter-spacing:.5px}.hero-stat-icon{color:#00c853}.hero-stat-icon svg{stroke:#00c853}.phone-wrapper{position:relative;flex-shrink:0;will-change:transform;perspective:1000px}.phone-glow{position:absolute;inset:-60px;background:radial-gradient(circle, rgba(0, 200, 83, 0.1) 0%, transparent 65%);border-radius:50%;filter:blur(50px);z-index:-1}.phone-mockup{width:310px;flex-shrink:0;background:linear-gradient(160deg, #1a1a2e, #0d0d1a);border-radius:44px;padding:14px;box-shadow:0 24px 80px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.06) inset;position:relative;overflow:hidden}.phone-mockup::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent)}@media(max-width: 1024px){.phone-mockup{width:270px}}@media(max-width: 768px){.phone-mockup{width:250px}}.phone-notch{width:120px;height:28px;margin:0 auto 4px;background:#0d0d1a;border-radius:0 0 16px 16px;position:relative;z-index:2}.phone-screen{background:#060608;border-radius:32px;overflow:hidden;min-height:530px}@media(max-width: 1024px){.phone-screen{min-height:460px}}@media(max-width: 768px){.phone-screen{min-height:430px}}.phone-header{padding:18px 16px 14px;background:#0c0c10;border-bottom:1px solid hsla(0,0%,100%,.06)}.phone-header-title{font-size:.58rem;color:hsla(0,0%,100%,.35);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.phone-header-month{font-family:"Outfit",sans-serif;font-size:1rem;font-weight:700;color:#f0f0f2}.phone-body{padding:12px;display:flex;flex-direction:column;gap:10px}.phone-card{background:#0c0c10;border-radius:12px;padding:14px;border:1px solid hsla(0,0%,100%,.06)}.phone-card-label{font-size:.58rem;color:hsla(0,0%,100%,.35);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-weight:600}.phone-card-value{font-family:"JetBrains Mono",monospace;font-size:1.25rem;font-weight:800}.phone-card-value.green{color:#00e676}.phone-card-value.red{color:#ff5252}.phone-card-value.blue{color:#29b6f6}.phone-account{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.75rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.phone-account:last-child{border:none}.phone-account-name{color:hsla(0,0%,100%,.55);font-weight:500}.phone-account-value{font-family:"JetBrains Mono",monospace;font-weight:600;color:#f0f0f2;font-size:.7rem}.phone-progress-item{margin-bottom:10px}.phone-progress-label{display:flex;justify-content:space-between;font-size:.6rem;margin-bottom:5px}.phone-progress-name{color:hsla(0,0%,100%,.55)}.phone-progress-pct{color:hsla(0,0%,100%,.3);font-family:"JetBrains Mono",monospace}.phone-progress-bar{height:5px;background:hsla(0,0%,100%,.06);border-radius:3px;overflow:hidden}.phone-progress-fill{height:100%;border-radius:3px;background:#00e676}.phone-progress-fill.amber{background:#ffb300}.phone-progress-fill.red{background:#ff5252}.phone-chart{display:flex;align-items:flex-end;gap:5px;height:50px;padding-top:8px}.phone-chart-bar{flex:1;border-radius:3px 3px 0 0;min-height:4px}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.scroll-indicator span{font-size:.68rem;color:#b5b9c6;letter-spacing:2px;text-transform:uppercase;font-weight:600}@media(max-width: 768px){.scroll-indicator{display:none}}.scroll-mouse{width:24px;height:40px;border:2px solid #b5b9c6;border-radius:12px;display:flex;justify-content:center;padding-top:8px}.scroll-wheel{width:3px;height:8px;background:#00c853;border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.social-proof{position:relative;padding:24px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);background:#fff;z-index:2}.social-proof-inner{display:flex;align-items:center;justify-content:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;flex-wrap:wrap}.proof-item{display:flex;align-items:center;gap:10px;color:#8a8f9f;font-size:.82rem;font-weight:500;white-space:nowrap;transition:color .3s}.proof-item svg{color:#00c853;stroke:#00c853;flex-shrink:0;opacity:.8}.proof-item:hover{color:#5a5f72}.proof-item:hover svg{opacity:1}.proof-divider{width:1px;height:20px;background:rgba(0,0,0,.06)}@media(max-width: 768px){.proof-divider{display:none}}.section-features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;position:relative;z-index:1}@media(max-width: 1024px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#f5f7fa;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:36px 28px;transition:all .4s cubic-bezier(0.22, 1, 0.36, 1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-6px);border-color:rgba(0,0,0,.12);box-shadow:0 12px 40px rgba(0,0,0,.08)}.feature-card h3{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}.feature-card p{font-size:.85rem;color:#5a5f72;line-height:1.65}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.section-showcase{background:#f5f7fa;padding-bottom:60px;overflow:hidden}.showcase-track{display:flex;gap:24px;padding:0 calc(50vw - 180px);will-change:transform}.showcase-card{flex-shrink:0;width:360px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(0.22, 1, 0.36, 1);box-shadow:0 1px 3px rgba(0,0,0,.04)}.showcase-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(0,0,0,.12);box-shadow:0 12px 40px rgba(0,0,0,.08)}@media(max-width: 1024px){.showcase-card{width:310px}}@media(max-width: 768px){.showcase-card{width:280px}}.showcase-card-header{display:flex;align-items:center;gap:6px;padding:14px 16px;background:#1a1a2e;border-bottom:1px solid hsla(0,0%,100%,.06)}.showcase-dot{width:8px;height:8px;border-radius:50%}.showcase-url{margin-left:10px;font-size:.65rem;color:hsla(0,0%,100%,.35);font-family:"JetBrains Mono",monospace}.showcase-card-body{padding:16px}.showcase-mini-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:14px}.showcase-mini-card{background:#f5f7fa;border-radius:8px;padding:12px 8px;text-align:center;border:1px solid rgba(0,0,0,.06)}.showcase-mini-card small{display:block;font-size:.52rem;color:#8a8f9f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.showcase-mini-card strong{font-size:.82rem;font-family:"JetBrains Mono",monospace;font-weight:700}.showcase-chart-placeholder{display:flex;align-items:flex-end;gap:6px;height:60px;padding-top:8px}.showcase-bar{flex:1;border-radius:4px 4px 0 0;min-height:4px}.showcase-tx-list{display:flex;flex-direction:column;gap:6px}.showcase-tx{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.showcase-tx:last-child{border:none}.showcase-tx-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.showcase-tx div{flex:1}.showcase-tx strong{display:block;font-size:.78rem;font-weight:600;color:#1a1a2e}.showcase-tx small{font-size:.6rem;color:#8a8f9f}.showcase-tx-val{font-family:"JetBrains Mono",monospace;font-size:.72rem;font-weight:600;white-space:nowrap}.showcase-budget-list{display:flex;flex-direction:column;gap:16px}.showcase-budget-header{display:flex;justify-content:space-between;font-size:.72rem;margin-bottom:6px}.showcase-budget-header span:first-child{font-weight:600;color:#1a1a2e}.showcase-budget-header span:last-child{font-family:"JetBrains Mono",monospace;color:#8a8f9f;font-size:.62rem}.showcase-budget-bar{height:6px;background:rgba(0,0,0,.05);border-radius:3px;overflow:hidden}.showcase-budget-bar div{height:100%;border-radius:3px;transition:width 1s ease}.section-steps{background:#fff}.timeline{position:relative;max-width:600px;margin:0 auto;padding-left:64px;z-index:1}.timeline-line{position:absolute;left:28px;top:0;bottom:0;width:2px;background:rgba(0,0,0,.06)}.timeline-line-fill{width:100%;height:0%;background:linear-gradient(180deg, #00C853, #2196F3);border-radius:1px}.timeline-step{position:relative;padding:0 0 56px 0;display:flex;align-items:flex-start;gap:28px}.timeline-step:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-64px;width:56px;display:flex;justify-content:center}.timeline-number{width:52px;height:52px;border-radius:50%;background:#f5f7fa;border:2px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:800;color:#b5b9c6;transition:all .5s cubic-bezier(0.22, 1, 0.36, 1);position:relative;z-index:1}.timeline-step.active .timeline-number{background:rgba(0,200,83,.08);border-color:#00c853;color:#00c853;box-shadow:0 0 24px rgba(0,200,83,.2)}.timeline-content h3{font-family:"Outfit",sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}.timeline-content p{font-size:.88rem;color:#5a5f72;line-height:1.65}.section-pricing{background:#f5f7fa}.pricing-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;max-width:740px;margin:0 auto;position:relative;z-index:1}@media(max-width: 768px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.pricing-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:28px;padding:44px 36px;text-align:center;transition:all .4s cubic-bezier(0.22, 1, 0.36, 1);position:relative;overflow:hidden;will-change:transform;box-shadow:0 1px 3px rgba(0,0,0,.04)}.pricing-card:hover{transform:translateY(-4px);border-color:rgba(0,0,0,.12);box-shadow:0 12px 40px rgba(0,0,0,.08)}.pricing-card.featured{border-color:rgba(0,200,83,.3);box-shadow:0 8px 40px rgba(0,200,83,.1)}.pricing-card.featured:hover{box-shadow:0 16px 56px rgba(0,200,83,.14)}.pricing-popular-badge{position:absolute;top:18px;right:18px;background:#00c853;color:#fff;font-size:.68rem;font-weight:800;padding:5px 16px;border-radius:100px;letter-spacing:.5px;box-shadow:0 2px 12px rgba(0,200,83,.2)}.pricing-name{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}.pricing-price{font-family:"JetBrains Mono",monospace;font-size:2.8rem;font-weight:800;color:#00c853;margin-bottom:4px}.pricing-price-small{font-size:1.2rem;color:#5a5f72;font-family:"JetBrains Mono",monospace}.pricing-period{font-size:.82rem;color:#8a8f9f;margin-bottom:28px}.pricing-features{list-style:none;text-align:left;margin-bottom:36px}.pricing-features li{padding:9px 0;font-size:.85rem;color:#5a5f72;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.06)}.pricing-features li:last-child{border:none}.pricing-features li svg{flex-shrink:0}.pricing-btn{display:block;width:100%;padding:15px;border-radius:14px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(0.22, 1, 0.36, 1);text-align:center;cursor:pointer;border:none;font-family:"Satoshi","Inter",sans-serif}.pricing-btn-primary{background:#00c853;color:#fff;box-shadow:0 4px 20px rgba(0,200,83,.2)}.pricing-btn-primary:hover{background:#00b348;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,200,83,.3)}.pricing-btn-secondary{background:#f5f7fa;color:#1a1a2e;border:1px solid rgba(0,0,0,.06)}.pricing-btn-secondary:hover{background:#f0f2f5;border-color:rgba(0,0,0,.12)}.cta-section{padding:160px 0;text-align:center;position:relative;overflow:hidden;background:#fff}.cta-bg{position:absolute;inset:0;z-index:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(140px);will-change:transform}.cta-orb-1{width:600px;height:600px;background:rgba(0,200,83,.06);top:-250px;right:-150px}.cta-orb-2{width:500px;height:500px;background:rgba(33,150,243,.04);bottom:-250px;left:-150px}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%)}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:18px;letter-spacing:-0.03em;position:relative;z-index:1}.cta-subtitle{color:#5a5f72;font-size:1.1rem;margin-bottom:36px;position:relative;z-index:1}.btn-hero-glow{box-shadow:0 4px 24px rgba(0,200,83,.2);animation:btnGlow 3s ease-in-out infinite alternate}@keyframes btnGlow{0%{box-shadow:0 4px 20px rgba(0,200,83,.2)}100%{box-shadow:0 8px 40px rgba(0,200,83,.28)}}.pub-footer{padding:72px 32px 36px;border-top:1px solid rgba(0,0,0,.06);background:#fff}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}@media(max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width: 768px){.footer-content{grid-template-columns:1fr}}.footer-brand-text{font-size:.85rem;color:#8a8f9f;line-height:1.7;margin-top:14px}.footer-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;margin-bottom:18px;text-transform:uppercase;letter-spacing:1.5px;color:#8a8f9f}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#8a8f9f;font-size:.85rem;transition:color .25s}.footer-links a:hover{color:#00c853}.footer-bottom{text-align:center;padding-top:28px;border-top:1px solid rgba(0,0,0,.06);color:#b5b9c6;font-size:.78rem}@media(max-width: 768px){.pub-navbar{padding:0 16px}.nav-menu{display:none}.nav-menu.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:rgba(245,247,250,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:24px;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.06);gap:16px}.nav-menu.open .nav-cta{text-align:center}.nav-toggle{display:block}.section{padding:80px 0}.section-header{margin-bottom:48px}.hero-buttons{flex-direction:column;align-items:center}.social-proof-inner{gap:16px}.proof-item{font-size:.75rem}.timeline{padding-left:52px}.timeline-line{left:22px}.timeline-marker{left:-52px}.timeline-number{width:44px;height:44px;font-size:.95rem}.showcase-track{padding:0 24px}.pricing-card{padding:32px 24px}.cta-section{padding:100px 0}}@media(max-width: 480px){.pub-navbar{height:60px}.nav-menu.open{top:60px}.hero-title{font-size:1.8rem}.cta-title{font-size:1.6rem}}.auth-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:72px 24px 40px;position:relative;overflow:hidden;background:#f5f7fa}.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:28px;padding:40px;box-shadow:0 12px 40px rgba(0,0,0,.08);position:relative;z-index:1}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo .nav-logo{display:inline-flex}.auth-tabs{display:flex;margin-bottom:28px;border-bottom:1px solid rgba(0,0,0,.06)}.auth-tab{flex:1;padding:12px;text-align:center;font-weight:600;font-size:.9rem;color:#8a8f9f;cursor:pointer;border:none;background:none;border-bottom:2px solid rgba(0,0,0,0);transition:all .2s;font-family:"Satoshi","Inter",sans-serif}.auth-tab:hover{color:#5a5f72}.auth-tab.active{color:#00c853;border-bottom-color:#00c853}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.72rem;font-weight:600;color:#8a8f9f;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.form-input{width:100%;padding:13px 16px;background:#f0f2f5;border:1px solid rgba(0,0,0,.06);border-radius:8px;color:#1a1a2e;font-family:"Satoshi","Inter",sans-serif;font-size:.9rem;outline:none;transition:all .25s}.form-input:focus{border-color:#00c853;box-shadow:0 0 0 3px rgba(0,200,83,.08)}.form-input::placeholder{color:#b5b9c6}.btn-submit{width:100%;padding:14px;background:#00c853;color:#fff;border:none;border-radius:8px;font-family:"Satoshi","Inter",sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s;margin-top:8px;box-shadow:0 4px 16px rgba(0,200,83,.2)}.btn-submit:hover{background:#00b348;transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,200,83,.28)}.alert{padding:12px 16px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.alert-error{background:rgba(255,23,68,.06);border:1px solid rgba(255,23,68,.12);color:#ff1744}.alert-success{background:rgba(0,200,83,.06);border:1px solid rgba(0,200,83,.12);color:#00c853}.auth-footer-text{text-align:center;font-size:.8rem;color:#8a8f9f;margin-top:20px}.auth-footer-text a{color:#00c853;font-weight:600}.legal-content{max-width:800px;margin:0 auto;padding:120px 24px 60px}.legal-content h1{font-size:2rem;margin-bottom:8px}.legal-content h2{font-size:1.15rem;font-weight:700;margin-top:40px;margin-bottom:16px}.legal-content h3{font-size:1rem;font-weight:600;margin-top:28px;margin-bottom:12px}.legal-content p,.legal-content li{color:#5a5f72;font-size:.9rem;margin-bottom:12px;line-height:1.8}.legal-content ul,.legal-content ol{padding-left:24px;margin-bottom:16px}.legal-content a{color:#00c853;font-weight:500}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:#1a1a2e;font-weight:600}.legal-subtitle{color:#5a5f72;margin-bottom:40px;font-size:.9rem}.legal-highlight{background:rgba(0,200,83,.08);border:1px solid rgba(0,200,83,.12);border-radius:14px;padding:20px 24px;margin:24px 0}.legal-highlight p{color:#00c853;font-weight:600;font-size:.9rem;margin:0}.faq-item{margin-bottom:32px}.faq-question{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin-bottom:12px;padding-left:16px;border-left:3px solid #00c853}.faq-answer p{margin-bottom:10px}.pricing-toggle{display:flex;gap:4px;background:#f0f2f5;border-radius:12px;padding:4px;width:fit-content;margin:0 auto 16px;border:1px solid rgba(0,0,0,.06)}.pricing-toggle-btn{padding:10px 24px;border-radius:10px;font-family:"Satoshi","Inter",sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;border:none;background:none;color:#8a8f9f;transition:all .2s}.pricing-toggle-btn.active{background:#fff;color:#1a1a2e;box-shadow:0 1px 3px rgba(0,0,0,.04)}.pricing-save{display:inline-block;font-size:.65rem;padding:2px 8px;background:rgba(0,200,83,.08);color:#00c853;border-radius:10px;font-weight:700;margin-left:4px}.pricing-note{text-align:center;font-size:.8rem;color:#8a8f9f;margin-bottom:40px}.comparison-wrapper{overflow-x:auto;margin-top:60px}.comparison-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:32px;max-width:800px;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.04)}.comparison-card h3{font-size:1.25rem;margin-bottom:24px}.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.comparison-table thead tr{border-bottom:2px solid rgba(0,0,0,.06)}.comparison-table th{padding:14px 16px;font-weight:600;color:#8a8f9f}.comparison-table th:first-child{text-align:left}.comparison-table th:not(:first-child){text-align:center;width:130px}.comparison-table th.sync-col{color:#00c853}.comparison-table td{padding:10px 16px;color:#5a5f72;border-bottom:1px solid rgba(0,0,0,.06)}.comparison-table td:first-child{font-weight:500}.comparison-table td:not(:first-child){text-align:center}.comparison-table .section-row td{padding-top:20px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#8a8f9f;border:none;padding-bottom:8px}.check-icon{color:#00c853;font-weight:700}.cross-icon{color:#b5b9c6}.unlimited{color:#00c853;font-weight:600}.monitor-mockup{max-width:900px;margin:0 auto;background:linear-gradient(160deg, #1a1a2e, #0d0d1a);border-radius:16px;padding:10px 10px 0;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.1)}.monitor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px}.monitor-dot{width:10px;height:10px;border-radius:50%}.monitor-dot:nth-child(1){background:#ff5f57}.monitor-dot:nth-child(2){background:#ffbd2e}.monitor-dot:nth-child(3){background:#28c840}.monitor-url{flex:1;margin-left:12px;padding:5px 14px;background:hsla(0,0%,100%,.05);border-radius:6px;font-size:.7rem;color:hsla(0,0%,100%,.35);font-family:"JetBrains Mono",monospace}.monitor-screen{background:#f5f7fa;border-radius:8px 8px 0 0;padding:24px;min-height:380px}.monitor-stand{width:120px;height:40px;margin:0 auto;background:linear-gradient(180deg, #2a2a3e, #1a1a2e);clip-path:polygon(15% 0, 85% 0, 100% 100%, 0 100%)}.monitor-base{width:200px;height:8px;margin:0 auto;background:#2a2a3e;border-radius:0 0 4px 4px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width: 768px){.monitor-grid{grid-template-columns:1fr}}.monitor-card{background:#fff;border-radius:10px;padding:14px;border:1px solid rgba(0,0,0,.06)}.monitor-card-label{font-size:.55rem;color:#8a8f9f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.monitor-card-value{font-size:1.1rem;font-weight:800;font-family:"JetBrains Mono",monospace}.monitor-chart-area{display:grid;grid-template-columns:2fr 1fr;gap:12px}@media(max-width: 768px){.monitor-chart-area{grid-template-columns:1fr}}.monitor-chart-box{background:#fff;border-radius:10px;padding:14px;border:1px solid rgba(0,0,0,.06)}.monitor-chart-title{font-size:.65rem;font-weight:600;margin-bottom:12px;color:#5a5f72}.monitor-bars{display:flex;align-items:flex-end;gap:8px;height:100px}.monitor-bar{flex:1;border-radius:4px 4px 0 0;min-height:8px;position:relative}.monitor-bar-label{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:.45rem;color:#8a8f9f;white-space:nowrap}.monitor-cat-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.65rem;border-bottom:1px solid rgba(0,0,0,.06)}.monitor-cat-item:last-child{border:none}.monitor-cat-dot{width:8px;height:8px;border-radius:50%}.monitor-cat-name{flex:1;color:#5a5f72}.monitor-cat-value{font-family:"JetBrains Mono",monospace;font-weight:600;font-size:.6rem}

/* Logo image styles */
.nav-logo-icon-img { width: 36px; height: 36px; border-radius: 10px; object-fit: contain; flex-shrink: 0; }