:root{--demo-ink:#203e35;--demo-green:#286d5c;--demo-mint:#eaf3ec;--demo-paper:#f8faf6;--demo-line:#d4e2d8;--demo-warm:#d89255}
.website-demo-hub{margin:0;background:var(--demo-paper);color:var(--demo-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.website-demo-hub *{box-sizing:border-box}.website-demo-hub [hidden]{display:none!important}
.website-demo-hub a{color:var(--demo-green)}.website-demo-hub button{font:inherit;cursor:pointer}
.website-demo-hub button:focus-visible,.website-demo-hub a:focus-visible{outline:3px solid var(--demo-warm);outline-offset:4px}
.website-demo-header{max-width:1440px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--demo-line)}
.website-demo-header a{text-decoration:none;font-weight:650}.website-demo-brand{display:flex;gap:12px;align-items:center;font-size:24px}.website-demo-brand span{display:grid;place-items:center;background:var(--demo-green);color:white;width:38px;height:38px;border-radius:12px}
.website-demo-hub main{max-width:1440px;padding:36px;margin:auto}.website-demo-intro{max-width:830px;margin-bottom:28px}.website-demo-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:750;margin:0 0 14px;color:var(--demo-green)}
.website-demo-intro h1{font-size:clamp(34px,4vw,56px);letter-spacing:-2px;line-height:1.08;margin:0 0 20px;font-weight:680}.website-demo-intro h1 em{font-family:Georgia,serif;color:var(--demo-green);font-weight:500}.website-demo-intro>p:not(.website-demo-eyebrow){max-width:650px;font-size:17px;color:#53695f}
.website-demo-tags{display:flex;flex-wrap:wrap;gap:8px}.website-demo-tags span{border:1px solid var(--demo-line);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:650}
.website-demo-tour{background:var(--demo-mint);border:1px solid var(--demo-line);border-radius:22px;padding:22px 24px;margin:24px 0 18px}.website-demo-tour-heading{display:flex;align-items:center;gap:14px}.website-demo-tour-heading>span{font-size:12px;border-radius:12px;background:white;padding:6px 10px;font-variant-numeric:tabular-nums}.website-demo-tour-heading strong{font-size:20px}.website-demo-tour>p{margin:10px 0;color:#53695f}
.website-demo-tour-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.website-demo-tour-controls button,.website-demo-areas button{border:1px solid #c5d8cb;border-radius:12px;background:white;color:var(--demo-ink);padding:10px 15px;font-weight:650;font-size:14px}.website-demo-tour-controls #tour-play{background:var(--demo-green);color:white;border-color:var(--demo-green)}.website-demo-tour-controls button:disabled{opacity:.4;cursor:default}
#tour-progress{display:block;width:100%;height:5px;border:0;border-radius:20px;accent-color:var(--demo-green)}#tour-status{font-size:12px;margin-bottom:0}.website-demo-areas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.website-demo-areas button[aria-pressed=true]{background:var(--demo-ink);color:white;border-color:var(--demo-ink)}
.website-demo-stage{border:1px solid var(--demo-line);border-radius:20px;overflow:hidden;background:white}.website-demo-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--demo-line);font-size:11px;font-weight:700;letter-spacing:.3px}.website-demo-stage-heading span{color:var(--demo-green)}.website-demo-stage-heading a{font-size:12px;letter-spacing:0}.website-demo-stage iframe{display:block;border:0;width:100%;height:850px;background:white}
.website-demo-coverage{border:1px solid var(--demo-line);border-radius:16px;padding:18px 22px;margin-top:20px}.website-demo-coverage summary{cursor:pointer;font-weight:650}.website-demo-coverage li{margin:6px 0;font-size:14px}.website-demo-coverage p{font-size:13px;color:#53695f}.website-demo-footer{font-size:12px;text-align:center;color:#61776b;padding:28px}.website-demo-skip{position:fixed;top:-60px;left:18px;padding:12px;background:white;z-index:999}.website-demo-skip:focus{top:10px}
.website-demo-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 5%;background:#f3e6d5;color:#60482f;font:13px/1.5 system-ui,sans-serif;border-bottom:1px solid #e1cfb9}.website-demo-banner strong{font-size:11px;letter-spacing:1px}.website-demo-banner span{flex:1;min-width:210px}.website-demo-banner a{color:#60482f;font-weight:700}
html[data-demo-page] .home-header{padding-block:12px}html[data-demo-page] .home-header nav{font-size:12px}html[data-demo-page] .home-hero{padding-top:28px;padding-bottom:28px}html[data-demo-page] .home-hero h1{font-size:clamp(30px,4vw,48px)}html[data-demo-page] .coach-intro{padding-block:24px}html[data-demo-page] .coach-intro h1{font-size:44px}html[data-demo-page] .coach-demo-entry{display:none}
.website-demo-presets{margin:18px auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:16px;border:1px solid #d8e5db;border-radius:16px;background:#f2f7f0;font:13px/1.5 system-ui,sans-serif}.website-demo-presets button,.website-demo-reminder button{padding:8px 12px;border:1px solid #c8dcd0;border-radius:9px;background:white;color:#2a5c4c;font:600 12px system-ui,sans-serif;cursor:pointer}.website-demo-presets button[aria-pressed=true]{background:#286d5c;color:white}.website-demo-presets p{width:100%;margin:2px 0 0;color:#526a5b}.website-demo-reminder{margin:20px 0;padding:20px;border-radius:18px;border:1px solid #d8e5db;background:#f7faf4}.website-demo-reminder h3{font-size:17px;margin:0 0 10px}.website-demo-reminder p{font-size:13px}.website-demo-reminder>div{display:flex;gap:8px;flex-wrap:wrap}
#demo-person{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}html[data-demo-page] .coach-camera-placeholder{display:none}html[data-demo-page] .outdoor-route-map svg{display:block;width:100%;height:100%}html[data-demo-page] #outdoor-route-map{min-height:280px;background:#e6f1e8}html[data-demo-page] input[readonly],html[data-demo-page] textarea[readonly]{background:#f1f5f0;color:#4b6456}
.website-demo-error{padding:20px;background:#fff1e5;color:#864529;border-radius:12px;font:14px/1.5 system-ui,sans-serif}
@media(max-width:700px){.website-demo-header{padding:18px}.website-demo-hub main{padding:22px 14px}.website-demo-intro h1{letter-spacing:-1px}.website-demo-tour{padding:18px}.website-demo-tour-heading strong{font-size:17px}.website-demo-stage-heading{flex-wrap:wrap}.website-demo-stage iframe{height:760px}.website-demo-areas button{flex:1;min-width:150px;font-size:12px}.website-demo-banner{gap:6px;padding:12px 18px}.website-demo-banner span{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html[data-demo-page] *,html[data-demo-page] *::before,html[data-demo-page] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}