#yd-installation { --yd-paper: light-dark(#f8f6f0,#18251f); --yd-ink: light-dark(#233d30,#edf1e9); --yd-muted: light-dark(#55635a,#b5c5b9); --yd-line: light-dark(#d6dbd0,#3d5145); --yd-panel: light-dark(#ffffff,#22372b); --yd-wash: light-dark(#edeedf,#2c4032); --yd-green: light-dark(#294936,#dce7d2); --yd-on-green: light-dark(#fffdf5,#1a3424); --yd-yellow: light-dark(#edc35b,#e2ba55); --yd-on-yellow: light-dark(#203329,#172d1e); --yd-shadow: light-dark(#15302512,#00000024); padding: 0; color:var(--yd-ink); }
    #yd-installation * { box-sizing:border-box; }
    #yd-installation .yd-site { container: yd-page / inline-size; max-width:1024px; margin:0 auto; background:var(--yd-paper); color:var(--yd-ink); font:16px/1.55 Arial,Helvetica,sans-serif; }
    #yd-installation .yd-header { padding:26px 104px 26px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--yd-line); }
    #yd-installation .yd-logo { display:block; font-size:18px; font-weight:750; letter-spacing:2px; line-height:1.2; }
    #yd-installation .yd-logo small { display:block; margin-top:6px; font-size:9px; letter-spacing:2.8px; font-weight:500; }
    #yd-installation a { color:inherit; }
    #yd-installation .yd-header nav { display:flex; gap:25px; font-size:13px; }
    #yd-installation .yd-header nav a { min-height:44px; display:inline-flex; align-items:center; text-decoration:none; }
    #yd-installation .yd-header nav a:hover { text-decoration:underline; }
    #yd-installation .yd-main { padding:46px 40px 40px; }
    #yd-installation .yd-eyebrow { margin:0 0 16px; color:var(--yd-muted); font-size:11px; font-weight:700; letter-spacing:1.65px; text-transform:uppercase; }
    #yd-installation .yd-hero { display:grid; grid-template-columns:1.04fr 1fr; gap:44px; align-items:start; }
    #yd-installation h1 { font-family:Georgia,'Times New Roman',serif; font-size:47px; line-height:1.08; font-weight:400; letter-spacing:-1.8px; margin:0 0 24px; text-wrap:balance; }
    #yd-installation .yd-lead { font-size:16px; line-height:1.6; color:var(--yd-muted); margin:0 0 24px; max-width:390px; }
    #yd-installation .yd-action { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 19px; border:0; border-radius:7px; text-decoration:none; font-size:14px; line-height:1.35; font-weight:700; background:var(--yd-yellow); color:var(--yd-on-yellow); }
    #yd-installation .yd-action:hover { filter:brightness(.96); }
    #yd-installation .yd-secondary { display:inline-flex; align-items:center; min-height:44px; margin-left:14px; font-size:14px; text-underline-offset:4px; }
    #yd-installation .yd-experience { margin-top:28px; padding-top:19px; border-top:1px solid var(--yd-line); font-size:12px; color:var(--yd-muted); }
    #yd-installation .yd-experience strong { display:block; font-size:14px; font-weight:600; color:var(--yd-ink); margin-bottom:3px; }
    #yd-installation .yd-estimate { border:1px solid var(--yd-line); border-radius:13px; overflow:hidden; background:var(--yd-panel); box-shadow:0 12px 35px var(--yd-shadow); }
    #yd-installation .yd-price-top { background:var(--yd-green); color:var(--yd-on-green); padding:25px 27px 23px; }
    #yd-installation .yd-price-label { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; margin-bottom:22px; }
    #yd-installation .yd-price-label span:last-child { border:1px solid currentColor; border-radius:20px; padding:2px 9px; font-size:10px; }
    #yd-installation .yd-price-top h2 { font:400 25px/1.25 Georgia,'Times New Roman',serif; margin:0 0 8px; }
    #yd-installation .yd-money { display:block; font-size:42px; letter-spacing:-1.5px; font-weight:600; line-height:1.2; font-variant-numeric:tabular-nums; }
    #yd-installation .yd-price-top p { margin:9px 0 0; font-size:13px; }
    #yd-installation .yd-price-body { padding:22px 27px 25px; }
    #yd-installation .yd-price-body > p { margin:0 0 14px; font-size:13px; }
    #yd-installation .yd-included { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; padding:0; margin:0 0 20px; list-style:none; font-size:12px; }
    #yd-installation .yd-included li { display:flex; align-items:start; gap:7px; }
    #yd-installation .yd-included svg { flex-shrink:0; margin-top:2px; width:15px; height:15px; }
    #yd-installation .yd-note { color:var(--yd-muted); font-size:12px!important; line-height:1.5; }
    #yd-installation .yd-price-body details { margin:16px 0; border-top:1px solid var(--yd-line); border-bottom:1px solid var(--yd-line); }
    #yd-installation summary { font-size:13px; min-height:46px; padding:12px 0; font-weight:600; }
    #yd-installation .yd-detail { font-size:12px; color:var(--yd-muted); padding:0 0 12px; }
    #yd-installation .yd-detail ul { margin:0; padding-left:18px; }
    #yd-installation .yd-detail li + li { margin-top:6px; }
    #yd-installation .yd-price-link { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; font-weight:700; text-decoration:none; }
    #yd-installation .yd-price-link:hover { text-decoration:underline; }
    #yd-installation .yd-example + .yd-example { padding-top:18px; margin-top:18px; border-top:1px solid var(--yd-line); }
    #yd-installation .yd-example h3 { margin:0 0 5px; font:400 22px/1.25 Georgia,'Times New Roman',serif; }
    #yd-installation .yd-example .yd-money { font-size:34px; letter-spacing:-1px; }
    #yd-installation .yd-example p { margin:6px 0 10px; font-size:13px; }
    #yd-installation .yd-example details { margin:8px 0; }
    #yd-installation .yd-example summary { padding:10px 0; min-height:44px; }
    #yd-installation .yd-exclusions { padding:15px 18px; margin:24px 0 0; border-left:3px solid var(--yd-yellow); background:var(--yd-wash); font-size:13px; color:var(--yd-muted); }
    #yd-installation .yd-pack { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
    #yd-installation .yd-pack p { font-size:14px; color:var(--yd-muted); margin:0 0 15px; }
    #yd-installation .yd-pack-list { padding:0; margin:0; list-style:none; }
    #yd-installation .yd-pack-list li { padding:12px 0; display:flex; gap:12px; align-items:center; border-bottom:1px solid var(--yd-line); font-size:14px; }
    #yd-installation .yd-pack-list svg { flex:none; width:20px; height:20px; }
    #yd-installation .yd-section { padding-top:42px; margin-top:42px; border-top:1px solid var(--yd-line); }
    #yd-installation .yd-section-heading { font:400 29px/1.2 Georgia,'Times New Roman',serif; letter-spacing:-.5px; margin:0 0 25px; }
    #yd-installation .yd-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
    #yd-installation .yd-number { display:inline-flex; width:31px; height:31px; background:var(--yd-wash); color:var(--yd-ink); border-radius:50%; align-items:center; justify-content:center; font-size:13px; margin-bottom:12px; }
    #yd-installation .yd-steps h3 { font-size:16px; margin:0 0 8px; font-weight:600; line-height:1.35; }
    #yd-installation .yd-steps p { font-size:13px; color:var(--yd-muted); margin:0; }
    #yd-installation .yd-questions { display:grid; grid-template-columns:.7fr 1fr; gap:35px; }
    #yd-installation .yd-questions details { border-bottom:1px solid var(--yd-line); }
    #yd-installation .yd-questions summary { font-size:14px; padding:16px 0; }
    #yd-installation .yd-questions details p { color:var(--yd-muted); font-size:13px; margin:0 0 18px; }
    #yd-installation .yd-contact { margin-top:40px; background:var(--yd-wash); border-radius:10px; padding:26px; display:flex; gap:28px; align-items:center; justify-content:space-between; }
    #yd-installation .yd-contact h2 { font:400 26px/1.2 Georgia,'Times New Roman',serif; margin:0 0 8px; }
    #yd-installation .yd-contact p { color:var(--yd-muted); font-size:13px; margin:0; max-width:460px; }
    #yd-installation .yd-contact-actions { flex-shrink:0; text-align:center; }
    #yd-installation .yd-contact-actions .yd-action { background:var(--yd-green); color:var(--yd-on-green); }
    #yd-installation .yd-phone { display:block; font-size:12px; margin-top:8px; }
    #yd-installation .yd-footer { border-top:1px solid var(--yd-line); margin-top:36px; padding-top:18px; display:flex; justify-content:space-between; gap:15px; color:var(--yd-muted); font-size:11px; }
    #yd-installation .yd-footer span { max-width:520px; }
    @container yd-page (max-width:700px) {
      #yd-installation .yd-header { padding:22px 90px 22px 23px; flex-wrap:wrap; gap:15px; }
      #yd-installation .yd-header nav { display:none; }
      #yd-installation .yd-main { padding:28px 23px; }
      #yd-installation .yd-hero { grid-template-columns:1fr; gap:28px; }
      #yd-installation h1 { font-size:40px; max-width:530px; }
      #yd-installation .yd-lead { max-width:none; }
      #yd-installation .yd-experience { margin-top:18px; padding-top:15px; }
      #yd-installation .yd-estimate { max-width:none; }
      #yd-installation .yd-steps { grid-template-columns:1fr; gap:22px; }
      #yd-installation .yd-steps li { display:grid; grid-template-columns:31px 1fr; gap:4px 15px; }
      #yd-installation .yd-number { grid-row:1/3; margin:0; }
      #yd-installation .yd-steps h3 { margin:0; }
      #yd-installation .yd-section { margin-top:32px; padding-top:30px; }
      #yd-installation .yd-questions { grid-template-columns:1fr; gap:0; }
      #yd-installation .yd-pack { grid-template-columns:1fr; gap:12px; }
      #yd-installation .yd-questions .yd-section-heading { margin-bottom:10px; }
      #yd-installation .yd-contact { flex-direction:column; align-items:start; padding:23px; gap:20px; }
      #yd-installation .yd-contact-actions { width:100%; }
      #yd-installation .yd-contact-actions .yd-action { width:100%; }
      #yd-installation .yd-footer { flex-direction:column; }
    }
    @container yd-page (max-width:370px) {
      #yd-installation h1 { font-size:35px; }
      #yd-installation .yd-main { padding:25px 18px; }
      #yd-installation .yd-included { grid-template-columns:1fr; }
      #yd-installation .yd-secondary { margin-left:0; display:flex; }
      #yd-installation .yd-price-top, #yd-installation .yd-price-body { padding:22px; }
      #yd-installation .yd-money { font-size:38px; }
    }
  

html{color-scheme:light;scroll-behavior:smooth;background:#f8f6f0}body{margin:0}a:focus-visible,summary:focus-visible{outline:3px solid #87631a;outline-offset:4px}summary{cursor:pointer}img{max-width:100%}.skip-content{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:10}.skip-content:focus{top:12px}
#yd-installation .yd-site{max-width:1200px}#yd-installation .yd-header{padding:22px 40px;flex-wrap:wrap}#yd-installation .yd-logo{text-decoration:none}#yd-installation .yd-header nav{flex-wrap:wrap;gap:8px 20px}#yd-installation .yd-header nav a{font-size:13px}#yd-installation .yd-hero{grid-template-columns:1fr 1fr;gap:44px}#yd-installation .yd-estimate{box-shadow:none}#yd-installation .yd-price-body{padding:0}#yd-installation .yd-price-body>.yd-note{padding:20px 24px;margin:0}#yd-installation .yd-price-top{padding:22px 24px}#yd-installation .yd-price-label{margin-bottom:12px}#yd-installation .yd-bay-card{background:#fff;border:1px solid var(--yd-line);border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column}#yd-installation .yd-bay-card--compact{border:0;border-radius:0}#yd-installation .yd-bay-card figure{margin:0;background:#eeeee7;position:relative}#yd-installation .yd-bay-picture{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain}#yd-installation .yd-bay-card figcaption{position:absolute;bottom:9px;left:10px;background:#fffdf5e8;border-radius:20px;padding:4px 10px;font-size:10px;color:#233d30}#yd-installation .yd-bay-copy{padding:24px}#yd-installation .yd-bay-card h2,#yd-installation .yd-bay-card h3{font:400 29px/1.2 Georgia,serif;margin:0 0 16px}#yd-installation .yd-bay-card h2 span,#yd-installation .yd-bay-card h3 span{display:block;font:14px/1.4 Arial,sans-serif;color:var(--yd-muted);margin-top:5px}#yd-installation .yd-bay-card .yd-money{font-size:36px}#yd-installation .yd-bay-card .yd-note{margin:8px 0 14px}#yd-installation .yd-bay-card details{border-top:1px solid var(--yd-line);border-bottom:1px solid var(--yd-line);margin:18px 0 5px}#yd-installation .yd-product-list{list-style:none;margin:0;padding:0}#yd-installation .yd-product-list li{display:flex;align-items:center;gap:12px;border-top:1px solid #e6e7df;padding:10px 0;min-width:0}#yd-installation .yd-product-list img{flex:none;object-fit:contain;width:64px;height:64px;background:#fff;border:1px solid #eee;border-radius:8px}#yd-installation .yd-product-list strong{font-size:13px;font-weight:600;display:block}#yd-installation .yd-product-list small{font-size:11px;color:var(--yd-muted);display:block;margin-top:4px}#yd-installation .yd-product-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#cba449;margin:0 28px}#yd-installation .yd-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}#yd-installation .yd-range-links{display:grid;grid-template-columns:1fr 1fr;gap:22px}#yd-installation .yd-range-link{padding:22px;background:#edeedf;border:1px solid #d6dbd0;border-radius:10px;text-decoration:none}#yd-installation .yd-range-link strong{display:block;font:28px Georgia,serif;margin-bottom:8px}#yd-installation .yd-range-link span{font-size:14px;display:block;color:#55635a}#yd-installation .yd-range-link:hover{border-color:#294936}#yd-installation .yd-range-intro{max-width:780px;margin-bottom:32px}#yd-installation .yd-range-intro .yd-lead{max-width:none}#yd-installation .yd-breadcrumb{font-size:13px;margin:0 0 26px;color:var(--yd-muted)}#yd-installation .yd-footer nav{display:flex;flex-wrap:wrap;gap:14px}#yd-installation .yd-page-note{padding:16px 20px;background:#edeedf;border-left:3px solid #edc35b;font-size:13px;margin:24px 0}#yd-installation .yd-range-intro h1{max-width:700px}#yd-installation .yd-price-status{margin:18px 0 24px}#yd-installation .yd-price-link{line-height:1.45}#yd-installation .yd-section-heading{scroll-margin-top:16px}
@media(max-width:700px){#yd-installation .yd-header{padding:18px 22px;gap:12px}#yd-installation .yd-header nav{display:flex;font-size:12px;gap:0 18px;width:100%}#yd-installation .yd-header nav a{min-height:38px;font-size:12px}#yd-installation .yd-hero{grid-template-columns:1fr;gap:26px}#yd-installation .yd-examples-grid,#yd-installation .yd-range-links{grid-template-columns:1fr}#yd-installation .yd-bay-copy{padding:20px}#yd-installation .yd-bay-card h2{font-size:28px}#yd-installation .yd-money{font-size:34px}#yd-installation .yd-footer nav{gap:10px 18px}#yd-installation .yd-price-top{padding:22px}#yd-installation .yd-section-heading{font-size:27px}}
#yd-installation .yd-bay-card--compact{display:grid;grid-template-columns:39% 61%;border-bottom:1px solid var(--yd-line)}#yd-installation .yd-bay-card--compact figure{display:flex;flex-direction:column;justify-content:center;padding:8px}#yd-installation .yd-bay-card--compact .yd-bay-picture{height:auto}#yd-installation .yd-bay-card--compact figcaption{position:static;font-size:9px;background:none;line-height:1.3;padding:4px;text-align:center}#yd-installation .yd-bay-card--compact .yd-bay-copy{padding:18px}#yd-installation .yd-bay-card--compact h3{font-size:25px;margin-bottom:12px}#yd-installation .yd-bay-card--compact .yd-money{font-size:30px}#yd-installation .yd-bay-card--compact details{margin-top:12px}#yd-installation .yd-bay-card--compact .yd-note{margin:7px 0}#yd-installation .yd-bay-card--compact details[open]{grid-column:1/-1}#yd-installation .yd-bay-card--compact .yd-product-list li{display:block}#yd-installation .yd-bay-card--compact .yd-product-list img{float:left;margin:0 10px 6px 0}#yd-installation .yd-bay-card--compact .yd-product-list li:after{content:"";display:block;clear:both}
@media(max-width:420px){#yd-installation .yd-bay-card--compact{grid-template-columns:1fr}#yd-installation .yd-bay-card--compact figure{padding:0}#yd-installation .yd-bay-card--compact .yd-bay-picture{max-height:230px}#yd-installation .yd-bay-card--compact figcaption{padding:6px}#yd-installation .yd-bay-card--compact .yd-product-list li{display:flex}#yd-installation .yd-bay-card--compact .yd-product-list img{float:none;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}