:root{--color-lightest:#f2f9ed;--color-lighter:#cce7b6;--color-light:#a5d580;--color-primary:#7fc349;--color-dark:#598933;--color-darker:#406225;--color-font:#e0e0e0;--color-borders:#ffffff1a;--color-cards:#161618;--color-background:#080808;--color-card-elevated:#111113;--color-border-subtle:#2a2a2e;--color-surface-inset:#151515;--color-border-muted:#333;--color-text-muted:#a1a1aa;--color-primary-tint:#7fc3491a;--color-error:#f23f3f;--color-bg:#0d0d0f;--color-card:#1a1a1c;--color-font-muted:#a0a0a0}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;color:var(--color-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#1e1e20,#080808,#080808) fixed;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-font);margin:0 0 16px;font-family:inherit}h1{letter-spacing:-1.5px;font-size:72px;font-weight:800;line-height:1.1}h2{letter-spacing:-1px;font-size:48px;font-weight:700;line-height:1.1}h3{letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.2}h4{font-size:22px;font-weight:700;line-height:1.2}h5{font-size:20px;font-weight:700;line-height:1.4}h6{font-size:18px;font-weight:700;line-height:1.4}p,.body-text{color:var(--color-font);margin-bottom:24px;font-size:16px;font-weight:400;line-height:1.6}.body-small{font-size:14px;font-weight:400;line-height:1.6}.text-primary{color:var(--color-primary)}.text-bold{font-weight:700}@media (width<=768px){h1{font-size:54px}h2{font-size:36px}h3{font-size:21px}h4,h5,h6,p,.body-text,.body-small{font-size:16px}}.app-container{max-width:100%;min-height:100vh;margin:0 auto;padding:0;position:relative}.header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1400px;margin-bottom:80px;margin-left:auto;margin-right:auto;padding:32px 40px;display:flex}@media (width<=1200px){.header{padding:32px 24px}}@media (width<=768px){.header{max-width:100vw;margin-bottom:32px;padding:16px 20px;overflow:hidden}}.logo{letter-spacing:-1px;align-items:center;max-width:100%;font-size:32px;text-decoration:none;display:flex}.logo-img{width:auto;max-width:100%;height:32px;display:block}@media (width<=1023px){.logo-img{height:28px}.btn-login{padding:10px 20px;font-size:14px}.btn-hamburger{width:40px;height:40px}}@media (width<=400px){.btn-login{white-space:nowrap;padding:8px 14px;font-size:13px}}.nav-links{gap:24px;display:none}.nav-links a{color:var(--color-font);font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.8;color:var(--color-primary)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-login{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .2s}.btn-login:hover{opacity:.9}.btn-hamburger{background-color:var(--color-primary);cursor:pointer;z-index:1000;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;transition:opacity .2s,background-color .4s,border-color .4s;display:flex;position:relative}.btn-hamburger:hover{opacity:.9}.btn-hamburger span{transform-origin:50%;background-color:#fff;border-radius:2px;width:22px;height:2px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),opacity .2s,background-color .4s;display:block}.btn-hamburger.open{border:1px solid var(--color-primary);background-color:#0000}.btn-hamburger.open span{background-color:var(--color-primary)}.btn-hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.btn-hamburger.open span:nth-child(2){opacity:0;transform:translate(10px)}.btn-hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width>=1024px){.app-container{padding:0}.header{margin-bottom:80px;padding-top:24px}.nav-links{align-items:center;display:flex}.btn-hamburger{display:none}}.hero-section{box-sizing:border-box;flex-direction:column;gap:48px;width:100%;max-width:1400px;margin:0 auto 80px;padding:0 40px;display:flex}@media (width<=1200px){.hero-section{padding:0 24px}}@media (width<=768px){.hero-section{margin-bottom:40px;padding:0 20px}}.hero-text-content{flex-direction:column;align-items:flex-start;width:100%;min-width:0;max-width:100%;display:flex}@media (width>=1024px){.hero-section{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.hero-text-content{flex:1;max-width:50%}}.pill-badge{color:var(--color-font);border:1px solid var(--color-primary);letter-spacing:.5px;border-radius:20px;align-items:center;margin-bottom:8px;padding:4px 16px;font-size:16px;font-weight:700;display:inline-flex}.hero-heading{letter-spacing:-2px;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;text-align:left;white-space:normal;width:100%;max-width:100%;margin:0 0 32px;font-size:clamp(52px,8vw,64px);line-height:1.05}@media (width>=1024px){.hero-heading{font-size:clamp(54px,5.3vw,72px)}}.hero-heading .text-primary{color:var(--color-primary);font-weight:900}.hero-heading .text-font{color:var(--color-font);font-weight:700}.mobile-br{display:block}.desktop-br{display:none}@media (width>=1024px){.mobile-br{display:none}.desktop-br{display:block}}.hero-paragraph{color:var(--color-font);border-left:2px solid var(--color-primary);text-align:left;max-width:650px;margin:0 0 56px;padding-left:16px;font-size:16px;font-weight:400;line-height:1.5}.hero-paragraph strong{font-weight:700}.page-hero{box-sizing:border-box;flex-direction:column;justify-content:center;max-width:1400px;min-height:calc(100vh - 100px);margin:0 auto;padding:80px 40px;display:flex}@media (width>=1024px){.page-hero{transform:translateY(-20px)}}@media (width<=1200px){.page-hero{padding:80px 24px}}@media (width<=1024px){.page-hero{min-height:auto;padding:120px 20px 40px}}.page-hero .hero-heading{color:#fff;margin-bottom:32px}.page-hero .service-intro,.page-hero .service-intro p{max-width:700px}.hero-actions{flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex}@media (width>=768px){.hero-actions{flex-direction:row;width:auto}}.btn-cta-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.btn-cta-primary:hover{background-color:var(--color-light)}.btn-cta-secondary{color:#fff;border:1px solid var(--color-primary);cursor:pointer;text-align:center;background-color:#0000;border-radius:12px;flex:1;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.btn-cta-secondary:hover{background-color:#7fc3491a}@media (width>=768px){.btn-cta-primary,.btn-cta-secondary{flex:none;min-width:180px}}.hero-code-wrapper{box-sizing:border-box;min-width:0;max-width:100%;position:relative}@media (width>=1024px){.hero-code-wrapper{flex:1;max-width:50%;margin-top:0}}.code-window{background-image:linear-gradient(var(--color-background), var(--color-background)), linear-gradient(135deg, #b4b4b4, var(--color-background) 80%);box-sizing:border-box;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:12px;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 0 40px #7fc3491a}.code-header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#545454,#0000) 1;padding:12px 16px;display:flex}.copy-icon{width:20px;height:20px;color:var(--color-font);cursor:pointer;opacity:.7}.copy-icon:hover{opacity:1}.code-content{color:var(--color-font);overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box;text-align:left;width:100%;min-width:0;max-width:100%;margin:0;padding:24px 16px;font-family:JetBrains Mono,Courier New,monospace;font-size:16px;line-height:1.6}.code-line{word-wrap:break-word;word-break:break-all;width:100%;max-width:100%;display:block}.indent-1{padding-left:16px}.indent-2{padding-left:32px}.spacer{height:22px}.code-comment{color:#8a8a8a}.code-primary{color:var(--color-primary)}.code-gold{color:#e5b567}.code-blue{color:#56b6c2}.code-purple{color:#c678dd}.code-text{color:var(--color-font)}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal-left{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translate(-40px)}.reveal-right{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translate(40px)}.reveal-on-scroll.active,.reveal-left.active,.reveal-right.active{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-hero{will-change:opacity, transform;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.hero-delay-1{opacity:0;animation-delay:.2s}.hero-delay-2{opacity:0;animation-delay:.4s}.hero-delay-3{opacity:0;animation-delay:.6s}.dropdown{display:inline-block;position:relative}.dropdown-content{opacity:0;visibility:hidden;z-index:100;border:1px solid var(--color-borders);background-color:#161618;border-radius:8px;min-width:210px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(4px);box-shadow:0 10px 30px #00000080}.dropdown:after{content:"";background:0 0;width:100%;height:20px;position:absolute;top:100%;left:0}.dropdown-content a{color:var(--color-font);border-bottom:1px solid #1c1c1f;border-left:0 solid #0000;justify-content:space-between;align-items:center;padding:12px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .2s,border-left .2s,padding-left .2s;display:flex;position:relative}.dropdown-content a:after{display:none!important}.dropdown-content a:last-child{border-bottom:none}.dropdown-link-arrow{opacity:0;color:var(--color-primary);font-size:16px;transition:all .3s;transform:translate(-10px)}.dropdown-content a:hover .dropdown-link-arrow{opacity:1;transform:translate(0)}.dropdown-content a:hover{color:var(--color-primary);border-left:3px solid var(--color-primary);background-color:#1e1e21;padding-left:24px}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:hover .chevron-down{color:var(--color-primary);transform:rotate(45deg)}.dropbtn{color:var(--color-font);cursor:pointer;align-items:center;padding:0;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.chevron-down{font-size:inherit;opacity:.7;margin-left:6px;transition:transform .3s;display:inline-block}.dropbtn:hover{color:var(--color-primary)}.mobile-menu-overlay{z-index:999;opacity:0;pointer-events:none;visibility:hidden;background:#080808;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s .6s,visibility .4s .6s;display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-menu-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% -50%,#7fc34926,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.mobile-nav-content{width:100%;max-width:500px;padding:0 40px}.mobile-links{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.mobile-links li{opacity:0;transition:opacity .4s,transform .4s;transition-delay:calc(60ms * (10 - var(--animation-order)));overflow:hidden;transform:translateY(15px)}.mobile-menu-overlay.open .mobile-links li{opacity:1;transition-delay:calc(60ms * var(--animation-order));transform:translateY(0)}.mobile-links a{color:var(--color-font);letter-spacing:-1px;font-size:32px;font-weight:800;text-decoration:none;transition:color .3s,transform .3s;display:inline-block;position:relative}.mobile-links a:after{content:"";background-color:var(--color-primary);border-radius:2px;width:0%;height:3px;transition:width .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0}.mobile-links a:hover{color:var(--color-primary);transform:translate(10px)}.mobile-links a:hover:after{width:100%}.mobile-sublink{border-left:2px solid #7fc3494d;padding-left:20px}.mobile-sublink a{color:#a1a1aa;font-size:24px;font-weight:600}@media (width>=1024px){.mobile-menu-overlay{display:none!important}.nav-links a,.dropbtn{padding-bottom:4px;position:relative;opacity:1!important;transition:color .2s!important}.nav-links a:after,.dropbtn:after{content:"";background-color:var(--color-primary);border-radius:2px;width:0%;height:2px;transition:width .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.dropbtn:hover:after,.nav-links a.active:after,.dropbtn.active:after{width:100%}.nav-links a:hover,.dropbtn:hover,.nav-links a.active,.dropbtn.active{color:var(--color-primary)}}.footer-v2{color:#fff;background-color:#0c0c0c;width:100%}.footer-top-line{background-color:var(--color-primary);width:100%;height:2px}.footer-container-v2{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:100px 40px}.footer-top-row{flex-wrap:wrap;justify-content:space-between;gap:60px;margin-bottom:80px;display:flex}@media (width<=768px){.footer-top-row{flex-direction:column;gap:40px;margin-bottom:60px}.footer-container-v2{padding:60px 20px}}.footer-brand-col .footer-logo-img{object-fit:contain;width:auto;max-width:180px;height:40px;margin-bottom:12px}.footer-tagline{color:#fff;margin-bottom:40px;font-size:16px}.footer-join-text{color:#fff;margin-bottom:12px;font-size:16px}.social-icons{gap:12px;display:flex}.social-icon{width:48px;height:48px;color:var(--color-primary);background:0 0;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{border-color:var(--color-primary);background:#7fc3491a}.footer-brand-col,.footer-newsletter-v2{flex:1;max-width:100%}.footer-newsletter-v2 h2{margin-bottom:16px;font-size:32px;line-height:1.2}@media (width<=768px){.footer-newsletter-v2 h2{font-size:24px}.footer-newsletter-v2 h2 br{display:none}}.newsletter-desc{color:#a1a1aa;margin-bottom:24px;font-size:16px}.newsletter-focus-box{background:#151515;border:1px solid #2a2a35;border-radius:12px;padding:24px}.focus-label{color:#fff;margin-bottom:16px;font-size:16px}.focus-options{gap:16px;margin-bottom:24px;display:flex}.focus-toggle{border:1px solid #333;border-radius:12px;flex-direction:column;flex-shrink:0;width:24px;height:64px;display:flex;overflow:hidden}.toggle-thumb-top{background-color:var(--color-primary);border-radius:10px;flex:1;margin:2px}.toggle-thumb-bottom{background-color:#0000;border-radius:10px;flex:1;margin:2px}.focus-list{flex-direction:column;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.focus-list li{color:#a1a1aa;font-size:16px}.focus-list li strong{color:#fff}.newsletter-input-group{gap:12px;display:flex}@media (width<=768px){.newsletter-input-group{flex-direction:column}.btn-signup{padding:14px 24px}}.email-input-v2{color:#fff;background:#0a0a0a;border:1px solid #2a2a35;border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:16px}.email-input-v2:focus{border-color:var(--color-primary);outline:none}.btn-signup{background-color:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 38px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .2s,transform .2s}.btn-signup:hover{opacity:.9}.footer-links-v2{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.link-group{flex-direction:column;gap:12px;display:flex}.link-group h3{color:#fff;margin-bottom:8px;font-size:18px}.link-group a{color:#a1a1aa;font-size:16px;text-decoration:none;transition:color .2s}.link-group a:hover{color:var(--color-primary)}.footer-bottom-bar{background-color:var(--color-primary);text-align:center;padding:16px 40px}.footer-bottom-bar span{color:#000;font-size:16px}@media (width<=768px){.footer-links-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-links-v2{grid-template-columns:1fr}.newsletter-input-group{flex-direction:column}.btn-signup{padding:12px 24px}}