@font-face{font-family:Inter;src:url(inter-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(inter-400-latin-ext.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(inter-500-latin.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(inter-500-latin-ext.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(inter-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(inter-600-latin-ext.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Display;src:url(interdisplay-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Display;src:url(interdisplay-400-latin-ext.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}.bo-section{--color-accent: #2252ff;--color-ink: #121212;--color-muted: #707078;--color-bg: #fafafb;--color-surface: #ffffff;--color-wash: #efefef;--color-line: #eaeaea;--chip-blue: #d9ecff;--chip-green: #cdf4c9;--chip-peach: #fff0eb;--chip-lavender: #f3ebff;--radius-card: 24px;--radius-inner: 16px;--radius-pill: 999px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv01" on,"cv09" on,"cv11" on;font-size:16px;letter-spacing:normal;line-height:1.6;color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bo-section *,.bo-section *:before,.bo-section *:after{box-sizing:border-box}.bo-section h1,.bo-section h2,.bo-section h3,.bo-section h4{margin:0 0 .5em;font-family:inherit;font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;color:inherit;text-transform:none}.bo-section h1{font-size:clamp(41.6px,6.5vw,73.6px)}.bo-section h2{font-size:clamp(30.4px,4vw,48px)}.bo-section h3{font-family:Inter Display,Inter,sans-serif;font-weight:400;font-size:clamp(19.2px,2vw,24px);letter-spacing:-.01em}.bo-section p{margin:0 0 1em}.bo-section a{color:inherit}.bo-section .container{width:min(1180px,100% - 40px);margin-inline:auto}.bo-section.section-pad{padding-block:clamp(64px,9vw,128px)}.bo-section .section-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--chip-blue);color:var(--color-accent);font-size:12.8px;font-weight:600;letter-spacing:.01em;margin-bottom:20px}.bo-section .section-lede{max-width:34em;color:var(--color-muted);font-size:clamp(16.8px,1.5vw,20px)}.bo-section .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:45px;padding:9px 20px;border-radius:6px;border:1px solid transparent;font:inherit;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1;text-decoration:none;cursor:pointer;overflow:hidden;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.bo-section .btn:active{opacity:.85}.bo-section .btn--primary{background:var(--color-accent);color:#fff}.bo-section .btn--primary:hover{background:#1a45e8}.bo-section .btn--ghost{background:transparent;border-color:#474747;color:var(--color-ink)}.bo-section .btn--ghost:hover{background:#1212120a}.bo-section .btn--dark{background:#000;color:#fff}.bo-section .btn--dark:hover{background:#1c1c1c}.bo-section .btn--full{width:100%}.bo-section .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-size:12.48px;font-weight:600;white-space:nowrap}.bo-section .pill--blue{background:var(--chip-blue);color:var(--color-accent)}.bo-section .pill--green{background:var(--chip-green);color:#284f28}.bo-section .pill--peach{background:var(--chip-peach);color:#4f3728}.bo-section .pill--lavender{background:var(--chip-lavender);color:#49284f}.bo-section.hero{position:relative;overflow:clip;background:var(--color-bg)}.bo-section .hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:clamp(72px,10vw,140px)}.bo-section.hero h1{margin-bottom:24px;max-width:16em}.bo-section .hero__sub{font-size:clamp(17.6px,1.8vw,20.8px);color:var(--color-muted);max-width:30em;margin-inline:auto;margin-bottom:36px}.bo-section .hero__sub strong{color:var(--color-ink);font-weight:600}.bo-section .hero__sub p{margin:0}.bo-section .hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bo-section .hero__note{margin-top:20px;font-size:13.6px;color:var(--color-muted)}.bo-section.comparison{background:var(--color-wash)}.bo-section .comparison__grid{display:flex;gap:20px;margin-top:clamp(36px,5vw,56px)}@media(max-width:760px){.bo-section .comparison__grid{flex-direction:column}}.bo-section .compare-card{flex:1 0 0;border-radius:12px;padding:clamp(28px,4vw,42px);min-height:clamp(360px,38vw,552px);display:flex;flex-direction:column;align-items:flex-start;color:#fff}.bo-section .compare-card--win{background:var(--color-accent);gap:40px}.bo-section .compare-card--lose{background:#121212;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:32px}.bo-section .compare-card__name{display:flex;align-items:center;gap:12px;font-size:clamp(21.6px,2.1vw,30px);font-weight:500;letter-spacing:-.06em;line-height:1.2;color:#fff}.bo-section .compare-card__name .wordmark{display:block;width:clamp(150px,14vw,200px);height:auto;color:#fff}.bo-section .compare-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.bo-section .compare-card li{display:flex;gap:12px;align-items:center;font-size:clamp(18.4px,2.1vw,30px);letter-spacing:-.06em;line-height:1.2;color:#fff;white-space:nowrap}@media(max-width:1080px){.bo-section .compare-card li{white-space:normal}}.bo-section .compare-card__icon{flex:none;display:inline-flex;align-items:center}.bo-section .compare-card__icon svg{display:block;width:19px;height:15px;overflow:visible}.bo-section .compare-card--lose .compare-card__icon svg{width:14px;height:15px}.bo-section .comparison__stat{margin-top:28px;text-align:center;color:var(--color-muted);font-size:15.2px}.bo-section .comparison__stat strong{color:var(--color-ink)}.bo-section .demo-choose{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(36px,5vw,56px)}@media(max-width:760px){.bo-section .demo-choose{grid-template-columns:1fr}}.bo-section .demo-choice{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(28px,4vw,42px);background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;text-decoration:none;transition:border-color .15s ease,transform .2s ease,box-shadow .2s ease}.bo-section .demo-choice:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 24px 48px -28px #12121240}.bo-section .demo-choice__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bo-section .demo-choice__title{font-size:clamp(21.6px,2.1vw,30px);font-weight:500;letter-spacing:-.06em;line-height:1.2}.bo-section .demo-choice__desc{color:var(--color-muted);margin:0;font-size:16px}.bo-section .demo-choice__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15.2px}.bo-section .demo-choice__points li{display:flex;gap:10px;align-items:baseline}.bo-section .demo-choice__points li:before{content:"\2713";color:var(--color-accent);font-weight:600}.bo-section .demo-choice__cta{margin-top:auto;align-self:stretch}.bo-section .demo-steps{display:grid;gap:14px;margin-top:clamp(36px,5vw,56px);grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.bo-section .demo-steps{grid-template-columns:1fr}}.bo-section .demo-step{border-radius:var(--radius-inner);padding:22px 24px;font-size:15.2px}.bo-section .demo-step__num{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-ink);color:#fff;font-size:12.8px;font-weight:600;margin-bottom:12px}.bo-section .demo-step h3{font-size:16.32px;margin-bottom:4px;font-family:inherit;font-weight:600;letter-spacing:-.02em}.bo-section .demo-step p{margin:0;color:color-mix(in srgb,var(--color-ink) 68%,transparent)}.bo-section.post-checkout{background:var(--color-wash)}.bo-section .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(36px,5vw,56px)}@media(max-width:980px){.bo-section .timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.bo-section .timeline{grid-template-columns:1fr}}.bo-section .timeline__card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:26px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.bo-section .timeline__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px #12121240}.bo-section .timeline__card h3{font-size:16.8px;margin-block:14px 6px;font-family:inherit;font-weight:600;letter-spacing:-.02em}.bo-section .timeline__card p{margin:0;font-size:14.72px;color:var(--color-muted)}.bo-section .portal-mock{margin-top:clamp(40px,6vw,64px);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:clamp(24px,3.5vw,40px);box-shadow:0 30px 60px -40px #1212124d}.bo-section .portal-mock__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--color-line);margin-bottom:18px}.bo-section .portal-mock__order{font-weight:600;letter-spacing:-.02em}.bo-section .portal-mock__rows{display:grid;gap:0}.bo-section .portal-mock__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:13px;border-bottom:1px solid var(--color-line);font-size:15.2px}.bo-section .portal-mock__row:last-child{border-bottom:0}.bo-section .portal-mock__label{color:var(--color-muted)}.bo-section .portal-mock__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.bo-section .install-cta__card{background:var(--color-ink);color:#fff;border-radius:calc(var(--radius-card) + 8px);padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);text-align:center;position:relative;overflow:clip}.bo-section .install-cta__card:before{content:"";position:absolute;inset:auto -20% -60%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-accent) 55%,transparent),transparent);opacity:.55;pointer-events:none}.bo-section .install-cta__card>*{position:relative}.bo-section .install-cta__card h2{color:#fff;max-width:18em;margin-inline:auto}.bo-section .install-cta__sub{color:#ffffffb3;max-width:36em;margin:16px auto 36px;font-size:17.6px}.bo-section .install-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bo-section .install-cta__meta{margin-top:24px;font-size:13.6px;color:#ffffff80}.bo-section .install-cta__card .btn--ghost{color:#fff;border-color:#474747}.bo-section .install-cta__card .btn--ghost:hover{background:#ffffff14}@media(prefers-reduced-motion:no-preference){.bo-section .reveal{opacity:0;transform:translateY(24px);animation:bo-reveal-in .7s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 36%}@keyframes bo-reveal-in{to{opacity:1;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/backorder-landing.css.map */