:root {
  --ink:#101514;
  --ink-soft:#18211e;
  --paper:#f4f0e8;
  --white:#fffdf8;
  --lime:#c8ff3d;
  --orange:#fb6f3d;
  --metal:#aab5ae;
  --line:rgba(16,21,20,.15);
  --shell:1180px;
  --ease:cubic-bezier(.23,1,.32,1);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif; line-height:1.7; }
body::selection { background:var(--lime); color:var(--ink); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { cursor:pointer; }
img { max-width:100%; height:auto; display:block; }
video { display:block; width:100%; height:100%; object-fit:cover; }
.shell { width:min(var(--shell),calc(100% - 40px)); margin-inline:auto; }
.skip-link { position:absolute; transform:translateY(-150%); left:12px; top:12px; z-index:100; padding:8px 12px; color:var(--ink); background:var(--lime); }
.skip-link:focus { transform:translateY(0); }
.site-header { position:sticky; top:0; z-index:50; background:rgba(16,21,20,.96); color:var(--white); border-bottom:1px solid rgba(255,255,255,.1); }
.header-row { min-height:70px; display:flex; align-items:center; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:10px; min-width:157px; }
.brand img { width:42px; height:42px; }
.brand span { display:grid; line-height:1; }
.brand b { letter-spacing:-.08em; font-size:25px; color:var(--lime); }
.brand small { margin-top:4px; font-size:7px; color:rgba(255,255,255,.65); letter-spacing:.14em; }
.main-nav { display:flex; align-items:center; gap:23px; margin-left:auto; }
.main-nav a { position:relative; font-size:13px; color:rgba(255,255,255,.77); transition:color .18s var(--ease); }
.main-nav a::after { content:""; position:absolute; left:0; bottom:-7px; height:2px; width:0; background:var(--lime); transition:width .18s var(--ease); }
.main-nav a:hover,.main-nav a[aria-current="page"] { color:var(--white); }
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after { width:100%; }
.header-cta { border:1px solid var(--lime); padding:8px 12px; color:var(--lime); font-size:12px; font-weight:700; transition:background .18s var(--ease),color .18s var(--ease); }
.header-cta:hover { background:var(--lime); color:var(--ink); }
.header-cta i { font-style:normal; margin-left:5px; }
.menu-toggle { display:none; background:transparent; border:0; width:38px; padding:8px; }
.menu-toggle span { display:block; width:22px; height:2px; margin:4px 0; background:var(--white); }
.search-strip { color:var(--white); background:#141a18; border-bottom:1px solid rgba(255,255,255,.08); }
.search-wrap { display:grid; grid-template-columns:auto minmax(220px,430px) auto 1fr; align-items:center; gap:12px; padding:10px 0; }
.search-label { font-size:11px; letter-spacing:.11em; color:var(--lime); font-weight:800; }
.search-control { display:flex; align-items:center; min-width:0; padding:7px 10px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04); }
.search-control span { margin-right:7px; font-size:18px; color:var(--lime); }
.search-control input { width:100%; color:var(--white); background:transparent; border:0; outline:0; font-size:12px; }
.search-control input::placeholder { color:rgba(255,255,255,.5); }
.search-button { padding:8px 14px; background:var(--lime); border:1px solid var(--lime); color:var(--ink); font-size:12px; font-weight:800; }
.search-note { margin:0; font-size:11px; color:rgba(255,255,255,.55); }
.crumb { display:flex; gap:10px; align-items:center; padding-top:18px; color:#5c635f; font-size:12px; }
.crumb a { font-weight:800; color:var(--ink); }
.crumb span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hero { position:relative; overflow:hidden; min-height:650px; color:var(--white); background:var(--ink); isolation:isolate; }
.hero-bg { position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(16,21,20,.92) 0%,rgba(16,21,20,.75) 38%,rgba(16,21,20,.18) 100%),url("images/hero-garage.jpg"); background-position:center; background-size:cover; }
.hero-grid { position:absolute; inset:0; z-index:-1; opacity:.25; background-image:linear-gradient(rgba(200,255,61,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.12) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000 0%,transparent 70%); }
.hero-content { padding:112px 0 75px; }
.hero-kicker,.eyebrow { margin:0 0 14px; color:#5c685f; font-size:11px; line-height:1.4; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.hero-kicker { color:var(--lime); }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:850px; margin-bottom:24px; font-size:clamp(42px,6vw,79px); line-height:1.02; letter-spacing:-.075em; font-weight:900; }
h1 em { color:var(--lime); font-style:normal; }
h2 { letter-spacing:-.065em; font-size:clamp(32px,4vw,52px); line-height:1.05; }
h3 { letter-spacing:-.04em; line-height:1.2; }
.hero-lead { max-width:570px; color:rgba(255,255,255,.78); font-size:16px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 53px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:13px 20px; border:1px solid transparent; font-size:13px; font-weight:900; transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease); }
.button:hover { transform:translateY(-2px); }
.button:active { transform:scale(.97); }
.button-primary { background:var(--lime); color:var(--ink); }
.button-primary:hover { background:#e0ff8d; }
.button-ghost { color:var(--white); border-color:rgba(255,255,255,.52); }
.button-ghost:hover { border-color:var(--white); background:rgba(255,255,255,.09); }
.button-dark { background:var(--ink); color:var(--white); }
.button-dark:hover { background:#26332d; }
.hero-trust { display:flex; gap:29px; flex-wrap:wrap; }
.hero-trust span { display:grid; color:rgba(255,255,255,.59); font-size:11px; }
.hero-trust b { color:var(--white); font-size:22px; line-height:1.1; }
.hero-side { position:absolute; right:max(20px,calc((100vw - var(--shell))/2)); bottom:35px; max-width:205px; display:grid; gap:7px; padding:13px 15px; border-left:2px solid var(--lime); background:rgba(16,21,20,.67); backdrop-filter:blur(8px); }
.hero-side p,.hero-side strong,.hero-side span { margin:0; font-size:11px; }
.hero-side strong { font-size:13px; line-height:1.4; }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(251,111,61,.15); }
.intro-band { display:flex; justify-content:space-between; gap:25px; padding:31px 0; align-items:center; border-bottom:1px solid var(--line); }
.intro-band p { max-width:760px; margin:0; font-size:16px; }
.intro-band a,.text-link { color:#496110; font-size:13px; font-weight:900; white-space:nowrap; }
.intro-band i,.text-link i { margin-left:5px; color:var(--orange); font-style:normal; }
.section { padding:105px 0; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:end; margin-bottom:35px; }
.section-heading p:last-child { max-width:420px; margin-bottom:7px; color:#616762; font-size:14px; }
.video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.video-card { overflow:hidden; background:var(--white); box-shadow:0 10px 30px rgba(16,21,20,.05); outline:1px solid transparent; transition:transform .22s var(--ease),outline-color .22s var(--ease),box-shadow .22s var(--ease); }
.video-card:hover,.video-card:focus-within { transform:translateY(-5px); outline-color:var(--lime); box-shadow:0 16px 40px rgba(16,21,20,.12); }
.video-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#1c2621; }
.video-media video { position:absolute; inset:0; opacity:0; transition:opacity .2s var(--ease); }
.video-media img { width:100%; height:100%; object-fit:cover; transition:transform .4s var(--ease),opacity .2s var(--ease); }
.video-card:hover .video-media img,.video-card.is-playing .video-media img { transform:scale(1.06); opacity:.58; }
.video-card.is-playing .video-media video { opacity:.3; }
.duration,.video-index { position:absolute; padding:3px 6px; color:var(--white); background:rgba(16,21,20,.8); font-size:10px; font-weight:800; }
.duration { right:8px; bottom:8px; }
.video-index { left:8px; top:8px; color:var(--lime); }
.play-button { position:absolute; left:50%; top:50%; width:48px; height:48px; border:1px solid var(--lime); border-radius:50%; background:rgba(16,21,20,.72); color:var(--lime); transform:translate(-50%,-45%) scale(.86); opacity:0; transition:opacity .2s var(--ease),transform .2s var(--ease); }
.video-card:hover .play-button,.video-card:focus-within .play-button { opacity:1; transform:translate(-50%,-50%) scale(1); }
.video-copy { padding:16px; }
.video-copy .eyebrow { margin-bottom:6px; font-size:9px; color:#768079; }
.video-copy h3 { min-height:42px; margin-bottom:14px; font-size:17px; }
.metrics { display:flex; gap:10px; color:#68716c; font-size:10px; font-weight:700; }
.tag-row { display:flex; flex-wrap:wrap; gap:5px; margin-top:13px; }
.tag-row b { padding:3px 5px; background:#e8eee5; color:#4e5949; font-size:9px; font-weight:800; }
.center { margin-top:30px; text-align:center; }
.split-feature { color:var(--white); background:var(--ink); }
.split-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.feature-copy .eyebrow { color:var(--lime); }
.feature-copy h2 { margin-bottom:22px; }
.feature-copy>p { max-width:490px; color:rgba(255,255,255,.74); }
.feature-list { display:grid; gap:17px; margin:31px 0; }
.feature-list>div { display:flex; gap:15px; align-items:center; }
.feature-list strong { color:var(--lime); font-size:15px; }
.feature-list span { display:grid; }
.feature-list b { font-size:14px; }
.feature-list small { color:rgba(255,255,255,.55); font-size:12px; }
.feature-visual { position:relative; }
.feature-visual>img { min-height:420px; object-fit:cover; filter:contrast(1.05) saturate(.8); }
.frame-card { position:absolute; right:-15px; bottom:-22px; display:grid; gap:12px; padding:22px; color:var(--ink); background:var(--lime); }
.frame-card span,.frame-card small { font-size:9px; letter-spacing:.1em; font-weight:900; }
.frame-card b { font-size:23px; line-height:1.04; letter-spacing:-.06em; }
.ai-section { overflow:hidden; }
.ai-layout { display:grid; grid-template-columns:1.12fr .88fr; align-items:stretch; gap:22px; }
.ai-image { position:relative; min-height:490px; background:var(--ink); }
.ai-image>img { width:100%; height:100%; object-fit:cover; }
.data-pip { position:absolute; padding:10px 13px; color:var(--white); border:1px solid rgba(255,255,255,.28); background:rgba(16,21,20,.76); font-size:10px; line-height:1.4; backdrop-filter:blur(5px); }
.data-pip b { color:var(--lime); font-size:17px; }
.data-pip.one { left:8%; bottom:14%; }
.data-pip.two { right:8%; top:13%; }
.ai-cards { display:grid; gap:14px; }
.ai-cards article { display:flex; flex-direction:column; justify-content:center; min-height:150px; padding:25px; background:var(--white); border-left:3px solid var(--lime); }
.ai-cards span { color:#768079; font-size:10px; letter-spacing:.12em; font-weight:900; }
.ai-cards h3 { margin:8px 0 7px; font-size:23px; }
.ai-cards p { margin:0; color:#626b65; font-size:13px; }
.community-block { padding:105px 0; color:var(--white); background:#1b2420; }
.community-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:37px; }
.community-head .eyebrow { color:var(--lime); }
.community-head h2 { margin:0; }
.topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.topic-grid article { min-height:232px; display:flex; flex-direction:column; padding:20px; background:#26332d; transition:background .18s var(--ease),transform .18s var(--ease); }
.topic-grid article:hover { transform:translateY(-4px); background:#34443b; }
.topic-grid span { color:var(--lime); font-size:10px; letter-spacing:.12em; font-weight:900; }
.topic-grid h3 { margin:12px 0 8px; font-size:23px; }
.topic-grid p { color:rgba(255,255,255,.67); font-size:12px; line-height:1.6; }
.topic-grid b { margin-top:auto; color:rgba(255,255,255,.7); font-size:11px; }
.expert-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.expert-grid article { padding:21px; border:1px solid var(--line); background:rgba(255,255,255,.28); }
.avatar,.portrait { display:inline-flex; align-items:center; justify-content:center; color:var(--white); background:var(--ink); font-weight:900; }
.avatar { width:48px; height:48px; margin-bottom:17px; font-size:17px; border-radius:50%; }
.avatar-a,.portrait-a { background:#496110; }.avatar-b,.portrait-b { background:#b34826; }.avatar-c,.portrait-c { background:#1b5f6b; }.avatar-d { background:#605080; }
.expert-grid p { margin-bottom:3px; color:#707973; font-size:10px; font-weight:800; }
.expert-grid h3 { margin-bottom:5px; font-size:24px; }
.expert-grid small { display:block; min-height:37px; color:#5f6862; font-size:11px; line-height:1.5; }
.expert-grid div { display:flex; align-items:baseline; gap:7px; margin:20px 0 14px; }
.expert-grid div b { font-size:27px; line-height:1; }.expert-grid div span { color:#6d756f; font-size:10px; }
.expert-grid a { color:#4f6518; font-size:12px; font-weight:900; }
.tag-wall { padding:80px 0; color:var(--white); background:var(--ink); }
.tag-wall .eyebrow { color:var(--lime); }.tag-wall h2 { margin-bottom:14px; }.tag-wall>div>p:not(.eyebrow) { color:rgba(255,255,255,.65); }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.chips span { padding:6px 9px; color:#dbe3db; border:1px solid rgba(255,255,255,.16); font-size:11px; line-height:1.3; }.chips span:nth-child(5n+1) { color:var(--lime); border-color:rgba(200,255,61,.44); }
.join-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center; }.join-copy p:not(.eyebrow) { max-width:390px; color:#5e6860; }.join-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }.join-steps article { position:relative; padding:21px 17px; min-height:198px; border-top:3px solid var(--ink); background:var(--white); }.join-steps span { color:var(--orange); font-weight:900; }.join-steps h3 { margin:26px 0 10px; font-size:20px; }.join-steps p { margin:0; color:#69716b; font-size:12px; }
.faq-area { padding:88px 0; background:#e7e3da; }.faq-grid { display:grid; grid-template-columns:.74fr 1.26fr; gap:65px; }.faq-grid>div>p:not(.eyebrow) { color:#5f6761; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; gap:15px; padding:17px 0; font-weight:800; font-size:14px; cursor:pointer; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary i { color:var(--orange); font-style:normal; }.faq-list p { max-width:640px; padding-bottom:17px; margin:0; color:#606862; font-size:13px; }
.testimonial-section { padding-bottom:105px; }.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.testimonial-grid article { min-height:185px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; background:var(--white); }.testimonial-grid article>p { font-size:14px; line-height:1.7; }.testimonial-grid footer { display:flex; justify-content:space-between; gap:11px; padding-top:13px; border-top:1px solid var(--line); color:#68716b; font-size:10px; }.testimonial-grid footer b { color:#4f6518; font-size:9px; text-align:right; }
.cta-banner { position:relative; overflow:hidden; padding:90px 0; color:var(--white); background:#a73d22; }.cta-banner::after { content:"91"; position:absolute; right:2%; bottom:-105px; color:rgba(255,255,255,.1); font-size:310px; font-weight:900; line-height:1; letter-spacing:-.15em; }.cta-banner .shell { position:relative; z-index:1; }.cta-banner p { color:#ffcebd; font-size:10px; letter-spacing:.15em; font-weight:900; }.cta-banner h2 { max-width:600px; }.cta-banner .button { background:var(--lime); color:var(--ink); }
.site-footer { color:rgba(255,255,255,.7); background:var(--ink); }.footer-top { display:grid; grid-template-columns:1.15fr .6fr .72fr auto; gap:35px; padding:60px 0 45px; }.footer-brand .brand { margin-bottom:16px; }.footer-brand>p { max-width:350px; font-size:12px; line-height:1.7; }.demo-note { color:#b5c1b5; font-size:10px!important; }.footer-links h3 { margin:0 0 14px; color:var(--white); font-size:13px; }.footer-links a,.footer-links p { display:block; margin:0 0 8px; font-size:11px; }.qr-stack { display:flex; gap:9px; }.qr-stack figure { margin:0; }.qr-stack img { width:86px; height:86px; padding:5px; background:var(--white); }.qr-stack figcaption { margin-top:7px; color:#a9b2ad; font-size:8px; text-align:center; }.footer-bottom { display:flex; align-items:center; gap:17px; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); font-size:10px; }.footer-bottom p { margin:0; }.footer-bottom p:nth-child(2) { margin-left:auto; }.social-actions { display:flex; gap:5px; }.social-actions button { padding:4px 6px; color:#c4ccc5; border:1px solid rgba(255,255,255,.2); background:transparent; font-size:9px; }.social-actions button:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.toast { position:fixed; bottom:22px; left:50%; z-index:200; padding:10px 15px; color:var(--ink); background:var(--lime); box-shadow:0 8px 30px rgba(0,0,0,.18); font-size:12px; font-weight:800; transform:translate(-50%,25px); opacity:0; pointer-events:none; transition:opacity .2s var(--ease),transform .2s var(--ease); }.toast.show { opacity:1; transform:translate(-50%,0); }
.page-hero { min-height:395px; display:flex; align-items:center; margin-top:16px; color:var(--white); background:var(--ink); }.page-hero .shell { padding:70px 0; }.page-hero .eyebrow { color:var(--lime); }.page-hero h1 { margin-bottom:18px; font-size:clamp(39px,5.4vw,70px); }.page-hero p:not(.eyebrow) { max-width:600px; margin-bottom:0; color:rgba(255,255,255,.72); }.dark-page { background:linear-gradient(110deg,#16221e,#101514); }.studio-page { background:linear-gradient(110deg,#1e322b,#193b38); }.community-page { background:linear-gradient(110deg,#21342e,#26332d); }.team-page { background:linear-gradient(110deg,#382e22,#152119); }.parts-page { background:linear-gradient(110deg,#44271f,#1d2723); }.about-page { background:linear-gradient(110deg,#30354b,#1b2521); }.contact-page { background:linear-gradient(110deg,#18342e,#442d24); }
.filter-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:29px; }.filter-row button { padding:7px 10px; color:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.25); background:transparent; font-size:11px; }.filter-row button.active,.filter-row button:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.editorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-bottom:90px; }.editorial-grid article { padding:31px; color:var(--white); background:#2d3934; }.editorial-grid article+article { color:var(--ink); background:var(--lime); }.editorial-grid .eyebrow { color:inherit; }.editorial-grid h2 { font-size:34px; }.editorial-grid p:not(.eyebrow) { max-width:480px; margin:0; font-size:13px; }
.workflow { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }.workflow article { min-height:270px; padding:35px 30px; border-bottom:1px solid var(--line); }.workflow article:nth-child(odd) { border-right:1px solid var(--line); }.workflow span { color:#637020; font-size:10px; letter-spacing:.1em; font-weight:900; }.workflow h2 { margin:17px 0; font-size:32px; }.workflow p { max-width:400px; margin:0; color:#626a64; font-size:13px; }.creator-tools { padding:80px 0; color:var(--white); background:#202a26; }.creator-tools .eyebrow { color:var(--lime); }.tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.tool-grid article { display:grid; gap:8px; padding:18px; border:1px solid rgba(255,255,255,.18); }.tool-grid b { color:var(--lime); }.tool-grid span { color:rgba(255,255,255,.7); font-size:12px; }
.topic-grid.wide { grid-template-columns:repeat(3,1fr); }.topic-grid.wide article { min-height:215px; }.community-rules { padding:80px 0; color:var(--white); background:#b04c2e; }.rules-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; }.rules-grid .eyebrow { color:#ffd3c2; }.rules-grid h2 { margin:0; }.rules-grid ol { margin:0; padding-left:23px; }.rules-grid li { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.25); font-size:13px; }
.people-list { display:grid; gap:18px; }.people-list article { display:grid; grid-template-columns:125px 1fr 110px; gap:27px; align-items:center; padding:26px; background:var(--white); }.portrait { width:110px; height:110px; border-radius:50%; font-size:24px; }.people-list p { margin-bottom:8px; color:#68716b; font-size:12px; }.people-list h2 { margin:0 0 13px; font-size:35px; }.person-actions { display:flex; align-items:center; gap:18px; margin-top:18px; }.people-list aside { display:grid; gap:2px; padding-left:16px; border-left:1px solid var(--line); }.people-list aside b { font-size:30px; line-height:1.1; }.people-list aside span { margin-bottom:10px; color:#68716b; font-size:10px; }
.parts-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }.parts-grid article { min-height:260px; padding:28px; background:var(--white); border-bottom:4px solid var(--lime); }.parts-grid span { color:var(--orange); font-size:12px; font-weight:900; }.parts-grid h2 { margin:27px 0 11px; font-size:35px; }.parts-grid p { max-width:450px; color:#626b65; font-size:13px; }.parts-grid a { display:inline-block; margin-top:13px; color:#506817; font-size:12px; font-weight:900; }.note-card { margin-bottom:95px; padding:34px; color:var(--white); background:#28342e; }.note-card .eyebrow { color:var(--lime); }.note-card h2 { max-width:780px; margin-bottom:14px; font-size:34px; }.note-card p:not(.eyebrow) { max-width:660px; margin:0; color:rgba(255,255,255,.66); font-size:13px; }
.about-grid { display:grid; grid-template-columns:.55fr 1.45fr; gap:55px; }.method-list { display:grid; grid-template-columns:1fr 1fr; }.method-list article { padding:24px; border-top:1px solid var(--line); }.method-list article:nth-child(odd) { border-right:1px solid var(--line); }.method-list b { color:var(--orange); }.method-list h3 { margin:22px 0 8px; font-size:25px; }.method-list p { margin:0; color:#626a64; font-size:12px; }.contact-panel { display:grid; grid-template-columns:1fr 1fr; gap:0; margin-bottom:80px; background:var(--white); }.contact-panel>div:first-child { padding:36px; }.contact-panel>img { width:100%; height:100%; min-height:290px; object-fit:cover; }.contact-details { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; padding:23px 36px; color:var(--white); background:#202a26; }.contact-details p { margin:0; font-size:11px; }.contact-details p b { display:block; margin-bottom:4px; color:var(--lime); font-size:9px; letter-spacing:.1em; }.contact-details .button { align-self:center; padding:9px 10px; color:var(--ink); background:var(--lime); font-size:11px; }.partner-section { padding-bottom:100px; }.logo-wall { display:grid; grid-template-columns:repeat(4,1fr); margin-top:23px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.logo-wall span { padding:23px 12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; font-weight:900; letter-spacing:.04em; }
.contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; margin:75px auto; background:var(--white); }.contact-info { padding:40px; }.contact-info h2 { font-size:34px; }.contact-info h2 small { display:block; margin-top:5px; color:#717a72; font-size:11px; letter-spacing:0; }.contact-info dl { margin:28px 0 0; }.contact-info dl div { padding:12px 0; border-top:1px solid var(--line); }.contact-info dt { color:#65701f; font-size:10px; font-weight:900; letter-spacing:.1em; }.contact-info dd { margin:4px 0 0; font-size:13px; }.contact-photo { position:relative; }.contact-photo img { width:100%; height:100%; min-height:410px; object-fit:cover; }.contact-photo span { position:absolute; left:18px; bottom:17px; color:var(--lime); font-size:10px; font-weight:900; letter-spacing:.1em; }.community-entrances { padding:70px 0; color:var(--white); background:#242e29; }.entrance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.entrance-grid article { display:flex; gap:15px; align-items:center; padding:18px; background:#303d36; }.entrance-grid img { width:79px; height:79px; padding:4px; background:var(--white); }.entrance-grid p { margin:0 0 4px; color:var(--lime); font-size:10px; font-weight:900; }.entrance-grid h2 { margin:0 0 6px; font-size:19px; }.entrance-grid span { color:rgba(255,255,255,.65); font-size:10px; }.app-entry>span { display:flex; flex:0 0 auto; align-items:center; justify-content:center; width:79px; height:79px; color:var(--ink); background:var(--lime); font-size:20px; font-weight:900; }
@media (max-width:900px) {
  .main-nav { gap:13px; }.main-nav a { font-size:11px; }.header-cta { display:none; }.search-wrap { grid-template-columns:auto 1fr auto; }.search-note { display:none; }.hero { min-height:610px; }.hero-side { display:none; }.section-heading { grid-template-columns:1fr; gap:10px; }.section-heading p:last-child { max-width:650px; }.video-grid { grid-template-columns:repeat(2,1fr); }.split-grid,.ai-layout { grid-template-columns:1fr; }.feature-visual { max-width:640px; }.topic-grid { grid-template-columns:repeat(2,1fr); }.expert-grid { grid-template-columns:repeat(2,1fr); }.join-section,.faq-grid { grid-template-columns:1fr; gap:28px; }.footer-top { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:span 2; }.page-hero { min-height:340px; }.topic-grid.wide { grid-template-columns:repeat(2,1fr); }.contact-details { grid-template-columns:1fr 1fr; }.entrance-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .shell { width:min(100% - 28px,var(--shell)); }.header-row { min-height:62px; }.main-nav { position:absolute; top:62px; left:0; right:0; display:none; padding:16px 15px; background:#101514; border-top:1px solid rgba(255,255,255,.12); }.main-nav.is-open { display:grid; grid-template-columns:repeat(2,1fr); }.main-nav a { padding:8px 0; font-size:13px; }.main-nav a::after { display:none; }.menu-toggle { display:block; margin-left:auto; }.brand { min-width:0; }.search-wrap { grid-template-columns:1fr auto; }.search-label { display:none; }.search-control { min-width:0; }.hero { min-height:570px; }.hero-content { padding-top:78px; }.hero-bg { background-position:63% center; }.hero-grid { mask-image:none; }.hero-lead { font-size:14px; }.hero-trust { gap:17px; }.hero-trust b { font-size:18px; }.intro-band { display:grid; padding:22px 0; }.intro-band p { font-size:14px; }.section { padding:70px 0; }h2 { font-size:34px; }.video-grid,.topic-grid,.expert-grid,.testimonial-grid,.join-steps,.tool-grid,.parts-grid,.method-list { grid-template-columns:1fr; }.video-copy h3 { min-height:auto; }.feature-visual>img { min-height:280px; }.frame-card { right:0; bottom:-18px; }.ai-image { min-height:310px; }.community-block { padding:70px 0; }.community-head { display:grid; align-items:start; }.tag-wall { padding:60px 0; }.chips { gap:6px; }.chips span { font-size:10px; }.faq-area { padding:60px 0; }.testimonial-section { padding-bottom:70px; }.cta-banner { padding:62px 0; }.footer-top { grid-template-columns:1fr; padding:48px 0 30px; }.footer-brand { grid-column:auto; }.footer-bottom { flex-wrap:wrap; }.footer-bottom p:nth-child(2) { margin-left:0; }.social-actions { width:100%; }.page-hero { min-height:320px; }.page-hero .shell { padding:54px 0; }.editorial-grid,.workflow,.rules-grid,.people-list article,.about-grid,.contact-panel,.contact-layout { grid-template-columns:1fr; }.workflow article:nth-child(odd),.method-list article:nth-child(odd) { border-right:0; }.topic-grid.wide { grid-template-columns:1fr; }.people-list article { gap:17px; }.portrait { width:76px; height:76px; font-size:17px; }.people-list aside { grid-template-columns:auto auto; justify-content:start; gap:9px; padding:12px 0 0; border-left:0; border-top:1px solid var(--line); }.people-list aside span { margin-bottom:0; align-self:end; }.contact-panel>img { grid-row:2; min-height:230px; }.contact-details { grid-column:auto; grid-template-columns:1fr; }.logo-wall { grid-template-columns:repeat(2,1fr); }.contact-layout { margin:50px auto; }.contact-photo { min-height:260px; }.contact-photo img { min-height:260px; }.entrance-grid article { padding:14px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* Baidu content-quality remediation: evidence-first states, not invented engagement. */
.card-status,.content-status { margin:13px 0 0; color:#5c6a51; font-size:11px; font-weight:800; line-height:1.55; }
.content-status { display:inline-block; padding:9px 12px; color:rgba(255,255,255,.78); border-left:2px solid var(--lime); background:rgba(0,0,0,.16); }
.topic-guide { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:27px; }
.topic-guide article { min-height:150px; padding:18px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.03); }
.topic-guide b { display:block; margin-bottom:9px; color:var(--lime); font-size:14px; }
.topic-guide span { color:rgba(255,255,255,.7); font-size:12px; line-height:1.65; }
.transparency-panel { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:stretch; margin-bottom:80px; padding:38px; color:var(--white); background:#26332d; }
.transparency-panel .eyebrow { color:var(--lime); }.transparency-panel h2 { margin-bottom:16px; }.transparency-panel p:not(.eyebrow) { max-width:570px; color:rgba(255,255,255,.75); }
.transparency-checks { display:grid; gap:1px; background:rgba(255,255,255,.16); }.transparency-checks p { display:flex; justify-content:space-between; gap:15px; margin:0; padding:15px; color:var(--white); background:#33423a; font-size:12px; }.transparency-checks span { color:var(--lime); font-size:11px; font-weight:800; white-space:nowrap; }
.partner-copy { max-width:650px; color:#5d6660; }.disclosure-wall span { color:#657169; font-size:12px; letter-spacing:.02em; }
.evidence-grid article { border-top-color:var(--lime); }.evidence-people article { background:#fffdf8; }.transparency-contact { box-shadow:0 12px 40px rgba(16,21,20,.07); }.transparency-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(16,21,20,.04),rgba(16,21,20,.55)); }
.transparency-photo span { z-index:1; }
.footer-top { grid-template-columns:1.15fr .75fr .75fr; }.footer-links p { max-width:205px; line-height:1.65; }
@media (max-width:900px) { .topic-guide { grid-template-columns:repeat(2,1fr); }.transparency-panel { grid-template-columns:1fr; }.footer-top { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:span 2; } }
@media (max-width:620px) { .topic-guide { grid-template-columns:1fr; }.transparency-panel { margin-bottom:50px; padding:25px; }.transparency-checks p { display:grid; }.footer-top { grid-template-columns:1fr; }.footer-brand { grid-column:auto; } }

/* Original long-form guide pages: readable, server-rendered video topic content. */
.guide-hero { padding:58px 0 70px; color:var(--white); background:#1d2823; }
.guide-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.guide-hero .eyebrow { color:var(--lime); }.guide-hero h1 { max-width:660px; margin-bottom:20px; font-size:clamp(40px,5.2vw,68px); }.guide-hero p:not(.eyebrow) { max-width:620px; color:rgba(255,255,255,.76); font-size:15px; }.guide-hero img { width:100%; min-height:315px; object-fit:cover; filter:saturate(.82) contrast(1.05); }
.guide-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }.guide-meta span { padding:5px 8px; border:1px solid rgba(255,255,255,.22); color:#dbe4dd; font-size:10px; font-weight:800; }
.guide-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:66px; padding:84px 0 95px; }.guide-toc { position:sticky; top:112px; align-self:start; padding-left:15px; border-left:2px solid var(--lime); }.guide-toc p { margin:0 0 11px; color:#637020; font-size:10px; font-weight:900; letter-spacing:.1em; }.guide-toc a { display:block; padding:6px 0; color:#59635c; font-size:12px; transition:color .15s var(--ease); }.guide-toc a:hover { color:var(--ink); font-weight:800; }
.guide-content { max-width:770px; }.guide-content section { padding:0 0 46px; margin-bottom:44px; border-bottom:1px solid var(--line); scroll-margin-top:105px; }.guide-content .eyebrow { color:#60711d; }.guide-content h2 { margin-bottom:20px; font-size:clamp(30px,3.2vw,43px); }.guide-content p { color:#3e4942; font-size:15px; line-height:2; }.guide-content blockquote { margin:28px 0; padding:18px 20px; border-left:3px solid var(--orange); background:#ebe7dd; color:#2c3730; font-size:16px; font-weight:800; line-height:1.7; }.guide-sources { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:24px; }.guide-sources a { padding:13px; color:#435a10; border:1px solid #cbd5c9; background:#fdfbf5; font-size:12px; font-weight:800; line-height:1.5; }.guide-sources a:hover { border-color:var(--lime); background:#f3f9df; }
.guide-next { padding:75px 0; color:var(--white); background:#26332d; }.guide-next .eyebrow { color:var(--lime); }.guide-next h2 { margin-bottom:30px; }.guide-next-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.guide-next-grid a { display:grid; gap:10px; min-height:168px; padding:20px; color:var(--white); border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); transition:transform .18s var(--ease),background .18s var(--ease); }.guide-next-grid a:hover { transform:translateY(-4px); background:#35443c; }.guide-next-grid span { color:var(--lime); font-size:10px; font-weight:900; letter-spacing:.1em; }.guide-next-grid b { max-width:220px; font-size:20px; line-height:1.2; letter-spacing:-.045em; }.guide-next-grid small { color:rgba(255,255,255,.68); font-size:11px; line-height:1.55; }
.guide-library { padding-top:94px; padding-bottom:94px; }
@media (max-width:900px) { .guide-hero-grid { grid-template-columns:1fr; gap:30px; }.guide-hero img { min-height:250px; }.guide-layout { grid-template-columns:1fr; gap:28px; }.guide-toc { position:static; display:flex; flex-wrap:wrap; gap:8px 15px; padding:0 0 13px; border-left:0; border-bottom:2px solid var(--lime); }.guide-toc p { width:100%; }.guide-toc a { padding:0; }.guide-next-grid { grid-template-columns:1fr; }.guide-next-grid a { min-height:auto; } }
@media (max-width:620px) { .guide-hero { padding:42px 0 48px; }.guide-hero h1 { font-size:40px; }.guide-hero p:not(.eyebrow) { font-size:14px; }.guide-layout { padding:58px 0 64px; }.guide-content p { font-size:14px; line-height:1.9; }.guide-content section { padding-bottom:35px; margin-bottom:34px; }.guide-sources { grid-template-columns:1fr; }.guide-next { padding:58px 0; }.guide-next-grid b { font-size:18px; } }