.guide{--guide-h1:54px}.guide .guide-hero{border-bottom:1px solid var(--rule);background:linear-gradient(180deg, var(--paper), var(--paper-soft));isolation:isolate;padding:88px 0 72px;position:relative;overflow:hidden}.guide .guide-hero__bg{pointer-events:none;z-index:-1;background:radial-gradient(900px 320px at 88% -20%, color-mix(in srgb, var(--lamp) 14%, transparent), transparent 70%), radial-gradient(600px 240px at -10% 110%, color-mix(in srgb, var(--lamp) 7%, transparent), transparent 65%), repeating-linear-gradient(90deg, transparent 0 96px, color-mix(in srgb, var(--ink) 4%, transparent) 96px 97px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.guide .guide-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr);align-items:center;gap:64px;display:grid}.guide .guide-hero h1{max-width:760px;font-size:var(--guide-h1);letter-spacing:-.022em;font-variation-settings:"opsz" 144;margin:18px 0 22px;line-height:1.03}.guide .hero-em{color:var(--lamp);display:inline-block;position:relative}.guide .hero-em em{font-style:italic;font-weight:500}.guide .hero-em__stroke{width:100%;height:.22em;color:color-mix(in srgb, var(--lamp) 75%, transparent);opacity:0;stroke-dasharray:600;stroke-dashoffset:600px;animation:1.1s cubic-bezier(.65,.05,.3,1) .55s forwards hero-stroke-in,.35s .55s forwards hero-stroke-fade;position:absolute;bottom:-.18em;left:0;right:0}@keyframes hero-stroke-in{to{stroke-dashoffset:0}}@keyframes hero-stroke-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.guide .hero-em__stroke{opacity:1;stroke-dashoffset:0;animation:none}}.guide .guide-hero p{max-width:620px;color:var(--ink-soft);font-size:17px;line-height:1.6}.guide .guide-hero__ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.guide .guide-body{padding:76px 0 96px}.guide .guide-body__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;display:grid}.guide .guide-main{flex-direction:column;gap:72px;max-width:820px;display:flex}.guide .guide-section h2{letter-spacing:-.016em;font-variation-settings:"opsz" 72;margin:12px 0 24px;font-size:34px;line-height:1.1}.guide .guide-section>p{color:var(--ink-soft);font-size:16px;line-height:1.65}.guide .guide-section>p code{font-family:var(--font-mono);background:color-mix(in srgb, var(--lamp) 10%, var(--paper-soft));border-radius:4px;padding:1px 5px;font-size:13px}.guide .watch-grid{border:1px solid var(--rule);background:var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:24px;display:grid}.guide .watch-grid div{background:var(--paper);font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-soft);padding:18px 20px 18px 32px;font-size:12px;transition:background .16s,color .16s;position:relative}.guide .watch-grid div:before{content:"";background:var(--lamp);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lamp) 15%, transparent);border-radius:50%;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.guide .watch-grid div:hover{background:color-mix(in srgb, var(--lamp) 4%, var(--paper));color:var(--ink)}.guide .faq-list{border:1px solid var(--rule);background:var(--rule);gap:1px;display:grid}.guide .faq-item{background:var(--paper);padding:22px 24px}.guide .faq-item h3{font-family:var(--font-display);margin:0 0 8px;font-size:19px;font-weight:500}.guide .faq-item p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.6}.guide .guide-cta{border:1px solid var(--rule);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--lamp) 12%, transparent), transparent 55%), var(--paper-soft);padding:38px;position:relative;overflow:hidden}.guide .guide-cta:after{content:"";pointer-events:none;background:linear-gradient(135deg, transparent 0 70%, color-mix(in srgb, var(--lamp) 6%, transparent) 100%);position:absolute;inset:0}.guide .guide-cta h2{margin-top:0}.guide .guide-cta>*{z-index:1;position:relative}.guide .guide-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.guide .sidebox{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper);padding:20px}.guide .sidebox h3{font-family:var(--font-display);margin:0 0 12px;font-size:19px;font-weight:500}.guide .sidebox ul{margin:0;padding-left:18px}.guide .sidebox li{color:var(--ink-soft);margin:10px 0;font-size:13px;line-height:1.45}.guide .sidebox p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.55}.guide .sidebox--lamp{background:color-mix(in srgb, var(--lamp) 8%, var(--paper))}@media (width<=920px){.guide .guide-hero__inner,.guide .guide-body__grid{grid-template-columns:minmax(0,1fr)}.guide .guide-hero h1{font-size:42px}.guide .guide-side{position:static}}@media (width<=560px){.guide .guide-hero{padding-top:60px}.guide .watch-grid{grid-template-columns:1fr}}.guide .defcard{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 24px 50px -36px #1a16123d, 0 0 0 1px color-mix(in srgb, var(--lamp) 12%, transparent);padding:24px}.guide .defcard__head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px;font-size:10px}.guide .defcard__def{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:21px;line-height:1.35}.guide .defcard__def em{color:var(--lamp);font-style:italic}.guide .defcard__list{margin:0;padding:0;list-style:none}.guide .defcard__list li{border-top:1px solid var(--rule-soft);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.04em;padding:9px 0 9px 22px;font-size:12px;position:relative}.guide .defcard__list li:before{content:"";background:var(--lamp);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}
