*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html,
body{
  width:100%;
  min-height:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body{
  background:#fff;
  color:#111;
  font-family:Inter, Arial, Helvetica, sans-serif;
}

a{
  color:inherit;
  text-decoration:none;
}

img,
svg{
  display:block;
}

button,
a{
  -webkit-tap-highlight-color:transparent;
}

.autonomy-page{
  width:100%;
  min-height:100vh;
  overflow:hidden;
  background:#fff;
}

.autonomy-shell{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding-left:22px;
  padding-right:22px;
}

.autonomy-hero{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#111;
}

.autonomy-hero-media,
.autonomy-hero-overlay{
  position:absolute;
  inset:0;
}

.autonomy-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
}

.autonomy-hero-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.18) 100%),
    linear-gradient(0deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.04) 62%);
}

.autonomy-hero-content{
  position:relative;
  z-index:2;
  padding-top:130px;
  padding-bottom:54px;
}

.autonomy-kicker,
.autonomy-label{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border:1px solid #dedede;
  border-radius:999px;
  background:#f7f7f7;
  color:#343434;
  font-size:12px;
  line-height:1;
  letter-spacing:.06em;
  font-weight:800;
  text-transform:uppercase;
}

.autonomy-kicker{
  margin-bottom:22px;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.12);
  color:#fff;
  backdrop-filter:blur(10px);
}

.autonomy-hero h1{
  max-width:850px;
  color:#fff;
  font-size:50px;
  line-height:.98;
  letter-spacing:-2px;
  font-weight:800;
}

.autonomy-hero-quote{
  max-width:760px;
  margin-top:40px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.28);
}

.autonomy-hero-quote blockquote{
  color:rgba(255,255,255,.92);
  font-size:18px;
  line-height:1.62;
  letter-spacing:-.05px;
  font-weight:500;
}

.autonomy-hero-quote p{
  margin-top:16px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
}

.autonomy-intro{
  padding:76px 0 82px;
}

.autonomy-intro-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  align-items:start;
}

.autonomy-section-heading h2,
.autonomy-heading-row h2,
.autonomy-story-copy h2,
.autonomy-helpline-copy h2,
.autonomy-compliance-copy h2{
  color:#111;
  font-size:34px;
  line-height:1.07;
  letter-spacing:-1px;
  font-weight:800;
}

.autonomy-section-heading .autonomy-label,
.autonomy-heading-row .autonomy-label,
.autonomy-story-copy .autonomy-label,
.autonomy-helpline-copy .autonomy-label,
.autonomy-compliance-copy .autonomy-label{
  margin-bottom:18px;
}

.autonomy-intro-copy > p,
.autonomy-heading-row > p,
.autonomy-story-copy > p,
.autonomy-helpline-copy > p,
.autonomy-compliance-copy > p{
  color:#424242;
  font-size:17px;
  line-height:1.72;
  letter-spacing:-.04px;
}

.autonomy-intro-copy > p{
  margin-bottom:17px;
}

.autonomy-list{
  padding-left:20px;
  color:#424242;
}

.autonomy-list li{
  margin-bottom:8px;
  padding-left:5px;
  font-size:16px;
  line-height:1.62;
}

.autonomy-intro-copy .autonomy-list{
  margin:4px 0 22px;
}

.autonomy-text-link{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding-bottom:3px;
  border-bottom:1px solid #111;
  color:#111;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  transition:opacity .18s ease,border-color .18s ease;
}

.autonomy-text-link:hover,
.autonomy-text-link:focus-visible{
  opacity:.68;
  outline:none;
}

.autonomy-emblem-card{
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
  border:1px solid #e6e6e6;
  border-radius:22px;
  background:#f7f7f7;
}

.autonomy-emblem-card strong{
  display:block;
  color:#111;
  font-size:17px;
  line-height:1.35;
  font-weight:800;
}

.autonomy-emblem-card span{
  display:block;
  margin-top:5px;
  color:#5b5b5b;
  font-size:14px;
  line-height:1.5;
}

.autonomy-icon{
  flex:0 0 auto;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#f0f0f0;
  color:#111;
}

.autonomy-icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.autonomy-icon-large{
  width:64px;
  height:64px;
  border-radius:18px;
  background:#111;
  color:#fff;
}

.autonomy-icon-large svg{
  width:34px;
  height:34px;
}

.autonomy-programs{
  padding:78px 0 84px;
  background:#f5f5f5;
}

.autonomy-heading-row{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-bottom:34px;
}

.autonomy-heading-row > p{
  max-width:760px;
}

.autonomy-program-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.autonomy-program-card{
  min-width:0;
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:24px;
  border:1px solid #e2e2e2;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 42px rgba(0,0,0,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.autonomy-program-card:hover,
.autonomy-program-card:focus-within{
  transform:translateY(-2px);
  border-color:#cecece;
  box-shadow:0 22px 50px rgba(0,0,0,.07);
}

.autonomy-program-card .autonomy-icon{
  margin-bottom:28px;
}

.autonomy-program-card h3{
  color:#111;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.45px;
  font-weight:800;
  margin-bottom:13px;
}

.autonomy-program-card p{
  color:#4b4b4b;
  font-size:15px;
  line-height:1.66;
  margin-bottom:22px;
}

.autonomy-program-card .autonomy-text-link{
  margin-top:auto;
}

.autonomy-story{
  padding:82px 0;
}

.autonomy-story-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  align-items:center;
}

.autonomy-story-media{
  width:100%;
  aspect-ratio:16/11;
  overflow:hidden;
  border-radius:24px;
  background:#efefef;
}

.autonomy-story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.autonomy-story-copy h2{
  margin-bottom:20px;
}

.autonomy-story-copy > p{
  margin-bottom:15px;
}

.autonomy-inline-badge{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
  padding:16px;
  border:1px solid #e5e5e5;
  border-radius:18px;
  background:#fafafa;
}

.autonomy-inline-badge .autonomy-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#111;
  color:#fff;
}

.autonomy-inline-badge .autonomy-icon svg{
  width:24px;
  height:24px;
}

.autonomy-inline-badge span{
  color:#353535;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
}

.autonomy-helpline{
  padding:80px 0;
  background:#111;
  color:#fff;
}

.autonomy-helpline-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
}

.autonomy-label-dark{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.1);
  color:#fff;
}

.autonomy-helpline-copy h2{
  color:#fff;
  margin-bottom:20px;
}

.autonomy-helpline-copy > p{
  max-width:700px;
  color:rgba(255,255,255,.72);
}

.autonomy-helpline-card{
  padding:24px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(255,255,255,.07);
}

.autonomy-helpline-card > .autonomy-icon{
  margin-bottom:24px;
  background:#fff;
  color:#111;
}

.autonomy-list-columns{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}

.autonomy-list-columns h3{
  margin-bottom:13px;
  color:#fff;
  font-size:18px;
  line-height:1.3;
  font-weight:800;
}

.autonomy-list-columns .autonomy-list{
  color:rgba(255,255,255,.72);
}

.autonomy-list-columns .autonomy-list li{
  font-size:15px;
}

.autonomy-compliance{
  background:#fff;
}

.autonomy-compliance-row{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:center;
  padding:76px 0;
  border-bottom:1px solid #ececec;
}

.autonomy-compliance-row:last-child{
  border-bottom:0;
}

.autonomy-compliance-copy h2{
  margin-bottom:18px;
}

.autonomy-compliance-copy > p{
  max-width:720px;
  margin-bottom:20px;
}

.autonomy-visual-card{
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #e4e4e4;
  border-radius:26px;
  background:#f4f4f4;
}

.autonomy-icon-xl{
  width:112px;
  height:112px;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.1);
}

.autonomy-icon-xl svg{
  width:58px;
  height:58px;
  stroke-width:1.55;
}

.autonomy-visual-card-dark{
  background:#171717;
  border-color:#171717;
}

.autonomy-visual-card-dark .autonomy-icon-xl{
  background:#fff;
  color:#111;
}

.autonomy-visual-card-green{
  background:#eaf3ed;
  border-color:#dbe8df;
}

.autonomy-visual-card-green .autonomy-icon-xl{
  color:#245332;
}

@media (min-width:768px){
  .autonomy-shell{
    padding-left:34px;
    padding-right:34px;
  }

  .autonomy-hero{
    min-height:760px;
  }

  .autonomy-hero-content{
    padding-top:150px;
    padding-bottom:66px;
  }

  .autonomy-hero h1{
    font-size:72px;
    letter-spacing:-3.2px;
  }

  .autonomy-hero-quote blockquote{
    font-size:20px;
  }

  .autonomy-section-heading h2,
  .autonomy-heading-row h2,
  .autonomy-story-copy h2,
  .autonomy-helpline-copy h2,
  .autonomy-compliance-copy h2{
    font-size:48px;
    letter-spacing:-1.65px;
  }

  .autonomy-intro-copy > p,
  .autonomy-heading-row > p,
  .autonomy-story-copy > p,
  .autonomy-helpline-copy > p,
  .autonomy-compliance-copy > p{
    font-size:18px;
  }

  .autonomy-intro-grid{
    grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);
    gap:44px 62px;
  }

  .autonomy-emblem-card{
    grid-column:2;
  }

  .autonomy-heading-row{
    grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
    align-items:end;
    gap:64px;
  }

  .autonomy-program-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .autonomy-story-grid{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:56px;
  }

  .autonomy-list-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px;
  }

  .autonomy-compliance-row{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:58px;
  }

  .autonomy-compliance-row-reverse .autonomy-compliance-copy{
    order:2;
  }

  .autonomy-compliance-row-reverse .autonomy-visual-card{
    order:1;
  }

  .autonomy-visual-card{
    min-height:380px;
  }
}

@media (min-width:1024px){
  .autonomy-shell{
    padding-left:56px;
    padding-right:56px;
  }

  .autonomy-hero{
    min-height:820px;
  }

  .autonomy-hero-content{
    padding-bottom:76px;
  }

  .autonomy-hero h1{
    font-size:88px;
    letter-spacing:-4.5px;
  }

  .autonomy-intro{
    padding:104px 0 112px;
  }

  .autonomy-programs{
    padding:108px 0 116px;
  }

  .autonomy-program-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }

  .autonomy-program-card{
    min-height:330px;
    padding:28px;
  }

  .autonomy-story{
    padding:112px 0;
  }

  .autonomy-helpline{
    padding:108px 0;
  }

  .autonomy-helpline-grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:64px;
    align-items:start;
  }

  .autonomy-helpline-card{
    padding:30px;
  }

  .autonomy-compliance-row{
    padding:106px 0;
    gap:76px;
  }

  .autonomy-visual-card{
    min-height:440px;
  }
}

@media (min-width:1280px){
  .autonomy-shell{
    padding-left:64px;
    padding-right:64px;
  }
}

@media (max-width:767px){
  .autonomy-hero{
    min-height:680px;
  }

  .autonomy-hero-media img{
    object-position:58% center;
  }

  .autonomy-hero-overlay{
    background:
      linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.18) 100%),
      linear-gradient(90deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.1) 100%);
  }

  .autonomy-emblem-card{
    align-items:flex-start;
  }

  .autonomy-program-card{
    min-height:0;
  }

  .autonomy-story-media{
    aspect-ratio:4/3;
  }

  .autonomy-visual-card{
    min-height:250px;
  }
}

@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  .autonomy-program-card,
  .autonomy-text-link{
    transition:none;
  }
}
