:root{--navy:#152039;--green:#14824f;--muted:#607087;--paper:#f7f9fb;--line:#dfe5ec}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.top{border-bottom:1px solid var(--line);background:#fff}
.top-inner{width:min(1200px,calc(100% - 36px));margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.06em}
.logo span{color:var(--green)}
.top-link{color:var(--green);font-size:clamp(15px,2vw,21px);font-weight:800}
.hero{min-height:calc(100vh - 93px);display:grid;place-items:center;padding:48px 18px 62px}
.hero-inner{width:min(920px,100%);text-align:center}
.eyebrow{color:var(--green);font-size:clamp(12px,1.2vw,15px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-.065em;margin:0 auto;max-width:900px}
.hero h1 em{font-style:normal;color:var(--green)}
.subheadline{font-size:clamp(18px,1.55vw,22px);line-height:1.4;color:var(--muted);max-width:700px;margin:24px auto 0}
.video-frame{width:min(100%,540px);aspect-ratio:1;margin:28px auto 0;padding:6px;border:1px solid #2b3a50;border-radius:25px;background:#111b2b;box-shadow:0 18px 42px rgba(14,27,49,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.video-frame-inner{height:100%;position:relative;overflow:hidden;border-radius:19px;background:#080f1c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.preview-video,.presentation-video{width:100%;height:100%;display:block;object-fit:cover}
.watch-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(20,130,79,.96);color:#fff;padding:15px 24px;font:800 16px Arial,sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.28);white-space:nowrap;cursor:pointer;z-index:2}
.watch-button:hover{filter:brightness(1.08);transform:translate(-50%,-50%) scale(1.03)}
.watch-button:disabled{cursor:wait;filter:none;transform:translate(-50%,-50%)}
.player-stage{position:absolute;inset:0;background:#000}
.player-stage[hidden]{display:none}
.player-stage.is-loading{opacity:0;pointer-events:none}
.video-error{position:absolute;left:12px;right:12px;bottom:14px;margin:0;color:#fff;font-size:13px;line-height:1.4;text-align:center;text-shadow:0 1px 4px #000;z-index:3}
.presentation-video{position:absolute;inset:0;object-fit:contain;background:#000}
.player-overlay{position:absolute;inset:0;pointer-events:none}
.video-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;background:rgba(20,130,79,.65);color:#fff;opacity:0;transition:opacity .12s linear}
.video-state svg{width:21px;height:21px;display:none}
.player-stage.controls-visible .video-state{opacity:1}
.player-stage.controls-visible .pause-icon{display:block}
.player-stage.is-paused .video-state{opacity:1}
.player-stage.is-paused .pause-icon{display:none}
.player-stage.is-paused .play-icon{display:block}
.skip-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;opacity:0;transition:opacity .12s linear}
.player-stage.controls-visible .skip-controls{opacity:1}
.skip-button{min-width:58px;min-height:44px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(20,28,40,.58);color:#fff;padding:7px 9px;font:700 12px Arial,sans-serif;cursor:pointer;pointer-events:auto}
.skip-button:active{background:rgba(20,130,79,.85)}
.progress-track{position:absolute;left:12px;right:12px;bottom:10px;height:4px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:99px;background:#39d98a;box-shadow:0 0 8px rgba(57,217,138,.55);transition:width .08s linear}
.hero-action{display:inline-block;background:var(--green);color:#fff;border-radius:10px;padding:14px 21px;margin-top:26px;font-size:16px;line-height:1.2;font-weight:800;min-height:44px}
.hero-action:hover{filter:brightness(1.08)}
@media(max-width:620px){
  .top-inner{min-height:75px;width:min(100% - 28px,520px)}
  .top-link{font-size:13px}
  .hero{min-height:calc(100vh - 76px);padding:54px 14px 70px}
  .hero-inner{width:min(100%,520px)}
  .eyebrow{letter-spacing:.1em;margin-bottom:18px}
  .hero h1{font-size:clamp(38px,11vw,52px);line-height:1.02}
  .subheadline{font-size:18px;margin-top:24px}
  .video-frame{width:min(100%,360px);border-radius:21px;padding:5px}
  .video-frame-inner{border-radius:16px}
  .watch-button{font-size:14px;padding:14px 20px}
  .hero-action{display:block;width:100%;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-action:hover,.watch-button:hover{filter:none;transform:translate(-50%,-50%)}}