/* =========================================================
   v8: mid-page CTA band, founders, MindFort-style footer, tighter spacing
   ========================================================= */

/* tighter rhythm around the pinned reviews and How we hack */
.yc{padding-bottom:24px}
.hack{padding-top:40px}
.hack .shead{margin-bottom:40px}

/* CTA band (Cardinal-style, brand navy) */
.band-wrap{padding:56px 12px}
.band{position:relative;overflow:hidden;max-width:1440px;margin:0 auto;border-radius:16px;background:#0B2347;color:#fff;text-align:center;padding:clamp(72px,9vw,120px) var(--gut)}
.band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:154px 78px;background-position:center}
.band::after{content:"";position:absolute;inset:auto 0 -40% 0;height:80%;background:radial-gradient(closest-side,rgba(46,216,122,.28),transparent);pointer-events:none}
.band__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.band__lines path{fill:none;stroke:#2ED87A;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}
.band__in{position:relative;z-index:1}
.band h2{font-size:clamp(34px,4.4vw,60px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.band p{margin:20px auto 0;max-width:560px;font-size:clamp(16px,1.3vw,19px);color:rgba(232,240,250,.78)}
.band__btn{margin-top:30px;height:44px;padding:0 16px;border-radius:6px;background:#fff;color:#0A1324;font-size:17px;font-weight:500}
.band__btn:hover{background:#EAF7F0}

/* founders */
.founders .shead{margin-bottom:48px}
.fnd{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1080px;margin:0 auto}
.fnd__card{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(120,86,40,.13)}
.fnd__img{width:200px;height:200px;object-fit:cover;border-radius:14px;background:#2ED87A}
.fnd__body h3{font-size:26px;letter-spacing:-.03em}
.fnd__role{font:500 12.5px/1.4 "JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:6px 0 14px}
.fnd__bio{font-size:15px;line-height:1.55;color:var(--muted)}
.fnd__link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:500;font-size:15px}
.fnd__link svg{transition:translate .2s}.fnd__link:hover svg{translate:3px 0}

/* footer, MindFort-style: one brand block, mono uppercase links, giant wordmark */
.close{margin-bottom:0;border-radius:28px 28px 0 0}
.close__in{padding-bottom:clamp(88px,10vw,130px)}
.mf{position:relative;overflow:hidden;margin:0 12px 12px;border-radius:0 0 28px 28px;background:#0B2347;color:rgba(232,240,250,.86);padding:48px clamp(20px,3vw,40px) 26px;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace}
.mf::before{content:"";position:absolute;top:0;left:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);height:1px;background:rgba(255,255,255,.12)}
.mf__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.mf__cols{display:flex;gap:clamp(28px,5vw,72px);flex-wrap:wrap}
.mf__col{display:flex;flex-direction:column;gap:12px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.mf__col p{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:6px}
.mf__col p::before{content:"";width:9px;height:9px;background:#2ED87A}
.mf__col a{padding-left:19px;color:rgba(232,240,250,.68);transition:color .15s}
.mf__col a:hover{color:#2ED87A}
.mf__right{display:flex;flex-direction:column;align-items:flex-end;gap:22px}
.mf__meta{display:flex;gap:22px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.mf__meta span:first-child{border:1px solid rgba(255,255,255,.4);padding:4px 8px}
.mf__seals{display:flex;align-items:center;gap:16px}
.mf__seals>img{height:112px;width:auto}
.mf__seal{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#fff}
.mf__seal img{width:96px;height:96px}
.mf__word{display:flex;align-items:center;gap:.12em;margin:clamp(40px,6vw,80px) 0 0;font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:clamp(64px,15.2vw,232px);line-height:.82;letter-spacing:-.055em;color:rgba(46,216,122,.18);white-space:nowrap;user-select:none}
.mf__word img{height:.82em;width:auto;opacity:.22;filter:saturate(0) brightness(2.2)}
.mf__base{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;font-size:11.5px;letter-spacing:.08em;color:rgba(232,240,250,.6)}
.mf__base a:hover{color:#fff}
.mf__base>a:first-child{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:rgba(255,255,255,.85);color:#0B2347;font-weight:700;font-size:11px;letter-spacing:0}

@media (max-width:860px){
  .fnd{grid-template-columns:1fr}
  .mf__right{align-items:flex-start}
}
@media (max-width:640px){
  .band-wrap{padding:40px 8px}
  .fnd__card{grid-template-columns:1fr;text-align:left}
  .fnd__img{width:100%;height:auto;aspect-ratio:1/1}
  .mf{margin:0 8px 8px}
  .mf__cols{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
  .mf__seals>img{height:84px}.mf__seal{width:80px;height:80px}.mf__seal img{width:72px;height:72px}
  .mf__word{font-size:15vw}
}
.yc{padding-bottom:0}
.band-wrap{padding-top:24px}
.mf__word{font-size:clamp(60px,13.6vw,210px)}
.mf__word img{filter:none;opacity:.28}

/* ---- footer v2: closer to MindFort ---- */
.close{margin-bottom:0;border-radius:28px}
.mf{margin:24px 12px 12px;border-radius:6px;padding:28px 28px 22px;font-family:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;color:#fff}
.mf::before{display:none}
.mf__top{align-items:flex-start}
.mf__cols{gap:clamp(28px,4.5vw,64px)}
.mf__col{gap:15px;font-size:11px;letter-spacing:.08em;font-weight:400}
.mf__col p{gap:12px;margin-bottom:2px;color:#fff}
.mf__col p::before{width:7px;height:7px;background:transparent;border:1.5px solid #fff;box-sizing:border-box}
.mf__col a{padding-left:19px;color:#fff;opacity:.92}
.mf__col a:hover{color:#2ED87A;opacity:1}
.mf__right{gap:22px}
.mf__meta{gap:20px;font-size:11px;letter-spacing:.1em;align-items:center}
.mf__tag{border:1px solid rgba(255,255,255,.6);padding:4px 7px}
.mf__seals{display:grid;grid-template-columns:repeat(3,auto);gap:14px;justify-items:center;align-items:center}
.mf__crest{grid-column:1/-1;display:flex;gap:10px;padding:10px 12px;background:#fff;border-radius:8px}
.mf__crest img{height:72px;width:auto}
.mf__seal{width:92px;height:92px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.mf__seal img{width:84px;height:84px;border-radius:50%}
.mf__seal--ai img{width:92px;height:92px}
.mf__word{color:#1A3763;margin-top:clamp(36px,5vw,64px);font-weight:500}
.mf__word img{opacity:1;filter:brightness(0) invert(18%) sepia(30%) saturate(900%) hue-rotate(185deg)}
.mf__base{font-size:10.5px;letter-spacing:.1em;color:#fff;opacity:.9;margin-top:22px}
@media (max-width:640px){.mf__seals{grid-template-columns:repeat(3,auto)}.mf__crest img{height:54px}.mf__seal{width:72px;height:72px}.mf__seal img,.mf__seal--ai img{width:66px;height:66px}}

/* ---- section rhythm: one consistent gap ---- */
.sec{padding:clamp(64px,7vw,104px) 0}
.shead{margin-bottom:clamp(32px,4vw,48px)}
.hack{padding-top:24px;padding-bottom:clamp(48px,5vw,72px)}
.founders{padding-top:clamp(48px,5vw,72px)}
.clients{padding:48px 0 0}
#services{padding-top:clamp(64px,6vw,88px)}
.band-wrap{padding:24px 12px clamp(40px,4vw,56px)}
.close__in{padding:clamp(72px,8vw,110px) var(--gut)}
.sec{padding:clamp(48px,5vw,72px) 0}
.yc{padding-top:clamp(48px,5vw,72px)}
.founders{padding-top:clamp(32px,3.5vw,48px)}
.hack{padding-bottom:clamp(32px,3.5vw,48px)}
.close{margin-top:clamp(16px,2vw,24px)}
.sec.hack{padding-top:16px}
.sec.founders{padding-top:clamp(24px,3vw,40px)}
.close__in{padding-top:clamp(56px,6vw,88px)}
.band-wrap{padding-top:0}
.ycx--pin .yc__names{height:min(360px,42vh)}
.fnd__img{background:none;object-position:center 30%}
.reg{padding-top:22px}

/* footer badges: one even strip across the footer */
.mf__right{gap:0}
.mf__trust{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:44px;background:#fff;border-radius:6px;overflow:hidden}
.mf__trust li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 10px 16px}
.mf__trust li+li{border-left:1px solid #E7E4DC}
.mf__b{display:grid;place-items:center;height:76px}
.mf__b img{height:76px;width:auto}
.mf__b img.r{height:72px;width:72px;border-radius:50%}
.mf__trust small{font:500 9.5px/1.3 "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#0B2347;text-align:center}
@media (max-width:860px){.mf__trust{grid-template-columns:repeat(4,minmax(0,1fr))}.mf__trust li:nth-child(5){border-left:0}.mf__trust li:nth-child(n+5){border-top:1px solid #E7E4DC}}
@media (max-width:520px){.mf__trust{grid-template-columns:repeat(2,minmax(0,1fr))}.mf__trust li{border-left:0!important;border-top:1px solid #E7E4DC}.mf__trust li:nth-child(even){border-left:1px solid #E7E4DC!important}.mf__trust li:nth-child(-n+2){border-top:0}.mf__b,.mf__b img{height:60px}.mf__b img.r{height:58px;width:58px}}

/* credentials row: sits on the page colour between the closing CTA and the footer,
   so the colour badges need no box (CREST: no holding devices, light background) */
.cred{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:56px var(--gut)}
.cred__k{font:500 12px/1.3 "Geist Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#0B2347}
.cred__s{margin-top:8px;font-size:15px;color:var(--muted);max-width:240px}
.cred__g{display:flex;align-items:center;gap:36px}
.cred__crest{display:flex;align-items:flex-end;gap:22px}
.cred__crest img{height:92px;width:auto;transition:translate .25s}
.cred__crest:hover img{translate:0 -3px}
.cred__div{width:1px;height:76px;background:rgba(120,86,40,.2)}
.cred__seals{display:flex;align-items:center;gap:22px}
.cred__seals img{width:84px;height:84px;border-radius:50%;box-shadow:0 8px 20px -12px rgba(11,35,71,.45)}
.mf{margin-top:0}
@media (max-width:1100px){.cred{flex-direction:column;align-items:flex-start;gap:28px}}
@media (max-width:640px){.cred{padding:40px 20px}.cred__g{flex-direction:column;align-items:flex-start;gap:24px}.cred__div{display:none}.cred__crest{gap:12px}.cred__crest img{height:70px}.cred__seals img{width:68px;height:68px}}
.cred__seals img.cred__member{width:auto;height:84px;border-radius:0;box-shadow:none}
.cred__crest img.cred__member{height:96px;margin-right:4px}
.cred__div--in{align-self:center;height:70px;margin:0 4px}
.cred__seals img{width:96px;height:96px}
@media (max-width:640px){.cred__crest{flex-wrap:wrap}.cred__div--in{display:none}.cred__crest img.cred__member{height:72px}}

/* footer: light sand block so the CREST colour badges sit inside it with no box
   (CREST: standard badges only on light backgrounds, no holding devices) */
.mf{margin-top:24px;background:#F3E8D6;color:#0B2347}
.mf__col p,.mf__col a,.mf__meta,.mf__base,.mf__base a{color:#0B2347}
.mf__col p::before{border-color:#0B2347}
.mf__col a{opacity:.82}
.mf__col a:hover{color:#138A5B;opacity:1}
.mf__tag{border-color:rgba(11,35,71,.55)}
.mf__base>a:first-child{background:#0B2347;color:#F3E8D6}
.mf__word{color:#E8D9C0}
.mf__word img{filter:none;opacity:.35}
.mf__right{gap:26px}
.mf__badges{gap:22px}
.mf__badges .cred__crest{gap:14px}
.mf__badges .cred__crest img{height:78px}
.mf__badges .cred__crest img.cred__member{height:82px}
.mf__badges .cred__div{background:rgba(11,35,71,.18);height:64px}
.mf__badges .cred__seals img{width:82px;height:82px}
@media (max-width:1100px){.mf__top{flex-direction:column}.mf__right{align-items:flex-start}}
@media (max-width:640px){.mf__badges{flex-direction:row;flex-wrap:wrap;gap:16px}.mf__badges .cred__crest img{height:60px}.mf__badges .cred__crest img.cred__member{height:64px}.mf__badges .cred__seals img{width:64px;height:64px}}
.mf__shield{display:inline-block;height:.82em;aspect-ratio:850/1000;background:currentColor;-webkit-mask:url(img/shield.svg) center/contain no-repeat;mask:url(img/shield.svg) center/contain no-repeat;margin-right:.06em}
@media (max-width:640px){
  .mf__meta{flex-wrap:wrap;gap:10px 16px}
  .mf__meta span{white-space:nowrap}
  .mf__word{font-size:12.4vw}
  .mf__badges .cred__crest img{height:52px}.mf__badges .cred__crest img.cred__member{height:56px}
}