/* YS opening overlay. Shown once per browsing session above the existing homepage.
   Everything is scoped under #ys-opening so the directory styles are untouched. */
html.ys-opening-active,html.ys-opening-active body{overflow:hidden!important}
html.ys-opening-active:not(.ys-opening-mounted) body::after{content:"";position:fixed;inset:0;z-index:2147483000;background:#05060a}

#ys-opening{
  --yo-bg:#05060a;--yo-fg:#eef1ff;--yo-muted:#8a90a8;--yo-line:rgba(255,255,255,.08);
  --yo-a:#5b8cff;--yo-b:#a855f7;--yo-c:#22d3ee;--yo-d:#f472b6;
  position:fixed;inset:0;z-index:2147483001;overflow:hidden;
  background:var(--yo-bg);color:var(--yo-fg);color-scheme:dark;
  font:16px/1.5 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-align:left;
  transition:opacity .7s cubic-bezier(.2,.9,.2,1),transform .7s cubic-bezier(.2,.9,.2,1),filter .7s;
}
#ys-opening.yo-leaving{opacity:0;transform:scale(1.06);filter:blur(10px);pointer-events:none}
#ys-opening *,#ys-opening *::before,#ys-opening *::after{box-sizing:border-box;margin:0;padding:0}
#ys-opening a,#ys-opening button{color:inherit;text-decoration:none;font:inherit;background:none;border:0;cursor:pointer}
#ys-opening :focus-visible{outline:2px solid var(--yo-c);outline-offset:4px}
#ys-opening .yo-num{font-family:"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif}

/* layered background: drifting aurora, perspective floor, vignette (beneath the particle canvas) */
#ys-opening .yo-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;filter:hue-rotate(var(--yo-hue,0deg));transition:filter .6s linear}
#ys-opening .yo-aurora i{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;animation:yo-drift 20s ease-in-out infinite alternate}
#ys-opening .yo-aurora i:nth-child(1){width:62vmax;height:62vmax;top:-28vmax;left:-20vmax;background:radial-gradient(circle,#2f52ff 0%,rgba(47,82,255,0) 68%);opacity:1}
#ys-opening .yo-aurora i:nth-child(2){width:56vmax;height:56vmax;bottom:-26vmax;right:-18vmax;background:radial-gradient(circle,#9b3cff 0%,rgba(155,60,255,0) 68%);opacity:.95;animation-delay:-7s}
#ys-opening .yo-aurora i:nth-child(3){width:40vmax;height:40vmax;top:30%;left:45%;background:radial-gradient(circle,#13c8e6 0%,rgba(19,200,230,0) 68%);opacity:.6;animation-delay:-13s;animation-duration:26s}
#ys-opening .yo-aurora i:nth-child(4){width:34vmax;height:34vmax;top:55%;left:-12vmax;background:radial-gradient(circle,#ec4899 0%,rgba(236,72,153,0) 68%);opacity:.55;animation-delay:-4s;animation-duration:23s}
@keyframes yo-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(9vw,7vh) scale(1.18)}100%{transform:translate(-7vw,-5vh) scale(.92)}}
#ys-opening .yo-floor{position:absolute;left:-50%;right:-50%;bottom:-6vh;height:52vh;pointer-events:none;opacity:var(--yo-floor,1);
  background-image:linear-gradient(rgba(140,170,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(140,170,255,.42) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(420px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(transparent 0%,#000 55%);mask-image:linear-gradient(transparent 0%,#000 55%);animation:yo-floor 5s linear infinite}
@keyframes yo-floor{to{background-position:0 64px}}
#ys-opening .yo-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 50%,rgba(5,6,10,.5) 100%)}
#ys-opening .yo-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#ys-opening .yo-grain{position:absolute;inset:-50%;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:yo-grain 1s steps(6) infinite}
@keyframes yo-grain{to{transform:translate(-10%,8%)}}
#ys-opening .yo-glow{position:absolute;left:50%;top:40%;width:600px;height:600px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(91,140,255,.18),transparent 60%);transform:translate(-50%,-50%)}
#ys-opening .yo-main{position:relative;z-index:2}
#ys-opening section{min-height:100vh;min-height:100svh;padding:120px 6vw;display:flex;flex-direction:column;justify-content:center;position:relative}

/* top bar */
#ys-opening .yo-nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 6vw;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(rgba(5,6,10,.75),rgba(5,6,10,0));margin-bottom:-76px}
#ys-opening .yo-logo{font-weight:800;font-size:19px;letter-spacing:.04em;display:flex;align-items:center;gap:10px}
#ys-opening .yo-logo img{width:30px;height:30px;filter:drop-shadow(0 4px 12px rgba(230,180,60,.35))}
#ys-opening .yo-actions{display:flex;align-items:center;gap:8px}
#ys-opening .yo-skip{font-size:13px;color:var(--yo-muted);padding:10px 12px;border-radius:999px;transition:color .3s}
#ys-opening .yo-skip:hover{color:#fff}
#ys-opening .yo-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);font-size:14px;font-weight:600;transition:background .3s,color .3s}
#ys-opening .yo-btn:hover{background:#fff;color:#000}
@property --yo-ang{syntax:"<angle>";initial-value:0deg;inherits:false}
#ys-opening .yo-big{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;padding:20px 44px;border-radius:999px;
  background:#fff;color:#05060a;font-size:19px;font-weight:800;letter-spacing:.04em;transition:transform .3s}
#ys-opening .yo-big:hover{transform:scale(1.04)}
#ys-opening .yo-big::before{content:"";position:absolute;inset:-4px;border-radius:999px;z-index:-1;
  background:conic-gradient(from var(--yo-ang),var(--yo-a),var(--yo-b),var(--yo-d),var(--yo-c),var(--yo-a));filter:blur(16px);animation:yo-ang 4s linear infinite}
@keyframes yo-ang{to{--yo-ang:360deg}}
#ys-opening .yo-arrow{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#05060a;color:#fff;flex:none;
  box-shadow:0 4px 14px rgba(91,140,255,.35);transition:transform .3s,background .3s}
#ys-opening .yo-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
#ys-opening .yo-arrow-sm{width:24px;height:24px;background:#fff;color:#05060a;box-shadow:none;margin-right:-8px}
#ys-opening .yo-arrow-sm svg{width:14px;height:14px;stroke-width:3}
#ys-opening .yo-btn:hover .yo-arrow-sm{background:#05060a;color:#fff}
#ys-opening .yo-big{padding:16px 16px 16px 40px}
#ys-opening .yo-big:hover .yo-arrow{transform:translateX(4px)}

/* hero */
#ys-opening .yo-hero{align-items:center;text-align:center}
#ys-opening .yo-scroller{position:absolute;inset:0;z-index:2;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#ys-opening .yo-halo{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;will-change:transform,opacity}
#ys-opening .yo-halo::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(rgba(91,140,255,0),rgba(91,140,255,.6),rgba(168,85,247,.6),rgba(244,114,182,.55),rgba(34,211,238,.55),rgba(91,140,255,0));
  -webkit-mask:radial-gradient(circle closest-side,transparent 68%,#000 73%,#000 78%,transparent 84%);mask:radial-gradient(circle closest-side,transparent 68%,#000 73%,#000 78%,transparent 84%);
  filter:blur(14px);animation:yo-spin 14s linear infinite;will-change:transform}
@keyframes yo-spin{to{transform:rotate(360deg)}}
#ys-opening .yo-eyebrow{font-size:12px;letter-spacing:.4em;color:var(--yo-c);margin-bottom:28px;opacity:0;animation:yo-up 1s .3s forwards}
#ys-opening h1{font-size:clamp(46px,10vw,150px);font-weight:900;line-height:1.04;letter-spacing:-.03em}
#ys-opening h1 .yo-l{display:block;overflow:hidden;padding-bottom:.04em}
#ys-opening h1 .yo-l>span{display:inline-block;transform:translateY(110%);animation:yo-rise 1.2s cubic-bezier(.2,.9,.2,1) forwards}
#ys-opening h1 .yo-l:nth-child(2)>span{animation-delay:.15s}
/* Hang trailing full-width punctuation so each line centres on its characters. */
/* Each line ends in a full-width mark; an equal lead-in keeps the characters themselves centred. */
#ys-opening h1 .yo-l>span{white-space:nowrap;padding-left:1em}
#ys-opening .yo-grad{background:linear-gradient(100deg,var(--yo-a),var(--yo-b) 40%,var(--yo-d) 70%,var(--yo-c));background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#ys-opening h1 .yo-grad{animation:yo-rise 1.2s .15s cubic-bezier(.2,.9,.2,1) forwards,yo-shine 6s linear infinite}
#ys-opening .yo-shine{animation:yo-shine 6s linear infinite}
@keyframes yo-shine{to{background-position:200% center}}
@keyframes yo-rise{to{transform:none}}
@keyframes yo-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
#ys-opening .yo-sub{margin-top:30px;font-size:clamp(15px,1.6vw,21px);color:var(--yo-muted);font-weight:300;opacity:0;animation:yo-up 1s .8s forwards}
#ys-opening .yo-search{margin:44px auto 0;width:min(640px,100%);display:flex;align-items:center;gap:12px;padding:10px 10px 10px 24px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid var(--yo-line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  opacity:0;animation:yo-up 1s 1s forwards;box-shadow:0 0 0 1px rgba(91,140,255,.15),0 30px 80px -20px rgba(91,140,255,.4)}
#ys-opening .yo-ph{flex:1;min-width:0;text-align:left;color:var(--yo-muted);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:clip}
#ys-opening .yo-ph b{color:var(--yo-fg);font-weight:500}
#ys-opening .yo-ph::after{content:"";display:inline-block;width:2px;height:1em;background:var(--yo-c);vertical-align:-2px;margin-left:2px;animation:yo-blink 1s steps(1) infinite}
@keyframes yo-blink{50%{opacity:0}}
#ys-opening .yo-kbd{font-size:12px;color:var(--yo-muted);border:1px solid var(--yo-line);border-radius:6px;padding:3px 8px;white-space:nowrap}
#ys-opening .yo-go{background:linear-gradient(135deg,var(--yo-a),var(--yo-b));padding:12px 24px;border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap}
#ys-opening .yo-hero .yo-big{margin-top:40px;opacity:0;animation:yo-up 1s 1.2s forwards}
#ys-opening .yo-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;color:var(--yo-muted);display:flex;flex-direction:column;align-items:center;gap:10px}
#ys-opening .yo-scroll i{width:1px;height:54px;background:linear-gradient(var(--yo-c),transparent);animation:yo-drop 2s infinite}
@keyframes yo-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* shared section heading */
#ys-opening .yo-label{font-size:12px;letter-spacing:.35em;color:var(--yo-c);margin-bottom:20px}
#ys-opening h2{font-size:clamp(34px,6vw,88px);font-weight:900;line-height:1.08;letter-spacing:-.02em;max-width:14em}

/* stats */
#ys-opening .yo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--yo-line);margin-top:72px;border:1px solid var(--yo-line);border-radius:24px;overflow:hidden}
#ys-opening .yo-stat{background:rgba(5,6,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:44px 34px}
#ys-opening .yo-stat .yo-n{font-size:clamp(54px,8vw,120px);font-weight:700;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff,#6d7395);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#ys-opening .yo-stat .yo-t{margin-top:14px;color:var(--yo-muted);font-size:15px}

/* categories */
#ys-opening .yo-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px;perspective:1200px}
#ys-opening .yo-cat{position:relative;padding:26px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--yo-line);overflow:hidden;
  transform-style:preserve-3d;transition:transform .25s ease-out,border-color .3s,opacity 1.2s cubic-bezier(.2,.9,.2,1);min-height:168px;
  display:flex;flex-direction:column;justify-content:space-between;text-align:left}
#ys-opening .yo-cat::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(168,85,247,.25),transparent 40%);opacity:0;transition:opacity .3s}
#ys-opening .yo-cat:hover::before{opacity:1}
#ys-opening .yo-cat:hover{border-color:rgba(168,85,247,.5)}
#ys-opening .yo-cat .yo-ic{font-size:28px;transform:translateZ(40px)}
#ys-opening .yo-cat .yo-nm{font-size:20px;font-weight:600;transform:translateZ(30px)}
#ys-opening .yo-cat .yo-ct{font-size:13px;color:var(--yo-muted);transform:translateZ(20px)}
#ys-opening .yo-bar{height:3px;border-radius:3px;background:var(--yo-line);margin-top:10px;overflow:hidden}
#ys-opening .yo-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yo-a),var(--yo-d));transition:width 1.6s cubic-bezier(.2,.9,.2,1)}

/* marquee */
#ys-opening .yo-marq{min-height:auto;padding:90px 0;overflow:hidden;gap:10px}
#ys-opening .yo-row{will-change:transform;display:flex;gap:48px;white-space:nowrap;width:max-content;animation:yo-mq 40s linear infinite}
#ys-opening .yo-row.yo-r{animation-direction:reverse;animation-duration:50s}
#ys-opening .yo-row span{font-size:clamp(46px,8vw,110px);font-weight:900;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);transition:color .3s}
#ys-opening .yo-row span:hover{color:#fff}
#ys-opening .yo-row span.yo-f{color:#fff;-webkit-text-stroke:0}
#ys-opening .yo-row span.yo-g{background:linear-gradient(90deg,var(--yo-c),var(--yo-b));-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0}
@keyframes yo-mq{to{transform:translateX(-50%)}}

/* ecosystem */
#ys-opening .yo-eco{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:16px;margin-top:60px}
#ys-opening .yo-e{border-radius:28px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  border:1px solid var(--yo-line);text-align:left;transition:transform .5s cubic-bezier(.2,.9,.2,1),opacity 1.2s cubic-bezier(.2,.9,.2,1)}
#ys-opening .yo-e:hover{transform:translateY(-6px) scale(1.01)}
#ys-opening .yo-e::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.45))}
#ys-opening .yo-e>*{position:relative;z-index:1}
#ys-opening .yo-e>.yo-orb{opacity:.55}
#ys-opening .yo-e .yo-orb{position:absolute;z-index:0;border-radius:50%;filter:blur(40px);animation:yo-float 8s ease-in-out infinite}
@keyframes yo-float{50%{transform:translate(30px,-20px) scale(1.15)}}
#ys-opening .yo-e h3{font-size:32px;font-weight:900}
#ys-opening .yo-e p{color:rgba(255,255,255,.7);margin-top:6px}
#ys-opening .yo-e .yo-tag{position:absolute;top:28px;left:32px;font-size:12px;letter-spacing:.2em;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
#ys-opening .yo-e{isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 24px 60px -28px var(--glow,#3b5bff)}
#ys-opening .yo-e::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:2;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.45),rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,var(--glow,#3b5bff));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
#ys-opening .yo-e .yo-pat{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(100deg,transparent 15%,#000 70%);mask-image:linear-gradient(100deg,transparent 15%,#000 70%)}
#ys-opening .yo-e .yo-mark{position:absolute;z-index:0;right:-4%;bottom:-8%;width:46%;max-width:220px;aspect-ratio:1;height:auto;fill:none;stroke:#fff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;
  opacity:.16;transform:rotate(-10deg);animation:yo-mark 9s ease-in-out infinite;filter:drop-shadow(0 0 18px var(--glow,#3b5bff))}
@keyframes yo-mark{50%{transform:rotate(-4deg) translateY(-10px)}}
#ys-opening .yo-e .yo-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
#ys-opening .yo-e .yo-sheen::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-160%) skewX(-12deg);animation:yo-sheen 7s ease-in-out infinite}
#ys-opening .yo-e2 .yo-sheen::after{animation-delay:-1.6s}#ys-opening .yo-e3 .yo-sheen::after{animation-delay:-3.2s}#ys-opening .yo-e4 .yo-sheen::after{animation-delay:-4.8s}
@keyframes yo-sheen{0%,62%{transform:translateX(-160%) skewX(-12deg)}100%{transform:translateX(360%) skewX(-12deg)}}
#ys-opening .yo-e:hover .yo-mark{opacity:.3}

#ys-opening .yo-e1{grid-row:span 2;--glow:#3b82f6;
  background:radial-gradient(120% 80% at 10% 0%,rgba(34,211,238,.55),transparent 55%),radial-gradient(90% 70% at 100% 20%,rgba(59,91,255,.75),transparent 60%),
  radial-gradient(80% 60% at 70% 110%,rgba(124,58,237,.6),transparent 60%),linear-gradient(160deg,#0b1a4a,#050a22)}
#ys-opening .yo-e1 .yo-pat{background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 64px)}
#ys-opening .yo-e2{--glow:#d946ef;
  background:radial-gradient(90% 90% at 100% 0%,rgba(217,70,239,.75),transparent 58%),radial-gradient(70% 70% at 0% 100%,rgba(244,63,94,.45),transparent 60%),
  radial-gradient(60% 60% at 40% 40%,rgba(124,58,237,.35),transparent 70%),linear-gradient(160deg,#2a0b3a,#0f0616)}
#ys-opening .yo-e2 .yo-pat{background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 9px,transparent 9px 20px) 0 12px/100% 7px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 9px,transparent 9px 20px) 0 calc(100% - 12px)/100% 7px no-repeat}
#ys-opening .yo-e3{--glow:#14b8a6;
  background:radial-gradient(90% 90% at 100% 0%,rgba(20,184,166,.75),transparent 58%),radial-gradient(70% 70% at 0% 100%,rgba(34,211,238,.4),transparent 60%),
  radial-gradient(50% 50% at 30% 30%,rgba(132,204,22,.22),transparent 70%),linear-gradient(160deg,#06302c,#03110f)}
#ys-opening .yo-e3 .yo-pat{background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 5px)}
#ys-opening .yo-e4{grid-column:span 2;--glow:#ec4899;
  background:radial-gradient(70% 120% at 85% 0%,rgba(236,72,153,.7),transparent 60%),radial-gradient(60% 120% at 45% 100%,rgba(168,85,247,.7),transparent 60%),
  radial-gradient(40% 80% at 0% 50%,rgba(59,91,255,.45),transparent 70%),linear-gradient(120deg,#160a2a,#24071e)}
#ys-opening .yo-e4 .yo-pat{background:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.6px) 0 0/18px 18px}
#ys-opening .yo-e4 .yo-mark{width:30%;bottom:-20%}

/* topics */
#ys-opening .yo-topics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--yo-line)}
#ys-opening .yo-tp{padding:34px 8px;border-bottom:1px solid var(--yo-line);display:flex;align-items:baseline;gap:22px;transition:background .4s,opacity 1.2s cubic-bezier(.2,.9,.2,1),transform 1.2s cubic-bezier(.2,.9,.2,1)}
#ys-opening .yo-tp{width:100%;text-align:left;cursor:pointer;flex-wrap:wrap;color:inherit}
#ys-opening .yo-tp-copy{display:block;flex:1;min-width:0}
#ys-opening .yo-tp:not(:nth-child(4n+1)){padding-left:24px;border-left:1px solid var(--yo-line)}
#ys-opening .yo-tp:focus-visible{outline-offset:-2px}
#ys-opening .yo-tp .yo-no{color:var(--yo-muted);font-size:14px}
#ys-opening .yo-tp h4{font-size:19px;font-weight:600;transition:transform .4s}
#ys-opening .yo-tp p{color:var(--yo-muted);font-size:14px;margin-top:6px}
#ys-opening .yo-tp .yo-k{margin-left:auto;font-size:13px;color:var(--yo-c);white-space:nowrap}
#ys-opening .yo-tp:hover{background:linear-gradient(90deg,rgba(91,140,255,.08),transparent)}
#ys-opening .yo-tp:hover h4{transform:translateX(8px)}

/* final call */
#ys-opening .yo-cta{align-items:center;text-align:center}
#ys-opening .yo-cta h2{max-width:none;font-size:clamp(46px,11vw,180px)}
#ys-opening .yo-uptime{margin:30px 0 46px;color:var(--yo-muted);font-size:15px;letter-spacing:.05em}
#ys-opening .yo-uptime b{color:var(--yo-fg);font-weight:400}
#ys-opening .yo-foot{position:relative;z-index:2;padding:34px 6vw;border-top:1px solid var(--yo-line);display:flex;justify-content:space-between;color:var(--yo-muted);font-size:13px;gap:16px;flex-wrap:wrap}

/* mobile sticky entry */
#ys-opening .yo-dock{display:none}

/* reveal */
#ys-opening .yo-rv{opacity:0;transform:translateY(60px);transition:opacity 1.2s cubic-bezier(.2,.9,.2,1),transform 1.2s cubic-bezier(.2,.9,.2,1)}
#ys-opening .yo-rv.yo-in{opacity:1;transform:none}
#ys-opening .yo-d1{transition-delay:.1s}#ys-opening .yo-d2{transition-delay:.2s}#ys-opening .yo-d3{transition-delay:.3s}

@media(max-width:900px){
  #ys-opening .yo-cats{grid-template-columns:repeat(2,1fr)}
  #ys-opening .yo-eco{grid-template-columns:1fr;grid-template-rows:none}
  #ys-opening .yo-e{min-height:210px}
  #ys-opening .yo-e1,#ys-opening .yo-e4{grid-row:auto;grid-column:auto}
  #ys-opening .yo-topics{grid-template-columns:1fr}
  #ys-opening .yo-tp:nth-child(n){padding-left:8px;border-left:0}
  #ys-opening .yo-stats{grid-template-columns:1fr}
}
@media(max-width:600px){
  #ys-opening section{min-height:auto;padding:84px 16px 48px}
  #ys-opening .yo-hero{min-height:100vh;min-height:100svh;padding:96px 18px 150px}
  #ys-opening .yo-nav{padding:12px 16px;margin-bottom:-60px}
  #ys-opening .yo-nav .yo-btn{display:none}
  #ys-opening .yo-logo{font-size:17px}
  #ys-opening .yo-logo img{width:26px;height:26px}
  #ys-opening .yo-skip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:7px 14px;font-size:12px;color:#c9cee0}
  #ys-opening .yo-eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:20px}
  #ys-opening h1{font-size:12.2vw;text-shadow:0 6px 30px rgba(5,6,10,.6)}
  #ys-opening .yo-dash{display:none}
  #ys-opening .yo-sub-l{display:block}
  #ys-opening .yo-sub{font-size:15px;line-height:1.7;max-width:19em;margin:22px auto 0;color:#b4b9cc;text-shadow:0 1px 12px #05060a,0 0 2px #05060a}
  #ys-opening .yo-search{margin-top:34px;padding:7px 7px 7px 18px;background:rgba(10,12,20,.72)}
  #ys-opening .yo-ph{font-size:14px}
  #ys-opening .yo-kbd{display:none}
  #ys-opening .yo-go{padding:10px 18px;font-size:13px}
  #ys-opening .yo-hero .yo-big,#ys-opening .yo-scroll{display:none}
  #ys-opening .yo-label{font-size:11px;letter-spacing:.28em;margin-bottom:14px}
  #ys-opening h2{font-size:9.4vw;line-height:1.18}
  #ys-opening .yo-stats{grid-template-columns:repeat(3,1fr);margin-top:32px;border-radius:18px}
  #ys-opening .yo-stat{padding:22px 10px;text-align:center}
  #ys-opening .yo-stat .yo-n{font-size:9.6vw}
  #ys-opening .yo-stat .yo-t{font-size:11.5px;margin-top:8px;line-height:1.4}
  #ys-opening .yo-cats{gap:10px;margin-top:32px;perspective:none}
  #ys-opening .yo-cat{padding:16px;min-height:118px;border-radius:16px;background:rgba(14,16,26,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  #ys-opening .yo-cat .yo-ic{font-size:24px}
  #ys-opening .yo-cat .yo-nm{font-size:16px}
  #ys-opening .yo-cat .yo-ct{font-size:12px}
  #ys-opening .yo-marq{padding:44px 0;gap:4px}
  #ys-opening .yo-row{gap:24px}
  #ys-opening .yo-row span{font-size:12vw}
  #ys-opening .yo-eco{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px;margin-top:32px}
  #ys-opening .yo-e{min-height:150px;padding:18px;border-radius:20px}
  #ys-opening .yo-e1,#ys-opening .yo-e4{grid-column:span 2;grid-row:auto}
  #ys-opening .yo-e1{min-height:190px}
  #ys-opening .yo-e4{min-height:120px}
  #ys-opening .yo-e h3{font-size:22px}
  #ys-opening .yo-e .yo-mark{width:44%;right:-6%;bottom:-10%}
  #ys-opening .yo-e4 .yo-mark{width:30%;bottom:-30%}
  #ys-opening .yo-e2 .yo-pat{background-position:0 8px,0 calc(100% - 8px);background-size:100% 5px}
  #ys-opening .yo-e p{font-size:13px;margin-top:2px}
  #ys-opening .yo-e .yo-tag{top:16px;left:18px;font-size:10px;padding:4px 10px}
  #ys-opening .yo-topics{margin-top:28px;background:rgba(5,6,10,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  #ys-opening .yo-tp{padding:18px 6px;gap:14px}
  #ys-opening .yo-tp h4{font-size:17px}
  #ys-opening .yo-tp p{font-size:13px;margin-top:2px}
  #ys-opening .yo-cta{padding:90px 16px 70px}
  #ys-opening .yo-cta h2{font-size:15vw}
  #ys-opening .yo-uptime{margin:22px 0 32px;font-size:13px}
  #ys-opening .yo-big{padding:13px 13px 13px 28px;font-size:17px}
  #ys-opening .yo-foot{padding:24px 16px calc(28px + env(safe-area-inset-bottom));font-size:12px}
  #ys-opening .yo-dock{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:6;justify-content:center;
    padding:28px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(rgba(5,6,10,0),rgba(5,6,10,.92) 55%);
    transition:opacity .4s,transform .4s}
  #ys-opening .yo-dock .yo-big{width:100%;justify-content:center}
  #ys-opening .yo-dock .yo-big::before{inset:-2px;filter:blur(10px);opacity:.8}
  #ys-opening .yo-aurora i{filter:blur(60px)}
  #ys-opening .yo-aurora i:nth-child(1){width:110vw;height:110vw;top:-30vw;left:-40vw}
  #ys-opening .yo-aurora i:nth-child(2){width:100vw;height:100vw;bottom:-20vw;right:-40vw}
  #ys-opening .yo-aurora i:nth-child(3){width:80vw;height:80vw;top:38%;left:30%}
  #ys-opening .yo-aurora i:nth-child(4){width:70vw;height:70vw;top:60%;left:-30vw}
  #ys-opening .yo-floor{height:38vh;bottom:9vh;background-size:40px 40px;animation:none}
  #ys-opening .yo-aurora i{animation:none}
  #ys-opening .yo-aurora{transition:none}
  /* performance on phones: no live blur/blend/backdrop over the animated canvas */
  #ys-opening .yo-aurora{filter:none}
  #ys-opening .yo-aurora i{filter:none;mix-blend-mode:normal}
  #ys-opening .yo-aurora i:nth-child(1){opacity:.7}
  #ys-opening .yo-aurora i:nth-child(2){opacity:.62}
  #ys-opening .yo-aurora i:nth-child(3),#ys-opening .yo-aurora i:nth-child(4){opacity:.4}
  #ys-opening .yo-aurora i{background-size:100% 100%}
  #ys-opening .yo-grain,#ys-opening .yo-glow{display:none}
  #ys-opening .yo-halo::before{filter:none}
  #ys-opening *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  #ys-opening .yo-nav{background:linear-gradient(rgba(5,6,10,.92),rgba(5,6,10,0))}
  #ys-opening .yo-search{background:rgba(12,14,24,.9)}
  #ys-opening .yo-stat{background:rgba(8,10,18,.9)}
  #ys-opening .yo-cat{background:rgba(14,16,26,.9)}
  #ys-opening .yo-topics{background:rgba(5,6,10,.82)}
  #ys-opening .yo-big::before{animation:none;filter:blur(8px)}
  #ys-opening .yo-e .yo-orb{animation:none}
  #ys-opening .yo-e .yo-mark{animation:none;filter:none}
  #ys-opening .yo-dock.yo-dock-hide{opacity:0;transform:translateY(24px);pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  #ys-opening,#ys-opening *,#ys-opening *::before,#ys-opening *::after{animation:none!important;transition:none!important}
  #ys-opening .yo-rv,#ys-opening .yo-eyebrow,#ys-opening .yo-sub,#ys-opening .yo-search,#ys-opening .yo-hero .yo-big{opacity:1;transform:none}
  #ys-opening h1 .yo-l>span{transform:none}
  #ys-opening .yo-row{flex-wrap:wrap;width:auto;padding:0 16px}
}