:root{--orbit: clamp(220px, 60vw, 480px);--cube: calc(var(--orbit) * .3);--ring2: calc(var(--orbit) * .7);--ring3: calc(var(--orbit) * .4);--logo: var(--cube);--globe: calc(var(--orbit) * .7)}.sdk-guard{position:relative;overflow:hidden;text-align:center;color:#fff;font-family:Inter,sans-serif;background:radial-gradient(circle at 50% 50%,#4d47ff33,#4d47ff00 45%)}.orbit-wrapper{position:relative;width:var(--orbit);height:var(--orbit);margin-inline:auto;margin-block-end:clamp(40px,10vw,80px)}.ring{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.ring-1{width:100%;height:100%}.ring-2{width:var(--ring2);height:var(--ring2)}.ring-3{width:var(--ring3);height:var(--ring3)}.cube{position:absolute;top:50%;left:50%;width:var(--cube);height:var(--cube);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(18deg) rotateY(25deg)}.cube-face{width:100%;height:100%;background:linear-gradient(135deg,#4d47ff,#8a84ff);border-radius:12px}.cube-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/img/play.svg) center / 36% no-repeat;filter:drop-shadow(0 0 4px rgba(0,0,0,.4))}.logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.logo-item{position:absolute;top:50%;left:50%;width:var(--logo);transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));opacity:.6}.globe{position:absolute;top:50%;left:50%;width:var(--globe);height:var(--globe);transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}@media (max-height: 600px){:root{--orbit: clamp(180px, 50vw, 380px)}}@media (prefers-reduced-motion: reduce){.sdk-guard:before,.sdk-guard:after{animation:none}}.hero7{position:relative;overflow:hidden;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.background-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:-1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000e6 30%,#5624c6db 70%);opacity:.8;z-index:0}.container{position:relative;z-index:1;color:#fff}.glass-pill{display:flex;align-items:center;gap:10px;padding:5px 12px;border-radius:50px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(136,87,247,.8);box-shadow:0 4px 10px #0003;color:#fff;font-weight:700;font-size:16px;white-space:nowrap;width:70px;height:70px}.pill-icon{width:50px;height:50px;object-fit:contain;filter:brightness(0) saturate(100%) invert(76%) sepia(20%) saturate(708%) hue-rotate(207deg) brightness(107%) contrast(98%)}.pill-text{color:#fff}.onboarding-section{background:#040340;color:#e4e8ff}.onboarding-section .timeline-wrapper{position:relative;margin-top:4rem}.onboarding-section .timeline-wrapper .base-line{position:absolute;left:50%;top:0;width:2px;height:100%;background:#ffffff26;transform:translate(-50%)}.onboarding-section .timeline-wrapper .progress-line{position:absolute;left:50%;top:0;width:4px;height:100%;background:linear-gradient(#b084ff,#8755fa);transform:translate(-50%) scaleY(0)}.onboarding-section .step{position:relative;display:flex;margin-bottom:4rem}.onboarding-section .step .dot{position:absolute;left:50%;transform:translate(-50%,-2px);width:32px;height:32px;border-radius:50%;background:var(--data-dove);color:#02040f;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #02040f,0 0 8px var(--data-dove)}.onboarding-section .step .card{background:#070640;border:1px solid rgba(192,171,255,.1);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 6px 18px #0000004d;max-width:460px}.onboarding-section .step .card h4{color:var(--data-dove);margin:0;font-weight:600;line-height:1.4}.onboarding-section .step.left{flex-direction:row-reverse}.onboarding-section .step.left .card{margin-right:calc(50% + 30px);margin-left:auto}.onboarding-section .step.right .card{margin-left:calc(50% + 30px)}@media (max-width: 768px){.onboarding-section .step{flex-direction:column!important}.onboarding-section .step .dot{left:46%;transform:none}.onboarding-section .step .card{margin:0 0 0 46px;padding:.5rem}.onboarding-section .step .timeline-wrapper .base-line,.onboarding-section .step .timeline-wrapper .progress-line{left:28px}.onboarding-section .step .card h4{font-size:15px}.onboarding-section .step .card p{font-size:13px;line-height:20px}}