/*!
 * CXD Design System — Obsidian Carbon & Titanium Silver Theme
 * Architecture: Modular Grid & 3D WebGL Stage Overlay Stylesheet
 */
:root {
  --cxd-bg-obsidian: #18191c;
  --cxd-bg-deep: #121316;
  --cxd-surface-glass: rgba(18, 20, 24, 0.76);
  --cxd-text-titanium: #eceff4;
  --cxd-text-bright: #f4f6fa;
  --cxd-steel-muted: #6e7582;
  --cxd-steel-border: #454a54;
  --cxd-steel-highlight: #9ea6b2;
}
:root{--gridCell: 0px;--gridGap: 0px;--gridMargin: 0px;--margin-xl: 72px;--margin-l: 48px;--margin-m: 24px;--margin-s: 12px}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
.type__body{font-family:'Space Grotesk','Inter';font-size:clamp(12px,1.4rem,14px);line-height:1.4;font-weight:400;text-transform:uppercase}
@media (max-width: 1440px){.type__body{font-size:clamp(10px,1.2rem,12px)}}
.type__title-main{font-family:'Space Grotesk','Noto Serif SC';font-size:clamp(27px,5.4rem,54px);line-height:1.04;font-weight:700;text-transform:uppercase}
@media (max-width: 1440px){.type__title-main{font-size:clamp(20px,4.05rem,40px)}}
.type__title-secondary{font-family:'Space Grotesk','Noto Serif SC';font-size:clamp(20px,4rem,40px);line-height:1.04;font-weight:700;text-transform:uppercase}
@media (max-width: 1440px){.type__title-secondary{font-size:clamp(16px,3rem,30px)}}
.type__title-secondary p{display:inline}
.type__title-huge{font-family:'Space Grotesk','Noto Serif SC';font-size:clamp(40px,8rem,80px);line-height:1.04;font-weight:700;text-transform:uppercase}
.type__hints{font-family:'Space Grotesk','Inter';font-size:clamp(10px,1rem,10px);line-height:1.4;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.type__title-big--mobile{font-family:'Space Grotesk','Noto Serif SC';font-size:40px;line-height:1.04;font-weight:700;text-transform:uppercase}
.type__title-small--mobile{font-family:'Space Grotesk','Noto Serif SC';font-size:30px;line-height:1.04;font-weight:700;text-transform:uppercase}
.header__logo{position:fixed;left:var(--gridMargin);top:var(--gridMargin);z-index:210}
@media (max-width: 1000px){.header__logo{left:12px;top:32px;width:114px}.header__logo svg{width:100%;height:auto}}
.header__contact-trigger{position:fixed;top:var(--gridMargin);right:var(--gridMargin);z-index:210;cursor:pointer;backdrop-filter:blur(5px);border-radius:4px;background:#eceff41a}
@media (max-width: 1000px){.header__contact-trigger{right:12px;top:32px}}
.header__contact-trigger .state{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 24px;text-align:center}
@media (max-width: 1000px){.header__contact-trigger .state{padding:8px 15px;font-size:1.2rem}}
.header__contact-trigger .state.state--opened{position:absolute;left:0;top:0;width:100%;height:100%}
.header__contact-trigger .state.state--opened .chars,.header__contact-trigger .state.state--opened .trigger__icon{opacity:0}
.preloader{position:fixed;inset:0;background:#6e7582;z-index:300;pointer-events:initial;--progress: 0%;opacity:1}
.preloader .preloader__ui-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:16px;align-items:center}
.preloader .preloader__ui-container .ui__text{text-align:center}
.preloader .preloader__bar-container{position:relative;margin-top:128px}
.preloader .preloader__bar-container .bar__fill,.preloader .preloader__bar-container .bar__background{display:flex;align-items:center;gap:8px}
.preloader .preloader__bar-container .bar__fill{--progress: 100%;position:absolute;left:0;top:0;z-index:4;clip-path:inset(0% var(--progress) 0% 0%);transition:clip-path .3s ease-out}
.preloader .preloader__bar-container .bar__background{opacity:.25}
.global__btn{font-size:clamp(14px,1.4rem,14px);line-height:1;letter-spacing:-.04em;text-transform:uppercase;font-weight:400;font-family:'Space Grotesk','Inter';border:none;background:none;outline:none;border-radius:4px;padding:16px 24px;cursor:pointer;user-select:none}
.global__btn.type--primary{background:#eceff4;color:#6e7582}
.global__btn.type--ghost{background:#eceff41a;backdrop-filter:blur(5px);color:#eceff4;border:1px solid #eceff4}
.global__btn.size--small{padding:8px 16px}
.global__btn.icon{display:inline-flex;align-items:center;gap:0 8px}
.global__btn.icon svg{height:14px;width:auto}
.pillar__content-modal{position:fixed;inset:0;padding:40px 0;z-index:30;height:100%;opacity:0;pointer-events:none}
.pillar__content-modal .wrapper{height:100%;align-items:center;padding-bottom:50px}
@media (min-width: 1440px){.pillar__content-modal .wrapper{max-width:1360px;margin:auto!important}}
.pillar__content-modal .wrapper .content__3d{grid-column:1/span 6;opacity:.5;pointer-events:none;height:100%;position:relative}
.pillar__content-modal .wrapper .content__3d .icon{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 5.5555555556vw;width:auto;opacity:0;transition:opacity .4s}
.pillar__content-modal .wrapper .content__3d .icon.active{opacity:1}
.pillar__content-modal .wrapper .content__3d .icon svg{width:100%;height:100%;object-fit:cover;stroke-opacity:.2;stroke-width:1px;fill:#eceff40d}
.pillar__content-modal .wrapper .content__block{grid-column:7/span 5;margin-top:62px}
.pillar__content-modal .wrapper .content__block .content__head{width:100%;position:relative}
.pillar__content-modal .wrapper .content__block .content__head .head__actions{display:flex;align-items:center;gap:0 24px}
.pillar__content-modal .wrapper .content__block .content__head .head__actions .actions__separator{flex:1;height:1px;background:#eceff480}
.pillar__content-modal .wrapper .content__block .content__head .head__title{margin-top:32px}
.pillar__content-modal .wrapper .content__block .content__head .head__decoration-plus{position:absolute;left:-32px;top:62px;z-index:4;width:8px;height:8px}
.pillar__content-modal .wrapper .content__block .content__head .head__decoration-plus svg{width:100%;height:auto;position:absolute;left:0;top:0}
.pillar__content-modal .wrapper .content__block .content__body{overflow-y:scroll;overflow-x:hidden;max-height:60vh;height:330px;padding-right:calc(var(--gridCell) * 1 + var(--gridGap) * 1);mask-image:linear-gradient(to bottom,#eceff400,#eceff4 5% 90%,#eceff400);padding-top:10px}
@media (min-width: 1440px){.pillar__content-modal .wrapper .content__block .content__body{padding-right:110px}}
.pillar__content-modal .wrapper .content__block .content__body::-webkit-scrollbar-thumb{background:#eceff4;border-radius:8px}
.pillar__content-modal .wrapper .content__block .content__body::-webkit-scrollbar{width:6px;background:#eceff400;border-radius:4px;cursor:pointer}
.pillar__content-modal .wrapper .content__block .content__body::-webkit-scrollbar-track{background:#6e758200;border-radius:4px}
.pillar__content-modal .wrapper .content__block .content__body .body__text{text-wrap:pretty;user-select:text}
.pillar__content-modal .wrapper .content__block .content__body .body__text a{color:#eceff4;text-decoration:underline}
.pillar__content-modal .wrapper .content__block .content__body .body__text strong{font-weight:700}
.pillar__content-modal .wrapper .content__block .content__body .body__text p{margin-bottom:var(--margin-m)}
.pillar__content-modal .wrapper .content__block .content__illustration{display:grid;grid-template-columns:repeat(5,1fr);gap:0px 24px;margin:32px 0 auto;width:100%;position:relative}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__decoration-plus{position:absolute;left:-32px;top:42px;z-index:4;width:8px;height:8px}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__decoration-plus svg{width:100%;height:auto;position:absolute;left:0;top:0}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__svg{grid-column:1/span 2}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__svg svg{width:100%;height:auto}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__text{text-transform:uppercase;display:flex;flex-direction:column;gap:6px;grid-column:3/span 3}
.pillar__content-modal .wrapper .content__block .content__illustration .illustration__text strong{font-weight:700}
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
.perf{top:60%!important;bottom:initial!important}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}
.mt-xl{margin-top:var(--margin-xl)}
.mt-l{margin-top:var(--margin-l)}
.mt-m{margin-top:var(--margin-m)}
.mt-s{margin-top:var(--margin-s)}
.mb-xl{margin-bottom:var(--margin-xl)}
.mb-l{margin-bottom:var(--margin-l)}
.mb-m{margin-bottom:var(--margin-m)}
.mb-s{margin-bottom:var(--margin-s)}
html{font-size:clamp(10px,.6944444444vw,16px);overflow-x:hidden}
html.scroll--disabled{overflow:hidden}
body{color:#eceff4;font-family:'Space Grotesk','Inter';font-size:clamp(12px,1.4rem,14px);line-height:1.4;font-weight:400;text-transform:uppercase}
@media (max-width: 1440px){body{font-size:clamp(10px,1.2rem,12px)}}
body.scroll--disabled{overflow:hidden}
body.no--interactions,body.no--interactions .home__section{pointer-events:none!important}
body *::selection{background:#eceff4;color:#6e7582}
body.antialiased{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.cursor--pointer{cursor:pointer}
body::-webkit-scrollbar-thumb{background:#eceff4;border-radius:8px}
body::-webkit-scrollbar{width:6px;background:#6e7582;border-radius:4px;cursor:pointer}
body::-webkit-scrollbar-track{background:#6e758200;border-radius:4px}
body .wrapper__guide{opacity:0;pointer-events:none;width:calc(100vw - 80px);height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;position:fixed;inset:0}
body .grid__visualizer-toggle{position:fixed;bottom:0;right:0;z-index:99999;background:#000;color:#fff;outline:none;border:none;font-family:'Space Grotesk','Inter';padding:.2em .6em;cursor:pointer;font-weight:700;display:none}
body .grid__visualizer{height:100vh;position:fixed;inset:0;z-index:9999;display:flex;margin:0 40px;pointer-events:none}
body .grid__visualizer.visible-0{opacity:0}
body .grid__visualizer.visible-50{opacity:.5}
body .grid__visualizer.visible-100{opacity:1}
body .grid__visualizer .visualizer__cell{background:#ff000040;width:var(--gridCell);height:100%}
body .grid__visualizer .visualizer__gap{background:#ff00001a;width:var(--gridGap)}
body .typography__title .words--parent{position:relative;padding-top:60px;overflow:hidden}
body .typography__title .words--parent .words--child{opacity:1}
body .typography__title .words--parent .words--child.words--child--copy{position:absolute!important;left:0;bottom:0;opacity:1;z-index:2;clip-path:inset(0% 0 calc(100% - 20px) 0)}
body .typography__title .words--parent .words--child:nth-of-type(1){position:relative;z-index:400}
.context3d .canvas--main{position:fixed;inset:0;z-index:10;width:100vw!important;height:100vh!important;overflow:hidden!important}
.context3d .canvas--main canvas{width:100%!important;height:100%!important}
.debug__pane{position:fixed;top:0;left:0;width:400px;z-index:99999;text-transform:none!important;pointer-events:initial!important}
.debug__scene-states{position:fixed;left:50%;bottom:0;z-index:200;background:#00000080;font-family:sans-serif;padding:1em}
.debug__scene-states ul{display:flex;flex-direction:column;gap:8px}
.home__scrollspy{position:fixed;right:var(--gridMargin);bottom:36px;z-index:55;display:flex;flex-direction:column;gap:4px 0;opacity:0}
.home__scrollspy .scrollspy__section{width:12px;height:12px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:margin .4s ease-out}
.home__scrollspy .scrollspy__section .section__border{width:12px;height:12px;position:absolute;left:0;top:0;border:1px solid #eceff4;transform:scale(0);transition:transform 1s ease-out}
.home__scrollspy .scrollspy__section .section__square{width:4px;height:4px;background:#eceff4}
.home__scrollspy .scrollspy__section.active{margin:4px 0}
.home__scrollspy .scrollspy__section.active .section__border{transform:scale(1)}
.home__scrollspy .scrollspy__labels{position:absolute;bottom:-10px;right:0;white-space:nowrap;text-align:right;pointer-events:none}
.home__scrollspy .scrollspy__labels .scrollspy__label{position:absolute;right:0;top:0;white-space:nowrap;font-size:1rem}
.home__scrollspy .scrollspy__labels .scrollspy__label .chars{opacity:0}
.accordion__item{margin-bottom:21px}
.accordion__item .item__border{width:100%;height:2px}
.accordion__item .item__border svg{display:block;width:100%}
.accordion__item .item__head{width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.accordion__item .item__head .head__title{flex-grow:1;padding-right:24px}
@media (max-width: 800px){.accordion__item .item__head .head__title{width:auto;flex-grow:1}}
.accordion__item .item__head .head__cta{display:inline-flex;align-items:center;gap:0 12px;justify-content:flex-end}
@media (max-width: 800px){.accordion__item .item__head .head__cta{width:auto}}
.accordion__item .item__head .head__cta .cta__btn{padding:3px 24px;border:1px solid #eceff4;background:#eceff41a;backdrop-filter:blur(5px);border-radius:4px;width:108px;text-align:center}
.accordion__item .item__content-container{overflow:hidden}
.accordion__item .item__content-container .item__content{transition:max-height .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1)}
.accordion__item .item__content-container .item__content.active{max-height:var(--contentHeight)!important;margin-bottom:24px}
.accordion__item:last-of-type{border-bottom:0;margin-bottom:0}
.accordion__item:last-of-type .item__head{padding-bottom:0}
.bottom__bar-hud{position:fixed;left:0;right:0;bottom:0;z-index:50;pointer-events:none;opacity:0;height:clamp(130px,20vh,20vh);background:#d9d9d903;backdrop-filter:blur(20px);mask-image:linear-gradient(180deg,#0000,#000 30% 100%)}
.bottom__bar-hud .wrapper{position:relative;z-index:46;height:100%;padding-bottom:40px;display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px}
.bottom__bar-hud .wrapper .bar__left{grid-column:1/span 4;position:relative}
.bottom__bar-hud .wrapper .bar__left .left__clients,.bottom__bar-hud .wrapper .bar__left .left__faq,.bottom__bar-hud .wrapper .bar__left .left__outro,.bottom__bar-hud .wrapper .bar__left .left__contact,.bottom__bar-hud .wrapper .bar__left .left__footer{position:absolute;left:0;bottom:0;opacity:0}
.bottom__bar-hud .wrapper .bar__left .left__clients{display:none}
.bottom__bar-hud .wrapper .bar__left .left__clients,.bottom__bar-hud .wrapper .bar__left .left__faq{display:flex;flex-direction:column;gap:8px}
.bottom__bar-hud .wrapper .bar__left .left__clients .client__label,.bottom__bar-hud .wrapper .bar__left .left__clients .faq__label,.bottom__bar-hud .wrapper .bar__left .left__faq .client__label,.bottom__bar-hud .wrapper .bar__left .left__faq .faq__label{font-size:1.2rem}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path,.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path{animation:circleBlink 1.5s infinite;animation-play-state:paused}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(1),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(1){animation-delay:.1s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(2),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(2){animation-delay:.2s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(3),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(3){animation-delay:.3s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(4),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(4){animation-delay:.4s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(5),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(5){animation-delay:.5s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(6),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(6){animation-delay:.6s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(7),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(7){animation-delay:.7s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(8),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(8){animation-delay:.8s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq .faq__svg svg path:nth-of-type(9),.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq .faq__svg svg path:nth-of-type(9){animation-delay:.9s}
.bottom__bar-hud .wrapper .bar__left .left__clients.left__faq.active .faq__svg svg path,.bottom__bar-hud .wrapper .bar__left .left__faq.left__faq.active .faq__svg svg path{animation-play-state:running}
@keyframes indicatorSweep{0%{background-position:-20% 0}85%,to{background-position:-220% 0}}
.bottom__bar-hud .wrapper .bar__middle{grid-column:5/span 4;position:relative}
.bottom__bar-hud .wrapper .bar__middle .middle__text,.bottom__bar-hud .wrapper .bar__middle .middle__footer{position:absolute;left:0;bottom:0;opacity:0}
.bottom__bar-hud .wrapper .bar__middle .middle__text{background:linear-gradient(90deg,#eceff480 40%,#eceff4 50%,#eceff480 50%);color:transparent;animation:indicatorSweep 3s infinite;background-repeat:repeat-x;background-clip:text;background-size:200% 100%}
.bottom__bar-hud .wrapper .bar__middle .middle__footer a{color:#eceff480;text-decoration:none}
.bottom__bar-hud .wrapper .bar__right{grid-column:10/span 3;position:relative}
.bottom__bar-hud .wrapper .bar__right .right__icon,.bottom__bar-hud .wrapper .bar__right .right__footer{position:absolute;bottom:0;opacity:0}
.bottom__bar-hud .wrapper .bar__right .right__icon{left:calc(var(--gridCell) + var(--gridGap))}
.bottom__bar-hud .wrapper .bar__right .right__footer{left:0;color:#eceff480}
.bottom__bar-hud .wrapper .bar__right .right__footer a{color:#eceff480}
.contact__modal{position:fixed;inset:0;z-index:60;background:linear-gradient(180deg,#70788561 5.25%,#32384280);backdrop-filter:blur(10px);opacity:0;pointer-events:none}
.contact__modal .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;height:100%;justify-content:start}
.contact__modal .wrapper .modal__content{grid-column:2/span 11;display:grid;grid-template-columns:repeat(11,1fr);gap:0px 24px;margin:auto 0;align-self:center}
.contact__modal .wrapper .modal__content .modal__titling{grid-column:1/span 3;display:flex;flex-direction:column;gap:19px;color:#eceff4;text-decoration:none}
.contact__modal .wrapper .modal__content .modal__grid{grid-column:6/span 6;display:grid;grid-template-columns:repeat(6,1fr);gap:0px 24px;margin:auto 0;font-size:1.4rem}
.contact__modal .wrapper .modal__content .modal__grid .grid__col{min-height:clamp(96px,10.6666666667vh,120px);display:flex;flex-direction:column;gap:4px}
.contact__modal .wrapper .modal__content .modal__grid .grid__col .col__title{color:#eceff480}
.contact__modal .wrapper .modal__content .modal__grid .grid__col .col__content a{color:#eceff4}
.contact__modal .wrapper .modal__content .modal__grid .grid__col.col--one{grid-column:1/span 3;grid-row:1}
.contact__modal .wrapper .modal__content .modal__grid .grid__col.col--two{grid-column:4/span 3;grid-row:1}
.contact__modal .wrapper .modal__content .modal__grid .grid__col.col--three{grid-column:1/span 3;grid-row:2}
.contact__modal .wrapper .modal__content .modal__grid .grid__col.col--four{grid-column:4/span 3;grid-row:2}
.contact__modal .wrapper .modal__footer{align-self:end}
.contact__modal .wrapper__footer{position:absolute;left:0;bottom:0;right:0;height:auto;padding-bottom:40px;font-size:1.2rem;color:#eceff499}
.contact__modal .wrapper__footer a{color:#eceff499}
.contact__modal .wrapper__footer .footer__left{grid-column:1/span 3}
.contact__modal .wrapper__footer .footer__middle{grid-column:5/span 4;cursor:pointer}
.contact__modal .wrapper__footer .footer__right{grid-column:10/span 3}
.horizontal__blips-overlay,.vertical__blips-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:65;pointer-events:none;opacity:0}
.horizontal__blips-overlay .wrapper,.vertical__blips-overlay .wrapper{padding-bottom:40px;display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;height:100%;align-content:end}
.horizontal__blips-overlay .wrapper svg,.vertical__blips-overlay .wrapper svg{background:#eceff40d;backdrop-filter:blur(10px)}
.horizontal__blips-overlay .wrapper .horizontal__blips{display:inline-flex;gap:12px}
.vertical__blips-overlay .wrapper .vertical__blips{display:flex;flex-direction:column;gap:12px}
.home__blur-filter{position:fixed;left:0;top:0;width:100%;height:100%;z-index:39;backdrop-filter:blur(10px);mask-image:linear-gradient(180deg,#000 0% 5%,#0000 50%,#000 95% 100%);pointer-events:none;opacity:0}
.page--home{position:relative;z-index:40}
.page--home .sections__primary{height:100dvh;min-height:14400px}
.page--home .sections__secondary{height:100dvh;min-height:10800px}
.page--home .sections__tertiary{height:100dvh;min-height:4050px}
.page--home .sections__progress.primary--secondary{height:0}
.page--home .sections__progress.secondary--tertiary{height:360px;margin-top:-360px;position:relative;z-index:9999}
.page--home .sections__progress.secondary--tertiary-out{height:180px;pointer-events:none;position:relative;z-index:9999}
.page--home .sections__secondary-tertiary{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:24}
.page--home .reading__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,#454a5480 18.44%,#454a5400 50%)}
.page--home .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px}
.page--home .home__section{position:fixed;inset:0;padding:40px 0;z-index:20;height:100%;opacity:0;pointer-events:none}
.page--home .home__section.section__introduction .introduction__hud{position:absolute;top:50%;left:var(--gridMargin);right:var(--gridMargin);transform:translateY(-50%);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;user-select:none}
.page--home .home__section.section__introduction .introduction__hud .hud__top{margin-bottom:8px}
.page--home .home__section.section__introduction .introduction__hud .hud__top .hud__location-text .chars{opacity:0}
.page--home .home__section.section__introduction .introduction__hud .hud__middle{display:flex;align-items:center;gap:0 24px}
.page--home .home__section.section__introduction .introduction__hud .hud__middle .middle__separator{height:1px;width:100%;background:linear-gradient(to right,rgba(180, 185, 194,.5) 0%,transparent 40%,transparent 60%,rgba(180, 185, 194,.5) 100%)}
.page--home .home__section.section__introduction .introduction__hud .hud__middle .middle__scroll-indicator{display:inline-flex;align-items:center;gap:0 12px}
.page--home .home__section.section__introduction .introduction__hud .hud__middle .middle__scroll-indicator .indicator__text{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.page--home .home__section.section__introduction .introduction__hud .hud__middle .middle__scroll-indicator .indicator__text .chars{opacity:0}
.page--home .home__section.section__introduction .introduction__hud .hud__bottom{display:flex;align-items:center;gap:0 8px;margin-top:8px}
.page--home .home__section.section__introduction .introduction__hud .hud__bottom .bottom__icon{display:flex;flex-direction:column;justify-content:center}
.page--home .home__section.section__introduction .introduction__hud .hud__bottom .bottom__text .chars{opacity:0}
.page--home .home__section.section__introduction .wrapper{justify-content:end;align-items:end;height:100%}
.page--home .home__section.section__introduction .wrapper .introduction__left-block{grid-column:1/span 6;display:flex;flex-direction:column;gap:33px 0}
.page--home .home__section.section__introduction .wrapper .introduction__left-block .introduction__title-hud{display:flex;gap:0 12px}
.page--home .home__section.section__introduction .wrapper .introduction__left-block .introduction__title-hud svg .element{transform:translateZ(0);will-change:opacity}
.page--home .home__section.section__introduction .wrapper .introduction__right-block{grid-column:9/span 4}
.page--home .home__section.section__introduction .wrapper .introduction__right-block .introduction__description{text-transform:uppercase}
.page--home .home__section.section__transition{opacity:1}
.page--home .home__section.section__transition .wrapper{align-items:center;justify-content:center;height:100%}
.page--home .home__section.section__transition .wrapper .transition__block-container{--progress: 1;--feather: 0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:linear-gradient(-90deg,#000 0% calc((var(--progress) - var(--feather)) * 100%),#0000 calc(var(--progress) * 100%) 100%);mask-repeat:no-repeat}
.page--home .home__section.section__transition .wrapper .transition__block-container .transition__block{--progress: 0;--feather: .1;display:flex;flex-direction:column;align-items:center;justify-content:center;mask-image:linear-gradient(90deg,#000 0% calc((var(--progress) - var(--feather)) * 100%),#0000 calc(var(--progress) * 100%) 100%);mask-repeat:no-repeat}
.page--home .home__section.section__transition .wrapper .transition__block-container .transition__block .transition__icons{display:flex;align-items:center;gap:24px}
.page--home .home__section.section__transition .wrapper .transition__block-container .transition__block .transition__text{margin-top:16px}
.page--home .home__section.section__vision .vision__decorative-icons{display:flex;white-space:nowrap;position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;width:100vw}
.page--home .home__section.section__vision .vision__decorative-icons .icons__track{display:flex;gap:0 24px;white-space:nowrap;will-change:transform}
.page--home .home__section.section__vision .vision__decorative-icons .icon{height:44.4444444444vh;width:auto;opacity:.2;pointer-events:none;user-select:none}
.page--home .home__section.section__vision .vision__decorative-icons .icon svg{height:100%;width:auto}
.page--home .home__section.section__vision .vision__decorative-icons .icon.icon__foundations{margin-right:24px}
.page--home .home__section.section__vision .wrapper{align-items:center;height:100%}
.page--home .home__section.section__vision .wrapper .vision__block{grid-column:2/span 7}
.page--home .home__section.section__vision .wrapper .vision__block .vision__title{max-width:800px}
.page--home .home__section.section__vision .wrapper .vision__block .vision__actions{display:flex;flex-wrap:wrap;gap:40px}
.page--home .home__section.section__pillars{padding-bottom:80px}
.page--home .home__section.section__pillars .wrapper{height:100%;align-items:end}
.page--home .home__section.section__pillars .wrapper .pillars__block{grid-column:7/span 5}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__title{width:calc(4 * var(--gridCell));text-wrap:balance}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__description{text-wrap:balance}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__list-hint{display:inline-flex;align-items:center;gap:0 4px}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__list-hint .text{text-transform:initial;letter-spacing:.04em;position:relative}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__list-hint .text .text__pillar{position:absolute;left:0;top:0;pointer-events:none}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__list-hint .text .text__pillar .chars{opacity:0}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector{display:flex;gap:16px;margin-top:20px}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item{padding:12px;width:72px;height:72px;border-radius:6px;border:1px solid rgba(236, 239, 244,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .225s;position:relative;aspect-ratio:1}
@media (max-width: 1440px){.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item{width:5vw;height:5vw}}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .inner{opacity:.25;transition:opacity .4s ease-out}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item.active .inner{opacity:1}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--risk svg{width:100%;height:100%;object-fit:contain}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--performance svg{width:100%;height:auto}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--culture svg{width:100%;height:auto}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--resources svg{height:100%;width:auto}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--ai svg{height:79.1667%;width:auto}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon.icon--foundations svg{height:75%;width:auto}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .icon svg{object-fit:contain}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item .item__background{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .225s;background:linear-gradient(180deg,#eceff440,#eceff408)}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item:hover.active{transform:scale(1.2222222222)}
.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__selector .pillars__selector-item:hover.active .item__background,.page--home .home__section.section__stats{opacity:1}
.page--home .home__section.section__stats .section__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,#454a5480 18.44%,#454a5400 50%);opacity:0}
.page--home .home__section.section__stats .section__overlay .wrapper{height:100%;justify-content:end;align-content:end}
.page--home .home__section.section__stats .section__overlay .wrapper .stats__list{grid-column:2/span 10;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:40px}
.page--home .home__section.section__stats .section__overlay .wrapper .stats__list .stat__block{display:flex;flex-direction:column;gap:12px}
.page--home .home__section.section__primary-transition{padding:0}
.page--home .home__section.section__primary-transition .section__background{height:100%;background:radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(59.14% 69.11% at 50% 47.67%,#7a7f87 33.34%,#22242a),radial-gradient(54.62% 63.28% at 50% 47.67%,#737882,#282c34),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(90.76% 51.96% at 47.64% 48.61%,#888e98 .01%,#787e88)}
.page--home .home__section.section__primary-transition .section__background .wrapper{align-items:center;justify-items:center;height:100%}
.page--home .home__section.section__primary-transition .section__background .wrapper .title__block{grid-column:3/span 8;flex-direction:column;display:flex;justify-content:center;align-items:center;text-align:center;gap:48px;width:100%;height:100%}
.page--home .home__section.section__primary-transition .section__background .wrapper .title__block .primary__transition-title .lines--parent{overflow:hidden}
.page--home .home__section.section__secondary-transition{padding:0;height:auto;position:static;opacity:1!important}
.page--home .home__section.section__secondary-transition .section__background{height:100vh;--progressTop: 0;--progressBottom: 0;background:radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(59.14% 69.11% at 50% 47.67%,#7a7f87 33.34%,#22242a),linear-gradient(180deg,#70788561 5.25%,#32384280);mask-image:linear-gradient(180deg,rgba(0,0,0,var(--progressTop)),rgba(0,0,0,var(--progressBottom)));position:fixed;inset:0}
.page--home .home__section.section__secondary-transition .section__clients{position:relative;z-index:24;opacity:0;height:auto;pointer-events:initial!important}
@keyframes circleBlink{0%{opacity:1}50%{opacity:0}to{opacity:1}}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top{grid-column:1/span 4;grid-row:1}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg{height:18px;width:auto}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle{animation:circleBlink 1.5s infinite;animation-play-state:paused}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(1){animation-delay:.1s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(2){animation-delay:.2s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(3){animation-delay:.3s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(4){animation-delay:.4s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(5){animation-delay:.5s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(6){animation-delay:.6s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(7){animation-delay:.7s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(8){animation-delay:.8s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg circle:nth-of-type(9){animation-delay:.9s}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-top svg.active circle{animation-play-state:running}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content{grid-column:1/span 11;grid-row:2}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list{display:inline-flex;flex-direction:column;align-items:center}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row{display:flex;flex-wrap:wrap;justify-content:center;max-width:1055px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row:nth-of-type(n+1){margin-top:-1px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item{width:211px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(236, 239, 244,.25);position:relative}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item:nth-of-type(n+1){margin-left:-1px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross{width:4px;height:4px;position:absolute;z-index:8}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross>div{background:#eceff4}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross>div:first-of-type{width:100%;height:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross>div:last-of-type{width:1px;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross.cross--top-left{top:-2px;left:-2px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross.cross--top-right{top:-2px;right:-2px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross.cross--bottom-left{bottom:-2px;left:-2px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item .cross.cross--bottom-right{bottom:-2px;right:-2px}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__content .clients__list .list__row .list__item img{max-height:50px;max-width:130px;width:auto;height:auto}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-right{grid-column:11/span 2;grid-row:2;display:flex;justify-content:flex-end;position:relative}
.page--home .home__section.section__secondary-transition .section__clients .wrapper .section__decoration-bottom{grid-column:1/span 11;grid-row:3}
.page--home .home__section.section__secondary-transition .section__faq{position:relative;z-index:24;opacity:0;pointer-events:initial!important;height:auto;margin-top:0}
@media (min-width: 1440px){.page--home .home__section.section__secondary-transition .section__faq .wrapper{max-width:1360px;margin:auto}}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling{grid-column:1/span 12;grid-row:1}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path{animation:circleBlink 1.5s infinite;animation-play-state:paused}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path:nth-of-type(1){animation-delay:.1s}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path:nth-of-type(2){animation-delay:.2s}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path:nth-of-type(3){animation-delay:.3s}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path:nth-of-type(4){animation-delay:.4s}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg path:nth-of-type(5){animation-delay:.5s}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__titling .titling__decoration svg.active path{animation-play-state:running}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content{grid-column:1/span 12;grid-row:2;display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 0}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .decoration__left{grid-column:1/span 4}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right{grid-column:6/span 7}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content p{margin-bottom:12px}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content p:last-of-type{margin-bottom:0}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content strong{font-weight:700}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content a{color:#eceff4;text-decoration:underline}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ul{margin:24px 0}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ul li{padding-left:12px;position:relative}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ul li:before{top:8px;left:0;position:absolute;content:"";width:4px;height:4px;background:#eceff4}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ol{margin:24px 0;counter-reset:listNb}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ol li{position:relative;padding-left:20px;counter-increment:listNb}
.page--home .home__section.section__secondary-transition .section__faq .wrapper .section__content .content__right .faq__list .accordion__item .item__content ol li:before{top:0;left:0;position:absolute;content:counter(listNb) ".";font-weight:700}
.page--home .home__section.section__service{opacity:0;pointer-events:none}
.page--home .home__section.section__service .wrapper{height:100%}
.page--home .home__section.section__service .wrapper .service__block .service__title-block{display:inline-flex;align-items:flex-end;gap:16px}
.page--home .home__section.section__service .wrapper .service__block .service__title-block .block__index{margin-bottom:5px}
.page--home .home__section.section__service .wrapper .service__block .service__cta{display:flex;justify-content:space-between;align-items:center}
.page--home .home__section.section__service .wrapper .service__block .service__cta .cta__text{color:#eceff499;font-style:italic;line-height:1.4}
.page--home .home__section.section__service .wrapper .service__block .service__cta .cta__button{padding:8px 24px;border:1px solid #eceff4;background:#eceff41a;backdrop-filter:blur(5px);border-radius:4px;cursor:pointer}
@media (min-width: 1440px){.page--home .home__section.section__service.service--1 .wrapper{max-width:1360px;margin:auto}}
.page--home .home__section.section__service.service--1 .wrapper .service__block{grid-column:1/span 4;align-self:end}
@media (min-width: 1440px){.page--home .home__section.section__service.service--2 .wrapper{max-width:1360px;margin:auto}}
.page--home .home__section.section__service.service--2 .wrapper .service__block{grid-column:8/span 4;align-self:end}
@media (min-width: 1440px){.page--home .home__section.section__service.service--3 .wrapper{max-width:1360px;margin:auto}}
.page--home .home__section.section__service.service--3 .wrapper .service__block{grid-column:1/span 4;align-self:end}
@media (min-width: 1440px){.page--home .home__section.section__service.service--4 .wrapper{max-width:1360px;margin:auto}}
.page--home .home__section.section__service.service--4 .wrapper .service__block{grid-column:8/span 4;align-self:end}
.story__modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:75;background:radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#3e424c),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(59.14% 69.11% at 50% 47.67%,#7a7f87 33.34%,#22242a),radial-gradient(54.62% 63.28% at 50% 47.67%,#737882,#282c34),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(119.13% 63.09% at 100% 0%,#c8cdd6,#787e88);opacity:0;pointer-events:none}
.story__modal .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;height:100%;align-content:center}
@media (min-width: 1440px){.story__modal .wrapper{max-width:1360px;margin:auto}}
.story__modal .wrapper .modal__head{grid-column:2/span 10;grid-row:1}
.story__modal .wrapper .modal__head .back__button{backdrop-filter:blur(5px);border-radius:4px;padding:8px 24px;display:inline-flex;align-items:center;gap:10px;border:1px solid #eceff4;background:#eceff41a;cursor:pointer}
.story__modal .wrapper .modal__body{grid-column:2/span 10;grid-row:2;margin-top:48px;display:flex;gap:0 48px}
.story__modal .wrapper .modal__body .body__left{grid-column:1/span 5;width:47.3367697595%;flex-shrink:0}
.story__modal .wrapper .modal__body .body__left .left__image{border-radius:12px;overflow:hidden}
.story__modal .wrapper .modal__body .body__left .left__image img{width:100%;height:100%;object-fit:cover}
.story__modal .wrapper .modal__body .body__left .left__icons{margin-top:30px;display:inline-flex;align-items:center;gap:16px;mask-image:linear-gradient(90deg,#00000080,#0000001a 80%)}
.story__modal .wrapper .modal__body .body__left .left__icons svg{height:21px;width:auto}
.story__modal .wrapper .modal__body .body__right{grid-column:6/span 5;margin-top:163px}
.story__modal .wrapper .modal__body .body__right .right__border{height:1px;width:100%;background:#eceff440}
.story__modal .wrapper .modal__body .body__right .right__description{max-width:600px}
.story__modal .wrapper .modal__body .body__right .right__description p{margin-bottom:24px}
.story__modal .wrapper .modal__body .body__right .right__description p:last-of-type{margin-bottom:0}
.founder__modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:75;background:radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#3e424c),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(59.14% 69.11% at 50% 47.67%,#7a7f87 33.34%,#22242a),radial-gradient(54.62% 63.28% at 50% 47.67%,#737882,#282c34),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(119.13% 63.09% at 100% 0%,#c8cdd6,#787e88);opacity:0;pointer-events:none}
.founder__modal .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;height:100%;padding-top:16vh;padding-bottom:6.6666666667vh;align-content:start}
@media (min-width: 1440px){.founder__modal .wrapper{max-width:1360px;margin:auto}}
.founder__modal .wrapper .modal__decoration-left{grid-column:1/span 1;align-self:end;grid-row:1/span 2;position:relative}
.founder__modal .wrapper .modal__decoration-left svg{position:absolute;left:-35px;bottom:0;width:150px;height:auto}
.founder__modal .wrapper .modal__head{grid-column:2/span 9;grid-row:1}
.founder__modal .wrapper .modal__head .back__button{backdrop-filter:blur(5px);border-radius:4px;padding:8px 24px;display:inline-flex;align-items:center;gap:10px;border:1px solid #eceff4;background:#eceff41a;cursor:pointer}
.founder__modal .wrapper .modal__head .head__title{margin-top:48px}
.founder__modal .wrapper .modal__body{grid-column:2/span 9;grid-row:2}
.founder__modal .wrapper .modal__body .body__item{width:100%;display:flex;gap:0 48px}
.founder__modal .wrapper .modal__body .body__item .body__left{grid-column:1/span 4;width:40.6126482213%;min-width:410px;flex-shrink:0}
.founder__modal .wrapper .modal__body .body__item .body__left .left__image{border-radius:12px;overflow:hidden;position:relative;width:100%;aspect-ratio:.7445652174}
.founder__modal .wrapper .modal__body .body__item .body__left .left__image img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;opacity:0;pointer-events:none}
.founder__modal .wrapper .modal__body .body__item .body__left .left__image img.active{opacity:1}
.founder__modal .wrapper .modal__body .body__item .body__right{grid-column:5/span 5}
@media (min-width: 2500px){.founder__modal .wrapper .modal__body .body__item .body__right{flex-grow:1}}
.founder__modal .wrapper .modal__body .body__item .body__right .founder__selector{display:flex;gap:8px}
.founder__modal .wrapper .modal__body .body__item .body__right .founder__selector .founder{backdrop-filter:blur(5px);border-radius:4px;padding:4px 24px;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;cursor:pointer;transition:border .4s ease-out}
.founder__modal .wrapper .modal__body .body__item .body__right .founder__selector .founder.active{border:1px solid #eceff4}
.founder__modal .wrapper .modal__body .body__item .body__right .right__title{margin-top:38px}
.founder__modal .wrapper .modal__body .body__item .body__right .right__border{height:1px;width:100%;background:#eceff440}
.founder__modal .wrapper .modal__body .body__item .body__right .right__description{max-width:600px}
.founder__modal .wrapper .modal__body .body__item .body__right .right__description p{margin-bottom:24px}
.founder__modal .wrapper .modal__body .body__item .body__right .right__description p:last-of-type{margin-bottom:0}
.founder__modal .wrapper .modal__decoration-right{display:flex;position:relative;position:absolute;right:40px;top:142px}
.founder__modal .wrapper .modal__decoration-right .icons__list{display:inline-flex;gap:16px;transform:rotate(-90deg) translate3d(0,-22px,0);transform-origin:top right;opacity:.5;mask-image:linear-gradient(90deg,#00000026,#000000b3);position:absolute;right:0;top:160px}
.founder__modal .wrapper .modal__decoration-right .icons__list .transition__icon .icon__svg svg{height:22px;width:auto}
@keyframes circleRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes circleRotationReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
.founder__modal .founder__decoration{position:absolute;left:40px;bottom:6.6666666667vh;transform-box:fill-box}
.founder__modal .founder__decoration .mire__outer{transform-box:fill-box;transform-origin:50% 50%;animation:circleRotation 10s linear infinite;animation-play-state:paused}
.founder__modal .founder__decoration .mire__middle{transform-box:fill-box;transform-origin:50% 50%;animation:circleRotationReverse 5s linear infinite;animation-play-state:paused}
.founder__modal .founder__decoration.active .mire__outer,.founder__modal .founder__decoration.active .mire__middle{animation-play-state:running}
.founder__modal .vision__decorative-icons{display:flex;white-space:nowrap;position:absolute;bottom:-29.1111111111vh;overflow:hidden;width:100vw}
.founder__modal .vision__decorative-icons .icons__track{display:flex;gap:0 24px;white-space:nowrap;will-change:transform}
.founder__modal .vision__decorative-icons .icon{height:44.4444444444vh;width:auto;opacity:.2;pointer-events:none;user-select:none}
.founder__modal .vision__decorative-icons .icon svg{height:100%;width:auto}
.founder__modal .vision__decorative-icons .icon.icon__foundations{margin-right:24px}
.content__modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:75;background:radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#3e424c),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(59.14% 69.11% at 50% 47.67%,#7a7f87 33.34%,#22242a),radial-gradient(54.62% 63.28% at 50% 47.67%,#737882,#282c34),radial-gradient(54.62% 63.28% at 50% 47.67%,#808690,#353942),radial-gradient(119.13% 63.09% at 100% 0%,#c8cdd6,#787e88);opacity:0;pointer-events:none}
.content__modal .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0px 24px;margin:auto 40px;height:100%;padding-top:16vh;padding-bottom:6.6666666667vh;align-content:start}
@media (min-width: 1440px){.content__modal .wrapper{max-width:1360px;margin:auto}}
.content__modal .wrapper .modal__head{grid-column:2/span 9;grid-row:1}
.content__modal .wrapper .modal__head .back__button{backdrop-filter:blur(5px);border-radius:4px;padding:8px 24px;display:inline-flex;align-items:center;gap:10px;border:1px solid #eceff4;background:#eceff41a;cursor:pointer}
.content__modal .wrapper .modal__head .head__title{margin-top:48px}
.content__modal .wrapper .modal__body{grid-column:2/span 9;grid-row:2;margin-top:28px;overflow-y:scroll;overflow-x:hidden;height:55vh;padding-right:calc(var(--gridCell) * 1 + var(--gridGap) * 1);mask-image:linear-gradient(to bottom,#eceff400,#eceff4 5% 90%,#eceff400);padding-top:20px;padding-bottom:48px}
.content__modal .wrapper .modal__body::-webkit-scrollbar-thumb{background:#eceff4;border-radius:8px}
.content__modal .wrapper .modal__body::-webkit-scrollbar{width:6px;background:#eceff400;border-radius:4px;cursor:pointer}
.content__modal .wrapper .modal__body::-webkit-scrollbar-track{background:#6e758200;border-radius:4px}
.content__modal .wrapper .modal__body h2,.content__modal .wrapper .modal__body h3{margin:1em 0;font-weight:700}
.content__modal .wrapper .modal__body h2{font-family:'Space Grotesk','Noto Serif SC';font-size:clamp(20px,4rem,40px);line-height:1.04;font-weight:700;text-transform:uppercase}
@media (max-width: 1440px){.content__modal .wrapper .modal__body h2{font-size:clamp(16px,3rem,30px)}}
.content__modal .wrapper .modal__body p{margin-bottom:12px}
.content__modal .wrapper .modal__body p:last-of-type{margin-bottom:0}
.content__modal .wrapper .modal__body strong{font-weight:700}
.content__modal .wrapper .modal__body a{color:#eceff4;text-decoration:underline}
.content__modal .wrapper .modal__body ul{margin:24px 0}
.content__modal .wrapper .modal__body ul li{padding-left:12px;position:relative}
.content__modal .wrapper .modal__body ul li:before{top:8px;left:0;position:absolute;content:"";width:4px;height:4px;background:#eceff4}
.content__modal .wrapper .modal__body ol{margin:24px 0;counter-reset:listNb}
.content__modal .wrapper .modal__body ol li{position:relative;padding-left:20px;counter-increment:listNb}
.content__modal .wrapper .modal__body ol li:before{top:0;left:0;position:absolute;content:counter(listNb) ".";font-weight:700}
.scroll-countdown-inline{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;pointer-events:none;color:#eceff4;animation:scrollCountdownPulse 1.4s ease-in-out infinite}
.scroll-countdown-inline .countdown__title{font-family:'Space Grotesk','Inter',monospace;font-size:clamp(10px,1.2rem,12px);line-height:1.4;letter-spacing:.08em}
.scroll-countdown-inline .countdown__value{font-family:'Space Grotesk','Inter',monospace;font-size:clamp(12px,1.4rem,14px);font-weight:700;line-height:1;letter-spacing:.04em}
@keyframes scrollCountdownPulse{0%,100%{opacity:.42}50%{opacity:1}}
@media(max-width:1000px){.scroll-countdown-inline{gap:6px;margin-bottom:10px}.scroll-countdown-inline .countdown__title{font-size:clamp(11px,3.2vw,14px)}.scroll-countdown-inline .countdown__value{font-size:clamp(13px,3.8vw,17px)}}

/* caixiaoda-logo-layout: preserve original logo breakpoints */ .header__logo{display:block;width:190px;height:56px;line-height:56px;white-space:nowrap;color:#eceff4}
.header__logo>img{width:108px;height:56px;object-fit:contain;object-position:left center;display:inline-block;vertical-align:top;margin-right:6px}
.header__logo>span{display:inline-flex;flex-direction:column;justify-content:center;vertical-align:top;margin-top:14px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.04em;font-family:'Space Grotesk','Inter',monospace;white-space:nowrap;text-transform:none}
 @media (max-width:1000px){.header__logo{width:170px!important;height:46px!important}.header__logo>img{width:90px!important;height:46px!important}.header__logo>span{margin-top:7px!important}}

/* caixiaoda-logo-layout: brand wordmark layout proportions */ .header__logo{display:block;width:190px;height:56px;line-height:56px;white-space:nowrap;color:#eceff4}
.header__logo>img{width:100px;height:56px;object-fit:contain;object-position:left center;display:inline-block;vertical-align:top;margin-right:6px}
.header__logo>span{display:inline-flex;flex-direction:column;justify-content:center;vertical-align:top;margin-top:14px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.02em;font-family:'Space Grotesk','Noto Serif SC',Noto Sans SC,sans-serif;white-space:nowrap;text-transform:none}
 @media (max-width:1000px){.header__logo{width:170px!important;height:46px!important}.header__logo>img{width:88px!important;height:46px!important}.header__logo>span{margin-top:7px!important}}

/* caixiaoda-logo-type: enlarged artistic wordmark */ .header__logo{width:210px!important}
.header__logo>span{font-size:20px!important;font-weight:900!important;line-height:22px!important;letter-spacing:.01em!important;margin-top:6px!important;font-family:'Space Grotesk','Noto Serif SC',Noto Sans SC,sans-serif!important}
@media (max-width:1000px){.header__logo{width:195px!important}.header__logo>span{margin-top:1px!important}}

/* bilingual-heading-layout: introduction stays left-aligned; transition shares a center line */ .introduction__title,.introduction__title h1{white-space:pre-line!important;text-align:left!important}
.transition__text{white-space:pre-line!important;text-align:center!important}

/* vision-description-layout: treat the long vision copy as readable body text, not a display heading */ .page--home .section__vision .vision__title{font-family:'Space Grotesk','Inter',Noto Sans SC,Noto Sans Mono,Microsoft YaHei,PingFang SC,sans-serif!important;font-size:16px!important;line-height:1.8!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;max-width:680px!important}
.page--home .section__vision .vision__title p{display:block!important;margin:0!important}
.page--home .section__vision .vision__title p+p+p{margin-top:1.2em!important}

@media (max-width:340px){.header__logo{width:170px!important}.header__logo>img{width:70px!important;margin-right:0!important}}

/* vision-layout-only: keep the original single paragraph animation and show authored blank lines */ .page--home .section__vision .vision__title,.page--home .section__vision .vision__title p{white-space:pre-line!important}

/* vision-original-type-layout: restore the original large display type; only authored line breaks are new */ .page--home .section__vision .vision__title{font-family:'Space Grotesk','Noto Serif SC',sans-serif!important;font-size:clamp(20px,4rem,40px)!important;line-height:1.04!important;font-weight:700!important;letter-spacing:normal!important;text-transform:uppercase!important;max-width:800px!important;white-space:pre-line!important}
.page--home .section__vision .vision__title p{display:inline!important;margin:0!important;white-space:pre-line!important}
@media (max-width:1440px){.page--home .section__vision .vision__title{font-size:clamp(16px,3rem,30px)!important}}

/* pillar-emoji-icons: recognizable desktop controls above the hover background */
.page--home .section__pillars .pillars__selector-item .pillar__emoji{position:relative;z-index:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:clamp(22px,2.5vw,34px);line-height:1;user-select:none}

.page--home .home__section.section__pillars .wrapper{align-items:center}

.page--home .home__section.section__pillars{padding-bottom:40px}

.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__heading,.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__description,.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__list-hint{font-size:18px;line-height:1.45}

.page--home .home__section.section__pillars .wrapper .pillars__block .pillars__title{font-size:40px!important;line-height:1.04!important}


/* contact-modal-layout */
.header__contact-trigger,
.header__contact-trigger .state,
.header__contact-trigger .state > *{pointer-events:auto!important}

.header__contact-trigger.is-open .state--opened{visibility:visible;pointer-events:auto!important}

.header__contact-trigger.is-open .state--opened .chars,
.header__contact-trigger.is-open .state--opened .trigger__icon{opacity:1!important;visibility:visible!important}

.header__contact-trigger.is-open .state--closed{pointer-events:none!important}

.contact__modal{text-align:left!important}

.contact__modal .modal__grid,
.contact__modal .modal__grid .col__title,
.contact__modal .modal__grid .col__content{font-size:19px!important;line-height:1.5;text-align:left!important;white-space:pre-line}

.contact__modal .modal__titling .titling__heading{font-size:17px!important;line-height:1.5;text-align:left!important;white-space:pre-line}

.contact__modal .modal__titling .titling__heading > div:first-child{display:block!important}

.contact__modal .modal__titling .titling__heading > div:not(:first-child){display:inline-block!important}

.contact__modal .modal__titling .titling__title{font-size:45px!important;line-height:1.1;text-align:left!important;white-space:pre-line}

.contact__modal .modal__grid .col__content p{margin:0;white-space:pre-line}

.contact__modal .modal__grid .col__content p + p{margin-top:19px}







/* story-modal-layout */
.story__modal .wrapper .modal__body .body__left .left__title{white-space:pre-line!important;text-align:left!important}

.story__modal .wrapper .modal__body .body__right .right__title{white-space:nowrap!important}

.story__modal .wrapper .modal__body .body__right{position:relative;margin-top:110px!important;margin-right:12px!important;transform:translateX(8px)}

.story__modal .wrapper .modal__body .body__right .right__links{position:absolute;top:0;right:0;margin-top:0!important}

.story__modal .wrapper .modal__body .body__right .right__border{margin-top:12px!important}

.story__modal .wrapper .modal__body .body__right .right__description{margin-top:11px!important}


/* story-qr-carousel: full QR cards with a quiet crossfade */
.story__modal .wrapper .modal__body .body__left .left__image.qr-carousel{position:relative;display:grid;place-items:center;width:min(100%,420px)!important;height:auto!important;min-height:0;aspect-ratio:1/1!important;overflow:hidden;border:1px solid #eceff466;background:transparent!important;box-shadow:0 18px 44px #18191c55;isolation:isolate}

.story__modal .wrapper .modal__body .body__left .left__image.qr-carousel .qr-carousel__slide{position:absolute;inset:0;width:100%!important;height:100%!important;padding:18px;object-fit:contain!important;object-position:center;opacity:0;z-index:1;transition:opacity .8s ease;will-change:opacity}

.story__modal .wrapper .modal__body .body__left .left__image.qr-carousel .qr-carousel__slide.is-active{opacity:1;z-index:2}

.qr-carousel__dots{position:absolute;left:50%;bottom:14px;z-index:3;display:flex;gap:7px;align-items:center;padding:6px 9px;border:1px solid #eceff440;border-radius:999px;background:#18191c99;backdrop-filter:blur(8px);transform:translateX(-50%);pointer-events:none}

.qr-carousel__dot{display:block;width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#eceff466;transition:transform .3s ease,background-color .3s ease;cursor:pointer}

.qr-carousel__dot.is-active{background:#eceff4;transform:scale(1.35)}

@media (prefers-reduced-motion:reduce){.qr-carousel__slide,.qr-carousel__dot{transition:none!important}}


/* === CXD DYNAMIC AMBIENT & TACTILE UPGRADE === */
@keyframes cxdAmbientPulse {
  0%, 100% { opacity: 0.42; transform: scale(1) translate3d(0, 0, 0); }
  50% { opacity: 0.68; transform: scale(1.06) translate3d(0, -1.5%, 0); }
}
@keyframes cxdGridDrift {
  0% { background-position: 0px 0px, 0px 0px, 0px 0px; }
  100% { background-position: 0px 0px, 64px 64px, 64px 64px; }
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at var(--cxd-mx, 50%) var(--cxd-my, 50%), rgba(226, 232, 240, 0.085) 0%, rgba(148, 163, 184, 0.03) 28%, transparent 62%),
    linear-gradient(rgba(236, 239, 244, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 239, 244, 0.018) 1px, transparent 1px);
  background-size: 100% 100%, 64px 64px, 64px 64px;
  /* animation removed for zero idle CPU repaint */
}
.canvas-container::after {
  content: "";
  position: fixed;
  inset: -10%;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(45% 42% at 50% 48%, rgba(226, 232, 240, 0.07) 0%, rgba(148, 163, 184, 0.02) 48%, transparent 75%);
  animation: cxdAmbientPulse 9s ease-in-out infinite;
}

/* === LENIS TOUCH-SWIPE & LANDSCAPE STAGE OPTIMIZATION === */
html.lenis, html.lenis body, .smooth__scroll-wrapper {
  touch-action: pan-y pan-x;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
html.lenis.lenis-smooth iframe {
  pointer-events: auto;
}

/* === 企业级性能优化与六大模块文字标签样式 === */
.contact__modal,
.pillar__content-modal,
.home__blur-filter {
  visibility: hidden;
  will-change: opacity;
}
.story__modal {
  will-change: transform, opacity;
}
.qr-carousel__slide {
  padding: 0 !important;
  object-fit: cover !important;
  background: radial-gradient(circle at 50% 50%, rgba(25, 38, 65, 0.9), rgba(7, 10, 18, 0.98)) !important;
}
.pillars__selector-li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.42rem !important;
  position: relative !important;
}
.pillar__item-label {
  display: block;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: rgba(216, 230, 255, 0.78);
  white-space: nowrap;
  text-align: center;
  line-height: 1.15;
  pointer-events: none;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);
  transition: color 0.25s ease, transform 0.25s ease, text-shadow 0.25s ease;
}
.pillars__selector-li:hover .pillar__item-label,
.pillars__selector-item.selected + .pillar__item-label {
  color: #7ce7ff;
  transform: translateY(-1px);
  text-shadow: 0 0 12px rgba(96, 210, 255, 0.65);
}
@media (max-width: 768px) {
  .pillar__item-label {
    font-size: 0.62rem;
    letter-spacing: 0.04em;
  }
}
