:root{--bg:#fbf7f2;--deep:#22160e;--deep2:#3a2619;--amber:#e7a45b;--line:#ead9c7;--ink:#3a2d24;--muted:#76685e;--paper:#fff;--soft:#f8efe7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.8}img{display:block;max-width:100%;height:auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.skip{position:fixed;top:-60px;left:12px;background:#fff;padding:10px;z-index:999}.skip:focus{top:12px}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.topbar{min-height:72px;display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center}.brand{display:inline-flex;padding:6px 8px;background:#fff;border:1px solid var(--line)}.brand img{height:32px;max-width:155px;width:auto;object-fit:contain}
.topbar nav{display:flex;justify-content:center;gap:22px}.topbar nav a{text-decoration:none;color:#7c6758;font-size:13px}
.top-cta{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:44px;border-radius:999px;background:var(--deep);color:#fff;text-decoration:none;font-weight:900}
.hero{padding:84px 0;background:linear-gradient(135deg,var(--deep),var(--deep2));color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.eyebrow,.section-head>span,.flow-copy>span,.repair-copy>span,.faq-grid>div>span{display:block;font-size:10px;letter-spacing:.15em;font-weight:900;color:#ffd5aa}
.hero h1,.section-head h2,.flow-copy h2,.repair-copy h2,.faq-grid h2,.final h2{margin:0;font-size:clamp(34px,4.8vw,66px);line-height:1;letter-spacing:-.04em}.hero em{font-style:normal;color:#ffd5aa}
.hero p,.flow-copy p{color:#efe2d5}.hero-actions,.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.primary,.ghost,.cta-row a,.repair-copy>a,.final a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:900}
.primary,.cta-row a,.repair-copy>a,.final a{background:var(--amber);color:#2c2018}.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f7e8d9;font-size:13px}
.hero-visual,.flow-visual,.repair-visual{margin:0}.frame-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;letter-spacing:.14em;color:#dac5b0}.frame-top b{font-size:20px;color:#ffd5aa}
.hero-visual img,.flow-visual img,.repair-visual img{border-radius:24px;background:#fff;max-height:430px;width:auto;margin:auto;object-fit:contain}.hero-visual figcaption{margin-top:12px;color:#e8dccc;font-size:14px}
.check,.repair,.faq{padding:86px 0}.section-head{display:grid;grid-template-columns:190px 1fr;gap:24px;margin-bottom:28px}
.check-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--deep);border-left:1px solid var(--line)}.check-grid article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.check-grid b{color:#aa6b2c}.check-grid h3{margin:14px 0 0;font-size:20px}.check-grid p{margin:10px 0 0;color:var(--muted)}
.flow{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.flow-copy,.flow-visual{padding:78px 6vw}.timeline{margin-top:24px;border-left:2px solid #d9b38a;padding-left:24px}.timeline>div{position:relative;padding:0 0 22px 0}.timeline>div:before{content:"";position:absolute;left:-31px;top:10px;width:14px;height:14px;border-radius:50%;background:#c78444}.timeline b{color:#c78444}.timeline p{margin:4px 0 0;color:var(--muted)}
.repair-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.repair-visual{padding:18px;background:#fff;border:1px solid var(--line);border-radius:24px}.repair-copy p{color:var(--muted)}
.repair-points{margin-top:24px;border-top:1px solid var(--line)}.repair-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.repair-points b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f8efe7;color:#b36a29}.repair-points p{margin:4px 0 0;color:var(--muted)}
.quick-links{padding:0 0 74px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-grid a{min-height:120px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none}.quick-grid small{color:#b36a29;font-weight:900}.quick-grid strong{font-size:18px}.quick-grid span{color:#746354;font-weight:900}
.faq-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 2px;font-size:18px;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#b36a29}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:-3px 0 22px;padding:0 2px;color:var(--muted)}
.final{padding:56px 0;background:var(--deep);color:#fff}.final-grid{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center}.final-grid>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#f0d4b2}.final p{margin:6px 0 0;color:#eadccc}
.footer{padding:50px 0 86px;background:#17100b;color:#ece1d6}.foot-grid{display:grid;grid-template-columns:1fr auto;gap:36px}.foot-grid img{height:31px;max-width:155px;width:auto;object-fit:contain;padding:6px 8px;background:#0e0906}.foot-grid p{color:#b4a394;font-size:13px}.foot-grid nav{display:flex;gap:18px;flex-wrap:wrap}.foot-grid nav a{text-decoration:none;color:#ece1d6;font-size:14px}
.mobile-bar{display:none}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero-grid,.flow,.repair-grid,.faq-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.check-grid,.quick-grid{grid-template-columns:1fr 1fr}.final-grid{grid-template-columns:1fr}.final a{width:100%}}
@media(max-width:600px){body{font-size:15px;padding-bottom:60px}.shell{width:min(100% - 28px,1180px)}.topbar{min-height:64px}.brand img{height:28px}.top-cta{font-size:12px;padding:8px 12px}.hero{padding:56px 0}.hero-actions,.cta-row{flex-direction:column}.primary,.ghost,.cta-row a,.repair-copy>a,.final a{width:100%}.hero-visual img,.flow-visual img,.repair-visual img{max-height:300px}.check,.repair,.faq{padding:62px 0}.flow-copy,.flow-visual{padding:56px 22px}.check-grid,.quick-grid{grid-template-columns:1fr}.mobile-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:rgba(23,16,11,.96);color:#fff;z-index:80}.mobile-bar a{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:42px;padding:0 14px;border-radius:999px;background:var(--amber);color:#2b2018;text-decoration:none;font-weight:900}}
