/* page: home (from index.html) */
/* ---- home-only ---- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}
#field{position:absolute;inset:0;width:100%;height:100%}
.hero .aurora{position:absolute;width:900px;height:900px;border-radius:50%;left:60%;top:30%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,#4D8DFF33 0%,#35D6EE18 35%,transparent 65%);filter:blur(30px);transition:left 1.2s cubic-bezier(.2,.8,.2,1),top 1.2s cubic-bezier(.2,.8,.2,1)}
.floor{position:absolute;left:-30%;right:-30%;bottom:-8%;height:48%;transform:perspective(600px) rotateX(72deg);transform-origin:bottom;background-image:linear-gradient(#4D8DFF30 1px,transparent 1px),linear-gradient(90deg,#4D8DFF30 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to top,#000 10%,transparent 80%);animation:sy-floorMove 3s linear infinite}
.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;width:100%}
.hero h1{margin-top:22px;font-size:clamp(52px,7.4vw,104px);line-height:.9}
.hero h1 .l2{display:inline-block;font:400 italic clamp(58px,8.2vw,116px)/1 var(--serif);letter-spacing:-.02em;padding:4px 10px 10px 0;background:linear-gradient(90deg,var(--blue),var(--cyan),#9EEBFF,var(--blue));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sy-shimmer 6s linear infinite;filter:drop-shadow(0 0 30px #35D6EE33)}
.lede{margin-top:22px;font-size:18px;line-height:1.6;color:var(--muted);max-width:540px}.lede b{color:var(--ink);font-weight:600}
.ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.meta{display:flex;gap:26px;margin-top:38px;font:500 11px/1.5 var(--mono);color:var(--dim);letter-spacing:.08em}
.meta b{display:block;font:700 20px/1 var(--sans);color:var(--ink);letter-spacing:-.02em;margin-bottom:6px}
.dash{padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.dh{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:500 10.5px/1 var(--mono);letter-spacing:.1em;color:var(--muted);padding:2px 2px 12px;border-bottom:1px solid var(--line)}
.dh .live{display:flex;gap:8px;align-items:center;color:var(--cyan)}.dh .live em{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:sy-pulse 1.2s infinite}
.tile.cover{grid-row:span 2;display:flex;flex-direction:column}
.mini{position:relative;flex:1;margin-top:10px;border-radius:8px;overflow:hidden;min-height:150px;background:linear-gradient(180deg,#0A1A2E 0 18%,#3B6DA8 18% 72%,#0A1A2E 72%)}
.mini b{position:absolute;left:10px;top:7px;font:400 17px/1 var(--serif);color:var(--paper)}
.mini .face{position:absolute;left:28%;right:20%;top:24%;bottom:30%;border-radius:50% 50% 8px 8px;background:radial-gradient(circle at 50% 34%,#E2B89A 0 21%,#0A1A2E 22% 100%)}
.mini span{position:absolute;left:10px;right:10px;bottom:8px;font:400 italic 14px/1.05 var(--serif);color:var(--paper)}
.mini::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff55 45%,#35D6EE44 50%,#C4922A44 55%,transparent 70%);background-size:300% 100%;animation:sy-foil 4s ease-in-out infinite;mix-blend-mode:screen}
.mini.mini--img{flex:none;min-height:0;aspect-ratio:1000/1414;background:#0A1A2E}
.mini--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.badge-live{display:inline-flex;white-space:nowrap;margin-top:10px;font:700 10px/1 var(--mono);letter-spacing:.08em;color:#1A1204;background:var(--amber);padding:5px 7px;border-radius:4px;box-shadow:0 0 18px #C4922A66;align-self:flex-start}
.tile.wide{grid-column:span 2}
.ans{margin-top:10px;font:500 12px/1.55 var(--mono);color:var(--text);min-height:38px}
.ans mark{background:#35D6EE22;color:var(--cyan);padding:0 3px;border-radius:3px}
.spark{width:100%;height:44px;margin-top:6px}
.spark path.l{fill:none;stroke:url(#sg);stroke-width:2.2;stroke-dasharray:600;stroke-dashoffset:600;animation:sy-draw 2.4s .6s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 0 6px #35D6EE)}
.spark path.f{fill:url(#sf);opacity:0;animation:sy-fade 1s 1.8s forwards}
.prev{grid-column:1/-1;font:500 10px/1 var(--mono);color:var(--dim);text-align:right;letter-spacing:.08em;padding-top:4px}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.vs .card{padding:18px;font-size:14px;line-height:1.55;color:var(--muted)}
.vs .card b{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.18em;margin-bottom:10px;color:var(--dim)}
.vs .card.on{border-color:#35D6EE55;background:linear-gradient(180deg,#0E1D2BCC,#08121BCC);box-shadow:0 0 40px -10px #35D6EE55}.vs .card.on b{color:var(--cyan)}
.vs .card.off{opacity:.6}.vs .card.off s{text-decoration-color:var(--coral)}
.chat{padding:24px}
.chat .lbl{font:500 10px/1 var(--mono);letter-spacing:.16em;color:var(--dim);display:flex;justify-content:space-between}
.chat .q{margin-top:16px;background:#ffffff0d;border:1px solid var(--line);border-radius:14px 14px 4px 14px;padding:12px 14px;font-size:15px;color:var(--ink);max-width:88%;margin-left:auto}
.chat .a{margin-top:16px;display:flex;gap:12px;font-size:15px;line-height:1.6;color:var(--text)}
.chat .a .av{flex:none;width:30px;height:30px;border-radius:8px;background:var(--grad);box-shadow:0 0 20px #35D6EE55}
.chat .a b{color:var(--ink)}.chat .a mark{background:#35D6EE1f;color:var(--cyan);padding:1px 4px;border-radius:4px;font-weight:600}
.chat .src{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.chat .src span{font:500 10.5px/1 var(--mono);color:var(--muted);border:1px solid var(--line2);padding:6px 8px;border-radius:6px}
.chat .src span.hot{color:var(--amber);border-color:#C4922A66;background:#C4922A12}
.staff{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.staff .partner{grid-column:span 2}
.pgrid{display:grid;grid-template-columns:640px 1fr;gap:40px;margin-top:56px;align-items:center}
.ind{padding:30px;min-height:280px;display:flex;flex-direction:column}
.ind .chip{align-self:flex-start}
.ind b{margin-top:22px;font:800 28px/1.08 var(--sans);letter-spacing:-.035em;color:var(--ink)}
.ind p{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.6}
.ind .go{margin-top:auto;padding-top:24px}
.ind .big{position:absolute;right:-8px;bottom:-34px;font:800 150px/1 var(--sans);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ffffff0f;pointer-events:none}
.post{padding:24px;min-height:210px;display:flex;flex-direction:column}
.post b{margin-top:16px;font:700 19px/1.3 var(--sans);color:var(--ink);letter-spacing:-.015em}
.post .rd{margin-top:auto;padding-top:18px;font:500 11px/1 var(--mono);color:var(--dim)}
@media (max-width:1080px){.hero .wrap{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr}.staff{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.staff,.vs{grid-template-columns:1fr}.staff .partner{grid-column:auto}.dash{grid-template-columns:1fr 1fr}.tile.cover{grid-row:auto;grid-column:1/-1}.meta{flex-wrap:wrap;gap:18px}.tile.cover--img{display:grid;grid-template-columns:104px 1fr;column-gap:14px;align-items:center}.tile.cover--img .l{grid-column:1/-1}.tile.cover--img .badge-live{margin-top:10px;justify-self:start;align-self:center}}