#certos-opening{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:0;overflow:hidden;background:#07192d;color:#f4faf8;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;opacity:1;transition:opacity .45s ease,filter .45s ease}
  #certos-opening::backdrop{background:#07192d}
  #certos-opening .co-stage{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 40%,#153b60 0,transparent 65%),#07192d}
  #certos-opening .co-video{position:absolute;inset:0;display:grid;place-items:center;background:#020504;opacity:1;transition:opacity .65s ease}
  #certos-opening video{display:block;width:100%;height:100%;max-width:1440px;max-height:100%;object-fit:contain}
  #certos-opening .co-brand{position:relative;text-align:center;max-width:660px;opacity:0;transform:translateY(14px) scale(.985);filter:blur(7px);transition:opacity .75s ease,transform .75s ease,filter .75s ease}
  #certos-opening .co-monogram{position:relative;margin:0 auto 26px;width:100px;height:100px;border:1px solid #00d45f35;border-radius:28px;box-shadow:0 0 72px #00d45f18,0 18px 50px #0003;overflow:hidden;background:#000}
  #certos-opening .co-monogram img{position:absolute;width:157%;height:157%;max-width:none;left:-28.5%;top:-28.5%;object-fit:cover}
  #certos-opening .co-kicker{margin:0 0 15px;font-size:10px;font-weight:650;letter-spacing:.3em;color:#85b7b2}
  #certos-opening h1{font-size:clamp(56px,11vw,104px);font-weight:650;line-height:1;letter-spacing:-.065em;margin:0 0 22px}
  #certos-opening .co-tagline{font-size:clamp(16px,3.5vw,23px);font-weight:400;line-height:1.5;color:#c1d3df;margin:0;text-wrap:balance}
  #certos-opening .co-line{width:48px;height:2px;background:#00d45f;margin:29px auto 0;box-shadow:0 0 16px #00d45f55}
  #certos-opening .co-footer{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.16em;color:#abc0cf;z-index:3}
  #certos-opening .co-skip{font:inherit;letter-spacing:.04em;color:#e2edf3;border:1px solid #74899b55;background:#07192dbb;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer}
  #certos-opening .co-skip:focus-visible{outline:2px solid #00d45f;outline-offset:5px}
  #certos-opening .co-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff10;z-index:4}
  #certos-opening .co-progress:after{content:'';display:block;width:100%;height:100%;background:#00d45f;transform-origin:left;animation:co-progress 5.8s linear both}
  #certos-opening[data-stage=brand] .co-video{opacity:0;pointer-events:none}
  #certos-opening[data-stage=brand] .co-brand{opacity:1;transform:none;filter:none}
  #certos-opening[data-stage=exit]{opacity:0;filter:blur(4px);pointer-events:none}
  @keyframes co-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @media(max-width:600px){#certos-opening .co-footer{left:22px;right:22px;font-size:9px}#certos-opening .co-monogram{width:86px;height:86px;border-radius:24px}}
  @media(prefers-reduced-motion:reduce){#certos-opening,#certos-opening *{transition:none!important;animation:none!important}#certos-opening .co-video{display:none}#certos-opening .co-brand{opacity:1;transform:none;filter:none}}