.guides{max-width:var(--page-max);margin:0 auto;padding:0 24px 40px}.guides-hero{padding:40px 0 56px;position:relative}.guides-hero:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 39px, var(--rule) 39px 40px);position:absolute;inset:0 -100vw;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.guides-hero>*{position:relative}.guides-hero h1{letter-spacing:-.04em;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95}.guides-hero p{max-width:36rem;color:var(--soft);margin-top:24px;font-size:1.1875rem;line-height:1.55}.guides-group{border-top:2px solid var(--text);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 56px;padding:40px 0 48px;display:grid}.guides-group-head h2{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.guides-group-head p{max-width:26ch;color:var(--soft);margin-top:8px;line-height:1.5}.guides-list{list-style:none}.guides-list li+li{border-top:1px solid var(--rule)}.guides-list a{padding:18px 0 20px;display:block}.guides-list li:first-child a{padding-top:4px}.guides-list-title{letter-spacing:-.015em;text-wrap:balance;font-size:1.375rem;font-weight:700;line-height:1.25;transition:color .12s;display:block}.guides-list-summary{max-width:60ch;color:var(--soft);margin-top:6px;font-size:1.0625rem;line-height:1.5;display:block}.guides-list a:hover .guides-list-title{color:var(--ink)}.guides-list a:hover .guides-list-title,.guides-list a:focus-visible .guides-list-title{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.guide{max-width:760px;margin:0 auto;padding:24px 24px 40px}.guide-crumbs{font-size:.9375rem;font-weight:600}.guide-crumbs a{color:var(--ink)}.guide-crumbs a:hover{text-underline-offset:4px;text-decoration:underline}.guide-head{border-bottom:2px solid var(--text);margin-top:20px;padding-bottom:32px}.guide-head h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.25rem,5.4vw,3.75rem);font-weight:700;line-height:1.02}.guide-dek{max-width:38rem;color:var(--soft);margin-top:20px;font-size:1.25rem;line-height:1.5}.guide-date{color:var(--soft);margin-top:20px;font-size:.875rem}.guide-body{padding-top:8px;font-size:1.125rem;line-height:1.68}.guide-body>p,.guide-body>ul,.guide-body>ol,.guide-body section>p{max-width:65ch}.guide-body p,.guide-body ul,.guide-body ol{margin-top:1.1em}.guide-body h2{letter-spacing:-.02em;text-wrap:balance;margin-top:2.4em;font-size:1.75rem;font-weight:700;line-height:1.2}.guide-body h3{letter-spacing:-.01em;margin-top:1.8em;font-size:1.1875rem;font-weight:700;line-height:1.3}.guide-body h2+p,.guide-body h3+p,.guide-body h2+ul,.guide-body h2+ol{margin-top:.6em}.guide-body ul,.guide-body ol:not(.guide-steps){padding-left:1.3em}.guide-body ul{list-style:outside}.guide-body ol:not(.guide-steps){list-style:decimal}.guide-body li{padding-left:.2em}.guide-body li+li{margin-top:.5em}.guide-body li::marker{color:var(--ink)}.guide-body strong{font-weight:700}.guide-body a,.guide-related .guide-all a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent)}.guide-body a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-decoration-thickness:2px}.guide-ui{color:var(--text);background:var(--wash);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;margin:0 .05em;padding:.05em .25em;font-weight:650}.guide-steps{counter-reset:step;max-width:65ch;margin-top:1.4em;list-style:none}.guide-steps>li{counter-increment:step;border-top:1px solid var(--rule);padding:18px 0 18px 3.25rem;position:relative}.guide-steps>li+li{margin-top:0}.guide-steps>li:last-child{border-bottom:1px solid var(--rule)}.guide-steps>li:before{content:counter(step);color:var(--ink);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1;position:absolute;top:12px;left:0}.guide-steps h3{margin-top:0;font-size:1.125rem}.guide-steps p{margin-top:.3em}.guide-note{border-left:3px solid var(--ink);background:var(--wash);border-radius:0 12px 12px 0;max-width:65ch;margin:2em 0;padding:18px 22px;font-size:1.0625rem}.guide-note p{margin-top:0}.guide-note p+p{margin-top:.7em}.guide-note-title{font-weight:700}.guide-note .guide-ui{background:color-mix(in srgb, var(--ink) 12%, var(--paper))}.guide-demo{border-block:1px solid var(--rule);margin:2.5em 0;padding:28px 0 22px}.guide-demo .landing-phone{width:min(300px,70vw)}.guide-demo figcaption{color:var(--soft);margin-top:18px;font-size:.9375rem;line-height:1.5}.guide-table{margin-top:1.4em;overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.45}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:10px 16px 10px 0}.guide-table th{border-bottom:2px solid var(--text);font-weight:700}.guide-table td:first-child{font-weight:600}.guide-cta{border-top:2px solid var(--text);margin-top:72px;padding:40px 0 8px}.guide-cta h2{letter-spacing:-.03em;font-size:clamp(2rem,4.4vw,3rem);font-weight:700;line-height:1.05}.guide-cta p{max-width:36rem;color:var(--soft);margin:14px 0 28px;font-size:1.125rem;line-height:1.55}.guides-hub-cta{margin-top:24px}.guide-related{border-top:1px solid var(--rule);margin-top:72px;padding-top:28px}.guide-related h2{color:var(--soft);margin-bottom:16px;font-size:1.25rem;font-weight:700}.guide-related .guides-list-title{font-size:1.25rem}.guide-all{margin-top:20px;font-weight:600}@media (max-width:860px){.guides-group{grid-template-columns:minmax(0,1fr);gap:20px}.guides-group-head p{max-width:none}}@media (max-width:640px){.guides{padding:0 16px 32px}.guides-hero{padding:16px 0 48px}.guides-hero p{font-size:1.0625rem}.guide{padding:16px 16px 32px}.guide-dek{font-size:1.125rem}.guide-body{font-size:1.0625rem}.guide-body h2{font-size:1.5rem}.guide-steps>li{padding-left:2.6rem}.guide-steps>li:before{font-size:1.625rem;top:15px}.guide-note{padding:16px 18px}.guide-cta{margin-top:56px}}@media (prefers-reduced-motion:reduce){.guides-list-title{transition:none}}