:root{--red:#e53935;--red-dark:#bd2d2a;--ink:#17191d;--muted:#69717c;--silver:#a7adb7;--surface:#f5f6f8;--line:#dfe2e6;--green:#35c77a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Noto Sans SC','PingFang SC',sans-serif;color:var(--ink);background:var(--surface);line-height:1.55}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.site-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.3vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #eef0f2}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:17px;letter-spacing:.08em;display:block}.brand small{font-size:8px;letter-spacing:.16em;color:#8d949d;display:block;margin-top:2px}.brand-mark{position:relative;width:29px;height:29px;background:var(--red);display:inline-block;overflow:hidden}.brand-mark:before{content:'';position:absolute;width:18px;height:6px;background:#fff;transform:rotate(-42deg);left:6px;top:11px;border-radius:0 5px 5px 0}.brand-mark span{position:absolute;width:10px;height:10px;border:3px solid #fff;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(28deg);left:6px;top:5px}.brand-mark i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;right:5px;bottom:5px}.main-nav{display:flex;gap:31px;font-size:13px;color:#515861}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:15px}.icon-button,.menu-button{border:0;background:none;font-size:22px;color:#434850}.phone-cta{color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.phone-cta:hover{color:var(--red)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 18px;font-size:12px;font-weight:700;letter-spacing:.03em;transition:.25s}.nav-cta{background:var(--red);color:#fff}.nav-cta:hover,.button-dark:hover{background:var(--red-dark);transform:translateY(-2px)}.menu-button{display:none}.hero{min-height:675px;position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:117px 5.3vw}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(23,25,29,.985) 0%,rgba(23,25,29,.9) 44%,rgba(23,25,29,.62) 100%),url('/assets/scenic-original.webp');background-size:cover;background-position:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,black,transparent 72%);opacity:.35}.hero-content,.hero-metric,.scroll-note{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:800}.eyebrow.light{color:#fff}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:7px}.hero h1{font-size:clamp(58px,7.2vw,108px);line-height:1.03;letter-spacing:-.06em;margin:20px 0 26px;font-weight:800}.hero h1 em{color:var(--red);font-style:normal}.hero-copy{font-size:17px;color:#c9cdd2;max-width:410px;margin:0 0 38px}.hero-actions{display:flex;align-items:center;gap:28px}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:var(--red);color:#fff;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-left:8px}.light{color:#fff}.hero-metric{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);padding:18px 21px;min-width:180px}.metric-one{right:13%;top:28%}.metric-two{right:26%;bottom:17%}.metric-label{display:block;color:#c5c9ce;font-size:10px}.hero-metric strong{font-size:31px;display:block;letter-spacing:-.04em;margin:4px 0}.hero-metric strong span{font-size:15px;color:var(--red)}.hero-metric small{font-size:10px;color:#adb4bc}.hero-metric b{color:var(--green)}.scroll-note{position:absolute;bottom:30px;left:5.3vw;font-size:10px;letter-spacing:.15em;color:#aeb4bb;text-transform:uppercase}.scroll-note span{font-size:17px;margin-left:10px;color:#fff}.section-pad{padding:115px 9vw}.section-kicker{font-size:10px;letter-spacing:.18em;color:var(--red);font-weight:800;margin-bottom:36px}.intro{background:#fff}.intro-grid,.section-title-row{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.section-pad h2{font-size:clamp(37px,4.3vw,66px);line-height:1.12;letter-spacing:-.06em;margin:0 0 25px}.section-pad h2 span{color:#9299a1}.lead,.section-title-row>p{color:var(--muted);font-size:17px;max-width:435px}.intro-grid .text-link{display:inline-block;margin-top:22px}.dark{color:var(--ink)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:100px;border:1px solid var(--line)}.capability-grid article{background:#fff;padding:28px 25px;min-height:205px;position:relative}.cap-icon{font-size:30px;color:var(--red);margin-bottom:18px}.capability-grid h3{font-size:17px;margin:0 0 8px}.capability-grid p{font-size:13px;color:var(--muted);margin:0;max-width:190px}.capability-grid span{position:absolute;right:18px;bottom:17px;font-size:10px;color:#b2b7be}.comparison{background:var(--surface)}.section-title-row{margin-bottom:57px}.section-title-row p{margin:0 0 8px}.compare-wrap{border-top:0}.compare-tabs{display:flex;gap:36px;border-bottom:0}.compare-tab{border:0;background:none;padding:20px 0;font-size:12px;color:#7b8188;position:relative}.compare-tab.active{color:var(--red);font-weight:700}.compare-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red)}.compare-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:390px}.compare-info{padding:62px 65px}.compare-info h3{font-size:35px;letter-spacing:-.05em;margin:17px 0 15px}.compare-info>p{color:var(--muted);font-size:14px;max-width:400px}.compare-points{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 33px}.compare-points span{font-size:11px;color:#555d66;background:#f0f2f4;padding:7px 10px}.button-dark{background:var(--ink);color:#fff}.compare-visual{background:#1d2025;position:relative;overflow:hidden}.compare-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(23,25,29,.35),rgba(23,25,29,.08)),url("/assets/scenic-carts.webp");background-size:cover;background-position:center;filter:saturate(.9)}.map-lines{position:absolute;inset:-30%;opacity:.42;background-image:radial-gradient(ellipse at 28% 55%,transparent 0 18%,rgba(229,57,53,.5) 18.2% 18.5%,transparent 18.8% 31%,rgba(167,173,183,.15) 31.2% 31.5%,transparent 31.8% 45%,rgba(167,173,183,.15) 45.2% 45.5%,transparent 45.8%),linear-gradient(120deg,transparent 35%,rgba(229,57,53,.18) 35.2%,transparent 35.4%);transform:rotate(-11deg)}.map-card{position:absolute;left:23%;top:27%;background:#fff;color:var(--ink);padding:15px 18px;min-width:145px;box-shadow:0 15px 25px rgba(0,0,0,.22)}.map-card span{font-size:8px;color:#8b9198;letter-spacing:.1em}.map-card strong{display:block;font-size:14px;margin-top:8px}.map-card b{font-size:23px;color:var(--red);display:inline-block;margin-top:8px}.map-card small{font-size:9px;color:var(--green);margin-left:4px}.map-pin{position:absolute;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(229,57,53,.2)}.pin-a{left:12%;top:64%}.pin-b{right:21%;top:29%}.route{position:absolute;height:2px;background:var(--red);transform-origin:left}.route-a{width:180px;left:15%;top:63%;transform:rotate(-28deg)}.route-b{width:150px;left:58%;top:52%;transform:rotate(-68deg)}.visual-caption{position:absolute;bottom:18px;right:20px;color:#8e949d;font-size:8px;letter-spacing:.18em}.dark-section{background:var(--ink);color:#fff}.dark-section .section-title-row p{color:#9aa1aa}.case-carousel{display:grid;grid-template-columns:48px 1fr 48px;gap:22px;align-items:center}.carousel-arrow{height:48px;width:48px;border:1px solid #555b64;background:none;color:#fff;font-size:19px}.carousel-arrow:hover{border-color:var(--red);color:var(--red)}.case-card{display:grid;grid-template-columns:1.03fr .97fr;background:#24272d;min-height:385px}.case-image{background-size:cover;background-position:center;min-height:300px;position:relative}.case-image-one{background-image:linear-gradient(120deg,rgba(22,25,30,.35),rgba(22,25,30,.05)),url("/assets/scenic-original.webp")} .case-image-two{background-image:linear-gradient(120deg,rgba(22,25,30,.35),rgba(22,25,30,.05)),url("/assets/insight-scenic.webp")} .case-image-three{background-image:linear-gradient(120deg,rgba(22,25,30,.35),rgba(22,25,30,.05)),url("/assets/scenic-original.webp")}.case-image span{position:absolute;left:25px;top:22px;font-size:9px;letter-spacing:.16em;color:#fff}.case-copy{padding:54px 45px;position:relative}.case-copy h3{font-size:29px;line-height:1.25;letter-spacing:-.04em;max-width:410px;margin:15px 0}.case-copy>p:not(.eyebrow){font-size:13px;color:#b2b8bf;max-width:365px}.outline-button{background:none;border:1px solid #68707a;color:#fff;padding:11px 13px;font-size:11px;margin-top:19px}.outline-button:hover{border-color:var(--red);color:#ff8c89}.case-count{position:absolute;right:40px;bottom:28px;color:#7e858f;font-size:11px}.case-count b{color:#fff;font-size:21px}.insights{background:#fff}.insights .section-title-row{align-items:center}.insight-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:9vw}.featured-insight{border-top:2px solid var(--ink);padding-top:16px}.insight-art{height:230px;background-image:linear-gradient(90deg,rgba(23,25,29,.26),rgba(23,25,29,.04)),url('/assets/insight-scenic.webp');background-size:cover;background-position:center 57%;position:relative;overflow:hidden;color:#fff;font-size:9px;letter-spacing:.15em;padding:18px}.contour{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 35% 55%,transparent 0 16px,rgba(255,255,255,.5) 17px 18px,transparent 19px 31px);transform:rotate(-18deg) scale(1.25)}.insight-meta{display:flex;justify-content:space-between;color:#8c939c;font-size:10px;margin-top:18px}.featured-insight h3{font-size:24px;line-height:1.35;letter-spacing:-.035em;max-width:490px;margin:16px 0 20px}.insight-list article{min-height:113px;border-top:1px solid var(--line);padding:20px 35px 18px 0;position:relative}.insight-list article:last-child{border-bottom:1px solid var(--line)}.insight-list span,.insight-list small{font-size:10px;color:var(--red)}.insight-list h4{font-size:16px;line-height:1.4;margin:7px 0 5px;max-width:460px}.insight-list small{color:#9197a0}.insight-list b{position:absolute;right:8px;top:50%;color:var(--red)}.news{background:#eef0f2}.news-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.news-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2px}.report-card{background:var(--ink);color:#fff;padding:35px;display:flex;gap:22px;min-height:260px}.report-icon{width:47px;height:58px;border:1px solid var(--red);color:var(--red);font-size:10px;display:grid;place-items:center;flex:0 0 auto}.report-card h3{font-size:23px;line-height:1.3;margin:13px 0}.report-card p{font-size:13px;color:#aeb4bb;max-width:360px}.download-link{display:inline-block;border-bottom:1px solid var(--red);padding-bottom:4px;font-size:12px;margin-top:8px;color:#fff}.download-link span{color:var(--red);margin-left:8px}.news-list{background:#fff}.news-list article{display:grid;grid-template-columns:100px 1fr 20px;gap:13px;padding:20px 24px;border-bottom:1px solid var(--line);align-items:center;min-height:86px}.news-list time{font-size:11px;color:#8e959d}.news-list span{color:var(--red);font-size:9px}.news-list h4{font-size:14px;margin:4px 0 0}.news-list b{color:var(--red)}.contact{background:var(--red);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(43px,5vw,75px);line-height:1.08;letter-spacing:-.07em;margin:15px 0 24px}.contact h2 em{font-style:normal;color:#ffa19e}.contact-grid>div>p{max-width:350px;color:#ffd6d5;font-size:14px}.contact form{padding-top:3px}.contact label{font-size:10px;letter-spacing:.12em;display:block;margin-bottom:18px}.contact input{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.48);background:none;padding:11px 0;color:#fff;outline:none;font-size:15px}.contact input::placeholder{color:#ffd6d5}.contact input:focus{border-color:#fff}.contact .button{border:0;margin-top:9px}.form-note{font-size:10px;color:#ffd6d5;margin-top:16px}.footer{background:#fff;padding:41px 9vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.footer-links{display:flex;gap:25px;font-size:12px;justify-content:flex-end}.footer-links a:hover{color:var(--red)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;grid-column:1/-1;color:#9299a1;font-size:10px}.search-overlay,.case-modal{display:none;position:fixed;inset:0;background:rgba(23,25,29,.78);z-index:40;align-items:center;justify-content:center;padding:20px}.search-overlay.open,.case-modal.open{display:flex}.search-panel,.modal-panel{width:min(720px,100%);background:#fff;padding:50px;position:relative}.search-panel h2,.modal-panel h2{font-size:43px;letter-spacing:-.06em;margin:13px 0 25px}.search-panel input{width:100%;border:0;border-bottom:2px solid var(--ink);font-size:20px;padding:13px 0;outline:none}.search-results{margin-top:28px;color:var(--muted);font-size:13px}.search-result{padding:12px 0;border-bottom:1px solid var(--line)}.search-result b{display:block;color:var(--ink);font-size:15px}.close-search,.close-modal{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px;color:#737b84}.modal-panel{max-width:690px}.modal-panel>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:560px}.modal-stats{display:flex;gap:50px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.modal-stats strong{display:block;color:var(--red);font-size:27px}.modal-stats span{font-size:10px;color:var(--muted)}@media(max-width:850px){.site-header{padding:0 5vw}.main-nav{display:none}.menu-button{display:block}.nav-cta{display:none}.hero{padding:105px 8vw;min-height:640px}.hero-metric{transform:scale(.85);transform-origin:right}.metric-one{right:3%;top:22%}.metric-two{right:5%;bottom:18%}.section-pad{padding:80px 7vw}.intro-grid,.section-title-row,.compare-card,.case-card,.insight-grid,.news-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.capability-grid{grid-template-columns:repeat(2,1fr);margin-top:60px}.compare-info{padding:40px 30px}.compare-visual{min-height:340px}.case-carousel{grid-template-columns:34px 1fr 34px;gap:8px}.carousel-arrow{width:34px;height:42px}.case-copy{padding:35px 28px;min-height:290px}.case-image{min-height:220px}.news-head{align-items:start;gap:20px;flex-direction:column}.footer{grid-template-columns:1fr;gap:28px;padding:36px 7vw 25px}.footer-links{justify-content:start;flex-wrap:wrap}.footer-bottom{grid-column:auto;display:block}.footer-bottom span{display:block;margin-top:7px}.search-panel,.modal-panel{padding:35px 25px}.modal-stats{gap:24px}.section-title-row{margin-bottom:38px}}@media(max-width:500px){.hero h1{font-size:53px}.hero-copy{font-size:15px}.hero-metric{min-width:145px;padding:14px}.metric-one{top:25%}.metric-two{bottom:11%}.capability-grid{grid-template-columns:1fr}.compare-tabs{gap:20px;overflow:auto;white-space:nowrap}.compare-tab{flex:0 0 auto}.compare-info h3{font-size:31px}.case-carousel{grid-template-columns:1fr}.carousel-arrow{display:none}.case-count{right:25px}.insight-art{height:180px}.news-list article{grid-template-columns:76px 1fr 12px;gap:8px}.contact h2{font-size:48px}}

.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;align-content:start;padding-top:3px}.contact-detail{border-top:1px solid rgba(255,255,255,.4);padding:17px 0 20px}.contact-detail span,.wechat-contact span,.miniprogram-contact span{display:block;color:#ffd6d5;font-size:10px;letter-spacing:.12em;margin-bottom:8px}.contact-detail strong,.contact-detail a{display:block;color:#fff;font-size:15px;font-weight:600}.contact-detail a:hover{color:#ffd6d5}.wechat-contact{border-top:1px solid rgba(255,255,255,.4);grid-column:1/-1;padding:17px 0 0;display:block}.wechat-contact strong{display:block;color:#fff;font-size:15px;font-weight:600}.wechat-contact img{display:block;width:132px;height:132px;object-fit:cover;background:#fff;padding:7px;margin-top:10px}@media(max-width:850px){.contact-details{gap:0 24px}.wechat-contact img{width:118px;height:118px}}@media(max-width:500px){.contact-details{grid-template-columns:1fr}.wechat-contact{grid-column:auto}.wechat-contact img{width:112px;height:112px}}

.brand-logo{width:34px;height:34px;object-fit:contain;display:block}.footer .brand-logo{width:32px;height:32px}

.hero-proof{position:absolute;z-index:1;right:5.3vw;bottom:32px;display:flex;align-items:stretch;color:#fff}.hero-proof>div{min-width:145px;padding:13px 22px 12px 18px;border-left:0}.hero-proof>div:first-child{border-left:0}.hero-proof span{display:block;font-size:10px;color:#aeb4bb;letter-spacing:.04em}.hero-proof strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:5px 0 2px}.hero-proof strong span{display:inline;font-size:12px;color:var(--red)}.hero-proof small{display:block;font-size:9px;color:#858d97;white-space:nowrap}.hero-proof b{color:var(--green);font-weight:600}.hero-proof+ .scroll-note{bottom:26px}
@media(max-width:850px){.hero-proof{left:8vw;right:8vw;bottom:28px}.hero-proof>div{flex:1;min-width:0;padding:12px 12px}.hero-proof small{white-space:normal}.hero-proof strong{font-size:21px}}@media(max-width:500px){.hero-proof{left:7vw;right:7vw;bottom:26px}.hero-proof>div{padding:10px 8px}.hero-proof strong{font-size:17px}.hero-proof span{font-size:9px}.hero-proof small{font-size:8px}.hero-proof+ .scroll-note{display:none}}

.insight-list-link{display:block;color:inherit}.insight-list-link:hover h4{color:var(--red)}

.news-link{display:block;color:inherit}.news-link:hover h4{color:var(--red)}

.section-title-aside{align-self:end}.section-title-aside p{color:var(--muted);font-size:15px;line-height:1.75;max-width:390px;margin:0 0 20px}.capability-grid article{transition:background .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease}.capability-grid article:hover{background:var(--red);color:#fff;transform:translateY(-7px);box-shadow:0 18px 30px rgba(229,57,53,.2);z-index:2}.capability-grid article:hover .cap-icon,.capability-grid article:hover p,.capability-grid article:hover span{color:#fff}.capability-grid article:hover .cap-icon{transform:translateX(4px);transition:transform .28s ease}.compare-signal{position:absolute;z-index:3;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);color:#fff;border-top:0;padding-top:11px}.compare-signal>div{padding:0 14px;border-left:0}.compare-signal>div:first-child{border-left:0;padding-left:0}.compare-signal span{display:block;color:#d6d9dd;font-size:9px}.compare-signal strong{display:block;font-size:20px;line-height:1.15;margin:4px 0 1px;letter-spacing:-.04em}.compare-signal strong span{display:inline;color:var(--red);font-size:11px}.compare-signal small{display:block;color:#a9b0b8;font-size:8px}.compare-photo{transition:background-image .35s ease}.footer-bottom{gap:24px;flex-wrap:wrap}.footer-bottom span:last-child,.footer-bottom a{color:var(--red);font-weight:700}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.section-title-aside{align-self:start}.compare-signal{left:18px;right:18px}.compare-signal>div{padding:0 8px}.compare-signal strong{font-size:17px}}@media(max-width:500px){.section-title-aside p{font-size:14px}.compare-signal{left:14px;right:14px;bottom:13px}.compare-signal>div{padding:0 5px}.compare-signal strong{font-size:14px}.compare-signal span{font-size:8px}.compare-signal small{font-size:7px}}

.cap-icon svg{width:32px;height:32px;display:block;stroke:currentColor;transition:transform .28s ease}.capability-grid article:hover .cap-icon svg{transform:scale(1.08)}
/* Performance: defer layout/paint work for below-the-fold sections. */
.intro,.comparison,.cases,.insights,.news,.contact{content-visibility:auto;contain-intrinsic-size:700px}

.mobile-menu{display:none}.mobile-menu.open{display:flex;position:fixed;top:76px;left:0;right:0;z-index:19;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(23,25,29,.12)}.mobile-menu a{padding:16px 7vw;border-bottom:1px solid #eef0f2;font-size:13px;color:#3f464e}.mobile-menu a:hover{color:var(--red);background:#fafafa}.menu-button{font-size:22px;line-height:1;padding:8px}.case-carousel{touch-action:pan-y}.case-card{user-select:none}
@media(max-width:850px){.mobile-menu.open{display:flex}}

/* Hero layout refinement: clear left content hierarchy and a quiet proof rail. */
.hero {
  min-height: 720px;
  padding: 132px 5.3vw 168px;
}
.hero-content {
  max-width: 900px;
}
.hero h1 {
  font-size: clamp(52px, 6.5vw, 96px);
  line-height: 1;
  margin: 24px 0 28px;
  white-space: nowrap;
}
.hero-copy {
  max-width: 455px;
  line-height: 1.8;
  margin-bottom: 34px;
}
.hero-actions {
  gap: 22px;
}
.hero-proof {
  left: 5.3vw;
  right: 5.3vw;
  bottom: 38px;
  justify-content: flex-end;
  gap: 10px;
}
.hero-proof > div {
  min-width: 160px;
  padding: 12px 20px;
}
@media (max-width: 850px) {
  .hero {
    min-height: auto;
    padding: 112px 8vw 70px;
  }
  .hero h1 {
    font-size: clamp(44px, 6.4vw, 68px);
  }
  .hero-proof {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 96px;
    justify-content: stretch;
  }
  .hero-proof > div {
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 500px) {
  .hero {
    padding: 94px 7vw 48px;
  }
  .hero h1 {
    font-size: clamp(34px, 10.5vw, 49px);
    white-space: normal;
  }
  .hero-copy {
    max-width: 330px;
    margin-bottom: 28px;
  }
  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }
  .hero-proof {
    margin-top: 78px;
  }
}

/* Hero type hierarchy: two deliberate lines with more breathing room on desktop. */
.hero {
  min-height: 780px;
  padding-top: 142px;
  padding-bottom: 176px;
}
.hero h1 {
  font-size: clamp(56px, 6.3vw, 94px);
  line-height: .98;
  margin: 30px 0 38px;
  white-space: normal;
}
.hero h1 > span,
.hero h1 > em {
  display: block;
}
.hero h1 > em {
  margin-top: 10px;
}
.hero-copy {
  line-height: 1.9;
  margin-bottom: 44px;
}
.hero-actions {
  gap: 26px;
}
@media (max-width: 850px) {
  .hero {
    min-height: auto;
    padding-top: 112px;
    padding-bottom: 70px;
  }
  .hero h1 {
    font-size: clamp(44px, 6.4vw, 68px);
    margin-bottom: 32px;
  }
  .hero-copy {
    margin-bottom: 34px;
  }
}
@media (max-width: 500px) {
  .hero {
    padding-top: 94px;
    padding-bottom: 48px;
  }
  .hero h1 {
    font-size: clamp(34px, 10.5vw, 49px);
    line-height: 1.02;
    margin-bottom: 28px;
  }
  .hero h1 > em {
    margin-top: 7px;
  }
  .hero-copy {
    line-height: 1.75;
    margin-bottom: 28px;
  }
}

/* Contact QR: keep the enterprise-WeChat label left and the scan experience to its right. */
.wechat-contact {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}
.wechat-label {
  flex: 1;
}
.wechat-qr {
  flex: 0 0 150px;
}
.wechat-qr strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.wechat-qr img {
  margin-top: 10px;
}
@media (max-width: 500px) {
  .wechat-contact {
    gap: 20px;
  }
  .wechat-qr {
    flex-basis: 124px;
  }
  .wechat-qr img {
    width: 112px;
    height: 112px;
  }
}

/* Keep the original enterprise-WeChat block intact and add the mini-program QR beside it. */
.contact-qr-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
}
.contact-qr-grid .wechat-contact,
.contact-qr-grid .miniprogram-contact {
  grid-column: auto;
  display: block;
  border-top: 1px solid rgba(255,255,255,.4);
  padding: 17px 0 0;
}
.contact-qr-grid .wechat-contact img,
.contact-qr-grid .miniprogram-contact img {
  display: block;
  width: 132px;
  height: 132px;
  object-fit: cover;
  background: #fff;
  padding: 7px;
  margin-top: 10px;
}
@media (max-width: 500px) {
  .contact-qr-grid {
    gap: 20px;
  }
  .contact-qr-grid .wechat-contact img,
  .contact-qr-grid .miniprogram-contact img {
    width: 112px;
    height: 112px;
  }
}

/* Capability cards: separated floating tiles with subtle color stripe textures. */
.capability-grid {
  gap: 20px;
  background: transparent;
  border: 0;
}
.capability-grid article {
  min-height: 214px;
  border: 1px solid rgba(219,224,230,.9);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(23,25,29,.07), 0 2px 5px rgba(23,25,29,.03);
  background-color: #fff;
  background-repeat: repeat;
  transition: background .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.capability-grid article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--cap-stripe);
}
.capability-grid article:nth-child(1) {
  --cap-stripe: #e53935;
  background-image: repeating-linear-gradient(135deg, rgba(229,57,53,.055) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(2) {
  --cap-stripe: #5b7cfa;
  background-image: repeating-linear-gradient(135deg, rgba(91,124,250,.055) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(3) {
  --cap-stripe: #39a98a;
  background-image: repeating-linear-gradient(135deg, rgba(57,169,138,.055) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(4) {
  --cap-stripe: #e4a52b;
  background-image: repeating-linear-gradient(135deg, rgba(228,165,43,.065) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(5) {
  --cap-stripe: #8b6de8;
  background-image: repeating-linear-gradient(135deg, rgba(139,109,232,.06) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(6) {
  --cap-stripe: #df6b91;
  background-image: repeating-linear-gradient(135deg, rgba(223,107,145,.06) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(7) {
  --cap-stripe: #48a6c9;
  background-image: repeating-linear-gradient(135deg, rgba(72,166,201,.06) 0 11px, transparent 11px 25px);
}
.capability-grid article:nth-child(8) {
  --cap-stripe: #e06c3a;
  background-image: repeating-linear-gradient(135deg, rgba(224,108,58,.06) 0 11px, transparent 11px 25px);
}
.capability-grid article:hover {
  background: var(--red);
  box-shadow: 0 20px 34px rgba(229,57,53,.22);
}
@media (max-width: 850px) {
  .capability-grid {
    gap: 16px;
  }
}
@media (max-width: 500px) {
  .capability-grid {
    gap: 14px;
  }
  .capability-grid article {
    min-height: 190px;
  }
}

/* Replace straight stripes with irregular circular wave rings. */
.capability-grid article {
  --cap-rgb: 229, 57, 53;
  background-image:
    repeating-radial-gradient(ellipse at 16% 28%, transparent 0 17px, rgba(var(--cap-rgb), .075) 18px 21px, transparent 22px 43px),
    repeating-radial-gradient(ellipse at 78% 72%, transparent 0 23px, rgba(var(--cap-rgb), .06) 24px 27px, transparent 28px 58px),
    repeating-radial-gradient(ellipse at 112% 8%, transparent 0 13px, rgba(var(--cap-rgb), .045) 14px 17px, transparent 18px 36px);
  background-size: 210px 165px, 270px 205px, 170px 140px;
  background-position: 0 0, 22px -18px, -35px 32px;
}
.capability-grid article:nth-child(1) { --cap-rgb: 229, 57, 53; }
.capability-grid article:nth-child(2) { --cap-rgb: 91, 124, 250; }
.capability-grid article:nth-child(3) { --cap-rgb: 57, 169, 138; }
.capability-grid article:nth-child(4) { --cap-rgb: 228, 165, 43; }
.capability-grid article:nth-child(5) { --cap-rgb: 139, 109, 232; }
.capability-grid article:nth-child(6) { --cap-rgb: 223, 107, 145; }
.capability-grid article:nth-child(7) { --cap-rgb: 72, 166, 201; }
.capability-grid article:nth-child(8) { --cap-rgb: 224, 108, 58; }
.capability-grid article:hover {
  background-image: none;
}

/* Higher-specificity override: the wave rings must win over each card's legacy stripe rule. */
.capability-grid article:nth-child(n) {
  background-image:
    repeating-radial-gradient(ellipse at 16% 28%, transparent 0 17px, rgba(var(--cap-rgb), .075) 18px 21px, transparent 22px 43px),
    repeating-radial-gradient(ellipse at 78% 72%, transparent 0 23px, rgba(var(--cap-rgb), .06) 24px 27px, transparent 28px 58px),
    repeating-radial-gradient(ellipse at 112% 8%, transparent 0 13px, rgba(var(--cap-rgb), .045) 14px 17px, transparent 18px 36px) !important;
}
.capability-grid article:hover {
  background-image: none !important;
}

/* Capability cards: quiet color fields with oversized, low-opacity business icons. */
.capability-grid article:nth-child(n) {
  background-image: none !important;
  background-color: var(--cap-bg) !important;
}
.capability-grid article::before {
  display: none;
}
.capability-grid article::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 2px;
  width: 154px;
  height: 154px;
  opacity: .12;
  pointer-events: none;
  background-image: var(--cap-icon-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.capability-grid article:nth-child(1) {
  --cap-bg: #fff8f7;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23e53935' stroke-width='4'%3E%3Crect x='18' y='24' width='64' height='50' rx='8'/%3E%3Cpath d='M30 24v-7h40v7M30 42h40M30 56h12M58 56h12M34 74v9M66 74v9'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(2) {
  --cap-bg: #f7f9ff;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%235b7cfa' stroke-width='4'%3E%3Ccircle cx='20' cy='76' r='9'/%3E%3Ccircle cx='78' cy='24' r='9'/%3E%3Cpath d='M29 76c32 0 16-35 40-35 12 0 18-8 18-17M56 76h18M72 24l8-8 8 8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(3) {
  --cap-bg: #f5fbf8;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2339a98a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 80V25M18 80h66M30 66l16-20 14 10 22-30'/%3E%3Cpath d='M70 26h12v12'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(4) {
  --cap-bg: #fffbf2;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23e4a52b' stroke-width='4'%3E%3Crect x='28' y='14' width='44' height='72' rx='8'/%3E%3Cpath d='M40 28h20M38 44h24v16H38zM44 75h12'/%3E%3Cpath d='m45 51 6 6 10-12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(5) {
  --cap-bg: #faf8ff;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%238b6de8' stroke-width='4'%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Cpath d='m64 36-8 24-24 8 8-24 24-8ZM50 16v8M50 76v8M16 50h8M76 50h8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(6) {
  --cap-bg: #fff7fa;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23df6b91' stroke-width='4'%3E%3Crect x='17' y='26' width='66' height='48' rx='7'/%3E%3Cpath d='M17 42h66M29 58h16M65 58h8' stroke-linecap='round'/%3E%3Ccircle cx='68' cy='60' r='7'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(7) {
  --cap-bg: #f4fbfe;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2348a6c9' stroke-width='4'%3E%3Crect x='17' y='26' width='66' height='48' rx='7'/%3E%3Cpath d='M17 42h66M30 59h15M59 57l8 8 13-17' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.capability-grid article:nth-child(8) {
  --cap-bg: #fff8f4;
  --cap-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23e06c3a' stroke-width='4'%3E%3Crect x='16' y='24' width='68' height='22' rx='5'/%3E%3Crect x='16' y='54' width='68' height='22' rx='5'/%3E%3Cpath d='M34 46v8M66 46v8M30 35h16M54 35h16M30 65h16M54 65h16' stroke-linecap='round'/%3E%3C/svg%3E");
}
.capability-grid article:hover {
  background-color: var(--red) !important;
  background-image: none !important;
}

/* Hover state follows each card's own accent instead of using one universal red. */
.capability-grid article:nth-child(1) { --cap-hover: #e53935; }
.capability-grid article:nth-child(2) { --cap-hover: #5b7cfa; }
.capability-grid article:nth-child(3) { --cap-hover: #39a98a; }
.capability-grid article:nth-child(4) { --cap-hover: #e4a52b; }
.capability-grid article:nth-child(5) { --cap-hover: #8b6de8; }
.capability-grid article:nth-child(6) { --cap-hover: #df6b91; }
.capability-grid article:nth-child(7) { --cap-hover: #48a6c9; }
.capability-grid article:nth-child(8) { --cap-hover: #e06c3a; }
.capability-grid article:hover {
  background-color: var(--cap-hover) !important;
}

/* Hero proof rail now sits directly beneath the primary action on the left. */
.hero-content {
  position: relative;
  z-index: 1;
  max-width: 760px;
}
.hero-content .hero-proof {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: min(700px, 100%);
  margin-top: 46px;
  display: flex;
  align-items: flex-start;
  color: #fff;
}
.hero-content .hero-proof > div {
  flex: 0 1 205px;
  min-width: 0;
  padding: 0 24px 0 0;
  margin-right: 24px;
  border-left: 0;
  border-right: 1px solid rgba(255,255,255,.18);
}
.hero-content .hero-proof > div:last-child {
  border-right: 0;
  margin-right: 0;
}
.hero-content .hero-proof strong {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 850px) {
  .hero-content .hero-proof {
    width: 100%;
    margin-top: 38px;
  }
  .hero-content .hero-proof > div {
    flex: 1 1 0;
    padding-right: 14px;
    margin-right: 14px;
  }
}
@media (max-width: 500px) {
  .hero-content .hero-proof {
    margin-top: 32px;
    gap: 12px;
  }
  .hero-content .hero-proof > div {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
  .hero-content .hero-proof small {
    font-size: 8px;
  }
}