@font-face{font-family:"Instrument Sans";src:url("/static/fonts/instrument-sans-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.presentation-page{margin:0;background:#f8f7f4;color:#181815;font-family:"Instrument Sans",system-ui,sans-serif}
.presentation-page *{box-sizing:border-box}
.presentation-page button,.presentation-page a{-webkit-tap-highlight-color:transparent}
.presentation-page button{font:inherit;cursor:pointer}
.presentation-page button:focus-visible,.presentation-page a:focus-visible{outline:3px solid #00778f;outline-offset:6px}
.presentation{min-height:660px;height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#fffefa 0%,#f8f7f4 65%)}
.presentation-header{display:flex;align-items:center;gap:28px;padding:30px 4.5%;position:relative;z-index:2}
.presentation-wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font-size:30px;font-weight:650;letter-spacing:-1.8px}
.presentation-wordmark img{object-fit:contain}
.presentation-customer-name{border-left:1px solid #deddd7;padding-left:28px;max-width:48%;overflow-wrap:anywhere;font-size:14px;color:#5d5b53}
.presentation-edition{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#5d5b53}
.presentation-theatre{position:relative;flex:1;min-height:460px}
.presentation-start{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:96px;height:96px;padding:26px;border:1px solid #00778f;border-radius:50%;background:#00b4dc;color:#181815;box-shadow:0 8px 28px #00778f1a}
.presentation-start:hover{background:#7cdeed}
.presentation-start svg{width:100%;height:100%;fill:currentColor}
.presentation.is-waiting .presentation-story,.presentation.is-waiting .presentation-ending,.presentation.is-waiting [data-ball],.presentation.is-waiting .presentation-shadow,.presentation.is-waiting [data-trails],.presentation.is-waiting .presentation-dust,.presentation.is-waiting .presentation-progress{visibility:hidden}
.presentation-scene{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}
.presentation-ground{stroke:#deddd7;stroke-width:1;fill:none}
.presentation-scenery{pointer-events:none}
.presentation-cloud{fill:#fff;stroke:#c4e7ed;stroke-width:1.5}
.cloud-far{opacity:.6}
.cloud-near{opacity:.85}
.presentation-bush{fill:#d2e9e8;stroke:#a0cece;stroke-width:1}
.presentation-branches{fill:none;stroke:#73afb3;stroke-width:1.5;stroke-linecap:round;opacity:.7}
.presentation.is-ending .presentation-scenery{opacity:.45}
.presentation-shadow{fill:#181815;opacity:.08}
.presentation-ribbon{fill:url(#ribbon-blue);stroke:none;opacity:.45}
.ribbon-partner{opacity:.35}
.presentation-dust{pointer-events:none}
.presentation-dust circle{fill:url(#dust-smoke)}
.presentation-dust ellipse{fill:none;stroke:#aebfba;stroke-width:1.5;opacity:.45}
.presentation-story{position:relative;z-index:1;max-width:780px;padding:20px 24px 0;margin:auto;text-align:center;pointer-events:none}
.presentation-story p{font-size:clamp(22px,3.3vw,44px);font-weight:520;letter-spacing:-.04em;line-height:1.12;margin:0 0 12px;text-wrap:balance;overflow-wrap:anywhere}
.presentation-ending{position:relative;z-index:1;max-width:850px;padding:24px;margin:0 auto;text-align:center}
.presentation-eyebrow{font-size:13px;letter-spacing:.04em;color:#5d5b53;margin:0 0 24px}
.presentation-eyebrow span{margin:0 14px;color:#00778f}
.presentation-ending h1{font-size:clamp(32px,5.7vw,76px);font-weight:560;line-height:1.03;letter-spacing:-.055em;margin:0 auto 30px;text-wrap:balance;overflow-wrap:anywhere}
.presentation-demo-button{border:0;border-radius:50px;background:#00b4dc;color:#181815;padding:17px 26px;font-weight:650;display:inline-flex;align-items:center;gap:32px;min-height:54px}
.presentation-demo-button:hover{background:#7cdeed}
.presentation-footer{position:relative;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 4.5% 28px;font-size:12px;color:#5d5b53}
.presentation-controls{display:flex;align-items:center;gap:24px;width:100%}
.presentation-controls button{border:0;background:transparent;color:#181815;padding:10px 0;min-height:44px}
.presentation-controls [data-skip]{margin-left:auto}
.presentation-controls .presentation-playback{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #deddd7;border-radius:50%;background:#fffefa}
.presentation-playback:hover{background:#d7f2fa}
.presentation-playback svg{display:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.presentation-playback[data-state="pause"] [data-playback-icon="pause"],.presentation-playback[data-state="play"] [data-playback-icon="play"],.presentation-playback[data-state="replay"] [data-playback-icon="replay"]{display:block}
.presentation-progress{height:4px;position:absolute;bottom:0;left:0;right:0;background:#deddd7}
.presentation-progress div{height:100%;background:#00b4dc;transform:scaleX(0);transform-origin:left}
.presentation:not(.is-enhanced) .presentation-progress,.presentation.is-static .presentation-progress{display:none}
.presentation.is-enhanced:not(.is-static) .presentation-story p{display:none}
.presentation.is-enhanced:not(.is-static) .presentation-story p.is-current{display:block;animation:presentation-cue-in .7s ease both}
.presentation.is-enhanced:not(.is-ending):not(.is-static) .presentation-ending{display:none}
.presentation.is-enhanced.is-ending:not(.is-static) .presentation-story{display:none}
.presentation.is-enhanced.is-ending:not(.is-static) .presentation-ending{position:absolute;top:17%;left:0;right:0;animation:presentation-cue-in 1s ease both}
.presentation.is-static .presentation-scene{position:relative;height:200px;order:0}
.presentation.is-static .presentation-theatre{display:flex;flex-direction:column;justify-content:center}
.presentation.is-static .presentation-story{order:1;padding-top:0;margin:12px auto}
.presentation.is-static .presentation-story p{font-size:clamp(16px,2vw,23px);letter-spacing:-.02em}
.presentation.is-static .presentation-ending{order:2}
.presentation.is-static .presentation-ending h1{font-size:clamp(30px,4vw,52px)}
.presentation.is-static .presentation-eyebrow{display:none}
.presentation.is-static{height:auto;min-height:100svh}
.presentation-page [hidden]{display:none!important}
.presentation:not(.is-enhanced) .presentation-scene{position:relative;height:220px}
.presentation:not(.is-enhanced){height:auto;min-height:100svh}
.presentation:not(.is-enhanced) .presentation-story p{font-size:22px}
.presentation-unavailable{max-width:620px;padding:15vh 28px;margin:auto;text-align:center}
.presentation-unavailable h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em}
.presentation-unavailable p{color:#5d5b53;line-height:1.6}
.presentation-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 16px}
.presentation-logo-card{min-width:0;border:1px solid #deddd7;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.presentation-logo-disc{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff 35%,#e3f4f6);border:1px solid #deddd7;margin-bottom:8px}
.presentation-logo-disc img{max-width:65px;max-height:58px;object-fit:contain}
.presentation-logo-card small{color:#5d5b53}
.presentation-logo-card form{width:100%}
.presentation-file-label input{max-width:100%;font-size:12px}
.presentation-logo-card .secondary-button{width:100%;justify-content:center}
.presentation-sharing{border-top:1px solid #deddd7;padding-top:24px;margin-top:28px;display:grid;gap:12px}
.presentation-sharing h3,.presentation-sharing p{margin:0}
.presentation-sharing input{width:100%;min-width:0}
.presentation-feedback{color:#00778f}
.presentation-settings .button-row{flex-wrap:wrap}
@keyframes presentation-cue-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .presentation{min-height:580px}
 .presentation-header{padding:22px 22px;gap:16px;flex-wrap:wrap}
 .presentation-wordmark{font-size:25px}
 .presentation-customer-name{padding-left:16px;max-width:60%;font-size:12px}
 .presentation-edition{display:none}
 .presentation-theatre{min-height:400px}
 .presentation-story{padding-top:32px}
 .presentation-ending{padding:24px}
 .presentation-footer{padding:12px 22px 20px;flex-wrap:wrap;gap:6px}
 .presentation-controls{justify-content:space-between;width:100%;gap:12px}
 .presentation-logo-grid{grid-template-columns:1fr}
 .presentation.is-static .presentation-scene{height:160px}
 .presentation.is-static .presentation-story{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.presentation *{animation:none!important;transition:none!important}}
