:root{--bg:#04101e;--bg2:#071827;--panel:#ffffff0a;--border:#ffffff14;--text:#eef9ff;--muted:#a7c4d8;--cyan:#39dfff;--violet:#9a63ff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}body{background:radial-gradient(1200px 600px at 20% -10%,#39dfff14,transparent 60%),radial-gradient(900px 500px at 120% 10%,#9a63ff14,transparent 60%),var(--bg)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 24px}header.site{backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:50;background:#0b1020bf;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{letter-spacing:.02em;color:var(--text);font-size:18px;font-weight:700}.nav{gap:22px;font-size:14px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--text);text-decoration:none}main{padding:56px 0 80px;position:relative}main:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#04101eeb,#04101e8c 55%,#04101e2e),url(/assets/bg/metrology.jpg) 100%/cover no-repeat;height:540px;position:absolute;top:0;left:0;right:0;mask-image:linear-gradient(#000 60%,#0000)}main>.container{z-index:1;position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:12px;font-weight:600}h1{font-family:var(--font-display,"Playfair Display",Georgia,serif);letter-spacing:-.01em;margin:10px 0 16px;font-size:42px;font-weight:700;line-height:1.15}h2{font-family:var(--font-display,"Playfair Display",Georgia,serif);color:#eef9ff;margin-top:48px;margin-bottom:14px;font-size:28px;font-weight:700}h3{color:#eef9ff;margin:22px 0 8px;font-size:18px;font-weight:600}p{color:#a7c4d8;max-width:72ch}.lede{color:#a7c4d8;max-width:72ch;font-size:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;margin:22px 0;padding:26px}.grid-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (width<=820px){.grid-2{grid-template-columns:1fr}h1{font-size:32px}}figure{margin:18px 0}figure img{border:1px solid var(--border);border-radius:12px;width:100%;display:block}figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.diagram{border:1px solid var(--border);background:#071827;border-radius:12px;padding:18px;position:relative}.diagram svg{width:100%;height:auto;display:block}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:#39dfff1f;border:1px solid #39dfff4d;border-radius:999px;margin-right:6px;padding:3px 10px;font-size:11px;display:inline-block}footer.site{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:60px;padding:30px 0;font-size:13px}.back-link{color:var(--cyan);margin-bottom:20px;font-size:14px;display:inline-block}ul.clean{color:#a7c4d8;max-width:72ch}ul.clean li{margin-bottom:6px}.hotspot{cursor:help}.hotspot .hit{fill:#0000;stroke:#0000;pointer-events:all}.hotspot:hover .hw{filter:drop-shadow(0 0 8px #39dfff)}.hotspot:hover .hw-violet{filter:drop-shadow(0 0 8px #9a63ff)}.hotspot:hover text.lbl{fill:#fff}text.lbl{fill:#eef9ff;pointer-events:none;font-family:Inter,sans-serif;font-size:12px}text.sub{fill:#a7c4d8;pointer-events:none;font-family:Inter,sans-serif;font-size:10px}.tooltip{z-index:200;color:#eef9ff;pointer-events:none;opacity:0;background:#0f172af7;border:1px solid #39dfff80;border-radius:10px;max-width:320px;padding:12px 14px;font-size:13px;line-height:1.5;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(4px);box-shadow:0 10px 40px #00000080}.tooltip.show{opacity:1;transform:translateY(0)}.tooltip .tip-title{color:#39dfff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px;font-weight:600}.tooltip .tip-body{color:#a7c4d8}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 14px;display:flex}.btn{color:#39dfff;cursor:pointer;background:#39dfff1a;border:1px solid #39dfff59;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn:hover{background:#39dfff2e}.btn.active{color:#04101e;background:#39dfff;border-color:#39dfff;box-shadow:0 0 18px #39dfff66}.btn.violet{color:#9a63ff;background:#9a63ff1a;border-color:#9a63ff59}.btn.violet:hover{background:#9a63ff2e}.btn.violet.active{color:#04101e;background:#9a63ff;border-color:#9a63ff;box-shadow:0 0 18px #9a63ff66}.mode-hint{color:var(--muted);margin-left:auto;font-size:12px}.diagram{--beam-color:#39dfff;transition:background .2s}.beam{stroke:var(--beam-color);stroke-width:2px;fill:none;transition:stroke-width .45s,stroke-opacity .3s,filter .3s}.diagram.mode-off .beam-main{stroke-width:2px;stroke-opacity:.7}.diagram.mode-power .beam-main,.diagram.mode-noise .beam-main{stroke-width:7px;stroke-opacity:1;filter:drop-shadow(0 0 12px var(--beam-color));animation:1.4s ease-in-out infinite amp-breathe}@keyframes amp-breathe{0%,to{stroke-width:6.5px}50%{stroke-width:8px}}.beam-noise{stroke:#1e1b4b;stroke-width:1px;fill:none;stroke-dasharray:4 3;stroke-linecap:round;opacity:0;pointer-events:none;transition:opacity .3s}.diagram.mode-noise .beam-noise{opacity:1;stroke:#312e81;animation:1.1s linear infinite noise-flow}@keyframes noise-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-28px}}.diagram.mode-power .d2-glow,.diagram.mode-noise .d2-glow{opacity:1;animation:1.4s ease-in-out infinite glow-lock}.diagram.mode-noise .d2-noise{opacity:1}.diagram.mode-power .lock-badge,.diagram.mode-noise .lock-badge-noise{opacity:1;transform:translateY(0)}.diagram.mode-noise .inject-arrow{opacity:1;animation:1.4s ease-in-out infinite inject-pulse}@keyframes glow-lock{0%,to{filter:drop-shadow(0 0 6px var(--beam-color))}50%{filter:drop-shadow(0 0 18px var(--beam-color))}}@keyframes inject-pulse{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 10px #9a63ff)}}.d2-glow,.d2-noise,.inject-arrow,.lock-badge,.lock-badge-noise{opacity:0;transition:opacity .25s;transform:translateY(4px)}#mzi-diagram.mode-power .lock-badge,#mzi-diagram.mode-noise .lock-badge,#mzi-diagram.mode-noise .lock-badge-noise{opacity:1;transform:translateY(0)}.chart-wrap{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.chart-wrap.single{grid-template-columns:1fr}@media (width<=720px){.chart-wrap{grid-template-columns:1fr}}.chart-card{border:1px solid var(--border);background:#04101e;border-radius:12px;padding:18px 22px}.chart-card h4{text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px;font-weight:600}.chart-card.power h4{color:#39dfff}.chart-card.noise h4{color:#9a63ff}.chart-card svg{width:100%;height:auto;display:block}.chart-card.big svg{max-height:360px}.chart-note{color:var(--muted);margin-top:6px;font-size:12px}.trace{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.trace-power{stroke:#39dfff}.trace-noise{stroke:#9a63ff}.axis{stroke:#ffffff1f;stroke-width:1px}.target{stroke:#ffffff40;stroke-width:1px;stroke-dasharray:3 3}.gyro-svg{min-height:360px}.gyro-svg .rotating{transform-origin:380px 190px;animation:20s linear infinite slow-rotate}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photon-cw{fill:#39dfff;filter:drop-shadow(0 0 6px #39dfff)}.photon-ccw{fill:#9a63ff;filter:drop-shadow(0 0 6px #9a63ff)}@keyframes travel-cw{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes travel-ccw{0%{offset-distance:0%}to{offset-distance:100%}}.photon-cw{offset-path:path("M 380 70 A 120 120 0 1 1 379.99 70");offset-rotate:0deg;animation:3.6s linear infinite travel-cw}.photon-ccw{offset-path:path("M 380 70 A 120 120 0 1 0 379.99 70");offset-rotate:0deg;animation:4.2s linear infinite travel-ccw}.diagram.gyro-noise .photon-ccw{animation-duration:3.8s}.diagram.gyro-dark .inject-dot{opacity:1;animation:1.4s ease-in-out infinite inject-pulse}.inject-dot{opacity:0;transition:opacity .25s}.method-info{color:#a7c4d8;background:#39dfff12;border:1px solid #39dfff40;border-radius:10px;min-height:84px;margin-top:14px;padding:14px 16px;font-size:14px}.method-info strong{color:#39dfff}.method-info.violet{background:#9a63ff12;border-color:#9a63ff40}.method-info.violet strong{color:#9a63ff}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.legend i.cw{background:#39dfff}.legend i.ccw{background:#9a63ff}.audio-card{background:linear-gradient(135deg,#39dfff14,#9a63ff0f);border:1px solid #39dfff40;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0;padding:18px 22px;display:flex}.audio-card .audio-icon{color:#39dfff;background:#39dfff26;border:1px solid #39dfff66;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.audio-card .audio-meta{flex:200px;min-width:180px}.audio-card .audio-meta .eyebrow{font-size:11px}.audio-card .audio-title{color:#eef9ff;margin-top:2px;font-size:15px;font-weight:600}.audio-card .audio-sub{color:var(--muted);margin-top:2px;font-size:12px}.audio-card audio{color-scheme:dark;background:#04101e;border-radius:8px;outline:none;flex:320px;min-width:260px;height:44px}.audio-card audio::-webkit-media-controls-panel{background:#04101e}.audio-card audio::-webkit-media-controls-current-time-display{color:#eef9ff;text-shadow:none}.audio-card audio::-webkit-media-controls-time-remaining-display{color:#eef9ff;text-shadow:none}.panzoom{aspect-ratio:8/5;border:1px solid var(--border);touch-action:none;user-select:none;cursor:grab;background:#071827;border-radius:12px;width:100%;max-height:640px;position:relative;overflow:hidden}.panzoom.grabbing{cursor:grabbing}.panzoom .pz-inner{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.panzoom .pz-inner img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;image-rendering:-webkit-optimize-contrast;display:block}.pz-controls{z-index:5;gap:6px;display:flex;position:absolute;top:12px;right:12px}.pz-btn{color:#39dfff;cursor:pointer;background:#0f172ae6;border:1px solid #39dfff59;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:16px;font-weight:600;transition:all .12s;display:flex}.pz-btn:hover{background:#39dfff2e}.pz-hint{color:#a7c4d8;pointer-events:none;background:#0f172ad9;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;bottom:10px;left:12px}.site-header{z-index:60;-webkit-backdrop-filter:blur(18px);background:#030c16d6;border-bottom:1px solid #60dbff3d;justify-content:space-between;align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.site-header .brand{letter-spacing:.02em;color:#eef9ff;align-items:center;gap:12px;min-width:auto;font-size:18px;font-weight:850;display:flex}.site-header .brand-mark{background:radial-gradient(circle,#fff 0,#5bf3ff 30%,#246dff 64%,#0000 66%);border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 28px #39dfffe6}.site-header .nav-links{align-items:center;gap:22px;font-size:14px;font-weight:700;display:flex}.site-header .nav-links a{color:#a7c4d8;white-space:nowrap;text-decoration:none}.site-header .nav-links a:hover{color:#eef9ff;text-decoration:none}.site-header .nav-links a.active{color:#39dfff}.site-header .nav-toggle{color:#eef9ff;cursor:pointer;background:#ffffff0f;border:1px solid #60dbff3d;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800;display:none}@media (width<=740px){.site-header{padding:14px 18px}.site-header .nav-toggle{display:inline-flex}.site-header .nav-links{z-index:70;background:#030c16f5;border:1px solid #60dbff3d;border-radius:22px;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:64px;left:16px;right:16px;overflow:hidden;box-shadow:0 20px 70px #00000073}.nav-open .site-header .nav-links{display:flex}.site-header .nav-links a{border-top:1px solid #ffffff1a;padding:14px 18px}.site-header .nav-links a:first-child{border-top:none}}