:root{--bg:#f2f0e9;--paper:#fffdf7;--ink:#101010;--muted:#66645f;--line:#d7d3c8;--accent:#ff5b35;--accent2:#f2b544;--green:#2f8d55;--shadow:0 18px 60px rgba(20,20,20,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}.page{min-height:100vh;overflow:hidden}.nav-wrap{position:sticky;top:0;z-index:50;padding:18px 24px}.nav{max-width:1180px;margin:auto;background:#090909;color:#fff;border-radius:8px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 10px 40px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.4px}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:2px}.brand-mark i{width:7px;height:7px;background:#fff;display:block}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{color:#d9d9d9;text-decoration:none;padding:8px 12px;border-radius:5px;font-size:14px}.nav-links a:hover,.nav-links a.active{background:#fff;color:#111}.badge{font-size:11px;background:var(--green);color:#fff;padding:3px 8px;border-radius:999px;margin-left:8px}.menu-btn{display:none;border:0;background:transparent;color:#fff;font-size:24px}.hero{max-width:1180px;margin:0 auto;padding:70px 24px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end;min-height:72vh}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:12px;letter-spacing:2px;color:var(--muted)}.eyebrow:before{content:"";width:34px;height:1px;background:#111}.hero h1{font-size:clamp(56px,8vw,118px);line-height:.88;font-weight:500;letter-spacing:-5px;margin:28px 0 16px}.hero .sub{font-size:18px;max-width:580px;color:#343434}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:var(--shadow);position:relative}.hero-card:before{content:"";position:absolute;inset:12px;border:1px dashed #ded8ca;border-radius:8px;pointer-events:none}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative}.kpi{padding:18px;border-top:1px solid #222}.kpi strong{display:block;font-size:42px;line-height:1}.kpi span{font-size:12px;color:var(--muted)}.scroll-note{text-align:center;color:#777;font-size:12px;margin-top:-18px}.section{padding:84px 24px}.section-inner{max-width:1180px;margin:auto}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-bottom:42px}.section-head h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-2px;margin:0}.section-head p{margin:0;color:#4a4945;max-width:700px}.grid-bg{background-color:#f8f5ed;background-image:linear-gradient(#ddd8ca 1px,transparent 1px),linear-gradient(90deg,#ddd8ca 1px,transparent 1px);background-size:42px 42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(255,253,247,.94);border:1px solid var(--line);padding:28px;border-radius:10px;min-height:230px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .num{font-size:12px;color:#777;float:right}.card h3{font-size:28px;margin:20px 0 10px}.card p{color:#555}.timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #222}.timeline-item{padding:22px 14px;border-right:1px solid var(--line)}.timeline-item:last-child{border-right:0}.dot{width:12px;height:12px;background:var(--accent);border-radius:50%;margin-top:-29px;margin-bottom:20px}.chart{background:#fffdf7;border:1px solid var(--line);border-radius:12px;padding:24px;overflow:hidden}.bars{height:260px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid #aaa;padding:0 8px}.bar{flex:1;background:linear-gradient(180deg,var(--accent2),#ffd988);border-radius:6px 6px 0 0;min-width:10px;position:relative}.bar:nth-child(3n){background:linear-gradient(180deg,var(--accent),#ff9c83)}.bar:after{content:attr(data-v);position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:11px;color:#555}.content-box{max-width:900px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:42px}.content-box h2,.content-box h3{line-height:1.25}.content-box h2{font-size:38px;margin-top:0}.content-box h3{font-size:24px;margin-top:34px}.content-box p{color:#444;margin:14px 0}.notice{border-left:4px solid var(--accent);background:#fff6ef;padding:18px 20px;margin:24px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:14px 16px;border-bottom:1px solid #ece7db;text-align:left}th{background:#111;color:#fff;font-weight:500}tr:hover td{background:#fffaf2}.pill{display:inline-block;padding:3px 8px;border:1px solid #cfc8b7;border-radius:999px;font-size:12px}.cta{max-width:1180px;margin:0 auto 84px;background:#111;color:#fff;border-radius:14px;padding:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.cta h2{font-size:42px;line-height:1.05;margin:0}.cta a{background:#fff;color:#111;padding:13px 18px;border-radius:6px;text-decoration:none;font-weight:600}.footer{background:#0c0c0c;color:#d6d6d6;padding:54px 24px 24px}.footer-inner{max-width:1180px;margin:auto}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-bottom:38px;border-bottom:1px solid #2a2a2a}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;color:#aaa;text-decoration:none;margin:7px 0}.footer p{color:#9b9b9b}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:12px;color:#777}.page-hero{max-width:1180px;margin:auto;padding:70px 24px 50px}.page-hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;letter-spacing:-4px;margin:18px 0}.page-hero p{max-width:760px;color:#4d4a46;font-size:18px}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px}.faq summary{font-weight:700;cursor:pointer}.tag-cloud{display:flex;gap:10px;flex-wrap:wrap}.tag-cloud a{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;text-decoration:none;color:#333}.seo-copy{columns:2;column-gap:42px}.seo-copy p{break-inside:avoid}.accent-line{height:10px;background:linear-gradient(90deg,var(--accent) 0 35%,#111 35% 62%,var(--accent2) 62%)}
@media(max-width:900px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:82px;left:24px;right:24px;flex-direction:column;background:#111;padding:14px;border-radius:8px}.menu-btn{display:block}.hero{grid-template-columns:1fr;gap:30px;padding-top:32px}.section-head{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline-item{border-right:0;border-bottom:1px solid var(--line)}.dot{margin-top:0}.footer-grid{grid-template-columns:1fr 1fr}.seo-copy{columns:1}.cta{margin-left:24px;margin-right:24px;grid-template-columns:1fr}.copyright{flex-direction:column}.hero h1,.page-hero h1{letter-spacing:-2px}}
@media(max-width:560px){.nav-wrap{padding:12px}.nav{height:54px}.hero,.page-hero,.section{padding-left:16px;padding-right:16px}.hero h1{font-size:58px}.kpi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.content-box{padding:24px}.cta{padding:30px 24px}.cta h2{font-size:32px}}

/* Home page enhancement */
.hero-home{min-height:auto;padding-top:54px;padding-bottom:74px;align-items:center}
.hero-copy{padding:20px 0}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.btn-dark{display:inline-block;background:#111;color:#fff;text-decoration:none;padding:13px 18px;border-radius:6px;font-weight:700}
.btn-link{color:#222;text-decoration:none;border-bottom:1px solid #999;padding-bottom:3px}
.hero-dashboard{align-self:center}
.dashboard-label,.section-kicker{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#7b776e;margin-bottom:18px}
.mini-track{height:7px;background:#ebe6da;border-radius:99px;overflow:hidden;margin:18px 18px 12px;position:relative}
.mini-track span{display:block;height:100%;background:var(--accent)}
.dashboard-note{font-size:13px;color:#69665f;margin:0 18px 8px}
.home-overview{padding-top:74px}
.home-diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfc9bc;border:1px solid #cfc9bc}
.home-diff-grid article{background:var(--paper);padding:28px;min-height:260px}
.home-diff-grid span{font-size:11px;letter-spacing:1px;color:#777}
.home-diff-grid h3{font-size:27px;line-height:1.1;margin:28px 0 12px}
.home-diff-grid p{color:#585650;margin:0}
.split-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch}
.recent-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.recent-row{display:grid;grid-template-columns:1fr .6fr 1.5fr;gap:18px;padding:17px 20px;border-bottom:1px solid #ebe6da;align-items:center}
.recent-row:last-child{border-bottom:0}.recent-head{background:#111;color:#fff;font-size:12px}.recent-row b{font-size:17px;letter-spacing:.4px}
.quick-note{background:#fff7ea;border:1px solid #e2d4b8;border-radius:10px;padding:28px}.quick-note h3,.trend-summary h3{font-size:29px;line-height:1.1;margin:24px 0 12px}.quick-note p,.trend-summary p{color:#555}.quick-note a,.trend-summary a,.card-link{color:#111;font-weight:700;text-decoration:none;border-bottom:1px solid #999}
.cards-four{grid-template-columns:repeat(4,1fr)}.cards-four .card{min-height:300px;display:flex;flex-direction:column}.cards-four .card p{flex:1}
.home-chart-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}.trend-summary{background:#111;color:#fff;border-radius:12px;padding:30px}.trend-summary p,.trend-summary .num{color:#bbb}.trend-summary a{color:#fff}.trend-summary ul{padding-left:18px;color:#ddd}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:#777;padding-top:10px}.wide-copy{max-width:1040px}.faq-home{padding-top:72px}
@media(max-width:1000px){.home-diff-grid{grid-template-columns:repeat(2,1fr)}.cards-four{grid-template-columns:repeat(2,1fr)}.split-panel,.home-chart-layout{grid-template-columns:1fr}.hero-home{padding-top:36px}}
@media(max-width:620px){.home-diff-grid,.cards-four{grid-template-columns:1fr}.recent-row{grid-template-columns:1fr}.recent-head{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.hero-home{padding-top:20px}.hero-home h1{margin-top:18px}.dashboard-note{margin-left:8px;margin-right:8px}}