*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f5f6;--ink:#172224;--teal:#00a9be;--teal-soft:#00a9be29;--slate:#737c80;--line:#17222412}html,body{height:100%}body{background-color:var(--bg);color:var(--ink);font-family:Inter,sans-serif;overflow:hidden}.main-container{background:var(--bg);width:100vw;height:100dvh;position:relative;overflow:hidden}.ambient{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient__grid{background-image:radial-gradient(var(--line) 1px, transparent 1px);opacity:.5;background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 75%);mask-image:radial-gradient(circle,#000 0%,#0000 75%)}.ambient__glow{background:radial-gradient(circle, var(--teal-soft), transparent 70%);filter:blur(30px);will-change:transform, opacity;width:min(70vw,900px);height:min(70vw,900px);animation:8s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}@keyframes breathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.video-wrapper{z-index:2;opacity:0;justify-content:center;align-items:center;padding:clamp(14px,3vw,32px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:scale(.97)}.video-wrapper.is-visible{opacity:1;transform:scale(1)}.video-frame{z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:clamp(10px,1.4vw,18px);width:min(90vw,1320px,145.778dvh);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #17222459,0 0 0 1px #1722240f,0 0 70px -18px #00a9be47}.video-frame__chrome{background:#fff;border-bottom:1px solid #17222412;align-items:center;gap:12px;height:clamp(28px,3.6vw,40px);padding:0 clamp(12px,1.6vw,18px);display:flex}.video-frame__dots{flex-shrink:0;gap:6px;display:flex}.video-frame__dot{border-radius:50%;width:clamp(6px,.7vw,8px);height:clamp(6px,.7vw,8px)}.video-frame__dot--a{background:#ec6a5e}.video-frame__dot--b{background:#f4bf4f}.video-frame__dot--c{background:#61c454}.video-frame__address{background:var(--bg);color:var(--slate);letter-spacing:.02em;border-radius:999px;align-items:center;gap:7px;margin-left:4px;padding:clamp(3px,.5vw,5px) clamp(9px,1.2vw,13px);font-size:clamp(.64rem,1vw,.76rem);display:flex}.video-frame__pulse{background:var(--teal);border-radius:50%;width:5px;height:5px;animation:2.6s ease-in-out infinite pulseDot;box-shadow:0 0 #00a9be80}@keyframes pulseDot{0%{box-shadow:0 0 #00a9be73}70%{box-shadow:0 0 0 5px #00a9be00}to{box-shadow:0 0 #00a9be00}}.video-frame__stage{aspect-ratio:16/9;width:100%;position:relative}.responsive-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sound-toggle{z-index:2;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#17222473;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(34px,4vw,42px);height:clamp(34px,4vw,42px);transition:background .2s,transform .2s;display:flex;position:absolute;bottom:clamp(10px,1.6vw,18px);right:clamp(10px,1.6vw,18px)}.sound-toggle svg{width:46%;height:46%}.sound-toggle:hover{background:#172224a6;transform:scale(1.06)}.sound-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ambient__glow,.video-frame__pulse,.video-wrapper,.sound-toggle{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}