:root {
  --ink: #090b13;
  --ink-soft: #111522;
  --paper: #f3f0eb;
  --paper-2: #e7e2dc;
  --violet: #b169ff;
  --violet-deep: #7a3fc4;
  --cyan: #46f1e2;
  --lime: #d9ff7b;
  --orange: #ff815a;
  --mist: #c2bdc9;
  --line: rgba(245, 242, 255, .17);
  --dark-line: rgba(9, 11, 19, .15);
  --font: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: "Arial Narrow", "DIN Condensed", Impact, var(--font);
  --radius: 18px;
  --wrap: min(1240px, calc(100vw - 48px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
.noise-field { display: none !important; }
.site-header { position: relative; z-index: 10; background: var(--ink); border-bottom: 1px solid var(--line); }
.nav-shell { width: var(--wrap); min-height: 79px; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand img { width: 39px; height: 39px; }
.brand-type { display: grid; line-height: 1; gap: 5px; }
.brand-type strong { letter-spacing: 2px; font-size: 19px; }
.brand-type small { color: var(--mist); font-size: 7px; letter-spacing: 2.2px; }
.main-nav { margin-left: auto; display: flex; align-items: center; gap: clamp(15px, 2vw, 29px); }
.main-nav a { color: #d5d1dc; font-size: 13px; letter-spacing: .04em; transition: color .2s ease; white-space: nowrap; }
.main-nav a:hover, .main-nav a.active { color: var(--cyan); }
.nav-cta { padding: 8px 13px; border: 1px solid var(--violet); color: var(--paper); font-size: 12px; border-radius: 99px; white-space: nowrap; }
.nav-cta:hover { color: var(--ink); background: var(--violet); }
.menu-toggle { display: none; }
.search-band { border-top: 1px solid var(--line); background: #0d101b; }
.search-form { width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: 175px 1fr 280px; align-items: center; gap: 18px; min-height: 64px; }
.search-form label { font-size: 12px; color: #c8c3cc; }
.search-row { height: 34px; border: 1px solid rgba(177, 105, 255, .42); background: rgba(255,255,255,.03); display: flex; align-items: center; border-radius: 7px; overflow: hidden; }
.search-glyph { padding: 0 8px 0 12px; color: var(--cyan); font-size: 20px; line-height: 1; }
.search-row input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; color: var(--paper); font-size: 12px; }
.search-row input::placeholder { color: #726c79; }
.search-row button { height: 100%; border: 0; background: var(--violet); color: var(--ink); padding: 0 14px; font-size: 12px; font-weight: 800; }
.search-feedback { margin: 0; font-size: 11px; line-height: 1.35; color: #777281; }
.search-feedback.is-ready { color: var(--cyan); }
.hero-section { min-height: 688px; position: relative; isolation: isolate; overflow: hidden; background: #080a10; }
.hero-background, .hero-background:after { position: absolute; inset: 0; z-index: -2; }
.hero-background img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .73; }
.hero-background:after { content: ""; z-index: 1; background: linear-gradient(90deg, #080a10 0%, rgba(8,10,16,.87) 27%, rgba(8,10,16,.28) 71%, rgba(8,10,16,.82) 100%), linear-gradient(0deg, #080a10 0%, transparent 35%); }
.hero-section:after { content: ""; position: absolute; width: 65vw; height: 1px; top: 50%; left: -10%; background: linear-gradient(90deg, transparent, var(--cyan), transparent); transform: rotate(-14deg); opacity: .5; z-index: -1; }
.hero-grid { width: var(--wrap); min-height: 624px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(285px, .75fr); gap: 80px; align-items: end; padding: 88px 0 78px; }
.eyebrow, .section-no { margin: 0 0 13px; color: var(--cyan); font-size: 11px; letter-spacing: .15em; font-weight: 800; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 8px; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,129,90,.16); animation: pulse 2s infinite; }
.hero-copy h1, h1, h2, h3, p { overflow-wrap: break-word; }
.hero-copy h1 { margin: 0; font-size: clamp(48px, 6.2vw, 89px); line-height: .94; letter-spacing: -.065em; max-width: 770px; font-weight: 800; }
.hero-copy h1 em { color: var(--violet); font-style: normal; }
.hero-lede { max-width: 597px; color: #d2ced8; margin: 27px 0 27px; font-size: 16px; }
.hero-actions, .contact-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.button { min-height: 43px; padding: 10px 17px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 15px; font-size: 13px; font-weight: 800; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--cyan); color: var(--ink); }
.button-primary b { font-size: 18px; line-height: 1; }
.button-quiet { color: var(--paper); border-color: var(--line); background: rgba(6,8,14,.26); }
.button-quiet:hover { border-color: var(--violet); color: var(--violet); }
.hero-proof { display: flex; gap: 22px; margin-top: 42px; }
.hero-proof span { padding-right: 20px; border-right: 1px solid var(--line); color: var(--mist); display: grid; font-size: 11px; }
.hero-proof span:last-child { border: 0; }
.hero-proof b { color: var(--paper); font-size: 18px; }
.hero-episode { justify-self: end; width: min(100%, 338px); border: 1px solid var(--line); background: rgba(8,10,16,.65); padding: 18px; display: grid; gap: 29px; backdrop-filter: blur(11px); }
.episode-chip { width: fit-content; background: var(--orange); color: var(--ink); font-size: 10px; padding: 4px 8px; font-weight: 800; }
.episode-play { min-height: 87px; display: grid; place-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-episode p { margin: 0 0 4px; color: var(--cyan); font-family: var(--display); letter-spacing: .1em; font-size: 11px; }
.hero-episode h2 { margin: 0 0 9px; font-size: 24px; line-height: 1.1; letter-spacing: -.04em; }
.hero-episode div span { color: var(--mist); font-size: 11px; }
.hero-marquee { position: absolute; bottom: 0; left: 0; right: 0; min-height: 64px; display: flex; align-items: center; justify-content: center; gap: 26px; white-space: nowrap; overflow: hidden; border-top: 1px solid var(--line); color: #cac3d0; font-family: var(--display); font-size: 12px; letter-spacing: .15em; }
.hero-marquee i { color: var(--violet); font-style: normal; }
.content-section { width: var(--wrap); margin: 0 auto; padding: 116px 0; }
.section-intro { padding-bottom: 88px; }
.section-head { max-width: 800px; margin-bottom: 42px; }
.section-head h2, .ai-copy h2, .contact-copy h2, .share-section h2, .inner-hero h1, .intro-statement h2 { margin: 0; font-size: clamp(34px, 4.2vw, 61px); line-height: 1.02; letter-spacing: -.06em; }
.section-head > p:last-child { color: #aaa5b0; max-width: 620px; margin: 18px 0 0; }
.split-head { max-width: none; display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; }
.split-head > p { margin: 0 !important; padding-bottom: 6px; }
.video-stage { display: grid; grid-template-columns: 1.36fr .82fr .82fr; gap: 16px; }
.video-card { min-width: 0; border: 1px solid var(--line); background: var(--ink-soft); transition: transform .25s ease, border-color .25s ease; }
.video-card:hover, .video-card:focus { outline: 0; transform: translateY(-6px); border-color: var(--violet); }
.video-art { position: relative; overflow: hidden; min-height: 184px; background: #1c1b28; }
.card-featured .video-art { min-height: 313px; }
.video-art:after { content: ""; position: absolute; inset: 42% 0 0; background: linear-gradient(transparent, rgba(8,10,16,.85)); pointer-events: none; }
.video-art img { width: 100%; height: 100%; min-height: inherit; position: absolute; object-fit: cover; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.video-card:hover img { transform: scale(1.06); }
.duration, .video-index { position: absolute; z-index: 2; top: 11px; font-family: var(--display); font-size: 11px; letter-spacing: .13em; }
.duration { left: 11px; background: rgba(8,10,16,.7); padding: 3px 6px; }
.video-index { right: 11px; color: var(--cyan); }
.play-orb { width: 51px; height: 51px; padding: 0; border-radius: 50%; position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.72); opacity: 0; color: var(--ink); background: var(--cyan); border: 0; display: grid; place-items: center; transition: .25s ease; }
.play-orb i { margin-left: 3px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid currentColor; }
.video-card:hover .play-orb, .video-card:focus .play-orb, .short-card:hover .play-orb { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.play-orb.solid { position: relative; inset: auto; transform: none; opacity: 1; width: 62px; height: 62px; }
.video-copy { padding: 17px 17px 16px; }
.video-copy .eyebrow { justify-content: space-between; color: var(--cyan); font-size: 9px; letter-spacing: .1em; }
.video-copy h3 { font-size: 17px; line-height: 1.3; margin: 11px 0 8px; letter-spacing: -.025em; }
.video-copy p { color: #a9a4af; font-size: 12px; line-height: 1.55; margin: 0; }
.video-stats { margin-top: 16px; padding-top: 11px; border-top: 1px solid var(--line); color: #c4bec8; display: flex; gap: 12px; font-size: 10px; }
.tag-rail { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.tag-rail span, .utility-tags span { border: 1px solid var(--line); color: #c6c0ca; padding: 4px 8px; font-size: 11px; border-radius: 99px; }
.tag-rail a { color: var(--cyan); margin-left: auto; font-size: 12px; font-weight: 800; }
.entertainment-section { background: var(--paper); color: var(--ink); width: 100%; padding: 115px max(24px, calc((100vw - 1240px)/2)); }
.entertainment-section .section-head { max-width: 740px; }
.entertainment-section .section-head > p:last-child { color: #59545d; }
.short-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.short-card { min-height: 290px; position: relative; overflow: hidden; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .25s ease; }
.short-card:hover { transform: translateY(-6px) rotate(-.5deg); }
.short-card span { font-family: var(--display); letter-spacing: .1em; font-size: 10px; }
.short-card h3 { margin: auto 0 5px; font-size: clamp(21px, 2vw, 29px); letter-spacing: -.06em; line-height: 1.04; }
.short-card p { margin: 0; font-size: 11px; opacity: .75; }
.short-card.lime { background: var(--lime); }
.short-card.violet { background: var(--violet); }
.short-card.cyan { background: var(--cyan); }
.short-card.image-short { color: var(--paper); background: var(--ink); }
.image-short img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; opacity: .56; }
.image-short div { position: relative; z-index: 1; margin-top: auto; }
.image-short .play-orb { opacity: 1; }
.circle-arrow { position: absolute; right: 16px; bottom: 16px; width: 39px; height: 39px; border-radius: 50%; border: 1px solid currentColor; background: transparent; font-size: 18px; }
.ai-section { display: grid; grid-template-columns: 1.04fr .96fr; min-height: 710px; background: #111320; }
.ai-image { min-height: 520px; position: relative; overflow: hidden; }
.ai-image > img { width: 100%; height: 100%; object-fit: cover; }
.ai-image:after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(177,105,255,.33), transparent 53%); }
.scan-line { position: absolute; z-index: 1; left: 0; right: 0; top: 30%; border-top: 1px solid var(--cyan); box-shadow: 0 0 19px var(--cyan); animation: scan 5s ease-in-out infinite; }
.ai-stamp { position: absolute; z-index: 2; left: 23px; bottom: 23px; padding: 8px 10px; background: rgba(7,8,15,.7); border: 1px solid rgba(70,241,226,.6); color: var(--cyan); font-family: var(--display); font-size: 11px; letter-spacing: .12em; line-height: 1.3; }
.ai-copy { padding: 112px clamp(30px, 7vw, 100px) 80px; display: flex; flex-direction: column; align-items: flex-start; }
.ai-copy > p:not(.section-no) { margin: 23px 0 27px; color: #b8b2be; }
.ai-list { width: 100%; }
.ai-list article { display: grid; grid-template-columns: 39px 1fr; gap: 12px; padding: 17px 0; border-top: 1px solid var(--line); }
.ai-list b { color: var(--violet); font-family: var(--display); font-size: 13px; }
.ai-list h3 { margin: 0; font-size: 15px; }
.ai-list p { margin: 3px 0 0; color: #aaa5b0; font-size: 12px; }
.text-link { color: var(--cyan); font-weight: 800; font-size: 13px; margin-top: 25px; }
.text-link b { margin-left: 12px; }
.community-section { padding-bottom: 55px; }
.community-paths { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line); }
.path-card { min-height: 267px; padding: 20px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; transition: background .2s ease, color .2s ease; }
.path-card:hover { background: var(--violet); color: var(--ink); }
.path-card > span { color: var(--cyan); font-family: var(--display); font-size: 12px; letter-spacing: .1em; }
.path-card:hover > span { color: var(--ink); }
.path-card h3 { margin: auto 0 7px; font-size: 25px; letter-spacing: -.06em; }
.path-card p { margin: 0; color: #aaa5b0; font-size: 12px; line-height: 1.5; }
.path-card:hover p { color: rgba(9,11,19,.75); }
.path-card b { margin-top: 16px; font-size: 10px; color: var(--cyan); }
.path-card:hover b { color: var(--ink); }
.community-note { border: 1px solid var(--line); border-top: 0; display: grid; grid-template-columns: 160px 1fr auto; gap: 20px; align-items: center; padding: 16px 20px; }
.community-note > span { color: var(--violet); font-weight: 800; font-size: 12px; }
.community-note p { color: #aaa5b0; font-size: 12px; margin: 0; }
.community-note a { color: var(--cyan); font-size: 12px; font-weight: 800; white-space: nowrap; }
.experts-section { background: #111320; }
.expert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.expert-card { padding: 21px; border: 1px solid var(--line); position: relative; min-height: 280px; background: rgba(255,255,255,.012); }
.expert-mark { color: var(--cyan); font-size: 10px; letter-spacing: .1em; }
.expert-card h3 { margin: 37px 0 0; font-size: 32px; letter-spacing: -.08em; }
.expert-card > p { margin: 0 0 13px; color: #aaa5b0; font-size: 12px; }
.expert-card ul { list-style: none; padding: 13px 0; margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.expert-card li { font-size: 11px; color: #c5bfca; margin: 3px 0; }
.expert-card li em { color: var(--cyan); font-style: normal; }
.expert-card > div { display: flex; gap: 16px; margin-top: 13px; }
.expert-card button, .expert-card a { padding: 0; border: 0; color: var(--violet); background: transparent; font-size: 11px; font-weight: 800; }
.expert-card a { color: var(--cyan); }
.partner-section { padding-bottom: 46px; }
.logo-wall { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.logo-wall b { min-height: 78px; display: grid; place-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #b6b0bc; font-family: var(--display); letter-spacing: .11em; font-size: 15px; transition: color .2s ease, background .2s ease; }
.logo-wall b:hover { background: var(--violet); color: var(--ink); }
.howto-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 26px; }
.howto-grid article { padding: 22px 0; border-top: 1px solid var(--line); }
.howto-grid span { color: var(--violet); font-family: var(--display); font-size: 11px; letter-spacing: .1em; }
.howto-grid h3 { margin: 25px 0 7px; font-size: 24px; letter-spacing: -.05em; }
.howto-grid p { margin: 0; color: #aaa5b0; font-size: 13px; }
.faq-section { padding: 92px 0; background: var(--paper-2); color: var(--ink); }
.faq-section .content-section { padding: 0; }
.faq-list { border-top: 1px solid var(--dark-line); }
details { border-bottom: 1px solid var(--dark-line); }
summary { list-style: none; padding: 19px 0; display: flex; justify-content: space-between; gap: 20px; font-size: 17px; font-weight: 800; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
summary b { color: var(--violet-deep); font-size: 22px; font-weight: 400; transition: transform .2s ease; }
details[open] summary b { transform: rotate(45deg); }
details p { margin: -2px 0 18px; color: #56515a; max-width: 780px; font-size: 14px; }
.review-section { padding-bottom: 114px; }
.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.review-grid blockquote { margin: 0; padding: 21px; min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); background: #0f121d; }
.review-grid blockquote:before { content: "“"; color: var(--violet); line-height: .5; font-family: Georgia, serif; font-size: 52px; }
.review-grid blockquote p { margin: 7px 0 15px; font-size: 15px; line-height: 1.52; }
.review-grid footer { display: grid; gap: 2px; border-top: 1px solid var(--line); padding-top: 11px; }
.review-grid footer b { color: var(--cyan); font-size: 11px; }
.review-grid footer span { color: #aaa5b0; font-size: 10px; }
.contact-section { display: grid; grid-template-columns: 1fr 1fr; background: #181522; min-height: 585px; }
.contact-image { min-height: 450px; overflow: hidden; }
.contact-image img { width: 100%; height: 100%; object-fit: cover; }
.contact-copy { padding: 90px clamp(28px, 7vw, 106px); }
.contact-copy > p:not(.section-no) { color: #bbb5c0; margin: 20px 0; }
.contact-copy dl { margin: 26px 0; border-top: 1px solid var(--line); }
.contact-copy dl > div { padding: 10px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 93px 1fr; gap: 12px; }
.contact-copy dt { color: var(--cyan); font-size: 11px; font-weight: 800; }
.contact-copy dd { margin: 0; color: #c2bdc7; font-size: 12px; }
.share-section { width: var(--wrap); margin: 0 auto; padding: 86px 0; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.share-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.share-controls button { padding: 11px 17px; color: var(--paper); border: 1px solid var(--line); background: transparent; font-size: 12px; font-weight: 800; transition: .2s ease; }
.share-controls button:hover { color: var(--ink); background: var(--cyan); border-color: var(--cyan); }
.keyword-section { background: #0d0f18; border-top: 1px solid var(--line); }
.keyword-section .content-section { padding-bottom: 94px; }
.keyword-cloud { display: flex; gap: 8px; flex-wrap: wrap; }
.keyword-cloud a { font-size: 12px; padding: 7px 10px; color: #ccc7d0; border: 1px solid var(--line); border-radius: 99px; transition: .2s ease; }
.keyword-cloud a:hover { color: var(--ink); border-color: var(--lime); background: var(--lime); }
.mcp-section { background: var(--paper); padding: 72px max(24px, calc((100vw - 1240px)/2)); color: var(--ink); }
.mcp-panel { border: 2px solid var(--ink); padding: 25px; position: relative; }
.mcp-panel:after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 73px; height: 73px; background: var(--violet); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.mcp-panel > span { color: var(--violet-deep); font-family: var(--display); letter-spacing: .14em; font-size: 11px; }
.mcp-panel h2 { margin: 7px 0; font-size: 29px; line-height: 1.1; letter-spacing: -.05em; }
.mcp-panel p { margin: 0; max-width: 720px; color: #514c56; font-size: 13px; }
.mcp-status { margin-top: 17px; display: flex; gap: 8px; align-items: center; font-size: 11px; font-weight: 800; }
.mcp-status i { width: 9px; height: 9px; border-radius: 50%; background: #22b96c; }
.mcp-status b { margin-left: 9px; color: #625c67; font-family: var(--display); letter-spacing: .11em; }
.site-footer { border-top: 1px solid var(--line); background: #080a10; }
.footer-rail { width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1.2fr .65fr; gap: 50px; padding: 70px 0 47px; }
.footer-brand img { width: 182px; height: auto; }
.footer-brand p { color: #a8a3ae; max-width: 340px; font-size: 12px; margin: 17px 0 0; }
.footer-links { display: grid; grid-template-columns: 1fr 1.3fr; gap: 32px; }
.footer-links h3 { margin: 0 0 11px; color: var(--violet); font-size: 12px; }
.footer-links a, .footer-links span { display: block; color: #aaa5b0; font-size: 11px; margin: 5px 0; }
.footer-links a:hover { color: var(--cyan); }
.qr-pair { display: flex; gap: 13px; }
.qr-card { text-align: center; color: #c2bdc6; font-size: 10px; }
.qr-card b, .qr-card small { display: block; }
.qr-card small { color: #77717d; margin-top: 2px; }
.qr { display: block; width: 96px; height: 96px; margin: 0 auto 7px; padding: 3px; border: 0; background: #fff; object-fit: contain; image-rendering: pixelated; }
.footer-meta { width: var(--wrap); margin: 0 auto; padding: 15px 0; border-top: 1px solid var(--line); color: #75707c; font-size: 10px; display: flex; justify-content: space-between; gap: 20px; }
.inner-hero { position: relative; min-height: 518px; isolation: isolate; overflow: hidden; display: grid; align-items: end; }
.inner-visual { position: absolute; inset: 0; z-index: -2; }
.inner-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#080a10 5%,rgba(8,10,16,.73) 48%,rgba(8,10,16,.34)), linear-gradient(0deg,#080a10,transparent 65%); }
.inner-visual img { width: 100%; height: 100%; object-fit: cover; opacity: .71; }
.inner-hero-content { width: var(--wrap); margin: 0 auto; padding: 73px 0; }
.breadcrumb { margin: 0 0 20px; color: var(--mist); font-size: 11px; }
.breadcrumb a { color: var(--cyan); }
.breadcrumb span { margin: 0 8px; }
.inner-hero h1 { max-width: 730px; margin: 0; }
.inner-hero-content > p:not(.breadcrumb):not(.eyebrow) { max-width: 630px; color: #d0cbd5; font-size: 16px; margin: 18px 0 23px; }
.inner-metrics { display: flex; gap: 27px; margin: 0 0 24px; }
.inner-metrics span { border-right: 1px solid var(--line); padding-right: 27px; display: grid; color: #bab4c0; font-size: 10px; }
.inner-metrics b { color: var(--paper); font-size: 19px; }
.intro-statement { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; background: var(--paper); color: var(--ink); width: 100%; padding: 104px max(24px, calc((100vw - 1240px)/2)); }
.statement-side { display: grid; align-content: start; gap: 15px; color: var(--violet-deep); font-family: var(--display); letter-spacing: .1em; font-size: 12px; }
.statement-side b { color: var(--ink); font-size: 23px; line-height: 1.08; }
.intro-statement > div:last-child { max-width: 700px; }
.intro-statement > div:last-child > p:not(.section-no) { color: #55515a; max-width: 680px; }
.inner-video-grid { grid-template-columns: repeat(3, 1fr); }
.inner-video-grid .video-card:first-child { grid-column: span 2; }
.inner-video-grid .video-card:first-child .video-art { min-height: 330px; }
.list-editorial { padding-top: 55px; }
.editorial-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.editorial-list li { display: grid; grid-template-columns: 80px 1fr auto; gap: 20px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--line); }
.editorial-list > li > span { color: var(--violet); font-family: var(--display); font-size: 17px; }
.editorial-list h3 { margin: 0; font-size: 19px; }
.editorial-list p { margin: 3px 0 0; color: #a8a3ae; font-size: 12px; }
.editorial-list a { color: var(--cyan); font-size: 11px; font-weight: 800; white-space: nowrap; }
.article-tiles { background: #111320; width: 100%; padding: 103px max(24px, calc((100vw - 1240px)/2)); }
.article-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.article-grid article { padding: 20px; min-height: 225px; display: flex; flex-direction: column; border: 1px solid var(--line); }
.article-grid span { color: var(--cyan); font-family: var(--display); font-size: 10px; letter-spacing: .12em; }
.article-grid h3 { font-size: 20px; line-height: 1.18; letter-spacing: -.045em; margin: auto 0 8px; }
.article-grid p { color: #a9a3b0; font-size: 11px; line-height: 1.55; margin: 0; }
.article-grid a { color: var(--violet); margin-top: 12px; font-size: 11px; font-weight: 800; }
.utility-band { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; padding-top: 85px; padding-bottom: 85px; align-items: center; }
.utility-band h2 { margin: 0; font-size: 34px; line-height: 1.05; letter-spacing: -.06em; }
.utility-band p:not(.section-no) { color: #aaa5b0; font-size: 12px; }
.utility-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.mini-faq { padding-top: 30px; }
.mini-faq .faq-list { max-width: 920px; }
.mini-faq details p { color: #aaa5b0; }
.mini-faq summary { font-size: 16px; }
.inner-share { border-top: 1px solid var(--line); }
.toast { position: fixed; z-index: 99; left: 50%; bottom: 27px; max-width: calc(100vw - 32px); transform: translate(-50%, 130px); padding: 11px 16px; background: var(--cyan); color: var(--ink); box-shadow: 0 15px 40px rgba(0,0,0,.35); font-size: 12px; font-weight: 800; transition: transform .35s ease; }
.toast.show { transform: translate(-50%, 0); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity: 1; transform: none; }
.stagger > * { opacity: 0; transform: translateY(17px); transition: opacity .5s ease, transform .5s ease; }
.stagger.visible > * { opacity: 1; transform: none; }
.stagger.visible > *:nth-child(2) { transition-delay: .08s; }
.stagger.visible > *:nth-child(3) { transition-delay: .16s; }
.stagger.visible > *:nth-child(4) { transition-delay: .24s; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(255,129,90,0); } }
@keyframes scan { 50% { top: 78%; } }
@media (max-width: 1050px) {
  :root { --wrap: min(100% - 40px, 1240px); }
  .main-nav { gap: 13px; }
  .main-nav a { font-size: 11px; }
  .nav-cta { display: none; }
  .search-form { grid-template-columns: 1fr auto; }
  .search-form label { display: none; }
  .search-feedback { max-width: 260px; }
  .hero-grid { gap: 35px; }
  .short-grid, .community-paths { grid-template-columns: repeat(2, 1fr); }
  .short-card { min-height: 230px; }
  .expert-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-rail { grid-template-columns: 1fr 1fr; }
  .qr-pair { grid-column: 2; }
}
@media (max-width: 740px) {
  :root { --wrap: min(100% - 32px, 1240px); }
  body { font-size: 15px; }
  .nav-shell { min-height: 66px; gap: 11px; }
  .brand img { width: 33px; height: 33px; }
  .brand-type strong { font-size: 16px; }
  .menu-toggle { display: grid; width: 36px; height: 34px; margin-left: auto; padding: 6px 0; border: 0; background: transparent; color: var(--paper); grid-template-rows: repeat(3, 2px) auto; align-content: center; gap: 4px; }
  .menu-toggle span { display: block; width: 21px; height: 2px; background: var(--cyan); }
  .menu-toggle b { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0,0,0,0); }
  .main-nav { position: absolute; left: 0; right: 0; top: 66px; padding: 15px 16px 18px; background: #10131e; border-bottom: 1px solid var(--line); display: none; flex-direction: column; align-items: stretch; gap: 0; }
  .main-nav.is-open { display: flex; }
  .main-nav a { padding: 10px 0; font-size: 13px; border-bottom: 1px solid var(--line); }
  .search-form { grid-template-columns: 1fr; gap: 4px; min-height: 77px; padding: 11px 0; }
  .search-feedback { max-width: none; }
  .hero-section { min-height: 590px; }
  .hero-grid { min-height: 530px; grid-template-columns: 1fr; padding: 63px 0 76px; gap: 18px; }
  .hero-copy h1 { font-size: clamp(44px, 14vw, 65px); }
  .hero-lede { font-size: 14px; margin: 19px 0; }
  .hero-proof { gap: 10px; margin-top: 27px; }
  .hero-proof span { padding-right: 9px; font-size: 9px; }
  .hero-proof b { font-size: 15px; }
  .hero-episode { display: none; }
  .hero-marquee { min-height: 47px; justify-content: flex-start; padding-left: 16px; gap: 17px; font-size: 10px; }
  .content-section { padding: 74px 0; }
  .section-head { margin-bottom: 27px; }
  .section-head h2, .ai-copy h2, .contact-copy h2, .share-section h2, .inner-hero h1, .intro-statement h2 { font-size: clamp(32px, 10vw, 45px); }
  .split-head, .ai-section, .contact-section, .intro-statement, .utility-band { grid-template-columns: 1fr; gap: 26px; }
  .split-head > p { padding-bottom: 0; }
  .video-stage, .inner-video-grid, .inner-video-grid .video-card:first-child { grid-template-columns: 1fr; }
  .inner-video-grid .video-card:first-child { grid-column: auto; }
  .video-art, .card-featured .video-art, .inner-video-grid .video-card:first-child .video-art { min-height: 215px; }
  .tag-rail a { width: 100%; margin: 7px 0 0; }
  .entertainment-section { padding: 76px 16px; }
  .short-grid, .community-paths, .review-grid, .expert-grid, .article-grid { grid-template-columns: 1fr; }
  .short-card { min-height: 180px; }
  .ai-image { min-height: 300px; }
  .ai-copy { padding: 70px 16px; }
  .community-note { grid-template-columns: 1fr; gap: 8px; }
  .path-card { min-height: 187px; }
  .path-card h3 { margin-top: 25px; }
  .logo-wall { grid-template-columns: repeat(2, 1fr); }
  .howto-grid { grid-template-columns: 1fr; gap: 0; }
  .faq-section { padding: 65px 0; }
  summary { font-size: 14px; }
  .contact-copy { padding: 70px 16px; }
  .contact-copy dl > div { grid-template-columns: 83px 1fr; }
  .share-section { padding: 63px 0; align-items: flex-start; flex-direction: column; }
  .footer-rail { grid-template-columns: 1fr; gap: 34px; padding: 47px 0 34px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .qr-pair { grid-column: auto; }
  .footer-meta { flex-direction: column; gap: 3px; padding: 14px 0; }
  .inner-hero { min-height: 470px; }
  .inner-hero-content { padding: 56px 0; }
  .inner-metrics { gap: 12px; }
  .inner-metrics span { padding-right: 12px; font-size: 9px; }
  .inner-metrics b { font-size: 15px; }
  .intro-statement { padding: 72px 16px; }
  .statement-side { grid-template-columns: 1fr auto; align-items: center; }
  .editorial-list li { grid-template-columns: 44px 1fr; gap: 11px; }
  .editorial-list a { grid-column: 2; }
  .article-tiles { padding: 70px 16px; }
  .utility-band { gap: 22px; }
  .review-grid blockquote { min-height: 160px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .stagger > * { opacity: 1; transform: none; }
}