/* ScopeX — home / about / contact mascot + polish layer (additive only) */

.sxm-band, .sxm {
  --blue:#2059e9; --deep:#1a47c4; --mid:#6f9bf5; --soft:#c8d9f7; --tint:#eef3fc;
  --navy:#0d1d36; --ink:#101d35; --body:#51617c; --line:#e4ebf6;
  --disp:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --sans:'Geist',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------------------------------------------------------------- overlay figures */
.sxm{position:absolute;pointer-events:none;z-index:1;display:none;line-height:0;}
.sxm picture{display:block;position:relative;z-index:2;}
.sxm img{display:block;width:100%;height:auto;
  filter:drop-shadow(0 26px 40px rgba(13,29,54,.22));}
.sxm__glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:130%;aspect-ratio:1;border-radius:50%;z-index:1;
  background:radial-gradient(circle,rgba(32,89,233,.18) 0%,rgba(32,89,233,.05) 46%,rgba(32,89,233,0) 70%);}
.sxm--on-dark .sxm__glow{background:radial-gradient(circle,rgba(111,155,245,.24) 0%,rgba(32,89,233,.06) 48%,rgba(32,89,233,0) 72%);}
.sxm--on-dark .sxm img{filter:drop-shadow(0 26px 44px rgba(0,0,0,.5));}

.sxm__chip{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);
  border-radius:13px;box-shadow:0 16px 34px rgba(13,29,54,.16);padding:10px 14px;
  display:flex;align-items:center;gap:10px;line-height:1.2;}
.sxm__chip .ic{width:28px;height:28px;border-radius:8px;background:var(--tint);color:var(--blue);
  display:flex;align-items:center;justify-content:center;flex:none;}
.sxm__chip b{display:block;font-family:var(--disp);font-size:12.5px;font-weight:700;color:var(--navy);}
.sxm__chip span{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#7787a0;margin-top:2px;}

@keyframes sxmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.sxm--float{animation:sxmFloat 7s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.sxm--float{animation:none!important;}}

/* home hero */
.sx-hero{position:relative;}
.sxm--home-hero{right:max(10px,calc(50% - 750px));bottom:178px;width:clamp(230px,17vw,300px);}
.sxm--home-hero .sxm__chip{left:-64px;bottom:27%;}
@media (min-width:1400px){.sxm--home-hero{display:block;}}
@media (min-width:1400px) and (max-width:1559px){.sxm--home-hero .sxm__chip{display:none;}}

/* home problem section */
.sx-problem{position:relative;overflow:hidden;}
.sxm--home-problem{left:calc(50% - 700px);top:96px;width:clamp(210px,16vw,260px);}
@media (min-width:1340px){.sxm--home-problem{display:block;}}


/* ---------------------------------------------------------------- mascot band */
.sxm-band{position:relative;overflow:hidden;font-family:var(--sans);color:var(--body);
  padding:88px 0;background:linear-gradient(180deg,#fff 0%,var(--tint) 34%,var(--tint) 66%,#fff 100%);}
.sxm-band--navy{background:var(--navy);color:#93a7c9;}
.sxm-band--plain{background:#fff;}
.sxm-band *{box-sizing:border-box;}
.sxm-band h2,.sxm-band h3{border:0!important;margin:0;text-transform:none;text-shadow:none;
  font-family:var(--disp);letter-spacing:-.022em;line-height:1.12;}
.sxm-band p,.sxm-band li{margin:0;font-family:var(--sans);}
.sxm-band ul{list-style:none;margin:0;padding:0;}
.sxm-band img{max-width:100%;display:block;}

.sxm-band__in{max-width:1220px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center;}
.sxm-band--flip .sxm-band__in{grid-template-columns:1.18fr .82fr;}
.sxm-band--flip .sxm-band__art{order:2;}

.sxm-band__art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:300px;}
.sxm-band__art picture{position:relative;z-index:2;width:min(330px,100%);}
.sxm-band__art img{width:100%;height:auto;filter:drop-shadow(0 28px 44px rgba(13,29,54,.2));}
.sxm-band--navy .sxm-band__art img{filter:drop-shadow(0 28px 48px rgba(0,0,0,.55));}
.sxm-band__disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);
  width:min(420px,96%);aspect-ratio:1;border-radius:50%;z-index:1;
  background:radial-gradient(circle,rgba(32,89,233,.16) 0%,rgba(32,89,233,.05) 48%,rgba(32,89,233,0) 70%);}
.sxm-band--navy .sxm-band__disc{background:radial-gradient(circle,rgba(111,155,245,.22) 0%,rgba(32,89,233,.06) 50%,rgba(32,89,233,0) 72%);}

.sxm-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--blue);display:inline-flex;align-items:center;gap:9px;}
.sxm-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;}
.sxm-band--navy .sxm-eyebrow{color:var(--mid);}
.sxm-band h2.sxm-h2{font-size:clamp(27px,3.3vw,42px);font-weight:800;color:var(--ink)!important;margin:16px 0 0;}
.sxm-band h2.sxm-h2 em{font-style:normal;color:var(--blue);}
.sxm-band--navy h2.sxm-h2{color:#fff!important;}
.sxm-band--navy h2.sxm-h2 em{color:var(--mid);}
.sxm-lead{font-size:16px;line-height:1.68;margin-top:14px;color:var(--body);max-width:620px;}
.sxm-band--navy .sxm-lead{color:#93a7c9;}

.sxm-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;}
.sxm-point{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;
  display:flex;gap:12px;align-items:flex-start;box-shadow:0 14px 32px rgba(13,29,54,.06);
  transition:transform .25s,box-shadow .25s,border-color .25s;}
.sxm-point:hover{transform:translateY(-3px);border-color:var(--soft);box-shadow:0 22px 42px rgba(13,29,54,.11);}
.sxm-band--navy .sxm-point{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);box-shadow:none;}
.sxm-band--navy .sxm-point:hover{background:rgba(255,255,255,.1);border-color:rgba(111,155,245,.45);}
.sxm-point .ic{width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--blue);
  display:flex;align-items:center;justify-content:center;flex:none;}
.sxm-band--navy .sxm-point .ic{background:rgba(111,155,245,.16);color:var(--mid);}
.sxm-point b{display:block;font-family:var(--disp);font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.25;}
.sxm-band--navy .sxm-point b{color:#fff;}
.sxm-point p{font-size:12.5px;line-height:1.58;color:var(--body);margin-top:4px;}
.sxm-band--navy .sxm-point p{color:#93a7c9;}

.sxm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.sxm-band a.sxm-btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;
  font-family:var(--sans);font-weight:600;font-size:15px;padding:14px 25px;text-decoration:none;
  border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;}
.sxm-band a.sxm-btn--p{background:var(--blue)!important;color:#fff!important;box-shadow:0 14px 30px rgba(32,89,233,.3);}
.sxm-band a.sxm-btn--p:hover{background:var(--deep)!important;transform:translateY(-2px);}
.sxm-band a.sxm-btn--s{background:#fff!important;color:var(--navy)!important;border-color:var(--line);
  box-shadow:0 10px 24px rgba(13,29,54,.08);}
.sxm-band a.sxm-btn--s:hover{transform:translateY(-2px);border-color:var(--soft);}
.sxm-band--navy a.sxm-btn--s{background:rgba(255,255,255,.1)!important;color:#fff!important;
  border-color:rgba(255,255,255,.3);box-shadow:none;}
.sxm-band--navy a.sxm-btn--s:hover{background:rgba(255,255,255,.2)!important;}

/* reveal */
html.sxm-js .sxm-band [data-sxm-rv]{opacity:0;transform:translateY(16px);}
html.sxm-js .sxm-band [data-sxm-rv].sxm-in{opacity:1;transform:none;
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
@media (prefers-reduced-motion:reduce){
  html.sxm-js .sxm-band [data-sxm-rv]{opacity:1!important;transform:none!important;}
}

/* ---------------------------------------------------------------- responsive */
@media (max-width:900px){
  .sxm-band{padding:64px 0;}
  .sxm-band__in,.sxm-band--flip .sxm-band__in{grid-template-columns:1fr;gap:26px;}
  .sxm-band--flip .sxm-band__art{order:0;}
  .sxm-band__art{min-height:0;}
  .sxm-band__art picture{width:min(260px,72%);}
}
@media (max-width:560px){
  .sxm-points{grid-template-columns:1fr;}
  .sxm-band__in{padding:0 18px;}
}