/* Connected business experiences. All content is visible without motion or scripts. */
.studio-page{--business-silver:#b7c6cd;--business-depth:#162329}
.studio-page main{overflow:clip}
.studio-header::after{content:"";position:absolute;inset-inline:24px;bottom:0;height:1px;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:linear-gradient(90deg,transparent,#6f8794,transparent);pointer-events:none}
.business-hero{padding-top:48px;padding-bottom:18px}
.business-hero::after{content:"";position:absolute;inset:0 -8vw 0 32%;background-image:radial-gradient(#526d7d28 .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(ellipse at 65% 45%,black,transparent 68%);pointer-events:none;z-index:-2}
.business-hero h1{font-size:clamp(48px,5.6vw,88px);max-width:760px}
.business-hero .studio-system{filter:drop-shadow(0 30px 45px #6a828a0a)}
.business-hero .studio-hero-foot .studio-text-link{font-size:12px}
.business-capabilities{padding-top:58px}
.business-capabilities .studio-service{position:relative;overflow:hidden}
.business-capabilities .studio-service::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff45 45%,transparent 65%);transform:translateX(-130%);pointer-events:none}
.business-explorer{padding-block:70px 40px;scroll-margin-top:120px}
.business-selector{border-radius:32px;border:1px solid #fff;background:linear-gradient(130deg,#eff4f5,#e7edef);box-shadow:inset 0 1px 0 #fff,0 25px 60px -50px #18313e70;padding:8px;overflow:hidden}
.business-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 20px}
.business-tabs button{font:inherit;font-size:13px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:100px;background:transparent;color:#50616b;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.business-tabs button[aria-pressed="true"]{color:#17262e;background:linear-gradient(140deg,#fff,#f5f8f9);border-color:#fff;box-shadow:0 6px 13px -8px #21394b55,inset 0 1px 0 #fff}
.business-tabs button:hover{color:#15232c;background:#ffffff9c}
.business-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:38px;border-radius:26px;background:#fcfdfdb0;border:1px solid #fff;align-items:center}
.business-panel[hidden]{display:none}
.business-panel+.business-panel{margin-top:10px}
.business-selector.is-enhanced .business-panel{margin:0}
.business-panel-copy h3{font-size:clamp(29px,2.8vw,42px);line-height:1.1;margin:0 0 22px}
.business-panel-copy h3 span{color:#72818a}
.business-panel-copy p:not(.studio-label){font-size:14px;line-height:1.8;color:#5d707a}
.business-panel-copy .studio-label{font-size:9px;margin-bottom:22px}
.business-flow{container-type:inline-size;position:relative;background:radial-gradient(ellipse at 20% 0%,#3a4c55,#18272e 65%,#152128);border:1px solid #53666e;border-radius:22px;padding:23px;color:#f2f7f8;box-shadow:inset 0 1px 0 #ffffff30,0 18px 40px -27px #152b3a9c;overflow:hidden;isolation:isolate}
.business-flow::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d7e8f205 1px,transparent 1px),linear-gradient(90deg,#d7e8f205 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 85%);z-index:-1}
.business-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#afc1ca;font-size:9px;letter-spacing:.08em}
.business-flow-heading>span:first-child{display:flex;align-items:center;gap:8px}
.business-flow-heading svg{width:18px;height:18px;flex:none}
.business-flow-heading .business-example{font-size:9px;letter-spacing:0;text-align:end;color:#b8c6cc}
.business-flow-nodes{display:grid;grid-template-columns:1fr .35fr 1fr .35fr 1fr .35fr 1fr;align-items:start;margin:40px 0 30px;gap:0}
.business-node{text-align:center;min-width:0;position:relative}
.business-node-icon{position:relative;width:14cqw;height:14cqw;max-width:72px;max-height:72px;display:grid;place-items:center;margin:0 auto 16px;border:1px solid #c7d9e24a;border-radius:18px;background:linear-gradient(140deg,#bdcdd320,#ffffff03);box-shadow:inset 0 1px 0 #ffffff1c,0 9px 18px -13px #020c17}
.business-node-icon svg{width:42%;height:42%;color:#d8e6ec}
.business-node-icon>i{position:absolute;inset:-5px;border:1px solid #c3e0f166;border-radius:23px;opacity:0}
.business-node strong{display:block;font-size:11px;font-weight:450;line-height:1.5;color:#c8d8df;overflow-wrap:anywhere}
.business-node-number{display:block;font-size:9px;color:#8aa4b2;margin-bottom:7px}
.business-flow-line{position:relative;height:1px;background:#718c9b40;margin-top:min(7cqw,36px);overflow:hidden}
.business-flow-line i{display:block;width:40%;height:100%;background:#dae9f2;opacity:0}
.business-flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c7dfef1c;padding-top:20px;font-size:9px;line-height:1.5;color:#abc0cc}
.business-flow-bottom>span:first-child{display:flex;align-items:center;gap:8px}
.business-flow-bottom svg{width:16px;height:16px;flex:none}
.business-flow-bars{display:flex;align-items:flex-end;gap:3px;height:20px;min-width:28px}
.business-flow-bars i{width:3px;background:#aecbd7aa;border-radius:1px;transform-origin:bottom;height:45%}
.business-flow-bars i:nth-child(2){height:70%}.business-flow-bars i:nth-child(3){height:55%}.business-flow-bars i:nth-child(4){height:90%}.business-flow-bars i:nth-child(5){height:75%}
.business-scope-note{font-size:11px;line-height:1.65;color:#65757f;margin:22px 4px 0;max-width:950px}
.business-method{padding-block:80px;scroll-margin-top:120px}
.business-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}
.business-method-visual{position:relative;aspect-ratio:1;max-width:530px;width:100%;margin-inline:auto;isolation:isolate}
.business-method-visual::before{content:"";position:absolute;inset:5%;background:radial-gradient(ellipse,#d2dfe666,transparent 70%);z-index:-1}
.method-ring{position:absolute;inset:17%;border:1px solid #a3b5bf40;border-radius:50%;box-shadow:inset 1px 0 0 #ffffff9c}
.method-ring.ring-b{inset:5%;border-style:dashed;border-color:#9cafb523;rotate:22deg}
.method-ring.ring-c{inset:31%;border-color:#8b9faa55}
.method-core{position:absolute;inset:36%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:24%;background:linear-gradient(135deg,#ffffffed,#d4dfe6a6);box-shadow:inset 0 2px 1px white,0 18px 35px -18px #16344777;backdrop-filter:blur(10px);z-index:2;transform:rotate(-8deg)}
.method-core>span{font-size:clamp(30px,4.6vw,67px);font-weight:650;line-height:1;letter-spacing:-.08em}
.method-core small{font-size:9px;letter-spacing:.27em;margin-top:6px}
.method-satellite{position:absolute;display:grid;place-items:center;width:16%;height:16%;border-radius:28%;border:1px solid #fff;background:linear-gradient(145deg,#ffffff,#e4ecef);box-shadow:inset 0 1px 0 white,0 15px 30px -22px #143a5277;z-index:1}
.method-satellite svg{width:45%;height:45%;color:#526b7b}
.satellite-0{top:8%;left:42%;rotate:-8deg}.satellite-1{top:42%;right:8%;rotate:8deg}.satellite-2{bottom:8%;left:42%;rotate:-8deg}.satellite-3{top:42%;left:8%;rotate:8deg}
.business-method-visual>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#9aafbb55;stroke-width:1}
.business-method-visual .method-signal{stroke:#6f8c9f;stroke-width:1.5;stroke-dasharray:12 88;opacity:0}
.business-techniques details{border:0;border-bottom:1px solid #d9e1e5;margin:0;padding:0;background:none}
.business-techniques summary{display:flex;align-items:center;gap:18px;padding:22px 0;cursor:pointer;font-size:17px;line-height:1.4;letter-spacing:-.02em;list-style:none;font-weight:450}
.business-techniques summary::-webkit-details-marker{display:none}.business-techniques summary::after{display:none}
.business-techniques .method-number{font-size:10px;letter-spacing:.08em;color:#657c89;transform:none}
.method-plus{width:12px;height:12px;position:relative;margin-inline-start:auto;flex:none}
.method-plus::before,.method-plus::after{content:"";position:absolute;top:5px;left:0;width:12px;height:1px;background:#6d818c;transition:transform .3s}
.method-plus::after{transform:rotate(90deg)}
.business-techniques details[open] .method-plus::after{transform:rotate(0)}
.business-techniques details>div{padding:0 0 25px 34px}
.business-techniques h3{font-size:22px;line-height:1.3;margin:0 0 15px}
.business-techniques p{font-size:14px;line-height:1.8;color:#5d707a}
.method-terms{display:block;font-size:10px;line-height:1.7;letter-spacing:.02em;color:#577181;margin-top:15px}
.business-performance{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding-block:80px;border-top:1px solid #dce3e6}
.business-performance h2{margin-bottom:26px}
.business-performance p:not(.studio-label){font-size:15px;line-height:1.8;color:#5c707b}
.business-dashboard{position:relative;border-radius:24px;border:1px solid white;background:linear-gradient(140deg,#ffffffed,#e7eef2b3);box-shadow:inset 0 1px 1px white,0 25px 55px -35px #173a526b;padding:28px;overflow:hidden}
.business-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;padding-bottom:20px;border-bottom:1px solid #d7e1e6}
.business-dashboard-top>span{display:flex;align-items:center;gap:10px}
.business-dashboard-top svg{height:24px;width:24px}
.business-dashboard-top small{font-size:9px;color:#687e8b;text-align:end}
.business-dashboard-main{padding-block:26px}
.business-dashboard-main>div:first-child>span{font-size:11px;color:#5d7582}
.business-dashboard-main svg{width:100%;height:auto;margin-top:22px;overflow:visible}
.dashboard-grid{stroke:#d3dfe5;stroke-dasharray:3 6;stroke-width:1}
.dashboard-area{fill:#698da311}
.dashboard-trend{stroke:#5e7c8e;stroke-width:2;stroke-linecap:round}
.dashboard-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.dashboard-measures span{font-size:10px;color:#627987}
.dashboard-measures>div>div{height:4px;border-radius:4px;background:#ccdae16b;margin-top:13px;overflow:hidden}
.dashboard-measures i{display:block;height:100%;background:#8da6b4;border-radius:4px;width:65%;transform-origin:left}
.dashboard-measures .measure-1{width:82%}.dashboard-measures .measure-2{width:54%}
.business-dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:18px;border-top:1px solid #d7e1e6;font-size:9px;color:#566f7e}
.business-dashboard-footer i{flex:1;height:1px;min-width:6px;background:#b9cbd5}
.business-proof{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:45px;border-block:1px solid #dce3e6;margin-top:35px!important}
.business-proof .studio-label{margin:0 0 12px;font-size:9px}
.business-proof p:not(.studio-label){font-size:13px;line-height:1.8;color:#637680;margin:0}
.business-proof strong{font-weight:450;color:#2a3d49}
.business-proof-names{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;font-size:15px;letter-spacing:-.02em}
.business-proof-names a{min-height:44px;display:flex;align-items:center}
.business-proof>.studio-text-link{font-size:12px;flex:none}
.business-project-status{margin-top:70px;padding-top:35px;border-top:1px solid #dce3e6}
.business-project-status p:not(.studio-label){font-size:15px;line-height:1.8;color:#637680;max-width:750px}
.business-project-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}
.business-performance-lead{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:25px 70px}
.business-performance-lead h2{margin-bottom:25px}
.business-performance-lead p{font-size:15px;color:#607580;line-height:1.8}
.business-sector-intro .business-flow{max-width:920px;margin:0 auto;padding:clamp(24px,4vw,50px)}
.business-sector-intro .business-node strong{font-size:14px}
.business-sector-intro .business-flow-heading,.business-sector-intro .business-example,.business-sector-intro .business-flow-bottom{font-size:11px}
.business-sector-intro>p{max-width:920px;margin-inline:auto;color:#607580;line-height:1.8;font-size:15px}
.business-sector-intro>p.business-scope-note{font-size:11px}
.business-project-form fieldset{border:0;margin:0;padding:0;min-width:0}
.business-project-form fieldset[hidden],.business-project-form [hidden]{display:none!important}
.business-project-form legend{font-size:24px;letter-spacing:-.03em;font-weight:450;line-height:1.3;margin-bottom:14px}
.business-project-form fieldset>p{font-size:13px;line-height:1.6;color:#607580;margin-bottom:25px}
.business-project-form fieldset>label{display:grid;gap:9px;font-size:13px}
.business-project-form fieldset>.form-grid{margin-block:20px}
.business-project-form .project-progress{display:flex;gap:8px;margin-bottom:36px;counter-reset:project-steps}
.project-progress span{flex:1;min-width:0;padding-top:12px;border-top:2px solid #d9e3e8;font-size:10px;color:#71838e;line-height:1.5;counter-increment:project-steps}
.project-progress span::before{content:counter(project-steps,decimal-leading-zero);display:block;margin-bottom:5px;font-size:9px}
.project-progress span[aria-current="step"]{color:#182e3a;border-color:#516e80}
.project-progress span.is-complete{border-color:#9db0bb}
.project-guide-controls{display:flex;gap:12px;justify-content:space-between;margin-top:28px}
.project-guide-controls button{font:inherit;font-size:13px;cursor:pointer;justify-content:center;min-width:110px}
.project-guide-controls button:only-child{margin-inline-start:auto}
.project-review{border:1px solid #dae4e9;border-radius:14px;background:#eff5f76b;padding:18px;font-size:12px;line-height:1.8;margin-bottom:22px}
.project-review p{margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere;color:#526c7c}
.project-review:has([data-project-summary]:empty){display:none}
.studio-page .studio-ending{position:relative;isolation:isolate}
.studio-page .studio-ending::before{content:"";position:absolute;inset:15% 0;background:radial-gradient(ellipse at 85% 50%,#b7cbdc28,transparent 65%);z-index:-1;pointer-events:none}
@media (hover:hover) and (pointer:fine){
 .studio-service:hover{transform:translateY(-7px);box-shadow:0 25px 45px -27px #17384c70}
 .business-tabs button:hover{transform:translateY(-2px)}
 .business-proof-names a:hover{color:#142b3b;text-decoration:underline;text-underline-offset:6px}
 .business-dashboard{translate:calc(var(--depth-x,0px)*.5) calc(var(--depth-y,0px)*.5);transition:translate .6s ease}
}
@media(prefers-reduced-motion:no-preference){
 .business-motion-ready{animation:business-reveal .8s both}
 .business-motion-ready .business-flow-line i{animation:business-packet 1.4s .25s 3 both}
 .business-motion-ready .business-flow-line:nth-of-type(4) i{animation-delay:.55s;animation-iteration-count:2}
 .business-motion-ready .business-node-icon>i{animation:business-ping 1.4s .3s 2 both}
 .business-motion-ready .business-flow-bars i{animation:business-bar 1.8s .25s 2}
 .business-motion-ready .business-flow-bars i:nth-child(even){animation-delay:.5s}
 .business-motion-ready .method-satellite{animation:business-orbit 3.8s .1s 1 both}
 .business-motion-ready .satellite-1,.business-motion-ready .satellite-3{animation-delay:.5s}
 .business-motion-ready .method-signal{animation:business-signal 3.8s .2s 1 both}
 .business-motion-ready .dashboard-trend{animation:business-chart 2s .2s both}
 .business-motion-ready .dashboard-measures i{animation:business-grow 1.2s .4s both}
 .business-capabilities .studio-service:hover::after{animation:business-shine .75s both}
 .business-techniques details[open]>div{animation:business-reveal .35s both}
 .business-project-form fieldset:not([hidden]){animation:business-reveal .35s both}
 @keyframes business-reveal{from{opacity:.6;translate:0 20px}to{opacity:1;translate:0 0}}
 @keyframes business-packet{0%{transform:translateX(-150%);opacity:0}15%,80%{opacity:1}100%{transform:translateX(350%);opacity:0}}
 @keyframes business-ping{0%,100%{opacity:0;transform:scale(.9)}45%{opacity:.7}90%{transform:scale(1.12);opacity:0}}
 @keyframes business-bar{50%{transform:scaleY(.5)}}
 @keyframes business-orbit{0%,100%{translate:0 0}40%{translate:0 -10px}70%{translate:0 3px}}
 @keyframes business-signal{0%{opacity:0;stroke-dashoffset:0}15%,85%{opacity:1}100%{opacity:0;stroke-dashoffset:-100}}
 @keyframes business-chart{from{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}
 @keyframes business-grow{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
 @keyframes business-shine{to{transform:translateX(130%)}}
}
@media(max-width:1100px){.business-panel{grid-template-columns:1fr;gap:28px}.business-panel-copy{max-width:650px}.business-flow{max-width:100%}.business-node strong{font-size:13px}.business-flow-heading,.business-example,.business-flow-bottom{font-size:10px}.business-proof{flex-wrap:wrap}.business-performance,.business-performance-lead{gap:35px}.business-method-grid{gap:25px}}
@media(max-width:700px){
 .business-hero{padding-top:20px}.business-hero h1{font-size:clamp(43px,9.8vw,64px)}.business-hero::after{inset:20% -10% 0 0}.business-hero .studio-hero-foot{align-items:flex-start}.business-hero .studio-hero-foot .studio-text-link{padding:0;min-height:32px}
 .business-explorer,.business-method,.business-performance{padding-block:45px}.business-selector{border-radius:22px;padding:5px}.business-tabs{gap:4px;padding:8px 5px 13px}.business-tabs button{font-size:11px;padding:10px 13px;flex:1 1 auto}.business-panel{padding:22px 17px;border-radius:17px;gap:25px}.business-panel-copy h3{font-size:31px}.business-panel-copy .studio-label{margin-bottom:16px}
 .business-flow{padding:17px 12px;border-radius:16px}.business-flow-heading{font-size:8px;gap:10px;letter-spacing:.02em}.business-flow-heading .business-example{font-size:8px}.business-flow-heading svg{width:15px;height:15px}.business-flow-nodes{margin:30px 0 25px}.business-node-icon{border-radius:13px;margin-bottom:13px}.business-node-icon>i{border-radius:18px}.business-node strong{font-size:10px}.business-node-number{font-size:8px}.business-flow-bottom{font-size:8px;padding-top:14px;gap:10px}.business-flow-bottom svg{display:none}
 .business-method-grid{grid-template-columns:1fr;gap:10px}.business-method-visual{max-width:320px}.method-core>span{font-size:44px}.business-techniques summary{font-size:16px;gap:14px}.business-techniques details>div{padding-inline-start:28px}.business-techniques h3{font-size:21px}.business-method>.studio-text-link{margin-top:20px}
 .business-performance,.business-performance-lead{grid-template-columns:1fr;gap:28px}.business-performance-lead{padding-bottom:30px}.business-dashboard{padding:21px;border-radius:20px}.business-dashboard-top{font-size:11px}.business-dashboard-top small{font-size:8px}.business-dashboard-top svg{width:20px;height:20px}.dashboard-measures{gap:17px}.business-dashboard-footer{font-size:8px;gap:6px}
 .business-proof{gap:25px;padding-block:32px}.business-proof-names{font-size:13px;gap:7px 22px}.business-proof>.studio-text-link{margin-top:-14px}.business-project-status{margin-top:45px}.business-project-links{gap:10px}.business-project-links .studio-text-link{margin-inline-start:0}
 .business-sector-intro .business-flow{padding:20px 14px}.business-sector-intro .business-node strong{font-size:10px}.business-sector-intro .business-flow-heading,.business-sector-intro .business-example,.business-sector-intro .business-flow-bottom{font-size:8px}
 .project-progress span{font-size:9px}.business-project-form legend{font-size:22px}.project-guide-controls button{min-width:90px}.business-project-form select{font-size:16px;min-width:0;width:100%}
}
[dir="rtl"] .business-techniques details>div{padding-left:0;padding-right:34px}
[dir="rtl"] .studio-header::after{transform-origin:right}
@media(prefers-reduced-motion:reduce){.studio-page .business-motion-ready,.studio-page .business-motion-ready *,.studio-page .business-techniques details>div,.studio-page .business-project-form fieldset,.studio-page .studio-service::after{animation:none!important}.studio-page .business-tabs button,.studio-page .business-dashboard{transition:none!important;translate:none!important}.business-flow-line i,.business-node-icon>i,.method-signal{display:none}.studio-service:hover{transform:none}}
@media(forced-colors:active){.business-flow,.business-dashboard,.business-panel,.business-selector,.method-core,.method-satellite{border:1px solid CanvasText;background:Canvas;color:CanvasText}.business-tabs button[aria-pressed="true"]{outline:2px solid Highlight}.dashboard-trend{stroke:CanvasText}.method-ring{border-color:CanvasText}}