/* Figma 117:2710, 132:3126, 133:3250/3326. Local to the three approved sections. */
.start-new-page :is(#sn-workplace,#sn-business,#sn-office) :is(.sn-glass,.sn-graphic-canvas){height:auto;min-height:0;max-height:none;min-width:0;width:100%;overflow:visible;background:transparent;border:0;padding:0;box-shadow:none;backdrop-filter:none}
.start-new-page :is(#sn-workplace,#sn-business,#sn-office) :is(.sn-product-frame,.sn-media-frame){height:auto;min-height:0;max-height:none;aspect-ratio:auto}
.start-new-page :is(#sn-workplace,#sn-business,#sn-office) :is(.fg-ecosystem,.fg-office),.solution-ecosystem-hero .fg-ecosystem{margin:0;width:100%;max-width:100%;box-sizing:border-box;border:1px solid rgb(255 255 255 / .25);border-radius:16px;color:#fff;font-family:"Funnel Sans";font-weight:400;overflow:visible}
.fg-ecosystem{--fg-unit:calc(100cqw / 1248);padding:calc(61 * var(--fg-unit)) calc(118 * var(--fg-unit))}
.fg-ecosystem-stage{position:relative;min-height:calc(666 * var(--fg-unit));display:grid;grid-template-columns:repeat(1010,minmax(0,1fr));grid-template-rows:repeat(3,auto);row-gap:calc(81 * var(--fg-unit))}
.fg-card{position:relative;z-index:1;box-sizing:border-box;border:1px solid rgb(255 255 255 / .5);border-radius:16px;min-width:0;min-height:calc(168 * var(--fg-unit));padding:calc(24 * var(--fg-unit)) calc(16 * var(--fg-unit));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 6px rgb(0 0 77 / .12),0 16px 32px rgb(0 0 77 / .12)}
.fg-card--0{grid-column:336 / span 340;grid-row:1}.fg-card--1{grid-column:1 / span 340;grid-row:2}.fg-card--2{grid-column:671 / span 340;grid-row:2}.fg-card--3{grid-column:86 / span 340;grid-row:3}.fg-card--4{grid-column:586 / span 340;grid-row:3}
:is(.start-new-page,.solution-ecosystem-hero) .fg-card h3{font:500 calc(26 * var(--fg-unit))/1.2 "Funnel Sans";letter-spacing:-.01em;margin:calc(12 * var(--fg-unit)) 0 0;color:#fff}
:is(.start-new-page,.solution-ecosystem-hero) .fg-card p{font:400 calc(12 * var(--fg-unit))/1.4 "Funnel Sans";margin:calc(4 * var(--fg-unit)) 0 calc(12 * var(--fg-unit));color:#fff}
.fg-icon{display:block;width:calc(32 * var(--fg-unit));height:calc(32 * var(--fg-unit));position:relative}
.fg-icon img{position:absolute;max-width:none;filter:brightness(0) invert(1);transform:scale(calc(var(--fg-scale,1) * 1.333333));transform-origin:top left}
.fg-ring{position:absolute;left:29.60396%;top:19.06907%;pointer-events:none}
.fg-ring img{max-width:none;transform:scale(var(--fg-scale,1));transform-origin:top left}
.fg-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / .5);border-radius:50%;padding:calc(12 * var(--fg-unit));box-sizing:border-box}
.fg-hub strong{display:block;align-content:center;width:calc(160 * var(--fg-unit));height:calc(160 * var(--fg-unit));border-radius:50%;background:#fff;color:#0f172b;text-align:center;font:600 calc(16 * var(--fg-unit))/1.25 "Funnel Sans";letter-spacing:.1em}
.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong,.start-new-page #sn-connect .connect-diagram-core{overflow:hidden;background:radial-gradient(ellipse 72% 68% at 18% 22%,rgb(255 255 255 / .42),transparent 62%),radial-gradient(ellipse 70% 76% at 84% 76%,rgb(244 119 0 / .9),transparent 66%),linear-gradient(135deg,#c32b77 0%,#e44737 45%,#f47700 100%);background-size:175% 175%,165% 165%,100% 100%;background-position:14% 18%,82% 76%,center;animation:fg-workplace-hub-flow 14s ease-in-out infinite alternate}
.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong span,.start-new-page #sn-connect .connect-diagram-core span{background:linear-gradient(112deg,rgb(255 255 255 / .3) 8%,#fff 42%,rgb(255 255 255 / .3) 74%);background-size:240% 100%;background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:fg-workplace-label-flow 7s ease-in-out infinite alternate}
.fg-connector{position:absolute;z-index:0;display:block;pointer-events:none}
.fg-connector img{position:absolute;max-width:none;transform:translate(-50%,-50%) rotate(var(--rotation,0deg)) scale(var(--fg-scale,1));transform-origin:center}
.fg-connector--0{left:50%;top:30.63%;--rotation:90deg}.fg-connector--1{left:37.2277%;top:50%}.fg-connector--2{left:62.7723%;top:50%}.fg-connector--3{left:43.9604%;top:69.2673%;--rotation:-60deg}.fg-connector--4{left:56.1386%;top:69.2673%;--rotation:-120deg}
.fg-office{padding:40px 40px 148px}
.fg-office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fg-office-grid article{box-sizing:border-box;min-width:0;aspect-ratio:240.6667 / 224.3333;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid rgb(255 255 255 / .5);border-radius:8px;box-shadow:0 4px 6px rgb(0 0 77 / .06)}
.fg-office-grid picture{display:block;height:48px;width:48px;flex-shrink:0}
.fg-office-grid img{max-width:none}
.fg-office-grid span{font:500 18px/1.4 "Funnel Sans";color:#fff;white-space:normal;text-align:center}
@keyframes fg-workplace-hub-flow{0%{background-position:14% 18%,82% 76%,center}50%{background-position:72% 30%,26% 44%,center}100%{background-position:36% 84%,76% 18%,center}}
@keyframes fg-workplace-label-flow{to{background-position:100% 50%}}
@container (max-width:760px){
 .fg-ecosystem{--fg-unit:1px;padding:32px 24px}
 .fg-ecosystem-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0}
 .fg-hub{position:relative;left:auto;top:auto;transform:none;align-self:center;margin-bottom:16px}
 .fg-card{min-height:168px;padding:24px 16px}
 .fg-ring,.fg-connector{display:none}
 .fg-card h3{font-size:26px}.fg-card p{font-size:12px}
 .fg-icon img{transform:scale(1.333333)}
}
@container(max-width:600px){
 .fg-office{padding:32px 24px 96px}
 .fg-office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fg-office-grid article{aspect-ratio:1;padding:12px 4px}
 .fg-office-grid span{font-size:clamp(12px,4.5cqw,18px)}
}
@media(max-width:600px){
 .fg-office-grid picture{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong,.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong span,.start-new-page #sn-connect .connect-diagram-core span,.start-new-page #sn-connect .connect-diagram-core{animation:none!important}.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong,.start-new-page #sn-connect .connect-diagram-core{background-position:50% 50%,50% 50%,center}.fg-ecosystem:is(.fg-ecosystem--workplace,.fg-ecosystem--business) .fg-hub strong span,.start-new-page #sn-connect .connect-diagram-core span{background-position:50% 50%}}