/* EV visual direction — restrained cyan accents and technical details. */
:root{--ink:#142631;--teal:#075d76;--muted:#677982;--cream:#f3f6f7;--line:#dde5e9;--gold:#74e6df;--night:#0b151e;--cyan:#74e6df}
body{background:#fff;color:var(--ink)}
::selection{background:#74e6df;color:#0b151e}
#scroll-progress{background:var(--cyan)}
#navbar,#navbar.scrolled{background:#0b151ef5;color:#e8f0f3;border-bottom:1px solid #ffffff10;backdrop-filter:blur(16px);box-shadow:none;padding:17px 0}
.brand{gap:9px}.brand img{width:35px;height:35px}.brand strong{font-size:19px;letter-spacing:.12em;font-weight:600}.brand small{color:#849aa6;margin-left:10px;border-color:#ffffff20;padding-left:18px;font-size:9px}
.nav-links{color:#aebcc5;font-size:12px;gap:29px}.nav-links .pill-link{border:1px solid #74e6df50;background:transparent;color:var(--cyan);border-radius:5px;padding:10px 17px}
.pill-link{background:#142e3b;border-radius:5px;min-height:49px;font-weight:600;transition:background .2s,transform .2s}
.pill-link.gold{background:var(--cyan);color:#0b2532}.pill-link.outline{border-color:#ffffff28;color:#d5e0e5;background:#ffffff03}
.kicker{color:#087b8a;font-size:10px;letter-spacing:.19em}.section-heading{font-weight:600;letter-spacing:-.045em;line-height:1.16;font-size:clamp(30px,3.5vw,44px)}
.new-hero{position:relative;background:var(--night);color:white;padding:45px 0 0;isolation:isolate}
.new-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 48%,#19384955,transparent 60%)}
.ev-hero-layout{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:24px;min-height:590px}
.ev-hero-copy{padding:18px 0 38px}.ev-badge{font-size:9px;letter-spacing:.16em;color:#a4b6c0;display:flex;align-items:center;gap:9px;margin-bottom:28px}
.ev-status-dot,.ev-stage-top i{width:5px;height:5px;background:var(--cyan);border-radius:50%;display:inline-block;flex-shrink:0}
.new-hero h1{font-size:clamp(45px,5.2vw,68px);letter-spacing:-.055em;font-weight:600;line-height:1.07;margin-bottom:26px}
.new-hero h1 em{color:var(--cyan)}.new-hero .intro-copy{font-size:14px;color:#9eb1bd;max-width:370px;line-height:1.9}.hero-actions{gap:10px;margin-top:28px}.hero-actions .pill-link{font-size:12px;padding:14px 21px}
.hero-location{margin-top:32px;display:flex;align-items:center;gap:9px;font-size:10px;color:#92aab8}.hero-location>span{margin-left:7px;color:var(--cyan)}
.ev-stage{position:relative;height:510px;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 54% 65%,#25495970,transparent 70%),linear-gradient(0deg,#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}
.ev-stage-top{display:flex;justify-content:space-between;position:absolute;top:23px;left:24px;right:24px;font-size:9px;letter-spacing:.12em;color:#78939f;z-index:2}.ev-stage-top>span:last-child{display:flex;align-items:center;gap:7px}
.ev-orbit{position:absolute;width:330px;height:330px;border:1px solid #74e6df25;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%}.ev-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #74e6df10;border-radius:50%}
.ev-stage-word{position:absolute;top:104px;left:0;right:0;text-align:center;font-size:clamp(45px,6.5vw,80px);font-weight:600;letter-spacing:.04em;color:#c0e5eb0b;line-height:1}
.ev-bike{position:absolute;width:94%;height:94%;object-fit:contain;left:3%;top:-1%;filter:drop-shadow(0 24px 14px #0006);z-index:1;transform:rotate(-3deg)}
.ev-model{position:absolute;bottom:25px;left:26px;right:26px;z-index:2;border-top:1px solid #ffffff18;padding-top:19px}.ev-model>span{display:block;color:#75909e;font-size:8px;letter-spacing:.15em;margin-bottom:6px}.ev-model h2{font-size:20px;letter-spacing:-.02em;font-weight:500}.ev-model a{position:absolute;right:0;bottom:0;border:1px solid #74e6df55;width:39px;height:39px;border-radius:50%;color:var(--cyan);display:grid;place-items:center;font-size:21px}
.ev-hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;padding-top:24px;padding-bottom:24px;border-top:1px solid #ffffff10;color:#78919f}.ev-hero-bottom a{color:#a8bdc8;display:flex;gap:20px;align-items:center}.ev-hero-bottom a span{color:var(--cyan);font-size:15px}
.brands-section{padding:32px 0 35px}.brands-heading{margin-bottom:20px}.brands-heading p{font-size:12px}.brands-heading .kicker{font-size:9px}.brand-motion-toggle{font-size:10px;border-radius:4px}.brands-group img{height:36px;width:125px}
#kategori{background:#f4f7f8}.category-grid{gap:20px}.category-card{border:1px solid #dbe5e9;border-radius:10px;background:#fff;padding:12px 12px 23px;transition:transform .25s,border-color .25s,box-shadow .25s}.category-card:hover{border-color:#609eaa;box-shadow:0 8px 25px #1d53600a;transform:translateY(-4px)}
.category-image{background:radial-gradient(ellipse at center,#e1ecef,#f0f5f6);height:270px;border-radius:6px}.category-image img{object-fit:contain!important;padding:14px}.category-number{font-size:9px;letter-spacing:.1em;background:transparent;color:#718d99;border:1px solid #bacdd4;border-radius:3px;padding:4px 7px;z-index:2}.category-text{padding:0 12px;margin-top:21px}.category-text h3{font-size:20px}.category-text span{border-color:#bdcfd6;border-radius:5px;width:32px;height:32px;color:#075d76}.category-card p{padding:0 12px;margin-top:8px;font-size:12px;line-height:1.8}
.category-card#cat-btn-elektronik img{background:transparent;mix-blend-mode:multiply}.category-card#cat-btn-elektronik .category-image{background:#edf2ef}
.trust-section{background:#10212d;position:relative}.trust-section .kicker{color:#75c4c8}.trust-section .intro-copy{color:#95adba;font-size:14px}.trust-layout{gap:80px}.trust-items{gap:20px}.trust-item{background:#ffffff03;border:1px solid #ffffff10;border-radius:7px;padding:24px}.trust-item b{color:var(--cyan);font-size:10px;letter-spacing:.12em}.trust-item h3{font-size:16px}.trust-item p{color:#8fa9b8;font-size:12px}.since{color:#819eae;font-size:11px;display:flex;align-items:center;gap:20px;max-width:330px}.since strong{font-size:48px;color:#d0e5ed;letter-spacing:-.05em}.since:after{content:'';height:1px;background:#74e6df40;flex:1}
.branch-section{background:#fff}.showroom-card{background:#f1f6f7;border-color:#dbe5e9;position:relative;overflow:hidden}.showroom-card:before{content:'BALI';position:absolute;right:-8px;top:12px;font-size:87px;font-weight:600;letter-spacing:-.06em;color:#dfeaec;pointer-events:none}.showroom-card>*{position:relative}.status{color:#217989;font-size:9px;letter-spacing:.12em}.status:before{background:#1c96a4}.showroom-card h3{font-size:28px}.region-card{border-radius:7px;border-color:#e0e8eb;background:#fafcfd;padding:20px}.region-card:hover{border-color:#7ba9b7;background:#f1f8fa}.region-card>span{color:#1c778c}.dummy-tag{background:#edf3f5;color:#6c808a;font-size:8px}.region-card h3{font-size:14px}.hours{font-size:11px}.branch-note{font-size:10px}
#testimoni{background:#f4f7f8;border-top:1px solid #e6edf0}.quotes-grid{max-width:none}.quote-card{background:#fff;border:1px solid #dfe9ee;border-radius:10px;padding:32px 40px;display:grid;grid-template-columns:70px 1fr;column-gap:25px}.quote-mark{grid-row:1/3;color:#2896a6;font-size:80px}.quote-card blockquote{font-size:18px;line-height:1.8;margin:0 0 20px;max-width:850px}.quote-card figcaption{grid-column:2}.quote-card cite{font-size:11px}
.faq-section{background:#fff}.faq-list details{padding:23px 0;border-color:#e2eaee}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:500}.faq-list summary:after{color:#17859b;border:1px solid #cbdce4;border-radius:4px;font-size:18px;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}.faq-list p{font-size:13px;line-height:1.85}.faq-contact{line-height:1.9}.faq-contact a{color:#15738a}
.site-footer{background:#0b151e;padding-top:65px}.footer-cta{margin-bottom:42px;padding-bottom:42px}.footer-cta h2{font-size:42px;line-height:1.2}.footer-cta .pill-link{min-width:205px}.footer-grid p,.footer-grid address,.footer-grid a:not(.brand){color:#91a7b4;font-size:11px}.footer-bottom{color:#5f7a8b}.footer-logo{width:40px;height:40px}.floating-contact{background:#102d3b;border:1px solid #74e6df50;color:var(--cyan);border-radius:6px;box-shadow:0 4px 15px #0002;font-size:11px}
#katalog-container{background:#f8fafb}#katalog-container .electronics-card{border-radius:8px}.electronics-card .pill-link{background:#142e3b}.electronics-card>img{background:#eef3f4}
@media(min-width:1400px){.ev-hero-layout{min-height:640px}.ev-stage{height:550px}}
@media(max-width:1000px){.ev-hero-layout{gap:24px;min-height:540px}.ev-stage{height:440px}.new-hero h1{font-size:53px}.hero-actions .pill-link{padding:12px 15px;font-size:11px}.brand small{display:none}.nav-links{gap:20px}.trust-layout{gap:40px}.trust-item{padding:19px}.ev-orbit{width:280px;height:280px}}
@media(max-width:640px){#navbar,#navbar.scrolled{padding:15px 0}.brand img{width:31px;height:31px}.brand strong{font-size:16px}.menu-toggle{background:#ffffff05;border-color:#ffffff22;color:#c8dae4;border-radius:4px;font-size:11px}.nav-links{top:62px;background:#10212d;border-bottom:1px solid #ffffff15}.nav-links .pill-link{align-self:start}.new-hero{padding-top:32px}.ev-hero-layout{grid-template-columns:1fr;gap:14px;min-height:0}.ev-hero-copy{padding:0 0 20px}.ev-badge{font-size:8px;margin-bottom:22px;letter-spacing:.1em}.new-hero h1{font-size:49px;line-height:1.05;margin-bottom:22px}.new-hero .intro-copy{font-size:13px;max-width:340px}.hero-actions{margin-top:23px}.hero-actions .pill-link{font-size:11px;min-height:46px;padding:12px 18px}.hero-location{font-size:9px;margin-top:23px}.ev-stage{height:340px;border-radius:8px}.ev-bike{height:94%;width:100%;left:0;top:-2%}.ev-stage-word{font-size:45px;top:79px}.ev-orbit{width:225px;height:225px;top:46%}.ev-stage-top{top:18px;left:18px;right:18px;font-size:8px}.ev-model{bottom:18px;left:19px;right:19px;padding-top:14px}.ev-model h2{font-size:18px}.ev-model>span{font-size:7px}.ev-model a{width:32px;height:32px;font-size:17px}.ev-hero-bottom{margin-top:24px;padding-top:19px;padding-bottom:20px;font-size:7px;gap:20px;border-top:none}.ev-hero-bottom>span{max-width:150px;line-height:1.8}.ev-hero-bottom a{font-size:7px;gap:10px}.landing-section{padding:62px 0}.category-grid{gap:18px}.category-image{height:245px}.category-card{padding:10px 10px 20px}.category-card p{font-size:12px}.category-text{margin-top:17px}.trust-layout{gap:30px}.trust-item{padding:17px}.trust-item h3{font-size:14px;margin-top:13px}.trust-item p{font-size:11px;line-height:1.8}.trust-items{gap:12px}.trust-section .intro-copy{font-size:13px}.since strong{font-size:39px}.showroom-card{padding:25px}.showroom-card h3{font-size:27px}.region-card{padding:16px 13px}.region-card h3{font-size:12px}.region-card p{font-size:9px}.quote-card{padding:24px;grid-template-columns:1fr;gap:0}.quote-mark{grid-row:auto;font-size:57px;line-height:.8;margin-bottom:14px}.quote-card blockquote{font-size:15px}.quote-card figcaption{grid-column:1}.footer-cta h2{font-size:36px}.faq-list summary{font-size:13px;line-height:1.65}.faq-layout{gap:35px}.brands-section{padding:28px 0}.brands-heading{gap:12px}.brands-heading .kicker{letter-spacing:.1em}.brand-motion-toggle{font-size:9px}.brands-group img{width:115px;height:35px}}