:root{--primary: #4A81B0;--primary-light: #7FA8D0;--primary-dark: #376a94;--accent: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--bg-main: #ffffff;--bg-dark: #0f172a;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.lg-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(max-width:768px){.md-hidden{display:none!important}.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:769px){.desktop-flex{display:flex!important}.desktop-hidden,.mobile-only{display:none!important}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-flex{display:flex!important}.md-block{display:block!important}.md-hidden{display:none!important}}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-main);margin-bottom:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-white{background-color:#fff;color:var(--text-main);border:1px solid #e2e8f0}.glass{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d}.section-padding{padding:100px 0}.page-top{padding-top:100px}.bg-slate-50{background-color:#f8fafc}.bg-white{background-color:#fff}.bg-dark{background-color:var(--bg-dark)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.z-50{z-index:50}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.feature-row{display:flex;align-items:center;gap:4rem;margin-bottom:5rem}.feature-row:nth-child(2n){flex-direction:row-reverse}.feature-content{flex:1.2}.feature-image-wrapper{flex:.8;max-width:500px;position:relative;margin:0 auto}.feature-image{width:100%;height:auto;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.feature-image:hover{transform:scale(1.02) translateY(-10px)}.step-label{display:inline-flex;align-items:center;gap:.75rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.875rem}.step-label:before{content:"";width:2rem;height:2px;background:var(--primary)}.feature-title{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;font-weight:800}.feature-description{font-size:1.25rem;line-height:1.7;color:var(--text-muted);max-width:500px}@media(max-width:992px){.feature-row,.feature-row:nth-child(2n){flex-direction:column;gap:3rem;margin-bottom:6rem;text-align:center}.feature-title{font-size:2.5rem}.feature-description{margin:0 auto}.step-label{justify-content:center}.step-label:before{display:none}}.app-buttons{display:flex;gap:1rem;flex-wrap:wrap}.app-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#000;color:#fff;border-radius:.75rem;text-decoration:none;transition:transform .2s ease}.app-btn:hover{transform:translateY(-2px);color:#fff}.app-btn-text{display:flex;flex-direction:column}.app-btn-small{font-size:.65rem;text-transform:uppercase;opacity:.8}.app-btn-large{font-size:1.1rem;font-weight:700;line-height:1}.step-card{text-align:center;padding:2rem;position:relative;z-index:1}.step-number{width:3rem;height:3rem;background:var(--primary);color:#fff;font-weight:800;font-size:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 0 8px var(--accent)}.flow-connector{position:absolute;top:3.5rem;left:50%;width:100%;height:2px;background:repeating-linear-gradient(to right,var(--primary-light) 0,var(--primary-light) 5px,transparent 5px,transparent 10px);z-index:-1}@media(max-width:768px){.flow-connector{display:none}}.nav-logo{height:90px;width:auto;display:block;object-fit:contain}.nav-floating{top:1.5rem!important;left:50%!important;transform:translate(-50%);width:90%!important;max-width:1200px;border-radius:99px!important;background:#ffffffd9!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 20px 40px -10px #0000001a!important;padding:.5rem 1.5rem!important}.icon-box-premium{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#ffffff 100%);color:var(--primary);box-shadow:0 10px 20px -5px #0000000d;margin-bottom:1.5rem;transition:all .3s ease}.icon-box-premium:hover{transform:translateY(-5px);box-shadow:0 20px 30px -10px #0000001a;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%)}@media(max-width:768px){.nav-floating{width:95%!important;top:1rem!important;padding:.25rem 1rem!important}}@media(max-width:768px){.section-padding{padding:60px 0}.text-5xl{font-size:2.5rem}.text-4xl{font-size:2rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}