.values-redesign{--values-x:0;--values-y:0;--values-scroll:0px;padding:100px 0 75px;isolation:isolate;background:#070e1d;color:#fff}
.values-redesign::before{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 33%,#3b167733,transparent 46%),radial-gradient(ellipse at 40% 100%,#14234b33,transparent 50%)}
.values-redesign>.container{position:relative;width:min(1180px,calc(100% - 100px))}
.values-top{display:grid;grid-template-columns:1fr 1.12fr;gap:25px;align-items:center}
.values-redesign .values-heading{max-width:none;margin:0;z-index:2}
.values-redesign .kicker{color:#c348ff;font-size:11px;letter-spacing:.15em}
.values-redesign .values-heading h2{font-size:clamp(42px,4.2vw,68px);line-height:1.02;letter-spacing:-.06em;margin:24px 0 18px;font-weight:800}
.values-redesign .values-heading h2 span{display:inline-block;color:transparent;background:linear-gradient(115deg,#f41cc6 10%,#b92def 58%,#4678ff 100%);background-clip:text;-webkit-background-clip:text}
.values-heading>p{max-width:550px;font-size:15px;line-height:1.6;color:#aeb5d2;margin:0}
.values-visual{position:relative;min-width:0;perspective:1100px;height:420px}
.values-scene{position:absolute;width:600px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(calc(var(--values-y) * -8deg)) rotateY(calc(var(--values-x) * 10deg));translate:calc(var(--values-x) * 12px) calc(var(--values-y) * 10px + var(--values-scroll));transform-style:preserve-3d}
.values-disc{position:absolute;left:130px;top:70px;width:350px;height:350px;border-radius:50%;background:linear-gradient(150deg,#173caa99,#19184944 55%,#060b1944);box-shadow:inset 0 1px 0 #5772ff22;transform:translateZ(-30px)}
.values-ring{position:absolute;left:80px;top:24px;width:410px;height:410px;border:1px solid #7336c766;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.values-ring-outer{left:47px;top:62px;width:560px;height:350px;border-style:dotted;border-color:#8044d988;rotate:23deg;animation:valuesOrbit 48s linear infinite}
.values-ring::before{content:'';position:absolute;top:57px;left:37px;width:4px;height:4px;border-radius:50%;background:#ae45ff;box-shadow:0 0 12px #cf55ff}
.values-flight{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px #a833ff44);transform:translateZ(15px);pointer-events:none}
.values-steps{position:absolute;left:165px;bottom:65px;display:flex;align-items:flex-end;transform-style:preserve-3d;transform:translateZ(35px)}
.values-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:130px;height:95px;border:1px solid #5389ff;border-radius:14px 14px 4px 4px;background:linear-gradient(135deg,#163681,#111942 55%,#09112a);box-shadow:inset 0 2px 5px #73a4ff99,9px 15px 25px #01061477;transform:perspective(650px) rotateY(-9deg) skewY(-3deg);transform-origin:bottom;transition:translate .4s,filter .4s;animation:valuesStepFloat 6s ease-in-out infinite}
.values-step::after{content:'';position:absolute;inset:3px;border-radius:inherit;border-left:1px solid #ffffff12;pointer-events:none}
.values-step svg{width:30px;height:30px;fill:none;stroke:#b195ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #a540ff66)}
.values-step strong{font:700 15px var(--heading);letter-spacing:-.04em}
.values-step.step-2{height:139px;width:146px;border-color:#8255ff;background:linear-gradient(125deg,#3b35ac,#191259 65%,#171047);box-shadow:inset 0 2px 6px #b99dff,0 0 20px #5431ff44;animation-delay:-2s}.step-2 svg{stroke:#c862ff}
.values-step.step-3{height:212px;width:165px;border-color:#b164ff;background:linear-gradient(135deg,#c127a0,#3b117d 35%,#181366 75%);box-shadow:inset 0 2px 6px #ffb2ff,0 0 23px #8523ff88;animation-delay:-4s}.step-3 svg{width:39px;height:39px;stroke:#e565ff}.step-3 strong{font-size:18px}
.values-step:hover{translate:0 -10px;filter:brightness(1.2);animation-play-state:paused}
.values-badge{position:absolute;display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #6953a5;border-radius:17px;background:linear-gradient(130deg,#281447e8,#0a1023ed 58%,#202050ed);box-shadow:inset 0 1px 1px #ffffff18,0 20px 30px #00000022;transform:translateZ(60px) rotate(-5deg);transition:translate .4s,box-shadow .4s}
.values-badge svg{width:43px;height:43px;fill:none;stroke:#d726f4;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.values-badge span{font-size:14px;line-height:1.5;letter-spacing:-.03em}.values-badge strong{font-weight:700}
.values-badge i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7254be66;border-radius:50%;background:#593b9d22;color:#c896ff;font-size:23px;font-style:normal}
.values-purpose{left:12px;top:99px;width:290px;padding:18px 20px}.values-impact{right:-70px;top:28px;padding:18px 22px;transform:translateZ(45px) rotate(-10deg)}.values-impact svg{width:30px;height:37px}
.values-badge:hover{translate:0 -6px;box-shadow:0 10px 40px #822bff44}
.values-scene-star{position:absolute;left:75px;bottom:45px;font-size:38px;color:#af6aff;text-shadow:0 0 20px #7137ff88;animation:valuesStar 5s ease-in-out infinite}
.values-planet{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:linear-gradient(125deg,#1749be,#231154 60%,#51118a);box-shadow:inset 1px 2px 5px #669aff,0 0 50px #57189822;translate:calc(var(--values-x) * -20px) calc(var(--values-y) * -15px + var(--values-scroll) * -.5)}
.values-planet-left{width:305px;height:315px;left:-160px;top:115px}.values-planet-top{width:225px;height:225px;right:-45px;top:-115px;background:linear-gradient(130deg,#6320ba,#311950 65%);box-shadow:inset 1px -1px 5px #d676ff}.values-planet-bottom{width:265px;height:265px;right:-90px;bottom:55px}
.values-note{position:absolute;font:italic 24px/1.08 cursive;color:#afa6d5;text-align:center;transform:rotate(-17deg);padding:0 10px 10px;border-bottom:1px solid #b6a8db}.values-note-right{right:3%;top:32%}.values-note-left{left:4%;bottom:90px}.values-spark{position:absolute;left:8%;top:44%;font-size:65px;color:#8055bc;animation:valuesStar 7s ease-in-out infinite}
.values-rows{position:relative;z-index:3;display:grid;gap:18px;margin-top:26px}
.values-row-wrap{perspective:1100px}.values-row-wrap:nth-child(2){transition-delay:.1s}.values-row-wrap:nth-child(3){transition-delay:.2s}
.values-row{--row-x:0;--row-y:0;--row-accent:#df39fb;--row-tint:#a528c833;position:relative;display:grid;grid-template-columns:42px 72px 235px 1fr 48px;align-items:center;gap:25px;min-height:96px;padding:12px 26px;border:1px solid #343d63;border-radius:17px;background:linear-gradient(110deg,#0b1223f5,#0d1428e8);box-shadow:inset 0 1px 0 #ffffff03;transform:rotateX(calc(var(--row-y) * -4deg)) rotateY(calc(var(--row-x) * 3deg));transform-style:preserve-3d;transition:transform .25s ease-out,translate .3s,border-color .3s,box-shadow .3s}
.values-row::before{content:'';position:absolute;top:-2px;left:-1px;width:51px;height:18px;border-top:2px solid var(--row-accent);border-left:2px solid var(--row-accent);border-top-left-radius:17px;pointer-events:none}
.values-row::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at calc(50% + var(--row-x) * 45%) 50%,#ab51ff13,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}
.values-row-wrap:nth-child(2) .values-row{--row-accent:#2687ff;--row-tint:#1b4bbb33}.values-row-wrap:nth-child(3) .values-row{--row-accent:#bd44ff}
.values-number{color:#c291f2;font:700 14px var(--body)}
.values-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid #dd57ff0c;border-radius:50%;background:var(--row-tint);color:var(--row-accent);transform:translateZ(14px)}
.values-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.values-row h3{font:700 20px/1.3 var(--heading);letter-spacing:-.05em;margin:0;transform:translateZ(12px)}
.values-row p{font-size:13px;line-height:1.6;color:#b5bcdb;margin:0}
.values-row-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3e466d;border-radius:50%;font-size:35px;font-family:Arial,sans-serif;line-height:1;color:white;transform:translateZ(18px);transition:background .3s,border-color .3s}
.values-row:hover,.values-row:focus-visible{translate:0 -4px;border-color:var(--row-accent);box-shadow:0 15px 35px #02061688,0 0 20px #8d35e81c}.values-row:hover::after{opacity:1}.values-row:hover .values-row-arrow,.values-row:focus-visible .values-row-arrow{background:var(--row-tint);border-color:var(--row-accent)}.values-row:focus-visible{outline:2px solid var(--row-accent);outline-offset:5px}
.values-redesign.motion-ready .values-flight-line{stroke-dasharray:1;transition:stroke-dashoffset 1.8s var(--ease) .2s}.values-redesign.motion-ready:not(.values-in-view) .values-flight-line{stroke-dashoffset:1}.values-redesign.values-in-view .values-flight-line{stroke-dashoffset:0}
.values-redesign.motion-ready .values-visual{transition:opacity 1s var(--ease),translate 1.2s var(--ease)}.values-redesign.motion-ready:not(.values-in-view) .values-visual{opacity:0;translate:0 30px}
.values-redesign.motion-paused *{animation-play-state:paused!important}
@keyframes valuesOrbit{to{transform:rotate(335deg)}}
@keyframes valuesStepFloat{50%{translate:0 -5px}}
@keyframes valuesStar{50%{opacity:.55;scale:.8}}
@media(max-width:1450px){.values-note,.values-spark{display:none}.values-impact{right:-5px}.values-visual{scale:.92}.values-redesign .values-heading h2{font-size:4.6vw}}
@media(max-width:1100px){.values-redesign>.container{width:calc(100% - 70px)}.values-visual{scale:.75}.values-top{gap:0;grid-template-columns:1fr 1fr}.values-row{grid-template-columns:25px 55px 190px 1fr 38px;gap:17px;padding:17px 20px}.values-icon{width:55px;height:55px}.values-row h3{font-size:18px}.values-row-arrow{width:38px;height:38px}.values-row p{font-size:12px}.values-heading>p{font-size:14px}}
@media(max-width:800px){.values-redesign{padding:75px 0}.values-top{grid-template-columns:1fr;gap:10px}.values-redesign .values-heading h2{font-size:clamp(42px,8vw,64px)}.values-heading>p{max-width:570px}.values-visual{height:430px;scale:.9}.values-rows{margin-top:0}.values-row{grid-template-columns:25px 55px 1fr 38px;gap:12px 18px}.values-row p{grid-column:3;grid-row:2}.values-row-arrow{grid-column:4;grid-row:1/3}.values-icon{grid-column:2;grid-row:1/3}.values-number{grid-row:1/3}.values-row h3{grid-column:3}.values-row p{font-size:13px}.values-planet-left{left:-240px}.values-planet-bottom{right:-190px}}
@media(max-width:540px){.values-redesign>.container{width:calc(100% - 40px)}.values-redesign .values-heading h2{font-size:clamp(38px,10vw,53px)}.values-visual{height:320px;scale:1}.values-scene{scale:.58}.values-row{padding:18px 15px;grid-template-columns:40px 1fr 30px;gap:10px 13px}.values-number{position:absolute;top:10px;left:15px;font-size:10px}.values-icon{grid-column:1;grid-row:1;width:40px;height:40px;margin-top:10px}.values-icon svg{width:24px;height:24px}.values-row h3{grid-column:2;font-size:16px}.values-row p{grid-column:2;grid-row:2;font-size:12px}.values-row-arrow{grid-column:3;width:30px;height:30px;font-size:26px}.values-rows{gap:15px}.values-planet-top{right:-150px}}
@media(max-width:380px){.values-scene{scale:.46}.values-visual{height:270px}.values-row{gap:10px;grid-template-columns:35px 1fr 26px}.values-icon{width:35px;height:35px}.values-row-arrow{width:26px;height:26px}.values-row h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.values-redesign *,.values-redesign *::before{animation:none!important;transition:none!important}.values-redesign .values-scene{transform:translate(-50%,-50%);translate:none}.values-redesign .values-planet,.values-redesign .values-row{translate:none}.values-redesign .values-row{transform:none}.values-redesign .values-flight-line{stroke-dashoffset:0!important}.values-redesign .values-visual{opacity:1!important;translate:none!important}}