:root{
  --blue:#109fe3;
  --blue-dark:#087bc1;
  --green:#68d019;
  --green-dark:#19a34a;
  --ink:#102338;
  --muted:#607084;
  --light:#f5f9fc;
  --border:#e3ebf2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none}
.topbar{background:#0d1f30;color:#dceaf5;font-size:13px;padding:8px 0}
.topbar i{color:var(--green)}
.top-link{color:#fff;font-weight:700}
.main-nav{box-shadow:0 5px 25px rgba(16,35,56,.07)}
.navbar{padding:8px 0}
.brand-logo{width:178px;height:74px;object-fit:contain;mix-blend-mode:multiply}
.nav-link{font-weight:600;color:#22364b!important;padding:11px 13px!important}
.nav-link:hover,.nav-link.active{color:var(--blue)!important}
.nav-cta,.btn-primary{background:linear-gradient(100deg,var(--blue),var(--green));border:0;box-shadow:0 10px 25px rgba(16,159,227,.22);font-weight:700}
.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(16,159,227,.28)}
.btn{border-radius:9px;transition:.25s}
.btn-outline-primary{border:2px solid var(--blue);color:var(--blue);font-weight:700}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(16,159,227,.16),transparent 30%),linear-gradient(125deg,#071b2c 0%,#0c3045 55%,#09243a 100%);color:#fff}
.min-vh-75{min-height:650px}
.hero-section h1{font-size:clamp(42px,5.5vw,70px);line-height:1.05;font-weight:800;letter-spacing:-2.5px;margin:18px 0}
.hero-section h1 span{background:linear-gradient(90deg,#35b9ff,#84e431);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{font-size:19px;max-width:690px;color:#c8d8e5}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.7px;font-weight:800;color:#8be342}
.eyebrow.dark{color:var(--blue-dark)}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;color:#b9cddd;font-size:13px}
.hero-trust i{color:#7fdf2d}
.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);opacity:.45}
.glow-one{width:420px;height:420px;background:rgba(19,166,232,.13);right:-130px;top:-160px}
.glow-two{width:300px;height:300px;background:rgba(104,208,25,.10);left:-160px;bottom:-140px}
.hero-battery-card{height:480px;max-width:470px;margin:auto;position:relative;display:flex;align-items:center;justify-content:center}
.energy-ring{width:380px;height:380px;border:2px solid rgba(91,213,85,.28);border-left-color:rgba(18,171,233,.8);border-radius:50%;position:absolute;box-shadow:0 0 80px rgba(15,165,230,.12)}
.battery-visual{position:relative;z-index:2}
.battery-top{width:110px;height:25px;border-radius:8px 8px 2px 2px;background:#c6d7df;margin:auto;box-shadow:0 0 35px rgba(72,198,255,.4)}
.battery-body{width:190px;height:300px;border:10px solid #a8c2cd;border-radius:28px;background:linear-gradient(145deg,#0d2b3f,#0b1825);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.battery-level{position:absolute;left:18px;right:18px;bottom:18px;height:76%;border-radius:14px;background:linear-gradient(180deg,#69d82d,#0aa5e9);opacity:.9}
.battery-bolt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.3)}
.floating-chip{position:absolute;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:10px 14px;border-radius:50px;font-size:12px;font-weight:700;z-index:3}
.floating-chip i{color:#79e83a;margin-right:5px}
.chip-one{top:55px;left:5px}.chip-two{right:0;top:145px}.chip-three{bottom:65px;left:25px}
.quick-strip{background:#fff;box-shadow:0 15px 40px rgba(16,35,56,.07);position:relative;z-index:4}
.quick-item{display:flex;gap:15px;align-items:center;padding:23px 25px;border-right:1px solid var(--border)}
.quick-item:last-child{border:0}
.quick-item>i{font-size:28px;color:var(--blue)}
.quick-item strong{display:block;font-size:14px}.quick-item small{display:block;color:var(--muted);font-size:12px}
.section-padding{padding:90px 0}
.section-heading{max-width:780px;margin:auto}
.section-heading h2,.about-section h2,.faq-section h2,.lead-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:800;letter-spacing:-1px;margin:12px 0}
.section-heading p{color:var(--muted);max-width:690px;margin:0 auto}
.solution-card{height:100%;padding:30px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(16,35,56,.055);transition:.3s}
.solution-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(16,35,56,.11);border-color:#cfe8f4}
.solution-icon{width:100%;height:70%;border-radius:10px;background:linear-gradient(145deg,#e8f8ff,#eefbe6);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:30px;margin-bottom:24px}
.solution-card h3{font-size:21px;font-weight:800}.solution-card p{color:var(--muted);font-size:14px;min-height:88px}.solution-card a{font-size:13px;color:var(--blue-dark);font-weight:800}
.about-section{background:var(--light)}
.about-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}
.about-orbit{width:390px;height:390px;border:3px solid transparent;border-top-color:var(--blue);border-right-color:var(--green);border-radius:50%;position:absolute;transform:rotate(25deg)}
.about-card-main{width:260px;height:300px;border-radius:35px;background:linear-gradient(145deg,#0a2c42,#071a2a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 30px 70px rgba(7,26,42,.2);position:relative;z-index:2}
.about-card-main i{font-size:55px;color:#64d82a}.about-card-main span{font-size:38px;font-weight:900;letter-spacing:-2px;margin-top:5px}.about-card-main strong{font-size:31px;color:#63d52e;letter-spacing:5px}.about-card-main small{font-size:10px;letter-spacing:3px;color:#d4e6ef;margin-top:15px}
.about-mini-card{position:absolute;z-index:3;right:10%;bottom:55px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 20px 45px rgba(16,35,56,.13)}.about-mini-card strong{display:block}.about-mini-card span{font-size:12px;color:var(--muted)}
.about-section p{color:var(--muted)}
.check-box{display:flex;gap:9px;align-items:center;font-weight:700;font-size:13px}.check-box i{color:var(--green-dark);font-size:20px}
.feature-card{height:100%;padding:32px;border-radius:18px;background:#fff;border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(16,35,56,.045)}
.feature-number{position:absolute;right:18px;top:12px;font-size:50px;font-weight:900;color:#edf4f8}.feature-card>i{font-size:32px;color:var(--blue);position:relative}.feature-card h3{font-size:20px;font-weight:800;margin:22px 0 8px}.feature-card p{font-size:14px;color:var(--muted)}
.numbers-section{padding:55px 0;background:linear-gradient(110deg,#0a2b40,#0c3b4e);color:#fff}
.number-item{padding:12px}.number-item strong{display:block;font-size:31px;font-weight:900;color:#75df32}.number-item span{font-size:13px;color:#bfd2dd}
.process-section{background:var(--light)}
.process-step{position:relative;text-align:center;padding:20px}
.process-step span{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 25px rgba(16,159,227,.2)}
.process-step h3{font-size:18px;font-weight:800;margin:18px 0 8px}.process-step p{font-size:13px;color:var(--muted)}
.faq-section{background:#fff}.accordion-item{border:1px solid var(--border)!important;margin-bottom:12px;border-radius:12px!important;overflow:hidden}.accordion-button{font-weight:750;padding:20px;background:#fff}.accordion-button:not(.collapsed){color:var(--blue-dark);background:#f3fbff;box-shadow:none}.accordion-body{color:var(--muted);font-size:14px}
.lead-section{background:linear-gradient(145deg,#eef8fc,#f5fce9)}
.lead-wrap{border-radius:25px;overflow:hidden;box-shadow:0 25px 70px rgba(16,35,56,.13)}
.lead-copy{padding:55px 45px;background:linear-gradient(145deg,#09263a,#0b3b4a);color:#fff}.lead-copy h2{font-size:36px}.lead-copy p{color:#c2d3dd}.lead-points{margin-top:28px;display:grid;gap:13px;font-size:14px}.lead-points i{color:#7bdd31;margin-right:8px}
.lead-form{height:100%;padding:45px;background:#fff}.lead-form label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d9e4ec;border-radius:9px;padding:12px 13px;outline:0;background:#fff;font-size:14px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(16,159,227,.08)}.form-message{display:none;padding:10px 13px;border-radius:8px;font-size:13px;background:#effaf1;color:#1d7b36}
.footer{background:#071a29;color:#c2d1dc;padding:65px 0 25px}.footer-logo{width:190px;height:75px;object-fit:contain;mix-blend-mode:screen;margin-bottom:15px}.footer p{font-size:13px;max-width:480px}.footer h4{font-size:15px;color:#fff;margin-bottom:17px}.footer a{display:block;color:#aebfca;font-size:13px;margin:8px 0}.footer a:hover{color:#fff}.footer hr{border-color:rgba(255,255,255,.12);margin:35px 0 20px}.socials{display:flex;gap:8px}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center}
.mobile-cta{display:none}.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:#0b2b40;color:#fff;z-index:99;opacity:0;pointer-events:none;transition:.25s}.back-to-top.show{opacity:1;pointer-events:auto}
@media(max-width:991px){
  .brand-logo{width:155px;height:64px}.hero-section h1{letter-spacing:-1.5px}.hero-battery-card{height:420px}.quick-item{border-right:0;border-bottom:1px solid var(--border)}.about-visual{height:430px}.lead-copy{padding:40px 30px}.lead-form{padding:35px 25px}
}
@media(max-width:767px){
  body{padding-bottom:64px}.topbar{font-size:11px}.topbar .top-link{display:none}.hero-section h1{font-size:43px}.hero-copy{font-size:16px}.min-vh-75{min-height:auto}.hero-battery-card{height:340px}.energy-ring{width:270px;height:270px}.battery-body{width:140px;height:225px}.battery-top{width:80px;height:18px}.battery-bolt{font-size:55px}.floating-chip{font-size:10px;padding:8px 10px}.chip-one{top:20px}.chip-two{right:5px;top:95px}.chip-three{bottom:25px}.section-padding{padding:65px 0}.about-visual{height:350px}.about-orbit{width:290px;height:290px}.about-card-main{width:200px;height:240px}.about-card-main span{font-size:28px}.about-card-main strong{font-size:23px}.about-mini-card{right:0;bottom:15px}.lead-copy h2{font-size:30px}.mobile-cta{display:grid;grid-template-columns:1fr 1.4fr 1fr;position:fixed;left:0;right:0;bottom:0;height:62px;background:#fff;box-shadow:0 -8px 30px rgba(0,0,0,.12);z-index:100}.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:6px;color:#173149;font-size:12px;font-weight:800}.mobile-cta a.primary{background:linear-gradient(100deg,var(--blue),var(--green));color:#fff}.back-to-top{display:none}
}
/* =========================================
   HI-VOLT ENERGY HERO SLIDER
========================================= */

.hv-hero-slider {
    position: relative;
    width: 100%;
    height: min(760px, 88vh);
    min-height: 560px;
    overflow: hidden;
    background: #07120f;
    color: #fff;
}

.hv-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.hv-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.03);
    transition:
        opacity 0.8s ease,
        visibility 0.8s ease,
        transform 5.5s ease;
}

.hv-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 2;
}


/* IMAGE */

.hv-slide-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.hv-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


/* DARK GRADIENT */

.hv-slide-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(3, 15, 11, 0.92) 0%,
            rgba(3, 15, 11, 0.78) 35%,
            rgba(3, 15, 11, 0.28) 72%,
            rgba(3, 15, 11, 0.15) 100%
        );
}


/* CONTAINER */

.hv-container {
    position: relative;
    z-index: 3;

    width: min(1200px, calc(100% - 40px));
    height: 100%;
    margin: 0 auto;

    display: flex;
    align-items: center;
}


/* CONTENT */

.hv-slide-content {
    width: min(650px, 100%);
    padding-top: 20px;
}

.hv-slide-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #76d64b;
}

.hv-slide-label::before {
    content: "";
    width: 34px;
    height: 2px;
    background: #76d64b;
}


.hv-slide-content h1,
.hv-slide-content h2 {
    margin: 0 0 24px;

    font-size: clamp(40px, 5vw, 70px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.hv-slide-content h1 strong,
.hv-slide-content h2 strong {
    display: block;
    color: #76d64b;
    font-weight: 700;
}


.hv-slide-content p {
    max-width: 590px;

    margin: 0 0 32px;

    font-size: 18px;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.88);
}


/* BUTTON */

.hv-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;

    padding: 15px 25px;

    border-radius: 5px;

    background: #76d64b;
    color: #07120f;

    font-size: 15px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.hv-btn span {
    font-size: 21px;
    line-height: 1;
}

.hv-btn:hover {
    background: #ffffff;
    transform: translateY(-2px);
}


/* ARROWS */

.hv-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

    width: 48px;
    height: 48px;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.2);
    color: #fff;

    font-size: 20px;

    cursor: pointer;

    transform: translateY(-50%);

    transition:
        background 0.25s ease,
        border-color 0.25s ease;
}

.hv-slider-arrow:hover {
    background: #76d64b;
    border-color: #76d64b;
    color: #07120f;
}

.hv-prev {
    left: 25px;
}

.hv-next {
    right: 25px;
}


/* DOTS */

.hv-slider-dots {
    position: absolute;
    bottom: 35px;
    left: 50%;

    z-index: 10;

    display: flex;
    gap: 9px;

    transform: translateX(-50%);
}

.hv-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.45);

    cursor: pointer;

    transition:
        width 0.3s ease,
        background 0.3s ease;
}

.hv-dot.active {
    width: 32px;
    border-radius: 10px;
    background: #76d64b;
}


/* PROGRESS BAR */

.hv-slider-progress {
    position: absolute;
    left: 0;
    bottom: 0;

    z-index: 10;

    width: 100%;
    height: 3px;

    background: rgba(255, 255, 255, 0.15);
}

.hv-slider-progress span {
    display: block;

    width: 0;
    height: 100%;

    background: #76d64b;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .hv-hero-slider {
        height: 680px;
    }

    .hv-slide-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 15, 11, 0.88),
                rgba(3, 15, 11, 0.55)
            );
    }

    .hv-slide-content {
        max-width: 600px;
    }

    .hv-slider-arrow {
        width: 42px;
        height: 42px;
    }

    .hv-prev {
        left: 15px;
    }

    .hv-next {
        right: 15px;
    }
}


@media (max-width: 767px) {

    .hv-hero-slider {
        height: 650px;
        min-height: 600px;
    }

    .hv-container {
        width: min(100% - 35px, 600px);
        align-items: flex-end;
        padding-bottom: 90px;
    }

    .hv-slide-image img {
        object-position: 62% center;
    }

    .hv-slide-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(3, 15, 11, 0.15) 0%,
                rgba(3, 15, 11, 0.5) 35%,
                rgba(3, 15, 11, 0.94) 78%,
                rgba(3, 15, 11, 0.98) 100%
            );
    }

    .hv-slide-label {
        margin-bottom: 14px;
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .hv-slide-content h1,
    .hv-slide-content h2 {
        margin-bottom: 16px;

        font-size: 38px;
        line-height: 1.08;
        letter-spacing: -0.5px;
    }

    .hv-slide-content p {
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.55;
    }

    .hv-btn {
        padding: 13px 19px;
        font-size: 14px;
    }

    .hv-slider-arrow {
        top: auto;
        bottom: 28px;

        width: 38px;
        height: 38px;

        transform: none;
    }

    .hv-prev {
        left: 20px;
    }

    .hv-next {
        right: 20px;
    }

    .hv-slider-dots {
        bottom: 44px;
    }
}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .hv-slide,
    .hv-btn,
    .hv-dot {
        transition: none;
    }
}