*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--black:#000;--b90:#1a1a1a;--b70:#333;--gd:#555;--g:#888;--gl:#bbb;--gb:#e0e0e0;--gbg:#f5f5f5;--w:#fff;--h:'Bebas Neue',sans-serif;--s:'Barlow Condensed',sans-serif;--b:'Barlow',sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--b);background:var(--w);color:var(--b90);overflow-x:hidden;-webkit-font-smoothing:antialiased;max-width:100vw}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}

/* NAV */
.nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:24px 56px;transition:all .4s;background:rgba(255,255,255,.97);backdrop-filter:blur(16px)}
.nav.sc{padding:14px 56px;border-bottom:1px solid var(--gb)}
.nav-logo img{height:34px;transition:height .3s;filter:invert(1)}.nav.sc .nav-logo img{height:28px}
.nl{display:flex;align-items:center;gap:36px}
.nl a{font-family:var(--s);font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gd);transition:color .3s}
.nl a:hover,.nl a.active{color:var(--black)}
.nl .nc{padding:10px 28px;border:1px solid var(--black);color:var(--black);transition:background .3s,color .3s}
.nl .nc:hover{background:var(--black);color:var(--w)}
.bur{display:none;cursor:pointer;width:24px;height:16px;position:relative;z-index:200}
.bur span{display:block;position:absolute;left:0;width:100%;height:1.5px;background:var(--black);transition:.3s}
.bur span:nth-child(1){top:0}.bur span:nth-child(2){top:7px}.bur span:nth-child(3){top:14px}
.bur.open span:nth-child(1){top:7px;transform:rotate(45deg)}.bur.open span:nth-child(2){opacity:0}.bur.open span:nth-child(3){top:7px;transform:rotate(-45deg)}
.mob{display:none;position:fixed;inset:0;z-index:150;background:var(--w);flex-direction:column;align-items:center;justify-content:center;gap:28px}
.mob.open{display:flex}
.mob a{font-family:var(--s);font-size:20px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gd)}.mob a:hover{color:var(--black)}
.mob-lang{display:flex;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--gb)}
.mob-lang a{font-size:14px;letter-spacing:2px;color:var(--gl)}
.mob-lang a.active{color:var(--black)}

/* LANG SWITCHER */
.lang{position:relative;margin-left:8px}
.lang-btn{display:flex;align-items:center;gap:5px;font-family:var(--s);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gd);cursor:pointer;padding:6px 0;border:none;background:none;transition:color .3s}
.lang-btn:hover{color:var(--black)}
.lang-btn svg{width:10px;height:10px;stroke:var(--gd);transition:transform .3s}
.lang.open .lang-btn svg{transform:rotate(180deg)}
.lang-dd{position:absolute;top:100%;right:0;margin-top:8px;background:var(--w);border:1px solid var(--gb);min-width:140px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .25s ease;z-index:200}
.lang.open .lang-dd{opacity:1;visibility:visible;transform:translateY(0)}
.lang-dd a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-family:var(--s);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gd);transition:background .2s,color .2s}
.lang-dd a:hover{background:var(--gbg);color:var(--black)}
.lang-dd a.active{color:var(--black);font-weight:700}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--s);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s}.btn svg{width:12px;height:12px}
.bd{background:var(--black);color:var(--w)}.bd:hover{background:var(--b70)}
.bgd{background:transparent;color:var(--black);border:1px solid var(--gb)}.bgd:hover{border-color:var(--black)}
.bw{background:#fff;color:var(--black)}.bw:hover{background:var(--gbg)}

/* HERO BANNER */
.hero-banner{position:relative;width:100%;height:100vh;min-height:500px;overflow:hidden;margin-top:82px}
.hero-banner img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.2) 100%)}
.hero-ey{font-family:var(--s);font-size:14px;font-weight:500;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:16px}
.hero-h1{font-family:var(--h);font-size:clamp(48px,7vw,100px);font-weight:400;line-height:.9;letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:32px}
.bw-h{background:#fff;color:var(--black);padding:14px 32px;font-family:var(--s);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .3s}.bw-h:hover{background:var(--gbg)}.bw-h svg{width:12px;height:12px}

/* PAGE HERO (smaller, for subpages) */
.page-hero{position:relative;width:100%;height:60vh;min-height:360px;overflow:hidden;margin-top:82px}
.page-hero img{width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0 56px 56px;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.05) 60%)}
.page-hero-overlay h1{font-family:var(--h);font-size:clamp(44px,6vw,80px);font-weight:400;line-height:.9;letter-spacing:2px;text-transform:uppercase;color:#fff}
.page-hero-overlay .ph-ey{font-family:var(--s);font-size:13px;font-weight:500;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:10px}

/* MODEL FULL BLEED */
.mf{position:relative;width:100%;height:100vh;min-height:560px;overflow:hidden;cursor:pointer}
.mf-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}
.mf:hover .mf-bg{transform:scale(1.02)}
.mf-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.03) 55%,rgba(0,0,0,.08) 100%)}
.mf-c{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 56px 56px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;color:#fff}
.mf-ey{font-family:var(--s);font-size:13px;font-weight:500;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:8px}
.mf-nm{font-family:var(--h);font-size:clamp(44px,6vw,80px);font-weight:400;line-height:.9;letter-spacing:2px;text-transform:uppercase}
.mf-sp{display:flex;gap:40px}
.mf-v{font-family:var(--h);font-size:32px;letter-spacing:1px}
.mf-l{font-family:var(--s);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:4px}
.mf-ar{position:absolute;top:50%;right:56px;transform:translateY(-50%);z-index:3;width:64px;height:64px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .35s}
.mf:hover .mf-ar{border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.05)}
.mf-ar svg{width:16px;height:16px;stroke:#fff}

/* SECTIONS */
.sec{padding:100px 56px;max-width:1280px;margin:0 auto}
.st{font-family:var(--s);font-size:12px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--g);margin-bottom:14px}
.sh{font-family:var(--h);font-size:clamp(32px,4vw,56px);font-weight:400;line-height:.95;letter-spacing:1px;text-transform:uppercase;color:var(--black);margin-bottom:28px}

/* SPECS TABLE */
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:48px 0}
.spec-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--gb)}
.spec-label{font-family:var(--s);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g)}
.spec-val{font-size:15px;font-weight:500;color:var(--black)}

/* GALLERY */
.gallery{display:grid;gap:4px;padding:0}
.gallery.g3{grid-template-columns:repeat(3,1fr)}
.gallery.g2{grid-template-columns:1fr 1fr}
.gallery img{width:100%;height:320px;object-fit:cover;transition:filter .3s}
.gallery img:hover{filter:brightness(1.05)}

/* ABOUT GRID */
.about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-text p{font-size:15px;font-weight:300;line-height:1.9;color:var(--gd);margin-bottom:14px}
.about-imgs{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.about-imgs img{width:100%;object-fit:cover}
.about-imgs img:first-child{grid-column:1/-1;height:300px}
.about-imgs img:not(:first-child){height:180px}

/* MODELS GRID */
.ms{padding:80px 56px;border-top:1px solid var(--gb)}
.ms-hd{text-align:center;margin-bottom:56px}
.mg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1280px;margin:0 auto;background:var(--gb)}
.mc{background:var(--w);display:block;overflow:hidden}.mc:hover{background:var(--gbg)}
.mc-im{overflow:hidden}.mc-im img{width:100%;height:220px;object-fit:cover;transition:transform .5s}.mc:hover .mc-im img{transform:scale(1.04)}
.mc-bd{padding:24px 20px}
.mc-nm{font-family:var(--h);font-size:26px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.mc-sp{display:flex;gap:16px;border-top:1px solid var(--gb);padding-top:12px}
.mc-sl{font-family:var(--s);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g)}
.mc-sv{font-size:14px;font-weight:500;margin-top:2px}
.mc-lk{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family:var(--s);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--black);transition:gap .3s}
.mc:hover .mc-lk{gap:12px}.mc-lk svg{width:12px;height:12px;stroke:var(--black)}

/* DIFFERENCE */
.diff{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;max-width:100%}
.di{padding:40px 32px;border:1px solid var(--gb);border-right:none;transition:background .3s}
.di:last-child{border-right:1px solid var(--gb)}
.di:hover{background:var(--gbg)}
.dn{font-family:var(--h);font-size:64px;color:var(--gb);line-height:1;margin-bottom:20px}.di:hover .dn{color:var(--gl)}
.di h3{font-family:var(--s);font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.di p{font-size:13px;font-weight:300;line-height:1.85;color:var(--gd)}

/* EXPLOMAR */
.elec{padding:100px 56px;border-top:1px solid var(--gb)}
.elec-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.elec-vis{display:flex;justify-content:center}.elec-vis img{max-width:300px;width:100%}
.elec-text p{font-size:14px;font-weight:300;line-height:1.9;color:var(--gd);margin-bottom:28px}

/* CONTACT SECTION */
.contact-sec{padding:100px 56px;border-top:1px solid var(--gb);text-align:center}
.contact-in{max-width:1280px;margin:0 auto}
.contact-desc{font-size:15px;font-weight:300;line-height:1.7;color:var(--gd);max-width:420px;margin:0 auto 40px}
.cr{display:flex;gap:48px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.ci{display:flex;flex-direction:column;align-items:center;gap:6px}
.ci svg{width:18px;height:18px;stroke:var(--g)}
.ci-l{font-family:var(--s);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g)}
.ci-v{font-size:14px;font-weight:500;color:var(--black)}

/* CONTACT FORM */
.form-grid{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid textarea,.form-grid select{
  width:100%;padding:14px 16px;font-family:var(--b);font-size:14px;
  border:1px solid var(--gb);background:var(--w);color:var(--black);
  transition:border-color .3s;outline:none;
}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--black)}
.form-grid textarea{resize:vertical;min-height:120px}
.form-grid label{font-family:var(--s);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g);margin-bottom:6px;display:block}

/* CONTACT PAGE LAYOUT */
.contact-page{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;max-width:1280px;margin:0 auto;padding:80px 56px;align-items:start}
.contact-info h2{font-family:var(--h);font-size:clamp(28px,3vw,44px);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
.contact-info p{font-size:14px;font-weight:300;line-height:1.8;color:var(--gd);margin-bottom:32px}
.contact-details{display:flex;flex-direction:column;gap:20px}
.cd-item{display:flex;align-items:center;gap:14px}
.cd-item svg{width:20px;height:20px;stroke:var(--g);flex-shrink:0}
.cd-item div{}
.cd-label{font-family:var(--s);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g)}
.cd-val{font-size:14px;font-weight:500;color:var(--black);margin-top:2px}
.contact-form-wrap h3{font-family:var(--h);font-size:32px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.contact-form-wrap p{font-size:13px;color:var(--g);margin-bottom:28px}

/* FOOTER */
footer{padding:48px 56px 20px;border-top:1px solid var(--gb)}
.fg{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:48px}
.fb img{height:30px;margin-bottom:14px;filter:invert(1)}.fb p{font-size:12px;font-weight:300;line-height:1.7;color:var(--g);max-width:240px}
.fc h5{font-family:var(--s);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--black);margin-bottom:16px}
.fc a{display:block;font-size:12px;font-weight:300;color:var(--g);margin-bottom:8px;transition:color .3s}.fc a:hover{color:var(--black)}
.fbot{max-width:1280px;margin:36px auto 0;padding-top:14px;border-top:1px solid var(--gb);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fbot span{font-size:10px;color:var(--g)}
.fsoc{display:flex;gap:8px}
.fsoc a{width:30px;height:30px;border-radius:50%;border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;transition:border-color .3s}.fsoc a:hover{border-color:var(--black)}
.fsoc svg{width:11px;height:11px;fill:var(--g)}

/* INTRO */
.intro{padding:100px 56px;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:center}
.intro-left{display:flex;flex-direction:column;align-items:flex-start}
.intro-manta{width:360px;opacity:.9}
.intro-right h1{font-family:var(--h);font-size:clamp(36px,4.5vw,60px);font-weight:400;line-height:.95;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.intro-right p{font-size:15px;font-weight:300;line-height:1.9;color:var(--gd);margin-bottom:14px}
.intro-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* PARTNER PAGE */
.partner-hero-text{max-width:600px}
.partner-hero-text h2{font-family:var(--h);font-size:clamp(28px,3vw,44px);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.partner-hero-text p{font-size:15px;font-weight:300;line-height:1.9;color:var(--gd);margin-bottom:14px}
.partner-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.pb-item{padding:32px;border:1px solid var(--gb);transition:background .3s}
.pb-item:hover{background:var(--gbg)}
.pb-icon{font-family:var(--h);font-size:36px;color:var(--gb);margin-bottom:16px}
.pb-item h3{font-family:var(--s);font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.pb-item p{font-size:13px;font-weight:300;line-height:1.8;color:var(--gd)}
.partner-cta{text-align:center;padding:80px 56px;border-top:1px solid var(--gb)}
.partner-cta p{font-size:15px;font-weight:300;color:var(--gd);max-width:480px;margin:0 auto 32px}
.partner-form{max-width:560px;margin:0 auto}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--gb)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:24px 0;cursor:pointer;transition:color .3s}
.faq-q:hover{color:var(--black)}
.faq-q h3{font-family:var(--s);font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--b90)}
.faq-q svg{width:16px;height:16px;stroke:var(--g);transition:transform .3s;flex-shrink:0;margin-left:16px}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.open .faq-a{max-height:600px}
.faq-a-inner{padding:0 0 24px;font-size:14px;font-weight:300;line-height:1.85;color:var(--gd)}

/* PRIVACY / LEGAL */
.legal{max-width:800px;margin:0 auto;padding:80px 56px}
.legal h1{font-family:var(--h);font-size:clamp(32px,4vw,48px);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;margin-top:82px}
.legal .legal-updated{font-family:var(--s);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--g);margin-bottom:48px}
.legal h2{font-family:var(--s);font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:40px 0 16px;color:var(--black)}
.legal p{font-size:14px;font-weight:300;line-height:1.9;color:var(--gd);margin-bottom:14px}
.legal ul{margin:0 0 14px 20px;font-size:14px;font-weight:300;line-height:1.9;color:var(--gd)}
.legal a{color:var(--black);text-decoration:underline}

/* REVEAL ANIMATIONS — Premium staggered system */
.rv{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-left{opacity:0;transform:translateX(-40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv-left.vis{opacity:1;transform:translateX(0)}
.rv-right{opacity:0;transform:translateX(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv-right.vis{opacity:1;transform:translateX(0)}
.rv-scale{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv-scale.vis{opacity:1;transform:scale(1)}

/* PAGE LOAD — smooth fade in */
body{animation:pageLoad .6s ease}
@keyframes pageLoad{from{opacity:0}to{opacity:1}}

/* NAV — premium link underline animation */
.nl a{position:relative}
.nl a:not(.nc)::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--black);transition:width .3s cubic-bezier(.16,1,.3,1)}
.nl a:not(.nc):hover::after,.nl a:not(.nc).active::after{width:100%}

/* HERO — cinematic text reveal */
.hero-overlay .hero-ey{opacity:0;animation:heroReveal .8s .3s cubic-bezier(.16,1,.3,1) forwards}
.hero-overlay .hero-h1{opacity:0;animation:heroReveal .8s .5s cubic-bezier(.16,1,.3,1) forwards}
.hero-overlay .bw-h{opacity:0;animation:heroReveal .8s .8s cubic-bezier(.16,1,.3,1) forwards}
@keyframes heroReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* IMAGE HOVER — premium zoom + brightness */
.about-imgs img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}
.about-imgs img:hover{transform:scale(1.03);filter:brightness(1.05)}
.gallery img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}
.gallery img:hover{transform:scale(1.03);filter:brightness(1.05)}

/* MODEL HERO — premium parallax-style text */
.mf-c{transition:transform .3s ease}
.mf-nm{transition:letter-spacing .5s cubic-bezier(.16,1,.3,1)}
.mf:hover .mf-nm{letter-spacing:4px}

/* BUTTON micro-interactions */
.btn{position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}
.btn:hover::before{left:100%}
.bd:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.bgd:hover{transform:translateY(-1px)}
.bw-h:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}

/* MODEL CARD — premium lift effect */
.mc{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background .3s}
.mc:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.08)}

/* DIFFERENCE ITEMS — border glow on hover */
.di{transition:background .4s ease,transform .3s ease}
.di:hover{transform:translateY(-2px)}

/* FAQ — smooth accordion */
.faq-q{transition:color .3s,padding .3s}
.faq-item.open .faq-q{padding-bottom:8px}

/* PARTNER BENEFITS — lift on hover */
.pb-item{transition:background .3s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.pb-item:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.06)}

/* CONTACT ITEMS — subtle scale */
.ci{transition:transform .3s ease}
.ci:hover{transform:translateY(-2px)}

/* FORM INPUTS — premium focus states */
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--black);box-shadow:0 0 0 3px rgba(0,0,0,.04)}

/* FOOTER LINKS — smooth underline */
.fc a{position:relative}
.fc a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--black);transition:width .3s ease}
.fc a:hover::after{width:100%}

/* SMOOTH SCROLL indicator for hero */
.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-hint span{font-family:var(--s);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.scroll-hint-line{width:1px;height:40px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.scroll-hint-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);animation:scrollDown 2s infinite}
@keyframes scrollDown{0%{top:-100%}50%{top:100%}100%{top:100%}}

/* PREFERS REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  .rv,.rv-left,.rv-right,.rv-scale{transition:none;opacity:1;transform:none}
  body{animation:none}
  .hero-overlay .hero-ey,.hero-overlay .hero-h1,.hero-overlay .bw-h{animation:none;opacity:1}
  .scroll-hint-line::after{animation:none}
}

/* RESPONSIVE */
@media(max-width:1100px){.mg{grid-template-columns:1fr 1fr}.mf-ar{display:none}.diff{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){.intro{grid-template-columns:1fr;gap:40px;text-align:center}.intro-left{align-items:center}.about{grid-template-columns:1fr;gap:36px}.elec-in{grid-template-columns:1fr;text-align:center}.elec-vis{order:-1}.diff{grid-template-columns:1fr}.di{border-right:1px solid var(--gb)!important;border-bottom:none}.di:last-child{border-bottom:1px solid var(--gb)}.fg{grid-template-columns:1fr 1fr}.contact-page{grid-template-columns:1fr;gap:48px}.gallery.g3{grid-template-columns:1fr 1fr}.specs{grid-template-columns:1fr}}
@media(max-width:768px){
.nav{padding:16px 20px}.nav.sc{padding:12px 20px}.nl{display:none}.bur{display:block}
.intro{padding:64px 20px;grid-template-columns:1fr;gap:40px;text-align:center}
.intro-left{align-items:center}
.intro-manta{width:200px}
.intro-ctas{justify-content:center}
.hero-banner{margin-top:62px;height:60vh;min-height:300px}
.hero-h1{font-size:clamp(36px,10vw,56px);padding:0 16px}
.hero-ey{font-size:12px}
.bw-h{font-size:11px;padding:12px 24px}
.page-hero{margin-top:62px;height:45vh;min-height:260px}
.page-hero-overlay{padding:0 20px 28px}
.page-hero-overlay h1{font-size:clamp(36px,10vw,52px)}
.mf{height:60vh;min-height:380px}
.mf-c{padding:0 20px 32px}
.mf-nm{font-size:clamp(36px,10vw,52px)}
.mf-sp{gap:20px}
.mf-v{font-size:24px}
.sec{padding:64px 20px}
.ms{padding:56px 20px}
.mg{grid-template-columns:1fr}
.elec{padding:56px 20px}
.contact-sec{padding:64px 20px}
.contact-page{padding:48px 20px;grid-template-columns:1fr;gap:40px}
footer{padding:36px 20px 14px}
.fg{grid-template-columns:1fr;gap:24px}
.cr{flex-direction:column;align-items:center;gap:20px}
.gallery.g3,.gallery.g2{grid-template-columns:1fr}
.gallery img{height:240px}
.form-grid{grid-template-columns:1fr}
.form-grid .full{grid-column:1}
.partner-benefits{grid-template-columns:1fr}
.partner-cta{padding:56px 20px}
.partner-form{padding:0}
.diff{grid-template-columns:1fr!important}
.di{border-right:1px solid var(--gb)!important}
.about{grid-template-columns:1fr;gap:36px}
.about-imgs img:first-child{height:220px}
.about-imgs img:not(:first-child){height:140px}
.elec-in{grid-template-columns:1fr;text-align:center}
.elec-vis{order:-1}
.legal{padding:48px 20px}
.legal h1{margin-top:62px}
.faq-q h3{font-size:14px}
.btn{padding:12px 24px;font-size:11px}
}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;transition:opacity .3s}
.lightbox.open{display:flex;opacity:1}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border:none}
.lightbox-close{position:absolute;top:24px;right:32px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lightbox-close svg{width:24px;height:24px;stroke:#fff;stroke-width:2}
.gallery img{cursor:zoom-in}

/* PARTNERS MAP HERO */
.page-hero.map-hero{background:#e8e8e8}
.page-hero.map-hero img{object-fit:contain;object-position:center;padding:20px 40px}