:root {
  --color-blue-50: #eff6ff;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
}

.relative {position:relative;}

/* ---------- HERO SECTION ---------- */
.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center;overflow:hidden;background-color:#050505;}
.hero-section .hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero-section .hero-bg .hero-bg-orb1{position:absolute;top:-20%;left:-10%;width:60%;height:60%;background-color:rgba(37,99,235,0.1);filter:blur(150px);border-radius:50%;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
.hero-section .hero-bg .hero-bg-orb2{position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background-color:rgba(30,58,95,0.1);filter:blur(150px);border-radius:50%;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
.hero-section .hero-bg .hero-bg-orb3{position:absolute;top:20%;left:30%;width:500px;height:500px;background-color:rgba(59,130,246,0.05);filter:blur(120px);border-radius:50%;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
.hero-section .hero-bg .hero-bg-texture {position:absolute;inset:0;background-image:url('images/carbon-fibre.png');opacity:0.05;mix-blend-mode:overlay;}
.hero-section .hero-bg .hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,#000 70%,transparent 100%);}
.hero-section .hero-bg .hero-bg-dot{position:absolute;width:4px;height:4px;background-color:var(--color-blue-400);border-radius:50%;animation:ping 1s cubic-bezier(0,0,0.2,1) infinite;opacity:0.2;}
.hero-section .hero-bg .hero-bg-dot-1{top:25%;left:25%;}
.hero-section .hero-bg .hero-bg-dot-2{top:75%;right:25%;animation-delay:700ms;}
.hero-section .hero-bg .hero-bg-dot-3{top:50%;left:33%;animation-delay:1000ms;}

@media (min-width:992px) {
.hero-section{padding:10rem 0 8rem}
}

.hero-content{position:relative;z-index:10;max-width:100%;margin:0 auto;}
.hero-content .hero-badge{display:inline-flex;align-items:center;gap:1rem;padding:0.75rem 2rem;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 0 40px rgba(59,130,246,0.1);margin-bottom:3rem;}
.hero-content .hero-badge .dot {position:relative;width:10px;height:10px;}
.hero-content .hero-badge .dot .dot-inner{width:10px;height:10px;border-radius:50%;background-color:#3b82f6;}
.hero-content .hero-badge .dot .dot-ping{position:absolute;inset:0;width:10px;height:10px;border-radius:50%;background-color:#3b82f6;animation:ping 1s cubic-bezier(0,0,0.2,1) infinite;}
.hero-content .hero-badge  span{color:var(--color-blue-400);font-weight:900;letter-spacing:0.5em;font-size:11px;text-transform:uppercase;}

.hero-content .hero-title{margin-bottom:1.5rem;font-size:3.75rem;font-weight:900;line-height:1;color:rgba(255,255,255,0.95);}
.hero-content .hero-title span{display:block;background:linear-gradient(to bottom right,#fff,#fff,rgba(255,255,255,0.4));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 60px rgba(59,130,246,0.5));}

.hero-content p{font-size:1.25rem;color:rgba(255,255,255,0.3);font-weight:500;max-width:56rem;margin:0 auto;line-height:1.25;}
.hero-content p span{color:rgba(255,255,255,0.8);font-weight:900;font-style:italic;display:block;}
.hero-content .hero-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding-top:3rem;}
.hero-content .hero-actions .primary {position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.75rem 4rem;background-color:var(--color-blue-600);color:#fff;border-radius:99px;font-weight:900;letter-spacing:0.3em;text-transform:uppercase;font-size:12px;border:none;cursor:pointer;overflow:hidden;transition:all 150ms ease;box-shadow:0 30px 60px rgba(59,130,246,0.5);}
.hero-content .hero-actions .primary span{position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform 700ms ease;}
.hero-content .hero-actions .primary:hover span{transform:translateX(100%);}
.hero-content .hero-actions .secondary {display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:1.75rem 4rem;border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:99px;font-weight:900;letter-spacing:0.3em;text-transform:uppercase;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);transition:all 150ms ease;}

.hero-product{position:relative;margin-top:6rem;width:100%;max-width:100%;}
.hero-product .pic{width:54%;margin:0 auto;position:relative;z-index:100;}
.hero-product .pic .swiper-slide::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,#050505,transparent,transparent);}

.hero-product .image {width:54%;position:relative;z-index:10;filter:drop-shadow(0 60px 150px rgba(0,0,0,1));transition:transform 1000ms ease;}
.hero-product .hero-product-glow {position:absolute;inset:0;background-color:rgba(59,130,246,0.15);filter:blur(140px);border-radius:50%;transform:scale(0.75);transition:transform 1000ms ease;}
.hero-product .hero-product-fade {position:absolute;inset:0;background:linear-gradient(to top,#050505,transparent,transparent);z-index:20;}

.hero-product .item{position:absolute;z-index:30;}
.hero-product .item.left {left:8%;top:15%;}
.hero-product .item.right {right:8%;bottom:25%;}
.hero-product .item .glass {padding:2rem;border-radius:2.5rem;border:1px solid rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.hero-product .item .glass .label {font-size:11px;font-weight:900;letter-spacing:0.3em;color:var(--color-blue-400);text-transform:uppercase;margin-bottom:0.5rem;}
.hero-product .item .glass .value {font-size:2.25rem;font-weight:900;color:#fff;}
.hero-product .item .glass .value span{font-size:1.125rem;color:rgba(255,255,255,0.4);}
.hero-product .item.right .glass .value{font-size:1.875rem;}

.hero-product:hover .hero-product-glow {transform:scale(0.95);}
.hero-product:hover .hero-product-img {transform:scale(1.04);}


.hero-scroll {position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;}
.hero-scroll-text {font-size:11px;font-weight:900;letter-spacing:0.8em;text-transform:uppercase;color:rgba(255,255,255,0.1);}
.hero-scroll-line {position:relative;width:1px;height:5rem;background-color:rgba(255,255,255,0.05);overflow:hidden;}
.hero-scroll-line-inner {position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--color-blue-500),transparent);animation:scrollDown 2s ease-in-out infinite;}

@media (min-width:480px) {
.hero-content .hero-actions{flex-direction:row;}
}

@media (min-width:768px) {
.hero-content .hero-title{font-size:5rem;}
.hero-desc {font-size:2.25rem;}
.hero-product .item.left{animation:float 2.6s ease-in-out infinite;}
.hero-product .item.right{animation:float 2.6s ease-in-out 2s infinite;}
}

@media (min-width:992px) {
.hero-content{max-width:80vw;}
.hero-product .item{display:block;}
.hero-product{max-width:80rem;}
}


@media (max-width:768px) {
.hero-product{padding:0 30px;}
.hero-product .items{margin-top:2rem;display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;}
.hero-product .item{position:static;}
}

@keyframes float {
0%,100%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-18px) rotate(2deg);}
}


/* --------------------------------- */
.section-light {padding:8rem 0;background-color:#fff;color:#000;overflow:hidden;position:relative;}
.section-light .inner{display:grid;grid-template-columns:1fr;gap:5rem;align-items:center;}

.section-light .heading span{font-size:10px;font-weight:900;color:var(--color-blue-600);letter-spacing:0.5em;text-transform:uppercase;display:block;margin-bottom:1rem;}
.section-light .heading .title{font-size:clamp(35px, 4.2vw, 80px);font-weight:800;line-height:1;color:#000;}
.section-light .heading .title br {display:inline;content:'';}
.section-light .heading p{margin-top:2rem;font-size:1.25rem;color:rgba(0,0,0,0.6);font-weight:500;line-height:1.625;}

.section-light .stats-row {margin-top:3rem;display:flex;align-items:center;gap:4rem;}
.section-light .stats-row .item{position:relative;}
.section-light .stats-row .item:first-child::after{content:"";width:1px;height:4rem;background-color:rgba(0,0,0,0.1);display:inline-block;position:absolute;right:-2rem;top:0;bottom:0;}
.section-light .stats-row .item .stat-value {font-size:3rem;font-weight:900;color:var(--color-blue-600);}
.section-light .stats-row .item p{font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:rgba(0,0,0,0.4);}

.section-light .number-wrap {position:relative;display:flex;align-items:center;justify-content:center;}
.section-light .number-wrap .number{font-size:clamp(30px, 12.5vw, 240px);font-weight:900;line-height:1;display:flex;align-items:baseline;position:relative;z-index:10;}
.section-light .number-wrap .number span{font-size:3rem;margin-left:1rem;font-weight:900;color:var(--color-blue-600);}
.section-light .number-wrap .number-glow{position:absolute;width:120%;height:120%;background-color:rgba(96,165,250,0.1);filter:blur(150px);border-radius:50%;}

@media (min-width:768px) {
.section-light .inner{grid-template-columns:repeat(2,1fr);}
}

/* --------------------------------- */

.section-dark {padding:8rem 0;background-color:#000;color:#fff;overflow:hidden;position:relative;}
.section-dark .inner{display:grid;grid-template-columns:1fr;gap:10rem;align-items:center;}

.section-dark .left{position:relative;}
.section-dark .img-card {position:relative;overflow:hidden;border-radius:4rem;}
.section-dark .img-card img {width:100%;height:auto;filter:brightness(75%);transition:all 700ms ease;}
.section-dark .img-card:hover img {filter:brightness(100%);}

.section-dark .float-info-card {position:absolute;bottom:-2.5rem;right:-2.5rem;padding:3rem;border-radius:2.5rem;border:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 40px 80px rgba(0,0,0,0.5);animation:float 2.6s ease-in-out infinite;}
.section-dark .float-info-card .float-info-value{font-size:4.5rem;font-weight:900;color:var(--color-blue-400);line-height:1;}
.section-dark .float-info-card p{font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-top:1rem;}


.section-dark .heading span{font-size:10px;font-weight:900;color:var(--color-blue-600);letter-spacing:0.5em;text-transform:uppercase;display:block;margin-bottom:1rem;}
.section-dark .heading .title{font-size:clamp(35px, 4.2vw, 80px);color:#fff;line-height:1;}
.section-dark .heading p{margin-top:2rem;font-size:1.25rem;color:rgba(255,255,255,0.4);font-weight:500;line-height:1.625;}

.section-dark .power-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:2rem;}
.section-dark .power-stats .item .power-stat-value {font-size:3rem;font-weight:900;letter-spacing:-0.05em;}
.section-dark .power-stats .item p{margin-top:1rem;font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.2);}


@media (min-width:992px) {
.section-dark .inner{grid-template-columns:calc(40% - 5rem) calc(60% - 5rem);}
}


/* --------------------------------- */

.section-feature {padding:8rem 0;background-color:#fff;color:#000;overflow:hidden;position:relative;}
.section-feature .inner{display:grid;grid-template-columns:1fr;gap:5rem;align-items:center;}

.section-feature .heading span{font-size:10px;font-weight:900;color:var(--color-blue-600);letter-spacing:0.5em;text-transform:uppercase;display:block;margin-bottom:1rem;}
.section-feature .heading .title{font-size:clamp(35px, 4.2vw, 80px);font-weight:800;line-height:1;color:#000;}
.section-feature .heading .title br {display:inline;content:'';}
.section-feature .heading p{margin-top:2rem;font-size:1.25rem;color:rgba(0,0,0,0.6);font-weight:500;line-height:1.625;}

.section-feature .list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;}
.section-feature .list .item{display:flex;align-items:center;gap:1.5rem;cursor:pointer;}
.section-feature .list .item .icon{width:4rem;height:4rem;border-radius:1rem;background-color:var(--color-blue-50);display:flex;align-items:center;justify-content:center;color:var(--color-blue-600);flex-shrink:0;transition:all 500ms ease;}
.section-feature .list .item .icon i{font-size:1.5rem;}
.section-feature .list .item p{font-size:1.25rem;font-weight:700;}
.section-feature .list .item:hover .icon{background-color:var(--color-blue-600);color:#fff;}

.section-feature .right{position:relative;}
.section-feature .right .img-card{border-radius:4rem;box-shadow:0 50px 100px rgba(0,0,0,0.1);}
.section-feature .right .info{position:absolute;top:-2.5rem;left:-2.5rem;background-color:#000;color:#fff;padding:3rem;border-radius:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.section-feature .right .info h5{font-size:3.75rem;font-weight:900;letter-spacing:-0.05em;}
.section-feature .right .info p{font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4);}

@media (min-width:768px) {
.section-feature .inner{grid-template-columns:repeat(2,1fr);}
}

/* --------------------------------- */

.section-global{padding:8rem 0;background-color:#000;color:#fff;overflow:hidden;position:relative;}
.section-global .inner{display:grid;grid-template-columns:1fr;gap:10rem;align-items:center;}

.section-global .left{position:relative;}
.section-global .img-card {position:relative;overflow:hidden;border-radius:4rem;}
.section-global .img-card img {width:100%;height:auto;opacity:0.5;transition:opacity 1000ms ease;}
.section-global .img-card:hover img{opacity:1;}

.section-global .range-overlay{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:none;text-align:center;}
.section-global .range-overlay h6{font-size:5rem;font-weight:900;color:var(--color-blue-400);line-height:1;filter:drop-shadow(0 0 50px rgba(59,130,246,0.5));}
.section-global .range-overlay p{font-size:12px;font-weight:900;letter-spacing:0.5em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-top:1rem;}

.section-global .heading span{font-size:10px;font-weight:900;color:var(--color-blue-600);letter-spacing:0.5em;text-transform:uppercase;display:block;margin-bottom:1rem;}
.section-global .heading .title{font-size:clamp(35px, 4.2vw, 80px);color:#fff;line-height:1;}
.section-global .heading p{margin-top:2rem;font-size:1.25rem;color:rgba(255,255,255,0.4);font-weight:500;line-height:1.625;}

.section-global .list{margin-top:3rem;display:flex;gap:2rem;}
.section-global .list .item{padding:2.5rem;border-radius:3rem;border:1px solid rgba(255,255,255,0.05);background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex:1;transition:color 300ms ease;}
.section-global .list .item h5{font-size:2.25rem;font-weight:900;margin-bottom:1rem;transition:color 300ms ease;}
.section-global .list .item p{font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.2);}

.section-global .list .item:hover .glass-feature-value {color:var(--color-blue-400);}

@media (min-width:768px) {
.section-global .range-overlay h6{font-size:8rem;}
}

@media (min-width:992px) {
.section-global .inner{grid-template-columns:calc(45% - 5rem) calc(55% - 5rem);}
}


/* --------------------------------- */

.section-specs{padding:6rem 0;background-color:#fff;color:#000;}
.section-specs .heading{text-align:center;margin-bottom:6rem;}
.section-specs .heading .title{font-weight:700;font-size:clamp(20px, 2.5vw, 48px);line-height:1;color:#000;}
.section-specs .heading .title::after{content:"";height:4px;width:6rem;background-color:var(--color-blue-600);margin:2rem auto 0;border-radius:99px;display:block;}

.section-specs .list{max-width:80rem;margin:0 auto;}

.section-specs .table-response{width:100%;max-width:100%;overflow-x:auto;}
.section-specs table{max-width:100%;width:100%;margin-bottom:20px;color:#333; border-collapse:separate;overflow:hidden;}
.section-specs table tr{border-radius:2.5rem;}
.section-specs table tr > td{padding:2rem 2.5rem;}
.section-specs table tr > td:first-child{border-radius:2.5rem 0 0 2.5rem;border-bottom:1px solid rgba(0,0,0,0.05);font-size:13px;font-weight:900;letter-spacing:0.3em;color:rgba(0,0,0,0.2);text-transform:uppercase;}
.section-specs table tr > td:last-child{border-radius:0 2.5rem 2.5rem 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:1.25rem;font-weight:700;color:rgba(0,0,0,0.8);}
.section-specs table tr > td p{margin:0;}

.section-specs table tr:hover > td{background-color:rgba(0,0,0,0.02);}
.section-specs table tr:hover > td:first-child{color:var(--color-blue-600);}
.section-specs table tr:hover > td:last-child{color:var(--color-black);}

@media (min-width:768px) {

}

/* --------------------------------- */
.section-rd {padding:6rem 0;background-color:#0a0a0c;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);}
.section-rd .bg-grid {position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,0.008) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.008) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:0.4;}
.section-rd .center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background-color:rgba(59,130,246,0.05);filter:blur(180px);border-radius:50%;pointer-events:none;}

.section-rd .wp{position:relative;z-index:10;}

.section-rd .heading{text-align:center;margin-bottom:6rem;}
.section-rd .heading > span{font-size:10px;font-weight:900;color:var(--color-blue-600);letter-spacing:0.5em;text-transform:uppercase;display:block;margin-bottom:1rem;}
.section-rd .heading .title{font-size:clamp(20px, 2.5vw, 48px);font-weight:800;color:#fff;line-height:1;}
.section-rd .heading .title br {display:inline;content:'';}
.section-rd .heading p{margin:2rem auto 0;max-width:60rem;font-size:1.2rem;color:rgba(255,255,255,0.4);font-weight:500;line-height:1.625;}

.section-rd .rd-grid{display:grid;grid-template-columns:1fr;gap:3rem;position:relative;z-index:10;}
.section-rd .item{border-radius:3.5rem;overflow:hidden;border:1px solid rgba(255,255,255,0.05);background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;transition:all 150ms ease;}

.section-rd .item .txt{padding:3rem;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;}

.section-rd .item .txt .icon{width:4rem;height:4rem;border-radius:1rem;background-color:rgba(59,130,246,0.1);display:flex;align-items:center;justify-content:center;color:var(--color-blue-400);transition:all 500ms ease;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);}

.section-rd .item .txt .title{margin-top:2rem;font-size:1.5rem;font-weight:900;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}
.section-rd .item .txt .title span{font-size:10px;background-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);letter-spacing:0.05em;font-weight:500;padding:0.25rem 0.75rem;border-radius:99px;text-transform:uppercase;}
.section-rd .item .txt .title span.badge-blue{background-color:rgba(59,130,246,0.2);color:var(--color-blue-400);}
.section-rd .item .txt p{margin-top:1rem;color:rgba(255,255,255,0.4);font-size:0.875rem;line-height:1.625;}

.section-rd .item .txt-bot{padding-top:2rem;border-top:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-between;}
.section-rd .item .txt-bot .left{font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:#00E5FF;}
.section-rd .item .txt-bot .right{font-size:1.125rem;font-weight:700;color:rgba(255,255,255,0.8);}

.section-rd .item .txt-badges{padding-top:2rem;border-top:1px solid rgba(255,255,255,0.05);display:flex;flex-wrap:wrap;gap:0.5rem;}
.section-rd .item .txt-badges span{font-size:9px;font-weight:600;padding:0.25rem 0.75rem;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);}

.section-rd .item .image{position:relative;min-height:300px;overflow:hidden;}
.section-rd .item .image img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) opacity(0.4);transition:all 700ms ease;}
.section-rd .item .image .fade-h{position:absolute;inset:0;background:linear-gradient(to right,#0a0a0c,transparent,transparent);z-index:10;}
.section-rd .item .image .fade-v{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0c,transparent,transparent);z-index:10;}
.section-rd .item .image .image-tags{position:absolute;bottom:2rem;right:2rem;z-index:20;background-color:rgba(59,130,246,0.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);padding:0.5rem 1rem;border-radius:99px;}
.section-rd .item .image .image-tags span{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#fff;}

.section-rd .item:hover{background-color:rgba(255,255,255,0.04);}
.section-rd .item:hover .txt .icon{background-color:var(--color-blue-500);}
.section-rd .item:hover .image img{opacity:0.75;transform:scale(1.1);}

@media (min-width:768px) {
.section-rd .item{flex-direction:row;}
.section-rd .item .txt{width:50%;}
.section-rd .item .image{width:50%;}
.section-rd .item .image .fade-h{display:block;}
.section-rd .item .image .fade-v{display:none;}
}

@media (min-width:992px) {
.section-rd .rd-grid{grid-template-columns:repeat(2,1fr);}
}


/* --------------------------------- */
.section-faq {padding:8rem 0;background-color:#050505;}
.section-faq .heading{text-align:center;}
.section-faq .heading .title{font-weight:700;font-size:clamp(20px, 2.5vw, 48px);color:#fff;line-height:1.2;margin-bottom:0.625rem;}
.section-faq .heading p{font-size:1.125rem;line-height:1.66;color:#fff;}

.section-faq .faq-grid{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:3rem;}
.section-faq .faq-grid .item{border-radius:var(--radius-3xl);padding:3rem;border:1px solid rgba(255,255,255,0.05);background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:all 150ms ease;}
.section-faq .faq-grid .item .faq-question {font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1.25;margin-bottom:1.5rem;}
.section-faq .faq-grid .item .faq-answer {color:rgba(255,255,255,0.4);font-size:1.1rem;line-height:1.625;}

.section-faq .faq-grid .item:hover {background-color:rgba(255,255,255,0.05);}

@media (min-width:768px) {
.section-faq .faq-grid{grid-template-columns:repeat(2,1fr);}
}


/* --------------------------------- */
.section-contact {padding:8rem 0;background-color:#fff;color:#000;overflow:hidden;position:relative;}
.section-contact .bg-img{position:absolute;top:0;right:0;width:50%;height:100%;opacity:0.03;pointer-events:none;}
.section-contact .bg-img img {width:100%;height:100%;object-fit:contain;transform:scale(1.5) translateX(25%);}

.section-contact .inner{display:grid;grid-template-columns:1fr;gap:8rem;align-items:center;position:relative;z-index:10;}

.contact-info .heading{margin-bottom:2.5rem;}
.contact-info .heading > span{font-size:10px;font-weight:900;letter-spacing:0.5em;text-transform:uppercase;display:block;}
.contact-info .heading .title{font-size:3.75rem;line-height:0.8; margin-top:2.5rem;color:#000;}
.contact-info .heading .title .text-blue {color:var(--color-blue-600);}
.contact-info .heading p{margin-top:2.5rem;font-size:1.25rem;color:rgba(0,0,0,0.4);font-weight:500;line-height:1.625;}

.contact-info .avatar-group{display:flex;align-items:center;gap:2.5rem;}
.contact-info .avatar-group .avatar-stack {display:flex;}
.contact-info .avatar-group .avatar-stack .item {width:4rem;height:4rem;border-radius:50%;border:4px solid var(--color-white);background-color:#f4f4f5;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);}
.contact-info .avatar-group .avatar-stack .item + .item {margin-left:-1.5rem;}
.contact-info .avatar-group .avatar-stack .item img {width:100%;height:100%;object-fit:cover;}
.contact-info .avatar-group p{font-size:1.125rem;font-weight:700;color:rgba(0,0,0,0.6);line-height:1.25;}

.contact-form{background-color:#f4f4f5;border-radius:4rem;padding:3rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.contact-form .form-box{display:flex;flex-direction:column;gap:2.5rem;}

.contact-form .form-row{display:grid;grid-template-columns:1fr;gap:2rem;}
.contact-form .form-group{display:flex;flex-direction:column;gap:1rem;}
.contact-form .form-group .form-label{font-size:10px;font-weight:900;letter-spacing:0.3em;text-transform:uppercase;color:rgba(0,0,0,0.2);margin-left:1rem;}
.contact-form .form-group .form-input {width:100%;background-color:#fff;border:1px solid rgba(0,0,0,0.05);border-radius:3rem;padding:1.5rem 2rem;font-size:1rem;font-weight:500;transition:all 150ms ease;}
.contact-form .form-group .form-input::placeholder {color:rgba(0,0,0,0.1);}
.contact-form .form-group .form-input:focus {border-color:rgba(59,130,246,0.5);}
.contact-form .form-group .form-textarea {border-radius:3rem;resize:none;}

.contact-form .form-submit {margin-top:2.5rem;width:100%;padding:2rem;background-color:#000;color:#fff;border-radius:3rem;font-size:0.875rem;font-weight:700;letter-spacing:0.5em;text-transform:uppercase;cursor:pointer;border:none;transition:all 500ms ease;box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.contact-form .form-submit:hover {background-color:var(--color-blue-600);}

@media (min-width:768px) {
.contact-form .form-row {grid-template-columns:repeat(2,1fr);}
}

@media (min-width:992px) {
.section-contact .inner{grid-template-columns:repeat(2,1fr);}
.contact-form{padding:4rem;}
}



.rela-pro {padding:6rem 0;background:#F3F3F3;}
.rela-pro h3 {line-height:1;color:#181818;font-weight:600;text-align:center;display:block;}
.rela-pro .list {position:relative;margin-top:3.75rem;}
.rela-pro .swiper-slide .box {background:#fff;border-radius:10px;overflow:hidden;}
.rela-pro .swiper-slide .pic {aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.rela-pro .swiper-slide .pic img {max-width:100%;}
.rela-pro .swiper-slide .txt {padding:35px 35px 20px;}
.rela-pro .swiper-slide .txt h6 {font-size:14px;color:#757575;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:5px;transition:all .3s ease;}
.rela-pro .swiper-slide .txt h5 {font-size:16px;line-height:24px;color:#000;transition:all .3s ease;margin-top:8px;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.rela-pro .swiper-slide .txt h5 a {display:block;color:initial;}
.rela-pro .swiper-slide .txt h5 a:hover {color:var(--color-primary)}
.rela-pro .swiper-slide .txt a.more {display:inline-block;margin-top:20px;line-height:34px;padding:0 25px;border-radius:18px;background:#000;color:#fff;font-size:16px;border:1px solid #000;transition:all .5s ease;position:relative;overflow:hidden;}
.rela-pro .swiper-slide .txt a.more::before {content:'Explore More';display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;background:var(--color-primary);border-radius:20px;font-size:16px;opacity:0;}
.rela-pro .swiper-slide .txt a.more:hover::before {opacity:1;animation:animation_btn .5s ease-in-out;}
.rela-pro .swiper-slide .txt a.more:hover {border-color:var(--color-primary);}
.rela-pro .swiper-pagination-bullets {position:relative;margin-top:55px;width:100%;bottom:auto !important;}
.rela-pro .swiper-pagination-bullets::after {content:'';width:100%;height:3px;display:block;position:absolute;background:#D5D5D5;left:0;top:14px;z-index:0;}
.rela-pro .swiper-pagination-bullet {width:15%;height:3px;margin:0;background:transparent;border-radius:0;opacity:1;box-sizing:border-box;position:relative;z-index:10;transition:all .3 ease;}
.rela-pro .swiper-pagination-bullet-active {background:var(--color-primary);}






/* ---------- Background Orbs ---------- */

.bg-orbs {position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-10;overflow:hidden;}
.bg-orb-1 {position:absolute;top:-20%;right:-10%;width:60%;height:60%;background-color:rgba(37,99,235,0.1);filter:blur(160px);border-radius:50%;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
.bg-orb-2 {position:absolute;bottom:-20%;left:-10%;width:60%;height:60%;background-color:rgba(30,58,95,0.05);filter:blur(160px);border-radius:50%;}



/* ---------- Animations ---------- */
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@keyframes scrollDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-scroll-down {
  animation: scrollDown 2s ease-in-out infinite;
}