@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@100;300;400;500;600;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-brand-start: #00B4E8;--color-brand-end: #8B2FC9;--gradient-brand: linear-gradient(135deg, #00B4E8 0%, #8B2FC9 100%);--gradient-brand-v: linear-gradient(180deg, #00B4E8 0%, #8B2FC9 100%);--gradient-brand-text: linear-gradient(135deg, #22d3ee 0%, #a855f7 100%);--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #8B2FC9;--color-purple-800: #6b21a8;--color-navy-950: #020c1b;--color-navy-900: #0b1e3d;--color-navy-800: #0f2548;--color-navy-700: #162f5a;--color-navy-600: #1e3e6e;--color-navy-500: #2a5490;--color-navy-400: #3a6ab5;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-gold-200: #fde68a;--color-gold-300: #fcd34d;--color-gold-400: #fbbf24;--color-gold-500: #f59e0b;--color-gold-600: #d97706;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--bg-primary: var(--color-navy-900);--bg-secondary: var(--color-navy-800);--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-overlay: rgba(11, 30, 61, .85);--text-primary: #ffffff;--text-secondary: var(--color-slate-300);--text-muted: var(--color-slate-400);--text-accent: var(--color-cyan-400);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-accent: var(--color-cyan-500);--accent-primary: var(--color-cyan-500);--accent-secondary: var(--color-gold-500);--accent-esg: var(--color-teal-500);--bg-light: var(--color-slate-50);--bg-light-surface: #ffffff;--text-on-light: var(--color-navy-900);--text-on-light-2: var(--color-slate-600);--border-light: rgba(11, 30, 61, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 24px rgba(11, 30, 61, .14);--shadow-lg: 0 8px 48px rgba(11, 30, 61, .2);--shadow-xl: 0 16px 64px rgba(11, 30, 61, .28);--shadow-glow: 0 0 24px rgba(6, 182, 212, .25);--shadow-glow-gold: 0 0 24px rgba(245, 158, 11, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--font-wordmark: "Orbitron", sans-serif;--font-display: "Barlow Condensed", "Noto Sans TC", sans-serif;--font-heading: "Barlow", "Noto Sans TC", sans-serif;--font-body: "Barlow", "Noto Sans TC", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-zh-sans: "Noto Sans TC", sans-serif;--font-zh-display: "Noto Sans TC", sans-serif;--zh-fw-display: 900;--zh-fw-heading: 500;--zh-fw-body: 300;--zh-display: clamp(36px, 4vw, 56px);--zh-h1: clamp(28px, 3.5vw, 44px);--zh-h2: clamp(22px, 2.5vw, 32px);--zh-h3: clamp(18px, 2vw, 24px);--zh-body-lg: 20px;--zh-body: 17px;--zh-body-sm: 15px;--zh-caption: 13px;--zh-lh-display: 1.2;--zh-lh-heading: 1.4;--zh-lh-body: 1.9;--zh-lh-caption: 1.7;--zh-ls-display: .08em;--zh-ls-heading: .04em;--zh-ls-body: .02em;--zh-ls-label: .12em;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--lh-loose: 1.8;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .08em;--ls-widest: .14em;--text-display: clamp(56px, 7vw, 96px);--text-h1: clamp(40px, 5vw, 64px);--text-h2: clamp(28px, 3.5vw, 48px);--text-h3: clamp(20px, 2.5vw, 32px);--text-h4: clamp(18px, 2vw, 24px);--text-lg: 18px;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--text-data: clamp(40px, 5vw, 72px);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-transform:uppercase}h1,.h1{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}h2,.h2{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}h3,.h3{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}h4,.h4{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--fw-medium);line-height:var(--lh-normal)}p,.body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--text-secondary)}.body-lg{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--fw-regular);line-height:var(--lh-relaxed)}.text-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--lh-normal)}.text-xs{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--ls-wide);line-height:var(--lh-normal)}.text-data{font-family:var(--font-mono);font-size:var(--text-data);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-cyan-400)}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent-primary)}code,.mono{font-family:var(--font-mono);font-size:.9em}.bg-dark{background-color:var(--bg-primary)}.bg-light{background-color:var(--bg-light)}.bg-surface{background-color:var(--bg-surface)}.text-white{color:#fff}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-gold{color:var(--accent-secondary)}.text-esg{color:var(--accent-esg)}.text-dark{color:var(--text-on-light)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 32px;background:var(--accent-primary);color:var(--color-navy-900);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary:hover{background:var(--color-cyan-400);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 32px;background:transparent;color:#fff;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-ghost-light{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 28px;background:transparent;color:var(--text-on-light);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-medium);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-ghost-light:hover{border-color:var(--color-navy-500);background:var(--color-navy-900);color:#fff}.card-dark{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card-dark:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-light{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card-light:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;border-radius:var(--radius-pill)}.badge-cyan{background:#06b6d426;color:var(--color-cyan-400);border:1px solid rgba(6,182,212,.3)}.badge-gold{background:#f59e0b26;color:var(--color-gold-400);border:1px solid rgba(245,158,11,.3)}.badge-teal{background:#14b8a626;color:var(--color-teal-400);border:1px solid rgba(20,184,166,.3)}.badge-navy{background:#ffffff14;color:var(--color-slate-300);border:1px solid rgba(255,255,255,.12)}.zh-display{font-family:var(--font-zh-sans);font-size:var(--zh-display);font-weight:900;line-height:var(--zh-lh-display);letter-spacing:var(--zh-ls-display)}.zh-h1{font-family:var(--font-zh-sans);font-size:var(--zh-h1);font-weight:700;line-height:var(--zh-lh-heading);letter-spacing:var(--zh-ls-heading)}.zh-h2{font-family:var(--font-zh-sans);font-size:var(--zh-h2);font-weight:600;line-height:var(--zh-lh-heading);letter-spacing:var(--zh-ls-heading)}.zh-h3{font-family:var(--font-zh-sans);font-size:var(--zh-h3);font-weight:600;line-height:var(--zh-lh-heading)}.zh-body-lg{font-family:var(--font-zh-sans);font-size:var(--zh-body-lg);font-weight:400;line-height:var(--zh-lh-body);letter-spacing:var(--zh-ls-body)}.zh-body{font-family:var(--font-zh-sans);font-size:var(--zh-body);font-weight:400;line-height:var(--zh-lh-body);letter-spacing:var(--zh-ls-body)}.zh-caption{font-family:var(--font-zh-sans);font-size:var(--zh-caption);font-weight:400;line-height:var(--zh-lh-caption);color:var(--text-muted)}.zh-serif{font-family:var(--font-zh-serif);font-size:var(--zh-body-lg);font-weight:400;line-height:var(--zh-lh-body);letter-spacing:var(--zh-ls-body)}.zh-serif-display{font-family:var(--font-zh-serif);font-size:var(--zh-h1);font-weight:700;line-height:var(--zh-lh-heading);letter-spacing:var(--zh-ls-heading)}.zh-label{font-family:var(--font-zh-sans);font-size:var(--zh-caption);font-weight:600;letter-spacing:var(--zh-ls-label);color:var(--accent-primary)}.zh-thin{font-family:var(--font-zh-sans);font-weight:100;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050e1f;color:#fff;font-family:var(--font-body),"Noto Sans TC",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#050e1f}::-webkit-scrollbar-thumb{background:#1e3e6e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-500)}input::placeholder,textarea::placeholder{color:#94a3b866}button{font-family:inherit}a{text-decoration:none}.tl-stage{min-height:100vh;background:radial-gradient(1200px 600px at 70% -5%,rgba(139,47,201,.1),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(6,182,212,.1),transparent 55%),#050e1f}.tl-stage.phone-mode{display:flex;justify-content:center;padding:28px 0;background:radial-gradient(800px 500px at 50% 0%,rgba(6,182,212,.08),transparent 60%),#02060f}.tl-phone-frame{width:414px;max-width:100%;height:860px;border:8px solid #0b1424;border-radius:44px;box-shadow:0 30px 80px #0009,0 0 0 2px #1e3e6e;overflow:hidden;position:relative;background:#050e1f}.tl-phone-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.tl-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:26px;background:#0b1424;border-radius:0 0 16px 16px;z-index:60}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}}.grad-text{background:var(--gradient-brand-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-cyan-400)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-cyan-400)}.tl-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);border:none;white-space:nowrap}.tl-btn-primary{background:var(--color-cyan-500);color:var(--color-navy-900);padding:15px 32px;font-size:15px}.tl-btn-primary:hover{background:var(--color-cyan-400);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.tl-btn-primary:active{transform:scale(.98)}.tl-btn-ghost{background:transparent;color:#fff;padding:15px 30px;font-size:15px;border:1.5px solid rgba(255,255,255,.2)}.tl-btn-ghost:hover{border-color:var(--color-cyan-500);color:var(--color-cyan-400)}.tl-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.tl-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.tl-input,.tl-textarea{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);font-size:14px;color:#fff;outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.tl-input:focus,.tl-textarea:focus{border-color:var(--color-cyan-500);box-shadow:0 0 0 3px #06b6d426}.tl-textarea{resize:vertical;min-height:96px}.tl-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--color-slate-300);cursor:pointer;transition:all var(--transition-fast)}.tl-chip:hover{border-color:#06b6d480;color:#fff}.tl-chip.on{background:#06b6d429;border-color:var(--color-cyan-500);color:var(--color-cyan-300)}.tl-navlink{font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--color-slate-300);letter-spacing:.02em;padding:6px 0;position:relative;cursor:pointer;background:none;border:none;transition:color var(--transition-fast);white-space:nowrap}.tl-navlink:hover,.tl-navlink.active{color:#fff}.tl-navlink.active:after{right:0}.tl-navlink:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--gradient-brand);transition:right var(--transition-base)}.tl-navlink:hover:after{right:0}.tl-lang{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);overflow:hidden;font-family:var(--font-mono);font-size:12px}.tl-lang button{background:transparent;border:none;color:var(--color-slate-300);padding:5px 12px;cursor:pointer;transition:all var(--transition-fast)}.tl-lang button.on{background:var(--gradient-brand);color:#fff}.tl-section{padding:96px 0}.tl-inner{max-width:1240px;margin:0 auto;padding:0 40px}.tl-section.phone{padding:56px 0}.tl-inner.phone{padding:0 20px}.tl-pin-pulse{transform-box:fill-box;transform-origin:center;animation:pinPulse 2.4s ease-out infinite}@keyframes pinPulse{0%{opacity:.5;transform:scale(.6)}70%{opacity:0;transform:scale(1.8)}to{opacity:0}}@media (prefers-reduced-motion: reduce){.tl-pin-pulse{animation:none}}.tl-preview-ctrl{position:fixed;left:16px;bottom:16px;z-index:9000;display:flex;gap:8px;align-items:center;background:#0b1e3dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:6px 8px}.tl-preview-ctrl button{background:transparent;border:none;color:var(--color-slate-300);font-family:var(--font-mono);font-size:11px;padding:6px 12px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.tl-preview-ctrl button.on{background:var(--color-cyan-500);color:var(--color-navy-900)}.tl-logo{display:inline-flex;align-items:center;gap:12px}.tl-logo img{display:block}.tl-logo .wm{font-family:var(--font-wordmark);font-weight:700;letter-spacing:.04em;line-height:1}.tl-logo .wm .zh{font-family:var(--font-zh-sans);font-weight:500;letter-spacing:.2em}.tl-totop{position:fixed;right:18px;bottom:18px;z-index:7000;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#081226b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,211,238,.4);color:var(--color-cyan-300);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),border-color var(--transition-fast)}.tl-totop.show{opacity:1;pointer-events:auto;transform:none}.tl-totop:hover{border-color:var(--color-cyan-400);color:#fff}.tl-totop.in-frame{position:absolute;right:14px;bottom:14px;z-index:50}.tl-modal-close{width:40px;height:40px;border-radius:50%;background:#0812268c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#ffffffeb;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.tl-modal-close:hover{background:#081226d9;border-color:var(--color-cyan-400)}.tl-modal-nav{width:38px;height:38px;border-radius:50%;background:#08122680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tl-modal-nav:hover{background:#081226d9;border-color:var(--color-cyan-400);color:#fff}.tl-gal-dot{width:7px;height:7px;border-radius:50%;cursor:pointer;background:#fff6;transition:background .3s,transform .3s;border:none;padding:0}.tl-gal-dot.on{background:#22d3ee;transform:scale(1.2)}.tl-input.err,.tl-textarea.err{border-color:#f43f5ea6}.tl-field-err{font-family:var(--font-body);font-size:11.5px;color:#fb7185}.tl-sent-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:10px;background:#14b8a614;border:1px solid rgba(20,184,166,.3);font-family:var(--font-body);font-size:13px;color:var(--color-teal-300, #5eead4)}.tl-copy-btn{font-family:var(--font-mono);font-size:11px;padding:5px 11px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:border-color var(--transition-fast)}.tl-copy-btn:hover{border-color:var(--color-teal-400)}.tl-prod-card .tl-prod-img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.tl-prod-card:hover .tl-prod-img{transform:scale(1.06)}.tl-map3d{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#050e1f}.tl-map3d .maplibregl-canvas{outline:none}.tl-map3d .maplibregl-ctrl-attrib{font-size:9px;background:#050e1f8c!important}.tl-map3d .maplibregl-ctrl-attrib a{color:#94a3b8bf}.tl-map3d .maplibregl-ctrl-logo{display:none}.tl-site-pin{position:relative;width:14px;height:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tl-site-pin .core{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#67e8f9,#0891b2);border:2px solid #061427;box-shadow:0 0 0 1px #67e8f980,0 4px 10px #00000080;transition:all .25s ease;position:relative;z-index:2}.tl-site-pin .ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid rgba(103,232,249,0)}.tl-site-pin .label{position:absolute;left:50%;bottom:150%;transform:translate(-50%) translateY(4px);white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:#fff;background:#061226e6;border:1px solid rgba(103,232,249,.35);padding:3px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:all .25s ease;box-shadow:0 6px 18px #00000080}.tl-site-pin:hover .label,.tl-site-pin.on .label{opacity:1;transform:translate(-50%) translateY(0)}.tl-site-pin:hover .core{transform:scale(1.18)}.tl-site-pin.on .core{background:radial-gradient(circle at 35% 30%,#a5f3fc,#06b6d4);box-shadow:0 0 0 2px #67e8f999,0 0 18px 4px #22d3eea6,0 4px 10px #00000080}.tl-site-pin.on .ring{animation:sitePulse 2.2s ease-out infinite;border-color:#67e8f98c}@keyframes sitePulse{0%{transform:scale(.7);opacity:.7}70%{transform:scale(2.6);opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){.tl-site-pin.on .ring{animation:none}}.tl-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.tl-shot.on{opacity:1}.tl-rmap-plane{animation:mapFade .7s ease;backface-visibility:hidden}.tl-rmap-plane img{backface-visibility:hidden}@keyframes mapFade{0%{opacity:0}to{opacity:1}}.tl-deep{overflow:hidden;border-radius:inherit;perspective:880px;perspective-origin:50% 46%}.tl-deep-plane{position:absolute;left:50%;top:50%;transform-origin:50% 50%;transform:translate(-50%,-50%) scale(0);will-change:transform;box-shadow:0 40px 90px -30px #020814cc}.tl-deep-mapcanvas{display:block;width:100%;height:100%}.tl-deep-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 50% 46%,#08122600 52%,#060e1ea8);box-shadow:inset 0 0 0 1px #67e8f914}.tl-deep-marker{position:absolute;left:50%;top:46%;width:0;height:0;z-index:4;opacity:0;will-change:transform,opacity}.tl-deep-marker .dot{position:absolute;left:0;top:0;width:26px;height:26px;margin-left:-13px;margin-top:-38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#a5f3fc,#06b6d4);border:2.5px solid #fff;box-shadow:0 10px 22px #02081499}.tl-deep-marker .dot:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff}.tl-deep-marker .pulse{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px;border-radius:50%;background:#06b6d452;animation:deepPulse 2.4s ease-out infinite}@keyframes deepPulse{0%{transform:scale(.5);opacity:.8}70%{transform:scale(3.2);opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){.tl-deep-marker .pulse{animation:none}}.tl-deep-label{position:absolute;left:14px;bottom:12px;z-index:6;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:#d8f4fb;background:#08162cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(103,232,249,.28);padding:5px 12px;border-radius:999px;box-shadow:0 4px 14px #02081466;transition:opacity .3s ease;pointer-events:none}.tl-map-hint{position:absolute;left:14px;top:12px;z-index:5;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:#e2e8f0d1;background:#0612269e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.1);pointer-events:none}.tl-map-hint.light{color:#0b1e3dd1;background:#ffffffdb;border-color:#0b1e3d1f}.tl-back-globe{position:absolute;right:12px;top:12px;z-index:7;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:#0b1e3d;background:#ffffffeb;padding:7px 13px;border-radius:999px;border:1px solid rgba(11,30,61,.12);box-shadow:0 6px 18px #08122647;cursor:pointer;transition:all var(--transition-fast)}.tl-back-globe:hover{background:#fff;border-color:var(--color-cyan-500);color:#0891b2}.tl-back-globe span{font-size:13px;line-height:1}.tl-loc-group{display:flex;flex-direction:column;gap:10px}.tl-loc-reg{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#4b658a;margin-bottom:7px}.tl-loc-row{display:flex;flex-wrap:wrap;gap:8px}.tl-loc-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--color-slate-300);font-family:var(--font-body);font-size:12.5px;line-height:1;cursor:pointer;transition:all var(--transition-fast)}.tl-loc-btn .pin{width:8px;height:8px;border-radius:50%;background:#1d4368;border:1px solid rgba(120,170,220,.5);transition:all var(--transition-fast);flex:none}.tl-loc-btn:hover{border-color:#22d3ee80;color:#fff;background:#22d3ee12}.tl-loc-btn:hover .pin{background:#22d3ee;border-color:#22d3ee}.tl-loc-btn.on{background:#06b6d429;border-color:var(--color-cyan-500);color:#fff}.tl-loc-btn.on .pin{background:radial-gradient(circle at 35% 30%,#a5f3fc,#06b6d4);border-color:#67e8f9;box-shadow:0 0 0 3px #22d3ee38}.tl-circuit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.tl-circuit .trace{fill:none;stroke:var(--color-cyan-600);stroke-width:1.1;opacity:.16}.tl-circuit .surge{fill:none;stroke:var(--color-cyan-500);stroke-width:1.5;opacity:0;animation:tlSurge 9s ease-in-out infinite}.tl-circuit .pulse{fill:none;stroke:var(--color-cyan-300);stroke-width:2;stroke-linecap:round;stroke-dasharray:.016 .984;stroke-dashoffset:1;filter:drop-shadow(0 0 5px var(--color-cyan-400));animation:tlFlow var(--dur, 6s) linear infinite;animation-delay:var(--dly, 0s)}.tl-circuit .node{fill:var(--color-cyan-400);opacity:.3;animation:tlFlicker 4s ease-in-out infinite}@keyframes tlFlow{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tlFlicker{0%,to{opacity:.22}50%{opacity:.85}}@keyframes tlSurge{0%,78%,to{opacity:0}84%{opacity:.5}90%{opacity:.12}95%{opacity:.4}}@media (prefers-reduced-motion: reduce){.tl-circuit .pulse,.tl-circuit .surge{animation:none;opacity:0}.tl-circuit .node{animation:none;opacity:.4}}.tl-spark-cyan,.tl-spark-purple{background:none!important;-webkit-text-fill-color:currentColor;will-change:color,text-shadow,opacity}.tl-spark-cyan{color:var(--color-cyan-400);text-shadow:0 0 14px rgba(6,182,212,.5),0 0 30px rgba(6,182,212,.24);animation:tlCharge 1.2s ease-out both,tlSparkCycleCyan 9s ease-in-out 1.2s infinite}.tl-spark-purple{color:var(--color-purple-400);text-shadow:0 0 16px rgba(139,47,201,.55),0 0 34px rgba(139,47,201,.26);animation:tlCharge 1.2s ease-out .18s both,tlSparkCyclePurple 9s ease-in-out 1.38s infinite}@keyframes tlSparkCycleCyan{0%,to{color:var(--color-cyan-400);text-shadow:0 0 14px rgba(6,182,212,.52),0 0 30px rgba(6,182,212,.26)}25%{color:var(--color-cyan-300);text-shadow:0 0 18px rgba(34,211,238,.62),0 0 36px rgba(34,211,238,.3)}50%{color:#6a7df0;text-shadow:0 0 18px rgba(106,125,240,.6),0 0 36px rgba(106,125,240,.3)}75%{color:var(--color-purple-400);text-shadow:0 0 20px rgba(139,47,201,.58),0 0 40px rgba(139,47,201,.3)}}@keyframes tlSparkCyclePurple{0%,to{color:var(--color-purple-400);text-shadow:0 0 16px rgba(139,47,201,.55),0 0 34px rgba(139,47,201,.28)}25%{color:#a777e0;text-shadow:0 0 18px rgba(167,119,224,.58),0 0 36px rgba(167,119,224,.3)}50%{color:#6a7df0;text-shadow:0 0 18px rgba(106,125,240,.6),0 0 36px rgba(106,125,240,.3)}75%{color:var(--color-cyan-300);text-shadow:0 0 18px rgba(34,211,238,.6),0 0 36px rgba(34,211,238,.3)}}@keyframes tlCharge{0%{opacity:.15}12%{opacity:1}18%{opacity:.3}26%{opacity:1}34%{opacity:.5}44%{opacity:1}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tl-spark-cyan{animation:none;color:var(--color-cyan-400);text-shadow:0 0 12px rgba(6,182,212,.4)}.tl-spark-purple{animation:none;color:var(--color-purple-400);text-shadow:0 0 12px rgba(139,47,201,.4)}}