.guide-page{width:100%;min-height:100vh;background-color:var(--bg-canvas, #0a0a0f);color:var(--text-primary, #f0f0f5);font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif);display:flex;flex-direction:column;align-items:center;padding:88px 24px 36px;box-sizing:border-box;overflow-x:hidden}.guide-nav{position:fixed;top:0;left:0;width:100%;z-index:100;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-sizing:border-box}.guide-logo{border:0;background:transparent;color:var(--text-primary);font:inherit;display:flex;align-items:center;gap:10px;cursor:pointer;padding:0}.guide-logo__text{font-size:1.45rem}.guide-nav__links{display:flex;align-items:center;gap:10px}.guide-nav__link,.guide-theme-btn,.guide-btn-primary,.guide-btn-secondary,.guide-btn-action{font:inherit;cursor:pointer}.guide-nav__link{color:var(--text-secondary);font-weight:650;font-size:.88rem;padding:8px 12px;border-radius:8px;background:transparent;border:0;transition:background .18s ease,color .18s ease}.guide-nav__link:hover,.guide-nav__link.active{color:var(--text-primary);background:var(--bg-hover)}.guide-btn-primary,.guide-btn-action,.guide-btn-secondary{min-height:44px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid transparent;transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease}.guide-btn-primary{padding:8px 15px;background:#6366f1;color:#fff;font-size:.88rem}.guide-glyph{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 28%,transparent);width:30px;min-width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 16%,transparent);color:var(--accent-primary, #6366f1);font-size:.72rem;font-weight:800;line-height:1;letter-spacing:.01em;text-transform:uppercase;flex-shrink:0}.guide-btn-primary .guide-glyph,.guide-btn-action .guide-glyph,.guide-btn-secondary .guide-glyph{width:24px;min-width:24px;height:24px;border-radius:7px;font-size:.72rem}.guide-btn-primary .guide-glyph,.guide-btn-action .guide-glyph{color:#fff;background:#ffffff29}.guide-btn-secondary .guide-glyph{color:var(--accent-primary, #6366f1)}.guide-btn-primary:hover,.guide-btn-action:hover,.guide-btn-secondary:hover{transform:translateY(-1px);filter:brightness(1.06)}.guide-theme-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--cv-hairline);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.guide-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.guide-hero{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1fr);gap:44px;align-items:center;margin:26px 0 34px}.guide-hero__copy{min-width:0}.guide-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:color-mix(in srgb,var(--accent-primary, #6366f1) 13%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--accent-primary, #6366f1) 30%,var(--border-subtle));color:var(--text-primary);border-radius:999px;font-size:.82rem;font-weight:750;margin-bottom:16px}.guide-hero__badge .guide-glyph{width:24px;min-width:24px;height:24px}.guide-hero__title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;font-weight:800;letter-spacing:-.028em;margin:0 0 18px;color:var(--text-primary)}.guide-hero__subtitle{max-width:620px;color:var(--text-secondary);font-size:1.08rem;line-height:1.65;margin:0}.guide-hero__actions,.guide-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.guide-btn-action{padding:12px 19px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 30px -10px #6366f1b3,inset 0 1px #ffffff3d}.guide-btn-secondary{padding:12px 17px;background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.guide-hero__preview{min-width:0}.guide-main{width:min(1120px,100%);display:flex;flex-direction:column;gap:28px}.guide-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-loop__step{position:relative;min-height:132px;padding:18px;border:1px solid var(--cv-hairline);border-radius:12px;background:var(--bg-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.guide-loop__step:hover,.guide-loop__step:focus-visible{border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-subtle));background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-surface));transform:translateY(-1px);outline:none}.guide-loop__step.active{border-color:color-mix(in srgb,var(--accent-primary) 58%,var(--border-subtle));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.guide-loop__step .guide-glyph{width:38px;min-width:38px;height:38px;margin-bottom:14px}.guide-loop__index{position:absolute;top:14px;right:14px;color:var(--text-tertiary, var(--text-secondary));font-weight:800;font-size:.78rem}.guide-loop__step h3,.use-case-card h3{margin:0 0 6px;color:var(--text-primary);font-size:1rem}.guide-loop__step p,.use-case-card p{margin:0;color:var(--text-secondary);font-size:.87rem;line-height:1.45}.guide-explorer,.guide-use-cases,.guide-quality-section,.guide-shortcuts-section,.guide-cta-section{border:1px solid var(--cv-hairline);border-radius:16px;background:var(--cv-surface);box-shadow:var(--cv-elev-1),var(--cv-rim)}.guide-explorer{padding:12px;scroll-margin-top:80px}.guide-tabs-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.guide-tab-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-weight:800;font-size:.9rem;border-radius:10px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.guide-tab-btn .guide-glyph{width:26px;min-width:26px;height:26px;border-radius:7px;font-size:.72rem}.guide-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.guide-tab-btn.active{background:color-mix(in srgb,var(--accent-primary, #6366f1) 18%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent-primary, #6366f1) 42%,var(--border-subtle));color:var(--text-primary)}.fade-in{animation:guideFadeIn .22s ease-out}@keyframes guideFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.guide-feature-detail{display:grid;grid-template-columns:.95fr 1.3fr;gap:18px;padding:20px}.guide-feature-detail>.guide-media{align-self:start}.guide-feature-detail>.capabilities-grid{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-detail__tag{display:inline-block;margin-bottom:10px;color:var(--accent-primary, #6366f1);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.guide-detail__info h2,.guide-section-heading h2,.guide-quality-section h2,.guide-shortcuts-section h2,.guide-cta-section h2{margin:0 0 10px;color:var(--text-primary);font-size:1.65rem;line-height:1.16;font-weight:800;letter-spacing:-.028em}.guide-detail__info p,.guide-section-heading p,.guide-quality-section p,.guide-cta-section p{margin:0;color:var(--text-secondary);font-size:.96rem;line-height:1.62}.capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cap-card,.use-case-card,.shortcut-card{border:1px solid var(--cv-hairline);border-radius:10px;background:color-mix(in srgb,var(--bg-canvas) 24%,var(--bg-surface))}.cap-card{padding:16px}.cap-card .guide-glyph{width:34px;min-width:34px;height:34px;margin-bottom:12px}.cap-card h4{margin:0 0 6px;color:var(--text-primary);font-size:.95rem}.cap-card p{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.48}.guide-use-cases{padding:24px}.guide-section-heading{max-width:620px;margin-bottom:18px}.guide-section-heading>.guide-glyph{width:38px;min-width:38px;height:38px;margin-bottom:10px}.use-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.use-case-card{min-height:178px;padding:18px}.use-case-card>.guide-glyph{width:38px;min-width:38px;height:38px;margin-bottom:16px}.guide-quality-section{padding:24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}.device-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.device-strip div{min-height:128px;border:1px solid var(--cv-hairline);border-radius:12px;background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.device-strip .guide-glyph{width:40px;min-width:40px;height:40px}.device-strip strong{color:var(--text-primary)}.device-strip small{color:var(--text-secondary);font-weight:650}.guide-shortcuts-section,.guide-cta-section{padding:24px;text-align:center}.guide-shortcuts-section>summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;color:var(--text-primary);cursor:pointer;text-align:left}.guide-shortcuts-section>summary::-webkit-details-marker{display:none}.guide-shortcuts-section>summary>span:first-child{display:flex;flex-direction:column;gap:4px}.guide-shortcuts-section>summary strong{font-size:1.25rem}.guide-shortcuts-section>summary small{color:var(--text-secondary);font-size:.86rem;font-weight:500}.guide-shortcuts-section__action{min-width:78px;padding:7px 10px;border:1px solid var(--cv-hairline);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:800;text-align:center}.guide-shortcuts-section[open] .guide-shortcuts-section__action:before{content:"Hide"}.guide-shortcuts-section[open] .guide-shortcuts-section__action{font-size:0}.guide-shortcuts-section[open] .guide-shortcuts-section__action:before{font-size:.8rem}.guide-shortcuts-section>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-primary) 40%,transparent);outline-offset:4px;border-radius:8px}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:16px}.shortcut-card{min-height:92px;padding:13px;display:flex;flex-direction:column;justify-content:center;gap:10px}.shortcut-card kbd{align-self:center;max-width:100%;padding:5px 8px;border-radius:6px;border:1px solid var(--cv-hairline);background:var(--bg-canvas);color:var(--text-primary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.shortcut-card span{color:var(--text-secondary);font-size:.82rem;line-height:1.35}.guide-cta-section{display:flex;flex-direction:column;align-items:center}.guide-footer{width:min(1120px,100%);padding-top:30px;margin-top:8px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px}.guide-footer__brand{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.85rem}.guide-footer__links{display:flex;gap:12px}.guide-footer__link{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.85rem;cursor:pointer}.guide-footer__link:hover{color:var(--text-primary)}@media(max-width:980px){.guide-hero,.guide-feature-detail,.guide-quality-section{grid-template-columns:1fr}.guide-hero{gap:24px}.guide-loop,.use-case-grid,.device-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.guide-page{padding:76px 14px 28px}.guide-nav{height:60px;padding:0 12px}.guide-nav__link{display:none}.guide-nav__link.active{display:inline-flex}.guide-btn-primary span:last-child,.guide-logo__text{display:none}.guide-hero{margin-top:12px}.guide-hero__badge{border-radius:10px;align-items:flex-start}.guide-hero__actions,.guide-cta-actions{align-items:stretch}.guide-btn-action,.guide-btn-secondary{width:100%}.guide-loop,.capabilities-grid,.use-case-grid,.device-strip,.shortcuts-grid{grid-template-columns:1fr}.guide-tabs-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.guide-tab-btn{min-width:0;padding:0 8px;font-size:.82rem}.guide-feature-detail,.guide-use-cases,.guide-quality-section,.guide-shortcuts-section,.guide-cta-section{padding:18px}.guide-detail__info h2,.guide-section-heading h2,.guide-quality-section h2,.guide-shortcuts-section h2,.guide-cta-section h2{font-size:1.35rem}.guide-footer{flex-direction:column;text-align:center}}.guide-loop[data-reveal] .guide-loop__step{opacity:0;translate:0 14px;transition:opacity .55s var(--cv-ease),translate .55s var(--cv-ease),border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.guide-loop[data-reveal].is-revealed .guide-loop__step{opacity:1;translate:none}.guide-loop[data-reveal].is-revealed .guide-loop__step:nth-child(2){transition-delay:70ms,70ms,0s,0s,0s,0s}.guide-loop[data-reveal].is-revealed .guide-loop__step:nth-child(3){transition-delay:.14s,.14s,0s,0s,0s,0s}.guide-loop[data-reveal].is-revealed .guide-loop__step:nth-child(4){transition-delay:.21s,.21s,0s,0s,0s,0s}.guide-cta-section{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--cv-accent) 26%,var(--cv-hairline));background:linear-gradient(135deg,color-mix(in srgb,var(--cv-accent) 13%,var(--bg-surface)) 0%,var(--bg-surface) 52%,color-mix(in srgb,var(--cv-accent-2) 11%,var(--bg-surface)) 100%);box-shadow:var(--cv-elev-2),var(--cv-rim),0 0 80px -34px color-mix(in srgb,var(--cv-accent) 95%,transparent)}.guide-cta-section:before{content:"";position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--cv-accent-3) 26%,transparent) 40deg,color-mix(in srgb,var(--cv-accent-2) 24%,transparent) 90deg,transparent 150deg,transparent 360deg);opacity:.5;animation:cv-aura-spin 20s linear infinite}.guide-cta-section>*{position:relative;z-index:1}.cap-card,.use-case-card,.shortcut-card{border-radius:13px}.use-case-card,.shortcut-card{transition:transform .32s var(--cv-ease),border-color .32s ease,box-shadow .32s ease,background .32s ease}.use-case-card:hover,.shortcut-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cv-accent) 42%,var(--cv-hairline));box-shadow:var(--cv-elev-2),var(--cv-rim)}.use-case-card h3{transition:color .24s ease}.use-case-card:hover h3{color:var(--cv-accent)}.guide-media{margin:0;min-width:0;overflow:hidden;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface);box-shadow:0 12px 34px #0f172a1f}.guide-media__topline{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;color:var(--text-secondary);background:var(--bg-elevated);font-size:.72rem;font-weight:650}.guide-media__topline span:first-child{color:var(--accent-primary)}.guide-media__image-button{position:relative;display:block;padding:0;width:100%;border:0;background:#f8fafc;cursor:zoom-in}.guide-media img,.guide-media__video{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#f8fafc}.guide-media__enlarge{position:absolute;right:12px;bottom:12px;padding:7px 11px;border-radius:8px;background:#fff;color:#312e81;border:1px solid #c7d2fe;font:650 12px var(--font-sans, sans-serif);box-shadow:0 2px 8px #0f172a1a}.guide-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.guide-media figcaption strong{font-size:1rem;color:var(--text-primary)}.guide-media figcaption p{margin:6px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.5;max-width:70ch}.guide-media__play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid var(--border-default);border-radius:10px;background:var(--accent-primary, #6366f1);color:#fff;font:650 .85rem var(--font-sans, sans-serif);cursor:pointer;flex-shrink:0}.guide-media button:focus-visible,.guide-media__video:focus-visible,.guide-lightbox button:focus-visible{outline:3px solid #818cf8;outline-offset:-3px}.guide-media__transcript{padding:0 20px 18px;color:var(--text-secondary);font-size:.85rem;line-height:1.55}.guide-media__transcript ol{margin-bottom:0;padding-left:20px}.guide-media--compact figcaption{padding:14px 16px}.guide-media--compact figcaption p{font-size:.8rem}.guide-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#080c19db}.guide-lightbox__panel{width:min(1400px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:14px}.guide-lightbox__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.guide-lightbox__header button{min-width:80px;min-height:44px;padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);font:inherit;cursor:pointer}.guide-lightbox img{display:block;width:100%;height:auto}.guide-lightbox p{margin:0;padding:14px 18px;line-height:1.5;font-size:.9rem}@media(max-width:600px){.guide-media figcaption{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.guide-media__enlarge{bottom:8px;right:8px;padding:5px 8px}.guide-lightbox{padding:8px}.guide-lightbox__panel{max-height:calc(100dvh - 16px)}}