.guide-page{background:#0d0913;min-height:70vh;padding:48px 0 90px}
.guide-wrap{width:min(920px,calc(100% - 36px));margin:auto}
.guide-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.guide-nav a{color:#d8cbe4;font-size:.94rem}
.guide-nav a:hover,.guide-nav a:focus-visible{color:#df72ff;text-decoration:underline}
.guide-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#df72ff;margin:0 0 14px}
.guide-hero{padding:46px 0 34px;border-bottom:1px solid #49345b}
.guide-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em;max-width:780px;margin:0 0 18px}
.guide-lead{font-size:1.17rem;color:#c7bbd2;max-width:760px;line-height:1.65;margin:0}
.guide-breadcrumb{font-size:.88rem;color:#b8afc3;margin-bottom:24px}
.guide-breadcrumb a{color:#df72ff}
.guide-article{max-width:760px;margin:0 auto}
.guide-article section{padding:28px 0;border-bottom:1px solid #31233f}
.guide-article h2{font-size:1.55rem;line-height:1.25;margin:0 0 12px}
.guide-article p{color:#c7bbd2;margin:0 0 14px}
.guide-article a,.guide-related a,.guide-card a{color:#df72ff;text-decoration:underline;text-underline-offset:3px}
.guide-callout{border:1px solid #49345b;border-radius:12px;padding:26px;margin:32px 0;background:#110d18}
.guide-callout h2{font-size:1.55rem;margin:0 0 8px}
.guide-callout p{color:#c7bbd2;margin:0 0 20px}
.guide-related{margin:38px auto 0;max-width:760px}
.guide-related h2{font-size:1.35rem}
.guide-related ul{display:grid;gap:9px;padding-left:22px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.guide-card{border:1px solid #31233f;border-radius:12px;padding:22px;background:#110d18}
.guide-card h2{font-size:1.22rem;line-height:1.25;margin:0 0 9px}
.guide-card p{color:#b8afc3;font-size:.94rem;margin:0}
.guide-card:hover{border-color:#b655f1}
.guide-card a{color:#f7f4fb;text-decoration:none}
.guide-card a:hover{text-decoration:underline}
@media(max-width:700px){.guide-header .nav{grid-template-columns:1fr auto}.guide-header .nav-actions{display:none}}
@media(max-width:640px){.guide-page{padding:30px 0 65px}.guide-hero{padding:30px 0}.guide-grid{grid-template-columns:1fr}.guide-callout{padding:20px}.guide-nav{gap:9px 16px}}
.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;align-items:start;margin-top:34px}
.guide-toc{position:sticky;top:112px;border:1px solid #31233f;border-radius:12px;background:#110d18;padding:18px 19px;color:#d8cbe4}
.guide-toc strong{display:block;color:#f7f4fb;margin-bottom:10px}
.guide-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.guide-toc a{font-size:.9rem;line-height:1.35;display:block;color:#c7bbd2}
.guide-toc a:hover,.guide-toc a:focus-visible{color:#df72ff;text-decoration:underline}
.guide-article{max-width:none;width:100%;min-width:0}
.guide-article section{padding:30px 0 36px;scroll-margin-top:110px}
.guide-article section:first-child{padding-top:0}
.guide-article h2{font-size:clamp(1.5rem,2.2vw,1.82rem);letter-spacing:-.02em}
.guide-article p{font-size:1.015rem;line-height:1.78;margin:0 0 20px;color:#d4cbdc}
.guide-article a:not(.btn){color:#df72ff;text-decoration:underline;text-underline-offset:3px}
.guide-lead p{margin:0 0 12px}
.guide-figure{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:24px;align-items:center;border:1px solid #49345b;background:#100b17;border-radius:13px;padding:18px;margin:27px 0 30px}
.guide-figure a{display:block;justify-self:center}
.guide-figure img{display:block;width:auto;max-width:100%;max-height:430px;object-fit:contain;border-radius:7px;border:1px solid #31233f}
.guide-figure figcaption{font-size:.97rem;line-height:1.65;color:#c7bbd2}
.guide-figure figcaption:before{content:'From the app';display:block;color:#df72ff;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.guide-hub-feature{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;border:1px solid #49345b;background:#110d18;border-radius:13px;padding:28px;margin:34px 0}
.guide-hub-feature h2{font-size:1.65rem;line-height:1.2;margin:0 0 13px}
.guide-hub-feature p{color:#c7bbd2;line-height:1.75;margin:0 0 13px}
.guide-hub-feature figure{margin:0;display:grid;justify-items:center;gap:8px}
.guide-hub-feature img{width:auto;height:290px;max-width:100%;object-fit:contain;border-radius:7px}
.guide-hub-feature figcaption{color:#b8afc3;font-size:.82rem;line-height:1.45}
.guide-hub-heading{font-size:1.55rem;margin:34px 0 -8px}
.guide-callout{margin-top:42px}
@media(max-width:950px){.guide-layout{grid-template-columns:1fr;gap:15px}.guide-toc{position:static}.guide-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}}
@media(max-width:640px){.guide-toc ol{grid-template-columns:1fr}.guide-figure{grid-template-columns:1fr;gap:15px;padding:16px}.guide-figure img{max-height:380px}.guide-article section{padding:25px 0 30px}.guide-hub-feature{grid-template-columns:1fr;padding:20px}.guide-hub-feature img{height:250px}}