:root { color-scheme: light; --ink:#24231f; --muted:#67665f; --line:#d9d7cf; --paper:#f7f5ef; --white:#fff; --green:#355c4a; --red:#99483d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Microsoft YaHei","PingFang SC",sans-serif; line-height:1.7; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; height:72px; padding:0 max(24px,calc((100vw - 1180px)/2)); background:rgba(247,245,239,.94); border-bottom:1px solid rgba(36,35,31,.1); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:10px; font-family:serif; font-size:20px; font-weight:700; }
.brand img { width:36px; height:36px; border-radius:7px; }
nav { display:flex; gap:34px; font-size:14px; }
nav a:hover,.footer-links a:hover { color:var(--red); }
.menu-button { display:none; width:44px; height:44px; padding:10px; border:0; background:transparent; }
.menu-button span { display:block; width:22px; height:1px; margin:5px auto; background:var(--ink); }
.hero { position:relative; min-height:min(78vh,760px); overflow:hidden; display:flex; align-items:flex-end; }
.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-image { object-fit:cover; object-position:center 58%; }
.hero-shade { background:linear-gradient(90deg,rgba(20,22,18,.79) 0%,rgba(20,22,18,.46) 48%,rgba(20,22,18,.08) 80%),linear-gradient(0deg,rgba(20,22,18,.3),transparent 45%); }
.hero-copy { position:relative; z-index:1; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:90px 0; color:#fff; }
.eyebrow { margin:0 0 12px; color:inherit; font-size:13px; font-weight:700; letter-spacing:0; text-transform:uppercase; }
h1,h2,h3,p { overflow-wrap:anywhere; }
h1 { margin:0; font-family:serif; font-size:clamp(56px,8vw,108px); line-height:1.05; letter-spacing:0; }
.hero-lead { max-width:620px; margin:24px 0 0; font-size:clamp(18px,2vw,24px); line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:11px 22px; border:1px solid transparent; border-radius:6px; font:inherit; font-size:15px; cursor:pointer; }
.button-primary { color:var(--ink); background:#fff; }
.button-quiet { color:#fff; border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.08); }
.section { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:104px 0; }
.section-heading { max-width:720px; }
.section-heading .eyebrow,.content-copy .eyebrow,.download-copy .eyebrow { color:var(--red); }
h2 { margin:0; font-family:serif; font-size:clamp(34px,5vw,58px); line-height:1.22; letter-spacing:0; }
.section-heading>p:last-child,.content-copy>p { margin:20px 0 0; color:var(--muted); font-size:17px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:62px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-grid article { min-width:0; padding:34px 28px 38px 0; }
.service-grid article+article { padding-left:28px; border-left:1px solid var(--line); }
.service-grid span { color:var(--red); font-size:13px; }
.service-grid h3 { margin:42px 0 8px; font-family:serif; font-size:25px; }
.service-grid p { margin:0; color:var(--muted); font-size:14px; }
.content-section { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.3fr); gap:76px; align-items:center; border-top:1px solid var(--line); }
.content-copy ul { margin:30px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.content-copy li { padding:14px 0; border-bottom:1px solid var(--line); }
.product-gallery { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.product-gallery img { width:100%; aspect-ratio:3/4; object-fit:cover; }
.product-gallery img:first-child { grid-row:span 2; height:100%; }
.download-section { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:64px max(24px,calc((100vw - 1180px)/2)); color:#fff; background:var(--green); }
.download-copy { display:flex; align-items:center; gap:28px; }
.download-copy img { width:104px; height:104px; border-radius:20px; }
.download-copy h2 { font-size:clamp(30px,4vw,48px); }
.download-copy p:last-child { max-width:620px; margin:12px 0 0; color:rgba(255,255,255,.72); }
.button-disabled { flex:0 0 auto; color:rgba(255,255,255,.65); border-color:rgba(255,255,255,.35); background:transparent; cursor:not-allowed; }
.trust-section { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.trust-section div { display:flex; flex-direction:column; padding-top:20px; border-top:2px solid var(--ink); }
.trust-section strong { font-family:serif; font-size:23px; }
.trust-section span { margin-top:8px; color:var(--muted); font-size:14px; }
footer { padding:54px max(24px,calc((100vw - 1180px)/2)); color:#ddd; background:#20211e; }
.footer-brand { display:flex; flex-direction:column; }
.footer-brand strong { color:#fff; font-family:serif; font-size:26px; }
.footer-brand span,.footer-meta { font-size:13px; }
.footer-links { display:flex; flex-wrap:wrap; gap:28px; margin:32px 0; font-size:14px; }
.footer-meta { display:flex; flex-wrap:wrap; gap:16px 28px; padding-top:22px; border-top:1px solid #3d3e39; }
.legal-page { min-height:70vh; }
.legal-content { width:min(820px,calc(100% - 48px)); margin:0 auto; padding:72px 0 110px; }
.legal-content h1 { font-size:48px; }
.legal-content h2 { margin-top:38px; font-size:26px; }
.legal-content p,.legal-content li { color:var(--muted); }
@media (max-width:800px) {
  .site-header { height:64px; padding:0 18px; }
  nav { position:absolute; top:64px; left:0; right:0; display:none; flex-direction:column; gap:0; padding:8px 18px 18px; background:var(--paper); border-bottom:1px solid var(--line); }
  nav.open { display:flex; }
  nav a { padding:12px 0; }
  .menu-button { display:block; }
  .hero { min-height:650px; }
  .hero-image { object-position:62% center; }
  .hero-shade { background:linear-gradient(0deg,rgba(20,22,18,.9),rgba(20,22,18,.2) 78%); }
  .hero-copy { width:calc(100% - 36px); padding:54px 0; }
  .section { width:calc(100% - 36px); padding:72px 0; }
  .service-grid { grid-template-columns:1fr 1fr; }
  .service-grid article:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .service-grid article:nth-child(4) { border-top:1px solid var(--line); }
  .content-section { grid-template-columns:1fr; gap:38px; }
  .download-section { flex-direction:column; align-items:flex-start; padding:48px 18px; }
  .download-copy { align-items:flex-start; }
  .download-copy img { width:76px; height:76px; border-radius:14px; }
  .trust-section { grid-template-columns:1fr; gap:24px; }
}
@media (max-width:480px) {
  .service-grid { grid-template-columns:1fr; }
  .service-grid article,.service-grid article+article { padding:26px 0; border-left:0; border-top:1px solid var(--line); }
  .service-grid article:first-child { border-top:0; }
  .service-grid h3 { margin-top:20px; }
  .product-gallery { grid-template-columns:1fr 1fr; gap:8px; }
  .download-copy { flex-direction:column; }
}