:root{
  --black:#000000;
  --dark-gray:#0b0a0a;
  --dark-gray-2:#231f20;
  --light-blue:#cdd6ff;
  --light-blue-2:#dfe6f8;
  --light-gray:#eeeded;
  --light-gray-2:#f5f5f5;
  --white:#ffffff;
}

@font-face{
  font-family:"TT Firs Neue";
  src:url("fonts/TT Firs Neue Trial Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:"TT Firs Neue";
  src:url("fonts/TT Firs Neue Trial Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
}
@font-face{
  font-family:"TT Firs Neue";
  src:url("fonts/TT Firs Neue Trial DemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
}
@font-face{
  font-family:"TT Firs Neue";
  src:url("fonts/TT Firs Neue Trial Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
}
@font-face{
  font-family:"Glacial Indifference";
  src:url("fonts/GlacialIndifference-Regular.otf") format("opentype");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:"Glacial Indifference";
  src:url("fonts/GlacialIndifference-Bold.otf") format("opentype");
  font-weight:700;
  font-style:normal;
}

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

html{
  scroll-behavior:smooth;
}

body{
  background:var(--light-gray-2);
  color:var(--black);
  font-family:"Glacial Indifference", sans-serif;
  overflow-x:hidden;
}

img{
  display:block;
  max-width:100%;
}

.navbar{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:50;
  background:transparent;
}

.nav-container{
  width:min(1720px, 96vw);
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  gap:42px;
  padding-top:36px;
}

.logo{
  width:78px;
  height:auto;
  flex:0 0 auto;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:38px;
  padding-top:14px;
}

.nav-links a{
  text-decoration:none;
  color:var(--black);
  font-family:"TT Firs Neue", sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1;
}

.section-canvas{
  position:relative;
  width:100%;
  overflow:hidden;
}

.section-shell{
  position:relative;
  width:min(1720px, 96vw);
  margin:0 auto;
  z-index:3;
}

.section-bg,
.hero-bg{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.soft-bubble,
.hero-bubble{
  position:absolute;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  opacity:0.68;
}

.bubble-white{
  background-image:url("assets/bubble-white.png");
}

.bubble-blue{
  background-image:url("assets/bubble-blue.png");
}

.ghost-title{
  font-family:"TT Firs Neue", sans-serif;
  font-weight:700;
  color:var(--black);
  text-align:center;
  line-height:1.04;
  letter-spacing:0;
}

.ghost-small{
  font-size:46px;
  padding-top:74px;
}

.ghost-medium{
  font-size:68px;
  padding-top:64px;
}

.ghost-large{
  font-size:84px;
  padding-top:30px;
}

.ghost-what-you-get{
  font-size:72px;
  padding-top:34px;
  text-align:center;
}

.ghost-scenarios{
  font-size:78px;
  padding-top:28px;
}

.ghost-pricing{
  font-size:70px;
  padding-top:34px;
}

.ghost-faq{
  font-size:72px;
  padding-top:36px;
}

/* HERO */
.hero{
  min-height:1080px;
  background:var(--light-gray-2);
}

.hero-shell{
  min-height:1080px;
}

.bubble-hero-1{
  width:760px;
  height:760px;
  left:-120px;
  top:-60px;
}

.bubble-hero-2{
  width:720px;
  height:720px;
  left:280px;
  bottom:-220px;
}

.bubble-hero-3{
  width:760px;
  height:760px;
  right:-150px;
  top:250px;
}

.hero-left{
  position:absolute;
  left:0;
  top:300px;
  width:980px;
  z-index:4;
}

.hero-text-box{
  width:980px;
  max-width:100%;
  background:var(--light-blue);
  border-radius:48px;
  padding:54px 50px 46px 50px;
}

.hero-text-box h1{
  font-family:"Glacial Indifference", sans-serif;
  font-size:82px;
  font-weight:400;
  line-height:0.95;
  letter-spacing:-2px;
  margin-bottom:34px;
}

.hero-text-box p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:28px;
  line-height:1.18;
}

.hero-buttons{
  display:flex;
  gap:42px;
  padding-left:46px;
  margin-top:70px;
}

.pill-btn{
  appearance:none;
  border:none;
  border-radius:999px;
  background:var(--light-blue);
  color:var(--black);
  padding:18px 36px;
  font-family:"TT Firs Neue", sans-serif;
  font-size:26px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.hero-buttons .pill-btn{
  background:var(--light-blue);
  border-radius:999px;
  min-height:62px;
  padding:18px 36px;
}
.hero-right{
  position:absolute;
  right:0;
  top:210px;
  width:760px;
  height:620px;
  z-index:2;
}

.hero-sticker{
  position:absolute;
  right: -135px;
  top:0;
  width:1100px;
  height:auto;
}

/* WHAT WE DO */
#whatwedo{
  min-height:1080px;
  background:var(--light-gray-2);
}

.bubble-what-1{
  width:700px;
  height:700px;
  left:-130px;
  top:140px;
}

.bubble-what-2{
  width:680px;
  height:680px;
  right:-120px;
  top:70px;
}

.bubble-what-3{
  width:720px;
  height:720px;
  left:50%;
  transform:translateX(-50%);
  bottom:-260px;
}

/* WHY */
#why{
  min-height:1080px;
  background:var(--light-gray-2);
}

.bubble-why-1{
  width:700px;
  height:700px;
  left:50%;
  transform:translateX(-50%);
  top:-170px;
}

.bubble-why-2{
  width:720px;
  height:720px;
  left:-170px;
  bottom:-170px;
}

.bubble-why-3{
  width:740px;
  height:740px;
  right:-160px;
  bottom:-120px;
}

/* HOW */
#how{
  min-height:1080px;
  background:var(--light-blue);
}

.bubble-how-1{
  width:700px;
  height:700px;
  left:-140px;
  top:-120px;
  opacity:0.56;
}

.bubble-how-2{
  width:700px;
  height:700px;
  right:-140px;
  top:40px;
  opacity:0.56;
}

.bubble-how-3{
  width:720px;
  height:720px;
  left:50%;
  transform:translateX(-50%);
  bottom:-50px;
  opacity:0.56;
}

/* DELIVERABLES */
#deliverables{
  min-height:1080px;
  background:var(--light-gray-2);
}

.bubble-deliver-1{
  width:690px;
  height:690px;
  left:-260px;
  top:-120px;
}

.bubble-deliver-2{
  width:720px;
  height:720px;
  left:-170px;
  bottom:-220px;
}

.bubble-deliver-3{
  width:720px;
  height:720px;
  right:-170px;
  top:-120px;
}

/* SCENARIOS */
#scenarios{
  min-height:1200px;
  background:var(--light-blue);
}

.bubble-scenarios-1{
  width:700px;
  height:900px;
  left:-220px;
  top:150px;
  opacity:0.56;
}

.bubble-scenarios-2{
  width:700px;
  height:900px;
  left:50%;
  transform:translateX(-50%);
  top:130px;
  opacity:0.56;
}

.bubble-scenarios-3{
  width:700px;
  height:900px;
  right:-220px;
  top:130px;
  opacity:0.56;
}

/* PRICING */
#pricing{
  min-height:1080px;
  background:var(--light-blue);
}

.bubble-pricing-1{
  width:720px;
  height:720px;
  left:-120px;
  top:-160px;
  opacity:0.56;
}

.bubble-pricing-2{
  width:720px;
  height:720px;
  right:-130px;
  top:10px;
  opacity:0.56;
}

.bubble-pricing-3{
  width:700px;
  height:700px;
  left:50%;
  transform:translateX(-50%);
  bottom:-250px;
  opacity:0.56;
}

/* FAQ */
#faq{
  min-height:1080px;
  background:var(--light-gray-2);
}

.bubble-faq-1{
  width:680px;
  height:680px;
  left:-220px;
  top:-170px;
}

.bubble-faq-2{
  width:700px;
  height:700px;
  right:-170px;
  top:-100px;
}

.bubble-faq-3{
  width:720px;
  height:720px;
  left:-180px;
  bottom:-260px;
}

/* LAPTOP */
@media (max-width: 1600px){
  .nav-container,
  .section-shell{
    width:min(1500px, 95vw);
  }

  .nav-links a{
    font-size:22px;
  }

  .ghost-small{
    font-size:40px;
  }

  .ghost-medium{
    font-size:60px;
  }

  .ghost-large{
    font-size:74px;
  }

  .ghost-what-you-get{
    font-size:64px;
  }

  .ghost-scenarios{
    font-size:68px;
  }

  .ghost-pricing{
    font-size:62px;
  }

  .ghost-faq{
    font-size:64px;
  }

  .hero{
    min-height:940px;
  }

  .hero-shell{
    min-height:940px;
  }

  .bubble-hero-1{
    width:680px;
    height:680px;
    left:-110px;
    top:-70px;
  }

  .bubble-hero-2{
    width:640px;
    height:640px;
    left:220px;
    bottom:-220px;
  }

  .bubble-hero-3{
    width:680px;
    height:680px;
    right:-150px;
    top:220px;
  }

  .hero-left{
    top:270px;
    width:860px;
  }

  .hero-text-box{
    width:860px;
    padding:48px 44px 42px 44px;
  }

  .hero-text-box h1{
    font-size:72px;
  }

  .hero-text-box p{
    font-size:24px;
  }

  .hero-buttons{
    gap:26px;
    margin-top:58px;
  }

  .pill-btn{
    font-size:22px;
    padding:16px 30px;
  }

  .hero-right{
    width:670px;
    height:540px;
    top:215px;
  }
}

/* TABLET */
@media (max-width: 1100px){
  .navbar{
    position:relative;
  }

  .nav-container{
    width:92%;
    justify-content:space-between;
    align-items:center;
    padding-top:24px;
  }

  .logo{
    width:68px;
  }

  .nav-links{
    gap:18px;
    padding-top:0;
    flex-wrap:wrap;
    justify-content:flex-end;
  }

  .nav-links a{
    font-size:18px;
  }

  .section-shell{
    width:92%;
  }

  .hero,
  #whatwedo,
  #why,
  #how,
  #deliverables,
  #scenarios,
  #pricing,
  #faq{
    min-height:auto;
  }

  .hero{
    padding:40px 0 60px 0;
  }

  .hero-bg,
  .section-bg{
    display:none;
  }

  .hero-shell{
    min-height:auto;
  }

  .hero-left,
  .hero-right{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    width:100%;
    height:auto;
  }

  .hero-text-box{
    width:100%;
    border-radius:34px;
    padding:32px 26px 26px 26px;
  }

  .hero-text-box h1{
    font-size:52px;
    letter-spacing:-1px;
    margin-bottom:18px;
  }

  .hero-text-box p{
    font-size:22px;
  }

  .hero-buttons{
    padding-left:0;
    gap:16px;
    margin-top:28px;
    flex-wrap:wrap;
  }

  .pill-btn{
    font-size:18px;
    padding:16px 24px;
  }

  .ghost-title{
    text-align:center;
    font-size:34px !important;
    padding:80px 0;
  }
}

/* PHONE */
@media (max-width: 680px){
  .nav-container{
    width:92%;
    flex-direction:column;
    gap:14px;
    align-items:flex-start;
  }

  .nav-links{
    width:100%;
    gap:14px 18px;
    justify-content:flex-start;
  }

  .nav-links a{
    font-size:16px;
  }

  .hero-text-box{
    border-radius:26px;
    padding:24px 20px 20px 20px;
  }

  .hero-text-box h1{
    font-size:38px;
    line-height:0.98;
  }

  .hero-text-box p{
    font-size:18px;
  }

  .hero-buttons{
    flex-direction:column;
    width:100%;
  }

  .pill-btn{
    width:100%;
    text-align:center;
    font-size:17px;
  }
}

/* FAQ SECTION */

.faq-shell{
  padding-bottom:120px;
  position:relative;
}

.faq-sticker{
  position:absolute;
  left:-420px;
  top:180px;
  width: 1600px;
  height:auto;
  z-index:3;
}

.faq-container{
  width:720px;
  margin-top:80px;
  margin-bottom:40px;
  margin-left:520px;
}
.faq-item{
  border-bottom:1px solid #d7d7d7;
}

.faq-question{
  width:100%;
  background:none;
  border:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 0;
  font-family:"TT Firs Neue";
  font-size:18px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}

.faq-icon{
  font: size 34px;
  font-weight:400;
  transition:transform 0.2s;
}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.35s ease;
  font-family:"Glacial Indifference";
  font-size:15px;
  line-height:1.6;
  padding-right:20px;
}

.faq-item.active .faq-answer{
  max-height:300px;
  margin-bottom:20px;
}

.faq-item.active .faq-icon{
  transform:rotate(45deg);
}

.faq-cta{
  text-align:center;
  margin-top:60px;
}

/* SCENARIOS SECTION */

.scenarios-shell{
  padding-bottom:110px;
}

.scenarios-intro{
  width:1480px;
  max-width:92%;
  margin:26px auto 52px auto;
  text-align:center;
  font-family:"Glacial Indifference", sans-serif;
  font-size:23px;
  line-height:1.28;
  color:var(--black);
}

.scenarios-grid{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px 42px;
  margin-top:10px;
}

.scenario-card{
  background:var(--light-gray-2);
  border-radius:42px;
  padding:34px 44px 34px 44px;
  min-height:360px;
  position:relative;
  z-index:3;
}

.scenario-card h3{
  font-family:"TT Firs Neue", sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1.08;
  margin-bottom:18px;
  color:var(--black);
}

.scenario-card p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:19px;
  line-height:1.18;
  margin-bottom:12px;
  color:var(--black);
}

.scenario-card p:last-child{
  margin-bottom:0;
}

.scenario-card strong{
  font-family:"TT Firs Neue", sans-serif;
  font-weight:700;
}


/* PRICING SECTION */

.pricing-shell{
  padding-bottom:110px;
}

.pricing-mainline{
  margin-top:2px;
  text-align:center;
  font-family:"TT Firs Neue", sans-serif;
  font-size:40px;
  font-weight:700;
  line-height:1.06;
  color:var(--black);
}

.pricing-subline{
  margin-top:18px;
  text-align:center;
  font-family:"Glacial Indifference", sans-serif;
  font-size:25px;
  line-height:1.2;
  color:var(--black);
}

.pricing-grid{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  margin-top:84px;
}

.pricing-card{
  background:var(--light-gray-2);
  border-radius:42px;
  padding:34px 42px 34px 42px;
  min-height:360px;
  position:relative;
  z-index:3;
}

.pricing-card h4{
  font-family:"TT Firs Neue", sans-serif;
  font-size:30px;
  font-weight:700;
  line-height:1.08;
  margin-bottom:12px;
  color:var(--black);
}

.pricing-card ul{
  margin:0 0 14px 26px;
  padding:0;
}

.pricing-card li{
  font-family:"Glacial Indifference", sans-serif;
  font-size:25px;
  line-height:1.28;
  margin-bottom:6px;
  color:var(--black);
}

.pricing-card p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:23px;
  line-height:1.24;
  color:var(--black);
}

.pricing-buttons{
  display:flex;
  justify-content:center;
  gap:84px;
  margin-top:78px;
}

.pricing-pill-btn{
  appearance:none;
  border:none;
  background:var(--light-gray-2);
  color:var(--black);
  border-radius:999px;
  min-width:474px;
  padding:24px 42px;
  font-family:"TT Firs Neue", sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}


/* DESKTOP TUNING */

@media (max-width: 1600px){
  .scenarios-intro{
    width:1320px;
    font-size:21px;
  }

  .scenario-card{
    min-height:330px;
    padding:30px 38px;
  }

  .scenario-card h3{
    font-size:23px;
  }

  .scenario-card p{
    font-size:17px;
  }

  .pricing-mainline{
    font-size:36px;
  }

  .pricing-subline{
    font-size:22px;
  }

  .pricing-card{
    min-height:330px;
  }

  .pricing-card h4{
    font-size:24px;
  }

  .pricing-card li,
  .pricing-card p{
    font-size:20px;
  }

  .pricing-pill-btn{
    min-width:420px;
    font-size:22px;
    padding:22px 36px;
  }
}


/* TABLET */

@media (max-width: 1100px){
  .scenarios-shell,
  .pricing-shell{
    padding-bottom:70px;
  }

  .scenarios-intro{
    width:100%;
    max-width:100%;
    margin:24px auto 34px auto;
    font-size:18px;
    line-height:1.35;
  }

  .scenarios-grid,
  .pricing-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:40px;
  }

  .scenario-card,
  .pricing-card{
    min-height:auto;
    border-radius:28px;
    padding:26px 24px;
  }

  .scenario-card h3{
    font-size:22px;
  }

  .scenario-card p{
    font-size:17px;
    line-height:1.28;
  }

  .pricing-mainline{
    font-size:30px;
    margin-top:4px;
  }

  .pricing-subline{
    font-size:19px;
    line-height:1.3;
  }

  .pricing-card h4{
    font-size:22px;
  }

  .pricing-card li,
  .pricing-card p{
    font-size:18px;
    line-height:1.32;
  }

  .pricing-buttons{
    flex-direction:column;
    gap:18px;
    margin-top:44px;
  }

  .pricing-pill-btn{
    min-width:0;
    width:100%;
    font-size:19px;
    padding:18px 24px;
  }
}

/* WHY IKARAS */

.why-shell{
  min-height:1080px;
  padding-bottom:80px;
}

.why-top-copy{
  width:1120px;
  max-width:90%;
  margin:18px auto 0 auto;
  text-align:center;
}

.why-top-copy h3{
  font-family:"TT Firs Neue", sans-serif;
  font-size:35px;
  font-weight:700;
  line-height:1.06;
  margin-bottom:10px;
}

.why-top-copy p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:30px;
  line-height:1.22;
}

.why-bold-line{
  margin-top:6px;
  font-family:"TT Firs Neue", sans-serif !important;
  font-size:34px !important;
  font-weight:700;
}

.why-mid-row{
  position:relative;
  height:430px;
  margin-top:70px;
}

.why-left-box{
  position:absolute;
  left:240px;
  top:130px;
  width:470px;
  height:170px;
  background:var(--light-blue);
  border-radius:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px 24px;
  z-index:3;
}

.why-left-box-text{
  font-family:"TT Firs Neue", sans-serif;
  font-size:33px;
  font-weight:700;
  line-height:1.2;
}

.why-arrow{
  position:absolute;
  left:730px;
  top:152px;
  width:140px;
  height:auto;
  z-index:3;
}

.why-pill{
  position:absolute;
  background:var(--light-gray);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 20px;
  font-family:"TT Firs Neue", sans-serif;
  font-size:30px;
  font-weight:700;
  color:var(--dark-gray-2);
  z-index:3;
}

.why-pill-identities{
  left:870px;
  top:138px;
  width:250px;
  height:104px;
}

.why-pill-timing{
  left:1060px;
  top:34px;
  width:230px;
  height:96px;
}

.why-pill-intent{
  left:1240px;
  top:8px;
  width:210px;
  height:94px;
}

.why-pill-escalation{
  left:1060px;
  top:234px;
  width:250px;
  height:96px;
}

.why-pill-adaptation{
  left:1240px;
  top:304px;
  width:270px;
  height:96px;
}

.why-bottom-copy{
  width:1380px;
  max-width:92%;
  margin:30px auto 0 auto;
  text-align:center;
  font-family:"Glacial Indifference", sans-serif;
  font-size:33px;
  line-height:1.2;
  color:var(--dark-gray-2);
}

.why-bottom-copy strong{
  font-family:"TT Firs Neue", sans-serif;
  font-weight:700;
}


/* HOW IT WORKS */

.how-shell{
  min-height:1080px;
  padding-bottom:90px;
}

.how-intro{
  width:1400px;
  max-width:94%;
  margin:10px auto 0 auto;
  text-align:center;
}

.how-intro p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:29px;
  line-height:1.18;
}

.how-grid{
  margin-top:44px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px 46px;
}

.how-card{
  background:var(--light-gray-2);
  border-radius:42px;
  min-height:360px;
  padding:52px 44px 34px 44px;
  text-align:center;
  position:relative;
  z-index:3;
}

.how-card h3{
  font-family:"TT Firs Neue", sans-serif;
  font-size:33px;
  font-weight:700;
  line-height:1.16;
  margin-bottom:14px;
}

.how-card p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:28px;
  line-height:1.3;
  margin-bottom:10px;
}

.how-card p:last-child{
  margin-bottom:0;
}


/* WHAT YOU GET */

.deliver-shell{
  min-height:1080px;
  padding-bottom:70px;
}

.deliver-heading-wrap{
  width:1060px;
  margin-left:290px;
  padding-top:30px;
}

.deliver-heading{
  font-family:"TT Firs Neue", sans-serif;
  font-size:69px;
  font-weight:700;
  line-height:0.98;
  color:var(--dark-gray-2);
}

.deliver-content-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-top:42px;
}

.deliver-box{
  width:620px;
  min-height:660px;
  margin-left:320px;
  background:var(--light-blue);
  border-radius:42px;
  padding:38px 34px 34px 34px;
  position:relative;
  z-index:3;
}

.deliver-box-title{
  font-family:"Glacial Indifference", sans-serif;
  font-size:31px;
  line-height:1.12;
  margin-bottom:14px;
}

.deliver-box ul{
  margin:0 0 12px 32px;
  padding:0;
}

.deliver-box li{
  font-family:"Glacial Indifference", sans-serif;
  font-size:28px;
  line-height:1.26;
  margin-bottom:8px;
}

.deliver-box-end{
  font-family:"Glacial Indifference", sans-serif;
  font-size:29px;
  line-height:1.22;
  margin-top:8px;
}

.deliver-visual-space{
  width:900px;
  min-height:700px;
  position:relative;
}



.deliver-bottom-line{
  margin-top:12px;
  text-align:center;
  font-family:"Glacial Indifference", sans-serif;
  font-size:31px;
  line-height:1.15;
  color:var(--dark-gray-2);
}

.deliver-cta{
  display:flex;
  justify-content:center;
  margin-top:28px;
}

.deliver-sticker{
  position:absolute;
  right:40px;
  top:160px;
  width:1600px;
  height:auto;
}
/* DESKTOP TUNING */

@media (max-width: 1600px){
  .why-top-copy h3{
    font-size:31px;
  }

  .why-top-copy p{
    font-size:26px;
  }

  .why-bold-line{
    font-size:30px !important;
  }

  .why-mid-row{
  height:390px;
  margin-top:52px;
}

  .why-left-box{
  left:120px;
  top:138px;
  width:410px;
  height:150px;
}

  .why-left-box-text{
  font-size:29px;
}

  .why-pill{
  font-size:24px;
}


  .why-left-box{
  left:120px;
  top:128px;
  width:410px;
  height:150px;
}

.why-left-box-text{
  font-size:29px;
}

.why-arrow{
  left:565px;
  top:170px;
  width:135px;
}

.why-pill-identities{
  left:715px;
  top:144px;
  width:220px;
  height:92px;
}

.why-pill-timing{
  left:905px;
  top:56px;
  width:205px;
  height:88px;
}

.why-pill-intent{
  left:1100px;
  top:-21px;
  width:190px;
  height:86px;
}

.why-pill-escalation{
  left:905px;
  top:246px;
  width:225px;
  height:88px;
}

.why-pill-adaptation{
  left:1065px;
  top:338px;
  width:245px;
  height:88px;
}

  .why-bottom-copy{
    font-size:25px;
  text-align:center;
  max-width:1050px;
  margin:70px auto 0 auto;
  }

  .how-intro p{
    font-size:25px;
  }

  .how-card{
    min-height:320px;
    padding:42px 34px 28px 34px;
  }

  .how-card h3{
    font-size:29px;
  }

  .how-card p{
    font-size:24px;
  }

  .deliver-heading-wrap{
    width:900px;
    margin-left:230px;
  }

  .deliver-heading{
    font-size:58px;
  }

  .deliver-content-row{
    margin-top:32px;
  }

  .deliver-box{
    width:550px;
    min-height:590px;
    margin-left:250px;
    padding:32px 28px 28px 28px;
  }

  .deliver-box-title{
    font-size:27px;
  }

  .deliver-box li{
    font-size:24px;
  }

  .deliver-box-end{
    font-size:26px;
  }

  .deliver-visual-space{
    width:620px;
    min-height:560px;
  }

  .deliver-bottom-line{
    font-size:28px;
  }
}


/* TABLET */

@media (max-width: 1100px){
   .faq-container{
  width:100%;
  margin-left:0;
  margin-top:40px;
}
  .why-shell,
  .how-shell,
  .deliver-shell{
    min-height:auto;
    padding-bottom:60px;
  }

  .why-top-copy,
  .how-intro,
  .deliver-heading-wrap{
    width:100%;
    max-width:100%;
    margin-left:0;
  }

  .why-top-copy h3{
    font-size:26px;
  }

  .why-top-copy p{
    font-size:20px;
    line-height:1.32;
  }

  .why-bold-line{
    font-size:24px !important;
  }

  .why-mid-row{
    height:auto;
    margin-top:36px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
  }

  .why-left-box,
  .why-arrow,
  .why-pill{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
  }

  .why-left-box{
    width:min(520px, 100%);
    min-height:140px;
    margin:0 auto;
    padding:22px 18px;
  }

  .why-left-box-text{
    font-size:24px;
  }

  .why-arrow{
    width:64px;
  }

  .why-pill{
    min-width:240px;
    min-height:74px;
    padding:18px 24px;
    font-size:22px;
  }

  .why-bottom-copy{
    width:100%;
    max-width:100%;
    font-size:22px;
    line-height:1.32;
    margin-top:34px;
  }

  .how-intro p{
    font-size:20px;
    line-height:1.32;
  }

  .how-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:32px;
  }

  .how-card{
    min-height:auto;
    border-radius:28px;
    padding:28px 22px;
  }

  .how-card h3{
    font-size:24px;
  }

  .how-card p{
    font-size:20px;
    line-height:1.34;
  }

  .deliver-heading{
    font-size:38px;
    line-height:1.02;
    text-align:left;
  }

  .deliver-content-row{
    flex-direction:column;
    margin-top:26px;
  }

  .deliver-box{
    width:100%;
    min-height:auto;
    margin-left:0;
    border-radius:28px;
    padding:26px 22px;
  }

  .deliver-box-title{
    font-size:22px;
  }

  .deliver-box li{
    font-size:20px;
    line-height:1.34;
  }

  .deliver-box-end{
    font-size:21px;
    line-height:1.32;
  }

  .deliver-visual-space{
    display:none;
  }

  .deliver-bottom-line{
    font-size:22px;
    line-height:1.3;
    margin-top:28px;
  }

  .deliver-cta{
    margin-top:22px;
  }
}

/* WHAT WE DO */

.what-shell{
  min-height:1080px;
  padding-bottom:90px;
}

.what-top-copy{
  text-align:center;
  margin-top:18px;
}

.what-top-copy h3{
  font-family:"TT Firs Neue", sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1.05;
  color:var(--dark-gray-2);
  margin-bottom:10px;
}

.what-top-copy p{
  font-family:"Glacial Indifference", sans-serif;
  font-size:31px;
  line-height:1.2;
  color:var(--dark-gray-2);
}

.what-mid-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-top:88px;
  gap:70px;
}

.what-left-copy{
  width:620px;
  margin-left:34px;
  font-family:"Glacial Indifference", sans-serif;
  font-size:29px;
  line-height:1.27;
  color:var(--dark-gray-2);
}

.what-right-list{
  width:860px;
  display:flex;
  flex-direction:column;
  gap:34px;
  margin-right:14px;
}

.what-list-row{
  display:flex;
  align-items:center;
  gap:34px;
}

.what-number-pill{
  width:120px;
  height:82px;
  border-radius:999px;
  background:var(--light-blue);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-family:"TT Firs Neue", sans-serif;
  font-size:52px;
  font-weight:700;
  color:var(--dark-gray-2);
}

.what-text-pill{
  height:82px;
  flex:1;
  border-radius:999px;
  background:var(--light-gray);
  display:flex;
  align-items:center;
  padding:0 34px;
  font-family:"Glacial Indifference", sans-serif;
  font-size:27px;
  line-height:1.08;
  color:var(--dark-gray-2);
}

.what-bottom-copy{
  margin-top:108px;
  text-align:center;
  font-family:"Glacial Indifference", sans-serif;
  font-size:29px;
  line-height:1.24;
  color:var(--dark-gray-2);
}

/* MODALS */

body.modal-open{
  overflow:hidden;
}

.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.38);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.25s ease, visibility 0.25s ease;
  z-index:300;
}

.modal-overlay.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.modal-card{
  width:min(860px, 92vw);
  max-height:88vh;
  overflow-y:auto;
  background:var(--light-gray-2);
  border-radius:22px;
  padding:34px 34px 30px 34px;
  position:relative;
  box-shadow:0 20px 60px rgba(0,0,0,0.16);
}

.modal-title{
  font-family:"TT Firs Neue", sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1.06;
  color:var(--dark-gray-2);
  margin-bottom:10px;
}

.modal-contact-note{
  font-family:"Glacial Indifference", sans-serif;
  font-size:22px;
  line-height:1.25;
  color:var(--dark-gray-2);
  margin-bottom:26px;
}

.modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border:none;
  border-radius:999px;
  background:transparent;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  color:var(--dark-gray-2);
}

.modal-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.form-group{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.form-group label{
  font-family:"TT Firs Neue", sans-serif;
  font-size:22px;
  font-weight:500;
  color:var(--dark-gray-2);
}

.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  border:1px solid #d2d2d2;
  background:var(--white);
  border-radius:10px;
  padding:16px 18px;
  font-family:"Glacial Indifference", sans-serif;
  font-size:20px;
  color:var(--dark-gray-2);
  outline:none;
}

.form-group textarea{
  resize:vertical;
  min-height:130px;
}

.modal-submit{
  margin-top:8px;
  appearance:none;
  border:none;
  border-radius:999px;
  background:var(--light-blue);
  color:var(--black);
  padding:18px 34px;
  font-family:"TT Firs Neue", sans-serif;
  font-size:24px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  align-self:flex-start;
}

/* DESKTOP TUNING */

@media (max-width: 1600px){
  .what-top-copy h3{
    font-size:30px;
  }

  .what-top-copy p{
    font-size:27px;
  }

  .what-mid-row{
    margin-top:70px;
    gap:54px;
  }

  .what-left-copy{
    width:540px;
    font-size:25px;
    margin-left:20px;
  }

  .what-right-list{
    width:760px;
    gap:28px;
  }

  .what-list-row{
    gap:26px;
  }

  .what-number-pill{
    width:102px;
    height:72px;
    font-size:44px;
  }

  .what-text-pill{
    height:72px;
    padding:0 28px;
    font-size:23px;
  }

  .what-bottom-copy{
    margin-top:88px;
    font-size:25px;
  }

  .modal-title{
    font-size:30px;
  }

  .modal-contact-note{
    font-size:20px;
  }
}

/* TABLET */

@media (max-width: 1100px){
  .what-shell{
    min-height:auto;
    padding-bottom:60px;
  }

  .what-top-copy{
    margin-top:8px;
  }

  .what-top-copy h3{
    font-size:26px;
  }

  .what-top-copy p{
    font-size:22px;
    line-height:1.3;
  }

  .what-mid-row{
    flex-direction:column;
    margin-top:34px;
    gap:30px;
  }

  .what-left-copy,
  .what-right-list{
    width:100%;
    margin-left:0;
    margin-right:0;
  }

  .what-left-copy{
    font-size:20px;
    line-height:1.36;
  }

  .what-right-list{
    gap:18px;
  }

  .what-list-row{
    gap:14px;
  }

  .what-number-pill{
    width:72px;
    height:58px;
    font-size:30px;
  }

  .what-text-pill{
    min-height:58px;
    height:auto;
    padding:12px 18px;
    font-size:18px;
    line-height:1.25;
  }

  .what-bottom-copy{
    margin-top:44px;
    font-size:20px;
    line-height:1.35;
  }

  .modal-card{
    width:min(760px, 94vw);
    max-height:90vh;
    padding:26px 22px 24px 22px;
  }

  .modal-title{
    font-size:26px;
    padding-right:34px;
  }

  .modal-contact-note{
    font-size:18px;
  }

  .form-group label{
    font-size:18px;
  }

  .form-group input,
  .form-group textarea,
  .form-group select{
    font-size:17px;
    padding:14px 16px;
  }

  .modal-submit{
    width:100%;
    text-align:center;
    font-size:20px;
  }
}

.hero-buttons .pill-btn{
  appearance:none;
  border:none;
  border-radius:999px;
  background:var(--light-blue) !important;
  color:var(--black) !important;
  padding:18px 36px !important;
  min-height:64px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  font-family:"TT Firs Neue", sans-serif;
  font-size:26px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
}

.nav-container{
  width:min(1720px, 96vw);
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  gap:42px;
  padding-top:36px;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:38px;
  padding-top:14px;
}

.nav-text-links{
  display:flex;
  align-items:center;
  gap:28px;
  padding-top:14px;
  margin-left:auto;
}

.nav-text-links a{
  text-decoration:none;
  color:var(--black);
  font-family:"TT Firs Neue", sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1;
}