.guide-page{--guide-bg:#090f1d;--guide-panel:#ffffff0e;--guide-panel-strong:#ffffff16;--guide-border:#ffffff1f;--guide-text:#f8fafc;--guide-muted:#a8b3c7;--guide-accent:#2dd4bf;--guide-warm:#f97316;color:var(--guide-text);background:radial-gradient(circle at 12% 10%,#2dd4bf29,#0000 26rem),radial-gradient(circle at 88% 4%,#f9731624,#0000 24rem),linear-gradient(#090f1d 0%,#0f172a 34rem,#111827 100%);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}.guide-page:not(.dark){--guide-bg:#f8fafc;--guide-panel:#ffffffe0;--guide-panel-strong:#fff;--guide-border:#dbe4ef;--guide-text:#0f172a;--guide-muted:#546179;--guide-accent:#0f766e;--guide-warm:#ea580c;color:var(--guide-text);background:radial-gradient(circle at 12% 10%,#0f766e1f,#0000 24rem),radial-gradient(circle at 88% 4%,#f973161a,#0000 22rem),linear-gradient(#f8fafc 0%,#fff 36rem 100%)}.guide-hero{border-bottom:1px solid var(--guide-border);padding:9.5rem 0 3.5rem}.guide-hero-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:3rem;display:grid}.guide-kicker{color:var(--guide-accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:800;display:inline-flex}.guide-hero h1{max-width:780px;color:var(--guide-text);letter-spacing:0;margin:1rem 0;font-size:clamp(2.1rem,4vw,4.25rem);line-height:1.05}.guide-hero-lede{max-width:720px;color:var(--guide-muted);margin:0 0 1.5rem;font-size:1.12rem;line-height:1.8}.guide-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.guide-primary-link,.guide-secondary-link{z-index:2;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.78rem 1.05rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;position:relative}.guide-primary-link{color:#111827;background:linear-gradient(135deg,#f97316,#fb923c);gap:.5rem;box-shadow:0 16px 34px #f973164d}.guide-secondary-link{border:1px solid var(--guide-border);color:var(--guide-text);background:var(--guide-panel)}.guide-primary-link:hover,.guide-secondary-link:hover{transform:translateY(-1px)}.guide-visual{aspect-ratio:1;border:1px solid var(--guide-border);background:var(--guide-panel);contain:layout style;pointer-events:none;border-radius:26px;justify-self:end;place-items:center;width:min(100%,320px);display:grid;box-shadow:0 24px 80px #00000038}.guide-visual-shell{align-content:center;justify-items:center;gap:1rem;width:72%;min-height:68%;display:grid}.guide-visual-shell img{object-fit:contain;filter:drop-shadow(0 12px 28px #00000047);width:76px;height:76px}.guide-visual-line{background:#ffffff24;border-radius:999px;width:100%;height:12px}.guide-page:not(.dark) .guide-visual-line{background:#0f172a1a}.guide-visual-line--two{width:74%}.guide-visual-player{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin-top:.25rem;display:grid}.guide-visual-player span{background:linear-gradient(180deg, var(--guide-accent), #3b82f6);border-radius:8px;height:38px}.guide-content{grid-template-columns:220px minmax(0,760px);align-items:start;gap:3rem;padding:3.5rem 0 5.5rem;display:grid}.guide-toc{border-top:2px solid var(--guide-accent);padding:1rem 0;position:sticky;top:6.5rem}.guide-toc-title{color:var(--guide-text);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.8rem;font-weight:800}.guide-toc a{color:var(--guide-muted);padding:.42rem 0;font-size:.92rem;line-height:1.45;text-decoration:none;transition:color .16s;display:block}.guide-toc a:hover{color:var(--guide-accent)}.guide-article{color:var(--guide-muted)}.guide-article section{padding:0 0 2.4rem}.guide-article h2{color:var(--guide-text);letter-spacing:0;margin:0 0 .9rem;font-size:1.65rem;line-height:1.22}.guide-article h3{color:var(--guide-text);margin:1.4rem 0 .6rem;font-size:1.08rem}.guide-article p,.guide-article li{font-size:1rem;line-height:1.8}.guide-article p{margin:0 0 1rem}.guide-article ul,.guide-article ol{margin:.4rem 0 1rem;padding-left:1.25rem}.guide-article li{margin:.35rem 0}.guide-article a:not(.guide-start-button){color:var(--guide-accent);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.guide-summary{border:1px solid var(--guide-border);border-left:4px solid var(--guide-accent);background:var(--guide-panel);contain:layout style;border-radius:10px;margin:0 0 2.4rem;padding:1.25rem}.guide-summary p{color:var(--guide-text);margin:0;font-weight:700}.guide-steps{gap:.75rem;margin:1rem 0 0;display:grid}.guide-step{border-top:1px solid var(--guide-border);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:.85rem;padding:.9rem 0;display:grid}.guide-step-number{background:var(--guide-warm);color:#111827;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:900;display:inline-flex}.guide-note{color:var(--guide-text);background:#f9731614;border:1px solid #f9731647;margin:1.2rem 0;padding:1rem 1.1rem}.guide-footer-cta{border:1px solid var(--guide-border);background:var(--guide-panel-strong);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem;display:flex}.guide-footer-cta strong{color:var(--guide-text);margin-bottom:.25rem;font-size:1.05rem;display:block}.guide-footer-cta p{margin:0}.guide-start-button{color:#111827;white-space:nowrap;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;min-height:44px;padding:.8rem 1rem;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.guide-article .guide-start-button{color:#111827;text-decoration:none}.guide-start-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #f9731640}@media (max-width:860px){.guide-hero-grid,.guide-content{grid-template-columns:1fr}.guide-visual{justify-self:start;width:180px}.guide-toc{display:none;position:static}}@media (max-width:560px){.guide-hero{padding:7rem 0 2.25rem}.guide-content{padding:2.5rem 0 4rem}.guide-actions{flex-direction:column;align-items:stretch}.guide-primary-link,.guide-secondary-link,.guide-start-button{width:100%}.guide-footer-cta{flex-direction:column;align-items:stretch}}
