.watch-root :focus-visible{outline:2px solid var(--glow);outline-offset:3px}.watch-root .w-hero{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(32px,5vw,64px);padding-bottom:56px}.watch-root .w-hero:before{content:"";position:absolute;inset:-20% -10% auto;height:70%;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--color-primary) 28%,transparent),transparent 60%);pointer-events:none}.watch-root .w-hero>*{position:relative}.watch-root .w-hero h1{font-weight:700;font-size:clamp(36px,5.4vw,80px);line-height:.98;letter-spacing:-.045em;max-width:1000px;text-wrap:balance}.watch-root .w-hero h1 em{font-family:var(--font-dm-serif);font-weight:400;font-style:italic;color:var(--glow);letter-spacing:-.02em}.watch-root .w-promise{margin-top:20px;max-width:820px;font-size:clamp(16px,1.6vw,21px);line-height:1.45;color:var(--off)}.watch-root .w-promise span{white-space:nowrap}@media (max-width:520px){.watch-root .w-promise span{white-space:normal;display:block}}.watch-root .w-poster{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:block;width:min(820px,100%);margin-top:clamp(24px,3vw,36px);aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--rule);box-shadow:var(--fokiis-shadow-md);transition:transform .3s ease-out,border-color .3s ease-out}.watch-root .w-poster:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--rule))}.watch-root .w-poster:focus-visible{outline:2px solid var(--glow);outline-offset:4px}.watch-root .w-poster img{display:block}.watch-root .w-loop,.watch-root .w-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.watch-root .w-loop{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease-out}.watch-root .w-poster[data-looping] .w-loop{opacity:1}.watch-root .w-poster:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,color-mix(in srgb,var(--deep) 80%,transparent) 55%,color-mix(in srgb,var(--deep) 94%,transparent));opacity:0;pointer-events:none;transition:opacity .6s ease-out}.watch-root .w-poster[data-looping]:after{opacity:1}.watch-root .w-poster-cta{z-index:1;position:absolute;left:0;right:0;bottom:7%;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.watch-root .w-play{width:clamp(48px,7vw,72px);aspect-ratio:1;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;flex:none;box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary) 22%,transparent);transition:box-shadow .3s ease-out}.watch-root .w-poster:hover .w-play{box-shadow:0 0 0 13px color-mix(in srgb,var(--color-primary) 18%,transparent)}.watch-root .w-play svg{width:34%;margin-left:8%;fill:var(--white)}.watch-root .w-poster-label{display:flex;flex-direction:column;gap:2px}.watch-root .w-poster-label b{font-size:clamp(16px,2vw,24px);letter-spacing:-.01em;color:var(--white)}.watch-root .w-poster-label small{font-size:clamp(11px,1.2vw,13px);color:var(--light)}.watch-root .w-chapters{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.watch-root .w-chapters button{cursor:pointer;font-size:13px;color:var(--light);background:none;border:1px solid var(--rule);border-radius:999px;padding:6px 12px;transition:color .2s ease-out,border-color .2s ease-out}.watch-root .w-chapters button:hover{color:var(--white);border-color:var(--light)}.watch-root .w-chapters time{color:var(--muted);margin-left:2px;font-variant-numeric:tabular-nums}.watch-root .w-alt{margin-top:22px;font-size:14px;color:var(--light)}.watch-root .w-alt button{cursor:pointer;background:none;border:0;padding:0;font:inherit;color:var(--glow);font-weight:600}.watch-root .w-alt button:hover{text-decoration:underline}.watch-root .w-foot{border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:13px;color:var(--muted)}.watch-root .w-foot a{color:var(--light)}.watch-root .w-foot a:hover{color:var(--white)}.watch-root .w-dialog{margin:auto;padding:0;border:0;background:transparent;color:var(--white);width:min(1100px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);overflow:visible}.watch-root .w-dialog::backdrop{background:rgba(5,10,20,.82);backdrop-filter:blur(8px)}.watch-root .w-sheet{position:relative;max-height:calc(100vh - 32px);overflow:auto;background:var(--dark);border:1px solid var(--rule);border-radius:16px}.watch-root .w-close{position:absolute;top:10px;right:10px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid var(--rule);background:rgba(13,22,40,.8);cursor:pointer;font-size:20px;line-height:1;color:var(--off);transition:color .2s ease-out,border-color .2s ease-out}.watch-root .w-close:hover{color:var(--white);border-color:var(--light)}.watch-root .w-stage{position:relative;aspect-ratio:16/9;background:var(--deep);border-radius:16px 16px 0 0;overflow:hidden}.watch-root .w-stage video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.watch-root .w-stage video::cue{font-family:var(--font-dm-sans),sans-serif;font-size:clamp(14px,1.9vw,22px);line-height:1.35;background:rgba(5,10,20,.7);color:var(--white)}.watch-root .w-end{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 30% 20%,var(--panel),var(--dark) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px}.watch-root .w-end h3{font-weight:700;font-size:clamp(24px,3.6vw,44px);line-height:1.05;letter-spacing:-.03em;max-width:720px;text-wrap:balance}.watch-root .w-end h3 em{font-family:var(--font-dm-serif);font-weight:400;font-style:italic;color:var(--glow)}.watch-root .w-end p{color:var(--light);font-size:13px}.watch-root .w-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.watch-root .w-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;text-decoration:none;transition:background-color .2s ease-out,border-color .2s ease-out}.watch-root .w-btn-primary{background:var(--color-primary);color:var(--white);border:0}.watch-root .w-btn-primary:hover{background:color-mix(in srgb,var(--color-primary) 85%,var(--deep))}.watch-root .w-btn-ghost{background:transparent;border:1px solid var(--rule);color:var(--off)}.watch-root .w-btn-ghost:hover{border-color:var(--light)}.watch-root .w-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--rule);font-size:13px;color:var(--light)}.watch-root .w-ctl{cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:0;background:none;color:var(--off);flex:none;transition:background-color .2s ease-out}.watch-root .w-ctl:hover{background:var(--panel)}.watch-root .w-ctl svg{width:14px;fill:currentColor}.watch-root .w-cc{width:auto;height:24px;padding:0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;border:1px solid var(--rule)}.watch-root .w-cc[aria-pressed=false]{color:var(--muted)}.watch-root .w-time{font-variant-numeric:tabular-nums;flex:none}.watch-root .w-bar{position:relative;flex:1;min-width:0;height:24px;display:flex;align-items:center}.watch-root .w-bar input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.watch-root .w-bar input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--glow) var(--pct,0),var(--rule) var(--pct,0))}.watch-root .w-bar input::-moz-range-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--glow) var(--pct,0),var(--rule) var(--pct,0))}.watch-root .w-bar input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--white);border:0}.watch-root .w-bar input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--white);border:0}.watch-root .w-tick{position:absolute;top:8px;width:2px;height:8px;margin-left:-1px;border-radius:999px;background:var(--light);pointer-events:none}.watch-root .w-plans{padding:clamp(28px,4vw,44px) clamp(16px,4vw,44px) 32px;text-align:center}.watch-root .w-plans h2{font-family:var(--font-dm-serif);font-weight:400;font-size:clamp(28px,3.6vw,48px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.watch-root .w-plans h2 em{color:var(--glow)}.watch-root .w-sub{margin:10px auto 0;color:var(--light);max-width:560px;font-size:15px}.watch-root .w-toggle{display:inline-flex;margin-top:20px;border:1px solid var(--rule);border-radius:999px;padding:3px}.watch-root .w-toggle button{cursor:pointer;border:0;background:none;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--light);transition:background-color .2s ease-out,color .2s ease-out}.watch-root .w-toggle button[aria-pressed=true]{background:var(--panel);color:var(--white)}.watch-root .w-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px auto 0;max-width:940px;text-align:left;border:0;padding:0;min-width:0}@media (max-width:760px){.watch-root .w-plan-grid{grid-template-columns:1fr}}.watch-root .w-plan{cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--rule);transition:border-color .2s ease-out,background-color .2s ease-out}.watch-root .w-plan:hover{border-color:var(--light)}.watch-root .w-plan[data-checked]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--panel));box-shadow:0 0 0 1px var(--color-primary)}.watch-root .w-plan:has(input:focus-visible){outline:2px solid var(--glow);outline-offset:3px}.watch-root .w-name{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glow);display:flex;justify-content:space-between;align-items:center;gap:8px}.watch-root .w-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--rule);flex:none}.watch-root .w-plan[data-checked] .w-radio{border-color:var(--color-primary);background:radial-gradient(circle,var(--color-primary) 45%,transparent 50%)}.watch-root .w-price{font-family:var(--font-dm-serif);font-style:italic;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.watch-root .w-price small{font-family:var(--font-dm-sans);font-style:normal;font-size:14px;color:var(--light)}.watch-root .w-save{font-size:12px;font-weight:600;color:var(--green);min-height:18px}.watch-root .w-plan ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--light)}.watch-root .w-plan li:before{content:"✓";color:var(--glow);font-weight:700;margin-right:8px}.watch-root .w-badge{position:absolute;top:-11px;left:22px;background:var(--color-primary);color:var(--white);font-size:var(--text-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:999px}.watch-root .w-plan-cta{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.watch-root .w-fine{font-size:13px;color:var(--muted)}.watch-root .w-back{cursor:pointer;border:0;background:none;font-size:13px;color:var(--light);transition:color .2s ease-out}.watch-root .w-back:hover{color:var(--white)}@media (max-width:640px){.watch-root .w-poster{aspect-ratio:auto;background:var(--panel)}.watch-root .w-loop,.watch-root .w-poster img{height:auto;aspect-ratio:16/9}.watch-root .w-loop{bottom:auto}.watch-root .w-poster:after{display:none}.watch-root .w-poster-cta{position:static;justify-content:flex-start;padding:14px 16px}.watch-root .w-dialog{width:100%;height:100%;max-height:none;margin:0}.watch-root .w-sheet{height:100%;max-height:none;border-radius:0;border:0;display:flex;flex-direction:column}.watch-root .w-player:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column}.watch-root .w-stage{flex:1;aspect-ratio:auto;min-height:0;border-radius:0}.watch-root .w-close{top:max(10px,env(safe-area-inset-top))}.watch-root .w-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}.watch-root .w-time{font-size:12px}}@media (prefers-reduced-motion:reduce){.watch-root *,.watch-root :after,.watch-root :before{transition-duration:.01ms!important}.watch-root .w-poster:hover{transform:none}}