:root{
  --red:#e71d25;
  --red-2:#ff2a30;
  --white:#f5f5f5;
  --muted:#c5c7cb;
  --dark:#0a0b0c;
  --panel:#111416;
  --container:1212px;
}
*{box-sizing:border-box}
html{background:#070708}
body{
  margin:0;
  min-width:320px;
  color:var(--white);
  font-family:"Roboto", "Segoe UI", Arial, sans-serif;
  background:#070708;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:none}
.topbar{
  height:38px;
  background:linear-gradient(180deg,#0c0c0d,#09090a);
  border-bottom:1px solid rgba(255,255,255,.035);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.05px;
  color:#f0f0f0;
}
.topbar-inner{
  width:var(--container);
  height:38px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.topbar-left,.topbar-right,.topbar-right a{display:flex;align-items:center}
.topbar-left{gap:9px}
.topbar-left .shield-icon{width:19px;height:19px;color:var(--red)}
.topbar-right{gap:19px;margin-right:22px}
.topbar-right a{gap:9px;color:#f3f3f3;font-weight:600}
.topbar-right svg{width:16px;height:16px;color:#efefef}
.bar-sep{opacity:.75;margin:0 6px 0 3px}
.home-shell{overflow:hidden;background:#0b0c0d}
.hero-panel{
  position:relative;
  height:597px;
  background:
    radial-gradient(ellipse at 41% 2%,rgba(86,88,91,.20) 0%,rgba(30,32,34,.12) 26%,rgba(7,7,8,0) 49%),
    radial-gradient(ellipse at 74% 42%,rgba(84,8,8,.18),rgba(5,5,5,0) 43%),
    linear-gradient(180deg,#111314 0%,#070708 68%,#090a0b 100%);
}
.hero-panel:before{
  content:"";
  position:absolute;inset:0;
  background:
    url("dark-noise.png") center/360px 360px repeat,
    linear-gradient(90deg,rgba(0,0,0,.15),rgba(255,255,255,.025) 34%,rgba(0,0,0,.24));
  opacity:.22;
  mix-blend-mode:screen;
  pointer-events:none;
}
.hero-panel:after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at left 48%,rgba(231,29,37,.11),rgba(231,29,37,0) 25%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.006) 0 1px,transparent 1px 4px),
    linear-gradient(90deg,rgba(0,0,0,.42),transparent 36%,rgba(0,0,0,.13));
  pointer-events:none;
}
.site-header{
  position:absolute;z-index:4;left:0;right:0;top:0;
  height:224px;
}
.site-header-inner{
  width:var(--container);
  margin:0 auto;
  height:100%;
  display:flex;
  align-items:flex-start;
  position:relative;
}
.brand{
  display:block;
  width:360px;
  height:176px;
  margin-top:33px;
  margin-left:5px;
  overflow:visible;
  position:relative;
}
.media-stage{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
}
.animated-fallback,
.media-stage video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.animated-fallback{
  z-index:1;
  opacity:1;
  transition:opacity .18s linear;
}
.media-stage video{
  z-index:2;
  opacity:0;
}
.media-stage.video-ready video{opacity:1}
.media-stage.video-ready .animated-fallback{opacity:0}
.brand-media-stage{}
.brand-video,
.brand-fallback{
  filter:saturate(1.04) contrast(1.04) drop-shadow(0 14px 20px rgba(0,0,0,.34));
}
.nav{
  display:flex;
  gap:43px;
  align-items:center;
  margin-top:72px;
  margin-left:95px;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.2px;
  color:#f1f1f1;
}
.nav a{white-space:nowrap;line-height:1}
.nav-chevron{font-size:21px;line-height:0;margin-left:5px;position:relative;top:-1px;font-weight:500}
.quote-btn,.primary-btn,.outline-btn{
  height:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  letter-spacing:-.15px;
}
.header-quote{
  position:absolute;
  right:0;
  top:55px;
  width:158px;
  background:var(--red);
  box-shadow:0 10px 24px rgba(231,29,37,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.hero-grid{
  width:var(--container);
  margin:0 auto;
  position:relative;
  z-index:2;
  height:100%;
}
.hero-copy{
  position:absolute;
  top:263px;
  left:0;
  width:570px;
  z-index:3;
}
.eyebrow{
  display:flex;align-items:center;gap:12px;
  color:var(--red-2);
  text-transform:uppercase;
  font-size:16px;
  line-height:1;
  font-weight:900;
  letter-spacing:2px;
}
.eyebrow span{display:block;width:21px;height:2px;background:var(--red)}
.hero-copy h1{
  margin:20px 0 13px;
  color:#fff;
  font-family:"Roboto Condensed", "Arial Narrow", Impact, sans-serif;
  text-transform:uppercase;
  font-size:42px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:.4px;
  text-shadow:0 2px 0 rgba(255,255,255,.16),0 10px 22px rgba(0,0,0,.55);
}
.hero-copy p{
  margin:0;
  color:#f0f0f1;
  font-size:17px;
  line-height:1.53;
  font-weight:500;
  letter-spacing:-.12px;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}
.hero-actions{display:flex;gap:17px;margin-top:27px}
.primary-btn{
  min-width:216px;
  padding:0 27px;
  background:linear-gradient(180deg,#ff2930,#dc171e);
  color:#fff;
  border:none;
  box-shadow:0 14px 28px rgba(224,27,34,.22), inset 0 1px 0 rgba(255,255,255,.21);
  font-size:16px;
}
.primary-btn span{font-size:22px;margin-left:18px;line-height:0;position:relative;top:-1px;font-weight:500}
.outline-btn{
  min-width:193px;
  padding:0 26px;
  border:1.4px solid rgba(255,255,255,.88);
  color:#fff;
  background:rgba(0,0,0,.1);
  font-size:16px;
  box-shadow:0 9px 18px rgba(0,0,0,.24);
}
.hero-art{
  position:absolute;
  left:540px;
  top:184px;
  width:740px;
  height:340px;
  overflow:visible;
  z-index:1;
  pointer-events:none;
}
.hero-media-stage{}
.hero-video,
.hero-fallback{
  filter:saturate(1.10) contrast(1.04) drop-shadow(0 20px 34px rgba(0,0,0,.5));
}
.media-stage.mp4-fallback .brand-video,
.media-stage.mp4-fallback .hero-video{
  mix-blend-mode:screen;
}
.product-finder-zone{
  position:relative;
  min-height:369px;
  background:
    linear-gradient(90deg,rgba(102,19,22,.24) 0%,rgba(10,12,14,.92) 32%,rgba(10,12,14,.96) 100%),
    linear-gradient(180deg,#121518,#0e1113);
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.025);
}
.product-finder-zone:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%, rgba(255,255,255,.035)),
    linear-gradient(150deg, rgba(255,255,255,.027) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.027) 87.5%, rgba(255,255,255,.027));
  background-size:26px 44px;
  opacity:.17;
  pointer-events:none;
}
.products-row{
  position:relative;
  width:var(--container);
  margin:0 auto;
  min-height:369px;
  z-index:1;
}
.product-copy{
  position:absolute;
  left:13px;
  top:72px;
  width:560px;
}
.product-eyebrow{gap:12px;font-size:15px;letter-spacing:2px}
.product-eyebrow span:first-child{width:13px}
.product-eyebrow span:last-child{width:40px}
.product-copy h2{
  margin:27px 0 20px;
  color:#fff;
  font-family:"Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size:38px;
  line-height:1.27;
  font-weight:900;
  letter-spacing:-.6px;
  text-shadow:0 2px 0 rgba(255,255,255,.13),0 8px 18px rgba(0,0,0,.45);
}
.product-copy p{
  margin:0;
  color:#d6d7d9;
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.finder-card{
  position:absolute;
  top:41px;
  right:20px;
  width:491px;
  min-height:307px;
  background:linear-gradient(180deg,#fff,#f5f5f5);
  border:1px solid rgba(0,0,0,.12);
  border-radius:15px;
  padding:26px 27px 26px;
  color:#18191b;
  box-shadow:0 22px 60px rgba(0,0,0,.43), inset 0 1px 0 rgba(255,255,255,.95);
}
.finder-card h3{
  margin:0 0 18px;
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.25px;
  color:#191a1c;
}
.finder-card form{display:flex;flex-direction:column;gap:13px}
.finder-card label{display:block;position:relative}
.finder-card label>span{position:absolute;left:-9999px}
.finder-card select,.finder-card input{
  width:100%;
  height:39px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #d1d5db;
  border-radius:6px;
  background:#fafafa;
  color:#8b8f98;
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  padding:0 38px 0 12px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.03);
}
.finder-card select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m7 9.5 5 5 5-5' fill='none' stroke='%238f95a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
}
.search-label svg{
  position:absolute;
  width:17px;height:17px;
  right:13px;top:11px;
  color:#9aa0a9;
}
.finder-btn{
  width:100%;
  min-width:0;
  height:44px;
  margin-top:7px;
  border-radius:999px;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
}
@media (prefers-reduced-motion: reduce){
  .brand-video,.hero-video{animation:none}
}
@media(max-width:1050px){
  :root{--container:calc(100vw - 36px)}
  .topbar{height:auto;padding:10px 0}.topbar-inner{height:auto;gap:8px;flex-direction:column;align-items:flex-start}.topbar-right{margin:0;gap:10px;flex-wrap:wrap}
  .hero-panel{height:auto;min-height:760px;padding-bottom:46px}.site-header{position:relative;height:auto}.site-header-inner{display:block;padding-top:18px}.brand{width:280px;height:135px;margin-top:0}.nav{margin:18px 0 0;gap:18px;flex-wrap:wrap}.header-quote{position:static;margin-top:20px}
  .hero-copy{position:relative;top:auto;left:auto;width:auto;margin-top:40px}.hero-copy h1{font-size:37px}.hero-actions{flex-wrap:wrap}.hero-art{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:800/368;margin-top:20px}
  .product-finder-zone{min-height:0;padding:50px 0}.products-row{min-height:0}.product-copy,.finder-card{position:relative;left:auto;right:auto;top:auto;width:100%}.finder-card{margin-top:34px}.desktop-break{display:none}
}