/* Two-page local finishing treatment. Original geometry; no vendor interface. */
.fin-diagram{margin:0;border:1px solid #d4daea;border-radius:24px;background:linear-gradient(150deg,#fff,#f5f5f5 40%,#e8f0ff);overflow:hidden;color:#321962}
.fin-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 28px 22px;gap:0;position:relative}
.fin-station{position:relative;min-width:0;isolation:isolate;padding:0 10px 12px}
.fin-station svg{width:100%;height:auto;display:block;overflow:visible}
.fin-station:after{content:"";height:3px;background:linear-gradient(90deg,#d4dcf6,#4361ee,#d4dcf6);position:absolute;left:50%;right:-50%;top:calc(100% - 36px);z-index:-1}
.fin-station:last-child:after{display:none}
.fin-callout{display:flex;align-items:center;gap:12px;padding:10px 0;color:#321962;position:relative}
.fin-callout span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;border:1px solid #b9c6e7;background:#fff;color:#321962;font-size:12px;font-weight:650;box-shadow:0 4px 14px #3219620a}
.fin-callout b{font-size:19px;line-height:1.4;background:#f5f7fc;padding:0 6px}
.fin-callout:before{content:"";position:absolute;bottom:calc(100% - 6px);left:17px;width:1px;height:24px;background:#aabbe4}
.fin-detail{font-size:14px!important;color:#4b5563!important;line-height:1.6!important;margin:3px 0 0 46px!important}
.fin-diagram-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-top:1px solid #d4daea;padding:20px 26px}
.fin-diagram figcaption{font-size:13px;line-height:1.7;color:#4b5563;max-width:78ch}
.fin-trace{border:1px solid #321962;border-radius:8px;min-height:46px;padding:12px 18px;white-space:nowrap;color:#fff;background:#321962;font:inherit;font-size:14px;cursor:pointer}
.fin-trace:hover{background:#4361ee;border-color:#4361ee}.fin-trace:active{transform:translateY(1px)}
.fin-trace:focus-visible,.fin-review-notes summary:focus-visible{outline:3px solid #4361ee;outline-offset:4px}
.fin-trace[hidden]{display:none}.fin-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;padding:26px 30px 0}
.fin-limits{font-size:13px!important;line-height:1.7!important;padding:0 26px 18px;margin:0!important;background:#fff;color:#4b5563!important}
.fin-comparison{padding-block:64px 28px;color:#321962}.fin-comparison header{max-width:880px;margin-bottom:30px}
.fin-comparison h2{font-size:clamp(30px,3.3vw,46px);line-height:1.13;letter-spacing:-.035em;max-width:22ch;margin:0 0 18px}
.fin-comparison header p{font-size:18px;line-height:1.65;color:#4b5563;max-width:65ch}
.fin-compare-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4daea;border-radius:20px;overflow:hidden;background:#fff}
.fin-compare-grid article{padding:32px 36px}.fin-compare-grid article+article{border-left:1px solid #d4daea;background:#f6f8fd}
.fin-compare-top{display:flex;align-items:center;gap:20px;padding-bottom:24px}.fin-compare-top>span{font-size:13px;color:#4361ee;border-top:2px solid #4361ee;padding-top:10px}
.fin-compare-top h3{font-size:26px;letter-spacing:-.02em;line-height:1.2;margin:0}.fin-compare-grid dl{margin:0}
.fin-compare-grid dl>div{border-top:1px solid #d4daea;padding:20px 0;min-height:108px}.fin-compare-grid dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#321962;font-weight:750;margin-bottom:8px}
.fin-compare-grid dd{margin:0;color:#4b5563;font-size:16px;line-height:1.65;max-width:47ch}
.fin-compare-note{font-size:13px;color:#4b5563;line-height:1.7;margin-top:18px;max-width:90ch}
.ss-scene.fin-kiosk-scene{background:linear-gradient(135deg,#fff,#e8f0ff);border:1px solid #d4daea;border-radius:22px;align-self:start;overflow:hidden}
.fin-kiosk-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;padding:34px 16px 22px;gap:0}
.fin-kiosk-grid .fin-station{padding:0 2px 10px}.fin-kiosk-grid .fin-callout{gap:6px}.fin-kiosk-grid .fin-callout b{font-size:15px;padding:0}.fin-kiosk-grid .fin-callout span{flex-basis:28px;height:28px;font-size:11px}
.fin-kiosk-scene figcaption{border-top:1px solid #d4daea;padding:18px 22px!important;background:#fff;font-size:13px!important;line-height:1.65}
.fin-review-notes{margin-block:32px;color:#4b5563;font-size:14px}.fin-review-notes details{border-block:1px solid #d4daea;padding:16px 0}.fin-review-notes summary{cursor:pointer;min-height:28px;color:#321962}.fin-review-notes p{line-height:1.7}
/* Trace highlights relationships, never a simulated transaction or result. */
.fin-running .fin-object{animation:fin-lift 1.2s ease-in-out both}.fin-running .fin-station:nth-child(2) .fin-object{animation-delay:.18s}.fin-running .fin-station:nth-child(3) .fin-object{animation-delay:.36s}.fin-running .fin-station:nth-child(4) .fin-object{animation-delay:.54s}
.fin-running .fin-callout span{animation:fin-ring 1.2s ease-in-out both}.fin-running .fin-station:nth-child(2) .fin-callout span{animation-delay:.18s}.fin-running .fin-station:nth-child(3) .fin-callout span{animation-delay:.36s}.fin-running .fin-station:nth-child(4) .fin-callout span{animation-delay:.54s}
@keyframes fin-lift{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}}@keyframes fin-ring{0%,100%{box-shadow:0 0 0 0 #4361ee00}45%{box-shadow:0 0 0 7px #4361ee20;border-color:#4361ee}}
@media(max-width:900px){.fin-stage-grid{padding:20px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.fin-station:nth-child(2):after{display:none}.fin-callout b{font-size:17px}.fin-compare-grid article{padding:24px}.fin-diagram-foot{align-items:flex-start;flex-direction:column;gap:16px}.fin-trace{white-space:normal}.fin-kiosk-grid{padding:24px 12px}.fin-compare-grid dl>div{min-height:132px}}
@media(max-width:560px){.fin-diagram{border-radius:14px}.fin-stage-grid{padding:16px 8px;gap:20px 0}.fin-station{padding:0 5px 8px}.fin-callout{gap:5px}.fin-callout span{flex-basis:26px;height:26px;font-size:10px}.fin-callout b{font-size:15px;padding:0 2px}.fin-callout:before{left:13px;height:20px}.fin-detail{font-size:12px!important;margin-left:0!important}.fin-diagram-foot{padding:18px}.fin-eyebrow{padding:20px 18px 0;font-size:10px}.fin-limits{padding:0 18px 18px}.fin-compare-grid{grid-template-columns:1fr}.fin-compare-grid article+article{border-left:0;border-top:1px solid #d4daea}.fin-compare-grid dl>div{min-height:0;padding:17px 0}.fin-compare-top h3{font-size:24px}.fin-comparison{padding-block:40px 20px}.fin-comparison header p{font-size:16px}.fin-kiosk-grid{grid-template-columns:1fr;max-width:270px;margin:auto;padding:8px 16px}.fin-kiosk-grid .fin-station:after{display:none}.fin-kiosk-grid .fin-station svg{max-height:210px}.fin-kiosk-grid .fin-callout{justify-content:center}.fin-kiosk-grid .fin-callout:before{display:none}.fin-kiosk-grid .fin-callout b{font-size:17px}.fin-review-notes{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fin-object,.fin-callout span{animation:none!important;transition:none!important}.fin-trace{display:none}}.motion-off .fin-object,.motion-off .fin-callout span{animation:none!important;transition:none!important}.motion-off .fin-trace{display:none}
@media(forced-colors:active){.fin-diagram,.fin-compare-grid,.fin-compare-grid article,.fin-diagram-foot,.fin-callout span{border-color:CanvasText;background:Canvas;color:CanvasText}.fin-callout b,.fin-trace{color:CanvasText;background:Canvas}.fin-station svg{forced-color-adjust:none}.fin-trace{border:2px solid ButtonText}.fin-station:after{background:CanvasText}}
.fin-kiosk-scene figcaption{max-width:none;width:100%;box-sizing:border-box}
@media(max-width:560px){.fin-kiosk-grid{max-width:none;width:100%;padding:8px 12px;box-sizing:border-box}.fin-kiosk-grid .fin-station{display:grid;grid-template-columns:140px 1fr;align-items:center;padding:4px 0}.fin-kiosk-grid .fin-station svg{width:140px;height:143px}.fin-kiosk-grid .fin-callout{justify-content:flex-start}.fin-kiosk-grid .fin-station+.fin-station{border-top:1px solid #d4daea}}
@media(max-width:820px){.fin-review-notes summary{display:flex;min-height:44px;align-items:center}}