.rf-picto{width:64px;height:64px;flex:none}.decision-illustrated{padding-top:65px;padding-bottom:65px}.decision-head{align-items:end;gap:35px}.decision-track li{position:relative;min-height:285px}.step-drawing{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:12px 0 22px;color:#46657b}.step-orbit{position:absolute;inset:0;border:1px solid #b8cbd7;border-radius:50%;border-right-color:transparent;border-bottom-color:transparent}.cinema-running .step-orbit{animation:step-orbit 10s linear infinite}.step-connector{position:absolute;right:-20px;top:115px;width:40px;height:1px;background:#acc2d2;z-index:2}.step-connector i{display:block;width:9px;height:3px;background:#587f9c;opacity:0;transform:translateY(-1px)}.cinema-running .step-connector i{animation:step-packet 4s ease-in-out infinite}.decision-track li:nth-child(2) .step-connector i{animation-delay:1.4s}.cinema-running .step-drawing .rf-picto{animation:icon-float 5s ease-in-out infinite}.decision-track li:nth-child(2) .rf-picto{animation-delay:1.5s}.decision-track li:nth-child(3) .rf-picto{animation-delay:3s}@keyframes step-orbit{to{transform:rotate(360deg)}}@keyframes step-packet{0%{opacity:0;transform:translate(0,-1px)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(32px,-1px)}}@keyframes icon-float{50%{transform:translateY(-5px)}}
.approach-balanced{padding:70px 0 50px}.approach-balanced>.split{grid-template-columns:1fr 1.45fr;gap:60px}.approach-balanced h2{font-size:clamp(29px,3vw,43px);line-height:1.65}.approach-balanced .intro{font-size:20px}.approach-balanced .note{font-size:12px}.approach-banner{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;height:270px;overflow:hidden;border:1px solid #526777;background:#1c2b37}.approach-photo{position:relative;overflow:hidden}.approach-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);display:block}.approach-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#1c2b37)}.approach-photo>span{position:absolute;bottom:12px;left:20px;z-index:1;font-size:10px;color:#dce5eb}.question-interface{position:relative;padding:26px 35px 20px}.browser-dots{font-size:7px;letter-spacing:5px;color:#839aa9}.question-label{font-size:11px;letter-spacing:.1em;color:#b2c9da;margin:12px 0}.question-row{border-top:1px solid #4b6272;padding:10px 0;font-size:14px;color:#ecf4f9;display:flex;justify-content:space-between}.question-row span{color:#9cbace}.question-answer{font-size:11px;color:#a5bdcd;margin-top:13px}.cinema-running .question-row{animation:question-light 9s ease infinite}.question-row:nth-of-type(2){animation-delay:3s}.question-row:nth-of-type(3){animation-delay:6s}@keyframes question-light{0%,24%{color:#fff;border-color:#c3dceb}33%,100%{color:#b2c4cf;border-color:#4b6272}}
.cinema-tabs button{display:flex;align-items:center;gap:12px}.cinema-tabs .rf-picto{width:35px;height:35px}.cinema-tabs button span{margin-left:0}.stage-panel{grid-template-columns:70px .9fr 1.2fr;gap:16px 28px}.stage-emblem{grid-row:1/span 2;color:#9ebbd0}.stage-emblem .rf-picto{width:60px;height:60px}.stage-keywords{grid-column:3}.stage-panel h3{font-size:clamp(23px,2.3vw,32px)}
#scope>.split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:65px;align-items:start}#scope h2{font-size:clamp(29px,3vw,43px);line-height:1.6}.scope-infographic{margin-top:35px;background:linear-gradient(145deg,#e5edf3,#f9fbfc);border:1px solid #b8cbd8;padding:25px 25px 18px}.scope-flow-title h3{font-size:24px;margin:9px 0}.scope-flow-title p{font-size:13px}.scope-flow{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:1px;background:#b7cbd8;margin-top:22px;border:1px solid #b7cbd8}.flow-stop{position:relative;background:#edf3f7;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 6px;gap:10px;isolation:isolate;overflow:hidden}.flow-num{font:11px Arial;align-self:flex-start;color:#728d9f;margin-left:7px}.flow-stop .rf-picto{width:48px;height:48px;color:#4f728c}.flow-stop strong{font-size:14px}.flow-stop>span:last-child{font-size:10px;color:#5a7487}.flow-stop:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:#627f96;transform:scaleX(0);transform-origin:left}.cinema-running .flow-stop:after{animation:flow-progress 16s linear infinite}.cinema-running .flow-stop:nth-child(2):after{animation-delay:4s}.cinema-running .flow-stop:nth-child(3):after{animation-delay:8s}.cinema-running .flow-stop:nth-child(4):after{animation-delay:12s}.cinema-running .flow-stop .rf-picto{animation:flow-icon 16s ease infinite}.flow-stop:nth-child(2) .rf-picto{animation-delay:4s}.flow-stop:nth-child(3) .rf-picto{animation-delay:8s}.flow-stop:nth-child(4) .rf-picto{animation-delay:12s}.flow-footnote{font-size:10px!important;color:#5d7383;margin-bottom:0}.scope-row-icon .rf-picto{width:28px;height:28px;color:#678297}.scope>li{grid-template-columns:24px 28px minmax(0,1fr);gap:13px}.scope-illustrated .scope>li b{color:#597a92}.scope-illustrated .disclosure{background:#e6edf2;border-color:#91aabc}.scope-illustrated .maintenance-motion{margin-left:0;width:100%;padding:25px}.scope-illustrated .maintenance-motion h3{font-size:19px}.scope-illustrated .maintenance-loop{flex-wrap:wrap}@keyframes flow-progress{0%{transform:scaleX(0)}22%{transform:scaleX(1)}25%,100%{transform:scaleX(0)}}@keyframes flow-icon{0%,22%{color:#183e5c;transform:translateY(-2px)}25%,100%{color:#7590a4;transform:none}}
.showcase-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.showcase-heading>p{font-size:15px;line-height:2}.showcase-heading small{font-size:11px;color:#6a7c89}.showcase-spotlights{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.showcase-spotlights>a{display:block;text-decoration:none}.showcase-spotlights img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;display:block;transition:filter .3s,transform .5s}.showcase-spotlights>a:hover img{filter:brightness(1.08);transform:translateY(-5px)}.showcase-spotlights span{display:block;font-size:11px;color:#60788a;margin-top:15px}.showcase-spotlights b{display:block;font-size:18px;color:#152e42;margin-top:5px}.nav nav{gap:17px}
@media(max-width:1000px){#scope>.split{gap:30px}.scope-infographic{padding:18px 14px}.scope-flow-title h3{font-size:21px}.scope-row-icon{display:none}.scope>li{grid-template-columns:24px minmax(0,1fr)}.stage-panel{grid-template-columns:55px 1fr 1.25fr;gap:16px}.stage-emblem .rf-picto{width:48px}.nav nav{gap:13px}}
@media(max-width:760px){.decision-head{display:block}.decision-head h2{margin-top:20px;font-size:25px}.decision-track li{min-height:0;padding:25px 0 25px 95px!important}.decision-track li>span:first-child{position:absolute;left:0;top:19px}.step-drawing{position:absolute;left:0;top:39px;width:68px;height:68px;margin:0}.step-drawing .rf-picto{width:49px;height:49px}.step-connector{display:none}.decision-track li h3{margin:10px 0;font-size:20px}.decision-track li p{font-size:13px}.approach-balanced{padding:45px 0 30px}.approach-balanced>.split{display:block}.approach-balanced h2{font-size:29px}.approach-balanced .intro{font-size:17px}.approach-banner{height:auto;grid-template-columns:1fr;margin-top:25px}.approach-photo{height:170px}.approach-photo:after{background:linear-gradient(0deg,#1c2b37,transparent)}.question-interface{padding:15px 20px 20px}.question-row{font-size:12px}.cinema-tabs button{flex-direction:column;gap:7px}.cinema-tabs .rf-picto{width:29px;height:29px}.stage-panel{grid-template-columns:40px 1fr;gap:15px}.stage-emblem{grid-column:1;grid-row:1}.stage-emblem .rf-picto{width:35px;height:40px}.stage-panel h3{grid-column:2;font-size:22px}.stage-panel>p,.stage-keywords{grid-column:1/span 2}#scope>.split{display:block}.scope-infographic{margin:25px 0 35px}.scope-flow{grid-template-columns:repeat(2,1fr)}#scope h2{font-size:29px}.scope-flow-title h3{font-size:22px}.scope-row-icon{display:inline}.scope>li{grid-template-columns:20px 25px minmax(0,1fr);gap:10px}.scope-row-icon .rf-picto{width:24px;height:24px}.scope-illustrated .maintenance-motion{padding:20px}.scope-illustrated .maintenance-loop{justify-content:flex-start}.showcase-heading{display:block}.showcase-heading>p{font-size:13px}.showcase-spotlights{grid-template-columns:1fr;gap:28px}.showcase-spotlights img{aspect-ratio:1.65}.showcase-spotlights b{font-size:20px}.showcase-intro h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.cinema-running *,.cinema-running *:after{animation:none!important;transition:none!important}.flow-stop:after{transform:none;opacity:.25}}
.cinema-paused [data-cinema-motion] *:after{animation-play-state:paused!important}
.showcase-spotlights img{aspect-ratio:1.78;object-position:top;border:1px solid #c1cdd5}