.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f2937;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4b5563;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280}.custom-scrollbar-horizontal::-webkit-scrollbar{height:8px}.custom-scrollbar-horizontal::-webkit-scrollbar-track{background:#1f2937;border-radius:10px}.custom-scrollbar-horizontal::-webkit-scrollbar-thumb{background:#4b5563;border-radius:10px}.custom-scrollbar-horizontal::-webkit-scrollbar-thumb:hover{background:#6b7280}body.landing-page-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#e2e8f0;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:radial-gradient(circle at 1px 1px,rgb(148,163,184) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}.gradient-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none;z-index:0}.orb-1{width:500px;height:500px;background:#14b8a6;top:-100px;left:-100px;animation:float 20s ease-in-out infinite}.orb-2{width:400px;height:400px;background:#3b82f6;bottom:-100px;right:-100px;animation:float 15s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;background:#8b5cf6;top:50%;left:50%;animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}header{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}header nav{display:flex;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff}.logo svg{width:36px;height:36px;stroke:#14b8a6}.cta-button{padding:.75rem 2rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #14b8a64d}.hero{text-align:center;padding:6rem 0 8rem}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}.hero .tagline{font-size:clamp(1rem,2vw,1.5rem);color:#94a3b8;margin-bottom:1rem;animation:fadeInUp 1s ease-out .2s backwards}.hero .subtext{font-size:1.125rem;color:#64748b;max-width:700px;margin:0 auto 3rem;animation:fadeInUp 1s ease-out .4s backwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s backwards}.secondary-button{padding:.75rem 2rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.secondary-button:hover{background:#ffffff26;border-color:#14b8a6}.text-link{color:#94a3b8;text-decoration:none;font-weight:600;transition:color .3s}.text-link:hover{color:#14b8a6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{padding:6rem 0}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:1rem;color:#fff}.section-subtitle{text-align:center;color:#94a3b8;font-size:1.125rem;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.use-case-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.use-case-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#14b8a61a,#3b82f61a);opacity:0;transition:opacity .3s}.use-case-card:hover{transform:translateY(-8px);border-color:#14b8a64d;box-shadow:0 20px 40px #0000004d}.use-case-card:hover:before{opacity:1}.use-case-icon{font-size:3rem;margin-bottom:1rem;position:relative;z-index:1}.use-case-card h3{font-size:1.5rem;margin-bottom:.75rem;color:#fff;position:relative;z-index:1}.use-case-card p{color:#94a3b8;line-height:1.6;position:relative;z-index:1}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.feature{text-align:center;padding:2rem}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#14b8a633,#3b82f633);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;transition:all .3s}.feature:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.feature p{color:#94a3b8;line-height:1.6}.flexibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.mode-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;text-align:center;transition:all .3s;position:relative;overflow:hidden}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(20,184,166,.1) 100%);opacity:0;transition:opacity .3s}.mode-card:hover{transform:translateY(-5px);border-color:#14b8a6}.mode-card:hover:after{opacity:1}.mode-badge{display:inline-block;padding:.5rem 1rem;background:#14b8a633;color:#14b8a6;border-radius:2rem;font-weight:600;margin-bottom:1.5rem;font-size:.875rem;position:relative;z-index:1}.mode-card h3{font-size:1.75rem;margin-bottom:1rem;color:#fff;position:relative;z-index:1}.mode-card p{color:#94a3b8;line-height:1.6;position:relative;z-index:1}.example-showcase{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:3rem;margin-top:4rem}.example-text{font-family:Georgia,serif;font-size:1.125rem;line-height:1.8;color:#cbd5e1;font-style:italic;margin-bottom:2rem;border-left:4px solid #14b8a6;padding-left:2rem}.example-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.example-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.5rem 1rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.3);border-radius:2rem;font-size:.875rem;color:#14b8a6}.cta-section{text-align:center;padding:8rem 0;background:linear-gradient(135deg,#14b8a61a,#3b82f61a);border-radius:2rem;margin:4rem 0}.cta-section h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1.5rem;color:#fff}.cta-section p{font-size:1.25rem;color:#94a3b8;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}footer{text-align:center;padding:3rem 0;color:#64748b;border-top:1px solid rgba(255,255,255,.1)}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.header-buttons{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.hero{padding:4rem 0 6rem}.section{padding:4rem 0}.cta-section{padding:4rem 2rem}}