.guide-main{max-width:1320px;margin:0 auto;padding:0 32px 80px}.guide-hero{border-bottom:1px solid #243a46;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:500px;padding:70px 0 48px;display:grid}.guide-hero h1{letter-spacing:-.045em;margin:24px 0;font-size:clamp(38px,5vw,68px);line-height:1.08}.guide-hero h1 em{color:#49dfcd;font-style:normal}.guide-hero>div>p:not(.site-kicker){color:#a6bbc8;max-width:570px;margin-bottom:28px;font-size:17px;line-height:1.7}.guide-hero aside{justify-items:center;gap:25px;display:grid}.guide-hero aside>p{letter-spacing:.2em;color:#7a9d9f;font:10px monospace}.guide-orbit{aspect-ratio:1;background:radial-gradient(#154d49 0,#0c262b 35%,#07131b 65%);border:1px solid #2b5b5c;border-radius:50%;place-items:center;width:min(340px,100%);display:grid;position:relative;box-shadow:0 0 70px #15575420,inset 0 0 50px #12544b20}.guide-orbit:before{content:"";border:1px dashed #34898366;border-radius:50%;position:absolute;inset:17%;transform:rotate(-25deg)}.guide-orbit span{letter-spacing:.2em;color:#61ead5;font-size:14px}.guide-orbit b{letter-spacing:.15em;color:#a3d3ca;background:#0c2028;border:1px solid #365c62;border-radius:25px;padding:10px 14px;font:10px monospace;position:absolute}.guide-orbit b:first-of-type{top:20%;left:-10px}.guide-orbit b:nth-of-type(2){top:48%;right:-15px}.guide-orbit b:nth-of-type(3){bottom:-12px;left:15%}.guide-quickstart{grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0 60px;display:grid}.guide-quickstart a{color:#e6f0f5;background:#0e1b25;border:1px solid #2c4654;border-radius:16px;align-items:center;gap:14px;padding:20px;text-decoration:none;display:flex}.guide-quickstart a>b{color:#4be2cf;font:14px monospace}.guide-quickstart span{font-size:14px}.guide-quickstart small{color:#89a3b4;margin-top:6px;font-size:11px;display:block}.guide-quickstart i{color:#5cc7be;margin-left:auto;font-style:normal}.guide-library{scroll-margin-top:100px}.guide-search{background:#10212a;border:1px solid #3b6969;border-radius:18px;align-items:center;gap:16px;padding:8px 22px;display:flex;box-shadow:0 0 35px #1ca39809}.guide-search>span{color:#46e0ca;font-size:32px}.guide-search input{appearance:none;color:#eff6f8;font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:56px;font-size:17px}.guide-search:focus-within{outline-offset:4px;outline:2px solid #45dbc5}.guide-search input::placeholder{color:#829ead}.guide-search kbd{color:#8db6bc;letter-spacing:.1em;border:1px solid #2d4f59;border-radius:7px;padding:6px;font-size:9px}.guide-category-list{flex-wrap:wrap;gap:9px;margin:24px 0 14px;display:flex}.guide-category-list button{color:#a7bdcb;cursor:pointer;font:inherit;background:#101e29;border:1px solid #2a4352;border-radius:30px;padding:10px 16px;font-size:12px}.guide-category-list button[aria-pressed=true]{color:#042a29;background:#49dfc9;border-color:#49dfc9}.guide-result-count{color:#7c9bac;margin:20px 0;font-size:12px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.guide-card{color:#ebf3f5;background:linear-gradient(135deg,#10222b,#0b1520);border:1px solid #2a4150;border-radius:20px;flex-direction:column;min-height:300px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.guide-card:hover,.guide-card:focus-visible{border-color:#49dcca;transform:translateY(-3px)}.guide-card>div{letter-spacing:.07em;color:#46dcca;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:10px;display:flex}.guide-card>div small{color:#879eaf;white-space:nowrap}.guide-card-number{color:#3e9a9010;letter-spacing:-.08em;pointer-events:none;font-size:80px;font-weight:750;line-height:1;position:absolute;top:52px;right:20px}.guide-card h2{letter-spacing:-.025em;max-width:260px;margin:38px 0 15px;font-size:24px;line-height:1.2;position:relative}.guide-card>p{color:#97afbe;margin:0 0 25px;font-size:13px;line-height:1.65;position:relative}.guide-card footer{color:#7f9ba9;border-top:1px solid #263c47;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:10px;display:flex}.guide-card footer>b{color:#49dfc9;font-size:22px}.guide-no-results{text-align:center;border:1px dashed #31515e;border-radius:20px;padding:50px 20px}.guide-no-results p{color:#a2bbc9}.guide-no-results button{color:#06332e;cursor:pointer;background:#45ddc9;border:0;border-radius:10px;padding:12px 18px}.guide-help{background:#0f242b;border:1px solid #2a555b;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:38px;display:flex}.guide-help h2{margin:12px 0;font-size:30px}.guide-help p:not(.site-kicker){color:#a0b9c6;max-width:700px;font-size:14px;line-height:1.7}.guide-help>a{white-space:nowrap}.guide-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-breadcrumb{color:#8aa5b5;gap:14px;margin-top:35px;font-size:12px;display:flex}.guide-breadcrumb a{color:#49dfca;text-decoration:none}.guide-article-head{max-width:880px;padding:50px 0 38px}.guide-article-head h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(34px,4.5vw,57px);line-height:1.12}.guide-article-head>p:last-child{color:#a3b9c5;font-size:18px;line-height:1.6}.guide-article-layout{grid-template-columns:240px minmax(0,1fr);gap:60px;display:grid}.guide-toc{border-top:1px solid #2a4653;align-self:start;padding-top:23px;position:sticky;top:110px}.guide-toc>b{letter-spacing:.15em;color:#86a8b7;font-size:10px}.guide-toc nav{gap:17px;margin:25px 0 35px;display:grid}.guide-toc a{color:#a7c1d0;font-size:13px;line-height:1.5;text-decoration:none}.guide-toc a:hover{color:#49dfca}.guide-toc>a{color:#49dfca;font-size:12px}.guide-article{min-width:0;max-width:900px}.guide-screenshot{background:radial-gradient(at top,#17434a,#0c1823 65%);border:1px solid #294654;border-radius:22px;justify-items:center;gap:20px;margin:0 0 45px;padding:28px;display:grid}.guide-screenshot img{border-radius:12px;max-width:100%;height:auto;box-shadow:0 20px 50px #0006}.guide-screenshot.phone img{width:280px}.guide-screenshot figcaption{color:#96b0bd;text-align:center;font-size:11px;line-height:1.6}.guide-article>section{margin:0 0 50px;scroll-margin-top:110px}.guide-article h2{letter-spacing:-.025em;margin-bottom:20px;font-size:29px;line-height:1.25}.guide-article p,.guide-article li{color:#adc0cb;font-size:16px;line-height:1.85}.guide-article ol{gap:12px;padding-left:24px;display:grid}.guide-article li::marker{color:#48d6c5;font-weight:650}.guide-note{background:#4f3f201a;border-left:3px solid #e5ac5b;border-radius:0 12px 12px 0;margin:25px 0;padding:18px 22px}.guide-note>b{color:#eab96e;font-size:12px}.guide-note p{margin-bottom:0;font-size:14px}.guide-article pre{color:#75e2d1;background:#07111c;border:1px solid #2b4254;border-radius:15px;padding:22px;font-size:12px;line-height:1.9;overflow:auto}.guide-article-footer{border-top:1px solid #2a4653;padding-top:25px}.guide-article-footer p{font-size:12px}.guide-article-footer a{color:#49dfca;text-decoration:none}@media (max-width:1000px){.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-quickstart{grid-template-columns:1fr}.guide-quickstart a{padding:18px}.guide-article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}@media (max-width:700px){.guide-main{padding:0 20px 50px}.guide-hero{grid-template-columns:1fr;gap:50px;padding-top:45px}.guide-hero aside{padding-bottom:35px}.guide-orbit{width:230px}.guide-hero h1{font-size:42px}.guide-hero>div>p:not(.site-kicker){font-size:15px}.guide-quickstart{padding-bottom:36px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:270px}.guide-search{gap:10px;padding:5px 14px}.guide-search input{font-size:14px}.guide-search kbd{display:none}.guide-help{flex-direction:column;align-items:start;padding:24px}.guide-help h2{font-size:25px}.guide-article-layout{grid-template-columns:1fr}.guide-toc{border-bottom:1px solid #2a4653;padding-bottom:22px;position:static}.guide-toc nav{gap:12px;margin:18px 0}.guide-article-head{padding-top:35px}.guide-article-head>p:last-child{font-size:16px}.guide-screenshot{padding:20px}.guide-article h2{font-size:25px}.guide-article p,.guide-article li{font-size:15px}.guide-category-list{gap:7px}.guide-category-list button{padding:9px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}