/*
Theme Name: Hiero Showcase
Description: Premium electric-vehicle showcase theme with per-product enquiry. All content editable from Appearance > Customize > Hiero Site Content and the Products menu.
Version: 2.3.1
Author: Dev Stori
Text Domain: hiero
*/
:root{--bg:#050605;--bg2:#0a0c09;--card:#0f110e;--card2:#151813;--ink:#f3f5f0;--mute:#9aa194;--acc:#a7ef2b;--acc2:#8fd414;--line:rgba(255,255,255,.08);--r:22px;--sh:0 30px 60px -24px rgba(0,0,0,.8)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Outfit','Inter',sans-serif;line-height:1.1;font-weight:700;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1240px,90%);margin:0 auto}
.ico{width:1em;height:1em;display:block}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:999px;font-weight:600;border:0;cursor:pointer;font-size:.98rem;transition:.28s;font-family:inherit;letter-spacing:.01em}
.btn-p{background:var(--acc);color:#0b1300}.btn-p:hover{background:#c2ff4d;transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(167,239,43,.55)}
.btn-p span{transition:.25s}.btn-p:hover span{transform:translateX(4px)}
.btn-o{background:rgba(255,255,255,.03);color:var(--ink);border:1px solid rgba(255,255,255,.18)}.btn-o:hover{border-color:var(--acc);color:var(--acc)}
.tag{display:inline-flex;align-items:center;gap:10px;color:var(--acc);font-family:'Michroma',sans-serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}
.tag:before{content:"";width:28px;height:2px;background:var(--acc);display:block}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,6,5,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}
.logo img{height:54px;width:auto;mix-blend-mode:screen}
.nav ul{display:flex;gap:6px;list-style:none}.nav a{display:block;padding:10px 18px;border-radius:999px;color:var(--mute);font-weight:500;font-size:.95rem;transition:.2s}.nav a:hover,.nav .current-menu-item a,.nav .current_page_item a{color:var(--ink);background:rgba(255,255,255,.06)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:1.4rem;width:46px;height:46px;cursor:pointer}
.hd>.btn{padding:12px 24px}
/* hero */
.hero{position:relative;overflow:hidden;padding:70px 0 90px;min-height:min(820px,calc(100vh - 84px));display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 72% 50%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 72% 50%,#000 0%,transparent 75%)}
.wm{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);font-family:'Michroma',sans-serif;font-size:clamp(7rem,24vw,24rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;pointer-events:none;letter-spacing:.06em}
.hero-g{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;width:min(1240px,90%)}
.hero h1{font-size:clamp(2.7rem,5.8vw,5.1rem);font-weight:800;margin-bottom:26px;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--acc);text-shadow:0 0 40px rgba(167,239,43,.35)}
.hero p{color:var(--mute);font-size:1.15rem;max-width:500px;margin-bottom:38px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.stage{position:relative;display:grid;place-items:center;min-height:380px}
.stage:before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(167,239,43,.3),rgba(167,239,43,0) 66%)}
.ring{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(167,239,43,.4);animation:spin 50s linear infinite}
.ring:after{content:"";position:absolute;top:8%;left:50%;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 20px var(--acc)}
@keyframes spin{to{transform:rotate(360deg)}}
.scoot{position:relative;width:104%;max-width:none;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55));animation:fl 6s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-12px)}}
.fl{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:999px;background:rgba(18,21,15,.72);backdrop-filter:blur(12px);border:1px solid rgba(167,239,43,.28);font-size:.85rem;font-weight:600;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.fl .ico{width:20px;height:20px;color:var(--acc)}
.fl1{top:10%;left:2%}.fl2{top:2%;right:6%}.fl3{bottom:14%;right:0}
/* stats */
.statsb{border-block:1px solid var(--line);background:linear-gradient(180deg,#080a06,#050605)}
.sg{display:grid;grid-template-columns:repeat(4,1fr);padding:0}.sg>div{padding:38px 20px;text-align:center;border-right:1px solid var(--line)}.sg>div:last-child{border:0}
.sg b{display:block;font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);color:var(--acc);line-height:1;margin-bottom:10px}.sg span{color:var(--mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em}
/* sections */
.sec{padding:92px 0}.sec+.sec:not(.alt){padding-top:0}.sec.alt+.sec.alt{border-top:0}.sec.alt{background:var(--bg2);border-block:1px solid var(--line)}
.sh{text-align:center;max-width:680px;margin:0 auto 52px}.sh .tag{justify-content:center}.sh h2,.cta h2{font-size:clamp(2.1rem,4vw,3.3rem);margin-bottom:16px}.sh p{color:var(--mute);font-size:1.05rem}
.h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:20px}.lead{color:var(--mute);font-size:1.05rem;margin-bottom:26px}.mt{text-align:center;margin-top:50px}
/* products */
.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;max-width:1240px;margin:0 auto}
.card{flex:0 1 384px;min-width:0;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-8px);border-color:rgba(167,239,43,.45);box-shadow:var(--sh),0 0 0 1px rgba(167,239,43,.15)}
.card-i{aspect-ratio:1/1;max-height:340px;width:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 62%,rgba(167,239,43,.2),transparent 62%),#0a0c09;border-bottom:1px solid var(--line)}
.card-i img{width:100%;height:100%;object-fit:contain;padding:14px;transition:.6s}.card-i img.fb{padding:22px 26px 10px}.card:hover .card-i img{transform:scale(1.06)}
.card-b{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.card h3{font-size:1.35rem}.card p{color:var(--mute);font-size:.95rem;flex:1}
.price{font-family:'Outfit',sans-serif;font-size:1.7rem;font-weight:700;color:var(--acc);line-height:1}.price s{color:var(--mute);font-size:1rem;margin-left:10px;font-weight:400}.price small{font-size:.78rem;color:var(--mute);font-weight:500;margin-left:8px;font-family:'Inter',sans-serif}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{font-size:.86rem;font-weight:600;padding:8px 14px;border-radius:12px;background:rgba(167,239,43,.07);border:1px solid rgba(167,239,43,.22)}.chips b{font-weight:600;transition:opacity .2s}.chips em{display:block;font-style:normal;font-size:.62rem;color:var(--mute);font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.card-a{display:flex;gap:10px;margin-top:6px}.card-a .btn{padding:13px 20px;font-size:.92rem;flex:1}
/* about */
.abt{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.abt-i img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.abt-ph{position:relative;aspect-ratio:1;max-width:500px;margin:0 auto;display:grid;place-items:center}
.abt-ph .o1,.abt-ph .o2{position:absolute;border-radius:50%;border:1px solid rgba(167,239,43,.3)}.abt-ph .o1{inset:0;background:radial-gradient(circle,rgba(167,239,43,.14),transparent 68%)}.abt-ph .o2{inset:12%;border-style:dashed;animation:spin 60s linear infinite reverse}
.abt-ph>img{position:relative;width:46%;mix-blend-mode:screen}
.bdg{position:absolute;right:2%;bottom:12%;padding:16px 22px;border-radius:18px;background:rgba(18,21,15,.85);backdrop-filter:blur(10px);border:1px solid rgba(167,239,43,.3);font-size:.8rem;color:var(--mute);line-height:1.3}.bdg b{display:block;font-family:'Outfit',sans-serif;font-size:1.6rem;color:var(--acc)}
.pts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-bottom:36px}.pts li{display:flex;gap:12px;align-items:center;font-weight:500;font-size:.95rem}.pts .ico{flex:none;width:22px;height:22px;padding:4px;box-sizing:content-box;border-radius:50%;background:rgba(167,239,43,.12);color:var(--acc)}
/* features */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.f{padding:38px 32px;border-radius:var(--r);background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);transition:.3s;position:relative;overflow:hidden}
.f:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:0;transition:.3s}
.f:hover{transform:translateY(-6px);border-color:rgba(167,239,43,.35)}.f:hover:before{opacity:1}
.fi{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:rgba(167,239,43,.1);border:1px solid rgba(167,239,43,.25);color:var(--acc);font-size:1.7rem;margin-bottom:24px}
.f h4{font-size:1.25rem;margin-bottom:10px}.f p{color:var(--mute);font-size:.96rem}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}
.step{position:relative;padding-top:6px}.step span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--bg);border:2px solid var(--acc);color:var(--acc);font-family:'Outfit',sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:26px;position:relative;z-index:1;box-shadow:0 0 30px rgba(167,239,43,.2)}
.step:not(:last-child):after{content:"";position:absolute;top:38px;left:78px;right:-34px;height:2px;background:repeating-linear-gradient(90deg,rgba(167,239,43,.5) 0 8px,transparent 8px 16px)}
.step h4{font-size:1.2rem;margin-bottom:10px}.step p{color:var(--mute);font-size:.94rem}
/* testimonials */
.tms{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tm{padding:36px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column}
.stars{color:var(--acc);letter-spacing:4px;margin-bottom:18px}.tm p{color:#c9cfc3;margin-bottom:28px;flex:1}
.who{display:flex;gap:14px;align-items:center}.who i{width:50px;height:50px;border-radius:50%;background:var(--acc);color:#0b1300;display:grid;place-items:center;font-style:normal;font-weight:800;font-family:'Outfit',sans-serif;font-size:1.2rem}.who b{display:block}.who small{color:var(--mute)}
/* enquiry */
.ctab{position:relative;overflow:hidden;padding:64px;border-radius:32px;background:radial-gradient(600px 300px at 0 0,rgba(167,239,43,.16),transparent 70%),linear-gradient(135deg,#10150b,#070807);border:1px solid rgba(167,239,43,.28)}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cta h2{font-size:clamp(2rem,3.6vw,3rem)}.cta .tag{justify-content:flex-start}
.ci{list-style:none;display:grid;gap:16px;color:var(--ink)}.ci li{display:flex;gap:14px;align-items:center}.ci .ico{width:46px;height:46px;padding:12px;border-radius:14px;background:rgba(167,239,43,.1);color:var(--acc);flex:none}
.form{background:rgba(5,6,5,.65);border:1px solid var(--line);border-radius:24px;padding:34px;display:grid;gap:14px}
.form input,.form select,.form textarea{width:100%;padding:16px 18px;background:#090b08;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--ink);font:inherit;font-size:.96rem;transition:.2s}
.form input::placeholder,.form textarea::placeholder{color:#6b7266}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(167,239,43,.12)}
.form .r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .btn{width:100%;padding:17px}.hp{position:absolute;left:-9999px}
.msg{padding:14px 18px;border-radius:12px;font-size:.94rem;display:none}.msg.ok{display:block;background:rgba(167,239,43,.12);color:var(--acc)}.msg.er{display:block;background:rgba(255,80,80,.12);color:#ff8f8f}
/* inner pages */
.phero{position:relative;padding:100px 0 80px;text-align:center;background:radial-gradient(700px 320px at 50% 0,rgba(167,239,43,.16),transparent 70%);border-bottom:1px solid var(--line);overflow:hidden}
.phero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 100% at 50% 0,#000,transparent);mask-image:radial-gradient(ellipse 60% 100% at 50% 0,#000,transparent)}
.phero .wrap{position:relative}.phero .tag{justify-content:center}.phero h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:16px}.phero p{color:var(--mute);max-width:600px;margin:0 auto;font-size:1.08rem}
.cards{display:grid;gap:16px;margin-bottom:26px}.ic{display:flex;gap:20px;align-items:center;padding:22px 24px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px}
.ic>i{font-style:normal;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:16px;background:rgba(167,239,43,.1);border:1px solid rgba(167,239,43,.25);color:var(--acc);font-size:1.5rem}.ic small{display:block;color:var(--mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.ic b{font-weight:600}.ic b a:hover{color:var(--acc)}
.soc{display:flex;gap:10px;flex-wrap:wrap}.soc .btn{padding:11px 22px;font-size:.88rem}
.mapw iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(1) invert(.92) contrast(.9)}
.faq{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:0 26px;transition:.2s}.faq[open]{border-color:rgba(167,239,43,.35)}
.faq summary{cursor:pointer;padding:22px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--acc);font-size:1.5rem;line-height:1}.faq[open] summary:after{content:"–"}.faq p{color:var(--mute);padding-bottom:22px}
.desc{color:var(--mute)}.desc h2,.desc h3{color:var(--ink);margin:18px 0 10px}.desc p{margin-bottom:12px}
/* single product */
.sp{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;padding:56px 0 56px;align-items:start}
.sp-g{position:sticky;top:108px;min-width:0}
.gal{display:grid;grid-template-columns:1fr;gap:14px}.gal.has-th{grid-template-columns:76px minmax(0,1fr)}
.slider{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 50% 62%,rgba(167,239,43,.2),transparent 62%),#0a0c09;border:1px solid var(--line);outline:0;cursor:zoom-in}
.slider:focus-visible{border-color:var(--acc)}
.sl-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.sl-track::-webkit-scrollbar{display:none}
.sl-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;overflow:hidden}
.sl-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:transform .25s ease-out}.sl-slide img.fb{padding:30px}
.sl-slide.zm img{transform:scale(2);transition:none}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,12,9,.7);backdrop-filter:blur(8px);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 4px;transition:.2s;z-index:2}
.sl-btn:hover{background:var(--acc);color:#0b1300;border-color:var(--acc)}.sl-btn.prev{left:12px}.sl-btn.next{right:12px}
.sl-count,.sl-zoom{position:absolute;bottom:12px;padding:5px 12px;border-radius:999px;background:rgba(10,12,9,.7);backdrop-filter:blur(8px);border:1px solid var(--line);font-size:.76rem;color:var(--mute);z-index:2;pointer-events:none}
.sl-count{right:12px}.sl-count b{color:var(--acc);font-weight:600}.sl-zoom{left:12px}
.thumbs{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;padding:2px;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}
.gal.has-th{align-items:start}.gal.has-th .thumbs{max-height:min(560px,calc(min(100vw,560px) - 90px))}
.thumbs img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:12px;cursor:pointer;border:2px solid transparent;opacity:.6;transition:.2s;background:#0a0c09}.thumbs img:hover,.thumbs img.on{border-color:var(--acc);opacity:1}
/* lightbox */
.lb{position:fixed;inset:0;z-index:120;background:rgba(3,4,3,.96);backdrop-filter:blur(10px);display:none;flex-direction:column;user-select:none}.lb.open{display:flex}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:var(--mute);font-size:.9rem}.lb-top b{color:var(--acc)}
.lb-x,.lb-nav{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--ink);width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:1.6rem;line-height:1;display:grid;place-items:center;padding:0 0 3px;transition:.2s}.lb-x:hover,.lb-nav:hover{background:var(--acc);color:#0b1300;border-color:var(--acc)}
.lb-st{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 80px}
.lb-st img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .25s ease-out;touch-action:none}.lb-st img.z{transform:scale(2.4);cursor:zoom-out;transition:none}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.lb-nav.p{left:20px}.lb-nav.n{right:20px}
.lb-th{display:flex;gap:10px;justify-content:center;padding:14px 20px 20px;overflow-x:auto}.lb-th img{flex:none;width:74px;height:56px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent;opacity:.55;transition:.2s}.lb-th img:hover,.lb-th img.on{border-color:var(--acc);opacity:1}
.sp-i{min-width:0}
.vars{margin-bottom:22px}.vars small{display:block;color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}
.vr{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.v{position:relative;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:16px 18px 16px 48px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:grid;gap:2px;transition:.2s}
.v:hover{border-color:rgba(167,239,43,.4)}.v i{position:absolute;left:18px;top:19px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:.2s}
.v b{font-family:'Outfit',sans-serif;font-size:1.08rem}.v span{color:var(--mute);font-size:.86rem}.v em{font-style:normal;color:var(--acc);font-weight:700;margin-top:6px;font-size:1.02rem}
.v.on{border-color:var(--acc);background:rgba(167,239,43,.07);box-shadow:0 0 0 3px rgba(167,239,43,.1)}.v.on i{border-color:var(--acc);background:radial-gradient(circle,var(--acc) 0 45%,transparent 50%)}
.pv{display:inline-block}.pv.chg{animation:pvin .35s}@keyframes pvin{from{opacity:0;transform:translateY(6px)}}
.sp h1{font-size:clamp(2.1rem,3.8vw,3.1rem);margin-bottom:12px}.sp .price{font-size:2.1rem;margin-bottom:20px}.sp .chips{margin-bottom:20px}
.sp .desc{margin-bottom:22px;font-size:.96rem}
.desc.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:6px!important}
.desc.clamp.open{display:block;-webkit-line-clamp:unset;overflow:visible}
.rm{background:none;border:0;color:var(--acc);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:22px}.rm:hover{text-decoration:underline}
.cols-w{margin-bottom:26px}.cols-w small{display:block;color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}
.cols{display:flex;gap:10px;flex-wrap:wrap}.cols span{padding:8px 18px;border-radius:999px;border:1px solid var(--line);font-size:.88rem;background:rgba(255,255,255,.03)}
.sp-btns{display:flex;gap:12px;flex-wrap:wrap}
.sp-feat{padding:0 0 100px}.sp-feat .tag{margin-bottom:14px}.sp-feat h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:24px}
.specs{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.specs li{padding:15px 18px;background:var(--card);border-radius:14px;border:1px solid var(--line);font-size:.93rem;transition:.2s}.specs li:hover{border-color:rgba(167,239,43,.35)}.specs li:before{content:"✓  ";color:var(--acc);font-weight:700}
.page-h{padding:90px 0 10px;text-align:center}.page-h h1{font-size:clamp(2.4rem,5vw,4rem)}
/* modal & misc */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}
.modal-b{width:min(560px,100%);max-height:92vh;overflow:auto;position:relative;background:var(--card);border-radius:24px;border:1px solid var(--line)}.modal-b .form{border:0;background:transparent}.modal h3{font-size:1.7rem;margin-bottom:6px}
.x{position:absolute;top:14px;right:18px;background:none;border:0;color:var(--mute);font-size:2rem;cursor:pointer;z-index:2}
.wa-w{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px}
.wa-t{position:relative;display:block;padding:15px 26px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:.98rem;box-shadow:0 12px 34px rgba(0,0,0,.45);white-space:nowrap;animation:waIn .6s .8s both}
.wa-t b{visibility:hidden;font-weight:700}.wa-t i{position:absolute;left:26px;top:50%;transform:translateY(-50%);font-style:normal}.wa-t i:after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;background:#25d366;vertical-align:-.2em;animation:blink 1s steps(1) infinite}
.wa{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.45);position:relative;transition:.25s}.wa:hover{transform:scale(1.08)}.wa svg{width:34px;height:34px;fill:currentColor}
.wa:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:pulse 2.2s ease-out infinite}
@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}@keyframes waIn{from{opacity:0;transform:translateX(16px)}}
@media(max-width:640px){.wa-w{right:14px;bottom:14px}.wa-t{padding:11px 18px;font-size:.84rem}.wa-t i{left:18px}.wa{width:54px;height:54px}.wa svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.wa:before,.wa-t i:after{animation:none}}
.site-footer{border-top:1px solid var(--line);padding:72px 0 28px;background:var(--bg2);color:var(--mute);font-size:.94rem}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:50px;margin-bottom:50px}.fg .logo img{height:64px;margin-bottom:18px}.fg h5{color:var(--ink);font-family:'Outfit',sans-serif;font-size:1.1rem;margin-bottom:18px}.fg ul{list-style:none;display:grid;gap:12px}.fg a:hover{color:var(--acc)}
.fbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:26px;font-size:.88rem}.fbar a{margin-left:18px}.fbar a:hover{color:var(--acc)}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(max-width:1000px){.hero-g,.cta,.sp,.abt{grid-template-columns:1fr}.sp-g{position:static}.sp{padding:32px 0 40px;gap:28px}.gal.has-th{grid-template-columns:1fr}.gal.has-th .thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}.sl-zoom{display:none}.lb-st{padding:0 10px}.lb-nav{display:none}.specs{grid-template-columns:repeat(2,1fr)}.hero{padding:50px 0 60px}.hero-g{gap:20px}.abt{gap:50px}.feat,.tms{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:40px}.step:after{display:none}.sg{grid-template-columns:1fr 1fr}.sg>div:nth-child(2){border-right:0}.sg>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.ctab{padding:36px 26px}.fg{grid-template-columns:1fr 1fr}.burger{display:block}.nav{position:absolute;top:84px;left:0;right:0;background:rgba(5,6,5,.97);border-bottom:1px solid var(--line);display:none;padding:16px 5%}.nav.open{display:block}.nav ul{flex-direction:column}.hd>.btn{display:none}.logo{margin-right:auto}}
@media(max-width:640px){.sl-btn{width:38px;height:38px;font-size:1.4rem}.sp-btns .btn{flex:1 1 100%}.sp-feat{padding-bottom:70px}.sec{padding:60px 0}.feat,.tms,.steps,.pts,.fg{grid-template-columns:1fr}.specs{grid-template-columns:1fr 1fr;gap:8px}.specs li{padding:12px 12px;font-size:.84rem}.form .r2{grid-template-columns:1fr}.fl{font-size:.74rem;padding:8px 12px}.fl3{display:none}.sh{margin-bottom:44px}.hero-btns .btn{flex:1;padding:15px 16px;white-space:nowrap;font-size:.92rem}.stage{min-height:260px}}