/* Forward V71 • an interactive, one-screen studio showpiece.
   All selectors are scoped to Why Forward; Made For You remains independent. */
.mosaic-panel--why{
 --orbit-navy:#102348;
 --orbit-blue:#0958fb;
 --orbit-gold:#ffd978;
 --orbit-ink:#213454;
 background:var(--orbit-gold);
}
.mosaic-panel--why .mosaic-panel__bar{
 display:flex;justify-content:center;align-items:center;
 box-sizing:border-box;
 min-height:138px;
 padding:73px 18px 8px;
 background:var(--orbit-gold);
 border:0;
}
.mosaic-panel--why .mosaic-panel__identity{
 display:flex;align-items:center;justify-content:center;
 transform:none!important;
 margin:0 auto;
 text-align:center;
}
.mosaic-panel--why .mosaic-panel__heading{
 display:inline-flex;align-items:center;justify-content:center;
}
.mosaic-panel--why .mosaic-panel__body{
 background:var(--orbit-gold);
 overflow:hidden;
 scroll-behavior:auto;
 scrollbar-gutter:auto;
}
.fw-orbit-experience{
 width:min(1400px,100%);
 height:100%;
 min-height:0;
 margin:0 auto;
 padding:clamp(14px,2vh,24px) clamp(22px,3.6vw,68px) clamp(18px,3vh,32px);
 display:grid;
 grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
 gap:clamp(10px,2.4vw,38px);
 align-items:center;
 color:var(--orbit-navy);
 overflow:hidden;
 position:relative;
 box-sizing:border-box;
}
.fw-orbit-experience *, .fw-orbit-experience *::before,.fw-orbit-experience *::after{box-sizing:border-box}
.fw-orbit-copy{
 min-width:0;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 position:relative;
 z-index:4;
}
.fw-orbit-eyebrow{
 font-weight:900;font-size:clamp(9px,.8vw,12px);
 letter-spacing:.19em;
 display:flex;align-items:center;gap:11px;
 color:#53617a;margin-bottom:clamp(14px,2vh,24px);
}
.fw-orbit-pulse{
 display:inline-block;
 width:10px;height:10px;background:var(--orbit-blue);
 box-shadow:0 0 0 6px #0958fb1c;
 border-radius:50%;
 animation:fw-orbit-pulse 3.6s ease-in-out infinite;
}
.fw-orbit-copy h2{
 max-width:650px;
 margin:0;
 font-size:clamp(38px,4.3vw,71px);
 font-weight:850;
 letter-spacing:-.076em;
 line-height:1.02;
}
.fw-orbit-copy h2 em{
 color:var(--orbit-blue);
 display:block;
 font-weight:800;
 letter-spacing:-.073em;
 margin-top:.12em;
 line-height:1.1;
}
.fw-orbit-lead{
 max-width:520px;
 margin:clamp(13px,2.1vh,25px) 0 clamp(18px,2.7vh,31px);
 font-size:clamp(13px,1.1vw,17px);
 line-height:1.55;
 font-weight:600;
 color:#465a77;
}
.fw-orbit-detail{
 width:min(100%,530px);
 border:1.5px solid #ffffffb8;
 border-radius:25px;
 padding:clamp(17px,2.05vw,27px) clamp(19px,2.2vw,30px);
 box-shadow:0 17px 40px #14294d16, inset 0 0 0 1px #ffffff2c;
 transition:background-color .38s ease,box-shadow .3s ease,transform .3s ease;
 min-height:clamp(165px,22vh,210px);
 display:flex;flex-direction:column;justify-content:center;
}
.fw-orbit-detail--mint{background:#8de4d0}
.fw-orbit-detail--lilac{background:#d9d2fa}
.fw-orbit-detail--coral{background:#ffafc7}
.fw-orbit-detail--sky{background:#b6d1ff}
.fw-orbit-detail__top{
 display:flex;justify-content:space-between;align-items:center;gap:15px;
 color:#28476d;font-weight:900;font-size:11px;letter-spacing:.18em;
 margin-bottom:clamp(12px,1.5vh,18px);
}
.fw-orbit-detail__spark{
 font-size:21px;color:#0958fb;
 text-shadow:0 0 12px #0958fb26;
}
.fw-orbit-detail h3{
 margin:0 0 8px;
 font-size:clamp(22px,2.05vw,30px);
 letter-spacing:-.058em;
 line-height:1.12;
 font-weight:850;
}
.fw-orbit-detail p{
 margin:0;max-width:440px;
 font-size:clamp(12px,1.03vw,15px);
 line-height:1.48;font-weight:600;
 color:#334764;
}
.fw-orbit-detail[data-changing="true"]>*{
 animation:fw-orbit-detail-arrive .38s cubic-bezier(.23,.75,.26,1) both;
}
.fw-orbit-footer{
 width:min(100%,530px);
 display:flex;align-items:center;justify-content:space-between;
 gap:16px;margin-top:clamp(14px,2.2vh,24px);
}
.fw-orbit-controls{display:flex;align-items:center;gap:13px}
.fw-orbit-controls button{
 width:44px;height:44px;
 display:grid;place-items:center;
 border:1.5px solid #142b4a35;
 border-radius:50%;
 background:#ffffff8a;
 color:#132649;font-size:21px;cursor:pointer;
 transition:background .2s,transform .2s;
}
.fw-orbit-controls button:hover{transform:scale(1.08);background:#fff}
.fw-orbit-controls__counter{font-size:14px;font-weight:900;letter-spacing:.05em;min-width:48px;text-align:center}
.fw-orbit-controls__counter span{color:#6f7790;font-size:11px}
.fw-orbit-cta{
 background:var(--orbit-blue);color:#fff;
 border-radius:16px;
 display:flex;align-items:center;gap:17px;
 padding:15px 19px;
 font-size:clamp(12px,.95vw,15px);
 font-weight:900;
 white-space:nowrap;text-decoration:none;
 box-shadow:0 9px 20px #0958fb34;
 transition:transform .2s,box-shadow .2s;
}
.fw-orbit-cta span{font-size:19px}
.fw-orbit-cta:hover{transform:translateY(-3px);box-shadow:0 13px 27px #0958fb43}
.fw-orbit-visual{
 position:relative;min-width:0;
 display:flex;flex-direction:column;
 align-items:center;justify-content:center;
 width:100%;height:100%;
}
.fw-orbit-stage{
 position:relative;
 width:min(100%,650px);
 height:min(555px,65dvh);
 min-height:330px;
 flex:none;
 margin:auto 0 0;
 perspective:900px;
 transform-style:preserve-3d;
 touch-action:none;
 user-select:none;
 cursor:grab;
 outline:none;
 isolation:isolate;
}
.fw-orbit-stage:active{cursor:grabbing}
.fw-orbit-stage:focus-visible{outline:3px solid var(--orbit-blue);outline-offset:-6px;border-radius:28px}
.fw-orbit-rings{
 width:100%;height:100%;position:absolute;
 inset:0;display:grid;place-items:center;
 pointer-events:none;
}
.fw-orbit-rings__outer{
 width:79%;height:59%;
 border:2px dashed #172d543b;border-radius:50%;
 transform:rotate(-12deg);
 box-shadow:0 0 0 25px #ffffff15,0 0 0 55px #ffffff13;
}
.fw-orbit-rings__inner{
 position:absolute;width:63%;height:49%;
 border:1px solid #ffffff80;border-radius:50%;
 transform:rotate(14deg);
}
.fw-orbit-ambient{
 position:absolute;pointer-events:none;
 border-radius:50%;
 filter:blur(10px);
 opacity:.67;
 z-index:-1;
}
.fw-orbit-ambient--one{
 width:47%;height:60%;
 background:radial-gradient(circle,#e4f3ffbd 0,#e9b7ff52 50%,transparent 72%);
 top:3%;right:5%;
 animation:fw-orbit-ambient-float 7s ease-in-out infinite alternate;
}
.fw-orbit-ambient--two{
 width:57%;height:61%;
 background:radial-gradient(circle,#a7ffd5ab 0,#a0c9ff55 50%,transparent 72%);
 bottom:0;left:0;
 animation:fw-orbit-ambient-float 9s ease-in-out infinite alternate-reverse;
}
.fw-orbit-core{
 position:absolute;z-index:5;
 left:50%;top:50%;
 width:clamp(125px,12vw,177px);height:clamp(125px,12vw,177px);
 transform:translate(-50%,-50%);
 display:grid;place-items:center;
 pointer-events:none;
}
.fw-orbit-core__halo{
 position:absolute;inset:-20%;
 border-radius:50%;
 background:radial-gradient(circle,#0958fb12 25%,#0958fb1b 44%,transparent 68%);
 animation:fw-orbit-core-glow 4.2s ease-in-out infinite alternate;
}
.fw-orbit-core__disc{
 position:relative;width:100%;height:100%;
 border-radius:37%;
 background:linear-gradient(145deg,#1474ff 0,#0958fb 45%,#002da4 100%);
 box-shadow:inset 0 2px 9px #ffffff70,inset 0 -12px 20px #082d8f80,0 19px 33px #0058c953,0 0 0 12px #fff8,0 0 0 17px #10478d26;
 color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
 transform:rotate(-11deg);
 animation:fw-orbit-core-bob 5s ease-in-out infinite;
}
.fw-orbit-core__disc svg{width:76%;max-height:63%}
.fw-orbit-core__disc span{font-size:clamp(8px,.8vw,12px);font-weight:950;letter-spacing:.27em;margin-top:3px}
.fw-orbit-satellite{
 position:absolute;
 top:50%;left:50%;
 z-index:3;
 width:clamp(118px,12.8vw,164px);
 min-height:clamp(78px,9vw,112px);
 border:1.5px solid #ffffff;
 border-radius:23px;
 padding:12px 10px 11px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
 color:#12264c;
 box-shadow:0 13px 28px #172b4e29,inset 0 3px 12px #ffffff5e;
 text-align:center;
 font-family:inherit;
 cursor:pointer;
 will-change:transform,opacity;
 backface-visibility:hidden;
 transition:box-shadow .25s ease,filter .25s ease;
}
.fw-orbit-satellite--mint{background:linear-gradient(140deg,#b0ffe4,#70d9bf)}
.fw-orbit-satellite--lilac{background:linear-gradient(140deg,#eee9ff,#c7b8ff)}
.fw-orbit-satellite--coral{background:linear-gradient(140deg,#ffd2dd,#ffa2be)}
.fw-orbit-satellite--sky{background:linear-gradient(140deg,#dcf0ff,#a7c8ff)}
.fw-orbit-satellite[aria-pressed="true"]{
 box-shadow:0 17px 34px #142d5e4c,0 0 0 4px #fff;
}
.fw-orbit-satellite:focus-visible{outline:3px solid var(--orbit-blue);outline-offset:3px}
.fw-orbit-satellite__number{
 position:absolute;top:9px;left:11px;font-size:9px;letter-spacing:.1em;font-weight:900;opacity:.7;
}
.fw-orbit-satellite__icon{width:34px;height:34px;display:grid;place-items:center}
.fw-orbit-satellite__icon svg{width:100%;height:100%}
.fw-orbit-satellite__label{font-size:clamp(11px,.95vw,13px);font-weight:900;letter-spacing:-.03em;line-height:1.2}
.fw-orbit-visual__caption{
 text-align:center;
 letter-spacing:.16em;color:#576c86;
 font-size:10px;font-weight:900;
 margin-top:8px;
 margin-bottom:auto;
 display:flex;align-items:center;gap:10px;
}
.fw-orbit-caption__dot{width:7px;height:7px;border-radius:50%;background:#0958fb}
@keyframes fw-orbit-pulse{50%{box-shadow:0 0 0 10px #0958fb0d;transform:scale(.9)}}
@keyframes fw-orbit-core-bob{50%{transform:rotate(-7deg) translateY(-4px)}}
@keyframes fw-orbit-core-glow{to{opacity:.5;transform:scale(1.09)}}
@keyframes fw-orbit-ambient-float{to{transform:translate(20px,-15px) scale(1.13)}}
@keyframes fw-orbit-detail-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1110px) and (min-width:761px){
 .fw-orbit-experience{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:5px;padding-left:22px;padding-right:20px}
 .fw-orbit-copy h2{font-size:clamp(35px,4.6vw,51px)}
 .fw-orbit-lead{font-size:13px;margin:11px 0 17px}
 .fw-orbit-detail{min-height:155px;padding:16px 18px}
 .fw-orbit-detail h3{font-size:22px}
 .fw-orbit-detail p{font-size:12px}
 .fw-orbit-stage{height:min(490px,63dvh)}
 .fw-orbit-satellite{width:clamp(112px,12vw,140px);border-radius:19px}
 .fw-orbit-core{width:clamp(120px,13vw,153px);height:clamp(120px,13vw,153px)}
}
@media (max-height:750px) and (min-width:761px){
 .mosaic-panel--why .mosaic-panel__bar{min-height:117px;padding:62px 16px 7px}
 .fw-orbit-experience{padding-top:9px;padding-bottom:12px}
 .fw-orbit-copy h2{font-size:clamp(34px,3.7vw,58px)}
 .fw-orbit-eyebrow{margin-bottom:10px}
 .fw-orbit-detail{min-height:139px;padding:14px 18px}
 .fw-orbit-detail__top{margin-bottom:7px}
 .fw-orbit-lead{margin-top:10px;margin-bottom:14px}
 .fw-orbit-footer{margin-top:13px}
 .fw-orbit-stage{height:min(470px,64dvh);min-height:280px}
 .fw-orbit-core{width:130px;height:130px}
}
@media (max-width:760px){
 .mosaic-panel--why .mosaic-panel__bar{
   min-height:104px;max-height:104px;padding:57px 10px 6px!important;
 }
 .mosaic-panel--why .mosaic-panel__body{overflow-y:auto;overscroll-behavior:contain}
 .fw-orbit-experience{
   height:auto;min-height:100%;
   display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
   overflow:visible;
   padding:clamp(12px,2vh,20px) 16px 22px;
   gap:2px;
 }
 .fw-orbit-copy{display:contents}
 .fw-orbit-eyebrow{order:0;margin:4px auto 8px;font-size:9px}
 .fw-orbit-copy h2{order:1;text-align:center;font-size:clamp(32px,8vw,49px);line-height:1.02}
 .fw-orbit-copy h2 em{display:block}
 .fw-orbit-lead{order:2;text-align:center;font-size:12px;margin:10px auto 0;max-width:440px;line-height:1.42}
 .fw-orbit-visual{order:3;height:auto}
 .fw-orbit-stage{
   height:clamp(285px,40dvh,372px);
   min-height:285px;
   width:min(100%,500px);
   margin:0 auto;
 }
 .fw-orbit-rings__outer{width:77%;height:60%}
 .fw-orbit-core{width:clamp(105px,28vw,130px);height:clamp(105px,28vw,130px)}
 .fw-orbit-satellite{width:clamp(103px,27vw,123px);min-height:73px;max-height:88px;border-radius:17px;padding:10px 8px 9px}
 .fw-orbit-satellite__icon{width:26px;height:26px}
 .fw-orbit-satellite__number{font-size:8px;top:6px;left:8px}
 .fw-orbit-satellite__label{font-size:10px}
 .fw-orbit-core__disc span{font-size:7px}
 .fw-orbit-visual__caption{font-size:8px;letter-spacing:.11em;margin:0 auto 8px}
 .fw-orbit-detail{order:4;min-height:137px;padding:15px 19px;border-radius:21px;width:100%;margin-top:0}
 .fw-orbit-detail__top{margin-bottom:7px;font-size:9px}
 .fw-orbit-detail h3{font-size:23px}
 .fw-orbit-detail p{font-size:12px}
 .fw-orbit-footer{order:5;margin-top:12px;width:100%}
 .fw-orbit-controls button{width:38px;height:38px}
 .fw-orbit-cta{padding:11px 13px;border-radius:12px;font-size:11px}
}
@media (max-width:360px){
 .fw-orbit-experience{padding-left:10px;padding-right:10px}
 .fw-orbit-copy h2{font-size:31px}
 .fw-orbit-lead{font-size:11px}
 .fw-orbit-stage{height:278px;min-height:278px}
 .fw-orbit-satellite{width:100px;min-height:70px}
 .fw-orbit-visual__caption{font-size:7px}
}
@media (prefers-reduced-motion:reduce){
 .fw-orbit-pulse,.fw-orbit-core__disc,.fw-orbit-core__halo,.fw-orbit-ambient{animation:none!important}
 .fw-orbit-detail[data-changing="true"]>*{animation:none!important}
 .fw-orbit-detail,.fw-orbit-controls button,.fw-orbit-cta{transition:none!important}
}