.yt-demo{width:100%;position:relative}.yt-concept-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-cm-amber);border:1px solid color-mix(in srgb, var(--color-cm-amber) 40%, transparent);border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;gap:.375rem;margin-bottom:.875rem;padding:.25rem .625rem;font-size:.575rem;font-weight:600;display:inline-flex}.yt-screen{aspect-ratio:16/9;background:var(--color-cm-ink);border-radius:var(--radius-card);border:1px solid #ffffff12;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 24px 80px #0000008c,0 0 120px #c400dd14}.yt-scan-line{pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000006 2px 4px);position:absolute;inset:0}.yt-scene{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:clamp(1rem,3vw,1.75rem) clamp(1.25rem,3.5vw,2rem);transition:opacity .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0}.yt-scene.is-active{opacity:1}.yt-scene--hook{background:radial-gradient(at 20%,#1a0035 0%,#080028 55%,#0e001a 100%)}.yt-scene--brand{background:radial-gradient(at 75% 30%,#3d0047 0%,#080028 55%,#1a0035 100%)}.yt-scene--message{background:radial-gradient(at 30% 70%,#0a2040 0%,#080028 55%,#120a3a 100%)}.yt-scene--cta{background:radial-gradient(at 60% 40%,#1a0035 0%,#080028 60%,#0a0a20 100%)}.yt-tc{font-family:var(--font-mono);color:#ffffff47;letter-spacing:.06em;margin-bottom:.625rem;font-size:.6rem;display:block}.yt-phase{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-cm-amber);text-transform:uppercase;margin-bottom:.875rem;font-size:.5rem;font-weight:700;display:block}.yt-headline{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;max-width:22ch;font-size:clamp(1rem,3.2vw,1.55rem);font-weight:700;line-height:1.18}.yt-headline--sm{max-width:28ch;font-size:clamp(.8rem,2.2vw,1.05rem);font-weight:600;line-height:1.35}.yt-logotype{font-family:var(--font-display);letter-spacing:-.045em;color:#fff;margin-bottom:.5rem;font-size:clamp(1.35rem,4.5vw,2.4rem);font-weight:800;line-height:1}.yt-logotype em{color:var(--color-cm-violet-light);font-style:normal}.yt-sub{font-family:var(--font-mono);color:#ffffff61;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem}.yt-cta-text{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin-bottom:.875rem;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700}.yt-cta-chip{background:var(--color-cm-violet);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-sm);padding:.3rem .7rem;font-size:.6rem;font-weight:600;display:inline-block}.yt-skip-indicator{font-family:var(--font-sans);color:#ffffff8c;z-index:11;background:#00000073;border:1px solid #ffffff2e;border-radius:2px;padding:.2rem .45rem;font-size:.6rem;position:absolute;bottom:2.25rem;right:.875rem}.yt-skip-count{color:var(--color-cm-amber);font-weight:700}.yt-progress{z-index:20;background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.yt-progress-fill{background:linear-gradient(90deg, var(--color-cm-violet), var(--color-cm-violet-light));width:25%;height:100%;transition:width .35s linear}.yt-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.875rem;display:flex}.yt-play-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s;display:flex}.yt-play-btn:hover{background:#ffffff1f}.yt-play-btn:focus-visible{outline:2px solid var(--color-cm-violet-light);outline-offset:2px}.yt-play-btn .icon-pause,.yt-play-btn.is-playing .icon-play{display:none}.yt-play-btn.is-playing .icon-pause{display:block}.yt-tabs{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.yt-tab{font-family:var(--font-mono);letter-spacing:.05em;color:#ffffff61;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:4px;padding:.25rem .5rem;font-size:.575rem;font-weight:600;line-height:1.4;transition:all .2s}.yt-tab:hover{color:#ffffffbf;border-color:#ffffff2e}.yt-tab.is-active{color:#fff;border-color:var(--color-cm-violet);background:#c400dd2e}.yt-tab:focus-visible{outline:2px solid var(--color-cm-violet-light);outline-offset:2px}.yt-tab-time{color:#ffffff47;margin-left:.2em;font-size:.525rem}.yt-tab.is-active .yt-tab-time{color:#ffffff73}.yt-disclaimer{font-family:var(--font-mono);color:#ffffff38;letter-spacing:.06em;text-align:right;margin-top:.625rem;font-size:.55rem}.adtl{margin-bottom:4rem}.adtl-bar{border-radius:3px;gap:2px;height:5px;margin-bottom:.625rem;display:flex;overflow:hidden}.adtl-seg{border-radius:2px}.adtl-seg--hook{background:var(--color-cm-amber)}.adtl-seg--brand{background:var(--color-cm-violet)}.adtl-seg--proof{background:#c400dd61}.adtl-seg--cta{background:var(--color-cm-cyan)}.adtl-labels{font-family:var(--font-mono);color:#ffffff4d;letter-spacing:.07em;text-transform:uppercase;font-size:.575rem;display:flex}.adphases{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.adphases{grid-template-columns:1fr 1fr}}@media (width>=1024px){.adphases{gap:3.5rem}}.adphase{align-items:flex-start;gap:1.5rem;display:flex}.adphase-num{font-family:var(--font-display);letter-spacing:-.05em;color:#ffffff0f;user-select:none;flex-shrink:0;min-width:2.75rem;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;line-height:1}.adphase h4{color:#fff;margin-bottom:.625rem}.adphase p{font-size:.9375rem;line-height:1.65}.fmts{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem;display:grid}@media (width>=1024px){.fmts{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (width<=639px){.fmts{grid-template-columns:1fr}}.fmt-card{flex-direction:column;gap:1.25rem;display:flex}.fmt-card--center .fmt-screen{margin:0 auto}.fmt-screen{background:var(--color-cm-ink);border-radius:calc(var(--radius-card) * .75);border:1px solid #ffffff0f;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000059}.fmt-screen--wide{aspect-ratio:16/9;width:100%}.fmt-screen--tall{aspect-ratio:9/16;width:112px;height:200px}.fmt-screen--ctv{aspect-ratio:16/9;border-width:2px;border-color:#ffffff24;width:100%;box-shadow:0 4px #00000059,0 12px 40px #00000059}.fmt-inner{background:linear-gradient(135deg,#0d0030 0%,#080028 60%,#120a3a 100%);flex-direction:column;justify-content:center;padding:clamp(.625rem,3%,1rem) clamp(.75rem,4%,1.25rem);display:flex;position:absolute;inset:0}.fmt-badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-cm-amber);text-transform:uppercase;margin-bottom:.625rem;font-size:.4rem;font-weight:700;display:block}.fmt-lines{flex-direction:column;gap:.375rem;display:flex}.fmt-lines--vertical{align-items:center}.fmt-line{background:#ffffff24;border-radius:2px;height:2px}.fmt-line--xl{background:#ffffff38;width:80%}.fmt-line--md{width:60%}.fmt-line--sm{background:#ffffff14;width:40%}.fmt-skip-btn{font-family:var(--font-sans);color:#ffffff80;background:#00000073;border:1px solid #ffffff26;border-radius:2px;padding:.15rem .35rem;font-size:.48rem;position:absolute;bottom:.4rem;right:.4rem}.fmt-timer{font-family:var(--font-mono);color:var(--color-cm-amber);background:#0000008c;border-radius:2px;padding:.15rem .35rem;font-size:.55rem;font-weight:700;position:absolute;bottom:.4rem;right:.4rem}.fmt-info h4{font-size:var(--font-size-h4);color:var(--color-cm-ink);margin-bottom:.5rem}.fmt-info p{color:var(--color-cm-slate);margin-bottom:.875rem;font-size:.875rem;line-height:1.65}.fmt-specs{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.fmt-specs li{font-family:var(--font-mono);color:var(--color-cm-violet);letter-spacing:.04em;padding-left:.9em;font-size:.6rem;position:relative}.fmt-specs li:before{content:"—";color:#0000002e;position:absolute;left:0}@media (prefers-reduced-motion:reduce){.yt-scene{position:relative;opacity:1!important;transition:none!important}.yt-screen{aspect-ratio:auto;border-radius:var(--radius-card);background:#ffffff0d;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.yt-scene{min-height:8rem;padding:1rem}.yt-progress,.yt-scan-line,.yt-play-btn{display:none}}