:root{--bg-page:#1a3c3e;--bg-deep:#153032;--bg-neutral:#1f514c;--text-muted:#c5d9d1;--primary-action:#dbff76;--primary-hover:#bee352;--accent-green:#dbff76;--accent-hover:#bee352;--accent-salmon:#ffb496;--accent-blue:#85b7eb;--text-main:#f4fbf7;--text-inverse:#153032;--border-color:#2f615c;--hairline:#ffffff14;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-neutral);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,p{margin-top:0}a{color:inherit;text-decoration:none}ul{padding-left:20px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-action);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-azure{color:#fff;background-color:#3fb9ff}.btn-success{background-color:var(--accent-green);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:var(--accent-hover)}.btn-outline{border-color:var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-neutral)}.btn-ghost{color:var(--text-muted);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-neutral);color:var(--text-main)}.card{background:var(--bg-page);border:.5px solid var(--hairline);box-shadow:var(--shadow-sm);border-radius:14px;padding:22px}.onboarding-card{max-width:max(480px,33vw)}.onboarding-card.is-welcome{max-width:max(480px,55vw);animation:.5s ease-out expandToWelcome}.onboarding-card.is-email-preview{max-width:max(480px,55vw)}@keyframes expandToWelcome{0%{max-width:480px}to{max-width:55vw}}.featured-card{z-index:1;color:#1a1613;background:#f5f1e8;border:.5px solid #1a161314;border-radius:14px;padding:32px;position:relative;box-shadow:0 12px 32px #00000059,0 2px 6px #00000026}.featured-card .text-muted{color:#6b5d55}.featured-card .btn-outline{color:#1a1613;background:0 0;border-color:#1a161333}.featured-card .btn-outline:hover:not(:disabled){background:#1a16130d}.featured-card .btn-ghost{color:#6b5d55;background:#1a16130d}.featured-card .btn-ghost:hover:not(:disabled){color:#1a1613;background:#1a161314}.card-header{margin-bottom:16px}.card-title{margin-bottom:4px;font-size:1.125rem;font-weight:600}.input{background-color:var(--bg-deep);width:100%;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--primary-action);box-shadow:0 0 0 1px var(--primary-action);outline:none}textarea.input{resize:vertical;min-height:100px}@keyframes polaroidIn{0%{opacity:0}to{opacity:1}}@keyframes phonePulse{0%,to{box-shadow:0 0 #34c7598c}50%{box-shadow:0 0 0 14px #34c75900}}@keyframes coachModalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes coachModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chatButtonPulseOnce{0%{box-shadow:0 0 #dbff76bf}60%{box-shadow:0 0 0 18px #dbff7600}to{box-shadow:0 0 #dbff7600}}.chat-button-pulse{animation:2s ease-out chatButtonPulseOnce}.marketing-home{--teal-deep:#1a2f2f;--teal-mid:#243d3d;--teal-light:#2e4f4f;--lime:#d4f542;--blue:#3fb9ff;--cream:#f4f1ec;--white:#fff;--text-muted:#8fa8a8;--text-light:#c5d8d8;background:var(--teal-deep);color:var(--cream);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.marketing-home:after{content:"";pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.marketing-home h1,.marketing-home h2,.marketing-home h3,.marketing-home h4{font-family:Red Hat Display,sans-serif}@keyframes mh-fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mh-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mh-pulseGlow{0%,to{box-shadow:0 0 20px #d4f54226}50%{box-shadow:0 0 40px #d4f54240}}.marketing-home .animate{opacity:0;animation:.8s forwards mh-fadeUp}.marketing-home .delay-1{animation-delay:.1s}.marketing-home .delay-2{animation-delay:.2s}.marketing-home .delay-3{animation-delay:.3s}.marketing-home .delay-4{animation-delay:.4s}.marketing-home .delay-5{animation-delay:.5s}.marketing-home nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f2fd9;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;display:flex;position:fixed;top:0}.marketing-home .logo{letter-spacing:-1px;color:var(--white);font-family:Red Hat Display,sans-serif;font-size:28px;font-weight:900}.marketing-home .nav-cta{background:var(--lime);color:var(--teal-deep);cursor:pointer;border:none;border-radius:100px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.marketing-home .nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #d4f5424d}.marketing-home .nav-login{color:var(--white);margin-right:20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.marketing-home .nav-login:hover{opacity:.8}.marketing-home .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.marketing-home .hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3fb9ff0f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.marketing-home .badge{color:var(--lime);letter-spacing:.5px;text-transform:uppercase;background:#d4f5420f;border:1px solid #d4f5424d;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.marketing-home .badge:before{content:"";background:var(--lime);border-radius:50%;width:6px;height:6px;animation:2s infinite mh-pulseGlow}.marketing-home .hero h1{letter-spacing:-2px;max-width:820px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:clamp(42px,6vw,76px);font-weight:900;line-height:1.05}.marketing-home .hero h1 span{color:var(--blue)}.marketing-home .hero p{color:var(--text-muted);max-width:560px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(17px,2vw,20px);line-height:1.6}.marketing-home .hero-cta{background:var(--lime);color:var(--teal-deep);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.marketing-home .hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4f5424d}.marketing-home .hero-cta svg{transition:transform .3s}.marketing-home .hero-cta:hover svg{transform:translate(3px)}.marketing-home .stats{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:40px;padding:80px 24px;display:flex}.marketing-home .stat{text-align:center;min-width:200px}.marketing-home .stat-number{color:var(--blue);font-family:Red Hat Display,sans-serif;font-size:56px;font-weight:900;line-height:1}.marketing-home .stat-label{color:var(--text-muted);margin-top:8px;max-width:180px;margin-inline:auto;font-size:14px;line-height:1.4}.marketing-home .how-section{max-width:960px;margin:0 auto;padding:100px 24px}.marketing-home .section-label{color:var(--lime);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600}.marketing-home .how-section h2{letter-spacing:-1px;margin-bottom:60px;font-size:clamp(32px,4vw,48px);font-weight:800}.marketing-home .steps{flex-direction:column;gap:40px;display:flex}.marketing-home .step{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:flex-start;gap:28px;padding:32px;transition:border-color .3s,background .3s;display:flex}.marketing-home .step:hover{background:#ffffff0a;border-color:#3fb9ff33}.marketing-home .step-num{color:var(--blue);min-width:36px;font-family:Red Hat Display,sans-serif;font-size:32px;font-weight:900;line-height:1}.marketing-home .step h3{margin-bottom:8px;font-size:20px;font-weight:700}.marketing-home .step p{color:var(--text-muted);font-size:15px;line-height:1.6}.marketing-home .form-section{max-width:580px;margin:0 auto;padding:100px 24px 120px;position:relative}.marketing-home .form-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4f5420a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.marketing-home .form-section h2{letter-spacing:-1px;text-align:center;margin-bottom:12px;font-size:clamp(32px,4vw,48px);font-weight:800}.marketing-home .form-section>p{color:var(--text-muted);text-align:center;margin-bottom:48px;font-size:16px;line-height:1.6}.marketing-home .form-card{background:var(--teal-mid);border:1px solid #ffffff0f;border-radius:24px;padding:40px;position:relative}.marketing-home .form-group{margin-bottom:24px}.marketing-home .form-group label{color:var(--text-light);letter-spacing:.3px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.marketing-home .form-group input,.marketing-home .form-group select{width:100%;color:var(--cream);-webkit-appearance:none;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .3s,box-shadow .3s}.marketing-home .form-group input::placeholder{color:#8fa8a899}.marketing-home .form-group input:focus,.marketing-home .form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3fb9ff1f}.marketing-home .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238fa8a8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.marketing-home .form-group select option{background:var(--teal-mid);color:var(--cream)}.marketing-home .submit-btn{background:var(--lime);width:100%;color:var(--teal-deep);cursor:pointer;border:none;border-radius:14px;margin-top:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;transition:all .3s}.marketing-home .submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4f5424d}.marketing-home .submit-btn:active{transform:translateY(0)}.marketing-home .submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.marketing-home .form-note{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.marketing-home .perks{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.marketing-home .perk{color:var(--text-light);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.marketing-home .perk svg{color:var(--lime);flex-shrink:0}.marketing-home .success-state{text-align:center;padding:40px 20px;animation:.6s mh-fadeUp}.marketing-home .success-icon{background:#d4f5421f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.marketing-home .success-state h3{margin-bottom:12px;font-size:24px;font-weight:800}.marketing-home .success-state p{color:var(--text-muted);font-size:15px;line-height:1.6}.marketing-home footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding:40px 24px;font-size:13px}.marketing-home footer a{color:var(--blue);text-decoration:none}@media (width<=640px){.marketing-home nav{padding:16px 20px}.marketing-home .logo{font-size:24px}.marketing-home .stats{gap:24px}.marketing-home .stat-number{font-size:42px}.marketing-home .step{flex-direction:column;gap:12px;padding:24px}.marketing-home .form-card{padding:28px 24px}.marketing-home .perks{flex-direction:column}.marketing-home .hero{padding:100px 20px 60px}}
