.diy-offer-price[data-astro-cid-yirigtj7]{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin:.9rem 0}.comparison[data-astro-cid-yirigtj7]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.7rem;row-gap:.1rem}.comparison[data-astro-cid-yirigtj7] s[data-astro-cid-yirigtj7]{color:#ff969b;font-size:1.6rem;font-weight:650;text-decoration-thickness:2px}.comparison[data-astro-cid-yirigtj7]>span[data-astro-cid-yirigtj7]{color:#d6dce1;font-size:.76rem;line-height:1.4}.offer-now[data-astro-cid-yirigtj7]{font-size:clamp(2.8rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em;color:#fff;font-weight:750}.saving[data-astro-cid-yirigtj7]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;padding:.45rem .7rem;border:1px solid #ff969b;border-radius:.45rem;background:#52262d;color:#fff0f0;line-height:1.3}.saving[data-astro-cid-yirigtj7] strong[data-astro-cid-yirigtj7]{font-size:.96rem;font-weight:750}.saving[data-astro-cid-yirigtj7]>span[data-astro-cid-yirigtj7]{font-size:.8rem;font-weight:650;color:#ffb6b9}.price-terms[data-astro-cid-yirigtj7]{color:#c7d0d6;font-size:.8rem;line-height:1.45}.compact[data-astro-cid-yirigtj7]{gap:.5rem;margin:.35rem 0 .6rem}.compact[data-astro-cid-yirigtj7] .comparison[data-astro-cid-yirigtj7]{flex-direction:column}.compact[data-astro-cid-yirigtj7] .comparison[data-astro-cid-yirigtj7] s[data-astro-cid-yirigtj7]{font-size:1.1rem}.compact[data-astro-cid-yirigtj7] .comparison[data-astro-cid-yirigtj7]>span[data-astro-cid-yirigtj7]{font-size:.68rem}.compact[data-astro-cid-yirigtj7] .offer-now[data-astro-cid-yirigtj7]{font-size:2rem}.compact[data-astro-cid-yirigtj7] .saving[data-astro-cid-yirigtj7]{gap:.2rem .5rem;padding:.35rem .45rem}.compact[data-astro-cid-yirigtj7] .saving[data-astro-cid-yirigtj7] strong[data-astro-cid-yirigtj7]{font-size:.77rem}.compact[data-astro-cid-yirigtj7] .saving[data-astro-cid-yirigtj7]>span[data-astro-cid-yirigtj7]{font-size:.7rem}.compact[data-astro-cid-yirigtj7] .price-terms[data-astro-cid-yirigtj7]{font-size:.65rem}[data-astro-cid-yirigtj7][data-diy-promotion][hidden]{display:none}@media(max-width:440px){.compact[data-astro-cid-yirigtj7] .offer-now[data-astro-cid-yirigtj7]{font-size:1.65rem}.compact[data-astro-cid-yirigtj7] .saving[data-astro-cid-yirigtj7]{flex-direction:column;align-items:flex-start}.compact[data-astro-cid-yirigtj7] .saving[data-astro-cid-yirigtj7] strong[data-astro-cid-yirigtj7]{font-size:.73rem}}.diy-promotion[data-astro-cid-zkdxbg7i]{margin:.9rem 0 1.1rem;color:#c7d0d6;font-size:.85rem;line-height:1.65}.diy-promotion[data-astro-cid-zkdxbg7i] strong[data-astro-cid-zkdxbg7i]{display:block;color:#32b4f5;font-weight:650}.diy-promotion[data-astro-cid-zkdxbg7i] span[data-astro-cid-zkdxbg7i]{display:block}.diy-promotion[data-astro-cid-zkdxbg7i][hidden]{display:none}.diy-roof-photo[data-astro-cid-x2uzy76g]{margin:0;overflow:hidden;border:1px solid var(--diy-hair);border-radius:1rem;background:#131b22;box-shadow:var(--diy-shadow)}.diy-roof-stage[data-astro-cid-x2uzy76g]{position:relative;aspect-ratio:16 / 9;overflow:hidden}.diy-roof-stage[data-astro-cid-x2uzy76g]>img[data-astro-cid-x2uzy76g]{display:block;width:100%;height:100%;object-fit:cover}.diy-roof-overlay[data-astro-cid-x2uzy76g]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.diy-roof-overlay[data-astro-cid-x2uzy76g]>svg[data-astro-cid-x2uzy76g]{width:100%;height:100%}.diy-roof-label[data-astro-cid-x2uzy76g]{position:absolute;transform:translate(-50%,-50%);padding:.35rem .6rem;border:1px solid #38b6ff;border-radius:4px;background:#101820;color:#fff;font-size:clamp(.65rem,1vw,.9rem);font-weight:700;white-space:nowrap}.diy-roof-overlay[data-astro-cid-x2uzy76g][hidden],.diy-roof-toggle[data-astro-cid-x2uzy76g][hidden]{display:none}.diy-roof-measure-shadow[data-astro-cid-x2uzy76g]{stroke:#0a141c;stroke-width:9;opacity:.7}.diy-roof-measure-run[data-astro-cid-x2uzy76g]{stroke:#38b6ff;stroke-width:4}.diy-roof-toggle[data-astro-cid-x2uzy76g]{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.65rem;min-height:44px;border:1px solid #78858f;border-radius:6px;padding:.65rem 1rem;background:#101820;color:#f3f5f7;font:500 .9rem var(--diy-text);cursor:pointer}.diy-roof-toggle[data-astro-cid-x2uzy76g][aria-pressed=true]{color:#101820;background:#f3f5f7}.diy-roof-toggle[data-astro-cid-x2uzy76g]:focus-visible{outline:3px solid var(--diy-blue);outline-offset:4px}.diy-roof-caption[data-astro-cid-x2uzy76g]{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem}.diy-roof-caption[data-astro-cid-x2uzy76g] strong[data-astro-cid-x2uzy76g]{color:var(--diy-ink);font-size:1.15rem}.diy-roof-caption[data-astro-cid-x2uzy76g] p[data-astro-cid-x2uzy76g]{margin:.5rem 0 0;color:var(--diy-body);font-size:.9rem;line-height:1.55}.diy-roof-total[data-astro-cid-x2uzy76g]{display:grid;gap:.3rem;flex-shrink:0;font-size:.9rem;color:var(--diy-body)}.diy-roof-total[data-astro-cid-x2uzy76g] strong[data-astro-cid-x2uzy76g]{font-size:1.6rem;color:var(--diy-blue)}.diy-roof-total[data-astro-cid-x2uzy76g] small[data-astro-cid-x2uzy76g]{font-size:.75rem}.diy-planning-steps[data-astro-cid-x2uzy76g]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0;padding:2rem;list-style:none;border:1px solid var(--diy-hair);border-radius:1rem;background:#101419e6}.diy-planning-steps[data-astro-cid-x2uzy76g] li[data-astro-cid-x2uzy76g]{display:flex;align-items:flex-start;gap:1rem}.diy-planning-number[data-astro-cid-x2uzy76g]{color:var(--diy-blue);font-size:.8rem;font-weight:700;padding-top:.15rem}.diy-planning-steps[data-astro-cid-x2uzy76g] h3[data-astro-cid-x2uzy76g]{font-size:1rem;line-height:1.4;margin:0}.diy-planning-steps[data-astro-cid-x2uzy76g] p[data-astro-cid-x2uzy76g]{font-size:.9rem;line-height:1.6;margin:.7rem 0;color:var(--diy-body)}.diy-planning-steps[data-astro-cid-x2uzy76g] .diy-text-link[data-astro-cid-x2uzy76g]{font-size:.88rem}.diy-format-card[data-astro-cid-x2uzy76g]{min-width:0}.diy-format-card[data-astro-cid-x2uzy76g] .diy-cta[data-astro-cid-x2uzy76g]{max-width:100%;white-space:normal;min-width:0}@media(max-width:760px){.diy-roof-caption[data-astro-cid-x2uzy76g]{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.diy-planning-steps[data-astro-cid-x2uzy76g]{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.diy-roof-toggle[data-astro-cid-x2uzy76g]{right:.65rem;bottom:.65rem;font-size:.75rem;padding:.45rem .65rem;gap:.45rem}}@media(max-width:480px){.diy-roof-toggle[data-astro-cid-x2uzy76g]{top:.65rem;bottom:auto}}.diy-section-head[data-astro-cid-657s6hla]{padding:1.5rem;border-radius:1rem;background:#101820f0;border:1px solid var(--diy-hair)}.diy-install-scenes[data-astro-cid-657s6hla]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}.diy-install-scene[data-astro-cid-657s6hla]{min-width:0;overflow:hidden;border-radius:1rem;background:#131b22;border:1px solid var(--diy-hair);box-shadow:var(--diy-shadow)}.diy-install-photo[data-astro-cid-657s6hla]{position:relative;overflow:hidden;aspect-ratio:1200 / 676;background:#26302f}.diy-install-photo[data-astro-cid-657s6hla] img[data-astro-cid-657s6hla]{display:block;width:100%;height:100%;object-fit:cover}.diy-install-number[data-astro-cid-657s6hla]{position:absolute;top:1rem;left:1rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid #738792;border-radius:50%;background:#101820;color:#38b6ff;font:600 .8rem var(--diy-text)}.diy-install-copy[data-astro-cid-657s6hla]{padding:1.5rem}.diy-install-copy[data-astro-cid-657s6hla] h3[data-astro-cid-657s6hla]{margin:0 0 .7rem;font-size:1.2rem;line-height:1.3;color:var(--diy-ink)}.diy-install-copy[data-astro-cid-657s6hla] p[data-astro-cid-657s6hla]{margin:0;color:var(--diy-body);font-size:.9375rem;line-height:1.6}.diy-install-footer[data-astro-cid-657s6hla]{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-top:1.25rem;padding:1.25rem 1.5rem;border-radius:1rem;background:#101820f0;border:1px solid var(--diy-hair)}.diy-install-footer[data-astro-cid-657s6hla]>p[data-astro-cid-657s6hla]{margin:0}.diy-install-footer[data-astro-cid-657s6hla] .diy-step-note[data-astro-cid-657s6hla]{max-width:65ch}@media(max-width:819px){.diy-install-scenes[data-astro-cid-657s6hla]{grid-template-columns:1fr}.diy-install-scene[data-astro-cid-657s6hla]{display:grid;grid-template-columns:1fr 1fr;align-items:center}.diy-install-photo[data-astro-cid-657s6hla]{height:100%;min-height:210px;aspect-ratio:auto}.diy-install-footer[data-astro-cid-657s6hla]{flex-direction:column;gap:1rem}}@media(max-width:560px){.diy-install-scene[data-astro-cid-657s6hla]{display:block}.diy-install-photo[data-astro-cid-657s6hla]{height:auto;min-height:0;aspect-ratio:1200 / 676}.diy-install-copy[data-astro-cid-657s6hla]{padding:1.25rem}}.diy-explorer[data-astro-cid-meljdv3p]{overflow:hidden;border:1px solid var(--diy-hair);border-radius:1rem;background:#151a21}.diy-explorer-stage[data-astro-cid-meljdv3p]{position:relative;aspect-ratio:5 / 4;background:radial-gradient(ellipse at 50% 40%,#5c6971,#28323b 75%)}.diy-explorer-stage[data-astro-cid-meljdv3p]>img[data-astro-cid-meljdv3p],.diy-explorer-stage[data-astro-cid-meljdv3p]>canvas[data-astro-cid-meljdv3p]{display:block;width:100%;height:100%;object-fit:contain}.diy-explorer-stage[data-astro-cid-meljdv3p]>canvas[data-astro-cid-meljdv3p]{position:absolute;inset:0}.diy-explorer-stage[data-astro-cid-meljdv3p] [data-astro-cid-meljdv3p][hidden]{display:none}.diy-explorer-hint[data-astro-cid-meljdv3p]{position:absolute;top:1rem;left:1rem;font-size:.7rem;color:#e4eaf0;letter-spacing:.06em}.diy-explorer-loading[data-astro-cid-meljdv3p]{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.5rem .8rem;background:#101820;border-radius:2rem;font-size:.75rem;color:#fff;white-space:nowrap}.diy-explorer-controls[data-astro-cid-meljdv3p]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.8rem}.diy-explorer-controls[data-astro-cid-meljdv3p] button[data-astro-cid-meljdv3p]{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.65rem .45rem;background:#202b34;border:1px solid #566570;border-radius:.5rem;color:#e2e7eb;font:500 .75rem var(--diy-text);cursor:pointer}.diy-explorer-controls[data-astro-cid-meljdv3p] button[data-astro-cid-meljdv3p][aria-pressed=true]{background:#38b6ff;border-color:#38b6ff;color:#07141e}.diy-explorer-controls[data-astro-cid-meljdv3p] button[data-astro-cid-meljdv3p]:focus-visible{outline:3px solid #fff;outline-offset:2px}.diy-explorer-controls[data-astro-cid-meljdv3p] button[data-astro-cid-meljdv3p] span[data-astro-cid-meljdv3p]{font-weight:700}.diy-explorer-controls[data-astro-cid-meljdv3p] button[data-astro-cid-meljdv3p][hidden]{display:none}@media(max-width:600px){.diy-explorer-controls[data-astro-cid-meljdv3p]{grid-template-columns:repeat(2,minmax(0,1fr))}}.diy-scene-heading[data-astro-cid-srqt4xfk]{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:2rem;margin-bottom:1.75rem}.diy-scene-heading[data-astro-cid-srqt4xfk] h2[data-astro-cid-srqt4xfk]{margin-bottom:0;max-width:16ch}.diy-scene-intro[data-astro-cid-srqt4xfk]{margin:0 0 .2rem;max-width:36ch;justify-self:end;color:var(--diy-body);font-size:1.05rem;line-height:1.65;text-shadow:0 2px 16px #000}.diy-showcase[data-astro-cid-srqt4xfk]{margin:0;overflow:hidden;background:#10161c;border:1px solid rgba(255,255,255,.17);border-radius:1rem;box-shadow:var(--diy-shadow)}.diy-showcase-stage[data-astro-cid-srqt4xfk]{position:relative;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:#10161c}.diy-showcase-image[data-astro-cid-srqt4xfk]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s ease}.diy-showcase-image[data-astro-cid-srqt4xfk][data-active=true]{opacity:1}.diy-showcase-marker[data-astro-cid-srqt4xfk]{position:absolute;top:1rem;left:1rem;z-index:1;padding:.45rem .7rem;color:#f3f5f7;background:#0a0f15cc;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.68rem;line-height:1.25;letter-spacing:.06em}.diy-showcase-play[data-astro-cid-srqt4xfk],.diy-showcase-close[data-astro-cid-srqt4xfk]{position:absolute;top:.75rem;right:.75rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:44px;min-height:44px;padding:.6rem .9rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#0a0f15e6;color:#f3f5f7;font:500 .8rem var(--diy-text);cursor:pointer}.diy-showcase-play[data-astro-cid-srqt4xfk]:hover,.diy-showcase-close[data-astro-cid-srqt4xfk]:hover{background:#f3f5f7;color:#10161c}.diy-showcase-play[data-astro-cid-srqt4xfk]:focus-visible,.diy-showcase-close[data-astro-cid-srqt4xfk]:focus-visible{outline:3px solid var(--diy-blue);outline-offset:4px}.diy-showcase-close[data-astro-cid-srqt4xfk]{padding:.6rem}.diy-showcase-film[data-astro-cid-srqt4xfk]{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;background:#10161c}.diy-showcase-film[data-astro-cid-srqt4xfk][hidden],.diy-showcase-play[data-astro-cid-srqt4xfk][hidden],.diy-showcase-close[data-astro-cid-srqt4xfk][hidden]{display:none}.diy-showcase-footer[data-astro-cid-srqt4xfk]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem;align-items:center;padding:1.75rem clamp(2rem,calc(834px - 50vw),16rem) 1.15rem 2rem}.diy-showcase-caption[data-astro-cid-srqt4xfk]{align-self:start}.diy-showcase-caption[data-astro-cid-srqt4xfk] h3[data-astro-cid-srqt4xfk]{margin:0 0 .55rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25;letter-spacing:-.035em}.diy-showcase-caption[data-astro-cid-srqt4xfk] p[data-astro-cid-srqt4xfk]{color:var(--diy-body);margin:0;max-width:44ch;font-size:.94rem;line-height:1.6}.diy-showcase-options[data-astro-cid-srqt4xfk]{display:grid;grid-template-columns:1.12fr .8fr 1.12fr;gap:.45rem}.diy-showcase-option[data-astro-cid-srqt4xfk]{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:52px;padding:.7rem .6rem;border:1px solid #52606c;border-radius:6px;color:#d9e0e7;background:transparent;font-family:var(--diy-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.diy-showcase-option[data-astro-cid-srqt4xfk]:hover{color:#fff;background:#263039;border-color:#a2aeb9}.diy-showcase-option[data-astro-cid-srqt4xfk][aria-pressed=true]{background:#f3f5f7;border-color:#f3f5f7;color:#131b22}.diy-showcase-option[data-astro-cid-srqt4xfk][data-loading=true]{border-style:dashed}.diy-showcase-option[data-astro-cid-srqt4xfk]:focus-visible{outline:3px solid var(--diy-blue);outline-offset:4px}.diy-showcase-option[data-astro-cid-srqt4xfk]:disabled{cursor:default}.diy-showcase-option-number[data-astro-cid-srqt4xfk]{font-size:.65rem;font-variant-numeric:tabular-nums;opacity:.75}.diy-showcase-status[data-astro-cid-srqt4xfk]{min-height:1.5em;margin:.65rem 0 0;color:#c5cfd9;font-size:.75rem;line-height:1.5}.diy-scene-film-link[data-astro-cid-srqt4xfk]{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem}@media(max-width:1100px){.diy-showcase-footer[data-astro-cid-srqt4xfk]{grid-template-columns:1fr;gap:1.25rem;padding-top:1.5rem;padding-bottom:.85rem}.diy-showcase-caption[data-astro-cid-srqt4xfk] p[data-astro-cid-srqt4xfk]{max-width:54ch}.diy-showcase-options[data-astro-cid-srqt4xfk]{grid-template-columns:repeat(3,minmax(0,1fr))}.diy-showcase-status[data-astro-cid-srqt4xfk]{margin-top:.5rem}}@media(max-width:760px){.diy-showcase-footer[data-astro-cid-srqt4xfk]{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:600px){.diy-scene-heading[data-astro-cid-srqt4xfk]{grid-template-columns:1fr;gap:.9rem;margin-bottom:1.5rem}.diy-scene-intro[data-astro-cid-srqt4xfk]{justify-self:start;max-width:36ch;font-size:.96rem}.diy-showcase[data-astro-cid-srqt4xfk]{border-radius:.65rem}.diy-showcase-marker[data-astro-cid-srqt4xfk]{top:.65rem;left:.65rem;font-size:.6rem;padding:.35rem .55rem}.diy-showcase-play[data-astro-cid-srqt4xfk]{top:.5rem;right:.5rem;font-size:.72rem;gap:.35rem;padding:.45rem .65rem}.diy-showcase-close[data-astro-cid-srqt4xfk]{top:.5rem;right:.5rem}.diy-showcase-footer[data-astro-cid-srqt4xfk]{padding:1.25rem 1rem .5rem;gap:1.25rem}.diy-showcase-caption[data-astro-cid-srqt4xfk]{min-height:6rem}.diy-showcase-caption[data-astro-cid-srqt4xfk] p[data-astro-cid-srqt4xfk]{font-size:.9rem}.diy-showcase-option[data-astro-cid-srqt4xfk]{min-height:58px;flex-direction:column;gap:.25rem;padding:.45rem .2rem;font-size:.78rem}.diy-showcase-option-number[data-astro-cid-srqt4xfk]{font-size:.6rem}.diy-scene-film-link[data-astro-cid-srqt4xfk]{font-size:.9rem}}@media(max-width:360px){.diy-showcase-caption[data-astro-cid-srqt4xfk]{min-height:8rem}}@media(prefers-reduced-motion:reduce){.diy-showcase-image[data-astro-cid-srqt4xfk],.diy-showcase-option[data-astro-cid-srqt4xfk]{transition:none}}.diy-payment-options[data-astro-cid-cfzwj5h3]{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.diy-payment-options[data-astro-cid-cfzwj5h3] label[data-astro-cid-cfzwj5h3]{cursor:pointer;position:relative}.diy-payment-options[data-astro-cid-cfzwj5h3] input[data-astro-cid-cfzwj5h3]{position:absolute;opacity:0;width:1px;height:1px}.diy-payment-options[data-astro-cid-cfzwj5h3] label[data-astro-cid-cfzwj5h3]>span[data-astro-cid-cfzwj5h3]{display:flex;flex-direction:column;gap:.3rem;padding:.9rem;height:100%;border:1px solid #637883;border-radius:.7rem;background:#1d2931;color:#eaf0f5}.diy-payment-options[data-astro-cid-cfzwj5h3] input[data-astro-cid-cfzwj5h3]:checked+span[data-astro-cid-cfzwj5h3]{border-color:#32b4f5;background:#32b4f5;color:#061a26}.diy-payment-options[data-astro-cid-cfzwj5h3] input[data-astro-cid-cfzwj5h3]:focus-visible+span[data-astro-cid-cfzwj5h3]{outline:2px solid white;outline-offset:3px}.diy-payment-options[data-astro-cid-cfzwj5h3] input[data-astro-cid-cfzwj5h3]:disabled+span[data-astro-cid-cfzwj5h3]{opacity:.6;cursor:wait}.diy-payment-options[data-astro-cid-cfzwj5h3] strong[data-astro-cid-cfzwj5h3]{font-size:.95rem}.diy-payment-options[data-astro-cid-cfzwj5h3] small[data-astro-cid-cfzwj5h3]{font-size:.78rem;line-height:1.45}.diy-hero-price [data-diy-price]{display:inline;font:inherit;color:inherit;margin:0}@media(max-width:360px){.diy-payment-options[data-astro-cid-cfzwj5h3]{grid-template-columns:1fr}}body[data-world=diy]{--diy-blue: #38b6ff;--diy-ink: #f3f5f7;--diy-body: #ced4db;--diy-muted: #98a0a9;--diy-hair: rgba(255, 255, 255, .12);--diy-paper: #0f1114;--diy-glass: rgba(255, 255, 255, .06);--diy-glass-panel: rgba(20, 23, 27, .72);--diy-glass-card: rgba(20, 23, 27, .6);--diy-shadow: 0 30px 60px -30px rgba(0, 0, 0, .85);--diy-ease: cubic-bezier(.22, 1, .36, 1);--diy-display: "Poppins", system-ui, sans-serif;--diy-text: "Roboto", system-ui, sans-serif;background:var(--diy-paper);color:var(--diy-ink);font-family:var(--diy-text)}.diy-hero-price{margin:0 0 1.5rem;font-size:1.2rem;font-weight:700}.diy-hero-price span{display:block;margin-top:.4rem;color:var(--diy-body);font-size:.82rem;font-weight:400}.diy-hero-film video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#0f1114;clip-path:inset(0 round 8px);transform:translateZ(0)}.diy-home-video.diy-hero-film{margin:0}.diy-home-video.diy-hero-film figcaption{display:block;margin:.75rem 0 0;border:1px solid var(--diy-hair);border-radius:8px;padding:.85rem 1rem;background:#151a21;color:var(--diy-body);font-size:.85rem;line-height:1.55}.diy-proof-note{padding:1.5rem;border-left:2px solid var(--diy-blue);background:#101419c7}.diy-proof-note p{margin:.8rem 0 1.3rem;color:var(--diy-body);line-height:1.65}.diy-guide .diy-section-head,.diy-format-card{padding:1.5rem;border:1px solid var(--diy-hair);border-radius:1rem;background:#101419e0}.diy-diagram-key{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;color:var(--diy-body);font-size:.85rem}.diy-diagram-key span{display:inline-flex;align-items:center;gap:.5rem}.diy-diagram-key i{width:1.3rem;border-top:3px solid var(--diy-blue)}.diy-diagram-key .diy-key-gap{border-top:3px dashed #ffd397}.diy-format-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.diy-format-card h3{font-size:2rem;margin:.5rem 0}.diy-format-price{font-size:1.25rem;font-weight:700}.diy-format-price small{display:block;margin-top:.4rem;font-size:.85rem;font-weight:400;color:var(--diy-body)}.diy-purchase-proof{padding:0 0 0 1.2rem;margin:1.25rem 0 0;color:var(--diy-body);font-size:.85rem;line-height:1.6}.diy-purchase-proof li+li{margin-top:.55rem}.diy-detail-image{position:relative}.diy-detail-dot{position:absolute;width:44px;height:44px;border:2px solid #f3f5f7;border-radius:50%;background:#10141b;color:#f3f5f7;font-size:1rem;font-weight:700;cursor:pointer;transform:translate(-50%,-50%)}.diy-detail-dot[aria-expanded=true]{background:var(--diy-blue);color:#0f1114;border-color:#0f1114}.diy-detail-dot:focus-visible{outline:3px solid #38b6ff;outline-offset:4px}.diy-detail-dot--lens{left:48%;top:40%}.diy-detail-dot--cable{left:83%;top:62%}.diy-detail-dot--mount{left:46%;top:73%}.diy-detail-notes{padding:1.25rem;background:#151a21;min-height:135px;border-top:1px solid var(--diy-hair)}.diy-product-media.diy-detail figcaption{margin:0;padding:.65rem 1.25rem;background:#151a21}.diy-detail-notes strong{color:var(--diy-ink);font-size:.95rem}.diy-detail-notes strong span{color:var(--diy-blue);padding-right:.4rem}.diy-detail-notes p{color:var(--diy-body);margin:.65rem 0 0;line-height:1.6;font-size:.9rem}@media(max-width:720px){.diy-format-cards{grid-template-columns:1fr}}body[data-world=diy] #diy-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2;display:block;pointer-events:none;opacity:0;transition:opacity .65s ease}body[data-world=diy] #diy-bg[data-state=ready]{opacity:1}body[data-world=diy] #diy-bg[data-scroll=native]{position:absolute;inset:0 auto auto 0;height:300vh;height:300lvh;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){body[data-world=diy] #diy-bg{transition:none}}body[data-world=diy]:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#0f111452}body[data-world=diy] #main{position:relative;z-index:0}body[data-world=diy]>footer{position:relative;z-index:0}.diy-wrap{width:min(1120px,calc(100% - 2.25rem));margin:0 auto}.diy-section{position:relative;padding:clamp(3.25rem,8vw,6.5rem) 0}.diy-eyebrow{font-family:var(--diy-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--diy-blue);margin:0 0 .75rem;text-shadow:0 1px 16px rgba(0,0,0,.7)}body[data-world=diy] h1,body[data-world=diy] h2,body[data-world=diy] h3{font-family:var(--diy-display);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 26px rgba(0,0,0,.62),0 1px 4px rgba(0,0,0,.4)}.diy-h1{font-size:clamp(2.25rem,7vw,4.4rem);font-weight:700;line-height:1.03;margin:0 0 1rem}.diy-h2{font-size:clamp(1.65rem,4vw,2.6rem);font-weight:700;line-height:1.08;margin:0 0 .75rem}.diy-lead{font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.6;color:var(--diy-body);max-width:40ch;margin:0 0 1.5rem;text-shadow:0 1px 16px rgba(0,0,0,.7)}.diy-sub{font-size:1rem;line-height:1.62;color:var(--diy-body);max-width:58ch;margin:0 0 2rem;text-shadow:0 1px 16px rgba(0,0,0,.7)}.diy-note{font-size:.86rem;line-height:1.55;color:var(--diy-muted);margin:.7rem 0 0}.diy-hero{padding-top:clamp(2.75rem,9vw,6.25rem);padding-bottom:clamp(2rem,5vw,3.5rem)}.diy-hero-grid{display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:center}@media(min-width:900px){.diy-hero-grid{grid-template-columns:1.05fr .95fr}}.diy-hero-media{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--diy-hair);box-shadow:var(--diy-shadow);background:#eef1f4}.diy-hero-media img{display:block;width:100%;height:auto}.diy-trust{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.diy-trust li{font-size:.78rem;letter-spacing:.02em;color:var(--diy-ink);background:#14171b9e;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.42rem .8rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.diy-cta,.diy-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.5rem;border-radius:999px;font-family:var(--diy-display);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .2s var(--diy-ease),border-color .2s var(--diy-ease),transform .2s var(--diy-ease)}.diy-cta{background:var(--diy-blue);color:#04202f;width:100%}.diy-cta:hover{background:#6ac9ff}.diy-cta:active{transform:translateY(1px)}.diy-cta[disabled]{opacity:.6;cursor:progress}.diy-ghost{background:var(--diy-glass);color:var(--diy-ink);border-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.diy-ghost:hover{border-color:var(--diy-blue)}body[data-world=diy] a:focus-visible,body[data-world=diy] button:focus-visible,body[data-world=diy] input:focus-visible,body[data-world=diy] summary:focus-visible{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-panel{border-radius:22px;padding:clamp(1.25rem,3vw,2rem);background:var(--diy-glass-panel);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--diy-shadow);display:grid;gap:1.5rem;scroll-margin-top:88px}@media(min-width:960px){.diy-panel{grid-template-columns:1.15fr .85fr;align-items:start;column-gap:2.25rem}.diy-panel-choices{grid-column:1;grid-row:1 / span 2}.diy-panel-summary{grid-column:2;grid-row:1}.diy-panel-actions{grid-column:2;grid-row:2}}.diy-panel-choices{display:grid;gap:1.4rem}.diy-field{border:0;margin:0;padding:0;min-width:0}.diy-field>legend{font-family:var(--diy-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--diy-muted);padding:0;margin-bottom:.7rem}.diy-kits{display:grid;gap:.75rem}@media(min-width:480px){.diy-kits{grid-template-columns:repeat(2,minmax(0,1fr))}}.diy-kit{position:relative;display:block;cursor:pointer}.diy-kit input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.diy-kit-face{display:grid;gap:.28rem;height:100%;padding:1rem 1.05rem 1.1rem;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);transition:border-color .18s var(--diy-ease),background-color .18s var(--diy-ease)}.diy-kit:hover .diy-kit-face{border-color:#ffffff47}.diy-kit input:checked+.diy-kit-face{border-color:var(--diy-blue);background:#38b6ff21}.diy-kit input:focus-visible+.diy-kit-face{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-kit-len{font-family:var(--diy-display);font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:-.02em}.diy-kit-price{font-size:1.1rem;font-weight:600;color:var(--diy-blue);font-variant-numeric:tabular-nums}.diy-kit-note{font-size:.84rem;line-height:1.45;color:var(--diy-body)}.diy-kit-badge{justify-self:start;margin-top:.3rem;font-family:var(--diy-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:.26rem .55rem;border-radius:999px;background:var(--diy-blue);color:#04202f}.diy-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.95rem 1.05rem;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:border-color .18s var(--diy-ease)}.diy-toggle:hover{border-color:#ffffff42}.diy-toggle input{position:absolute;opacity:0;width:1px;height:1px}.diy-toggle-track{position:relative;display:block;width:46px;height:26px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.2);transition:background-color .18s var(--diy-ease);flex:none}.diy-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#f3f5f7;transition:transform .2s var(--diy-ease)}.diy-toggle input:checked+.diy-toggle-track{background:var(--diy-blue);border-color:var(--diy-blue)}.diy-toggle input:checked+.diy-toggle-track .diy-toggle-knob{transform:translate(20px);background:#04202f}.diy-toggle input:focus-visible+.diy-toggle-track{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-toggle-text{display:grid;gap:.2rem;min-width:0}.diy-toggle-title{font-weight:600;font-size:.98rem}.diy-toggle-note{font-size:.82rem;line-height:1.45;color:var(--diy-muted)}.diy-toggle-price{font-weight:600;color:var(--diy-blue);font-variant-numeric:tabular-nums;white-space:nowrap}.diy-qty{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:999px;background:#ffffff0b;border:1px solid rgba(255,255,255,.12)}.diy-qty button{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--diy-ink);font-size:1.35rem;line-height:1;cursor:pointer;transition:background-color .16s var(--diy-ease)}.diy-qty button:hover:not([disabled]){background:#ffffff1a}.diy-qty button[disabled]{opacity:.35;cursor:not-allowed}.diy-qty output{min-width:2.2rem;text-align:center;font-family:var(--diy-display);font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums}.diy-panel-summary{border-radius:16px;padding:1.1rem 1.15rem 1.2rem;background:#ffffff0b;border:1px solid rgba(255,255,255,.12)}.diy-summary-title{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--diy-muted);margin:0 0 .7rem;text-shadow:none}.diy-row{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--diy-hair);font-variant-numeric:tabular-nums;font-size:.95rem;color:var(--diy-body)}.diy-row-total{color:var(--diy-ink);font-weight:600}.diy-row-deposit{border-bottom:0;color:var(--diy-ink);font-family:var(--diy-display);font-weight:700;font-size:1.05rem}.diy-row-deposit span:last-child{color:var(--diy-blue)}.diy-panel-actions{display:grid;gap:.7rem}.diy-error{margin:0;padding:.7rem .9rem;border-radius:12px;background:#b3231f29;border:1px solid rgba(255,138,134,.4);color:#ffc9c7;font-size:.88rem;line-height:1.5}.diy-status{margin:0 0 clamp(1.5rem,4vw,2.5rem);border-radius:20px;padding:clamp(1.25rem,3vw,1.85rem);background:var(--diy-glass-panel);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--diy-shadow)}.diy-status--ok{border-color:#38b6ff80}.diy-status h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:0 0 .5rem}.diy-status p{margin:0 0 .9rem;color:var(--diy-body);line-height:1.6;max-width:60ch}.diy-status ol{margin:0;padding-left:1.15rem;display:grid;gap:.4rem;color:var(--diy-body);line-height:1.55}.diy-status-dismiss{margin-top:1rem;background:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:var(--diy-body);font:inherit;font-size:.85rem;padding:.45rem 1rem;cursor:pointer}.diy-status-dismiss:hover{border-color:var(--diy-blue);color:var(--diy-ink)}.diy-gallery{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:760px){.diy-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.diy-gallery>*:first-child{grid-column:span 2;grid-row:span 2}}.diy-shot{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--diy-hair);background:#14171b;box-shadow:var(--diy-shadow)}.diy-shot img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover}.diy-box-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}@media(min-width:760px){.diy-box-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}.diy-box-list li{position:relative;padding:.72rem .9rem .72rem 2.1rem;border-radius:12px;background:var(--diy-glass-card);border:1px solid var(--diy-hair);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--diy-ink);font-size:.95rem;line-height:1.45}.diy-box-list li:before{content:"";position:absolute;left:.95rem;top:1.18rem;width:7px;height:7px;border-radius:50%;background:var(--diy-blue)}.diy-features{display:grid;gap:clamp(2rem,5vw,3.5rem)}.diy-feature{display:grid;gap:clamp(1.1rem,3vw,2.5rem);align-items:center}@media(min-width:820px){.diy-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-feature:nth-child(2n) .diy-feature-media{order:-1}}.diy-feature-media{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--diy-hair);background:#14171b;box-shadow:var(--diy-shadow)}.diy-feature-media img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}.diy-feature h3{font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:700;line-height:1.15;margin:0 0 .6rem}.diy-feature p{margin:0;color:var(--diy-body);line-height:1.62;max-width:46ch;text-shadow:0 1px 16px rgba(0,0,0,.7)}.diy-steps{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:diystep}@media(max-width:520px){.diy-steps{grid-template-columns:minmax(0,1fr)}}@media(min-width:900px){.diy-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.diy-step{counter-increment:diystep;padding:1.25rem 1.2rem 1.35rem;border-radius:16px;background:var(--diy-glass-card);border:1px solid var(--diy-hair);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--diy-shadow)}.diy-step:before{content:counter(diystep);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;margin-bottom:.7rem;background:#38b6ff29;border:1px solid rgba(56,182,255,.45);color:var(--diy-blue);font-family:var(--diy-display);font-weight:700;font-size:.9rem}.diy-step h3{font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.diy-step p{margin:0;font-size:.92rem;line-height:1.55;color:var(--diy-body)}.diy-table-scroll{overflow-x:auto;border-radius:18px;border:1px solid var(--diy-hair);background:var(--diy-glass-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--diy-shadow)}.diy-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.93rem}.diy-table caption{text-align:left;padding:1rem 1.15rem 0;color:var(--diy-muted);font-size:.84rem}.diy-table th,.diy-table td{text-align:left;padding:.9rem 1.15rem;border-bottom:1px solid var(--diy-hair);vertical-align:top;line-height:1.5}.diy-table thead th{font-family:var(--diy-display);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--diy-muted);white-space:nowrap}.diy-table tbody th{font-weight:600;color:var(--diy-ink);width:22%}.diy-table td{color:var(--diy-body)}.diy-table tbody tr:last-child th,.diy-table tbody tr:last-child td{border-bottom:0}.diy-table .is-kit{color:var(--diy-ink)}.diy-compare-cta{margin:1.35rem 0 0}.diy-sizing{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;max-width:62ch}.diy-sizing li{position:relative;padding-left:1.6rem;color:var(--diy-body);line-height:1.6;text-shadow:0 1px 16px rgba(0,0,0,.7)}.diy-sizing li:before{content:"";position:absolute;left:0;top:.62rem;width:8px;height:2px;background:var(--diy-blue)}.diy-faq{display:grid;gap:.6rem;max-width:900px}.diy-faq details{border-radius:14px;background:var(--diy-glass-card);border:1px solid var(--diy-hair);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.diy-faq summary{cursor:pointer;padding:1rem 3rem 1rem 1.15rem;position:relative;list-style:none}.diy-faq summary::-webkit-details-marker{display:none}.diy-faq summary h3{display:inline;font-size:1rem;font-weight:600;margin:0;text-shadow:none}.diy-faq summary:after{content:"";position:absolute;right:1.2rem;top:1.35rem;width:10px;height:10px;border-right:2px solid var(--diy-blue);border-bottom:2px solid var(--diy-blue);transform:rotate(45deg);transition:transform .2s var(--diy-ease)}.diy-faq details[open] summary:after{transform:rotate(-135deg);top:1.55rem}.diy-faq p{margin:0;padding:0 1.15rem 1.15rem;color:var(--diy-body);line-height:1.62;max-width:68ch}.diy-picker{--preview-0: #38b6ff;--preview-1: #b05cff;--preview-2: #ff3b70;--preview-3: #ff8a1f;--preview-4: #ffcc85;--preview-brightness: 1;--custom-color: #38b6ff;position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:950;color:#f2f6ff;font-size:13px;line-height:1.4;text-align:left}.diy-picker[hidden],.diy-studio-panel[hidden]{display:none!important}.diy-picker.is-open{z-index:1400}.diy-picker button,.diy-picker input{font:inherit}.diy-picker button{cursor:pointer;color:inherit}.diy-picker button:focus-visible,.diy-picker input:focus-visible,.diy-studio-custom:focus-within{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-picker svg{display:block;flex-shrink:0;width:20px;height:20px}.diy-studio-launcher{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px;background:#171c20;border:1px solid #424a50;border-radius:18px;box-shadow:0 8px 32px #0006;text-align:left;transition:border-color .18s,transform .18s}.diy-studio-launcher:hover{border-color:#74818b;transform:translateY(-2px)}.diy-studio-launcher>svg{width:16px;color:#a8b4bd;transition:transform .18s}.diy-picker.is-open .diy-studio-launcher>svg{transform:rotate(180deg)}.diy-studio-launcher-copy{display:grid;gap:3px}.diy-studio-launcher-copy strong{font-size:14px;font-weight:600}.diy-studio-launcher-copy>span{display:flex;gap:8px;color:#aab4bd;font-size:11px}.diy-studio-launcher-copy [data-studio-percent]{color:#d0d8df;font-variant-numeric:tabular-nums}.diy-studio-mini,.diy-studio-rail{position:relative;display:flex;align-items:center;justify-content:space-between;isolation:isolate}.diy-studio-mini{width:62px;height:32px}.diy-studio-mini:before,.diy-studio-rail:before{content:"";position:absolute;inset:50% 0 auto;height:2px;background:#454b51;z-index:-1}.diy-studio-mini i,.diy-studio-rail i{display:block;width:9px;height:9px;background:var(--light);border-radius:50%;border:2px solid #263037;box-shadow:0 0 12px 2px var(--light);box-sizing:content-box}.diy-studio-mini i{width:6px;height:6px;opacity:var(--preview-brightness)}.diy-studio-mini i:nth-child(1){--light: var(--preview-0)}.diy-studio-mini i:nth-child(2){--light: var(--preview-1)}.diy-studio-mini i:nth-child(3){--light: var(--preview-2)}.diy-studio-mini i:nth-child(4){--light: var(--preview-3)}.diy-studio-mini i:nth-child(5){--light: var(--preview-4)}.diy-studio-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(354px,calc(100vw - 40px));max-height:calc(100svh - 120px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56616a transparent;padding:16px 20px 18px;border:1px solid #424a50;border-radius:22px;background:#171c20;box-shadow:0 24px 70px #0008;box-sizing:border-box}.diy-studio-heading,.diy-studio-row,.diy-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.diy-studio-live{display:flex;align-items:center;gap:7px;color:#bbc7ce;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.diy-studio-live>span{width:5px;height:5px;border-radius:50%;background:var(--diy-blue)}.diy-studio-icon,.diy-studio-power{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent}.diy-studio-icon{margin-right:-10px}.diy-studio-icon:hover{background:#2a3239}.diy-studio-title{margin:0 0 6px;font-family:inherit;font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.035em;color:#f2f6ff}.diy-studio-hint{margin:0 0 18px;font-size:12px;color:#aab4bd}.diy-studio-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diy-studio-scene{display:grid;gap:4px;min-height:105px;padding:12px;border:1px solid #3b444c;border-radius:12px;background:#21282e;text-align:left;transition:background .18s,border-color .18s}.diy-studio-scene:hover{background:#2a333b;border-color:#74818b}.diy-studio-scene[aria-pressed=true]{border-color:var(--diy-blue);background:#20313d}.diy-studio-rail{height:28px;margin:0 0 4px}.diy-studio-scene-name{display:flex;align-items:center;justify-content:space-between;gap:3px;font-weight:600;font-size:12px}.diy-studio-scene-name svg{width:13px;height:13px;color:var(--diy-blue);visibility:hidden}.diy-studio-scene[aria-pressed=true] .diy-studio-scene-name svg{visibility:visible}.diy-studio-scene-note{color:#aab4bd;font-size:10px;line-height:1.45}.diy-studio-colours{margin-top:16px}.diy-studio-row{color:#c4cdd4;font-size:12px}.diy-studio-custom{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;border-radius:6px;font-size:11px;color:#aab4bd;cursor:pointer}.diy-studio-custom-chip{width:16px;height:16px;border:1px solid #e2edf477;border-radius:4px;background:var(--custom-color)}.diy-picker-custom{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.diy-studio-swatches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.diy-picker-swatch{display:grid;place-items:center;min-width:0;height:44px;padding:0;border:0;border-radius:8px;background:transparent}.diy-picker-swatch>span{width:23px;height:23px;border-radius:50%;background:var(--c);border:2px solid #171c20;outline:1px solid #59656e;box-sizing:border-box}.diy-picker-swatch:hover>span,.diy-picker-swatch[aria-pressed=true]>span{outline:2px solid #f2f6ff;outline-offset:2px}.diy-studio-adjust{margin-top:14px}.diy-studio-row output{color:#f2f6ff;font-variant-numeric:tabular-nums}.diy-studio-range{--range-fill: 100%;display:block;appearance:none;width:100%;height:44px;padding:0;margin:0;background:transparent;cursor:pointer}.diy-studio-range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--diy-blue) var(--range-fill),#48545e var(--range-fill))}.diy-studio-range::-moz-range-track{height:3px;border-radius:3px;background:#48545e}.diy-studio-range::-moz-range-progress{height:3px;background:var(--diy-blue)}.diy-studio-range::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-6px;border:3px solid #f2f6ff;border-radius:50%;background:var(--diy-blue)}.diy-studio-range::-moz-range-thumb{width:9px;height:9px;border:3px solid #f2f6ff;border-radius:50%;background:var(--diy-blue)}.diy-studio-range:disabled{opacity:.35;cursor:default}.diy-studio-footer{justify-content:flex-start;padding-top:12px;border-top:1px solid #3b444c}.diy-studio-power{flex-shrink:0;border-color:#47535d;background:#232c33}.diy-studio-power[aria-pressed=true]{color:var(--diy-blue)}.diy-studio-active{flex:1;min-width:0;font-size:11px;color:#bbc7ce}.diy-studio-motion{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 10px;border:1px solid #47535d;border-radius:12px;background:#232c33;font-size:11px!important}.diy-studio-motion svg{width:14px;height:14px}.diy-studio-motion:disabled{color:#aab4bd;cursor:default;border-color:transparent;background:transparent}@media(max-width:620px){.diy-picker{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.diy-studio-panel{width:min(354px,calc(100vw - 24px));max-height:calc(100svh - 106px - env(safe-area-inset-bottom))}.diy-studio-launcher{min-height:60px;padding:9px 12px;gap:12px}}@media(prefers-reduced-motion:reduce){.diy-cta,.diy-ghost,.diy-kit-face,.diy-toggle,.diy-toggle-track,.diy-toggle-knob,.diy-qty button,.diy-faq summary:after,.diy-studio-launcher,.diy-studio-launcher>svg,.diy-studio-scene{transition:none!important}}.diy-closing-wrap{text-align:center;padding:1rem 0 2rem}.diy-closing .diy-sub{margin-left:auto;margin-right:auto}.diy-cta-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:1.25rem;min-width:260px}.diy-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin:1.75rem 0}.diy-hero-actions .diy-cta-link{width:auto;min-width:0;margin:0}.diy-text-link{color:var(--diy-blue);text-decoration:underline;text-underline-offset:5px;font-size:.95rem;font-weight:500}.diy-hero-media{position:relative;border-radius:8px}.diy-hero-media img{aspect-ratio:5 / 4;object-fit:cover;object-position:54% center}.diy-hero-media figcaption{position:absolute;right:.75rem;bottom:.75rem;padding:.25rem .5rem;border-radius:4px;background:#0e1218d1;color:#d1d5db;font-size:.65rem}.diy-section-head{display:grid;gap:1rem;margin-bottom:2rem}.diy-section-head .diy-h2,.diy-section-head .diy-sub{margin-bottom:0}.diy-panel{border-radius:8px;gap:2rem}.diy-kit-face{border-radius:8px;padding:1.25rem;gap:.5rem}.diy-kit-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.diy-kit-price small{font-size:.7rem;font-weight:400;color:var(--diy-body)}.diy-kit-note{max-width:26ch}.diy-toggle{border-radius:8px;grid-template-columns:auto 1fr;align-items:start}.diy-toggle-track{margin-top:.15rem}.diy-toggle-price{grid-column:2;font-size:.75rem;font-weight:500}.diy-toggle-title{font-size:.9rem}.diy-toggle-note{line-height:1.6}.diy-quantity-field .diy-note{max-width:45ch}.diy-panel-summary{border-radius:8px;padding:1.5rem}.diy-panel-summary .diy-summary-title{font-size:1rem;letter-spacing:-.015em;text-transform:none;color:var(--diy-ink)}.diy-row-total{display:none}.diy-row-deposit{margin-top:.5rem;align-items:center;gap:1.25rem}.diy-row-deposit span:first-child{max-width:12em;font-weight:500;font-size:.875rem}.diy-row-deposit span:last-child{font-size:2rem;font-weight:600;white-space:nowrap;letter-spacing:-.04em}.diy-panel-summary .diy-note{font-size:.8rem}.diy-panel-actions{gap:.8rem}.diy-secure{text-align:center;margin:0;font-size:.75rem;color:var(--diy-muted)}.diy-panel [hidden]{display:none!important}.diy-delivery{border-top:1px solid var(--diy-hair);padding-top:1.5rem}.diy-delivery>legend{padding-top:1.5rem;font-size:.875rem;color:var(--diy-ink)}.diy-delivery>.diy-note:first-of-type{margin:0 0 1.25rem;max-width:58ch}.diy-address-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.diy-address-grid label{display:grid;gap:.45rem;min-width:0;font-size:.8125rem;color:var(--diy-body)}.diy-address-grid input,.diy-address-grid select{width:100%;min-width:0;min-height:48px;border:1px solid rgba(255,255,255,.24);background:#151a21;color:var(--diy-ink);border-radius:4px;font:inherit;font-size:1rem;padding:.75rem;color-scheme:dark}body[data-world=diy] select:focus-visible{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-address-grid input[autocomplete="shipping postal-code"]{text-transform:uppercase}.diy-status-restart{display:block;width:fit-content;margin:1rem 0}.diy-status-restart[hidden]{display:none}.diy-videos-layout{display:grid;gap:2rem;align-items:center}.diy-video-intro .diy-h2{max-width:14ch}.diy-real-label{margin:1.5rem 0 0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--diy-ink)}.diy-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.diy-video{margin:0;min-width:0}.diy-video:nth-child(2){padding-top:2rem}.diy-video video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;background:#0e1218;border:1px solid var(--diy-hair);border-radius:8px;box-shadow:var(--diy-shadow)}.diy-video figcaption{display:flex;gap:.65rem;margin-top:1rem}.diy-video-index{color:var(--diy-blue);font-size:.7rem;padding-top:.15rem}.diy-video h3{font-size:.9rem;line-height:1.45;margin:0 0 .35rem;font-weight:500}.diy-video figcaption p{margin:0;color:var(--diy-muted);font-size:.78rem;line-height:1.55}.diy-product-layout{display:grid;gap:2rem;align-items:center}.diy-product-media{margin:0}.diy-product-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--diy-hair)}.diy-product-media figcaption{margin-top:.75rem;color:var(--diy-muted);font-size:.75rem}.diy-product-copy{grid-row:1}.diy-product-copy .diy-box-list{grid-template-columns:1fr;gap:0}.diy-product-copy .diy-box-list li{border-radius:0;border-width:0 0 1px;padding:1rem 1rem 1rem 2.1rem;background:#14171ba3}.diy-product-copy .diy-box-list li:first-child{border-top-width:1px}.diy-product-copy .diy-box-list li:before{top:1.5rem;width:5px;height:5px}.diy-product-copy .diy-note{margin-top:1.5rem}.diy-steps{grid-template-columns:1fr;gap:1rem}.diy-step{padding:1.5rem;border-radius:8px;box-shadow:none}.diy-step:before{content:"0" counter(diystep);border:0;background:none;border-radius:0;width:auto;height:auto;margin-bottom:1.25rem;font-weight:500;font-size:.75rem}.diy-step-note{margin-top:1.5rem;max-width:80ch}.diy-step-note .diy-text-link{font-size:inherit;white-space:nowrap}.diy-faq-layout{display:grid;gap:2rem}.diy-faq{max-width:none;gap:.5rem}.diy-faq details{border-radius:8px}.diy-faq summary h3{font-size:.9375rem}.diy-faq p{font-size:.9375rem}.diy-closing .diy-cta-link{width:auto;min-width:240px}@media(min-width:560px){.diy-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-address-wide{grid-column:1 / -1}}@media(min-width:820px){.diy-section-head{grid-template-columns:1fr 1fr;align-items:end;gap:3rem}.diy-videos-layout{grid-template-columns:1.2fr 1fr;gap:3rem}.diy-videos{gap:1.5rem}.diy-video:nth-child(2){padding-top:3rem}.diy-product-layout{grid-template-columns:1fr 1fr;gap:4rem}.diy-product-copy{grid-row:auto}.diy-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.diy-faq-layout{grid-template-columns:.7fr 1.3fr;gap:4rem}}@media(min-width:960px){.diy-panel{grid-template-columns:1.1fr .9fr;padding:2rem;column-gap:2rem;row-gap:1.25rem}.diy-panel.has-delivery .diy-panel-choices{grid-row:1}.diy-delivery{grid-column:1 / -1;grid-row:2}.diy-panel.has-delivery .diy-panel-actions{grid-column:1 / -1;grid-row:3}.diy-panel.has-delivery .diy-address-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.diy-panel.has-delivery .diy-address-wide{grid-column:auto}.diy-panel.has-delivery .diy-panel-actions>button{max-width:460px;justify-self:center}}@media(max-width:560px){.diy-section{padding-block:3rem}.diy-hero{padding-top:2.75rem}.diy-hero-actions{gap:1rem}.diy-hero-actions .diy-cta{font-size:.9rem}.diy-panel{padding:1rem;gap:1.5rem}.diy-panel-summary{padding:1.1rem}.diy-kits{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.diy-kit-face{padding:1rem .8rem}.diy-kit-len{font-size:1.35rem}.diy-kit-price{font-size:1rem}.diy-kit-price small{display:block;font-size:.65rem}.diy-kit-note{font-size:.75rem}.diy-row-deposit span:last-child{font-size:1.75rem}.diy-videos{gap:.75rem}.diy-video h3{font-size:.8rem}.diy-video figcaption p{font-size:.72rem}.diy-video-index{display:none}}.diy-home-video{margin:2rem 0 0}.diy-home-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:1px solid var(--diy-hair);border-radius:8px;background:#0e1218}.diy-home-video figcaption{margin-top:.75rem}.diy-home-video h3{font-size:.8125rem;font-weight:500;margin:0 0 .25rem}.diy-home-video figcaption p{color:var(--diy-muted);font-size:.75rem;margin:0;line-height:1.5}.diy-videos-layout>div>.diy-real-label{margin:0 0 1.25rem}.diy-product-media img{aspect-ratio:4 / 3;object-fit:contain}.diy-sum-group{padding:.35rem 0;border-top:1px solid var(--diy-hair)}.diy-panel-summary .diy-sum-group:first-of-type{border-top:0;padding-top:0}.diy-panel-summary .diy-sum-line{align-items:flex-start;border-bottom:0;padding:.5rem 0;font-size:.9rem}.diy-sum-label{display:grid;gap:.15rem;min-width:0}.diy-sum-label strong{color:var(--diy-ink);font-weight:600}.diy-sum-label small{color:var(--diy-muted);font-size:.75rem;line-height:1.45}.diy-sum-value{flex:none;text-align:right;color:var(--diy-ink);white-space:nowrap;font-variant-numeric:tabular-nums}.diy-sum-later{flex:0 1 auto;max-width:10.5em;white-space:normal;color:var(--diy-body);font-size:.8rem;line-height:1.4}.diy-sum-offer .diy-sum-value{color:#ffb6b9;font-weight:600}.diy-sum-pay .diy-row-deposit{margin-top:.25rem;padding-bottom:.1rem}.diy-panel-summary .diy-sum-dispatch{color:var(--diy-body);font-size:.8rem}.diy-panel-summary .diy-sum-foot{margin:.35rem 0 0;color:var(--diy-muted);font-size:.75rem}.diy-terms{display:flex;align-items:flex-start;gap:.7rem;margin:0;padding:0;border:0;min-width:0}.diy-terms input{flex:none;width:1.35rem;height:1.35rem;margin:.1rem 0 0;accent-color:var(--diy-blue);cursor:pointer}.diy-terms input:focus-visible{outline:2px solid var(--diy-blue);outline-offset:3px}.diy-terms label{color:var(--diy-body);font-size:.875rem;line-height:1.55;cursor:pointer}.diy-terms a{color:var(--diy-blue);text-decoration:underline;text-underline-offset:3px}.diy-cta[aria-disabled=true]{opacity:.6}.diy-policy{margin-top:.5rem;padding:1.1rem 1.15rem;border:1px solid var(--diy-hair);border-radius:8px;background:#14171ba3}.diy-policy-title{margin:0 0 .6rem;font-size:.9rem;font-weight:600;color:var(--diy-ink)}.diy-policy ul{margin:0 0 .8rem;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--diy-body);font-size:.8125rem;line-height:1.55}.diy-policy .diy-text-link{font-size:.85rem}.diy-warranty{margin:1rem 0 0;padding-left:.85rem;border-left:2px solid var(--diy-blue);color:var(--diy-body);font-size:.875rem;line-height:1.6}.diy-specs{margin-top:3rem}.diy-specs-head{display:grid;gap:.5rem;margin-bottom:1.25rem}.diy-specs-title{margin:0;font-size:1.25rem;letter-spacing:-.02em;color:var(--diy-ink)}.diy-specs-head .diy-note{margin:0}.diy-specs-grid{display:grid;gap:1rem}.diy-specs-group{padding:1.1rem 1.15rem .5rem;border:1px solid var(--diy-hair);border-radius:8px;background:#14171ba3;min-width:0}.diy-specs-group h4{margin:0 0 .4rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--diy-blue)}.diy-specs-group dl{margin:0}.diy-specs-group dl>div{display:grid;grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);gap:.75rem;padding:.6rem 0;border-top:1px solid var(--diy-hair);font-size:.875rem;line-height:1.5}.diy-specs-group dl>div:first-child{border-top:0}.diy-specs-group dt{color:var(--diy-muted)}.diy-specs-group dd{margin:0;color:var(--diy-ink);overflow-wrap:anywhere}.diy-spec-line{display:block}.diy-terms-text{min-width:0}.diy-terms-links{margin:.35rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--diy-muted)}@media(min-width:820px){.diy-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.diy-picker{transition:transform .22s var(--diy-ease),opacity .22s ease,visibility .22s}.diy-picker[data-tucked]:not(.is-open):not(:focus-within){transform:translateY(calc(100% + 32px));opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.diy-picker{transition:none}}.diy-app{margin-top:3rem}.diy-app-head{display:grid;gap:.5rem;margin-bottom:1.25rem}.diy-app-title{margin:0;font-size:1.25rem;letter-spacing:-.02em;color:var(--diy-ink)}.diy-app-head .diy-note{margin:0}.diy-app-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(64%,15rem);gap:.9rem;margin:0 -1.125rem;padding:.25rem 1.125rem 1rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.125rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.diy-app-row:focus-visible{outline:2px solid var(--diy-blue);outline-offset:2px;border-radius:8px}.diy-app-screen{scroll-snap-align:start;min-width:0}.diy-app-screen figure{height:100%;margin:0;padding:.55rem .55rem .85rem;border:1px solid var(--diy-hair);border-radius:18px;background:var(--diy-glass-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--diy-shadow)}.diy-app-screen img{display:block;width:100%;height:auto;border-radius:12px;background:#f4f5f7}.diy-app-screen figcaption{margin:.8rem .2rem 0;color:var(--diy-body);font-size:.875rem;line-height:1.45}@media(min-width:820px){.diy-app-row{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;overflow:visible;scroll-snap-type:none}}