:root{--bg-color: #ffffff;--text-color: #1e1e1e;--text-secondary: #646464;--accent-color: #00e054;--border-color: #e1e4e8;--card-bg: #f6f8fa;--radius: 12px;--radius-sm: 6px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 12px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 40px 100px rgba(0, 0, 0, .2);--shadow-xl: 0 60px 120px rgba(0, 0, 0, .3);--lb-orange: #ff8000;--lb-green: #00e054;--lb-green-soft: rgba(0, 224, 84, .2);--lb-blue: #40bcf4}@media (prefers-color-scheme: dark){:root{--bg-color: #0d1117;--text-color: #e6edf3;--text-secondary: #8b949e;--accent-color: #00e054;--border-color: #30363d;--card-bg: #161b22}}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:var(--lb-green);color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}.btn-segment:hover:not(.btn-disabled){background:var(--bg-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-segment:active:not(.btn-disabled){transform:translateY(0) scale(.96);transition:transform .1s}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-color);max-width:1200px;margin:0 auto;padding:120px 40px 60px;background:var(--bg-color);background-image:radial-gradient(circle at 0% 0%,rgba(0,224,84,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(64,188,244,.05) 0%,transparent 50%);background-attachment:fixed}header{position:fixed;top:0;left:0;right:0;height:60px;background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100;display:flex;justify-content:center}@media (prefers-color-scheme: dark){header{background:transparent}}.demo-window{width:fit-content;background:#14181c;border-radius:var(--radius);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.2,.8,.2,1)}.demo-window:hover{transform:scale(1.01);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a}nav{width:100%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.nav-group{display:flex;gap:20px;align-items:center}.nav-group a{font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-group a:hover,.nav-group a.active{color:var(--lb-green)}.nav-group a.active:after{width:100%}.app-version{font-size:11px;color:var(--text-secondary);font-weight:500;opacity:.8;padding:2px 6px;background:#ffffff0d;border-radius:var(--radius-sm)}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:40px}h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:var(--text-color)}h2{font-size:1.25rem;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color);color:var(--text-color);letter-spacing:-.02em}@media (max-width: 1100px){.split-layout{grid-template-columns:1fr;gap:60px;align-items:start}}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.hero-content{animation-delay:.1s}.split-layout{animation-delay:.3s}.nav-group a{display:flex;align-items:center;gap:6px;position:relative;text-decoration:none}.nav-group a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--lb-green);transition:width .3s cubic-bezier(.4,0,.2,1);opacity:.8}.nav-group a:hover:after{width:100%}.nav-group svg{width:14px;height:14px;opacity:.6;transition:opacity .2s}.nav-group a:hover svg{opacity:1}.demo-url{font-size:10px;color:#ffffff59;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin-left:8px;letter-spacing:.02em;-webkit-user-select:none;user-select:none;opacity:.8}.disclaimer{text-align:center;font-size:11px;color:var(--text-secondary);opacity:.4;margin-top:80px;padding-bottom:80px;transition:opacity .3s ease;cursor:default}.disclaimer:hover{opacity:.8}