.fb-design-intent{margin:72px 0 48px;max-width:800px}.fb-walkthrough{--insight:#a1dfb5;--insight-rgb:161,223,181;margin:64px 0 80px;padding:36px;border:1px solid #91c5a52b;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#356b4922,transparent 65%),#142019;isolation:isolate;scroll-margin-top:110px}.fb-walkthrough.diagnosis{--insight:#e4ba84;--insight-rgb:228,186,132}.fbn-page .walk-heading h3{font-size:2rem;line-height:1.2;margin:0}.walk-heading .fb-kicker{margin-bottom:12px}.walk-tabs{display:none;gap:8px;margin:28px 0 36px;flex-wrap:wrap}.fb-walkthrough[data-enhanced] .walk-tabs{display:flex}.walk-tabs button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:100px;padding:10px 14px;color:#96ab9d;font-size:0.75rem;line-height:1.4;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.walk-tabs button>span{font-size:0.75rem;font-variant-numeric:tabular-nums;color:#6b8a76}.walk-tabs button[aria-selected=true]{color:var(--insight);background:rgba(var(--insight-rgb),.09);border-color:rgba(var(--insight-rgb),.23)}.walk-tabs button[aria-selected=true]>span{color:inherit}.walk-tabs button:hover{color:#eff9f2;background:#ffffff07}.walk-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center}.walk-copy{min-width:0}.walk-deck{position:relative;display:grid;perspective:1200px;margin-bottom:16px}.fb-walkthrough[data-enhanced] .walk-deck:before,.fb-walkthrough[data-enhanced] .walk-deck:after{content:'';position:absolute;inset:0 8px -10px;border:1px solid #91bd9e25;border-radius:16px;background:#223528;z-index:-1;transform:rotate(1deg);transform-origin:center bottom;pointer-events:none}.fb-walkthrough[data-enhanced] .walk-deck:after{inset:0 16px -19px;z-index:-2;transform:rotate(-1deg);background:#1b2b20}.walk-panel{padding:32px;background:linear-gradient(135deg,#304333,#1d2d22);border:1px solid #9fc9ab32;border-radius:16px;box-shadow:inset 0 1px #e5f7e810,0 16px 40px #0002;position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:center}.fb-walkthrough[data-enhanced] .walk-panel{grid-area:1/1}.fb-walkthrough[data-enhanced] .walk-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}.walk-step-label{display:block;font-size:0.75rem;letter-spacing:.12em;color:var(--insight);margin-bottom:24px;font-variant-numeric:tabular-nums}.fbn-page .walk-panel h4{font-size:1.75rem;letter-spacing:-.035em;line-height:1.25;font-weight:500;color:#eef5ee;margin:0 0 24px;max-width:22ch}.fbn-page .walk-panel .prose{font-size:1rem;line-height:1.7;color:#b7c7bc}.fbn-page .walk-panel .prose p+p{margin-top:16px}.walk-badge{font-size:0.875rem;line-height:1.5;color:var(--insight);border-top:1px solid rgba(var(--insight-rgb),.2);padding-top:18px;margin:24px 0 0}.walk-peek{display:none;align-items:center;gap:16px;margin:30px 8px 0;padding:18px 20px;width:calc(100% - 16px);border:1px solid #90b69c25;background:#1a2b20;border-radius:12px;color:#aac0b1;text-align:left;cursor:pointer;transition:transform .35s,background .35s}.fb-walkthrough[data-enhanced] .walk-peek{display:flex}.walk-peek>span:first-child{font-size:0.75rem;letter-spacing:.12em;color:#7d9b88;white-space:nowrap}.walk-peek strong{font-size:0.875rem;font-weight:450;flex:1}.walk-peek>span:last-child{color:var(--insight);font-size:1.25rem}.walk-peek:hover{background:#253d2d;transform:translateY(-3px)}.walk-controls{display:none;align-items:center;justify-content:space-between;margin-top:24px;padding-inline:8px}.fb-walkthrough[data-enhanced] .walk-controls{display:flex}.walk-counter{font-size:0.75rem;letter-spacing:.12em;color:#9eb5a6}.walk-controls>div{display:flex;gap:10px}.walk-controls button,.walk-zoom{display:grid;place-items:center;width:40px;height:40px;border:1px solid #92b89d36;border-radius:50%;background:#ffffff05;color:#c2d8c9;font-size:1.25rem;cursor:pointer;transition:background .3s,transform .3s}.walk-controls button:hover,.walk-zoom:hover{background:rgba(var(--insight-rgb),.14);color:var(--insight);transform:translateY(-2px)}.walk-evidence{margin:0;min-width:0}.walk-stage{height:620px;display:flex;align-items:center;justify-content:center;padding:24px 28px;border:1px solid #90ba9c1c;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#659c7525,transparent 65%),#0b171050;position:relative;touch-action:pan-y;overflow:hidden}.walk-image-wrap{position:relative;width:fit-content;max-width:100%;flex-shrink:1;line-height:0;isolation:isolate}.walk-image{display:block;width:auto;height:auto;max-width:100%;max-height:560px;border-radius:8px;box-shadow:0 16px 40px #0004;user-select:none;-webkit-user-drag:none}.walk-spotlight{position:absolute;border:2px solid var(--insight);border-radius:7px;box-shadow:0 0 0 4px rgba(var(--insight-rgb),.15),0 4px 24px #0002;pointer-events:none;opacity:0;transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),opacity .3s;z-index:2}.walk-spotlight[data-visible]{opacity:1}.walk-pins{position:absolute;inset:0;pointer-events:none}.walk-pin{pointer-events:auto;position:absolute;left:-19px;width:36px;height:36px;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;border:1px solid #8ba895;background:#1b3023;color:#bacbbf;box-shadow:0 3px 12px #0005;font-size:0.75rem;cursor:pointer;z-index:3;transition:background .3s,color .3s,scale .3s}.walk-pin[aria-pressed=true]{background:var(--insight);border-color:var(--insight);color:#1b3122;scale:1.08}.walk-zoom{position:absolute;bottom:14px;right:14px;background:#17271fe8;width:34px;height:34px;font-size:1.25rem;z-index:5}.fbn-page .walk-caption{font-size:0.75rem;line-height:1.6;color:#8fa899;margin-top:14px;min-height:38px}.fb-walkthrough button:focus-visible,.walk-panel:focus-visible{outline:2px solid var(--insight);outline-offset:4px}.walk-peek[hidden]{display:none!important}
@media(max-width:1000px){.fb-walkthrough{padding:28px}.walk-body{gap:24px}.walk-panel{padding:24px}.fbn-page .walk-panel h4{font-size:1.5rem}.walk-stage{padding:20px;height:590px}.walk-image{max-height:540px}}
@media(max-width:760px){.fb-walkthrough{padding:24px;margin-block:48px}.fbn-page .walk-heading h3{font-size:1.75rem}.walk-body{grid-template-columns:1fr}.walk-copy{display:contents}.walk-deck{grid-row:1}.walk-stage{height:520px}.walk-image{max-height:472px}.walk-panel{min-height:260px}.walk-evidence{grid-row:3}.walk-peek{grid-row:4;margin:0 8px}.walk-controls{grid-row:2;margin:0 8px 4px}.walk-tabs{margin:24px 0;gap:6px}.walk-tabs button{font-size:0.75rem;padding:8px 10px}.fbn-page .walk-caption{min-height:0}.fb-design-intent{margin:48px 0}}
@media(max-width:420px){.fb-walkthrough{padding:20px;border-radius:16px}.walk-stage{height:490px;padding:16px}.walk-image{max-height:448px}.walk-pin{width:32px;height:32px;left:-16px}.walk-panel{padding:24px 20px}.fbn-page .walk-panel h4{font-size:1.5rem}.fbn-page .walk-panel .prose{font-size:1rem}.walk-tabs button>span{display:none}}
@media(prefers-reduced-motion:reduce){.fb-walkthrough *, .fb-walkthrough *:before,.fb-walkthrough *:after{transition:none!important;animation:none!important}}html.no-motion .fb-walkthrough *{transition:none!important;animation:none!important}
/* Diagnostic states use a restrained risk palette; solutions retain FBN green. */
.fb-walkthrough.diagnosis{--insight:#f0a096;--insight-rgb:240,160,150;border-color:#bd777637;background:radial-gradient(ellipse at 100% 0%,#85433e24,transparent 65%),#211a1b}
.fbn-page .diagnosis .walk-heading .fb-kicker{color:#b38d8b}
.diagnosis .walk-tabs button{color:#b29a9a}.diagnosis .walk-tabs button>span{color:#957675}.diagnosis .walk-tabs button[aria-selected=true],.diagnosis .walk-tabs button[aria-selected=true]>span{color:var(--insight)}
.diagnosis .walk-panel{background:linear-gradient(135deg,#443031,#2c2023);border-color:#ca92923b;box-shadow:inset 0 1px #ffe2df0d,0 16px 40px #0002}
.fbn-page .diagnosis .walk-panel h4{color:#f5eeee}.fbn-page .diagnosis .walk-panel .prose{color:#cbb9b9}
.fb-walkthrough.diagnosis[data-enhanced] .walk-deck:before{background:#39282b;border-color:#bd85852b}.fb-walkthrough.diagnosis[data-enhanced] .walk-deck:after{background:#2d2124;border-color:#bd85852b}
.diagnosis .walk-peek{background:#2c2023;border-color:#bc81812c;color:#c9b3b3}.diagnosis .walk-peek:hover{background:#3c2a2d}.diagnosis .walk-peek>span:first-child{color:#a78686}
.diagnosis .walk-counter{color:#bda2a2}.diagnosis .walk-controls button,.diagnosis .walk-zoom{border-color:#bd858540;color:#ddc0bd}.diagnosis .walk-stage{border-color:#bd858524;background:radial-gradient(ellipse at 50% 40%,#a7696820,transparent 65%),#17121570}
.diagnosis .walk-pin{background:#39272b;border-color:#aa7e7c;color:#d4baba}.diagnosis .walk-pin[aria-pressed=true]{background:var(--insight);border-color:var(--insight);color:#3a2022}.diagnosis .walk-zoom{background:#2f2026eb}.fbn-page .diagnosis .walk-caption{color:#aa8d8e}