:root{--guide-primary: var(--primary);--guide-primary-light: rgba(var(--primary-rgb), .08);--guide-bg: var(--bg);--guide-card-bg: var(--white);--guide-border: var(--border);--guide-text-dark: var(--text-dark);--guide-text-light: var(--text-light);--guide-shadow: 0 20px 50px rgba(0, 0, 0, .05);--guide-shadow-hover: 0 30px 60px rgba(0, 0, 0, .1);--guide-radius: 24px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn-platform-switch:focus-visible,.help-toggle-btn:focus-visible,.help-tab-btn:focus-visible,.btn-download-tv:focus-visible,.smart-header-card:focus-visible{outline:3px solid var(--guide-primary);outline-offset:4px}.btn-platform-switch,.help-toggle-btn,.help-tab-btn,.btn-download-tv{min-height:48px}.guide-hero{padding:clamp(120px,16vh,160px) 24px clamp(60px,10vh,90px);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.guide-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--primary-rgb),.08) 0%,transparent 50%);pointer-events:none;z-index:0}.guide-hero h1{font-family:var(--font-heading);font-size:clamp(2.25rem,6.5vw,4.25rem);font-weight:800;color:var(--text-dark);letter-spacing:-.03em;line-height:1.15;margin-bottom:20px;position:relative;z-index:1}.guide-hero p{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-light);max-width:680px;margin:0 auto;line-height:1.65;position:relative;z-index:1}.guide-section{max-width:var(--max-width);margin:0 auto;padding:80px 24px;transition:padding .4s ease,opacity .4s ease;scroll-margin-top:calc(var(--nav-height, 80px) + var(--campaign-banner-height, 0px) + 24px)!important}.guide-section.is-collapsed{padding:20px 24px!important}.guide-section+.guide-section{padding-top:0}.guide-smart-header{height:auto!important;margin-top:24px!important;margin-bottom:24px!important;display:none}.guide-section.is-collapsed .guide-smart-header{display:block;animation:fadeInDown .5s ease-out forwards}.guide-section.is-collapsed .guide-adaptive-content{display:none!important}.smart-header-card{height:auto!important;background:var(--surface);border:1px solid var(--border);padding:32px 40px!important;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:var(--shadow)}.smart-header-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.smart-header-info{display:flex;align-items:center;gap:20px}.smart-header-icon{width:56px;height:56px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.smart-header-text h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-dark);margin:0 0 4px}.smart-header-text p{color:var(--text-light);font-size:.95rem;margin:0}.smart-header-action{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--primary)}.section-title-center{text-align:center;margin-bottom:48px;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.section-title-center .badge{margin:0;background:var(--primary-light);color:var(--primary);padding:8px 18px;border-radius:100px;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em;transition:transform .2s ease}.section-title-center .badge:hover{transform:translateY(-1px)}.section-title-center h2{margin:0;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:var(--text-dark);letter-spacing:-.03em;line-height:1.15}.section-title-center p{margin:0;font-size:clamp(1rem,2vw,1.15rem);color:var(--text-light);max-width:620px;line-height:1.6}.platform-pill-switcher{display:flex;background:var(--surface-light);padding:6px;border-radius:100px;margin:0 auto 48px;width:fit-content;gap:6px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-platform-switch{display:flex;align-items:center;gap:10px;padding:10px 24px;min-height:44px;border-radius:100px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease}.btn-platform-switch:hover{color:var(--primary);background:var(--primary-light)}[data-theme=dark] .btn-platform-switch:hover:not(.active),[data-theme=dark] .switcher-btn:hover:not(.active){background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important}.btn-platform-switch.active{background:var(--surface);color:var(--primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-platform-switch.active:hover{color:var(--primary);background:var(--surface)}.btn-platform-switch img{width:18px;height:18px;opacity:.95;transition:transform .2s ease}.btn-platform-switch.active img{transform:scale(1.08);opacity:1!important}.platform-pill-switcher .switcher-btn img,.platform-pill-switcher .switcher-btn.active img{-webkit-filter:none!important;filter:none!important;opacity:1!important}.pc-guide-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr 1.2fr;gap:48px;box-shadow:var(--shadow);transition:all .3s ease}.pc-guide-card.hidden{display:none!important}.pc-download-info{background:var(--surface-light);padding:32px 24px;border-radius:var(--radius);text-align:center;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.pc-download-info h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-dark);margin-bottom:8px}.pc-download-info p{font-size:.95rem;color:var(--text-light);line-height:1.5;margin-bottom:12px}.guide-detected-badge{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.15);padding:6px 14px;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}.tv-logo{height:54px;max-width:100%;width:auto;object-fit:contain;margin-bottom:16px;display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.tv-logo:hover{transform:translateY(-2px) scale(1.04)}.tv-logo.logo-platform{height:46px}[data-theme=dark] .tv-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}[data-theme=dark] .tv-logo[src*="apple.svg"]{filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(255,255,255,.2))}.btn-download-tv{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);text-decoration:none;padding:16px 28px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:1.05rem;font-weight:700;width:100%;margin:16px 0 12px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)}.btn-download-tv:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--primary-rgb),.35)}.download-note{font-size:.82rem;color:var(--text-muted);margin:0 0 16px!important}.official-download-container{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border);width:100%;text-align:center}.official-download-text{font-size:.85rem;color:var(--text-muted);margin-bottom:8px!important;line-height:1.4}.official-download-link{font-size:.88rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.download-trust-box{margin-top:20px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;width:100%}.download-trust-box h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-dark);margin:0 0 12px;display:flex;align-items:center;gap:8px}.download-trust-box h4 svg,.download-trust-box h4 i{color:#22c55e}.download-trust-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.download-trust-box li{font-size:.85rem;color:var(--text-light);display:flex;align-items:flex-start;gap:10px;line-height:1.5}.download-trust-box li span{flex:1}.download-trust-box li svg,.download-trust-box li i{color:var(--primary);width:18px;height:18px;min-width:18px;flex-shrink:0;margin-top:2px}.download-help-callout{margin-top:14px;padding:16px;background:var(--primary-light);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-sm);display:flex;align-items:center;gap:14px;text-align:left;width:100%}.download-help-callout svg,.download-help-callout i{color:var(--primary);width:24px;height:24px;flex-shrink:0}.download-help-callout strong{font-size:.88rem;color:var(--text-dark);display:block;margin-bottom:2px}.download-help-callout p{font-size:.82rem;color:var(--text-light);margin:0!important}.download-help-callout a{color:var(--primary);font-weight:700;text-decoration:underline}.official-download-link:hover{color:var(--primary-dark)}.btn-app-store-pill{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:16px;text-decoration:none;width:100%;margin:24px 0;transition:all .3s ease}.btn-android-green{background:#3ddc84;color:#000}.btn-apple-black{background:#000;color:#fff}[data-theme=dark] .btn-apple-black{background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .btn-apple-black:hover{background:#334155;border-color:#ffffff59}.store-info{display:flex;flex-direction:column;text-align:left}.store-info span:first-child{font-size:.75rem;opacity:.8}.store-info span:last-child{font-size:1.1rem;font-weight:800}.step-v-container{display:flex;flex-direction:column;gap:36px;position:relative}.step-v-container:before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,var(--primary),var(--border));opacity:.6;z-index:0}.step-v-item{display:flex;gap:20px;position:relative;z-index:1;align-items:flex-start;transition:transform .25s ease}.step-v-item:hover{transform:translate(4px)}.step-v-number{position:relative;z-index:2;width:48px;height:48px;background:var(--surface);border:2px solid var(--primary);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.2rem;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.step-v-item:hover .step-v-number{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-color:transparent;transform:scale(1.06);box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)}.step-v-content h4{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-dark);margin:0 0 6px;line-height:1.3}.step-v-content p{color:var(--text-light);font-size:.95rem;margin:0;line-height:1.65}.detailed-help-section{grid-column:1 / -1;margin-top:36px;border-top:1px solid var(--border);padding-top:36px}.help-toggle-btn{display:flex;align-items:center;gap:12px;background:var(--surface-light);color:var(--primary);border:1px solid var(--border);padding:14px 24px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease;margin-bottom:24px}.help-toggle-btn:hover,.help-toggle-btn.active{background:var(--primary-light);border-color:rgba(var(--primary-rgb),.3);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.help-toggle-btn svg{transition:transform .3s ease}.help-toggle-btn.active svg{transform:rotate(180deg)}.help-content-wrapper{display:none;animation:fadeIn .5s ease}.help-content-wrapper.active{display:block}.help-sub-switcher{display:flex;background:var(--surface-light);padding:5px;border-radius:var(--radius-sm);border:1px solid var(--border);width:fit-content;margin-bottom:28px;gap:4px}.help-tab-btn{padding:10px 20px;border:1px solid transparent;background:transparent;border-radius:var(--radius-xs, 8px);font-family:var(--font-heading);font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;color:var(--text-muted)}.help-tab-btn:hover:not(.active){color:var(--primary);background:rgba(var(--primary-rgb),.12)}.help-tab-btn.active{background:var(--surface);color:var(--primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.help-view{display:none}.help-view.active{display:block}.help-card{background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,3vw,36px);box-shadow:var(--shadow-sm)}.help-card h3{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-dark)}.help-card h3 svg,.help-card h3 i{color:var(--primary);flex-shrink:0}.visual-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.visual-step{background:var(--surface-light);padding:24px;border-radius:var(--radius);border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.visual-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.v-step-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.v-step-number{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.v-step-text h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0 0 4px;line-height:1.3}.v-step-text p{font-size:.92rem;color:var(--text-light);margin:0;line-height:1.55}.v-step-image{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);aspect-ratio:16/10;cursor:zoom-in}.v-step-image:after{content:attr(data-hint);position:absolute;bottom:10px;right:10px;background:#0f172ae0!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;padding:5px 12px;border-radius:100px;font-size:.75rem;font-weight:600;opacity:0;transform:translateY(4px);transition:all .25s ease;pointer-events:none;box-shadow:0 4px 12px #0006}.v-step-image:hover:after{opacity:1;transform:translateY(0)}.v-step-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.v-step-image:hover img{transform:scale(1.04)}.security-note{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-left:4px solid #22c55e;padding:18px 22px;border-radius:12px;display:flex;gap:14px;align-items:flex-start;margin:32px 0}.security-note svg,.security-note i{color:#22c55e;width:22px;height:22px;flex-shrink:0;margin-top:2px}.security-note p{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-dark)}.security-note strong{font-weight:700;color:var(--text-dark)}.security-note.info-note{background:#2563eb14;border-color:#2563eb33;border-left-color:var(--primary)}.security-note.info-note svg,.security-note.info-note i{color:var(--primary)}@media(max-width:480px){.security-note{padding:14px 16px;gap:12px;border-radius:10px}}.video-container{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9;border:1px solid var(--border);box-shadow:var(--shadow-md)}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#0000004d,#000000bf);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .3s ease}.play-circle-btn{width:76px;height:76px;background:#ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #0006;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease}.video-overlay:hover .play-circle-btn{transform:scale(1.12);background:#ffffff61;border-color:#fff;box-shadow:0 14px 40px #00000080}.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);gap:12px;padding:32px 20px;text-align:center}.video-placeholder svg,.video-placeholder i{color:var(--primary);width:36px;height:36px}.lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f19e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.lightbox-modal.active{opacity:1;visibility:visible;pointer-events:auto}.lightbox-modal img{max-width:92vw;max-height:88vh;border-radius:var(--radius);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 60px #0009;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.lightbox-modal.active img{transform:scale(1)}.lightbox-close{position:absolute;top:28px;right:28px;width:44px;height:44px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.5rem;font-family:system-ui,-apple-system,sans-serif;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 0 2px;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 20px #00000059;z-index:100001}.lightbox-close:hover{transform:scale(1.08);background:#ffffff4d;color:#fff}.lightbox-close:focus-visible{outline:3px solid var(--primary-light, #60a5fa);outline-offset:3px}@media(max-width:1024px){.pc-guide-card{grid-template-columns:1fr;padding:40px;gap:40px}}@media(max-width:768px){.guide-section{padding:80px 20px 40px}.pc-guide-card,.pc-download-info{padding:32px 20px}.smart-header-card{padding:24px;flex-direction:column;text-align:center;gap:20px}.smart-header-info{flex-direction:column}.section-title-center{margin-top:40px!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.section-title-center h2{font-size:2.25rem;line-height:1.2!important;margin-bottom:6px!important}.section-title-center p{line-height:1.4!important;margin-top:0!important}.section-title-center .badge{margin-bottom:10px!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .pc-download-info{background:var(--bg)!important;border-color:var(--border)!important}[data-theme=dark] .help-sub-switcher{background:var(--bg)!important;border:1px solid var(--border)!important}[data-theme=dark] .visual-step{background:var(--bg)!important;border-color:var(--border)!important}[data-theme=dark] .security-note{background:#22c55e1f;border-color:#22c55e4d;border-left-color:#22c55e}[data-theme=dark] .security-note p{color:var(--text-dark)}[data-theme=dark] .security-note strong{color:#86efac}[data-theme=dark] .security-note.info-note{background:#2563eb26;border-color:#2563eb4d;border-left-color:#60a5fa}[data-theme=dark] .security-note.info-note svg,[data-theme=dark] .security-note.info-note i{color:#60a5fa}[data-theme=dark] .security-note.info-note strong{color:#93c5fd}[data-theme=dark] .guide-detected-badge{background:#10b98126!important;color:#34d399!important}.btn-apple-black img[src*="apple.svg"],.btn-apple-black img[src*=apple],[data-theme=dark] .btn-platform-switch img[src*=apple],[data-theme=dark] .switcher-btn img[src*=apple],[data-theme=dark] .pc-download-info img[src*=apple],[data-theme=dark] img[src*="teamviewer.svg"],[data-theme=dark] .tv-logo[src*=teamviewer]{filter:brightness(0) invert(1)!important}[data-theme=dark] .btn-apple-black{background:#1e293b!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}[data-theme=dark] .btn-apple-black:hover{background:#334155!important;border-color:#ffffff4d!important}@media(max-width:320px){.guide-hero{padding:80px 12px 40px!important}.guide-hero h1{font-size:1.5rem!important}.guide-section{padding:40px 8px 20px!important}.pc-guide-card{padding:16px 10px!important;gap:20px!important;border-radius:16px!important}.pc-download-info{padding:20px 10px!important}.platform-pill-switcher{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:360px!important;margin:0 auto 30px!important;gap:4px!important;padding:4px!important;border-radius:100px!important}.btn-platform-switch{width:100%!important;justify-content:center!important;padding:10px 12px!important;font-size:.88rem!important;gap:8px!important;border-radius:100px!important;white-space:nowrap!important}.smart-header-card{padding:16px 10px!important;gap:12px!important;border-radius:16px!important}.smart-header-icon{width:48px!important;height:48px!important}.step-v-container{gap:24px!important}.step-v-container:before{left:17px!important;top:36px!important}.step-v-item{gap:12px!important}.step-v-number{width:36px!important;height:36px!important;font-size:1rem!important;border-radius:10px!important}.btn-download-tv{padding:12px 16px!important;font-size:.95rem!important;border-radius:12px!important;margin:16px 0!important;gap:8px!important}.btn-download-tv svg,.btn-download-tv i{width:18px!important;height:18px!important}.help-toggle-btn{padding:10px 16px!important;font-size:.9rem!important;width:100%!important;justify-content:center!important}.help-sub-switcher{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:360px!important;margin:0 auto 20px!important;gap:4px!important;padding:4px!important;border-radius:14px!important}.help-tab-btn{width:100%!important;justify-content:center!important;padding:9px 10px!important;font-size:.85rem!important;border-radius:10px!important;white-space:nowrap!important}.visual-steps{grid-template-columns:1fr!important;gap:16px!important}.visual-step{padding:16px 12px!important;border-radius:12px!important}}
