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