.fx-sec{padding:clamp(64px,7vw,104px) 0}
.fx-tools{padding:clamp(64px,7vw,100px) 0}
.fx-final{padding:clamp(72px,8vw,120px) 0}
.fx-tools{background:linear-gradient(180deg,#0b1220 0%,#05070b 140px)}
.fx-dark{background:linear-gradient(180deg,#05070b 0%,var(--navy,#091b2e) 160px)}
#faq{background:linear-gradient(180deg,#f3f1ec 0%,#fff 120px)}
.fx-final{background:radial-gradient(ellipse at 70% 110%,rgba(255,122,26,.3),transparent 60%),linear-gradient(180deg,#0b1220,#05070b 160px)}
.fx-pull{display:inline-flex;gap:6px;margin-top:14px;font-weight:600;font-size:14px;color:var(--navy,#091b2e);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.fx-pull:hover{text-decoration-thickness:2px}
.fx-situ li{display:flex;flex-direction:column}.fx-situ li .fx-pull{margin-top:auto;padding-top:14px}
.fx-next{margin-top:34px;font-size:16px;color:#3b4654}
.fx-next a{font-weight:650;color:var(--navy,#091b2e);text-decoration:underline;text-underline-offset:4px;margin-left:4px;white-space:nowrap}
.fx-next-dark a{color:#fff}
.fx-tools-lead{color:rgba(255,255,255,.8);font-size:17px;max-width:620px;margin:-8px 0 28px;line-height:1.6}
.fx-groups{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:center}
.fx-groups li{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:22px 20px;color:#fff;font-weight:600;font-size:17px;background:rgba(255,255,255,.04)}
@media (max-width:700px){.fx-sec{padding:56px 0}.fx-tools{padding:56px 0}.fx-final{padding:64px 0}.fx-next{margin-top:24px}.fx-next a{white-space:normal}.fx-groups li{padding:16px;font-size:15px}}
.fx-dark+.fx-final{background:radial-gradient(ellipse at 70% 110%,rgba(255,122,26,.3),transparent 60%),linear-gradient(180deg,var(--navy,#091b2e),#05070b 200px);padding-top:clamp(40px,5vw,72px)}
#complete{padding-bottom:clamp(40px,5vw,72px)}
.rec-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);align-items:center;margin-bottom:40px}
.rec-top .fx-head{margin:0}
.rec-photo{margin:0;border-radius:20px;overflow:hidden;background:#eceae5;aspect-ratio:16/11;box-shadow:0 18px 40px rgba(9,27,46,.10)}
.rec-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
@media (max-width:760px){.rec-top{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.rec-photo{aspect-ratio:3/2;max-height:none;border-radius:16px}}
@media (min-width:761px){.rec-photo{aspect-ratio:16/10}}
/* mission control recognition visual */
@media (min-width:761px){.rec-top{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.rec-mission{position:relative;aspect-ratio:3/2!important;border-radius:24px;background:#0b1a2c;box-shadow:0 30px 60px -20px rgba(9,27,46,.35),0 2px 6px rgba(9,27,46,.08);isolation:isolate}
.rec-mission img{object-position:62% 50%;transform:scale(var(--rz,1.06));transform-origin:70% 40%;will-change:transform}
.rec-mission::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(9,27,46,0) 55%,rgba(9,27,46,.28) 100%),linear-gradient(90deg,rgba(181,65,12,.10),rgba(181,65,12,0) 35%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
@media (max-width:760px){.rec-mission{aspect-ratio:16/9!important;border-radius:18px}.rec-mission img{object-position:60% 40%}}
@media (prefers-reduced-motion:reduce){.rec-mission img{transform:none!important;will-change:auto}}
/* growth arrow graphic: no box, blends into white section */
.rec-arrow{margin:0;position:relative;background:none;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%)}
.rec-arrow img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media (min-width:761px){.rec-top{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}.rec-arrow{margin:-24px -12px -24px 0}}
@media (max-width:760px){.rec-arrow{margin:-8px -10px 0}}
.js-reveal .rec-arrow img{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.3,.7,.2,1)}
.js-reveal .rec-arrow.in img{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.js-reveal .rec-arrow img{clip-path:none;transition:none}}
.rec-arrow{-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 82%,transparent 100%);mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 82%,transparent 100%)}
@media (max-width:760px){.rec-arrow{margin:-6px -18px 4px}}