.guide-page{--guide-bg: var(--deep);--guide-card: var(--deep-card);--guide-ink: var(--deep-ink);--guide-muted: var(--deep-muted);--guide-line: var(--deep-line);--guide-accent: var(--deep-accent)}.guide-page main{overflow:clip}.guide-page .nav-cta i{display:block;width:15px;height:15px}.guide-page .burger svg{width:22px;height:22px}#install,#controls,#customService,#faq,#support{scroll-margin-top:calc(var(--nav-h) + 18px)}.guide-hero{position:relative;display:flex;align-items:center;min-height:600px;height:70svh;max-height:640px;padding:calc(var(--nav-h) + 20px) 0 42px;overflow:hidden;isolation:isolate}.guide-hero-bg,.guide-hero-veil{position:absolute;inset:0}.guide-hero-bg{z-index:-2;background:#101943}.guide-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.guide-hero-veil{z-index:-1;background:linear-gradient(90deg,rgba(7,10,34,.68) 0%,rgba(7,10,34,.48) 30%,rgba(7,10,34,.16) 47%,transparent 64%),linear-gradient(to top,rgba(10,14,38,.72) 0%,rgba(10,14,38,.12) 24%,transparent 43%),linear-gradient(to bottom,rgba(7,8,26,.55) 0%,transparent 18%)}.guide-hero-inner{position:relative;z-index:1}.guide-hero-copy{width:min(40%,520px)}.guide-hero-copy .eyebrow{color:var(--aqua);border-color:#9fe3f540;background:#9fe3f517}.guide-hero-copy h1{margin-bottom:21px;font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:1.18;letter-spacing:0;text-shadow:0 5px 34px rgba(3,6,24,.5)}.guide-hero-copy>p{max-width:500px;margin-bottom:27px;color:#eef1ffd6;font-size:15.5px;line-height:1.78;text-shadow:0 2px 18px rgba(3,6,24,.6)}.guide-hero-actions{display:flex;gap:13px;margin-bottom:21px}.guide-hero-actions .btn{min-height:48px;padding:13px 25px;font-size:14px}.guide-facts{display:flex;flex-wrap:wrap;gap:18px;color:#eef1ffa8;font-size:12px}.guide-facts span{display:inline-flex;align-items:center;gap:6px}.guide-facts i,.guide-facts svg{width:14px;height:14px;color:var(--ok)}.guide-section{position:relative;padding:72px 0;color:var(--guide-ink)}.guide-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:52px;margin-bottom:38px}.guide-section-head h2,.guide-faq-intro h2,.guide-support h2,.custom-service-copy h2{color:inherit;font-size:32px;font-weight:700;line-height:1.34;letter-spacing:0}.guide-section-head>p{max-width:470px;color:var(--guide-muted);font-size:14px}.guide-section .eyebrow,.guide-faq-section .eyebrow{color:var(--guide-accent);border-color:#a78bfa4d;background:#a78bfa1f}.install-section{z-index:2;margin-top:-24px;padding-top:68px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,var(--guide-bg) 0%,rgba(21,15,49,.72) 14%,transparent 34%)}.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none}.install-step{min-width:0;overflow:hidden;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-card);box-shadow:var(--deep-sh);backdrop-filter:blur(12px)}.tutorial-visual{position:relative;aspect-ratio:2 / 1;min-height:176px;overflow:hidden;border-bottom:1px solid var(--guide-line)}.tutorial-shot{background:#0e0a24}.tutorial-shot img{width:100%;height:100%;object-fit:contain}.demo-bar{display:flex;align-items:center;height:34px;gap:6px;padding:0 13px;border-bottom:1px solid rgba(167,139,250,.14);background:#0c081e80}.demo-bar span{width:7px;height:7px;border-radius:50%;background:#6a5f92}.demo-bar span:first-child{background:#e08585}.demo-bar span:nth-child(2){background:#dfba62}.demo-bar span:nth-child(3){background:#6ec394}.download-demo{background:#100b268c}.download-file{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;width:calc(100% - 46px);margin:39px auto 18px;padding:15px 16px;border:1px solid var(--guide-line);border-radius:7px;background:var(--deep-card-hi);box-shadow:0 8px 20px #06031861}.download-file>i:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;color:var(--pri-3);background:#7c6be838}.download-file>i:first-child svg{width:21px;height:21px}.download-file>i:last-child{color:var(--ok)}.download-file>i:last-child svg{width:19px;height:19px}.download-file b{display:block;overflow:hidden;color:var(--guide-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.download-file small{display:block;margin-top:2px;color:var(--guide-muted);font-size:10.5px}.download-progress{width:calc(100% - 78px);height:4px;margin:0 auto;border-radius:4px;background:#a78bfa2e}.download-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--pri-2)}.install-copy{position:relative;padding:24px 24px 26px}.step-number{display:block;margin-bottom:10px;color:var(--guide-accent);font-family:var(--font-mono);font-size:10.5px}.install-copy h3{margin-bottom:8px;color:var(--guide-ink);font-size:18px;font-weight:600}.install-copy p{color:var(--guide-muted);font-size:13.5px;line-height:1.78}.guide-page code{padding:2px 7px;border-radius:5px;color:var(--deep-accent);background:#a78bfa24;font-family:var(--font-mono);font-size:.9em;overflow-wrap:anywhere}.install-tip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:20px;padding:17px 20px;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-card);backdrop-filter:blur(12px)}.install-tip>i{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--pri-3);background:#7c6be838}.install-tip>i svg{width:19px;height:19px}.install-tip p{color:var(--guide-muted);font-size:12.5px}.install-tip p b{color:var(--guide-ink)}.install-tip a{display:inline-flex;align-items:center;gap:7px;padding-block:6px;color:var(--guide-accent);font-size:12.5px;font-weight:500;white-space:nowrap}.install-tip a svg{width:15px;height:15px}.controls-section{border-top:1px solid var(--guide-line);background:#1b144080}.controls-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:stretch}.desktop-stage{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--guide-line);border-radius:8px;background:linear-gradient(145deg,#0c123314,#ffffff0f),url(../img/hero.webp) center 46% / cover no-repeat;box-shadow:var(--deep-sh)}.desktop-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080c2214,#080c2252);pointer-events:none}.stage-pet{position:absolute;right:310px;bottom:42px;z-index:2;display:grid;place-items:center;width:142px;height:150px;color:#ffffffb3}.stage-pet>svg{width:46px;height:46px}.stage-pet .psprite{width:100%}.context-menu-demo{position:absolute;right:34px;bottom:52px;z-index:3;width:235px;overflow:hidden;border:1px solid rgba(190,197,233,.3);border-radius:8px;color:#eef1ff;background:#0c1231eb;box-shadow:0 18px 42px #02061961;backdrop-filter:blur(18px)}.context-menu-head{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.09)}.context-menu-head i,.context-menu-head svg{width:17px;height:17px;color:var(--aqua)}.context-menu-head b{font-size:13px}.context-menu-demo>span{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:7px 15px;border-bottom:1px solid rgba(255,255,255,.055);color:#eef1ffc7;font-size:11.5px}.context-menu-demo>span:last-child{border-bottom:0}.context-menu-demo kbd,.context-menu-demo small{color:#eef1ff94;font-family:inherit;font-size:11px}.context-menu-demo>span i,.context-menu-demo>span svg{width:13px;height:13px;color:var(--ok)}.context-menu-demo .context-exit{color:#f2a7a7}.stage-taskbar{position:absolute;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;height:34px;gap:8px;padding:0 12px;background:#070c22b8;backdrop-filter:blur(12px)}.stage-taskbar i{width:11px;height:11px;border-radius:3px;background:#ffffff8c}.stage-taskbar time{margin-left:auto;color:#ffffffad;font-family:var(--font-mono);font-size:9px}.control-panel{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-card);box-shadow:var(--deep-sh);backdrop-filter:blur(12px)}.control-list{display:grid;gap:1px;list-style:none}.control-list li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:13px;min-height:62px;padding:10px 0;border-bottom:1px solid var(--guide-line)}.control-list li:last-child{border-bottom:0}.control-list>li>i{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;color:var(--pri-3);background:#7c6be838}.control-list>li>i svg{width:19px;height:19px}.control-list b{display:block;margin-bottom:2px;color:var(--guide-ink);font-size:13.5px;font-weight:600}.control-list span{display:block;color:var(--guide-muted);font-size:11.5px}.gesture-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:20px}.gesture-row div{padding:12px 8px;border:1px solid var(--guide-line);border-radius:7px;text-align:center;background:#7c6be81a}.gesture-row b{display:block;color:var(--guide-accent);font-size:12px}.gesture-row span{color:var(--guide-muted);font-size:10.5px}.custom-service-section{position:relative;overflow:hidden;padding:0;color:var(--guide-ink);background:#1d1148}.custom-service-layout{display:grid;grid-template-columns:.95fr 1.05fr;min-height:520px;padding-right:0}.custom-service-copy{align-self:center;max-width:590px;padding:64px 54px 64px 0}.custom-service-copy .eyebrow{color:var(--gold);border-color:#f5d98a38;background:#f5d98a14}.custom-service-copy h2{margin-bottom:17px;color:#eef1ff}.custom-service-copy>p{margin-bottom:26px;color:#eef1ffab;font-size:14px;line-height:1.8}.custom-mini-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:28px;list-style:none}.custom-mini-flow li{min-width:0;padding:12px 10px;border-top:1px solid rgba(185,168,255,.34);color:#eef1ffb8;font-size:11.5px}.custom-mini-flow span{display:block;margin-bottom:4px;color:var(--pri-3);font-family:var(--font-mono);font-size:9px}.custom-service-actions{display:flex;align-items:center;gap:20px}.custom-service-actions .btn{min-height:46px;padding:12px 23px;border-radius:7px;font-size:13.5px}.text-link{display:inline-flex;align-items:center;gap:7px;padding-block:6px;color:var(--aqua);font-size:13px}.text-link svg{width:15px;height:15px}.custom-service-art{position:relative;overflow:hidden}.custom-service-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d1148 0%,rgba(29,17,72,.38) 22%,transparent 52%);pointer-events:none}.custom-service-art img{width:100%;height:100%;object-fit:cover;object-position:68% center}.guide-faq-section{border-top:1px solid var(--guide-line);background:#150f3180}.guide-faq-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:72px;align-items:start}.guide-faq-intro{position:sticky;top:calc(var(--nav-h) + 30px)}.guide-faq-intro h2{margin-bottom:17px}.guide-faq-intro>p{max-width:370px;margin-bottom:21px;color:var(--guide-muted);font-size:14px}.guide-faq-intro>a{display:inline-flex;align-items:center;gap:7px;padding-block:6px;color:var(--guide-accent);font-size:13px;font-weight:500}.guide-faq-intro>a svg{width:15px;height:15px}.guide-faq-list{padding:0 24px;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-card);box-shadow:var(--deep-sh);backdrop-filter:blur(12px)}.guide-faq-item{border-bottom:1px solid var(--guide-line)}.guide-faq-item:last-child{border-bottom:0}.guide-faq-item h3{font-size:inherit}.guide-faq-item button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:66px;gap:20px;padding:18px 4px;color:var(--guide-ink);text-align:left}.guide-faq-item button span{font-size:14px;font-weight:500}.guide-faq-item button i,.guide-faq-item button svg{flex:0 0 auto;width:18px;height:18px;color:var(--deep-muted)}.guide-faq-item.open button i,.guide-faq-item.open button svg{color:var(--guide-accent)}.guide-faq-panel{color:var(--guide-muted)}.guide-faq-panel p{max-width:720px;padding:0 44px 23px 4px;font-size:13px;line-height:1.85}.guide-support{padding:58px 0;border-top:1px solid var(--guide-line);color:var(--guide-ink);background:#1d11489e}.guide-support-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}.support-kicker{display:block;margin-bottom:9px;color:var(--guide-accent);font-size:12px}.guide-support h2{margin-bottom:8px;font-size:30px}.guide-support p{color:var(--guide-muted);font-size:13.5px}.support-action{display:grid;min-width:300px;justify-items:start}.support-action>span{color:var(--guide-muted);font-size:11px}.support-action strong{margin:2px 0 13px;color:var(--guide-ink);font-family:var(--font-mono);font-size:30px;line-height:1.2}.support-action .btn{min-width:176px;min-height:44px;padding:11px 20px;border-radius:7px;font-size:13px}.support-action .btn i,.support-action .btn svg{width:17px;height:17px}.support-action small{min-height:18px;margin-top:5px;color:var(--ok);font-size:10.5px}.guide-page .foot{background:#0d0824}@media(hover:hover){.install-step{transition:transform .28s var(--ease),border-color .28s,box-shadow .28s}.install-step:hover{transform:translateY(-4px);border-color:var(--glass-br-hi);box-shadow:0 16px 34px #06031880}}@media(max-width:1100px){.guide-hero-copy{width:47%}.guide-hero-copy h1{font-size:48px}.custom-service-layout{grid-template-columns:1fr 1fr}}@media(max-width:900px){.controls-layout{grid-template-columns:1fr}}@media(max-width:860px){.guide-hero{min-height:720px;height:auto;align-items:flex-start;padding-top:calc(var(--nav-h) + 70px)}.guide-hero-bg img{object-position:62% center}.guide-hero-veil{background:linear-gradient(90deg,#070a22d1,#070a2285 68%,#070a222e),linear-gradient(to top,rgba(10,14,38,.82),transparent 52%)}.guide-hero-copy{width:72%}.guide-section-head{display:block}.guide-section-head h2{margin-bottom:12px}.install-grid{grid-template-columns:1fr}.custom-service-layout{grid-template-columns:1fr;padding-right:32px}.custom-service-art{min-height:380px;margin:0 -32px}.guide-faq-layout{grid-template-columns:1fr;gap:44px}.guide-faq-intro{position:static}.guide-support-inner{grid-template-columns:1fr;gap:32px}}@media(max-width:768px){.custom-service-layout{padding-right:20px}.custom-service-art{margin:0 -20px}}@media(max-width:620px){.guide-hero-copy{width:100%}.guide-hero-copy h1{font-size:38px}.guide-hero-copy>p{font-size:14.5px}.guide-hero-actions{flex-direction:column}.guide-hero-actions .btn{width:100%}.guide-section{padding:64px 0}.guide-section-head h2,.guide-faq-intro h2,.custom-service-copy h2{font-size:28px}.install-tip{grid-template-columns:30px 1fr}.install-tip>i{width:30px;height:30px}.install-tip>i svg{width:17px;height:17px}.install-tip a{grid-column:2}.desktop-stage{min-height:560px}.stage-pet{right:50%;bottom:372px;transform:translate(50%)}.context-menu-demo{right:20px;bottom:48px;left:20px;width:auto}.gesture-row{grid-template-columns:1fr}.custom-mini-flow{grid-template-columns:repeat(2,1fr)}.custom-service-actions{align-items:flex-start;flex-direction:column}.guide-faq-list{padding:0 16px}.guide-faq-panel p{padding-right:10px}.support-action{min-width:0}}
