.brand{flex-shrink:0}.brand-logo{width:220px;height:72px;object-fit:contain}.header-inner{gap:25px}.footer .brand-logo{width:200px;height:70px}.download-wrap{display:flex;flex-direction:column;align-items:center;gap:7px}.hero-actions{align-items:flex-start}.download-count{font-size:13px;line-height:1.4;color:#536c67;font-variant-numeric:tabular-nums;text-align:center}.cta .download-count{color:#e0ece7}.download-wrap .button{width:100%}.counter-note{font-size:11px;line-height:1.35;color:#71867f}.cta .counter-note{color:#b4cbc2}.mobile-download-count{font-size:13px;color:#536c67}
.bridge-demo{background:#f1f6f4;border:1px solid #d2dfda;border-radius:20px;overflow:hidden;box-shadow:0 18px 65px #143f3e0b;position:relative}.demo-heading{padding:20px 23px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.demo-heading strong{font-size:16px;font-weight:700;line-height:1.4}.demo-heading span{font:12px monospace;color:#53736a;white-space:nowrap}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 18px 13px;padding:5px;background:#e5eeea;border-radius:9px}.demo-tabs button{border:0;background:transparent;color:#45635b;padding:10px 7px;border-radius:6px;font-size:13px;font-weight:650}.demo-tabs button[aria-selected=true]{background:#124c49;color:white;box-shadow:0 3px 8px #124c4920}.demo-stage{position:relative;background:#fff;border-block:1px solid #e0e8e4;overflow:hidden}.demo-stage button{padding:0;width:100%;border:0;background:white;display:block;position:relative}.demo-stage img{width:100%;height:300px;object-fit:contain;transition:opacity .25s}.demo-stage button:hover img{opacity:.9}.demo-stage-label{position:absolute;top:13px;left:16px;font-size:10px;letter-spacing:.08em;font-weight:700;padding:4px 8px;background:#ffffffeb;border:1px solid #dce5e2;border-radius:4px;color:#31544c;pointer-events:none}.demo-zoom-label{position:absolute;bottom:12px;right:14px;background:#124c49;color:white;font-size:12px;border-radius:20px;padding:5px 12px;pointer-events:none}.demo-caption{padding:17px 23px 20px;min-height:146px}.demo-caption h3{font-size:18px;letter-spacing:-.025em;margin:0 0 4px}.demo-caption p{font-size:13px;line-height:1.6;color:#536d64;margin:0 0 14px;min-height:22px}.demo-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.demo-play{background:#d7ef84;color:#163c33;border:1px solid #c7e574;border-radius:6px;font-size:12px;font-weight:700;padding:9px 13px}.demo-play:hover{background:#c8e86f}.demo-download{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.demo-download[hidden]{display:none}.demo-footnote{font-size:10px;color:#73877e}.hero{grid-template-columns:1fr 1.08fr;gap:38px}.hero h1{font-size:clamp(38px,3.9vw,58px)}.bridge-demo:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:0;background:#6f9c35}.bridge-demo.is-playing:after{animation:demo-progress 10.5s linear forwards}@keyframes demo-progress{to{width:100%}}
@media(min-width:1600px){.demo-stage img{height:335px}}@media(max-width:1100px){.brand-logo{width:193px}.hero{gap:25px}.hero h1{font-size:41px}.demo-caption{padding:16px}.demo-stage img{height:285px}.demo-heading{padding:18px 16px 14px}}@media(max-width:760px){.header-inner{gap:12px}.brand-logo{width:210px;height:66px}.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(37px,8.8vw,57px)}.demo-stage img{height:260px}.demo-heading strong{font-size:16px}.demo-tabs{margin-inline:12px}.demo-tabs button{font-size:12px;padding:10px 3px}.download-count{font-size:12px}.counter-note{font-size:10px}.hero-actions .download-wrap{max-width:180px}.demo-caption{min-height:150px}.footer .brand-logo{width:195px;height:68px}}@media(prefers-reduced-motion:reduce){.bridge-demo.is-playing:after{animation:none;width:100%}}