.guide{color:#fff;background:#0a1f1a;min-height:100dvh;overflow-x:clip}.guide-hero{text-align:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.guide-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#6366f12e 0%,#0000 70%);position:absolute;inset:0}.guide-hero__badge{color:#f4d03f;letter-spacing:.06em;text-transform:uppercase;background:#d4af371a;border:1px solid #d4af374d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.guide-hero h1{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 40%,#ffe066 60%,#d4af37 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.guide-hero p{color:#aaaaaae6;max-width:42rem;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.7}.guide-layout{grid-template-columns:240px 1fr;align-items:start;gap:2.5rem;min-width:0;max-width:80rem;margin:0 auto;padding:0 2rem 5rem;display:grid}@media (max-width:900px){.guide-layout{grid-template-columns:1fr;gap:0;padding:0 1.25rem 5rem}}.guide-nav{position:sticky;top:120px}@media (max-width:900px){.guide-nav{display:none}}.guide-nav__inner{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:1.25rem 1rem}.guide-nav__heading{letter-spacing:.1em;text-transform:uppercase;color:#aaaaaa80;border-bottom:1px solid #ffffff0f;margin-bottom:.625rem;padding:0 .625rem .75rem;font-size:.7rem;font-weight:700}.guide-nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.guide-nav a{color:#aaaaaabf;border-radius:10px;align-items:center;gap:.625rem;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.guide-nav a svg{opacity:.6;flex-shrink:0}.guide-nav a:hover{color:#fff;background:#ffffff0f}.guide-nav a:hover svg{opacity:1}.guide-nav a.active{color:#a5b4fc;background:#6366f11f}.guide-nav a.active svg{opacity:1}.guide-content{flex-direction:column;gap:3rem;min-width:0;display:flex}.guide-section{background:#ffffff06;border:1px solid #ffffff0f;border-radius:20px;min-width:0;padding:2.25rem 2.5rem;scroll-margin-top:40px;overflow:hidden}@media (max-width:650px){.guide-section{border-radius:16px;padding:1.5rem 1.25rem;scroll-margin-top:80px}}.guide-section__header{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.guide-section__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.guide-section__icon--gold{color:#f4d03f;background:#d4af371f;border:1px solid #d4af3733}.guide-section__icon--indigo{color:#818cf8;background:#6366f11f;border:1px solid #6366f133}.guide-section__icon--teal{color:#2dd4bf;background:#14b8a61a;border:1px solid #14b8a633}.guide-section__icon--rose{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.guide-section__icon--violet{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.guide-section__icon--sky{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf833}.guide-section__icon--emerald{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.guide-section__icon--amber{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.guide-section__icon--blue{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33}.guide-section h2{color:#fff;margin:0;font-size:1.35rem;font-weight:700}.guide-section__lead{color:#aaaaaad9;margin:0 0 1.5rem;font-size:.95rem;line-height:1.7}.guide-section h3{color:#fff;margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.guide-section p{color:#aaac;margin:0 0 .75rem;font-size:.9rem;line-height:1.7}.guide-section a{color:#fff;text-underline-offset:2px;text-decoration:underline;transition:color .15s}.guide-section a:hover{color:#d4af37}.guide-steps{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.guide-step{align-items:flex-start;gap:1rem;display:flex}.guide-step__num{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.guide-step__body{flex:1}.guide-step__body strong{color:#fff;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:inline-block}.guide-step__body p{color:#aaac;margin:0;font-size:.875rem;line-height:1.65}.guide-code{color:#a5b4fc;white-space:pre-wrap;word-break:break-all;background:#00000073;border:1px solid #ffffff12;border-radius:10px;margin:.75rem 0;padding:1rem 1.25rem;font-family:Cascadia Code,Fira Code,JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.guide-code .gc-comment{color:#64748b}.guide-code .gc-key{color:#7dd3fc}.guide-code .gc-val{color:#86efac}.guide-tip{color:#fde68a;background:#d4af3712;border:1px solid #d4af3733;border-radius:10px;align-items:flex-start;gap:.75rem;margin:1rem 0;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.65;display:flex}.guide-tip svg{opacity:.85;flex-shrink:0;margin-top:2px}.guide-tip strong{color:#f4d03f}.guide-note{color:#c7d2fe;background:#6366f112;border:1px solid #6366f133;border-radius:10px;align-items:flex-start;gap:.75rem;margin:1rem 0;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.65;display:flex}.guide-note svg{opacity:.8;flex-shrink:0;margin-top:2px}.guide-note strong{color:#a5b4fc}.guide-feature-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin:1rem 0;display:grid}.guide-feature-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:1rem 1.125rem}.guide-feature-item strong{color:#fff;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.875rem;display:flex}.guide-feature-item strong svg{opacity:.7}.guide-feature-item p{color:#aaaaaab3;margin:0;font-size:.8rem;line-height:1.55}.guide-plans{grid-template-columns:repeat(2,1fr);gap:.875rem;margin:1.25rem 0;display:grid}@media (max-width:900px){.guide-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.guide-plans{grid-template-columns:1fr}}.guide-plan{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:1.5rem}.guide-plan--starter{background:#ffffff0f;border-color:#ffffff40}.guide-plan--pro{background:#d4af370f;border-color:#d4af3740}.guide-plan--agency{background:#6366f10f;border-color:#6366f140}.guide-plan__name{letter-spacing:.1em;text-transform:uppercase;color:#aaa9;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.guide-plan__price{color:#fff;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.guide-plan__price span{color:#aaa9;font-size:.85rem;font-weight:400}.guide-plan__tag{border-radius:100px;margin-bottom:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.guide-plan__tag--gold{color:#f4d03f;background:#d4af371f}.guide-plan__tag--indigo{color:#a5b4fc;background:#6366f126}.guide-plan__tag--gray{color:#aaaaaab3;background:#ffffff0f}.guide-plan ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.guide-plan li{color:#aaaaaabf;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.guide-plan li svg{color:#34d399;flex-shrink:0}.guide-divider{background:#ffffff0f;height:1px;margin:1.5rem 0}.guide-toc-mobile{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.875rem 1.25rem;display:none}@media (max-width:900px){.guide-toc-mobile{z-index:90;-webkit-backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0a1f1af5;border-bottom:1px solid #ffffff0f;flex-wrap:nowrap;display:flex;position:sticky;top:62px;overflow-x:auto}.guide-toc-mobile::-webkit-scrollbar{display:none}}.guide-toc-mobile a{color:#aaac;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.guide-toc-mobile a:hover{color:#fff;background:#ffffff17}.guide-toc-mobile a.active{color:#c7d2fe;background:#6366f126;border-color:#6366f173}