/* Mobile-first foundation shared by phone, tablet, and desktop. */
:root{--ink:#18150f;--paper:#f1e7d3;--cream:#f8f2e7;--orange:#e4583e;--green:#2c3a31;--muted:#70695e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-bottom:76px;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-x:hidden}
a{-webkit-tap-highlight-color:transparent}
.hero{position:relative;min-height:790px;padding:0 20px 32px;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-2;inset:0;height:100%;background:url('assets/logo.jpg') center top/cover no-repeat;opacity:.92}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(24,21,15,.04) 0%,rgba(24,21,15,.1) 36%,rgba(24,21,15,.72) 55%,rgba(24,21,15,.94) 76%,var(--ink) 100%)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(248,242,231,.22)}
.brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.brand-icons{display:flex;align-items:center;gap:5px}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(248,242,231,.6)}
.nav>a{color:var(--cream);font-size:10px;text-decoration:none;border-bottom:1px solid rgba(248,242,231,.55);padding:8px 0}
.hero-copy{margin-top:auto}.eyebrow,.section-label{color:#bf9658;font:900 9px Arial,sans-serif;letter-spacing:3px}
.hero h1{font-size:40px;line-height:1.06;letter-spacing:0;margin:15px 0}.hero h1 em{color:var(--orange);font-style:normal}.mobile-break{display:block}
.hero-desc{font-size:12px;line-height:1.8;color:#cbc1af;margin:0;max-width:520px}
.hero-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:21px}.hero-actions a{height:48px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:11px;font-weight:900}.primary{background:var(--orange);color:#fff}.secondary{border:1px solid rgba(248,242,231,.35);color:var(--cream)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(248,242,231,.22)}.stats div{min-width:0}.stats strong{display:block;font:700 19px Arial,sans-serif;color:#fff}.stats span{display:block;margin-top:4px;color:#aaa191;font-size:7px;line-height:1.35;white-space:normal}
.section{padding:56px 20px}.section h2,.trust h2,.final-cta h2{font-size:29px;line-height:1.18;letter-spacing:0;margin:9px 0 13px}.intro{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 27px}
.pain-section{background:var(--cream)}.pain-list{border-top:1px solid rgba(24,21,15,.2)}.pain{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px;padding:14px 0;border-bottom:1px solid rgba(24,21,15,.2)}.pain>b,.delivery-card>span{color:var(--orange);font:700 13px Georgia,serif}.pain h3,.delivery-card h3{font-size:15px;line-height:1.4;margin:0 0 5px}.pain p,.delivery-card p{font-size:10px;line-height:1.65;color:var(--muted);margin:0}.answer{margin:17px 0 0;padding:13px 15px;background:var(--green);color:#fff;font-size:10px;line-height:1.65}
.delivery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;background:var(--paper)}.delivery>.section-label,.delivery>h2,.delivery>.intro{grid-column:1/-1}.delivery-card{display:block;min-width:0;padding:16px 0;border-top:1px solid rgba(24,21,15,.22)}.delivery-card>span{display:block;margin-bottom:8px}.delivery-card small{display:block;margin-top:7px;color:#8b7250;font-size:8px;line-height:1.5}.tool-link{display:inline-flex!important;align-items:center;margin-top:9px!important;padding:8px 9px!important;border:1px solid var(--orange);color:var(--orange)!important;font-size:9px!important;font-weight:900;text-decoration:none}.tool-link:hover{background:var(--orange);color:#fff!important}
.plans{background:#e8ddc8}.plan{position:relative;margin:15px 0 0;padding:26px 22px;background:var(--cream);border:1px solid rgba(24,21,15,.16)}.plan.recommended{border:2px solid var(--orange)}.recommend{position:absolute;right:-2px;top:-2px;background:var(--orange);color:#fff;padding:8px 10px;font-size:9px;font-weight:900}.plan-label{color:var(--orange);font:900 9px Arial,sans-serif;letter-spacing:2px}.plan h3{font-size:19px;margin:12px 0}.price{font:700 48px Arial,sans-serif;margin:6px 0 15px}.price sup{font-size:15px;vertical-align:top;margin-right:3px}.plan-desc{font-size:11px;line-height:1.75;color:var(--muted);margin:0 0 15px}.plan ul{list-style:none;padding:0;margin:8px 0 20px;border-top:1px solid rgba(24,21,15,.18)}.plan li{padding:11px 0;border-bottom:1px solid rgba(24,21,15,.14);font-size:11px;line-height:1.65}.plan li b{display:block;font-size:11px;color:var(--ink)}.plan li span{color:var(--muted)}.plan>a{display:block;background:var(--ink);color:#fff;text-decoration:none;text-align:center;padding:15px 12px;font-size:11px;font-weight:900}.recommended>a{background:var(--orange)}.device-value{margin:3px 0 15px;padding:13px 0;border-top:1px solid var(--orange);border-bottom:1px solid var(--orange)}.device-value b{display:block;color:var(--orange);font-size:11px;margin-bottom:6px}.device-value span{display:block;font-size:10px;line-height:1.7;color:var(--muted)}
.trust{padding:55px 20px;background:var(--green);color:#fff}.trust-logo{display:flex;align-items:center;gap:12px}.trust-logo img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.65)}.trust-logo strong{display:block;font-size:18px}.trust-logo small{display:block;margin-top:3px;color:#c6cbbb;font-size:8px;letter-spacing:2px}.trust h2{margin-top:25px}.trust>p{font-size:11px;line-height:1.8;color:#c6cbbb}.trust-points{display:grid;grid-template-columns:1fr 1fr;margin-top:26px}.trust-points div{padding:20px 12px 20px 0;border-top:1px solid rgba(255,255,255,.24)}.trust-points b{display:block;font:700 34px Arial,sans-serif}.trust-points span{font-size:9px;color:#c6cbbb}
.faq{background:var(--cream)}.faq-list{display:grid}.faq details{padding:18px 0;border-top:1px solid rgba(24,21,15,.18)}.faq summary{cursor:pointer;font-size:13px;font-weight:900;line-height:1.5}.faq details p{font-size:11px;line-height:1.75;color:var(--muted);margin:12px 0 0}
.final-cta{padding:52px 20px;background:var(--orange);color:#fff}.final-cta small{font-size:8px;letter-spacing:2px}.final-cta p{font-size:11px;line-height:1.75;color:#ffe7df}.final-cta>a{display:inline-block;margin-top:14px;padding:15px 18px;background:var(--ink);color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.fixed-contact{position:fixed;z-index:10;left:0;right:0;bottom:0;min-height:66px;padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:rgba(24,21,15,.97);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.fixed-contact div{min-width:0}.fixed-contact small,.fixed-contact strong{display:block}.fixed-contact small{font-size:8px;color:#aaa191}.fixed-contact strong{font-size:10px;margin-top:3px}.fixed-contact a{flex:0 0 auto;background:var(--orange);color:#fff;text-decoration:none;padding:12px 14px;font-size:10px;font-weight:900}

/* The base document is mobile-first. These rules turn the same page into a true desktop layout. */
@media (min-width:900px){
  body{max-width:none;margin:0;padding-bottom:0;background:#15130f;box-shadow:none}
  .hero{min-height:820px;padding:0 max(48px,calc((100vw - 1200px)/2));background:#15130f;overflow:hidden}
  .hero:before{inset:0;height:100%;background:url('assets/logo.jpg') right center/auto 100% no-repeat;transform:none;opacity:.9}
  .hero:after{background:linear-gradient(90deg,#15130f 0%,#15130f 38%,rgba(21,19,15,.88) 50%,rgba(21,19,15,.25) 73%,rgba(21,19,15,.05) 100%),linear-gradient(180deg,rgba(21,19,15,.08),rgba(21,19,15,.08) 64%,#15130f 100%)}
  .nav{height:92px;border-bottom:1px solid rgba(242,230,206,.2)}
  .brand{font-size:17px;gap:12px}.brand-icons{gap:7px}.brand img{width:48px;height:48px}.nav a{font-size:12px;padding:12px 0}
  .hero-copy{width:610px;margin:auto 0 68px}.hero-copy:before{display:none}
  .eyebrow{font-size:11px;letter-spacing:4px}
  .hero h1{font-size:72px;line-height:1.01;letter-spacing:0;margin:22px 0}
  .hero-desc{max-width:585px;font-size:16px;line-height:1.9}
  .hero-actions{width:440px;grid-template-columns:1.25fr 1fr;margin-top:31px}.hero-actions a{height:56px;font-size:13px}
  .stats{width:520px;margin-top:42px;padding-top:23px}.stats strong{font-size:38px}.stats span{font-size:10px;margin-top:5px;display:block}

  .section{padding:110px max(48px,calc((100vw - 1200px)/2))}
  .section-label{font-size:10px;letter-spacing:4px}.section h2{font-size:48px;line-height:1.12;letter-spacing:0;margin:14px 0 18px}.intro{font-size:14px;max-width:560px;line-height:1.9;margin-bottom:45px}

  .pain-section{display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:auto auto auto;column-gap:90px;align-items:start}
  .pain-section>.section-label{grid-column:1}.pain-section>h2{grid-column:1}.pain-section>.intro{grid-column:1}.pain-list{grid-column:2;grid-row:1/5;padding:14px 38px}.pain{grid-template-columns:60px 1fr;padding:33px 0}.pain b{font-size:15px}.pain h3{font-size:21px}.pain p{font-size:13px;max-width:540px}.answer{grid-column:1;margin-top:5px;font-size:14px}

  .delivery{display:grid;grid-template-columns:repeat(2,1fr);column-gap:70px;row-gap:0}
  .delivery>.section-label,.delivery>h2,.delivery>.intro{grid-column:1/-1}.delivery-card{display:grid;grid-template-columns:60px 1fr;padding:27px 0}.delivery-card:nth-of-type(odd){padding-right:20px}.delivery-card h3{font-size:21px}.delivery-card p{font-size:13px;max-width:470px}.delivery-card small{font-size:10px}

  .plans{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch}
  .plans>.section-label,.plans>h2,.plans>.intro{grid-column:1/-1}.plan{margin:0;padding:42px;min-height:630px;display:flex;flex-direction:column}.plan h3{font-size:27px}.price{font-size:64px}.plan-desc{font-size:13px;min-height:64px}.device-value{padding:17px}.device-value b{font-size:12px}.device-value span{font-size:11px}.plan li{font-size:13px;padding:12px 0}.plan>a{margin-top:auto;padding:18px;font-size:12px}

  .trust{padding:105px max(48px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:.9fr 1.1fr;column-gap:100px;align-items:center}
  .trust-logo{grid-column:1}.trust-logo img{width:82px;height:82px}.trust-logo strong{font-size:24px}.trust h2{grid-column:1;font-size:43px;margin:34px 0 18px}.trust>p{grid-column:1;font-size:14px}.trust-points{grid-column:2;grid-row:1/5;grid-template-columns:1fr 1fr;margin:0}.trust-points div{min-height:150px;padding:32px;border-bottom:1px solid rgba(242,230,206,.24);border-left:1px solid rgba(242,230,206,.24)}.trust-points b{font-size:48px}.trust-points span{font-size:12px;display:block;margin-top:9px}

  .faq{display:grid;grid-template-columns:.75fr 1.25fr;column-gap:90px;align-items:start}.faq-head{grid-column:1}.faq-list{grid-column:2;grid-template-rows:repeat(4,1fr)}.faq details{display:block;min-height:86px;padding:27px 0}.faq summary{font-size:16px}.faq details p{font-size:13px;max-width:680px}

  .final-cta{padding:90px max(48px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr auto;column-gap:70px;align-items:center}.final-cta small,.final-cta h2,.final-cta p{grid-column:1}.final-cta h2{font-size:49px;max-width:760px;margin:15px 0}.final-cta p{font-size:14px;max-width:720px}.final-cta a{grid-column:2;grid-row:1/4;padding:20px 28px;font-size:13px}
  .fixed-contact{display:none}
}

@media (min-width:650px) and (max-width:899px){
  body{max-width:none;box-shadow:none}.hero{min-height:850px;padding-left:46px;padding-right:46px}.section{padding-left:46px;padding-right:46px}.trust,.final-cta{padding-left:46px;padding-right:46px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plans>.section-label,.plans>h2,.plans>.intro{grid-column:1/-1}.plan{margin:0}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.delivery>.section-label,.delivery>h2,.delivery>.intro{grid-column:1/-1}
}

/* Final polish: four proof points, tighter rhythm, and clean price labels. */
.price small{display:none}
.stats{grid-template-columns:repeat(4,1fr);gap:14px}
@media(min-width:900px){
  .section{padding-top:92px;padding-bottom:92px}
  .section-head{margin-bottom:42px}
  .hero{min-height:780px}
  .stats{width:610px;margin-top:32px;gap:18px}
  .stats strong{font-size:34px}
  .pain-list{padding-top:6px;padding-bottom:6px}
  .pain{padding:26px 0}
  .delivery-card{padding:27px 0}
  .trust{padding-top:88px;padding-bottom:88px}
  .faq{padding-top:82px;padding-bottom:82px}
  .final-cta{padding-top:76px;padding-bottom:76px}
}
@media(max-width:560px){
  .section{padding-top:54px;padding-bottom:54px}
  .pain-section,.delivery,.plans{padding-top:42px;padding-bottom:42px}
  .stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:22px;padding-top:14px}
  .stats strong{font-size:19px}
  .stats span{font-size:7px}
  .pain{padding:17px 0}
  .delivery-card{padding:19px 0}
  .plan{padding-top:21px;padding-bottom:21px}
  .trust{padding-top:48px;padding-bottom:48px}
  .faq{padding-top:50px;padding-bottom:50px}
  .final-cta{padding-top:47px;padding-bottom:47px}
}

/* 2026-08-28: stronger typography and a more compact layout for sections 2–3. */
.pain-section>h2,.delivery>h2{font-weight:900}
.pain-section>.intro,.delivery>.intro{font-weight:600;color:#554f46}
.pain h3,.delivery-card h3{font-weight:900}
.pain p,.delivery-card p{font-weight:600;color:#5d564c}
.answer{font-weight:700}
.delivery-card small{font-weight:800}

@media(min-width:900px){
  .pain-section,.delivery{padding-top:70px;padding-bottom:70px}
  .pain-list{padding-top:2px;padding-bottom:2px}
  .pain{padding-top:21px;padding-bottom:21px}
  .delivery-card{padding-top:18px;padding-bottom:18px}
  .pain-section>.intro,.delivery>.intro{margin-bottom:30px}
}

@media(max-width:899px){
  .pain-section,.delivery{padding-top:34px;padding-bottom:34px}
  .pain-section>.intro,.delivery>.intro{margin-bottom:20px}
  .pain{padding-top:13px;padding-bottom:13px}
  .delivery-card{padding-top:14px;padding-bottom:14px}
}