@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Source+Code+Pro:wght@300;400;500;600;700&display=swap");:root{--terminal-green: #00ff41;--terminal-green-dim: #00cc33;--terminal-green-bright: #39ff14;--terminal-bg: #0d0d0d;--terminal-bg-light: #1a1a1a;--terminal-bg-lighter: #252525;--terminal-border: #333333;--terminal-glow: rgba(0, 255, 65, 0.3);--terminal-error: #ff3333;--terminal-warning: #ffcc00;--terminal-success: #00ff41;--font-mono: "Fira Code", "Source Code Pro", "Courier New", monospace}[data-theme=light]{--terminal-green: #008f11;--terminal-green-dim: #00660c;--terminal-green-bright: #00bb1a;--terminal-bg: #f5f5f5;--terminal-bg-light: #ffffff;--terminal-bg-lighter: #e8e8e8;--terminal-border: #cccccc;--terminal-glow: rgba(0, 143, 17, 0.3);--terminal-error: #cc0000;--terminal-warning: #cc9900;--terminal-success: #008f11}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--terminal-bg);color:var(--terminal-green);line-height:1.7;min-height:100vh;overflow-x:hidden}a{color:var(--terminal-green);text-decoration:none;transition:all .2s ease}a:hover{color:var(--terminal-green-bright);text-shadow:0 0 10px var(--terminal-glow)}.main-content{padding:30px 0;min-height:calc(100vh - 200px)}.terminal-header{background:var(--terminal-bg-light);border:1px solid var(--terminal-border);border-radius:8px 8px 0 0;overflow:visible;margin-bottom:2px;position:relative;z-index:100}.header-top{display:flex;align-items:center;padding:12px 16px;background:var(--terminal-bg-lighter);border-bottom:1px solid var(--terminal-border)}.terminal-buttons{display:flex;gap:8px}.terminal-btn{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-btn.close{background:#ff5f56}.terminal-btn.minimize{background:#ffbd2e}.terminal-btn.maximize{background:#27ca40}.terminal-title{flex:1;text-align:center;font-size:.85rem;color:var(--terminal-green-dim);letter-spacing:1px}.terminal-title .prompt{color:var(--terminal-green);margin-right:8px}.typing-text::after{content:"|";animation:blink 1s infinite}@keyframes blink{0%, 50%{opacity:1}51%, 100%{opacity:0}}.terminal-nav{display:flex;align-items:center;padding:10px 16px;gap:20px;background:var(--terminal-bg-light);border-top:1px solid var(--terminal-border);position:relative}.nav-link{font-size:.85rem;padding:4px 8px;border:1px solid rgba(0,0,0,0)}.nav-link:hover{border:1px solid var(--terminal-green);background:rgba(0,255,65,.1)}.nav-spacer{flex:1}.status-indicator{font-size:.75rem;color:var(--terminal-success);animation:pulse 2s infinite}.theme-toggle{background:rgba(0,0,0,0);border:1px solid var(--terminal-border);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--terminal-green-dim);font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--terminal-green);color:var(--terminal-green)}[data-theme=light] .theme-toggle{color:var(--terminal-green)}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:.5}}.terminal-footer{margin-top:40px;padding:20px;border-top:1px solid var(--terminal-border);text-align:center}.footer-line{font-size:1.2rem;margin-bottom:15px;color:var(--terminal-green-dim)}.cursor{animation:blink 1s infinite}.footer-info{font-size:.75rem;color:var(--terminal-green-dim);display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.footer-info .separator{color:var(--terminal-border)}.home-container{max-width:1000px;margin:0 auto}.hero-section{text-align:center;padding:60px 20px;border:1px solid var(--terminal-border);background:var(--terminal-bg-light);border-radius:4px;margin-bottom:40px}.hero-title{font-size:2.5rem;margin-bottom:20px;text-shadow:0 0 20px var(--terminal-glow)}.hero-title .highlight{color:var(--terminal-green-bright)}.hero-subtitle{font-size:1.1rem;color:var(--terminal-green-dim);margin-bottom:30px}.cta-button{display:inline-block;padding:15px 40px;background:rgba(0,0,0,0);border:2px solid var(--terminal-green);color:var(--terminal-green);font-family:var(--font-mono);font-size:1rem;cursor:pointer;transition:all .3s ease;margin:10px}.cta-button:hover{background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 20px var(--terminal-glow)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;margin-top:40px}.feature-card{border:1px solid var(--terminal-border);background:var(--terminal-bg-light);padding:25px;border-radius:4px;transition:all .3s ease}.feature-card:hover{border-color:var(--terminal-green);box-shadow:0 0 15px rgba(0,255,65,.2)}.feature-card .feature-icon{font-size:2rem;margin-bottom:15px}.feature-card .feature-title{font-size:1.1rem;margin-bottom:10px;color:var(--terminal-green-bright)}.feature-card .feature-desc{font-size:.85rem;color:var(--terminal-green-dim)}.optimizations-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media (max-width: 768px){.optimizations-list{grid-template-columns:1fr}}.optimization-item{border:1px solid var(--terminal-border);background:var(--terminal-bg-light);padding:20px;border-radius:4px;transition:all .3s ease}.optimization-item:hover{border-color:var(--terminal-green);transform:translateX(5px)}.optimization-item .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.optimization-item .item-number{font-size:.75rem;color:var(--terminal-green-dim);background:var(--terminal-bg-lighter);padding:3px 8px;border-radius:3px}.optimization-item .item-title{font-size:1.2rem;color:var(--terminal-green-bright)}.optimization-item .item-description{color:var(--terminal-green-dim);font-size:.9rem}.page-header{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--terminal-border)}.page-title{font-size:2rem;margin-bottom:10px}.page-description{color:var(--terminal-green-dim);font-size:1rem}.breadcrumb{font-size:.8rem;color:var(--terminal-green-dim);margin-bottom:15px}.breadcrumb a{color:var(--terminal-green-dim)}.breadcrumb a:hover{color:var(--terminal-green)}.split-view-container{margin:30px 0}.view-toggle{display:flex;justify-content:center;margin-bottom:20px}.toggle-btn{padding:10px 25px;background:rgba(0,0,0,0);border:1px solid var(--terminal-border);color:var(--terminal-green-dim);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .3s ease}.toggle-btn:first-child{border-radius:4px 0 0 4px}.toggle-btn:last-child{border-radius:0 4px 4px 0}.toggle-btn.active{background:var(--terminal-green);color:var(--terminal-bg);border-color:var(--terminal-green)}.toggle-btn:hover:not(.active){border-color:var(--terminal-green);color:var(--terminal-green)}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-view.stacked{grid-template-columns:1fr}.code-panel{border:1px solid var(--terminal-border);background:var(--terminal-bg);border-radius:4px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--terminal-bg-lighter);border-bottom:1px solid var(--terminal-border)}@media (max-width: 768px){html{font-size:14px}.terminal-container{padding:10px}.hero-title{font-size:1.8rem}.hero-section{padding:40px 15px}.features-grid{grid-template-columns:1fr}.split-view{grid-template-columns:1fr}.split-view.side-by-side{grid-template-columns:1fr}.view-toggle{flex-direction:column;gap:10px}.view-toggle .toggle-btn{width:100%}.view-toggle .toggle-btn:first-child,.view-toggle .toggle-btn:last-child{border-radius:4px}.metrics-grid{grid-template-columns:1fr}.terminal-nav{flex-wrap:wrap;gap:10px}.nav-spacer{display:none}}@media (max-width: 480px){.page-title{font-size:1.5rem}.cta-button{padding:12px 25px;font-size:.9rem}.panel-header{flex-direction:column;gap:8px;align-items:flex-start}}.split-view-container{margin:30px 0}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.split-view{grid-template-columns:1fr}}.code-panel{border:1px solid var(--terminal-border);background:var(--terminal-bg);border-radius:4px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--terminal-bg-lighter);border-bottom:1px solid var(--terminal-border)}.panel-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.panel-label.before{color:var(--terminal-error)}.panel-label.after{color:var(--terminal-success)}.code-block{margin:0 !important;border-radius:0 !important;border:none !important;padding-top:20px !important;padding-bottom:20px !important}.header-search{position:relative;margin-right:15px;z-index:5000}.header-search-results{display:none;position:absolute;top:100%;right:0;width:300px;max-height:400px;overflow-y:auto;background:var(--terminal-bg-light);border:1px solid var(--terminal-green);border-radius:4px;margin-top:8px;z-index:5001;box-shadow:0 4px 20px rgba(0,0,0,.5)}.header-search-input{background:var(--terminal-bg);border:1px solid var(--terminal-border);color:var(--terminal-green);font-family:var(--font-mono);font-size:.8rem;padding:6px 12px;border-radius:4px;width:180px;transition:all .2s ease}.header-search-input::placeholder{color:var(--terminal-green-dim);opacity:.6}.header-search-input:focus{outline:none;border-color:var(--terminal-green);box-shadow:0 0 10px var(--terminal-glow);width:220px}.header-search-results{display:none;position:absolute;top:100%;right:0;width:300px;max-height:400px;overflow-y:auto;background:var(--terminal-bg-light);border:1px solid var(--terminal-green);border-radius:4px;margin-top:8px;z-index:5001;box-shadow:0 4px 20px rgba(0,0,0,.5)}.search-result-item{display:block;padding:12px 16px;border-bottom:1px solid var(--terminal-border);transition:background .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--terminal-bg-lighter)}.search-result-item .search-result-title{display:block;color:var(--terminal-green-bright);font-size:.9rem;margin-bottom:4px}.search-result-item .search-result-desc{display:block;color:var(--terminal-green-dim);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:16px;text-align:center;color:var(--terminal-green-dim);font-size:.85rem}.search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:10000;justify-content:center;align-items:flex-start;padding-top:100px}.search-modal{width:600px;max-width:90%;background:var(--terminal-bg-light);border:1px solid var(--terminal-green);border-radius:8px;overflow:hidden;box-shadow:0 0 40px var(--terminal-glow)}.search-modal-header{display:flex;align-items:center;padding:16px 20px;background:var(--terminal-bg-lighter);border-bottom:1px solid var(--terminal-border);gap:12px}.search-prompt{color:var(--terminal-green);font-size:1.2rem}.search-input{flex:1;background:rgba(0,0,0,0);border:none;color:var(--terminal-green);font-family:var(--font-mono);font-size:1.1rem;outline:none}.search-input::placeholder{color:var(--terminal-green-dim);opacity:.6}.search-hint{color:var(--terminal-green-dim);font-size:.75rem;padding:4px 8px;background:var(--terminal-bg);border-radius:4px}.search-results{max-height:400px;overflow-y:auto;padding:8px 0}.search-hint-text{padding:20px;text-align:center;color:var(--terminal-green-dim);font-size:.9rem}code[class*=language-],pre[class*=language-]{color:#f8f8f2 !important;text-shadow:none !important;font-family:var(--font-mono) !important;font-size:.9rem !important;line-height:1.5 !important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#666 !important;font-style:italic}.token.punctuation{color:#f8f8f2 !important}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff79c6 !important}.token.boolean,.token.number{color:#bd93f9 !important}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#f1fa8c !important}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#50fa7b !important}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#8be9fd !important}.token.keyword{color:#ff79c6 !important}.token.regex,.token.important{color:#ffb86c !important}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].toolbar{background:var(--terminal-bg) !important}code[class*=language-]{color:#f8f8f2 !important}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--terminal-green-dim);color:var(--terminal-green-dim) !important;font-size:10px;font-weight:bold;cursor:help;margin-left:4px;position:relative;vertical-align:middle;transition:all .2s ease;z-index:20000;background:var(--terminal-bg-light)}.info-tooltip:hover{border-color:var(--terminal-green);color:var(--terminal-green) !important;background:var(--terminal-green) !important}.info-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:var(--tooltip-left, 50%);transform:translateX(var(--tooltip-x, -50%)) scale(.9);background:var(--terminal-bg-light) !important;border:1px solid var(--terminal-green);padding:12px 16px;border-radius:6px;width:280px;font-size:.8rem;font-weight:normal;color:var(--terminal-green) !important;z-index:20001;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 4px 20px rgba(0,0,0,.5);line-height:1.5;pointer-events:auto;text-align:left}.info-tooltip::after::before{content:"";position:absolute;top:100%;left:var(--tooltip-arrow-x, 50%);transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:var(--terminal-green)}.info-tooltip:hover::after{opacity:1 !important;visibility:visible !important;transform:translateX(var(--tooltip-x, -50%)) scale(1)}@media (max-width: 600px){.info-tooltip::after{width:220px;position:absolute;left:var(--tooltip-left, auto);right:0;transform:scale(.9);bottom:calc(100% + 10px)}.info-tooltip::after::before{left:auto;right:20px}.info-tooltip:hover::after{transform:scale(1)}}[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{color:#333 !important}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#999 !important}[data-theme=light] .token.punctuation{color:#333 !important}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#909 !important}[data-theme=light] .token.boolean,[data-theme=light] .token.number{color:#609 !important}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#960 !important}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url,[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string,[data-theme=light] .token.variable{color:#080 !important}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.function,[data-theme=light] .token.class-name{color:#069 !important}[data-theme=light] .token.keyword{color:#909 !important}[data-theme=light] .token.regex,[data-theme=light] .token.important{color:#c60 !important}blockquote{margin:20px 0;padding:15px 20px;border-left:4px solid var(--terminal-green-dim);background:var(--terminal-bg-lighter);border-radius:0 4px 4px 0;color:var(--terminal-green-dim);font-style:italic}blockquote p{margin:0}.content-body .mermaid{display:flex;justify-content:center;margin:30px 0}.content-body img{max-width:100%;height:auto;display:block;margin:20px 0}html:not([data-theme=light]) .case-study-image{filter:invert(1) !important}.case-study-image{display:block;margin:20px auto}