:root{--sh-diy-ink: #101820;--sh-diy-midnight: #07131d;--sh-diy-midnight-soft: #0d202c;--sh-diy-paper: #f5f4ef;--sh-diy-white: #fff;--sh-diy-muted: #68747c;--sh-diy-aqua: #70ead2;--sh-diy-aqua-dark: #0e725f;--sh-diy-line: rgba(16, 24, 32, .14)}body:has(.diy-order){overflow-x:clip;background:var(--sh-diy-paper);color:var(--sh-diy-ink)}.diy-order{background:var(--sh-diy-paper);color:var(--sh-diy-ink)}.diy-order__shell{width:min(128rem,calc(100% - 4rem));margin-inline:auto}.diy-order__eyebrow,.diy-order__roadmap-label,.diy-order__step-count{margin:0 0 1.6rem;color:var(--sh-diy-aqua-dark);font-size:1.15rem;font-weight:700;letter-spacing:.19em;line-height:1.3;text-transform:uppercase}.diy-order__hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(7.5rem,10vw,13rem) 0 clamp(7rem,9vw,11rem);background:radial-gradient(circle at 86% 22%,rgba(112,234,210,.15),transparent 30%),linear-gradient(118deg,var(--sh-diy-midnight) 0%,var(--sh-diy-midnight) 58%,var(--sh-diy-midnight-soft) 100%);color:var(--sh-diy-white)}.diy-order__hero:before{position:absolute;z-index:-1;top:-31rem;right:-20rem;width:78rem;height:78rem;border:.1rem solid rgba(112,234,210,.2);border-radius:50%;box-shadow:0 0 0 8rem #70ead206,0 0 0 16rem #70ead205;content:""}.diy-order__hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(32rem,.75fr);gap:clamp(5rem,9vw,13rem);align-items:center}.diy-order__hero .diy-order__eyebrow,.diy-order__roadmap-label,.diy-order__footer .diy-order__eyebrow{color:var(--sh-diy-aqua)}.diy-order__hero h1{max-width:80rem;margin:0;color:var(--sh-diy-white);font-size:clamp(5rem,7.4vw,9.5rem);font-weight:500;letter-spacing:-.058em;line-height:.94;text-wrap:balance}.diy-order__subheading{max-width:68rem;margin:2.5rem 0 0;color:#ffffffb8;font-size:clamp(1.75rem,1.8vw,2.2rem);line-height:1.55}.diy-order__cta-group{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.diy-order__button{display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:1.3rem 2.3rem;border:.1rem solid var(--sh-diy-white);border-radius:.8rem;font-size:1.5rem;font-weight:650;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.diy-order__button:hover{transform:translateY(-.2rem)}.diy-order__button--light{background:var(--sh-diy-white);color:var(--sh-diy-ink)}.diy-order__button--light:hover{border-color:var(--sh-diy-aqua);background:var(--sh-diy-aqua);color:var(--sh-diy-ink)}.diy-order__button--outline{border-color:#ffffff6b;background:transparent;color:var(--sh-diy-white)}.diy-order__button--outline:hover{border-color:var(--sh-diy-white);background:#ffffff14;color:var(--sh-diy-white)}.diy-order__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;max-width:72rem;margin-top:4.5rem;padding-top:2rem;border-top:.1rem solid rgba(255,255,255,.16);color:#ffffff9e;font-size:1.2rem}.diy-order__trust span{position:relative;padding-left:1.7rem}.diy-order__trust span:before{position:absolute;top:.5rem;left:0;width:.65rem;height:.65rem;border-radius:50%;background:var(--sh-diy-aqua);content:""}.diy-order__roadmap{padding:clamp(2.8rem,4vw,4.5rem);border:.1rem solid rgba(255,255,255,.16);border-radius:2.2rem;background:#ffffff0e;box-shadow:0 2.4rem 6rem #0000002e;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.diy-order__roadmap ol{margin:0;padding:0;list-style:none}.diy-order__roadmap li+li{border-top:.1rem solid rgba(255,255,255,.14)}.diy-order__roadmap a{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;align-items:center;padding:1.7rem 0;color:var(--sh-diy-white);text-decoration:none}.diy-order__roadmap a>span{color:var(--sh-diy-aqua);font-size:1.2rem;font-weight:700;letter-spacing:.12em}.diy-order__roadmap strong{font-size:1.55rem;font-weight:600;transition:color .18s ease}.diy-order__roadmap a:hover strong{color:var(--sh-diy-aqua)}.diy-order__body{padding:clamp(7rem,9vw,12rem) 0 clamp(8rem,11vw,15rem)}.diy-order__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,.7fr);gap:4rem clamp(6rem,10vw,15rem);align-items:end;margin-bottom:clamp(5rem,7vw,9rem)}.diy-order__intro h2{max-width:70rem;margin:0;color:var(--sh-diy-ink);font-size:clamp(4rem,5.8vw,7rem);font-weight:500;letter-spacing:-.05em;line-height:.98;text-wrap:balance}.diy-order__intro>p{margin:0;color:var(--sh-diy-muted);font-size:1.7rem;line-height:1.65}.diy-order__steps{border-top:.1rem solid var(--sh-diy-line)}.diy-order__step{display:grid;grid-template-columns:minmax(0,1fr) minmax(34rem,.82fr);gap:clamp(4rem,8vw,11rem);align-items:center;padding:clamp(5rem,7vw,9rem) 0;border-bottom:.1rem solid var(--sh-diy-line);scroll-margin-top:4rem}.diy-order__step--reverse .diy-order__step-media{order:2}.diy-order__step-media{position:relative;overflow:hidden;border-radius:1.8rem;background:var(--sh-diy-midnight-soft);box-shadow:0 2.4rem 6rem #07131d24}.diy-order__step-media:after{position:absolute;top:0;right:0;bottom:0;left:0;border:.1rem solid rgba(255,255,255,.15);border-radius:inherit;box-shadow:inset 0 -7rem 8rem #030c1414;content:"";pointer-events:none}.diy-order__step-media img{display:block;width:100%;height:auto}.diy-order__step-number{position:absolute;z-index:1;right:2rem;bottom:1rem;color:#ffffff57;font-size:clamp(5rem,7vw,9rem);font-weight:600;letter-spacing:-.06em;line-height:1}.diy-order__step-content{max-width:53rem}.diy-order__step-content h2{margin:0;color:var(--sh-diy-ink);font-size:clamp(3.4rem,4.2vw,5.5rem);font-weight:500;letter-spacing:-.045em;line-height:1.02}.diy-order__step-description{margin:1.8rem 0 0;color:var(--sh-diy-muted);font-size:1.75rem;line-height:1.6}.diy-order__detail-list{display:grid;gap:1.1rem;margin:2.5rem 0 0;padding:2.4rem 0 0;border-top:.1rem solid var(--sh-diy-line);list-style:none}.diy-order__detail-list li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;color:#35434b;font-size:1.5rem;line-height:1.55}.diy-order__detail-list li>span{color:var(--sh-diy-aqua-dark);font-weight:700}.diy-order__note{display:grid;gap:.35rem;margin-top:2.4rem;padding:1.8rem 2rem;border-left:.35rem solid var(--sh-diy-aqua-dark);background:#70ead221}.diy-order__note strong{color:var(--sh-diy-ink);font-size:1.5rem}.diy-order__note span{color:#4f5e66;font-size:1.35rem}.diy-order__step-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.8rem;color:var(--sh-diy-ink);font-size:1.5rem;font-weight:700;text-decoration:none}.diy-order__step-cta span{color:var(--sh-diy-aqua-dark);font-size:1.9rem;transition:transform .18s ease}.diy-order__step-cta:hover span{transform:translate(.35rem)}.diy-order__footer{position:relative;overflow:hidden;padding:clamp(6rem,8vw,10rem) 0;background:var(--sh-diy-midnight);color:var(--sh-diy-white)}.diy-order__footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem 8rem;align-items:center}.diy-order__footer h2{max-width:75rem;margin:0;color:var(--sh-diy-white);font-size:clamp(4rem,5.5vw,6.8rem);font-weight:500;letter-spacing:-.05em;line-height:1}.diy-order__footer p:not(.diy-order__eyebrow){max-width:70rem;margin:2rem 0 0;color:#ffffffa8;font-size:1.6rem;line-height:1.6}.diy-order__footer .diy-order__cta-group{min-width:23rem;margin-top:0;flex-direction:column}@media(max-width:989px){.diy-order__hero-inner,.diy-order__intro,.diy-order__footer-inner{grid-template-columns:1fr}.diy-order__roadmap{max-width:64rem}.diy-order__step{grid-template-columns:1fr;gap:4rem}.diy-order__step--reverse .diy-order__step-media{order:initial}.diy-order__step-content{max-width:68rem}.diy-order__footer .diy-order__cta-group{min-width:0;align-items:flex-start}}@media(max-width:749px){.diy-order__shell{width:min(100% - 3rem,128rem)}.diy-order__hero{padding:6.5rem 0}.diy-order__hero h1{font-size:clamp(4.4rem,14vw,6.2rem)}.diy-order__hero-inner{gap:4.5rem}.diy-order__cta-group,.diy-order__footer .diy-order__cta-group{width:100%;flex-direction:column}.diy-order__button{width:100%}.diy-order__trust{grid-template-columns:1fr}.diy-order__roadmap{padding:2.4rem;border-radius:1.6rem}.diy-order__intro{gap:2.5rem}.diy-order__intro h2{font-size:clamp(3.7rem,12vw,5rem)}.diy-order__step-media{border-radius:1.2rem}.diy-order__step-content h2{font-size:3.7rem}}@media(prefers-reduced-motion:reduce){.diy-order__button,.diy-order__step-cta span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/showhome-diy-order.css.map */