:root{--max:1688px}
.shell{width:min(calc(100% - 32px),1688px);margin:auto}
.site-header .header-row{min-height:86px;padding-right:15px}
.site-header .brand-crop{width:324px;height:62.4px;flex:0 0 324px}
.site-header .brand-crop img{height:62.4px;transform:translateX(-34px)}
.site-header .nav a.active{background:rgba(77,143,255,.14);color:#fff;border:1px solid rgba(77,143,255,.3)}
.site-header .nav a.nav-cta.active{background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;border-color:transparent;box-shadow:0 0 0 2px rgba(112,126,255,.24)}
.hero-brand-title{display:flex;flex-direction:column;gap:12px;font-size:clamp(48px,5.8vw,78px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}
.hero-brand-title .hero-main{display:block;color:#f4f4f6;font-weight:650;text-shadow:0 1px 2px rgba(0,0,0,.42)}
.hero-brand-title .hero-sub{display:block;font-size:.42em!important;line-height:1.05;font-weight:650;letter-spacing:-.025em;white-space:nowrap!important}
.hero-brand-title .hero-blue{color:#277edd;text-shadow:0 0 16px rgba(39,126,221,.15)}
.hero-brand-title .hero-purple{color:#b328cb;text-shadow:0 0 16px rgba(179,40,203,.15)}
.steps{gap:64px;overflow:visible}
.step{position:relative;overflow:visible}
.step-no{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(104,56,180,.28),rgba(67,42,132,.38));border:1px solid rgba(168,112,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(44,18,82,.24);font-size:0;color:transparent}
.step-no::before{content:"";width:30px;height:30px;background:linear-gradient(135deg,#d7b8ff,#8f5cff);-webkit-mask:var(--step-icon) center/contain no-repeat;mask:var(--step-icon) center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(151,91,255,.32))}
.icon-data{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='7' ry='3'/%3E%3Cpath d='M5 5v6c0 1.7 3.1 3 7 3s7-1.3 7-3V5'/%3E%3Cpath d='M5 11v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6'/%3E%3C/svg%3E")}
.icon-quality{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.7-2.9 8.2-7 10-4.1-1.8-7-5.3-7-10V6l7-3z'/%3E%3Cpath d='M12 7.5l1.2 2.4 2.7.4-2 1.9.5 2.7-2.4-1.3-2.4 1.3.5-2.7-2-1.9 2.7-.4L12 7.5z'/%3E%3C/svg%3E")}
.icon-movement{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18V6M4 18h16M7 14l4-4 3 2 5-6M16 6h3v3'/%3E%3C/svg%3E")}
.icon-field{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='6' height='6' rx='1'/%3E%3Crect x='14' y='13' width='6' height='6' rx='1'/%3E%3Cpath d='M14 7h6m0 0-2-2m2 2-2 2M10 17H4m0 0 2-2m-2 2 2 2'/%3E%3C/svg%3E")}
.step:not(:last-child)::before{content:"";position:absolute;z-index:5;top:2px;bottom:2px;right:-64px;width:64px;background:linear-gradient(180deg,#c393ff 0%,#9b63ff 52%,#7f46ed 100%);clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%,28% 50%);filter:drop-shadow(0 0 11px rgba(155,99,255,.42));pointer-events:none}
.step:not(:last-child)::after{display:none}
@media(max-width:980px){.hero-brand-title .hero-sub{white-space:normal}.steps{gap:18px}.step:not(:last-child)::before{display:none}}
@media(max-width:760px){
 .shell{width:min(calc(100% - 16px),1688px)}
 .site-header .header-row{min-height:74px;padding-right:0}
 .site-header .brand-crop{width:276px;height:52.8px;flex:0 0 276px}
 .site-header .brand-crop img{height:52.8px;transform:translateX(-26px)}
 .hero-brand-title{font-size:clamp(40px,11.5vw,58px);gap:10px}
 .hero-brand-title .hero-sub{font-size:.50em!important}
 .steps{gap:56px}
 .step:not(:last-child)::before{display:block;top:auto;bottom:-56px;left:50%;right:auto;width:72px;height:56px;background:linear-gradient(90deg,#c393ff 0%,#9b63ff 52%,#7f46ed 100%);clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%,0 0,50% 28%);transform:translateX(-50%)}
}