:root{--accent: #2563eb;--primary: #2563eb;--accent-glow: rgba(37, 99, 235, .15);--glass: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--text-dim: #64748b;--text-main: #0f172a;--bg-dark: #f8fafc}*{box-sizing:border-box}body{font-family:Outfit,Inter,sans-serif;overflow-x:hidden;background:#fff;color:var(--text-main);margin:0}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:#f1f5f9;border-right:1px solid var(--glass-border);padding:2rem;position:fixed;height:100%;overflow-y:auto;z-index:100;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.main-content{margin-left:260px;flex:1;position:relative;background:#fff}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.4rem;margin-bottom:2.5rem;color:var(--text-main)}.logo-icon{color:var(--primary)}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-dim);border-radius:12px;margin-bottom:6px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500}.nav-link:hover,.nav-link.active{background:#fff;color:var(--accent);box-shadow:0 4px 12px #00000008}.hero{position:relative;height:320px;display:flex;align-items:center;padding:0 4rem;border-bottom:1px solid var(--glass-border);overflow:hidden;background:#f8fafc}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#f8fafc,transparent);z-index:1}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.1;top:0;left:0}.hero-content{position:relative;z-index:2;color:var(--text-main)}.hero-content h1{font-size:4rem;font-weight:900;margin:0 0 .5rem;letter-spacing:-3px;background:linear-gradient(to right,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.1rem;color:var(--text-dim);max-width:600px}.content-inner{padding:4rem;max-width:1000px}section{margin-bottom:0;scroll-margin-top:100px}section h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-main);letter-spacing:-1px}section p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2.5rem 0}.feature-card{padding:2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;transition:all .3s ease}.feature-card:hover{border-color:var(--primary);background:#fff;box-shadow:0 20px 25px -5px #0000000d}.feature-card h3{color:var(--text-main);font-size:1.25rem;font-weight:700;margin-top:0;display:flex;align-items:center;gap:10px}.feature-card h3 i{color:var(--primary)}.feature-card p{font-size:.95rem;color:var(--text-dim);margin-bottom:0;line-height:1.6}.pro-tip{background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#166534!important}.example-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-left:4px solid var(--primary)!important}.example-title{color:var(--primary)!important}.example-box p{color:#475569!important}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.22,1,.36,1)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.mesh-gradient{background-color:#fff;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.03) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(124,58,237,.03) 0,transparent 50%)}