body{margin:0;background:#0B0B0B}
a{color:#A6E22E}a:hover{color:#C6F55A}
.gu *{box-sizing:border-box}
.gu input,.gu select,.gu textarea{font:inherit;font-size:15px;color:#ffffff;background:#1A1A1A;border:1px solid #3A3A3A;border-radius:2px;padding:12px 14px;width:100%;min-height:46px}
.gu input::placeholder,.gu textarea::placeholder{color:#7A7A7A}
.gu label{display:flex;flex-direction:column;gap:6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#A6E22E}
.gu .navlinks a{color:#ffffff;text-decoration:none;white-space:nowrap}
.gu .navlinks a:hover{color:#A6E22E}
.gu .foot a{color:#B5B5B5;text-decoration:none}
.gu .foot a:hover{color:#ffffff}
.gu .grit{background-color:#0B0B0B;background-image:radial-gradient(ellipse at 20% 0%, rgba(166,226,46,0.10), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(166,226,46,0.08), transparent 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 7px)}
.gu .yellowbar{background:#F2D21B;color:#0B0B0B;transform:skewX(-8deg);display:inline-block;padding:6px 16px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:0.02em}
.gu .yellowbar span{display:inline-block;transform:skewX(8deg)}
.gu .check{display:flex;gap:12px;align-items:flex-start;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:0.02em;color:#ffffff;line-height:1.2}
.gu .check svg{flex:none;margin-top:1px}
.gu .stripe{background-color:#F2D21B;background-image:repeating-linear-gradient(135deg, rgba(0,0,0,0.06) 0 18px, transparent 18px 36px)}
.gu .tag{box-shadow:0 5px 0 #0B0B0B, 0 12px 24px rgba(0,0,0,0.55)}
.gu .lift{transition:transform .28s ease, box-shadow .28s ease}
.gu .lift:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,0,0,0.55)}
.gu .btn{transition:transform .18s ease, filter .18s ease}
.gu .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.gu .reveal{opacity:0;transform:translateY(26px) skewX(-2deg);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}
.gu .reveal.in{opacity:1;transform:none}
.gu .calc input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#2E2E2E;border:0;padding:0;min-height:0;border-radius:3px;outline:none}
.gu .calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#A6E22E;border:3px solid #0B0B0B;box-shadow:0 0 0 2px #A6E22E;cursor:pointer}
.gu .calc input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#A6E22E;border:3px solid #0B0B0B;cursor:pointer}
@media (prefers-reduced-motion: reduce){.gu .reveal{opacity:1;transform:none;transition:none}.gu .lift,.gu .btn{transition:none}}
@media (max-width: 900px){.gu .navlinks{display:none !important}.gu .hide-sm{display:none !important}}

/* polish pass */
.gu section{position:relative}
.gu h1,.gu h2{letter-spacing:-0.02em}
.gu h3{letter-spacing:-0.01em}
.gu .yellowbar,.gu .check{letter-spacing:0.04em}
.gu .ghost{position:absolute;right:72px;top:8px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:clamp(140px,16vw,260px);line-height:0.8;letter-spacing:-0.03em;color:transparent;-webkit-text-stroke:1.5px rgba(166,226,46,0.22);pointer-events:none;user-select:none;z-index:0}
.gu .ghost.dark{-webkit-text-stroke:1.5px rgba(11,11,11,0.16)}
.gu section > *:not(.ghost){position:relative;z-index:1}
.gu .grit{box-shadow:inset 0 0 180px rgba(0,0,0,0.55)}
.gu .stripe::before{content:'';position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,#0B0B0B 0 14px,#F2D21B 14px 28px);z-index:2}
.gu .stripe::after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(135deg,#0B0B0B 0 14px,#F2D21B 14px 28px);z-index:2}
.gu .btn{position:relative;overflow:hidden;isolation:isolate}
.gu .btn::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%);transform:translateX(-120%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}
.gu .btn:hover::after{transform:translateX(120%)}
.gu .check svg path{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .55s cubic-bezier(.2,.8,.2,1)}
.gu .check.in svg path{stroke-dashoffset:0}
.gu .tag{transform:rotate(-7deg) translateY(-14px);opacity:0;transition:transform .7s cubic-bezier(.2,.9,.2,1.2),opacity .3s ease}
.gu .tag.in{transform:rotate(-2deg) translateY(0);opacity:1}
.gu .swash{position:relative;display:inline-block}
.gu .swash svg{position:absolute;left:-2%;bottom:-0.2em;width:104%;height:0.24em;overflow:visible}
.gu .swash svg path{stroke-dasharray:340;stroke-dashoffset:340;animation:swash 1s cubic-bezier(.2,.8,.2,1) .5s forwards}
@keyframes swash{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.gu .check svg path,.gu .tag{transition:none;stroke-dashoffset:0;opacity:1;transform:rotate(-2deg)}.gu .swash svg path{animation:none;stroke-dashoffset:0}.gu .btn::after{display:none}}

/* responsive: phone */
.gu .mobonly{display:none}
.gu .menu a{color:#ffffff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:44px;line-height:1;text-transform:uppercase;padding:14px 0;border-bottom:1px solid #262626;display:block}
.gu .menu a:hover{color:#A6E22E}
@media (max-width: 760px){
.gu .mobonly{display:flex}
.gu .navlinks{display:none !important}
.gu header > div{padding:12px 16px !important}
.gu #logo-slot{width:180px !important;height:44px !important}
.gu #logo-slot > span > span:first-child{font-size:30px !important}
.gu #logo-slot > span > span:last-child{font-size:9px !important}
.gu #logo-slot svg{width:13px;height:26px}
.gu .navcta{display:none !important}
.gu section{padding-left:0 !important;padding-right:0 !important}
.gu section > div[style*="max-width: 1280px"]{padding-left:20px !important;padding-right:20px !important}
.gu .sec-pad{padding-top:48px !important;padding-bottom:48px !important}
.gu h1{font-size:58px !important}
.gu h2{font-size:44px !important}
.gu h3{font-size:30px !important}
.gu .ghost{font-size:110px !important;right:20px !important}
.gu .yellowbar{font-size:19px !important;padding:5px 14px !important}
.gu .check{font-size:17px !important}
.gu .hero-wrap{padding:120px 0 0 !important;gap:0 !important}
.gu .hero-copy{padding:0 20px 24px !important;gap:14px !important}
.gu .hero-copy p{font-size:16px !important}
.gu .hero-copy .btn{flex:1 1 100% !important;justify-content:center;font-size:21px !important;padding:14px !important}
.gu .hero-side{flex:1 1 100% !important;align-items:flex-start !important;padding:0 20px 28px}
.gu .hero-side .yellowbar{white-space:normal !important}
.gu .g2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px 14px !important}
.gu .g1{grid-template-columns:1fr !important}
.gu .g3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px 8px !important}
.gu .g3 > div{font-size:13px !important}
.gu .g3 svg{width:36px;height:36px}
.gu #mats article{min-height:520px !important}
.gu .calc-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.gu .calc-row > div:first-child{grid-column:1 / -1;padding:12px 16px 6px !important}
.gu .calc-row > div{padding:12px 16px !important}
.gu .calc-row .big, .gu .calc-row > div:not(:first-child) > span:first-child{font-size:28px !important}
.gu .calc-row > div:first-child > span:first-child{font-size:15px !important}
.gu .calc-head{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.gu .calc-head > div{padding:12px 16px !important;font-size:16px !important}
.gu .calc-head > div:first-child{grid-column:1 / -1;padding-bottom:4px !important}
.gu .stat-big{font-size:32px !important}
.gu .stat-lbl{font-size:13px !important}
.gu .adv{padding:24px !important}
.gu .adv .big{font-size:56px !important}
.gu .cards-2 > *{padding:22px !important}
.gu .quote-copy{flex:1 1 100% !important;max-width:none !important}
.gu .quote-copy a[href^="tel"]{font-size:36px !important}
.gu form{padding:20px !important;grid-template-columns:1fr !important;gap:14px !important}
.gu form input,.gu form select,.gu form textarea{font-size:16px !important;min-height:48px !important}
.gu .step-card{min-height:0 !important;display:grid !important;grid-template-columns:56px 1fr !important;grid-template-rows:auto auto;column-gap:16px !important;row-gap:4px !important;padding:18px 20px !important}
.gu .step-card > div:first-child{font-size:44px !important;grid-row:1 / 3}
.gu .step-card > div:nth-child(2){font-size:22px !important;grid-column:2}
.gu .step-card > p{grid-column:2;margin:0 !important}
.gu .ind-wrap{flex-direction:column !important;align-items:flex-start !important;gap:22px !important}
.gu .ind-wrap > *{flex:none !important}
.gu .bb-row{grid-template-columns:1fr !important;gap:4px !important}
.gu .faqq{font-size:19px !important;padding:16px 18px !important}
.gu #cost table{min-width:0 !important;font-size:13px !important}
.gu #cost th,.gu #cost td{padding:10px 8px !important}
.gu #cost td[style*="font-size: 24px"]{font-size:18px !important}
.gu #cost td[style*="font-size: 15px"]{font-size:11px !important}
.gu footer{padding-bottom:72px}
.gu .stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#0B0B0B;border-top:2px solid #A6E22E;box-shadow:0 -10px 30px rgba(0,0,0,0.6)}
}
.gu .mats{border:1px solid #333;padding:16px 18px 6px;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.gu .mats legend{padding:0 8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.12em;text-transform:uppercase;color:#A6E22E}
.gu .mats legend span{color:#8C8C8C;letter-spacing:0.06em;margin-left:6px}
.gu .mats-h{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#CFCFCF;margin-bottom:8px}
.gu .mats-r{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.gu .pill{display:inline-flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;background:#1A1A1A;border:1px solid #3A3A3A;padding:8px 12px;font-family:'Barlow',sans-serif;font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;color:#E6E6E6;line-height:1.2;transition:border-color .15s, background .15s}
.gu .pill input{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:#A6E22E;flex:none}
.gu .pill small{font-size:12px;color:#9A9A9A;white-space:nowrap}
.gu .pill:hover{border-color:#A6E22E}
.gu .pill:has(input:checked){background:#1E2A10;border-color:#A6E22E;color:#fff}
@media (max-width: 760px){.gu .pill{font-size:13px;padding:8px 10px}}
.gu .dk-row{display:grid;grid-template-columns:64px 1fr 92px;gap:12px;align-items:center}
.gu .dk-lbl{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;letter-spacing:0.06em;text-transform:uppercase}
.gu .dk-val{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;text-align:right;white-space:nowrap}
.gu .dk-track{height:22px;display:flex;gap:3px;background:#141414;border:1px solid #2E2E2E;padding:2px;box-sizing:border-box}
.gu .dk-seg{height:100%;flex:none;background:linear-gradient(90deg,#F2A51B 0%,#C98A14 55%,#5A4010 100%);transform-origin:left;animation:dkgrow .45s cubic-bezier(.2,.8,.2,1) both;position:relative;min-width:2px}
.gu .dk-seg.hdpe{background:linear-gradient(90deg,#A6E22E,#8DC63F);display:flex;align-items:center;justify-content:flex-end}
.gu .dk-tag{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#0B0B0B;background:#F2D21B;padding:1px 6px;margin-right:2px}
.gu .dk-years{display:flex;justify-content:space-between;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:0.08em;color:#6A6A6A;text-transform:uppercase}
@keyframes dkgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gu .calc-row .pulse{animation:cellpulse .6s ease}
@keyframes cellpulse{0%{box-shadow:inset 0 0 0 0 rgba(166,226,46,0)}35%{box-shadow:inset 0 0 0 3px rgba(166,226,46,.9)}100%{box-shadow:inset 0 0 0 0 rgba(166,226,46,0)}}
.gu .btn.nudge{animation:nudge 1.2s ease 2}
@keyframes nudge{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(166,226,46,0)}50%{transform:translateY(-3px);box-shadow:0 0 0 8px rgba(166,226,46,.25)}}
.gu #cost tbody td{transition:background .5s ease, color .5s ease}
.gu #cost tbody td.lit{background:rgba(242,165,27,.14)}
.gu #cost tbody tr:last-child td.lit{background:#2A3A14}
.gu .deskcta{position:fixed;right:24px;bottom:24px;z-index:40;transform:translateY(120px);opacity:0;transition:transform .35s ease, opacity .35s ease}
.gu .deskcta.show{transform:none;opacity:1}
.gu .deskcta a{display:flex;align-items:center;gap:10px;background:#A6E22E;color:#0B0B0B;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:20px;letter-spacing:0.06em;text-transform:uppercase;padding:14px 24px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 12px 30px rgba(0,0,0,.6)}
@media (max-width: 760px){.gu .deskcta{display:none}.gu .dk-hint{display:none}.gu .dk-row{grid-template-columns:52px 1fr 74px}.gu .dk-val{font-size:15px}}
.gu textarea.glow{animation:glow 1.4s ease 1}
@keyframes glow{0%{box-shadow:0 0 0 0 rgba(166,226,46,0)}30%{box-shadow:0 0 0 4px rgba(166,226,46,.8)}100%{box-shadow:0 0 0 0 rgba(166,226,46,0)}}
@media (prefers-reduced-motion: reduce){.gu .dk-seg{animation:none}.gu .deskcta{transition:none}.gu .calc-row .pulse,.gu .btn.nudge,.gu textarea.glow{animation:none}}

html{scroll-behavior:smooth}
picture{display:contents}
.gu .botcheck{display:none}
.gu select option,.gu select optgroup{background:#1A1A1A;color:#fff}
.gu select optgroup{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#A6E22E}
.gu .faqa{display:block}
.gu .menu[hidden]{display:none !important}
.gu .faqa[hidden]{display:none !important}
.gu .faq-wrap{border:2px solid #262626;border-top:0}
.gu .notice{background:#1E2A10;border-left:6px solid #A6E22E;color:#fff;padding:14px 18px;font-weight:600}
.gu .notice-error{background:#2A1410;border-left-color:#E2552E}
.gu label.attach small{display:block;font-weight:400;font-size:12px;color:#8C8C8C;text-transform:none;letter-spacing:0;margin:2px 0 8px}.gu label.attach input[type=file]{background:#0B0B0B;border:1px dashed #3A3A3A;color:#CFCFCF;padding:12px;font-family:'Barlow',sans-serif;font-size:14px;cursor:pointer}.gu label.attach input[type=file]::file-selector-button{background:#1E1E1E;color:#fff;border:1px solid #3A3A3A;padding:8px 14px;margin-right:12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.gu .attach-list{display:block;font-size:13px;color:#A6E22E;margin-top:6px;min-height:1em}.gu .attach-list.err{color:#E2552E}
@media (max-width: 760px){.gu #field figure{height:auto !important}.gu #field figure img{position:static !important;height:auto !important;aspect-ratio:16/9}.gu #field figure > div[aria-hidden]{display:none}.gu #field figcaption{position:static !important;padding:22px 24px 30px !important;background:#0B0B0B}}
.gu .mobonly{display:none}
@media (max-width: 760px){.gu .mobonly{display:flex}}
.no-js .gu .reveal{opacity:1;transform:none}
.gu .logo-wrap{display:flex;flex-direction:column;gap:3px}
.gu #logo-slot img{height:40px;width:auto;display:block}
.gu .logo-sub{font-family:'Barlow',sans-serif;font-weight:600;font-size:11px;letter-spacing:0.42em;color:#B5B5B5;text-transform:uppercase;line-height:1;padding-left:2px}
@media (max-width: 760px){.gu #logo-slot img{height:28px}.gu .logo-sub{font-size:8px;letter-spacing:0.36em}}