.guide-pro{max-width:1240px!important;padding-left:40px!important;padding-right:40px!important}.guide-pro .blg__crumb{margin-bottom:28px}.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#141616;color:#f7f5ee;border-radius:4px;overflow:hidden}.guide-hero__copy{padding:48px 40px}.guide-kicker{font:11px/1.4 ui-monospace,monospace!important;letter-spacing:.14em;text-transform:uppercase;color:#b54a36;margin:0 0 20px!important}.guide-hero .guide-kicker{color:#ef9986}.guide-hero h1{font-size:clamp(32px,3.7vw,54px);line-height:1.04;letter-spacing:-.04em;margin:0 0 24px;font-weight:650;text-transform:none}.guide-hero h1 span{color:#b5b7b1}.guide-hero__intro{max-width:390px;font-size:16px;line-height:1.65;color:#d4d5cf}.guide-button{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;background:#eeeae0;color:#171818!important;text-decoration:none!important;font-size:14px;font-weight:600;margin:18px 0 0}.guide-button:hover{background:#fff}.guide-button:focus-visible,.guide-steps a:focus-visible{outline:3px solid #dd8066;outline-offset:4px}.guide-hero__note{font-size:11px;color:#b5b7b1;margin-top:20px}.guide-hero__visual{margin:24px;background:#ebe8e0;padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.guide-hero__visual img{display:block;width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}.guide-hero__visual figcaption{display:flex;justify-content:space-between;gap:10px;color:#484b45;font:10px/1.5 ui-monospace,monospace;margin-top:16px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cbc9c1;margin-bottom:60px}.guide-steps a{display:flex;align-items:center;gap:14px;padding:22px 10px;text-decoration:none;color:#222;font-size:13px}.guide-steps span{color:#9e4b38;font:11px ui-monospace,monospace}.guide-pro .blg__body{max-width:none}.guide-section-title{max-width:630px;scroll-margin-top:130px}.guide-pro .blg__body h2{font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.025em;text-transform:none;margin:46px 0 16px;scroll-margin-top:120px}.guide-pro .guide-section-title h2{margin-top:0}.guide-pro .blg__body>p{max-width:760px;font-size:16px;line-height:1.8;color:#44483f}.guide-pro .f1-compare{margin:32px 0 58px;border:1px solid #d0cfc6;border-radius:4px;background:#f8f7f2}.guide-pro .f1-compare caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide-pro .f1-compare thead{background:#e6e6df}.guide-pro .f1-compare th,.guide-pro .f1-compare td{padding:20px 16px;font-size:13px;line-height:1.65;border-color:#d8d8cf}.guide-pro .f1-compare thead th{font:10px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}.guide-pro .f1-compare th:first-child{width:25%}.guide-kit-name{display:flex;align-items:center;gap:14px;text-decoration:none!important}.guide-kit-name img{flex-shrink:0;object-fit:contain;mix-blend-mode:multiply}.guide-kit-name span{font-size:15px;font-weight:650}.guide-pro .blg__back{border-top:1px solid #ccc;padding-top:24px}@media(max-width:700px){.guide-pro{padding-left:20px!important;padding-right:20px!important}.guide-hero{grid-template-columns:1fr}.guide-hero__copy{padding:28px 24px}.guide-hero h1{font-size:36px}.guide-hero__visual{margin:0 16px 16px;padding:14px}.guide-hero__visual img{height:190px}.guide-steps{margin-bottom:36px}.guide-steps a{align-items:flex-start;flex-direction:column;gap:6px;font-size:11px;padding:16px 6px}.guide-pro .f1-compare{border:0;background:none}.guide-pro .f1-compare tr{background:#f8f7f2;margin-bottom:18px}.guide-pro .f1-compare th:first-child{width:auto}.guide-pro .f1-compare th,.guide-pro .f1-compare td{padding:14px 12px}.guide-pro .f1-compare td:last-child{border:0}.guide-pro .blg__body>p{font-size:15px}}.guide-pro{max-width:none!important;padding:0 var(--mx,6vw) 70px!important}.guide-pro .blg__crumb{font-size:11px;padding:28px 0;margin:0}.guide-hero--editorial{position:relative;display:flex;align-items:center;min-height:580px;border-radius:0;isolation:isolate;margin:0 calc(-1 * var(--mx,6vw));background:#141414;overflow:hidden}.guide-hero--editorial:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000d6,#0000004d 56%,#0000000f);z-index:-1}.guide-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2}.guide-hero--editorial .guide-hero__copy{padding:68px var(--mx,6vw);max-width:700px}.guide-hero--editorial h1{font-family:var(--sans-stack);font-size:clamp(38px,4.4vw,66px);font-weight:500;letter-spacing:-.035em;line-height:1.06;color:#fff}.guide-kicker span{color:var(--accent,#e02b1e);margin-right:10px}.guide-hero--editorial .guide-kicker{color:#ddd;letter-spacing:.12em}.guide-hero--editorial .guide-hero__intro{font-size:17px;line-height:1.65;max-width:365px;color:#e0e0e0}.guide-hero--editorial .guide-button{border-radius:999px;background:#fff;padding:15px 24px;font-weight:500}.guide-hero--editorial .guide-hero__note{position:absolute;right:var(--mx,6vw);bottom:25px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#ddd}.guide-steps{margin-bottom:0}.guide-start{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding:86px 0 80px;border-bottom:1px solid #d1d0c9;scroll-margin-top:130px}.guide-start h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.03em}.guide-start__intro{font-size:21px;line-height:1.55;max-width:650px;color:#30332e}.guide-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px}.guide-decisions>div{border-top:1px solid #bdbeb7;padding-top:19px}.guide-decisions span{font:10px ui-monospace,monospace;color:#696b64;letter-spacing:.07em}.guide-decisions h3{font-size:18px;font-weight:500;margin:18px 0 12px;letter-spacing:-.015em}.guide-decisions p{font-size:14px;line-height:1.7;color:#555950}.guide-text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #444;padding-bottom:7px;margin-top:30px;font-size:14px}.guide-text-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.guide-pro .blg__body{padding-top:68px}.guide-pro .blg__body h2,.guide-pro .guide-kit-name span{font-weight:500}@media(max-width:700px){.guide-pro{padding-left:22px!important;padding-right:22px!important}.guide-hero--editorial{margin:0 -22px;min-height:540px}.guide-hero--editorial .guide-hero__copy{padding:48px 25px 75px}.guide-hero--editorial h1{font-size:42px}.guide-hero__backdrop{object-position:63% center}.guide-hero--editorial:after{background:linear-gradient(90deg,#000000d1,#00000054)}.guide-hero--editorial .guide-hero__intro{font-size:16px}.guide-hero--editorial .guide-hero__note{left:25px;right:20px;bottom:24px;font-size:8px}.guide-start{grid-template-columns:1fr;gap:26px;padding:46px 0}.guide-start h2{font-size:32px}.guide-start__intro{font-size:18px}.guide-decisions{grid-template-columns:1fr;gap:24px;margin-top:28px}.guide-decisions h3{margin:10px 0}.guide-pro .blg__body{padding-top:40px}}.guide-pro .f1-compare{border:0;border-top:1px solid #bfc0b8;border-bottom:1px solid #bfc0b8;background:transparent;border-radius:0}.guide-pro .f1-compare thead{background:transparent}.guide-pro .f1-compare thead th{padding-top:16px;padding-bottom:16px;color:#62665d}.guide-pro .f1-compare tbody tr{transition:background .15s}.guide-pro .f1-compare tbody tr:hover{background:#e7e7df}.guide-pro .f1-compare tbody th,.guide-pro .f1-compare tbody td{padding-top:25px;padding-bottom:25px}.guide-pro .guide-kit-name img{width:96px;height:96px}.guide-pro .guide-kit-name span{font-size:17px}.guide-pro .f1-compare a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.guide-battery,.guide-questions{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding:72px 0;border-top:1px solid #c8c9c1;scroll-margin-top:130px}.guide-pro .guide-battery h2,.guide-pro .guide-questions h2{margin:0 0 24px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.12}.guide-battery__heading>p:not(.guide-kicker){max-width:360px;line-height:1.8;color:#51564d;font-size:16px}.guide-system{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:25px 0;border-top:1px solid #bfc0b8}.guide-system:first-child{padding-top:0;border:0}.guide-system__voltage{font-size:66px;line-height:1;font-weight:400;letter-spacing:-.05em}.guide-system__voltage>span{font-size:24px;color:#8a8e83;margin-left:5px}.guide-system h3{font-size:18px;font-weight:500;margin:0 0 12px}.guide-system p,.guide-cost-note{font-size:14px;line-height:1.75;color:#51564d}.guide-cost-note{padding-top:22px;border-top:1px solid #bfc0b8}.guide-answers details{border-top:1px solid #bfc0b8}.guide-answers details:last-child{border-bottom:1px solid #bfc0b8}.guide-answers summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:500}.guide-answers summary::-webkit-details-marker{display:none}.guide-answers summary>span{font-size:24px;font-weight:400;transition:transform .15s}.guide-answers details[open] summary>span{transform:rotate(45deg)}.guide-answers details>div{padding:0 30px 25px 0}.guide-answers p{font-size:15px;line-height:1.8;color:#51564d;margin:0 0 16px}.guide-answers a{display:inline-block;font-size:13px;margin:0 25px 5px 0;text-decoration:underline;text-underline-offset:5px}.guide-answers summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.guide-fit-finish{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding:60px;background:#101111;color:#fff;margin:0 0 55px;scroll-margin-top:125px}.guide-pro .guide-fit-finish h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;margin:0 0 20px;color:#fff}.guide-fit-finish .guide-kicker{color:#bbb}.guide-fit-finish p{font-size:16px;line-height:1.75;color:#c1c4bc;max-width:460px}.guide-fit-finish .guide-button{border-radius:999px;background:#fff}.guide-fit-checklist{border-left:1px solid #42453e;padding-left:45px}.guide-fit-checklist>p:first-child{font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em}.guide-fit-checklist ul{list-style:none;padding:0;margin:22px 0}.guide-fit-checklist li{padding:10px 0;border-bottom:1px solid #35382f;font-size:15px}.guide-fit-checklist li:before{content:"\2197";color:#e02b1e;margin-right:12px}.guide-fit-checklist .guide-fit-small{font-size:13px}.guide-fit-checklist>a{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:18px}@media(max-width:700px){.guide-pro .f1-compare{border:0}.guide-pro .f1-compare tbody tr{border:0;border-top:1px solid #bfc0b8;border-bottom:1px solid #bfc0b8;border-radius:0;background:transparent;padding:0;margin-bottom:26px}.guide-pro .f1-compare tbody td,.guide-pro .f1-compare tbody th{padding:16px 8px}.guide-battery,.guide-questions{grid-template-columns:1fr;gap:30px;padding:45px 0}.guide-system{grid-template-columns:85px 1fr;gap:18px}.guide-system__voltage{font-size:54px}.guide-answers summary{font-size:17px}.guide-fit-finish{grid-template-columns:1fr;gap:34px;padding:30px 24px;margin-left:-22px;margin-right:-22px}.guide-fit-checklist{padding:28px 0 0;border-left:0;border-top:1px solid #42453e}}@media(prefers-reduced-motion:reduce){.guide-pro .f1-compare tbody tr,.guide-answers summary>span{transition:none}}.guide-pro .blg__body .guide-fit-checklist>a{color:#e0e3da}.guide-pro .blg__body .guide-fit-checklist li:before{position:static;display:inline-block;width:auto;height:auto;background:none;transform:none;border-radius:0;margin-right:12px}.guide-pro .blg__body .guide-fit-checklist ul{padding-left:0}.guide-pro .guide-button{transition:background-color .2s,color .2s,box-shadow .2s}.guide-pro .guide-button>span,.guide-pro .guide-text-link>span{display:inline-block;transition:transform .22s ease}.guide-pro .guide-button:is(:hover,:focus-visible)>span,.guide-pro .guide-text-link:is(:hover,:focus-visible)>span{transform:translate(3px,-2px)}.guide-pro .guide-button:is(:hover,:focus-visible){background:#e8e8e0;box-shadow:0 4px 16px #00000014}.guide-pro .guide-steps a{transition:color .18s}.guide-pro .guide-steps a:is(:hover,:focus-visible){color:#a51e14}@media(prefers-reduced-motion:reduce){.guide-pro .guide-button,.guide-pro .guide-button>span,.guide-pro .guide-text-link>span,.guide-pro .guide-steps a{transition:none}.guide-pro .guide-button:is(:hover,:focus-visible)>span,.guide-pro .guide-text-link:is(:hover,:focus-visible)>span{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/f1-guide-design.css.map */