:root{
  --bg:#FCF9F4;
  --bg2:#EEEAF4;
  --w:#FFFDFA;
  --pri:#7A4BC8;
  --pri-d:#5F35A8;
  --ink:#2B1F2E;
  --txt:#2F2A33;
  --mut:#6E6880;
  --acc:#EE8A2E;
  --gold:#F3C05C;
  --line:rgba(122,75,200,.22);
  --line2:rgba(122,75,200,.12);
  --sh:0 12px 30px rgba(43,31,46,.08);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);
  font:16px/1.78 -apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--pri);text-decoration:none}
a:hover{color:var(--pri-d)}
h1,h2,h3{color:var(--ink);line-height:1.34;margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
section{padding:66px 24px}
section>h2,section>div,section>ul,section>p,section>figure{max-width:1080px;margin-left:auto;margin-right:auto}
h2{position:relative;padding-left:32px;font-size:28px;letter-spacing:.4px;margin-bottom:26px}
h2::before{content:"";position:absolute;left:0;top:.34em;width:8px;height:1.06em;background:var(--pri);border-radius:2px}
h2::after{content:"";position:absolute;left:16px;top:.62em;width:10px;height:10px;background:var(--acc);transform:rotate(45deg);border-radius:2px}
h3{font-size:19px;margin-bottom:8px}

.top{position:sticky;top:0;z-index:40;background:rgba(252,249,244,.94);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line2)}
.top[data-stuck]{box-shadow:0 6px 20px rgba(43,31,46,.07)}
.top__in{max-width:1180px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:19px}
.brand:hover{color:var(--ink)}
.brand img{width:44px;height:44px;border-radius:12px}
.brand__txt{letter-spacing:.6px}
.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav a{display:inline-block;padding:7px 13px;border-radius:999px;color:var(--txt);font-size:15px;white-space:nowrap}
.nav a:hover{background:var(--bg2);color:var(--pri-d)}
.nav a[aria-current="page"]{background:var(--pri);color:var(--w)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 27px;border-radius:999px;border:0;cursor:pointer;
  font-size:16px;font-weight:600;font-family:inherit;letter-spacing:.5px;
  background:linear-gradient(135deg,var(--pri),var(--pri-d));color:var(--w);
  box-shadow:0 8px 20px rgba(122,75,200,.26);transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{color:var(--w);transform:translateY(-2px);box-shadow:0 12px 26px rgba(122,75,200,.34)}
.btn--dl{background:linear-gradient(135deg,#EFA03A,var(--acc));color:var(--w);box-shadow:0 8px 20px rgba(238,138,46,.30)}
.btn--dl:hover{color:var(--w);box-shadow:0 12px 26px rgba(238,138,46,.40)}
.btn--ghost{background:transparent;border:2px solid var(--pri);color:var(--pri);box-shadow:none}
.btn--ghost:hover{background:var(--bg2);color:var(--pri-d);box-shadow:none}
.top .btn{font-size:15px;padding:11px 22px}
.top .btn--dl{color:var(--w);margin-left:auto}
.top .btn--dl:hover{color:var(--w)}

.hero{padding:54px 24px 62px;background:linear-gradient(180deg,#FCF9F4 0%,var(--bg2) 100%);overflow:hidden}
.hero__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center;position:relative}
.hero__in::after{content:"";position:absolute;right:-60px;top:-40px;width:290px;height:290px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(122,75,200,.20),rgba(122,75,200,0) 68%);z-index:0}
.hero__txt{position:relative;z-index:1}
.kicker{display:inline-block;margin-bottom:14px;padding:5px 14px;border-radius:999px;
  background:rgba(122,75,200,.10);color:var(--pri-d);font-size:13px;font-weight:600;letter-spacing:1.2px}
.hero h1{font-size:44px;letter-spacing:1px;margin-bottom:16px}
.lead{font-size:16.5px;color:#4A4356;margin-bottom:24px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.cta-note{font-size:13.5px;color:var(--mut);padding-left:14px;border-left:3px solid var(--gold)}
.hero__shot{position:relative;z-index:1;margin:0}
.hero__shot .phone{display:block;width:100%;max-width:318px;margin:0 auto;border-radius:20px;
  background:var(--w);box-shadow:0 0 0 5px var(--w),0 0 0 6px var(--line),0 18px 40px rgba(43,31,46,.14)}
.hero__shot img{width:100%;height:auto;border-radius:15px}
.hero__shot figcaption{margin:16px auto 0;max-width:330px;text-align:center;font-size:13.5px;color:var(--mut);line-height:1.66}

.band{background:linear-gradient(120deg,var(--pri) 0%,var(--pri-d) 100%);padding:40px 24px;color:var(--w)}
.band h2{color:var(--w);text-align:center;padding-left:0;font-size:23px;margin-bottom:20px}
.band h2::before,.band h2::after{display:none}
.band__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:940px;margin:0 auto}
.band__list li{padding:8px 20px;border-radius:999px;background:rgba(255,253,250,.14);
  border:1px solid rgba(255,253,250,.34);font-size:15px;letter-spacing:.6px}

.stats{background:var(--bg2)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats__grid li{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px}
.stats__grid b{display:block;font-size:25px;color:var(--pri);letter-spacing:.5px;margin-bottom:7px}
.stats__grid span{font-size:14px;color:var(--mut);line-height:1.62}

.cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:34px 22px 22px}
.card::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:6px;
  border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--pri),var(--acc))}
.card p{font-size:14.6px;color:#4A4356;line-height:1.76;margin-top:8px}

.shots__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.shot{margin:0}
.shot .phone{display:block;border-radius:18px;background:var(--w);
  box-shadow:0 0 0 5px var(--w),0 0 0 6px var(--line),var(--sh)}
.shot img{width:100%;height:auto;border-radius:13px}
.shot figcaption{margin-top:13px;font-size:13.4px;color:var(--mut);line-height:1.66}

.quotes{background:var(--bg2)}
.quotes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{position:relative;margin:0;background:var(--w);border:1px solid var(--line);border-left:5px solid var(--acc);
  border-radius:var(--r);padding:26px 22px 22px}
.quote p{font-size:15px;color:#3C3546;line-height:1.82;margin-bottom:14px}
.quote cite{font-size:13.4px;color:var(--mut);font-style:normal}

.faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faq details{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:6px 20px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:600;color:var(--ink);font-size:15.6px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:""}
.faq summary::after{content:"+";float:right;color:var(--acc);font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:16px;font-size:14.6px;color:#4A4356;line-height:1.78}
.faq details a{border-bottom:1px solid var(--line)}

.entries__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.entry{display:block;background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:24px 20px}
.entry h3{font-size:17px}
.entry p{font-size:14.2px;color:var(--mut);line-height:1.72;margin-top:8px}
.entry:hover{border-color:var(--pri)}
.entry:hover h3{color:var(--pri-d)}

.cta{background:linear-gradient(135deg,#3A2A3E 0%,var(--ink) 100%);padding:62px 24px}
.cta__in{max-width:760px;margin:0 auto;text-align:center}
.cta h2{color:var(--w);padding-left:0;font-size:27px;margin-bottom:12px}
.cta h2::before,.cta h2::after{display:none}
.sub{font-size:15.4px;color:#CBBFD8;margin-bottom:26px;line-height:1.75}
.cta__btn{margin:0}
.cta .btn--dl{color:var(--w)}
.cta .btn--dl:hover{color:var(--w)}
.cta .btn--ghost{color:var(--w);border-color:rgba(255,253,250,.62)}
.cta .btn--ghost:hover{color:var(--w);background:rgba(255,253,250,.12)}

.foot{background:#231A26;color:#B9AEC4;padding:46px 24px 34px;font-size:14px}
.foot__in{max-width:1080px;margin:0 auto;text-align:center}
.foot__brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--w);font-weight:700;font-size:18px;margin-bottom:16px}
.foot__brand img{width:36px;height:36px;border-radius:10px}
.foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:20px}
.foot__nav a{color:#CFC4DA;font-size:14.4px}
.foot__nav a:hover{color:var(--gold)}
.foot__disc{max-width:640px;margin:0 auto 14px;line-height:1.74;color:#948A9F;font-size:13.4px}
.foot__cp{margin:0;color:#7C7286;font-size:13px}

.page-hero{background:linear-gradient(160deg,var(--bg2) 0%,#F7F3FB 100%);padding:52px 24px 46px;border-bottom:1px solid var(--line2)}
.page-hero__in{max-width:960px;margin:0 auto}
.page-hero .kicker{margin-bottom:12px}
.page-hero h1{font-size:36px;letter-spacing:.8px;margin-bottom:14px}
.page-hero .lead{margin-bottom:0;max-width:820px}

.prose{max-width:960px;margin:0 auto}
.prose h2{margin-top:52px}
.prose h2:first-of-type{margin-top:0}
.prose p{font-size:16px;color:#3C3546;line-height:1.86;margin-bottom:16px}
.prose h3{margin:26px 0 9px;font-size:18.5px}
.prose ul{margin:0 0 18px}
.prose ul li{position:relative;padding-left:22px;margin-bottom:10px;font-size:15.6px;color:#3C3546;line-height:1.8}
.prose ul li::before{content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:2px;
  background:var(--acc);transform:rotate(45deg)}
.note{background:var(--bg2);border-left:5px solid var(--pri);border-radius:10px;padding:18px 22px;margin:22px 0}
.note p{font-size:15.2px;margin:0;color:#3C3546}
.note b{color:var(--pri-d)}
.steps{margin:0 0 22px;padding:0;list-style:none;counter-reset:s22}
.steps li{counter-increment:s22;position:relative;padding:0 0 20px 52px;border-left:2px solid var(--line);margin-left:16px}
.steps li:last-child{border-left-color:transparent;padding-bottom:0}
.steps li::before{content:counter(s22);position:absolute;left:-17px;top:0;width:32px;height:32px;border-radius:50%;
  background:var(--pri);color:var(--w);font-size:14.6px;font-weight:700;display:flex;align-items:center;justify-content:center}
.steps h3{font-size:17.4px;margin:3px 0 7px}
.steps p{font-size:15.2px;color:#4A4356;margin:0}
.tbl-scroll{overflow-x:auto;margin:20px 0}
.tbl{width:100%;min-width:560px;border-collapse:collapse;font-size:14.8px}
.tbl th,.tbl td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;line-height:1.66}
.tbl th{background:var(--bg2);color:var(--ink);font-weight:600;white-space:nowrap}
.tbl-cap{font-size:13.6px;color:var(--mut);margin-bottom:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:22px 0}
.split figure{margin:0}
.split .phone{display:block;width:100%;max-width:400px;margin:0 auto;border-radius:18px;background:var(--w);
  box-shadow:0 0 0 5px var(--w),0 0 0 6px var(--line),var(--sh)}
.split .phone img{width:100%;height:auto;border-radius:13px}
.split figcaption{margin-top:12px;text-align:center;font-size:13.4px;color:var(--mut);line-height:1.66}
.crumb{margin-bottom:18px;font-size:13.6px;color:var(--mut)}
.crumb a{border-bottom:1px solid var(--line)}
.end-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}
.end-links a{display:block;background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.end-links b{display:block;color:var(--ink);font-size:16.4px;margin-bottom:6px}
.end-links span{font-size:14px;color:var(--mut);line-height:1.68}
.end-links a:hover{border-color:var(--pri)}

@keyframes sway22{from{opacity:0;transform:translateY(-10px) rotate(-1deg)}to{opacity:1;transform:none}}
@keyframes sway22b{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.sw22{transform-origin:top center;animation:sway22 .62s cubic-bezier(.22,.72,.3,1) both}
.sw22b{animation:sway22b .6s cubic-bezier(.22,.72,.3,1) both}
.d1{animation-delay:.09s}
.d2{animation-delay:.18s}
.d3{animation-delay:.27s}
.d4{animation-delay:.36s}
.d5{animation-delay:.45s}

@media (prefers-reduced-motion:reduce){
  .sw22,.sw22b{animation:none;opacity:1;transform:none}
}

@media (max-width:980px){
  section{padding:52px 20px}
  .hero{padding:40px 20px 48px}
  .hero__in{grid-template-columns:1fr;gap:34px}
  .hero h1{font-size:36px}
  .hero__shot .phone{max-width:286px}
  .hero__shot figcaption{max-width:100%}
  .cards__grid,.shots__grid,.quotes__grid{grid-template-columns:repeat(2,1fr)}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .entries__grid,.end-links{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .page-hero h1{font-size:31px}
}

@media (max-width:620px){
  section{padding:44px 16px}
  .top__in{padding:9px 16px;gap:10px}
  .brand{font-size:17px}
  .brand img{width:38px;height:38px;border-radius:10px}
  .top .btn{font-size:14px;padding:9px 16px}
  .nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:2px}
  .nav a{font-size:14px;padding:6px 11px}
  .hero{padding:32px 16px 40px}
  .hero h1{font-size:29px}
  .lead{font-size:15.6px}
  .hero__shot .phone{max-width:262px}
  h2{font-size:23px;margin-bottom:20px}
  .band{padding:32px 16px}
  .band h2{font-size:20px}
  .band__list li{padding:7px 15px;font-size:14px}
  .cards__grid,.shots__grid,.quotes__grid,.faq__grid,.stats__grid,.entries__grid,.end-links{grid-template-columns:1fr}
  .stats__grid b{font-size:22px}
  .page-hero{padding:34px 16px 32px}
  .page-hero h1{font-size:26px}
  .cta{padding:46px 16px}
  .cta h2{font-size:23px}
  .btn{padding:12px 22px;font-size:15px}
  .hero__btns .btn{flex:1 1 auto}
  .prose h2{margin-top:40px}
  .steps li{padding-left:44px}
  .foot{padding:38px 16px 28px}
}