/* Solutions section only. */
@property --solution-border-angle{
 syntax:"<angle>";
 inherits:false;
 initial-value:0deg;
}
.solutions-section{
 --solution-red-gradient:linear-gradient(180deg,#B5121B 0%,#A61019 62%,#8F0D15 100%);
 width:min(100%,1536px);
 margin:0 auto;
 padding:clamp(38px,4.8vh,54px) 5% clamp(30px,4vh,46px);
 overflow:hidden;
 background:#050505;
}
.solutions-header{
 max-width:1240px;
 margin:0 auto;
 text-align:center;
}
.solutions-eyebrow{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:14px;
 margin:0 0 clamp(15px,2vh,21px);
 color:var(--red);
 font-size:12px;
 font-weight:500;
 line-height:1;
 letter-spacing:.31em;
}
.solutions-eyebrow span,.solutions-eyebrow b,.solutions-header h2 strong{
 background:var(--solution-red-gradient);
 background-clip:text;
 -webkit-background-clip:text;
 color:transparent;
 -webkit-text-fill-color:transparent;
}
.solutions-eyebrow span{letter-spacing:.12em}
.solutions-eyebrow b{font:inherit;letter-spacing:inherit}
.solutions-eyebrow i{width:35px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}
.solutions-header h2{
 margin:0;
 font-family:Anton,Impact,'Arial Narrow',sans-serif;
 font-size:clamp(54px,5.1vw,78px);
 font-weight:400;
 line-height:.95;
 letter-spacing:-.018em;
 text-wrap:balance;
}
.solutions-header h2 span,.solutions-header h2 strong{display:block;font:inherit}
.solutions-header h2 span{color:#f2f0ef}
.solutions-header h2 strong{margin-top:.08em}
.solutions-support{
 max-width:760px;
 margin:clamp(15px,2vh,20px) auto 0;
 color:#aaa6a8;
 font-size:17px;
 font-weight:300;
 line-height:1.65;
 text-wrap:balance;
}
.solutions-stage{
 display:grid;
 grid-template-columns:minmax(230px,280px) minmax(500px,1fr) minmax(230px,280px);
 grid-template-areas:"meteor visual echo";
 align-items:center;
 gap:clamp(16px,1.7vw,26px);
 margin-top:clamp(25px,3.5vh,34px);
}
.solution-panel{
 --solution-border-angle:0deg;
 --cursor-x:50%;
 --cursor-y:50%;
 --cursor-edge-alpha:0;
 position:relative;
 isolation:isolate;
 display:flex;
 flex-direction:column;
 min-width:0;
 min-height:356px;
 padding:20px 21px 18px;
 overflow:hidden;
 border:1px solid rgba(245,243,241,.12);
 border-radius:18px;
 background-color:rgba(12,12,12,.38);
 background-image:
  radial-gradient(circle at 88% 34%,rgba(255,255,255,.035) 0,transparent 43%),
  radial-gradient(circle at 48% 14%,rgba(255,255,255,.022) 0,transparent 50%),
  linear-gradient(145deg,rgba(24,24,25,.36) 0%,rgba(12,12,13,.29) 52%,rgba(6,6,7,.36) 100%);
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.045),
  inset 0 -12px 26px rgba(255,255,255,.012),
  inset 0 0 32px rgba(0,0,0,.22);
 backdrop-filter:blur(16px) saturate(110%);
 -webkit-backdrop-filter:blur(16px) saturate(110%);
 transform:translateY(0) scale(1);
 transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;
}
.solution-panel::before{
 content:"";
 position:absolute;
 z-index:0;
 inset:0;
 border-radius:inherit;
 background:
  radial-gradient(circle 150px at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.07),transparent 72%),
  linear-gradient(115deg,rgba(255,255,255,.025),transparent 23%);
 opacity:.55;
 transition:opacity .35s ease;
 pointer-events:none;
}
.solution-panel:hover{
 border-color:rgba(245,243,241,.16);
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.055),
  inset 0 -12px 26px rgba(255,255,255,.014),
  inset 0 0 32px rgba(0,0,0,.2);
 transform:translateY(-2px) scale(1.006);
}
.solution-panel:hover::before{opacity:.92}
.solution-panel__border{
 position:absolute;
 z-index:3;
 inset:0;
 padding:1px;
 border-radius:inherit;
 background:conic-gradient(
  from var(--solution-border-angle),
  transparent 0deg 360deg
 ),radial-gradient(
  circle 90px at var(--cursor-x) var(--cursor-y),
  rgba(245,243,241,var(--cursor-edge-alpha)) 0,
  rgba(181,18,27,var(--cursor-edge-alpha)) 42%,
  transparent 74%
 ),conic-gradient(
  from var(--solution-border-angle),
  transparent 0deg 304deg,
  color-mix(in srgb,var(--red) 12%,transparent) 316deg,
  color-mix(in srgb,var(--red) 78%,transparent) 328deg,
  color-mix(in srgb,var(--red) 96%,transparent) 335deg,
  color-mix(in srgb,var(--red) 26%,transparent) 345deg,
  transparent 356deg 360deg
 );
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 mask-composite:exclude;
 opacity:.92;
 pointer-events:none;
 animation:solution-border-orbit 10s linear infinite;
}
.solution-panel>.solution-panel__header,.solution-panel>.solution-panel__divider,.solution-panel>ul,.solution-panel>.solution-cta{position:relative;z-index:2}
.solution-panel--meteor{grid-area:meteor}
.solution-panel--echo{grid-area:echo}
.solution-panel__header h3{
 margin:0;
 color:#f2f0ef;
 font-size:18px;
 font-weight:650;
 line-height:1.1;
 letter-spacing:.045em;
}
.solution-panel__header p{
 margin:6px 0 0;
 color:rgba(245,243,241,.52);
 font-size:10px;
 font-weight:500;
 line-height:1.35;
 letter-spacing:.15em;
}
.solution-panel__divider{
 display:block;
 width:100%;
 height:1px;
 margin:13px 0 15px;
 background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 72%,transparent);
}
.solution-panel ul{
 display:grid;
 gap:12px;
 list-style:none;
 margin:0;
 padding:0;
}
.solution-panel li{
 display:grid;
 grid-template-columns:38px minmax(0,1fr);
 align-items:center;
 gap:12px;
 color:#eceae7;
 font-size:14px;
 font-weight:500;
 line-height:1.35;
}
.solution-icon{
 display:grid;
 place-items:center;
 width:38px;
 height:38px;
 border:1px solid rgba(245,243,241,.09);
 border-radius:50%;
 background:
  radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--red) 6%,transparent),transparent 50%),
  linear-gradient(145deg,#1a1a1b,#0c0c0d 74%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 14px rgba(0,0,0,.24);
 color:var(--red);
}
.solution-icon svg{
 width:20px;
 height:20px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.45;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.solution-cta{
 display:flex;
 align-items:center;
 justify-content:space-between;
 align-self:center;
 gap:8px;
 width:178px;
 max-width:100%;
 min-height:42px;
 margin-top:auto;
 padding:0 5px 0 14px;
 border:1px solid rgba(245,243,241,.17);
 border-bottom-color:rgba(181,18,27,.42);
 border-radius:11px;
 background:linear-gradient(145deg,rgba(31,31,31,.88),rgba(13,13,13,.94));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(181,18,27,.09);
 color:#f6f5f3;
 font-size:13px;
 font-weight:600;
 line-height:1.3;
 transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.solution-cta__label{
 white-space:nowrap;
}
.solution-cta__icon{
 display:grid;
 flex:none;
 place-items:center;
 width:31px;
 height:31px;
 border-radius:7px;
 background:rgba(181,18,27,.13);
 color:var(--red);
 transition:background .3s ease,transform .3s ease;
}
.solution-cta__icon svg{
 width:18px;
 height:18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.7;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.solution-cta:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 14px rgba(181,18,27,.12)}
@media(hover:hover){
 .solution-cta:hover{background:linear-gradient(145deg,rgba(36,27,28,.94),rgba(16,13,13,.96));border-color:rgba(181,18,27,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 14px rgba(181,18,27,.12)}
 .solution-cta:hover .solution-cta__icon{background:rgba(181,18,27,.2);transform:translateX(2px)}
}
.solution-cta:focus-visible{background:linear-gradient(145deg,rgba(36,27,28,.94),rgba(16,13,13,.96));border-color:rgba(181,18,27,.55)}
.solution-cta:focus-visible .solution-cta__icon{background:rgba(181,18,27,.2);transform:translateX(2px)}
@keyframes solution-border-orbit{to{--solution-border-angle:360deg}}
.solutions-visual{
 grid-area:visual;
 align-self:center;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(14px,1.7vw,25px);
 width:100%;
 max-width:650px;
 margin:0 auto;
}
.solution-product{
 position:relative;
 display:block;
 aspect-ratio:3/4;
 overflow:hidden;
}
.solution-product img{
 position:absolute;
 top:0;
 display:block;
 width:200%;
 max-width:none;
 height:100%;
 object-fit:fill;
 mix-blend-mode:screen;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%),linear-gradient(0deg,transparent 0,#000 2%,#000 98%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%),linear-gradient(0deg,transparent 0,#000 2%,#000 98%,transparent 100%);
 mask-composite:intersect;
}
.solution-product--meteor img{left:0}
.solution-product--echo img{right:0}
.solution-product--meteor{transform:translateX(-20px)}
.solution-product--echo{transform:translateX(20px)}
.solutions-capabilities{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 margin-top:clamp(24px,3.4vh,34px);
 padding:18px 0;
 border-top:0;
 border-bottom:0;
}
.solution-capability{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:17px;
 min-height:46px;
 padding:0 20px;
 border-right:1px solid rgba(255,255,255,.12);
}
.solution-capability:last-child{border-right:0}
.solution-capability svg{width:31px;height:31px;flex:0 0 auto;color:#e8e5e3;stroke-width:1.45}
.solution-capability span{display:block;color:#e9e6e4;font-size:13px;font-weight:500;line-height:1.25}
.solution-capability p{margin:5px 0 0;color:#8f8b8d;font-size:12px;font-weight:300;line-height:1.25}
@media(min-width:1141px) and (max-height:820px){
 .solutions-section{padding:22px 5% 14px}
 .solutions-eyebrow{margin-bottom:10px}
 .solutions-support{margin-top:11px}
 .solutions-stage{margin-top:14px}
 .solutions-capabilities{margin-top:14px;padding:10px 0}
}
@media(max-width:1140px){
 .solutions-section{padding-top:68px}
 .solutions-stage{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"visual visual" "meteor echo";
  gap:24px;
  margin-top:42px;
 }
 .solutions-visual{max-width:720px}
 .solution-product--meteor{transform:translateX(-10px)}
 .solution-product--echo{transform:translateX(10px)}
 .solution-panel{min-height:390px;padding:24px 30px 22px}
 .solution-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
 .solution-panel li{grid-template-columns:38px minmax(0,1fr)}
 .solution-cta{margin-top:30px}
 .solutions-capabilities{margin-top:42px}
}
@media(max-width:760px){
 .solutions-section{padding:58px 5% 50px}
 .solutions-eyebrow{margin-bottom:21px;font-size:11px}
 .solutions-header h2{font-size:clamp(46px,12vw,68px);line-height:.96}
 .solutions-support{margin-top:20px;max-width:620px;font-size:16px;line-height:1.6}
 .solutions-stage{margin-top:32px}
 .solutions-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;padding:1px 0}
 .solution-capability{justify-content:flex-start;min-height:82px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}
 .solution-capability:nth-child(2){border-right:0}
 .solution-capability:nth-child(n+3){border-bottom:0}
}
@media(max-width:650px){
 .solutions-section{padding-top:52px}
 .solutions-eyebrow{gap:11px}
 .solutions-eyebrow i{width:27px}
 .solutions-header h2{font-size:clamp(42px,12.4vw,54px)}
 .solutions-stage{
  grid-template-columns:1fr;
  grid-template-areas:"visual" "meteor" "echo";
  gap:22px;
  margin-top:27px;
 }
 .solutions-visual{width:100%;min-width:0;max-width:none;grid-template-columns:repeat(2,auto);gap:10px;justify-self:stretch;justify-content:center;margin-inline:auto}
 .solution-product{width:calc((min(calc(90vw + 36px),calc(100vw - 4px)) - 10px)/2)}
 .solution-product--meteor{transform:translateX(-4px)}
 .solution-product--echo{transform:translateX(4px)}
 .solution-panel{min-height:0;padding:25px 22px 21px}
 .solution-panel ul{grid-template-columns:1fr;gap:17px}
 .solution-panel li{font-size:15px}
 .solution-cta{margin-top:25px}
 .solutions-capabilities{margin-top:30px}
 .solution-capability{gap:12px;padding-inline:10px}
 .solution-capability svg{width:27px;height:27px}
 .solution-capability span{font-size:12px}
 .solution-capability p{font-size:11px}
}
@media(max-width:390px){
 .solutions-header h2{font-size:41px}
 .solutions-capabilities{grid-template-columns:1fr}
 .solution-capability{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
 .solution-capability:nth-child(2){border-bottom:1px solid rgba(255,255,255,.1)}
 .solution-capability:nth-child(3){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(prefers-reduced-motion:reduce){
 .solution-panel__border{animation:none;--solution-border-angle:32deg}
 .solution-panel{transition:none}
 .solution-panel:hover{transform:none}
 .solution-cta,.solution-cta__label,.solution-cta__icon,.solution-cta__icon svg{transition:none}
}
@media(hover:none),(pointer:coarse){
 .solution-panel:hover{transform:none}
 .solution-panel::before{opacity:.55}
}