
:root{--yellow:#ffd400;--yellow2:#ffe75b;--black:#070707;--ink:#101010;--panel:#151515;--panel2:#1d1d1d;--white:#fff;--muted:#bbb;--line:#333;--max:1200px;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:10px 14px;z-index:999;border-radius:8px}.eyebrow{color:var(--yellow);font-weight:950;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.muted{color:var(--muted)}
.header{position:sticky;top:0;z-index:80;background:rgba(7,7,7,.92);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-weight:1000;line-height:.95;letter-spacing:.01em}.brand img{width:61px;height:auto}.brand span{font-size:14px}.navlinks{display:flex;align-items:center;gap:26px;font-weight:850;font-size:14px}.navlinks>a:not(.btn):hover{color:var(--yellow)}.menu{display:none;background:none;border:1px solid #555;color:#fff;padding:10px 13px;border-radius:11px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 23px;border:2px solid var(--yellow);border-radius:999px;font-weight:950;cursor:pointer;transition:transform .18s,background .18s,color .18s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:#000}.btn.secondary{background:#fff;color:#000;border-color:#fff}.btn.ghost{background:transparent;color:var(--yellow)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero{overflow:hidden;position:relative;padding:92px 0 82px;background:radial-gradient(circle at 82% 18%,rgba(255,212,0,.17),transparent 28%),linear-gradient(180deg,#0d0d0d,#070707)}.hero:after{content:'';position:absolute;inset:auto -5% -180px 40%;height:360px;background:var(--yellow);filter:blur(180px);opacity:.08}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1,.pagehero h1{font-size:clamp(56px,8vw,112px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;margin:15px 0 24px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy{font-size:19px;color:#ddd;max-width:690px}.trustrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.pill{border:1px solid #3c3c3c;background:#111;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.pill:before{content:'✓';color:var(--yellow);margin-right:7px}.hero-art{position:relative;min-height:500px;background:linear-gradient(150deg,#242424,#0f0f0f);border:1px solid #3c3c3c;border-radius:30px;box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}.hero-art:before{content:'20 YARD';position:absolute;right:-18px;top:20px;font-size:94px;font-weight:1000;color:rgba(255,255,255,.045);transform:rotate(90deg);transform-origin:center}.capacity-badge{position:absolute;left:22px;bottom:22px;background:#050505;border:1px solid #555;border-radius:17px;padding:15px 18px}.capacity-badge b{font-size:30px;color:var(--yellow);display:block;line-height:1}.hero-art svg{width:94%;filter:drop-shadow(0 26px 35px rgba(0,0,0,.4))}
.stats{border-top:1px solid #292929;border-bottom:1px solid #292929;background:#0c0c0c}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:25px 20px;text-align:center;border-right:1px solid #292929}.stat:last-child{border-right:0}.stat b{display:block;color:var(--yellow);font-size:31px;line-height:1.05}.stat span{font-size:13px;color:#ccc;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.section{padding:82px 0}.alt{background:var(--ink)}h2{font-size:clamp(40px,5vw,70px);line-height:.94;letter-spacing:-.052em;text-transform:uppercase;margin:10px 0 22px}.intro{font-size:18px;color:#ccc;max-width:760px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head p{max-width:540px;color:#bbb;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;min-height:290px;border:1px solid #343434;border-radius:var(--radius);padding:27px;background:linear-gradient(145deg,#191919,#101010);overflow:hidden;transition:.2s}.service-card:after{content:'→';position:absolute;right:22px;bottom:18px;color:var(--yellow);font-size:27px;font-weight:900}.service-card:hover{transform:translateY(-4px);border-color:var(--yellow)}.service-card .num{font-size:13px;color:var(--yellow);font-weight:900;letter-spacing:.15em}.service-card h3{font-size:27px;line-height:1.05;margin:46px 0 12px}.service-card p{color:#bbb;max-width:90%}.service-card.featured{background:var(--yellow);color:#000;border-color:var(--yellow)}.service-card.featured .num,.service-card.featured:after{color:#000}.service-card.featured p{color:#222}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.pricecard{border:1px solid #393939;border-radius:var(--radius);padding:30px;background:#0c0c0c}.pricecard.tulco{border:2px solid var(--yellow);background:linear-gradient(145deg,#16140a,#0b0b0b)}.pricecard .label{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.pricecard .price{font-size:72px;color:var(--yellow);font-weight:1000;line-height:1;margin:16px 0}.pricecard ul{padding-left:18px;color:#ccc}.disclaimer{font-size:12px;color:#888;margin-top:16px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{padding:25px 18px;border-top:4px solid var(--yellow);background:#101010;min-height:220px}.process-card b{font-size:42px;color:var(--yellow)}.process-card h3{font-size:23px;margin:10px 0}.process-card p{color:#bbb}
.calc-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}.calcbox{background:#0d0d0d;border:1px solid #3a3a3a;border-radius:var(--radius);padding:28px}.range{width:100%;accent-color:var(--yellow);margin:18px 0 28px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800;font-size:13px}.field input,.field select,.field textarea{background:#070707;color:#fff;border:1px solid #4a4a4a;border-radius:12px;padding:14px}.field textarea{min-height:120px}.result{margin-top:18px;border-radius:17px;background:var(--yellow);color:#000;padding:22px}.result-lines{display:grid;grid-template-columns:1fr auto;gap:6px 18px}.result .total{font-size:50px;font-weight:1000;line-height:1;margin-top:15px}.notice{border-left:4px solid var(--yellow);background:#1a1a1a;border-radius:9px;padding:14px 16px;color:#ccc}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual{min-height:390px;border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid #3a3a3a;background:#171717}.visual.before{background:repeating-linear-gradient(45deg,#151515,#151515 20px,#1c1c1c 20px,#1c1c1c 40px)}.visual.after{background:linear-gradient(#202020,#111)}.visual .tag{position:absolute;top:17px;left:17px;background:var(--yellow);color:#000;padding:7px 11px;border-radius:999px;font-weight:950}.junkpile{position:absolute;left:8%;right:8%;bottom:0;height:70%;background:linear-gradient(145deg,#5b5b5b,#222);clip-path:polygon(0 73%,10% 45%,21% 60%,31% 30%,43% 55%,55% 25%,67% 51%,78% 20%,90% 55%,100% 35%,100% 100%,0 100%)}.cleanfloor{position:absolute;inset:45% 0 0;background:linear-gradient(150deg,#444,#202020);clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}.garage-lines{position:absolute;inset:10% 8% 40%;border:4px solid #666;border-bottom:0}.garage-lines:after{content:'';position:absolute;left:0;right:0;top:33%;height:3px;background:#555;box-shadow:0 72px #555}
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reason{border:1px solid #343434;border-radius:18px;padding:24px;background:#111}.reason b{font-size:28px;color:var(--yellow)}.reason h3{margin:10px 0 8px}.reason p{color:#bbb}
.areas{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.citylist{columns:2;padding-left:18px}.citylist li{margin:7px 0}.citylist a:hover{color:var(--yellow)}.map{min-height:440px;border:1px solid #3b3b3b;border-radius:var(--radius);position:relative;overflow:hidden;background:#171717}.map:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px);background-size:44px 44px;opacity:.5}.map:after{content:'';position:absolute;width:285px;height:285px;border:2px dashed var(--yellow);border-radius:50%;left:49%;top:49%;transform:translate(-50%,-50%);background:rgba(255,212,0,.06)}.pin{position:absolute;z-index:2;width:14px;height:14px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px rgba(255,212,0,.14)}.maplabel{position:absolute;z-index:3;background:#070707;border:1px solid var(--yellow);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}
.faq{max-width:900px}.faq details{border-bottom:1px solid #333;padding:20px 0}.faq summary{font-size:18px;font-weight:900;cursor:pointer}.faq p{color:#bbb}
.quote-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}.quote-panel{background:linear-gradient(145deg,#181818,#0d0d0d);border:1px solid #3b3b3b;border-radius:var(--radius);padding:28px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form .full{grid-column:1/-1}.upload{border:1px dashed #666;border-radius:13px;padding:14px;background:#090909}.previewlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.previewlist img{width:76px;height:76px;object-fit:cover;border-radius:9px;border:1px solid #555}
.cta{background:var(--yellow);color:#000;padding:64px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;max-width:790px}.cta .btn{border-color:#000}.cta .btn.primary{background:#000;color:#fff}
.footer{padding:48px 0 26px;border-top:1px solid #303030}.footergrid{display:grid;grid-template-columns:1fr auto auto;gap:46px}.footer h4{margin:0 0 12px}.footer a:hover{color:var(--yellow)}.copyright{margin-top:35px;padding-top:18px;border-top:1px solid #303030;color:#888;font-size:13px}
.pagehero{padding:78px 0 58px;background:radial-gradient(circle at 82% 20%,rgba(255,212,0,.14),transparent 30%)}.pagehero h1{font-size:clamp(50px,7vw,90px)}.breadcrumbs{font-size:13px;color:#999;margin-bottom:24px}.content-layout{display:grid;grid-template-columns:1fr .38fr;gap:30px}.contentbox,.sidebox{background:#111;border:1px solid #343434;border-radius:var(--radius);padding:28px}.contentbox h2{font-size:38px}.checklist{list-style:none;padding:0;columns:2}.checklist li{margin:10px 0}.checklist li:before{content:'✓';color:var(--yellow);font-weight:950;margin-right:9px}.sidebox{position:sticky;top:100px}.sidebox .price-start{font-size:45px;color:var(--yellow);font-weight:1000}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:940px){.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:#080808;border-bottom:1px solid #333;padding:20px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.hero-grid,.calc-layout,.areas,.quote-layout,.content-layout{grid-template-columns:1fr}.hero-art{min-height:420px}.grid3{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.statsgrid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #292929}.sidebox{position:static}.section-head{align-items:start;flex-direction:column}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.section{padding:58px 0}.hero{padding:60px 0}.hero h1,.pagehero h1{font-size:51px}.hero-art{min-height:330px}.grid3,.compare,.fields,.quote-form,.gallery,.reasons,.related,.process{grid-template-columns:1fr}.service-card{min-height:230px}.citylist,.checklist{columns:1}.footergrid{grid-template-columns:1fr}.cta-grid{align-items:flex-start;flex-direction:column}.nav{height:68px}.navlinks{top:68px}.pricecard .price{font-size:58px}.statsgrid{grid-template-columns:1fr 1fr}.stat{padding:20px 8px}.stat b{font-size:25px}}
