*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{color:#0a1f16;background:#f8faf9;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Manrope,system-ui,sans-serif;font-weight:700;line-height:1.15}a{color:#10b981;text-decoration:none;transition:color .2s}a:hover{color:#059669}img,video{max-width:100%;display:block}::selection{color:#0a1f16;background:#10b98133}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-lg{max-width:1320px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-dark{color:#fff;background:#0a1f16}.section-title{text-align:center;letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.section-subtitle{text-align:center;color:#6b7f74;max-width:560px;margin:0 auto 56px;font-size:1.125rem;line-height:1.7}.text-sm{font-size:.8125rem}.text-base{font-size:.9375rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:#6b7f74}.text-center{text-align:center}.font-display{font-family:Manrope,system-ui,sans-serif}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{border-radius:10px;padding:10px 20px;font-size:.8125rem}.btn-md{padding:13px 28px}.btn-lg{border-radius:14px;padding:16px 36px;font-size:1rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 20px #10b9814d,0 0 #10b98100,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #10b98173,0 0 20px #10b98133,inset 0 1px #fff3}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 14px #10b98159,inset 0 1px #ffffff26}.btn-dark{color:#fff;background:#0a1f16;box-shadow:0 2px 12px #0a1f1633}.btn-dark:hover:not(:disabled){background:#112922;transform:translateY(-2px);box-shadow:0 6px 24px #0a1f164d}.btn-outline{color:#0a1f16;box-shadow:none;background:0 0;border:1.5px solid #e0e5e2}.btn-outline:hover:not(:disabled){color:#10b981;background:#10b9810a;border-color:#10b981}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;box-shadow:0 2px 8px #00000026}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 6px 24px #00000040}.btn-ghost:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px #0003}.input{color:#0a1f16;background:#fff;border:1.5px solid #e0e5e2;border-radius:12px;outline:none;width:100%;padding:13px 18px;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;transition:border-color .25s,box-shadow .25s}.input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.input::placeholder{color:#94a29a}.label{color:#4a5e53;letter-spacing:.01em;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.card{background:#fff;border:1px solid #e0e5e2;border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#c8d0cc;box-shadow:0 8px 40px #0a1f1614}.card-glass{-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border:1px solid #ffffff4d;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0a1f160f}.card-dark{background:#15332a;border:1px solid #10b9811a;border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-dark:hover{border-color:#10b98133;box-shadow:0 8px 40px #10b98114}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.toast{border-radius:12px;padding:14px 20px;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) toast-in;box-shadow:0 8px 32px #00000029}.toast-success{color:#fff;background:#0a1f16}.toast-error{color:#fff;background:#ef4444}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.spinner{border:3px solid #e0e5e2;border-top-color:#10b981;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-48{gap:48px}.desktop-nav{display:flex}.mobile-menu-btn{display:none!important}@media (width<=1024px){.section{padding:72px 0}}@media (width<=768px){.section{padding:56px 0}.section-title{margin-bottom:12px}.section-subtitle{margin-bottom:40px;font-size:1rem}.container,.container-lg{padding:0 16px}.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.mockup-right,.steps-connector{display:none!important}.hero-grid{flex-direction:column!important}.hero-grid>*{flex:100%!important;max-width:100%!important}}@media (width<=900px){.section [style*="grid-template-columns: repeat(12"]>*{grid-column:span 12!important}.section [style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}}