.profile-v11{
  position:relative;
  overflow:hidden;
  padding:92px 0 104px;
  background:
    radial-gradient(circle at 8% 84%,rgba(68,91,255,.16),transparent 26%),
    radial-gradient(circle at 79% 42%,rgba(93,74,255,.19),transparent 35%),
    radial-gradient(circle at 70% 28%,rgba(38,159,255,.09),transparent 22%),
    linear-gradient(180deg,#030b18 0%,#030814 100%);
}
.profile-v11::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(78,106,194,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,106,194,.065) 1px,transparent 1px);
  background-size:58px 58px;
  opacity:.24;
  pointer-events:none;
}
.profile-v11::after{
  content:"";
  position:absolute;
  inset:auto -10% -38% 28%;
  height:72%;
  background:radial-gradient(ellipse,rgba(76,89,255,.14),transparent 66%);
  filter:blur(42px);
  pointer-events:none;
}
.profile-v11-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(430px,.8fr) minmax(680px,1.2fr);
  gap:30px;
  align-items:center;
}
.profile-v11-copy{max-width:580px;padding-left:2px}
.profile-v11-eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:14px;
  margin-bottom:22px!important;
  color:#9cadd5!important;
}
.profile-v11-eyebrow::after{
  content:"";
  width:64px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#55bdff 0%,#8c6cff 62%,transparent 100%);
  box-shadow:0 0 14px rgba(86,166,255,.35);
}
.profile-v11 .profile-v11-title{
  margin:0!important;
  max-width:none!important;
  font-size:clamp(2.72rem,3.6vw,4.05rem)!important;
  line-height:.985!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.profile-v11-title>span{display:block;white-space:nowrap}
.profile-v11-title em{
  font-style:normal;
  color:transparent;
  background:linear-gradient(96deg,#4bb7ff 0%,#6d8dff 44%,#a96eff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 22px rgba(104,112,255,.2));
}
.profile-v11-lead{
  max-width:500px;
  margin:28px 0 0;
  color:#a9b4cf;
  font-size:1.02rem;
  line-height:1.72;
}
.profile-v11-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:28px;
  min-height:58px;
  padding:0 24px;
  gap:14px;
  border-radius:18px;
  border:1px solid rgba(111,146,255,.46);
  background:linear-gradient(135deg,rgba(20,43,86,.95),rgba(34,23,73,.94));
  box-shadow:
    0 18px 42px rgba(0,0,0,.34),
    0 0 0 1px rgba(98,130,255,.08),
    0 0 28px rgba(75,126,255,.17),
    inset 0 1px 0 rgba(255,255,255,.1);
}
.profile-v11-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(54,185,255,.13),rgba(165,84,255,.2));
}
.profile-v11-cta::after{
  content:"";
  position:absolute;
  left:-50%;top:-130%;
  width:60%;height:340%;
  z-index:-1;
  transform:rotate(19deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transition:left .62s ease;
}
.profile-v11-cta b{font-size:1.4rem;color:#b495ff}
.profile-v11-cta:hover{
  transform:translateY(-3px);
  border-color:rgba(145,177,255,.75);
  box-shadow:
    0 22px 48px rgba(0,0,0,.38),
    0 0 0 1px rgba(105,143,255,.16),
    0 0 58px rgba(71,151,255,.24),
    0 0 42px rgba(154,83,255,.18),
    inset 0 0 24px rgba(255,255,255,.045);
}
.profile-v11-cta:hover::after{left:110%}

.profile-v11-visual{
  position:relative;
  min-height:760px;
  width:100%;
  isolation:isolate;
  transform-style:preserve-3d;
  perspective:1400px;
}
#profile-v11-canvas{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:0;
  opacity:.92;
  pointer-events:none;
}
.profile-v11-aura{
  position:absolute;
  left:51%;top:50%;
  width:700px;height:700px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(72,111,255,.34) 0%,rgba(120,86,255,.24) 26%,rgba(35,178,255,.12) 48%,rgba(0,0,0,0) 70%);
  filter:blur(14px);
  z-index:1;
  animation:profileAura 6s ease-in-out infinite;
}
.profile-v11-network{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:2;
  overflow:visible;
  pointer-events:none;
  transform:translateZ(-20px) scale(1.06);
}
.profile-v11-orbits ellipse,
.profile-v11-orbits circle{
  fill:none;
  stroke:url(#profileBlue);
  stroke-width:1.65;
  opacity:.56;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:7 10;
  animation:profileDash 15s linear infinite;
}
.profile-v11-orbits ellipse:nth-child(2),
.profile-v11-orbits circle:nth-child(6){stroke:url(#profileViolet);animation-direction:reverse;animation-duration:19s}
.profile-v11-orbits ellipse:nth-child(3){stroke-dasharray:1 12;stroke-linecap:round;opacity:.58}
.profile-v11-orbits ellipse:nth-child(4){stroke-dasharray:16 12;opacity:.25}
.profile-v11-orbits circle:nth-child(5){stroke-width:2.1;opacity:.24;stroke-dasharray:3 8}
.profile-v11-orbits circle:nth-child(7){stroke-width:1;opacity:.2;stroke-dasharray:none}
.profile-v11-links path{
  fill:none;
  stroke:url(#profileViolet);
  stroke-width:1.9;
  opacity:.92;
  stroke-linecap:round;
  filter:url(#profileGlow);
  stroke-dasharray:10 11;
  animation:profileDash 10s linear infinite reverse;
}
.profile-v11-fixed-nodes circle{animation:profileNodePulse 3.8s ease-in-out infinite}
.profile-v11-fixed-nodes circle:nth-child(even){animation-delay:-1.6s}

.profile-v11-core{
  position:absolute;
  left:51%;top:50%;
  width:388px;height:388px;
  transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px))) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  z-index:5;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  transition:transform .15s ease-out;
}
.profile-v11-core::before{
  content:"";
  position:absolute;
  inset:-45px;
  border-radius:50%;
  background:conic-gradient(from 40deg,rgba(67,207,255,.35),rgba(110,85,255,.13),rgba(180,79,255,.36),rgba(67,207,255,.35));
  filter:blur(24px);
  opacity:.45;
  animation:profileCoreSpin 13s linear infinite;
}
.profile-v11-core-layer{
  position:absolute;
  border-radius:56px;
  background:linear-gradient(145deg,rgba(151,179,255,.17),rgba(26,34,75,.57));
  border:1px solid rgba(145,174,255,.28);
  box-shadow:
    0 34px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 58px rgba(64,122,255,.24),
    0 0 76px rgba(142,82,255,.18);
  backdrop-filter:blur(18px);
}
.layer-outer{inset:0;transform:translateZ(-45px);opacity:.7}
.layer-mid{inset:25px;transform:translateZ(-20px);opacity:.82;border-color:rgba(100,214,255,.24)}
.layer-inner{inset:50px;transform:translateZ(0);border-color:rgba(153,102,255,.35);box-shadow:0 0 52px rgba(103,88,255,.22),inset 0 0 38px rgba(79,108,255,.1)}
.profile-v11-radar{
  position:absolute;
  inset:60px;
  border-radius:50%;
  z-index:2;
  border:1px solid rgba(113,205,255,.36);
  box-shadow:0 0 44px rgba(64,177,255,.22),inset 0 0 30px rgba(118,82,255,.17);
}
.profile-v11-radar::before,
.profile-v11-radar::after{
  content:"";
  position:absolute;
  border-radius:50%;
  inset:18px;
  border:1px solid rgba(137,108,255,.35);
}
.profile-v11-radar::after{inset:38px;border-color:rgba(85,201,255,.22)}
.profile-v11-radar i{
  position:absolute;
  left:50%;top:50%;
  width:2px;height:50%;
  transform-origin:50% 0;
  background:linear-gradient(#7be5ff,transparent);
  opacity:.55;
}
.profile-v11-radar i:nth-child(1){transform:rotate(0deg)}
.profile-v11-radar i:nth-child(2){transform:rotate(90deg)}
.profile-v11-radar i:nth-child(3){transform:rotate(180deg)}
.profile-v11-radar i:nth-child(4){transform:rotate(270deg)}
.profile-v11-badge{
  position:relative;
  z-index:4;
  width:178px;height:178px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 35% 30%,rgba(90,127,255,.28),transparent 45%),
    linear-gradient(145deg,#071326,#0d1733);
  border:2px solid rgba(94,139,255,.82);
  box-shadow:
    0 0 0 8px rgba(122,88,255,.15),
    0 0 44px rgba(74,160,255,.38),
    0 0 70px rgba(143,82,255,.27),
    inset 0 12px 34px rgba(255,255,255,.055);
}
.profile-v11-badge::before{
  content:"";
  position:absolute;
  inset:-17px;
  border-radius:50%;
  border:1px solid rgba(80,216,255,.28);
  box-shadow:0 0 34px rgba(71,181,255,.2);
}
.profile-v11-badge span{
  color:#fff;
  font-family:"Space Grotesk",sans-serif;
  font-size:4.3rem;
  font-weight:800;
  letter-spacing:-.08em;
  text-shadow:0 0 24px rgba(255,255,255,.15);
}
.profile-v11-core small{
  position:absolute;
  left:50%;bottom:34px;
  transform:translateX(-50%);
  width:230px;
  text-align:center;
  color:#80d7ff;
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.5;
  text-shadow:0 0 12px rgba(63,182,255,.35);
}

.profile-v11-card{
  position:absolute;
  z-index:7;
  width:204px;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  border-radius:20px;
  border:1px solid rgba(131,159,255,.42);
  background:linear-gradient(145deg,rgba(30,48,97,.92),rgba(10,18,41,.92));
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    0 0 0 1px rgba(108,134,255,.1),
    0 0 34px rgba(75,139,255,.19),
    0 0 56px rgba(155,79,255,.12),
    inset 0 1px 0 rgba(255,255,255,.11);
  backdrop-filter:blur(18px);
  transform:translate3d(var(--tx,0px),var(--ty,0px),var(--tz,0px));
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease,opacity .24s ease;
  animation:profileFloat 5.8s ease-in-out infinite;
  transform-style:preserve-3d;
  overflow:hidden;
}
.profile-v11-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(63,171,255,.18),transparent 28%,transparent 58%,rgba(155,77,255,.22));
  pointer-events:none;
}
.profile-v11-card::after{
  content:"";
  position:absolute;
  left:-45%;top:-130%;
  width:42%;height:320%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  opacity:0;
  transition:left .55s ease,opacity .25s ease;
}
.profile-v11-card:hover{
  transform:translate3d(var(--tx,0px),calc(var(--ty,0px) - 9px),30px) scale(1.045);
  border-color:rgba(151,188,255,.82);
  filter:saturate(1.28) brightness(1.08);
  box-shadow:
    0 28px 58px rgba(0,0,0,.4),
    0 0 0 1px rgba(110,148,255,.22),
    0 0 72px rgba(70,167,255,.34),
    0 0 66px rgba(155,79,255,.28),
    inset 0 0 28px rgba(255,255,255,.06);
}
.profile-v11-card:hover::after{left:110%;opacity:1}
.profile-v11-card-glow{
  position:absolute;
  inset:-45%;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(99,190,255,.2),transparent 36%);
  pointer-events:none;
}
.profile-v11-icon{
  flex:0 0 40px;
  width:40px;height:40px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(31,51,101,.98),rgba(9,17,38,.95));
  border:1px solid rgba(126,155,255,.5);
  box-shadow:0 0 26px rgba(72,129,255,.22),inset 0 1px 0 rgba(255,255,255,.08);
}
.profile-v11-icon svg{
  width:21px;height:21px;
  fill:none;
  stroke:#a4e8ff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(77,189,255,.42));
}
.profile-v11-card strong{display:block;color:#f4f7ff;font-size:.94rem;letter-spacing:-.02em;margin-bottom:2px;white-space:nowrap}
.profile-v11-card small{display:block;color:#a7b8d8;font-size:.68rem;line-height:1.34}
.profile-v11-card>b{
  position:absolute;
  right:10px;top:10px;
  width:8px;height:8px;
  border-radius:50%;
  background:#9de7ff;
  box-shadow:0 0 12px rgba(111,217,255,.95),0 0 30px rgba(150,90,255,.6);
}
.card-brand{left:16%;top:9%;animation-delay:-.4s}
.card-ux{left:44%;top:3%;animation-delay:-1.2s;border-color:rgba(157,96,255,.62);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 42px rgba(148,80,255,.29),inset 0 1px 0 rgba(255,255,255,.09)}
.card-web{right:2%;top:18%;animation-delay:-2s}
.card-content{right:1%;top:47%;animation-delay:-1.5s;border-color:rgba(160,90,255,.58);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 42px rgba(150,76,255,.24),inset 0 1px 0 rgba(255,255,255,.09)}
.card-ai{right:11%;bottom:8%;animation-delay:-.8s}
.card-management{left:29%;bottom:4%;animation-delay:-1.8s}
.card-motion{left:6%;top:50%;animation-delay:-2.4s;border-color:rgba(151,94,255,.58);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 42px rgba(147,77,255,.24),inset 0 1px 0 rgba(255,255,255,.09)}


.profile-v11-card-copy{flex:1;min-width:0;transform-style:preserve-3d;will-change:transform,opacity}
.profile-v11-card.is-flipping .profile-v11-card-copy{animation:profileCardFlip .86s cubic-bezier(.22,.61,.36,1) both}
.profile-v11-card.is-flipping .profile-v11-icon{animation:profileIconPulse .86s ease both}
.profile-v11-card.is-flipping .profile-v11-card-glow{animation:profileGlowBurst .86s ease both}
.profile-v11-card:hover .profile-v11-icon,
.profile-v11-card:focus-within .profile-v11-icon{box-shadow:0 0 36px rgba(76,180,255,.34),0 0 20px rgba(156,85,255,.18),inset 0 1px 0 rgba(255,255,255,.1)}
.profile-v11-card:hover b,
.profile-v11-card:focus-within b{box-shadow:0 0 18px rgba(111,217,255,1),0 0 40px rgba(150,90,255,.8)}
.profile-v11-core::after{
  content:"";
  position:absolute;
  inset:-20px;
  border-radius:64px;
  border:1px solid rgba(107,214,255,.16);
  box-shadow:0 0 40px rgba(88,198,255,.18), inset 0 0 50px rgba(156,80,255,.06);
  opacity:.9;
  transform:translateZ(-10px);
}
@keyframes profileCardFlip{0%{transform:rotateY(0deg) scale(1);opacity:1}48%{transform:rotateY(90deg) scale(.96);opacity:.45}52%{transform:rotateY(-90deg) scale(.96);opacity:.45}100%{transform:rotateY(0deg) scale(1);opacity:1}}
@keyframes profileIconPulse{0%,100%{transform:translateZ(0) scale(1)}40%{transform:translateZ(8px) scale(1.08)}70%{transform:translateZ(3px) scale(1.02)}}
@keyframes profileGlowBurst{0%,100%{opacity:1;filter:blur(0)}50%{opacity:1;filter:blur(2px)}}

@keyframes profileDash{to{stroke-dashoffset:-220}}
@keyframes profileAura{0%,100%{opacity:.64;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}}
@keyframes profileNodePulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes profileCoreSpin{to{transform:rotate(360deg)}}
@keyframes profileFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}

@media(max-width:1260px){
  .profile-v11-grid{grid-template-columns:minmax(390px,.86fr) minmax(600px,1.14fr);gap:20px}
  .profile-v11 .profile-v11-title{font-size:clamp(2.58rem,3.4vw,3.75rem)!important}
  .profile-v11-visual{transform:scale(.93);transform-origin:center}
}
@media(max-width:1020px){
  .profile-v11-grid{grid-template-columns:1fr}
  .profile-v11-copy{max-width:680px}
  .profile-v11 .profile-v11-title{font-size:clamp(2.7rem,6.1vw,4rem)!important}
  .profile-v11-visual{min-height:760px;transform:none;margin-top:10px}
}
@media(max-width:760px){
  .profile-v11{padding:76px 0 80px}
  .profile-v11 .profile-v11-title{font-size:clamp(2.2rem,9.6vw,3.25rem)!important;line-height:1!important}
  .profile-v11-title>span{white-space:normal}
  .profile-v11-lead{font-size:.96rem}
  .profile-v11-visual{min-height:640px;margin-inline:-20px;width:calc(100% + 40px);transform:scale(.84);transform-origin:top center;margin-bottom:-90px}
}
@media(max-width:520px){
  .profile-v11-visual{min-height:610px;transform:scale(.7);margin-inline:-82px;width:calc(100% + 164px);margin-bottom:-150px}
  .profile-v11-cta{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .profile-v11-card,.profile-v11-aura,.profile-v11-orbits ellipse,.profile-v11-orbits circle,.profile-v11-core::before{animation:none!important}
}