﻿/* Screenshot-aligned cabinet rental refinements. */
.hero{min-height:430px;padding:48px 0 18px;background:#fff}.hero-grid{min-height:360px;align-items:center;gap:40px}.hero-copy{max-width:630px}.hero-copy h1{font-size:46px;line-height:1.25;letter-spacing:0;margin:0 0 18px;color:#10274f}.hero-copy p{font-size:18px;line-height:1.85;max-width:680px;color:#526681;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:18px}.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:162px;height:52px;font-size:18px}.hero-actions .primary{background:#1160e8;border-color:#1160e8;color:#fff}.hero-actions .online_kf{color:#1160e8;border:1px solid #1160e8;background:#fff}.tg-button img{display:block;width:20px;height:20px;filter:brightness(0) invert(1)}.service-button::before{content:'◉';font-size:20px;line-height:1}.hero-art{width:min(50%,650px);max-height:370px;object-fit:contain;mix-blend-mode:multiply}.feature-strip{padding:0 0 30px;background:#fff}.feature-grid{gap:16px}.feature-grid article{min-height:112px;padding:20px 22px}.feature-grid article img{width:58px;height:58px;object-fit:contain}.feature-grid article h2{font-size:20px;margin:0 0 7px;color:#14284a}.feature-grid article p{font-size:14px;line-height:1.55;margin:0;color:#687b95}.regional-racks{padding-top:26px;padding-bottom:28px;background:#fff}.regional-racks .line-title,.plan-area .line-title{font-size:35px;margin-bottom:10px}.regional-racks .section-subtitle{font-size:17px;margin-bottom:26px}.regional-rack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.regional-rack-card{min-height:220px;border:1px solid #e7ebf1;border-radius:10px;background:#fff;box-shadow:0 8px 26px rgba(24,70,134,.08);padding:20px;display:grid;grid-template-columns:54% 46%;align-items:center;gap:16px}.regional-rack-card img{width:100%;height:180px;object-fit:cover;border-radius:8px}.regional-rack-card h3{font-size:25px;line-height:1.25;margin:0 0 14px;color:#15294a}.regional-rack-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.regional-rack-card li{font-size:16px;color:#55729b;white-space:nowrap}.regional-rack-card li::before{content:'●';font-size:13px;color:#1664e7;margin-right:10px}.plan-area{padding-top:30px;padding-bottom:38px}.plan-area .section-subtitle{display:none}.rack-tabs{justify-content:center;margin:18px 0 24px}.rack-tabs button{min-width:170px;height:52px;font-size:18px}.rack-plan-grid{width:100%;gap:18px}.rack-plan{min-height:370px;padding:22px 26px 20px;border-radius:10px}.rack-plan-top{min-height:96px;align-items:flex-start}.rack-plan-top h3{font-size:24px;line-height:1.25;margin:0 0 7px;color:#13284a}.rack-plan-top p{font-size:15px;color:#7a8ca5;margin:0}.rack-plan-top img{width:100px;height:100px;object-fit:contain}.rack-plan ul{margin:8px 0 16px;padding:0;gap:0}.rack-plan li{font-size:16px;padding:9px 0;border-bottom:1px solid #edf1f6}.rack-plan li::before{content:'✓';color:#1465e9;margin-right:10px;font-weight:700}.rack-price{margin:8px 0 16px;font-size:30px;color:#1160e8;font-weight:800}.rack-price small{margin-left:4px;font-size:15px;font-weight:500;color:#5c6f88}.rack-plan>a{height:46px;line-height:46px;font-size:17px;background:#1160e8}.plan-tag{top:0;right:0;left:auto;border-radius:0 10px 0 10px;padding:7px 13px;font-size:14px;background:#1e65e5}@media(max-width:980px){.regional-rack-grid{grid-template-columns:1fr}.regional-rack-card{grid-template-columns:220px 1fr}.hero-grid{grid-template-columns:1fr}.hero-art{width:100%;max-width:560px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-copy h1{font-size:34px}.regional-rack-card{grid-template-columns:1fr}.regional-rack-card img{height:180px}.rack-tabs{overflow:auto;justify-content:flex-start}.rack-tabs button{min-width:120px}.feature-grid{grid-template-columns:1fr}.hero-actions .button{min-width:140px}}
/* Hero art scale correction: use the full right-hand visual field. */
@media (min-width:981px){
  .hero{overflow:hidden}
  .hero-grid{grid-template-columns:.86fr 1.14fr;gap:8px}
  .hero-art{width:112%;max-width:none;max-height:none;height:430px;object-fit:contain;object-position:center right;transform:translateX(3%)}
}
@media (min-width:981px){
  .hero-art{width:134%;height:516px;transform:translateX(-15%)}
}
@media (min-width:981px){
  .hero{overflow:hidden}
  .hero-grid{position:relative;display:block;min-height:430px}
  .hero-copy{position:relative;z-index:1;padding-top:70px}
  .hero-art{position:absolute;top:50%;right:0;width:850px;height:430px;max-width:none;max-height:none;object-fit:contain;object-position:center right;transform:translateY(-50%);pointer-events:none}
}
@media (min-width:981px){.hero-art{right:140px}}
@media (min-width:981px){
  .hero{min-height:480px;padding:0;overflow:hidden}
  .hero-grid{min-height:480px}
  .hero-copy{padding-top:0}
  .hero-art{top:50%;right:0;width:650px;height:460px;transform:translateY(-50%);object-fit:contain;object-position:center right}
}
@media (min-width:981px){
  .hero-copy{position:absolute;left:80px;top:50%;width:630px;margin:0;padding:0;transform:translateY(-70%)}
}
@media (min-width:981px){
  .hero-copy{left:0;transform:translateY(-10%)}
}
@media (min-width:981px){.hero-copy{left:0;top:50%;transform:translateY(-50%)}}
.rack-plan-top{min-height:72px}.rack-plan-top>div{width:100%}
.rack-plan-top{text-align:center;justify-content:center}.rack-plan-top h3{font-size:25px;text-align:center}.rack-plan-top .rack-size{margin:8px 0 0;font-size:18px;font-weight:700;color:#54709a;text-align:center}.rack-price{text-align:center}.rack-price small{display:none}

/* Reference recreation: facility resource guarantee and regional comparison. */
.facility-section{padding:54px 0 44px;background:#fff}
.facility-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:42px}
.facility-visual{min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.facility-visual img{display:block;width:100%;max-width:650px;height:390px;object-fit:contain;mix-blend-mode:multiply}
.facility-content h2{margin:0 0 8px;font-size:36px;line-height:1.2;color:#10274f}
.facility-content>p{margin:0 0 24px;font-size:15px;line-height:1.7;color:#6b7d96}
.facility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.facility-grid article{min-height:86px;display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid #e6edf7;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(42,83,142,.05)}
.facility-grid article>img{flex:0 0 48px;width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}
.facility-grid h3{margin:0 0 5px;font-size:18px;line-height:1.2;color:#14284a}
.facility-grid span{display:block;font-size:13px;line-height:1.45;color:#677993}
.regional-comparison{padding:42px 0 56px;background:#fff}
.regional-comparison .line-title{margin:0 0 9px;text-align:center;font-size:35px;color:#13294d}
.regional-comparison .section-subtitle{margin:0 auto 27px;text-align:center;font-size:15px;color:#72839b}
.region-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.region-compare-card{min-height:310px;padding:18px 18px 17px;border:1px solid #e6ecf4;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(30,70,125,.06)}
.region-head{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:15px}
.region-head img{width:128px;height:82px;object-fit:cover;border-radius:7px}
.region-head h3{margin:0 0 6px;font-size:24px;color:#14294c;line-height:1.1}
.region-head p{margin:0;font-size:13px;line-height:1.45;color:#60738e}
.region-compare-card ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.region-compare-card li{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px;align-items:start;padding:8px 0 8px 29px;border-top:1px solid #f0f3f7;color:#64758c;font-size:13px;line-height:1.42}
.region-compare-card li::before{content:'◉';position:absolute;left:3px;top:8px;color:#1666e8;font-size:18px;line-height:1}
.region-compare-card li b{font-size:14px;color:#314968;white-space:nowrap}
@media(max-width:980px){.facility-layout{grid-template-columns:1fr;gap:20px}.facility-visual{min-height:auto}.facility-visual img{height:auto;max-height:410px}.region-compare-grid{grid-template-columns:1fr}.region-compare-card{min-height:0}.facility-grid{grid-template-columns:1fr}}
@media(max-width:640px){.facility-section,.regional-comparison{padding:34px 0}.facility-content h2,.regional-comparison .line-title{font-size:28px}.facility-grid article{min-height:76px}.facility-grid h3{font-size:17px}.region-head{grid-template-columns:115px 1fr}.region-head img{width:115px}.region-compare-card li{grid-template-columns:82px minmax(0,1fr)}}

/* Reference recreation: scenario, process, FAQ and consultation banner. */
.cabinet-showcase,.rental-flow,.cabinet-faq{padding:38px 0;background:#fff}.cabinet-showcase h2,.rental-flow h2,.cabinet-faq h2{margin:0;text-align:center;font-size:34px;line-height:1.2;color:#14284a}.showcase-sub,.rental-flow> .shell>p{margin:9px 0 24px;text-align:center;color:#71829a;font-size:15px}.showcase-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.showcase-scenes article{display:flex;align-items:center;gap:16px;min-height:135px;padding:18px;border:1px solid #e6ebf4;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(38,77,133,.05)}.showcase-scenes img{width:92px;height:92px;object-fit:contain;mix-blend-mode:multiply}.showcase-scenes h3{margin:0 0 8px;font-size:18px;color:#172a4b}.showcase-scenes p{margin:0;color:#62758e;font-size:13px;line-height:1.65}.rental-flow{padding-top:20px}.rental-flow> .shell>p{margin-bottom:12px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.flow-steps::before{content:'';position:absolute;left:12.5%;right:12.5%;top:30px;border-top:2px dashed #b9d4ff}.flow-steps article{position:relative;z-index:1;text-align:center;padding:0 16px}.flow-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 8px;border:1px solid #cde0ff;border-radius:50%;background:#fff;color:#1262e8;font-size:27px;box-shadow:0 3px 12px rgba(0,92,230,.08)}.flow-steps b{display:block;color:#1262e8;font-size:24px;line-height:1}.flow-steps h3{margin:4px 0 5px;font-size:16px;color:#1b3153}.flow-steps small{display:block;margin:auto;max-width:190px;color:#71829a;font-size:13px;line-height:1.55}.cabinet-faq{padding-top:30px}.cabinet-faq h2{margin-bottom:18px}.cabinet-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.cabinet-faq-grid article{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:start;gap:10px;min-height:58px;padding:10px 13px;border:1px solid #e5ebf4;border-radius:8px;background:#fff}.cabinet-faq-grid article>span{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:2px;border-radius:50%;background:#1769ec;color:#fff;font-size:10px;font-weight:800}.cabinet-faq-grid h3{margin:0 0 4px;font-size:14px;color:#263a59}.cabinet-faq-grid p{margin:0;color:#718199;font-size:12px;line-height:1.45}.cabinet-faq-grid p b{color:#1769ec}.cabinet-faq-grid i{align-self:center;color:#6f8096;font-size:22px;font-style:normal}.reference-cta{margin:24px auto 42px;width:min(100% - 40px,1440px);padding:0;border:1px solid #d6e7ff;border-radius:12px;background:linear-gradient(90deg,#f3f8ff 0%,#eff6ff 100%)}.reference-cta .cta-inner{min-height:178px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.reference-cta h2{margin:0 0 9px;font-size:28px;color:#13294d}.reference-cta p{margin:0 0 18px;color:#667b98;font-size:14px}.reference-cta .cta-art{display:block;width:500px;max-width:50%;height:175px;object-fit:contain;object-position:center;mix-blend-mode:multiply;transform:scale(1.5);transform-origin:center}.reference-cta .tg-button{display:inline-flex;align-items:center;gap:8px}.reference-cta .tg-button img{width:19px;height:19px;filter:none}@media(max-width:980px){.showcase-scenes{grid-template-columns:repeat(2,1fr)}.flow-steps{grid-template-columns:repeat(2,1fr);gap:24px}.flow-steps::before{display:none}.reference-cta .cta-art{width:40%;max-width:40%}}@media(max-width:640px){.showcase-scenes,.cabinet-faq-grid{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr}.reference-cta{width:calc(100% - 28px)}.reference-cta .cta-inner{padding:24px 18px}.reference-cta .cta-art{display:none}}

/* CTA calibration against the supplied cabinet rental reference. */
.reference-cta{margin:22px auto 38px;width:min(100% - 40px,1440px);height:160px;padding:0;border:1px solid #c9ddfb;border-radius:10px;background:#edf5ff}
.reference-cta .cta-inner{min-height:158px;height:158px;padding:0 68px}
.reference-cta h2{margin:0 0 7px;font-size:27px;line-height:1.18;color:#102b50}
.reference-cta p{margin:0 0 15px;font-size:14px;line-height:1.4;color:#6880a0}
.reference-cta .cta-actions{display:flex;align-items:center;gap:18px}
.reference-cta .button{min-width:140px;height:46px;padding:0 24px;font-size:16px;line-height:46px}
.reference-cta .cta-art{width:600px;max-width:46%;height:170px;object-fit:contain;object-position:center;transform:none;mix-blend-mode:multiply}
@media(max-width:980px){.reference-cta{height:auto}.reference-cta .cta-inner{height:auto;min-height:158px;padding:18px 36px}.reference-cta .cta-art{width:46%;height:145px}}

/* Single-layer full blue consultation strip. */
.reference-cta{background:#edf5ff!important;border:1px solid #c5dcfb!important;box-shadow:none!important;overflow:hidden}
.reference-cta .cta-inner{background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
.reference-cta .cta-inner::before,.reference-cta .cta-inner::after{display:none!important}
.reference-cta .cta-art{width:720px!important;max-width:52%!important;height:200px!important;transform:scale(1.08)!important;transform-origin:center!important;mix-blend-mode:multiply}

/* CTA position and small-type uplift. */
.reference-cta{height:182px!important}
.reference-cta .cta-inner{height:180px!important;min-height:180px!important;padding:0 35px 0 68px!important}
.reference-cta .cta-art{width:760px!important;max-width:56%!important;height:220px!important;margin-left:auto;margin-right:-10px;transform:scale(1.08)!important;transform-origin:center right!important}
.feature-grid p,.rack-plan-top p,.facility-content>p,.regional-comparison .section-subtitle,.region-head p,.facility-grid span,.region-compare-card li,.showcase-sub,.rental-flow>.shell>p,.showcase-scenes p,.flow-steps small,.reference-cta p{font-size:17px!important}
.plan-tag,.region-compare-card li b,.showcase-scenes h3,.flow-steps h3,.cabinet-faq-grid h3{font-size:16px!important}
.cabinet-faq-grid p{font-size:14px!important}.cabinet-faq-grid article>span{font-size:12px!important}
@media(max-width:980px){.reference-cta{height:auto!important}.reference-cta .cta-inner{height:auto!important;min-height:180px!important}.reference-cta .cta-art{height:185px!important;margin-right:0}}

/* Final FAQ and CTA right-edge alignment. */
.cabinet-faq-grid h3{font-size:18px!important;line-height:1.35!important}
.cabinet-faq-grid p{font-size:16px!important;line-height:1.55!important}
.cabinet-faq-grid article>span{width:19px!important;height:19px!important;font-size:13px!important}
.cabinet-faq-grid article{grid-template-columns:23px minmax(0,1fr) 16px!important;gap:11px!important;min-height:72px!important;padding:12px 15px!important}
.reference-cta .cta-art{margin-right:-56px!important}
@media(max-width:980px){.reference-cta .cta-art{margin-right:-16px!important}}

/* Compensate for the CTA source image's built-in blank right canvas. */
.reference-cta .cta-art{transform:translateX(165px) scale(1.30)!important;transform-origin:center right!important}
