* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    background:#fafafa;
    color:#202124;
    font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased
}

a {
    color:inherit;
    text-underline-offset:4px
}

a:hover {
    color:#286049
}

a:focus-visible,summary:focus-visible {
    outline:3px solid #39745b;
    outline-offset:5px
}

.shell {
    max-width:1060px;
    margin:auto;
    padding:0 40px
}

header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:26px 0;
    border-bottom:1px solid #e1e2e3
}

.brand {
    display:flex;
    gap:10px;
    align-items:center;
    font-size:21px;
    font-weight:650;
    text-decoration:none
}

nav {
    display:flex;
    gap:26px;
    font-size:14px
}

nav a {
    text-decoration:none
}

h1,h2,h3,p {
    margin:0
}

h1 {
    font-size:clamp(40px,6.5vw,70px);
    font-weight:620;
    line-height:1.08;
    letter-spacing:-.045em;
    max-width:720px
}

h2 {
    font-size:30px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.025em
}

h3 {
    font-size:19px;
    font-weight:600
}

.hero {
    padding:86px 0 72px
}

.eyebrow {
    font-size:12px;
    letter-spacing:.12em;
    font-weight:600;
    text-transform:uppercase;
    color:#69716d;
    margin-bottom:22px
}

.lede {
    font-size:21px;
    line-height:1.6;
    color:#606468;
    max-width:640px;
    margin-top:26px
}

.purchase {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:24px;
    margin-top:34px;
    font-size:14px
}

.badge {
    border:1px solid #d2d5d3;
    background:#f0f2f1;
    border-radius:7px;
    padding:12px 18px;
    font-weight:550
}

.compat {
    font-size:13px;
    color:#73777b;
    margin-top:20px
}

.facts {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    padding:30px 0;
    border-top:1px solid #dedfe0;
    border-bottom:1px solid #dedfe0
}

.facts h2 {
    font-size:16px;
    letter-spacing:0
}

.facts p {
    font-size:14px;
    color:#686d70;
    margin-top:6px
}

.section {
    padding:70px 0
}

.steps {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:38px;
    margin-top:40px
}

.number {
    font-size:13px;
    font-variant-numeric:tabular-nums;
    color:#7a807c;
    display:block;
    margin-bottom:14px
}

.steps p {
    font-size:15px;
    color:#64696c;
    margin-top:12px
}

.local {
    padding:34px 38px;
    background:#f0f1f0;
    border-radius:8px;
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:45px
}

.local h2 {
    font-size:27px
}

.local p {
    color:#5b625e
}

.faq {
    max-width:760px;
    padding:76px 0 35px
}

.faq h2 {
    margin-bottom:26px
}

details {
    border-bottom:1px solid #dedfe0;
    padding:19px 0
}

summary {
    cursor:pointer;
    font-weight:550;
    list-style-position:outside;
    margin-left:18px;
    padding-left:6px
}

details p {
    color:#62676a;
    margin:14px 0 4px 24px
}

.support {
    padding:35px 0 70px
}

.support h2 {
    font-size:23px
}

.support p {
    color:#686d70;
    margin:12px 0
}

footer {
    border-top:1px solid #dedfe0;
    padding:28px 0 35px;
    font-size:12px;
    color:#6b7073;
    display:flex;
    justify-content:space-between;
    gap:24px
}

footer div {
    display:flex;
    gap:24px
}

.prose {
    max-width:720px;
    padding:50px 0 80px;
    overflow-wrap:anywhere
}

.prose h1 {
    font-size:46px;
    margin-top:26px
}

.prose h2 {
    font-size:23px;
    margin:32px 0 12px
}

.prose p {
    margin:12px 0;
    color:#5e6568
}

.prose .date {
    font-size:13px;
    margin-top:20px
}

.back {
    font-size:14px
}

.skip {
    position:absolute;
    left:20px;
    top:-100px;
    background:white;
    padding:10px;
    z-index:2
}

.skip:focus {
    top:10px
}

@media(max-width:650px) {
    .shell {
    padding:0 24px
}

header {
    padding:20px 0
}

nav {
    gap:18px;
    font-size:13px
}

.hero {
    padding:58px 0 48px
}

.lede {
    font-size:18px
}

.facts {
    grid-template-columns:1fr;
    gap:22px
}

.steps {
    grid-template-columns:1fr;
    gap:30px
}

.section {
    padding:48px 0
}

.local {
    grid-template-columns:1fr;
    gap:18px;
    padding:26px
}

.faq {
    padding-top:48px
}

footer,footer div {
    flex-direction:column;
    gap:12px
}

.prose h1 {
    font-size:36px
}


}

@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto
}


}


/*# sourceMappingURL=main.css.d82609d37491.map */