/* ===== Stashlar inner pages (extends style.css) ===== */
body{overflow-x:clip}
nav a[aria-current=page]{color:#6d3be0;font-weight:600}
nav li.cur-p>a{color:#6d3be0}
.up{display:grid;place-items:center;border:0;cursor:pointer;color:#fff;font-size:20px}
.up[hidden]{display:none}

/* page hero tweaks */
.phero{padding:84px 0 60px}
.phero .lead-h{max-width:760px;margin:0;color:#e6e1ff;font-size:clamp(17px,2vw,21px);font-weight:500}
.phero .hero-cta2{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.phero .btn.o{color:#fff;border-color:rgba(255,255,255,.55)}
.phero .btn.o:hover{background:#fff;color:#4b23b8;border-color:#fff}

/* two-column layout: content + sticky sidebar */
.pg{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:44px;align-items:start;padding:64px 0 24px}
.pg-main>section{padding:0 0 60px}
.pg-main h2{font-size:clamp(26px,3.2vw,38px);margin:0 0 .5em}
.eyebrow{display:inline-block;margin-bottom:10px;font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6d3be0}
.pg-main p{color:var(--mu);font-size:16.5px;margin:0 0 14px}
.pg-main .tagline{font:600 clamp(18px,2vw,21px)/1.4 'Space Grotesk',sans-serif;color:var(--tx);padding-left:16px;border-left:4px solid;border-image:linear-gradient(#8b55fb,#fc9a5a) 1;margin:20px 0}
.pg-main strong{color:var(--tx)}

/* feature cards */
.cardg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;margin-top:26px}
.fcard{position:relative;display:flex;flex-direction:column;padding:26px 24px 24px;border-radius:18px;background:#fff;border:1px solid var(--bd);transition:transform .3s,box-shadow .3s,border-color .3s}
.fcard:hover{transform:translateY(-4px);border-color:#cfc6ee;box-shadow:0 16px 36px rgba(26,16,51,.09)}
.nb{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,#8b55fb,#fc9a5a);color:#fff;font:700 15px 'Space Grotesk',sans-serif}
.fcard h3{font-size:19px;line-height:1.25;margin:0 0 10px}
.fcard p{font-size:15px;margin:0 0 10px;color:var(--mu)}
ul.chk{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
ul.chk li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:var(--mu)}
ul.chk li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#8b55fb,#fc9a5a)}
ul.chk li::after{content:"";position:absolute;left:5.5px;top:6.4px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fcard p.bv,.pg-main p.bv{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:rgba(139,85,251,.07);border-left:3px solid #8b55fb;font-size:14.5px;color:var(--tx)}
.fcard p.bv strong{color:#4b23b8}

/* technology / label grid */
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:22px 0}
.tcard{padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--bd)}
.tcard b{display:block;margin-bottom:4px;font:600 15px 'Space Grotesk',sans-serif;color:#4b23b8}
.tcard span{font-size:14.5px;color:var(--mu);line-height:1.5}

/* outcomes band */
.out{padding:38px 36px!important;margin-bottom:60px;border-radius:26px;color:#fff}
.pg-main .out h2{color:#fff}
.pg-main .out p{color:#d4ccef}
.out ul.chk{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px 26px;margin-top:20px}
.out ul.chk li{color:#f1edff;font-size:15.5px}
.out ul.chk li::before{background:linear-gradient(135deg,#b79bff,#ffb877)}
.out ul.chk li::after{border-color:#1a1033}

/* sidebar */
.aside{position:sticky;top:96px;display:grid;gap:18px}
.sidecard{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--bd);box-shadow:0 10px 30px rgba(26,16,51,.06)}
.sidecard h3{font-size:20px;margin:0 0 4px}
.sidecard>p{margin:0 0 14px;font-size:14px;color:var(--mu)}
.sidecard form{gap:10px}
.sidecard .r2{grid-template-columns:1fr}
.sidecard input,.sidecard select,.sidecard textarea{padding:11px 12px;font-size:14.5px}
.sidecard .btn{width:100%;text-align:center}
.sidecard .cb2{font-size:12.5px}
.sidelinks{padding:20px 22px}
.sidelinks h4{margin:0 0 10px;font:600 13px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.sidelinks a{display:block;padding:9px 12px;margin:0 -12px;border-radius:10px;font-size:14.5px;color:var(--tx);transition:background .2s,color .2s,padding .2s}
.sidelinks a:hover{background:rgba(139,85,251,.08);color:#4b23b8;padding-left:16px}
.sidelinks a[aria-current=page]{background:rgba(139,85,251,.12);color:#4b23b8;font-weight:600}
.callcard{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#4b23b8,#8b55fb 55%,#c9490a)}
.callcard small{display:block;font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.callcard b{font:700 20px 'Space Grotesk',sans-serif}
.callcard .ci{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);font-size:20px;flex:none}

/* related + cta */
.relg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin-top:24px}
.relc{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--bd);transition:transform .3s,border-color .3s,box-shadow .3s}
.relc:hover{transform:translateY(-4px);border-color:#8b55fb;box-shadow:0 14px 30px rgba(139,85,251,.14)}
.relc h3{font-size:18px;margin:0}
.relc p{margin:0;font-size:14px;color:var(--mu);flex:1}
.relc span{font:600 14px Inter,sans-serif;color:#6d3be0}
.cta p{max-width:620px;margin:0 auto 22px;font-size:17px}
.cta h2{font-size:clamp(28px,4.4vw,52px)}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta{text-align:center}

/* generic blocks */
.wrap-sec{padding:64px 0}
.wrap-sec.alt{background:var(--sf)}
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.twoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:26px}
.icard{padding:28px;border-radius:20px;background:#fff;border:1px solid var(--bd)}
.icard h3{font-size:21px;margin:0 0 12px}
.icard p,.icard li{color:var(--mu);font-size:15.5px}
.icard address{font-style:normal;margin:0 0 12px;color:var(--mu);line-height:1.6}
.icard address b{display:block;color:var(--tx)}
.cinfo{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.cinfo li{display:flex;gap:14px;align-items:flex-start}
.cinfo .ci{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,#8b55fb,#fc9a5a);color:#fff;font-size:18px}
.cinfo b{display:block;font:600 13px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.cinfo a{color:var(--tx);font-weight:500}
.cinfo a:hover{color:#6d3be0}
.soon{padding:44px 34px;border-radius:24px;text-align:center;background:linear-gradient(135deg,rgba(139,85,251,.08),rgba(252,154,90,.1));border:1px dashed #cfc6ee}
.soon h2{font-size:clamp(24px,3vw,34px)}
.soon p{max-width:560px;margin:0 auto 18px;color:var(--mu)}

/* industries */
.indg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}
.indc{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--bd);transition:transform .3s,box-shadow .3s,border-color .3s}
.indc:hover{transform:translateY(-6px);border-color:#cfc6ee;box-shadow:0 18px 40px rgba(26,16,51,.1)}
.indc .im{aspect-ratio:4/3;background-size:cover;background-position:center;position:relative}
.indc .im.fb{display:grid;place-items:center}
.indc .im.fb svg{width:84px;height:84px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.indc .im.fb .ac{stroke:#ffd9ae}
.indc .ib{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.indc h3{font-size:20px;margin:0 0 4px}
.indc p{margin:0 0 14px;font-size:14.5px;color:var(--mu);flex:1}
.indc a{font:600 14px Inter,sans-serif;color:#6d3be0}

/* clients */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.logo-t{display:grid;place-items:center;height:104px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid var(--bd);transition:transform .3s,box-shadow .3s,border-color .3s}
.logo-t:hover{transform:translateY(-5px);border-color:#cfc6ee;box-shadow:0 14px 30px rgba(26,16,51,.1)}
.logo-t img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.logo-t.dk{background:#16213a;border-color:#16213a}
.cnt{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:40px}
.cnt div{padding:22px 14px;border-radius:18px;text-align:center;background:#fff;border:1px solid var(--bd)}
.cnt b{display:block;font:700 clamp(28px,4vw,40px) 'Space Grotesk',sans-serif}
.cnt span{font-size:14px;color:var(--mu)}

/* founders page */
.fmsg{display:grid;grid-template-columns:360px minmax(0,1fr);gap:44px;align-items:start;padding:30px 0}
.fmsg+.fmsg{border-top:1px solid var(--bd);padding-top:50px}
.fmsg .ph{border-radius:22px;aspect-ratio:4/5;overflow:hidden;box-shadow:0 20px 50px rgba(26,16,51,.15)}
.fmsg .ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%;clip-path:none!important;transform:none!important}
.fmsg .who{margin:0 0 4px;font-size:clamp(26px,3.4vw,38px)}
.fmsg .rl{margin:0 0 6px;font-weight:600;color:#6d3be0}
.fmsg .co{margin:0 0 22px;color:var(--mu);font-size:14.5px}
.fmsg .msg p{color:var(--mu);font-size:16.5px;line-height:1.75;margin:0 0 16px}
.fmsg .msg p:first-child::first-letter{float:left;margin:4px 10px 0 0;font:700 56px/.85 'Space Grotesk',sans-serif;color:#8b55fb}
.fmsg.rev{grid-template-columns:minmax(0,1fr) 360px}
.fmsg.rev .ph{order:2}

/* legal pages */
.lpage{max-width:900px;margin:0 auto;padding:56px 20px 30px}
.lpage .lb2{max-height:none;overflow:visible;padding:0;font-size:16px}
.lpage .lb2 h3{font-size:22px;margin:34px 0 10px;color:#4b23b8}
.lpage .lb2 h4{font-size:17px}

/* portfolio */
#projects .pj{height:100%}
.hidden-card{display:none!important}

/* product page */
.prod{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.prod .pimg{border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(26,16,51,.15);aspect-ratio:3/2;background:#1a1033}
.prod .pimg img{display:block;width:100%;height:100%;object-fit:cover}
.meta-l{display:grid;gap:10px;margin:18px 0 24px}
.meta-l div{display:flex;gap:14px;font-size:15px}
.meta-l dt{flex:none;width:96px;color:var(--mu)}
.meta-l dd{margin:0;font-weight:600}

.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

@media (max-width:980px){
  .pg{grid-template-columns:1fr;gap:20px;padding-top:44px}
  .aside{position:static}
  .two,.prod{grid-template-columns:1fr;gap:28px}
  .fmsg,.fmsg.rev{grid-template-columns:1fr;gap:24px}
  .fmsg.rev .ph{order:0}
  .fmsg .ph{max-width:420px}
}
@media (max-width:640px){
  .phero{padding:60px 0 44px}
  .out{padding:28px 22px!important}
  .pg-main>section{padding-bottom:44px}
  .soon{padding:32px 20px}
}

/* social icons: neutralise legacy .fb (founder card body) clash */
.soc a.sb{flex:none;padding:0}

.twoc.cform{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
@media (max-width:900px){.twoc.cform{grid-template-columns:1fr}}
.cinfo a,.cinfo div{overflow-wrap:anywhere}
.pg-main .out .tagline{color:#fff;margin:6px 0 4px}
.pg-main .out strong,.pg-main .out li{color:#f1edff}
.pg-main .out strong{color:#fff}

/* hub pages */
.hubg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px}
.hubc{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border-radius:20px;background:#fff;border:1px solid var(--bd);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.hubc:hover{transform:translateY(-6px);border-color:#8b55fb;box-shadow:0 18px 40px rgba(139,85,251,.15)}
.hubc h3{font-size:21px;margin:4px 0 0}
.hubc p{margin:0;flex:1;font-size:15px;color:var(--mu)}
.hubc .more{font:600 14px Inter,sans-serif;color:#6d3be0}
.hubc .nb{margin-bottom:6px}
.ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#8b55fb,#fc9a5a)}
.ico svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico svg .ac{stroke:#ffe7c9}
.hubimg{display:block;margin:-26px -24px 8px;aspect-ratio:3/2;overflow:hidden;background:#1a1033}
.hubimg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hubc:hover .hubimg img{transform:scale(1.06)}
