:root{
  --bg:#FFFBF3;
  --bg-alt:#F8E9D6;
  --card:#FFFFFF;
  --brand:#E2573F;
  --brand-d:#BC3E29;
  --brand-soft:#FDE4DB;
  --accent:#F9A88F;
  --accent-2:#F3C77B;
  --ink:#332520;
  --ink-2:#7A6555;
  --body:#5C4838;
  --dark:#3B2A22;
  --line:#EEDFCB;
  --r:20px;
  --sh:0 1px 2px rgba(59,42,34,.05),0 16px 34px -22px rgba(59,42,34,.34);
  --sh-h:0 2px 5px rgba(59,42,34,.07),0 26px 46px -24px rgba(59,42,34,.42);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.78;
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-d);text-decoration:none}
a:hover{color:var(--brand)}
h1,h2,h3{margin:0;line-height:1.32}
p{margin:0}
ul,ol{margin:0;padding:0}
li{list-style:none}
.wrap{width:min(1160px,92vw);margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;
  font-size:16px;font-weight:700;padding:12px 27px;border-radius:999px;letter-spacing:.3px;
  box-shadow:0 10px 22px -12px rgba(226,87,63,.9);transition:background .2s ease,box-shadow .2s ease}
.btn:hover{background:var(--brand-d);color:#fff;box-shadow:0 15px 28px -12px rgba(226,87,63,1)}
.btn--lg{font-size:18px;padding:15px 40px}
.btn--top{font-size:14px;padding:9px 20px;color:#fff}
.btn--top:hover{color:#fff}
.btn--cta{background:#fff;color:var(--dark);box-shadow:0 12px 26px -14px rgba(0,0,0,.55)}
.btn--cta:hover{background:#FFF0E6;color:var(--brand-d);box-shadow:0 16px 30px -14px rgba(0,0,0,.6)}
.top{position:sticky;top:0;z-index:40;background:rgba(255,251,243,.94);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}
.brand:hover{color:var(--brand-d)}
.brand__logo{width:44px;height:44px;border-radius:13px}
.brand__name{font-size:19px;font-weight:800;letter-spacing:.6px}
.nav{display:flex;align-items:center;gap:3px;margin-left:auto}
.nav a{font-size:15px;color:var(--ink-2);padding:8px 13px;border-radius:999px;white-space:nowrap;transition:background .18s,color .18s}
.nav a:hover{color:var(--brand-d);background:var(--brand-soft)}
.nav a.is-on{color:#fff;background:var(--brand)}
.nav a.is-on:hover{color:#fff;background:var(--brand-d)}
.hero{position:relative;overflow:hidden;background:linear-gradient(176deg,#FFFBF3 0%,#FCEEE1 60%,#F9E3D2 100%)}
.hero::after{content:"";position:absolute;left:-14%;right:-14%;bottom:-30%;height:64%;border-radius:48% 52% 0 0/36% 30% 0 0;
  background:linear-gradient(100deg,rgba(226,87,63,.17),rgba(249,168,143,.05));transform:rotate(-6deg)}
.hero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:54px 0 60px}
.hero__copy{max-width:566px}
.kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.1px;color:#AB4527;background:#FFE7DE;border-radius:999px;padding:5px 14px}
.h1{font-size:clamp(28px,3.5vw,44px);margin-top:16px;letter-spacing:.5px}
.lead{margin-top:14px;font-size:16.5px;color:var(--body);line-height:1.86}
.hero__act{margin-top:25px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero__meta{margin-top:14px;font-size:13.5px;color:var(--ink-2)}
.hero__shot{width:100%;max-width:320px;margin:0 auto}
.hero__shot img{width:100%;height:auto;border-radius:24px;box-shadow:0 0 0 4px #fff,0 30px 54px -26px rgba(59,42,34,.5)}
.bar{background:var(--dark);color:#F6E9DC}
.bar__in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0}
.bar__k{display:block;font-size:12.5px;letter-spacing:1.1px;color:#C6A28D}
.bar__v{display:block;margin-top:3px;font-size:15.5px;font-weight:700;color:#FFF6EC}
.sec{padding:64px 0}
.sec--alt{background:var(--bg-alt)}
.sec--warm{background:linear-gradient(180deg,#FFFBF3,#FDF1E5)}
.h2{font-size:clamp(21px,2.3vw,28px);position:relative;padding-bottom:15px}
.h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.band{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px}
.band:first-of-type{margin-top:40px}
.band__t{font-size:20px;margin-bottom:12px}
.band__d{color:var(--body);font-size:15.5px}
.band__d p+p{margin-top:11px}
.band__d a{font-weight:700;border-bottom:2px solid var(--brand-soft)}
.band--flip .band__txt{order:2}
.band--flip .band__fig{order:1}
.band__fig{display:flex;justify-content:center;background:#fff;border-radius:24px;padding:26px 20px;box-shadow:var(--sh)}
.band__fig img{width:100%;height:auto;max-width:242px;border-radius:16px;box-shadow:0 16px 32px -20px rgba(59,42,34,.55)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.steps__item{background:#fff;border-radius:var(--r);padding:24px 22px;box-shadow:var(--sh)}
.steps__no{width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;font-size:16px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -11px rgba(226,87,63,.95)}
.steps__t{margin:14px 0 8px;font-size:16.5px}
.steps__d{font-size:14.5px;color:var(--body)}
.shots{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:40px}
.shot{margin:0;background:#fff;border-radius:18px;padding:10px 10px 0;box-shadow:var(--sh);transition:box-shadow .2s ease}
.shot:hover{box-shadow:var(--sh-h)}
.shot img{width:100%;height:auto;border-radius:12px}
.shot figcaption{font-size:13px;color:var(--ink-2);padding:11px 4px 13px;line-height:1.62}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.card{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;border-radius:var(--r);padding:26px 24px;box-shadow:var(--sh);transition:box-shadow .2s ease}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.card:hover{box-shadow:var(--sh-h)}
.card__k{font-size:12.5px;font-weight:700;letter-spacing:1.2px;color:var(--brand-d)}
.card__t{margin-top:8px;font-size:18px}
.card__d{margin-top:9px;font-size:14.5px;color:var(--body);flex:1}
.card__go{margin-top:16px;font-size:14.5px;font-weight:700;color:var(--brand-d)}
.card__go::after{content:" →"}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.quote{margin:0;background:#fff;border-radius:var(--r);padding:26px 24px;box-shadow:var(--sh)}
.quote__t{font-size:15.5px;color:#48372A;line-height:1.86}
.quote__m{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--ink-2)}
.quote__m b{color:var(--brand-d);font-size:15px;letter-spacing:1px}
.qa{display:grid;gap:12px;margin-top:36px}
.qa details{background:#fff;border-radius:16px;box-shadow:var(--sh);overflow:hidden}
.qa summary{position:relative;cursor:pointer;list-style:none;padding:17px 50px 17px 22px;font-size:15.5px;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:var(--brand);line-height:1}
.qa details[open] summary::after{content:"–"}
.qa details[open] summary{color:var(--brand-d)}
.qa__a{padding:0 22px 20px;font-size:15px;color:var(--body)}
.qa__a a{font-weight:700}
.prose .h2{margin-top:54px}
.prose .h2:first-child{margin-top:0}
.prose p{color:var(--body);font-size:15.5px}
.prose p+p{margin-top:12px}
.prose .h3{margin-top:26px;font-size:17px}
.prose a{font-weight:700;border-bottom:2px solid var(--brand-soft)}
.tips{display:grid;gap:14px;margin-top:36px}
.tips li{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:var(--sh);font-size:15px;color:var(--body)}
.tips b{color:var(--ink)}
.voices{display:grid;gap:26px;margin-top:40px}
.voice{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:start;background:#fff;border-radius:var(--r);padding:30px 30px 28px;box-shadow:var(--sh)}
.voice__q{font-size:15.5px;color:#48372A;line-height:1.88;border-left:5px solid var(--accent);padding-left:18px}
.voice__q p+p{margin-top:12px}
.voice__s{margin-top:16px;font-size:13.5px;color:var(--ink-2)}
.voice__q .voice__s{margin-top:16px}
.voice__n{font-size:15px;color:var(--body)}
.voice__n .h3{font-size:15.5px;margin-bottom:8px;color:var(--ink)}
.voice--flip .voice__q{order:2}
.cta{position:relative;overflow:hidden;background:var(--dark);color:#FFF3E8}
.cta::after{content:"";position:absolute;right:-12%;top:-42%;width:54%;height:192%;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(226,87,63,.28),rgba(226,87,63,0) 62%)}
.cta__in{position:relative;z-index:1;text-align:center;padding:62px 0}
.cta__h{font-size:clamp(21px,2.3vw,28px);color:#FFF6EC}
.cta .btn{margin-top:26px}
.cta-note{margin-top:16px;font-size:14px;color:#C3A594}
.foot{background:#2E211A;color:#BFAE9F;font-size:14px}
.foot__in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:44px 0 32px}
.foot__name{margin-bottom:10px;font-size:17px;font-weight:800;color:#FFF1E4}
.foot__t{font-size:13.5px;color:#9E8C7D;line-height:1.8}
.foot__ct{font-size:13px;font-weight:700;letter-spacing:1.1px;color:#D9C7B8;margin-bottom:12px}
.foot__nav{display:flex;flex-direction:column;gap:9px}
.foot__nav a{color:#C6B2A2}
.foot__nav a:hover{color:#FFD9C7}
.foot__bar{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;border-top:1px solid #45342A;padding:18px 0 26px;font-size:12.8px;color:#93816F}
.foot__bar a{color:#D9C7B8}
.foot__bar a:hover{color:#FFD9C7}
.rise{animation:pop .5s cubic-bezier(.2,.7,.3,1) both}
.slide{animation:slide-in .55s cubic-bezier(.2,.7,.3,1) both}
.d1{animation-delay:.07s}
.d2{animation-delay:.14s}
.d3{animation-delay:.21s}
@keyframes pop{from{opacity:0;transform:scale(.955)}to{opacity:1;transform:none}}
@keyframes slide-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .rise,.slide{animation:none;opacity:1;transform:none}
  html{scroll-behavior:auto}
}
@media (max-width:980px){
  .top__in{padding:8px 0 6px}
  .nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:4px}
  .btn--top{margin-left:auto}
  .hero__in{grid-template-columns:1fr;gap:32px;padding:42px 0 48px}
  .hero__copy{max-width:none}
  .hero__shot{max-width:300px}
  .bar__in{grid-template-columns:repeat(2,1fr);gap:16px}
  .band{grid-template-columns:1fr;gap:24px;margin-top:38px}
  .band--flip .band__txt{order:1}
  .band--flip .band__fig{order:2}
  .steps{grid-template-columns:repeat(2,1fr)}
  .shots{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .quotes{grid-template-columns:1fr}
  .voice{grid-template-columns:1fr;gap:20px;padding:26px 22px}
  .voice--flip .voice__q{order:1}
  .foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:15.5px}
  .sec{padding:46px 0}
  .brand__name{font-size:17.5px}
  .nav a{font-size:14px;padding:7px 9px}
  .nav{gap:2px}
  .hero__shot{max-width:272px}
  .btn--lg{font-size:16.5px;padding:14px 30px}
  .steps{grid-template-columns:1fr}
  .shots{grid-template-columns:repeat(2,1fr);gap:14px}
  .cards{grid-template-columns:1fr}
  .band__fig{padding:20px 16px}
  .cta__in{padding:52px 0}
  .foot__in{grid-template-columns:1fr;gap:22px}
  .qa summary{padding:15px 44px 15px 18px;font-size:15px}
  .qa__a{padding:0 18px 18px}
}