.pano-section{background:#15372d;border-top:1px solid #deebce25}.pano-section .section-heading{align-items:center}.pano-section .section-heading>p{max-width:460px}.pano-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:25px;border-bottom:1px solid #deebce30}.pano-tabs button{display:flex;align-items:center;gap:13px;background:transparent;color:#c9d8c1;font:inherit;font-size:15px;padding:13px 19px;min-height:48px;border:1px solid #c5d8b530;border-radius:28px}.pano-tabs button>span{font-size:12px;opacity:.7}.pano-tabs button[aria-selected=true]{background:#d9efc0;color:#224232;border-color:#d9efc0}.pano-tabs button:hover{border-color:#d9efc0}
.pano-explorer{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:35px}.pano-figure{margin:0;min-width:0}.pano-visual{max-width:480px;margin-inline:auto;position:relative;border:1px solid #b4cda31f;border-radius:14px;overflow:hidden;isolation:isolate;background:#15372d;aspect-ratio:3/4}.pano-crop{position:absolute;inset:0;overflow:hidden}.pano-crop img{position:absolute;width:200%;max-width:none;height:100%;object-fit:fill;left:0;top:0;pointer-events:none}.pano-open{opacity:0;transition:opacity .65s ease}.pano-open img{left:-100%}.pano-visual[data-open=true] .pano-open{opacity:1}.pano-visual .pano-view-state{position:absolute;left:20px;top:18px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 12px;border-radius:22px;background:#15372dd9;border:1px solid #bbd4aa2e}.pano-toggle{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:12px;background:#e2f0cf;color:#274836;border-radius:28px;padding:13px 19px;font-size:14px;min-height:48px}.pano-toggle:disabled{opacity:.5;cursor:wait}.pano-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;background:#d9efc0;color:#193e31;border:1px solid #fff9;border-radius:50%;font-size:14px;font-weight:600;box-shadow:0 0 0 7px #d9efc026;transition:left .35s,top .35s;pointer-events:none}.pano-figure figcaption{max-width:480px;margin-inline:auto;padding-top:13px;display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.6;color:#a8bea0}.pano-figure figcaption>span:last-child{white-space:nowrap}.pano-copy{min-width:0}.pano-copy h3{font-size:clamp(28px,2.7vw,38px);letter-spacing:-.04em;line-height:1.2;margin-bottom:18px}.pano-copy>p{font-size:16px;color:#c0d0b6;line-height:1.85}.pano-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:20px 0 30px;list-style:none}.pano-tags li{font-size:13px;padding:7px 10px;border:1px solid #bbd4aa30;border-radius:20px;color:#acc99d}.pano-parts-label{font-size:13px;letter-spacing:1px;color:#99b98c;display:block;margin-bottom:12px}.pano-parts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pano-parts button{text-align:left;display:flex;align-items:center;gap:12px;background:none;border:1px solid #aecba030;border-radius:8px;padding:14px 12px;font-size:14px;color:#bbcdb1;min-height:64px;line-height:1.5}.pano-parts button>span{font-size:12px;color:#8fb97e}.pano-parts button[aria-pressed=true]{background:#31543b;color:#f0f7e6;border-color:#adcb8e80}.pano-part-readout{margin-top:20px;min-height:108px;border-left:2px solid #a4c984;padding-left:17px}.pano-part-readout strong{font-size:16px;font-weight:500;color:#e6f2da;display:block}.pano-part-readout p{font-size:15px;color:#a9c39b;line-height:1.8;margin:6px 0 0}
.pano-data{margin-top:45px;padding-top:30px;border-top:1px solid #deebce30}.pano-data-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pano-data-head h3{font-size:24px;letter-spacing:-.6px;margin:0}.pano-data .mock-chip{color:#b9d5a4;border-color:#b9d5a43b}.pano-data-flow{display:grid;grid-template-columns:1fr 85px 1fr;align-items:center;gap:22px}.pano-data-source{border-left:2px solid #afd594;padding:6px 0 6px 20px}.pano-data-source>span{font-size:14px;color:#b1caa1}.pano-data-source>strong{display:block;font-size:28px;font-weight:500;margin-top:7px;letter-spacing:-.5px}.pano-data-line{width:100%;height:35px;overflow:visible}.pano-data-line path{stroke:#abd091;stroke-width:2;fill:none}.pano-data-line .data-pulse{stroke:#e3ffcc;stroke-width:3;stroke-dasharray:8 15;animation:pano-flow 2s linear infinite}.pano-data-destination{padding:20px 24px;border-radius:12px;background:#264c36;border:1px solid #aac98c30}.pano-data-destination>span{font-size:12px;letter-spacing:1px;color:#a7c495}.pano-data-destination h4{font-size:22px;font-weight:500;line-height:1.3;margin:7px 0 10px}.pano-data-destination p{font-size:15px;color:#b1cba2;line-height:1.75;margin:0}.pano-data-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.pano-data-footer>p{font-size:13px;max-width:650px;line-height:1.8;color:#a4ba99;margin:0}.pano-data-footer a{font-size:14px;white-space:nowrap}.scope-item .scope-pano-link{display:inline-flex;margin-top:20px;color:#355c38;font-size:15px;text-decoration:none;border-bottom:1px solid #52764a70;padding-bottom:6px}.scope-pano-link:hover{border-color:currentColor}
@keyframes pano-flow{to{stroke-dashoffset:-46}}
@media(max-width:1100px){.pano-explorer{gap:30px}.pano-parts{grid-template-columns:1fr}.pano-parts button{min-height:48px;padding:10px 12px}.pano-data-flow{grid-template-columns:1fr 50px 1.2fr;gap:15px}.pano-copy h3{font-size:30px}}
@media(max-width:760px){.pano-tabs{gap:7px}.pano-tabs button{font-size:14px;padding:11px 14px;gap:8px}.pano-explorer{grid-template-columns:1fr;gap:30px}.pano-visual{max-width:370px}.pano-figure figcaption{max-width:370px}.pano-parts{grid-template-columns:1fr 1fr}.pano-part-readout{min-height:100px}.pano-data-head{flex-direction:column;align-items:flex-start;gap:14px}.pano-data-flow{grid-template-columns:1fr;gap:18px}.pano-data-line{height:32px;max-width:70px;transform:rotate(90deg);justify-self:center;margin:10px}.pano-data-footer{flex-direction:column;align-items:flex-start}.pano-data-destination{padding:20px}.pano-data-head h3{font-size:23px}.pano-data-source>strong{font-size:26px}}
@media(max-width:380px){.pano-tabs button{padding:11px 12px}.pano-tabs button>span{display:none}.pano-parts{grid-template-columns:1fr}.pano-figure figcaption{flex-direction:column;gap:4px}.pano-toggle{font-size:13px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.pano-open,.pano-marker{transition:none}.pano-data-line .data-pulse{animation:none}}