.experiment-terminal{position:relative;width:100%;height:100%;min-height:100%;background:var(--qd-navy, #0b1220);overflow:hidden}.experiment-parallax{width:100%;height:100%}.layer-stars{background:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 35% 65%,rgba(6,182,212,.6),transparent),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 75% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 85% 35%,rgba(6,182,212,.5),transparent),radial-gradient(1px 1px at 25% 85%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 65% 45%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 45% 55%,rgba(139,92,246,.4),transparent);background-size:400px 400px;background-color:var(--qd-navy, #0b1220)}.layer-nebula{pointer-events:none}.layer-nebula--cyan{background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(6,182,212,.08) 0%,transparent 70%)}.layer-nebula--purple{background:radial-gradient(ellipse 70% 60% at 80% 60%,rgba(139,92,246,.06) 0%,transparent 70%)}.page-layer{display:flex;align-items:center;justify-content:center}.page-content{width:100%;max-width:1200px;height:100%;max-height:100vh;padding:2rem 3rem;display:flex;flex-direction:column;box-sizing:border-box}.page-content--intro{align-items:center;justify-content:center;text-align:center;gap:0}.intro-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:8px;font-family:SF Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#06b6d4e6;background:#06b6d41a;border:1px solid rgba(6,182,212,.25)}.intro-logo{margin-bottom:1.5rem}.intro-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin:0 0 .75rem;background:linear-gradient(135deg,var(--qd-bone, #f2efe8) 0%,var(--qd-cyan, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.intro-subtitle{font-size:1.1rem;color:#f2efe8a6;margin:0 0 2rem;line-height:1.6;max-width:500px}.intro-nav{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.intro-nav-btn{padding:.75rem 1.25rem;border:1px solid rgba(6,182,212,.3);border-radius:999px;background:#06b6d414;color:#06b6d4f2;font-family:SF Mono,ui-monospace,monospace;font-size:.85rem;cursor:pointer;transition:all .2s ease}.intro-nav-btn:hover{background:#06b6d426;border-color:#06b6d499;transform:translateY(-2px)}.scroll-cue{padding:0;border:none;background:none;color:#f2efe866;cursor:pointer;transition:color .2s ease}.scroll-cue:hover{color:#06b6d4cc}.scroll-cue-arrow{font-size:2rem;display:block;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.page-content--project{justify-content:flex-start;padding-top:1.5rem}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-shrink:0}.header-back{padding:.5rem .75rem;border:none;border-radius:8px;background:#0f172a80;color:#f2efe8b3;font-family:SF Mono,ui-monospace,monospace;font-size:.75rem;cursor:pointer;transition:all .2s ease}.header-back:hover{background:#06b6d426;color:#06b6d4f2}.header-dots{display:flex;gap:.6rem}.dot{width:10px;height:10px;padding:0;border:1px solid rgba(6,182,212,.35);border-radius:50%;background:#0f172a80;cursor:pointer;transition:all .2s ease}.dot:hover{transform:scale(1.3);border-color:#06b6d4cc}.dot--active{background:#06b6d4e6;border-color:#06b6d4e6}.project-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,1.4fr);gap:2.5rem;flex:1;min-height:0;align-items:start}.project-main{display:flex;flex-direction:column;gap:1.5rem}.project-copy{display:flex;flex-direction:column}.project-tagline{font-family:SF Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#06b6d4e6;margin-bottom:.5rem}.project-name{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0 0 1rem;color:var(--qd-bone, #f2efe8);letter-spacing:-.02em;line-height:1.1}.project-desc{font-size:1rem;line-height:1.7;color:#f2efe8b3;margin:0 0 1.5rem}.project-cta{display:inline-flex;align-items:center;width:fit-content;padding:.875rem 1.5rem;background:linear-gradient(135deg,#06b6d4f2,#0891b2f2);border-radius:10px;color:var(--qd-navy, #0b1220);font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s ease}.project-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06b6d440}.project-visual-wrap{border-radius:14px;overflow:hidden;background:#0f172a80;border:1px solid rgba(6,182,212,.15)}.project-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.thirdai-visual svg{width:90%;height:auto;filter:drop-shadow(0 0 20px rgba(6,182,212,.2))}.spiro-path{animation:swirl 6s ease-in-out infinite;mix-blend-mode:screen}@keyframes swirl{0%{stroke:#ff5a36bf}33%{stroke:#00bfb3bf}66%{stroke:#8b5cf6bf}to{stroke:#ff5a36bf}}.do-not-press{position:absolute;padding:10px 18px;background:#f03;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{transform:scale(1);box-shadow:0 0 #f039}50%{transform:scale(1.04);box-shadow:0 0 20px #ff00334d}}.calcqon-visual{background:#0006}.waveform-container{display:flex;align-items:flex-end;gap:5px;height:100px}.wave-bar{width:8px;border-radius:4px;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{height:20px;opacity:.5}50%{height:80px;opacity:1}}.project-preview{height:100%;min-height:0}.preview-window{height:100%;max-height:calc(100vh - 180px);border-radius:14px;overflow:hidden;background:#0f172ab3;border:1px solid rgba(6,182,212,.15);box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;position:relative}.preview-titlebar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#0f172af2;border-bottom:1px solid rgba(6,182,212,.1);flex-shrink:0}.preview-dots{display:flex;gap:6px}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot--red{background:#ef4444}.preview-dot--yellow{background:#eab308}.preview-dot--green{background:#22c55e}.preview-url{font-family:SF Mono,ui-monospace,monospace;font-size:.7rem;color:#f2efe873}.preview-iframe{flex:1;width:100%;border:none;background:#00000080}.preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#0b1220f2);color:#06b6d4e6;font-family:SF Mono,ui-monospace,monospace;font-size:.8rem;text-align:center;text-decoration:none;transition:all .2s ease}.preview-overlay:hover{background:linear-gradient(transparent,#06b6d426);color:#06b6d4}.layer-accent{pointer-events:none}.accent-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.accent-orb--1{width:300px;height:300px;top:10%;left:5%;background:hsl(calc(var(--hue, 0) + 180),70%,50%)}.accent-orb--2{width:200px;height:200px;bottom:15%;right:10%;background:hsl(var(--hue, 0),70%,50%)}@media(max-width:1100px){.project-grid{grid-template-columns:1fr 1.2fr;gap:2rem}}@media(max-width:900px){.project-preview{display:none}.project-grid{grid-template-columns:1fr;gap:1.5rem}.page-content{padding:1.5rem}.project-name{font-size:2rem}.project-visual{height:180px}}@media(max-width:600px){.page-content{padding:1rem}.intro-nav{flex-direction:column;width:100%;max-width:280px}.intro-nav-btn{width:100%}.project-visual{height:160px}.waveform-container{height:80px}}:root{--qd-navy:#0b1220;--qd-bone:#f2efe8;--qd-cyan:#06b6d4;--qd-purple:#8b5cf6}html,body,#root{height:100%;margin:0;background:var(--qd-navy)}*{box-sizing:border-box}a{color:inherit}.kpiTile.rag-G{box-shadow:inset 0 0 0 1px #00ffaa2e}.kpiTile.rag-A{box-shadow:inset 0 0 0 1px #ffc8002e}.kpiTile.rag-R{box-shadow:inset 0 0 0 1px #ff50502e}.kpiTile.rag-N{box-shadow:inset 0 0 0 1px #ffffff0f}.kpiDelta.rag-G{color:#00ffaaf2}.kpiDelta.rag-A{color:#ffc800f2}.kpiDelta.rag-R{color:#ff5050f2}.kpiDelta.rag-N{color:#ffffff8c}.spark.rag-G path{stroke:#00ffaa8c}.spark.rag-A path{stroke:#ffc8008c}.spark.rag-R path{stroke:#ff50508c}.spark.rag-N path{stroke:#50dcffd9}@media(prefers-reduced-motion:reduce){.spiro-path,.wave-bar,.do-not-press,.scroll-cue-arrow{animation:none}}