:root{--navy:#061827;--navy2:#0a2232;--ink:#102a38;--teal:#1db5a6;--blue:#3b9cd8;--gold:#d8b35d;--cream:#f4f3ee;--white:#fff;--muted:#60727b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);font-size:16px;line-height:1.6}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(5,22,35,.92);backdrop-filter:blur(14px);position:fixed;top:0;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:600 .86rem "Manrope";letter-spacing:.12em}.brand b{color:var(--gold)}.brand-mark{width:31px;height:31px;border:1.5px solid var(--teal);border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark span{width:11px;height:11px;border:1.5px solid var(--gold);border-radius:50%}.brand-mark:after{content:"";width:11px;border-top:1.5px solid var(--gold);position:absolute;right:-6px}nav{display:flex;align-items:center;gap:28px}nav a{color:#d5e0e5;text-decoration:none;font-size:.87rem}nav a:hover{color:#fff}.nav-cta{border:1px solid var(--gold);padding:10px 17px;color:#fff}.menu-button{display:none}.hero{min-height:760px;display:grid;align-items:center;background:var(--navy);position:relative;overflow:hidden;color:#fff}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,18,29,.98) 0%,rgba(3,18,29,.86) 38%,rgba(3,18,29,.12) 78%),linear-gradient(0deg,rgba(3,18,29,.5),transparent 50%)}.hero-content{position:relative;z-index:2;padding-top:80px}.eyebrow,.section-label{font:600 .73rem "Manrope";letter-spacing:.18em}.eyebrow{color:#b5d9dc;display:flex;align-items:center;gap:10px}.eyebrow span{width:24px;border-top:1px solid var(--gold)}h1,h2,h3{font-family:"Manrope";line-height:1.12;margin:0}h1{font-size:clamp(3.1rem,6vw,5.6rem);max-width:850px;letter-spacing:-.055em}h1 em{font-style:normal;color:#8bd7ce}.hero-copy{font-size:1.2rem;max-width:620px;color:#ccd9df;margin:28px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 21px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font:700 .9rem "DM Sans"}.button.primary{background:var(--gold);color:#102431}.button.primary:hover{background:#eccb7b}.button.secondary{border:1px solid rgba(255,255,255,.38);color:#fff}.capability-line{margin-top:70px;color:#a9bbc3;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;display:flex;align-items:center;gap:16px}.capability-line i{width:4px;height:4px;background:var(--teal);border-radius:50%}.problem,.approach,.work,.contact{padding:110px 0}.section-label{color:#28897f;margin:0 0 28px}.split-heading,.section-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:start}.split-heading h2,.section-intro h2,.approach h2,.contact h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em}.split-heading p,.section-intro p{font-size:1.15rem;color:var(--muted);margin:7px 0}.services{padding:110px 0;background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #dce3e5;border-left:1px solid #dce3e5}.service-card{padding:32px;min-height:280px;border-right:1px solid #dce3e5;border-bottom:1px solid #dce3e5}.service-card span,.process b{color:#40958c;font:600 .72rem "Manrope";letter-spacing:.14em}.service-card h3{font-size:1.35rem;margin:32px 0 16px}.service-card p{color:var(--muted)}.service-card a{color:var(--ink);font-weight:700}.service-card.featured{background:var(--navy);color:#fff}.service-card.featured p{color:#b7c8cf}.service-card.featured a{color:var(--gold)}.approach h2{max-width:850px}.process{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px;border-top:1px solid #bcc9cd}.process div{padding:24px 20px 0 0}.process strong{display:block;font:700 1.08rem "Manrope";margin:22px 0 8px}.process p{font-size:.92rem;color:var(--muted)}.blueprint{background:var(--navy2);color:#fff;padding:110px 0}.blueprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.blueprint h2{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.05em}.gold{color:var(--gold)}.price{color:#bdd0d7}.price strong{font-size:1.8rem;color:#fff}.blueprint-copy .lead{font-size:1.3rem;color:#d6e1e5;margin-top:0}.blueprint-copy ul{list-style:none;padding:15px 0 25px}.blueprint-copy li{border-top:1px solid rgba(255,255,255,.13);padding:12px 0}.blueprint-copy li:before{content:"✓";color:var(--teal);margin-right:12px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px}.project{min-height:390px;padding:38px;display:flex;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.project:after{content:"";width:230px;height:230px;border:1px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;right:-35px;top:-45px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.025)}.project>div:last-child{align-self:end;max-width:420px;z-index:1}.project p{font-size:.7rem;letter-spacing:.16em}.project h3{font-size:3.5rem;margin:5px 0 15px}.project span{color:#d4e2e6}.eye{background:linear-gradient(145deg,#083347,#0b7775)}.group{background:linear-gradient(145deg,#15324d,#3b6590)}.project-number{font:600 .75rem "Manrope";letter-spacing:.14em}.about{background:#102c38;color:#fff;padding:100px 0}.about-inner{max-width:950px}.about blockquote{font:600 clamp(2rem,4vw,3.8rem)/1.2 "Manrope";letter-spacing:-.04em;margin:20px 0 36px}.about-inner>p:last-child{max-width:680px;color:#bcd0d7;font-size:1.08rem}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy p:last-child{font-size:1.1rem;color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-weight:600;font-size:.85rem}label:nth-child(4),label:nth-child(5),form button,.form-note{grid-column:1/-1}input,textarea,select{width:100%;background:transparent;border:0;border-bottom:1px solid #aebcc1;border-radius:0;padding:11px 2px;font:400 1rem "DM Sans";color:var(--ink)}textarea{border:1px solid #aebcc1;padding:12px;margin-top:8px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:3px}.form-note{margin:0;color:var(--muted);font-size:.8rem}footer{background:#04131f;color:#a9bbc3;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.78rem}.footer-inner p{margin:0}.footer-inner>.brand{font-size:.7rem}@media(max-width:800px){.wrap{width:min(100% - 32px,1180px)}.site-header{height:68px;padding:0 16px}.menu-button{display:block;background:transparent;color:#fff;border:1px solid #526772;padding:8px 12px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#061827;padding:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:690px}.hero-art{object-position:65% center;opacity:.72}.hero-shade{background:linear-gradient(90deg,rgba(3,18,29,.98),rgba(3,18,29,.58))}h1{font-size:clamp(2.8rem,13vw,4.5rem)}.capability-line{flex-wrap:wrap;margin-top:48px}.split-heading,.section-intro,.blueprint-grid,.contact{grid-template-columns:1fr;gap:25px}.problem,.approach,.work,.contact,.services,.blueprint{padding:75px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.process{grid-template-columns:1fr}.process div{border-bottom:1px solid #c9d3d6;padding:20px 0}.work-grid{grid-template-columns:1fr}.project{min-height:330px}.footer-inner{flex-direction:column;align-items:flex-start}form{grid-template-columns:1fr}label{grid-column:1/-1}.blueprint-grid{gap:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* BLUEPRINT DESKTOP REFINEMENT */

@media (min-width: 851px) {

  .offer-hero h1 {
    max-width: 1050px;
    font-size: clamp(4.5rem, 7vw, 6.8rem);
    line-height: 1.02;
  }

  .offer-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 54px;
    border-top: 1px solid rgba(102, 187, 221, 0.24);
    border-bottom: 1px solid rgba(102, 187, 221, 0.24);
  }

  .offer-meta > div {
    min-width: 0;
    padding: 25px 22px;
    border-right: 1px solid rgba(102, 187, 221, 0.24);
  }

  .offer-meta > div:first-child {
    padding-left: 0;
  }

  .offer-meta > div:last-child {
    border-right: 0;
  }

  .offer-meta small {
    display: block;
    margin-bottom: 10px;
    color: #48e0d0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
  }

  .offer-meta strong {
    display: block;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.45;
  }
}

@media (min-width: 851px) and (max-width: 1180px) {

  .offer-hero h1 {
    font-size: clamp(4rem, 7.2vw, 5.4rem);
  }

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

  .offer-meta > div {
    border-bottom: 1px solid rgba(102, 187, 221, 0.24);
  }

  .offer-meta > div:nth-child(2) {
    border-right: 0;
  }

  .offer-meta > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}
/* BLUEPRINT MOBILE REFINEMENT */

@media (max-width: 600px) {

  .offer-hero {
    padding-top: 125px;
  }

  .offer-hero h1 {
    max-width: 100%;
    font-size: clamp(3.2rem, 14vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: -0.055em;
  }

  .offer-hero .hero-copy {
    font-size: 1.08rem;
    line-height: 1.72;
  }

  .offer-meta {
    margin-top: 44px;
  }
}
/* =========================================================
   HOMEPAGE MOBILE HERO FIX
   ========================================================= */
   
   /* =========================================================
   SHARED MAKE SENSE LOGIC BRAND
   Matches the homepage logo
   ========================================================= */

.msl-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: fit-content;
  color: #ffffff;
  text-decoration: none;
  font-family: "Manrope", sans-serif;
}

.msl-brand .brand-mark {
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 3px solid #00c8ff;
  border-radius: 50%;
  background: transparent;
  box-shadow:
    0 0 18px rgba(0, 200, 255, 0.16);
}

/* Three speed lines */

.msl-brand .brand-mark::before {
  position: absolute;
  z-index: 2;
  top: 17px;
  left: -25px;
  width: 39px;
  height: 3px;
  content: "";
  border-radius: 999px;
  background: #00c8ff;
  box-shadow:
    0 12px 0 #12df91,
    0 24px 0 #e5bd4e;
}

/* Green arrow */

.msl-brand .brand-mark::after {
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 20px;
  width: 25px;
  height: 25px;
  content: "";
  border-top: 6px solid #12df91;
  border-right: 6px solid #12df91;
  transform: rotate(45deg);
}

/* Brand wording */

.msl-brand .brand-name {
  display: grid;
  line-height: 1;
}

.msl-brand .brand-name strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  white-space: nowrap;
}

.msl-brand .brand-name strong b {
  color: #12df91;
  font-weight: 700;
}

.msl-brand .brand-name small {
  margin-top: 8px;
  padding-left: 3px;
  color: #e5bd4e;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.55em;
  text-align: center;
}


/* MOBILE LOGO */

@media (max-width: 600px) {

  .msl-brand {
    gap: 12px;
  }

  .msl-brand .brand-mark {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    border-width: 2px;
  }

  .msl-brand .brand-mark::before {
    top: 15px;
    left: -18px;
    width: 30px;
    height: 2px;
    box-shadow:
      0 10px 0 #12df91,
      0 20px 0 #e5bd4e;
  }

  .msl-brand .brand-mark::after {
    top: 14px;
    left: 18px;
    width: 20px;
    height: 20px;
    border-top-width: 5px;
    border-right-width: 5px;
  }

  .msl-brand .brand-name strong {
    font-size: 0.84rem;
  }

  .msl-brand .brand-name small {
    margin-top: 7px;
    font-size: 0.52rem;
  }
}