:root { --ink:#212024; --muted:#66626a; --paper:#fffdfb; --soft:#f7f2ef; --coral:#ec607f; --coral-dark:#d84d6d; --line:#e5dedb; font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); font-size:16px; line-height:1.65; } a { color:inherit; text-decoration:none; }
.site-header { height:80px; max-width:1280px; margin:auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; }.brand { display:inline-flex; gap:10px; align-items:center; font-size:22px; font-weight:700; }.brand-mark { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#fff; background:var(--coral); font-size:16px; font-weight:800; font-style:italic; }.nav { display:flex; gap:30px; color:var(--muted); font-size:14px; }.nav a:hover,.footer-links a:hover { color:var(--coral-dark); }.header-link { border-bottom:1px solid var(--ink); font-size:14px; font-weight:600; }
.hero { position:relative; min-height:645px; overflow:hidden; color:#fff; background:#5f514a; }.hero-image,.hero-overlay { position:absolute; inset:0; width:100%; height:100%; }.hero-image { object-fit:cover; object-position:center; }.hero-overlay { background:rgba(24,24,25,.34); }.hero-content { position:relative; z-index:1; max-width:1280px; margin:auto; padding:156px 32px 80px; }.eyebrow,.section-label { margin:0 0 18px; font-size:12px; font-weight:700; letter-spacing:1.2px; }.hero h1 { margin:0; max-width:640px; font-size:clamp(52px,6vw,86px); line-height:1.12; }.hero-copy { width:min(430px,100%); margin:26px 0 34px; font-size:18px; }.hero-actions { display:flex; gap:28px; align-items:center; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:4px; font-size:14px; font-weight:700; transition:background .2s ease,transform .2s ease; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--coral); color:#fff; }.button-primary:hover { background:var(--coral-dark); }.text-link { font-size:14px; font-weight:600; border-bottom:1px solid rgba(255,255,255,.75); }.hero-note { position:absolute; z-index:1; right:34px; bottom:28px; font-size:13px; letter-spacing:.5px; }
.section { max-width:1280px; margin:auto; padding:128px 32px; }.section-label { color:var(--coral-dark); }.intro-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:88px; }h2 { margin:0; font-size:clamp(34px,4vw,54px); line-height:1.22; }.intro-grid p,.section-summary { color:var(--muted); margin:0 0 16px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:64px; margin-bottom:48px; }.section-summary { max-width:370px; }.services { padding-top:0; }.service-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; }.service-card { min-height:390px; position:relative; overflow:hidden; padding:30px; display:flex; flex-direction:column; justify-content:end; }.service-card-large { color:#fff; }.service-card-large img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.service-card-large::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(22,18,20,.72),rgba(22,18,20,.06)); }.service-card-content { position:relative; z-index:1; }.service-card h3 { margin:8px 0; font-size:25px; line-height:1.3; }.service-card p { margin:0; font-size:14px; line-height:1.7; }.service-number { font-size:13px !important; letter-spacing:.8px; }.coral-card { background:var(--coral); color:#fff; justify-content:flex-start; }.light-card { background:#e7ddd7; justify-content:flex-start; }.card-symbol { margin-top:auto; font-size:46px; line-height:1; }
.journey { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; background:var(--soft); }.journey-image-wrap { min-height:670px; }.journey-image-wrap img { width:100%; height:100%; min-height:670px; object-fit:cover; object-position:center; display:block; }.journey-content { max-width:580px; padding:88px 32px; }.journey-content ol { list-style:none; margin:46px 0 0; padding:0; }.journey-content li { display:flex; gap:22px; padding:23px 0; border-top:1px solid var(--line); }.journey-content li span { color:var(--coral-dark); font-size:13px; font-weight:700; }.journey-content h3 { margin:0 0 4px; font-size:18px; }.journey-content p { margin:0; color:var(--muted); font-size:14px; }
.safety { text-align:center; }.safety .section-label { margin-bottom:16px; }.safety-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:55px; text-align:left; }.safety-grid article { border-top:1px solid var(--ink); padding-top:20px; }.safety-grid span { color:var(--coral-dark); font-size:13px; font-weight:700; }.safety-grid h3 { margin:28px 0 10px; font-size:20px; }.safety-grid p { margin:0; color:var(--muted); font-size:14px; }
.download-section { display:flex; justify-content:space-between; gap:60px; padding:90px max(32px,calc((100vw - 1216px) / 2)); background:var(--coral); color:#fff; }.download-section .section-label { color:rgba(255,255,255,.76); }.download-panel { min-width:340px; padding-top:18px; }.download-panel p { margin:0 0 18px; }.button-dark { background:var(--ink); color:#fff; }.button-dark:hover { background:#000; }.download-panel small { display:block; margin-top:16px; color:rgba(255,255,255,.83); }.site-footer { max-width:1280px; margin:auto; padding:50px 32px 34px; display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:26px; align-items:start; }.footer-brand { grid-row:span 2; }.site-footer p { margin:0; color:var(--muted); font-size:13px; }.footer-links { display:flex; gap:22px; justify-content:end; font-size:13px; }.copyright { grid-column:2 / -1; text-align:right; }
.legal-page { max-width:800px; margin:auto; padding:84px 32px 110px; }.legal-page h1 { margin:0; font-size:clamp(42px,5vw,64px); line-height:1.2; }.legal-page h2 { margin:50px 0 14px; font-size:23px; line-height:1.35; }.legal-page p { color:var(--muted); }.legal-page .legal-date { margin:14px 0 48px; font-size:14px; }.legal-page a { color:var(--coral-dark); border-bottom:1px solid currentColor; }
@media (max-width:760px) { .site-header { height:68px; padding:0 20px; }.nav { display:none; }.brand { font-size:20px; }.hero { min-height:640px; }.hero-content { padding:250px 22px 54px; }.hero-overlay { background:rgba(24,24,25,.42); }.hero h1 { font-size:52px; }.hero-copy { font-size:16px; }.hero-note { right:22px; }.section { padding:78px 22px; }.intro-grid,.journey { grid-template-columns:1fr; gap:32px; }.section-heading,.download-section { display:block; }.section-heading { margin-bottom:30px; }.section-summary { margin-top:18px; }.service-grid,.safety-grid { grid-template-columns:1fr; }.service-card { min-height:270px; }.journey-image-wrap,.journey-image-wrap img { min-height:410px; }.journey-content { padding:62px 22px; }.safety { text-align:left; }.download-section { padding:62px 22px; }.download-panel { min-width:0; margin-top:30px; }.site-footer { padding:40px 22px 24px; grid-template-columns:1fr; }.footer-brand,.copyright { grid-row:auto; grid-column:auto; }.footer-links { justify-content:start; flex-wrap:wrap; }.copyright { text-align:left; }.legal-page { padding:58px 22px 76px; } }