/* PROVE / 019 — responsive hero and partner identities. */
.hero-v13 .hero-actions{gap:12px;flex-wrap:wrap;margin:24px 0 17px}
.hero-v13 .button-contact{
  border:1px solid rgba(255,255,255,.8);border-radius:4px;
  background:rgba(255,255,255,.1);color:#fff;
  box-shadow:5px 5px 0 rgba(4,20,83,.18);
}
.hero-v13 .button-contact:hover{background:rgba(255,255,255,.2);box-shadow:7px 7px 0 rgba(4,20,83,.2)}
.hero-v13 .hero-ecosystem{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  column-gap:20px;row-gap:9px;max-width:620px;margin:0;padding-top:14px;
  border-top:2px solid rgba(255,255,255,.66);
  animation:none!important;opacity:1;visibility:visible;
}
.hero-v13 .ecosystem-label{
  flex:0 0 100%;width:100%;margin:0 0 2px;color:#fff5db;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.hero-v13 .ecosystem-brand{
  display:inline-flex;align-items:center;width:auto;min-width:0;min-height:0;
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;
}
.hero-v13 .ecosystem-brand+.ecosystem-brand:before{display:none}
.hero-v13 .ecosystem-brand strong{
  color:#fff;font-size:clamp(15px,1.4vw,19px);font-weight:800;
  letter-spacing:-.035em;text-shadow:0 2px 9px rgba(5,27,100,.25);
  text-transform:none;white-space:nowrap;
}
.site-header{
  left:50%;width:min(calc(100% - 32px),1160px);
  transform:translateX(-50%);
}
.hero-v13 .hero-eyebrow,.hero-v13 .hero-subtitle{
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.hero-v13 .hero-ecosystem{column-gap:17px;row-gap:13px}
.hero-v13 .ecosystem-brand{gap:6px;white-space:nowrap}
.hero-v13 .ecosystem-brand img{display:block;width:35px;height:35px;flex:none;object-fit:contain}
.hero-v13 .partner-wordmark{color:#fffaf0;font-size:17px;font-weight:800;letter-spacing:-.055em;line-height:1}
.hero-v13 .ecosystem-cadrane .partner-wordmark{font-size:18px;letter-spacing:-.07em;text-transform:lowercase}
.hero-v13 .cadrane-star{margin-left:2px;color:#dfff69;font-size:.8em;vertical-align:.07em}
.hero-v13 .ecosystem-modus .partner-wordmark{font-size:16px;letter-spacing:.03em}
.hero-v13 .ecosystem-vimeri .partner-wordmark{font-size:17px;letter-spacing:-.065em}
.hero-v13 .ecosystem-kelio{gap:5px}
.hero-v13 .kelio-monogram{display:inline-block;color:#fff;font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:-.1em;line-height:1;transform:skewY(-5deg)}
.hero-v13 .kelio-name{color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1.05}
@media(min-width:761px) and (max-width:1080px){
  .site-header{width:min(calc(100% - 44px),850px);min-height:62px;padding:8px 18px}
  .site-header .wordmark{font-size:32px}
  .site-header .desktop-nav{gap:18px}
  .hero-v13{min-height:max(760px,100svh);padding:148px 32px 64px}
  .hero-v13 .hero-content{width:56%;max-width:560px;margin:0}
  .hero-v13 .hero-eyebrow{margin-bottom:21px}
  .hero-v13 h1{font-size:clamp(56px,6.25vw,70px)}
  .hero-v13 .hero-subtitle{max-width:460px;margin-top:22px;font-size:15px;line-height:1.45}
  .hero-v13 .hero-actions{gap:10px;margin:21px 0 18px}
  .hero-v13 .hero-actions .button{gap:16px;padding:15px 17px;font-size:13px}
  .hero-v13 .hero-ecosystem{max-width:390px;column-gap:15px;row-gap:11px;padding-top:12px}
  .hero-v13 .ecosystem-label{font-size:10px}
  .hero-v13 .hero-world{
    position:absolute;top:172px;right:-1%;bottom:75px;left:auto;
    width:57%;height:auto;min-width:0;margin:0;overflow:visible;
  }
  .hero-v13 .hero-character-film{right:49%;width:48%}
  .hero-v13 .hero-character-app{right:28%;width:42%}
  .hero-v13 .hero-character-platform{right:0;width:48%}
  .hero-v13 .hero-ring{top:24%;right:-18%;width:72vw}
  .hero-v13 .hero-bottom{position:absolute;right:32px;bottom:17px;left:32px;width:auto;margin:0}
}
@media(min-width:761px) and (max-width:860px){
  .hero-v13{padding-left:25px;padding-right:25px}
  .hero-v13 .hero-content{width:60%}
  .hero-v13 h1{font-size:54px}
  .hero-v13 .hero-world{right:0;width:54%}
  .hero-v13 .hero-ecosystem{column-gap:12px}
  .hero-v13 .ecosystem-brand img{width:29px;height:29px}
  .hero-v13 .partner-wordmark,.hero-v13 .ecosystem-cadrane .partner-wordmark{font-size:15px}
  .hero-v13 .kelio-monogram{font-size:25px}
}
@media(min-width:681px) and (max-width:760px){
  .site-header{width:calc(100% - 28px)}
  .hero-v13{padding-top:120px}
  .hero-v13 h1{font-size:clamp(56px,8vw,64px)}
  .hero-v13 .hero-world{height:420px;margin-top:0}
}
@media(max-width:680px){
  .site-header{width:calc(100% - 16px)}
  .hero-v13{padding-top:105px}
  .hero-v13 .hero-eyebrow{margin-bottom:17px}
  .hero-v13 .hero-subtitle{margin-top:18px}
  .hero-v13 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0 15px}
  .hero-v13 .hero-actions .button{min-width:0;padding:12px 10px;gap:5px;font-size:12px}
  .hero-v13 .hero-actions .button span:first-child{min-width:0;white-space:normal;line-height:1.1}
  .hero-v13 .hero-ecosystem{column-gap:14px;row-gap:7px;padding-top:12px}
  .hero-v13 .ecosystem-label{font-size:10px}
  .hero-v13 .ecosystem-brand strong{font-size:14px}
  .hero-v13 .ecosystem-brand img{width:27px;height:27px}
  .hero-v13 .partner-wordmark,.hero-v13 .ecosystem-cadrane .partner-wordmark{font-size:14px}
  .hero-v13 .ecosystem-modus .partner-wordmark{font-size:13px}
  .hero-v13 .kelio-monogram{font-size:23px}
  .hero-v13 .kelio-name{font-size:7px}
}

/* PROVE / 020 — a four-brand network, with a distinct Refrontely identity. */
.collaborations{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:start;gap:clamp(42px,6vw,100px);
  background:#edf3f5;
}
.collab-copy{position:sticky;top:135px}
.collab-copy>p{max-width:490px}
.partner-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.partner-card{
  position:relative;isolation:isolate;overflow:hidden;min-height:254px;
  padding:22px;display:flex;flex-direction:column;
  border:1px solid #c8d8de;border-radius:17px;
  box-shadow:0 16px 34px rgba(18,51,65,.07);
  transition:transform .35s ease,box-shadow .35s ease;
}
.partner-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(18,51,65,.13)}
.partner-card-top{position:relative;z-index:1;gap:8px;font-size:9px;letter-spacing:.11em}
.partner-card-top span:last-child{white-space:nowrap}
.partner-card p{position:relative;z-index:1;max-width:31ch;font-size:13px;line-height:1.5}
.network-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:auto 0 17px;min-width:0}
.network-brand img{width:58px;height:58px;flex:none;object-fit:contain}
.network-brand>span{min-width:0;font-size:clamp(28px,2.4vw,38px);font-weight:800;letter-spacing:-.075em;line-height:1.05;white-space:nowrap}
.partner-card-vimeri{background:linear-gradient(145deg,#fff 0%,#f6f7ff 100%)}
.partner-card-vimeri .network-brand>span{color:#1c2854}
.partner-card-kadran{border-color:#203628;background:radial-gradient(circle at 85% 11%,#395837 0,transparent 37%),#19261e;color:#fff}
.partner-card-kadran .network-brand>span{color:#f9fff1;letter-spacing:-.085em;text-transform:lowercase}
.partner-card-kadran .network-brand b{margin-left:3px;color:#dfff69;font-size:.7em;vertical-align:.12em}
.partner-card-kadran p{color:#d6e7d6}
.partner-card-modus{border-color:#bac9c4;background:linear-gradient(135deg,#dce9e5,#f7f9f3);color:#182d31}
.partner-card-modus:before{content:"";position:absolute;right:-62px;bottom:-76px;width:210px;height:210px;border:1px solid rgba(24,45,49,.14);border-radius:50%;box-shadow:0 0 0 32px rgba(24,45,49,.035),0 0 0 64px rgba(24,45,49,.025)}
.partner-card-modus .network-brand>span{font-size:clamp(28px,2.3vw,36px);letter-spacing:.035em;font-weight:800}
.network-brand-modus img{filter:drop-shadow(0 7px 12px rgba(20,52,45,.2))}
.partner-card-modus p{color:#53646a}
.partner-card-refrontely{border-color:#533ce4;background:radial-gradient(circle at 78% 11%,#795eff 0,transparent 48%),linear-gradient(135deg,#302087,#5b43ed);color:#fff}
.partner-card-refrontely:before{content:"";position:absolute;right:-39px;bottom:-50px;width:190px;height:190px;border:1px solid rgba(255,255,255,.18);border-radius:33px;transform:rotate(-9deg);box-shadow:-31px -31px 0 -1px rgba(255,255,255,.065),-62px -62px 0 -1px rgba(255,255,255,.035)}
.partner-card-refrontely .partner-card-top{color:#ddd6ff}
.network-brand-refrontely{gap:10px}
.network-brand-refrontely img{width:62px;height:62px;filter:drop-shadow(0 8px 13px rgba(22,13,82,.27));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.partner-card-refrontely:hover .network-brand-refrontely img{transform:translateY(-4px) rotate(-5deg)}
.network-brand-refrontely>span{color:#fff;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(23px,2vw,32px);font-weight:800;letter-spacing:-.08em}
.network-brand-refrontely .refrontely-dot{color:#dcff92}
.partner-card-refrontely p{color:#e2dcff}
.partner-note{grid-column:1/-1;margin:3px 0 0}
@media(max-width:1080px){
  .collaborations{grid-template-columns:1fr;gap:44px}
  .collab-copy{position:static}
  .partner-card{min-height:238px}
  .network-brand>span{font-size:clamp(29px,4vw,40px)}
  .network-brand-refrontely>span{font-size:clamp(25px,3.3vw,35px)}
}
@media(max-width:680px){
  .collaborations{gap:34px}
  .partner-stack{grid-template-columns:1fr;gap:12px}
  .partner-card{min-height:204px;padding:20px}
  .network-brand{margin:auto 0 12px}
  .network-brand img{width:50px;height:50px}
  .network-brand-refrontely img{width:58px;height:58px}
  .network-brand-refrontely>span{font-size:clamp(25px,7.5vw,34px)}
  .partner-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.partner-card,.network-brand-refrontely img{transition:none}}

/* PROVE / 021 — Refrontely joins the hero; Kelio Scott joins the network. */
.hero-v13 .ecosystem-refrontely .partner-wordmark{font-family:Manrope,"DM Sans",sans-serif;font-size:16px;letter-spacing:-.075em}
.hero-v13 .ecosystem-refrontely .partner-wordmark span{color:#dcff92}
.hero-v13 .ecosystem-refrontely img{filter:drop-shadow(0 3px 6px rgba(20,11,85,.25))}
@media(min-width:861px) and (max-width:1080px){.hero-v13 .hero-ecosystem{max-width:330px}}
@media(min-width:761px) and (max-width:860px){.hero-v13 .hero-ecosystem{max-width:290px}}
.partner-card-kelio{
  grid-column:1/-1;min-height:238px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
  grid-template-rows:auto 1fr;column-gap:28px;
  border-color:#d6d2c8;
  background:linear-gradient(130deg,#fffefa,#f4f0e8);
  color:#141414;
}
.partner-card-kelio:before{
  content:"KS";position:absolute;right:2%;top:-50px;
  font-family:Anton,Impact,sans-serif;font-size:260px;line-height:1;
  letter-spacing:-.11em;color:transparent;-webkit-text-stroke:1px rgba(16,16,16,.09);
  transform:skewY(-5deg);pointer-events:none;
}
.partner-card-kelio .partner-card-top{grid-column:1/-1}
.network-brand-kelio{align-self:end;gap:20px;margin:0}
.network-brand-kelio .kelio-card-mark{
  color:#111;font-family:Anton,Impact,sans-serif;font-size:88px;
  font-weight:400;letter-spacing:-.11em;line-height:.9;
  transform:skewY(-5deg);
}
.network-brand-kelio .kelio-card-name{
  padding-left:14px;border-left:2px solid #ef5c3a;color:#252525;
  font-size:25px;font-weight:800;letter-spacing:-.06em;line-height:.91;
}
.partner-card-kelio p{align-self:end;max-width:32ch;margin:0;color:#575551;font-size:14px}
@media(min-width:681px) and (max-width:860px){
  .hero-v13 .ecosystem-refrontely .partner-wordmark{font-size:14px}
}
@media(max-width:680px){
  .hero-v13 .ecosystem-refrontely .partner-wordmark{font-size:13px}
  .partner-card-kelio{display:flex;min-height:204px}
  .partner-card-kelio:before{right:4%;top:0;font-size:200px}
  .network-brand-kelio{gap:16px;margin:auto 0 13px}
  .network-brand-kelio .kelio-card-mark{font-size:64px}
  .network-brand-kelio .kelio-card-name{font-size:21px}
  .partner-card-kelio p{align-self:auto;font-size:13px}
}
@media(max-width:420px){.hero-v13 .hero-ecosystem{max-width:290px}}

/* The blue navigation state follows the section in view. */
.site-header .desktop-nav a{
  padding:11px 17px;
  border:1px solid transparent;
  border-radius:5px;
  color:#121d39;
}
.site-header .desktop-nav a:last-child:not(.is-active){
  border-color:#c8d3ea;
  background:transparent;
  color:#121d39;
}
.site-header .desktop-nav a.is-active{
  border-color:#204bc7;
  background:#204bc7;
  color:#fff;
}
.mobile-nav a.is-active{
  background:#e9efff;
  color:#204bc7;
}