:root{--primary: #4169E1;--primary-light: #6495ED;--primary-dark: #1E90FF;--background: #F8FAFC;--blue-gradient-start: #3B82F6;--blue-gradient-end: #60A5FA;--text-dark: #1E293B;--text-light: #FFFFFF;--card-bg: #FFFFFF;--nav-bg: rgba(255, 255, 255, .9);--blue-gradient-start: #81aff9;--blue-gradient-end: #afcbf7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;background:var(--background);color:var(--text-dark)}.navbar{position:fixed;width:100%;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;z-index:1000;box-shadow:0 1px 3px #0000001a}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.main-content{padding-top:64px}.hero{min-height:calc(100vh - 64px);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--blue-gradient-start),var(--blue-gradient-end));overflow:hidden}.hero-content{position:relative;z-index:2;max-width:1000px;margin:0 auto;color:var(--text-light)}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:1.25rem;max-width:800px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.1)}.features{max-width:1200px;margin:0 auto;padding:4rem 2rem;background:var(--background)}.features h2{font-size:2.5rem;margin-bottom:3rem;color:var(--text-dark);text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0000001a}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary)}.feature-card p{color:var(--text-dark);opacity:.9;line-height:1.6}.tool-frame{width:100%;height:calc(100vh - 64px);border:none;margin-top:64px;background:var(--background)}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.125rem}}