.motion-lab-page{background:var(--bg);color:var(--text);min-height:100vh;position:relative}.lab-badge{z-index:90;border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--panel-deep), .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:100px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;top:16px;right:18px;box-shadow:0 10px 30px #0006}.lab-badge span{font:700 8px var(--font-mono);color:var(--accent);letter-spacing:.12em}.lab-badge a{color:var(--muted);font-size:11px;text-decoration:none}.lab-badge a:hover{color:var(--text)}.service-explorer{grid-template-columns:minmax(0,1.45fr) minmax(330px,.65fr);align-items:start;gap:32px;display:grid}.service-preview-blueprint-sidebar{border:1px solid rgba(var(--accent-rgb), .28);border-radius:var(--radius-md);background:linear-gradient(155deg, var(--surface-strong), var(--panel-deep));align-self:start;min-height:610px;position:sticky;top:96px;overflow:hidden;box-shadow:0 30px 90px #00000059}.blueprint-reveal-box{height:100%;animation:previewRebuild .45s var(--ease) both;flex-direction:column;padding:24px;display:flex}.blueprint-top-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.blueprint-status-indicator{font:700 8px var(--font-mono);color:var(--accent);letter-spacing:.14em;align-items:center;gap:8px;display:flex}.status-live-beacon{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.5s infinite pulse}.blueprint-top-bar small{color:var(--muted);font:500 7px var(--font-mono);text-transform:uppercase}.blueprint-display-window{border:1px solid rgba(var(--accent-rgb), .16);background:#00000061;border-radius:14px;justify-content:center;align-items:center;min-height:220px;margin:18px 0 14px;display:flex;position:relative;overflow:hidden}.blueprint-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;padding:14px;display:flex;position:relative}.blueprint-stage>*{max-width:100%}.blueprint-bottom-content h3{letter-spacing:-.05em;margin:10px 0 6px;font-size:clamp(1.8rem,2.2vw,2.7rem);line-height:.94}.blueprint-bottom-content p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.55}.preview-tags{flex-wrap:wrap;gap:7px;margin:26px 0 30px;display:flex}.preview-tags span{border:1px solid var(--line);color:#cbd4d0;white-space:nowrap;border-radius:100px;padding:8px 10px;font-size:8px}.preview-cta-btn{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;transition:transform var(--fast);border:0;border-radius:100px;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:680;display:flex}.preview-cta-btn:hover{transform:translateY(-2px)}.blueprint-stage{place-items:center;width:100%;height:100%;min-height:200px;padding:16px;display:grid;position:relative}.bp-browser-frame{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--surface), .9);border-radius:8px;width:90%;overflow:hidden}.bp-browser-header{border-bottom:1px solid var(--line);background:#00000073;align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.bp-browser-header span{background:var(--muted);border-radius:50%;width:5px;height:5px}.bp-browser-header span:first-child{background:var(--accent)}.bp-url-bar{font:500 7px var(--font-mono);color:var(--muted);margin-left:10px}.bp-browser-body{padding:12px}.bp-line-title{background:var(--accent);border-radius:3px;width:65%;height:9px;margin-bottom:6px}.bp-line-sub{background:var(--muted);border-radius:3px;width:40%;height:5px;margin-bottom:10px}.bp-cards-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bp-mini-card{background:rgba(var(--accent-rgb), .08);border:1px dashed rgba(var(--accent-rgb), .3);border-radius:5px;place-items:center;height:38px;display:grid}.bp-mini-card i{background:var(--accent);opacity:.5;border-radius:2px;width:14px;height:3px}.bp-scanner-beam{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;box-shadow:0 0 15px var(--accent);animation:2.8s ease-in-out infinite scanVertical;position:absolute;left:0;right:0}@keyframes scanVertical{0%,to{opacity:0;top:10%}50%{opacity:1;top:90%}}.bp-commerce-flow{align-items:center;gap:10px;width:92%;display:flex}.bp-node{border:1px solid var(--line);background:rgba(var(--surface-strong), .85);font:600 7px var(--font-mono);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 12px;display:flex}.bp-node-icon svg{color:var(--accent)}.bp-chip{background:var(--accent);color:var(--bg);border-radius:3px;padding:3px 5px;font-size:8px;font-weight:800}.bp-check{background:var(--accent);width:22px;height:22px;color:var(--bg);border-radius:50%;place-items:center;font-weight:800;display:grid}.bp-stream-line{background:var(--line);flex:1;height:2px;position:relative;overflow:hidden}.bp-packet{background:var(--accent);width:14px;height:2px;box-shadow:0 0 8px var(--accent);animation:2s linear infinite packetFlow;position:absolute;top:0;left:0}.bp-packet-2{animation-delay:1s}@keyframes packetFlow{0%{transform:translate(-100%)}to{transform:translate(300%)}}.bp-chart-svg{width:92%;overflow:visible}.bp-chart-path{stroke-dasharray:300;stroke-dashoffset:0;animation:2.8s ease-out infinite drawChart}@keyframes drawChart{0%{stroke-dashoffset:300px}65%,to{stroke-dashoffset:0}}.bp-chart-meta{flex-direction:column;display:flex;position:absolute;bottom:12px;left:18px}.bp-chart-meta span{font:700 11px var(--font-mono);color:var(--accent)}.bp-chart-meta small{color:var(--muted);font-size:8px}.bp-workflow-network{align-items:center;gap:8px;width:95%;display:flex}.bp-wf-node{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--surface-strong), .9);text-align:center;border-radius:8px;flex:1;padding:10px 8px}.bp-wf-node small{font:500 7px var(--font-mono);color:var(--accent);text-transform:uppercase;display:block}.bp-wf-node b{color:var(--text);font-size:9px}.bp-wf-connector{background:var(--line);width:22px;height:2px;position:relative}.bp-data-pulse{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:1.5s infinite pulseData;position:absolute;inset:0}.bp-data-pulse.delayed{animation-delay:.75s}@keyframes pulseData{0%,to{opacity:.2}50%{opacity:1}}.bp-terminal{border:1px solid var(--line);width:90%;font-family:var(--font-mono);background:#080d0b;border-radius:8px;overflow:hidden}.bp-term-head{border-bottom:1px solid var(--line);background:#ffffff0d;align-items:center;gap:4px;height:22px;padding:0 8px;display:flex}.bp-term-head span{background:var(--muted);border-radius:50%;width:5px;height:5px}.bp-term-head small{color:var(--muted);margin-left:6px;font-size:8px}.bp-term-code{padding:10px;font-size:8.5px;line-height:1.5}.c-kw{color:var(--accent)}.c-fn{color:#80edc7}.c-str{color:#ffd479}.c-res{color:var(--muted)}.c-cursor{background:var(--accent);width:5px;height:9px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bp-brand-matrix{aspect-ratio:1;place-items:center;width:140px;display:grid;position:relative}.bp-golden-circle{border:1px solid rgba(var(--accent-rgb), .4);border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:0}.bp-golden-circle.inner{border-style:dashed;animation-direction:reverse;inset:22%}.bp-brand-center{font:700 24px var(--font-mono);color:var(--accent);letter-spacing:-.05em;text-shadow:0 0 20px var(--accent)}.bp-bridge{align-items:center;gap:12px;width:90%;display:flex}.bp-sys-box{border:1px solid var(--line);background:rgba(var(--surface), .9);text-align:center;border-radius:8px;flex-direction:column;padding:8px 12px;display:flex}.bp-sys-box small{font:500 7px var(--font-mono);color:var(--accent)}.bp-sys-box b{font-size:10px}.bp-fiber-cable{background:rgba(var(--accent-rgb), .15);border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.bp-fiber-core{background:var(--accent);box-shadow:0 0 10px var(--accent);border-radius:2px;animation:2s linear infinite packetFlow;position:absolute;inset:1px}.bp-server-rack{flex-direction:column;gap:6px;width:88%;display:flex}.bp-rack-unit{border:1px solid var(--line);background:rgba(var(--surface-strong), .85);font:500 8px var(--font-mono);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.bp-led{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1.2s infinite pulse}.modal-visual{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .16), transparent 60%), var(--bg);place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}.modal-visual .blueprint-stage{transform-origin:50%;flex:none;justify-content:center;align-items:center;width:250px;height:140px;display:flex;transform:scale(1.7)}.modal-visual-tag{color:#fff;font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;z-index:10;pointer-events:none;position:absolute;top:20px;left:24px}@media (width<=1000px){.service-explorer{grid-template-columns:1fr!important}.service-preview-blueprint-sidebar,.service-preview{display:none!important}}@media (width<=700px){.modal-visual-tag-badge{padding:4px 10px;font-size:8px;top:14px;left:14px}.modal-visual{min-height:200px!important;max-height:220px!important}.modal-visual .blueprint-stage{transform:scale(1)!important}.modal-visual .software-stage{transform:scale(.82)!important}}.back-link{color:var(--accent);font-size:13px;text-decoration:none}.back-link:hover{text-decoration:underline}