/* About composition, matched to the supplied reference. */
#about-company.ds-about{background:#e7e9f2;color:#060917;padding:80px 0 88px;overflow:hidden;margin:0}
#about-company .ds-about-shell{max-width:1100px;width:calc(100% - 48px);margin:0 auto;display:grid;grid-template-columns:476fr 564fr;gap:56px}
#about-company .ds-about-poster{height:545px;border-radius:7px;overflow:hidden;background:#080b18}
#about-company img{width:100%;height:100%;object-fit:cover;display:block;border:0;margin:0}
#about-company .ds-about-values{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}
#about-company .ds-about-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#d5ddf8;color:#7534ee;margin-bottom:16px}
#about-company .ds-about-icon svg{width:45px;height:45px}
#about-company .ds-about-value h3{font-size:18px!important;line-height:1.3!important;color:#080b18!important;font-weight:750!important;letter-spacing:0!important;margin:0 0 9px!important}
#about-company .ds-about-value p{font-size:12px;line-height:1.65;color:#334c71;margin:0}
#about-company .ds-about-top{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:36px;align-items:start;padding-top:28px}
#about-company .ds-about-eyebrow{display:flex;align-items:center;gap:9px;color:#9234e9;font-family:Georgia,serif;font-style:italic;font-size:11px;font-weight:800;white-space:nowrap;margin:0 0 17px}
#about-company .ds-about-eyebrow i{display:block;width:60px;height:2px;background:linear-gradient(90deg,#2944ee,#d724ef);flex:none;transform-origin:left}
#about-company #ds-about-title{font-size:44px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.012em!important;color:#060917!important;-webkit-text-fill-color:currentColor!important;background:none!important;margin:0 0 24px!important;perspective:650px}
#about-company .ds-about-copy>p{font-size:14px;line-height:1.62;color:#163656;margin:0 0 36px}
#about-company .ds-about-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;background:linear-gradient(180deg,#2b3dec,#b90bef);color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:4px;font-size:12px;font-weight:750;text-decoration:none;position:relative;box-sizing:border-box;transition:transform .2s,box-shadow .2s}
#about-company .ds-about-button:before{content:"";position:absolute;inset:3px 0 -4px -3px;border-left:2px solid #ae35ff;border-bottom:2px solid #ae35ff;border-radius:0 0 0 3px;pointer-events:none}
#about-company .ds-about-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7338dd33}
#about-company .ds-about-button:focus-visible{outline:3px solid #2176dc;outline-offset:6px}
#about-company .ds-about-experience{position:relative;overflow:hidden;width:112px;height:313px;border-radius:70px;margin-top:38px;background:#090d25}
#about-company .ds-about-experience>img{filter:brightness(.28);object-position:40% center}
#about-company .ds-about-experience>div{position:absolute;top:27px;left:36px;display:flex;align-items:center;gap:10px;writing-mode:vertical-rl;white-space:nowrap}
#about-company .ds-about-experience strong{font-size:40px;font-weight:850;line-height:1;color:#bb27f4}
#about-company .ds-about-experience strong span{font-size:34px}
#about-company .ds-about-experience div>span{font-size:14px;color:#fff;font-weight:600}
#about-company .ds-about-workspace{height:354px;border-radius:190px;margin-top:20px;overflow:hidden}
#about-company .ds-about-word{display:inline-block;white-space:nowrap}
#about-company.ds-about-ready .ds-about-char{display:inline-block;transform:rotateX(90deg);opacity:0;transform-origin:50% 100%;transition:transform .85s,opacity .85s;transition-delay:calc(var(--n)*.018s)}
#about-company.ds-about-ready .ds-about-reveal{opacity:0;transform:translateY(28px);transition:opacity 1.4s,transform 1.4s;transition-delay:var(--delay,0ms)}
#about-company.ds-about-ready .ds-about-poster,#about-company.ds-about-ready .ds-about-workspace{transform:translateY(-60px);filter:blur(18px);transition:opacity 1.5s,transform 1.5s,filter 1.5s}
#about-company.ds-about-ready .ds-about-eyebrow i{transform:scaleX(0);transition:transform 1s}
#about-company.ds-about-enter .ds-about-char{transform:none;opacity:1}
#about-company.ds-about-enter .ds-about-eyebrow i{transform:none}
#about-company .ds-about-reveal.ds-about-visible{opacity:1!important;transform:none!important;filter:none!important}
@media(max-width:1100px){#about-company .ds-about-shell{gap:32px}#about-company .ds-about-top{gap:20px;grid-template-columns:minmax(0,1fr) 95px}#about-company .ds-about-experience{width:95px}#about-company #ds-about-title{font-size:36px!important}#about-company .ds-about-poster{height:500px}#about-company .ds-about-eyebrow{font-size:10px}#about-company .ds-about-eyebrow i{width:35px}}
@media(max-width:767px){#about-company.ds-about{padding:48px 0}#about-company .ds-about-shell{grid-template-columns:1fr;width:calc(100% - 36px);gap:36px}#about-company .ds-about-poster{height:auto;aspect-ratio:476/545}#about-company .ds-about-top{padding:0;grid-template-columns:minmax(0,1fr) 86px;gap:18px}#about-company #ds-about-title{font-size:32px!important;line-height:1.2!important;margin-bottom:20px!important}#about-company .ds-about-experience{width:86px;height:285px;margin-top:37px}#about-company .ds-about-experience>div{left:27px}#about-company .ds-about-experience strong{font-size:36px}#about-company .ds-about-experience div>span{font-size:12px}#about-company .ds-about-copy>p{font-size:13px;margin-bottom:25px}#about-company .ds-about-eyebrow{font-size:9px;gap:7px;white-space:normal}#about-company .ds-about-eyebrow i{width:25px}#about-company .ds-about-values{gap:22px}#about-company .ds-about-value h3{font-size:17px!important}#about-company .ds-about-icon{width:75px;height:75px}#about-company .ds-about-workspace{height:auto;aspect-ratio:1.58;margin-top:28px}#about-company .ds-about-button{min-height:48px;padding:12px 22px}}
@media(prefers-reduced-motion:reduce){#about-company *{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}
/* Isolate from the theme's standalone About Us page classes. */
#about-company .ds-about-values{padding:0!important;background:none!important}
#about-company .ds-about-copy>p{color:#163656!important}
#about-company .ds-about-value p{color:#334c71!important}
#about-company .ds-about-experience div>span{font-size:13px}
@media(max-width:767px){#about-company .ds-about-experience div>span{font-size:11px}}
/* V14.51 — GIF-style typing and laptop-screen reveal on a six-second loop. */
#about-company .ds-about-poster{position:relative;container-type:inline-size}
#about-company .ds-banner-stage{position:absolute;width:100%;aspect-ratio:4/5;left:0;top:50%;transform:translateY(-50%)!important}
#about-company .ds-banner-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
#about-company .ds-banner-intro{position:absolute;top:5.3%;left:0;width:100%;text-align:center;color:#fff;font-size:3.1cqw;font-weight:400;letter-spacing:.055em}
#about-company .ds-banner-brand{position:absolute;top:9%;left:12%;width:76%;font-weight:850;font-size:13.5cqw;line-height:.94;letter-spacing:-.05em;text-align:center}
#about-company .ds-banner-brand>span{display:block;background:linear-gradient(100deg,#be95ff,#ad71fa 48%,#6bbafa);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#about-company .ds-banner-screen{position:absolute;inset:0;background:#e9e9ef;clip-path:polygon(29.4% 31.5%,87.2% 34.4%,92.9% 65.9%,33.4% 66.2%);opacity:0;pointer-events:none}
#about-company .ds-banner-services{position:absolute;bottom:3.9%;left:12%;width:76%;text-align:center;color:#fff;font-size:2.7cqw;letter-spacing:.035em;white-space:nowrap}
#about-company.ds-banner-ready .ds-banner-intro{animation:dsBannerIntro 6s linear infinite}
#about-company.ds-banner-ready .ds-banner-digital{animation:dsBannerDigital 6s steps(7,end) infinite}
#about-company.ds-banner-ready .ds-banner-scope{animation:dsBannerScope 6s steps(8,end) infinite}
#about-company.ds-banner-ready .ds-banner-services{animation:dsBannerServices 6s steps(35,end) infinite}
#about-company.ds-banner-ready .ds-banner-screen{animation:dsBannerScreen 6s linear infinite}
#about-company.ds-banner-ready:not(.ds-banner-playing) .ds-banner-stage *{animation-play-state:paused}
@keyframes dsBannerIntro{0%,3%{opacity:0}8%,100%{opacity:1}}
@keyframes dsBannerDigital{0%,5%{clip-path:inset(0 100% 0 0)}20%,100%{clip-path:inset(0)}}
@keyframes dsBannerScope{0%,20%{clip-path:inset(0 100% 0 0)}35%,100%{clip-path:inset(0)}}
@keyframes dsBannerServices{0%,27%{clip-path:inset(0 100% 0 0)}90%,100%{clip-path:inset(0)}}
@keyframes dsBannerScreen{0%,5%{opacity:1}25%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#about-company .ds-banner-stage *{animation:none!important}#about-company .ds-banner-screen{opacity:0!important}#about-company .ds-banner-brand>span,#about-company .ds-banner-services{clip-path:none!important}}