@keyframes subpage-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subpage{animation:subpage-fade-in .45s ease-out both}@media (prefers-reduced-motion: reduce){.subpage{animation:none}}.subpage{max-width:1280px;margin:0 auto;padding:clamp(80px,12vh,140px) clamp(24px,5vw,64px) clamp(60px,10vh,120px);min-height:calc(100vh - 200px);display:flex;flex-direction:column}.subpage-stub{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vh,32px)}.subpage-idx{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle)}.subpage-idx:before{content:"> ";color:var(--cyan-bright);font-weight:600;opacity:.85}.subpage-title{font-family:var(--font-sans);font-weight:300;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.015em;margin:0}.subpage-title strong{font-weight:600;color:var(--text-primary)}.subpage-lede{font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--text-secondary);max-width:560px;margin:0}.subpage-status{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-subtle);margin:0}.subpage-status a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.4)}.subpage-status a:hover{border-bottom-color:var(--cyan-bright)}.webpanel-hub{display:block;text-align:left}.webpanel-header{max-width:720px;margin:0 0 clamp(40px,6vh,64px)}.webpanel-idx{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px}.webpanel-idx:before{content:"> ";color:var(--cyan-bright);font-weight:600;opacity:.85}.webpanel-title{font-family:var(--font-sans);font-weight:300;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.015em;margin:0 0 24px}.webpanel-lede{font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:var(--text-secondary);margin:0;max-width:640px}.webpanel-walkthrough-teaser{margin:clamp(40px,6vh,64px) 0;max-width:640px}.webpanel-divider{height:1px;background:linear-gradient(to right,rgba(76,174,210,.4),rgba(255,255,255,.06) 60%,transparent);margin-bottom:24px}.webpanel-teaser-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan-bright);margin:0 0 10px}.webpanel-teaser-body{font-size:14px;line-height:1.55;color:var(--text-tertiary);margin:0}.webpanel-teaser-body a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.4)}.webpanel-teaser-body a:hover{border-bottom-color:var(--cyan-bright)}.webpanel-section-head{margin-bottom:clamp(28px,4vh,40px)}.webpanel-section-idx{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle);margin-bottom:12px}.webpanel-section-title{font-family:var(--font-sans);font-weight:400;font-size:clamp(22px,2.2vw,28px);line-height:1.2;margin:0 0 12px;color:var(--text-primary)}.webpanel-section-lede{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0;max-width:560px}.webpanel-guide-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:clamp(40px,6vh,64px)}.webpanel-guide-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 24px 64px;background:#141416b3;border:1px solid rgba(255,255,255,.08);border-radius:2px;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease}.webpanel-guide-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,rgba(76,174,210,.6),rgba(76,174,210,.15) 70%,transparent);transition:background .25s ease}.webpanel-guide-card:hover{border-color:#e8a85566;background:#1a1612bf;transform:translateY(-3px);box-shadow:0 8px 28px #00000073,0 0 0 1px #e8a8551a}.webpanel-guide-card:hover:before{background:linear-gradient(to right,var(--amber-600),rgba(232,168,85,.3) 70%,transparent)}.webpanel-guide-num{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--amber-600);font-weight:500}.webpanel-guide-title{font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:1.25;margin:0;color:var(--text-primary)}.webpanel-guide-summary{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0}.webpanel-guide-cta{position:absolute;bottom:20px;right:22px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber-action-bright);padding:8px 14px;border:1px solid rgba(232,168,85,.4);border-radius:2px;background:#e8a8550f;transition:background .25s ease,border-color .25s ease,color .25s ease}.webpanel-guide-card:hover .webpanel-guide-cta{background:#e8a8552e;border-color:var(--amber-600);color:#ffd180}.webpanel-cta{margin-top:clamp(40px,6vh,80px);padding-top:clamp(28px,4vh,40px);border-top:1px solid rgba(255,255,255,.06);text-align:center}.webpanel-cta-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle);margin:0 0 16px}.guide-page{display:block;text-align:left;max-width:1200px}.guide-breadcrumb{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-subtle);margin-bottom:clamp(20px,3vh,32px);display:flex;align-items:center;gap:10px}.guide-breadcrumb a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.3)}.guide-breadcrumb a:hover{border-bottom-color:var(--cyan-bright)}.guide-breadcrumb span[aria-current]{color:var(--text-secondary)}.guide-header{margin-bottom:clamp(32px,4vh,48px);max-width:760px}.guide-idx{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle);margin-bottom:14px}.guide-idx:before{content:"> ";color:var(--cyan-bright);font-weight:600;opacity:.85}.guide-title{font-family:var(--font-sans);font-weight:300;font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.015em;margin:0 0 20px}.guide-lede{font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:var(--text-secondary);margin:0}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(40px,5vw,64px);align-items:start}.guide-toc{position:sticky;top:88px;align-self:start}.guide-toc-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-subtle);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.guide-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.guide-toc-link{display:block;padding:8px 12px 8px 14px;font-size:13px;line-height:1.4;color:var(--text-tertiary);text-decoration:none;border-left:2px solid transparent;transition:color .2s ease,border-left-color .2s ease,background .2s ease}.guide-toc-link:hover{color:var(--amber-action-bright);border-left-color:#e8a85566;background:#e8a85508}.guide-toc-link.is-active{color:var(--amber-600);border-left-color:var(--amber-600);background:#e8a8550f;font-weight:500}.guide-content{min-width:0}.guide-content [id]{scroll-margin-top:88px}.guide-block{margin-bottom:clamp(40px,6vh,56px);padding-top:clamp(32px,4vh,44px);max-width:760px;border-top:1px solid transparent;border-image:linear-gradient(to right,rgba(232,168,85,.35) 0,rgba(255,255,255,.06) 80px,rgba(255,255,255,.04) 240px,transparent) 1}.guide-block:first-of-type{border-top:none;padding-top:0}.guide-block--featured{background:linear-gradient(to bottom,rgba(232,168,85,.05),rgba(232,168,85,.02) 70%,transparent);border-left:2px solid var(--amber-600);padding:24px 28px 28px;margin-bottom:clamp(48px,7vh,64px);max-width:800px}.guide-block--featured .guide-block-title:after{width:48px;opacity:1}.guide-step+.guide-block,.guide-content>.guide-block:not(:first-of-type){border-top:1px solid transparent}.guide-block-title{font-family:var(--font-sans);font-weight:500;font-size:20px;margin:0 0 16px;color:var(--text-primary);position:relative}.guide-block-title:after{content:"";display:block;width:32px;height:2px;background:var(--amber-600);margin-top:10px;opacity:.8}.guide-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.guide-checklist li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.55;color:var(--text-secondary)}.guide-checklist li:before{content:"▸";position:absolute;left:0;color:var(--cyan-bright);font-size:12px;top:3px}.guide-checklist a,.guide-block a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.3)}.guide-checklist a:hover,.guide-block a:hover{border-bottom-color:var(--cyan-bright)}.guide-block-intro{font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.guide-block-intro em{color:var(--cyan-bright);font-style:normal}.guide-block-subtitle{font-family:var(--font-sans);font-weight:500;font-size:15px;margin:32px 0 12px;color:var(--text-primary)}.guide-numlist{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.guide-numlist li::marker{color:var(--amber-600);font-family:var(--font-mono);font-size:12px;font-weight:500}.guide-numlist strong{color:var(--text-primary);font-weight:500}.guide-numlist em{color:var(--cyan-bright);font-style:normal}.guide-numlist--inline{gap:6px;font-size:13.5px;margin:4px 0}.guide-numlist--inline li{padding-left:4px}.guide-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:28px}.guide-token-card{padding:18px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-left:2px solid rgba(76,174,210,.5);display:flex;flex-direction:column;gap:10px}.guide-token-name{font-family:var(--font-sans);font-weight:500;font-size:15px;color:var(--text-primary)}.guide-token-where{font-size:13px;line-height:1.5;color:var(--text-tertiary);margin:0}.guide-token-rotate{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0}.guide-token-rotate strong{color:var(--text-primary);font-weight:500}.guide-step{display:grid;grid-template-columns:40px 1fr;gap:24px;padding:40px 0;position:relative;border-top:1px solid transparent;border-image:linear-gradient(to right,rgba(232,168,85,.35) 0,rgba(255,255,255,.06) 80px,rgba(255,255,255,.04) 240px,transparent) 1}.guide-step:first-of-type{border-top:none;padding-top:0}.guide-step-num{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;font-weight:500;color:var(--amber-600);padding-top:2px;display:inline-block}.guide-step-grid{display:grid;grid-template-columns:1fr;gap:24px;min-width:0}.guide-step-grid--with-shot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.guide-step-text{display:flex;flex-direction:column;gap:14px;min-width:0}.guide-step-title{font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:1.25;margin:0;color:var(--text-primary)}.guide-step-text p{font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin:0}.guide-step-text p a,.guide-step-text em{color:var(--cyan-bright);font-style:normal}.guide-step-text p a{text-decoration:none;border-bottom:1px solid rgba(76,174,210,.3)}.guide-step-text p a:hover{border-bottom-color:var(--cyan-bright)}.guide-step-text strong{color:var(--text-primary);font-weight:500}.guide-aside{font-size:13px;line-height:1.6;color:var(--text-tertiary);padding:12px 16px;border-left:2px solid rgba(232,168,85,.4);background:#e8a85506;margin-top:16px}.guide-step-text .guide-aside{margin-top:6px}.guide-aside strong{color:var(--amber-action-bright);font-weight:500}.guide-aside em{color:var(--text-secondary);font-style:normal}.guide-aside a{color:var(--amber-action-bright)!important;border-bottom-color:#e8a85566!important}.guide-aside a:hover{border-bottom-color:var(--amber-action-bright)!important}.guide-keyvals{list-style:none;padding:14px 0 14px 18px;margin:0;display:flex;flex-direction:column;gap:10px;border-left:2px solid var(--amber-600);background:linear-gradient(to right,rgba(232,168,85,.04),transparent 60%)}.guide-keyvals li{font-size:13.5px;line-height:1.55;color:var(--text-secondary);display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:16px;padding-right:14px}.guide-keyvals li+li{padding-top:10px;border-top:1px dashed rgba(255,255,255,.04)}.guide-keyvals li span:first-child{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.5px;color:var(--amber-action-bright);text-transform:uppercase;font-weight:500}.guide-shot{width:100%;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.06);background:#0d0d0d66;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-shot img{width:100%;height:100%;object-fit:cover;display:block}.guide-shot--placeholder{border-style:dashed;border-color:#4caed240}.guide-shot--placeholder .guide-shot-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-subtle);text-align:center;padding:0 16px}.guide-faqlist{margin:0;display:flex;flex-direction:column;gap:18px}.guide-faqlist dt{font-family:var(--font-sans);font-weight:500;font-size:15px;color:var(--text-primary);margin-bottom:6px}.guide-faqlist dd{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-secondary)}.guide-faqlist dd a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.3)}.guide-faqlist dd a:hover{border-bottom-color:var(--cyan-bright)}.guide-cta{margin-top:clamp(28px,4vh,40px);padding-top:clamp(24px,3vh,32px);border-top:1px solid rgba(255,255,255,.06);max-width:760px}.guide-cta-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan-bright);margin:0 0 10px}.guide-cta-text{font-size:14.5px;line-height:1.55;color:var(--text-secondary);margin:0}.guide-cta-text a{color:var(--cyan-bright);text-decoration:none;border-bottom:1px solid rgba(76,174,210,.3)}.guide-cta-text a:hover{border-bottom-color:var(--cyan-bright)}@media (max-width: 960px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-toc{display:none}.guide-step-grid--with-shot{grid-template-columns:1fr}}@media (max-width: 640px){.guide-step{grid-template-columns:1fr;gap:12px}.guide-step-num{padding-top:0}.guide-keyvals li{grid-template-columns:1fr;gap:4px}}