.landing-page{--landing-bg:#0a0e1a;--landing-surface:#101628;--landing-card:#ffffff0a;--landing-border:#ffffff0f;--landing-text:#e2e8f0;--landing-muted:#64748b;--landing-accent:#3b82f6;--landing-accent2:#8b5cf6;background:var(--landing-bg);color:var(--landing-text);scroll-behavior:smooth;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-text-gradient{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-text-red{background:linear-gradient(135deg,#dc2626 0%,#ef4444 50%,#f87171 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(3deg)}66%{transform:translate(-20px,20px)rotate(-3deg)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-20px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(20px,-40px)}}@keyframes orbPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.bounce-animation{animation:2s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section-content{opacity:0;max-width:1200px;margin:0 auto;padding:0 24px;transition:all .9s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.section-content.animate-in{opacity:1;transform:translateY(0)}.landing-nav{z-index:100;padding:16px 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffeb;border-bottom:1px solid #0000000f;padding:10px 0}.nav-scrolled .brand-text{color:#0f172a}.nav-scrolled .nav-links-desktop button{color:#64748b}.nav-scrolled .nav-links-desktop button:hover{color:#0f172a;background:#0000000a}.nav-scrolled .mobile-menu-btn{color:#0f172a}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{cursor:pointer;align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-text{letter-spacing:-.3px;font-size:18px;font-weight:800;transition:color .3s}.nav-links-desktop{gap:8px;display:flex}.nav-links-desktop button{color:var(--landing-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.nav-links-desktop button:hover{color:#fff;background:#ffffff0f}.nav-actions{align-items:center;gap:12px;display:flex}.nav-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #dc26264d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #dc262680}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-menu{background:#fffffffa;border-top:1px solid #0000000f;flex-direction:column;gap:4px;padding:20px 24px;display:none}.mobile-menu button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s}.mobile-menu button:hover{color:#dc2626;background:#dc26260d}.mobile-cta{margin-top:8px;color:#fff!important;text-align:center!important;background:linear-gradient(135deg,#dc2626,#ef4444)!important;font-weight:700!important}@media (max-width:768px){.nav-links-desktop,.nav-cta{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}}.hero-section{background:linear-gradient(#070b18 0%,#0a0e1a 40%,#0d1225 100%);justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-gradient-orb{filter:blur(100px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#1e40af33,#0000);width:600px;height:600px;animation:8s ease-in-out infinite orbPulse;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#dc26261a,#0000);width:500px;height:500px;animation:10s ease-in-out 2s infinite orbPulse;bottom:-150px;right:-150px}.orb-3{background:radial-gradient(circle,#3b82f61a,#0000);width:300px;height:300px;animation:7s ease-in-out 4s infinite orbPulse;top:40%;left:60%}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.hero-content{text-align:center;z-index:2;max-width:800px;position:relative}.hero-content>*{opacity:0;transform:translateY(30px)}.hero-content.animate-in>:first-child{animation:.8s .1s forwards fadeInUp}.hero-content.animate-in>:nth-child(2){animation:.8s .3s forwards fadeInUp}.hero-content.animate-in>:nth-child(3){animation:.8s .5s forwards fadeInUp}.hero-content.animate-in>:nth-child(4){animation:.8s .7s forwards fadeInUp}.hero-content.animate-in>:nth-child(5){animation:.8s .9s forwards fadeInUp}.hero-badge{color:#fca5a5;background:#dc26261a;border:1px solid #dc262633;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-2px;color:#fff;margin-bottom:24px;font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1.05}.hero-gradient-text{background:linear-gradient(135deg,#f87171 0%,#ef4444 40%,#dc2626 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#94a3b8;max-width:620px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border:none;border-radius:16px;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #dc262659}.hero-btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);transition:opacity .3s;position:absolute;inset:0}.hero-btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #dc262680}.hero-btn-primary:hover:before{opacity:1}.hero-btn-primary span,.hero-btn-primary svg{z-index:1;position:relative}.hero-btn-secondary{color:var(--landing-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero-scroll-hint{color:#64748b;cursor:pointer;flex-direction:column;align-items:center;gap:6px;margin-top:60px;font-size:13px;transition:color .3s;display:flex}.hero-scroll-hint:hover{color:#f87171}.hero-floating{pointer-events:none;z-index:1;position:absolute;inset:0}.float-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--landing-text);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;display:flex;position:absolute}.float-1{animation:12s ease-in-out infinite float1;top:20%;left:5%}.float-2{animation:10s ease-in-out 2s infinite float2;top:35%;right:5%}.float-3{animation:11s ease-in-out 4s infinite float3;bottom:25%;left:10%}@media (max-width:768px){.hero-floating{display:none}}.problem-section{background:linear-gradient(#0d1225 0%,#1e293b 20%,#e2e8f0 50%,#f8fafc 70%,#fff 100%);padding:120px 24px;position:relative}.section-label{letter-spacing:2px;text-transform:uppercase;color:#dc2626;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.section-label.center{text-align:center;display:block}.section-title{letter-spacing:-1px;color:#0f172a;margin-bottom:20px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15}.section-title.center{text-align:center}.section-desc{color:#64748b;font-size:16px;line-height:1.75}.section-desc.center{text-align:center}.problem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.problem-left .section-label{color:#94a3b8}.problem-left .section-title{color:#fff}.problem-left .section-desc{color:#94a3b8}.problem-right .section-label{color:#dc2626}.problem-right .section-title{color:#0f172a}.problem-right .section-desc{color:#475569}.problem-stats{gap:32px;margin-top:32px;display:flex}.p-stat{flex-direction:column;display:flex}.p-stat-num{color:#ef4444;font-size:32px;font-weight:900}.p-stat-label{color:#94a3b8;font-size:13px;font-weight:500}.solution-features{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.solution-pill{color:#dc2626;background:#dc26260f;border:1px solid #dc26261f;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}@media (max-width:768px){.problem-grid{grid-template-columns:1fr;gap:48px}}.features-section{background:#fff;padding:120px 24px;position:relative}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}.feature-card:hover{border-color:#dc262633;transform:translateY(-6px);box-shadow:0 20px 60px #dc262614,0 4px 16px #0000000f}.feature-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-title{color:#0f172a;margin-bottom:10px;font-size:17px;font-weight:700}.feature-desc{color:#64748b;font-size:14px;line-height:1.65}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.how-section{background:#f8fafc;padding:120px 24px;position:relative}.steps-container{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.step-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 24px;transition:all .3s;position:relative;box-shadow:0 1px 3px #00000008}.step-card:hover{border-color:#dc262633;transform:translateY(-4px);box-shadow:0 12px 40px #dc26260f}.step-num{background:linear-gradient(135deg,#dc262626,#ef44441a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:42px;font-weight:900;line-height:1}.step-icon-wrap{color:#dc2626;background:linear-gradient(135deg,#dc262614,#ef44440d);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.step-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:700}.step-desc{color:#64748b;font-size:13px;line-height:1.6}.step-connector{display:none}@media (max-width:900px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps-container{grid-template-columns:1fr}}.roles-section{background:#fff;padding:120px 24px}.roles-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.role-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:28px 20px;transition:all .3s;box-shadow:0 1px 3px #00000008}.role-card:hover{background:#dc262605;border-color:#dc262633;transform:translateY(-4px);box-shadow:0 12px 40px #dc26260f}.role-emoji{margin-bottom:14px;font-size:36px;display:block}.role-title{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:700}.role-desc{color:#64748b;font-size:12px;line-height:1.6}@media (max-width:900px){.roles-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.roles-grid{grid-template-columns:repeat(2,1fr)}}.stats-section{background:#f8fafc;padding:100px 24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 24px;transition:all .3s;position:relative;box-shadow:0 1px 3px #00000008}.stat-card:hover{border-color:#dc262626;transform:translateY(-4px);box-shadow:0 12px 40px #dc26260f}.stat-num{color:#dc2626;margin-bottom:6px;font-size:36px;font-weight:900}.stat-label{color:#64748b;font-size:13px;font-weight:500}.stat-icon{color:#dc26261f;position:absolute;top:16px;right:16px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.tech-section{background:#fff;padding:60px 24px}.tech-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.tech-pill{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.tech-pill:hover{color:#dc2626;background:#dc26260d;border-color:#dc262626}.cta-section{background:#f8fafc;padding:100px 24px 80px}.cta-card{text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff0f;border-radius:32px;max-width:800px;margin:0 auto;padding:80px 48px;position:relative;overflow:hidden}.cta-bg-orbs{pointer-events:none;position:absolute;inset:0}.cta-orb{filter:blur(80px);border-radius:50%;position:absolute}.cta-orb-1{background:#dc262633;width:300px;height:300px;animation:6s ease-in-out infinite orbPulse;top:-100px;left:-50px}.cta-orb-2{background:#ef444426;width:250px;height:250px;animation:8s ease-in-out 2s infinite orbPulse;bottom:-80px;right:-50px}.cta-inner{z-index:1;position:relative}.cta-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:900}.cta-desc{color:#94a3b8;max-width:480px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:16px;align-items:center;gap:10px;padding:18px 40px;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 32px #dc262659}.cta-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 48px #dc262680}.landing-footer{background:#fff;border-top:1px solid #f1f5f9;padding:60px 24px 40px}.footer-inner{text-align:center;max-width:800px;margin:0 auto}.footer-brand{color:#0f172a;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:inline-flex}.footer-text{color:#64748b;max-width:480px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.7}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.footer-links button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.footer-links button:hover{color:#dc2626;background:#dc26260d}.footer-divider{background:#f1f5f9;height:1px;margin:32px 0 20px}.footer-copy{color:#cbd5e1;font-size:12px}