@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#f2f1ed;margin:0;font-family:Inter,Arial,sans-serif}.wrap{width:min(1180px,100% - 48px);margin:auto}button,a{font:inherit}button{cursor:pointer}.nav{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.5px;color:#111;font:800 24px Barlow Condensed;text-decoration:none}.brand span{color:#e93e22}.nav nav{gap:32px;display:flex}.nav nav a{color:#333;font-size:13px;font-weight:600;text-decoration:none}.navCta,.primary{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#e93e22;border:0;padding:14px 20px;font-size:13px;font-weight:700}.navCta span,.primary span{margin-left:16px}.hero{border-top:1px solid #d2d0ca;overflow:hidden}.heroGrid{grid-template-columns:47% 53%;align-items:center;min-height:630px;display:grid}.heroCopy{padding:60px 20px 55px 0}.eyebrow,.kicker{letter-spacing:2px;color:#e93e22;font:700 12px Inter}.eyebrow i{vertical-align:middle;background:#e93e22;width:26px;height:2px;margin-right:9px;display:inline-block}.hero h1,.sectionHead h2,.install h2{letter-spacing:-2px;margin:26px 0;font:800 clamp(54px,6vw,88px)/.86 Barlow Condensed}.hero h1 em{color:#e93e22;font-style:italic}.heroCopy>p{color:#565656;max-width:570px;font-size:17px;line-height:1.7}.heroActions{align-items:center;gap:28px;margin:34px 0 45px;display:flex}.primary{padding:17px 24px}.play{color:#111;font-size:13px;font-weight:700;text-decoration:none}.play b{color:#fff;background:#111;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:8px;font-size:10px;display:inline-grid}.proof{border-top:1px solid #d4d2cc;gap:36px;padding-top:25px;display:flex}.proof strong{font:700 24px Barlow Condensed;display:block}.proof span{color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.heroVisual{background:#171817;height:530px;position:relative;overflow:hidden}.heroVisual:before{content:"";background:linear-gradient(125deg,#0000 15%,#ffffff14,#0000 48%),repeating-linear-gradient(90deg,#0000 0 89px,#ffffff06 90px);position:absolute;inset:0}.car{height:250px;position:absolute;bottom:90px;left:9%;right:5%}.roofline{border-top:6px solid #aaa;border-radius:60% 100% 0 0;width:55%;height:100px;position:absolute;top:30px;left:15%;transform:skew(-15deg)}.windshield,.sidewindow{background:linear-gradient(135deg,#88a0a3,#253033 72%);border:4px solid gray;height:100px;position:absolute;top:65px}.windshield{clip-path:polygon(28% 0,100% 0,90% 100%,0 100%);width:28%;left:16%}.sidewindow{clip-path:polygon(0 0,70% 0,100% 100%,10% 100%);background:linear-gradient(135deg,#4f5d60,#111 80%);width:32%;left:45%}.windshield span{letter-spacing:3px;color:#fff;font:700 11px Inter;position:absolute;top:42%;left:35%}.bodyline{border:8px solid #666;border-top:14px solid #8a8b89;border-radius:15px 45px 10px 10px;height:66px;position:absolute;top:160px;left:6%;right:2%}.wheel{background:#888;border:9px solid #333;border-radius:50%;width:54px;height:54px;position:absolute;bottom:0;box-shadow:0 0 0 5px #111}.wheel.one{left:18%}.wheel.two{right:14%}.sun{color:#e93e22;text-align:center;letter-spacing:1.5px;border:1px solid #555;border-radius:50%;place-items:center;width:95px;height:95px;font:700 10px/1.4 Inter;display:grid;position:absolute;top:34px;right:35px}.specCard{background:#f4f2ec;width:225px;padding:18px 24px;position:absolute;bottom:24px;left:24px}.specCard span,.specCard small{letter-spacing:1.5px;color:#777;font-size:9px;display:block}.specCard strong{margin:6px 0;font:700 21px Barlow Condensed;display:block}.vertical{color:#777;letter-spacing:2px;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:27px;right:12px}.ticker{color:#fff;white-space:nowrap;letter-spacing:2px;background:#e93e22;padding:14px 0;font:700 11px Inter;overflow:hidden}.ticker div{word-spacing:18px}.builder{padding:105px 0}.sectionHead{border-bottom:1px solid #c9c7c1;justify-content:space-between;align-items:end;margin-bottom:44px;padding-bottom:32px;display:flex}.sectionHead h2,.install h2{margin:18px 0 0;font-size:62px}.sectionHead>p{color:#666;max-width:420px;font-size:14px;line-height:1.65}.buildGrid{grid-template-columns:1fr 350px;gap:55px;display:grid}.steps>label,.field{margin-bottom:34px;display:block}.steps label>span,.field>span{text-transform:uppercase;letter-spacing:.6px;align-items:center;margin-bottom:13px;font:700 17px Barlow Condensed;display:flex}.steps span b,.field span b{color:#fff;background:#111;place-items:center;width:25px;height:25px;margin-right:10px;font:600 11px Inter;display:grid}.field>span small{color:#999;text-transform:none;margin-left:10px;font:400 10px Inter}.steps input{background:#fff;border:1px solid #c9c7c1;outline:none;width:100%;padding:18px;font-size:14px}.steps input:focus{border-color:#e93e22}.segmented{grid-template-columns:repeat(3,1fr);display:grid}.segmented button{background:#fff;border:1px solid #c9c7c1;margin-right:-1px;padding:16px;font-size:12px}.segmented button.active{color:#fff;background:#111;border-color:#111}.filmCards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.film{text-align:left;color:#111;background:#fff;border:1px solid #c9c7c1;padding:23px;position:relative}.film.active{border:2px solid #e93e22;padding:22px}.film i{letter-spacing:1px;color:#e93e22;font-size:8px;font-style:normal;position:absolute;top:12px;right:12px}.film strong{font:700 28px Barlow Condensed;display:block}.film small{color:#777;margin:0 0 15px;display:block}.film p{color:#666;min-height:56px;font-size:12px;line-height:1.55}.film ul{margin:15px 0 0;padding:0;font-size:10px;line-height:1.8;list-style:none}.shades{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.shades button{background:#fff;border:1px solid #cbc9c3;padding:8px}.shades button.active{border:2px solid #e93e22;padding:7px}.shades i{height:56px;opacity:calc(1 - var(--shade));background:#111;margin-bottom:8px;display:block}.shades strong{font:700 13px Inter}.legal{color:#888;font-size:10px}.order{color:#fff;background:#171817;height:max-content;padding:28px;position:sticky;top:20px}.orderTop{border-bottom:1px solid #404040;justify-content:space-between;padding-bottom:17px;display:flex}.orderTop span{letter-spacing:1px;font:700 14px Inter}.orderTop small{color:#aaa}.miniGlass{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(145deg,#829295,#202526);height:125px;margin:24px 0;position:relative;overflow:hidden}.miniGlass div{background:#050606;position:absolute;inset:0}.miniGlass span{letter-spacing:1px;font-size:10px;position:absolute;bottom:10px;right:12px}.order h3{text-transform:uppercase;font:700 25px Barlow Condensed}.order dl{font-size:11px}.order dl div{border-bottom:1px solid #333;justify-content:space-between;padding:11px 0;display:flex}.order dt{color:#999}.order dd{margin:0}.price{justify-content:space-between;align-items:end;padding:24px 0;display:flex}.price span{text-transform:uppercase;font-size:11px}.price strong{font:700 33px Barlow Condensed}.full{width:100%}.full:disabled{cursor:not-allowed;background:#5b5b5b}.ship{text-align:center;color:#aaa;font-size:8px}.why{color:#fff;background:#151615;padding:100px 0}.sectionHead.light{border-color:#3b3b3b}.sectionHead.light p{color:#aaa}.benefits{grid-template-columns:repeat(4,1fr);display:grid}.benefits article{border-left:1px solid #3b3b3b;min-height:210px;padding:28px}.benefits article:first-child{border-left:0}.benefits article>span{color:#e93e22;font:700 11px Inter}.benefits h3{text-transform:uppercase;margin-top:55px;font:700 25px Barlow Condensed}.benefits p{color:#999;font-size:12px;line-height:1.6}.install{padding:100px 0}.installGrid{grid-template-columns:1fr 1fr;gap:100px;margin-top:25px;display:grid}.installGrid>div>p{color:#666;max-width:430px;line-height:1.7}.outline{text-transform:uppercase;background:0 0;border:1px solid #111;padding:15px 22px;font-size:11px;font-weight:700}.install ol{margin:0;padding:0;list-style:none}.install li{border-bottom:1px solid #ccc;gap:25px;padding:28px 0;display:flex}.install li>b{color:#e93e22;font:700 12px Inter}.install li strong{text-transform:uppercase;font:700 23px Barlow Condensed;display:block}.install li span{color:#777;margin-top:8px;font-size:12px;display:block}.install h2{font-size:68px}footer{color:#fff;background:#0d0e0d;padding:65px 0 25px}.footerGrid{grid-template-columns:2fr 1fr 1fr 1.6fr;gap:40px;display:grid}.footerGrid .brand{color:#fff}.footerGrid p{color:#777;font-size:12px;line-height:1.7}.footerGrid>div:not(:first-child){flex-direction:column;gap:12px;display:flex}.footerGrid strong,.footerGrid>div>span{letter-spacing:1.5px;font-size:10px}.footerGrid a:not(.brand){color:#999;font-size:11px;text-decoration:none}.finalCta .primary{margin-top:10px}.fineprint{color:#555;border-top:1px solid #292929;margin-top:50px;padding-top:20px;font-size:8px}.fineprint span{float:right}@media (max-width:850px){.nav nav{display:none}.heroGrid{grid-template-columns:1fr}.heroVisual{height:390px}.heroCopy{padding-right:0}.proof{gap:18px}.buildGrid{grid-template-columns:1fr}.order{position:static}.sectionHead{flex-direction:column;align-items:start;gap:20px}.benefits{grid-template-columns:1fr 1fr}.installGrid{grid-template-columns:1fr;gap:30px}.footerGrid{grid-template-columns:1fr 1fr}.shades{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.wrap{width:min(100% - 28px,1180px)}.nav{height:68px}.navCta{padding:10px 12px;font-size:10px}.heroGrid{min-height:auto}.hero h1{font-size:57px}.heroCopy{padding-top:45px}.heroVisual{height:320px}.proof{justify-content:space-between}.proof div:nth-child(2){display:none}.builder,.why,.install{padding:70px 0}.sectionHead h2,.install h2{font-size:48px}.segmented,.filmCards{grid-template-columns:1fr}.segmented button{margin:0 0 -1px}.benefits{grid-template-columns:1fr}.benefits article{border-top:1px solid #333;border-left:0}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid>div:first-child,.finalCta{grid-column:1/-1}.fineprint span{float:none;margin-top:10px;display:block}}.catalog{padding:100px 0 20px}.catalogSearch{grid-template-columns:auto minmax(260px,560px);justify-content:space-between;align-items:center;gap:24px;margin:-12px 0 22px;display:grid}.catalogSearch span{letter-spacing:1.4px;text-transform:uppercase;font:700 12px Inter}.catalogSearch input{background:#fff;border:1px solid #bdbbb5;outline:none;width:100%;padding:16px 18px;font-size:14px}.catalogSearch input:focus{border-color:#e93e22;box-shadow:0 0 0 1px #e93e22}.brandGrid{border-top:1px solid #c9c7c1;border-left:1px solid #c9c7c1;grid-template-columns:repeat(4,1fr);display:grid}.brandGrid article{background:#f7f6f2;border-bottom:1px solid #c9c7c1;border-right:1px solid #c9c7c1;min-width:0}.brandSelect{text-align:left;color:#111;background:0 0;border:0;flex-direction:column;width:100%;min-height:175px;padding:22px;transition:all .2s;display:flex}:is(.brandSelect:hover,.brandSelect:focus-visible){color:#fff;background:#171817;outline:none}.brandGrid span{text-transform:uppercase;font:800 28px Barlow Condensed}.brandGrid strong{color:#777;margin-top:15px;font:500 10px/1.6 Inter}.brandGrid small{color:#999;margin-top:5px;font-size:9px}.brandGrid b{letter-spacing:1px;color:#e93e22;margin-top:auto;font:700 9px Inter}.brandGrid details{border-top:1px solid #d6d4ce}.brandGrid summary{cursor:pointer;letter-spacing:1px;text-transform:uppercase;padding:12px 22px;font:700 9px Inter;list-style:none}.brandGrid summary:after{content:"+";float:right;color:#e93e22}.brandGrid details[open] summary:after{content:"−"}.brandGrid details>div{flex-wrap:wrap;gap:6px;padding:0 14px 16px;display:flex}.brandGrid details button{color:#555;background:#fff;border:1px solid #cfcdc7;padding:7px 9px;font-size:9px}:is(.brandGrid details button:hover,.brandGrid details button:focus-visible){color:#111;border-color:#e93e22;outline:none}.noVehicles{text-align:center;color:#777;border:1px solid #c9c7c1;padding:50px 20px}.catalogNote{border-bottom:1px solid #c9c7c1;align-items:center;gap:13px;padding:23px 0;display:flex}.catalogNote strong{font:800 16px Barlow Condensed}.catalogNote span{color:#777;font-size:10px}.catalogNote i{background:#c9c7c1;width:1px;height:24px;margin:0 18px}.vehicleSelects{grid-template-columns:.7fr 1fr 1.3fr;gap:8px;display:grid}.vehicleSelects select{color:#111;background:#fff;border:1px solid #c9c7c1;outline:none;width:100%;padding:17px 14px;font-size:13px}.vehicleSelects select:focus{border-color:#e93e22}.vehicleSelects select:disabled{color:#aaa;background:#e9e8e3}.fitmentHelp{color:#888;margin:9px 0 0;font-size:10px}.confirmedFit,.searchFit{background:#16241a;border:1px solid #3d5d46;flex-direction:column;gap:5px;margin:-6px 0 14px;padding:11px 13px;display:flex}.confirmedFit b,.searchFit b{letter-spacing:1px;color:#7ddd96;font-size:9px}.confirmedFit span,.searchFit span{color:#bbb;font-size:10px}.searchFit{background:#282312;border-color:#665a36}.searchFit b{color:#edc75d}@media (max-width:850px){.brandGrid{grid-template-columns:repeat(2,1fr)}.catalog{padding-top:75px}}@media (max-width:520px){.catalogSearch{grid-template-columns:1fr;gap:10px}.brandGrid{grid-template-columns:1fr}.brandSelect{min-height:150px;padding:17px}.brandGrid span{font-size:23px}.vehicleSelects{grid-template-columns:1fr}.catalogNote{flex-wrap:wrap;align-items:flex-start}.catalogNote i{display:none}}.shopLink{text-align:center;text-decoration:none;display:block}.seoContent{background:#deddd7;padding:100px 0}.seoGrid{grid-template-columns:1.05fr .95fr;gap:90px;display:grid}.seoContent h2{letter-spacing:-1px;margin:20px 0 28px;font:800 58px/.92 Barlow Condensed}.seoContent p{color:#555;font-size:13px;line-height:1.75}.seoShop{color:#111;margin-top:16px;text-decoration:none;display:inline-block}.faqList details{border-top:1px solid #aaa;padding:22px 0}.faqList details:last-child{border-bottom:1px solid #aaa}.faqList summary{cursor:pointer;text-transform:uppercase;font:700 21px Barlow Condensed;list-style:none}.faqList summary:after{content:"+";float:right;color:#e93e22}.faqList details[open] summary:after{content:"−"}.faqList details p{padding-right:40px}@media (max-width:850px){.seoGrid{grid-template-columns:1fr;gap:45px}}@media (max-width:520px){.seoContent{padding:70px 0}.seoContent h2{font-size:46px}}