/** Shopify CDN: Minification failed

Line 1137:0 Unexpected "{"
Line 1137:1 Expected identifier but found "%"
Line 1139:0 Unexpected "{"
Line 1139:1 Expected identifier but found "%"
Line 1140:0 Unexpected "{"
Line 1141:0 Expected identifier but found "\"name\""

**/

/* h1, h2, h3, h4{

    color:#fff !important;

}
*/

.dealer-hero h1,
.partner-overlay h3,
.support-content h2,
.profile-card h3,
.support-content h4{

color:#fff !important;
font-family:poppins;

}

/* =========================
   Magicshine Dealer Program
   Global Styles
========================= */

.magicshine-dealer {

font-family:poppins;
background:#0A0A0A;
color:#fff;
overflow:hidden;
}
.magic-container{
max-width:1280px;
margin:auto;
padding-left:24px;
padding-right:24px;
}

/* =========================
   Animations
========================= */

@keyframes fadeUp {
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:none;
}
}

@keyframes pulseGlow {
0%,100%{
opacity:.5;
}

50%{
opacity:1;
}
}

@keyframes shine {
0%{
background-position:-200% center;
}
100%{
background-position:200% center;
}
}

.fade-up{
animation:
fadeUp .8s ease forwards;
}

/* =========================
   Text Effects
========================= */

.text-gradient{
background:
linear-gradient(
135deg,
#FF5A00,
#FF9900
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.text-shine{

background:
linear-gradient(
90deg,
#fff,
#FF5A00,
#fff
);

background-size:200% auto;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:
shine 3s infinite linear;
}

/* =========================
   Glow
========================= */
.orange-glow{

box-shadow:

0 0 60px
rgba(255,90,0,.35);
transition:.35s;
}

.orange-glow:hover{
box-shadow:
0 0 90px
rgba(255,90,0,.5);
transform:translateY(-3px);
}

/* =========================
   Navigation
========================= */
.dealer-nav{
position:fixed;
top:0;
left:0;
width:100%;
z-index:50;
background:
rgba(10,10,10,.9);
backdrop-filter:blur(15px);
border-bottom:
1px solid rgba(255,255,255,.08);
}

.dealer-nav-inner{
height:64px;
display:flex;
align-items:center;
justify-content:space-between;
}

/*
.dealer-logo{
font-size:26px;
font-weight:800;
letter-spacing:-1px;
}

.dealer-logo span{
color:#FF5A00;
}
*/

.dealer-logo{
display:flex;
align-items:center;
height:64px;
}

.dealer-logo a{
display:flex;
align-items:center;
}

.dealer-logo img{
width:150px;
height:auto;
display:block;
object-fit:contain;
transition:.3s;
}
.dealer-logo img:hover{
transform:scale(1.05);
}




.dealer-links{
display:flex;
gap:32px;
align-items:center;
}

.dealer-links a{
font-size:14px;
color:#ccc;
text-decoration:none;
transition:.3s;
}

.dealer-links a:hover{
color:#fff;
}

.dealer-btn{
background:#FF5A00;
padding:10px 22px;
color:#fff!important;
font-weight:600;
}

/* =========================
 Hero
========================= */

.dealer-hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
padding-top:64px;
overflow:hidden;
}

.hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
filter:
brightness(1.3)
contrast(1.08)
saturate(1.1);
z-index:0;
}

.hero-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(10,10,10,.75),
rgba(10,10,10,.45),
rgba(10,10,10,.2)
);
z-index:1;
}

.hero-beam{
position:absolute;
right:0;
top:30%;
width:50%;
height:380px;
background:
linear-gradient(
90deg,
transparent,
rgba(255,90,0,.18),
transparent
);
filter:blur(80px);
z-index:1;
}

.hero-content{
position:relative;
z-index:2;
max-width:900px;
padding:
100px 0;
}

.hero-label{
color:#FF5A00;
font-size:14px;
font-weight:600;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:20px;
}

.hero-title{
font-size:
clamp(42px,6vw,72px);
font-weight:800;
line-height:1;
margin-bottom:25px;
}

.hero-desc{
font-size:18px;
line-height:1.7;
color:#aaa;
max-width:700px;
margin-bottom:35px;
}

.hero-actions{
display:flex;
gap:18px;
flex-wrap:wrap;
}

.hero-primary{
background:#FF5A00;
padding:16px 34px;
font-weight:700;
text-decoration:none;
color:white;
}

.hero-secondary{
border:
1px solid rgba(255,255,255,.3);
padding:16px 34px;
color:white;
text-decoration:none;
}

.hero-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
padding-top:30px;
border-top:
1px solid rgba(255,255,255,.15);
text-align:center;
}

.hero-number{
font-size:36px;
font-weight:700;
}

.hero-text{
font-size:14px;
color:#888;
}

@media(max-width:768px){
.dealer-links{
display:none;
}
.hero-stats{
grid-template-columns:1fr;
}
}



/* ==================================
  Part2 WHY PARTNER SECTION
================================== */


.partner-benefits{
font-family: Poppins;
position:relative;
overflow:hidden;
padding:120px 0;
background:#070707;
}

.partner-glow-one{
position:absolute;
top:-150px;
left:20%;
width:600px;
height:600px;
background:
rgba(255,90,0,.18);
border-radius:50%;
filter:blur(160px);
animation:
glowPulse 5s infinite alternate;
}

.partner-glow-two{
position:absolute;
right:-150px;
bottom:-150px;
width:500px;
height:500px;
background:
rgba(255,140,0,.12);
border-radius:50%;
filter:blur(140px);
}

@keyframes glowPulse{

0%{
opacity:.5;
}

100%{
opacity:1;
}
}

/* Header */
.partner-header{
text-align:center;
max-width:850px;
margin:0 auto 70px;
position:relative;
z-index:2;
}

.partner-label{
font-size:13px;
letter-spacing:5px;
text-transform:uppercase;
color:#FF5A00;
font-weight:600;
margin-bottom:20px;
}

.partner-title{
font-size:
clamp(40px,5vw,64px);
line-height:1;
font-weight:800;
color:white;
}

.partner-title span{
background:
linear-gradient(
90deg,
#fff,
#FF5A00,
#fff
);

background-size:200%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:
shine 3s infinite;
}

.partner-desc{
margin-top:25px;
font-size:16px;
line-height:1.7;
color:#999;
}

/* Layout */

.partner-grid{
display:grid;
grid-template-columns:
0.9fr 1.3fr;
gap:60px;
align-items:center;
position:relative;
z-index:2;
}

/* Image */
.partner-image{
position:relative;
overflow:hidden;
border-radius:32px;
height:720px;
}

.partner-image img{
width:100%;
height:100%;
object-fit:cover;
transition:
transform .8s ease;
}

.partner-image:hover img{
transform:scale(1.08);
}

.partner-image:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(0,0,0,.1),
transparent
);
}

.partner-overlay{
position:absolute;
bottom:40px;
left:40px;
right:40px;
z-index:2;
color:white;
}

.partner-overlay small{
color:#FF8A40;
letter-spacing:4px;
font-size:12px;
text-transform:uppercase;
}

.partner-overlay h3{
font-size:30px;
line-height:1.2;
margin-top:15px;
font-weight:700;
}

/* Cards */

.partner-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.partner-card{
padding:32px;
border-radius:28px;
background:
rgba(255,255,255,.06);
border:
1px solid rgba(255,255,255,.1);
backdrop-filter:
blur(20px);
transition:
all .45s ease;
}

.partner-card:hover{
transform:
translateY(-10px);
background:
rgba(255,90,0,.12);
box-shadow:
0 20px 50px rgba(255,90,0,.15);
}

.partner-number{
font-size:36px;
font-weight:800;
color:#FF5A00;
margin-bottom:20px;
}

.partner-card h3{
font-size:20px;
font-weight:700;
color:white;
margin-bottom:12px;
}

.partner-card p{
font-size:14px;
line-height:1.7;
color:#999;
}

@media(max-width:990px){
.partner-grid{
grid-template-columns:1fr;
}

.partner-image{
height:500px;
}
}

@media(max-width:640px){
.partner-cards{
grid-template-columns:1fr;
}
}




/* =================================
 Part3 PRODUCT RANGE SECTION
================================= */


.product-range{
position:relative;
overflow:hidden;
padding:120px 0;
background:#050505;
}

.product-bg-one{
position:absolute;
top:-200px;
left:30%;
width:700px;
height:700px;
background:
rgba(255,90,0,.12);
border-radius:50%;
filter:blur(180px);
}

.product-bg-two{
position:absolute;
bottom:-200px;
right:-100px;
width:500px;
height:500px;
background:
rgba(255,140,0,.1);
border-radius:50%;
filter:blur(160px);
}

.product-header{
text-align:center;
max-width:900px;
margin:0 auto 70px;
position:relative;
z-index:2;
}

.product-label{
color:#FF5A00 !important;
font-size:13px !important;
font-weight:600;
letter-spacing:5px;
text-transform:uppercase;
margin-bottom:20px;
}

.product-title{
font-size:
clamp(42px,6vw,72px);
line-height:1;
font-weight:800;
color:#fff;
}

.product-title span{
color:#FF5A00;
}

.product-desc{
margin-top:25px;
font-size:18px;
line-height:1.7;
color:#999;
}

/* =========================
Part3 FEATURE VIDEO
========================= */

.product-feature{
position:relative;
height:620px;
border-radius:40px;
overflow:hidden;
border:
1px solid rgba(255,255,255,.1);
margin-bottom:70px;
}

.product-feature video{
width:100%;
height:100%;
object-fit:cover;
transition:
transform 1s ease;
}

.product-feature:hover video{
transform:scale(1.06);
}

.product-feature:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(0,0,0,.85),
transparent 60%
);
}

.product-feature-text{
position:absolute;
left:50px;
bottom:50px;
z-index:2;
}

.product-feature-text small{
color:#FF8A40;
letter-spacing:4px;
text-transform:uppercase;
}

.product-feature-text h3{
margin-top:15px;
font-size:48px;
font-weight:800;
color:#fff;
}

/* =========================
part3 PRODUCT CARDS
========================= */
.product-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:22px;
position:relative;
z-index:2;
}

.product-card{
position:relative;
height:320px;
border-radius:30px;
overflow:hidden;
border:
1px solid rgba(255,255,255,.12);
background:
rgba(255,255,255,.04);
backdrop-filter:blur(20px);
transition:.5s;
}

.product-card:hover{
transform:
translateY(-12px);
border-color:
rgba(255,90,0,.5);
box-shadow:
0 30px 60px rgba(255,90,0,.2);
}

.product-card video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transition:
transform .8s;
}

.product-card:hover video{
transform:scale(1.12);
}

.product-card-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(0,0,0,.9),
transparent
);
}

.product-card-content{
position:absolute;
left:28px;
right:28px;
bottom:28px;
z-index:2;
}

.product-card h3{
color:#FF8A40 !important;
font-size:24px;
font-weight:700;
color:white;
margin-bottom:8px;
}

.product-card .subtitle{
font-size:14px;
color:#FF8A40;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:12px;
}

.product-card p{
font-size:14px;
line-height:1.6;
color:#bbb;
}

.catalog-btn{
display:flex;
justify-content:center;
margin-top:60px;
}

.catalog-btn a{
color:#FF5A00;
font-weight:600;
text-decoration:none;
font-size:16px;
transition:.3s;
}

.catalog-btn a:hover{
color:#fff;
}

@media(max-width:1100px){

.product-grid{
grid-template-columns:
repeat(2,1fr);
}
}

@media(max-width:600px){

.product-grid{
grid-template-columns:1fr;
}

.product-feature{
height:450px;
}

.product-feature-text h3{
font-size:32px;
}

}


/* ===============================
 PARTNER SUPPORT SECTION
================================ */

.partner-support{
position:relative;
overflow:hidden;
padding:80px 0 112px;
background:#090909;
color:white;
}

.support-glow-left{
position:absolute;
top:-200px;
left:-200px;
width:600px;
height:600px;
background:rgba(249,115,22,.1);
border-radius:50%;
filter:blur(160px);
animation:
supportPulse 5s infinite alternate;
}

.support-glow-right{
position:absolute;
bottom:-150px;
right:-100px;
width:500px;
height:500px;
background:rgba(251,146,60,.1);
border-radius:50%;
filter:blur(140px);
}

.support-top-line{
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(249,115,22,.5),
transparent
);
}

@keyframes supportPulse{
from{
opacity:.5;
}
to{
opacity:1;
}
}

.support-container{
max-width:1280px;
margin:auto;
padding:0 24px;
position:relative;
z-index:2;
}

.support-grid{
display:grid;
grid-template-columns:
1fr 1fr;
gap:70px;
align-items:center;
}

/* LEFT */

.support-label{
color:#f97316;
font-size:14px;
font-weight:600;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:20px;
}

.support-content h2{
font-size:
clamp(38px,4vw,56px);
line-height:1.1;
font-weight:800;
margin-bottom:25px;
}

.support-description{
font-size:18px;
line-height:1.7;
color:#9ca3af;
margin-bottom:50px;
}

.support-items{
display:flex;
flex-direction:column;
gap:38px;
}

.support-item{
display:flex;
gap:30px;
}

.support-number{
font-size:64px;
font-weight:800;
line-height:1;
color:rgba(255,255,255,.08);
transition:.4s;
}

.support-item:hover .support-number{
color:rgba(249,115,22,.35);
}

.support-item-content h4{
font-size:20px;
font-weight:700;
margin-bottom:8px;
transition:.3s;
}

.support-item:hover h4{
color:#fb923c;
}

.support-item-content p{
font-size:14px;
line-height:1.7;
color:#9ca3af;
max-width:420px;
}



/* RIGHT CARD */

.partner-profile{
position:relative;
}

.network-title{
display:flex;
align-items:center;
gap:12px;
font-size:14px;
letter-spacing:3px;
text-transform:uppercase;
color:#fb923c;
margin-bottom:30px;
}

.network-title span{
width:12px;
height:12px;
background:#f97316;
border-radius:50%;
animation:
networkPing 1.8s infinite;
}

@keyframes networkPing{
50%{
opacity:.4;
transform:scale(1.5);
}
}

.profile-glow{
position:absolute;
inset:0;
background:rgba(249,115,22,.2);
filter:blur(70px);
border-radius:30px;
}

.profile-card{
position:relative;
padding:40px;
border-radius:30px;
background:
rgba(255,255,255,.05);
border:
1px solid rgba(255,255,255,.1);
backdrop-filter:blur(20px);
box-shadow:
0 25px 70px rgba(0,0,0,.5);
transition:.5s;
}

.profile-card:hover{
transform:translateY(-8px);
}

.profile-card h3{
font-size:28px;
font-weight:700;
margin-bottom:12px;
}

.profile-card>p{
color:#9ca3af;
margin-bottom:30px;
}

.profile-list{
display:flex;
flex-direction:column;
gap:16px;
}

.profile-item{
display:flex;
align-items:center;
gap:15px;
padding:15px;
border-radius:14px;
background:rgba(0,0,0,.3);
border:
1px solid rgba(255,255,255,.05);
transition:.3s;
}

.profile-item:hover{
border-color:#f97316;
}

.profile-item span{
width:26px;
height:26px;
border-radius:50%;
background:rgba(249,115,22,.2);
display:flex;
align-items:center;
justify-content:center;
color:#fb923c;
font-size:14px;
flex-shrink:0;
}

.profile-item p{
font-size:14px;
color:#d1d5db;
margin:0;
}

@media(max-width:900px){


.support-grid{


grid-template-columns:1fr;


}


.support-number{
font-size:48px;
}
}

{% endstyle %}

{% schema %}
{
"name":"Partner Support",
"settings":[

],
"presets":[
{
"name":"Partner Support"
}
]

}
/* =============================
 SUCCESS STORY FIX
============================= */


.success-story{
position:relative;
padding:100px 0;
overflow:hidden;
background:#050505;
}

.success-bg{
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(0,0,0,.55),
rgba(0,0,0,.35),
rgba(0,0,0,.45)
),
url('/cdn/shop/files/Ray3000-121.jpg?v=1784195882');
background-size:cover;
background-position:center;
}

.success-glow{
position:absolute;
right:-150px;
top:50%;
width:500px;
height:500px;
background:
rgba(255,90,0,.18);
filter:blur(160px);
border-radius:50%;
transform:translateY(-50%);
}

.success-container{
position:relative;
z-index:2;
max-width:1280px;
margin:auto;
padding:0 24px;
}

.success-box{
display:grid;
grid-template-columns:
1.3fr .7fr;
gap:80px;
align-items:center;
padding:70px;
border-radius:32px;
background:
rgba(255,255,255,.05);
border:
1px solid rgba(255,255,255,.1);
backdrop-filter:blur(15px);
}

.success-label{
font-size:12px;
letter-spacing:5px;
text-transform:uppercase;
color:#FF7A30;
margin-bottom:25px;
}

.success-quote{
font-size:
clamp(18px,3vw,26px);
line-height:1.45;
font-weight:600;
color:#fff;
margin-bottom:30px;
}

.success-author{
font-size:16px;
font-weight:700;
color:#fff;
}

.success-role{
font-size:14px;
color:#888;
margin-top:8px;
}

/* metrics */

.success-metrics{
display:grid;
grid-template-columns:
repeat(2,1fr);
gap:18px;
}

.success-metric{
padding:35px 20px;
border-radius:20px;
background:
rgba(0,0,0,.45);
text-align:center;
border:
1px solid rgba(255,255,255,.05);
transition:.4s;
}

.success-metric:hover{
transform:translateY(-6px);
border-color:
rgba(255,90,0,.4);
}

.success-number{
font-size:46px;
font-weight:800;
color:#FF6A00;
}

.success-text{
font-size:13px;
color:#888;
margin-top:8px;
}

@media(max-width:900px){
.success-box{
grid-template-columns:1fr;
padding:40px;
}
}




/* =========================
MEDIA LOGO SLIDER
========================= */

.media-slider{
position:relative;
margin-top:70px;
overflow:hidden;
height:90px;
display:flex;
align-items:center;
background:
rgba(255,255,255,.02);
border-top:
1px solid rgba(255,255,255,.06);
border-bottom:
1px solid rgba(255,255,255,.06);
}

/* scrolling */
.media-track{
display:flex;
align-items:center;
gap:90px;
width:max-content;
animation:
mediaMove 35s linear infinite;
}

.media-logo{
height:45px;
display:flex;
align-items:center;
justify-content:center;
opacity:.65;
filter:
grayscale(100%);
transition:.4s;
}

.media-track:hover{

animation-play-state:paused;

}

.media-group{


display:flex;

align-items:center;

gap:100px;


padding-right:100px;


flex-shrink:0;


}


.media-logo img{
max-height:45px;
max-width:150px;
object-fit:contain;
}

.media-logo:hover{
opacity:1;
filter:
grayscale(0);
transform:
scale(1.08);
}

/* animation */

@keyframes mediaMove{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}

/* edge fade */

.media-fade-left,
.media-fade-right{
position:absolute;
top:0;
width:180px;
height:100%;
z-index:5;
pointer-events:none;
}

.media-fade-left{
left:0;
background:
linear-gradient(
90deg,
#050505,
transparent
);
}

.media-fade-right{
right:0;
background:
linear-gradient(
270deg,
#050505,
transparent
);
}

/* mobile */

@media(max-width:768px){
.media-slider{
height:75px;
}

.media-track{
gap:45px;
}

.media-logo img{
max-width:110px;
max-height:35px;
}

.media-fade-left,
.media-fade-right{
width:70px;
}
}



/* ==================================
 FINAL CTA
================================== */


.dealer-cta{
position:relative;
overflow:hidden;
padding:10px 0;
background:#050505;
text-align:center;
padding-top: 50px;
padding-bottom: 100px;
margin-bottom:-100px;
}

.cta-glow{
position:absolute;
width:700px;
height:700px;
left:50%;
top:50%;
transform:
translate(-50%,-50%);
background:
rgba(255,90,0,.18);
border-radius:50%;
filter:blur(180px);
animation:
ctaPulse 5s infinite alternate;
}

@keyframes ctaPulse{

from{
opacity:.5;
transform:
translate(-50%,-50%) scale(.9);
}

to{
opacity:1;
transform:
translate(-50%,-50%) scale(1.1);
}
}

.cta-content{
position:relative;
z-index:2;
max-width:900px;
margin:auto;
}

.cta-label{
font-size:13px;
letter-spacing:5px;
color:#FF8A40;
text-transform:uppercase;
font-weight:600;
margin-bottom:25px;
}

.cta-title{
font-size:
clamp(42px,6vw,72px);
font-weight:800;
line-height:1;
color:#fff;
margin-bottom:25px;
}

.cta-title span{
color:#FF5A00;
}

.cta-desc{
font-size:18px;
line-height:1.7;
color:#999;
max-width:700px;
margin:0 auto 45px;
}

.cta-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.cta-primary{
background:#FF5A00;
padding:18px 45px;
border-radius:50px;
font-weight:700;
color:#fff;
text-decoration:none;
transition:.4s;
}

.cta-primary:hover{
background:#ff7b2d;
transform:
translateY(-5px);
box-shadow:
0 20px 50px rgba(255,90,0,.35);
}

.cta-secondary{
border:
1px solid rgba(255,255,255,.3);
padding:18px 45px;
border-radius:50px;
color:#fff;
text-decoration:none;
transition:.4s;
}

.cta-secondary:hover{
background:#fff;
color:#000;
}

/* footer line */

.dealer-footer-line{
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(255,90,0,.6),
transparent
);
}



/* ==========================
 Dealer Application Form
========================== */

.dealer-form{
max-width:850px;
margin:45px auto 0;
}

.form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.form-group input{
width:100%;
height:58px;
padding:0 22px;
background:
rgba(255,255,255,.06);
border:
1px solid rgba(255,255,255,.15);
border-radius:14px;
color:white;
font-size:15px;
outline:none;
transition:.35s;
}

.form-group input::placeholder{
color:#888;
}

.form-group input:focus{
border-color:#ff5a00;
background:
rgba(255,90,0,.08);
box-shadow:
0 0 25px rgba(255,90,0,.15);
}

.dealer-form button{
margin-top:25px;
width:100%;
height:60px;
border:none;
border-radius:50px;
background:

linear-gradient(
90deg,
#ff5a00,
#ff8a30
);

color:white;
font-size:17px;
font-weight:700;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
transition:.4s;
}

.dealer-form button:hover{
transform:translateY(-4px);
box-shadow:
0 20px 45px rgba(255,90,0,.35);
}

@media(max-width:700px){
.form-grid{
grid-template-columns:1fr;
}
}



/* s */

.dealer-form textarea{
width:100%;
margin-top:18px;
padding:20px;
background:
rgba(255,255,255,.06);
border:
1px solid rgba(255,255,255,.15);
border-radius:16px;
color:white;
font-size:15px;
resize:none;
outline:none;
transition:.3s;
}

.dealer-form textarea::placeholder{
color:#888;
}

.dealer-form textarea:focus{
border-color:#ff5a00;
background:
rgba(255,90,0,.08);
}






/*技术 */


  .technology-showcase {
    position: relative;
    padding: 120px 0;
    background: #090909;
    overflow: hidden;
  }

  .technology-bg {
    position: absolute;
    width: 700px;
    height: 700px;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    background: #ff5a00;
    opacity: 0.08;
    filter: blur(180px);
    border-radius: 50%;
    pointer-events: none;
  }

  .technology-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }

  .technology-header {
    max-width: 850px;
    margin: 0 auto 60px;
    text-align: center;
  }

  .technology-header p {
    margin: 0;
    color: #ff7a30;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 5px;
    text-transform: uppercase;
  }

  .technology-header h2 {
    margin: 25px 0 0;
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1;
  }

  .technology-header h2 span {
    color: #ff5a00;
  }

  .technology-header > div {
    margin-top: 25px;
    color: #999;
    font-size: 18px;
    line-height: 1.6;
  }

  /* 图片区域 */

  .technology-display {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
  }

  .technology-image {
    position: relative;
    height: 480px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    background: #111;
  }

  .technology-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transform: scale(1);
    transition:
      opacity 0.3s ease,
      transform 0.6s ease;
  }

  .technology-image img.is-changing {
    opacity: 0;
    transform: scale(1.02);
  }

  .technology-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      transparent 35%,
      rgba(0, 0, 0, 0.8) 100%
    );
    pointer-events: none;
  }

  .technology-info {
    position: absolute;
    z-index: 2;
    right: 40px;
    bottom: 40px;
    left: 40px;
    pointer-events: none;
  }

  .technology-info h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 40px;
    line-height: 1.15;
  }

  .technology-info p {
    max-width: 600px;
    margin: 0;
    color: #ccc;
    font-size: 16px;
    line-height: 1.6;
  }

  /* 技术导航 */

  .technology-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px;
    margin-top: 50px;
  }

  .tech-tab {
    appearance: none;
    width: 100%;
    padding: 22px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
    color: #aaa;
    font: inherit;
    text-align: center;
    cursor: pointer;
    transition:
      transform 0.35s ease,
      color 0.35s ease,
      border-color 0.35s ease,
      background-color 0.35s ease;
  }

  .tech-tab-label {
    display: block;
  }
  
.tech-icon{
    width:42px;
    height:42px;
    margin:auto;
    margin-bottom:12px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,90,0,.15);
}

.tech-icon img{
    width:36px;
    height:36px;
    display:block;
}
  .tech-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: rgba(255, 90, 0, 0.15);
    color: #ff7a30;
    font-size: 20px;
    transition:
      background-color 0.35s ease,
      color 0.35s ease;
  }

  .tech-tab:hover,
  .tech-tab.active {
    transform: translateY(-8px);
    border-color: #ff5a00;
    background: rgba(255, 90, 0, 0.12);
    color: #fff;
  }

  .tech-tab.active .tech-icon {
    background: #ff5a00;
    color: #fff;
  }

  .tech-tab:focus-visible {
    outline: 2px solid #ff7a30;
    outline-offset: 4px;
  }

  @media (max-width: 900px) {
    .technology-showcase {
      padding: 80px 0;
    }

    .technology-tabs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .technology-header h2 {
      font-size: 40px;
    }

    .technology-image {
      height: 420px;
    }
  }

  @media (max-width: 600px) {
    .technology-showcase {
      padding: 65px 0;
    }

    .technology-container {
      padding: 0 16px;
    }

    .technology-header {
      margin-bottom: 40px;
    }

    .technology-header h2 {
      font-size: 34px;
    }

    .technology-header > div {
      font-size: 16px;
    }

    .technology-image {
      height: 360px;
      border-radius: 22px;
    }

    .technology-info {
      right: 24px;
      bottom: 25px;
      left: 24px;
    }

    .technology-info h3 {
      font-size: 30px;
    }

    .technology-info p {
      font-size: 14px;
    }

    .technology-tabs {
      gap: 10px;
      margin-top: 30px;
    }

    .tech-tab {
      padding: 18px 8px;
      border-radius: 14px;
    }
  }



/* 公司产品介绍版块  */

.product-editorial{
position:relative;
background:#090909;
padding:120px 0;
overflow:hidden;
}

.product-glow{
position:absolute;
width:600px;
height:600px;
left:-200px;
top:20%;
background:#ff6500;
opacity:.12;
filter:blur(160px);
border-radius:50%;
}

.product-container{
max-width:1600px;
margin:auto;
padding:0 80px;
position:relative;
z-index:2;
}

.product-header{
text-align:center;
max-width:850px;
margin:auto;
margin-bottom:70px;
}

.product-header-label{
color:#FF5A00;
font-size:13px;
letter-spacing:5px;

font-weight:600;
}

.product-header h2{
margin-top:25px;
font-size:60px;
font-weight:800;
color:white;
}

.product-header h2 span{
color:#ff6500;
}

.product-header div{
margin-top:25px;
font-size:18px;
line-height:1.7;
color:#999;
}

/* 横向布局 */
.product-slider{
display:grid;
grid-template-columns:
1.2fr 1.2fr 1.2fr;
gap:20px;
}

.product-card12{
height:650px;
border-radius:28px;
overflow:hidden;
position:relative;
background:#111;
}

.product-card12 video,
.product-card12 img{
width:100%;
height:100%;
object-fit:cover;
transition:
transform 1s ease;
}

.product-card12:hover video,
.product-card12:hover img{
transform:scale(1.08);
}

.product-mask{
position:absolute;
inset:0;
background:
linear-gradient(
transparent 30%,
rgba(0,0,0,.85)
);
}

.product-text{
position:absolute;
left:35px;
right:35px;
bottom:35px;
}

.product-text span{
font-size:12px;
letter-spacing:3px;
color:#ff6500;
font-weight:700;
}

.product-text h3{
margin-top:15px;
font-size:32px;
line-height:1.1;
color:white;
}

.product-text p{
margin-top:15px;
font-size:15px;
color:#bbb;
line-height:1.6;
}

@media(max-width:900px){
.product-container{
padding:0 20px;
}

.product-header h2{
font-size:42px;
}

.product-slider{
display:flex;
overflow-x:auto;
gap:16px;
scroll-snap-type:x mandatory;
padding-right:20px;
}

.product-card12{
min-width:
82%;
height:520px;
scroll-snap-align:start;
}

.product-slider::-webkit-scrollbar{
display:none;
}

.product-text h3{
font-size:26px;
}
} 



/* PART 9 */

.history-section{
position:relative;
background:#090909;
padding:120px 0;
overflow:hidden;
}





/* 背景光效 */

.history-bg-glow{
position:absolute;
width:900px;
height:500px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:
radial-gradient(
circle,
rgba(255,102,0,.18),
transparent 70%
);
filter:blur(80px);
}

.history-container{
max-width:1600px;
margin:auto;
padding:0 40px;
position:relative;
z-index:2;
}

.history-header{
text-align:center;
margin-bottom:70px;
}

.history-header p{
font-size:13px;
font-weight:700;
letter-spacing:5px;
color:#ff6500;
text-transform:uppercase;
}

.history-header h2{
margin-top:20px;
font-size:64px;
line-height:1.1;
font-weight:800;
color:#fff;
}

.history-header h2 span{
color:#ff6500;
}

.history-header div{
margin-top:20px;
font-size:18px;
color:#999;
}

.history-image-wrapper{
position:relative;
border-radius:24px;
overflow:hidden;
border:
1px solid rgba(255,255,255,.08);
background:#050505;
box-shadow:
0 40px 100px rgba(0,0,0,.8);
transition:
transform .8s ease;
}

.history-image-wrapper:hover{
transform:
translateY(-8px);
}

.history-image-wrapper:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
120deg,
rgba(255,102,0,.12),
transparent 40%
);
pointer-events:none;
}

.history-image-wrapper img{
width:100%;
height:auto;
display:block;
transition:
transform 1.2s ease;
}

.history-image-wrapper:hover img{
transform:
scale(1.02);
}

@media(max-width:768px){
.history-section{
padding:70px 0;
}

.history-container{
padding:0 20px;
}

.history-header h2{
font-size:38px;
}

.history-header div{
font-size:15px;
}

.history-image-wrapper{
border-radius:16px;
}
}

.history-image-wrapper{
animation:
historyFade 1.5s ease;
}

@keyframes historyFade{
from{
opacity:0;
transform:translateY(50px);
}

to{
opacity:1;
transform:none;
}
}