:root{--red:#d91e27;--ink:#191b20;--muted:#777b82;--line:#e8e9eb;--soft:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}a:hover{color:var(--red)}button:focus-visible,a:focus-visible{outline:3px solid #4d8ace;outline-offset:4px}h1,h2,h3,h4{font-weight:750}h2{font-size:32px;line-height:1.5;letter-spacing:-1px}h3{font-size:19px}p{line-height:1.9}button{font-family:inherit}.container{max-width:1240px}.btn{border-radius:2px;padding:13px 24px;font-size:13px;font-weight:600}.btn-red{background:var(--red);color:#fff;border:1px solid var(--red)}.btn-red:hover{background:#b3141c;color:white;border-color:#b3141c}.btn-white{background:#fff;color:var(--red)}.btn-sm{padding:8px 15px}.btn-outline-light{border-color:#ffffff55}.site-header{background:#fff;position:sticky;top:0;z-index:1020;border-bottom:1px solid var(--line)}.navbar{min-height:88px}.brand{display:inline-flex;align-items:center;gap:7px;font-size:20px;font-weight:900;letter-spacing:1px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:4px;text-align:right;margin-top:5px}.brand-mark{font-family:Arial,sans-serif;font-size:62px;font-style:italic;line-height:.7;color:var(--red);transform:rotate(-12deg);display:inline-block}.navbar-nav{gap:28px}.navbar .nav-link{font-size:14px;padding:32px 3px!important;position:relative;color:#333!important}.navbar .nav-link.active{color:var(--red)!important}.navbar .nav-link.active:after{content:"";position:absolute;bottom:20px;height:3px;left:3px;right:3px;background:var(--red)}.hero{background:#191b1f;color:white;position:relative;overflow:hidden}.hero-inner{position:relative;min-height:590px;display:flex;align-items:center;padding-bottom:55px}.hero-copy{position:relative;z-index:2;width:51%;padding-top:42px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--red);margin-bottom:14px}.eyebrow.light{color:#d4d4d6}.eyebrow.light>span{display:inline-block;width:20px;height:3px;background:var(--red);vertical-align:middle;margin-right:8px}.hero h1{font-size:66px;line-height:1.24;letter-spacing:3px;margin-bottom:23px}.hero h1 span{color:#ef343d}.hero-copy p{color:#bcbec4;font-size:14px;margin-bottom:32px}.hero-track{position:absolute;width:800px;height:800px;right:-250px;top:-150px;border:110px solid #ffffff04;transform:rotate(-30deg);border-radius:160px}.hero:after{content:"";position:absolute;right:-12%;bottom:16%;height:130px;width:66%;background:linear-gradient(100deg,#d91e2700,#d91e273d);transform:rotate(-18deg)}.hero-visual{position:absolute;right:-10px;top:70px;width:58%;height:420px;z-index:1}.hero-visual img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 28px 18px #0008);transform:rotate(-6deg)}.hero-word{position:absolute;top:-35px;left:20px;font-size:150px;font-weight:900;font-style:italic;color:#ffffff05;letter-spacing:-10px;-webkit-text-stroke:1px #ffffff12}.hero-caption{display:flex;justify-content:flex-end;gap:12px;align-items:center;font-size:10px;letter-spacing:1px;padding-right:35px}.hero-caption>span:last-child{color:#989ba1}.red-dot{width:6px;height:6px;background:var(--red);display:inline-block;border-radius:50%}.hero-bottom{position:absolute;bottom:25px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#a5a5a9}.intro-strip{border-bottom:1px solid var(--line);padding:22px 0;font-size:11px;color:#656970}.red-text{color:var(--red)}.section{padding:78px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-heading h2{margin:0}.section-heading p{color:var(--muted);font-size:12px;margin:0}.text-link{font-size:12px;background:none;border:0;padding:0;color:inherit}.text-link:hover{color:var(--red)}.advantage-grid{border:1px solid var(--line)}.advantage{display:block;padding:30px;min-height:260px;border-right:1px solid var(--line);height:100%;transition:background .2s}.advantage:hover{background:#fafafa;color:inherit}.advantage-top{display:flex;justify-content:space-between;align-items:center;color:#c6c8cc;margin-bottom:25px;font-size:10px}.feature-icon{font-size:32px;color:var(--red);line-height:1}.advantage p{color:var(--muted);font-size:12px;margin:15px 0 20px}.arrow-link{font-size:11px;color:#4d5056}.soft-section{background:var(--soft)}.product-card{display:block;background:white;padding:24px 24px 27px;height:100%;transition:box-shadow .2s}.product-card:hover{color:inherit;box-shadow:0 10px 35px #0000000a}.product-kicker{font-size:9px;letter-spacing:1.5px;color:#777}.product-image{height:230px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-card:hover img{transform:translateY(-6px)}.product-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.product-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.circle-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;flex-shrink:0}.monitor-promo{background:#202226;color:white;padding:65px 0}.monitor-promo h2{font-size:36px;line-height:1.5}.monitor-promo p{font-size:13px;color:#adb0b6;margin:20px 0 28px}.monitor-promo small{display:block;color:#a2a6ae;margin-top:15px;font-size:10px}.mini-dashboard{border:1px solid #4b4d52;border-radius:5px;background:#292b30;padding:30px;transform:perspective(1000px) rotateY(-4deg)}.mini-dashboard strong{font-size:38px;display:block;font-weight:500}.mini-dashboard .row span{font-size:10px;color:#a8abb1}.status-pill{color:#268360;background:#eaf5ef;font-size:11px;display:inline-block;padding:5px 9px;border-radius:3px;white-space:nowrap}.warning{color:#a56e13;background:#fff3da}.danger{color:#c32632;background:#fce9eb}.offline{color:#70747c;background:#eeeef1}.mini-bars{height:105px;border-bottom:1px solid #555;display:flex;align-items:flex-end;gap:12px}.mini-bars i{flex:1;background:linear-gradient(#dc3038,#d91e2710);border-top:2px solid #ed4249}.scene-placeholder{height:185px;background:repeating-linear-gradient(-35deg,transparent,transparent 35px,#ffffff05 35px,#ffffff05 38px),#303236;position:relative;display:flex;align-items:center;justify-content:center;color:#ffffff20;overflow:hidden}.scene-placeholder:after{content:"";width:260px;height:150px;border:20px double #ffffff15;border-radius:70px;position:absolute;transform:rotate(-20deg)}.scene-placeholder>span{font-size:80px;font-weight:800}.scene-placeholder small{position:absolute;right:12px;bottom:12px;font-size:10px;color:#b5b7bc}.scene-card h3{margin:21px 0 7px;text-align:center}.scene-card p{font-size:12px;color:var(--muted);text-align:center}.process-section{border-top:1px solid var(--line);padding-top:55px}.process-step>span{display:block;color:#c7c9cc;font-size:35px;font-style:italic;margin-bottom:15px}.process-step h3{font-size:18px;margin:14px 0 8px}.process-step{border:1px solid var(--line);background:#fff;padding:20px 20px 18px;height:100%}.process-step p{color:var(--muted);font-size:14px;line-height:1.8}.process-step .eyebrow{font-size:11px}.journey-section{padding:46px 0 50px}.journey-section h2{margin-bottom:26px}.cta-band{background:var(--red);color:#fff;padding:50px 0}.cta-band h2{font-size:29px;margin:0}.site-footer{background:#181a1e;color:#9b9da4;padding:55px 0 0;font-size:11px}.site-footer h3{color:#eee;font-size:13px;margin-bottom:23px}.site-footer a:not(.brand){display:block;margin-bottom:15px}.footer-contact{background:none;border:0;padding:0;color:#eee}.footer-bottom{border-top:1px solid #32343a;padding:21px 0;margin-top:40px;display:flex;justify-content:space-between;font-size:10px}.page-banner{background:linear-gradient(115deg,#16181d 35%,#3a2226);color:white;padding:58px 0;position:relative;overflow:hidden}.page-banner:after{content:"";position:absolute;width:380px;height:400px;right:8%;top:-90px;border:45px double #ffffff06;transform:skew(-25deg);pointer-events:none}.page-banner h1{font-size:43px;position:relative;z-index:1}.page-banner h1 span{font-size:16px;font-weight:400;color:#bbb;margin-left:15px}.page-banner p{color:#b9bac0;margin:20px 0 0}.banner-note{position:absolute;right:20px;bottom:12px;font-size:9px;color:#b9a3a5}.category-tabs{gap:35px;border-color:var(--line)}.category-tabs .nav-link{color:#6c6e75;border:0;border-bottom:3px solid transparent;border-radius:0;padding:15px 4px;font-size:16px}.category-tabs .nav-link.active{color:var(--red);border-bottom-color:var(--red)}.full-product{border:1px solid var(--line)}.full-product p{min-height:68px}.product-tag{padding:12px 0;margin-top:17px;border-top:1px solid var(--line);font-size:11px;color:#666}.tech-strip{background:var(--soft);padding:25px}.tech-strip h3{font-size:16px}.tech-strip p{font-size:12px;color:#777;margin:0}.supply-card{border:1px solid var(--line);padding:20px;height:100%}.supply-placeholder{height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5f5f5;font-size:48px;color:#777;margin-bottom:25px}.supply-placeholder small{font-size:10px;color:#888}.red-placeholder{background:#fbeded;color:var(--red)}.supply-card p{font-size:12px;color:#777}.panel{background:white;border:1px solid var(--line);padding:26px;border-radius:3px}.panel-title{font-size:18px;letter-spacing:0;margin:0}.demo-label{background:#fff1e5;color:#a36929;font-size:11px;padding:8px 12px;border-radius:3px;display:inline-block}.operation-tabs{display:flex;gap:12px}.operation-tabs li{flex:1}.operation-tabs .nav-link{width:100%;background:#e9e9eb;color:#444;border-radius:2px;padding:24px}.operation-tabs .nav-link span{font-size:24px;margin-right:15px}.operation-tabs .nav-link.active{background:var(--red)}.table{font-size:12px;min-width:650px}.table>:not(caption)>*>*{padding:17px 12px;border-color:#eee}.table thead{color:#777;background:#fafafa}.check-row{display:block;border-bottom:1px solid var(--line);padding:18px 0}.accordion-button{font-size:14px;padding:22px}.accordion-button:not(.collapsed){background:#fff2f2;color:var(--red)}.accordion-body{line-height:2;color:#666}.body-copy{color:#737780;font-size:14px}.about-art{position:relative;background:#f1f1f2;padding:35px;min-height:400px;overflow:hidden}.about-art>span{font-size:52px;line-height:1;font-weight:900;color:#ddd;font-style:italic}.about-art img{width:100%;margin-top:-35px;position:relative}.partner-card{border:1px solid var(--line);background:#fff;padding:24px 24px 20px;height:100%;display:flex;flex-direction:column;transition:box-shadow .25s}.partner-card:hover{box-shadow:0 10px 28px rgba(25,27,32,.08)}.partner-card h3{font-size:17px;margin:0 0 16px;color:var(--ink)}.partner-logos{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;padding:2px 0}.partner-logos img{flex:1 1 auto;min-width:0;max-width:100%;height:58px;object-fit:contain;padding:8px 12px;border-radius:2px;background:#fff;border:1px solid var(--line)}.partner-logos img.on-dark{background:var(--ink);border-color:var(--ink)}.partner-logos.compact{flex-direction:column;gap:10px}.partner-logos.compact .logo-row{display:flex;gap:10px}.partner-logos.compact .logo-row img{flex:1 1 0;min-width:0;max-width:none;height:58px;padding:8px 12px}.monitor-header{padding:45px 0;background:white}.monitor-header h1{font-size:30px;margin-bottom:12px}.monitor-body{background:#f4f5f7;padding:30px 0 65px}.stat-card{background:#fff;border:1px solid var(--line);padding:22px}.stat-card>span{font-size:12px;color:#777}.stat-card strong{display:block;font-size:32px;font-weight:600;margin:10px 0 5px}.stat-card small{color:#999;font-size:10px}.filter-row{display:flex;gap:7px}.filter-row button{border:0;background:#f4f4f6;padding:7px 10px;flex:1;border-radius:3px;font-size:11px;color:#666}.filter-row button.active{background:var(--ink);color:#fff}.vehicle-row{width:100%;text-align:left;background:#fff;border:1px solid var(--line);margin-bottom:10px;padding:14px;border-radius:3px}.vehicle-row.selected{border-color:var(--red);background:#fffafa}.vehicle-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vehicle-row small{font-size:10px;color:#8b8c91}.vehicle-row-bottom{display:flex;justify-content:space-between;align-items:center}.battery-line{width:95px;height:4px;background:#e8e8eb;display:inline-block;vertical-align:middle;margin-right:8px}.battery-line i{display:block;height:100%;background:#419a78}.battery-ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(#368c69 0% 82%,#eee 82% 100%);padding:11px;margin:auto}.battery-ring>div{background:#fff;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.battery-ring strong{font-size:32px}.battery-ring span{font-size:11px;color:#888}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#999;padding-left:28px}#batteryChart{width:100%;height:168px}.metric-box{background:#f7f8f9;padding:17px;height:100%}.metric-box span{font-size:11px;color:#777;display:block}.metric-box strong{display:block;font-size:22px;margin:10px 0}.metric-box small{font-size:10px;color:#6b8f7d}.health-footer{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}.form-control,.form-select{font-size:13px;border-radius:3px;padding:10px 12px}.modal-content{border-radius:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:3000;background:white;padding:15px}.skip-link:focus{top:10px}.record-line{border-top:1px solid var(--line);padding:14px 0;font-size:12px;color:#666}
@media(min-width:1400px){.hero-inner{min-height:640px}.hero-visual{top:85px;height:445px}.hero h1{font-size:72px}}
@media(max-width:991.98px){.navbar{min-height:74px;padding:16px 12px!important}.navbar-nav{gap:0;margin:20px 0!important}.navbar .nav-link{padding:12px 0!important}.navbar .nav-link.active:after{display:none}.nav-contact{margin-bottom:12px}.hero-inner{min-height:540px}.hero h1{font-size:52px}.hero-visual{width:57%;right:0;top:110px;height:320px}.hero-word{font-size:100px;top:0}.hero-copy{width:56%}.hero-copy p{font-size:12px}.hero-caption{font-size:8px;padding-right:0}.section{padding:55px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.section-heading>p{max-width:180px}.product-image{height:180px}.product-card{padding:18px}.product-card h3{font-size:16px}.advantage{min-height:245px}.operation-tabs .nav-link{padding:18px 12px}.operation-tabs .nav-link span{margin-right:8px}.mini-dashboard{transform:none}}
@media(max-width:575.98px){.container{padding-left:22px;padding-right:22px}.navbar{padding-left:22px!important;padding-right:22px!important}.brand{font-size:17px}.brand-mark{font-size:48px}.hero-inner{display:block;min-height:770px;padding-top:15px}.hero-copy{width:100%;padding-top:28px}.hero h1{font-size:51px}.hero-copy p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-visual{width:100%;height:310px;top:420px;right:0}.hero-word{font-size:105px;left:40px;top:-25px}.hero-caption{justify-content:center;margin-top:-10px}.hero-bottom{left:22px;right:22px;font-size:7px;bottom:18px}.hero-bottom>span:nth-child(2){display:none}.intro-strip{font-size:10px;padding:18px 0}.intro-strip .container>span{width:45%}.section{padding:44px 0}.section-heading{flex-direction:column;gap:12px;margin-bottom:25px}.section-heading h2{font-size:24px;letter-spacing:-.5px}.section-heading>p{max-width:none}.advantage{min-height:0;padding:25px;border-bottom:1px solid var(--line)}.advantage-top{margin-bottom:15px}.product-image{height:250px}.product-card{padding:23px}.product-card h3{font-size:20px}.monitor-promo{padding:45px 0}.monitor-promo h2{font-size:31px}.mini-dashboard{padding:23px}.mini-dashboard strong{font-size:30px}.mini-bars{gap:7px}.process-step>span{font-size:28px}.cta-band{padding:38px 0}.cta-band h2{font-size:25px}.site-footer{padding-top:40px}.footer-bottom{gap:20px;flex-wrap:wrap}.page-banner{padding:45px 0}.page-banner h1{font-size:35px}.page-banner h1 span{font-size:12px;display:block;margin:12px 0 0}.page-banner p{font-size:12px}.category-tabs{gap:24px}.category-tabs .nav-link{font-size:14px}.operation-tabs{gap:8px}.operation-tabs li{flex-basis:45%}.operation-tabs .nav-link{padding:15px 10px}.panel{padding:20px 15px}.about-art{min-height:330px;padding:25px}.about-art>span{font-size:42px}.monitor-header h1{font-size:26px}.monitor-header{padding:30px 0}.monitor-body .container{padding-left:14px;padding-right:14px}.stat-card{padding:16px}.stat-card strong{font-size:28px}.scene-placeholder{height:200px}.full-product p{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Shared brand asset, preserving the original logo aspect ratio. */
.brand-logo{display:block;width:170px;height:auto;object-fit:contain}.site-footer .brand{background:#fff;padding:10px 14px;border-radius:3px}@media(max-width:575.98px){.brand-logo{width:145px}}


/* Composite artwork: feathered into the hero, with restrained cinematic depth. */
.hero-composite{background:#191b1f;isolation:isolate}
.hero-composite::after{opacity:.3;pointer-events:none;z-index:0}
.hero-composite .hero-inner{min-height:650px}
.hero-composite .hero-copy{width:46%;z-index:3;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.hero-composite .hero-visual{isolation:isolate;top:70px;right:-6%;width:68%;height:510px;z-index:1}
.hero-composite .hero-visual img{position:absolute;z-index:2;top:24px;right:0;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform-origin:65% 55%;filter:none;
/* Intersect two fades: every outer pixel is transparent, including the top centre. */
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.04) 3%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.55) 13%,rgba(0,0,0,.88) 20%,#000 27%,#000 80%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.25) 96%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.65) 10%,#000 18%,#000 85%,rgba(0,0,0,.7) 92%,transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.04) 3%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.55) 13%,rgba(0,0,0,.88) 20%,#000 27%,#000 80%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.25) 96%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.65) 10%,#000 18%,#000 85%,rgba(0,0,0,.7) 92%,transparent 100%);
-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:perspective(1200px) rotateX(2deg) rotateY(-4deg) scale(1.025);animation:edge-composite-arrive 1.2s ease-out both,edge-composite-float 9s ease-in-out 1.2s infinite}
.hero-composite .hero-word{position:absolute;z-index:1;top:-34px;left:12%;font-family:Arial,sans-serif;font-size:clamp(110px,12vw,164px);line-height:1;letter-spacing:-9px;color:rgba(207,212,222,.05);-webkit-text-stroke:1px rgba(222,225,232,.17);text-shadow:0 0 30px rgba(217,76,84,.13);pointer-events:none}
.hero-composite .hero-word::after{content:'EDGE';position:absolute;inset:0;color:transparent;background:linear-gradient(110deg,transparent 20%,rgba(215,222,232,.28) 42%,rgba(213,62,76,.24) 56%,transparent 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:edge-composite-letter 12s ease-in-out infinite}
.hero-composite .hero-visual::before{content:'';position:absolute;z-index:0;inset:5% 0 0 12%;background:radial-gradient(ellipse,rgba(189,37,51,.12),transparent 68%);filter:blur(28px);pointer-events:none}
.hero-composite .hero-caption{position:absolute;z-index:3;bottom:0;right:12%;padding:0;font-size:9px;letter-spacing:1.2px}
.hero-composite .hero-bottom{z-index:4}
@keyframes edge-composite-arrive{from{opacity:0;transform:perspective(1200px) translate3d(18px,-5px,-35px) rotateX(1deg) rotateY(-2deg) scale(.98)}to{opacity:1;transform:perspective(1200px) rotateX(2deg) rotateY(-4deg) scale(1.025)}}
@keyframes edge-composite-float{0%,100%{transform:perspective(1200px) translate3d(0,0,0) rotateX(2deg) rotateY(-4deg) scale(1.025)}50%{transform:perspective(1200px) translate3d(-4px,-5px,8px) rotateX(2.5deg) rotateY(-4.8deg) scale(1.035)}}
@keyframes edge-composite-letter{0%,100%{background-position:100% 50%;opacity:.4}50%{background-position:0% 50%;opacity:.8}}
@media(min-width:1400px){.hero-composite .hero-inner{min-height:680px}.hero-composite .hero-visual{top:85px}}
@media(min-width:768px) and (max-width:991.98px){.hero-composite .hero-inner{min-height:590px}.hero-composite .hero-copy{width:51%}.hero-composite .hero-visual{top:135px;right:-9%;width:65%;height:370px}.hero-composite .hero-word{font-size:112px;top:-22px}.hero-composite .hero-caption{right:15%;font-size:8px}}
@media(max-width:767.98px){.hero-composite .hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:36px;padding-bottom:70px}.hero-composite .hero-copy{width:100%;padding-top:0}.hero-composite .hero-visual{position:relative;top:auto;right:auto;align-self:center;width:112%;height:auto;aspect-ratio:3/2;margin-top:30px;margin-bottom:18px}.hero-composite .hero-visual img{top:12px;right:0;width:100%;height:auto;transform-origin:50% 50%}.hero-composite .hero-word{top:-7px;left:10%;font-size:clamp(88px,23vw,150px);letter-spacing:-6px}.hero-composite .hero-caption{bottom:-12px;right:0;left:0;justify-content:center;margin:0;font-size:8px}.hero-composite .hero-bottom{bottom:20px}.hero-composite .hero-visual::before{filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.hero-composite .hero-visual img,.hero-composite .hero-word::after{animation:none!important}.hero-composite .hero-visual img{transform:perspective(1200px) rotateX(2deg) rotateY(-4deg) scale(1.025)}}


/* Real banners and product photography share one responsive presentation. */
.photo-banner{isolation:isolate;min-height:330px;display:flex;align-items:center;background:#171a1e;padding:64px 0}
.photo-banner .banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.photo-banner::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,15,19,.88),rgba(12,15,19,.56) 42%,rgba(12,15,19,.12) 80%);pointer-events:none}
.photo-banner::after{display:none}
.photo-banner>.container{position:relative;z-index:1}
.photo-banner p{color:#e0e2e6;max-width:540px}
.products-banner .banner-photo{object-position:50% 65%}
.operations-banner .banner-photo{object-position:50% 54%}
.about-banner{min-height:390px}
.about-banner .banner-photo{object-position:center;object-fit:contain}
.about-banner::before{background:linear-gradient(90deg,rgba(18,20,24,.3),transparent 65%)}
.supply-image{height:220px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;background:#f7f7f8;padding:15px;overflow:hidden}
.supply-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.supply-card:hover .supply-image img{transform:scale(1.045)}
@media(max-width:767.98px){.photo-banner{min-height:300px;padding:45px 0}.photo-banner::before{background:linear-gradient(90deg,rgba(12,15,19,.88),rgba(12,15,19,.45))}.about-banner{min-height:490px;align-items:flex-start}.about-banner .banner-photo{top:auto;bottom:0;height:auto;min-height:240px;object-fit:cover;object-position:right bottom;width:160%;max-width:none;left:-60%}.about-banner::before{background:linear-gradient(to bottom,#171a1e 0%,rgba(23,26,30,.96) 32%,rgba(23,26,30,.25) 61%,transparent 80%)}.supply-image{height:230px}}

/* Compact inner-page banners; cover removes the former contain-mode side bars. */
.photo-banner{min-height:270px;padding:42px 0}
.about-banner{min-height:300px}
.about-banner .banner-photo{inset:0;width:100%;height:100%;min-height:0;max-width:100%;object-fit:cover;object-position:center 54%}
.about-banner::before{background:linear-gradient(90deg,rgba(18,20,24,.72),rgba(18,20,24,.2) 48%,transparent 75%)}
@media(max-width:767.98px){.photo-banner{min-height:240px;padding:32px 0}.about-banner{min-height:300px;align-items:center}.about-banner .banner-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.about-banner::before{background:linear-gradient(90deg,rgba(18,20,24,.9),rgba(18,20,24,.58) 55%,rgba(18,20,24,.22))}.photo-banner h1{font-size:32px}}


/* Bright telemetry workspace with a cinematic, image-backed masthead. */
.monitor-header{position:relative;isolation:isolate;overflow:hidden;background:#17181d;color:#fff;padding:45px 0;min-height:245px;display:flex;align-items:center}
.monitor-header .container{position:relative;z-index:3}
.monitor-header .container>.d-flex{display:block!important}
.monitor-header .container>.d-flex>div:first-child{max-width:60%}
.monitor-header .container>.d-flex>div:last-child{margin-top:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.monitor-header .eyebrow{color:#ff7a83}.monitor-header .text-muted{color:#d2d3da!important}.monitor-header #updateTime{margin-top:0!important}
.monitor-header .demo-label{background:#ffffff0d;color:#ffb6bb;border:1px solid #dc6b7550;backdrop-filter:blur(8px)}
.monitor-night{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.17;z-index:0}
.monitor-kart{position:absolute;z-index:1;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:85% 54%;transform:scale(1.04) rotate(-2deg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}
.monitor-header::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#14161be8,#14161bb3 36%,#14161b0a 75%);pointer-events:none}
.monitor-body{background:linear-gradient(180deg,#f4f5f7,#fff 750px);color:#22252c}
.monitor-body .panel{border-color:#e4e5ea;box-shadow:0 8px 30px #252a3505;border-radius:8px}
.monitor-body .stat-card{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;background:#fff;border-color:#e3e5eb;box-shadow:0 6px 22px #262b3606}
.monitor-body .stat-card strong,.monitor-body .metric-box strong{font-variant-numeric:tabular-nums}
.monitor-body .stat-card>span,.monitor-body .metric-box span{color:#656b77}.monitor-body .stat-card small,.monitor-body .metric-box small{color:#717784}
.monitor-body .stat-card::before{content:'';position:absolute;top:0;left:22px;width:35px;height:3px;background:#d91e27;transition:width .4s ease}
.monitor-body .stat-card::after,.monitor-body .metric-box::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,50%),#dc283315,transparent 70%);opacity:0;transition:opacity .3s ease}
.monitor-body .metric-box{position:relative;isolation:isolate;overflow:hidden;background:#f7f8fa;border:1px solid #edeef2;border-radius:5px}
.monitor-body .stat-card,.monitor-body .metric-box{transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease;transform:perspective(850px) rotateX(0) rotateY(0)}
.monitor-body .vehicle-row{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border-radius:5px}
.monitor-body .vehicle-row.selected{box-shadow:inset 3px 0 #d91e27;background:#fff8f8}
.monitor-body .status-pill{background:#f0f1f4;color:#535b69}.monitor-body .status-pill.warning{background:#fff0f1;color:#ad3543}.monitor-body .status-pill.danger{background:#b92031;color:#fff}.monitor-body .status-pill.offline{background:#eeeef1;color:#70747c}
.monitor-body .battery-line i{background:#8d939f}
.monitor-body .battery-ring{position:relative;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 5px 20px #d91e2710}
.monitor-body .battery-ring::after{content:'';position:absolute;inset:-7px;border:1px dashed #d91e2740;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .3s ease}
.monitor-body .battery-ring span{color:#69707b}.monitor-body .chart-labels{color:#707681}
.monitor-body #batteryChart text{fill:#666c78}.monitor-body #batteryChart polyline{stroke:#da293b;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:0;animation:telemetry-draw 1s ease-out both;transition:filter .25s ease,stroke-width .25s ease}
.monitor-body #batteryChart circle{fill:#d91e27;transform-box:fill-box;transform-origin:center;transition:transform .2s ease,filter .2s ease}
.monitor-body .table tbody tr{transition:background .2s ease}.monitor-body .table tbody tr:hover{background:#fff6f7}
.monitor-body .stat-card:focus-visible,.monitor-body .metric-box:focus-visible{outline:2px solid #d91e27;outline-offset:4px;box-shadow:0 12px 28px #ce35441c}
@keyframes telemetry-draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@keyframes telemetry-orbit{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.monitor-body .stat-card:hover,.monitor-body .metric-box:hover{transform:perspective(850px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#db8390;box-shadow:0 18px 35px #29314312,0 4px 16px #d91e2710}.monitor-body .stat-card:hover::before{width:calc(100% - 44px)}.monitor-body .stat-card:hover::after,.monitor-body .metric-box:hover::after{opacity:1}.monitor-body .vehicle-row:hover{transform:translateX(3px);border-color:#d48089;box-shadow:0 6px 18px #3238460c}.monitor-body .battery-ring:hover{transform:scale(1.045);box-shadow:0 0 30px #d91e2728}.monitor-body .battery-ring:hover::after{opacity:1;animation:telemetry-orbit 16s linear infinite}.monitor-body #batteryChart:hover polyline{stroke-width:3.5;filter:drop-shadow(0 0 4px #d91e2750)}.monitor-body #batteryChart circle:hover{transform:scale(1.7);filter:drop-shadow(0 0 4px #d91e2740)}}
@media(max-width:767.98px){.monitor-header{padding:32px 0;min-height:265px}.monitor-header .container>.d-flex>div:first-child{max-width:100%}.monitor-kart{width:85%;opacity:.4;object-position:80% center}.monitor-header::after{background:linear-gradient(90deg,#14161be8,#14161b80)}.monitor-header .container>.d-flex>div:last-child{gap:8px}.monitor-header h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.monitor-body .stat-card:hover,.monitor-body .metric-box:hover,.monitor-body .vehicle-row:hover,.monitor-body .battery-ring:hover,.monitor-body #batteryChart circle:hover{transform:none}.monitor-body #batteryChart polyline,.monitor-body .battery-ring::after{animation:none!important}}

/* Keep the racing visual visible, rather than buried below a full-width veil. */
.monitor-header .monitor-night{opacity:.38;object-position:35% 50%}
.monitor-header .monitor-kart{display:block;opacity:1;z-index:2;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:right center;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}
.monitor-header::after{z-index:1;background:linear-gradient(90deg,rgba(20,22,27,.94) 0%,rgba(20,22,27,.8) 36%,rgba(20,22,27,.2) 58%,transparent 75%)}
.monitor-header .container>.d-flex>div:first-child{max-width:52%}
@media(max-width:767.98px){.monitor-header{min-height:405px;align-items:flex-start;padding:28px 0 190px}.monitor-header .container>.d-flex>div:first-child{max-width:100%}.monitor-header .monitor-kart{top:auto;bottom:0;width:100%;height:195px;object-position:right 55%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);mask-image:linear-gradient(to bottom,transparent,#000 20%)}.monitor-header .monitor-night{opacity:.25}.monitor-header::after{background:linear-gradient(to bottom,#14161bed,#14161b80)}.monitor-header .container>.d-flex>div:last-child{margin-top:14px}}

/* About: show the entire vehicle, never cover-crop the panoramic artwork. */
.page-banner.about-banner{min-height:320px;padding:42px 0;background:#17181d}
.page-banner.about-banner .banner-photo{inset:12px 0 12px auto;width:min(100%,1050px);max-width:100%;height:calc(100% - 24px);min-height:0;object-fit:contain;object-position:right center;transform-origin:right center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 93%,transparent 100%);animation:about-car-drift 9s ease-in-out infinite}
.page-banner.about-banner::before{background:linear-gradient(90deg,#17181d 0%,rgba(23,24,29,.84) 24%,rgba(23,24,29,.12) 43%,transparent 55%);pointer-events:none}
.page-banner.about-banner>.container{pointer-events:none}
.page-banner.about-banner>.container h1,.page-banner.about-banner>.container p,.page-banner.about-banner>.container .eyebrow{max-width:46%}
.page-banner.about-banner::after{content:'';display:block;position:absolute;inset:auto 0 0 auto;width:55%;height:2px;border:0;transform:none;border-radius:0;background:linear-gradient(90deg,transparent,#ed344a80,transparent);opacity:.45;animation:about-light-breathe 6s ease-in-out infinite;pointer-events:none}
.about-track-photo{min-height:0;padding:24px;background:#f1f1f3;border-radius:6px}
.about-track-photo>span{display:block;font-size:clamp(28px,3.7vw,48px);margin-bottom:20px;line-height:1.07}
.about-track-photo img{display:block;width:100%;height:auto;margin:0;object-fit:contain;border-radius:5px;transition:transform .5s ease,filter .5s ease}
@keyframes about-car-drift{0%,100%{transform:translate3d(0,2px,0) scale(.985)}50%{transform:translate3d(-5px,-2px,0) scale(1)}}
@keyframes about-light-breathe{0%,100%{opacity:.3}50%{opacity:.8}}
@media(hover:hover) and (pointer:fine){.about-track-photo:hover img{transform:translateY(-3px);filter:drop-shadow(0 10px 10px #00000012)}}
@media(max-width:767.98px){.page-banner.about-banner{display:block;min-height:0;padding:30px 0 0}.page-banner.about-banner>.container{position:relative;padding-bottom:12px}.page-banner.about-banner>.container h1,.page-banner.about-banner>.container p,.page-banner.about-banner>.container .eyebrow{max-width:100%}.page-banner.about-banner .banner-photo{position:relative;display:block;inset:auto;width:100%;max-width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center;margin:0;order:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 95%,transparent)}.page-banner.about-banner{display:flex;flex-direction:column;align-items:stretch}.page-banner.about-banner>.container{order:1}.page-banner.about-banner::before{display:none}.about-track-photo{padding:20px}.about-track-photo>span{font-size:34px}}
@media(prefers-reduced-motion:reduce){.page-banner.about-banner .banner-photo,.page-banner.about-banner::after{animation:none}.about-track-photo:hover img{transform:none}}

/* drive4 has generous transparent space above/right: centre the visible chassis. */
.supply-image img[src*="/drive4.png"]{transform:translate(12%,-7%) scale(1.25);transform-origin:center;object-fit:contain}
@media(hover:hover) and (pointer:fine){.supply-card:hover .supply-image img[src*="/drive4.png"]{transform:translate(12%,-8%) scale(1.28)}}
@media(prefers-reduced-motion:reduce){.supply-card:hover .supply-image img[src*="/drive4.png"]{transform:translate(12%,-7%) scale(1.25)}}

/* Instrument hardware sits in the visual half, separate from live demo readings. */
.monitor-header .monitor-instrument{position:absolute;z-index:4;left:55%;bottom:19px;width:clamp(170px,18vw,245px);margin:0;pointer-events:none;perspective:900px}
.monitor-instrument::before{content:'';position:absolute;inset:5% -12% 9%;z-index:-1;background:radial-gradient(ellipse,#ed35452b,transparent 70%);filter:blur(15px)}
.monitor-instrument>img{display:block;width:100%;height:auto;object-fit:contain;transform:rotateY(-9deg) rotateZ(-3deg);filter:drop-shadow(0 16px 15px #0009);animation:instrument-hover 8s ease-in-out infinite}
.monitor-instrument figcaption{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:8px;letter-spacing:1.3px;color:#eceef3;text-shadow:0 1px 5px #000}
.monitor-instrument figcaption>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#f04c5a;box-shadow:0 0 8px #f04c5a80}
.monitor-instrument figcaption small{font-size:8px;letter-spacing:0;color:#c8cbd3}
@keyframes instrument-hover{0%,100%{transform:translateY(0) rotateY(-9deg) rotateZ(-3deg)}50%{transform:translateY(-4px) rotateY(-6deg) rotateZ(-2deg)}}
@media(min-width:768px) and (max-width:991.98px){.monitor-header .monitor-instrument{left:56%;width:170px;bottom:16px}.monitor-instrument figcaption{letter-spacing:.4px;gap:4px}}
@media(max-width:767.98px){.monitor-header .monitor-instrument{left:22px;bottom:22px;width:clamp(155px,39vw,210px)}.monitor-instrument figcaption{letter-spacing:.3px;gap:4px;font-size:7px}.monitor-instrument figcaption small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.monitor-instrument>img{animation:none}}

/* Separate the callout from the chassis; a dotted beam crosses only the gap. */
.monitor-header .monitor-kart{width:46%;object-position:right center}
.monitor-header .monitor-instrument{left:54%;width:clamp(145px,14vw,195px);bottom:24px}
.monitor-instrument figcaption{flex-wrap:wrap;column-gap:5px;row-gap:3px;letter-spacing:.8px}
.monitor-instrument figcaption small{flex-basis:100%;text-align:center}
.instrument-link{position:absolute;left:calc(100% + 4px);top:-15px;width:clamp(60px,8vw,125px);height:80px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px #f35b7080)}
.instrument-link-trail{animation:instrument-beam-flow 4s linear infinite}
.instrument-link-node{animation:instrument-node-glow 3s ease-in-out infinite}
@keyframes instrument-beam-flow{to{stroke-dashoffset:-52}}
@keyframes instrument-node-glow{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:768px) and (max-width:991.98px){.monitor-header .monitor-instrument{left:53%;width:145px;bottom:18px}.instrument-link{width:65px;top:-20px}}
@media(max-width:767.98px){.monitor-header .monitor-kart{width:78%;height:195px;object-position:right center}.monitor-header .monitor-instrument{left:20px;bottom:24px;width:clamp(120px,30vw,160px)}.instrument-link{width:clamp(45px,13vw,85px);height:65px;top:-8px}}
@media(prefers-reduced-motion:reduce){.instrument-link-trail,.instrument-link-node{animation:none}}

/* Larger instrument, feathered edges; preserve sharp readings in the centre. */
.monitor-header .monitor-instrument{left:52%;width:clamp(165px,16vw,220px);bottom:20px}
.monitor-instrument>img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 8px 12px #0005)}
.monitor-instrument::before{inset:0 -8% 15%;background:radial-gradient(ellipse,#af3a4720,transparent 72%);filter:blur(18px)}
@media(min-width:768px) and (max-width:991.98px){.monitor-header .monitor-instrument{left:52%;width:160px;bottom:18px}.instrument-link{width:58px}}
@media(max-width:767.98px){.monitor-header .monitor-instrument{left:16px;width:clamp(135px,34vw,180px);bottom:20px}.instrument-link{width:clamp(38px,11vw,70px)}}

.scene-card{text-align:center}
.scene-photo{display:block;width:100%;height:185px;object-fit:cover}
.scene-row{position:relative;border:1px solid var(--line);background:var(--soft);padding:26px 26px 22px}
.scene-row:after{content:"";position:absolute;top:0;right:0;bottom:0;width:38%;background:linear-gradient(90deg,#f5f5f5 0%,rgba(245,245,245,0) 55%),linear-gradient(0deg,#f5f5f5 0%,rgba(245,245,245,0) 24%),url(../images/background.png) center/cover no-repeat;pointer-events:none}
@media(max-width:767.98px){.scene-row:after{display:none}.scene-photo{height:200px}}

.about-intro h2{font-size:40px;line-height:1.4;letter-spacing:-.5px}
.about-intro .body-copy{font-size:15px;line-height:2.05;margin-bottom:14px}
.about-intro .eyebrow{margin-bottom:18px}
.title-line1{display:inline-block;background:linear-gradient(90deg,var(--ink) 0%,var(--red) 45%,var(--ink) 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleSweep 4.5s linear infinite}
.title-line2{background:linear-gradient(92deg,var(--ink) 15%,var(--red) 75%,#ff5a63 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes titleSweep{0%{background-position:0% 0}100%{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.title-line1{animation:none}}

.product-specs{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 0;border-bottom:1px solid var(--line);padding-bottom:12px}
.product-specs div{text-align:center;padding:0 6px}
.product-specs div+div{border-left:1px solid var(--line)}
.product-specs strong{display:block;font-size:19px;line-height:1.15;color:var(--ink);letter-spacing:.02em}
.product-specs span{display:block;font-size:10px;color:#8a8d93;margin-top:5px;letter-spacing:.05em}
.product-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}
.product-title-row h3{margin:0;min-width:0}
.product-price{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:11px;color:#8a8d93;letter-spacing:.1em}
.product-price strong{font-size:18px;line-height:1;color:var(--red);font-weight:700;letter-spacing:0}
.product-price .unit{font-size:12px;color:var(--ink);letter-spacing:0}
.account-card{max-width:480px;margin:auto;padding:35px}.account-nav{display:flex;align-items:center;gap:12px;margin-right:18px;font-size:12px}.account-nav form{margin:0}.account-logout{border:0;background:transparent;color:#737780;padding:5px}.account-login{font-size:12px;margin-right:18px}.user-code{overflow-wrap:anywhere}.account-card .validation-summary-valid{display:none}.account-card .validation-summary-errors{font-size:12px;line-height:1.8}
@media(max-width:991.98px){.account-nav,.account-login{margin-bottom:15px}.account-card{padding:25px}}

/* ---- 手机端合作伙伴 logo 适配 ---- */
@media (max-width:575.98px){.partner-logos.compact .logo-row{flex-wrap:wrap}.partner-logos.compact .logo-row img{flex:1 1 calc(50% - 6px);max-width:100%}.partner-card{padding:18px 14px 16px}.partner-card h3{font-size:16px}}

/* ---- 页脚备案信息 ---- */
.site-footer .footer-icp{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;align-items:center;padding:16px 0 28px;font-size:10px;color:#9b9da4}.site-footer .footer-icp a{display:inline-block;margin:0;color:#9b9da4;text-decoration:none;transition:color .2s}.site-footer .footer-icp a:hover{color:#fff}@media (max-width:575.98px){.site-footer .footer-icp{flex-direction:column;gap:6px;text-align:center;padding:12px 0 22px}}

/* ---- 工作台横幅：深色地面整车渲染（model.png）---- */
.page-banner.spots-banner{position:relative;overflow:hidden;padding:34px 0 30px;min-height:0;border-bottom:1px solid rgba(237,52,74,.18);background:linear-gradient(90deg,#15161a 0%,rgba(21,22,26,.96) 28%,rgba(21,22,26,.62) 52%,rgba(21,22,26,.18) 76%,rgba(21,22,26,.06)),url('../images/model.png') center 68%/cover no-repeat;background-color:#15161a}
.page-banner.spots-banner>.container{position:relative;z-index:2}
.page-banner.spots-banner h1{font-size:30px}
.page-banner.spots-banner p{margin:10px 0 0;font-size:12px}
.page-banner.spots-banner::after{content:'';position:absolute;right:0;bottom:0;width:55%;height:2px;border:0;transform:none;border-radius:0;background:linear-gradient(90deg,transparent,rgba(237,52,74,.55),transparent);opacity:.5;pointer-events:none}
@media (max-width:767.98px){.page-banner.spots-banner{padding:26px 0 22px;background:linear-gradient(90deg,#15161a 0%,rgba(21,22,26,.97) 42%,rgba(21,22,26,.6) 72%,rgba(21,22,26,.28)),url('../images/model.png') 72% 68%/cover no-repeat}.page-banner.spots-banner h1{font-size:23px}.page-banner.spots-banner p{font-size:11px}}