:root{color:#2d4d65;font-synthesis:none;--blue:#537e9e;--ink:#2d4d65;--muted:#7b96aa;--line:#dbe5ed;--peach:#f3cfb8;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;background:#f5f8fb;font-family:Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{min-width:320px;margin:0;font-size:15px}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #e1a67e}svg{display:block}a,button{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,100% - 80px);margin-inline:auto}.skip-link{background:var(--peach);color:#6b4f3b;z-index:5;padding:12px 18px;position:absolute;top:-80px;left:20px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:30px;min-height:102px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:11px;font-size:31px;font-weight:550;text-decoration:none;display:flex}.brand>span:last-child>span{font:15px var(--mono);color:#8aa8bf;vertical-align:top;margin-left:4px}.brand-mark{width:31px;height:34px;display:block;position:relative}.brand-mark i:first-child{border:3px solid #5e87a8;border-bottom:0;border-radius:9px 9px 0 0;width:26px;height:11px;position:absolute;top:2px;left:2px;transform:rotate(-25deg)}.brand-mark i:last-child{border-left:3px solid #5e87a8;border-right:3px solid #5e87a8;width:22px;height:25px;position:absolute;top:8px;left:5px}.site-header>nav{gap:29px;margin-left:auto;display:flex}.site-header>nav a{color:#7b96ac;padding-block:9px;font-size:13px;text-decoration:none}.site-header>nav a:hover{color:#375e7e}.coffee-link{color:#a78264;background:#fbebdf;border:1px solid #e8c9b2;border-radius:6px;align-items:center;gap:8px;padding:11px 13px;font-size:12px;text-decoration:none;display:flex}.coffee-link svg{color:#b88e6b;width:17px;height:17px}.coffee-link:hover{background:#f7dfcc}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding-block:76px 71px;display:grid}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.3px;color:#91a9ba;align-items:center;gap:9px;margin:0 0 17px;display:flex}.small-sun{color:#cdad93;font-size:20px;line-height:1}.hero h1{letter-spacing:-2.6px;margin:0;font-size:clamp(45px,4.4vw,66px);font-weight:550;line-height:1.07}.hero h1>span{color:#91adc0;font-weight:350}.hero-description{color:#7b97ad;max-width:490px;margin:25px 0 0;font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:27px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:13px 17px;font-size:12px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button>span{font:17px var(--mono);font-weight:400}.button.blue{color:#f9fcff;background:#6089a8;border-color:#6089a8}.button.blue:hover{background:#466f91;border-color:#466f91}.button.peach{color:#9c795a;background:#f6dfce;border-color:#e9c6ac}.button.peach:hover{background:#efd1ba;border-color:#d7ad8c}.hero-note{color:#9eb0bf;max-width:480px;margin:17px 0 0;font-size:11px;line-height:1.8}.guide-illustration{background:#eaf0f5;border:1px solid #d9e4ec;border-radius:13px;padding:19px 18px 18px;position:relative}.illustration-label{font:9px var(--mono);letter-spacing:.7px;color:#a3b7c6;justify-content:space-between;gap:15px;padding:0 2px;display:flex}.illustration-browser{background:#fffefd;border:1px solid #cfdae4;border-radius:8px;margin-top:15px;padding-bottom:99px;position:relative;overflow:hidden;box-shadow:0 13px 30px #a3b7c02b}.browser-top{background:#f5f7f8;border-bottom:1px solid #e4e9eb;align-items:center;gap:12px;height:31px;padding:0 12px;display:flex}.browser-top>span:first-child{gap:4px;display:flex}.browser-top i{background:#ccd6dd;border-radius:50%;width:4px;height:4px;display:block}.browser-top>span:last-child{font:8px var(--mono);letter-spacing:.1px;color:#b2c0ca}.example-page{padding:26px 23px 16px}.library-brand{color:#8fa4ac;letter-spacing:-.2px;align-items:center;gap:6px;font-size:12px;display:flex}.library-brand>span{color:#a8b8bb;font-size:19px}.example-eyebrow{font:8px var(--mono);letter-spacing:.9px;color:#bcc5c3;margin-top:24px;display:block}.example-page h2{letter-spacing:-.65px;color:#607680;margin:13px 0 0;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400;line-height:1.17}.example-copy{flex-direction:column;gap:7px;margin-top:15px;display:flex}.example-copy i{background:#edf0ee;border-radius:2px;width:89%;height:4px}.example-copy i:nth-child(2){width:78%}.example-copy i:nth-child(3){width:63%}.example-links{grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:8px;margin-top:25px;display:grid}.example-links>span{text-align:center;color:#adb8b6;white-space:nowrap;border:1px solid #e6ebe8;border-radius:4px;padding:10px 7px;font-size:10px}.example-links>.highlighted-target{color:#678ca5;background:#edf4f8;border-color:#6c97b7;font-weight:550;box-shadow:0 0 0 4px #a9c4d92b}.highlighted-target>b{margin-left:3px;font-size:11px;font-weight:400}.example-coachmark{background:#fbe9d9;border:1px solid #e3c1a5;border-radius:7px;align-items:flex-start;gap:10px;padding:14px 13px;display:flex;position:absolute;bottom:19px;left:23px;right:23px;box-shadow:0 5px 12px #b49e8b17}.example-coachmark:before{content:"";background:#fbe9d9;border-top:1px solid #e3c1a5;border-left:1px solid #e3c1a5;width:10px;height:10px;position:absolute;top:-6px;left:52%;transform:rotate(45deg)}.coachmark-count{width:20px;height:20px;font:10px var(--mono);color:#ac8260;background:#f7dcc4;border:1px solid #dfba99;border-radius:50%;flex:none;place-items:center;display:grid}.example-coachmark strong{color:#aa8161;margin-top:2px;font-size:11px;font-weight:550;display:block}.example-coachmark p{color:#b99b7f;margin:6px 0 0;font-size:10px;line-height:1.7}.coachmark-arrow{color:#bf9c7d;font:16px var(--mono);margin-top:2px;margin-left:auto}.illustration-caption{color:#9bb0bf;margin:16px 3px 0;font-size:12px;line-height:1.8}.illustration-caption>span{color:#7f9eb5;font-weight:550}.section-space{margin-top:78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px;display:flex}.section-heading .eyebrow{margin-bottom:11px;font-size:10px}h2{letter-spacing:-1.15px;margin:0;font-size:clamp(28px,2.7vw,38px);font-weight:450;line-height:1.2}.section-aside{color:#99adbd;margin:0 0 3px;font-size:12px;line-height:1.9}.how-grid{grid-template-columns:repeat(3,1fr);gap:21px;display:grid}.how-grid>article{border-top:1px solid #ccdce7;padding:23px 5px 0}.step-number{font:11px var(--mono);color:#94adc0;background:#edf3f8;border:1px solid #d1e0ea;border-radius:6px;place-items:center;width:31px;height:32px;margin-bottom:25px;display:grid}h3{letter-spacing:-.45px;margin:0;font-size:19px;font-weight:450;line-height:1.4}.how-grid p{color:#8aa1b3;margin:13px 0 0;font-size:14px;line-height:1.9}.step-detail{font:9px/1.8 var(--mono);letter-spacing:.7px;color:#aec0cd;margin-top:20px;display:block}.install-section{background:#edf3f8;border:1px solid #d6e3ed;border-radius:12px;grid-template-columns:.95fr 1.1fr;align-items:start;gap:80px;padding:35px;display:grid}.install-copy h2{letter-spacing:-1.3px;font-size:36px;line-height:1.14}.install-copy h2>span{color:#8ba9c0;font-weight:350}.install-copy>p:not(.eyebrow){color:#8ba4b8;max-width:390px;margin:21px 0 0;font-size:14px;line-height:1.95}.install-copy .button{gap:27px;margin-top:24px;font-size:13px}.text-link{color:#9ab0c3;margin-top:17px;font-size:12px;line-height:1.8;text-decoration:none;display:block}.text-link:hover{color:#527b9c}.install-steps{flex-direction:column;gap:25px;margin:0;padding:0;list-style:none;display:flex}.install-steps>li{align-items:flex-start;gap:16px;display:flex}.install-steps>li>span{color:#7b9db7;width:27px;height:28px;font:11px var(--mono);background:#e4eef6;border:1px solid #bdd3e4;border-radius:6px;flex:none;place-items:center;margin-top:2px;display:grid}.install-steps h3{color:#7092ab;font-size:16px;font-weight:500}.install-steps p{color:#9bb0c0;margin:8px 0 0;font-size:13px;line-height:1.9}.install-steps code{font:11px var(--mono);color:#81a1ba;overflow-wrap:anywhere;background:#e7eff5;border-radius:3px;padding:2px 4px}.install-steps strong{color:#839fb5;font-weight:500}.install-steps a{color:#799bb5;margin-top:10px;font-size:12px;text-decoration:none;display:inline-block}.install-steps a:hover{color:#4c7395}.build-note{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;margin-top:39px;padding:28px 5px;display:grid}.build-note h2{letter-spacing:-.8px;font-size:28px}.build-note>div:first-child>p:last-child{color:#8ca4b8;max-width:380px;margin:15px 0 0;font-size:13px;line-height:1.9}.build-commands{background:#f0f5f8;border:1px solid #d8e2e9;border-radius:7px;min-width:0;overflow:hidden}.build-commands>div{background:#e9f0f5;border-bottom:1px solid #dce6ed;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.build-commands>div>span{font:9px var(--mono);letter-spacing:.6px;color:#9ab0c3}.build-commands button{color:#98adc0;background:#f4f8fb;border:1px solid #c9dce9;border-radius:4px;padding:5px 8px;font-size:10px}.build-commands button:hover{color:#648aa7;border-color:#a8c3d8}.build-commands pre{font:11px/2.1 var(--mono);color:#7d9db5;margin:0;padding:18px 17px;overflow-x:auto}.build-commands code{font:inherit}.build-commands>p{color:#a1b5c4;border-top:1px solid #e0e9ef;margin:0;padding:11px 17px;font-size:11px;line-height:1.8}.build-commands>p>code{font:10px var(--mono);color:#88a6bd}.build-commands>span:not(:empty){color:#86a58e;border-top:1px solid #dce7df;padding:10px 17px;font-size:11px;line-height:1.8;display:block}.boundary-grid{border-block:1px solid #d4e1ea;grid-template-columns:repeat(4,1fr);gap:26px;padding-block:29px;display:grid}.boundary-icon{font:25px var(--mono);color:#a1b9ca;margin-bottom:22px;line-height:1;display:block}.boundary-grid h3{letter-spacing:-.35px;color:#7393aa;font-size:16px}.boundary-grid p{color:#94aabb;margin:12px 0 0;font-size:13px;line-height:1.9}.practice-card{background:#e9f0f5;border:1px solid #d1e1ec;border-radius:10px;justify-content:space-between;align-items:center;gap:45px;margin-top:65px;padding:31px;display:flex}.practice-card h2{letter-spacing:-.9px;font-size:30px}.practice-card p:not(.eyebrow){color:#8da7bb;max-width:660px;margin:15px 0 0;font-size:13px;line-height:1.9}.practice-card .button{flex:none}.support-card{background:#fbf0e6;border:1px solid #ead3bf;border-radius:10px;justify-content:space-between;align-items:center;gap:45px;margin-top:27px;padding:31px;display:flex}.support-card .eyebrow{color:#c1a68c}.support-card h2{letter-spacing:-.85px;color:#a7866a;font-size:29px}.support-card p:not(.eyebrow){color:#bca58e;max-width:650px;margin:15px 0 0;font-size:13px;line-height:1.9}.support-card .button{flex:none;font-size:13px}.site-footer{color:#a5b7c4;border-top:1px solid #dbe5ec;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-block:25px 32px;font-size:12px;display:flex}.site-footer>span{align-items:center;gap:8px;display:flex}.site-footer i{color:#cab39b;font-size:17px;font-style:normal}.site-footer nav{font:10px var(--mono);gap:24px;display:flex}.site-footer a{color:#96aec0;text-decoration:none}.site-footer a:hover{color:#4e799a}.hero-description,.how-grid p,.install-copy>p:not(.eyebrow),.build-note>div:first-child>p:last-child,.boundary-grid p,.practice-card p:not(.eyebrow){color:#7892a7}.hero-note,.step-detail,.section-aside,.install-steps p,.text-link,.build-commands>p,.site-footer,.site-footer a{color:#8aa2b5}.support-card p:not(.eyebrow){color:#a78c73}.install-steps p,.install-steps a,.text-link,.build-commands>p,.build-commands>span:not(:empty){font-size:12px}.boundary-grid h3{color:#66859e}.eyebrow{color:#8ea7ba}.install-steps code{font-size:11px}.build-commands pre{font-size:12px}@media (max-width:1080px){.hero{gap:38px;padding-block:60px}.site-header,.site-header>nav{gap:22px}.coffee-link{padding:11px}.coffee-link>span{display:none}.hero h1{font-size:53px}.hero-description{font-size:15px}.hero .eyebrow{letter-spacing:.8px;font-size:9px}.hero-actions{gap:9px}.hero-actions .button{gap:12px;padding:12px 13px;font-size:11px}.hero-note{font-size:10px}.illustration-label{font-size:8px}.example-page{padding:23px 18px 15px}.example-page h2{font-size:27px}.example-links{gap:6px}.example-links>span{padding:10px 5px;font-size:8px}.example-coachmark{gap:8px;padding:13px 10px;left:16px;right:16px}.example-coachmark strong{font-size:10px}.example-coachmark p{font-size:9px}.coachmark-count{width:17px;height:17px;font-size:9px}.coachmark-arrow{font-size:14px}.install-section,.build-note{gap:45px}.install-section{padding:30px}.install-copy h2{font-size:32px}.boundary-grid{gap:21px}.boundary-grid h3{font-size:15px}.boundary-grid p{font-size:12px}.practice-card,.support-card{gap:27px;padding:29px}.practice-card h2,.support-card h2{font-size:27px}.practice-card .button,.support-card .button{gap:14px;padding-inline:14px;font-size:12px}}@media (max-width:820px){.wrap{width:calc(100% - 48px)}.site-header{min-height:85px}.brand{gap:9px;font-size:28px}.brand-mark{transform:scale(.9)}.site-header>nav{gap:18px}.site-header>nav a{font-size:12px}.site-header>nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-block:47px}.hero h1{font-size:57px}.hero-description{max-width:580px;font-size:16px}.hero .eyebrow{font-size:10px}.hero-actions .button{gap:20px;padding:13px 17px;font-size:13px}.hero-note{font-size:12px}.guide-illustration{justify-self:center;width:100%;max-width:510px;padding:19px}.illustration-label{font-size:9px}.example-page{padding:26px 23px 16px}.example-page h2{font-size:31px}.example-links>span{padding:11px 8px;font-size:11px}.example-coachmark{gap:10px;padding:14px 13px;left:23px;right:23px}.example-coachmark strong{font-size:12px}.example-coachmark p{font-size:11px}.coachmark-count{width:21px;height:21px;font-size:11px}.coachmark-arrow{font-size:17px}.illustration-browser{padding-bottom:107px}.illustration-caption{font-size:13px}.section-space{margin-top:60px}.section-heading{align-items:flex-start}.section-aside{font-size:11px}.how-grid{gap:20px}.how-grid h3{font-size:17px}.how-grid p{font-size:13px}.step-detail{font-size:8px}.install-section,.build-note{grid-template-columns:minmax(0,1fr);gap:30px}.install-copy h2{font-size:37px}.install-copy>p:not(.eyebrow){max-width:580px;font-size:15px}.install-copy .button,.text-link{font-size:13px}.install-steps{gap:24px}.install-steps h3{font-size:17px}.install-steps p{font-size:14px}.install-steps code{font-size:12px}.install-steps a{font-size:13px}.build-note{margin-top:36px;padding-block:10px}.build-note>div:first-child>p:last-child{max-width:570px;font-size:14px}.build-commands pre{padding:22px;font-size:13px}.build-commands>div{padding:14px 20px}.build-commands>div>span{font-size:10px}.build-commands button{font-size:12px}.build-commands>p{padding-inline:22px;font-size:12px}.boundary-grid{grid-template-columns:1fr 1fr;gap:30px}.boundary-grid h3{font-size:17px}.boundary-grid p{font-size:14px}.boundary-icon{margin-bottom:18px}.practice-card,.support-card{flex-direction:column;align-items:flex-start;gap:24px}.practice-card h2,.support-card h2{font-size:31px}.practice-card p:not(.eyebrow),.support-card p:not(.eyebrow){font-size:14px}.practice-card .button,.support-card .button{font-size:13px}.site-footer{align-items:flex-start;gap:20px}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:15px}}@media (max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{gap:13px;min-height:77px}.brand{gap:7px;font-size:27px}.brand-mark{margin-right:-2px;transform:scale(.85)}.site-header>nav{gap:15px}.site-header>nav a{font-size:11px}.site-header>nav a:nth-child(2){display:none}.coffee-link{padding:9px}.coffee-link svg{width:16px;height:16px}.hero{gap:29px;padding-block:37px 41px}.hero .eyebrow{letter-spacing:.7px;font-size:8px}.small-sun{font-size:17px}.hero h1{letter-spacing:-1.9px;font-size:clamp(42px,10.4vw,55px)}.hero-description{margin-top:21px;font-size:15px;line-height:1.8}.hero-actions{gap:9px;margin-top:23px}.hero-actions .button{flex:1;gap:10px;padding:12px 11px;font-size:11px}.hero-note{font-size:11px;line-height:1.9}.guide-illustration{padding:15px 12px}.illustration-label{letter-spacing:.4px;font-size:7px}.illustration-browser{margin-top:12px;padding-bottom:104px}.browser-top{gap:9px;padding-inline:10px}.browser-top>span:last-child{font-size:6px}.example-page{padding:21px 16px 14px}.library-brand{font-size:11px}.example-eyebrow{margin-top:20px;font-size:7px}.example-page h2{font-size:27px}.example-links{gap:6px;margin-top:23px}.example-links>span{padding:10px 5px;font-size:8px}.highlighted-target>b{margin-left:1px;font-size:9px}.example-coachmark{gap:8px;padding:13px 10px;bottom:17px;left:14px;right:14px}.example-coachmark strong{font-size:10px}.example-coachmark p{font-size:9px}.coachmark-count{width:18px;height:18px;font-size:9px}.coachmark-arrow{font-size:14px}.illustration-caption{margin-top:13px;font-size:11px}.section-space{margin-top:48px}.section-heading{margin-bottom:24px;display:block}.section-heading .eyebrow{letter-spacing:.9px;font-size:9px}.section-heading h2{font-size:30px}.section-aside{display:none}.how-grid{grid-template-columns:1fr;gap:24px}.how-grid>article{padding:21px 1px 0}.step-number{margin-bottom:18px}.how-grid h3{font-size:21px}.how-grid p{font-size:14px}.step-detail{margin-top:16px;font-size:9px}.install-section{gap:29px;padding:26px 20px}.install-section .eyebrow{letter-spacing:.7px;font-size:8px}.install-copy h2{font-size:32px}.install-copy>p:not(.eyebrow){margin-top:17px;font-size:14px}.install-copy .button{font-size:13px}.text-link{font-size:12px}.install-steps>li{gap:13px}.install-steps h3{font-size:16px}.install-steps p{font-size:13px}.install-steps code{font-size:11px}.install-steps a{font-size:12px}.build-note{gap:23px;margin-top:28px}.build-note h2{font-size:28px}.build-note .eyebrow{font-size:9px}.build-note>div:first-child>p:last-child{font-size:13px}.build-commands pre{padding:20px 16px;font-size:11px;line-height:2.3}.build-commands>div{padding:13px 15px}.build-commands>div>span{font-size:9px}.build-commands button{font-size:11px}.build-commands>p{padding-inline:16px;font-size:11px}.build-commands>p>code{font-size:10px}.boundary-grid{grid-template-columns:1fr;gap:29px;padding-block:25px}.boundary-grid h3{font-size:19px}.boundary-grid p{margin-top:10px;font-size:14px}.boundary-icon{margin-bottom:16px}.practice-card,.support-card{gap:22px;padding:25px 20px}.practice-card{margin-top:49px}.support-card{margin-top:23px}.practice-card .eyebrow,.support-card .eyebrow{letter-spacing:.7px;font-size:8px}.practice-card h2,.support-card h2{font-size:29px}.practice-card p:not(.eyebrow),.support-card p:not(.eyebrow){font-size:13px}.practice-card .button,.support-card .button{justify-content:space-between;width:100%;font-size:13px}.site-footer{flex-direction:column;gap:20px;margin-top:27px;padding-bottom:28px;font-size:12px}.site-footer nav{justify-content:flex-start;gap:20px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}