.technic-guide-root{--tg-brand: #5438b7;--tg-brand-light: #7c5cd9;--tg-cyan: #00acc1;--tg-neon: #4dd0e1;--tg-bg: #ffffff;--tg-bg-2: #f7f9fc;--tg-text: #0a0f1a;--tg-text-2: #4a5b73;--tg-text-3: #8a9cb3;--tg-border: rgba(84, 56, 183, .14);--tg-border-soft: rgba(84, 56, 183, .08);--tg-card-bg: #ffffff;--tg-chip-bg: rgba(84, 56, 183, .08);--tg-chip-text: #5438b7;--tg-chip-cyan-bg: rgba(0, 172, 193, .08);--tg-chip-cyan-text: #00838f;--tg-stat-bg: #ffffff;--tg-overline: #00838f;--tg-cta-idle-bg: #f7f9fc;--tg-trace: rgba(84, 56, 183, .1);--tg-trace-cyan: rgba(0, 172, 193, .12);--tg-trace-dot: rgba(84, 56, 183, .45);--tg-trace-dot-cyan: rgba(0, 172, 193, .5);--tg-video-shadow: 0 24px 60px rgba(84, 56, 183, .12), 0 0 40px rgba(84, 56, 183, .05);--tg-stat-value: linear-gradient(135deg, #1a1a2e, #5438b7);--guide-bg-grid-line: rgba(84, 56, 183, .06);--guide-bg-scan-line: rgba(0, 0, 0, .015);--guide-bg-glow-1: rgba(84, 56, 183, .08);--guide-bg-glow-2: rgba(0, 172, 193, .06)}.dark .technic-guide-root{--tg-bg: #060b10;--tg-bg-2: #0b1420;--tg-text: #e8f0f8;--tg-text-2: #7a8fa8;--tg-text-3: #3a4a5c;--tg-border: rgba(77, 208, 225, .18);--tg-border-soft: rgba(77, 208, 225, .1);--tg-card-bg: #0b1420;--tg-chip-bg: rgba(84, 56, 183, .15);--tg-chip-text: #a78bfa;--tg-chip-cyan-bg: rgba(0, 172, 193, .1);--tg-chip-cyan-text: #4dd0e1;--tg-stat-bg: #0b1420;--tg-overline: #4dd0e1;--tg-cta-idle-bg: #111b26;--tg-trace: rgba(84, 56, 183, .15);--tg-trace-cyan: rgba(77, 208, 225, .12);--tg-trace-dot: rgba(84, 56, 183, .4);--tg-trace-dot-cyan: rgba(77, 208, 225, .35);--tg-video-shadow: 0 0 0 1px rgba(77, 208, 225, .08), 0 24px 60px rgba(0, 0, 0, .6), 0 0 40px rgba(84, 56, 183, .15);--tg-stat-value: linear-gradient(135deg, #ffffff, #4dd0e1);--guide-bg-grid-line: rgba(77, 208, 225, .05);--guide-bg-scan-line: rgba(0, 0, 0, .18);--guide-bg-glow-1: rgba(84, 56, 183, .18);--guide-bg-glow-2: rgba(0, 172, 193, .12)}.technic-guide-root{background:var(--tg-bg);color:var(--tg-text);word-break:keep-all;position:relative;overflow:hidden}.tg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--tg-overline);text-transform:uppercase}.tg-eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tg-overline);box-shadow:0 0 8px currentColor;animation:tg-blink 1.4s ease-in-out infinite}@keyframes tg-blink{0%,to{opacity:1}50%{opacity:.2}}.tg-hero-title-num{color:var(--tg-text-2)}.tg-hero-title-main{background:linear-gradient(135deg,var(--tg-brand-light) 0%,var(--tg-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tg-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--tg-chip-bg);border:1px solid color-mix(in srgb,var(--tg-chip-text) 35%,transparent);color:var(--tg-chip-text)}.tg-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9}.tg-chip.tg-chip-cyan{background:var(--tg-chip-cyan-bg);border-color:color-mix(in srgb,var(--tg-chip-cyan-text) 30%,transparent);color:var(--tg-chip-cyan-text)}.tg-video-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--tg-border);box-shadow:var(--tg-video-shadow);background:var(--tg-bg-2)}.tg-video-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--tg-neon) 4%,transparent) 0%,transparent 30%)}.tg-video-card:after{content:"";position:absolute;top:0;left:0;z-index:2;pointer-events:none;width:20px;height:20px;border-top:2px solid var(--tg-neon);border-left:2px solid var(--tg-neon);border-top-left-radius:20px}.tg-video-corner-br{position:absolute;bottom:0;right:0;z-index:2;pointer-events:none;width:20px;height:20px;border-bottom:2px solid var(--tg-neon);border-right:2px solid var(--tg-neon);border-bottom-right-radius:20px}.tg-video-card iframe{display:block;width:100%;aspect-ratio:16 / 9;border:none}.tg-video-label{position:absolute;top:12px;right:16px;z-index:3;font-size:9px;font-weight:700;letter-spacing:.15em;color:color-mix(in srgb,var(--tg-neon) 60%,transparent);text-transform:uppercase;display:flex;align-items:center;gap:6px}.tg-video-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tg-neon);box-shadow:0 0 6px currentColor;animation:tg-blink 1.4s ease-in-out infinite}.tg-stat-cell{background:var(--tg-stat-bg);border:1px solid var(--tg-border-soft);border-radius:16px;padding:28px 20px;text-align:center;position:relative;transition:background .25s,border-color .25s}.tg-stat-cell:hover{border-color:var(--tg-border)}.tg-stat-cell:before{content:"";position:absolute;top:10px;left:10px;width:6px;height:6px;border-radius:50%;background:var(--tg-trace-dot-cyan);box-shadow:0 0 4px currentColor}.tg-stat-value{font-size:clamp(22px,3vw,32px);font-weight:900;letter-spacing:-.03em;line-height:1;background:var(--tg-stat-value);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tg-conn-card{background:var(--tg-card-bg);border:1px solid var(--tg-border-soft);border-radius:20px;overflow:hidden;transition:border-color .2s,transform .2s}.tg-conn-card:hover{border-color:var(--tg-border);transform:translateY(-2px)}.tg-conn-card-img{aspect-ratio:43 / 24;background:linear-gradient(135deg,color-mix(in srgb,var(--tg-brand) 12%,transparent),color-mix(in srgb,var(--tg-cyan) 6%,transparent));position:relative;overflow:hidden}.tg-conn-card-img:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(color-mix(in srgb,var(--tg-neon) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tg-neon) 7%,transparent) 1px,transparent 1px);background-size:24px 24px}.tg-conn-card-img img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.tg-sw-panel{background:var(--tg-card-bg);border-radius:16px;padding:24px;cursor:pointer;transition:all .2s;border:1px solid var(--tg-border-soft)}.tg-sw-panel.active{border:2px solid color-mix(in srgb,var(--tg-brand) 60%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--tg-brand) 15%,transparent)}.tg-sw-panel.inactive{opacity:.5}.tg-sw-checklist{border-radius:16px;padding:24px;background:color-mix(in srgb,var(--tg-neon) 4%,var(--tg-card-bg));border:1px solid var(--tg-border-soft)}.tg-step-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;-webkit-appearance:none;appearance:none}.tg-step-tab.active{background:linear-gradient(to right,var(--tg-brand),var(--tg-cyan));color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--tg-brand) 40%,transparent)}.tg-step-tab.inactive{background:var(--tg-card-bg);border:1px solid var(--tg-border-soft);color:var(--tg-text-2)}.tg-step-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:#ffffff14}.tg-step-tab.active .tg-step-num{background:#fff3}.tg-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.tg-reveal.tg-reveal-visible{opacity:1;transform:translateY(0)}.tg-reveal-delay-1{transition-delay:.12s}.tg-reveal-delay-2{transition-delay:.24s}