@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');

:root {
  --ink: #07111d;
  --ink-2: #0b1928;
  --slate: #1d2b39;
  --steel: #536271;
  --fog: #e9eef0;
  --paper: #f7f6f2;
  --white: #ffffff;
  --orange: #f25822;
  --orange-2: #ff7a3c;
  --orange-soft: #ffddcf;
  --lime: #b9e63a;
  --line: rgba(7, 17, 29, .16);
  --serif: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --condensed: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --mono: 'DM Mono', monospace;
  --ease: cubic-bezier(.23, 1, .32, 1);
  --shadow: 0 20px 50px rgba(7, 17, 29, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--serif); font-size: 16px; line-height: 1.75; overflow-x: hidden; }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { border: 0; }
img { display: block; max-width: 100%; }
::selection { background: var(--orange); color: var(--white); }

.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.section { padding: 120px 0; }
.skip-link { position: fixed; z-index: 9999; top: -100px; left: 16px; padding: 9px 13px; border-radius: 3px; background: var(--orange); color: white; font-weight: 700; transition: top .2s ease; }
.skip-link:focus { top: 16px; }

.announcement { position: relative; z-index: 12; color: var(--fog); background: var(--ink); font-size: 12px; line-height: 1.2; }
.announcement-inner { min-height: 36px; display: flex; align-items: center; gap: 12px; }
.announcement p { margin: 0; flex: 1; }
.announcement p strong { color: var(--orange-2); font-weight: 800; }
.announcement a { font-family: var(--mono); font-size: 10px; color: var(--white); transition: color .2s ease; }
.announcement a:hover { color: var(--orange-2); }
.mGZOw { position: relative; width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--orange); }
.mGZOw::after { content: ''; position: absolute; inset: -4px; border: 1px solid var(--orange); border-radius: 50%; animation: pulse 1.8s infinite; }

.site-header { position: relative; z-index: 11; background: var(--white); }
.header-inner { min-height: 86px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; min-width: 145px; gap: 9px; }
.brand-mark { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--white); background: var(--orange); font-family: var(--condensed); font-size: 29px; font-style: italic; font-weight: 800; line-height: 1; letter-spacing: -5px; transform: skew(-7deg); overflow: hidden; }
.brand-mark::after { content: ''; position: absolute; right: -2px; top: 0; width: 8px; height: 100%; background: var(--ink); transform: skew(-12deg); }
.brand-mark b { position: relative; z-index: 1; margin-right: 3px; }
.brand-mark i { position: relative; z-index: 1; font-style: normal; }
.brand-type { display: grid; line-height: 1; }
.brand-type strong { font-family: var(--condensed); font-size: 28px; letter-spacing: -1px; }
.brand-type small { margin-top: 4px; color: var(--steel); font-family: var(--mono); font-size: 7px; letter-spacing: 1px; }
.primary-nav { display: flex; align-items: center; gap: 24px; flex: 1; }
.primary-nav a { position: relative; padding: 6px 0; color: var(--slate); font-size: 14px; font-weight: 700; white-space: nowrap; transition: color .2s ease; }
.primary-nav a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--orange); transition: width .25s var(--ease); }
.primary-nav a:hover, .primary-nav a.active { color: var(--orange); }
.primary-nav a:hover::after, .primary-nav a.active::after { width: 100%; }
.header-cta { display: inline-flex; align-items: center; gap: 12px; padding: 11px 15px; background: var(--ink); color: var(--white); font-size: 13px; font-weight: 700; transition: background .2s ease, transform .2s ease; }
.header-cta span { color: var(--orange-2); font-size: 18px; line-height: 1; }
.header-cta:hover { background: var(--orange); transform: translateY(-2px); }
.menu-toggle { display: none; background: transparent; }

.search-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f0f2f0; }
.search-wrap { min-height: 56px; display: flex; align-items: center; gap: 14px; }
.search-label { color: var(--orange); font-family: var(--condensed); font-size: 17px; font-weight: 800; font-style: italic; white-space: nowrap; }
.fake-search { position: relative; display: flex; align-items: center; width: min(500px, 100%); height: 36px; border: 1px solid rgba(7,17,29,.23); background: var(--white); }
.Dg2zLUGB { padding-left: 12px; color: var(--steel); font-family: var(--mono); font-size: 20px; line-height: 1; }
.fake-search input { width: 100%; min-width: 0; height: 100%; padding: 0 10px; border: 0; outline: none; color: var(--ink); font-size: 12px; }
.fake-search input::placeholder { color: #82909a; }
.fake-search button { height: 100%; padding: 0 13px; color: var(--white); background: var(--orange); cursor: pointer; font-size: 12px; font-weight: 700; transition: background .2s ease; white-space: nowrap; }
.fake-search button:hover { background: var(--ink); }
.search-tip { margin: 0; color: var(--steel); font-size: 11px; }

.hero { position: relative; min-height: 675px; display: flex; align-items: center; overflow: hidden; color: var(--white); background: #101820 url('../images/hero-garage.jpg') center center / cover no-repeat; }
.QJIyj { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,8,15,.93) 0%, rgba(3,8,15,.74) 45%, rgba(3,8,15,.18) 100%); }
.DluHm7RP { position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(rgba(255,255,255,.65) .55px, transparent .7px); background-size: 5px 5px; mix-blend-mode: soft-light; }
.hero-content { position: relative; z-index: 1; padding: 80px 0 96px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 19px; color: var(--steel); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: 1.25px; text-transform: uppercase; }
.eyebrow span { color: var(--orange); font-weight: 500; }
.eyebrow.light { color: rgba(255,255,255,.55); }
.eyebrow.light span { color: var(--orange-2); }
.hero h1 { max-width: 750px; margin: 0; color: var(--white); font-size: clamp(46px, 6.3vw, 86px); font-weight: 900; letter-spacing: -5px; line-height: 1.08; }
h1 em, h2 em { color: var(--orange-2); font-family: var(--condensed); font-style: italic; letter-spacing: -2px; }
.hero-subtitle { max-width: 540px; margin: 28px 0 0; color: #d7dce0; font-size: 17px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 19px; font-size: 13px; font-weight: 800; transition: transform .2s var(--ease), background .2s ease, color .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button:active, .header-cta:active { transform: scale(.97); }
.button-hot { color: var(--white); background: var(--orange); }
.button-hot:hover { background: var(--orange-2); }
.button-ghost { border: 1px solid rgba(255,255,255,.4); color: var(--white); background: rgba(7,17,29,.15); backdrop-filter: blur(7px); }
.button-ghost:hover { border-color: var(--white); background: rgba(255,255,255,.12); }
.button-light { color: var(--ink); background: var(--white); }
.button-light:hover { background: var(--orange-2); color: var(--white); }
.button-dark { color: var(--white); background: var(--ink); }
.button-dark:hover { background: var(--orange); }
.hero-metrics { display: flex; align-items: stretch; gap: 0; margin-top: 64px; }
.hero-metrics div { min-width: 138px; padding: 0 25px; border-left: 1px solid rgba(255,255,255,.25); }
.hero-metrics div:first-child { padding-left: 0; border-left: 0; }
.hero-metrics b { display: block; color: var(--white); font-family: var(--condensed); font-size: 37px; line-height: 1; letter-spacing: -.5px; }
.hero-metrics b span { color: var(--orange-2); }
.hero-metrics small { display: block; margin-top: 9px; color: rgba(255,255,255,.56); font-family: var(--mono); font-size: 9px; letter-spacing: .2px; }
.ms2uDOj { position: absolute; z-index: 1; bottom: 28px; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 7px; color: rgba(255,255,255,.65); font-family: var(--mono); font-size: 9px; letter-spacing: 1px; transform: translateX(-50%); }
.ms2uDOj span { width: 1px; height: 34px; background: linear-gradient(var(--orange), transparent); }
.YtLmA { position: absolute; z-index: 1; right: 26px; bottom: 22px; margin: 0; color: rgba(255,255,255,.44); font-family: var(--mono); font-size: 8px; letter-spacing: 1.2px; writing-mode: vertical-rl; }

.topic-rail { overflow: hidden; background: var(--orange); color: var(--white); }
.topic-rail-inner { min-height: 56px; display: flex; align-items: center; gap: 26px; overflow-x: auto; scrollbar-width: none; }
.topic-rail-inner::-webkit-scrollbar { display: none; }
.topic-rail p { flex: 0 0 auto; margin: 0; padding-right: 24px; border-right: 1px solid rgba(255,255,255,.4); font-family: var(--condensed); font-size: 19px; font-style: italic; font-weight: 800; white-space: nowrap; }
.topic-rail a { position: relative; flex: 0 0 auto; font-size: 12px; font-weight: 700; white-space: nowrap; }
.topic-rail a::after { content: '↗'; margin-left: 6px; opacity: 0; transition: opacity .2s ease; }
.topic-rail a:hover::after { opacity: 1; }

.intro-section { background: var(--paper); }
.intro-grid { display: grid; grid-template-columns: 155px minmax(0,1fr) 255px; gap: 52px; align-items: start; }
.section-kicker { display: flex; align-items: center; gap: 13px; color: var(--steel); font-family: var(--mono); font-size: 10px; letter-spacing: 1px; }
.section-kicker span { color: var(--orange); font-family: var(--condensed); font-size: 21px; font-style: italic; font-weight: 800; }
.section-kicker p { margin: 0; }
.intro-copy h2, .section-heading h2, .media-main h2, .ai-copy h2, .build-copy h2, .experts-section h2, .join-section h2, .faq-intro h2, .contact-copy h2, .social-section h2, .partners-heading h2 { margin: 0; color: var(--ink); font-size: clamp(32px, 4vw, 54px); font-weight: 900; letter-spacing: -3px; line-height: 1.25; }
h2 strong { color: var(--orange); font-weight: 900; }
.intro-copy p { max-width: 640px; margin: 24px 0 0; color: #394957; font-size: 15px; line-height: 2; }
.text-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; color: var(--ink); font-size: 13px; font-weight: 800; }
.text-link span { color: var(--orange); font-size: 20px; line-height: 1; transition: transform .2s var(--ease); }
.text-link:hover span { transform: translateX(5px); }
.intro-note { position: relative; padding: 26px 25px; color: var(--white); background: var(--ink); overflow: hidden; }
.intro-note::after { content: '暗网猎奇'; position: absolute; right: -13px; bottom: -32px; color: rgba(255,255,255,.06); font-family: var(--condensed); font-size: 135px; font-weight: 800; line-height: 1; font-style: italic; }
.note-top { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; }
.note-top span { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; color: var(--ink); background: var(--orange); font-family: var(--condensed); font-size: 18px; font-style: italic; font-weight: 800; }
.note-top b { font-size: 12px; }
.intro-note p { position: relative; z-index: 1; margin: 22px 0 12px; font-size: 17px; font-weight: 700; line-height: 1.8; }
.intro-note small { position: relative; z-index: 1; color: rgba(255,255,255,.56); font-size: 10px; }

.video-section { padding-top: 75px; background: var(--white); }
.section-heading { max-width: 850px; }
.split-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 65px; align-items: end; }
.heading-aside { padding-bottom: 5px; }
.heading-aside p { margin: 0; color: var(--steel); font-size: 13px; line-height: 1.95; }
.heading-aside .text-link { margin-top: 20px; }
.featured-grid { display: grid; grid-template-columns: 1.36fr .82fr .82fr; gap: 17px; margin-top: 55px; }
.video-card { min-width: 0; background: var(--paper); cursor: pointer; outline: none; transition: transform .25s var(--ease), box-shadow .25s ease; }
.video-card:focus-visible, .mini-video:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.video-card:hover { box-shadow: var(--shadow); transform: translateY(-7px); }
.video-art { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ink); }
.video-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.video-card:hover .video-art img { transform: scale(1.06); }
.video-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,7,11,.02) 35%, rgba(3,7,11,.78) 100%); }
.play-orb { position: absolute; z-index: 1; top: 50%; left: 50%; display: grid; place-items: center; width: 52px; height: 52px; padding: 0 0 0 3px; border: 1px solid rgba(255,255,255,.73); border-radius: 50%; color: var(--white); background: rgba(7,17,29,.38); backdrop-filter: blur(5px); cursor: pointer; font-size: 16px; line-height: 1; transform: translate(-50%, -50%) scale(.82); opacity: 0; transition: opacity .25s ease, transform .25s var(--ease), background .25s ease; }
.video-card:hover .play-orb, .video-card:focus .play-orb { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.play-orb:hover { background: var(--orange); }
.duration, .quality, .vertical { position: absolute; z-index: 1; bottom: 10px; padding: 3px 6px; color: var(--white); background: rgba(7,17,29,.7); font-family: var(--mono); font-size: 9px; line-height: 1; }
.duration { left: 10px; }.quality { right: 10px; background: var(--orange); }.vertical { right: 10px; color: var(--ink); background: var(--lime); }
.video-details { padding: 18px 19px 20px; }
.card-meta { margin: 0 0 7px; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .3px; }
.video-details h3 { margin: 0; font-size: 17px; font-weight: 800; line-height: 1.55; }
.feature-card .video-details h3 { font-size: 22px; line-height: 1.5; }
.video-details > p:not(.card-meta) { margin: 11px 0 0; color: var(--steel); font-size: 12px; line-height: 1.8; }
.card-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; color: var(--steel); font-family: var(--mono); font-size: 9px; }
.video-list-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 18px; border-top: 1px solid var(--line); }
.mini-video { display: grid; grid-template-columns: 45px minmax(0,1fr) 38px; align-items: center; gap: 15px; min-height: 128px; padding: 18px 18px 18px 0; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .2s ease, padding .2s var(--ease); }
.mini-video:nth-child(odd) { margin-right: 24px; }.mini-video:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--line); }
.mini-video:hover { background: #fff4ef; }.mini-video:nth-child(odd):hover { padding-left: 12px; }.mini-video:nth-child(even):hover { padding-left: 36px; }
.mini-num { color: #c2c9ce; font-family: var(--condensed); font-size: 38px; font-style: italic; font-weight: 800; letter-spacing: -1px; }
.mini-video p { margin: 0 0 3px; color: var(--orange); font-family: var(--mono); font-size: 9px; }.mini-video h3 { margin: 0; font-size: 14px; line-height: 1.55; }.mini-video small { color: var(--steel); font-size: 10px; }
.round-play { display: grid; place-items: center; width: 34px; height: 34px; padding-left: 2px; border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); background: transparent; cursor: pointer; font-size: 11px; transition: color .2s ease, background .2s ease, transform .2s var(--ease); }
.mini-video:hover .round-play { color: var(--white); background: var(--orange); border-color: var(--orange); transform: rotate(30deg); }

.ticker-section { padding: 0; overflow: hidden; background: var(--ink); color: var(--white); }
.ticker { white-space: nowrap; overflow: hidden; }
.ticker-track { display: inline-flex; align-items: center; min-width: 200%; padding: 16px 0; gap: 29px; animation: drift 36s linear infinite; }
.ticker-track span { font-family: var(--condensed); font-size: 30px; font-style: italic; font-weight: 800; letter-spacing: .2px; }.ticker-track b { color: var(--orange); font-size: 14px; }

.media-section { color: var(--white); background: var(--slate); }
.media-layout { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 62px; }.media-index { position: relative; min-height: 585px; color: rgba(255,255,255,.58); font-family: var(--mono); font-size: 9px; letter-spacing: .7px; }.media-index > span { color: var(--orange-2); font-family: var(--condensed); font-size: 32px; font-style: italic; font-weight: 800; }.media-index > p { margin: 6px 0 0; }.index-line { width: 1px; height: 378px; margin: 21px 0 18px 12px; background: linear-gradient(var(--orange), rgba(255,255,255,.12)); }.media-index .rotated { position: absolute; bottom: 0; left: 0; margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); }
.media-main h2 { color: var(--white); }.media-main h2 strong { color: var(--orange-2); }.media-main .lead { max-width: 650px; margin: 26px 0 0; color: #c8d0d6; font-size: 15px; line-height: 2; }.media-cards { display: grid; grid-template-columns: 1fr 1fr; margin-top: 53px; border-top: 1px solid rgba(255,255,255,.2); }.media-cards article { min-height: 193px; padding: 20px 30px 25px 0; border-bottom: 1px solid rgba(255,255,255,.2); }.media-cards article:nth-child(even) { padding-left: 31px; border-left: 1px solid rgba(255,255,255,.2); }.media-cards span { color: var(--orange-2); font-family: var(--condensed); font-size: 19px; font-style: italic; font-weight: 800; }.media-cards h3 { margin: 5px 0 6px; font-size: 18px; }.media-cards p { max-width: 310px; margin: 0; color: #bac4cb; font-size: 12px; line-height: 1.85; }.media-cards a { display: inline-block; margin-top: 12px; color: var(--orange-2); font-size: 11px; font-weight: 700; transition: transform .2s var(--ease); }.media-cards a:hover { transform: translateX(4px); }

.ai-section { position: relative; overflow: hidden; color: var(--white); background: var(--ink); }.ai-grid-overlay { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size: 47px 47px; mask-image: radial-gradient(circle at 70% 50%, black, transparent 65%); }.ai-layout { position: relative; display: grid; grid-template-columns: .84fr 1.16fr; gap: 85px; align-items: center; }.ai-copy h2 { color: var(--white); }.ai-copy h2 em { color: var(--lime); }.ai-copy > p:not(.eyebrow) { max-width: 454px; margin: 27px 0 0; color: #b7c2ca; font-size: 14px; line-height: 2; }.ai-copy .button { margin-top: 30px; }.ai-console { border: 1px solid rgba(255,255,255,.23); background: rgba(15,35,52,.72); box-shadow: 22px 24px 0 rgba(242,88,34,.25); backdrop-filter: blur(12px); }.console-top { display: flex; align-items: center; gap: 7px; min-height: 45px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.15); }.console-dot { width: 7px; height: 7px; border-radius: 50%; }.console-dot.red { background: var(--orange); }.console-dot.yellow { background: #f1b53c; }.console-dot.green { background: var(--lime); }.console-top p { flex: 1; margin: 0 0 0 7px; color: #91a0ac; font-family: var(--mono); font-size: 9px; letter-spacing: .7px; }.console-top b { padding: 2px 6px; color: var(--ink); background: var(--lime); font-family: var(--mono); font-size: 8px; }.console-body { display: grid; grid-template-columns: 1.28fr .72fr; min-height: 300px; }.ai-video-preview { position: relative; display: flex; flex-direction: column; justify-content: end; overflow: hidden; padding: 23px; background: linear-gradient(135deg, #101e2b, #2b3c42 55%, #c14c21); }.ai-video-preview::before { content: ''; position: absolute; inset: 0; opacity: .85; background: linear-gradient(130deg, transparent 15%, rgba(255,255,255,.16) 15.3%, transparent 15.7%), linear-gradient(28deg, transparent 62%, rgba(255,255,255,.17) 62.3%, transparent 62.7%), radial-gradient(circle at 64% 52%, rgba(7,17,29,.92) 0 18%, transparent 18.6%), linear-gradient(90deg, rgba(0,0,0,.3), transparent); }.ai-video-preview > * { position: relative; z-index: 1; }.ai-video-preview p { margin: 0; color: rgba(255,255,255,.65); font-family: var(--mono); font-size: 9px; }.ai-video-preview strong { margin-top: 4px; color: var(--lime); font-family: var(--condensed); font-size: 46px; line-height: 1; }.scan-line { position: absolute !important; z-index: 3 !important; top: 20%; left: 0; width: 100%; height: 1px; background: var(--lime); box-shadow: 0 0 12px var(--lime); animation: scan 3.2s ease-in-out infinite; }.corner { position: absolute !important; z-index: 2 !important; width: 30px; height: 30px; border-color: var(--lime); }.c1 { top: 21px; left: 21px; border-top: 2px solid; border-left: 2px solid; }.c2 { top: 21px; right: 21px; border-top: 2px solid; border-right: 2px solid; }.c3 { bottom: 21px; left: 21px; border-bottom: 2px solid; border-left: 2px solid; }.c4 { bottom: 21px; right: 21px; border-bottom: 2px solid; border-right: 2px solid; }.ai-readout { display: flex; flex-direction: column; justify-content: center; gap: 25px; padding: 26px; border-left: 1px solid rgba(255,255,255,.15); }.ai-readout div { border-left: 2px solid var(--orange); padding-left: 12px; }.ai-readout small { display: block; color: #98a7b2; font-size: 10px; }.ai-readout b { display: block; margin-top: 3px; color: var(--white); font-family: var(--mono); font-size: 10px; line-height: 1.7; }.hot-text { color: var(--lime) !important; }.console-bottom { display: flex; gap: 15px; padding: 12px 17px; border-top: 1px solid rgba(255,255,255,.15); color: #aab6bf; font-family: var(--mono); font-size: 8px; }.console-bottom span::before { content: '•'; margin-right: 5px; color: var(--orange-2); }

.community-section { background: #e5e8e5; }.community-section .section-heading h2 { max-width: 875px; }.community-grid { display: grid; grid-template-columns: .93fr 1.07fr; gap: 18px; margin-top: 52px; }.community-feature { position: relative; min-height: 387px; padding: 31px 35px; overflow: hidden; color: var(--white); background: var(--orange); }.community-feature::after { content: '暗网猎奇'; position: absolute; right: -8px; bottom: -56px; color: rgba(255,255,255,.13); font-family: var(--condensed); font-size: 220px; font-style: italic; font-weight: 800; line-height: 1; }.community-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; font-family: var(--mono); font-size: 9px; }.badge-hot { padding: 4px 7px; color: var(--orange); background: var(--white); font-weight: 700; }.community-feature h3 { position: relative; z-index: 1; margin: 51px 0 0; font-size: 25px; line-height: 1.55; }.community-feature > p { position: relative; z-index: 1; max-width: 465px; margin: 14px 0 0; color: #ffebe2; font-size: 12px; line-height: 1.95; }.author-row { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; margin-top: 27px; }.avatar { display: grid; place-items: center; flex: 0 0 auto; width: 33px; height: 33px; border-radius: 50%; color: var(--white); font-size: 12px; font-weight: 800; }.avatar-a { background: #403d67; }.avatar-b { background: #657a68; }.avatar-c { background: #be7753; }.avatar-d { background: #395b85; }.avatar-e { background: #7d597c; }.author-row b, .author-row small { display: block; line-height: 1.45; }.author-row b { font-size: 11px; }.author-row small { color: #ffdfd1; font-size: 9px; }.thread-stat { margin-left: auto; color: #ffdfd1; font-family: var(--mono); font-size: 9px; }.community-feature .text-link { position: relative; z-index: 1; margin-top: 23px; color: var(--white); }.community-feature .text-link span { color: var(--white); }.community-list { background: var(--white); }.community-list article { display: grid; grid-template-columns: 38px minmax(0,1fr) 25px; gap: 13px; align-items: center; min-height: 96.75px; padding: 16px 21px; border-bottom: 1px solid var(--line); transition: background .2s ease; }.community-list article:last-child { border-bottom: 0; }.community-list article:hover { background: #fff4ef; }.topic-icon { display: grid; place-items: center; width: 30px; height: 30px; color: var(--orange); background: var(--orange-soft); font-size: 15px; }.community-list p { margin: 0; color: var(--orange); font-family: var(--mono); font-size: 9px; }.community-list h3 { margin: 1px 0; font-size: 13px; line-height: 1.5; }.community-list small { color: var(--steel); font-size: 9px; }.community-list a { color: var(--orange); font-size: 19px; text-align: center; transition: transform .2s var(--ease); }.community-list article:hover a { transform: translateX(4px); }.care-note { max-width: 800px; margin: 18px 0 0; color: var(--steel); font-size: 10px; line-height: 1.8; }

.build-section { background: var(--white); }.build-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 87px; align-items: center; }.build-photo { position: relative; overflow: hidden; min-height: 500px; background: var(--ink); }.build-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 60%, rgba(242,88,34,.45)); }.build-photo img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.75) contrast(1.04); }.photo-stamp { position: absolute; z-index: 1; left: 0; bottom: 0; display: flex; align-items: center; gap: 11px; padding: 15px 17px; color: var(--white); background: var(--ink); }.photo-stamp b { color: var(--orange-2); font-family: var(--condensed); font-size: 36px; font-style: italic; line-height: 1; }.photo-stamp span { font-family: var(--mono); font-size: 8px; line-height: 1.4; letter-spacing: .7px; }.build-steps { display: grid; gap: 20px; margin: 33px 0 0; padding: 0; list-style: none; }.build-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 17px; }.build-steps > li > span { color: var(--orange); font-family: var(--condensed); font-size: 30px; font-style: italic; font-weight: 800; line-height: 1; }.build-steps h3 { margin: 0; font-size: 16px; }.build-steps p { margin: 4px 0 0; color: var(--steel); font-size: 12px; line-height: 1.85; }

.experts-section { background: #ebedeb; }.expert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 52px; }.expert-card { min-height: 410px; padding: 24px 22px; background: var(--white); transition: transform .25s var(--ease), box-shadow .25s ease; }.expert-card:hover { box-shadow: var(--shadow); transform: translateY(-6px); }.expert-tag { display: inline-block; padding: 4px 7px; color: var(--orange); background: var(--orange-soft); font-family: var(--mono); font-size: 8px; }.expert-avatar { width: 72px; height: 72px; margin: 27px 0 18px; border-radius: 0; color: var(--white); font-family: var(--condensed); font-size: 39px; font-style: italic; font-weight: 800; transform: rotate(-4deg); }.avatar-portrait.one { background: linear-gradient(135deg, #102637, #63827d); }.avatar-portrait.two { background: linear-gradient(135deg, #f25822, #713d2d); }.avatar-portrait.three { background: linear-gradient(135deg, #61515b, #aa907c); }.avatar-portrait.four { background: linear-gradient(135deg, #1b1d2c, #5d6176); }.expert-card h3 { margin: 0; font-size: 22px; }.expert-card > p { margin: 3px 0 0; color: var(--steel); font-size: 11px; }.expert-card ul { min-height: 95px; margin: 18px 0 0; padding: 0; list-style: none; }.expert-card li { position: relative; padding-left: 11px; color: #42525e; font-size: 10px; line-height: 1.75; }.expert-card li::before { content: '•'; position: absolute; left: 0; color: var(--orange); }.expert-links { display: flex; gap: 10px; margin-top: 17px; }.expert-links a { padding-bottom: 2px; border-bottom: 1px solid var(--orange); color: var(--ink); font-size: 10px; font-weight: 800; }.expert-links a:hover { color: var(--orange); }.accent-card { background: #fff1ea; }.dark-card { color: var(--white); background: var(--ink); }.dark-card > p, .dark-card li { color: #c8d1d6; }.dark-card .expert-links a { color: var(--white); }

.partners-section { padding: 100px 0 85px; color: var(--white); background: var(--orange); }.partners-heading h2 { max-width: 560px; color: var(--white); }.partners-heading h2 strong { color: var(--ink); }.logo-wall { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 50px; border-top: 1px solid rgba(255,255,255,.45); border-left: 1px solid rgba(255,255,255,.45); }.logo-wall div { display: grid; place-items: center; min-height: 106px; border-right: 1px solid rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.45); color: var(--white); font-family: var(--condensed); font-size: 25px; font-style: italic; font-weight: 800; letter-spacing: -1px; line-height: .9; text-align: center; transition: color .2s ease, background .2s ease; }.logo-wall div:hover { color: var(--orange); background: var(--white); }.logo-wall span { color: var(--ink); }.logo-wall b { font-size: 18px; letter-spacing: 2px; }.partners-caption { margin: 15px 0 0; color: rgba(255,255,255,.75); font-family: var(--mono); font-size: 9px; }

.join-section { background: var(--paper); }.join-layout { display: grid; grid-template-columns: .86fr 1.14fr; gap: 89px; }.join-layout .lead { max-width: 455px; margin: 25px 0 0; color: var(--steel); font-size: 14px; line-height: 2; }.join-steps { counter-reset: join; display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none; }.join-steps li { min-height: 176px; padding: 20px 20px 20px 0; border-top: 1px solid var(--line); }.join-steps li:nth-child(even) { padding-left: 23px; border-left: 1px solid var(--line); }.join-steps li span { color: var(--orange); font-family: var(--condensed); font-size: 28px; font-style: italic; font-weight: 800; }.join-steps h3 { margin: 7px 0 4px; font-size: 15px; }.join-steps p { margin: 0; color: var(--steel); font-size: 11px; line-height: 1.85; }

.reviews-section { background: var(--white); }.reviews-section .section-heading { max-width: 640px; }.disclaimer { margin: 13px 0 0; color: var(--steel); font-size: 10px; line-height: 1.7; }.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 45px; }.review-grid figure { margin: 0; padding: 29px 31px; border: 1px solid var(--line); background: var(--paper); }.review-grid figure:nth-child(3) { background: #edf1ed; }.review-grid .offset-review { transform: translateY(30px); background: var(--ink); color: var(--white); }.review-grid .offset-review blockquote { color: var(--white); }.review-grid .offset-review figcaption small { color: #aeb9c0; }.review-grid .offset-review .rating { color: var(--orange-2); }.review-grid blockquote { margin: 0; color: #263640; font-size: 16px; font-weight: 700; line-height: 1.9; }.review-grid figcaption { display: flex; align-items: center; gap: 9px; margin-top: 24px; }.review-grid figcaption b, .review-grid figcaption small { display: block; }.review-grid figcaption b { font-size: 11px; }.review-grid figcaption small { color: var(--steel); font-size: 9px; }.rating { margin-left: auto; color: var(--orange); font-size: 11px; letter-spacing: 1px; }

.faq-section { background: #e4e8e6; }.faq-layout { display: grid; grid-template-columns: .76fr 1.24fr; gap: 87px; }.faq-intro p:not(.eyebrow) { margin: 24px 0 0; color: var(--steel); font-size: 13px; line-height: 2; }.faq-intro .button { margin-top: 29px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 71px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 800; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { display: grid; place-items: center; width: 25px; height: 25px; color: var(--orange); border: 1px solid var(--orange); border-radius: 50%; font-size: 18px; font-weight: 400; transition: transform .25s var(--ease), background .2s ease, color .2s ease; }.faq-list details[open] summary span { color: var(--white); background: var(--orange); transform: rotate(45deg); }.faq-list details p { max-width: 690px; margin: -3px 0 20px; color: var(--steel); font-size: 12px; line-height: 1.95; }

.contact-section { overflow: hidden; color: var(--white); background: var(--slate); }.contact-layout { display: grid; grid-template-columns: 1fr .85fr; gap: 104px; align-items: stretch; }.contact-copy { padding: 103px 0; }.contact-copy h2 { color: var(--white); }.contact-copy > p:not(.eyebrow) { max-width: 560px; margin: 23px 0 0; color: #c5ced4; font-size: 14px; line-height: 2; }.contact-lines { display: grid; gap: 8px; margin-top: 34px; }.contact-lines p { display: grid; grid-template-columns: 61px 1fr; gap: 12px; margin: 0; font-size: 11px; line-height: 1.7; }.contact-lines b { color: var(--orange-2); }.contact-lines span, .contact-lines a { color: #e0e5e8; }.contact-lines a:hover { color: var(--orange-2); }.contact-visual { position: relative; min-height: 580px; padding: 57px 0 40px; }.contact-visual::before { content: ''; position: absolute; top: 0; bottom: 0; left: 34px; width: 1px; background: rgba(255,255,255,.16); }.garage-sign { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: min(100%, 365px); aspect-ratio: 1 / .92; margin-left: 34px; overflow: hidden; color: var(--ink); background: var(--orange); box-shadow: 21px 23px 0 rgba(0,0,0,.16); }.garage-sign::before, .garage-sign::after { content: ''; position: absolute; width: 150%; height: 1px; background: rgba(7,17,29,.24); transform: rotate(-22deg); }.garage-sign::before { top: 22%; }.garage-sign::after { bottom: 25%; }.garage-sign b { position: relative; z-index: 1; font-family: var(--condensed); font-size: 125px; font-style: italic; font-weight: 800; letter-spacing: -7px; line-height: .8; }.garage-sign small { position: relative; z-index: 1; margin-top: 11px; font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }.garage-sign p { position: relative; z-index: 1; margin: 36px 0 0; padding: 3px 7px; color: var(--white); background: var(--ink); font-family: var(--mono); font-size: 8px; }.sign-bolt { position: absolute; top: 24px; left: 25px; color: var(--white); font-size: 21px; }.address-card { position: relative; width: min(93%, 291px); margin: -42px 0 0 -17px; padding: 22px; background: var(--white); box-shadow: 11px 12px 0 rgba(7,17,29,.23); }.address-card p { margin: 0; color: var(--orange); font-family: var(--mono); font-size: 9px; }.address-card h3 { margin: 8px 0; color: var(--ink); font-size: 17px; line-height: 1.55; }.address-card span { display: block; color: var(--steel); font-size: 10px; line-height: 1.8; }

.social-section { background: var(--paper); }.social-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: center; }.social-section > .shell { padding-top: 90px; padding-bottom: 90px; }.social-section h2 { font-size: clamp(32px, 3.5vw, 48px); }.social-layout > div > p:not(.eyebrow) { max-width: 530px; margin: 21px 0 0; color: var(--steel); font-size: 13px; line-height: 1.95; }.share-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }.share-buttons button { min-width: 72px; padding: 9px 13px; border: 1px solid var(--ink); color: var(--ink); background: transparent; cursor: pointer; font-size: 11px; font-weight: 800; transition: color .2s ease, background .2s ease, transform .2s var(--ease); }.share-buttons button:hover { color: var(--white); background: var(--ink); transform: translateY(-3px); }.share-tip { color: var(--orange) !important; font-family: var(--mono); font-size: 9px !important; }.qr-area { display: grid; grid-template-columns: 137px 137px minmax(0,1fr); gap: 16px; align-items: start; }.qr-card { padding: 10px; background: var(--white); box-shadow: 0 9px 18px rgba(7,17,29,.09); text-align: center; }.qr-card canvas { display: block; width: 100%; height: auto; image-rendering: pixelated; }.qr-card b { display: block; margin-top: 7px; font-size: 10px; }.qr-card small { display: block; margin-top: 2px; color: var(--steel); font-family: var(--mono); font-size: 7px; }.community-entry { display: grid; gap: 7px; padding: 3px 0 0 11px; }.community-entry p { margin: 0 0 6px; color: var(--orange) !important; font-family: var(--mono); font-size: 9px !important; }.community-entry a { padding-bottom: 6px; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 700; }.community-entry a:hover { color: var(--orange); }

.tag-map { padding: 77px 0; background: #dedfda; }.tag-map-head { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: end; }.tag-map-head .eyebrow { grid-column: 1 / -1; }.tag-map-head h2 { margin: 0; font-size: 27px; letter-spacing: -1px; }.tag-map-head p:not(.eyebrow) { margin: 0; color: var(--steel); font-size: 11px; line-height: 1.8; }.tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 31px; }.tag-cloud a { padding: 6px 9px; border: 1px solid rgba(7,17,29,.23); color: #344650; background: rgba(255,255,255,.4); font-size: 10px; line-height: 1.35; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s var(--ease); }.tag-cloud a:nth-child(4n+1) { color: var(--orange); border-color: rgba(242,88,34,.45); }.tag-cloud a:hover { color: var(--white); border-color: var(--ink); background: var(--ink); transform: translateY(-2px); }

.site-footer { color: #c6d0d6; background: var(--ink); }.footer-top { display: grid; grid-template-columns: 1.1fr 1fr .75fr; gap: 40px; align-items: center; min-height: 150px; border-bottom: 1px solid rgba(255,255,255,.15); }.footer-brand { color: var(--white); }.footer-brand .brand-type small { color: #91a0aa; }.footer-top > p { max-width: 430px; margin: 0; color: #9eacb5; font-size: 11px; line-height: 1.9; }.back-top { justify-self: end; color: var(--orange-2); font-size: 12px; font-weight: 700; }.back-top:hover { color: var(--white); }.footer-nav { display: grid; grid-template-columns: repeat(4, 1fr); padding: 43px 0; }.footer-nav > div { display: grid; gap: 6px; }.footer-nav h3 { margin: 0 0 8px; color: var(--white); font-family: var(--mono); font-size: 10px; letter-spacing: .8px; }.footer-nav a { color: #9eacb5; font-size: 11px; }.footer-nav a:hover { color: var(--orange-2); }.footer-bottom { display: flex; justify-content: space-between; gap: 15px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.15); color: #83939f; font-family: var(--mono); font-size: 8px; }.footer-bottom p { margin: 0; }

.video-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 22px; visibility: hidden; opacity: 0; transition: opacity .24s ease, visibility .24s ease; }.video-modal.open { visibility: visible; opacity: 1; }.modal-backdrop { position: absolute; inset: 0; background: rgba(3,8,15,.86); backdrop-filter: blur(7px); }.modal-box { position: relative; z-index: 1; width: min(570px, 100%); padding: 32px; color: var(--white); background: var(--slate); box-shadow: 0 28px 90px rgba(0,0,0,.5); transform: translateY(15px) scale(.97); transition: transform .25s var(--ease); }.video-modal.open .modal-box { transform: translateY(0) scale(1); }.modal-close { position: absolute; top: 11px; right: 12px; width: 32px; height: 32px; color: var(--white); background: transparent; cursor: pointer; font-size: 24px; line-height: 1; }.modal-box h2 { margin: 0 0 19px; font-size: 25px; }.fake-player { display: grid; place-items: center; min-height: 250px; padding: 24px; background: linear-gradient(135deg, #101e2b, #283842); text-align: center; }.player-play { display: grid; place-items: center; width: 61px; height: 61px; padding-left: 4px; border: 1px solid var(--orange-2); border-radius: 50%; color: var(--orange-2); font-size: 21px; }.fake-player p { margin: 17px 0 0; font-size: 13px; font-weight: 700; }.fake-player small { margin-top: 5px; color: #afbbc4; font-size: 9px; }

@keyframes pulse { 0%, 100% { transform: scale(.7); opacity: .9; } 60% { transform: scale(1.4); opacity: 0; } }
@keyframes drift { to { transform: translateX(-50%); } }
@keyframes scan { 0%, 100% { top: 18%; opacity: .3; } 50% { top: 76%; opacity: 1; } }

@media (max-width: 1050px) {
  .primary-nav { gap: 15px; }.header-inner { gap: 19px; }.primary-nav a { font-size: 12px; }.header-cta { padding: 10px; }.intro-grid { grid-template-columns: 110px 1fr 220px; gap: 31px; }.ai-layout, .build-layout, .faq-layout, .social-layout, .join-layout { gap: 48px; }.expert-grid { grid-template-columns: repeat(2, 1fr); }.contact-layout { gap: 50px; }.logo-wall { grid-template-columns: repeat(3, 1fr); }.media-layout { gap: 38px; }
}

@media (max-width: 820px) {
  .shell { width: min(100% - 32px, 680px); }.section { padding: 78px 0; }.announcement-inner { min-height: 43px; }.announcement p { font-size: 10px; }.announcement a { display: none; }.header-inner { min-height: 70px; justify-content: space-between; }.brand { min-width: 0; }.brand-mark { width: 34px; height: 34px; font-size: 25px; }.brand-type strong { font-size: 24px; }.menu-toggle { display: grid; width: 42px; height: 40px; align-content: center; justify-items: end; gap: 4px; color: var(--ink); cursor: pointer; }.menu-toggle span { display: block; width: 21px; height: 2px; background: currentColor; transition: transform .2s var(--ease); }.menu-toggle span:nth-child(2) { width: 15px; }.menu-toggle em { margin-top: 1px; color: var(--steel); font-size: 8px; font-style: normal; }.menu-toggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }.menu-toggle.open span:nth-child(2) { opacity: 0; }.menu-toggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }.primary-nav { position: absolute; top: 70px; right: 0; left: 0; display: grid; gap: 0; max-height: 0; overflow: hidden; background: var(--white); box-shadow: 0 17px 30px rgba(7,17,29,.12); transition: max-height .28s var(--ease); }.primary-nav.open { max-height: 440px; }.primary-nav a { padding: 14px 24px; border-bottom: 1px solid var(--line); font-size: 14px; }.primary-nav a::after { display: none; }.header-cta { display: none; }.search-wrap { min-height: 59px; flex-wrap: wrap; gap: 5px 11px; padding: 9px 0; }.fake-search { width: calc(100% - 63px); }.search-tip { width: 100%; margin-left: 63px; font-size: 9px; }.hero { min-height: 610px; background-position: 62% center; }.hero-content { padding: 66px 0 84px; }.hero h1 { font-size: clamp(42px, 10vw, 67px); letter-spacing: -3px; }.hero-subtitle { font-size: 14px; }.hero-metrics { margin-top: 48px; }.hero-metrics div { min-width: 106px; padding: 0 14px; }.hero-metrics b { font-size: 29px; }.hero-metrics small { font-size: 8px; }.YtLmA { display: none; }.topic-rail-inner { gap: 18px; }.intro-grid { grid-template-columns: 1fr; gap: 27px; }.intro-note { width: min(100%, 370px); }.split-heading { grid-template-columns: 1fr; gap: 22px; }.featured-grid { grid-template-columns: 1fr 1fr; margin-top: 36px; }.feature-card { grid-column: 1 / -1; }.video-list-grid { grid-template-columns: 1fr; }.mini-video:nth-child(odd) { margin-right: 0; }.mini-video:nth-child(even) { padding-left: 0; border-left: 0; }.mini-video:nth-child(odd):hover, .mini-video:nth-child(even):hover { padding-left: 12px; }.media-layout { grid-template-columns: 1fr; gap: 15px; }.media-index { display: flex; align-items: center; min-height: 0; gap: 12px; }.media-index > p { margin: 0; }.index-line, .media-index .rotated { display: none; }.media-cards { margin-top: 37px; }.ai-layout { grid-template-columns: 1fr; gap: 38px; }.ai-console { max-width: 590px; }.community-grid { grid-template-columns: 1fr; }.build-layout { grid-template-columns: 1fr; gap: 36px; }.build-photo, .build-photo img { min-height: 420px; }.expert-grid { grid-template-columns: 1fr 1fr; }.partners-section { padding: 75px 0 67px; }.join-layout { grid-template-columns: 1fr; gap: 42px; }.review-grid { gap: 12px; }.faq-layout { grid-template-columns: 1fr; gap: 34px; }.contact-layout { grid-template-columns: 1fr; gap: 0; }.contact-copy { padding: 75px 0 43px; }.contact-visual { min-height: 480px; padding-top: 20px; }.social-layout { grid-template-columns: 1fr; gap: 39px; }.social-section > .shell { padding-top: 75px; padding-bottom: 75px; }.qr-area { grid-template-columns: 137px 137px; }.community-entry { grid-column: 1 / -1; padding-left: 0; }.tag-map-head { grid-template-columns: 1fr; gap: 14px; }.footer-top { grid-template-columns: 1fr; gap: 20px; padding: 31px 0; }.back-top { justify-self: start; }.footer-nav { grid-template-columns: 1fr 1fr; gap: 28px 20px; }.footer-bottom { flex-wrap: wrap; }
}

@media (max-width: 520px) {
  body { font-size: 15px; }.shell { width: calc(100% - 30px); }.section { padding: 62px 0; }.search-label { font-size: 15px; }.fake-search { width: calc(100% - 56px); }.fake-search input { font-size: 11px; }.fake-search button { padding: 0 9px; }.search-tip { margin-left: 56px; }.hero { min-height: 580px; }.hero-content { padding-top: 51px; }.hero h1 { font-size: 43px; line-height: 1.12; }.hero-subtitle { margin-top: 20px; line-height: 1.7; }.hero-actions { margin-top: 26px; }.button { min-height: 44px; padding: 0 15px; font-size: 12px; }.hero-metrics { margin-top: 41px; }.hero-metrics div { min-width: auto; flex: 1; padding: 0 9px; }.hero-metrics b { font-size: 25px; }.hero-metrics small { font-size: 7px; line-height: 1.3; }.ms2uDOj { display: none; }.topic-rail-inner { width: 100%; padding-left: 15px; }.topic-rail p { font-size: 17px; }.intro-copy h2, .section-heading h2, .media-main h2, .ai-copy h2, .build-copy h2, .experts-section h2, .join-section h2, .faq-intro h2, .contact-copy h2, .social-section h2, .partners-heading h2 { font-size: 32px; letter-spacing: -2px; }.intro-copy p { font-size: 13px; }.featured-grid { grid-template-columns: 1fr; }.feature-card { grid-column: auto; }.feature-card .video-details h3 { font-size: 18px; }.video-details h3 { font-size: 16px; }.mini-video { grid-template-columns: 34px minmax(0,1fr) 31px; gap: 8px; min-height: 108px; }.mini-num { font-size: 29px; }.media-cards { grid-template-columns: 1fr; }.media-cards article, .media-cards article:nth-child(even) { min-height: 152px; padding: 19px 0; border-left: 0; }.ai-console { box-shadow: 10px 12px 0 rgba(242,88,34,.25); }.console-body { grid-template-columns: 1fr; }.ai-video-preview { min-height: 245px; }.ai-readout { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 9px; padding: 16px; border-top: 1px solid rgba(255,255,255,.15); border-left: 0; }.ai-readout div { padding-left: 7px; }.ai-readout small, .ai-readout b { font-size: 8px; }.console-bottom { display: none; }.community-feature { min-height: 370px; padding: 24px; }.community-feature h3 { margin-top: 39px; font-size: 21px; }.community-list article { grid-template-columns: 31px minmax(0,1fr) 15px; gap: 8px; padding: 14px; }.build-photo, .build-photo img { min-height: 330px; }.build-steps { gap: 15px; }.expert-grid { grid-template-columns: 1fr; }.expert-card { min-height: auto; }.expert-card ul { min-height: auto; }.logo-wall { grid-template-columns: repeat(2, 1fr); }.logo-wall div { min-height: 78px; font-size: 21px; }.join-steps { grid-template-columns: 1fr; }.join-steps li, .join-steps li:nth-child(even) { min-height: 130px; padding: 18px 0; border-left: 0; }.review-grid { grid-template-columns: 1fr; }.review-grid .offset-review { transform: none; }.faq-list summary { min-height: 76px; font-size: 12px; line-height: 1.6; }.faq-list details p { font-size: 11px; }.contact-copy { padding-top: 62px; }.contact-visual::before { left: 19px; }.garage-sign { width: calc(100% - 19px); margin-left: 19px; }.garage-sign b { font-size: 100px; }.address-card { margin-left: -1px; }.qr-area { grid-template-columns: 1fr 1fr; gap: 9px; }.qr-card { padding: 8px; }.tag-cloud { gap: 6px; }.tag-cloud a { padding: 5px 7px; font-size: 9px; }.footer-nav { grid-template-columns: 1fr 1fr; }.footer-bottom { display: grid; gap: 5px; }.footer-bottom p { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* 暗网猎奇栏目页首屏：所有视觉样式保持在外部CSS中 */
.subpage-creative-hero,
.subpage-garage-hero,
.subpage-team-hero,
.subpage-parts-hero { min-height: 520px; }
.subpage-creative-hero { background-image: linear-gradient(90deg, rgba(3,8,15,.93), rgba(3,8,15,.30)), url('../images/video-night.jpg'); background-position: center center; }
.subpage-garage-hero { background-image: linear-gradient(90deg, rgba(3,8,15,.92), rgba(3,8,15,.24)), url('../images/video-dyno.jpg'); background-position: center center; }
.subpage-team-hero { background-image: linear-gradient(90deg, rgba(3,8,15,.暗网猎奇), rgba(3,8,15,.22)), url('../images/team-garage.jpg'); background-position: center center; }
.subpage-parts-hero { background-image: linear-gradient(90deg, rgba(3,8,15,.94), rgba(3,8,15,.26)), url('../images/video-suspension.jpg'); background-position: center center; }
.subpage-creative-hero .QJIyj,
.subpage-garage-hero .QJIyj,
.subpage-team-hero .QJIyj,
.subpage-parts-hero .QJIyj { display: none; }
@media (max-width: 520px) {
  .subpage-creative-hero,
  .subpage-garage-hero,
  .subpage-team-hero,
  .subpage-parts-hero { min-height: 520px; background-position: 58% center; }
}

/* 暗网猎奇内容可信度与资料公开模块 */
.eeat-strip { color: var(--ink); background: var(--orange-soft); border-top: 1px solid rgba(242, 88, 34, .35); border-bottom: 1px solid rgba(242, 88, 34, .35); }
.eeat-strip-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 18px 0; }
.eeat-strip p { margin: 0; color: #543420; font-size: 11px; line-height: 1.85; }
.eeat-strip p + p { padding-left: 30px; border-left: 1px solid rgba(242, 88, 34, .36); }
.eeat-strip b { color: var(--orange); }
.qr-placeholder { display: grid; place-items: center; width: 100%; aspect-ratio: 1; color: var(--orange); background: repeating-linear-gradient(45deg, #e7e8e3 0 8px, #f6f6f3 8px 16px); font-family: var(--condensed); font-size: 45px; font-style: italic; font-weight: 800; }
.subpage-standards-hero { min-height: 520px; background-image: linear-gradient(90deg, rgba(3,8,15,.93), rgba(3,8,15,.28)), url('../images/hero-garage.jpg'); background-position: center center; }
@media (max-width: 820px) { .eeat-strip-inner { grid-template-columns: 1fr; gap: 8px; padding: 14px 0; }.eeat-strip p + p { padding-top: 8px; padding-left: 0; border-top: 1px solid rgba(242, 88, 34, .36); border-left: 0; } }
@media (max-width: 520px) { .subpage-standards-hero { min-height: 520px; background-position: 60% center; }.eeat-strip p { font-size: 10px; } }

/* 暗网猎奇首页内容扩展：视频路线、观察笔记、工位蓝图与资料库 */
.route-section {
  background: #f5f3ef;
}

.route-heading,
.edit-lab-heading,
.timeline-heading {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 64px;
  align-items: end;
}

.route-heading h2,
.observation-intro h2,
.blueprint-section h2,
.safety-heading h2,
.edit-lab-heading h2,
.library-heading h2,
.timeline-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(32px, 4.1vw, 56px);
  font-weight: 900;
  letter-spacing: -3px;
  line-height: 1.25;
}

.route-heading > p,
.edit-lab-heading > p,
.timeline-heading > p {
  margin: 0;
  color: var(--steel);
  font-size: 13px;
  line-height: 2;
}

.route-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 48px;
}

.route-card {
  display: flex;
  min-height: 430px;
  flex-direction: column;
  padding: 27px 23px 22px;
  border: 1px solid var(--line);
  transition: box-shadow .25s ease, transform .25s var(--ease);
}

.route-card:hover {
  box-shadow: var(--shadow);
  transform: translateY(-7px);
}

.route-card-orange {
  color: var(--white);
  border-color: transparent;
  background: var(--orange);
}

.route-card-dark {
  color: var(--white);
  border-color: transparent;
  background: var(--ink);
}

.route-card-paper {
  background: var(--white);
}

.route-card-line {
  background: #dce4df;
}

.route-number {
  color: var(--orange);
  font-family: var(--condensed);
  font-size: 44px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.route-card-orange .route-number {
  color: var(--ink);
}

.route-card-dark .route-number {
  color: var(--orange-2);
}

.route-kicker {
  margin: 12px 0 0;
  color: var(--steel);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .5px;
}

.route-card-orange .route-kicker,
.route-card-dark .route-kicker {
  color: rgba(255, 255, 255, .65);
}

.route-card h3 {
  margin: 16px 0 0;
  font-size: 21px;
  line-height: 1.5;
}

.route-text {
  min-height: 110px;
  margin: 15px 0 0;
  color: #4d5c67;
  font-size: 11px;
  line-height: 1.95;
}

.route-card-orange .route-text,
.route-card-dark .route-text {
  color: rgba(255, 255, 255, .82);
}

.route-list {
  display: grid;
  gap: 7px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.route-list li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  color: inherit;
  font-size: 10px;
  line-height: 1.65;
}

.route-list span {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 8px;
}

.route-card-orange .route-list span {
  color: var(--ink);
}

.route-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid currentColor;
  font-size: 11px;
  font-weight: 800;
}

.route-link span {
  color: var(--orange);
  font-size: 18px;
  line-height: 1;
  transition: transform .2s var(--ease);
}

.route-card-orange .route-link span {
  color: var(--ink);
}

.route-link:hover span {
  transform: translateX(5px);
}

.observation-section {
  background: var(--white);
}

.observation-layout {
  display: grid;
  grid-template-columns: .73fr 1.27fr;
  gap: 85px;
  align-items: start;
}

.observation-intro {
  position: sticky;
  top: 24px;
}

.observation-intro > p:not(.eyebrow) {
  margin: 24px 0 0;
  color: var(--steel);
  font-size: 13px;
  line-height: 2;
}

.observation-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.observation-card {
  min-height: 194px;
  padding: 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fcfcfa;
  transition: background .2s ease;
}

.observation-card:hover {
  background: #fff0e9;
}

.observation-index {
  display: inline-block;
  color: var(--orange);
  font-family: var(--condensed);
  font-size: 28px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.observation-card h3 {
  margin: 8px 0 0;
  font-size: 16px;
}

.observation-card p {
  margin: 8px 0 0;
  color: var(--steel);
  font-size: 11px;
  line-height: 1.85;
}

.blueprint-section {
  overflow: hidden;
  color: var(--white);
  background: var(--ink);
}

.blueprint-section h2 {
  max-width: 780px;
  color: var(--white);
}

.blueprint-section h2 strong {
  color: var(--orange-2);
}

.blueprint-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 34px;
  margin-bottom: 20px;
}

.blueprint-topline > p:not(.eyebrow) {
  max-width: 400px;
  margin: 0;
  color: #b9c4cd;
  font-size: 12px;
  line-height: 1.9;
}

.blueprint-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-top: 48px;
  background: rgba(255, 255, 255, .18);
}

.blueprint-step {
  min-height: 340px;
  padding: 26px 23px;
  background: #0c1a29;
  transition: background .2s ease;
}

.blueprint-step:hover {
  background: #13283d;
}

.blueprint-step-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blueprint-step-head span {
  color: var(--orange-2);
  font-family: var(--condensed);
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.blueprint-step-head small {
  color: #8d9ba6;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .7px;
}

.blueprint-step h3 {
  margin: 32px 0 0;
  color: var(--white);
  font-size: 19px;
}

.blueprint-step p {
  margin: 11px 0 0;
  color: #b5c0c8;
  font-size: 11px;
  line-height: 1.9;
}

.blueprint-step ul {
  display: grid;
  gap: 7px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.blueprint-step li {
  position: relative;
  padding-left: 11px;
  color: #d8dee2;
  font-size: 10px;
  line-height: 1.6;
}

.blueprint-step li::before {
  position: absolute;
  left: 0;
  color: var(--orange-2);
  content: '•';
}

.blueprint-footnote {
  display: grid;
  grid-template-columns: 155px 1fr auto;
  gap: 26px;
  align-items: center;
  padding: 20px 0 0;
}

.blueprint-footnote span {
  color: var(--orange-2);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .7px;
}

.blueprint-footnote p {
  margin: 0;
  color: #aebac2;
  font-size: 11px;
  line-height: 1.8;
}

.blueprint-footnote a {
  color: var(--white);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.blueprint-footnote a:hover {
  color: var(--orange-2);
}

.safety-section {
  background: #e5e8e5;
}

.safety-heading {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 65px;
  align-items: end;
}

.safety-heading > p:not(.eyebrow) {
  max-width: 570px;
  margin: 0;
  color: var(--steel);
  font-size: 13px;
  line-height: 2;
}

.safety-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 48px;
}

.safety-card {
  min-height: 255px;
  padding: 24px 21px;
  color: var(--white);
  background: var(--slate);
  transition: background .2s ease, transform .2s var(--ease);
}

.safety-card:nth-child(even) {
  background: var(--ink);
}

.safety-card:hover {
  background: var(--orange);
  transform: translateY(-5px);
}

.safety-symbol {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  color: var(--orange-2);
  font-family: var(--mono);
  font-size: 10px;
}

.safety-card:hover .safety-symbol {
  color: var(--ink);
  border-color: var(--ink);
}

.safety-card h3 {
  margin: 25px 0 0;
  font-size: 18px;
}

.safety-card p {
  margin: 10px 0 0;
  color: #c1cbd1;
  font-size: 11px;
  line-height: 1.9;
}

.safety-card:hover p {
  color: #fff0e9;
}

.edit-lab-section {
  background: #fbfaf7;
}

.edit-lab-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 49px;
}

.edit-card {
  display: flex;
  min-height: 286px;
  flex-direction: column;
  padding: 22px;
  background: var(--white);
  box-shadow: 0 7px 17px rgba(7,17,29,.05);
  transition: transform .24s var(--ease), box-shadow .24s ease;
}

.edit-card:hover {
  box-shadow: var(--shadow);
  transform: translateY(-6px);
}

.edit-card-top {
  display: flex;
  justify-content: space-between;
  color: var(--orange);
  font-family: var(--mono);
  font-size: 9px;
}

.edit-card-top b {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 11px;
}

.edit-card h3 {
  margin: 32px 0 0;
  font-size: 18px;
  line-height: 1.5;
}

.edit-card p {
  margin: 10px 0 0;
  color: var(--steel);
  font-size: 11px;
  line-height: 1.9;
}

.edit-rule {
  margin-top: auto;
  padding-top: 13px;
  border-top: 1px solid var(--line);
  color: var(--orange);
  font-size: 10px;
  font-weight: 800;
}

.edit-lab-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 26px;
  padding: 19px 22px;
  background: #e8ece8;
}

.edit-lab-bottom p {
  max-width: 760px;
  margin: 0;
  color: var(--steel);
  font-size: 11px;
  line-height: 1.85;
}

.library-section {
  background: #f1f0eb;
}

.library-heading {
  max-width: 820px;
}

.library-heading > p:not(.eyebrow) {
  max-width: 680px;
  margin: 24px 0 0;
  color: var(--steel);
  font-size: 13px;
  line-height: 2;
}

.library-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 48px;
}

.library-card {
  position: relative;
  min-height: 332px;
  padding: 26px 24px;
  overflow: hidden;
  background: var(--white);
  transition: transform .23s var(--ease), box-shadow .23s ease;
}

.library-card::after {
  position: absolute;
  right: -3px;
  bottom: -38px;
  color: rgba(7,17,29,.045);
  content: '暗网猎奇';
  font-family: var(--condensed);
  font-size: 140px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.library-card:hover {
  box-shadow: var(--shadow);
  transform: translateY(-6px);
}

.library-label {
  position: relative;
  z-index: 1;
  color: var(--orange);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .3px;
}

.library-card h3 {
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.55;
}

.library-card p {
  position: relative;
  z-index: 1;
  margin: 10px 0 0;
  color: var(--steel);
  font-size: 11px;
  line-height: 1.85;
}

.library-card ul {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.library-card li {
  position: relative;
  padding-left: 10px;
  color: #40505b;
  font-size: 10px;
  line-height: 1.65;
}

.library-card li::before {
  position: absolute;
  left: 0;
  color: var(--orange);
  content: '•';
}

.library-card a {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 15px;
  color: var(--ink);
  font-size: 10px;
  font-weight: 800;
}

.library-card a:hover {
  color: var(--orange);
}

.timeline-section {
  color: var(--white);
  background: var(--orange);
}

.timeline-heading h2 {
  color: var(--white);
}

.timeline-heading h2 strong {
  color: var(--ink);
}

.timeline-heading > p {
  color: #ffe7dd;
}

.timeline-heading .eyebrow {
  color: #fff4ef;
}

.timeline-heading .eyebrow span {
  color: var(--ink);
}

.timeline-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 48px;
  border-top: 1px solid rgba(255,255,255,.58);
  border-left: 1px solid rgba(255,255,255,.58);
}

.timeline-card {
  min-height: 215px;
  padding: 24px;
  border-right: 1px solid rgba(255,255,255,.58);
  border-bottom: 1px solid rgba(255,255,255,.58);
  transition: color .2s ease, background .2s ease;
}

.timeline-card:hover {
  color: var(--orange);
  background: var(--white);
}

.timeline-card span {
  color: var(--ink);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
}

.timeline-card h3 {
  margin: 19px 0 0;
  font-size: 19px;
}

.timeline-card p {
  margin: 8px 0 0;
  color: #fff0e9;
  font-size: 11px;
  line-height: 1.9;
}

.timeline-card:hover p {
  color: var(--steel);
}

.timeline-note {
  margin: 19px 0 0;
  color: #ffe7dd;
  font-size: 10px;
  line-height: 1.85;
}

@media (max-width: 1050px) {
  .route-grid,
  .safety-grid,
  .edit-lab-grid,
  .timeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blueprint-flow {
    grid-template-columns: repeat(2, 1fr);
  }

  .library-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .observation-layout {
    gap: 48px;
  }
}

@media (max-width: 820px) {
  .route-heading,
  .edit-lab-heading,
  .timeline-heading,
  .safety-heading,
  .observation-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .observation-intro {
    position: static;
  }

  .blueprint-topline {
    display: grid;
    gap: 10px;
  }

  .blueprint-footnote {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .blueprint-footnote a {
    justify-self: start;
  }

  .library-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .route-grid,
  .safety-grid,
  .edit-lab-grid,
  .library-grid,
  .timeline-grid,
  .blueprint-flow,
  .observation-grid {
    grid-template-columns: 1fr;
  }

  .route-card {
    min-height: auto;
  }

  .route-text {
    min-height: auto;
  }

  .observation-card,
  .blueprint-step,
  .library-card {
    min-height: auto;
  }

  .safety-heading,
  .route-heading,
  .edit-lab-heading,
  .timeline-heading {
    gap: 16px;
  }

  .edit-lab-bottom {
    display: grid;
    gap: 15px;
  }

  .edit-lab-bottom .button {
    justify-self: start;
  }
}

/* Per-site vector logo asset */
.brand-logo { display: block; width: auto; height: 42px; max-width: min(220px, 46vw); object-fit: contain; object-position: left center; }
.footer-brand .brand-logo { height: 38px; }