.os-card{border-radius:28px;justify-content:center;align-items:center;block-size:520px;max-block-size:520px;inline-size:520px;max-inline-size:520px;margin:auto;padding:20px;display:flex;position:relative;overflow:hidden}.os-inner{block-size:100%;max-block-size:340px;inline-size:100%;max-inline-size:460px;margin:auto;position:relative}.os-core{text-align:center;z-index:2;background:#fff;border:1px solid #94a3b8b3;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:6px;block-size:150px;inline-size:190px;padding:16px;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 20px 45px #0f172a2e}.os-core:before{content:"";border-radius:inherit;z-index:-1;background:radial-gradient(circle,#2563eb1f,#0000);animation:5s ease-in-out infinite coreGlow;position:absolute;inset:-18px}.os-core-label{letter-spacing:.2em;font-size:14px;font-weight:500}.os-core-title{color:#111827;font-size:13px;font-weight:600}.os-core-sub{color:#6b7280;font-size:13px}.os-icon{color:#374151;block-size:64px;inline-size:64px;transform:translate(calc(-50% + var(--start-x)),calc(-50% + var(--start-y)));background-size:contain;border-radius:13px;justify-content:center;align-items:center;padding:36px;font-size:11px;font-weight:500;animation:6s ease-in-out infinite iconRadial;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%}.os-icon-badge{background:#10b981;border-radius:999px;block-size:6px;inline-size:6px;position:absolute;inset-block-start:8px;inset-inline-end:10px}.os-icon-1{--start-x:-220px;--start-y:-120px;background-image:url(/image/brand/trendyol.png);animation-delay:0s}.os-icon-2{--start-x:0px;--start-y:-210px;background-image:url(/image/brand/shopify.png);animation-delay:.1s}.os-icon-3{--start-x:220px;--start-y:-130px;background-image:url(/image/brand/n11.png);animation-delay:.2s}.os-icon-4{--start-x:-220px;--start-y:130px;background-image:url(/image/brand/warehouse.png);animation-delay:.15s}.os-icon-5{--start-x:0px;--start-y:210px;background-image:url(/image/brand/crm.png);animation-delay:.25s}.os-icon-6{--start-x:220px;--start-y:120px;background-image:url(/image/brand/accounting.png);animation-delay:.3s}@keyframes iconRadial{0%{transform:translate(calc(-50% + var(--start-x)),calc(-50% + var(--start-y)))}40%{transform:translate(calc(-50% + var(--start-x)*.5),calc(-50% + var(--start-y)*.5))}60%{transform:translate(calc(-50% + var(--start-x)*.5),calc(-50% + var(--start-y)*.5))}to{transform:translate(calc(-50% + var(--start-x)),calc(-50% + var(--start-y)))}}@keyframes coreGlow{0%{transform:scale(.9)}50%{transform:scale(1.5)}to{transform:scale(.9)}}@media (max-width:840px){.hero{gap:28px}.os-card{zoom:.7;max-block-size:none}}
.hero{padding:2rem 0 0}.grid.hero-inner{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:3rem}.hero-text h1{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.15}.hero-text p{max-inline-size:34rem;font-size:1rem}.hero-subtitle{color:#515154;margin-block-start:1.25rem;font-style:italic}