@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--primary: #0EA5E9;--primary-light: #38BDF8;--primary-dark: #0284C7;--cta: #F97316;--cta-hover: #EA580C;--background: #F0F9FF;--text-primary: #0C4A6E;--text-secondary: #475569;--text-muted: #64748B;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden;background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:1}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.network-bg-global{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.6;cursor:crosshair;z-index:0;pointer-events:auto}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);z-index:1000;transition:all var(--transition-base)}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-lg)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;justify-content:space-between;align-items:center;min-height:4rem}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.nav-brand:hover{color:var(--primary)}.logo{font-size:var(--text-2xl);color:var(--primary)}.brand-name{font-size:var(--text-xl);letter-spacing:-.025em}.brand-subtitle{display:none}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links a:not(.btn-start){display:none}@media (min-width: 768px){.nav-links a:not(.btn-start){display:block;text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast);position:relative;padding:var(--space-2) 0}.nav-links a:not(.btn-start):hover{color:var(--primary)}}.btn-start{background:var(--cta);color:#fff!important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;cursor:pointer;text-decoration:none}.btn-start:hover{background:var(--cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:4rem;overflow:hidden;background:var(--background)}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width: 1024px){.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.hero-text{color:var(--text-primary);text-align:center}@media (min-width: 1024px){.hero-text{text-align:left}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--white);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-8);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6);line-height:1.1;color:var(--text-primary);letter-spacing:-.025em}@media (min-width: 640px){.hero-title{font-size:var(--text-5xl)}}@media (min-width: 1024px){.hero-title{font-size:var(--text-6xl)}}.hero-subtitle{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-10)}@media (min-width: 1024px){.hero-subtitle{font-size:var(--text-xl)}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media (min-width: 640px){.hero-actions{flex-direction:row;justify-content:center}}@media (min-width: 1024px){.hero-actions{justify-content:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;min-width:160px}.btn-primary{background:var(--cta);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--gray-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-preview{perspective:1000px;display:flex;justify-content:center}.preview-window{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200);max-width:500px;width:100%;transition:transform var(--transition-base)}.preview-window:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.window-header{background:var(--gray-50);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--gray-200)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.window-title{margin-left:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.window-content{padding:var(--space-8);background:var(--white);min-height:300px}.er-diagram-preview{width:100%;height:auto}.features{padding:var(--space-24) 0;background:var(--white);position:relative;z-index:1}.section-title{text-align:center;font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-.025em}@media (min-width: 640px){.section-title{font-size:var(--text-5xl)}}.section-subtitle{text-align:center;font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-16);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);max-width:900px;margin:0 auto}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.feature-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{font-size:var(--text-4xl);margin-bottom:var(--space-6);display:block;color:var(--primary)}.feature-card h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:var(--text-base)}.use-cases{padding:var(--space-24) 0;background:var(--gray-50);position:relative;z-index:1}.use-cases-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}@media (min-width: 768px){.use-cases-grid{grid-template-columns:repeat(3,1fr)}}.use-case-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);text-align:center}.use-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.use-case-icon{font-size:var(--text-4xl);margin-bottom:var(--space-6);color:var(--primary)}.use-case-card h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.use-case-card p{margin-bottom:var(--space-6);line-height:1.6;color:var(--text-secondary)}.use-case-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;justify-content:center}.use-case-tags li{background:var(--gray-100);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500}.about{padding:var(--space-24) 0;background:var(--white);position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center;max-width:1000px;margin:0 auto}@media (min-width: 1024px){.about-content{grid-template-columns:1fr 1fr}}.about-text h2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.025em}.about-text p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-10)}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.about-features{display:flex;flex-direction:column;gap:var(--space-4)}.about-feature-item{display:flex;align-items:center;gap:var(--space-4);background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.about-feature-item:hover{background:var(--gray-100)}.check-icon{width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.about-feature-item span:last-child{color:var(--text-secondary);font-weight:500}.footer{background:var(--gray-900);color:var(--gray-300);padding:var(--space-16) 0 var(--space-8);position:relative;z-index:1}.footer-content{display:flex;flex-direction:column;gap:var(--space-8);align-items:center;text-align:center;margin-bottom:var(--space-8)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--white)}.footer-brand .logo{color:var(--primary)}.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.footer-links{justify-content:flex-end}}.footer-links a{color:var(--gray-400);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--white)}.footer-bottom{text-align:center;color:var(--gray-500);font-size:var(--text-sm);padding-top:var(--space-8);border-top:1px solid var(--gray-800)}@media (max-width: 767px){.hero-content{padding:var(--space-12) var(--space-4)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.section-title{font-size:var(--text-3xl)}.btn{width:100%;max-width:280px}.nav-container{padding:0 var(--space-4)}.brand-name{font-size:var(--text-lg)}.features-grid,.use-cases-grid{gap:var(--space-6)}.feature-card,.use-case-card{padding:var(--space-6)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text,.hero-preview{animation:fadeInUp .8s ease-out}.hero-preview{animation-delay:.2s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.nav-links a:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){.hero-badge{border:2px solid var(--primary)}.feature-card,.use-case-card{border:2px solid var(--gray-300)}}@media print{.navbar{display:none}.hero{min-height:auto;padding:var(--space-8) 0}*{box-shadow:none!important}}.particle-hint{position:absolute;top:100px;right:40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;font-size:13px;color:#5eb3d6;box-shadow:0 4px 15px #5eb3d626;border:1px solid rgba(94,179,214,.2);z-index:10;animation:fadeInRight 1s ease-out,pulse 2s ease-in-out 3s infinite}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.particle-hint{top:80px;right:20px;font-size:11px;padding:8px 16px}}