:root { --ink:#111; --muted:#64676f; --line:#dfe2e7; --blue:#1469ff; --paper:#f4f5f7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.topbar { position:sticky; top:0; z-index:20; height:68px; padding:0 max(24px,calc((100% - 1200px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(0,0,0,.07); background:rgba(255,255,255,.86); backdrop-filter:blur(18px); }
.brand { font-size:22px; font-weight:800; letter-spacing:-.05em; }
.nav { display:flex; gap:28px; color:#5d6169; font-size:13px; }
.nav a:hover,.career-link { color:var(--blue); }
.career-link { font-weight:700; }
.nav-cta { padding:11px 17px; color:#fff; border-radius:11px; background:#111; font-size:13px; }
.eyebrow { margin:0 0 22px; color:var(--blue); font-size:11px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
h1,h2 { letter-spacing:-.055em; line-height:1; }
h2 { margin:0 0 24px; font-size:clamp(44px,6vw,76px); }
p { color:var(--muted); line-height:1.75; }
.hero { min-height:830px; padding:150px max(24px,calc((100% - 1200px)/2)) 100px; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; background:radial-gradient(circle at 80% 20%,#dceaff,transparent 32%),linear-gradient(#fafbfc,#fff); }
.hero h1 { max-width:690px; margin:0 0 30px; font-size:clamp(66px,8vw,112px); }
.hero-text { max-width:680px; font-size:17px; }
.hero-actions { display:flex; gap:12px; margin:34px 0; }
.button { padding:16px 22px; border-radius:13px; font-weight:650; }
.primary { color:#fff; background:var(--blue); box-shadow:0 12px 35px rgba(20,105,255,.24); }
.secondary { border:1px solid var(--line); }
.hero-meta { display:flex; gap:25px; color:#8b9099; font-size:12px; }
.product-stage { perspective:1000px; }
.device { padding:22px; border:1px solid #fff; border-radius:32px; background:rgba(255,255,255,.68); box-shadow:0 45px 100px rgba(28,43,70,.18); transform:rotateY(-5deg) rotateX(2deg); backdrop-filter:blur(20px); }
.device-top { display:flex; justify-content:space-between; align-items:center; padding:8px 4px 20px; font-size:12px; }
.device-top em { color:#0b9868; font-style:normal; }
.metric-strip,.insight-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.metric-strip div,.insight-row div { padding:17px; border-radius:14px; background:#f2f4f7; }
.metric-strip span,.insight-row span { display:block; color:#808692; font-size:10px; }
.metric-strip strong { display:block; margin-top:8px; font-size:23px; }
.answer-card { margin:10px 0; padding:22px; color:#fff; border-radius:18px; background:#14171c; }
.answer-card > span { color:#777f8b; font-size:10px; }
.answer-card h3 { font-size:16px; }
.bars { display:grid; gap:10px; }
.bars i { width:var(--w); padding:7px 10px; border-radius:5px; background:#58616f; font-size:10px; font-style:normal; white-space:nowrap; }
.bars .target { color:#b9d2ff; background:#165fcf; }
.insight-row { grid-template-columns:repeat(4,1fr); }
.insight-row b { display:block; margin-top:6px; font-size:11px; }
.showcase,.source-section,.service,.faq-section,.diagnosis,.contact { padding:130px max(24px,calc((100% - 1200px)/2)); }
.showcase { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.light { background:#f3f4f6; }
.dark { color:#fff; background:#0d0f13; }
.dark p { color:#989fa9; }
.showcase-copy p { max-width:600px; }
.report-visual { padding:35px; border-radius:26px; background:#fff; box-shadow:0 25px 70px rgba(20,30,46,.1); }
.report-visual div { display:grid; grid-template-columns:90px 1fr 45px; gap:15px; align-items:center; margin:24px 0; font-size:12px; }
.report-visual b { height:8px; border-radius:99px; background:linear-gradient(90deg,var(--blue) var(--p),#e7eaf0 var(--p)); }
.report-visual em { font-style:normal; font-weight:700; }
.report-visual .competitor b { background:linear-gradient(90deg,#111 var(--p),#e7eaf0 var(--p)); }
.content-grid { display:grid; gap:12px; }
.content-grid article { padding:27px; border:1px solid #30343c; border-radius:18px; }
.content-grid span { color:#626976; font-size:10px; }
.content-grid h3 { margin:24px 0 8px; }
.section-title { max-width:900px; margin-bottom:65px; }
.source-band,.service-steps { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.source-band div,.service-steps div { min-height:220px; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.source-band span { color:#8c9199; font-size:11px; }
.source-band b { display:block; margin:50px 0 13px; }
.source-band p { font-size:13px; }
.service { color:#fff; background:#11141a; }
.service h2 { max-width:1000px; }
.service-steps { margin-top:70px; border-color:#343942; }
.service-steps div { min-height:150px; display:flex; flex-direction:column; justify-content:space-between; border-color:#343942; }
.service-steps span { color:#89919c; font-size:12px; }
.faq-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; border:1px solid var(--line); background:var(--line); }
.faq-list article { padding:35px; background:#fff; }
.faq-list p { margin-bottom:0; }
.diagnosis { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#eef3fb; }
.diagnosis-copy h2 { font-size:clamp(44px,5vw,68px); }
.diagnosis-points { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:35px; }
.diagnosis-points span { padding:13px; border:1px solid #d7e0ed; border-radius:10px; background:rgba(255,255,255,.5); font-size:12px; }
.lead-form { padding:36px; border-radius:24px; background:#fff; box-shadow:0 25px 70px rgba(21,48,89,.1); }
.lead-form label { display:grid; gap:8px; margin-bottom:17px; color:#505762; font-size:12px; font-weight:650; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
input,textarea { width:100%; padding:14px; border:1px solid #dfe3e9; border-radius:11px; outline:none; font:inherit; }
input:focus,textarea:focus { border-color:#7aa7ed; box-shadow:0 0 0 4px rgba(20,105,255,.08); }
.submit-button { width:100%; padding:16px; color:#fff; border:0; border-radius:12px; background:var(--blue); font-weight:700; }
.form-note { margin:12px 0 0; text-align:center; font-size:11px; }
.contact { text-align:center; }
.contact-actions { display:flex; justify-content:center; gap:12px; margin-top:40px; }
.contact-actions a { padding:15px 20px; border:1px solid var(--line); border-radius:12px; }
.footer { padding:35px max(24px,calc((100% - 1200px)/2)); display:flex; justify-content:space-between; gap:25px; border-top:1px solid var(--line); color:#6d727a; font-size:12px; }
.footer strong { color:#111; font-size:18px; }
.footer a { color:var(--blue); font-weight:700; }
@media(max-width:850px){.nav{display:none}.hero,.showcase,.diagnosis{grid-template-columns:1fr}.hero{padding-top:120px}.product-stage{max-width:600px}.source-band,.service-steps{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap}}
@media(max-width:560px){h2{font-size:45px}.hero{padding-bottom:70px}.hero h1{font-size:64px}.hero-actions,.hero-meta,.contact-actions{flex-direction:column}.device{padding:12px}.metric-strip{grid-template-columns:1fr}.insight-row{grid-template-columns:1fr 1fr}.source-band,.service-steps,.faq-list,.field-row{grid-template-columns:1fr}.showcase,.source-section,.service,.faq-section,.diagnosis,.contact{padding:90px 20px}.lead-form{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}