:root{--black:#041016;--navy:#071a24;--cyan:#00bbed;--ice:#eaf5f9;--text:#071923;--muted:#9db5c2;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:var(--black);font-family:"Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--cyan);color:#06131a}.container{width:min(calc(100% - 76px),var(--max));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;inset:0 0 auto;z-index:30;height:76px;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(2,11,17,.2)}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:baseline;gap:8px;font-style:italic;font-weight:900;white-space:nowrap}.brand b{font-size:33px;letter-spacing:-.12em;color:var(--cyan);line-height:1}.brand span{font-size:17px;letter-spacing:-.045em}.site-header nav{display:flex;gap:32px;margin-left:auto;align-items:center}.site-header nav a{font-size:14px;font-weight:800;color:#d6e4eb}.site-header nav a:hover{color:var(--cyan)}.header-cta{background:var(--cyan);color:#001721;padding:13px 24px;font-weight:900;font-size:14px;border-radius:100px;transition:background .2s}.header-cta:hover,.btn-cyan:hover{background:#6fe1ff}
.hero{height:700px;position:relative;overflow:hidden;background:#071722}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,16,.96) 0%,rgba(2,11,16,.86) 25%,rgba(2,11,16,.23) 53%,rgba(2,11,16,.02) 100%),linear-gradient(0deg,rgba(2,11,16,.48),transparent 35%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-content{padding-top:76px;max-width:670px}.hero-tag{color:#76e1ff;font-size:14px;letter-spacing:.07em;font-weight:800;margin:0 0 21px}.hero-tag span{display:inline-block;width:1px;height:12px;background:#658793;margin:0 10px;vertical-align:-1px}.hero h1{font-size:clamp(68px,7.7vw,120px);font-weight:1000;line-height:.99;letter-spacing:-.075em;margin:0 0 14px}.hero h1 em{font-style:normal;color:var(--cyan);letter-spacing:-.09em}.hero-subtitle{border-left:4px solid var(--cyan);padding-left:16px;font-size:23px;font-weight:800;margin:22px 0 28px}.hero-specs{display:flex;gap:29px;margin-bottom:30px}.hero-specs div{border-right:1px solid rgba(178,219,232,.34);padding-right:30px}.hero-specs div:last-child{border:0;padding-right:0}.hero-specs strong{display:block;font-size:19px;font-weight:900}.hero-specs span{display:block;color:#b5cbd5;font-size:14px;margin-top:3px}.hero-actions{display:flex;align-items:center;gap:24px}.btn{border:0;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 30px;font-size:15px;font-weight:900;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-cyan{background:var(--cyan);color:#001620;box-shadow:0 10px 24px rgba(0,174,233,.19)}.hero-actions p{font-size:14px;line-height:1.6;color:#d7e9ee;margin:0}.hero-line{position:absolute;right:0;bottom:32px;font-size:14px;color:#e7f6fa;border-left:2px solid var(--cyan);padding-left:12px;margin:0}
.trust-rail{background:#061721;border-top:1px solid #244755;border-bottom:1px solid #244755}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:116px}.trust-item{display:flex;align-items:center;gap:18px;padding:20px 28px;border-left:1px solid #24404b}.trust-item:first-child{border-left:0;padding-left:0}.trust-symbol{font-size:27px;line-height:1;color:var(--cyan);font-weight:900;letter-spacing:-.08em}.trust-item strong{display:block;font-size:17px}.trust-item small{display:block;color:#9fb5c0;font-size:14px;margin-top:5px}
.comparison{background:#06131b}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr)}.compare-panel{height:460px;position:relative;overflow:hidden;--cut:50%;background:#16313e}.compare-panel+ .compare-panel{border-left:4px solid #fff}.compare-panel img{width:100%;height:100%;object-fit:cover}.compare-panel.exterior img{object-position:center 54%}.compare-panel.interior img{object-position:center 57%}.compare-tint{position:absolute;inset:0;clip-path:inset(0 0 0 var(--cut));background:rgba(0,21,30,.29);pointer-events:none}.compare-panel.interior .compare-tint{clip-path:inset(0 calc(100% - var(--cut)) 0 0);background:rgba(2,13,19,.48)}.compare-label{position:absolute;top:27px;color:#fff;text-shadow:0 2px 8px #000;pointer-events:none}.compare-label.left{left:38px}.compare-label.right{right:38px;text-align:right}.compare-label b{display:block;font-size:20px}.compare-label span{display:block;font-size:14px;margin-top:6px}.compare-line{position:absolute;top:0;bottom:0;left:var(--cut);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:40px;width:40px;display:grid;place-items:center;background:#fff;color:#0b2834;border-radius:50%;font-size:22px;box-shadow:0 3px 15px rgba(0,0,0,.25)}.compare-bottom{position:absolute;bottom:24px;font-size:14px;font-weight:900;padding:9px 12px;pointer-events:none}.compare-bottom.before{left:38px;background:rgba(3,11,16,.8)}.compare-bottom.after{right:38px;color:var(--cyan);background:rgba(3,11,16,.8)}.compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-disclaimer{margin:0;padding:9px 30px;background:#0a1a23;color:#b1c9d2;font-size:14px;text-align:center}
.package{background:var(--ice);color:var(--text);padding:105px 0}.package-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.eyebrow{color:#007eae;font-size:14px;font-weight:900;letter-spacing:.04em;margin:0 0 18px}.package h2{font-size:clamp(43px,4.2vw,66px);line-height:1.08;letter-spacing:-.07em;margin:0 0 17px;font-weight:1000}.package-offer>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#4c6775}.price{display:flex;align-items:baseline;gap:8px;margin:25px 0 22px}.price strong{font-family:"Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;font-size:clamp(78px,8vw,116px);font-weight:1000;letter-spacing:-.095em;line-height:.95}.price span{font-size:18px;font-weight:900}.checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 27px}.checks span{font-size:14px;font-weight:850;display:flex;align-items:center;gap:7px}.checks span:before{content:"✓";display:inline-grid;place-items:center;background:var(--cyan);color:#fff;border-radius:50%;height:21px;width:21px;font-weight:900}.package-offer>small{display:block;font-size:14px;color:#62808b;margin-top:16px}.package-card{padding:34px 40px;background:#fff;border-radius:13px;box-shadow:0 20px 55px rgba(16,59,81,.1)}.package-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.package-card h3{font-size:23px;margin:0;letter-spacing:-.035em}.package-card-head span{color:#9bb3be;font-size:14px;letter-spacing:.07em;font-weight:700}.package-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dbe8ed;padding:17px 0;font-size:14px}.package-row b{font-weight:850}.package-row span{color:#618394;text-align:right}.package-row:last-child{padding-bottom:0}
.vlt-section{background:#06141d;padding:66px 0;color:#fff}.vlt-grid{display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center}.vlt-copy .eyebrow{color:#38d3fb}.vlt-copy h2{font-size:35px;letter-spacing:-.055em;line-height:1.15;margin:0 0 15px}.vlt-copy p:not(.eyebrow){color:#c2d4dd;font-size:14px;line-height:1.65}.cyan-rule{width:55px;height:3px;background:var(--cyan);margin:20px 0}.vlt-copy small{display:block;color:#9eb8c5;font-size:14px;line-height:1.6}.vlt-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.vlt-tile{border:0;background:transparent;color:#fff;text-align:left;padding:0}.vlt-photo{display:block;height:146px;border:2px solid #42606d;border-radius:12px;overflow:hidden;position:relative;margin-bottom:12px}.vlt-tile.active .vlt-photo{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,187,237,.18)}.vlt-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.vlt-photo i{position:absolute;inset:0;background:#05131c;opacity:.15}.vlt-tile[data-vlt="50"] .vlt-photo i{opacity:.34}.vlt-tile[data-vlt="35"] .vlt-photo i{opacity:.5}.vlt-tile[data-vlt="20"] .vlt-photo i{opacity:.68}.vlt-tile strong{display:block;font-size:29px;line-height:1;letter-spacing:-.04em}.vlt-tile small{color:#a9c1cc;font-size:14px;line-height:1.5;display:block;margin-top:6px}.vlt-tile.active strong{color:var(--cyan)}
.steps{background:#eaf5f9;color:#071923;padding:70px 0}.steps-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:35px;align-items:start}.steps-intro h2{font-size:36px;line-height:1.1;letter-spacing:-.055em;margin:0 0 12px}.steps-intro>p:last-child{font-size:14px;color:#587382}.step{padding-top:9px}.step>span{height:31px;width:31px;background:var(--cyan);border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;margin-bottom:17px}.step h3{font-size:18px;margin:0 0 10px}.step p{color:#57737e;font-size:14px;line-height:1.6;margin:0}
.faq{position:relative;background:#031018;min-height:390px;overflow:hidden;padding:65px 0}.faq>img{position:absolute;right:0;top:0;width:46%;height:100%;object-fit:cover;object-position:right center;opacity:.46}.faq-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031018 0%,#031018 61%,rgba(3,16,24,.12) 100%)}.faq-grid{position:relative;display:grid;grid-template-columns:250px minmax(330px,520px);gap:70px}.faq .eyebrow{color:var(--cyan)}.faq h2{font-size:40px;line-height:1.13;letter-spacing:-.06em;margin:0 0 14px}.faq-grid>div:first-child>p:not(.eyebrow){color:#b4cbd5;font-size:14px;line-height:1.6}.outline-link{display:inline-flex;gap:18px;border:1px solid var(--cyan);color:#fff;padding:12px 18px;font-size:14px;font-weight:800;margin-top:20px}.outline-link:hover{background:var(--cyan);color:#06141d}.faq-list{border-top:1px solid #35505b}.faq details{border-bottom:1px solid #35505b}.faq summary{list-style:none;padding:12px 29px 12px 0;position:relative;font-size:14px;font-weight:800;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cyan);position:absolute;right:0;top:8px;font-size:21px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:#adc4ce;line-height:1.6;margin:0 0 14px}
.booking{position:relative;background:#04121c;padding:78px 0;overflow:hidden}.film-photo{position:absolute;inset:0 auto 0 0;width:100%;height:100%;object-fit:cover;object-position:left center;opacity:.46}.booking:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,18,.18),rgba(2,12,18,.64) 42%,rgba(2,12,18,.34) 100%)}.booking-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.booking-copy{padding-left:175px}.booking-copy .brand{margin-bottom:23px}.booking-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.14;letter-spacing:-.065em;margin:0 0 20px}.booking-copy p{font-size:14px;color:#c2d5df;line-height:1.7;max-width:420px}.booking-badges{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.booking-badges span{border:1px solid #47707e;color:#e3f5f9;padding:8px 10px;font-size:14px;font-weight:800}.booking-card{background:#edf6f9;color:#0b202a;padding:31px;border-radius:6px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.booking-card h3{font-size:22px;margin:0 0 17px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{font-size:14px;font-weight:800}.form-grid input,.form-grid select{display:block;width:100%;height:46px;border:1px solid #b8d0d9;background:#fff;margin-top:7px;padding:0 11px;color:#0d2d38;border-radius:0;outline:0;font-size:14px}.form-grid input:focus,.form-grid select:focus{border-color:#00a6d4;box-shadow:0 0 0 3px rgba(0,187,237,.15)}.booking-card>.btn{margin-top:22px;width:100%}.form-note{font-size:14px;color:#66818d;margin:13px 0 0}.booking-result{display:none;margin-top:16px;border:1px solid #b7d0db;background:#fff;padding:13px;font-size:14px;line-height:1.6;white-space:pre-wrap}.booking-result.show{display:block}.result-actions{display:flex;gap:9px;margin-top:12px}.result-actions button,.result-actions a{background:#fff;border:1px solid #008db8;color:#046382;font-size:14px;font-weight:800;padding:8px 10px}
footer{background:#020b10;border-top:1px solid #19313c;padding:29px 0;color:#a7bdc7}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner p{font-size:14px;line-height:1.5;max-width:650px;margin:0}.mobile-cta{display:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80e4ff;outline-offset:2px}
@media(max-width:1100px){.hero h1{font-size:82px}.trust-item{padding:18px 14px}.trust-item strong{font-size:14px}.comparison .compare-panel{height:380px}.package-grid{gap:40px}.vlt-grid{grid-template-columns:220px 1fr;gap:25px}.vlt-photo{height:120px}.booking-copy{padding-left:75px}.booking-grid{gap:40px}}
@media(max-width:760px){.container{width:min(calc(100% - 34px),var(--max))}.site-header{height:62px}.brand b{font-size:27px}.brand span{font-size:14px}.site-header nav{display:none}.header-cta{margin-left:auto;font-size:14px;padding:10px 15px}.hero{height:735px}.hero-photo{height:54%;object-position:64% center}.hero-shade{background:linear-gradient(0deg,#031018 0%,#031018 30%,rgba(3,16,24,.79) 48%,rgba(3,16,24,.05) 83%)}.hero-inner{align-items:end}.hero-content{padding:0 0 55px}.hero-tag{font-size:14px;margin-bottom:15px}.hero h1{font-size:clamp(52px,13vw,77px)}.hero-subtitle{font-size:17px;margin:15px 0 22px}.hero-specs{gap:14px;margin-bottom:22px}.hero-specs div{padding-right:14px}.hero-specs strong{font-size:14px}.hero-specs span{font-size:14px}.hero-actions{gap:15px}.hero-actions .btn{min-height:49px;padding:13px 20px}.hero-actions p{font-size:14px}.hero-line{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item{min-height:78px;padding:12px!important}.trust-item:nth-child(odd){border-left:0}.trust-item:nth-child(n+3){border-top:1px solid #24404b}.trust-symbol{font-size:19px}.trust-item strong{font-size:14px}.trust-item small{font-size:14px}.compare-grid{grid-template-columns:1fr}.compare-panel+.compare-panel{border-left:0;border-top:4px solid #fff}.comparison .compare-panel{height:330px}.compare-label.left{left:20px}.compare-label.right{right:20px}.compare-label b{font-size:16px}.compare-label span{font-size:14px}.compare-bottom.before{left:20px}.compare-bottom.after{right:20px}.package{padding:68px 0}.package-grid{grid-template-columns:1fr;gap:30px}.package h2{font-size:45px}.package-offer>p:not(.eyebrow){font-size:15px}.price strong{font-size:82px}.package-card{padding:24px 20px}.package-card h3{font-size:19px}.package-row{font-size:14px;padding:14px 0}.vlt-section{padding:62px 0}.vlt-grid{grid-template-columns:1fr;gap:24px}.vlt-copy h2{font-size:37px}.vlt-gallery{gap:8px}.vlt-photo{height:96px}.vlt-tile strong{font-size:24px}.vlt-tile small{font-size:14px}.steps{padding:60px 0}.steps-grid{grid-template-columns:1fr;gap:24px}.steps-intro h2{font-size:38px}.step{border-top:1px solid #b8ced8;padding-top:16px}.step>span{margin-bottom:11px}.faq{padding:60px 0}.faq>img{width:100%;opacity:.14}.faq-shade{background:rgba(3,16,24,.68)}.faq-grid{grid-template-columns:1fr;gap:29px}.faq h2{font-size:39px}.booking{padding:66px 0}.film-photo{opacity:.24}.booking:after{background:rgba(2,12,18,.4)}.booking-grid{grid-template-columns:1fr;gap:30px}.booking-copy{padding-left:0}.booking-copy h2{font-size:44px}.booking-card{padding:22px}.footer-inner{display:block}.footer-inner p{margin-top:12px}.mobile-cta{position:fixed;z-index:50;bottom:0;left:0;right:0;background:rgba(3,14,20,.97);border-top:1px solid #1c4657;display:flex;align-items:center;gap:15px;padding:9px 16px calc(9px + env(safe-area-inset-bottom))}.mobile-cta>div{line-height:1}.mobile-cta strong{display:block;color:var(--cyan);font-size:24px;letter-spacing:-.05em}.mobile-cta span{font-size:14px;color:#bed4de}.mobile-cta .btn{flex:1;min-height:44px;padding:10px;font-size:14px}footer{padding-bottom:90px}}
@media(max-width:460px){.vlt-gallery{grid-template-columns:repeat(2,1fr);gap:16px}.vlt-photo{height:126px}.form-grid{grid-template-columns:1fr}.booking-copy h2{font-size:38px}.hero-actions p{display:none}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Open up Chinese titles while retaining compact Latin price numerals. */
.hero h1,
.package h2,
.vlt-copy h2,
.steps-intro h2,
.faq h2,
.booking-copy h2 {
  font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.25;
}
.hero h1 {
  letter-spacing: .08em;
  line-height: 1.16;
}
.hero h1 em {
  font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-weight: 900;
  letter-spacing: -.055em;
}
.package-card h3,
.booking-card h3,
.step h3,
.trust-item strong,
.compare-label b {
  letter-spacing: .045em;
  line-height: 1.35;
}
.booking-copy h2 {
  font-size: clamp(36px, 3.4vw, 46px);
}

/* One continuous dark palette across every content section. */
.package {
  background: #0a1d27;
  color: #f2f9fc;
  border-top: 1px solid #23414e;
}
.package .eyebrow,
.steps .eyebrow {
  color: #55d8f7;
}
.package-offer > p:not(.eyebrow),
.package-offer > small {
  color: #b6cdd7;
}
.package .price strong {
  color: var(--cyan);

  font-weight: 850;
  letter-spacing: .015em;
}
.package-card {
  background: #102a36;
  color: #f1f9fc;
  border: 1px solid #284956;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
}
.package-card-head span {
  color: #a5bfca;
}
.package-row {
  border-color: #2b4b58;
}
.package-row span {
  color: #b7cbd5;
}
.steps {
  background: #0b222d;
  color: #f2f9fc;
  border-top: 1px solid #294855;
  border-bottom: 1px solid #294855;
}
.steps-intro > p:last-child,
.step p {
  color: #b7cdd7;
}
.steps .step {
  border-color: #2c4b58;
}
.step > span {
  color: #06202b;
}
.booking-card {
  background: #102a36;
  color: #f1f9fc;
  border: 1px solid #355460;
}
.form-grid label {
  color: #d8ebf2;
}
.form-grid input,
.form-grid select {
  background: #071c26;
  border-color: #42616e;
  color: #f3fbfd;
}
.form-grid input::placeholder {
  color: #9db7c3;
  opacity: 1;
}
.form-grid select option {
  background: #071c26;
  color: #f3fbfd;
}
.form-note {
  color: #aec8d3;
}
.booking-result {
  background: #081d27;
  border-color: #42616e;
  color: #e8f6fa;
}
.result-actions button,
.result-actions a {
  background: #102a36;
  color: #7de3ff;
  border-color: #2d9fc2;
}

/* Optical film inspired motion: one hero sweep, then interaction feedback. */
.hero-inner {
  z-index: 2;
}
.hero-scan {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.hero-scan::before {
  content: "";
  position: absolute;
  top: -18%;
  right: -8%;
  width: 68%;
  height: 136%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 188, 237, .04) 34%,
    rgba(86, 222, 255, .16) 47%,
    rgba(221, 250, 255, .24) 50%,
    rgba(0, 188, 237, .08) 54%,
    transparent 74%
  );
  mix-blend-mode: screen;
  transform: translateX(-180%) skewX(-16deg);
  animation: optical-sweep 2.4s .25s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes optical-sweep {
  to { transform: translateX(170%) skewX(-16deg); }
}
.hero-specs div {
  position: relative;
}
.hero-specs div::after {
  content: "";
  position: absolute;
  left: 0;
  right: 30px;
  bottom: -10px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), rgba(0, 187, 237, .06));
  transform: scaleX(0);
  transform-origin: left;
  animation: spec-signal .6s 1.3s cubic-bezier(.16, 1, .3, 1) forwards;
}
.hero-specs div:nth-child(2)::after { animation-delay: 1.42s; }
.hero-specs div:nth-child(3)::after { animation-delay: 1.54s; right: 0; }
@keyframes spec-signal {
  to { transform: scaleX(1); }
}
.compare-line {
  transition: box-shadow .18s ease, background-color .18s ease;
}
.compare-line span {
  transition: transform .18s ease, box-shadow .18s ease;
}
.compare-panel:hover .compare-line,
.compare-panel:focus-within .compare-line,
.compare-panel.is-adjusting .compare-line {
  background: #a1ebff;
  box-shadow: 0 0 16px rgba(0, 187, 237, .75);
}
.compare-panel:hover .compare-line span,
.compare-panel:focus-within .compare-line span,
.compare-panel.is-adjusting .compare-line span {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 0 22px rgba(0, 187, 237, .6);
}
.vlt-photo {
  transition: border-color .22s ease, box-shadow .22s ease;
}
.vlt-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 30%, rgba(152, 239, 255, .28) 50%, transparent 70%);
  transform: translateX(-120%);
  pointer-events: none;
}
.vlt-tile.active .vlt-photo::after {
  animation: vlt-read .55s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes vlt-read {
  to { transform: translateX(120%); }
}
.vlt-tile:focus-visible .vlt-photo {
  border-color: #a1ebff;
}
.btn-cyan {
  position: relative;
  overflow: hidden;
}
.btn-cyan::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .22) 50%, transparent 70%);
  transform: translateX(-140%);
  transition: transform .42s ease;
  pointer-events: none;
}
.btn-cyan:hover::after,
.btn-cyan:focus-visible::after {
  transform: translateX(140%);
}
@media (max-width: 760px) {
  .hero-scan::before { opacity: .65; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-scan { display: none; }
  .hero-specs div::after {
    animation: none;
    transform: scaleX(1);
  }
  .compare-line,
  .compare-line span,
  .vlt-photo,
  .btn-cyan::after {
    transition: none;
  }
  .vlt-tile.active .vlt-photo::after {
    animation: none;
    display: none;
  }
}

/* Sections share one slowly shifting surface instead of alternating bands. */
main {
  background: linear-gradient(180deg, #071821 0%, #0a1e28 52%, #071821 100%);
}
.trust-rail,
.comparison,
.package,
.vlt-section,
.steps,
.faq,
.booking {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}
.compare-disclaimer {
  background: transparent;
}
.hero-shade {
  background:
    linear-gradient(0deg, #071821 0%, rgba(7, 24, 33, .18) 32%, transparent 65%),
    linear-gradient(90deg, rgba(2, 11, 16, .96) 0%, rgba(2, 11, 16, .82) 25%, rgba(2, 11, 16, .2) 54%, rgba(2, 11, 16, .02) 100%);
}
.compare-panel + .compare-panel {
  border-left: 1px solid #24414e;
}
.faq-shade {
  background:
    linear-gradient(180deg, #0a1d27 0%, transparent 22%, transparent 78%, #091c26 100%),
    linear-gradient(90deg, rgba(8, 27, 37, .98) 0%, rgba(8, 27, 37, .94) 58%, rgba(8, 27, 37, .32) 100%);
}
.booking::after {
  background:
    linear-gradient(180deg, #091c26 0%, transparent 24%, transparent 76%, #071821 100%),
    linear-gradient(90deg, rgba(5, 18, 26, .24), rgba(5, 18, 26, .66) 45%, rgba(5, 18, 26, .38));
}
footer {
  background: #071821;
  border-top: 0;
}
@media (max-width: 760px) {
  .hero-shade {
    background: linear-gradient(0deg, #071821 0%, #071821 30%, rgba(7, 24, 33, .79) 49%, rgba(7, 24, 33, .04) 85%);
  }
  .compare-panel + .compare-panel {
    border-left: 0;
    border-top: 1px solid #24414e;
  }
  .faq-shade {
    background:
      linear-gradient(180deg, #0a1d27 0%, transparent 22%, transparent 78%, #091c26 100%),
      rgba(8, 27, 37, .76);
  }
}

/* G3 neon CTA system, adapted from the supplied cyan button reference. */
.neon-btn.btn-cyan {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 56px;
  padding: 15px 36px;
  background: transparent;
  border: 2px solid #00f5ff;
  border-radius: 0;
  color: #00f5ff;
  font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 1.35;
  text-transform: uppercase;
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
  box-shadow: 0 0 8px rgba(0, 245, 255, .3), inset 0 0 8px rgba(0, 245, 255, .05);
  filter: drop-shadow(0 0 4px rgba(0, 245, 255, .32));
  overflow: visible;
  cursor: pointer;
  transition: background .3s ease, box-shadow .3s ease, filter .3s ease, transform .2s ease, letter-spacing .3s ease;
  animation: neon-flicker 5s infinite;
}
.neon-btn.btn-cyan::before,
.neon-btn.btn-cyan::after {
  display: none;
}
.neon-btn.btn-cyan:hover {
  background: rgba(0, 245, 255, .08);
  color: #00f5ff;
  letter-spacing: 6px;
  box-shadow: 0 0 20px rgba(0, 245, 255, .7), 0 0 50px rgba(0, 245, 255, .4), 0 0 100px rgba(0, 245, 255, .15), inset 0 0 20px rgba(0, 245, 255, .1);
  filter: drop-shadow(0 0 12px rgba(0, 245, 255, .7));
  transform: translateY(-2px);
}
.neon-btn.btn-cyan:active {
  transform: translateY(1px) scale(.98);
}
.neon-btn .cta-label,
.neon-btn .cta-arrow {
  position: relative;
  z-index: 1;
}
.neon-btn .cta-label {
  white-space: nowrap;
  transition: text-shadow .3s ease;
}
.neon-btn:hover .cta-label,
.neon-btn:focus-visible .cta-label {
  text-shadow: 0 0 8px #00f5ff, 0 0 20px #00f5ff, 0 0 40px #00f5ff;
}
.neon-btn .cta-arrow {
  font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  transition: transform .25s ease;
}
.neon-btn:hover .cta-arrow {
  transform: translateX(3px);
}
.neon-btn.btn-cyan:focus-visible {
  outline: 3px solid #d5fbff;
  outline-offset: 4px;
  background: rgba(0, 245, 255, .1);
}
.header-cta.neon-btn.btn-cyan {
  min-height: 42px;
  padding: 8px 20px;
  font-size:14px;
  letter-spacing: 1px;
}
.outline-link.neon-btn.btn-cyan {
  min-height: 46px;
  margin-top: 20px;
  padding: 10px 23px;
  font-size:14px;
  letter-spacing: 1px;
}
.booking-card > .neon-btn.btn-cyan {
  width: 100%;
  margin-top: 22px;
  padding-inline: 18px;
  font-size:14px;
  letter-spacing: 1px;
}
.mobile-cta .neon-btn.btn-cyan {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 9px 14px;
  font-size:14px;
  letter-spacing: 1px;
}
.mobile-cta .neon-btn .cta-label {
  color: #00f5ff;
  font-size: inherit;
}
@keyframes neon-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: .6; }
}
.hero-actions .neon-btn { animation-delay: .4s; }
.package-offer .neon-btn { animation-delay: .8s; }
.booking-card .neon-btn { animation-delay: 1.2s; }
@media (max-width: 760px) {
  .header-cta.neon-btn.btn-cyan {
    min-height: 38px;
    padding: 7px 12px;
    font-size:14px;
    letter-spacing: .5px;
  }
  .hero-actions .neon-btn.btn-cyan {
    min-height: 54px;
    padding: 12px 25px;
  }
  .booking-card > .neon-btn.btn-cyan {
    gap: 8px;
    font-size:14px;
    letter-spacing: .5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .neon-btn.btn-cyan,
  .neon-btn .cta-label,
  .neon-btn .cta-arrow {
    animation: none;
    transition: none;
  }
}
/* Our Work photo slider */
.our-work {
  position: relative;
  padding: 94px 0 88px;
  background: transparent;
  overflow: hidden;
}
.our-work::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 50%;
  width: min(1100px, 100%);
  height: 380px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(0, 187, 237, .08), transparent 65%);
  pointer-events: none;
}
.our-work .container { position: relative; }
.work-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
}
.work-heading-copy { max-width: 700px; }
.work-heading .eyebrow {
  color: #52d8fa;
  font-size:14px;
  letter-spacing: .16em;
  margin-bottom: 18px;
}
.work-heading h2 {
  margin: 0 0 16px;
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.2;
  letter-spacing: .065em;
  font-weight: 900;
}
.work-heading-copy > p:last-child {
  margin: 0;
  color: #abc4cf;
  font-size: 14px;
  line-height: 1.7;
}
.work-controls { display: flex; align-items: center; gap: 9px; flex: none; }
.work-count { display: inline-flex; align-items: baseline; gap: 7px; color: #809fac; font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif; font-size:14px; letter-spacing: .08em; margin-right: 15px; }
.work-count b { color: #58dbff; font-size: 23px; }
.work-arrow {
  display: grid;
  place-items: center;
  width: 51px;
  height: 51px;
  border: 1px solid rgba(51, 198, 236, .55);
  background: rgba(0, 187, 237, .045);
  color: #aeefff;
  font-size: 23px;
  clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
  transition: background .2s ease, color .2s ease, filter .2s ease, transform .2s ease;
}
.work-arrow:hover:not(:disabled) { background: rgba(0, 245, 255, .16); color: #fff; filter: drop-shadow(0 0 10px rgba(0, 245, 255, .55)); transform: translateY(-2px); }
.work-arrow:disabled { opacity: .3; cursor: default; }
.work-arrow:focus-visible, .work-track:focus-visible { outline: 3px solid #8be8ff; outline-offset: 4px; }
.work-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  scrollbar-width: none;
  padding: 4px 2px 14px;
}
.work-track::-webkit-scrollbar { display: none; }
.work-card {
  position: relative;
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
  height: clamp(330px, 37vw, 470px);
  margin: 0;
  background: #102d39;
  border: 1px solid rgba(84, 153, 175, .34);
  overflow: hidden;
  scroll-snap-align: start;
}
.work-card::after { content: ""; position: absolute; inset: 30% 0 0; background: linear-gradient(0deg, rgba(2, 14, 21, .92), rgba(2, 14, 21, .35) 43%, transparent); pointer-events: none; }
.work-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.work-card:hover img { transform: scale(1.045); }
.work-card:nth-child(1) img { object-position: 50% center; }
.work-card:nth-child(2) img { object-position: 55% center; }
.work-card:nth-child(3) img { object-position: 58% center; }
.work-card:nth-child(4) img { object-position: 35% center; }
.work-card figcaption { position: absolute; z-index: 1; left: 26px; right: 26px; bottom: 25px; display: grid; gap: 7px; }
.work-card figcaption span { color: #60dcfa; font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif; font-size:14px; font-weight: 700; letter-spacing: .14em; }
.work-card figcaption strong { color: #fff; font-size: 25px; font-weight: 900; letter-spacing: .07em; }
.work-card figcaption small { color: #c5dae2; font-size:14px; line-height: 1.5; }
.work-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 12px; }
.work-progress { width: min(320px, 36%); height: 2px; background: #32505d; overflow: hidden; }
.work-progress span { display: block; width: 25%; height: 100%; background: #42d9fb; box-shadow: 0 0 10px #00c8f5; transition: width .2s ease; }
.work-footer p { color: #7e9ca9; font-size:14px; line-height: 1.5; text-align: right; margin: 0; }
@media (max-width: 760px) {
  .our-work { padding: 68px 0 66px; }
  .work-heading { align-items: start; flex-direction: column; gap: 21px; }
  .work-heading h2 { font-size: clamp(32px, 8vw, 42px); }
  .work-heading-copy > p:last-child { font-size:14px; }
  .work-controls { width: 100%; justify-content: flex-end; }
  .work-count { margin-right: auto; }
  .work-arrow { width: 45px; height: 45px; }
  .work-track { gap: 12px; }
  .work-card { flex-basis: 100%; height: clamp(330px, 98vw, 440px); }
  .work-card figcaption { left: 19px; right: 19px; bottom: 19px; }
  .work-card figcaption strong { font-size: 23px; }
  .work-footer { display: block; }
  .work-progress { width: 100%; }
  .work-footer p { text-align: left; margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .work-arrow, .work-card img, .work-progress span { transition: none; }
}@media (min-width: 761px) and (max-width: 1100px) {
  .header-inner { gap: 22px; }
  .site-header nav { gap: 18px; }
  .site-header nav a { font-size:14px; }
}
/* Portrait hero art on narrow screens. */
@media (max-width: 760px) {
  .hero {
    height: 100svh;
    min-height: 820px;
    max-height: 900px;
  }
  .hero-photo {
    height: 100%;
    object-position: 75% top;
  }
  .hero-shade {
    background: linear-gradient(0deg, #071821 0%, rgba(7, 24, 33, .98) 20%, rgba(7, 24, 33, .82) 38%, rgba(7, 24, 33, .2) 61%, transparent 78%);
  }
}
/* Language navigation and English type scale. */
.language-switch {
  display: inline-grid;
  place-items: center;
  min-width: 46px;
  min-height: 39px;
  padding: 7px 10px;
  border: 1px solid rgba(91, 213, 246, .65);
  color: #b6efff;
  background: rgba(0, 187, 237, .06);
  font-size:14px;
  font-weight: 900;
  letter-spacing: .07em;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.language-switch:hover { background: rgba(0, 187, 237, .18); color: #fff; }
.language-switch:focus-visible { outline: 3px solid #8be8ff; outline-offset: 3px; }
html[lang^="en"] .hero h1,
html[lang^="en"] .package h2,
html[lang^="en"] .vlt-copy h2,
html[lang^="en"] .steps-intro h2,
html[lang^="en"] .faq h2,
html[lang^="en"] .booking-copy h2,
html[lang^="en"] .work-heading h2 {
  font-family: "Outfit", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1.08;
}
html[lang^="en"] .hero h1 { font-size: clamp(65px, 7.5vw, 110px); }
html[lang^="en"] .hero h1 span {
  display: inline-block;
  font-size: clamp(49px, 5.7vw, 77px);
  letter-spacing: -.04em;
  white-space: nowrap;
}
html[lang^="en"] .hero-subtitle { font-size: clamp(19px, 2vw, 23px); }
html[lang^="en"] .work-heading h2 { line-height: 1.12; }
html[lang^="en"] .package h2 { font-size: clamp(42px, 4.2vw, 63px); }
html[lang^="en"] .booking-copy h2 { font-size: clamp(36px, 3.4vw, 48px); }
@media (max-width: 900px) {
  .site-header nav { display: none; }
  .header-cta { margin-left: auto; }
}
@media (max-width: 760px) {
  .header-inner { gap: 12px; }
  html[lang^="en"] .hero h1 { font-size: clamp(56px, 14vw, 76px); }
  html[lang^="en"] .hero h1 span { font-size: clamp(34px, 9vw, 52px); }
  html[lang^="en"] .hero-subtitle { font-size: 16px; }
  html[lang^="en"] .package h2 { font-size: 43px; }
  html[lang^="en"] .work-heading h2 { font-size: 39px; }
}
@media (max-width: 480px) {
  .site-header .header-cta { display: none; }
  .language-switch { margin-left: auto; }
  html[lang^="en"] .hero h1 span { font-size: clamp(32px, 8.6vw, 42px); }
  html[lang^="en"] .booking-copy h2 { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .language-switch { transition: none; }
}
/* Two aligned images for the real clear/tinted exterior comparison. */
.compare-panel.exterior .compare-base,
.compare-panel.exterior .compare-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  pointer-events: none;
}
.compare-panel.exterior .compare-overlay {
  clip-path: inset(0 calc(100% - var(--cut)) 0 0);
}
.compare-panel.exterior .compare-line {
  left: clamp(20px, var(--cut), calc(100% - 20px));
}
@media (max-width: 760px) {
  .comparison .compare-panel.exterior { height: auto; aspect-ratio: 2 / 1; }
  .compare-panel.exterior .compare-label { top: 10px; }
  .compare-panel.exterior .compare-label b { font-size:14px; }
  .compare-panel.exterior .compare-label span { display: none; }
  .compare-panel.exterior .compare-bottom { bottom: 8px; padding: 5px 7px; font-size:14px; }
  .compare-panel.exterior .compare-line span { width: 32px; height: 32px; font-size: 17px; }
}
/* VLT exterior shade preview: blend aligned clear and tinted side views. */
.vlt-photo {
  height: auto;
  aspect-ratio: 2 / 1;
  background: #15212a;
}
.vlt-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vlt-photo i {
  background: url("assets/webp_output/comparison-side-urban-tinted.webp") center / cover no-repeat;
  opacity: .12;
  pointer-events: none;
}
.vlt-tile[data-vlt="50"] .vlt-photo i { opacity: .45; }
.vlt-tile[data-vlt="35"] .vlt-photo i { opacity: .72; }
.vlt-tile[data-vlt="20"] .vlt-photo i { opacity: 1; }
/* Five exterior VLT options. */
.vlt-gallery { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.vlt-tile[data-vlt="5"] .vlt-photo i {
  background-image: url("assets/webp_output/comparison-side-urban-vlt5.webp");
  opacity: 1;
}
@media (max-width: 760px) {
  .vlt-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
  .vlt-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Image-led product benefits. */
.film-features {
  color: #f3f9fc;
  background: linear-gradient(180deg, #071821 0%, #0a1d27 100%);
  padding: clamp(76px, 8vw, 116px) 0 78px;
}
.feature-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: clamp(39px, 5vw, 70px);
}
.feature-heading h2 {
  margin: 0;
  font-size: clamp(38px, 4.5vw, 65px);
  line-height: 1.18;
  letter-spacing: .018em;
  font-weight: 900;
  text-wrap: balance;
}
.feature-heading h2 span { color: #42d6f5; }
.feature-heading p {
  flex: 0 1 360px;
  margin: 0 0 4px;
  color: #bed3dd;
  font-size: 15px;
  line-height: 1.8;
}
.feature-showcase {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(19px, 3vw, 50px);
  align-items: start;
}
.feature-demo { min-width: 0; text-align: center; }
.feature-visual {
  width: min(100%, 360px);
  aspect-ratio: 1;
  margin: 0 auto -4px;
  overflow: hidden;
  border: 4px solid #e5f7fe;
  border-radius: 50%;
  background: #122b37;
  box-shadow: 0 18px 42px rgba(0, 5, 9, .33);
}
.feature-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.feature-demo:hover .feature-visual img { transform: scale(1.045); }
.feature-plate {
  position: relative;
  width: min(100%, 330px);
  min-height: 76px;
  margin: 0 auto;
  padding: 13px 22px 12px;
  display: grid;
  align-content: center;
  gap: 2px;
  color: #fff;
  background: #0c3152;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
  box-shadow: 0 12px 26px rgba(0, 7, 18, .28);
}
.feature-plate strong {
  font-size: clamp(17px, 1.55vw, 22px);
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: .01em;
}
.feature-plate span {
  color: #7de7ff;
  font-family: "Outfit", "Microsoft YaHei UI", sans-serif;
  font-size:14px;
  font-weight: 850;
  letter-spacing: .07em;
}
.feature-demo > p {
  max-width: 33ch;
  margin: 17px auto 0;
  color: #b5ced8;
  font-size:14px;
  line-height: 1.75;
}
.feature-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 57px;
  padding-top: 20px;
  border-top: 1px solid rgba(123, 197, 218, .28);
}
.feature-foot > span { color: #94afbb; font-size:14px; line-height: 1.6; }
.feature-foot a {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #8beaff;
  font-size:14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.feature-foot a span { font-size: 19px; line-height: 1; transition: transform .2s ease; }
.feature-foot a:hover { color: #fff; }
.feature-foot a:hover span { transform: translate(3px, -3px); }
.feature-foot a:focus-visible { outline: 2px solid #8be8ff; outline-offset: 5px; }
@media (max-width: 900px) {
  .feature-heading { align-items: start; flex-direction: column; gap: 18px; }
  .feature-heading p { flex: none; max-width: 58ch; }
  .feature-showcase { gap: 18px; }
  .feature-visual { border-width: 3px; }
  .feature-plate { min-height: 85px; padding: 10px 12px; }
}
@media (max-width: 680px) {
  .film-features { padding: 70px 0 65px; }
  .feature-heading { margin-bottom: 37px; }
  .feature-heading h2 { font-size: clamp(34px, 8.8vw, 46px); }
  .feature-showcase { grid-template-columns: 1fr; gap: 47px; }
  .feature-visual { width: min(78vw, 330px); }
  .feature-plate { width: min(88vw, 350px); }
  .feature-demo > p { margin-top: 14px; }
  .feature-foot { align-items: start; flex-direction: column; margin-top: 49px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-visual img, .feature-foot a span { transition: none; }
}
/* Six-point feature grid: three demonstrations per desktop row. */
.feature-showcase {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(20px, 3vw, 42px);
  row-gap: clamp(58px, 7vw, 94px);
}
.feature-visual { width: min(100%, 370px); }
.feature-plate { width: min(100%, 390px); min-height: 96px; }
.feature-demo > p { max-width: 42ch; }
@media (max-width: 900px) {
  .feature-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 55px;
  }
  .feature-visual { width: min(100%, 320px); }
  .feature-plate { width: min(100%, 340px); }
}
@media (max-width: 680px) {
  .feature-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 13px;
    row-gap: 42px;
  }
  .feature-visual { width: 100%; border-width: 2px; }
  .feature-plate {
    width: 100%;
    min-height: 88px;
    padding: 10px 8px;
  }
  .feature-plate strong {
    font-size: clamp(14px, 3.7vw, 18px);
    line-height: 1.22;
  }
  .feature-plate span { font-size:14px; }
  .feature-demo > p {
    font-size:14px;
    line-height: 1.55;
  }
}
/* Our Work: native square assets and square slide frames. */
.our-work .work-card {
  height: auto;
  aspect-ratio: 1 / 1;
}
.our-work .work-card img,
.our-work .work-card:nth-child(n) img {
  object-position: center;
}
/* Show the transparent, wide logo at its natural aspect ratio. */
.brand{display:flex;align-items:center;width:180px;height:70px;flex:0 0 180px;font-style:normal}.brand img{display:block;width:100%;height:auto;max-width:100%;transform:none}
@media(max-width:760px){.brand{width:150px;height:58px;flex-basis:150px}}

/* Site-wide motion system */
@keyframes hero-photo-enter {
  from { opacity: .55; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes hero-copy-enter {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-photo { animation: hero-photo-enter 1.35s cubic-bezier(.2,.75,.2,1) both; }
  .hero-content > * { animation: hero-copy-enter .75s cubic-bezier(.2,.75,.2,1) both; }
  .hero-content > :nth-child(1) { animation-delay: .12s; }
  .hero-content > :nth-child(2) { animation-delay: .22s; }
  .hero-content > :nth-child(3) { animation-delay: .34s; }
  .hero-content > :nth-child(4) { animation-delay: .46s; }
  .hero-content > :nth-child(5) { animation-delay: .58s; }
  .hero-content > :nth-child(6) { animation-delay: .68s; }
  .motion-ready .motion-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .72s cubic-bezier(.2,.75,.2,1), transform .72s cubic-bezier(.2,.75,.2,1);
    transition-delay: var(--reveal-delay, 0ms);
  }
  .motion-ready .motion-reveal.is-visible { opacity: 1; transform: translateY(0); }
  .scroll-progress {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #58e7ff, #00bbed);
    transform: scaleX(var(--scroll-progress, 0));
    transform-origin: left center;
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-photo, .hero-content > * { animation: none !important; }
  .motion-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .scroll-progress { display: none; }
}@media (prefers-reduced-motion: no-preference) {
  .faq details[open] p { animation: faq-answer-enter .36s ease-out both; }
}
@keyframes faq-answer-enter {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Package inclusion card: four services and two material figures. */
.package-card-head { margin-bottom: 12px; }
.package-benefit {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #2b4b58;
}
.package-benefit-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid #284956;
  border-radius: 11px;
  background: #0b222d;
  color: var(--cyan);
}
.package-benefit-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.package-benefit strong {
  display: block;
  color: #f1f9fc;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: .015em;
}
.package-benefit span {
  display: block;
  margin-top: 4px;
  color: #b7cbd5;
  font-size: 14px;
  line-height: 1.55;
}
.package-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
  padding: 20px 0;
  border: 1px solid #284956;
  border-radius: 12px;
  background: #0b222d;
}
.package-metric { min-width: 0; padding: 0 22px; }
.package-metric + .package-metric { border-left: 1px solid #284956; }
.package-metric strong {
  display: block;
  color: #f1f9fc;
  font-family: "Outfit", sans-serif;
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 900;
  line-height: 1.1;
}
.package-metric span {
  display: block;
  margin-top: 5px;
  color: #b7cbd5;
  font-size: 14px;
  line-height: 1.45;
}
.package-parameter-note {
  margin: 14px 0 0;
  color: #a5bfca;
  font-size: 14px;
  line-height: 1.55;
}
@media (max-width: 760px) {
  .package-benefit { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 14px 0; }
  .package-benefit-icon { width: 44px; height: 44px; }
  .package-benefit strong { font-size: 16px; }
  .package-metric { padding: 0 16px; }
}
/* Coverage and branch directory */
.coverage-section { background: #0a1d27; padding: clamp(75px, 8vw, 110px) 0; border-top: 1px solid #23414e; }
.coverage-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(35px, 5vw, 80px); }
.coverage-copy h2, .branches-heading h2 { margin: 0 0 20px; font-size: clamp(38px, 4.4vw, 64px); line-height: 1.14; letter-spacing: .015em; }
.coverage-copy > p:not(.eyebrow), .branches-heading p:not(.eyebrow) { color: #b6cdd7; font-size: 16px; line-height: 1.75; }
.coverage-summary { margin-top: 35px; padding: 22px 24px; border-left: 3px solid var(--cyan); background: #102a36; }
.coverage-summary strong, .coverage-summary span { display: block; }
.coverage-summary strong { color: #f1f9fc; font-size: 18px; line-height: 1.4; }
.coverage-summary span { margin-top: 8px; color: #b7cbd5; font-size: 14px; line-height: 1.65; }
.coverage-visual { overflow: hidden; padding: 20px 22px 24px; border: 1px solid #284956; border-radius: 16px; background: #102a36; }
.coverage-car { display: block; width: 100%; height: auto; }
.coverage-body { fill: #254657; stroke: #75a0b1; stroke-width: 4; stroke-linejoin: round; }
.coverage-glass { fill: #00bbed; opacity: .86; stroke: #76e1ff; stroke-width: 3; }
.coverage-window-line, .coverage-body-line { fill: none; stroke: #8db8c7; stroke-width: 3; stroke-linecap: round; }
.coverage-wheel { fill: #071821; stroke: #8db8c7; stroke-width: 5; }
.coverage-wheel-core { fill: #254657; stroke: #8db8c7; stroke-width: 3; }
.coverage-parts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; border-top: 1px solid #284956; padding-top: 20px; }
.coverage-parts div { min-width: 0; }
.coverage-parts strong { display: block; color: #f1f9fc; font-size: 16px; line-height: 1.4; }
.coverage-parts span { display: block; color: #a5bfca; font-size: 14px; line-height: 1.5; margin-top: 5px; }
.vlt-explain { border-top: 1px solid #284956; margin-top: 24px !important; padding-top: 18px; color: #9edcee !important; font-size: 14px !important; }
.branches-section { background: #071821; border-top: 1px solid #23414e; padding: clamp(75px, 8vw, 110px) 0; }
.branches-heading { display: grid; grid-template-columns: 1fr minmax(300px, 480px); align-items: end; gap: 40px; }
.branches-heading > div:first-child { max-width: 680px; }
.branch-controls { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px; }
.branch-controls label { color: #b7cbd5; font-size: 14px; font-weight: 700; }
.branch-controls select, .branch-controls input { width: 100%; height: 50px; margin-top: 8px; padding: 0 14px; border: 1px solid #3d6474; border-radius: 8px; background: #102a36; color: #f1f9fc; font-size: 14px; outline: none; }
.branch-controls input::placeholder { color: #a5bfca; opacity: 1; }
.branch-controls select:focus, .branch-controls input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(0,187,237,.13); }
.branch-count { margin: 35px 0 18px; color: #76e1ff; font-size: 14px; font-weight: 800; }
.branch-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.branch-card { min-width: 0; display: flex; flex-direction: column; padding: 23px; border: 1px solid #284956; border-radius: 12px; background: #102a36; }
.branch-state { color: #76e1ff; font-size: 14px; font-weight: 800; }
.branch-card h3 { margin: 7px 0 10px; color: #f1f9fc; font-size: 22px; line-height: 1.25; }
.branch-card address { color: #b7cbd5; font-size: 14px; font-style: normal; line-height: 1.6; overflow-wrap: anywhere; }
.branch-phone { display: inline-block; width: fit-content; margin: 13px 0 18px; color: #f1f9fc; font-size: 16px; font-weight: 800; }
.branch-phone:hover { color: var(--cyan); }
.branch-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: auto; }
.branch-actions a, .branch-actions button, .branch-more { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 9px 14px; border: 1px solid #3d6474; border-radius: 7px; background: transparent; color: #f1f9fc; font-size: 14px; font-weight: 800; cursor: pointer; }
.branch-actions button, .branch-more { border-color: var(--cyan); color: #76e1ff; }
.branch-actions a:hover, .branch-actions button:hover, .branch-more:hover { background: #163b4b; }
.branch-more { margin: 25px auto 0; }
.branch-more[hidden] { display: none; }
.branch-empty { grid-column: 1 / -1; padding: 30px; border: 1px solid #284956; border-radius: 12px; color: #b7cbd5; font-size: 14px; }
.branch-notice { margin: 25px 0 0; color: #9db5c2; font-size: 14px; line-height: 1.6; }
.branch-form-field { grid-column: 1 / -1; }
.aftercare-note { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 45px; padding-top: 27px; border-top: 1px solid #3d6474; }
.aftercare-note strong { display: block; font-size: 22px; color: #f1f9fc; }
.aftercare-note p { margin: 7px 0 0; color: #b7cbd5; font-size: 14px; line-height: 1.65; }
.aftercare-note a { flex: 0 0 auto; color: #76e1ff; font-size: 14px; font-weight: 800; }
@media (max-width: 1100px) {
  .coverage-grid, .branches-heading { grid-template-columns: 1fr; }
  .branch-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .branch-controls { max-width: 620px; }
}
@media (max-width: 680px) {
  .coverage-section, .branches-section { padding: 68px 0; }
  .coverage-copy h2, .branches-heading h2 { font-size: 40px; }
  .coverage-visual { padding: 12px 12px 20px; }
  .coverage-parts { gap: 7px; }
  .coverage-parts strong { font-size: 14px; }
  .coverage-parts span { font-size: 14px; }
  .branch-controls { grid-template-columns: 1fr; }
  .branch-list { grid-template-columns: 1fr; }
  .aftercare-note { flex-direction: column; align-items: flex-start; }
}
/* Direct WhatsApp booking CTA */
.booking-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(34px, 6vw, 96px); }
.booking-copy { padding-left: 0; }
.booking-copy h2 { max-width: 760px; letter-spacing: -.025em; }
.booking-action { width: min(100%, 490px); justify-self: end; }
.booking-preview { padding: 24px 26px 27px; border-radius: 15px; background: #142b38; color: #effaff; box-shadow: 0 18px 36px rgba(0, 5, 10, .22); }
.booking-preview-heading { display: flex; align-items: center; gap: 11px; padding-bottom: 15px; border-bottom: 1px solid #355260; color: #a7d9e7; font-size: 14px; font-weight: 700; }
.booking-preview-heading svg { width: 23px; height: 23px; flex: none; fill: none; stroke: #00c5f4; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.booking-preview-body { padding-top: 10px; font-size: 15px; line-height: 1.9; color: #e7f3f7; }
.booking-preview-body p { margin: 9px 0 17px; }
.booking-preview-body p:last-child { margin-bottom: 0; }
.booking-whatsapp.neon-btn { display: flex; justify-content: center; width: 100%; min-height: 57px; margin-top: 25px; color: #031721; background: #00aee9; border-color: #00baf0; letter-spacing: .025em; text-align: center; }
.booking-whatsapp.neon-btn:hover { color: #031721; background: #3bd2fa; letter-spacing: .045em; }
.booking-contact, .booking-fineprint { margin: 11px 0 0; text-align: center; color: #c1d7df; font-size: 14px; line-height: 1.5; }
.booking-contact a { color: #e9faff; text-decoration: underline; text-underline-offset: 3px; }
.booking-fineprint { margin-top: 5px; color: #9eb8c2; }
.branch-actions .branch-enquire { border-color: var(--cyan); color: #76e1ff; }
@media (max-width: 760px) { .booking-grid { grid-template-columns: 1fr; } .booking-action { justify-self: stretch; width: 100%; } .booking-preview { padding: 20px; } .booking-copy h2 { font-size: clamp(32px, 9vw, 44px); } }

/* Seven unique, square showroom photos. */
.work-progress span { width: 14.2857%; }

/* Three-view coverage diagram: the cyan glazing matches every included surface. */
.coverage-visual { padding: 22px 26px 26px; }
.coverage-legend { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; color: #8ddff3; font-size: 14px; font-weight: 800; letter-spacing: .04em; }
.coverage-legend i { display: inline-block; width: 13px; height: 13px; flex: none; border: 1px solid #8ee8ff; background: #00bbed; }
.coverage-view { min-width: 0; margin: 0; }
.coverage-view-side { padding: 0 0 19px; }
.coverage-car-side { max-height: 225px; }
.coverage-view figcaption { display: grid; gap: 3px; }
.coverage-view figcaption span { color: #70d7f1; font-size: 14px; font-weight: 800; letter-spacing: .045em; }
.coverage-view figcaption strong { color: #f0f9fc; font-size: 18px; line-height: 1.35; }
.coverage-view figcaption small { color: #a9c4cf; font-size: 14px; line-height: 1.45; }
.coverage-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #355461; }
.coverage-view-mini { padding: 16px 20px 0 0; }
.coverage-view-mini + .coverage-view-mini { padding-left: 20px; padding-right: 0; border-left: 1px solid #355461; }
.coverage-face-car { display: block; width: 100%; max-height: 156px; margin: 0 auto 6px; }
.coverage-face-body { fill: #254657; stroke: #75a0b1; stroke-width: 4; stroke-linejoin: round; }
.coverage-face-glass { fill: #00bbed; stroke: #7ae3ff; stroke-width: 3; stroke-linejoin: round; }
.coverage-face-line, .coverage-face-detail { fill: none; stroke: #8db8c7; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.coverage-face-light { fill: #cce8ef; stroke: #8db8c7; stroke-width: 2; }
.coverage-face-grille { fill: #0a1d27; stroke: #8db8c7; stroke-width: 2; }
.coverage-tail-light { fill: #e47582; stroke: #c7929a; stroke-width: 2; }
@media (max-width: 680px) {
  .coverage-visual { padding: 18px; }
  .coverage-view-side { padding-bottom: 15px; }
  .coverage-mini-grid { grid-template-columns: 1fr; }
  .coverage-view-mini, .coverage-view-mini + .coverage-view-mini { display: grid; grid-template-columns: minmax(130px, 44%) 1fr; align-items: center; gap: 10px; padding: 13px 0; border-left: 0; }
  .coverage-view-mini + .coverage-view-mini { border-top: 1px solid #355461; }
  .coverage-face-car { max-height: 110px; margin: 0; }
  .coverage-view figcaption strong { font-size: 16px; }
}

/* G3 installation footage */
.process-section { position: relative; padding: clamp(76px, 8vw, 112px) 0; background: #071a24; border-top: 1px solid #23414e; }
.process-heading { display: grid; grid-template-columns: 1fr minmax(280px, 510px); align-items: end; gap: 50px; margin-bottom: 34px; }
.process-heading h2 { margin: 0; color: #f5fbfd; font-size: clamp(40px, 4.8vw, 66px); font-weight: 900; line-height: 1.13; letter-spacing: -.025em; }
.process-heading > p { max-width: 510px; margin: 0 0 5px; color: #b8d1db; font-size: 16px; line-height: 1.75; }
.process-track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.process-card { min-width: 0; }
.process-media { position: relative; aspect-ratio: 9 / 16; overflow: hidden; border: 1px solid #315362; border-radius: 14px; background: #04121b; }
.process-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.process-index { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 7px 9px; background: rgba(4, 18, 27, .78); color: #9be9fb; font-family: "Outfit", sans-serif; font-size: 14px; font-weight: 800; letter-spacing: .08em; pointer-events: none; }
.process-card-copy { padding: 17px 2px 0; }
.process-card-copy h3 { margin: 0 0 8px; color: #f1f9fc; font-size: clamp(19px, 2vw, 24px); line-height: 1.3; }
.process-card-copy p { margin: 0; color: #a9c3cf; font-size: 14px; line-height: 1.65; }
.process-hint { display: none; }
.process-media video:focus-visible, .process-track:focus-visible { outline: 3px solid #8be8ff; outline-offset: 4px; }
@media (max-width: 760px) {
  .process-section { padding: 68px 0; }
  .process-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 25px; }
  .process-heading h2 { font-size: clamp(36px, 9vw, 45px); }
  .process-heading > p { font-size: 14px; }
  .process-track { display: flex; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 14px; }
  .process-track::-webkit-scrollbar { display: none; }
  .process-card { flex: 0 0 min(77vw, 360px); scroll-snap-align: start; }
  .process-hint { display: block; margin: 5px 0 0; color: #8fdff3; font-size: 14px; font-weight: 700; }
  .process-hint span { padding-left: 5px; }
}

/* Photo-led coverage: real G3 work and a readable scope list. */
.coverage-editorial { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(42px, 6vw, 100px); }
.coverage-content { max-width: 630px; }
.coverage-content h2 { margin: 0 0 22px; color: #f3fbfd; font-size: clamp(40px, 4.5vw, 64px); font-weight: 900; line-height: 1.14; letter-spacing: -.025em; }
.coverage-intro { max-width: 550px; margin: 0; color: #bad2dc; font-size: 16px; line-height: 1.75; }
.coverage-list { list-style: none; margin: 37px 0 0; padding: 0; border-top: 1px solid #355461; }
.coverage-list li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 16px; padding: 20px 0; border-bottom: 1px solid #355461; }
.coverage-number { padding-top: 3px; color: #4ed3f5; font-family: "Outfit",sans-serif; font-size: 14px; font-weight: 800; letter-spacing: .04em; }
.coverage-list h3 { margin: 0 0 5px; color: #f5fbfd; font-size: clamp(20px, 2vw, 26px); font-weight: 800; line-height: 1.3; }
.coverage-list p { margin: 0; color: #a9c3cf; font-size: 14px; line-height: 1.6; }
.coverage-note { max-width: 590px; margin: 24px 0 0; color: #a8c2cd; font-size: 14px; line-height: 1.65; }
.coverage-photo { position: relative; width: 100%; max-height: 690px; margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 10px; background: #102a36; }
.coverage-photo::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(0deg,rgba(2,13,19,.82),rgba(2,13,19,0)); pointer-events: none; }
.coverage-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.coverage-photo figcaption { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 26px; display: grid; gap: 5px; color: #f5fbfd; }
.coverage-photo figcaption span { color: #75def8; font-size: 14px; font-weight: 800; letter-spacing: .06em; }
.coverage-photo figcaption strong { font-size: clamp(23px, 2.4vw, 32px); line-height: 1.2; }
.coverage-photo figcaption small { color: #d1e5eb; font-size: 14px; }
@media(max-width:900px) { .coverage-editorial { grid-template-columns: 1fr; gap: 32px; } .coverage-content { max-width: none; } .coverage-photo { max-width: 650px; margin: 0 auto; } }
@media(max-width:680px) { .coverage-content h2 { font-size: clamp(38px, 9vw, 45px); } .coverage-intro { font-size: 14px; } .coverage-list { margin-top: 25px; } .coverage-list li { padding: 17px 0; } .coverage-photo figcaption { left: 20px; right: 20px; bottom: 20px; } }

/* RM299 offer eligibility */
.eligibility-note{display:inline-flex;align-items:center;gap:9px;margin:2px 0 17px;padding:8px 12px;border:1px solid rgba(96,220,250,.55);background:rgba(3,23,33,.72);color:#c9f4ff;font-size:14px;font-weight:800;letter-spacing:.015em}.eligibility-note::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.package-eligibility{margin:5px 0 18px;color:#b6d8e4;font-size:14px;font-weight:800;line-height:1.5}@media(max-width:760px){.eligibility-note{margin:0 0 12px}.package-eligibility{margin:3px 0 16px}}

/* MBR logo in the footer */
.footer-mbr{flex:0 0 auto}.footer-mbr img{display:block;width:114px;height:auto}@media(max-width:760px){.footer-mbr{margin-top:20px}.footer-mbr img{width:126px}}

/* Keep both brand marks together in the footer. */
.footer-logos{display:flex;align-items:center;gap:24px;flex:0 0 auto}.footer-logos .brand{flex:0 0 180px}.footer-logos .footer-mbr{margin:0}.footer-logos .footer-mbr img{width:114px}@media(max-width:760px){.footer-logos{width:100%;justify-content:space-between;gap:18px}.footer-logos .brand{width:150px;height:58px;flex-basis:150px}.footer-logos .footer-mbr img{width:112px}.footer-inner>p{margin-top:12px}}
/* Three standalone glass-coverage photographs. */
.coverage-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:center}
.coverage-card{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(86,183,216,.35);border-radius:10px;background:#102a36;aspect-ratio:4/3}
.coverage-card--side{grid-column:1/-1;aspect-ratio:16/9}
.coverage-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.coverage-card figcaption{position:absolute;z-index:1;left:12px;bottom:12px;max-width:calc(100% - 24px);display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid rgba(39,209,251,.82);border-radius:4px;background:rgba(3,17,25,.86);box-shadow:0 0 0 1px rgba(39,209,251,.18),0 0 18px rgba(0,188,240,.28),0 5px 14px rgba(0,0,0,.25);color:#f2fbfe;font-size:14px;font-weight:800;line-height:1.25}
.coverage-card figcaption::before{content:"";width:7px;height:7px;flex:none;margin-right:8px;border-radius:50%;background:#1fe5ff;box-shadow:0 0 7px #20d7ff,0 0 14px rgba(0,209,255,.7)}
.coverage-gallery-note{grid-column:1/-1;margin:0;color:#a8c2cd;font-size:14px;line-height:1.5}
@media(max-width:540px){.coverage-gallery{grid-template-columns:1fr;gap:12px}.coverage-card--side{grid-column:auto}.coverage-card{aspect-ratio:4/3}.coverage-card--side{aspect-ratio:16/9}.coverage-card figcaption{left:10px;bottom:10px;max-width:calc(100% - 20px)}}

/* Mobile header MBR mark. */
.header-mbr{display:none}
@media(max-width:760px){.header-mbr{display:block;flex:0 0 clamp(58px,20vw,86px);width:clamp(58px,20vw,86px);line-height:0;transform:translateX(clamp(16px,5vw,24px))}.header-mbr img{display:block;width:100%;height:auto;object-fit:contain}.site-header .header-inner{gap:12px}}
@media(max-width:360px){.header-mbr{flex-basis:58px;width:58px}.site-header .header-inner{gap:9px}}