:root {
    --lime: #BEFF00;
    --black: #0D0D0D;
    --anth: #1E2124;
    --graphite: #434343;
    --cloud: #DFDFDF;
    --white: #FFFFFF;
    --cyan: #12b9d7;
    --shadow: 0 18px 50px rgba(13,13,13,.08)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    color: var(--black);
    background: #fff;
    line-height: 1.5
}

a {
    text-decoration: none;
    color: inherit
}

img {
    max-width: 100%;
    display: block
}

.container {
    width: min(1280px,calc(100% - 48px));
    margin: 0 auto
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    transition: background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease
}

.site-header.is-scrolled {
    position: fixed;
    background: rgba(13,13,13,.88);
    backdrop-filter: blur(16px);
    box-shadow: 0 10px 30px rgba(0,0,0,.15)
}

.header__inner {
    display: flex;
    align-items: center;
    min-height: 96px;
    gap: 34px
}

.brand {
    display: inline-flex;
    flex-direction: column;
    font-weight: 900;
    line-height: .75;
    color: #fff
}

.brand__main {
    font-size: 34px;
    letter-spacing: -.06em
}

.brand__sub {
    font-size: 13px;
    letter-spacing: .35em;
    color: var(--lime);
    margin-left: 24px;
    margin-top: 8px
}

.custom-logo {
    max-height: 50px;
    width: auto;
    filter: brightness(0) invert(1)
}

.main-nav {
    margin-left: auto
}

.menu {
    display: flex;
    gap: 34px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
}

.menu a {
    position: relative;
    color: #fff
}

.menu a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -10px;
    height: 2px;
    background: var(--lime);
    transition: .25s
}

.menu a:hover:after,.menu .current-menu-item a:after {
    right: 0
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 20px
}

.header__dealer {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em
}

.menu-toggle {
    display: none;
    margin-left: auto;
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    padding: 8px
}

.menu-toggle span {
    display: block;
    height: 2px;
    background: #fff;
    margin: 5px 0;
    transition: .2s
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 50px;
    padding: 0 24px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .02em;
    border: 1px solid transparent;
    transition: .2s
}

.btn:hover {
    transform: translateY(-1px)
}

.btn--lime {
    background: var(--lime);
    color: var(--black)
}

.btn--outline {
    border-color: #9a9a9a;
    background: #fff
}

.btn--dark {
    background: var(--black);
    color: #fff
}

.btn--outline-light,.btn--ghost-light {
    border-color: rgba(255,255,255,.65);
    color: #fff;
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(6px)
}

.btn--full {
    width: 100%
}

.hero--cinematic {
    position: relative;
    height: 100svh;
    min-height: 720px;
    overflow: hidden;
    background: #111;
    color: #fff
}

.hero__media,.hero__shade,.hero__gridlines {
    position: absolute;
    inset: 0
}

.hero__media img,.hero__media video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero__media-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 55% 30%,#5b6266 0,#293238 36%,#0e1518 100%);
    color: rgba(255,255,255,.55);
    font-weight: 900;
    letter-spacing: .12em
}

.hero__media-placeholder small {
    font-size: 12px;
    margin-top: 10px;
    font-weight: 400
}

.hero__shade {
    background: linear-gradient(90deg,rgba(4,12,15,.58) 0%,rgba(4,12,15,.14) 47%,rgba(4,12,15,.08) 100%),linear-gradient(0deg,rgba(3,13,16,.82) 0%,transparent 45%,rgba(0,0,0,.12) 100%)
}

.hero__gridlines {
    opacity: .15;
    background-image: repeating-linear-gradient(104deg,transparent 0,transparent 92px,rgba(255,255,255,.28) 93px,transparent 94px);
    pointer-events: none
}

.hero__inner {
    position: relative;
    height: 100%;
    padding-top: 96px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 92px
}

.hero__display {
    position: absolute;
    left: 0;
    top: 23%;
    display: flex;
    flex-direction: column;
    font-weight: 1000;
    line-height: .72;
    letter-spacing: -.07em;
    color: #fff;
    text-shadow: 0 8px 35px rgba(0,0,0,.16);
    pointer-events: none
}

.hero__display-title {
    font-size: clamp(78px,9.4vw,168px);
    font-size: 70px;
}

.hero__display-number {
    font-size: clamp(150px,18vw,330px);
    color: rgba(255,255,255,.9);
    margin-left: 4px;
    font-size: 47px;
    margin-top: 44px;
}

.hero__content {
    position: relative;
    z-index: 3;
    max-width: 500px;
    margin-bottom: 8px
}

.eyebrow {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
    color: #7b9f00;
    margin-bottom: 14px
}

.eyebrow--light {
    color: var(--lime)
}

.eyebrow--cyan {
    color: var(--cyan)
}

.hero__lead {
    font-size: 20px;
    line-height: 1.42;
    margin: 0 0 30px;
    text-shadow: 0 2px 20px rgba(0,0,0,.4)
}

.hero__actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap
}

.hero__scroll {
    position: absolute;
    bottom: 20px;
    left: 50%;
    font-size: 34px;
    color: #fff;
    opacity: .8;
    transform: translateX(-50%)
}

.features {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.feature-grid article {
    padding: 32px 28px;
    border-right: 1px solid #eee
}

.feature-grid article:last-child {
    border-right: 0
}

.feature-grid span {
    color: #9dd300;
    font-weight: 900
}

.feature-grid h3 {
    margin: 8px 0;
    font-size: 15px
}

.feature-grid p {
    margin: 0;
    color: #5c5c5c;
    font-size: 14px
}

.models {
    padding: 88px 0;
    background: #fafafa
}

.section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 36px
}

.section-heading h2,.split-panel h2,.dealer-strip h2 {
    margin: 0;
    font-weight: 1000;
    letter-spacing: -.055em;
    line-height: .92
}

.section-heading h2 {
    font-size: clamp(44px,5vw,72px)
}

.section-heading h2 span {
    color: #9dd300
}

.text-link {
    font-size: 13px;
    font-weight: 900
}

.model-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px
}

.model-card {
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: var(--shadow);
    overflow: hidden
}

.model-card__image {
    display: block;
    background: #f1f1f1;
    aspect-ratio: 1.45;
    overflow: hidden
}

.model-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 14px
}

.model-placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: #999;
    letter-spacing: .08em
}

.model-card__body {
    padding: 24px
}

.model-card h3 {
    margin: 0 0 8px;
    font-size: 25px
}

.model-price {
    color: #78a000;
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 10px
}

.model-card p {
    color: #656565;
    min-height: 70px
}

.split-cta {
    padding: 0 0 80px;
    background: #fafafa
}

.split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.split-panel {
    padding: 64px;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.split-panel--lime {
    background: var(--lime)
}

.split-panel--dark {
    background: var(--anth);
    color: #fff
}

.split-panel h2 {
    font-size: 54px
}

.split-panel p {
    max-width: 480px;
    font-size: 17px
}

.split-panel--lime .eyebrow {
    color: #3f4d00
}

.dealer-strip {
    padding: 58px 0;
    background: #fff
}

.dealer-strip__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px
}

.dealer-strip h2 {
    font-size: 42px
}

.site-footer {
    background: var(--black);
    color: #fff;
    padding: 62px 0 24px
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr .8fr .8fr 1.2fr;
    gap: 46px
}

.footer-brand {
    font-size: 30px;
    font-weight: 1000;
    font-style: italic
}

.footer-brand span {
    display: block;
    color: var(--lime);
    font-size: 12px;
    letter-spacing: .3em;
    margin-left: 20px
}

.site-footer h4 {
    margin-top: 0
}

.site-footer a {
    display: block;
    color: #d7d7d7;
    margin: 7px 0
}

.dealer-box {
    background: var(--anth);
    padding: 28px
}

.dealer-box .btn {
    display: inline-flex;
    color: var(--black);
    margin-top: 12px
}

.footer-bottom {
    border-top: 1px solid #2d2d2d;
    margin-top: 46px;
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    color: #8e8e8e;
    font-size: 12px
}

.content-area {
    padding: 70px 0
}

.basic-page {
    max-width: 980px;
    margin: auto
}

.basic-page h1 {
    font-size: 58px;
    line-height: 1
}

.single-hero {
    margin-bottom: 30px
}

@media(max-width: 980px) {
    .header__actions {
        display:none
    }

    .menu-toggle {
        display: block
    }

    .main-nav {
        display: none;
        position: absolute;
        top: 82px;
        left: 20px;
        right: 20px;
        background: rgba(13,13,13,.96);
        padding: 24px;
        border: 1px solid rgba(255,255,255,.12);
        backdrop-filter: blur(15px)
    }

    .main-nav.is-open {
        display: block
    }

    .menu {
        flex-direction: column;
        gap: 18px
    }

    .hero--cinematic {
        min-height: 680px
    }

    .hero__display {
        top: 26%
    }

    .hero__display-title {
        font-size: clamp(68px,13vw,120px)
    }

    .hero__display-number {
        font-size: clamp(135px,28vw,250px)
    }

    .feature-grid {
        grid-template-columns: 1fr 1fr
    }

    .feature-grid article:nth-child(2) {
        border-right: 0
    }

    .model-grid {
        grid-template-columns: 1fr
    }

    .split-grid {
        grid-template-columns: 1fr
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 640px) {
    .container {
        width:min(100% - 28px,1280px)
    }

    .header__inner {
        min-height: 76px
    }

    .custom-logo {
        max-height: 42px
    }

    .brand {
        min-width: 0
    }

    .brand__main {
        font-size: 27px
    }

    .main-nav {
        top: 68px
    }

    .hero--cinematic {
        height: 92svh;
        min-height: 640px
    }

    .hero__inner {
        padding-top: 76px;
        padding-bottom: 68px
    }

    .hero__display {
        top: 25%;
        left: 14px
    }

    .hero__display-title {
        font-size: 15vw
    }

    .hero__display-number {
        font-size: 35vw
    }

    .hero__content {
        max-width: 92%
    }

    .hero__lead {
        font-size: 17px
    }

    .hero__actions {
        gap: 10px
    }

    .hero__actions .btn {
        width: 100%
    }

    .feature-grid {
        grid-template-columns: 1fr
    }

    .feature-grid article {
        border-right: 0;
        border-bottom: 1px solid #eee
    }

    .section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px
    }

    .split-panel {
        padding: 42px 28px
    }

    .split-panel h2 {
        font-size: 42px
    }

    .dealer-strip__inner {
        align-items: flex-start;
        flex-direction: column
    }

    .dealer-strip h2 {
        font-size: 34px
    }

    .footer-grid {
        grid-template-columns: 1fr
    }

    .footer-bottom {
        flex-direction: column;
        gap: 8px
    }
}
:root{
    --volt:#BEFF00;
    --black:#0D0D0D;
    --anth:#1E2124;
    --graphite:#434343;
    --cloud:#DFDFDF;
    --white:#FFFFFF;
    --shell:min(1440px, calc(100vw - 48px));
    --radius:28px;
    --ease:cubic-bezier(.2,.75,.2,1);
}

html{scroll-behavior:smooth}
body{background:#fff;color:var(--black);overflow-x:hidden}
/* HOME HEADER – transparent only while at the top */
body.home .site-header:not(.is-scrolled),
body.home header.site-header:not(.is-scrolled){
    position:absolute;
    inset:0 0 auto 0;
    z-index:100;
    background:transparent!important;
    border:0!important;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

/* HOME HEADER – solid and readable after scrolling */
body.home .site-header.is-scrolled,
body.home header.site-header.is-scrolled{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    background:#0D0D0D!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 8px 30px rgba(0,0,0,.18);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

body.home .site-header a,
body.home .site-header .menu a{color: #ffffff;}

.upmoto-home{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.upmoto-shell{width:var(--shell);margin-inline:auto}
.up-kicker{display:flex;align-items:center;gap: 15px;text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing: 0.16em;margin-bottom: 15px;}
.up-kicker::before{content:"";width:28px;height:2px;background:var(--volt)}
.up-section-title{font-size:clamp(42px,6vw,88px);line-height:.92;letter-spacing:-.055em;font-weight:900;margin:0}
.up-section-title em{color:var(--volt);font-style:normal}
.up-copy{font-size:clamp(16px,1.3vw,20px);line-height:1.65;color:#686868;max-width:720px}
.up-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:.3s var(--ease)}
.up-btn--volt{background:var(--volt);color:var(--black)}
.up-btn--volt:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(190,255,0,.24);color:#000}
.up-btn--glass{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);color:#fff}
.up-btn--glass:hover{background:#fff;color:#000}
.up-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(13,13,13,.1);font-size:16px}

/* HERO */
.up-hero{position:relative;min-height:100svh;background:#111;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.up-hero__media{position:absolute;inset:0}
.up-hero__slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 1.4s var(--ease)}
.up-hero__slide.is-active{opacity:1;transform:scale(1)}
.up-hero__slide img,.up-hero__slide video{width:100%;height:100%;object-fit:cover;object-position:center}
.up-hero__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.77) 0%,rgba(5,5,5,.45) 38%,rgba(5,5,5,.07) 70%),linear-gradient(0deg,rgba(5,5,5,.72) 0%,transparent 46%)}
.up-hero__grid{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(90deg,transparent 96%,rgba(255,255,255,.6) 96%);background-size:86px 100%;transform:skewX(-9deg) scale(1.2)}
.up-hero__content{position:relative;z-index:3;width:var(--shell);margin:0 auto;padding: 164px 0 176px;display:grid;grid-template-columns: minmax(0,1.05fr) minmax(280px,.55fr);gap:60px;align-items:end}
.up-hero__copy{max-width:820px}
.up-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);margin-bottom:22px}
.up-hero__eyebrow i{display:block;width:7px;height:7px;background:var(--volt);border-radius:50%;box-shadow:0 0 0 7px rgba(190,255,0,.12)}
.up-hero__title{font-size:clamp(58px,8.8vw,152px);font-weight:950;line-height: 82px;margin:0;text-transform:uppercase;max-width:1100px;font-size: 93px;}
.up-hero__title span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}
.up-hero__lead{max-width:620px;margin:32px 0 30px;font-size:clamp(18px,1.4vw,22px);line-height:1.5;color:rgba(255,255,255,.82)}
.up-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.up-hero__side{display:flex;flex-direction:column;align-items:flex-end;gap:26px}
.up-hero__model-no{font-size:clamp(80px,10vw,165px);font-weight:950;line-height:.7;letter-spacing:-.08em;color:rgba(255,255,255,.09);white-space:nowrap}
.up-hero__mini{width:min(100%,340px);padding:20px;border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:1fr auto;gap:20px;color:rgba(255,255,255,.7)}
.up-hero__mini strong{display:block;color:#fff;font-size:22px;margin-bottom:3px}
.up-hero__pager{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;display:flex;gap:8px}
.up-hero__dot{width:34px;height:3px;border:0;background:rgba(255,255,255,.3);padding:0;cursor:pointer;transition:.3s}
.up-hero__dot.is-active{width:70px;background:var(--volt)}
.up-scroll{position:absolute;right:30px;bottom:34px;z-index:4;display:flex;gap:10px;align-items:center;writing-mode:vertical-rl;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.5)}
.up-scroll::after{content:"";height:54px;width:1px;background:linear-gradient(var(--volt),transparent)}

/* TRUST STRIP */
.up-trust-strip{position:relative;z-index:6;margin-top:-1px;background:var(--black);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.up-trust-strip__inner{width:var(--shell);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.up-trust-item{padding:28px 28px;border-right:1px solid rgba(255,255,255,.1);display:flex;gap:16px;align-items:center}
.up-trust-item:last-child{border-right:0}
.up-trust-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(190,255,0,.35);color:var(--volt);font-weight:900;flex:0 0 auto}
.up-trust-item strong{font-size:14px;display:block;margin-bottom:4px}.up-trust-item span{font-size:12px;color:#999}

/* MODEL FEATURE */
.up-models{padding:120px 0 130px;background: #ffffff;position:relative;overflow:hidden}
.up-models::before{content:"X";position:absolute;right:-2vw;top:-6vw;font-weight:950;font-size:38vw;line-height:1;color: #ffffff;letter-spacing:-.09em;pointer-events:none}
.up-models__head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}
.up-models__head .up-copy{margin:18px 0 0}
.up-models__nav{display:flex;gap:8px}
.up-round-btn{width:52px;height:52px;border-radius:50%;border:1px solid #ccc;background:#fff;font-size:21px;cursor:pointer;transition:.25s;color: #000 !IMPORTANT;}
.up-round-btn:hover{background:var(--black);color:var(--volt);border-color:var(--black)}
.up-model-track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px max(24px, calc((100vw - min(1440px, calc(100vw - 48px)))/2)) 18px}
.up-model-track::-webkit-scrollbar{display:none}
.up-model-card{position:relative;flex: 0 0 min(31vw,346px);min-width:340px;height:610px;background:#fff;border-radius:var(--radius);overflow:hidden;scroll-snap-align:start;box-shadow:0 10px 30px rgba(0,0,0,.035);transition:.45s var(--ease)}
.up-model-card:hover{transform:translateY(-8px);box-shadow:0 26px 70px rgba(0,0,0,.1)}
.up-model-card__visual{height:59%;position:relative;background:linear-gradient(145deg,#f8f8f7,#e6e6e3);overflow:hidden}
.up-model-card__visual::after{content:"";position:absolute;inset:auto -20% -36% -20%;height:70%;background:radial-gradient(ellipse,rgba(0,0,0,.12),transparent 68%);filter:blur(10px)}
.up-model-card__visual img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:28px 12px 0;transition:.6s var(--ease)}
.up-model-card:hover img{transform:scale(1.055) translateY(-5px)}
.up-model-card__badge{position:absolute;top:20px;left:20px;z-index:4;background:var(--black);color:#fff;border-radius:99px;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.up-model-card__badge b{color:var(--volt)}
.up-model-card__engine{position:absolute;right:17px;top:17px;z-index:4;font-size:54px;font-weight:950;color:rgba(13,13,13,.08);letter-spacing:-.07em}
.up-model-card__body{height:41%;padding:25px 26px 24px;display:flex;flex-direction:column}
.up-model-card__series{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#8a8a8a;margin-bottom:8px}
.up-model-card__title{font-size:23px;line-height:1.05;letter-spacing:-.025em;font-weight:900;margin:0 0 18px;max-width:310px}
.up-model-card__meta{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid #e8e8e8;padding-top:18px}
.up-price{font-size:28px;font-weight:900;letter-spacing:-.05em}.up-price small{font-size:12px;color:#888;font-weight:600;letter-spacing:0;display:block;margin-bottom:2px}
.up-card-link{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--volt);color:#000;text-decoration:none;font-size:20px;transition:.3s}.up-card-link:hover{transform:rotate(-35deg) scale(1.08);color:#000}

/* MANIFESTO */
.up-manifesto{background:var(--white);padding:130px 0}
.up-manifesto__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:start}
.up-manifesto__sticky{position:sticky;top:110px}
.up-manifesto__mega{font-size:clamp(66px,8vw,130px);font-weight:950;line-height:.76;letter-spacing:-.085em;margin:24px 0 34px;text-transform:uppercase}
.up-manifesto__mega span{color:var(--volt)}
.up-manifesto__intro{font-size:20px;line-height:1.6;color:#555;max-width:540px}
.up-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.up-bento-card{min-height:260px;border-radius:24px;padding:28px;background:#f1f1ef;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.up-bento-card:nth-child(1){grid-column:span 2;min-height:390px;background:var(--black);color:#fff}
.up-bento-card:nth-child(4){background:var(--volt)}
.up-bento-card__num{position:absolute;top:22px;right:24px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#999}
.up-bento-card h3{font-size:24px;line-height: 2.05;letter-spacing:-.03em;font-weight:900;margin:0 0 11px;max-width:420px}
.up-bento-card p{font-size:14px;line-height:1.6;margin:0;color:#777;max-width:500px}
.up-bento-card:nth-child(1) p{color:#aaa}
.up-bento-card:nth-child(4) p{color:#243000}
.up-bento-card__line{position:absolute;left:28px;top:28px;width:110px;height:3px;background:var(--volt)}
.up-bento-card:nth-child(1)::before{content:"30+";position:absolute;right:-20px;bottom:-55px;font-size:210px;font-weight:950;line-height:1;color:#171717;letter-spacing:-.08em}

/* SERIES STORY */
.up-series{background:var(--black);color:#fff;padding:125px 0;overflow:hidden}
.up-series__top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}
.up-series__top .up-copy{color:#929292}
.up-series-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.up-series-card{position:relative;min-height:670px;border-radius:30px;overflow:hidden;background:#1a1a1a}
.up-series-card--small{min-height:325px}
.up-series-stack{display:grid;gap:18px}
.up-series-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.up-series-card:hover img{transform:scale(1.04)}
.up-series-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 64%)}
.up-series-card__content{position:absolute;z-index:2;left:34px;right:34px;bottom:32px}
.up-series-card__label{font-size:11px;color:var(--volt);letter-spacing:.13em;text-transform:uppercase;font-weight:850}
.up-series-card h3{font-size:clamp(30px,3vw,50px);line-height:.96;letter-spacing:-.05em;margin:8px 0 18px;font-weight:900}
.up-series-card--small h3{font-size:30px}
.up-series-card__link{color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}

/* CATEGORIES */
.up-cats{padding:120px 0;background:#fff}
.up-cats__head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.up-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.up-cat{position:relative;height:520px;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;background:#111}
.up-cat img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.up-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.02) 65%)}
.up-cat:hover img{transform:scale(1.06)}
.up-cat__content{position:absolute;z-index:2;left:26px;right:26px;bottom:25px}
.up-cat__index{font-size:10px;letter-spacing:.14em;color:var(--volt);font-weight:850}
.up-cat h3{font-size:33px;line-height:1;letter-spacing:-.045em;margin:8px 0 12px;font-weight:900}
.up-cat p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.7);margin:0;max-width:310px}
.up-cat__go{position:absolute;right:24px;top:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);z-index:3;transition:.3s}
.up-cat:hover .up-cat__go{background:var(--volt);color:#000;transform:rotate(-35deg)}

/* DEALER CTA */
.up-dealer{padding:0 0 110px;background:#fff}
.up-dealer-box{position:relative;min-height:440px;border-radius:32px;overflow:hidden;background:var(--anth);color:#fff;padding:60px;display:flex;align-items:flex-end}
.up-dealer-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(190,255,0,.28),transparent 30%),linear-gradient(120deg,#111 10%,#24282b 100%)}
.up-dealer-box::after{content:"UPMOTO";position:absolute;right:-2%;top:1%;font-size:clamp(90px,15vw,230px);font-weight:950;letter-spacing:-.07em;color:rgba(255,255,255,.025)}
.up-dealer-content{position:relative;z-index:2;max-width:760px}
.up-dealer-content h2{font-size:clamp(48px,6.8vw,95px);line-height:.89;letter-spacing:-.06em;font-weight:950;margin:16px 0 22px}
.up-dealer-content p{font-size:18px;line-height:1.55;color:#b7b7b7;max-width:600px;margin:0 0 28px}

/* reveal */
.up-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.up-reveal.is-in{opacity:1;transform:none}

@media(max-width:1050px){
    :root{--shell:calc(100vw - 36px)}
    .up-hero__content{grid-template-columns:1fr;padding-top:150px}.up-hero__side{display:none}
    .up-trust-strip__inner{grid-template-columns:repeat(2,1fr)}.up-trust-item:nth-child(2){border-right:0}.up-trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
    .up-manifesto__grid{grid-template-columns:1fr;gap:55px}.up-manifesto__sticky{position:static}.up-series-grid{grid-template-columns:1fr}.up-series-card{min-height:560px}.up-series-stack{grid-template-columns:repeat(2,1fr)}.up-series-card--small{min-height:360px}
    .up-cats-grid{grid-template-columns:1fr 1fr}.up-cat:last-child{grid-column:span 2}
}
@media(max-width:720px){
    :root{--shell:calc(100vw - 28px);--radius:22px}
    .up-hero{min-height:860px}.up-hero__content{padding:140px 0 80px}.up-hero__title{font-size:clamp(54px,18vw,88px)}.up-hero__lead{font-size:17px}.up-scroll{display:none}
    .up-trust-strip__inner{grid-template-columns:1fr}.up-trust-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.up-trust-item:last-child{border-bottom:0!important}
    .up-models,.up-manifesto,.up-series,.up-cats{padding:85px 0}.up-models__head,.up-series__top,.up-cats__head{display:block}.up-models__nav{margin-top:25px}.up-model-card{min-width:82vw;height:570px}
    .up-bento{grid-template-columns:1fr}.up-bento-card:nth-child(1){grid-column:auto}.up-bento-card{min-height:240px!important}
    .up-series-stack{grid-template-columns:1fr}.up-series-card,.up-series-card--small{min-height:450px}
    .up-cats-grid{grid-template-columns:1fr}.up-cat,.up-cat:last-child{grid-column:auto;height:450px}
    .up-dealer{padding-bottom:70px}.up-dealer-box{padding:34px 25px;min-height:500px;border-radius:24px}.up-dealer-content h2{font-size:52px}
}
:root{
  --volt:#BEFF00;
  --black:#0D0D0D;
  --anth:#1E2124;
  --graph:#434343;
  --cloud:#DFDFDF;
  --white:#fff;
  --max:1480px;
}
.up-testdrive-simple .up-tech-hero__grid {
linear-gradient(90deg, #00000085 97%, rgb(255 255 255 / 9%) 97%), url(../img/upmoto525org.jpg) !important
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);background:#fff}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.shell{width:min(calc(100% - 64px),var(--max));margin:auto}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#719700}
.title{font-size:clamp(42px,5vw,78px);line-height:.95;letter-spacing:-.055em;margin:12px 0 0;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;background:var(--volt);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;transition:.25s;color: #0D0D0D;color: #0D0D0D !important;}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(190,255,0,.22)}
.btn--dark{background:var(--black);color:#fff}
.btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}

/* model nav */
.modelbar{
  position:sticky;top:0;z-index:50;
  background:rgba(13,13,13,.94);
  color:#fff;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.modelbar__in{height:72px;display:flex;align-items:center;justify-content:space-between}
.modelbar__name{font-weight:950}
.modelbar__name b{color:var(--volt)}
.modelbar__links{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.modelbar__links a:not(.btn){opacity:.65}.modelbar__links a:hover{opacity:1}

/* HERO */
.hero{
  min-height:calc(100vh - 72px);
  position:relative;
  overflow:hidden;
  background:#0d0d0d;
  color:#fff
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 70% 45%,rgba(190,255,0,.13),transparent 26%),
    linear-gradient(130deg,#0b0b0b,#16191b 58%,#0c0c0c)
}
.hero:after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:linear-gradient(to right,transparent,black 55%,transparent)
}
.hero__in{
  position:relative;z-index:2;
  min-height:calc(100vh - 72px);
  display:grid;
  grid-template-columns:.82fr 1.3fr;
  align-items:center
}
.hero__copy{padding: 153px 0;}
.hero__badge{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid rgba(255,255,255,.15);
  padding:9px 12px;
  font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.hero__badge i{width:7px;height:7px;border-radius:50%;background:var(--volt);box-shadow:0 0 16px var(--volt)}
.hero h1{
  font-size: clamp(66px,7.6vw,91px);
  line-height: 94px;
  letter-spacing:-.08em;
  text-transform:uppercase;
  margin: 25px 0;
}
.hero h1 small{display:block;font-size:.24em;letter-spacing: 0.08em;color:#aaa;margin-bottom: 0px;}
.hero h1 span{color:var(--volt)}
.hero__desc{font-size:19px;line-height:1.55;color:#c4c4c4;max-width:580px}
.hero__price{display:flex;align-items:end;gap:14px;margin:34px 0}
.hero__price strong{font-size:50px}
.hero__price span{font-size:11px;color:#8c8c8c;padding-bottom:8px;font-weight:800;text-transform:uppercase}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero__visual{position:relative;min-height: 667px;height:100%;display:flex;align-items:center;justify-content:center}
.hero__number{
  position:absolute;right:-2%;top:6%;
  font-size:clamp(280px,34vw,620px);
  line-height:.8;
  font-weight:950;
  letter-spacing:-.12em;
  color:rgba(255,255,255,.035)
}
.hero__visual img{
  position:relative;
  z-index:3;
  width: min(960px,80%);
  filter:drop-shadow(0 45px 55px rgba(0,0,0,.6))
}
.hero__meta{
  position:absolute;right:2%;bottom:7%;z-index:5;
  display:flex;
  background:rgba(10,10,10,.65);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.16)
}
.hero__meta div{padding:16px 20px;min-width:135px;border-right:1px solid rgba(255,255,255,.12)}
.hero__meta div:last-child{border:0}
.hero__meta span{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.hero__meta strong{display:block;margin-top:5px;font-size:18px}
.hero__meta em{font-style:normal;color:var(--volt)}

.performance{background:var(--volt)}
.performance__grid{display:grid;grid-template-columns:repeat(5,1fr)}
.perf{padding:28px;border-right:1px solid rgba(13,13,13,.2)}
.perf span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:rgba(0,0,0,.58)}
.perf strong{display:block;font-size:27px;margin-top:6px;letter-spacing:-.04em}

/* FUNCTIONALITY */
.features{padding:110px 0;background:#f5f5f3}
.features__head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:48px
}
.features__head p{
  max-width:560px;
  color:#666;
  line-height:1.7;
  margin:0
}
.features__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.feature{
  background:#fff;
  border:1px solid #e3e3e0;
  overflow:hidden;
  transition:.25s
}
.feature:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.07)
}
.feature__img{
  height:260px;
  background:#ecece9;
  overflow:hidden
}
.feature__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.35s
}
.feature:hover .feature__img img{transform:scale(1.035)}
.feature__body{padding:25px 26px 28px}
.feature__small{
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#719700;
  margin-bottom:13px
}
.feature h3{
  font-size:24px;
  line-height:1.1;
  margin:0 0 10px;
  letter-spacing:-.03em
}
.feature p{
  color:#656565;
  line-height:1.55;
  margin:0
}
.feature--dark{background:var(--anth);color:#fff;border-color:var(--anth)}
.feature--dark p{color:#bbb}
.feature--dark .feature__small{color:var(--volt)}
.feature--volt{background:var(--volt);border-color:var(--volt)}
.feature--volt .feature__small{color:#111}
.feature--volt p{color:#242424}

/* specs */
.specs{background:#101112;color:#fff;padding:110px 0}
.specs__head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:48px
}
.specs__head p{max-width:560px;color:#aaa;line-height:1.7;margin:0}
.accordion{border-top:1px solid #333}
.group{border-bottom:1px solid #333}
.group-head{display:flex;justify-content:space-between;align-items:center;padding:25px 0;cursor:pointer}
.group-head h3{margin:0;font-size:22px}
.group-head button{
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid #555;
  background:transparent;
  color:#fff;
  font-size:24px;
  cursor:pointer
}
.group-content{display:none;padding-bottom:28px}
.group.open .group-content{display:block}
.group.open button{background:var(--volt);border-color:var(--volt);color:#111;transform:rotate(45deg)}
.spec-row{
  display:grid;
  grid-template-columns:1fr 1.8fr;
  gap:40px;
  padding:18px 0;
  border-top:1px solid #2a2a2a
}
.spec-row span{color:#888}
.spec-row strong{font-weight:800}

/* gallery */
.gallery{padding:110px 0;background:#fff}
.gallery__head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.gallery__head p{max-width:520px;color:#666;line-height:1.7;margin:0}
.gallery__grid{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr;
  grid-template-rows:360px 360px;
  gap:16px
}
.gallery__item{overflow:hidden;background:#eee;position:relative}
.gallery__item:first-child{grid-row:1/3}
.gallery__item img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gallery__item:hover img{transform:scale(1.035)}
.gallery__item:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 45%);
  pointer-events:none
}

/* CTA */
.cta{background:var(--volt);padding:100px 0}
.cta__in{display:flex;justify-content:space-between;align-items:center;gap:45px}
.cta h2{
  font-size:clamp(44px,5vw,76px);
  line-height:.93;
  letter-spacing:-.055em;
  margin:0
}
.cta p{max-width:470px;line-height:1.6;font-weight:700}
.float{
  position:fixed;right:24px;bottom:24px;z-index:45;
  background:var(--volt);
  padding:16px 19px;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 16px 45px rgba(0,0,0,.25)
}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .shell{width:min(calc(100% - 36px),var(--max))}
  .modelbar__links a:not(.btn){display:none}
  .hero__in{grid-template-columns:1fr;padding-top:45px}
  .hero__visual{min-height:500px}
  .performance__grid{grid-template-columns:repeat(2,1fr)}
  .features__grid{grid-template-columns:1fr 1fr}
  .gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 260px 260px}
  .gallery__item:first-child{grid-column:1/3;grid-row:auto}
}
@media(max-width:650px){
  .shell{width:calc(100% - 28px)}
  .modelbar__in{height:64px}
  .hero h1{font-size:60px}
  .hero__copy{padding:45px 0 0}
  .hero__visual{min-height:360px}
  .hero__meta{right:0;bottom:0}
  .hero__meta div{min-width:105px;padding:12px}
  .performance__grid{grid-template-columns:1fr 1fr}
  .perf{padding:21px 14px}.perf strong{font-size:20px}
  .features,.specs,.gallery{padding:75px 0}
  .title{font-size:44px}
  .features__head,.specs__head,.gallery__head,.cta__in{display:block}
  .features__grid{grid-template-columns:1fr}
  .feature__img{height:240px}
  .spec-row{grid-template-columns:1fr;gap:7px}
  .gallery__grid{grid-template-columns:1fr;grid-template-rows:repeat(5,260px)}
  .gallery__item:first-child{grid-column:auto}
  .cta .btn{margin-top:20px}
  .float{display:none}
}

/* ===============================
   ELEMENTOR NATIVE COMPATIBILITY
   =============================== */

.elementor .upmoto-shell{
  width:min(calc(100% - 64px),1480px);
  margin-left:auto;
  margin-right:auto;
}

.elementor .upmoto-modelbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(13,13,13,.94);
  color:#fff;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.elementor .upmoto-modelbar-inner{
  min-height:72px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.elementor .upmoto-modelbar-links{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
}

.elementor .upmoto-hero{
  min-height:calc(100vh - 72px);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 45%,rgba(190,255,0,.13),transparent 26%),
    linear-gradient(130deg,#0b0b0b,#16191b 58%,#0c0c0c);
  color:#fff;
}

.elementor .upmoto-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:linear-gradient(to right,transparent,black 55%,transparent);
  mask-image:linear-gradient(to right,transparent,black 55%,transparent);
}

.elementor .upmoto-hero-inner{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 72px);
  display:grid !important;
  grid-template-columns:.82fr 1.3fr;
  align-items:center;
}

.elementor .upmoto-hero-copy{
  padding:80px 0;
}

.elementor .upmoto-hero-badge{
  display:inline-flex;
  width:max-content;
  border:1px solid rgba(255,255,255,.15);
  padding:9px 12px;
}

.elementor .upmoto-hero-title .elementor-heading-title{
  font-size:clamp(66px,7.6vw,136px);
  line-height:.8;
  letter-spacing:-.08em;
  text-transform:uppercase;
  margin:26px 0;
}

.elementor .upmoto-hero-desc{
  max-width:580px;
}

.elementor .upmoto-hero-price .elementor-heading-title{
  font-size:50px;
}

.elementor .upmoto-hero-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px;
}

.elementor .upmoto-hero-visual{
  position:relative;
  min-height:670px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.elementor .upmoto-hero-number{
  position:absolute;
  right:-2%;
  top:6%;
  z-index:1;
  width:auto !important;
  pointer-events:none;
}

.elementor .upmoto-hero-number .elementor-heading-title{
  font-size:clamp(280px,34vw,620px);
  line-height:.8;
  font-weight:950;
  letter-spacing:-.12em;
  color:rgba(255,255,255,.035);
}

.elementor .upmoto-model-image{
  position:relative;
  z-index:3;
}

.elementor .upmoto-model-image img{
  width:min(960px,104%);
  filter:drop-shadow(0 45px 55px rgba(0,0,0,.6));
}

.elementor .upmoto-hero-meta{
  position:absolute;
  right:2%;
  bottom:7%;
  z-index:5;
  width:auto !important;
  display:flex;
  flex-direction:row;
  background:rgba(10,10,10,.65);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.16);
}

.elementor .upmoto-hero-meta-item{
  min-width:135px;
  padding:16px 20px;
}

.elementor .upmoto-performance{
  background:#BEFF00;
}

.elementor .upmoto-performance-inner{
  display:grid !important;
  grid-template-columns:repeat(5,1fr);
}

.elementor .upmoto-perf{
  padding:28px;
  border-right:1px solid rgba(13,13,13,.2);
}

.elementor .upmoto-features{
  padding:110px 0;
  background:#f5f5f3;
}

.elementor .upmoto-features-head{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:40px;
  margin-bottom:48px;
}

.elementor .upmoto-features-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.elementor .upmoto-feature{
  background:#fff;
  border:1px solid #e3e3e0;
  overflow:hidden;
  transition:.25s;
}

.elementor .upmoto-feature:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.07);
}

.elementor .upmoto-feature-image img{
  width:100%;
  height:260px;
  object-fit:cover;
}

.elementor .upmoto-feature-body{
  padding:25px 26px 28px;
}

.elementor .upmoto-feature-dark{
  background:#1E2124;
  color:#fff;
  border-color:#1E2124;
}

.elementor .upmoto-feature-volt{
  background:#BEFF00;
  border-color:#BEFF00;
}

.elementor .upmoto-specs{
  background:#101112;
  color:#fff;
  padding:110px 0;
}

.elementor .upmoto-specs-head{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:40px;
  margin-bottom:48px;
}

.elementor .upmoto-specs .elementor-accordion .elementor-accordion-item{
  border-color:#333;
}

.elementor .upmoto-specs .elementor-tab-title{
  color:#fff;
  background:transparent;
  padding:25px 0;
}

.elementor .upmoto-specs .elementor-tab-title.elementor-active{
  color:#BEFF00;
}

.elementor .upmoto-specs .elementor-tab-content{
  color:#ccc;
  border-top:1px solid #2a2a2a;
  padding:20px 0 26px;
  background:transparent;
}

.elementor .upmoto-gallery{
  padding:110px 0;
  background:#fff;
}

.elementor .upmoto-gallery-head{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:40px;
  margin-bottom:42px;
}

.elementor .upmoto-gallery-grid{
  display:grid !important;
  grid-template-columns:1.4fr .8fr .8fr;
  grid-template-rows:360px 360px;
  gap:16px;
}

.elementor .upmoto-gallery-main{
  grid-row:1/3;
}

.elementor .upmoto-gallery-item,
.elementor .upmoto-gallery-main{
  overflow:hidden;
}

.elementor .upmoto-gallery-item img,
.elementor .upmoto-gallery-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s;
}

.elementor .upmoto-gallery-item:hover img,
.elementor .upmoto-gallery-main:hover img{
  transform:scale(1.035);
}

.elementor .upmoto-cta{
  background:#BEFF00;
  padding:100px 0;
}

.elementor .upmoto-cta-inner{
  display:grid !important;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:45px;
}

@media(max-width:1000px){
  .elementor .upmoto-shell{
    width:min(calc(100% - 36px),1480px);
  }

  .elementor .upmoto-modelbar-link{
    display:none;
  }

  .elementor .upmoto-hero-inner{
    grid-template-columns:1fr;
    padding-top:45px;
  }

  .elementor .upmoto-hero-visual{
    min-height:500px;
  }

  .elementor .upmoto-performance-inner{
    grid-template-columns:repeat(2,1fr);
  }

  .elementor .upmoto-features-grid{
    grid-template-columns:1fr 1fr;
  }

  .elementor .upmoto-gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:340px 260px 260px;
  }

  .elementor .upmoto-gallery-main{
    grid-column:1/3;
    grid-row:auto;
  }
}

@media(max-width:650px){
  .elementor .upmoto-shell{
    width:calc(100% - 28px);
  }

  .elementor .upmoto-modelbar-inner{
    min-height:64px;
  }

  .elementor .upmoto-hero-copy{
    padding:45px 0 0;
  }

  .elementor .upmoto-hero-title .elementor-heading-title{
    font-size:60px;
  }

  .elementor .upmoto-hero-visual{
    min-height:360px;
  }

  .elementor .upmoto-hero-meta{
    right:0;
    bottom:0;
  }

  .elementor .upmoto-hero-meta-item{
    min-width:105px;
    padding:12px;
  }

  .elementor .upmoto-performance-inner{
    grid-template-columns:1fr 1fr;
  }

  .elementor .upmoto-perf{
    padding:21px 14px;
  }

  .elementor .upmoto-features,
  .elementor .upmoto-specs,
  .elementor .upmoto-gallery{
    padding:75px 0;
  }

  .elementor .upmoto-features-head,
  .elementor .upmoto-specs-head,
  .elementor .upmoto-gallery-head{
    grid-template-columns:1fr;
  }

  .elementor .upmoto-features-grid{
    grid-template-columns:1fr;
  }

  .elementor .upmoto-gallery-grid{
    grid-template-columns:1fr;
    grid-template-rows:repeat(5,260px);
  }

  .elementor .upmoto-gallery-main{
    grid-column:auto;
  }

  .elementor .upmoto-cta-inner{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   TECHNIKA PAGE
   ========================================================= */
body.page-template-page-technika .site-header{position:absolute;top:0;left:0;right:0;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.12);z-index:100}
body.page-template-page-technika .site-header.is-scrolled{position:fixed;background:#0d0d0d!important}
body.page-template-page-technika .site-header a,body.page-template-page-technika .site-header .menu a{color:#fff}
.up-technika-page{background:#fff;overflow:hidden}
.up-tech-hero{min-height:720px;height:82svh;position:relative;background:#0d0d0d;color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.up-tech-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 42%,rgba(190,255,0,.13),transparent 23%),linear-gradient(120deg,#111 0%,#0d0d0d 58%,#171914 100%)}
.up-tech-hero__grid{
    position:absolute;
    inset:0;
    opacity:1;
    background-image: linear-gradient(90deg, #00000085 97%, rgb(255 255 255 / 9%) 97%), url(../img/heroforpage.jpg);
    background-size:
        100px 100%,
        cover;
    background-position:
        center,
        center;
    background-repeat:
        repeat,
        no-repeat;
    transform: skewX(0deg);
}
.up-tech-hero__ghost{position:absolute;right:-.03em;bottom:-.18em;font-size:min(53vw,780px);font-weight:950;line-height:.75;letter-spacing:-.1em;color:rgba(255,255,255,.025);pointer-events:none}
.up-tech-hero__inner{position:relative;z-index:2;padding:190px 0 120px;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}
.up-tech-hero__copy h1{margin:0;font-size:clamp(72px,10vw,160px);line-height:.76;letter-spacing:-.075em;font-weight:950;text-transform:uppercase}
.up-tech-hero__copy h1 span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.68)}
.up-tech-hero__copy p{max-width:650px;margin:34px 0 0;font-size:clamp(18px,1.45vw,23px);line-height:1.55;color:rgba(255,255,255,.7)}
.up-tech-hero__aside{display:flex;align-items:center;gap:14px;padding-bottom:9px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#fff}.up-tech-hero__aside i{width:34px;height:1px;background:rgba(255,255,255,.25)}
.up-tech-scroll{position:absolute;z-index:4;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;color:#8e8e8e;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.15em}.up-tech-scroll b{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--volt)}
.up-tech-categories{padding:125px 0 135px;background:#f4f4f2}
.up-tech-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:52px}.up-tech-intro .up-copy{margin:0}
.up-tech-category-grid{display:grid;grid-template-columns:1.12fr .94fr .94fr;gap:16px}
.up-tech-category{min-height:560px;border-radius:28px;padding:28px;text-decoration:none;color:#fff!important;position:relative;overflow:hidden;background:#171717;display:flex;flex-direction:column;transition:.45s var(--ease)}
.up-tech-category:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 48%)}
.up-tech-category:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-190px;top:70px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.up-tech-category--atv{background:linear-gradient(145deg,#111,#20231a)}.up-tech-category--utv{background:linear-gradient(145deg,#252525,#111)}.up-tech-category--snow{background:linear-gradient(145deg,#303434,#121414)}
.up-tech-category:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(0,0,0,.16)}
.up-tech-category__top,.up-tech-category__body{position:relative;z-index:2}.up-tech-category__top{display:flex;justify-content:space-between;align-items:center}.up-tech-category__top span{color:var(--volt);font-size:12px;font-weight:900}.up-tech-category__top b{font-size:10px;letter-spacing:.16em;color:#999}
.up-tech-category__body{margin-top:auto}.up-tech-category__body h3{font-size:clamp(36px,3.5vw,62px);line-height:.88;letter-spacing:-.06em;margin:0 0 22px;font-weight:950;max-width:520px}.up-tech-category__body p{max-width:460px;color:#aaa;line-height:1.6;font-size:14px;margin:0 0 28px}.up-tech-category__cta{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.11em;display:flex;justify-content:space-between;align-items:center}.up-tech-category__cta i{font-style:normal;width:42px;height:42px;border-radius:50%;background:var(--volt);color:#000;display:grid;place-items:center;font-size:17px;transition:.3s}.up-tech-category:hover .up-tech-category__cta i{transform:rotate(-35deg)}
.up-tech-series{padding:120px 0 130px}.up-tech-series--light{background:#fff;color:#111}.up-tech-series--dark{background:#0d0d0d;color:#fff}.up-tech-series--dark .up-kicker{color:#fff}.up-tech-series--dark .up-model-card{color:#111}.up-tech-series__head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.up-tech-series__count{font-size:72px;font-weight:950;line-height:.75;letter-spacing:-.07em;color:var(--volt);text-align:right}.up-tech-series__count small{display:block;margin-top:12px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.15em;color:#888;font-weight:850}
.up-tech-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.up-tech-model-card{min-width:0;width:100%;height:auto;min-height:0;flex:auto}.up-tech-model-card:hover{transform:translateY(-7px)}
.up-tech-footer-cta{background:#161616;color:#fff;padding:110px 0}.up-tech-footer-cta__inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.up-tech-footer-cta h2{font-size:clamp(50px,6.3vw,100px);line-height:.82;letter-spacing:-.065em;font-weight:950;margin:20px 0 0}.up-tech-footer-cta h2 span{color:var(--volt)}
@media(max-width:1100px){.up-tech-category-grid{grid-template-columns:1fr 1fr}.up-tech-category:first-child{grid-column:span 2}.up-tech-category{min-height:460px}.up-tech-model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.up-tech-hero{min-height:650px;height:auto}.up-tech-hero__inner{padding:170px 0 100px;grid-template-columns:1fr}.up-tech-hero__aside{display:none}.up-tech-hero__copy h1{font-size:clamp(62px,19vw,105px)}.up-tech-categories,.up-tech-series{padding:82px 0}.up-tech-intro,.up-tech-series__head,.up-tech-footer-cta__inner{display:block}.up-tech-intro .up-copy{margin-top:25px}.up-tech-category-grid,.up-tech-model-grid{grid-template-columns:1fr}.up-tech-category:first-child{grid-column:auto}.up-tech-category{min-height:420px}.up-tech-series__count{text-align:left;font-size:54px;margin-top:28px}.up-tech-model-card{height:auto;min-width:0}.up-tech-footer-cta{padding:80px 0}.up-tech-footer-cta .up-btn{margin-top:34px}}

/* Technika: above-the-fold content must never be hidden while JS initializes. */
.up-tech-hero .up-reveal{
  opacity:1;
  transform:none;
}
.up-testdrive-simple .up-tech-hero__grid {
    background-image: linear-gradient(90deg, #00000085 97%, rgb(255 255 255 / 9%) 97%), url(../img/upmoto525org.jpg) !important;
}

/* =========================================================
   TECHNIKA REDESIGN v2 — compact catalogue
   ========================================================= */
body.page-template-page-technika .up-tech-categories{display:none!important}
.up-tech-hero--compact{min-height:560px;height:68svh;max-height:690px;align-items:stretch}
.up-tech-hero--compact .up-tech-hero__inner{padding:165px 0 112px;align-items:end;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr)}
.up-tech-hero--compact .up-tech-hero__copy h1{font-size: 90px;line-height: 104px;}
.up-tech-hero--compact .up-tech-hero__copy h1 span{color:var(--volt);-webkit-text-stroke:0}
.up-tech-hero--compact .up-tech-hero__copy p{max-width:710px;color: #fff;margin-top:26px;font-size:clamp(16px,1.25vw,20px)}
.up-tech-hero--compact .up-tech-hero__ghost{right:-.04em;bottom:-.05em;font-size:min(35vw,560px);color:rgba(190,255,0,.028);letter-spacing:-.13em}
.up-tech-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);align-self:end}
.up-tech-hero__stats>div{padding:20px 18px;border-right:1px solid rgba(255,255,255,.14)}
.up-tech-hero__stats>div:last-child{border-right:0}
.up-tech-hero__stats strong{display:block;color:var(--volt);font-size:35px;line-height:1;font-weight:950;letter-spacing:-.05em}
.up-tech-hero__stats span{display:block;margin-top:7px;color:#8f8f8f;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.up-tech-rail{position:absolute;left:0;right:0;bottom:0;z-index:5;border-top:1px solid rgba(255,255,255,.14);background:rgba(13,13,13,.72);backdrop-filter:blur(12px)}
.up-tech-rail__inner{min-height:72px;display:flex;align-items:stretch}
.up-tech-rail__label{display:flex;align-items:center;padding-right:32px;margin-right:10px;color:#777;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.up-tech-rail a{display:flex;align-items:center;gap:11px;padding:0 30px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em;border-left:1px solid rgba(255,255,255,.11);transition:.25s}
.up-tech-rail a small{color:var(--volt);font-size:9px}
.up-tech-rail a:hover{background:var(--volt);color:#0d0d0d}.up-tech-rail a:hover small{color:#0d0d0d}

.up-tech-series{position:relative;padding:84px 0 96px;overflow:hidden;scroll-margin-top:80px}
.up-tech-series--light{background:linear-gradient(180deg,#f7f7f5 0,#fff 26%)}
.up-tech-series--dark{background:linear-gradient(180deg,#111 0,#090909 100%)}
.up-tech-series__ghost{position:absolute;right:-.02em;top:-.15em;font-size:clamp(230px,23vw,430px);font-weight:950;line-height:1;letter-spacing:-.11em;color:rgba(0,0,0,.026);pointer-events:none}
.up-tech-series--dark .up-tech-series__ghost{color:rgba(255,255,255,.025)}
.up-tech-series__head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,480px) 110px;align-items:end;gap:48px;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid rgba(13,13,13,.1)}
.up-tech-series--dark .up-tech-series__head{border-color:rgba(255,255,255,.12)}
.up-tech-series__heading .up-section-title{font-size:clamp(54px,5.2vw,88px);line-height:.82;margin-top:12px}
.up-tech-series__desc{margin:0;color:#676767;font-size:14px;line-height:1.65;max-width:440px}
.up-tech-series--dark .up-tech-series__desc{color:#888}
.up-tech-series__count{font-size:56px}

.up-tech-model-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.up-tech-model-card{min-width:0;width:100%;height:525px;border-radius:20px;box-shadow:0 8px 28px rgba(0,0,0,.045);border:1px solid rgba(13,13,13,.055)}
.up-tech-model-card .up-model-card__visual{height:66%;background:linear-gradient(155deg,#fff,#eeeeeb)}
.up-tech-model-card .up-model-card__body{height:34%;padding:20px 21px 19px}
.up-tech-model-card .up-model-card__title{font-size:20px;margin-bottom:12px}
.up-tech-model-card .up-model-card__series{font-size:8.5px}
.up-tech-model-card .up-model-card__engine{font-size:46px;right:15px;top:14px}
.up-tech-model-card .up-model-card__badge{top:16px;left:16px;padding:8px 10px;font-size:8.5px}
.up-tech-model-card .up-model-card__visual img{padding:30px 10px 4px;transform:scale(.98)}
.up-tech-model-card:hover .up-model-card__visual img{transform:scale(1.045) translateY(-4px)}
.up-tech-card__line{position:absolute;z-index:1;left:-12%;right:-12%;bottom:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,255,0,.9),transparent);transform:rotate(-8deg);opacity:.58}
.up-tech-model-card .up-model-card__meta{padding-top:13px}
.up-tech-model-card .up-price{font-size:18px}
.up-tech-model-card .up-price small{font-size:8px}
.up-tech-model-card .up-card-link{width:39px;height:39px}
.up-tech-series--dark .up-tech-model-card{background:#f7f7f5;border-color:rgba(255,255,255,.05)}

.up-tech-footer-cta{padding:88px 0;background:linear-gradient(120deg,#161616,#0e0f0d 70%,#18200c)}
.up-tech-footer-cta h2{font-size:clamp(44px,5.4vw,82px)}

@media(max-width:1450px){
  .up-tech-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .up-tech-model-card{height:540px}
}
@media(max-width:1050px){
  .up-tech-hero--compact{height:auto;min-height:610px;max-height:none}
  .up-tech-hero--compact .up-tech-hero__inner{grid-template-columns:1fr;gap:42px;padding:155px 0 130px}
  .up-tech-hero__stats{max-width:620px}
  .up-tech-series__head{grid-template-columns:1fr 110px;gap:26px}
  .up-tech-series__desc{grid-column:1/2;grid-row:2;margin-top:-10px}
  .up-tech-series__count{grid-column:2;grid-row:1/3}
  .up-tech-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .up-tech-hero--compact{min-height:560px}
  .up-tech-hero--compact .up-tech-hero__inner{padding:132px 0 128px;gap:32px}
  .up-tech-hero--compact .up-tech-hero__copy h1{font-size:clamp(51px,15vw,78px)}
  .up-tech-hero__stats{grid-template-columns:repeat(3,1fr)}
  .up-tech-hero__stats>div{padding:14px 8px}
  .up-tech-hero__stats strong{font-size:27px}.up-tech-hero__stats span{font-size:7px;letter-spacing:.08em}
  .up-tech-rail__label{display:none}.up-tech-rail__inner{overflow-x:auto;width:100%;padding:0}.up-tech-rail a{flex:1;min-width:max-content;padding:0 18px;justify-content:center}
  .up-tech-series{padding:62px 0 72px}
  .up-tech-series__head{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:24px;padding-bottom:20px}
  .up-tech-series__heading .up-section-title{font-size:clamp(48px,15vw,72px)}
  .up-tech-series__desc{grid-column:1/-1;grid-row:auto;margin:0}
  .up-tech-series__count{grid-column:2;grid-row:1;text-align:right;font-size:43px}
  .up-tech-model-grid{grid-template-columns:1fr;gap:12px}
  .up-tech-model-card{height:510px}
  .up-tech-footer-cta{padding:68px 0}
}

/* TECHNIKA catalogue cards v2 — product name, price and quick specs */
.up-tech-model-grid{
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap:18px;
}
.up-tech-model-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(13,13,13,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.055);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.up-tech-model-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(0,0,0,.10);
  border-color:rgba(190,255,0,.65);
}
.up-tech-card__visual{
  position:relative;
  display:block;
  height:390px;
  overflow:hidden;
  background:linear-gradient(155deg,#fff 38%,#f1f2ef 100%);
  border-bottom:1px solid rgba(13,13,13,.07);
}
.up-tech-card__visual img{
  position:absolute;
  inset:56px 14px 10px;
  width:calc(100% - 28px);
  height:calc(100% - 66px);
  object-fit:contain;
  z-index:2;
  transition:transform .35s ease;
}
.up-tech-model-card:hover .up-tech-card__visual img{transform:scale(1.045) translateY(-4px)}
.up-tech-card__line{position:absolute;left:-8%;right:-8%;bottom:38px;height:1px;background:#beff00;transform:rotate(-6deg);opacity:.55;z-index:1}
.up-tech-card__badges{position:absolute;left:18px;top:17px;z-index:4;display:flex;gap:7px;flex-wrap:wrap;max-width:75%}
.up-tech-card__badge{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#0d0d0d;color:#fff;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.up-tech-card__badge b{color:#beff00;margin-right:3px}
.up-tech-card__badge--ghost{background:rgba(255,255,255,.88);color:#0d0d0d;border:1px solid rgba(13,13,13,.12);backdrop-filter:blur(6px)}
.up-tech-card__engine{position:absolute;right:18px;top:22px;z-index:1;font-size:48px;line-height:1;font-weight:950;letter-spacing:-.06em;color:rgba(13,13,13,.07)}
.up-tech-card__body{padding:21px 22px 0;background:#fff}
.up-tech-card__series{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#7c7f7b;margin-bottom:7px}
.up-tech-card__title{font-size: 17px;line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:950;text-transform:uppercase}
.up-tech-card__title a{color:#0d0d0d;text-decoration:none}
.up-tech-card__price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 0 18px}
.up-tech-card__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.up-tech-card__price strong{font-size:26px;line-height:1;font-weight:950;letter-spacing:-.035em;color:#0d0d0d}
.up-tech-card__price small{font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#858883}
.up-tech-card__arrow{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#beff00;color:#0d0d0d;text-decoration:none;font-size:17px;font-weight:900;transition:transform .2s ease}
.up-tech-card__arrow:hover{transform:rotate(45deg)}
.up-tech-card__specs{margin:0 -22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#111213;border-top:1px solid #222;color:#fff}
.up-tech-card__spec{min-height:76px;padding:14px 18px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.up-tech-card__spec:nth-child(2n){border-right:0}
.up-tech-card__spec:nth-last-child(-n+2){border-bottom:0}
.up-tech-card__spec span{display:block;margin-bottom:6px;color:#beff00;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.up-tech-card__spec strong{display:block;color:#fff;font-size: 13px;line-height:1.28;font-weight:800}
.up-tech-series--dark .up-tech-model-card{background:#fff;border-color:rgba(255,255,255,.12)}

@media(max-width:1240px){
  .up-tech-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .up-tech-card__visual{height:380px}
}
@media(max-width:760px){
  .up-tech-model-grid{grid-template-columns:1fr}
  .up-tech-card__visual{height:330px}
  .up-tech-card__body{padding:18px 18px 0}
  .up-tech-card__specs{margin:0 -18px}
  .up-tech-card__title{font-size:25px}
  .up-tech-card__price strong{font-size:24px}
}
\n/* TECHNIKA card layout fix — content must never be clipped */
.up-tech-model-grid{align-items:stretch}
.up-tech-model-card{height:auto!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden}
.up-tech-card__visual{flex:0 0 360px;height:360px}
.up-tech-card__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 0}
.up-tech-card__title{min-height:2.08em;margin-bottom: 12px;}
.up-tech-card__price-row{margin-top:auto;padding:0 0 18px;align-items:center}
.up-tech-card__price{display:block}
.up-tech-card__price strong{display:block;font-size:30px;line-height:1;color:#0d0d0d}
.up-tech-card__price small{display:block;margin-top:6px}
.up-tech-card__arrow{width:auto;height:42px;flex:0 0 auto;border-radius:0;padding:0 17px;gap:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.up-tech-card__arrow{font-size: 10px;}
.up-tech-card__arrow::after{content:'→';font-size:15px;display: none;}
.up-tech-card__arrow::before{font-size:10px}
.up-tech-card__arrow:hover{transform:translateX(3px)}
.up-tech-card__specs{margin-top:0}
@media(max-width:1240px){.up-tech-card__visual{height:350px;flex-basis:350px}}
@media(max-width:760px){.up-tech-card__visual{height:310px;flex-basis:310px}.up-tech-card__title{min-height:0}.up-tech-card__price strong{font-size:27px}}


/* =========================================================
   BANDOMASIS VAŽIAVIMAS / TEST RIDE
   ========================================================= */
.up-testdrive-page{background:#f4f5f2;color:#0d0d0d}
.up-td-hero{position:relative;min-height:780px;overflow:hidden;background:#0d0f0e;color:#fff}
.up-td-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(190,255,0,.10),transparent 32%),linear-gradient(90deg,rgba(13,15,14,.1),rgba(13,15,14,0));pointer-events:none}
.up-td-hero__grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:80px 80px;transform:perspective(700px) rotateX(58deg) scale(1.4);transform-origin:center bottom;top:35%}
.up-td-hero__ghost{position:absolute;right:-25px;bottom:-115px;font-size:340px;font-weight:950;line-height:.8;letter-spacing:-.09em;color:rgba(255,255,255,.028);white-space:nowrap;z-index:0}
.up-td-hero__inner{position:relative;z-index:2;min-height:780px;display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;padding-top:92px}
.up-td-hero__copy{padding:42px 0}
.up-td-hero__copy h1{margin:14px 0 23px;font-size:clamp(72px,6.7vw,132px);font-weight:950;line-height:.82;letter-spacing:-.065em;text-transform:uppercase}
.up-td-hero__copy h1 span{color:#beff00}
.up-td-hero__copy>p{max-width:610px;margin:0;color:#b9bdb8;font-size:17px;line-height:1.7}
.up-td-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:45px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.up-td-hero__facts>div{padding:17px 17px 17px 0;border-right:1px solid rgba(255,255,255,.12)}
.up-td-hero__facts>div+div{padding-left:17px}
.up-td-hero__facts>div:last-child{border-right:0}
.up-td-hero__facts b{display:block;margin-bottom:6px;color:#beff00;font-size:10px;letter-spacing:.12em}
.up-td-hero__facts span{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.up-td-hero__visual{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}
.up-td-hero__visual img{position:relative;z-index:2;width:112%;max-width:none;max-height:620px;object-fit:contain;filter:drop-shadow(0 32px 30px rgba(0,0,0,.45));transform:translateX(3%)}
.up-td-hero__ring{position:absolute;z-index:0;width:500px;height:500px;border:1px solid rgba(190,255,0,.24);border-radius:50%;box-shadow:0 0 0 72px rgba(190,255,0,.025),0 0 0 150px rgba(255,255,255,.018)}
.up-td-hero__tag{position:absolute;right:2%;top:19%;z-index:3;padding:10px 13px;border:1px solid rgba(190,255,0,.5);color:#beff00;font-size:9px;font-weight:900;letter-spacing:.18em;transform:rotate(90deg);transform-origin:right top}
.up-td-scroll{position:absolute;z-index:4;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.up-td-scroll span{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;color:#beff00;font-size:13px}

.up-td-form-section{position:relative;padding:110px 0 120px;background:#f4f5f2;overflow:hidden}
.up-td-form-section:before{content:"TEST";position:absolute;left:-20px;bottom:-65px;font-size:310px;font-weight:950;line-height:1;color:rgba(13,13,13,.025);letter-spacing:-.08em;pointer-events:none}
.up-td-form-grid{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.up-td-form-intro{position:sticky;top:120px;padding-top:22px}
.up-td-form-intro .up-section-title{font-size:clamp(60px,5.2vw,98px);line-height:.87;margin:16px 0 26px;letter-spacing:-.06em}
.up-td-form-intro>p{max-width:500px;color:#686c67;font-size:15px;line-height:1.7}
.up-td-side-points{margin-top:44px;border-top:1px solid rgba(13,13,13,.15)}
.up-td-side-points>div{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(13,13,13,.12)}
.up-td-side-points strong{color:#0d0d0d;font-size:12px;font-weight:950;letter-spacing:.08em}
.up-td-side-points span{color:#757974;font-size:12px;line-height:1.45}

.up-td-form-card{background:#0f1110;color:#fff;border-radius:2px;padding:0;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.14)}
.up-td-form-card__top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.1)}
.up-td-form-card__top span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#a9ada8}
.up-td-form-card__top b{font-size:28px;color:#beff00;letter-spacing:-.04em}
.up-td-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 30px 30px}
.up-td-field{padding:22px 14px 12px;border-bottom:1px solid rgba(255,255,255,.11)}
.up-td-field:nth-child(odd):not(.up-td-field--full){border-right:1px solid rgba(255,255,255,.11)}
.up-td-field--full{grid-column:1/-1}
.up-td-field label{display:block;margin-bottom:10px;color:#929791;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.up-td-field label i{color:#beff00;font-style:normal}
.up-td-field input,.up-td-field select,.up-td-field textarea{display:block;width:100%;margin:0;padding:5px 0 11px;border:0;border-radius:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:700;box-shadow:none}
.up-td-field input::placeholder,.up-td-field textarea::placeholder{color:#5e625e;font-weight:600}
.up-td-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px}
.up-td-field select option{color:#111;background:#fff}
.up-td-select-wrap{position:relative}
.up-td-select-wrap:after{content:'↓';position:absolute;right:4px;top:50%;transform:translateY(-60%);color:#beff00;font-weight:900;pointer-events:none}
.up-td-field textarea{resize:vertical;min-height:92px;line-height:1.5}
.up-td-field input[type=date]{color-scheme:dark}
.up-td-form__bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 14px 0}
.up-td-form__bottom p{max-width:390px;margin:0;color:#6f746f;font-size:10px;line-height:1.5}
.up-td-form__bottom .up-btn{border:0;cursor:pointer;white-space:nowrap}
.up-td-hp{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}
.up-td-notice{margin:22px 30px 0;padding:14px 16px;border-left:3px solid #beff00;background:rgba(190,255,0,.08);color:#e8eee3;font-size:12px;line-height:1.5}
.up-td-notice--error{border-left-color:#ff6f61;background:rgba(255,111,97,.08)}

.up-td-steps{padding:105px 0 120px;background:#fff}
.up-td-steps__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.up-td-steps__head h2{margin:0;font-size:clamp(54px,5vw,94px);line-height:.88;letter-spacing:-.055em;font-weight:950;text-transform:uppercase}
.up-td-steps__head h2 span{color:#beff00;-webkit-text-stroke:1px #0d0d0d}
.up-td-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9dbd7;border-bottom:1px solid #d9dbd7}
.up-td-steps__grid article{position:relative;min-height:255px;padding:34px 34px 30px;border-right:1px solid #d9dbd7;overflow:hidden}
.up-td-steps__grid article:last-child{border-right:0}
.up-td-steps__grid article>b{position:absolute;right:22px;top:18px;color:#beff00;font-size:52px;font-weight:950;line-height:1;letter-spacing:-.06em}
.up-td-steps__grid h3{margin:82px 0 12px;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.035em}
.up-td-steps__grid p{max-width:310px;margin:0;color:#70746f;font-size:13px;line-height:1.55}

@media(max-width:1100px){
  .up-td-hero__inner{grid-template-columns:1fr;gap:0;padding:145px 0 85px}
  .up-td-hero__visual{min-height:390px}.up-td-hero__visual img{width:80%;max-height:430px}.up-td-hero__ring{width:360px;height:360px}
  .up-td-form-grid{grid-template-columns:1fr;gap:45px}.up-td-form-intro{position:relative;top:auto;max-width:760px}.up-td-side-points{max-width:650px}
}
@media(max-width:760px){
  .up-td-hero{min-height:auto}.up-td-hero__inner{min-height:0;padding:125px 0 95px}.up-td-hero__copy h1{font-size:clamp(54px,16vw,78px)}.up-td-hero__copy>p{font-size:14px}.up-td-hero__facts{grid-template-columns:1fr}.up-td-hero__facts>div,.up-td-hero__facts>div+div{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.up-td-hero__visual{min-height:290px}.up-td-hero__visual img{width:120%;max-height:330px}.up-td-hero__ring{width:250px;height:250px}.up-td-hero__tag{display:none}.up-td-scroll{display:none}
  .up-td-form-section{padding:70px 0 80px}.up-td-form-intro .up-section-title{font-size:clamp(53px,15vw,72px)}.up-td-form-card__top{padding:0 20px}.up-td-form{grid-template-columns:1fr;padding:7px 20px 22px}.up-td-field,.up-td-field:nth-child(odd):not(.up-td-field--full){grid-column:1/-1;border-right:0;padding-left:4px;padding-right:4px}.up-td-form__bottom{display:block;padding-left:4px;padding-right:4px}.up-td-form__bottom p{margin-bottom:20px}.up-td-form__bottom .up-btn{width:100%;justify-content:space-between}.up-td-notice{margin-left:20px;margin-right:20px}
  .up-td-steps{padding:70px 0}.up-td-steps__head{display:block}.up-td-steps__head .up-kicker{margin-bottom:18px}.up-td-steps__head h2{font-size:52px}.up-td-steps__grid{grid-template-columns:1fr}.up-td-steps__grid article{min-height:190px;border-right:0;border-bottom:1px solid #d9dbd7}.up-td-steps__grid article:last-child{border-bottom:0}.up-td-steps__grid h3{margin-top:55px}
}

/* ===== Test drive — simplified visual selector ===== */
.up-testdrive-simple{background:#f5f6f3;color:#0d0d0d}
.up-td-simple-head{padding:150px 0 72px;border-bottom:1px solid #dfe1dc;background-image: linear-gradient(90deg, #0000003b 97%, rgb(255 255 255 / 9%) 97%), url(../assets/img/upmoto525org.jpg) !important;mask-image: linear-gradient(90deg, #000000, transparent 82%);}
.up-td-simple-head__row{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.up-td-simple-head h1{margin:12px 0 0;font-size: clamp(72px,7vw,69px);line-height: 75px;letter-spacing:-.065em;font-weight:950;text-transform:uppercase}
.up-td-simple-head h1 em{font-style:normal;color:#beff00}
.up-td-simple-head__row>p{max-width:520px;margin:0 0 10px;color:#666b65;font-size:16px;line-height:1.65}
.up-td-models{padding:58px 0 90px;background:#fff}
.up-td-models__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.up-td-models__head>div{display:flex;align-items:center;gap:16px}
.up-td-stepno{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#beff00;color:#0d0d0d;font-size:11px;font-weight:950}
.up-td-models__head h2,.up-td-contact__title h2{margin:0;font-size:36px;line-height:.95;letter-spacing:-.04em;font-weight:950;text-transform:uppercase}
.up-td-selected-label{max-width:42%;color:#777c76;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;text-align:right}
.up-td-model-grid{display:grid;grid-template-columns: repeat(8,minmax(0,1fr));gap:14px}
.up-td-model-card{position:relative;display:block;width:100%;min-width:0;padding:0 0 18px;background:#f7f8f5;border:1px solid #e1e3de;border-radius:14px;color:#0d0d0d;text-align:left;cursor:pointer;overflow:hidden;transition:.22s ease;font:inherit}
.up-td-model-card:hover{transform:translateY(-3px);border-color:#bcc3b8;box-shadow:0 14px 30px rgba(0,0,0,.07)}
.up-td-model-card.is-selected{border-color:#beff00;box-shadow:0 0 0 2px #beff00,0 18px 36px rgba(0,0,0,.08);background:#fff}
.up-td-model-card__image{display:flex;align-items:center;justify-content:center;height:210px;padding:14px 12px 0;background:linear-gradient(180deg,#fff 0%,#f4f5f2 100%)}
.up-td-model-card__image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,0,0,.12));transition:transform .22s ease}
.up-td-model-card:hover .up-td-model-card__image img{transform:scale(1.035)}
.up-td-model-card__meta{display:block;margin:16px 18px 5px;color:#8a8f88;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.up-td-model-card strong{display:block;margin:0 18px;font-size: 15px;line-height:1.05;letter-spacing:-.03em;font-weight:950;text-transform:uppercase}
.up-td-model-card__check{position:absolute;z-index:3;top:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0d0d0d;color:#fff;font-size:11px;font-weight:950;opacity:0;transform:scale(.75);transition:.18s ease}
.up-td-model-card.is-selected .up-td-model-card__check{opacity:1;transform:scale(1);background:#beff00;color:#0d0d0d}
.up-td-contact{padding:82px 0 100px;background:#101211;color:#fff}
.up-td-contact__grid{display:grid;grid-template-columns:.42fr 1fr;gap:80px;align-items:start}
.up-td-contact__title{padding-top:10px}
.up-td-contact__title .up-td-stepno{margin-bottom:18px}
.up-td-contact__title h2{font-size: clamp(48px,4.4vw,65px);line-height: 86px;}
.up-td-contact__title p{max-width:300px;margin:22px 0 0;color:#888d87;font-size:13px;line-height:1.6}
.up-td-contact__formwrap{max-width:900px}
.up-td-contact .up-td-notice{margin:0 0 18px;padding:14px 16px;border-left:3px solid #beff00;background:rgba(190,255,0,.08);color:#e8eee3}
.up-td-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.14)}
.up-td-compact-form>label{display:block;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.up-td-compact-form>label:nth-of-type(odd):not(.up-td-wide){border-right:1px solid rgba(255,255,255,.12)}
.up-td-compact-form label span{display:block;margin-bottom:9px;color:#81867f;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.up-td-compact-form input,.up-td-compact-form textarea{width:100%;padding:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:750;box-shadow:none;border-radius:0}
.up-td-compact-form input::placeholder,.up-td-compact-form textarea::placeholder{color:#515650}
.up-td-compact-form textarea{resize:vertical;min-height:68px;line-height:1.45}
.up-td-wide{grid-column:1/-1}
.up-td-current-model{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(190,255,0,.055)}
.up-td-current-model span{color:#7f857e;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.up-td-current-model strong{font-size:14px;font-weight:950;text-transform:uppercase}
.up-td-current-model a{margin-left:auto;color:#beff00;font-size:9px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
.up-td-compact-form__bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 0 0}
.up-td-compact-form__bottom small{max-width:400px;color:#71766f;font-size:10px;line-height:1.5}
.up-td-compact-form__bottom .up-btn{border:0;cursor:pointer;white-space:nowrap}

@media(max-width:1100px){
  .up-td-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .up-td-contact__grid{grid-template-columns:1fr;gap:40px}.up-td-contact__title p{max-width:520px}
}
@media(max-width:760px){
  .up-td-simple-head{padding:115px 0 48px}.up-td-simple-head__row{grid-template-columns:1fr;gap:24px}.up-td-simple-head h1{font-size:clamp(56px,17vw,78px)}
  .up-td-models{padding:38px 0 65px}.up-td-models__head{align-items:flex-start}.up-td-models__head h2{font-size:28px}.up-td-selected-label{display:none}
  .up-td-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.up-td-model-card__image{height:145px;padding:8px 5px 0}.up-td-model-card__meta{margin:12px 12px 4px}.up-td-model-card strong{margin:0 12px;font-size:15px}.up-td-model-card{padding-bottom:14px;border-radius:10px}
  .up-td-contact{padding:60px 0 75px}.up-td-contact__grid{gap:28px}.up-td-contact__title h2{font-size:52px}.up-td-compact-form{grid-template-columns:1fr}.up-td-compact-form>label,.up-td-compact-form>label:nth-of-type(odd):not(.up-td-wide){grid-column:1/-1;border-right:0;padding:18px 4px}.up-td-current-model{padding:16px 4px;flex-wrap:wrap}.up-td-current-model a{margin-left:0}.up-td-compact-form__bottom{display:block;padding-top:22px}.up-td-compact-form__bottom small{display:block;margin-bottom:18px}.up-td-compact-form__bottom .up-btn{width:100%;justify-content:space-between}
}
/* =====================================================
   UPMOTO FOOTER
===================================================== */

.site-footer {
    position: relative;
    background:
        radial-gradient(circle at 85% 45%, rgba(151, 201, 35, 0.05), transparent 30%),
        linear-gradient(180deg, #0b0c0c 0%, #080909 100%);
    color: #fff;
    border-top: 5px solid #9acd25;
    padding: 70px 0 0;
    overflow: hidden;
}

.site-footer .container {
    width: min(1320px, calc(100% - 60px));
    margin: 0 auto;
}


/* =====================================================
   MAIN GRID
===================================================== */

.site-footer .footer-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr)
        minmax(150px, .75fr)
        minmax(180px, .9fr)
       
        minmax(573px, 1.35fr);
    gap: 55px;
    align-items: start;
}


/* =====================================================
   BRAND
===================================================== */

.footer-brand-col {
    min-width: 0;
}

.footer-logo {
    display: inline-block;
    text-decoration: none !important;
}

.site-footer .footer-brand {
    display: inline-flex;
    flex-direction: column;

    font-size: 31px;
    line-height: .9;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -1px;

    color: #fff;
}

.site-footer .footer-brand span {
    margin-top: 12px;
    padding-left: 20px;

    font-size: 13px;
    line-height: 1;
    letter-spacing: 5px;
    font-style: normal;

    color: #9acd25;
}

.footer-tagline {
    margin: 25px 0 0 !important;

    font-size: 16px;
    line-height: 1.55;
    color: #d5d5d5;
}


/* =====================================================
   SOCIAL
===================================================== */

.footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 25px;
}

.footer-socials a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50%;
    background: #17191a;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 17px;

    transition: .25s ease;
}

.footer-socials a:hover {
    background: #9acd25;
    color: #080909 !important;
    transform: translateY(-3px);
}

.tiktok-icon {
    font-size: 20px;
    font-weight: 700;
}


/* =====================================================
   SLOGAN
===================================================== */

.footer-slogan {
    display: inline-block;
    position: relative;

    margin-top: 28px;

    color: #9acd25;

    font-size: 19px;
    font-weight: 600;
    font-style: italic;

    transform: rotate(-4deg);
}

.footer-slogan:after {
    content: "";
    display: block;

    width: 100%;
    height: 2px;

    margin-top: 7px;

    background: #9acd25;

    transform: rotate(-2deg);
}


/* =====================================================
   COLUMNS
===================================================== */

.site-footer .footer-column h4,
.site-footer .footer-grid > div > h4 {
    position: relative;

    margin: 0 0 28px;

    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    text-transform: none;

    color: #fff;
}

.site-footer .footer-column h4:after,
.site-footer .footer-grid > div > h4:after {
    content: "";
    display: block;

    width: 30px;
    height: 2px;

    margin-top: 13px;

    background: #9acd25;
}


/* links */

.site-footer .footer-column > a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    padding: 8px 0;

    color: #d3d3d3;
    font-size: 15px;
    line-height: 1.35;

    text-decoration: none;

    transition: .2s ease;
}

.site-footer .footer-column > a span {
    margin-left: 15px;
    color: #777;
    transition: .2s ease;
}

.site-footer .footer-column > a:hover {
    color: #9acd25;
    padding-left: 4px;
}

.site-footer .footer-column > a:hover span {
    color: #9acd25;
}


/* =====================================================
   WORDPRESS FOOTER MENU
===================================================== */

.site-footer .footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer .footer-menu li {
    margin: 0;
    padding: 0;
}

.site-footer .footer-menu li a {
    position: relative;
    display: block;

    padding: 8px 22px 8px 0;

    color: #d3d3d3;
    font-size: 15px;
    line-height: 1.35;

    text-decoration: none;

    transition: .2s ease;
}

.site-footer .footer-menu li a:after {
    content: "›";

    position: absolute;
    right: 0;
    top: 50%;

    transform: translateY(-50%);

    color: #777;
    font-size: 18px;

    transition: .2s ease;
}

.site-footer .footer-menu li a:hover {
    color: #9acd25;
    padding-left: 4px;
}

.site-footer .footer-menu li a:hover:after {
    color: #9acd25;
    right: -3px;
}


/* =====================================================
   CTA BOX
===================================================== */

.site-footer .footer-cta {
    position: relative;
    padding: 32px 32px 34px;
    border: 1px solid #292b2c;
    background: linear-gradient(90deg, #000000d6 111%, rgb(0 0 0 / 92%) 95%), url(../img/apiemus-foto.jpg);
    box-shadow: 0 15px 50px rgb(93 84 84 / 25%);
    background-position: center;
    border-radius: 17px;
}

.footer-cta-small {
    margin-bottom: 18px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 4px;
}

.footer-cta-small span {
    color: #9acd25;
    letter-spacing: 0;
    margin-right: 8px;
}

.site-footer .footer-cta h3 {
    margin: 0 0 15px;

    color: #fff;

    font-size: clamp(25px, 2vw, 34px);
    line-height: 1.03;
    font-weight: 900;

    text-transform: uppercase;
}

.site-footer .footer-cta h3 strong {
    display: block;
    color: #c0ff3f;
}

.site-footer .footer-cta p {
    margin: 0 0 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
}


/* CTA button */

.site-footer .footer-cta-btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 55px;
    padding: 0 22px !important;
    background: #c0ff3f !important;
    border: 0 !important;
    border-radius: 0;
    color: #050505 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .5px;
    text-decoration: none !important;
    transition: .25s ease;
}

.site-footer .footer-cta-btn span {
    font-size: 20px;
    transition: transform .25s ease;
}

.site-footer .footer-cta-btn:hover {
    background: #b5ef2c !important;
}

.site-footer .footer-cta-btn:hover span {
    transform: translateX(5px);
}


/* =====================================================
   FOOTER BOTTOM
===================================================== */

.site-footer .footer-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 30px;

    margin-top: 65px;
    padding-top: 25px;
    padding-bottom: 28px;

    border-top: 1px solid #262829;

    color: #777;
    font-size: 12px;
}

.footer-copyright {
    justify-self: start;
}

.footer-powered {
    justify-self: end;
}

.footer-legal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    white-space: nowrap;
}

.footer-legal a {
    color: #8d8d8d;
    text-decoration: none;
    transition: .2s ease;
}

.footer-legal a:hover {
    color: #9acd25;
}

.footer-legal > span {
    color: #414141;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1150px) {

    .site-footer .footer-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 45px;
    }

    .site-footer .footer-cta {
        grid-column: span 2;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .site-footer {
        padding-top: 50px;
    }

    .site-footer .container {
        width: calc(100% - 36px);
    }

    .site-footer .footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 25px;
    }

    .footer-brand-col {
        grid-column: 1 / -1;
    }

    .site-footer .footer-cta {
        grid-column: 1 / -1;
        padding: 28px 24px;
    }

    .site-footer .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;

        margin-top: 45px;
        padding-bottom: 90px;
    }

    .footer-legal {
        justify-content: flex-start;
        flex-wrap: wrap;
        white-space: normal;
        gap: 8px 12px;
    }

    .footer-powered {
        justify-self: auto;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .site-footer .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-brand-col,
    .site-footer .footer-cta {
        grid-column: auto;
    }

    .site-footer .footer-brand {
        font-size: 28px;
    }

    .site-footer .footer-column {
        border-top: 1px solid #202223;
        padding-top: 25px;
    }

}
/* =========================================================
   HERO SLIDER
   ========================================================= */

.up-hero {
    position: relative;
    overflow: hidden;
}

.up-hero__slider {
    position: absolute;
    inset: 0;
}

.up-hero__slide {
    position: absolute;
    inset: 0;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .9s ease,
        visibility .9s ease;

    z-index: 1;
}

.up-hero__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}


/* BACKGROUND */

.up-hero__slide .up-hero__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.up-hero__slide .up-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transform: scale(1.04);
    transition: transform 7s ease;
}

.up-hero__slide.is-active .up-hero__media img {
    transform: scale(1);
}


/* CONTENT ANIMATION */

.up-hero__slide .up-hero__copy {
    opacity: 0;
    transform: translateY(30px);

    transition:
        opacity .7s ease .25s,
        transform .7s ease .25s;
}

.up-hero__slide.is-active .up-hero__copy {
    opacity: 1;
    transform: translateY(0);
}


/* GRID turi būti virš foto */

.up-hero__slide .up-hero__grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}


/* CONTENT */

.up-hero__slide .up-hero__content {
    position: relative;
    z-index: 3;
}


/* PAGER visada virš sliderio */

.up-hero__pager {
    position: absolute;
    z-index: 20;
}

.up-scroll {
    z-index: 20;
}