@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--brand-green:#22c55e;--brand-yellow:#eab308;--brand-gradient:linear-gradient(135deg,#22c55e 0%,#eab308 100%);--nav-height:80px;--glass-bg:#fff9;--glass-border:#fffc;--glass-shadow:0 8px 32px #0000000a}@media (prefers-color-scheme:dark){:root{--bg-primary:#020617;--bg-secondary:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#0f172a99;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px #0006}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}main{flex:1}a{color:inherit;text-decoration:none;transition:all .2s}::selection{color:var(--brand-green);background:#22c55e33}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.heading-xl{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.05}.body-large{color:var(--text-secondary);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:400;line-height:1.6}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,50px)scale(1.15)}66%{transform:translate(20px,-20px)scale(.85)}}.ambient-bg{z-index:-1;background-color:var(--bg-primary);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob-1,.ambient-blob-2,.ambient-blob-3{filter:blur(120px);opacity:.5;mix-blend-mode:multiply;border-radius:50%;position:absolute}@media (prefers-color-scheme:dark){.ambient-blob-1,.ambient-blob-2,.ambient-blob-3{mix-blend-mode:screen;opacity:.3}}.ambient-blob-1{background-color:var(--brand-green);width:60vw;height:60vw;animation:20s ease-in-out infinite float1;top:-10vh;left:-10vw}.ambient-blob-2{background-color:var(--brand-yellow);width:70vw;height:70vw;animation:25s ease-in-out infinite reverse float2;bottom:-20vh;right:-10vw}.ambient-blob-3{background-color:#3b82f64d;width:50vw;height:50vw;animation:22s ease-in-out 2s infinite float1;top:40vh;left:30vw}.navbar-wrapper{z-index:100;padding:16px 24px;animation:.6s cubic-bezier(.16,1,.3,1) slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);max-width:1200px;height:64px;box-shadow:var(--glass-shadow);border-radius:100px;justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav-brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.nav-brand img{border-radius:10px}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:15px;font-weight:500}.nav-link:hover{color:var(--text-primary)}.btn{cursor:pointer;text-align:center;border:none;border-radius:100px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 4px 14px #0000001a}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #00000026}@media (prefers-color-scheme:dark){.btn-primary{box-shadow:0 4px 14px #ffffff0d}.btn-primary:hover{box-shadow:0 8px 24px #ffffff1a}}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-secondary);box-shadow:var(--glass-shadow);transform:translateY(-2px)}.btn-lg{padding:16px 36px;font-size:17px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:32px;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}@media (prefers-color-scheme:dark){.glass-card:hover{box-shadow:0 20px 40px #0006}}.hero-content{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.footer{border-top:1px solid var(--glass-border);background:linear-gradient(to bottom,transparent,var(--bg-secondary));margin-top:120px;padding:80px 0 40px}.footer-content{justify-content:space-between;align-items:flex-end;display:flex}.footer-links{gap:32px;display:flex}.footer-link{color:var(--text-secondary);font-size:15px;font-weight:500}.footer-link:hover{color:var(--brand-green)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid var(--glass-border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:16px;padding:16px;font-family:inherit;font-size:16px;transition:all .2s}.form-input:focus{border-color:var(--brand-green);outline:none;box-shadow:0 0 0 4px #22c55e1a}.device-mockup{aspect-ratio:16/10;background:var(--bg-secondary);border:8px solid var(--text-primary);border-radius:24px;width:100%;max-width:900px;margin:0 auto;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(5deg);box-shadow:0 25px 50px -12px #00000040}.device-mockup:hover{transform:perspective(1000px)rotateX(0)}