/* Credentia — three-dimensional technology direction */
.hero .visual:before{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:min(720px,118%);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  background:url("media/identity-orb.svg?v=22") center/contain no-repeat;
  opacity:.78;
  z-index:-3;
  mix-blend-mode:screen;
  border-radius:50%;
  filter:blur(.2px);
  animation:orb-drift 22s ease-in-out infinite alternate;
  pointer-events:none;
}
.hero .visual:after{
  content:"";
  position:absolute;
  width:min(460px,78%);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid #e5cf8b38;
  box-shadow:0 0 0 64px #9e6ce006,0 0 110px #c6a15c28,inset 0 0 80px #b48ae012;
  z-index:-2;
  animation:orbital-breathe 8s ease-in-out infinite;
  pointer-events:none;
}
.identity-advantages{position:relative;isolation:isolate;padding-top:80px}
.identity-advantages:before{
  content:"";
  position:absolute;
  z-index:-2;
  top:-40px;
  right:-8%;
  width:min(620px,58vw);
  aspect-ratio:1;
  background:url("media/identity-orb.svg?v=22") center/contain no-repeat;
  opacity:.55;
  mix-blend-mode:screen;
  border-radius:50%;
  animation:orb-float 26s ease-in-out infinite alternate;
  pointer-events:none;
}
.identity-advantages:after{
  content:"";
  position:absolute;
  z-index:-3;
  top:120px;
  right:8%;
  width:min(420px,48vw);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid #d9bc7235;
  box-shadow:0 0 0 55px #b28be008,0 0 0 110px #b28be004;
  animation:orbital-breathe 11s ease-in-out infinite;
  pointer-events:none;
}
.identity-advantages .sectionhead{max-width:none}
.identity-advantages .sectionhead p{display:none}
.value-words{position:relative;overflow:hidden;background:#2a0f4d55;border-color:#e4c68355;backdrop-filter:blur(12px);margin-top:42px}.value-words:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,#efce8640 48%,transparent 58%);transform:translateX(-100%);animation:light-sweep 8s ease-in-out infinite}.value-words>*{position:relative}
.advantage-grid{gap:0;border:1px solid #c2a1df3a;border-radius:16px;overflow:hidden;background:#21103c78;backdrop-filter:blur(13px)}.advantage-card{min-height:190px;border:0;border-top:1px solid #c2a1df2b;border-left:1px solid #c2a1df2b;border-radius:0;background:transparent;padding:29px}.advantage-card:nth-child(-n+3){border-top:0}.advantage-card:nth-child(3n+1){border-left:0}.advantage-card:hover{transform:none;background:linear-gradient(135deg,#6d35a540,#d9b56b14);border-color:#e0bf7b70}.advantage-card .symbol{color:#ecd18c;text-shadow:0 0 20px #e8c57255}.advantage-card h3{font-size:19px}.entity-benefits{margin-top:22px;border-radius:16px;background:#2b124c80;backdrop-filter:blur(15px)}
.audience-credential{width:270px;min-height:430px;padding:47px 22px 24px;border-radius:38px;border:8px solid #09070e;background:linear-gradient(160deg,#f6f4fa,#dfd8e7);box-shadow:0 30px 65px #0f041f90,0 0 0 1px #e0c47755;color:#32194b;position:relative}.audience-credential:before{content:"";position:absolute;top:-1px;left:50%;width:102px;height:24px;background:#09070e;border-radius:0 0 15px 15px;transform:translateX(-50%)}.audience-credential:after{content:"";position:absolute;bottom:15px;left:24px;right:24px;height:1px;background:#b99bcf}.audience-credential .credential-head{color:#523078}.audience-credential .brand-mini{color:#5b2c94}.audience-credential .credential-monogram{background:linear-gradient(145deg,#6c36a9,#9365ca);color:white}.audience-credential strong,.audience-credential small{color:#32194b}.audience-credential .credential-stamp{background:#6a3ba0;color:#fff;border-color:#7952a8}
@keyframes orb-drift{
  0%{transform:translate(-50%,-50%) scale(1) rotate(-4deg)}
  100%{transform:translate(-50%,-52%) scale(1.06) rotate(5deg)}
}
@keyframes orb-float{
  0%{transform:scale(1) rotate(-3deg) translate(0,0)}
  100%{transform:scale(1.05) rotate(4deg) translate(-2%,1%)}
}
@keyframes orbital-breathe{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.06);opacity:1}}
@keyframes light-sweep{0%,30%{transform:translateX(-110%)}58%,100%{transform:translateX(120%)}}
@media(max-width:900px){
  .hero .visual:before{width:min(560px,130%);opacity:.62}
  .identity-advantages:before{width:min(480px,70vw);right:-18%;opacity:.4}
  .advantage-card:nth-child(3n+1){border-left:1px solid #c2a1df2b}
  .advantage-card:nth-child(2n+1){border-left:0}
  .advantage-card:nth-child(3){border-top:1px solid #c2a1df2b}
  .advantage-card:nth-child(-n+2){border-top:0}
}
/* Hero phone — product shot, without overlapping chips */
.hero .visual{
  height:620px;
  overflow:visible;
}
.hero .stage-frame{
  position:absolute;
  inset:18px 8px 28px 8px;
  pointer-events:none;
  z-index:0;
}
.hero .stage-frame:before,
.hero .stage-frame:after{
  content:"";
  position:absolute;
  width:28px;
  height:28px;
}
.hero .stage-frame:before{
  top:0;left:0;
  border-top:2px solid var(--gold);
  border-left:2px solid var(--gold);
}
.hero .stage-frame:after{
  bottom:0;right:0;
  border-bottom:2px solid var(--cyan);
  border-right:2px solid var(--cyan);
}
.hero .card-float{
  width:360px;
  height:560px;
  filter:drop-shadow(18px 42px 48px #09021899);
}
.hero .card-float:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  width:210px;
  height:36px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,#2ee0c555,transparent 70%);
  filter:blur(10px);
  z-index:0;
  pointer-events:none;
}
.hero .credentia-phone{
  width:292px;
  height:560px;
  padding:10px;
  border-radius:44px;
  border:2px solid #8f7aa022;
  background:
    linear-gradient(160deg,#3a3148,#0b0a10 42%,#1c1528);
  box-shadow:
    inset 0 1px 0 #ffffff28,
    inset 0 -18px 28px #0006,
    22px 36px 60px #080214aa,
    0 0 50px #2ee0c51f;
  transform:rotateX(10deg) rotateY(-16deg) rotate(7deg);
  overflow:hidden;
}
.hero .phone-speaker{
  width:92px;
  height:24px;
  border-radius:16px;
  top:8px;
  background:#050508;
  box-shadow:inset 0 0 0 1px #ffffff10;
}
.hero .phone-screen{
  border-radius:36px;
  background:linear-gradient(180deg,#fbfafd,#ece8f2);
  box-shadow:inset 0 0 0 1px #ffffff80;
}
.hero .identity-orbit-label{
  z-index:4;
  white-space:nowrap;
  font:600 10px/1 Manrope,sans-serif;
  letter-spacing:1.4px;
  color:#9af3e4;
  background:#1a0c3399;
  border:1px solid #2ee0c555;
  backdrop-filter:blur(14px);
  border-radius:999px;
  padding:8px 12px;
  box-shadow:0 8px 22px #09021855;
  opacity:.34;
  animation:label-pulse 12s ease-in-out infinite;
}
.hero .label-one{
  top:36px;
  left:-18px;
  right:auto;
  animation-delay:0s;
}
.hero .label-two{
  left:-52px;
  bottom:210px;
  animation-delay:4s;
}
.hero .label-three{
  right:-28px;
  bottom:64px;
  top:auto;
  animation-delay:8s;
}
.hero .float{
  z-index:5;
  gap:10px;
  padding:11px 14px;
  border-radius:16px;
  background:linear-gradient(135deg,#2a1448cc,#1a0c3399);
  border:1px solid #2ee0c544;
  backdrop-filter:blur(18px);
  box-shadow:0 14px 32px #09021855;
  max-width:210px;
}
.hero .float strong{
  font:600 13px/1.25 Manrope,sans-serif;
  color:#f6f1fb;
}
.hero .float small{
  color:#b7ece3;
  font-size:11px;
}
.hero .float .check{
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:15px;
  color:#2ee0c5;
  border-color:#2ee0c555;
  background:#2ee0c514;
}
.hero .float.one{
  top:28px;
  right:-6px;
  left:auto;
}
.hero .float.two{
  bottom:36px;
  left:-18px;
  right:auto;
}
.hero .finish-picker{display:none}
@keyframes label-pulse{
  0%,8%{opacity:.28;transform:translateY(0)}
  12%,26%{opacity:1;transform:translateY(-6px)}
  32%,100%{opacity:.28;transform:translateY(0)}
}
@media(max-width:1150px){
  .hero .float.two{left:-8px}
  .hero .label-two{left:-28px}
}
@media(max-width:900px){
  .hero .visual{height:545px}
  .hero .float{display:none}
  .hero .identity-orbit-label{font-size:9px}
  .hero .label-one{left:0}
  .hero .label-two{left:8px}
  .hero .label-three{right:8px}
}
@media(max-width:560px){
  .hero .visual:before{opacity:.48;width:min(420px,140%)}
  .hero .visual:after{width:min(280px,72%)}
  .hero .float{display:none}
  .hero .identity-orbit-label{display:none}
  .hero .credentia-phone{transform:rotateX(6deg) rotateY(-10deg) rotate(4deg)}
  .identity-advantages{padding-top:93px}
  .identity-advantages:before{top:-30px;right:-28%;width:min(360px,90vw);opacity:.32}
  .identity-advantages .sectionhead h2{font-size:34px;letter-spacing:-.8px}
  .advantage-grid{border-radius:12px}
  .advantage-card,.advantage-card:nth-child(2n+1),.advantage-card:nth-child(3){border-left:0;border-top:1px solid #c2a1df2b}
  .advantage-card:first-child{border-top:0}
  .audience-credential{transform:scale(.92);margin:-8px auto -18px}
}