.qhw-care,.qhw-cstories,.qhw-cstory{
  --qhw-section-y:80px;
  --qhw-bg:#000;
  --qhw-surface:#111;
  --qhw-border:rgba(255,255,255,.1);
  --qhw-text:#fff;
  --qhw-text-body:#b8bcc4;
  --qhw-font-head:"Funnel Display","DM Sans",system-ui,sans-serif;
  --qhw-font-body:"DM Sans","Inter",system-ui,sans-serif;
  --qhw-font-ui:"DM Sans","Inter",system-ui,sans-serif;
  --qhw-container:1180px;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  background:#000;
  color:var(--qhw-text-body);
}
.qhw-care *,.qhw-cstories *{box-sizing:border-box}
.qhw-care .qhw-cwrap,
.qhw-cstories .qhw-cwrap,
body:has(.qhw-care) .qhw-cwrap{
  width:min(1180px,100% - 56px);
  margin-inline:auto;
}

html:has(.qhw-care),
body:has(.qhw-care){
  background:#000;
}
body:has(.qhw-care) .elementor-section,
body:has(.qhw-care) .e-con,
body:has(.qhw-care) .elementor-column,
body:has(.qhw-care) .elementor-widget{
  --padding-top:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
}

.qhw-care{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100svh - 120px);
  display:flex;
  align-items:center;
  padding:var(--qhw-section-y,80px) 0;
  border-bottom:1px solid var(--qhw-border);
}
.qhw-care__grid{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(80% 70% at 72% 48%,#000 10%,transparent 72%);
  mask-image:radial-gradient(80% 70% at 72% 48%,#000 10%,transparent 72%);
}
.qhw-care__glow{
  position:absolute;
  right:-8%;
  top:18%;
  width:min(58vw,620px);
  height:min(58vw,620px);
  z-index:-2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);
  pointer-events:none;
}
.qhw-care__in{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  align-items:center;
  gap:clamp(28px,5vw,64px);
  max-width:none;
}
.qhw-care__kicker{
  margin:0 0 22px;
  font:500 12px/1 var(--qhw-font-ui);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.qhw-care h1{
  margin:0;
  font:500 clamp(36px,2rem + 2.6vw,68px)/1.08 var(--qhw-font-head);
  letter-spacing:-.04em;
  color:#fff;
}
.qhw-care__sub{
  margin:24px 0 32px;
  max-width:34em;
  font:400 clamp(16px,1rem + .25vw,19px)/1.65 var(--qhw-font-body);
  color:var(--qhw-text-body);
}
.qhw-theme .qhw-care .qhw-cbtn,
.qhw-care .qhw-cbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:500 16px/19px var(--qhw-font-ui);
  padding:15px 28px;
  border-radius:999px;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:0 !important;
  text-decoration:none;
  transition:background-color .15s,transform .16s,box-shadow .35s;
}
.qhw-theme .qhw-care .qhw-cbtn:hover,
.qhw-care .qhw-cbtn:hover{
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}
.qhw-care .qhw-cbtn:active{transform:scale(.97)}
.qhw-care__art{
  position:relative;
  width:min(100%,420px);
  aspect-ratio:1;
  justify-self:end;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.qhw-care__logo{
  position:relative;
  z-index:1;
  width:min(72%,280px);
  height:auto;
  display:block;
  object-fit:contain;
  filter:none !important;
}
.qhw-care__orb,
.qhw-care__ring{
  position:absolute;
  inset:6%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
}
.qhw-care__ring{
  inset:-10%;
  border-color:rgba(255,255,255,.1);
  animation:qhw-care-orb 6s ease-in-out infinite;
}
.qhw-care__orb{
  animation:qhw-care-orb 4.4s ease-in-out infinite reverse;
  background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.14),transparent 58%);
}

.qhw-cstory{
  position:relative;
  overflow:hidden;
  padding:var(--qhw-section-y,80px) 0;
  border-bottom:1px solid var(--qhw-border);
}
.qhw-cstory__ghost{
  position:absolute;
  right:2%;
  top:8%;
  font:500 clamp(120px,16vw,240px)/.75 var(--qhw-font-head);
  letter-spacing:-.06em;
  color:rgba(255,255,255,.035);
  pointer-events:none;
  user-select:none;
}
.qhw-cstory__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,6vw,88px);
  align-items:center;
}
.qhw-cstory:nth-child(even) .qhw-cstory__meta{order:2}
.qhw-cstory__n{
  display:block;
  margin:0 0 18px;
  font:500 12px/1 var(--qhw-font-ui);
  letter-spacing:.24em;
  color:rgba(255,255,255,.36);
}
.qhw-cstory h2{
  margin:0;
  font:500 clamp(28px,1.35rem + 1.7vw,46px)/1.12 var(--qhw-font-head);
  letter-spacing:-.03em;
  color:#fff;
}
.qhw-cstory__body p{
  margin:0 0 28px;
  font:400 clamp(16px,1rem + .15vw,18px)/1.65 var(--qhw-font-body);
  color:var(--qhw-text-body);
}
.qhw-cvis-card{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(80% 80% at 100% 0%,rgba(255,255,255,.07),transparent 55%),
    #0c0c0c;
}

.qhw-cvis{margin:0;padding:0;list-style:none}
.qhw-cvis--stack{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.qhw-cvis--stack li{
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  font:500 14px/1.2 var(--qhw-font-head);
  color:#fff;
}
.qhw-cvis--stack li:last-child{
  grid-column:1/-1;
  background:#fff;
  color:#000;
  border-color:#fff;
}
.qhw-cvis--ship{
  display:flex;
  align-items:stretch;
}
.qhw-cvis--ship li{
  flex:1;
  position:relative;
  padding:22px 12px 18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  font:500 15px/1.2 var(--qhw-font-head);
  color:#fff;
  text-align:center;
}
.qhw-cvis--ship li + li{border-left:0}
.qhw-cvis--ship li:first-child{border-radius:14px 0 0 14px}
.qhw-cvis--ship li:last-child{border-radius:0 14px 14px 0;background:#fff;color:#000}
.qhw-cvis--ship li:nth-child(1)::before{content:"01"}
.qhw-cvis--ship li:nth-child(2)::before{content:"02"}
.qhw-cvis--ship li:nth-child(3)::before{content:"03"}
.qhw-cvis--ship li::before{
  display:block;
  margin-bottom:8px;
  font:500 10px/1 var(--qhw-font-ui);
  letter-spacing:.18em;
  color:rgba(255,255,255,.38);
}
.qhw-cvis--ship li:last-child::before{color:rgba(0,0,0,.4)}
.qhw-cvis--cities{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px 12px;
  padding:8px 4px 4px;
}
.qhw-cvis--cities li{
  display:grid;
  justify-items:center;
  gap:10px;
  font:500 11px/1 var(--qhw-font-ui);
  letter-spacing:.16em;
  color:rgba(255,255,255,.62);
}
.qhw-cvis--cities li::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 8px rgba(255,255,255,.06),0 0 18px rgba(255,255,255,.28);
}
.qhw-cvis--print{
  position:relative;
  height:168px;
}
.qhw-cvis--print i{
  position:absolute;
  width:118px;
  height:118px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.04);
}
.qhw-cvis--print i:nth-child(1){left:8%;top:22%}
.qhw-cvis--print i:nth-child(2){left:28%;top:8%;background:rgba(255,255,255,.08)}
.qhw-cvis--print i:nth-child(3){left:46%;top:26%}
.qhw-cvis--print b{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-30%,-50%);
  font:500 42px/.8 var(--qhw-font-head);
  color:#fff;
}
.qhw-cvis--beacons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.qhw-cvis--beacons li{
  padding:14px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  font:500 13px/1.3 var(--qhw-font-head);
  color:#fff;
}

@keyframes qhw-care-orb{
  0%,100%{transform:scale(.96);opacity:.45}
  50%{transform:scale(1.04);opacity:1}
}

@media (max-width:1023px){
  .qhw-care .qhw-cwrap,
  .qhw-cstories .qhw-cwrap,
  body:has(.qhw-care) .qhw-cwrap{width:min(1180px,100% - 32px)}
}
@media (max-width:767px){
  .qhw-care,.qhw-cstories,.qhw-cstory{--qhw-section-y:50px}
}
@media (max-width:900px){
  .qhw-care__in{grid-template-columns:1fr;gap:36px}
  .qhw-care__art{width:200px;justify-self:start}
  .qhw-care__logo{width:72%}
  .qhw-cstory__grid{grid-template-columns:1fr;gap:28px}
  .qhw-cstory:nth-child(even) .qhw-cstory__meta{order:0}
  .qhw-cstory__ghost{opacity:.7;right:auto;left:0}
  .qhw-cvis--ship{flex-direction:column}
  .qhw-cvis--ship li + li{border-left:1px solid rgba(255,255,255,.12);border-top:0}
  .qhw-cvis--ship li:first-child{border-radius:14px 14px 0 0}
  .qhw-cvis--ship li:last-child{border-radius:0 0 14px 14px}
}

@media (prefers-reduced-motion:reduce){
  .qhw-care__orb,
  .qhw-care__ring{animation:none}
}

/* Careers page only: bigger "See Open Roles" button in the bottom "Best Time To Join" card (about 25% larger, same style) */
body.qhw-theme:has(.qhw-care) .qhw-cjoin .qhw-cbtn{
  font-size:20px;
  line-height:24px;
  padding:19px 35px;
  white-space:nowrap;
}
