@font-face{font-family:"Akzidenz Grotesk CE Roman";src:url("Fonts/Akzidenz Grotesk CE Roman.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Akzidenz Grotesk CE Roman";src:url("Fonts/Akzidenz Grotesk CE Roman Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Akzidenz Grotesk CE Light";src:url("Fonts/Akzidenz Grotesk CE Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Agenda Bold";src:url("Fonts/Agenda Bold.TTF") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Agenda Medium";src:url("Fonts/Agenda Medium.TTF") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#242428;--charcoal:#29333f;--charcoal2:#1e2a35;--gold:#b4834f;--blue:#43aee4;--pale:#eef7fc;--text:#9aa6ad;--max:1210px;--side:clamp(42px,8.25vw,122px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Akzidenz Grotesk CE Roman","Akzidenz Grotesk Roman","Helvetica Neue",Arial,sans-serif;background:#fff}img{max-width:100%;display:block}.page{overflow:hidden}.wrap{width:calc(100% - (var(--side)*2));max-width:var(--max);margin:0 auto}.gold,.goldtext{color:var(--gold)}
.nav{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;border-bottom:1px solid rgba(63,85,101,.18);display:flex;align-items:center}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{width:288px;height:auto}.navlinks{display:flex;align-items:center;gap:42px}.nav-work{font-size:14px;line-height:1;color:var(--gold);text-decoration:none;font-weight:400;padding:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;background:var(--blue);color:white;height:37px;min-width:153px;padding:0 24px;font-size:10px;font-weight:700;line-height:1;border-radius:0;transition:transform .35s ease,box-shadow .35s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(67,174,228,.22)}.nav-cta{min-width:178px}.btn.ghost{background:white;color:#9a9a9a;border:1px solid #fff}.gold-btn{background:var(--gold)}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.055em;font-size:13px;line-height:1.25;font-weight:400}.hero-eyebrow,.blue-label{color:#83cff2}.muted-label{color:#aeb9c0}.headline,.section-title,.cta-title{font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;text-transform:uppercase;font-weight:900;letter-spacing:-.015em;margin:0;color:var(--ink)}.copy{font-size:15px;line-height:1.55;color:#9aa6ad;margin:0;font-weight:300}.home-hero{position:relative;min-height:644px;background:var(--pale) url('assets/Home page Hero image.png') right center/auto 100% no-repeat;display:flex;align-items:flex-start;padding-top:190px}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,247,252,.95) 0%,rgba(238,247,252,.72) 35%,rgba(238,247,252,0) 64%);pointer-events:none}.hero-content{position:relative;z-index:2;margin-left:var(--side);width:520px}.hero-title{font-size:52px;line-height:.91;max-width:520px}.hero-title .gold{display:inline-block}.hero-copy{margin-top:24px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:55px}.hero-actions .btn{min-width:153px}.home-section{padding:83px 0 92px}.light-section{background:var(--pale)}.intro{max-width:660px}.problem-title{font-size:54px;line-height:.91;margin-top:22px}.section-copy{margin-top:25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:52px}.card{background:white;padding:35px 36px 43px;min-height:284px;box-shadow:none}.circle{width:58px;height:58px;border:1px solid #9bdaf6;border-radius:50%;display:grid;place-items:center;color:#8bd5f4;font-size:13px;margin-bottom:35px}.card h3{color:#83cff2;font-size:13px;letter-spacing:.08em;margin:0 0 22px;text-transform:uppercase;font-weight:400}.card p{font-size:14px;line-height:1.55;color:#98a3aa;margin:0}.guide-section{padding:88px 0 96px;background:#2b3541;color:white}.darkband{background:#2d3844 url('assets/Home page Gradient dark.png') center/cover no-repeat}.guide-grid{display:grid;grid-template-columns:1fr 360px;gap:105px;align-items:center}.light-title{color:#fff;font-size:62px;line-height:.88;margin-top:28px}.dark-copy{color:#c2c7ca;margin-top:26px;max-width:650px}.stat{display:flex;gap:23px;align-items:center;margin:24px 0 0;color:#cbd3d7}.stat strong{font-family:"Agenda Bold","Arial Black",Impact,sans-serif;font-size:61px;line-height:.9;color:var(--gold)}.stat span{font-size:20px;line-height:1.15;letter-spacing:.02em}.rule{width:382px;height:1px;background:rgba(255,255,255,.55);margin:23px 0 3px}.quote-box{border:1px solid rgba(255,255,255,.2);background:rgba(16,25,35,.18);padding:116px 42px 50px;text-align:center;position:relative;min-height:416px}.quote-box img{position:absolute;top:-57px;left:50%;transform:translateX(-50%);width:126px;height:126px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px rgba(255,255,255,.2)}.quote-box p{font-size:22px;line-height:1.25;color:#4fb5e3;margin:0;font-weight:300}.process-title{font-size:54px;line-height:.91;margin-top:22px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:66px}.process-card{background:white;padding:34px 45px 40px;min-height:210px}.steps{list-style:none;margin:24px 0 0;padding:0}.steps li{display:grid;grid-template-columns:44px 1fr;gap:10px;margin:16px 0;color:#a0a8ad;font-size:14px}.steps b{color:var(--gold);font-family:"Agenda Bold","Arial Black",Impact,sans-serif;font-size:24px;line-height:.8}.stakes{background:#2d3844 url('assets/Home page Gradient dark.png') center/cover no-repeat}.stakes-grid{display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center}.checklist{background:rgba(12,18,26,.18);padding:43px 46px 37px;border:1px solid rgba(255,255,255,.18)}.checklist h3{font-size:13px;font-weight:400;letter-spacing:.08em;color:#b9c1c7;margin:0 0 25px}.checklist p{margin:15px 0;color:#c5ced3;font-size:14px}.testimonial{padding:118px 0 110px;text-align:center}.testimonial-card{background:white;width:min(850px,calc(100% - 290px));margin:auto;padding:77px 112px 55px;position:relative}.testimonial-card .avatar{position:absolute;top:-61px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;border:5px solid white;box-shadow:0 0 0 1px #cbd4d9;object-fit:cover}.mark{font-family:Georgia,serif;color:var(--gold);font-size:62px;line-height:.5;margin-top:8px}.testimonial-card .copy{font-size:20px;line-height:1.1;margin:22px auto 24px;color:#9aa1a6}.cta{text-align:center;padding:82px 0 78px}.cta-title{font-size:45px;line-height:.92;color:var(--ink)}.cta .copy{margin:35px 0 28px}.footer{border-top:1px solid #aeb6bb;text-align:center;padding:55px 0 63px;color:#b5bdc2;font-size:11px}.footer-brand img{width:242px;margin:0 auto 35px}.footer p{line-height:1.25;margin:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){:root{--side:24px}.nav{position:relative;height:auto;padding:20px 0;background:#fff}.brand img{width:210px}.navlinks{gap:14px}.nav-work{font-size:13px}.nav-cta{min-width:auto;padding:0 16px}.home-hero{min-height:auto;padding:72px 0 360px;background-position:center bottom;background-size:auto 54%}.home-hero:after{background:linear-gradient(180deg,rgba(238,247,252,1) 0%,rgba(238,247,252,.8) 50%,rgba(238,247,252,0) 100%)}.hero-content{margin-left:var(--side);width:calc(100% - var(--side)*2)}.hero-title{font-size:42px}.hero-actions{flex-wrap:wrap;margin-top:32px}.problem-title,.process-title{font-size:42px}.light-title{font-size:46px}.cards,.process-grid,.guide-grid,.stakes-grid{grid-template-columns:1fr}.guide-grid,.stakes-grid{gap:55px}.testimonial-card{width:calc(100% - 48px);padding:70px 28px 45px}.rule{width:100%}}

.portfolio-intro{position:relative;background:white;padding:115px 0 0;min-height:665px}.portfolio-intro:after{content:"";position:absolute;right:0;bottom:0;width:64%;height:88%;background:url('assets/Portfolio background 1.png') right bottom/cover no-repeat;z-index:0}.portfolio-intro .wrap{position:relative;z-index:1}.case-title{max-width:670px;margin-bottom:35px}.brand-panel{background:white;box-shadow:0 12px 35px rgba(70,96,120,.12);padding:55px 70px;margin:65px auto 34px;width:min(900px,80%);position:relative;z-index:2}.brand-panel.adtec img{width:530px;margin:auto}.oldbrand{position:absolute;right:80px;bottom:25px;width:170px}.portfolio-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-top:38px}.portfolio-row .tile{background:white;box-shadow:0 12px 30px rgba(70,96,120,.1);padding:28px}.nuvision{background:#eef8fd url('assets/Portfolio background 2.png') center/cover no-repeat;padding:125px 0}.nu-grid{display:grid;grid-template-columns:.85fr 1fr;gap:45px;align-items:center}.nu-images{display:grid;grid-template-columns:1fr 1fr;gap:26px}.nu-images .wide{grid-column:1/3}.contura{background:#dff6ff url('assets/Portfolio background 3.png') center/cover no-repeat;padding:105px 0}.case-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contura .panel-main{background:white;padding:45px 60px;margin:45px 0}.small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.small-grid .tile{background:white;padding:25px;min-height:170px;display:grid;place-items:center}.paragraf{background:#141821 url('assets/Portfolio background 4.png') center/cover no-repeat;padding:100px 0;color:white}.paragraf .case-layout{align-items:center}.screen-cluster{position:relative;min-height:320px}.screen-cluster img{position:absolute;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.screen-cluster img:nth-child(1){width:46%;left:0;top:15px}.screen-cluster img:nth-child(2){width:44%;left:29%;top:0}.screen-cluster img:nth-child(3){width:44%;right:0;top:28px}.paragraf .brand-panel{width:100%;margin:40px 0 35px}.paragraf .brand-panel img{width:540px;margin:auto}.paragraf-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.other-brands{padding:90px 0 80px;text-align:center}.logos{width:min(900px,92%);margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px 95px;align-items:center}.logos img{margin:auto;max-height:95px;object-fit:contain}.contact-hero{padding:160px 0 120px;background:#eef8fd}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}.calendar{height:500px;background:white;border:1px solid #dbe7ed;display:grid;place-items:center;color:#93a5af;font-size:24px}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.floaty{animation:floaty 6s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-14px)}}
@media(max-width:900px){.nav{position:relative;background:white;padding:20px 0}.logo{font-size:28px}.navlinks{gap:14px}.hero{min-height:auto;padding:70px 0 360px}.hero:before{background-size:auto 52%;background-position:center bottom}.hero-content{width:auto;padding:0 24px}.cards,.process-grid,.guide-grid,.stakes-grid,.case-layout,.nu-grid,.contact-grid{grid-template-columns:1fr}.cards{gap:22px}.headline{font-size:48px}.portfolio-intro:after{position:relative;display:block;width:100%;height:300px;background-size:cover;margin-top:30px}.brand-panel{width:100%;padding:35px}.portfolio-row,.nu-images,.small-grid,.paragraf-row,.logos{grid-template-columns:1fr}.nu-images .wide{grid-column:auto}.screen-cluster{min-height:auto;display:grid;gap:20px}.screen-cluster img{position:static;width:100%!important}.testimonial-card{padding:45px 28px}.oldbrand{position:static;margin:25px auto 0}.hero-actions{flex-wrap:wrap}}

/* Index page refinement pass */
.home-hero .hero-content{
  margin-left:var(--side);
  padding-left:0;
}
.hero-eyebrow{
  margin-bottom:20px;
}
.hero-title{
  font-size:48px;
  line-height:.93;
  letter-spacing:-.01em;
}
.hero-copy{
  margin-top:28px;
}
.problem-title,
.process-title{
  font-size:50px;
  line-height:.93;
}
.light-title{
  font-size:56px;
  line-height:.9;
}
.section-copy{
  margin-top:28px;
}
.quote-box img{
  border:0;
  box-shadow:none;
  background:transparent;
}
.testimonial-card .avatar{
  border:0;
  box-shadow:none;
  background:transparent;
}
.checklist p{display:none;}
.tick-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
}
.tick-list li{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:16px;
  align-items:center;
  margin:15px 0;
  color:#c5ced3;
  font-size:14px;
  line-height:1.35;
}
.tick-list img{
  width:28px;
  height:28px;
  margin-top:0;
}
@media(max-width:900px){
  .hero-title{font-size:40px;}
  .hero-eyebrow{margin-bottom:18px;}
  .problem-title,.process-title{font-size:40px;}
  .light-title{font-size:43px;}
}


/* Homepage alignment and reference-match fixes */
.home-page{
  --side: clamp(92px, calc(8.25vw + 50px), 208px);
}
.home-page .wrap{
  max-width:none;
}
.home-hero{
  background-position: right 120px center;
}
.home-hero .hero-content{
  margin-left:var(--side);
  width:520px;
}
.circle{
  font-size:0;
}
.circle img{
  width:31px;
  height:31px;
}
@media(max-width:900px){
  .home-page{--side:24px}
  .home-hero{
    background-position:center bottom;
  }
  .home-hero .hero-content{
    margin-left:var(--side);
    width:calc(100% - var(--side)*2);
  }
}

/* Body copy size adjustment */
.home-page .copy{
  font-size:16.5px;
  line-height:1.58;
}
.home-page .card p,
.home-page .steps li,
.home-page .checklist-list li{
  font-size:15.5px;
  line-height:1.58;
}
.home-page .testimonial-card .copy{
  font-size:21px;
  line-height:1.18;
}
@media(max-width:900px){
  .home-page .copy{font-size:16px;}
  .home-page .card p,
  .home-page .steps li,
  .home-page .checklist-list li{font-size:15px;}
}

/* Requested homepage layout tweaks */
@media (min-width:901px){
  .home-hero{
    min-height:664px;
    padding-top:170px;
    padding-bottom:20px;
    background-size:auto 112%;
    background-position:right -4px center;
  }
  .home-hero:after{
    background:linear-gradient(90deg,rgba(238,247,252,.97) 0%,rgba(238,247,252,.72) 30%,rgba(238,247,252,.18) 52%,rgba(238,247,252,0) 66%);
  }
  .cards{
    width:calc(100% - 100px);
    margin-left:auto;
    margin-right:auto;
  }
  .card{
    min-height:248px;
    padding:30px 30px 36px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .circle{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
  }
  .card h3{
    margin-bottom:16px;
  }
  .card p{
    max-width:285px;
    margin-left:auto;
    margin-right:auto;
  }
  .guide-grid .quote-box,
  .stakes-grid .checklist{
    transform:translateX(-100px);
  }
  .guide-grid .quote-box.reveal,
  .stakes-grid .checklist.reveal{
    transform:translateX(-100px) translateY(35px);
  }
  .guide-grid .quote-box.reveal.show,
  .stakes-grid .checklist.reveal.show{
    transform:translateX(-100px);
  }
}

/* Mobile homepage spacing and box refinements */
@media (max-width: 900px){
  .home-page{
    --side: clamp(20px, 6vw, 28px);
  }
  .home-page .wrap{
    width: calc(100% - (var(--side) * 2));
  }
  .home-page .nav{
    padding: 18px 0 16px;
  }
  .home-page .nav-wrap{
    gap: 16px;
    align-items: center;
  }
  .home-page .brand img{
    width: min(190px, 52vw);
  }
  .home-page .navlinks{
    gap: 12px;
    flex-shrink: 0;
  }
  .home-page .nav-work{
    font-size: 12px;
    white-space: nowrap;
  }
  .home-page .nav-cta{
    height: 34px;
    min-width: 0;
    padding: 0 13px;
    font-size: 9px;
    white-space: nowrap;
  }
  .home-hero{
    padding: 56px 0 315px;
    background-size: auto 47%;
    background-position: center bottom;
  }
  .home-hero .hero-content{
    margin-left: var(--side);
    width: calc(100% - (var(--side) * 2));
  }
  .home-hero:after{
    background: linear-gradient(180deg, rgba(238,247,252,1) 0%, rgba(238,247,252,.94) 45%, rgba(238,247,252,.35) 72%, rgba(238,247,252,0) 100%);
  }
  .hero-title{
    font-size: clamp(36px, 10.5vw, 42px);
    line-height: .94;
  }
  .hero-copy{
    margin-top: 22px;
  }
  .hero-actions{
    gap: 12px;
    margin-top: 30px;
  }
  .hero-actions .btn{
    min-width: calc(50% - 6px);
    height: 38px;
    padding: 0 14px;
  }
  .hero-actions .gold-btn{
    min-width: 100%;
  }
  .home-section,
  .guide-section{
    padding: 62px 0 66px;
  }
  .problem-title,
  .process-title{
    font-size: clamp(38px, 10.5vw, 42px);
  }
  .light-title{
    font-size: clamp(40px, 11vw, 46px);
  }
  .section-copy,
  .dark-copy{
    margin-top: 22px;
  }
  .cards{
    width: 100%;
    gap: 18px;
    margin-top: 36px;
  }
  .card{
    min-height: auto;
    padding: 28px 26px 31px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .circle{
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
  }
  .circle img{
    width: 29px;
    height: 29px;
  }
  .card h3{
    margin-bottom: 14px;
  }
  .card p{
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
  }
  .guide-grid,
  .stakes-grid,
  .process-grid{
    gap: 34px;
  }
  .stat{
    gap: 17px;
    margin-top: 22px;
  }
  .stat strong{
    font-size: 52px;
  }
  .stat span{
    font-size: 17px;
  }
  .quote-box{
    min-height: auto;
    padding: 92px 26px 34px;
    margin-top: 34px;
  }
  .quote-box p{
    font-size: 19px;
    line-height: 1.28;
  }
  .quote-box img{
    top: -48px;
    width: 104px;
    height: 104px;
  }
  .process-grid{
    margin-top: 38px;
  }
  .process-card{
    min-height: auto;
    padding: 30px 27px 31px;
  }
  .steps li{
    grid-template-columns: 38px 1fr;
    margin: 14px 0;
  }
  .stakes-grid{
    align-items: stretch;
  }
  .checklist{
    padding: 32px 27px 31px;
  }
  .checklist h3{
    margin-bottom: 20px;
    line-height: 1.35;
  }
  .tick-list{
    margin-top: 0;
  }
  .tick-list li{
    grid-template-columns: 34px 1fr;
    gap: 15px;
    margin: 14px 0;
    font-size: 15px;
  }
  .testimonial{
    padding: 90px 0 66px;
  }
  .testimonial-card{
    width: calc(100% - (var(--side) * 2));
    padding: 64px 25px 38px;
  }
  .testimonial-card .avatar{
    width: 96px;
    height: 96px;
    top: -48px;
  }
  .testimonial-card .copy{
    font-size: 18px;
    line-height: 1.25;
  }
  .cta{
    padding: 62px var(--side) 64px;
  }
  .cta-title{
    font-size: clamp(36px, 10vw, 42px);
  }
  .footer{
    padding: 42px var(--side) 50px;
  }
}

@media (max-width: 420px){
  .home-page .nav-wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .home-page .navlinks{
    width: 100%;
    justify-content: space-between;
  }
  .home-page .nav-cta{
    flex: 0 0 auto;
  }
  .home-hero{
    padding-bottom: 295px;
    background-size: auto 43%;
  }
}


/* Navigation opacity, larger menu, and FAQ page additions */
.nav{
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.nav .wrap,
.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.navlinks a:not(.btn),
.nav-work{
  font-size:16px;
  line-height:1;
  color:var(--gold);
  text-decoration:none;
  font-weight:400;
  padding:16px 0;
  white-space:nowrap;
}
.navlinks{
  gap:34px;
}
.nav-cta,
.navlinks .btn{
  height:42px;
  min-width:198px;
  font-size:12px;
  padding:0 26px;
}
.logo{
  color:var(--ink);
  text-decoration:none;
  font-size:28px;
  font-weight:700;
  letter-spacing:-.02em;
}
.faq-hero{
  padding:178px 0 70px;
}
.faq-title{
  font-size:62px;
  line-height:.9;
  margin-top:22px;
}
.faq-intro{
  margin-top:28px;
  max-width:620px;
}
.faq-section{
  padding:0 0 96px;
}
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
}
.faq-item{
  background:#fff;
  padding:34px 38px 36px;
  min-height:210px;
}
.faq-item h2{
  margin:0 0 18px;
  color:#83cff2;
  font-size:16px;
  letter-spacing:.06em;
  line-height:1.25;
  text-transform:uppercase;
  font-weight:400;
}
.faq-item p{
  margin:0;
  color:#98a3aa;
  font-size:16px;
  line-height:1.55;
}
@media (max-width: 900px){
  .nav{
    background:rgba(255,255,255,.75)!important;
  }
  .nav .wrap,
  .nav-wrap,
  .home-page .nav-wrap{
    gap:18px;
  }
  .navlinks,
  .home-page .navlinks{
    gap:18px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .navlinks a:not(.btn),
  .nav-work,
  .home-page .nav-work{
    font-size:15px;
    padding:10px 0;
  }
  .nav-cta,
  .navlinks .btn,
  .home-page .nav-cta{
    height:40px;
    min-width:0;
    font-size:11px;
    padding:0 16px;
  }
  .faq-hero{
    padding:82px 0 52px;
  }
  .faq-title{
    font-size:clamp(40px, 11vw, 48px);
  }
  .faq-section{
    padding-bottom:66px;
  }
  .faq-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .faq-item{
    padding:28px 26px 30px;
    min-height:0;
  }
}
@media (max-width: 520px){
  .nav .wrap,
  .nav-wrap,
  .home-page .nav-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
  .navlinks,
  .home-page .navlinks{
    width:100%;
    justify-content:flex-start;
    gap:14px 18px;
  }
  .brand img,
  .home-page .brand img{
    width:min(190px, 58vw);
  }
}

/* Contact page spacing and responsive refinements */
.contact-page{
  --side: clamp(92px, calc(8.25vw + 50px), 208px);
}
.contact-page .wrap{
  max-width:none;
}
.contact-hero{
  padding:178px 0 112px;
  background:#eef8fd;
}
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(420px, 1.1fr);
  gap:82px;
  align-items:start;
}
.contact-title{
  font-size:56px;
  line-height:.9;
  letter-spacing:-.01em;
  margin-top:22px;
}
.contact-intro{
  margin-top:28px;
  max-width:540px;
  font-size:16.5px;
  line-height:1.58;
}
.contact-process{
  display:grid;
  gap:28px;
  margin-top:45px;
}
.contact-card{
  min-height:0;
  padding:34px 42px 38px;
}
.contact-card .steps li{
  font-size:15.5px;
  line-height:1.5;
}
.calendar{
  min-height:600px;
  height:auto;
  background:rgba(255,255,255,.88);
  border:1px solid #dbe7ed;
  display:grid;
  place-items:center;
  color:#93a5af;
  font-size:24px;
  line-height:1.35;
  text-align:center;
  padding:36px;
}
.calendar span{
  display:block;
  max-width:330px;
}
@media (max-width: 1100px){
  .contact-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .calendar{
    min-height:520px;
  }
}
@media (max-width: 900px){
  .contact-page{
    --side: clamp(20px, 6vw, 28px);
  }
  .contact-page .wrap{
    width:calc(100% - (var(--side) * 2));
  }
  .contact-hero{
    padding:64px 0 66px;
  }
  .contact-grid{
    gap:34px;
  }
  .contact-title{
    font-size:clamp(40px, 11vw, 48px);
    line-height:.94;
    margin-top:18px;
  }
  .contact-intro{
    margin-top:22px;
    font-size:16px;
  }
  .contact-process{
    gap:18px;
    margin-top:36px;
  }
  .contact-card{
    padding:30px 27px 31px;
  }
  .contact-card .steps li{
    grid-template-columns:38px 1fr;
    margin:14px 0;
    font-size:15px;
  }
  .calendar{
    min-height:440px;
    padding:28px;
    font-size:20px;
  }
}
@media (max-width: 520px){
  .contact-hero{
    padding-top:54px;
  }
  .contact-card{
    padding:28px 24px 30px;
  }
  .calendar{
    min-height:380px;
    font-size:18px;
  }
}

/* Portfolio page PDF-match refinement */
.portfolio-page{
  --side: clamp(92px, calc(8.25vw + 50px), 208px);
  background:#fff;
}
.portfolio-page .wrap{max-width:none;}
.portfolio-page .copy{font-size:16.5px;line-height:1.55;}
.portfolio-page .nav{position:absolute;background:rgba(255,255,255,.75);}
.portfolio-page .portfolio-hero{
  min-height:760px;
  background:#20242a url('assets/portfolio-updated/newvision-bg.jpg') center center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:flex-start;
  padding-top:255px;
  color:white;
}
.portfolio-page .portfolio-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(31,34,39,.78) 0%,rgba(31,34,39,.42) 36%,rgba(31,34,39,.05) 70%);
  pointer-events:none;
}
.portfolio-page .portfolio-hero .wrap{position:relative;z-index:1;}
.portfolio-hero-copy{width:min(540px,48vw);}
.portfolio-hero-title{
  color:white;
  font-size:64px;
  line-height:.86;
  letter-spacing:-.02em;
  margin-top:22px;
}
.portfolio-hero-note{max-width:430px;margin-top:26px;color:#d9dde0;}
.portfolio-page .portfolio-hero .hero-actions{margin-top:38px;}
.portfolio-page .portfolio-hero .btn.ghost{border-color:white;background:white;color:#8a8f93;}
.portfolio-case{position:relative;overflow:hidden;}
.portfolio-case .case-wrap,
.nuvision-wrap,
.contura-wrap,
.paragraf-wrap{position:relative;z-index:2;}
.case-title-heading{
  font-size:66px;
  line-height:.84;
  letter-spacing:-.018em;
  color:var(--ink);
}
.adtec-case{
  padding:128px 0 0;
  min-height:1545px;
  background:#fff;
}
.adtec-case:after{
  content:"";
  position:absolute;
  right:-2%;
  bottom:-30px;
  width:76%;
  height:82%;
  background:url('assets/Portfolio background 1.png') right bottom/cover no-repeat;
  z-index:0;
}
.adtec-heading{max-width:700px;}
.logo-panel{
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 38px rgba(49,70,89,.12);
  position:relative;
  z-index:2;
}
.logo-panel .eyebrow{position:absolute;left:35px;top:28px;}
.adtec-master{
  width:min(1080px,92%);
  min-height:325px;
  margin:78px auto 0;
  padding:78px 90px 60px;
  display:grid;
  place-items:center;
}
.adtec-logo{width:min(600px,74%);margin:auto;}
.brand-small{position:absolute;right:52px;bottom:34px;object-fit:contain;}
.adtec-small{width:190px;}
.case-tiles{display:grid;gap:34px;position:relative;z-index:2;}
.adtec-tiles{
  grid-template-columns:1fr 1.04fr;
  align-items:end;
  width:min(1040px,88%);
  margin:64px auto 0;
}
.portfolio-tile{
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 32px rgba(49,70,89,.10);
  min-height:300px;
  padding:32px 36px;
  display:grid;
  align-content:center;
  position:relative;
}
.portfolio-tile .eyebrow{position:absolute;left:30px;top:24px;}
.adtec-tiles .portfolio-tile:first-child img{width:72%;margin:auto;}
.adtec-tiles .image-tile{padding:0;overflow:hidden;}
.adtec-tiles .image-tile img{width:100%;height:100%;object-fit:cover;}
.nuvision-case{
  padding:105px 0 112px;
  background:#eef8fd url('assets/Portfolio background 2.png') center/cover no-repeat;
}
.nuvision-wrap{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:50px;
  align-items:center;
}
.nuvision-grid{
  display:grid;
  grid-template-columns:.92fr 1fr;
  gap:22px;
  align-items:stretch;
}
.nuvision-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  box-shadow:0 13px 28px rgba(49,70,89,.11);
}
.nuvision-grid img:nth-child(3),
.nuvision-grid img:nth-child(4){grid-column:span 2;}
.contura-case{
  padding:108px 0 118px;
  background:#dff6ff url('assets/Portfolio background 3.png') center/cover no-repeat;
}
.contura-wrap{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:40px 76px;
  align-items:start;
}
.contura-heading{padding-top:30px;}
.contura-stationery{
  width:min(540px,72%);
  justify-self:center;
  margin-right:70px;
  box-shadow:0 14px 30px rgba(49,70,89,.10);
}
.contura-master{
  grid-column:1/3;
  min-height:315px;
  width:min(1100px,92%);
  justify-self:center;
  padding:75px 90px 58px;
  display:grid;
  place-items:center;
}
.contura-logo{width:min(520px,70%);}
.contura-small{width:160px;}
.contura-tiles{
  grid-column:1/3;
  grid-template-columns:repeat(3,1fr);
  width:min(1100px,92%);
  justify-self:center;
}
.contura-tiles .portfolio-tile{
  min-height:250px;
  padding:38px 30px 30px;
  place-items:center;
}
.contura-tiles .portfolio-tile img{max-height:138px;width:auto;margin:auto;}
.paragraf-case{
  padding:110px 0 116px;
  background:#121821 url('assets/Portfolio background 4.png') center/cover no-repeat;
}
.paragraf-wrap{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:45px 72px;
  align-items:center;
}
.light-case-title{color:white;}
.paragraf-screens{
  min-height:300px;
  position:relative;
}
.paragraf-screens img{
  position:absolute;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.34));
}
.paragraf-screens img:nth-child(1){width:43%;left:0;top:34px;}
.paragraf-screens img:nth-child(2){width:43%;left:30%;top:0;}
.paragraf-screens img:nth-child(3){width:43%;right:0;top:34px;}
.paragraf-master{
  grid-column:1/3;
  width:min(1100px,92%);
  min-height:315px;
  justify-self:center;
  padding:72px 90px 58px;
  display:grid;
  place-items:center;
}
.paragraf-logo{width:min(610px,72%);}
.paragraf-small{width:120px;}
.paragraf-bottom-grid{
  grid-column:1/3;
  display:grid;
  grid-template-columns:1.15fr .93fr .9fr;
  gap:26px;
  width:min(1100px,92%);
  justify-self:center;
}
.paragraf-bottom-grid img{width:100%;height:100%;object-fit:cover;box-shadow:0 16px 28px rgba(0,0,0,.26);}
.portfolio-other-brands{
  padding:95px 0 86px;
  text-align:center;
  background:#fff;
}
.other-label{margin:0 auto;}
.other-logo-grid{
  width:min(900px,82%);
  margin:64px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:56px 96px;
  align-items:center;
}
.other-logo-grid img{max-height:94px;max-width:210px;margin:auto;object-fit:contain;}
.portfolio-testimonial{background:#eef8fd;padding-top:118px;}
.portfolio-page .cta{background:#fff;}
.portfolio-page .cta .copy{max-width:530px;margin-left:auto;margin-right:auto;}

@media (max-width:1100px){
  .portfolio-page{--side:clamp(44px,7vw,90px);}
  .case-title-heading{font-size:56px;}
  .portfolio-hero-title{font-size:56px;}
  .nuvision-wrap,.contura-wrap,.paragraf-wrap{gap:38px;}
}

@media (max-width:900px){
  .portfolio-page{--side:clamp(20px,6vw,28px);}
  .portfolio-page .wrap{width:calc(100% - (var(--side) * 2));}
  .portfolio-page .nav{position:relative;background:rgba(255,255,255,.75)!important;}
  .portfolio-page .portfolio-hero{
    min-height:auto;
    padding:72px 0 330px;
    background-position:center bottom;
  }
  .portfolio-page .portfolio-hero:after{
    background:linear-gradient(180deg,rgba(31,34,39,.78) 0%,rgba(31,34,39,.58) 42%,rgba(31,34,39,.04) 78%);
  }
  .portfolio-hero-copy{width:100%;}
  .portfolio-hero-title{font-size:clamp(42px,13vw,54px);line-height:.9;}
  .portfolio-hero-note{max-width:92%;}
  .portfolio-page .portfolio-hero .hero-actions{gap:12px;margin-top:30px;}
  .portfolio-page .portfolio-hero .hero-actions .btn{min-width:calc(50% - 6px);height:40px;}
  .case-title-heading{font-size:clamp(40px,11vw,48px);line-height:.9;}
  .adtec-case,.nuvision-case,.contura-case,.paragraf-case,.portfolio-other-brands{padding:64px 0 68px;min-height:0;}
  .adtec-case:after{width:120%;height:58%;right:-38%;bottom:-20px;opacity:.95;}
  .adtec-master,.contura-master,.paragraf-master{
    width:100%;
    min-height:220px;
    padding:64px 28px 42px;
    margin-top:38px;
  }
  .logo-panel .eyebrow{left:24px;top:22px;}
  .brand-small{position:static;margin:28px auto 0;}
  .adtec-logo,.contura-logo,.paragraf-logo{width:82%;}
  .case-tiles,.adtec-tiles,.contura-tiles,.paragraf-bottom-grid,.other-logo-grid{
    grid-template-columns:1fr;
    width:100%;
    gap:20px;
  }
  .adtec-tiles{margin-top:28px;}
  .portfolio-tile{min-height:220px;padding:54px 28px 30px;}
  .nuvision-wrap,.contura-wrap,.paragraf-wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:34px;
  }
  .nuvision-grid{grid-template-columns:1fr;gap:18px;}
  .nuvision-grid img:nth-child(3),.nuvision-grid img:nth-child(4){grid-column:auto;}
  .contura-heading{padding-top:0;}
  .contura-stationery{width:100%;margin:0;justify-self:stretch;}
  .contura-master,.contura-tiles,.paragraf-master,.paragraf-bottom-grid{grid-column:auto;}
  .contura-tiles .portfolio-tile{min-height:200px;}
  .paragraf-screens{min-height:auto;display:grid;grid-template-columns:1fr;gap:18px;}
  .paragraf-screens img{position:static;width:100%!important;}
  .other-logo-grid{width:72%;gap:38px;}
  .portfolio-testimonial{padding-top:90px;}
}

@media (max-width:520px){
  .portfolio-page .portfolio-hero{padding-bottom:280px;background-size:auto 100%;}
  .portfolio-page .portfolio-hero .hero-actions .btn{min-width:100%;}
  .portfolio-tile{min-height:190px;}
  .other-logo-grid{width:82%;}
}


/* Portfolio PDF panel corrections - use the exact masterbrand artwork supplied */
.portfolio-page .nav{
  background:rgba(255,255,255,.75) !important;
}
.portfolio-page .navlinks .nav-work{
  font-size:15px;
}
.portfolio-page .nav-cta{
  height:40px;
  font-size:11px;
}
.brand-board{
  display:block;
  width:min(1180px,100%);
  height:auto;
  object-fit:contain;
  position:relative;
  z-index:3;
  filter:drop-shadow(0 14px 28px rgba(49,70,89,.10));
}
.adtec-master-board{
  margin:78px auto 0;
}
.contura-master-board{
  grid-column:1/3;
  justify-self:center;
  margin:26px auto 0;
}
.paragraf-master-board{
  grid-column:1/3;
  justify-self:center;
  margin:10px auto 0;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
/* Pull the sections closer to the long PDF composition */
.adtec-case{
  padding-top:124px;
  min-height:1505px;
}
.adtec-heading{
  max-width:720px;
}
.adtec-tiles{
  width:min(1110px,94%);
  margin-top:42px;
  gap:28px;
}
.adtec-tiles .portfolio-tile{
  min-height:286px;
}
.nuvision-case{
  padding-top:96px;
  padding-bottom:106px;
}
.nuvision-wrap{
  grid-template-columns:.77fr 1.23fr;
  gap:42px;
}
.contura-case{
  padding-top:95px;
  padding-bottom:112px;
}
.contura-stationery{
  width:min(560px,78%);
  margin-right:36px;
}
.contura-tiles{
  width:min(1160px,100%);
  gap:28px;
  margin-top:28px;
}
.paragraf-case{
  padding-top:102px;
}
.paragraf-screens{
  min-height:270px;
}
.paragraf-bottom-grid{
  width:min(1160px,100%);
  margin-top:32px;
}
@media (max-width:900px){
  .brand-board,
  .adtec-tiles,
  .contura-tiles,
  .paragraf-bottom-grid{
    width:100%;
  }
  .adtec-master-board,
  .contura-master-board,
  .paragraf-master-board{
    grid-column:auto;
    margin-top:30px;
  }
  .brand-board{
    filter:drop-shadow(0 10px 20px rgba(49,70,89,.10));
  }
  .adtec-case{padding-top:64px;min-height:0;}
  .adtec-tiles{margin-top:22px;}
  .contura-tiles,.paragraf-bottom-grid{margin-top:0;}
}

/* Portfolio rebuild from updated PDF/assets */
.portfolio-v2{
  --side: clamp(92px, calc(8.25vw + 50px), 208px);
  background:#fff;
}
.portfolio-v2 .wrap{max-width:none;}
.portfolio-v2 .nav{position:absolute;background:rgba(255,255,255,.75)!important;}
.portfolio-v2 .navlinks .nav-work{font-size:15px;}
.portfolio-v2 .nav-cta{height:40px;font-size:11px;}
.portfolio-v2-hero{
  position:relative;
  min-height:760px;
  background:#20242a url('assets/portfolio-updated/newvision-bg.jpg') center center/cover no-repeat;
  display:flex;
  align-items:flex-start;
  padding-top:250px;
  color:white;
  overflow:hidden;
}
.portfolio-v2-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(31,34,39,.76) 0%,rgba(31,34,39,.45) 36%,rgba(31,34,39,.06) 72%);
  pointer-events:none;
}
.portfolio-v2-hero-inner{position:relative;z-index:1;}
.portfolio-v2-title{
  color:white;
  font-size:64px;
  line-height:.86;
  letter-spacing:-.02em;
  margin-top:20px;
}
.portfolio-credit{
  max-width:455px;
  margin:23px 0 0;
  color:#dfe4e7;
  font-size:16px;
  line-height:1.48;
}
.portfolio-v2-hero .hero-actions{margin-top:34px;}
.portfolio-v2-hero .btn.ghost{background:white;border-color:white;color:#8a8f93;}
.portfolio-showcase{
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.showcase-wrap{position:relative;z-index:2;}
.showcase-top{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:58px;
  align-items:center;
}
.showcase-heading{position:relative;z-index:2;}
.showcase-title{
  font-size:58px;
  line-height:.84;
  letter-spacing:-.018em;
  color:var(--ink);
  max-width:650px;
}
.light-title-v2{color:white;}
.showcase-logo{
  width:100%;
  height:auto;
  object-fit:contain;
  justify-self:end;
  position:relative;
  z-index:2;
}
.showcase-grid{
  display:grid;
  gap:26px;
  position:relative;
  z-index:3;
}
.asset-card{
  background:rgba(255,255,255,.96);
  min-height:260px;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(49,70,89,.10);
}
.asset-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-card img{object-fit:contain;}
.adtec-showcase{
  background:#fff;
  padding:126px 0 118px;
  min-height:1120px;
}
.adtec-showcase:after{
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/portfolio-updated/adtec-bg.jpg') center bottom/cover no-repeat;
  opacity:.42;
  z-index:0;
}
.adtec-top{align-items:start;}
.adtec-logo-v2{max-width:650px;margin-top:4px;}
.adtec-grid{
  margin-top:58px;
  width:min(1100px,92%);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.adtec-grid .asset-card{min-height:252px;}
.nuvision-showcase{
  padding:104px 0 118px;
  background:#101417 url('assets/portfolio-updated/newvision-bg.jpg') center/cover no-repeat;
}
.nuvision-showcase:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(13,18,22,.72),rgba(13,18,22,.18));
  z-index:0;
}
.nuvision-top{grid-template-columns:.86fr 1.14fr;}
.nuvision-logo-v2{max-width:420px;margin-right:50px;}
.nuvision-grid-v2{
  margin-top:54px;
  grid-template-columns:.84fr 1.18fr .84fr;
}
.nuvision-grid-v2 .asset-card{min-height:280px;}
.nuvision-grid-v2 .asset-card:nth-child(2) img{object-fit:contain;}
.contura-showcase{
  padding:100px 0 118px;
  background:#dff6ff url('assets/portfolio-updated/contura-bg.jpg') center/cover no-repeat;
}
.contura-showcase:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(117,210,243,.18);
  z-index:0;
}
.contura-top{grid-template-columns:.78fr 1.22fr;align-items:start;}
.contura-logo-v2{max-width:520px;margin-right:65px;margin-top:30px;}
.contura-grid-v2{
  margin-top:58px;
  width:min(1120px,94%);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:repeat(3,1fr);
}
.contura-grid-v2 .asset-card{min-height:235px;}
.contura-grid-v2 .wide-card{grid-column:span 1;min-height:260px;}
.contura-grid-v2 .asset-card:nth-child(-n+3) img{object-fit:contain;}
.paragraf-showcase{
  padding:102px 0 116px;
  background:#121821 url('assets/portfolio-updated/paragraf-bg.jpg') center/cover no-repeat;
  color:white;
}
.paragraf-showcase:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,13,18,.70),rgba(10,13,18,.12));
  z-index:0;
}
.paragraf-top{grid-template-columns:.82fr 1.18fr;}
.paragraf-logo-v2{max-width:520px;margin-right:40px;}
.paragraf-grid-v2{
  margin-top:58px;
  width:min(1120px,94%);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:repeat(3,1fr);
}
.paragraf-grid-v2 .asset-card{min-height:235px;box-shadow:0 16px 28px rgba(0,0,0,.26);}
.paragraf-grid-v2 .wide-card{grid-column:span 1;min-height:255px;}
.other-brands-v2{
  background:#fff;
  padding:94px 0 88px;
}
.other-logo-grid-v2{
  width:min(930px,84%);
  margin-top:56px;
  gap:38px 76px;
}
.other-logo-grid-v2 img{
  max-width:210px;
  max-height:120px;
  width:100%;
  height:auto;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.portfolio-v2 .portfolio-testimonial{
  background:#eef8fd;
  padding:108px 0 94px;
}
.portfolio-v2 .testimonial-card{margin:0 auto;}
.portfolio-v2 .cta{background:#fff;padding-top:90px;}
.portfolio-v2 .cta .copy{max-width:530px;margin-left:auto;margin-right:auto;}

@media (max-width: 1100px){
  .portfolio-v2{--side:clamp(44px,7vw,90px);}
  .showcase-title{font-size:50px;}
  .portfolio-v2-title{font-size:56px;}
  .showcase-top{gap:34px;}
  .adtec-logo-v2{max-width:520px;}
  .contura-logo-v2,.paragraf-logo-v2{max-width:440px;margin-right:0;}
}
@media (max-width: 900px){
  .portfolio-v2{--side:clamp(20px,6vw,28px);}
  .portfolio-v2 .wrap{width:calc(100% - (var(--side) * 2));}
  .portfolio-v2 .nav{position:relative;background:rgba(255,255,255,.75)!important;}
  .portfolio-v2-hero{
    min-height:auto;
    padding:72px 0 318px;
    background-position:center bottom;
  }
  .portfolio-v2-hero:after{background:linear-gradient(180deg,rgba(31,34,39,.78) 0%,rgba(31,34,39,.54) 44%,rgba(31,34,39,.08) 82%);}
  .portfolio-v2-title{font-size:clamp(42px,13vw,54px);line-height:.9;}
  .portfolio-credit{max-width:92%;font-size:15.5px;}
  .portfolio-v2-hero .hero-actions{gap:12px;margin-top:30px;}
  .portfolio-v2-hero .hero-actions .btn{min-width:calc(50% - 6px);height:40px;}
  .portfolio-showcase{padding:64px 0 68px;min-height:0;}
  .showcase-top{grid-template-columns:1fr;gap:30px;}
  .showcase-title{font-size:clamp(40px,11vw,48px);line-height:.9;}
  .showcase-logo{justify-self:start;max-width:min(430px,100%);margin:0;}
  .adtec-showcase:after{background-position:center top;opacity:.34;}
  .showcase-grid,.adtec-grid,.nuvision-grid-v2,.contura-grid-v2,.paragraf-grid-v2{
    width:100%;
    grid-template-columns:1fr;
    gap:18px;
    margin-top:34px;
  }
  .asset-card,.adtec-grid .asset-card,.nuvision-grid-v2 .asset-card,.contura-grid-v2 .asset-card,.paragraf-grid-v2 .asset-card{
    min-height:215px;
  }
  .contura-grid-v2 .wide-card,.paragraf-grid-v2 .wide-card{grid-column:auto;}
  .other-brands-v2{padding:66px 0 70px;}
  .other-logo-grid-v2{width:82%;grid-template-columns:1fr;gap:26px;margin-top:42px;}
  .other-logo-grid-v2 img{max-width:230px;margin:auto;}
  .portfolio-v2 .portfolio-testimonial{padding:90px 0 76px;}
  .portfolio-v2 .cta{padding-top:72px;}
}
@media (max-width: 520px){
  .portfolio-v2-hero{padding-bottom:278px;background-size:auto 100%;}
  .portfolio-v2-hero .hero-actions .btn{min-width:100%;}
  .asset-card,.adtec-grid .asset-card,.nuvision-grid-v2 .asset-card,.contura-grid-v2 .asset-card,.paragraf-grid-v2 .asset-card{min-height:190px;}
}

/* Portfolio PDF layout correction */
.portfolio-v2{
  --side:clamp(40px,5vw,72px);
  --portfolio-gap:26px;
}
.portfolio-v2 .wrap,
.portfolio-v2 .showcase-wrap{
  width:calc(100% - (var(--side) * 2));
  max-width:1200px;
}
.portfolio-v2-hero{
  background-image:url('assets/portfolio-updated/newvision-bg.jpg');
  background-position:center center;
}
.portfolio-v2-hero:after{
  background:linear-gradient(90deg,rgba(22,26,31,.80) 0%,rgba(22,26,31,.54) 34%,rgba(22,26,31,.16) 72%);
}
.portfolio-v2 .showcase-heading .eyebrow,
.portfolio-v2-hero .eyebrow{
  margin-bottom:18px;
}
.portfolio-v2-title,
.portfolio-v2 .showcase-title{
  margin-top:0;
}
.portfolio-v2 .showcase-top{
  gap:var(--portfolio-gap);
  margin-bottom:var(--portfolio-gap);
}
.portfolio-v2 .showcase-grid{
  width:100%;
  gap:var(--portfolio-gap);
  margin:0;
  align-items:start;
}
.portfolio-v2 .asset-card,
.portfolio-v2 .asset-card.wide-card{
  position:relative;
  display:block;
  min-height:0;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.portfolio-v2 .asset-card img,
.portfolio-v2 .asset-card.wide-card img{
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
  background:transparent;
  border:0;
  box-shadow:none;
}
.portfolio-v2 .adtec-showcase,
.portfolio-v2 .nuvision-showcase,
.portfolio-v2 .contura-showcase,
.portfolio-v2 .paragraf-showcase{
  min-height:0;
  padding-top:108px;
  padding-bottom:108px;
}
.portfolio-v2 .adtec-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.portfolio-v2 .nuvision-grid-v2{
  grid-template-columns:1fr 1.45fr 1fr;
}
.portfolio-v2 .nuvision-grid-v2 .asset-card:nth-child(3){
  margin-top:0;
}
.portfolio-v2 .nuvision-top{
  margin-bottom:clamp(46px,4vw,58px);
}
.portfolio-v2 .contura-grid-v2,
.portfolio-v2 .paragraf-grid-v2{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(1),
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(2),
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(3){
  grid-column:span 2;
}
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(4),
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5),
.portfolio-v2 .paragraf-grid-v2 .asset-card:nth-child(1),
.portfolio-v2 .paragraf-grid-v2 .asset-card:nth-child(2){
  grid-column:span 3;
}
.portfolio-v2 .paragraf-grid-v2 .asset-card:nth-child(3),
.portfolio-v2 .paragraf-grid-v2 .asset-card:nth-child(4),
.portfolio-v2 .paragraf-grid-v2 .asset-card:nth-child(5){
  grid-column:span 2;
}
.portfolio-v2 .showcase-logo{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.portfolio-v2 .adtec-logo-v2{max-width:600px;}
.portfolio-v2 .nuvision-logo-v2{max-width:430px;}
.portfolio-v2 .paragraf-logo-v2{max-width:500px;}
.portfolio-v2 .showcase-logo-stack{
  justify-self:end;
  width:100%;
  max-width:520px;
  margin-top:30px;
  margin-right:65px;
}
.portfolio-v2 .showcase-logo-stack .showcase-logo{
  width:100%;
  max-width:100%;
  margin:0;
}
.portfolio-v2 .contura-logo-stack{
  margin-top:0;
}
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(4),
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5){
  aspect-ratio:1.52;
  overflow:hidden;
}
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(4) img,
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5) img{
  height:100%;
  object-fit:cover;
}
.portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5) img{
  object-position:left center;
}
.portfolio-v2 .contura-showcase .showcase-heading > .eyebrow{
  color:#20242a;
}
.portfolio-v2 .other-logo-grid-v2{
  width:min(980px,100%);
  grid-template-columns:repeat(3,1fr);
  gap:42px 76px;
}
.portfolio-v2 .other-logo-grid-v2 img{
  max-width:250px;
  max-height:138px;
}
.portfolio-v2 .reveal{
  opacity:0;
  transform:translateY(18px);
  animation:portfolioFadeUp .75s ease forwards;
}
.portfolio-v2 .reveal:nth-child(2){animation-delay:.08s;}
.portfolio-v2 .reveal:nth-child(3){animation-delay:.14s;}
.portfolio-v2 .reveal:nth-child(4){animation-delay:.2s;}
@keyframes portfolioFadeUp{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){
  .portfolio-v2 .reveal{opacity:1;transform:none;animation:none;}
}
@media (max-width:1100px){
  .portfolio-v2{--side:clamp(34px,5vw,56px);}
  .portfolio-v2 .showcase-logo-stack{max-width:440px;margin-right:0;}
}
@media (max-width:900px){
  .portfolio-v2{--side:clamp(22px,6vw,30px);--portfolio-gap:18px;}
  .portfolio-v2 .portfolio-showcase{padding:68px 0 72px;}
  .portfolio-v2 .adtec-showcase,
  .portfolio-v2 .nuvision-showcase,
  .portfolio-v2 .contura-showcase,
  .portfolio-v2 .paragraf-showcase{
    padding-top:68px;
    padding-bottom:72px;
  }
  .portfolio-v2 .showcase-top,
  .portfolio-v2 .adtec-grid,
  .portfolio-v2 .nuvision-grid-v2,
  .portfolio-v2 .contura-grid-v2,
  .portfolio-v2 .paragraf-grid-v2{
    grid-template-columns:1fr;
  }
  .portfolio-v2 .showcase-top{
    margin-bottom:34px;
  }
  .portfolio-v2 .contura-grid-v2 .asset-card,
  .portfolio-v2 .paragraf-grid-v2 .asset-card{
    grid-column:auto;
  }
  .portfolio-v2 .nuvision-top{
    margin-bottom:34px;
  }
  .portfolio-v2 .nuvision-grid-v2 .asset-card:nth-child(3){
    margin-top:0;
  }
  .portfolio-v2 .contura-grid-v2 .asset-card:nth-child(4),
  .portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5){
    aspect-ratio:auto;
  }
  .portfolio-v2 .contura-grid-v2 .asset-card:nth-child(4) img,
  .portfolio-v2 .contura-grid-v2 .asset-card:nth-child(5) img{
    height:auto;
    object-fit:contain;
  }
  .portfolio-v2 .showcase-logo,
  .portfolio-v2 .showcase-logo-stack{
    justify-self:start;
    max-width:min(430px,100%);
    margin:0;
  }
  .portfolio-v2 .other-logo-grid-v2{
    width:82%;
    grid-template-columns:1fr;
    gap:26px;
  }
}
@media (max-width:520px){
  .portfolio-v2{--side:24px;--portfolio-gap:16px;}
  .portfolio-v2-hero{padding-bottom:278px;background-position:62% center;background-size:auto 100%;}
  .portfolio-v2-hero .hero-actions .btn{min-width:100%;}
}

/* Whole-site polish: resilient motion, faster backgrounds, and layout fixes */
.home-hero{
  background-image:image-set(url("assets/optimized/home-hero.webp") type("image/webp"), url("assets/Home page Hero image.png"));
}
.darkband,
.stakes{
  background-image:image-set(url("assets/optimized/dark-gradient.webp") type("image/webp"), url("assets/Home page Gradient dark.png"));
}
.portfolio-v2-hero,
.nuvision-showcase{
  background-image:image-set(url("assets/optimized/portfolio-hero.webp") type("image/webp"), url("assets/portfolio-updated/newvision-bg.jpg"));
}
.adtec-showcase:after{
  background-image:image-set(url("assets/optimized/adtec-bg.webp") type("image/webp"), url("assets/portfolio-updated/adtec-bg.jpg"));
}
.contura-showcase{
  background-image:image-set(url("assets/optimized/contura-bg.webp") type("image/webp"), url("assets/portfolio-updated/contura-bg.jpg"));
}
.paragraf-showcase{
  background-image:image-set(url("assets/optimized/paragraf-bg.webp") type("image/webp"), url("assets/portfolio-updated/paragraf-bg.jpg"));
}
.reveal,
.portfolio-v2 .reveal{
  opacity:1;
  transform:none;
  animation:none;
  transition:none;
}
.js .reveal,
.js .portfolio-v2 .reveal{
  opacity:0;
  transform:translate3d(0,32px,0);
  transition:opacity .72s ease,transform .72s ease;
  will-change:opacity,transform;
}
.js .reveal.show,
.js .portfolio-v2 .reveal.show{
  opacity:1;
  transform:none;
}
@media (min-width:901px){
  .parallax-bg{
    --parallax-y:0px;
  }
  .home-hero.parallax-bg{
    background-position:calc(100% + 4px) calc(50% + var(--parallax-y));
  }
  .darkband.parallax-bg,
  .stakes.parallax-bg,
  .portfolio-v2-hero.parallax-bg,
  .nuvision-showcase.parallax-bg,
  .contura-showcase.parallax-bg,
  .paragraf-showcase.parallax-bg{
    background-position:center calc(50% + var(--parallax-y));
  }
}
.contact-grid{
  grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);
}
.btn,
.nav-cta,
.navlinks .btn,
.portfolio-v2 .nav-cta{
  font-size:13px;
  font-weight:400;
  letter-spacing:.02em;
}
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:var(--blue);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  padding:0;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  width:19px;
  height:2px;
  background:#fff;
  transition:transform .3s ease,opacity .3s ease;
}
.stat{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  column-gap:28px;
  align-items:center;
}
.stat strong{
  width:118px;
  display:inline-flex;
  align-items:baseline;
  justify-content:flex-start;
  font-variant-numeric:tabular-nums;
}
.stat strong span{
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
}
.stat > span{
  font-size:20px;
  line-height:1.18;
  letter-spacing:.02em;
  color:#cbd3d7;
}
.rule{
  width:min(100%,560px);
  margin:26px 0 8px;
}
.contact-title{
  font-size:clamp(42px,3.7vw,48px);
  max-width:560px;
}
.calendar{
  align-content:center;
  background:#fff;
  color:#93a5af;
}
.calendar-panel{
  width:min(430px,100%);
  margin:auto;
  text-align:left;
}
.calendar-panel h2{
  margin:16px 0 18px;
  color:var(--ink);
  font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;
  font-size:42px;
  line-height:.92;
  text-transform:uppercase;
}
.calendar-panel p{
  margin:0 0 24px;
  font-size:16px;
  line-height:1.55;
  color:#94a3aa;
}
.calendar-panel .btn{
  min-width:180px;
}
.hs-form-frame{
  display:block;
  width:100%;
  min-height:820px;
  margin-top:26px;
  overflow:visible;
  background:#fff;
}
.hs-form-frame iframe{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-height:820px!important;
  border:0!important;
  overflow:hidden!important;
}
.faq-section{
  padding-bottom:78px;
}
.footer .brand{
  justify-content:center;
}
@media(max-width:900px){
  .nav-wrap,
  .home-page .nav-wrap{
    position:relative;
    gap:16px;
  }
  .brand{
    min-width:0;
  }
  .brand img,
  .home-page .brand img{
    width:min(210px,58vw);
  }
  .nav-toggle{
    display:inline-flex;
    flex:0 0 auto;
    margin-left:auto;
    position:relative;
    z-index:32;
  }
  .navlinks,
  .home-page .navlinks{
    position:absolute;
    z-index:31;
    top:calc(100% + 14px);
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:18px;
    background:#fff;
    border:1px solid rgba(63,85,101,.16);
    box-shadow:0 18px 38px rgba(32,46,58,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
  }
  .nav.is-open .navlinks,
  .home-page .nav.is-open .navlinks{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .navlinks a:not(.btn),
  .nav-work,
  .home-page .nav-work{
    width:100%;
    padding:15px 0;
    font-size:16px;
    text-align:left;
  }
  .nav-cta,
  .navlinks .btn,
  .home-page .nav-cta,
  .portfolio-v2 .nav-cta{
    width:100%;
    height:42px;
    min-width:0;
    margin-top:12px;
    font-size:13px;
    padding:0 18px;
  }
  .nav.is-open .nav-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .nav.is-open .nav-toggle span:nth-child(2){
    opacity:0;
  }
  .nav.is-open .nav-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
  .stat{
    grid-template-columns:92px minmax(0,1fr);
    column-gap:18px;
  }
  .stat strong{
    width:92px;
  }
  .stat > span{
    font-size:17px;
  }
  .contact-grid{
    grid-template-columns:1fr;
  }
  .contact-title{
    font-size:clamp(38px,10vw,44px);
  }
  .calendar-panel{
    text-align:left;
  }
  .calendar-panel h2{
    font-size:36px;
  }
}
@media(prefers-reduced-motion:reduce){
  .js .reveal,
  .js .portfolio-v2 .reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* Requested June updates: problem cards, Chris quote, and footer */
.problem-system{
  background:#f5fbf9;
  padding:124px 0 112px;
}
.problem-system .wrap{
  width:calc(100% - (var(--side)*2));
  max-width:none;
}
.problem-system-layout{
  display:grid;
  grid-template-columns:minmax(390px,.76fr) minmax(760px,1.24fr);
  gap:54px;
  align-items:center;
}
.problem-system-copy .eyebrow{
  color:#43b5ee;
  font-size:13px;
  line-height:1.25;
  font-weight:400;
}
.problem-system-title{
  margin-top:26px;
  max-width:650px;
  color:#13292f;
  font-size:52px;
  line-height:1;
  letter-spacing:0;
}
.problem-system-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.problem-system-card{
  min-height:307px;
  padding:31px 32px 33px;
  background:#fff;
  border:1px solid #cddde4;
  border-radius:7px;
  box-shadow:0 24px 46px rgba(17,43,54,.07);
}
.problem-card-number{
  display:block;
  color:var(--gold);
  font-size:30px;
  line-height:1;
}
.problem-system-card h3{
  margin:27px 0 17px;
  color:#071c24;
  font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;
  font-size:22px;
  line-height:1.04;
  letter-spacing:0;
  text-transform:uppercase;
}
.problem-system-card p{
  max-width:285px;
  margin:0;
  color:#506879;
  font-size:18px;
  line-height:1.48;
}
.guide-stack{
  display:grid;
  gap:68px;
}
.guide-intro{
  display:grid;
  grid-template-columns:minmax(0,760px) minmax(320px,430px);
  gap:72px;
  align-items:center;
}
.guide-copy{
  max-width:760px;
}
.guide-stats{
  width:100%;
  max-width:500px;
  align-self:center;
  display:grid;
  align-content:center;
}
.guide-stack .quote-box{
  display:grid;
  grid-template-columns:220px minmax(0,820px);
  gap:60px;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0 auto;
  padding:54px 70px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(12,18,26,.16);
  text-align:left;
}
.guide-stack .quote-box img{
  position:static;
  transform:none;
  width:156px;
  height:156px;
  margin-left:auto;
  border-radius:50%;
  object-fit:cover;
  border:0;
  box-shadow:0 0 0 5px rgba(255,255,255,.18),0 0 0 28px rgba(255,255,255,.08);
}
.guide-stack .quote-box p:first-child{
  max-width:790px;
  margin:0;
  color:#fff;
  font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;
  font-size:42px;
  line-height:1.12;
  letter-spacing:0;
  text-transform:uppercase;
}
.guide-stack .quote-box .testimonial-credit{
  margin:30px 0 0;
  color:#e3ac45;
  font-family:"Akzidenz Grotesk CE Roman","Helvetica Neue",Arial,sans-serif;
  font-size:18px;
  line-height:1.35;
  text-transform:none;
}
.guide-stats .stat{
  grid-template-columns:158px minmax(0,1fr);
  column-gap:34px;
  justify-content:center;
  margin:0;
}
.guide-stats .stat strong{
  width:158px;
  font-size:82px;
  justify-content:flex-start;
}
.guide-stats .stat > span{
  font-size:23px;
  line-height:1.15;
}
.guide-stats .rule{
  width:100%;
  max-width:none;
  margin:30px 0;
}
.footer{
  border-top:0;
  background:#0f1c22;
  padding:72px var(--side) 66px;
  color:#dff4ff;
  font-size:15px;
  text-align:center;
}
.footer .brand,
.footer-brand{
  justify-content:center;
}
.footer-brand img{
  width:240px;
  margin:0 auto 35px;
  filter:brightness(0) invert(1);
  opacity:.92;
}
.footer p{
  max-width:760px;
  margin:0 auto;
  color:#dff4ff;
  line-height:1.45;
}
.footer-copyright{
  margin-top:31px!important;
}

@media (max-width:1180px){
  .problem-system-layout{
    grid-template-columns:1fr;
    gap:46px;
  }
  .problem-system-title{
    max-width:720px;
  }
}
@media (max-width:900px){
  .problem-system{
    padding:70px 0 76px;
  }
  .problem-system .wrap{
    width:calc(100% - 48px);
  }
  .problem-system-title{
    font-size:42px;
    line-height:1.02;
  }
  .problem-system-cards{
    grid-template-columns:1fr;
    gap:18px;
  }
  .problem-system-card{
    min-height:0;
    padding:30px 28px 32px;
  }
  .problem-system-card h3{
    font-size:28px;
  }
  .problem-system-card p{
    max-width:none;
    font-size:16px;
  }
  .guide-stack{
    gap:48px;
  }
  .guide-intro{
    grid-template-columns:1fr;
    gap:34px;
  }
  .guide-stats{
    max-width:100%;
  }
  .guide-stack .quote-box{
    grid-template-columns:1fr;
    gap:45px;
    padding:44px 28px 48px;
    text-align:center;
  }
  .guide-stack .quote-box img{
    margin:0 auto;
  }
  .guide-stack .quote-box p:first-child{
    margin:0 auto;
    font-size:30px;
    line-height:1.15;
  }
  .guide-stack .quote-box .testimonial-credit{
    font-size:16px;
  }
  .guide-stats .stat{
    grid-template-columns:112px minmax(0,1fr);
    column-gap:20px;
  }
  .guide-stats .stat strong{
    width:112px;
    font-size:60px;
  }
  .guide-stats .stat > span{
    font-size:18px;
  }
  .footer{
    padding:58px 24px 54px;
    font-size:14px;
  }
  .footer-brand img{
    width:220px;
  }
}
@media (max-width:520px){
  .problem-system-title{
    font-size:38px;
  }
  .problem-system-card h3{
    font-size:25px;
  }
  .guide-stack .quote-box p:first-child{
    font-size:25px;
  }
}

/* Split guide and founder quote sections */
.dark-gradient-section,
.stakes{
  background:
    radial-gradient(circle at 27% 18%, rgba(255,255,255,.08), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 76% 16%, rgba(255,255,255,.045), rgba(255,255,255,0) 31%),
    linear-gradient(105deg, #656b70 0%, #313f49 44%, #11181f 100%);
  color:#fff;
}
.guide-section.guide-light{
  background:var(--pale);
  color:var(--ink);
}
.guide-light .muted-label{
  color:#5ebee8;
}
.guide-light .light-title{
  color:var(--ink);
}
.guide-light .dark-copy{
  color:#506879;
}
.guide-light .guide-stats .stat{
  color:#506879;
}
.guide-light .guide-stats .rule{
  background:rgba(18,41,48,.22);
}
.quote-section{
  padding:96px 0 106px;
}
.quote-section .quote-box{
  display:grid;
  grid-template-columns:260px minmax(0,820px);
  gap:58px;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0 auto;
  padding:62px 74px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(16,24,32,.16);
  text-align:left;
}
.quote-section .quote-box img{
  position:static;
  transform:none;
  width:156px;
  height:156px;
  margin-left:auto;
  border-radius:50%;
  object-fit:cover;
  border:0;
  box-shadow:0 0 0 5px rgba(255,255,255,.18),0 0 0 28px rgba(255,255,255,.08);
}
.quote-section .quote-box p:first-child{
  max-width:790px;
  margin:0;
  color:#fff;
  font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;
  font-size:42px;
  line-height:1.12;
  letter-spacing:0;
  text-transform:uppercase;
}
.quote-section .quote-box .testimonial-credit{
  margin:30px 0 0;
  color:#e3ac45;
  font-family:"Akzidenz Grotesk CE Roman","Helvetica Neue",Arial,sans-serif;
  font-size:18px;
  line-height:1.35;
  text-transform:none;
}
@media (min-width:901px){
  .dark-gradient-section.parallax-bg{
    background-position:center calc(50% + var(--parallax-y));
  }
}
@media (max-width:900px){
  .quote-section{
    padding:72px 0 78px;
  }
  .quote-section .quote-box{
    grid-template-columns:1fr;
    gap:45px;
    padding:48px 28px 52px;
    text-align:center;
  }
  .quote-section .quote-box img{
    margin:0 auto;
  }
  .quote-section .quote-box p:first-child{
    margin:0 auto;
    font-size:30px;
    line-height:1.15;
  }
  .quote-section .quote-box .testimonial-credit{
    font-size:16px;
  }
}
@media (max-width:520px){
  .quote-section .quote-box p:first-child{
    font-size:25px;
  }
}

/* Requested section colour swap and body type repair */
body{
  font-family:"Helvetica Neue", Arial, sans-serif;
}
.copy,
.home-page .copy,
.portfolio-page .copy,
.problem-system-card p,
.steps li,
.tick-list li,
.stat > span,
.calendar-panel p,
.testimonial-credit{
  font-family:"Helvetica Neue", Arial, sans-serif;
  font-weight:400;
  line-height:1.62;
  overflow:visible;
}
.guide-section.guide-dark{
  color:#fff;
}
.guide-dark .muted-label{
  color:#b8c4cb;
}
.guide-dark .light-title{
  color:#fff;
}
.guide-dark .dark-copy{
  color:#d6dde1;
}
.guide-dark .guide-stats .stat{
  color:#d6dde1;
}
.guide-dark .guide-stats .stat > span{
  color:#d6dde1;
}
.guide-dark .guide-stats .rule{
  background:rgba(255,255,255,.42);
}
.quote-section.quote-light{
  background:var(--pale);
  color:var(--ink);
}
.quote-section.quote-light .quote-box{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
}
.quote-section.quote-light .quote-box p:first-child{
  color:#13292f;
}
.quote-section.quote-light .quote-box .testimonial-credit{
  color:var(--blue);
}

/* Homepage alternating dark/light run */
.process-dark{
  color:#fff;
}
.process-dark .muted-label{
  color:#b8c4cb;
}
.process-dark .process-title{
  color:#fff;
}
.process-dark .section-copy{
  color:#d6dde1;
}
.process-dark .process-card{
  background:rgba(16,24,32,.18);
  border:1px solid rgba(255,255,255,.18);
}
.process-dark .process-card .blue-label{
  color:#e3ac45;
}
.process-dark .steps li{
  color:#d6dde1;
}
.stakes.stakes-light{
  background:var(--pale);
  color:var(--ink);
}
.stakes-light .muted-label{
  color:#5ebee8;
}
.stakes-light .light-title{
  color:var(--ink);
}
.stakes-light .checklist{
  background:#fff;
  border:1px solid #cddde4;
}
.stakes-light .checklist h3{
  color:#506879;
}
.stakes-light .tick-list li{
  color:#506879;
}
.testimonial-dark{
  color:#fff;
}
.testimonial-dark .testimonial-card{
  background:transparent;
  color:#fff;
}
.testimonial-dark .testimonial-card .copy{
  color:#d6dde1;
}
.testimonial-dark .testimonial-card p{
  color:#d6dde1;
}
.testimonial-dark .testimonial-card small{
  color:#d6dde1;
}
.testimonial-dark .testimonial-card .goldtext{
  color:#e3ac45;
}
.testimonial-problem-bg{
  background:#f5fbf9;
  color:var(--ink);
}
.testimonial-carousel-section{
  overflow:hidden;
}
.testimonial-carousel{
  position:relative;
  width:min(900px,calc(100% - 290px));
  margin:0 auto;
}
.testimonial-track{
  display:grid;
}
.testimonial-slide{
  grid-area:1 / 1;
  width:100%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(22px);
  transition:opacity .55s ease, transform .55s ease, visibility .55s ease;
}
.testimonial-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  z-index:1;
}
.testimonial-carousel .testimonial-card{
  width:100%;
}
.testimonial-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(19,41,47,.16);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:var(--gold);
  box-shadow:0 16px 36px rgba(21,39,49,.12);
  cursor:pointer;
  transform:translateY(-50%);
  transition:background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.testimonial-arrow:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 18px 40px rgba(21,39,49,.16);
}
.testimonial-arrow span{
  display:block;
  font-size:34px;
  line-height:.75;
  transform:translateY(-1px);
}
.testimonial-arrow-prev{
  left:-74px;
}
.testimonial-arrow-next{
  right:-74px;
}
@media(max-width:900px){
  .testimonial-carousel-section{
    padding-bottom:110px;
  }
  .testimonial-carousel{
    width:calc(100% - 48px);
  }
  .testimonial-arrow{
    top:auto;
    bottom:-70px;
    transform:none;
  }
  .testimonial-arrow:hover{
    transform:scale(1.05);
  }
  .testimonial-arrow-prev{
    left:calc(50% - 58px);
  }
  .testimonial-arrow-next{
    right:calc(50% - 58px);
  }
}
@media(prefers-reduced-motion:reduce){
  .testimonial-slide{
    transition:none;
  }
}
.cta-light{
  background:var(--pale);
}

/* Global sticky header and scroll-to-top control */
.nav,
.home-page .nav,
.portfolio-page .nav,
.portfolio-v2 .nav{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  height:92px;
  padding:0!important;
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(63,85,101,.14);
  box-shadow:none;
  transition:height .28s ease,background-color .28s ease,box-shadow .28s ease;
}
.nav.is-scrolled,
.home-page .nav.is-scrolled,
.portfolio-page .nav.is-scrolled,
.portfolio-v2 .nav.is-scrolled{
  height:66px;
  background:rgba(255,255,255,.75)!important;
  box-shadow:0 12px 30px rgba(21,39,49,.08);
}
.nav .wrap,
.nav-wrap,
.home-page .nav-wrap{
  height:100%;
}
.brand img,
.home-page .brand img,
.portfolio-v2 .brand img{
  transition:width .28s ease;
}
.nav.is-scrolled .brand img,
.home-page .nav.is-scrolled .brand img,
.portfolio-page .nav.is-scrolled .brand img,
.portfolio-v2 .nav.is-scrolled .brand img{
  width:220px;
}
.navlinks .btn,
.home-page .nav-cta,
.portfolio-page .nav-cta,
.portfolio-v2 .nav-cta{
  transition:height .28s ease,transform .35s ease,box-shadow .35s ease;
}
.nav.is-scrolled .navlinks .btn,
.nav.is-scrolled .nav-cta{
  height:36px;
}
.scroll-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1001;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(19,41,47,.18);
  border-radius:50%;
  background:rgba(255,255,255,.76);
  color:#13292f;
  box-shadow:0 12px 28px rgba(21,39,49,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .24s ease,transform .24s ease,background-color .24s ease;
}
.scroll-top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.scroll-top:hover{
  background:rgba(255,255,255,.94);
}
.scroll-top span{
  width:12px;
  height:12px;
  border-left:2px solid currentColor;
  border-top:2px solid currentColor;
  transform:translateY(3px) rotate(45deg);
}
@media(max-width:900px){
  .page{
    padding-top:76px;
  }
  .nav,
  .home-page .nav,
  .portfolio-page .nav,
  .portfolio-v2 .nav{
    height:76px;
  }
  .nav.is-scrolled,
  .home-page .nav.is-scrolled,
  .portfolio-page .nav.is-scrolled,
  .portfolio-v2 .nav.is-scrolled{
    height:62px;
  }
  .nav.is-scrolled .brand img,
  .home-page .nav.is-scrolled .brand img,
  .portfolio-page .nav.is-scrolled .brand img,
  .portfolio-v2 .nav.is-scrolled .brand img{
    width:min(170px,50vw);
  }
  .navlinks,
  .home-page .navlinks{
    top:calc(100% + 10px);
  }
  .scroll-top{
    right:18px;
    bottom:18px;
    width:40px;
    height:40px;
  }
}
@media(prefers-reduced-motion:reduce){
  .nav,
  .brand img,
  .scroll-top{
    transition:none;
  }
}

/* More open, impactful stakes checklist */
.stakes-light .stakes-grid{
  grid-template-columns:minmax(340px,470px) minmax(430px,560px);
  justify-content:center;
  gap:clamp(32px,4vw,56px);
}
.stakes-light .checklist,
.stakes-light .checklist.reveal,
.stakes-light .checklist.reveal.show{
  max-width:560px;
  justify-self:start;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.stakes-light .checklist h3{
  margin:0 0 34px;
  color:#4e6675;
  font-size:17px;
  line-height:1.4;
  letter-spacing:.12em;
}
.stakes-light .tick-list{
  display:grid;
  gap:24px;
  margin:0;
}
.stakes-light .tick-list li{
  grid-template-columns:48px minmax(0,1fr);
  gap:24px;
  margin:0;
  color:#334f60;
  font-size:22px;
  line-height:1.34;
}
.stakes-light .tick-list img{
  width:38px;
  height:38px;
}
.js .stakes-light .tick-list li{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .58s ease,transform .58s ease;
}
.js .stakes-light .checklist.show .tick-list li{
  opacity:1;
  transform:none;
}
.js .stakes-light .checklist.show .tick-list li:nth-child(1){transition-delay:.08s;}
.js .stakes-light .checklist.show .tick-list li:nth-child(2){transition-delay:.18s;}
.js .stakes-light .checklist.show .tick-list li:nth-child(3){transition-delay:.28s;}
.js .stakes-light .checklist.show .tick-list li:nth-child(4){transition-delay:.38s;}
.js .stakes-light .checklist.show .tick-list li:nth-child(5){transition-delay:.48s;}
@media(max-width:900px){
  .stakes-light .stakes-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .stakes-light .checklist,
  .stakes-light .checklist.reveal,
  .stakes-light .checklist.reveal.show{
    justify-self:stretch;
    max-width:none;
  }
  .stakes-light .tick-list{
    gap:20px;
  }
  .stakes-light .tick-list li{
    grid-template-columns:40px minmax(0,1fr);
    gap:18px;
    font-size:18px;
  }
  .stakes-light .tick-list img{
    width:32px;
    height:32px;
  }
}

/* Transcript updates: clearer problem cards and stronger getting-started path */
.problem-system-card h3{
  font-size:23px;
  line-height:1.04;
}
.process-intro{
  max-width:780px;
}
.process-path{
  margin-top:66px;
}
.process-path-label{
  color:#e3ac45;
}
.process-step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-top:24px;
}
.process-step-card{
  position:relative;
  min-height:224px;
  padding:34px 28px 32px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(16,24,32,.2));
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.process-step-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-top:3px solid rgba(227,172,69,.72);
  opacity:.72;
  pointer-events:none;
}
.process-step-card span{
  position:relative;
  color:var(--gold);
  font-family:"Agenda Bold","Arial Black",Impact,sans-serif;
  font-size:50px;
  line-height:.9;
}
.process-step-card p{
  position:relative;
  margin:28px 0 0;
  color:#d6dde1;
  font-size:22px;
  line-height:1.18;
  max-width:220px;
}
.process-cta{
  width:max-content;
  min-width:238px;
  margin-top:34px;
}
.js .process-path .process-step-card{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 1.05s ease, transform 1.05s cubic-bezier(.16,1,.3,1);
}
.js .process-path.show .process-step-card{
  opacity:1;
  transform:none;
}
.js .process-path.show .process-step-card:nth-child(1){transition-delay:.12s;}
.js .process-path.show .process-step-card:nth-child(2){transition-delay:.38s;}
.js .process-path.show .process-step-card:nth-child(3){transition-delay:.64s;}
.js .process-path.show .process-step-card:nth-child(4){transition-delay:.9s;}
@media(prefers-reduced-motion:reduce){
  .js .process-path .process-step-card{
    opacity:1;
    transform:none;
    transition:none;
  }
}
.faq-item-cta{
  width:max-content;
  min-width:220px;
  margin-top:24px;
}
.faq-callout{
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.1), rgba(255,255,255,0) 32%),
    linear-gradient(135deg, #4f5d66 0%, #263641 48%, #10191f 100%);
  border:1px solid rgba(255,255,255,.16);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:26px;
}
.faq-callout h2{
  margin:0;
  color:#fff;
  font-family:"Agenda Bold","Agenda Medium","Arial Black",Impact,sans-serif;
  font-size:42px;
  line-height:.92;
  letter-spacing:0;
  text-transform:uppercase;
}
.faq-callout p{
  max-width:390px;
  color:#d6dde1;
  font-size:17px;
  line-height:1.52;
}
.faq-callout .btn{
  width:max-content;
  min-width:232px;
}
.navlinks .btn,
.nav-cta{
  min-width:232px;
}
@media(max-width:1100px){
  .process-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .process-path{
    margin-top:42px;
  }
  .process-step-grid{
    gap:16px;
  }
  .process-step-card{
    min-height:190px;
    padding:28px 24px 26px;
  }
  .process-step-card span{
    font-size:42px;
  }
  .process-step-card p{
    margin-top:22px;
    font-size:19px;
  }
  .process-cta,
  .faq-item-cta,
  .faq-callout .btn{
    width:100%;
    min-width:0;
  }
}
@media(max-width:620px){
  .process-step-grid{
    grid-template-columns:1fr;
  }
  .process-step-card{
    min-height:0;
  }
}

/* Slightly larger Chris portrait in the founder quote */
.quote-section .quote-box img{
  width:176px;
  height:176px;
}
@media(max-width:520px){
  .quote-section .quote-box img{
    width:168px;
    height:168px;
  }
  .problem-card-02-heading{
    font-size:clamp(20px,5.6vw,23px);
    white-space:nowrap;
  }
  .problem-card-02-heading br{
    display:none;
  }
}