*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--text: #fafafa;--muted: #6b7280;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--font-heading: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;overscroll-behavior:none}#hero{position:relative;width:100%;height:100vh;overflow:hidden}#lab-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hero-overlay{position:absolute;bottom:8%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:10;padding:20px 40px;background:radial-gradient(ellipse at center,rgba(10,10,20,.5) 0%,transparent 70%)}.hero-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;letter-spacing:.08em;color:#fafafad9;text-shadow:0 0 30px rgba(59,130,246,.4),0 0 60px rgba(59,130,246,.15),0 2px 4px rgba(0,0,0,.8);margin-bottom:.4rem}.hero-tagline{font-family:var(--font-body);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:400;color:#6b7280cc;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px rgba(59,130,246,.2)}.tooltip{position:absolute;padding:8px 14px;background:#0a0a0ae6;border:1px solid rgba(59,130,246,.4);border-radius:8px;font-family:var(--font-heading);font-size:.75rem;color:var(--accent-blue);pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease;white-space:nowrap}.tooltip.hidden{opacity:0}#explore-hint{position:absolute;bottom:2%;left:50%;transform:translate(-50%);text-align:center;z-index:10;opacity:.4;animation:pulse-fade 2s ease-in-out infinite;pointer-events:none}#explore-hint span{font-family:var(--font-heading);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}@keyframes pulse-fade{0%,to{opacity:.3}50%{opacity:.7}}#controls-legend{position:absolute;bottom:20px;left:16px;z-index:15;padding:12px 16px;background:#0a0a14b3;border:1px solid rgba(59,130,246,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-heading);font-size:.65rem;color:var(--muted);opacity:.5;transition:opacity .3s ease;pointer-events:auto}#controls-legend:hover{opacity:1}.legend-title{font-size:.7rem;font-weight:600;color:var(--accent-blue);margin-bottom:6px;letter-spacing:.1em;text-transform:uppercase}.legend-item{display:flex;align-items:center;gap:8px;padding:2px 0;color:#fafafa80}.legend-key{display:inline-block;padding:2px 6px;background:#3b82f626;border:1px solid rgba(59,130,246,.25);border-radius:4px;color:var(--accent-blue);font-size:.6rem;white-space:nowrap;min-width:60px;text-align:center}#reset-camera{position:absolute;bottom:20px;right:16px;z-index:15;width:160px;padding:8px 16px;box-sizing:border-box;background:#0a0a14b3;border:1px solid rgba(59,130,246,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-heading);font-size:.7rem;color:var(--accent-blue);cursor:pointer;opacity:.5;transition:opacity .3s ease,border-color .3s ease,box-shadow .3s ease;letter-spacing:.05em}#reset-camera:hover{opacity:1;border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f64d}#reset-camera:active{transform:scale(.95)}#sound-bar{position:absolute;bottom:20px;right:186px;z-index:15;width:56px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;background:#0a0a14b3;border:1px solid rgba(59,130,246,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.4;transition:opacity .3s ease;height:184px}#sound-bar:hover{opacity:1}.sound-title{font-family:var(--font-heading);font-size:.5rem;font-weight:600;color:var(--accent-blue);letter-spacing:.1em;text-transform:uppercase;text-align:center}#sound-toggle{width:100%;padding:4px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:6px;color:#fafafa99;font-family:var(--font-heading);font-size:.5rem;cursor:pointer;transition:all .2s ease}#sound-toggle:hover{background:#3b82f633;color:var(--text)}#sound-toggle.on{background:#3b82f633;border-color:var(--accent-blue);color:var(--accent-blue)}.volume-track{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;min-height:0}.volume-track input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:5px;height:90%;max-height:120px;background:#3b82f633;border-radius:3px;outline:none;cursor:pointer}.volume-track input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-blue);cursor:pointer}#tools-bar{position:absolute;bottom:60px;right:16px;z-index:15;width:160px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px;background:#0a0a14b3;border:1px solid rgba(59,130,246,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.4;transition:opacity .3s ease}#tools-bar:hover{opacity:1}.tools-title{font-family:var(--font-heading);font-size:.6rem;font-weight:600;color:var(--accent-blue);margin-bottom:2px;letter-spacing:.1em;text-transform:uppercase;text-align:center}.tool-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:8px;color:#fafafa99;font-family:var(--font-heading);font-size:.65rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-btn:hover{background:#3b82f633;border-color:#3b82f666;color:var(--text);box-shadow:0 0 12px #3b82f626}.tool-btn.active{background:#3b82f640;border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px #3b82f64d}.tool-icon{font-size:1rem;line-height:1}.tool-label{font-size:.6rem;letter-spacing:.05em}#panel-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:stretch;justify-content:flex-end;pointer-events:none}#panel-overlay.hidden{display:none}#panel-overlay.active{pointer-events:auto}#panel-overlay.active #panel-backdrop{opacity:1}#panel-overlay.active #panel-content{transform:translate(0);opacity:1}#panel-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .4s ease;cursor:pointer}#panel-content{position:relative;width:min(700px,90vw);height:100%;background:#0a0a12f2;border-left:1px solid rgba(59,130,246,.12);transform:translate(100%);opacity:0;transition:transform .4s ease,opacity .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent;overscroll-behavior:contain}#panel-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#0a0a12e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.08)}#panel-title{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue)}#panel-close{width:32px;height:32px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:6px;color:var(--muted);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}#panel-close:hover{background:#3b82f633;color:var(--text);border-color:var(--accent-blue)}#panel-body{padding:32px}.panel-about{display:flex;flex-direction:column;gap:32px}#about-canvas{width:100%;height:200px;border-radius:8px;border:1px solid rgba(59,130,246,.08)}.about-text h2{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;line-height:1.5;color:var(--text);margin-bottom:12px}.about-meta-line{font-family:var(--font-heading);font-size:.7rem;color:var(--muted);letter-spacing:.08em}.about-links{display:flex;gap:24px}.about-links a{font-family:var(--font-heading);font-size:.7rem;color:var(--muted);text-decoration:none;transition:color .2s}.about-links a:hover{color:var(--accent-blue)}.panel-services{display:flex;flex-direction:column;gap:12px}.svc-card{background:#ffffff05;border:1px solid rgba(59,130,246,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s}.svc-card:hover{border-color:#3b82f640}.svc-card.expanded{border-color:#3b82f64d;box-shadow:0 0 30px #3b82f60f}.svc-header{display:flex;gap:16px;padding:20px 24px}.svc-num{font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:var(--accent-blue);letter-spacing:.1em;padding-top:2px}.svc-info h3{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:6px}.svc-info p{font-size:.78rem;color:var(--muted);line-height:1.6}.svc-hint{display:block;font-family:var(--font-heading);font-size:.55rem;color:var(--accent-blue);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;opacity:.5;transition:opacity .2s}.svc-card:hover .svc-hint{opacity:1}.svc-demo{max-height:0;overflow:hidden;transition:max-height .5s ease}.svc-card.expanded .svc-demo{max-height:1200px;border-top:1px solid rgba(59,130,246,.08)}.panel-contact{display:flex;flex-direction:column;gap:28px}.contact-terminal{background:#0006;border:1px solid rgba(59,130,246,.1);border-radius:10px;overflow:hidden}.ct-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0000004d;border-bottom:1px solid rgba(59,130,246,.06)}.ct-dot{width:10px;height:10px;border-radius:50%}.ct-dot.red{background:#ef4444}.ct-dot.yellow{background:#f59e0b}.ct-dot.green{background:#10b981}.ct-title{font-family:var(--font-heading);font-size:.58rem;color:var(--muted);margin-left:8px;letter-spacing:.05em}.ct-body{padding:20px}.ct-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.ct-prompt{font-family:var(--font-heading);font-size:.75rem;color:var(--accent-blue);-webkit-user-select:none;user-select:none}.ct-label{font-family:var(--font-heading);font-size:.7rem;color:var(--muted);min-width:100px}.ct-input{background:transparent;border:none;border-bottom:1px solid rgba(59,130,246,.2);color:var(--text);font-family:var(--font-heading);font-size:.75rem;padding:4px 8px;outline:none;flex:1;min-width:180px;transition:border-color .2s}.ct-input:focus{border-color:var(--accent-blue)}.ct-input::placeholder{color:#ffffff1a}.ct-options{display:flex;flex-wrap:wrap;gap:6px}.ct-opt{font-family:var(--font-heading);font-size:.58rem;padding:5px 12px;border:1px solid rgba(59,130,246,.15);border-radius:4px;color:var(--muted);background:transparent;cursor:pointer;transition:all .2s}.ct-opt:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.ct-opt.selected{color:var(--bg);background:var(--accent-blue);border-color:var(--accent-blue)}.ct-msg-line{margin-bottom:4px}.ct-textarea{width:100%;min-height:80px;background:#3b82f608;border:1px solid rgba(59,130,246,.1);border-radius:6px;color:var(--text);font-family:var(--font-heading);font-size:.7rem;padding:12px;outline:none;resize:vertical;line-height:1.7}.ct-textarea:focus{border-color:var(--accent-blue)}.ct-textarea::placeholder{color:#ffffff1a}.ct-submit{display:flex;align-items:center;gap:12px;margin-top:16px}.ct-btn{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:10px 24px;background:var(--accent-blue);color:var(--bg);border:none;border-radius:6px;cursor:pointer;transition:all .2s}.ct-btn:hover{background:#60a5fa;transform:translateY(-1px);box-shadow:0 8px 24px #3b82f640}.ct-hint{font-family:var(--font-heading);font-size:.55rem;color:var(--muted)}.contact-direct{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.contact-direct a{font-family:var(--font-heading);font-size:.7rem;color:var(--muted);text-decoration:none;transition:color .2s}.contact-direct a:hover{color:var(--accent-blue)}.contact-email{font-size:.85rem!important;font-weight:600;color:var(--text)!important}.panel-products{display:flex;flex-direction:column;gap:12px}.prod-card{background:#ffffff05;border:1px solid rgba(59,130,246,.08);border-radius:10px;padding:20px 24px;position:relative;transition:border-color .3s}.prod-card:hover{border-color:#3b82f640}.prod-status{position:absolute;top:16px;right:16px;font-family:var(--font-heading);font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:4px}.prod-status.live{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.prod-status.building{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.prod-card h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.prod-card p{font-size:.78rem;color:var(--muted);line-height:1.6;padding-right:60px}.prod-link{display:inline-block;font-family:var(--font-heading);font-size:.65rem;color:var(--accent-blue)!important;margin-top:8px;text-decoration:none;letter-spacing:.05em}.prod-link:hover{text-decoration:underline}.demo-section{margin-bottom:16px}.demo-label{display:block;font-family:var(--font-heading);font-size:.55rem;font-weight:600;color:var(--accent-blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--font-heading);font-size:.58rem;padding:5px 12px;border:1px solid rgba(59,130,246,.15);border-radius:4px;color:var(--muted);background:transparent;cursor:pointer;transition:all .2s}.chip:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.chip.selected{color:var(--bg);background:var(--accent-blue);border-color:var(--accent-blue)}.demo-copy{font-family:var(--font-heading);font-size:.55rem;padding:4px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:4px;color:var(--accent-blue);cursor:pointer;transition:all .2s}.demo-copy:hover{background:#3b82f640}.demo-prompt{padding:20px}.demo-output{background:#0000004d;border:1px solid rgba(59,130,246,.08);border-radius:8px;overflow:hidden;margin-bottom:16px}.demo-output-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#0003;border-bottom:1px solid rgba(59,130,246,.06);font-family:var(--font-heading);font-size:.55rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}#prompt-text{padding:16px;font-family:var(--font-heading);font-size:.7rem;color:var(--text);line-height:1.7;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.demo-quality{display:flex;align-items:center;gap:10px}.demo-quality-label{font-family:var(--font-heading);font-size:.55rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.demo-quality-track{flex:1;height:6px;background:#3b82f61a;border-radius:3px;overflow:hidden}.demo-quality-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;width:40%;transition:width .4s ease}.demo-quality-pct{font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:var(--accent-blue);min-width:32px;text-align:right}.demo-setup{padding:20px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.pack-item{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff05;border:1px solid rgba(59,130,246,.08);border-radius:6px;cursor:pointer;transition:all .2s}.pack-item:hover{border-color:#3b82f640}.pack-item.selected{border-color:var(--accent-blue);background:#3b82f614}.pack-icon{font-size:.9rem}.pack-name{font-family:var(--font-heading);font-size:.6rem;color:var(--text)}.pack-cat{font-family:var(--font-heading);font-size:.45rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:auto}.demo-install-btn{display:block;width:100%;margin:16px 0;padding:10px;background:var(--accent-blue);color:var(--bg);border:none;border-radius:6px;font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .2s}.demo-install-btn:hover{background:#60a5fa;transform:translateY(-1px)}.demo-terminal{background:#0000004d;border:1px solid rgba(59,130,246,.08);border-radius:8px;overflow:hidden;margin-bottom:12px}.setup-term-header{padding:6px 14px;background:#0003;border-bottom:1px solid rgba(59,130,246,.06);font-family:var(--font-heading);font-size:.5rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.setup-term-body{padding:12px 14px;max-height:180px;overflow-y:auto}.term-line{font-family:var(--font-heading);font-size:.62rem;line-height:1.8}.term-cmd{color:#3bf682cc}.term-info{color:#b4c8e699}.term-success{color:#10b981}.term-error{color:#ef4444}.demo-filetree{margin-top:8px}.ft-title{font-family:var(--font-heading);font-size:.55rem;font-weight:600;color:var(--accent-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.ft-tree{font-family:var(--font-heading);font-size:.6rem;color:var(--muted);line-height:1.8}.ft-dir{color:#f59e0b}.ft-file{color:#b4c8e6b3}.ft-indent{padding-left:18px}.ft-indent2{padding-left:36px}.demo-studio{padding:20px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.studio-grid{grid-template-columns:1fr}}.studio-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(59,130,246,.2);color:var(--text);font-family:var(--font-heading);font-size:.7rem;padding:6px 8px;outline:none;transition:border-color .2s}.studio-input:focus{border-color:var(--accent-blue)}.studio-textarea{width:100%;min-height:100px;background:#3b82f608;border:1px solid rgba(59,130,246,.1);border-radius:6px;color:var(--text);font-family:var(--font-heading);font-size:.65rem;padding:10px;outline:none;resize:vertical;line-height:1.7}.studio-textarea:focus{border-color:var(--accent-blue)}.studio-preview{background:#0000004d;border:1px solid rgba(59,130,246,.08);border-radius:8px;overflow:hidden}.studio-preview-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#0003;border-bottom:1px solid rgba(59,130,246,.06);font-family:var(--font-heading);font-size:.55rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.studio-actions{display:flex;gap:6px}.studio-code{padding:14px;font-family:var(--font-heading);font-size:.62rem;color:var(--text);line-height:1.7;white-space:pre-wrap;word-wrap:break-word;max-height:280px;overflow-y:auto}.demo-architect{padding:20px}.arch-diagram{margin:16px 0}.arch-flow{display:flex;flex-direction:column;align-items:center;gap:4px}.arch-node{width:100%;max-width:340px;padding:12px 16px;border-radius:8px;text-align:center}.arch-frontend{background:#3b82f61a;border:1px solid rgba(59,130,246,.25)}.arch-backend{background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.arch-db{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.arch-deploy{background:#a855f71a;border:1px solid rgba(168,85,247,.25)}.arch-node-label{font-family:var(--font-heading);font-size:.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.arch-node-tech{font-family:var(--font-heading);font-size:.7rem;color:var(--text)}.arch-arrow{font-size:1rem;color:#3b82f64d}.arch-extras{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.arch-extras-title{font-family:var(--font-heading);font-size:.5rem;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-right:6px}.arch-extra-tag{font-family:var(--font-heading);font-size:.55rem;padding:3px 10px;background:#3b82f614;border:1px solid rgba(59,130,246,.12);border-radius:4px;color:#fafafa99}.arch-ships{margin-top:20px;padding-top:16px;border-top:1px solid rgba(59,130,246,.06)}.arch-ships-title{font-family:var(--font-heading);font-size:.55rem;font-weight:600;color:var(--accent-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.arch-ship-item{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:.65rem;color:var(--muted);padding:4px 0}.arch-ship-dot{width:8px;height:8px;border-radius:50%}.arch-ship-dot.live{background:#10b981}.arch-ship-dot.alpha{background:#f59e0b}.arch-ship-dot.building{background:#ef4444}#mobile-nav{display:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:100;gap:6px}.mobile-nav-btn{font-family:var(--font-heading);font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;background:#0a0e1ed9;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s}.mobile-nav-btn:hover,.mobile-nav-btn:active{background:#3b82f626;border-color:var(--accent-blue);color:var(--accent-blue)}@media(max-width:768px){#mobile-nav{display:flex}#explore-hint,#controls-legend{display:none}#panel-content{width:92vw;max-width:92vw;right:4vw}#panel-body{padding:16px}#panel-header{padding:16px 20px}.studio-grid{grid-template-columns:1fr}.pack-grid{grid-template-columns:repeat(2,1fr)}#about-canvas{height:140px}.about-text h2{font-size:1rem}.ct-label{min-width:70px;font-size:.6rem}.ct-body{padding:14px}.ct-input{min-width:120px}#tools-bar{inset:16px auto auto 50%;transform:translate(-50%);width:auto;height:33px;flex-direction:row;padding:0 4px;gap:2px;align-items:center;background:none;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1}#tools-bar .tools-title,#tools-bar .tool-label{display:none}#tools-bar .tool-btn{padding:4px;min-width:33px;min-height:33px;width:33px;height:33px;justify-content:center}#tools-bar .tool-icon{font-size:.9rem}#sound-bar{inset:16px 16px auto auto;width:33px;height:33px;padding:0;background:#0a0f1e99;border:1px solid rgba(0,194,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;display:flex;align-items:center;justify-content:center}#sound-bar .volume-track,#sound-bar .sound-title{display:none}#sound-toggle{width:100%;height:100%;min-width:0;min-height:0;padding:0;font-size:0;background:none;border:none;display:flex;align-items:center;justify-content:center;overflow:hidden}#sound-toggle:before{content:"🔊";font-size:.9rem}#reset-camera{inset:16px auto auto 16px;width:33px;height:33px;max-height:33px;min-height:33px;box-sizing:border-box;padding:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:8px}#reset-camera .reset-label{display:none}#reset-camera .reset-icon{font-size:1rem;line-height:1}#hero-overlay{bottom:70px;padding:12px 20px}.hero-title{font-size:min(1.95rem,8.5vw);letter-spacing:0;white-space:nowrap}.hero-tagline{font-size:.6rem;letter-spacing:.2em}#mobile-nav{bottom:24px;opacity:.5}#mobile-nav:hover,#mobile-nav:active{opacity:1}}@media(max-width:480px){.mobile-nav-btn{min-height:44px;padding:12px 14px;font-size:.5rem}#tools-bar .tool-btn{min-width:36px;min-height:36px;padding:6px}.svc-header{flex-direction:column;gap:8px}.contact-direct{flex-direction:column;gap:12px}.pack-grid{grid-template-columns:1fr}#panel-body{padding:12px}}@media(hover:none){.tool-btn,#sound-toggle{min-width:33px;min-height:33px}#reset-camera{min-height:33px}#panel-close{width:44px;height:44px;font-size:1.4rem}.tooltip{display:none!important}#controls-legend{display:none}}