/* Confirmed intro; styles isolated from the existing page. */
.sc-intro { position:relative; isolation:isolate; overflow:clip; background:var(--bg-primary); color:#fff; }
.sc-intro__inner { position:relative; max-width:1440px; min-height: max(780px, 100svh); margin:auto; padding:150px 100px 120px 60px; display:grid; grid-template-columns:1.35fr 1fr; align-items:center; gap:64px; }
.sc-intro__backdrop { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 78% 42%,rgba(59,107,255,.13),transparent 52%); }
.sc-intro__eyebrow { color:var(--brand-light); font-size:20px; font-weight:700; line-height:30px; letter-spacing:-.25px; margin-bottom:12px; }
.sc-intro h1 { font-size:clamp(38px,4.05vw,60px); line-height:1.19; font-weight:800; letter-spacing:-.055em; word-break:keep-all; margin:0; }
.sc-intro h1 > span { color:var(--brand-light); }
.sc-intro__description { margin-top:28px; font-size:17px; line-height:1.85; color:#b1b3bc; word-break:keep-all; }
.sc-intro__mobile-break { display:none; }
.sc-intro__actions { display:flex; align-items:center; gap:24px; margin-top:34px; }
.sc-intro__primary { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:18px 25px; background:var(--brand); color:#fff; border:0; border-radius:10px; font:700 16px var(--font); cursor:pointer; transition:background .25s,transform .25s; }
.sc-intro__secondary { font-size:15px; font-weight:600; display:inline-flex; gap:16px; padding:14px 0; border-bottom:1px solid #4c4c52; }
.sc-intro__primary:hover { background:var(--brand-light); transform:translateY(-2px); }
.sc-intro :is(a,button):focus-visible { outline:2px solid var(--brand-light); outline-offset:5px; }
.sc-intro__facts { margin-top:52px; display:flex; gap:28px; }
.sc-intro__facts > * { display:flex; flex-direction:column; gap:8px; }
.sc-intro__facts strong { font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-.04em; }
.sc-intro__facts strong span { color:var(--brand-light); }
.sc-intro__facts > * > span { color:#92949f; font-size:12px; line-height:1.5; }
.sc-intro__visual { position:relative; width:100%; max-width:400px; justify-self:center; padding:0 34px; }
.sc-intro__frame { position:relative; aspect-ratio:9/15; border:1px solid #424859; border-radius:24px; overflow:hidden; background:#111; box-shadow:0 32px 90px #0008; }
.sc-intro__frame > img { width:100%; height:100%; object-fit:cover; filter:saturate(.55); }
.sc-intro__frame::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#080b1455,transparent 35%,#030712ed); pointer-events:none; }
.sc-intro__frame-top { position:absolute; z-index:1; top:22px; left:20px; right:20px; display:flex; justify-content:space-between; gap:8px; font-size:9px; font-weight:700; letter-spacing:.08em; }
.sc-intro__frame-top i { display:inline-block; width:5px; height:5px; background:var(--brand-light); border-radius:50%; margin-right:5px; }
.sc-intro__play { position:absolute; z-index:2; left:50%; top:43%; transform:translate(-50%,-50%); width:58px; height:58px; border:1px solid #ffffff60; background:#ffffff12; backdrop-filter:blur(8px); border-radius:50%; display:grid; place-items:center; transition:background .25s; }
.sc-intro__play:hover { background:var(--brand); }
.sc-intro__frame-bottom { position:absolute; z-index:1; bottom:26px; left:24px; right:24px; }
.sc-intro__frame-bottom > span { font-size:9px; letter-spacing:.12em; color:#b7c7ff; }
.sc-intro__frame-bottom p { font-size:26px; line-height:1.3; font-weight:650; letter-spacing:-.04em; margin:12px 0 24px; }
.sc-intro__progress { height:2px; background:#ffffff35; }
.sc-intro__progress span { display:block; width:65%; height:100%; background:var(--brand-light); }
.sc-intro__tag { position:absolute; z-index:2; padding:15px 18px; border:1px solid #ffffff22; border-radius:10px; background:#131722e8; backdrop-filter:blur(14px); box-shadow:0 16px 36px #0004; }
.sc-intro__tag span { display:block; font-size:9px; letter-spacing:.09em; color:var(--brand-light); margin-bottom:4px; }
.sc-intro__tag strong { font-size:14px; font-weight:600; }
.sc-intro__tag--top { right:-6px; top:55px; }
.sc-intro__tag--bottom { left:-14px; bottom:180px; }
.sc-intro__vertical { position:absolute; top:52%; right:0; writing-mode:vertical-rl; font-size:9px; letter-spacing:.18em; color:#767985; }
.sc-intro__scroll { position:absolute; left:60px; bottom:35px; display:flex; align-items:center; gap:24px; font-size:10px; letter-spacing:.15em; color:#9a9ca6; }
.sc-intro__scroll > span:last-child { font-size:20px; color:#fff; }
@media (max-width:1200px) and (min-width:993px) {
  .sc-intro__inner { padding-left:40px; padding-right:60px; gap:30px; }
  .sc-intro h1 { font-size:42px; }
  .sc-intro__facts { gap:18px; }
  .sc-intro__facts strong { font-size:20px; }
}
@media (max-width:992px) {
  .sc-intro__inner { padding:160px 40px 270px; grid-template-columns:1fr; gap:55px; }
  .sc-intro__copy { max-width:680px; }
  .sc-intro h1 { font-size:clamp(36px,6vw,55px); }
  .sc-intro__visual { max-width:380px; }
  .sc-intro__scroll { left:40px; }

}
@media (max-width:600px) {
  .sc-intro__inner { padding:155px 24px 190px; gap:44px; }
  .sc-intro h1 { font-size:clamp(28px,7.5vw,43px); line-height:1.24; letter-spacing:-.055em; }
  .sc-intro__eyebrow { font-size:16px; line-height:26px; }
  .sc-intro__description { font-size:15px; margin-top:23px; line-height:1.85; }
  .sc-intro__mobile-break { display:block; }
  .sc-intro__actions { gap:16px; flex-wrap:wrap; margin-top:26px; }
  .sc-intro__primary { font-size:14px; padding:16px 18px; gap:18px; }
  .sc-intro__secondary { font-size:13px; gap:8px; }
  .sc-intro__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:34px; width:100%; }
  .sc-intro__facts strong { font-size:17px; white-space:nowrap; }
  .sc-intro__facts > * > span { font-size:10px; word-break:keep-all; }
  .sc-intro__visual { width:100%; max-width:320px; padding:0 26px; }
  .sc-intro__tag { padding:12px; }
  .sc-intro__tag strong { font-size:12px; }
  .sc-intro__tag--bottom { left:0; }
  .sc-intro__frame-bottom p { font-size:24px; }
  .sc-intro__scroll { left:24px; bottom:24px; font-size:9px; gap:12px; }

}
@media (prefers-reduced-motion:reduce) {
  .sc-intro *, .sc-intro *::before, .sc-intro *::after { transition:none !important; animation:none !important; scroll-behavior:auto; }
}


.sc-intro__description strong { color:#fff; font-weight:650; }

/* YouTube channel concept inside a physical phone shell. */
.sc-channel-phone { position:relative; width:100%; max-width:286px; margin:auto; padding:7px; border:1px solid #8b8d93; border-radius:43px; background:linear-gradient(120deg,#a7a9af,#303136 15%,#121315 48%,#777980 85%,#27282d); box-shadow:0 0 0 2px #191a1e,0 32px 70px #0009,inset 0 0 0 2px #ffffff20; }
.sc-channel-phone::before { content:''; position:absolute; left:-4px; top:108px; width:3px; height:54px; border-radius:2px 0 0 2px; background:#777980; box-shadow:0 65px #777980; }
.sc-channel-phone::after { content:''; position:absolute; right:-4px; top:160px; width:3px; height:65px; border-radius:0 2px 2px 0; background:#777980; }
.sc-channel-phone__screen { --phone-bg:#fff; --phone-ink:#161616; --phone-muted:#606060; --phone-line:#0002; container-type:inline-size; position:relative; aspect-ratio:1/2; overflow:hidden; border:1px solid #000; border-radius:35px; background:var(--phone-bg); color:var(--phone-ink); font-family:var(--font); }
.sc-channel-phone__status { height:11cqw; display:flex; align-items:center; justify-content:space-between; padding:0 7cqw; font-size:3.4cqw; font-weight:700; }
.sc-channel-phone__status i { position:absolute; top:3cqw; left:50%; transform:translateX(-50%); width:29cqw; height:7cqw; background:#000; border-radius:99px; }
.sc-channel-phone__status i::after { content:''; position:absolute; right:3cqw; top:2cqw; width:3cqw; height:3cqw; border-radius:50%; background:radial-gradient(circle at 35% 35%,#283751,#080b12 65%); }
.sc-channel-phone__app { display:flex; align-items:center; gap:2cqw; height:11cqw; padding:0 5cqw; font-size:5cqw; letter-spacing:-.04em; }
.sc-channel-phone__youtube { background:#f03; color:#fff; border-radius:2cqw; width:8cqw; height:5.6cqw; display:grid; place-items:center; font-size:3.4cqw; }
.sc-channel-phone__tools { margin-left:auto; font-size:6cqw; }
.sc-channel-phone__identity { padding:0 5cqw; display:flex; gap:3cqw; align-items:center; }
.sc-channel-phone__avatar { display:grid; place-content:center; position:relative; width:14cqw; height:14cqw; border-radius:50%; background:#222; color:#fff; font-size:10cqw; font-weight:800; line-height:1; letter-spacing:-.09em; }
.sc-channel-phone__avatar > span { position:absolute; color:var(--brand); bottom:2cqw; right:3cqw; font-size:10cqw; }
.sc-channel-phone__identity > div { display:grid; gap:1cqw; }
.sc-channel-phone__identity strong { font-size:7cqw; letter-spacing:-.04em; line-height:1.2; }
.sc-channel-phone__identity div > span { font-size:3cqw; color:var(--phone-muted); }
.sc-channel-phone__bio { font-size:3cqw; margin:2cqw 5cqw; color:var(--phone-muted); }
.sc-channel-phone__subscribe { margin:0 5cqw 3cqw; border-radius:99px; padding:2.3cqw; text-align:center; background:var(--phone-ink); color:var(--phone-bg); font-size:3.5cqw; font-weight:700; }
.sc-channel-phone__tabs { display:flex; gap:7cqw; padding:0 5cqw; border-bottom:1px solid var(--phone-line); font-size:3.6cqw; font-weight:600; }
.sc-channel-phone__tabs span { padding:2.5cqw 0; }
.sc-channel-phone__tabs span:first-child { border-bottom:2px solid currentColor; }
.sc-channel-phone__feed { padding:4cqw 4cqw 0; }
.sc-channel-phone__featured { position:relative; height:28cqw; border-radius:2cqw; overflow:hidden; background:#151515; color:white; }
.sc-channel-phone__featured img { width:100%; height:100%; object-fit:cover; object-position:center 40%; opacity:.65; }
.sc-channel-phone__featured::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0009,transparent); }
.sc-channel-phone__featured strong { position:absolute; z-index:1; left:5cqw; bottom:5cqw; font-size:5cqw; line-height:1.25; letter-spacing:-.04em; }
.sc-channel-phone__featured > span { position:absolute; z-index:1; top:4cqw; right:4cqw; font-size:3cqw; }
.sc-channel-phone__shorts-title { font-size:4.7cqw; font-weight:750; margin:3cqw 0; display:flex; justify-content:space-between; }
.sc-channel-phone__shorts-title > span { color:var(--phone-muted); }
.sc-channel-phone__shorts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5cqw; }
.sc-channel-phone__shorts > div { position:relative; height:32cqw; overflow:hidden; border-radius:2cqw; background:#222; }
.sc-channel-phone__shorts img { width:100%; height:100%; object-fit:cover; }
.sc-channel-phone__shorts > div::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 40%,#000b); }
.sc-channel-phone__shorts div > span { position:absolute; z-index:1; bottom:3cqw; left:2cqw; right:2cqw; font-size:3.6cqw; line-height:1.3; font-weight:700; color:#fff; word-break:keep-all; }
.sc-channel-phone__nav { position:absolute; z-index:2; bottom:5cqw; left:0; right:0; display:flex; align-items:center; justify-content:space-around; height:14cqw; background:var(--phone-bg); border-top:1px solid var(--phone-line); font-size:6cqw; }
.sc-channel-phone__nav > span { display:grid; justify-items:center; line-height:1; gap:1cqw; }
.sc-channel-phone__nav small { font-size:2.5cqw; }
.sc-channel-phone__home { position:absolute; z-index:2; bottom:0; left:0; right:0; height:5cqw; background:var(--phone-bg); }
.sc-channel-phone__home::after { content:''; position:absolute; bottom:1.6cqw; left:34%; width:32%; height:1.2cqw; border-radius:99px; background:var(--phone-ink); }
/* The intro slides off as one sheet over the pinned opening globe scene. */
@media (prefers-reduced-motion: no-preference) {
  .sc-intro:has(+ .sc-globe:not(.is-static)) {
    z-index: 2;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 28px 72px rgba(0,0,0,.34);
  }

  .sc-intro + .sc-globe:not(.is-static) {
    --intro-reveal-overlap: 100svh;
    z-index: 1;
    margin-top: calc(-1 * var(--intro-reveal-overlap));
    height: calc(480svh + var(--intro-reveal-overlap));
  }
}
/* Confirmed light YouTube interface and its automatic watch sequence. */
.sc-yt-demo svg { width:20px; height:20px; flex-shrink:0; }
.sc-channel-phone__screen svg { width:6cqw; height:6cqw; }
.sc-yt-demo .sc-channel-phone__identity { margin:5cqw 0 3cqw; }
.sc-yt-demo .sc-channel-phone__avatar { width:22cqw; height:22cqw; font-size:15cqw; }
.sc-yt-demo .sc-channel-phone__avatar > span { font-size:13cqw; right:4cqw; bottom:3cqw; }
.sc-yt-demo .sc-channel-phone__identity strong { font-size:8cqw; }
.sc-yt-demo .sc-channel-phone__identity div > span { font-size:2.8cqw; }
.sc-yt-demo .sc-channel-phone__bio { margin:3cqw 5cqw 4cqw; font-size:3.2cqw; }
.sc-yt-demo .sc-channel-phone__subscribe { padding:3cqw; font-size:4cqw; }
.sc-yt-demo .sc-channel-phone__app { gap:4cqw; }
.sc-yt-tools { display:flex; align-items:center; gap:5cqw; margin-left:auto; }
.sc-yt-tools b { font-size:6cqw; }
.sc-yt-videos { padding:4cqw; }
.sc-yt-video + .sc-yt-video { margin-top:4cqw; }
.sc-yt-video__image { height:47cqw; position:relative; overflow:hidden; border-radius:3cqw; background:#252525; color:#fff; }
.sc-yt-video__image img { width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.sc-yt-video__image::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0009,transparent 85%); }
.sc-yt-video__image > strong { position:absolute; left:4cqw; bottom:6cqw; z-index:1; font-size:6.4cqw; line-height:1.22; letter-spacing:-.04em; }
.sc-yt-video__image > span { position:absolute; right:2cqw; bottom:2cqw; z-index:1; background:#000b; border-radius:1cqw; padding:.6cqw 1cqw; font-size:2.8cqw; }
.sc-yt-video__meta { display:flex; align-items:center; gap:2cqw; padding:3cqw 0 0; }
.sc-yt-avatar { width:9cqw; height:9cqw; border-radius:50%; background:#171717; color:white; font-size:6cqw; font-weight:800; display:inline-grid; place-content:center; flex-shrink:0; }
.sc-yt-video__meta div { display:grid; gap:1cqw; }
.sc-yt-video__meta strong { font-size:3.3cqw; line-height:1.35; }
.sc-yt-video__meta small { font-size:2.8cqw; color:#606060; }
.sc-yt-video__meta b { margin-left:auto; font-size:5cqw; }
.sc-yt-channel { transition:opacity .4s,transform .7s cubic-bezier(.22,1,.36,1); }
.sc-yt-tap { position:absolute; z-index:2; top:53%; left:56%; width:9cqw; height:12cqw; pointer-events:none; opacity:0; transform-origin:0 0; }
.sc-yt-tap svg { display:block; width:100%; height:100%; filter:drop-shadow(0 1cqw 1.5cqw #0006); }
.sc-yt-tap::after { content:''; position:absolute; left:.75cqw; top:.75cqw; width:15cqw; height:15cqw; border:1.5px solid white; border-radius:50%; opacity:0; transform:translate(-50%,-50%) scale(.3); }
[data-yt-phase="tap"] .sc-yt-tap { animation:sc-yt-mouse-click .6s both; }
[data-yt-phase="tap"] .sc-yt-tap::after { animation:sc-yt-click-ring .6s both; }
@keyframes sc-yt-mouse-click {
  0% { opacity:0; transform:translate(14cqw,18cqw); }
  18% { opacity:1; }
  55%, 68% { opacity:1; transform:translate(0,0) scale(1); }
  79% { opacity:1; transform:translate(.4cqw,.6cqw) scale(.84); }
  94%, 100% { opacity:1; transform:translate(0,0) scale(1); }
}
@keyframes sc-yt-click-ring {
  0%, 68% { opacity:0; transform:translate(-50%,-50%) scale(.3); }
  79% { opacity:.85; transform:translate(-50%,-50%) scale(.45); }
  100% { opacity:0; transform:translate(-50%,-50%) scale(1); }
}
.sc-yt-watch { position:absolute; z-index:1; inset:11cqw 0 19cqw; background:#111; color:white; overflow:hidden; opacity:0; transform:translateY(12%) scale(.94); transform-origin:50% 60%; transition:opacity .45s,transform .75s cubic-bezier(.22,1,.36,1); }
[data-yt-phase="watch"] .sc-yt-watch { opacity:1; transform:none; }
[data-yt-phase="watch"] .sc-yt-channel { opacity:0; transform:scale(.95); }
.sc-yt-watch__bar { position:absolute; z-index:3; top:0; left:0; right:0; display:flex; align-items:center; gap:4cqw; padding:5cqw; background:linear-gradient(#0008,transparent); font-size:5.4cqw; font-weight:650; }
.sc-yt-watch__bar svg:last-child { margin-left:auto; }
.sc-yt-watch__film { position:absolute; inset:0; overflow:hidden; }
.sc-yt-watch__film > img { width:100%; height:100%; object-fit:cover; object-position:47% center; transform:scale(1); }
.sc-yt-watch__film > video { width:100%; height:100%; object-fit:cover; object-position:47% center; }
[data-yt-phase="watch"] .sc-yt-watch__film > img { animation:sc-yt-film 9s linear both; }
.sc-yt-watch__film::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 35%,#0005 65%,#000d); }
.sc-yt-watch__caption { position:absolute; z-index:1; top:56%; left:6cqw; right:15cqw; font-size:7cqw; line-height:1.35; font-weight:750; letter-spacing:-.04em; text-shadow:0 2px 12px #0009; }
.sc-yt-watch__caption strong { color:#fff; }
.sc-yt-watch__rail { position:absolute; z-index:2; right:3cqw; bottom:31cqw; display:grid; gap:6cqw; }
.sc-yt-watch__rail > span { display:grid; justify-items:center; gap:2cqw; }
.sc-yt-watch__rail svg { width:8cqw; height:8cqw; filter:drop-shadow(0 1px 3px #0007); }
.sc-yt-watch__rail small { font-size:3cqw; font-variant-numeric:tabular-nums; }
.sc-yt-reaction-zoom { position:absolute; z-index:5; top:42%; right:-52px; width:108px; padding:22px 12px; display:grid; gap:22px; border:1px solid rgba(255,255,255,.32); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%),rgba(255,255,255,.1); box-shadow:0 24px 64px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22); backdrop-filter:blur(24px) saturate(125%); -webkit-backdrop-filter:blur(24px) saturate(125%); color:#fff; pointer-events:none; opacity:0; visibility:hidden; transform:translate(-38px,0) scale(.42); transform-origin:left center; transition:opacity .3s,transform .55s cubic-bezier(.22,1,.36,1),visibility .55s; }
.sc-yt-reaction-zoom > span { display:grid; justify-items:center; gap:8px; }
.sc-yt-reaction-zoom svg { width:32px; height:32px; }
.sc-yt-reaction-zoom small { font-size:17px; line-height:1.2; font-weight:700; font-variant-numeric:tabular-nums; }
.sc-yt-reaction-zoom > span:last-child small { font-size:13px; font-weight:500; color:#d6d8df; }
.is-reaction-zoom .sc-yt-reaction-zoom { opacity:1; visibility:visible; transform:translate(0,0) scale(1); }
.sc-yt-watch__rail { transition:opacity .3s; }
.is-reaction-zoom .sc-yt-watch__rail { opacity:.2; }
@media (max-width:992px) {
  .sc-yt-reaction-zoom { top:40%; right:13px; width:76px; padding:17px 8px; gap:17px; border-radius:18px; transform:translate(10px,0) scale(.5); transform-origin:right center; }
  .sc-yt-reaction-zoom svg { width:27px; height:27px; }
  .sc-yt-reaction-zoom small { font-size:15px; }
}
.sc-yt-watch__info { position:absolute; z-index:2; bottom:6cqw; left:5cqw; right:5cqw; }
.sc-yt-watch__info > strong { display:flex; align-items:center; gap:2cqw; font-size:4cqw; }
.sc-yt-watch__info b { font-size:3cqw; background:white; color:#111; padding:2cqw 3cqw; border-radius:9cqw; }
.sc-yt-watch__info p { margin:3cqw 0 2cqw; font-size:3.5cqw; }
.sc-yt-watch__info > small { color:#ddd; font-size:3cqw; }
.sc-yt-watch__progress { position:absolute; z-index:3; bottom:0; left:0; right:0; height:1cqw; background:#ffffff50; }
.sc-yt-watch__progress i { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:#f03; }
[data-yt-phase="watch"] .sc-yt-watch__progress i { animation:sc-yt-progress 9s linear both; }
.sc-yt-demo__note { position:absolute; bottom:-26px; left:0; right:0; text-align:center; color:#888; font-size:10px; }
@keyframes sc-yt-film { to { transform:scale(1.09); } }
@keyframes sc-yt-progress { to { transform:scaleX(1); } }
.sc-yt-demo.is-paused *, .sc-yt-demo.is-paused *::after { animation-play-state:paused !important; }


@media (prefers-reduced-motion:reduce) {
 .sc-yt-demo *, .sc-yt-demo *::after { animation:none !important; transition:none !important; }
}