/* Hakyda Auto — design system (light, futuristic) */
:root{
  --bg:#1e2127;--bg2:#272b33;--bg3:#30353f;
  --surface:#272b33;--surface2:#30353f;--field:#23272e;
  --line:rgba(220,226,236,.09);--line2:rgba(220,226,236,.17);
  --text:#eef1f5;--soft:#d3d9e2;--muted:#a3adbb;--dim:#7c8696;
  --acc:#4fd6c8;--acc2:#7fb0ff;
  --lime:#9be15d;--teal:#22d3c5;--blue:#2f7bff;--err:#ff7b86;--ok:#7fd49a;
  --grad:linear-gradient(100deg,#9be15d 0%,#22d3c5 45%,#2f7bff 100%);
  --grad-text:var(--grad);
  --grad-soft:linear-gradient(135deg,rgba(155,225,93,.14),rgba(34,211,197,.10) 45%,rgba(47,123,255,.12));
  --glass:rgba(39,43,51,.72);--glass-solid:rgba(36,40,48,.97);
  --shadow:0 1px 2px rgba(0,0,0,.2),0 14px 34px -16px rgba(0,0,0,.55);
  --shadow-lg:0 2px 6px rgba(0,0,0,.2),0 30px 70px -28px rgba(0,0,0,.7);
  --grid:rgba(220,226,236,.045);
  --r:20px;--r-sm:12px;--r-lg:28px;
  --f-display:"Onest","Manrope",system-ui,sans-serif;--f-text:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;
  --wrap:1320px;--gut:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --nav-h:72px;
  color-scheme:dark;
}
.hk-dark{
  --bg:#17191e;--bg2:#1f2228;--bg3:#272b33;
  --surface:rgba(220,226,236,.045);--surface2:rgba(220,226,236,.08);--field:rgba(0,0,0,.25);
  --glass:rgba(31,34,40,.75);--glass-solid:rgba(28,31,37,.97);
  color:var(--text);background:var(--bg);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}
body.hk{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
:where(.hk) img{max-width:100%;height:auto;display:block}
:where(.hk) a{color:inherit;text-decoration:none}
:where(.hk) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:where(.hk) :is(input,select,textarea){font:inherit;color:inherit}
:where(.hk) :is(h1,h2,h3,h4){margin:0;font-weight:600;line-height:1.1}
:where(.hk) p{margin:0}
:where(.hk) :is(ul,ol){margin:0;padding:0;list-style:none}
.hk [hidden]{display:none!important}
.hk ::selection{background:rgba(34,211,197,.3)}
.hk :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.hk-i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.hk-main{position:relative}
.hk-mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hk-grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3cc15a;animation:hkPing 2s infinite;margin-right:6px;vertical-align:middle;flex:none}
@keyframes hkPing{0%{box-shadow:0 0 0 0 rgba(60,193,90,.5)}70%{box-shadow:0 0 0 9px rgba(60,193,90,0)}100%{box-shadow:0 0 0 0 rgba(60,193,90,0)}}

/* background */
.hk-bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hk-bgfx__grid{position:absolute;inset:-2px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 25%,transparent 75%)}
.hk-bgfx__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}
.hk-bgfx__glow--a{width:44vw;height:44vw;left:-14vw;top:-20vw;background:radial-gradient(circle,rgba(34,211,197,.28),transparent 65%);animation:hkFloat 18s ease-in-out infinite}
.hk-bgfx__glow--b{width:40vw;height:40vw;right:-16vw;top:20vh;background:radial-gradient(circle,rgba(47,123,255,.20),transparent 65%);animation:hkFloat 22s ease-in-out infinite reverse}
.hk-bgfx__noise{display:none}
@keyframes hkFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(4vw,3vw)}}
.hk-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.hk-progress span{display:block;height:100%;width:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--p,0))}

/* buttons */
.hk-btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;line-height:1;letter-spacing:.01em;white-space:nowrap;position:relative;isolation:isolate;transition:transform .25s var(--ease),box-shadow .3s,background .3s,border-color .3s,color .3s}
.hk-btn .hk-i{width:18px;height:18px}
.hk-btn--sm{--h:40px;padding:0 16px;font-size:14px}
.hk-btn--lg{--h:56px;padding:0 28px;font-size:16px}
.hk-btn--block{width:100%}
.hk-btn--glow{color:#06231f;background:var(--grad);box-shadow:0 10px 28px -10px rgba(20,170,160,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.hk-btn--glow::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;z-index:-1;transition:background-position .8s var(--ease);mix-blend-mode:overlay}
.hk-btn--glow:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(20,170,160,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.hk-btn--glow:hover::after{background-position:-20% 0}
.hk-btn--ghost{background:var(--surface);border:1px solid var(--line2);color:var(--text);box-shadow:var(--shadow)}
.hk-btn--ghost:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-2px)}
.hk-btn--ai{background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;border:1.5px solid transparent;color:var(--text)}
.hk-btn--ai:hover{box-shadow:0 10px 30px -10px rgba(34,211,197,.6);transform:translateY(-2px)}
.hk-btn:active{transform:translateY(0) scale(.98)}
.hk-link{display:inline-flex;align-items:center;gap:8px;color:var(--acc);font-weight:700;font-size:15px;transition:gap .25s var(--ease),color .2s}
.hk-link:hover{gap:12px;color:var(--acc2)}
.hk-link .hk-i{width:16px;height:16px}
.hk-orb-mini{width:18px;height:18px;border-radius:50%;background:conic-gradient(from 0deg,var(--lime),var(--teal),var(--blue),var(--lime));animation:hkSpin 3s linear infinite;box-shadow:0 0 12px rgba(34,211,197,.5)}
@keyframes hkSpin{to{transform:rotate(360deg)}}

/* brand icons */
.hk-bi{display:inline-grid;place-items:center;flex:none;border-radius:50%;width:var(--s,40px);height:var(--s,40px);transition:transform .25s var(--ease),box-shadow .25s}
.hk-bi svg{width:56%;height:56%;fill:#fff;stroke:none}
.hk-bi--wa{color:#fff;background:#25d366;box-shadow:0 8px 20px -8px rgba(37,211,102,.8)}
.hk-bi--tg{color:#229ed9;background:#fff;box-shadow:0 8px 20px -8px rgba(34,158,217,.8)}
.hk-bi--tg svg{width:100%;height:100%;fill:#229ed9}
.hk-bi:hover{transform:translateY(-2px) scale(1.06)}

/* type */
.hk-kicker{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.hk-kicker .hk-i{width:16px;height:16px}
.hk-kicker--pill{padding:9px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--soft);letter-spacing:.04em;text-transform:none;font-size:12.5px;line-height:1.35;box-shadow:var(--shadow)}
.hk-h1{font:600 clamp(32px,5vw,64px)/1.04 var(--f-display);letter-spacing:-.02em}
.hk-h1 sup{font-size:.38em;vertical-align:super;margin-left:6px}
.hk-h2{font:600 clamp(28px,3.8vw,48px)/1.06 var(--f-display);letter-spacing:-.02em;max-width:18ch}
.hk-h3{font:600 clamp(18px,1.8vw,22px)/1.2 var(--f-display);letter-spacing:-.01em;margin-bottom:18px}
.hk-sub{color:var(--muted);font-size:clamp(16px,1.4vw,18px);max-width:62ch;margin-top:18px}
.hk-sub--lg{font-size:clamp(17px,1.7vw,21px);color:var(--soft)}
.hk-note{color:var(--dim);font-size:13px;margin-top:12px}
.hk-head{margin-bottom:clamp(32px,5vw,56px)}
.hk-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hk-sec{padding:clamp(64px,9vw,120px) 0;position:relative}
.hk-glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow-lg)}
.hk-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow)}
.hk-panel+.hk-panel{margin-top:20px}
.hk-dark .hk-panel,.hk-dark .hk-btn--ghost{box-shadow:none}

/* reveal */
.hk-js .hk-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out) var(--d,0ms),transform .9s var(--ease-out) var(--d,0ms)}
.hk-js .hk-reveal.is-in{opacity:1;transform:none}
.hk-spot{position:relative;overflow:hidden}
.hk-spot::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(34,211,197,.12),transparent 45%);opacity:0;transition:opacity .35s;pointer-events:none}
.hk-spot:hover::before{opacity:1}

/* nav */
.hk-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:transform .45s var(--ease),background .3s,border-color .3s,box-shadow .3s;border-bottom:1px solid transparent}
.hk-nav.is-solid{background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-color:var(--line);box-shadow:0 8px 24px -18px rgba(0,0,0,.6)}
.hk-nav.is-hidden{transform:translateY(-100%)}
.hk-nav__in{max-width:1440px;margin:0 auto;height:var(--nav-h);display:flex;align-items:center;gap:24px;padding:0 var(--gut)}
.hk-logo{display:inline-flex;align-items:center;gap:10px;flex:none}
.hk-logo img{width:26px;height:32px;object-fit:contain}
.hk-logo__word{font:700 16px/1 var(--f-display);letter-spacing:.08em;color:var(--text)}
.hk-dark .hk-logo__word{color:var(--text)}
.hk-logo__word em{font-style:normal;font-weight:500;margin-left:6px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-logo--lg img{width:34px;height:42px}
.hk-logo--lg .hk-logo__word{font-size:20px}
.hk-nav__links{display:flex;gap:2px;margin:0 auto}
.hk-nav__links a{padding:9px 14px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--soft);transition:color .2s,background .2s}
.hk-nav__links a:hover,.hk-nav__links a.is-active{color:var(--text);background:rgba(220,226,236,.08)}
.hk-nav__right{display:flex;align-items:center;gap:10px;margin-left:auto}
.hk-nav__links+.hk-nav__right{margin-left:0}
.hk-lang{display:flex;padding:3px;border:1px solid var(--line2);border-radius:999px;background:var(--field)}
.hk-lang a{font:600 12px/1 var(--f-mono);padding:8px 10px;border-radius:999px;color:var(--muted);transition:.2s}
.hk-lang a.is-on{background:var(--grad);color:#04221f}
.hk-burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--field);position:relative}
.hk-burger span{position:absolute;left:13px;right:13px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease),top .35s var(--ease)}
.hk-burger span:first-child{top:17px}.hk-burger span:last-child{top:25px}
.hk-burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.hk-burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
.hk-mnav{position:fixed;inset:0;z-index:45;background:var(--glass-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:calc(var(--nav-h) + 24px) var(--gut) 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}
.hk-mnav nav{display:flex;flex-direction:column}
.hk-mnav nav a{font:600 clamp(24px,7vw,38px)/1.2 var(--f-display);padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:16px;opacity:0;transform:translateY(16px);animation:hkIn .6s var(--ease-out) forwards;animation-delay:calc(var(--i)*60ms + 80ms)}
.hk-mnav nav a span{font:500 12px var(--f-mono);color:var(--acc)}
.hk-mnav__foot{display:grid;gap:10px;margin-top:28px}
@keyframes hkIn{to{opacity:1;transform:none}}
body.hk-lock{overflow:hidden}

/* hero */
.hk-hero{position:relative;padding:calc(var(--nav-h) + clamp(24px,4vw,56px)) 0 clamp(28px,4vw,48px)}
.hk-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
.hk-hero__copy{min-width:0}
.hk-hero__title{font:700 clamp(38px,5.4vw,84px)/1 var(--f-display);letter-spacing:-.03em;margin:6px 0 24px;color:var(--text)}
.hk-line{display:block;overflow:hidden;padding:0 .14em .1em 0;margin-right:-.14em}
.hk-line>span{display:inline-block;transform:translateY(110%);animation:hkRise 1.1s var(--ease-out) forwards}
.hk-line:nth-child(2)>span{animation-delay:.12s}
.hk-line:nth-child(3)>span{animation-delay:.24s}
.hk-line--sm{font-size:.4em;font-weight:500;letter-spacing:-.01em;color:var(--soft);margin-top:.25em}
@keyframes hkRise{to{transform:none}}
.hk-hero__lead{font-size:clamp(16px,1.4vw,18.5px);color:var(--muted);max-width:52ch;opacity:0;animation:hkIn .9s var(--ease-out) .45s forwards;transform:translateY(12px)}
.hk-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;opacity:0;animation:hkIn .9s var(--ease-out) .6s forwards;transform:translateY(12px)}
.hk-hero__stats{display:flex;flex-wrap:wrap;gap:12px 32px;margin:34px 0 0;opacity:0;animation:hkIn .9s var(--ease-out) .75s forwards;transform:translateY(12px)}
.hk-hero__stats div{border-left:2px solid var(--acc);padding-left:14px}
.hk-hero__stats dt{font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hk-hero__stats dd{margin:4px 0 0;font-size:15px;color:var(--muted)}
.hk-hero__stats b{font:600 24px var(--f-display);color:var(--text)}
.hk-hero__visual{position:relative;min-width:0;transform-style:preserve-3d;perspective:1400px;opacity:0;animation:hkIn 1s var(--ease-out) .3s forwards;transform:translateY(16px)}
.hk-frame{position:relative;aspect-ratio:3/2;transition:transform .5s var(--ease-out);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));border-radius:32px;overflow:hidden;background:var(--bg3);box-shadow:0 40px 80px -30px rgba(16,38,72,.45),0 0 0 1px rgba(16,38,72,.06)}
.hk-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(6,12,24,0) 55%,rgba(6,12,24,.3));pointer-events:none;z-index:2}
.hk-frame__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.hk-frame__slide.is-on{opacity:1;z-index:1}
.hk-frame__slide img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,55%);transform:scale(1.06);transition:transform 7s ease-out}
.hk-frame__slide.is-on img{transform:scale(1)}
.hk-frame__scan{position:absolute;left:0;right:0;top:-30%;height:30%;z-index:3;background:linear-gradient(180deg,transparent,rgba(34,211,197,.06) 70%,rgba(155,225,93,.35) 99%,transparent);mix-blend-mode:screen;animation:hkScan 6.5s var(--ease) infinite;pointer-events:none}
@keyframes hkScan{0%{top:-30%;opacity:0}8%{opacity:1}55%{top:100%;opacity:.8}56%,100%{top:100%;opacity:0}}
.hk-frame__c{position:absolute;z-index:3;width:26px;height:26px;border:2.5px solid rgba(255,255,255,.9);pointer-events:none}
.hk-frame__c--tl{top:16px;left:16px;border-right:0;border-bottom:0;border-top-left-radius:10px}
.hk-frame__c--tr{top:16px;right:16px;border-left:0;border-bottom:0;border-top-right-radius:10px}
.hk-frame__c--bl{bottom:16px;left:16px;border-right:0;border-top:0;border-bottom-left-radius:10px}
.hk-frame__c--br{bottom:16px;right:16px;border-left:0;border-top:0;border-bottom-right-radius:10px}
.hk-frame__tag{position:absolute;z-index:3;top:22px;right:52px;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(6,12,24,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e6f4ff;font-size:11px}
.hk-frame__tag b{color:#9be15d;font-weight:600;margin-left:4px}
.hk-hud{position:absolute;z-index:4;left:-36px;bottom:-28px;width:min(360px,80%);padding:18px 20px;border-radius:22px;background:var(--glass-solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hk-hud__car{display:none;width:100%;text-align:left}
.hk-hud__rows{align-items:flex-end}
.hk-hud__go{margin-left:auto;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#04221f;display:grid!important;place-items:center;flex:none;transition:transform .3s var(--ease)}
.hk-hud__car:hover .hk-hud__go{transform:rotate(-45deg)}
.hk-hud__car.is-on{display:block;animation:hkHud .6s var(--ease-out)}
@keyframes hkHud{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hk-hud__make{font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.hk-hud__name{display:block;font:600 16.5px/1.25 var(--f-display);margin:6px 0 12px;color:var(--text)}
.hk-hud__rows{display:flex;gap:18px;flex-wrap:wrap}
.hk-hud__rows>span{display:flex;flex-direction:column;gap:2px}
.hk-hud__rows em{font:normal 600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hk-hud__rows b{font-weight:800;font-size:16px}
.hk-hud__car:hover .hk-hud__name{color:var(--acc)}
.hk-hud__bar{height:3px;background:var(--line);margin-top:14px;border-radius:3px;overflow:hidden}
.hk-hud__bar span{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}
.hk-hud__bar span.is-run{animation:hkBar var(--dur,6s) linear forwards}
@keyframes hkBar{to{transform:scaleX(1)}}
.hk-hud__dots{display:flex;gap:6px;margin-top:10px}
.hk-hud__dots button{width:18px;height:5px;border-radius:5px;background:var(--line2);transition:.3s}
.hk-hud__dots button.is-on{width:34px;background:var(--acc)}
.hk-hero__scroll{display:none}


/* hero (full-bleed photo) */
.hk-hero{position:relative;min-height:min(100svh,1000px);padding:calc(var(--nav-h) + 40px) 0 36px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--bg)}
.hk-hero__stage{position:absolute;inset:0;z-index:0}
.hk-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s var(--ease)}
.hk-hero__slide.is-on{opacity:1}
.hk-hero__slide img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fx,50%) var(--fy,55%);transform:scale(1.035);transition:transform 8s ease-out;translate:var(--px,0) var(--py,0)}
.hk-hero__slide.is-on img{transform:scale(1)}
.hk-hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(24,27,33,.9) 0%,rgba(24,27,33,.72) 26%,rgba(24,27,33,.3) 48%,rgba(24,27,33,0) 64%),linear-gradient(0deg,var(--bg) 0%,rgba(30,33,39,.6) 16%,rgba(30,33,39,0) 38%),linear-gradient(180deg,rgba(30,33,39,.75) 0%,rgba(30,33,39,0) 18%)}
.hk-hero__scan{position:absolute;left:0;right:0;top:-24%;height:24%;background:linear-gradient(180deg,transparent,rgba(34,211,197,.06) 70%,rgba(155,225,93,.28) 99%,transparent);mix-blend-mode:screen;animation:hkScan 7s var(--ease) infinite;pointer-events:none}
.hk-hero .hk-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:end}
.hk-hero .hk-hero__copy{max-width:620px;padding-bottom:8px}
.hk-hero .hk-hud{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin-bottom:8px;background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--line2);opacity:0;animation:hkIn 1s var(--ease-out) .9s forwards;transform:translateY(14px)}
.hk-hero .hk-qs{margin-top:36px;background:var(--glass)}
@media (max-width:980px){
  .hk-hero{min-height:0;padding-top:calc(var(--nav-h) + 38vh)}
  .hk-hero__slide{left:0;bottom:auto;height:62vh}
  .hk-hero__scan{left:0;height:18vh}
  .hk-hero__shade{background:linear-gradient(180deg,rgba(30,33,39,.55) 0,rgba(30,33,39,.05) 20%,rgba(30,33,39,.2) 34%,var(--bg) 62vh)}
  .hk-hero .hk-hero__in{grid-template-columns:minmax(0,1fr)}
  .hk-hero .hk-hud{max-width:520px}
}
@media (max-width:640px){
  .hk-hero{padding-top:calc(var(--nav-h) + 30vh)}
  .hk-hero__slide{height:52vh}
  .hk-hero__shade{background:linear-gradient(180deg,rgba(30,33,39,.5) 0,rgba(30,33,39,.05) 18%,rgba(30,33,39,.25) 30%,var(--bg) 52vh)}
  .hk-hero .hk-hud{margin:0}
}

/* quick search */
.hk-qs{position:relative;z-index:3;margin-top:clamp(56px,6vw,80px);display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;gap:10px;padding:10px;border-radius:24px;opacity:0;animation:hkIn 1s var(--ease-out) .9s forwards;transform:translateY(16px)}
.hk-seg{display:inline-flex;padding:4px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);gap:2px}
.hk-seg label{position:relative;cursor:pointer}
.hk-seg input{position:absolute;opacity:0;pointer-events:none}
.hk-seg span{display:flex;align-items:center;height:100%;min-height:44px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap;transition:.25s}
.hk-seg input:checked+span{background:var(--bg3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.hk-seg input:focus-visible+span{outline:2px solid var(--acc)}
.hk-seg--full{display:flex;width:100%}
.hk-seg--full label{flex:1}.hk-seg--full span{justify-content:center;padding:0 8px}
.hk-sel{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:6px 38px 6px 16px;border-radius:16px;background:var(--field);border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s;cursor:pointer;min-width:0}
.hk-sel:hover,.hk-sel:focus-within,.hk-sel.is-open{border-color:var(--acc);box-shadow:0 0 0 4px rgba(79,214,200,.12)}
.hk-sel::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none;transition:transform .25s var(--ease)}
.hk-sel.is-open::after{transform:translateY(-25%) rotate(-135deg)}
.hk-sel small{font:600 10.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hk-sel select{appearance:none;-webkit-appearance:none;background:transparent;border:0;outline:0;font-weight:700;font-size:15px;width:100%;cursor:pointer;padding:2px 0}
.hk-sel select option{background:#272b33;color:#eef1f5}
.hk-sel--enh select{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}
.hk-sel__val{display:block;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0;text-align:left;width:100%}
.hk-sel__val.is-empty{color:var(--muted);font-weight:600}
.hk-sel--inline{min-height:44px;padding:0 38px 0 14px}
.hk-qs__go{height:auto;min-height:54px;border-radius:16px;padding:0 24px;gap:10px}
.hk-qs__go span{display:inline-flex;align-items:center;gap:8px}
.hk-qs__go b{font:700 17px/1 var(--f-display);padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.55)}

/* custom dropdown */
.hk-dd{position:fixed;z-index:90;min-width:220px;max-width:min(380px,calc(100vw - 24px));max-height:min(360px,60vh);overflow-y:auto;padding:6px;border-radius:18px;background:#2a2e37;border:1px solid var(--line2);box-shadow:0 24px 60px -18px rgba(0,0,0,.8);animation:hkDd .22s var(--ease-out);scrollbar-width:thin;color:var(--text);font-family:var(--f-text)}
@keyframes hkDd{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.hk-dd.is-up{animation-name:hkDdUp}
@keyframes hkDdUp{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.hk-dd__opt{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;font-size:15px;font-weight:600;text-align:left;color:var(--soft);transition:background .15s,color .15s}
.hk-dd__opt:hover,.hk-dd__opt.is-active{background:#353a45;color:var(--text)}
.hk-dd__opt.is-sel{color:var(--acc);background:linear-gradient(90deg,rgba(155,225,93,.14),rgba(34,211,197,.12))}
.hk-dd__n{margin-left:auto;font:600 11.5px var(--f-mono);color:var(--muted);background:rgba(220,226,236,.08);border-radius:999px;padding:3px 8px}
.hk-dd__opt.is-sel .hk-dd__n{background:rgba(0,0,0,.25);color:var(--acc)}
.hk-dd__chk{width:18px;height:18px;flex:none;border-radius:6px;display:grid;place-items:center;color:transparent;border:1.5px solid var(--line2)}
.hk-dd__opt.is-sel .hk-dd__chk{background:var(--grad);color:#04221f;border-color:transparent}
.hk-dd__chk svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hk-dd__head{display:none}
.hk-dd-back{display:none}
@media (max-width:640px){
  .hk-dd{left:8px!important;right:8px;top:auto!important;bottom:8px;max-width:none;width:auto!important;max-height:70vh;border-radius:24px;padding:8px 8px 14px;animation-name:hkSheet}
  .hk-dd__head{display:block;width:44px;height:5px;border-radius:5px;background:var(--line2);margin:4px auto 10px}
  .hk-dd__opt{padding:14px}
  .hk-dd-back{display:block;position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.5);animation:hkFade .2s}
}
@keyframes hkSheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}

/* marquee */
.hk-brands{position:relative;z-index:1;border-block:1px solid var(--line);background:var(--bg2);padding:18px 0;overflow:hidden}
.hk-marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hk-marquee__track{display:flex;gap:56px;width:max-content;animation:hkMarquee 40s linear infinite}
.hk-marquee:hover .hk-marquee__track{animation-play-state:paused}
.hk-marquee__track a{font:600 clamp(20px,2.4vw,30px)/1 var(--f-display);color:#6f7888;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;transition:color .25s}
.hk-marquee__track a:hover{color:var(--text)}
.hk-marquee__track sup{font:600 11px var(--f-mono);color:var(--acc);margin-left:6px;vertical-align:super}
@keyframes hkMarquee{to{transform:translateX(-50%)}}

/* agents (dark band) */
.hk-agents{background:radial-gradient(70% 90% at 90% 10%,rgba(47,123,255,.22),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(34,211,197,.18),transparent 60%),var(--bg);overflow:hidden}
.hk-agents::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none}
.hk-agents .hk-wrap{position:relative}
.hk-agents__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:stretch}
.hk-agents__cards{display:grid;gap:14px}
.hk-agent{display:flex;align-items:center;gap:20px;text-align:left;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color .3s,background .3s,transform .4s var(--ease);transform-style:preserve-3d;color:var(--text)}
.hk-agent:hover{border-color:rgba(34,211,197,.45);background:var(--surface2)}
.hk-agent__orb{flex:none;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;position:relative;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 30px -10px var(--c2)}
.hk-agent__orb::before{content:"";position:absolute;inset:-3px;border-radius:23px;background:conic-gradient(from var(--a,0deg),transparent 60%,var(--c1),transparent);animation:hkOrbit 4s linear infinite;z-index:-1;filter:blur(1px)}
.hk-agent__orb .hk-i{width:28px;height:28px}
.hk-agent__orb--picker{--c1:#9be15d;--c2:#22b89f}
.hk-agent__orb--logist{--c1:#22d3c5;--c2:#1f86d8}
.hk-agent__orb--deal{--c1:#4f93ff;--c2:#5b4bff}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes hkOrbit{to{--a:360deg}}
.hk-agent__txt{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.hk-agent__txt b{font:600 19px/1.2 var(--f-display)}
.hk-agent__txt>span:last-child{color:var(--muted);font-size:14.5px}
.hk-agent__code{font-size:11px;display:flex;align-items:center}
.hk-agent__go{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;transition:.3s}
.hk-agent:hover .hk-agent__go{background:var(--grad);color:#04221f;border-color:transparent;transform:rotate(-45deg)}
.hk-console{padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:420px}
.hk-console__top{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--line)}
.hk-console__top span{width:10px;height:10px;border-radius:50%;background:#253247}
.hk-console__top span:first-child{background:#ff5d73}.hk-console__top span:nth-child(2){background:#ffb547}.hk-console__top span:nth-child(3){background:var(--lime)}
.hk-console__top em{margin-left:auto;font-style:normal}
.hk-console__log{flex:1;padding:22px;display:flex;flex-direction:column;gap:14px}
.hk-console__msg{max-width:88%;padding:14px 16px;border-radius:18px;font-size:15px;line-height:1.5}
.hk-console__msg--me{align-self:flex-end;background:var(--grad);color:#04221f;font-weight:700;border-bottom-right-radius:6px;min-height:50px}
.hk-console__msg--me.is-typing::after{content:"";display:inline-block;width:2px;height:1em;background:#04221f;margin-left:2px;vertical-align:-2px;animation:hkBlink 1s steps(1) infinite}
@keyframes hkBlink{50%{opacity:0}}
.hk-console__msg--ai{align-self:flex-start;background:var(--surface2);border:1px solid var(--line);border-bottom-left-radius:6px;opacity:0;transform:translateY(10px);transition:.6s var(--ease-out)}
.hk-console__msg--ai.is-on{opacity:1;transform:none}
.hk-console__car{display:flex;gap:12px;align-items:center;margin-top:12px;padding:8px;border-radius:14px;background:var(--field);border:1px solid var(--line);transition:border-color .2s}
.hk-console__car:hover{border-color:var(--acc)}
.hk-console__car img{width:110px;height:62px;object-fit:cover;border-radius:10px}
.hk-console__car span{display:flex;flex-direction:column;gap:2px;font-size:14px}
.hk-console__car em{font-style:normal;color:var(--acc);font-weight:800}
.hk-console__input{margin:0 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;border:1px solid var(--line2);background:var(--field);color:var(--dim);font-size:14.5px;text-align:left;transition:border-color .2s}
.hk-console__input:hover{border-color:var(--acc)}
.hk-console__input i{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#04221f;display:grid;place-items:center;flex:none}

/* cards + 3D tilt */
.hk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.hk-grid--4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.hk-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);transition:transform .6s var(--ease-out),border-color .3s,box-shadow .45s;transform-style:preserve-3d;will-change:transform}
.hk-card.is-tilt{transition:transform .12s linear,border-color .3s,box-shadow .45s}
.hk-card:hover{border-color:rgba(79,214,200,.35);box-shadow:0 34px 70px -24px rgba(0,0,0,.7),0 0 0 1px rgba(79,214,200,.15)}
.hk-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg3);border-radius:var(--r) var(--r) 0 0;transform:translateZ(0)}
.hk-card__media img{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;transition:transform .9s var(--ease),opacity .5s;transform:translate(var(--ix,0),var(--iy,0)) scale(1)}
.hk-card__img2{opacity:0}
.hk-card:hover .hk-card__media img{transform:translate(var(--ix,0),var(--iy,0)) scale(1.05)}
.hk-card:hover .hk-card__img2{opacity:1}
.hk-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,24,.45),transparent 38%)}
.hk-card__glare{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.45),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .35s;mix-blend-mode:soft-light}
.hk-card:hover .hk-card__glare{opacity:1}
.hk-card__body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;flex:1;transition:transform .5s var(--ease-out)}
.hk-card.is-tilt .hk-card__body{transform:translateZ(26px)}
.hk-card__noimg{position:absolute;inset:0;display:grid;place-items:center;font:700 18px var(--f-display);letter-spacing:.3em;color:var(--dim)}
.hk-card__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 10px;border-radius:999px;font:700 11.5px/1 var(--f-mono);letter-spacing:.04em;background:rgba(24,27,33,.82);color:#eef1f5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.hk-card__badge--new::before,.hk-card__badge--used::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}
.hk-card__badge--new::before{background:#3cc15a}
.hk-card__badge--used::before{background:#2f7bff}
.hk-card__count{position:absolute;right:12px;bottom:10px;z-index:2;font:600 11px var(--f-mono);color:#fff}
.hk-card__title{font:600 16px/1.3 var(--f-display);letter-spacing:-.005em;color:var(--text)}
.hk-card__title a::before{content:"";position:absolute;inset:0;z-index:1}
.hk-card__specs{display:flex;flex-wrap:wrap;gap:6px}
.hk-card__specs li{font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:8px;background:var(--surface2);color:var(--soft)}
.hk-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.hk-card__price{display:flex;flex-direction:column}
.hk-card__price small{font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hk-card__price b{font:700 20px/1.2 var(--f-display);letter-spacing:-.01em;color:var(--text)}
.hk-card__price s{font-size:13px;color:var(--dim)}
.hk-card__tools{display:flex;gap:6px;position:relative;z-index:5}
.hk-ico-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line2);display:grid;place-items:center;transition:.25s;color:var(--muted);background:var(--bg2)}
.hk-ico-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-ico-btn:hover{border-color:var(--acc);color:var(--acc)}
.hk-ico-btn.is-on{background:rgba(79,214,200,.1);border-color:var(--acc);color:var(--acc)}
[data-fav].is-on svg{fill:currentColor}
.hk-card.is-hidden{display:none}

/* showcase rail */
.hk-tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface2)}
.hk-tabs button{padding:10px 18px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--muted);transition:.25s}
.hk-tabs button sup{font:600 10px var(--f-mono);color:var(--acc)}
.hk-tabs button.is-on{background:var(--bg3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.hk-rail{display:none;position:relative}
.hk-rail.is-on{display:block;animation:hkIn .6s var(--ease-out)}
.hk-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,340px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 8px 36px;margin:-10px -8px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.hk-rail__track::-webkit-scrollbar{display:none}
.hk-rail__track>*{scroll-snap-align:start}
.hk-rail__more{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:28px;border-radius:var(--r);border:1.5px dashed var(--line2);background:var(--grad-soft);transition:.3s}
.hk-rail__more span{font:600 22px/1.2 var(--f-display)}
.hk-rail__more b{font:700 64px/1 var(--f-display);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-rail__more .hk-i{width:28px;height:28px;color:var(--acc);transition:transform .3s}
.hk-rail__more:hover .hk-i{transform:translateX(6px)}
.hk-rail__nav{display:flex;gap:8px;justify-content:flex-end}
.hk-rail__nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);background:var(--bg2);display:grid;place-items:center;transition:.25s;box-shadow:var(--shadow)}
.hk-rail__nav button:hover{border-color:var(--acc);color:var(--acc)}

/* numbers bento */
.hk-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:16px}
.hk-bento__cell{position:relative;overflow:hidden;padding:26px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.hk-bento__cell b{font:700 clamp(38px,4.6vw,60px)/1 var(--f-display);letter-spacing:-.03em;color:var(--text)}
.hk-bento__cell span{color:var(--muted);font-size:15px}
.hk-bento__cell--xl{grid-column:span 2;grid-row:span 2;background:radial-gradient(120% 80% at 100% 0%,rgba(34,211,197,.16),transparent 60%),var(--bg2)}
.hk-bento__cell--xl b{font-size:clamp(44px,6vw,92px);white-space:nowrap;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-bento__cell--tall{grid-row:span 2;background:radial-gradient(100% 60% at 0% 100%,rgba(47,123,255,.14),transparent 60%),var(--bg2)}
.hk-bento__spark{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(16,38,72,.05) 38px 39px);mask-image:linear-gradient(0deg,transparent,#000);-webkit-mask-image:linear-gradient(0deg,transparent,#000);pointer-events:none}

/* why */
.hk-why__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.hk-why__item{grid-column:span 2;padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:240px}
.hk-why__item:nth-child(4),.hk-why__item:nth-child(5){grid-column:span 3}
.hk-why__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line);color:var(--acc)}
.hk-why__ic .hk-i{width:24px;height:24px}
.hk-why__n{position:absolute;top:24px;right:26px}
.hk-why__item h3{font:600 20px/1.2 var(--f-display);margin-top:auto}
.hk-why__item p{color:var(--muted);font-size:15px}

/* steps */
.hk-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.hk-steps__line{position:absolute;left:0;right:0;top:27px;height:3px;background:var(--line);border-radius:3px}
.hk-steps__line span{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .2s linear;border-radius:3px}
.hk-step{position:relative;padding-top:78px}
.hk-step__n{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font:600 18px var(--f-display);background:var(--bg2);border:1px solid var(--line2);box-shadow:0 0 0 6px var(--bg),var(--shadow)}
.hk-step.is-in .hk-step__n{border-color:var(--acc);color:var(--acc)}
.hk-step h3{font:600 19px/1.25 var(--f-display);margin-bottom:10px}
.hk-step p{color:var(--muted);font-size:15px}

/* geo */
.hk-geo__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.hk-geo__list{margin:28px 0 8px;display:grid}
.hk-geo__list li{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.hk-geo__list li span{font-weight:700}
.hk-geo__list li i{flex:1;border-bottom:1px dashed var(--line2);transform:translateY(-4px)}
.hk-geo__list li b{font:600 20px var(--f-display);white-space:nowrap}
.hk-geo__list li small{font:600 12px var(--f-text);color:var(--muted)}
.hk-geo__list--sm li{padding:10px 0}.hk-geo__list--sm li b{font-size:15px}.hk-geo__list--sm li span{font-size:14px;font-weight:600}
.hk-geo .hk-btn{margin-top:22px}
.hk-map{position:relative;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(80% 70% at 35% 90%,rgba(34,211,197,.14),transparent 60%),var(--bg);overflow:hidden;box-shadow:0 40px 80px -36px rgba(6,20,40,.6)}
.hk-map__svg{width:100%;height:auto;display:block}
.hk-map__arc{fill:none;stroke:url(#hkArc);stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900;opacity:.9}
.hk-map.is-in .hk-map__arc{animation:hkDraw 1.8s var(--ease) forwards;animation-delay:calc(var(--i)*.18s)}
.hk-map__pulse{fill:none;stroke:#e9fff6;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 900;stroke-dashoffset:0;opacity:0}
.hk-map.is-in .hk-map__pulse{animation:hkTravel 3.2s linear infinite;animation-delay:calc(var(--i)*.5s + 1.6s)}
@keyframes hkDraw{to{stroke-dashoffset:0}}
@keyframes hkTravel{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:-800;opacity:0}}
.hk-map__dot{fill:#22d3c5}
.hk-map__halo{animation:hkHalo 2.6s ease-in-out infinite}
.hk-map__hub{animation:hkHalo 2s ease-in-out infinite}
@keyframes hkHalo{50%{opacity:.35}}
.hk-map__lbl{font:600 15px var(--f-text);fill:#dce7f2}
.hk-map__lbl tspan{font:500 12px var(--f-mono);fill:#22d3c5}
.hk-map__lbl--hub{font:700 14px var(--f-display);letter-spacing:.14em;fill:#9be15d}

/* reviews */
.hk-reviews__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hk-review{margin:0;padding:26px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.hk-review__stars{color:#f5b301;letter-spacing:3px;font-size:14px}
.hk-review blockquote{margin:0;font-size:15.5px;line-height:1.6;color:var(--soft);flex:1}
.hk-review figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px}
.hk-review figcaption span{color:var(--dim);font-size:12.5px}
.hk-media{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.hk-media div{display:flex;flex-wrap:wrap;gap:12px 32px}
.hk-media div span{font:600 17px var(--f-display);color:var(--dim)}

/* faq */
.hk-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.hk-faq__grid--page{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}
.hk-faq__grid .hk-head{position:sticky;top:calc(var(--nav-h) + 30px)}
.hk-faq__grid .hk-link{margin-top:22px}
.hk-acc{display:grid;gap:10px}
.hk-acc__item{border-radius:18px;border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);transition:border-color .3s}
.hk-acc__item[open]{border-color:rgba(79,214,200,.35)}
.hk-acc__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font:700 17px/1.35 var(--f-text)}
.hk-acc__item summary::-webkit-details-marker{display:none}
.hk-acc__item summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);position:relative;transition:transform .35s var(--ease),background .3s}
.hk-acc__item summary i::before,.hk-acc__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:currentColor;transform:translate(-50%,-50%);border-radius:2px}
.hk-acc__item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--ease)}
.hk-acc__item[open] summary i{background:var(--grad);color:#04221f;border-color:transparent}
.hk-acc__item[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.hk-acc__item>div{padding:0 22px 22px;color:var(--soft);font-size:15.5px}
.hk-faq__ask{position:sticky;top:calc(var(--nav-h) + 30px);display:grid;gap:12px}
.hk-faq__ask .hk-h3{margin:8px 0 0}
.hk-faq__ask p{color:var(--muted);margin-bottom:8px}

/* lead */
.hk-leadsec__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding:clamp(24px,5vw,56px);position:relative;overflow:hidden;background:var(--bg2)}
.hk-leadsec__box::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(155,225,93,.2),transparent 65%);pointer-events:none}
.hk-leadsec__direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hk-form{display:grid;gap:12px;position:relative}
.hk-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hk-field{position:relative;display:block}
.hk-field input,.hk-field textarea{width:100%;padding:24px 16px 10px;border-radius:14px;border:1px solid var(--line2);background:var(--field);outline:0;font-size:16px;transition:border-color .2s,box-shadow .2s;resize:vertical;color:var(--text)}
.hk-field textarea{min-height:88px}
.hk-field span{position:absolute;left:17px;top:17px;font-size:15px;color:var(--dim);pointer-events:none;transition:font-size .2s,color .2s,top .2s}
.hk-field input:focus,.hk-field textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(79,214,200,.14)}
.hk-field input:focus+span,.hk-field input:not(:placeholder-shown)+span,.hk-field textarea:focus+span,.hk-field textarea:not(:placeholder-shown)+span{top:8px;font-size:11px;color:var(--acc);letter-spacing:.04em;font-weight:700}
.hk-field--sm input{padding:20px 12px 8px}
.hk-field--sm span{left:13px;top:14px;font-size:14px}
.hk-field.is-err input{border-color:var(--err)}
.hk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.hk-form__note{font-size:12px;color:var(--dim)}
.hk-form__status{font-size:14px;font-weight:700;min-height:1em}
.hk-form__status.is-ok{color:var(--ok)}.hk-form__status.is-err{color:var(--err)}
.hk-form.is-done>*:not(.hk-form__status){opacity:.35;pointer-events:none}

/* footer (dark) */
.hk-foot{position:relative;z-index:1;padding-top:clamp(56px,8vw,96px);overflow:hidden;background:radial-gradient(60% 60% at 80% 0%,rgba(47,123,255,.18),transparent 60%),var(--bg)}
.hk-foot__cta{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:clamp(48px,7vw,80px);margin-bottom:clamp(40px,6vw,64px);border-bottom:1px solid var(--line)}
.hk-p-home .hk-foot__cta{display:none}
.hk-foot__title{font:600 clamp(28px,4.2vw,54px)/1.05 var(--f-display);letter-spacing:-.02em;max-width:16ch}
.hk-foot__cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.hk-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}
.hk-foot__brand p{color:var(--muted);font-size:15px;margin:18px 0 22px;max-width:40ch}
.hk-foot h3{font:600 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.hk-foot ul{display:grid;gap:10px}
.hk-foot ul a{color:var(--soft);transition:color .2s}
.hk-foot ul a:hover{color:var(--acc)}
.hk-foot__contacts li{display:flex;align-items:center;gap:10px;font-size:15px}
.hk-foot__contacts .hk-i{color:var(--acc)}
.hk-foot__contacts .hk-bi{--s:24px;box-shadow:none}
.hk-foot__contacts small{color:var(--dim);font-size:12px}
.hk-social{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hk-social a{width:42px;height:42px;border-radius:14px;border:1px solid var(--line2);display:grid;place-items:center;transition:.25s;color:var(--soft);background:var(--bg2)}
.hk-social a:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-3px)}
.hk-social--lg{justify-content:center;gap:12px;padding:30px 0}
.hk-social--lg .hk-mono{width:100%;text-align:center;margin-bottom:6px}
.hk-social--lg a{width:56px;height:56px;box-shadow:var(--shadow)}
.hk-foot__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0;margin-top:48px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.hk-foot__mega{font:800 clamp(80px,19vw,300px)/.8 var(--f-display);letter-spacing:-.05em;text-align:center;background:linear-gradient(180deg,rgba(150,190,240,.10),rgba(150,190,240,0) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:-.12em;user-select:none;pointer-events:none}

/* dock + chat */
.hk-dock{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px}
.hk-dock .hk-bi{--s:52px}
.hk-dock__ai{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 24px 0 8px;border-radius:999px;background:linear-gradient(#272b33,#272b33) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:0 16px 40px -14px rgba(0,0,0,.7);transition:transform .25s var(--ease),box-shadow .3s;white-space:nowrap;color:var(--text);flex:none}
.hk-dock__ai:hover{transform:translateY(-3px);box-shadow:0 20px 50px -14px rgba(34,211,197,.35)}
.hk-dock__orb{width:42px;height:42px;flex:none;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#fff 0,#c9fff0 10%,#22d3c5 38%,#2f7bff 78%,#1a3c8f 100%);box-shadow:0 0 18px rgba(34,211,197,.55),inset -4px -6px 12px rgba(0,0,60,.35);animation:hkBreath 3.2s ease-in-out infinite}
.hk-dock__orb i{position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:#6fd03a;animation:hkSpin 2.4s linear infinite}
@keyframes hkBreath{50%{transform:scale(1.06)}}
.hk-dock__txt{display:flex;flex-direction:column;text-align:left;line-height:1.25}
.hk-dock__txt b{font-size:14.5px;font-weight:800}
.hk-dock__txt small{font-size:12px;color:var(--muted);display:flex;align-items:center}
.hk-chat{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px);z-index:55;width:min(440px,calc(100vw - 32px))}
.hk-chat__panel{display:flex;flex-direction:column;height:min(640px,calc(100svh - 130px));border-radius:24px;background:var(--bg2);border:1px solid var(--line2);box-shadow:0 40px 100px -24px rgba(0,0,0,.8);overflow:hidden;animation:hkPop .45s var(--ease-out);transform-origin:100% 100%}
@keyframes hkPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.hk-chat__head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:var(--bg3)}
.hk-chat__tabs{display:flex;gap:4px;flex:1;min-width:0}
.hk-chat__tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border-radius:12px;font-size:12.5px;font-weight:800;color:var(--muted);transition:.2s;min-width:0}
.hk-chat__tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hk-chat__tabs button .hk-i{width:15px;height:15px}
.hk-chat__tabs button.is-on{background:var(--bg2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.hk-chat__tabs button.is-on .hk-i{color:var(--acc)}
.hk-chat__close{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--muted)}
.hk-chat__close:hover{background:var(--surface2);color:var(--text)}
.hk-chat__log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;overscroll-behavior:contain;background:var(--bg)}
.hk-msg{max-width:92%;padding:12px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;animation:hkMsg .4s var(--ease-out)}
@keyframes hkMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hk-msg--ai{align-self:flex-start;background:var(--bg2);border:1px solid var(--line);border-bottom-left-radius:5px}
.hk-msg--me{align-self:flex-end;background:var(--grad);color:#04221f;font-weight:700;border-bottom-right-radius:5px}
.hk-msg b{color:var(--text)}.hk-msg--me b{color:#04221f}
.hk-msg small{display:block;color:var(--dim);font-size:12px;margin-top:6px}
.hk-msg ul{margin:6px 0}
.hk-ai-list{display:grid;gap:4px;margin:8px 0!important}
.hk-ai-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:8px;background:var(--surface2)}
.hk-ai-list b{color:var(--acc)!important;white-space:nowrap}
.hk-typing{align-self:flex-start;display:flex;gap:4px;padding:14px 16px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}
.hk-typing i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:hkDotB 1.2s infinite}
.hk-typing i:nth-child(2){animation-delay:.15s}.hk-typing i:nth-child(3){animation-delay:.3s}
@keyframes hkDotB{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.hk-chips-msg{display:flex;flex-wrap:wrap;gap:6px;animation:hkMsg .4s var(--ease-out)}
.hk-chips-msg button{padding:8px 13px;border-radius:999px;border:1px solid var(--line2);font-size:13px;font-weight:700;color:var(--soft);transition:.2s;background:var(--bg2)}
.hk-chips-msg button:hover{border-color:var(--acc);color:var(--acc)}
.hk-chips-msg button.is-accent{background:var(--grad);color:#04221f;border-color:transparent}
.hk-cars-msg{display:grid;gap:8px;width:100%;animation:hkMsg .45s var(--ease-out)}
.hk-cars-msg a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);transition:border-color .2s,transform .2s}
.hk-cars-msg a:hover{border-color:var(--acc);transform:translateX(3px)}
.hk-cars-msg img{width:96px;height:58px;object-fit:cover;border-radius:10px;flex:none;background:var(--bg3)}
.hk-cars-msg span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hk-cars-msg b{font-size:13.5px;line-height:1.3;color:var(--text)}
.hk-cars-msg em{font-style:normal;font-weight:800;color:var(--acc);font-size:14px}
.hk-cars-msg small{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-chat .hk-form{padding:12px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);animation:hkMsg .4s var(--ease-out)}
.hk-chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--bg2)}
.hk-chat__form input{flex:1;min-width:0;height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:var(--field);outline:0;font-size:16px}
.hk-chat__form input:focus{border-color:var(--acc)}
.hk-chat__form button{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#04221f;display:grid;place-items:center;flex:none}

/* modal */
.hk-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:hkFade .3s}
@keyframes hkFade{from{opacity:0}}
.hk-modal__box{position:relative;width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;padding:clamp(22px,4vw,36px);border-radius:var(--r-lg);background:var(--bg2);border:1px solid var(--line2);box-shadow:0 40px 120px -20px rgba(0,0,0,.8);animation:hkPop .45s var(--ease-out)}
.hk-modal__box h3{font:600 clamp(22px,3vw,30px)/1.1 var(--f-display);letter-spacing:-.01em;margin-bottom:10px;padding-right:40px}
.hk-modal__sub{color:var(--muted);font-size:15px;margin-bottom:22px}
.hk-modal__car{display:block;padding:10px 14px;border-radius:12px;background:var(--grad-soft);border:1px solid var(--line);font-weight:700;margin-bottom:16px}
.hk-modal__x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line)}
.hk-cookie{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:39;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;padding:12px 12px 12px 18px;border-radius:18px;background:var(--glass-solid);border:1px solid var(--line);font-size:13.5px;color:var(--muted);box-shadow:var(--shadow-lg)}

/* page heads, catalog */
.hk-pagehead{padding:calc(var(--nav-h) + clamp(36px,6vw,72px)) 0 clamp(28px,4vw,44px)}
.hk-pagehead--big{padding-bottom:0}
.hk-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;color:var(--dim);margin-bottom:20px}
.hk-crumbs a{color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-weight:600}
.hk-crumbs a:hover{color:var(--acc)}
.hk-crumbs__back .hk-i{width:16px;height:16px}
.hk-cat__grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start;padding-bottom:80px}
.hk-filters{position:sticky;top:calc(var(--nav-h) + 16px);max-height:calc(100svh - var(--nav-h) - 32px);overflow-y:auto;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);display:grid;gap:18px;scrollbar-width:thin}
.hk-filters__head{display:flex;align-items:center;justify-content:space-between}
.hk-filters__head b{display:flex;align-items:center;gap:8px;font:600 16px var(--f-display)}
.hk-filters__head .hk-link{font-size:13px}
.hk-filters__x,.hk-filters__apply{display:none}
.hk-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line2);background:var(--field)}
.hk-search:focus-within{border-color:var(--acc)}
.hk-search .hk-i{color:var(--dim)}
.hk-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-size:15px}
.hk-fgroup{display:grid;gap:8px}
.hk-fgroup h4{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hk-fgroup .hk-sel{min-height:46px;padding:0 38px 0 14px}
.hk-chips{display:flex;flex-wrap:wrap;gap:6px}
.hk-chips label{cursor:pointer}
.hk-chips input{position:absolute;opacity:0;pointer-events:none}
.hk-chips span{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;border:1px solid var(--line2);font-size:13.5px;font-weight:700;color:var(--soft);background:var(--bg2);transition:.2s}
.hk-chips sup{font:600 10px var(--f-mono);color:var(--dim)}
.hk-chips span:hover{border-color:var(--acc)}
.hk-chips input:checked+span{background:rgba(79,214,200,.1);border-color:var(--acc);color:var(--acc)}
.hk-chips input:focus-visible+span{outline:2px solid var(--acc)}
.hk-range2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hk-toggle{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:700;cursor:pointer}
.hk-toggle input{position:absolute;opacity:0}
.hk-toggle span{width:44px;height:26px;border-radius:999px;background:var(--surface2);border:1px solid var(--line2);position:relative;transition:.25s;flex:none}
.hk-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.25s var(--ease)}
.hk-toggle input:checked+span{background:var(--acc);border-color:var(--acc)}
.hk-toggle input:checked+span::after{left:21px}
.hk-results__bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hk-results__count{color:var(--muted);font-size:15px}
.hk-results__count b{color:var(--text);font-family:var(--f-display)}
.hk-results__active{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.hk-results__active button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--line2);font-size:12.5px;font-weight:700}
.hk-results__active button::after{content:"×";color:var(--muted);font-size:15px;line-height:1}
.hk-results__filters{display:none}
.hk-empty{padding:48px 24px;text-align:center;border-radius:var(--r);border:1.5px dashed var(--line2);display:grid;justify-items:center;gap:18px;color:var(--muted);background:var(--bg2)}
.hk-more{display:flex;justify-content:center;margin-top:32px}
.hk-cmpbar{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:41;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--glass-solid);border:1px solid var(--line2);box-shadow:var(--shadow-lg);animation:hkPop .4s var(--ease-out);max-width:calc(100vw - 32px)}
.hk-cmpbar__t{font-size:14px;font-weight:700;white-space:nowrap}
.hk-cmpbar__thumbs{display:flex}
.hk-cmpbar__thumbs img{width:44px;height:30px;object-fit:cover;border-radius:8px;border:2px solid var(--bg2);margin-left:-8px}
.hk-cmpbar__thumbs img:first-child{margin-left:0}
.hk-cmpbar .hk-link{font-size:13px}

/* car page */
.hk-carpage{padding-top:calc(var(--nav-h) + 24px)}
.hk-carpage__top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:28px;align-items:start}
.hk-gallery,.hk-buy,.hk-carpage__main,.hk-carpage__side,.hk-results{min-width:0}
.hk-gallery__main{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--bg3);box-shadow:var(--shadow-lg)}
.hk-gallery__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .5s var(--ease)}
.hk-gallery__slide.is-on{opacity:1;z-index:1}
.hk-gallery__slide img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.hk-gallery__empty{position:absolute;inset:0;display:grid;place-items:center;font:700 28px var(--f-display);letter-spacing:.4em;color:var(--dim)}
.hk-gallery__main .hk-card__badge{top:16px;left:16px}
.hk-gallery__arrow{position:absolute;top:50%;z-index:3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0c1627;box-shadow:0 8px 20px -8px rgba(0,0,0,.4);transform:translateY(-50%);transition:.25s;opacity:0}
.hk-gallery__main:hover .hk-gallery__arrow{opacity:1}
.hk-gallery__arrow:hover{background:#fff;color:var(--acc)}
.hk-gallery__arrow--prev{left:16px}.hk-gallery__arrow--next{right:16px}
.hk-gallery__count{position:absolute;right:16px;bottom:14px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(6,12,24,.6);color:#fff}
.hk-gallery__zoom{position:absolute;right:16px;top:16px;z-index:3;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0c1627}
.hk-gallery__thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none}
.hk-gallery__thumbs::-webkit-scrollbar{display:none}
.hk-gallery__thumbs button{flex:none;width:104px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:2px solid transparent;opacity:.6;transition:.25s}
.hk-gallery__thumbs button.is-on{border-color:var(--acc);opacity:1}
.hk-gallery__thumbs button:hover{opacity:1}
.hk-gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.hk-buy{position:sticky;top:calc(var(--nav-h) + 16px)}
.hk-buy__box{padding:clamp(22px,2.4vw,30px);border-radius:var(--r-lg);background:var(--bg2)}
.hk-buy__box .hk-kicker{margin-bottom:10px}
.hk-buy__title{font:600 clamp(22px,2.4vw,32px)/1.12 var(--f-display);letter-spacing:-.015em}
.hk-buy__tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}
.hk-buy__tags li{font-size:13px;font-weight:700;padding:5px 10px;border-radius:8px;background:var(--surface2);color:var(--soft)}
.hk-buy__price{padding:18px 0;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.hk-buy__price small{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hk-buy__price b{font:700 clamp(30px,3.2vw,42px)/1.05 var(--f-display);letter-spacing:-.02em}
.hk-buy__price s{color:var(--dim);font-size:14px}
.hk-buy__note{font-size:13px;color:var(--muted);margin:14px 0 18px}
.hk-buy__actions{display:grid;gap:10px}
.hk-buy__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hk-buy__row .hk-btn{box-shadow:none}
.hk-buy__row .hk-bi{--s:26px;box-shadow:none}
.hk-buy__deposit{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:16px;padding:12px;border-radius:12px;background:var(--surface2)}
.hk-buy__deposit .hk-i{color:var(--ok);margin-top:2px}
.hk-buy__tools{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px}
.hk-buy__tools .hk-link{font-size:13.5px;color:var(--muted)}
.hk-buy__tools .hk-link:hover,.hk-buy__tools .hk-link.is-on{color:var(--acc)}
.hk-carpage__body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:28px;margin-top:40px;align-items:start}
.hk-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hk-specs div{background:var(--bg2);padding:14px 16px}
.hk-specs dt{font:600 10.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hk-specs dd{margin:4px 0 0;font-weight:800;font-size:15.5px}
.hk-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.hk-feats li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--soft);font-weight:600}
.hk-feats li::before{content:"✓";flex:none;width:20px;height:20px;margin-top:1px;border-radius:7px;background:var(--grad);color:#04221f;display:grid;place-items:center;font-size:12px;font-weight:900}
.hk-prose{color:var(--soft);font-size:16px;line-height:1.75}
.hk-prose p{margin:0 0 1em}
.hk-prose a{color:var(--acc)}
.hk-prose img{border-radius:14px;margin:1em 0}
.hk-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--img) center/cover}
.hk-yt span{position:absolute;left:50%;top:50%;width:76px;height:76px;border-radius:50%;background:var(--grad);color:#04221f;display:grid;place-items:center;transform:translate(-50%,-50%);transition:transform .3s var(--ease);box-shadow:0 0 40px rgba(34,211,197,.6)}
.hk-yt:hover span{transform:translate(-50%,-50%) scale(1.08)}
.hk-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hk-mini-steps{display:grid;gap:14px;counter-reset:s}
.hk-mini-steps li{display:grid;grid-template-columns:32px 1fr;gap:4px 12px;counter-increment:s}
.hk-mini-steps li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font:600 13px var(--f-display);border:1px solid var(--line2);color:var(--acc)}
.hk-mini-steps b{font-size:15px}.hk-mini-steps span{font-size:13.5px;color:var(--muted)}
.hk-lightbox{position:fixed;inset:0;z-index:80;background:rgba(4,8,15,.96);display:grid;place-items:center;animation:hkFade .25s;color:#fff}
.hk-lightbox img{max-width:94vw;max-height:88svh;object-fit:contain;border-radius:10px}
.hk-lightbox__x{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center}
.hk-lightbox__nav{position:absolute;top:50%;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;transform:translateY(-50%);background:rgba(255,255,255,.08)}
.hk-lightbox__nav--prev{left:16px}.hk-lightbox__nav--next{right:16px}
.hk-mbuy{display:none}

/* about / contacts / misc */
.hk-risks{padding:clamp(24px,4vw,48px);display:grid;gap:18px;background:var(--bg2)}
.hk-risks ul{display:flex;flex-wrap:wrap;gap:10px 28px}
.hk-risks li{font:600 clamp(20px,2.6vw,32px)/1.2 var(--f-display);color:var(--dim)}
.hk-risks s{text-decoration-color:var(--err);text-decoration-thickness:3px}
.hk-risks__out{font:600 clamp(18px,2vw,24px)/1.3 var(--f-display)}
.hk-team{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hk-team__card{padding:28px;display:grid;gap:8px;border-radius:var(--r);background:var(--bg2)}
.hk-team__card b{font:600 22px var(--f-display)}
.hk-team__card>span:not(.hk-mono){color:var(--muted)}
.hk-team__card .hk-link{margin-top:10px}
.hk-contacts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}
.hk-contacts__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hk-ccard{padding:22px;border-radius:var(--r);display:grid;gap:6px;background:var(--bg2);transition:border-color .3s,transform .3s var(--ease)}
.hk-ccard:hover{border-color:rgba(79,214,200,.4);transform:translateY(-3px)}
.hk-ccard__ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line);color:var(--acc);margin-bottom:8px}
.hk-ccard .hk-bi{--s:46px;margin-bottom:8px}
.hk-ccard small{font-size:12.5px;color:var(--dim);font-weight:600}
.hk-ccard b{font-size:16.5px}
.hk-cmp{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow)}
.hk-cmp table{width:100%;border-collapse:collapse;min-width:640px}
.hk-cmp th,.hk-cmp td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}
.hk-cmp th{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);width:180px;background:var(--surface2)}
.hk-cmp thead td{vertical-align:bottom}
.hk-cmp__car img{border-radius:12px;aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:10px}
.hk-cmp__car a{font:600 16px/1.3 var(--f-display)}
.hk-cmp__car b{display:block;margin-top:6px;color:var(--acc);font-size:18px}
.hk-cmp__rm{margin-top:8px;font-size:12.5px;color:var(--dim)}
.hk-cmp td.is-best{color:var(--ok);font-weight:800}
.hk-404{min-height:80svh;display:grid;align-items:center;padding-top:var(--nav-h)}
.hk-404__code{font:800 clamp(120px,24vw,300px)/.9 var(--f-display);letter-spacing:-.05em}
.hk-generic{padding-bottom:80px}
.hk-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.hk-post img{border-radius:14px;margin-bottom:16px}
.hk-post p{color:var(--muted)}

/* locks + plugin leftovers */
body.hk-lock .hk-dock,body.hk-lock .hk-cmpbar,body.hk-lock .hk-mbuy{display:none}
#trp-floater-ls,#cookie-notice,.vehica-app,.heateor_sss_sharing_container,#is-popup-wrapper{display:none!important}

/* responsive */
@media (max-width:1180px){
  .hk-nav__links{display:none}
  .hk-burger{display:block}
  .hk-qs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hk-qs .hk-seg{grid-column:1/-1}
  .hk-qs__go{grid-column:1/-1}
  .hk-reviews__grid{grid-template-columns:repeat(2,1fr)}
  .hk-bento{grid-template-columns:repeat(2,1fr)}
  .hk-bento__cell--tall{grid-row:span 1}
  .hk-hud{left:-16px}
}
@media (max-width:980px){
  :root{--nav-h:64px}
  .hk-hero__in{grid-template-columns:minmax(0,1fr)}
  .hk-hero__visual{margin-bottom:64px}
  .hk-hud{left:16px;right:16px;width:auto;bottom:-52px}
  .hk-agents__grid,.hk-geo__grid,.hk-faq__grid,.hk-faq__grid--page,.hk-leadsec__box,.hk-contacts,.hk-carpage__top,.hk-carpage__body{grid-template-columns:minmax(0,1fr)}
  .hk-faq__grid .hk-head,.hk-faq__ask,.hk-buy{position:static}
  .hk-why__grid{grid-template-columns:1fr 1fr}
  .hk-why__item,.hk-why__item:nth-child(4),.hk-why__item:nth-child(5){grid-column:span 1}
  .hk-why__item:nth-child(5){grid-column:1/-1}
  .hk-steps{grid-template-columns:1fr;gap:0}
  .hk-steps__line{left:27px;right:auto;top:0;bottom:0;width:3px;height:auto}
  .hk-steps__line span{transform:scaleY(var(--p,0));transform-origin:50% 0;width:100%;height:100%}
  .hk-step{padding:0 0 32px 84px;min-height:88px}
  .hk-cat__grid{grid-template-columns:minmax(0,1fr)}
  .hk-filters{position:fixed;inset:0;z-index:65;max-height:none;border-radius:0;transform:translateX(-100%);transition:transform .45s var(--ease);background:var(--bg);padding:20px var(--gut) 100px;align-content:start;box-shadow:none;border:0}
  .hk-filters.is-open{transform:none}
  .hk-filters__x{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2)}
  .hk-filters__apply{display:flex;position:fixed;left:var(--gut);right:var(--gut);bottom:16px;width:auto}
  .hk-results__filters{display:inline-flex}
  .hk-foot__grid{grid-template-columns:1fr 1fr}
  .hk-foot__brand{grid-column:1/-1}
  .hk-mbuy{position:fixed;left:0;right:0;bottom:0;z-index:42;display:flex;align-items:center;gap:10px;padding:10px var(--gut) max(10px,env(safe-area-inset-bottom));background:var(--glass-solid);border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(0,0,0,.6)}
  .hk-mbuy div{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}
  .hk-mbuy .hk-btn{flex:none}
  .hk-mbuy .hk-bi{--s:44px}
  .hk-mbuy small{font:600 10px var(--f-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
  .hk-mbuy b{font:700 18px var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hk-p-car .hk-dock{bottom:calc(76px + env(safe-area-inset-bottom))}
  .hk-p-car .hk-foot{padding-bottom:70px}
  .hk-gallery__arrow{opacity:1;width:40px;height:40px}
}
@media (max-width:640px){
  .hk-nav__right .hk-bi{display:none}
  .hk-nav__right{gap:8px}
  .hk-hero__visual{margin-bottom:0}
  .hk-hud{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-44px 12px 0}
  .hk-logo__word{font-size:14px}
  .hk-hero{padding-top:calc(var(--nav-h) + 16px)}
  .hk-hero__title{font-size:clamp(34px,10.5vw,50px)}
  .hk-hero__stats{gap:10px 20px}
  .hk-hero__stats b{font-size:20px}
  .hk-hero__cta .hk-btn{flex:1}
  .hk-frame{border-radius:24px;aspect-ratio:4/3.2}
  .hk-frame__tag{right:44px;top:18px}
  .hk-hud{padding:14px 16px;border-radius:18px}
  .hk-hud__name{font-size:15px;margin-bottom:8px}
  .hk-qs{grid-template-columns:1fr 1fr;padding:8px;border-radius:20px;margin-top:24px}
  .hk-qs .hk-sel:nth-of-type(1){grid-column:1/-1}
  .hk-seg span{padding:0 10px;font-size:13px}
  .hk-qs .hk-seg{display:flex}.hk-qs .hk-seg label{flex:1}.hk-qs .hk-seg span{justify-content:center}
  .hk-agent{padding:16px;gap:14px}
  .hk-agent__orb{width:52px;height:52px;border-radius:16px}
  .hk-agent__go{display:none}
  .hk-console{min-height:0}
  .hk-bento{grid-template-columns:1fr 1fr;gap:10px}
  .hk-bento__cell{padding:18px}
  .hk-bento__cell--xl{grid-column:1/-1;grid-row:span 1}
  .hk-bento__cell b{font-size:34px}
  .hk-bento__cell--xl b{font-size:44px}
  .hk-why__grid{grid-template-columns:1fr}
  .hk-why__item{min-height:0}
  .hk-reviews__grid{grid-template-columns:1fr}
  .hk-form__row{grid-template-columns:1fr}
  .hk-foot__grid{grid-template-columns:1fr}
  .hk-dock__txt{display:none}
  .hk-dock__ai{padding:0;height:56px;width:56px;justify-content:center}
  .hk-dock .hk-bi{--s:48px}
  .hk-chat{right:8px;left:8px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
  .hk-chat__panel{height:calc(100svh - 110px - env(safe-area-inset-bottom))}
  .hk-chat__tabs button span{font-size:11.5px}
  .hk-chat__tabs button .hk-i{display:none}
  .hk-contacts__cards,.hk-team{grid-template-columns:1fr}
  .hk-grid{grid-template-columns:1fr}
  .hk-rail__track{grid-auto-columns:84%}
  .hk-rail__nav{display:none}
  .hk-cmpbar{left:8px;right:8px;transform:none;border-radius:18px}
  .hk-cmpbar__thumbs{display:none}
  .hk-cookie{bottom:calc(84px + env(safe-area-inset-bottom))}
  .hk-map__lbl{font-size:20px}.hk-map__lbl tspan{font-size:16px}
  .hk-head--row{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hk-js .hk-reveal{opacity:1;transform:none}
  .hk-line>span,.hk-hero__lead,.hk-hero__cta,.hk-hero__stats,.hk-hero__visual,.hk-qs{transform:none;opacity:1}
}

/* structured car description */
.hk-desc{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hk-desc p{margin:0;color:var(--soft);font-size:15.5px;line-height:1.65}
.hk-desc__h{display:flex;align-items:center;gap:10px;font:600 17px/1.3 var(--f-display);color:var(--text);margin:14px 0 2px}
.hk-desc__h::before{content:"";width:4px;height:18px;border-radius:4px;background:var(--grad);flex:none}
.hk-desc__h:first-child{margin-top:0}
.hk-desc__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.hk-desc__list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--soft);line-height:1.4}
.hk-desc__list li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:7px;background:var(--grad);color:#06231f;display:grid;place-items:center;font-size:12px;font-weight:900;margin-top:-1px}
.hk-desc__kv{display:block;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:560px}
.hk-desc__kv div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 14px;background:var(--bg2)}
.hk-desc__kv div+div{border-top:1px solid var(--line)}
.hk-desc__kv dt{font-size:14px;color:var(--muted)}
.hk-desc__kv dd{margin:0;font-weight:800;font-size:15px;color:var(--text);text-align:right}
.hk-hud__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hk-hud__top .hk-mono{display:inline-flex;align-items:center;font-size:11px}

/* premium finish: seamless sections, sheen borders, hairlines */
.hk-agents.hk-dark{background:transparent}
.hk-agents::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 88% 30%,rgba(47,123,255,.16),transparent 70%),radial-gradient(55% 70% at 8% 75%,rgba(34,211,197,.13),transparent 70%),linear-gradient(180deg,rgba(23,25,30,0),rgba(23,25,30,.85) 22%,rgba(23,25,30,.85) 78%,rgba(23,25,30,0));}
.hk-agents{isolation:isolate;overflow:visible}
.hk-agents::before{z-index:-1}
.hk-foot.hk-dark{background:linear-gradient(180deg,rgba(23,25,30,0) 0,#17191e 260px),radial-gradient(60% 40% at 80% 10%,rgba(47,123,255,.14),transparent 70%)}
.hk-brands{background:linear-gradient(90deg,rgba(39,43,51,0),rgba(39,43,51,.8) 20%,rgba(39,43,51,.8) 80%,rgba(39,43,51,0));border:0;position:relative}
.hk-brands::before,.hk-brands::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,226,236,.14) 30%,rgba(79,214,200,.35) 50%,rgba(220,226,236,.14) 70%,transparent)}
.hk-brands::before{top:0}.hk-brands::after{bottom:0}
.hk-sec:not(.hk-agents)::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1240px,88%);height:1px;background:linear-gradient(90deg,transparent,rgba(220,226,236,.12) 25%,rgba(79,214,200,.28) 50%,rgba(220,226,236,.12) 75%,transparent);pointer-events:none}
.hk-hero+.hk-brands+.hk-sec::before{display:none}
.hk-card,.hk-why__item,.hk-bento__cell,.hk-review,.hk-acc__item,.hk-panel,.hk-leadsec__box,.hk-filters,.hk-buy__box,.hk-ccard,.hk-team__card,.hk-risks{
  border:1px solid transparent!important;
  background:linear-gradient(var(--card-bg,var(--bg2)),var(--card-bg,var(--bg2))) padding-box,linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 38%,rgba(255,255,255,.02) 62%,rgba(79,214,200,.22)) border-box!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 50px -30px rgba(0,0,0,.75)!important}
.hk-bento__cell--xl{--card-bg:#262a32}
.hk-bento__cell--xl::after,.hk-leadsec__box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 60% at 100% 0%,rgba(34,211,197,.14),transparent 60%)}
.hk-card:hover{background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(155deg,rgba(155,225,93,.55),rgba(34,211,197,.35) 45%,rgba(47,123,255,.55)) border-box!important;box-shadow:0 34px 70px -26px rgba(0,0,0,.85),0 0 40px -12px rgba(34,211,197,.35)!important}
.hk-h2,.hk-h1,.hk-foot__title{background:linear-gradient(180deg,#ffffff 30%,#b9c3d1);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-kicker:not(.hk-kicker--pill)::before{content:"";width:26px;height:1px;background:var(--grad);margin-right:2px}
.hk-sec{padding:clamp(72px,10vw,136px) 0}
.hk-kicker--pill{max-width:100%;white-space:normal}
@media (min-width:641px){.hk-hero .hk-kicker--pill{white-space:nowrap}}
html:has(body.hk){margin-top:0!important}body.hk #wpadminbar{display:none!important}
.hk-seg span,.hk-tabs button{border:1.5px solid transparent}
.hk-seg input:checked+span,.hk-tabs button.is-on{background:linear-gradient(#30353f,#30353f) padding-box,var(--grad) border-box;border:1.5px solid transparent;color:#fff;box-shadow:0 0 18px -4px rgba(34,211,197,.55),0 0 0 1px rgba(34,211,197,.08)}
.hk-seg input:not(:checked)+span:hover,.hk-tabs button:not(.is-on):hover{color:var(--text);border-color:var(--line2)}
.hk-chips input:checked+span{background:linear-gradient(#253236,#253236) padding-box,var(--grad) border-box;border:1px solid transparent;color:#fff;box-shadow:0 0 14px -4px rgba(34,211,197,.5)}
.hk-seg input:focus-visible+span{outline:none;box-shadow:0 0 0 3px rgba(34,211,197,.35)}
.hk-sec{padding:clamp(52px,6.5vw,92px) 0}
.hk-agents{padding:clamp(80px,9vw,130px) 0}
.hk-agents::after{inset:-140px 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);background:radial-gradient(55% 45% at 88% 35%,rgba(47,123,255,.16),transparent 70%),radial-gradient(50% 45% at 8% 65%,rgba(34,211,197,.13),transparent 70%),rgba(21,23,28,.7)}
.hk-agents::before{inset:-60px 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}
.hk-agents+.hk-sec::before,.hk-agents::before{}
.hk-agents+.hk-sec::before{display:none}
.hk-show{padding-top:clamp(40px,5vw,72px)}
.hk-head{margin-bottom:clamp(26px,3.5vw,44px)}
.hk-show::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 85% 60%,rgba(47,123,255,.08),transparent 70%),radial-gradient(35% 45% at 10% 40%,rgba(155,225,93,.05),transparent 70%)}
.hk-show{isolation:isolate}

/* showcase grid */
.hk-show__bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:26px}
.hk-show__bar .hk-seg sup,.hk-show__bodies sup{font:600 10px var(--f-mono);color:var(--acc);margin-left:3px}
.hk-show__bodies{flex:1;min-width:0}
.hk-show__bodies input{position:absolute;opacity:0;pointer-events:none}
.hk-show__bodies span{padding:10px 14px;font-size:14px}
.hk-show__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hk-show__foot{display:flex;justify-content:center;margin-top:34px}
.hk-show__foot b{font:700 15px/1 var(--f-display);padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.5)}
.hk-card__price{min-height:60px;justify-content:flex-end}
.hk-card__specs{min-height:30px}
@media (max-width:1180px){.hk-show__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.hk-show__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hk-show__grid{grid-template-columns:minmax(0,1fr)}
  .hk-show__bar .hk-seg{width:100%}.hk-show__bar .hk-seg label{flex:1}.hk-show__bar .hk-seg span{justify-content:center;padding:0 8px}
  .hk-show__bodies{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:2px var(--gut)}
  .hk-show__bodies::-webkit-scrollbar{display:none}
  .hk-show__bodies label{flex:none}
}

/* bento v2 */
.hk-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto)}
.hk-bento__cell{isolation:isolate;overflow:hidden}
.hk-bento__cell::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(220,226,236,.10) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:radial-gradient(120% 90% at 100% 0%,#000,transparent 70%);mask-image:radial-gradient(120% 90% at 100% 0%,#000,transparent 70%)}
.hk-bento__cell--xl{grid-column:span 2;grid-row:span 1;min-height:260px}
.hk-bento__cell--tall{grid-row:span 1}
.hk-bento__ic{position:absolute;right:-14px;top:-14px;width:130px;height:130px;color:rgba(79,214,200,.11);transition:transform .6s var(--ease-out),color .4s;pointer-events:none}
.hk-bento__ic .hk-i{width:100%;height:100%;stroke-width:1.2}
.hk-bento__cell:hover .hk-bento__ic{color:rgba(79,214,200,.24);transform:rotate(-8deg) scale(1.06)}
.hk-bento__cell:hover{transform:translateY(-4px)}
.hk-bento__cell{transition:transform .4s var(--ease-out),box-shadow .4s}
.hk-bento__waves{position:absolute;left:0;right:0;top:0;width:100%;height:78%;z-index:-1;opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
.hk-bento__waves path{fill:none;stroke:url(#hkWave);stroke-width:2;stroke-linecap:round;stroke-dasharray:14 10;animation:hkWave 14s linear infinite;opacity:.55}
.hk-bento__waves path:nth-child(3){stroke-width:3;stroke-dasharray:none;opacity:.9;filter:drop-shadow(0 0 8px rgba(34,211,197,.6))}
.hk-bento__waves path:nth-child(2){animation-duration:20s;opacity:.35}
@keyframes hkWave{to{stroke-dashoffset:-480}}
.hk-bento__tag{position:absolute;top:22px;left:26px;display:flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:11px;color:var(--soft)}
.hk-bento__cta{--card-bg:transparent;cursor:pointer;text-align:left;align-items:flex-start;justify-content:space-between!important;background:linear-gradient(135deg,rgba(155,225,93,.9),rgba(34,211,197,.9) 50%,rgba(47,123,255,.95)) padding-box,linear-gradient(135deg,#c6f59d,#2f7bff) border-box!important;color:#06231f}
.hk-bento__cta strong{font:700 clamp(18px,1.7vw,22px)/1.2 var(--f-display);color:#06231f}
.hk-bento__cta .hk-orb-mini{width:34px;height:34px;box-shadow:0 0 20px rgba(255,255,255,.6)}
.hk-bento__go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:#06231f!important;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.55)}
.hk-bento__cta:hover .hk-bento__go .hk-i{transform:translateX(4px)}
.hk-bento__go .hk-i{transition:transform .3s var(--ease)}
.hk-bento__cta::before{display:none}
@media (max-width:1180px){.hk-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-bento__cell--xl{grid-column:1/-1}}
@media (max-width:640px){.hk-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto)}.hk-bento__cell--xl{min-height:210px}.hk-bento__cta{grid-column:1/-1;min-height:150px}.hk-bento__ic{width:96px;height:96px}}
@keyframes hkCardIn{from{opacity:0;transform:translateY(18px)}}

/* google rating */
.hk-grating{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px 12px 16px;border-radius:20px;border:1px solid var(--line2);background:var(--glass)}
.hk-grating__g{width:34px;height:34px;flex:none}
.hk-grating div{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 10px}
.hk-grating b{font:700 30px/1 var(--f-display)}
.hk-grating__stars{color:#f5b301;letter-spacing:2px;font-size:15px}
.hk-grating small{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:4px}
.hk-review__text{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.hk-review figcaption{flex-direction:row!important;align-items:center;gap:10px!important}
.hk-review figcaption img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.hk-review figcaption>span{display:flex;flex-direction:column;gap:2px}
.hk-review figcaption>span>span{color:var(--dim);font-size:12.5px}

/* 3D emoji */
.hk-bento__ic{display:none}
.hk-bento__emoji{position:absolute;right:18px;top:18px;width:84px;height:84px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));transition:transform .6s var(--ease-out);animation:hkBob 5s ease-in-out infinite;pointer-events:none}
.hk-bento__cell:nth-child(3) .hk-bento__emoji{animation-delay:-1s}.hk-bento__cell:nth-child(4) .hk-bento__emoji{animation-delay:-2s}.hk-bento__cell:nth-child(5) .hk-bento__emoji{animation-delay:-3s}.hk-bento__cell:nth-child(6) .hk-bento__emoji{animation-delay:-4s}
.hk-bento__emoji--xl{width:118px;height:118px;right:28px;top:24px}
.hk-bento__emoji--cta{position:relative;right:auto;top:auto;width:56px;height:56px}
.hk-bento__cell:hover .hk-bento__emoji{transform:scale(1.12) rotate(-6deg)}
@keyframes hkBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.hk-why__ic{width:64px;height:64px;border-radius:20px;background:radial-gradient(circle at 50% 40%,rgba(79,214,200,.16),rgba(255,255,255,.03));border:1px solid var(--line)}
.hk-why__ic .hk-emoji{width:46px;height:46px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));transition:transform .5s var(--ease-out)}
.hk-why__item:hover .hk-why__ic .hk-emoji{transform:scale(1.15) rotate(-6deg)}
@media (max-width:640px){.hk-bento__emoji{width:58px;height:58px;right:12px;top:12px}.hk-bento__emoji--xl{width:80px;height:80px}}

/* catalog: rich header */
.hk-cathero{position:relative;padding:calc(var(--nav-h) + clamp(36px,5vw,64px)) 0 clamp(26px,3vw,40px);overflow:hidden;isolation:isolate}
.hk-cathero__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,27,33,.97) 0%,rgba(24,27,33,.86) 42%,rgba(24,27,33,.45) 75%,rgba(24,27,33,.7)),linear-gradient(0deg,var(--bg) 0%,rgba(30,33,39,0) 45%),var(--img) 75% 40%/cover no-repeat}
.hk-cathero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 15% 20%,rgba(155,225,93,.16),transparent 70%),radial-gradient(45% 80% at 60% 100%,rgba(34,211,197,.16),transparent 70%),radial-gradient(35% 60% at 95% 10%,rgba(47,123,255,.22),transparent 70%)}
.hk-cathero .hk-h1{font-size:clamp(34px,5vw,62px)}
.hk-catstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:900px}
.hk-catstat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 12px;padding:14px 16px;border-radius:18px;text-align:left;color:var(--text);background:linear-gradient(rgba(39,43,51,.72),rgba(39,43,51,.72)) padding-box,linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 45%,rgba(79,214,200,.3)) border-box;border:1px solid transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s var(--ease-out),box-shadow .35s}
button.hk-catstat:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(34,211,197,.45)}
.hk-catstat__e{grid-row:span 2;width:44px;height:44px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}
.hk-catstat b{font:700 22px/1.1 var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-catstat span{font-size:12.5px;color:var(--muted);font-weight:600}
.hk-makes{display:flex;gap:8px;margin-top:22px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.hk-makes::-webkit-scrollbar{display:none}
.hk-make{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--soft);background:rgba(39,43,51,.7);border:1.5px solid var(--line2);transition:.25s}
.hk-make sup{font:600 10px var(--f-mono);color:var(--acc)}
.hk-make:hover{color:#fff;border-color:rgba(79,214,200,.6);transform:translateY(-2px)}
.hk-make.is-on{color:#fff;background:linear-gradient(#253236,#253236) padding-box,var(--grad) border-box;border-color:transparent;box-shadow:0 0 18px -4px rgba(34,211,197,.55)}
.hk-cat{position:relative;isolation:isolate}
.hk-cat::before{content:"";position:absolute;left:0;right:0;top:420px;bottom:0;z-index:-1;pointer-events:none;background:radial-gradient(30% 25% at 12% 10%,rgba(34,211,197,.08),transparent 70%),radial-gradient(35% 30% at 90% 30%,rgba(47,123,255,.09),transparent 70%),radial-gradient(30% 25% at 20% 70%,rgba(155,225,93,.06),transparent 70%)}
.hk-card__price b{background:linear-gradient(90deg,#ffffff,#bdf3ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-card:hover .hk-card__price b{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.hk-filters{background:linear-gradient(180deg,rgba(34,211,197,.07),transparent 140px) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 38%,rgba(79,214,200,.22)) border-box!important}
.hk-fgroup h4{display:flex;align-items:center;gap:8px;color:var(--soft)}
.hk-fgroup h4::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--grad)}
.hk-results__bar{padding:10px 12px 10px 16px;border-radius:18px;background:rgba(39,43,51,.55);border:1px solid var(--line)}
.hk-results__count b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px}
@media (max-width:900px){.hk-catstats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* hero v4 — vsem-avto composition */
.hk-hero--va{min-height:clamp(640px,100svh,940px);padding:calc(var(--nav-h) + 10px) 0 28px;background:#15171c;isolation:isolate}
.hk-hero--va .hk-hero__slides{position:absolute;top:50%;right:0;width:min(68%,1300px);aspect-ratio:16/10;z-index:-3;translate:var(--px,0) calc(-50% + var(--py,0px));-webkit-mask:linear-gradient(90deg,transparent 0%,#000 32%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0%,#000 32%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}
.hk-hero--va .hk-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}
.hk-hero--va .hk-hero__slide.is-on{opacity:1}
.hk-hero--va .hk-hero__slide img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fx,50%) var(--fy,55%);filter:saturate(.82) contrast(1.08) brightness(.86);transform:scale(1.04);transition:transform 7s linear;translate:none}
.hk-hero--va .hk-hero__slide.is-on img{transform:scale(1)}
.hk-hero--va::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(21,23,28,.97) 0%,rgba(21,23,28,.75) 34%,rgba(21,23,28,.12) 62%,rgba(21,23,28,.35) 100%),linear-gradient(0deg,rgba(21,23,28,.9) 0%,transparent 30%),radial-gradient(40% 50% at 70% 50%,rgba(34,211,197,.10),transparent 70%)}
.hk-hero--va .hk-hero__grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(79,214,200,.07) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(79,214,200,.07) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask:radial-gradient(70% 70% at 70% 45%,#000,transparent);mask:radial-gradient(70% 70% at 70% 45%,#000,transparent)}
.hk-hero--va .hk-hero__scan{position:absolute;left:0;right:0;top:0;height:140px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(79,214,200,.10),transparent);animation:hkScanY 7s linear infinite;mix-blend-mode:normal}
@keyframes hkScanY{0%{transform:translateY(-140px)}100%{transform:translateY(100svh)}}
.hk-hero--va .hk-hero__in{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:1fr auto;gap:30px 40px;align-items:center;min-height:calc(clamp(640px,100svh,940px) - var(--nav-h) - 40px)}
.hk-hero--va .hk-hero__copy{max-width:660px;align-self:center}
.hk-hero--va .hk-hero__title{font-size:clamp(42px,5.4vw,84px);text-transform:none}
.hk-gleam{background:linear-gradient(100deg,#9be15d 0%,#22d3c5 30%,#e9fffb 48%,#22d3c5 62%,#2f7bff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hkGleam 6s ease-in-out infinite}
@keyframes hkGleam{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.hk-vhud{position:relative;align-self:center;padding:24px;border-radius:22px;background:rgba(16,18,22,.58);border:1px solid rgba(79,214,200,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 70px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;animation:hkIn 1s var(--ease-out) .8s forwards;transform:translateY(14px)}
.hk-vhud__c{position:absolute;width:18px;height:18px;border:0 solid #4fd6c8;pointer-events:none}
.hk-vhud__c--tl{left:-1px;top:-1px;border-left-width:2px;border-top-width:2px;border-top-left-radius:22px}
.hk-vhud__c--tr{right:-1px;top:-1px;border-right-width:2px;border-top-width:2px;border-top-right-radius:22px}
.hk-vhud__c--bl{left:-1px;bottom:-1px;border-left-width:2px;border-bottom-width:2px;border-bottom-left-radius:22px}
.hk-vhud__c--br{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px;border-bottom-right-radius:22px}
.hk-vhud__car{display:none}
.hk-vhud__car.is-on{display:block;animation:hkHud .6s var(--ease-out) both}
.hk-vhud__brand{display:block;font:600 11.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#4fd6c8}
.hk-vhud__model{display:block;margin-top:8px;font:800 34px/1 var(--f-display);text-transform:uppercase;letter-spacing:-.01em}
.hk-vhud__rows{display:grid;gap:12px;margin:18px 0}
.hk-vhud__row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:baseline;font-size:13px;color:rgba(255,255,255,.62)}
.hk-vhud__row b{font:700 15px var(--f-display);color:#fff}
.hk-vhud__row i{grid-column:1/-1;position:relative;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.hk-vhud__row i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:4px;background:var(--grad);box-shadow:0 0 12px rgba(34,211,197,.7);animation:hkFill 1.2s var(--ease-out) both}
@keyframes hkFill{from{width:0}}
.hk-vhud__price{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:baseline;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.hk-vhud__price span{font-size:13px;color:rgba(255,255,255,.55)}
.hk-vhud__price b{font:800 28px var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-vhud__price em{grid-column:1/-1;font-style:normal;font-size:13px;color:#4fd6c8}
.hk-vhud__note{font-size:14px;color:rgba(255,255,255,.7);margin:16px 0 4px!important}
.hk-vhud__go{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;border-radius:999px;background:rgba(79,214,200,.12);border:1px solid rgba(79,214,200,.28);font-weight:700;font-size:14px;color:#fff;transition:background .3s}
.hk-vhud__go:hover{background:rgba(79,214,200,.24)}
.hk-hero__list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.hk-hero__list button{position:relative;display:grid;gap:6px;width:100%;padding:14px 16px 16px;border-radius:14px;background:rgba(16,18,22,.5);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);text-align:left;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s,color .3s,border-color .3s}
.hk-hero__list button:hover{color:#fff;border-color:rgba(79,214,200,.35)}
.hk-hero__num{font:800 13px/1 var(--f-display);color:#4fd6c8}
.hk-hero__name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-hero__list button i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--grad);box-shadow:0 0 10px rgba(34,211,197,.8);transform:scaleX(0);transform-origin:0 50%}
.hk-hero__list button.is-on{color:#fff;background:rgba(79,214,200,.10);border-color:rgba(79,214,200,.3)}
.hk-hero__list button.is-on i{animation:hkBar 6.5s linear forwards}
.hk-hero--va~.hk-wrap .hk-qs,.hk-hero--va .hk-qs{margin-top:22px}
@media (max-width:980px){
  .hk-hero--va{min-height:0}
  .hk-hero--va .hk-hero__slides{position:relative;top:auto;right:auto;translate:none;width:100%;aspect-ratio:16/10;-webkit-mask:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);mask:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);margin-top:-10px}
  .hk-hero--va::before{background:linear-gradient(0deg,rgba(21,23,28,1) 0%,rgba(21,23,28,.2) 40%)}
  .hk-hero--va .hk-hero__in{grid-template-columns:minmax(0,1fr);min-height:0;margin-top:-18%}
  .hk-vhud{max-width:520px}
  .hk-hero__list{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}
  .hk-hero__list::-webkit-scrollbar{display:none}
}

/* car page layout v2 */
.hk-carpage__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:28px;align-items:start}
.hk-carpage__left{display:grid;gap:20px;min-width:0}
.hk-carpage__left>.hk-panel+.hk-panel{margin-top:0}
.hk-carpage__right{display:grid;gap:20px;align-content:start;position:sticky;top:calc(var(--nav-h) + 16px)}
.hk-carpage__right .hk-buy{position:static}
.hk-route__head p{color:var(--muted);font-size:14.5px;margin-top:-8px!important}
.hk-route__cities{margin:18px 0 22px}
.hk-route__track{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;border-radius:18px;background:radial-gradient(60% 120% at 50% 50%,rgba(34,211,197,.10),transparent 70%),rgba(0,0,0,.18);border:1px solid var(--line)}
.hk-route__pt{display:flex;flex-direction:column;gap:2px}
.hk-route__pt b{font:800 30px/1 var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-route__pt span{font-size:13px;color:var(--muted);font-weight:600}
.hk-route__pt--end{text-align:right}
.hk-route__line{position:relative;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(220,226,236,.18) 0 8px,transparent 8px 14px)}
.hk-route__line i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:var(--grad);box-shadow:0 0 14px rgba(34,211,197,.8)}
.hk-route__line.is-go i{animation:hkRoute 1.6s var(--ease-out) forwards}
@keyframes hkRoute{to{width:100%}}
.hk-route__ship{position:absolute;top:50%;left:0;width:44px;height:44px;translate:-50% -60%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.hk-route__line.is-go .hk-route__ship{animation:hkShip 1.6s var(--ease-out) forwards}
@keyframes hkShip{to{left:100%}}
.hk-route .hk-btn{margin-top:14px}
@media (max-width:980px){.hk-carpage__layout{grid-template-columns:minmax(0,1fr)}.hk-carpage__right{position:static}.hk-carpage__right{order:-1}.hk-carpage__left .hk-gallery{order:-2}}
@media (max-width:980px){.hk-carpage__layout{display:flex;flex-direction:column}.hk-carpage__left,.hk-carpage__right{display:contents}.hk-carpage__left>*,.hk-carpage__right>*{width:100%}.hk-gallery{order:1}.hk-buy{order:2}.hk-route{order:3}.hk-carpage__left>.hk-panel:not(.hk-route){order:4}.hk-carpage__right>.hk-panel{order:5}}
@media (max-width:640px){.hk-route__track{grid-template-columns:1fr;text-align:center}.hk-route__pt--end{text-align:center}.hk-route__line{margin:18px 0}}
@media (max-width:980px){.hk-hero--va .hk-hero__slide{height:auto;inset:0}}

/* ambient backdrops */
.hk-carpage{isolation:isolate}
.hk-carbg{position:absolute;left:0;right:0;top:0;height:min(1100px,120vh);z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.hk-carbg::before{content:"";position:absolute;inset:-12%;background:var(--img,none) center 40%/cover no-repeat;filter:blur(70px) saturate(1.5) brightness(.55);opacity:.55;transform:scale(1.1)}
.hk-carbg::after{content:"";position:absolute;inset:0;background:radial-gradient(45% 55% at 30% 35%,rgba(34,211,197,.14),transparent 70%),radial-gradient(40% 50% at 85% 25%,rgba(47,123,255,.16),transparent 70%),linear-gradient(rgba(79,214,200,.06) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(79,214,200,.06) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(180deg,rgba(21,23,28,.35),rgba(30,33,39,.85))}
.hk-carbg__word{position:absolute;left:50%;top:clamp(80px,9vw,130px);transform:translateX(-50%);z-index:1;white-space:nowrap;font:900 clamp(120px,19vw,340px)/.8 var(--f-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 70%);-webkit-background-clip:text;background-clip:text}
.hk-gallery__main{box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06),0 0 80px -30px rgba(34,211,197,.35)}
.hk-pagehead{position:relative;isolation:isolate}
.hk-pagehead::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-120px;z-index:-1;pointer-events:none;background:radial-gradient(40% 60% at 15% 30%,rgba(155,225,93,.10),transparent 70%),radial-gradient(45% 70% at 60% 0%,rgba(34,211,197,.14),transparent 70%),radial-gradient(35% 60% at 95% 20%,rgba(47,123,255,.18),transparent 70%),linear-gradient(rgba(79,214,200,.05) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(79,214,200,.05) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}

/* route v2 */
.hk-route__track{display:block!important;padding:26px 28px 22px!important;text-align:center}
.hk-route__days{font-size:15px;color:var(--muted);font-weight:700;margin-bottom:16px}
.hk-route__days b{font:800 clamp(34px,4vw,46px)/1 var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:4px}
.hk-route__line{position:relative;height:3px;margin:0 8px;border-radius:3px;background:rgba(220,226,236,.12)}
.hk-route__line i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--grad);box-shadow:0 0 14px rgba(34,211,197,.7)}
.hk-route__line.is-go i{animation:hkRoute 1.4s var(--ease-out) forwards}
.hk-route__line em{position:absolute;top:50%;left:0;width:60px;height:3px;translate:0 -50%;border-radius:3px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0}
.hk-route__line.is-go em{animation:hkPulse 2.6s 1.4s ease-in-out infinite}
@keyframes hkPulse{0%{left:0;opacity:0}15%{opacity:.9}85%{opacity:.9}100%{left:calc(100% - 60px);opacity:0}}
.hk-route__dot{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;translate:-50% -50%;background:#9be15d;box-shadow:0 0 0 5px rgba(155,225,93,.15),0 0 16px rgba(155,225,93,.8);z-index:1}
.hk-route__dot--end{left:100%;background:#2f7bff;box-shadow:0 0 0 5px rgba(47,123,255,.18),0 0 16px rgba(47,123,255,.9)}
.hk-route__labels{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--soft)}
.hk-route__labels b{color:#9be15d;font-family:var(--f-display);margin-right:4px}
.hk-route__labels span:last-child{color:#8fbaff;text-align:right}
.hk-route__ship,.hk-route__pt{display:none}
/* hero v5: wide photo, compact HUD bottom-right */
@media (min-width:981px){
  .hk-hero--va .hk-hero__slides{top:0;bottom:0;left:10%;right:0;width:auto;aspect-ratio:auto;translate:var(--px,0) var(--py,0);-webkit-mask:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-composite:intersect}
  .hk-hero--va .hk-hero__slide img{object-position:var(--fx,50%) var(--fy,55%)}
  .hk-hero--va::before{background:linear-gradient(90deg,rgba(21,23,28,.96) 0%,rgba(21,23,28,.78) 28%,rgba(21,23,28,.18) 52%,rgba(21,23,28,0) 75%,rgba(21,23,28,.25) 100%),linear-gradient(0deg,rgba(21,23,28,.92) 0%,transparent 34%)}
  .hk-hero--va .hk-hero__in{grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:1fr auto;align-items:end}
  .hk-hero--va .hk-hero__copy{grid-column:1;grid-row:1;align-self:center}
  .hk-hero--va .hk-hero__list{grid-column:1;grid-row:2;align-self:end}
  .hk-hero--va .hk-vhud{grid-column:2;grid-row:2;align-self:end;padding:16px 18px}
}
.hk-vhud__model{font-size:24px!important;margin-top:6px!important}
.hk-vhud__rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:12px 0!important}
.hk-vhud__row{grid-template-columns:1fr!important;gap:4px!important;font-size:11.5px!important}
.hk-vhud__row b{font-size:17px!important;order:-1}
.hk-vhud__price{grid-template-columns:auto auto 1fr!important;align-items:center!important;padding-top:12px!important}
.hk-vhud__price b{font-size:22px!important}
.hk-vhud__price em{grid-column:auto!important;justify-self:end}
.hk-vhud__go{margin-top:12px!important;padding:10px 14px!important}
.hk-vhud__note{margin:10px 0 0!important;font-size:13px!important}
.hk-hero--va .hk-hero__list button{padding:12px 14px 14px}
.hk-foot.hk-dark{background:linear-gradient(180deg,rgba(23,25,30,0) 0,rgba(23,25,30,.6) 180px,#17191e 360px)!important}.hk-foot::after{content:"";position:absolute;left:0;right:0;top:220px;height:420px;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 80% 40%,rgba(47,123,255,.12),transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent);mask-image:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent)}.hk-foot{isolation:isolate}
.hk-carbg__word{display:none}
.hk-carbg::before{filter:blur(90px) saturate(1.6) brightness(.6);opacity:.5}
.hk-carbg::after{background:radial-gradient(38% 42% at 38% 0%,rgba(255,255,255,.10),transparent 72%),conic-gradient(from 180deg at 38% -6%,transparent 160deg,rgba(255,255,255,.05) 172deg,rgba(255,255,255,.08) 180deg,rgba(255,255,255,.05) 188deg,transparent 200deg),radial-gradient(45% 40% at 40% 55%,rgba(34,211,197,.10),transparent 70%),radial-gradient(35% 35% at 85% 30%,rgba(47,123,255,.12),transparent 70%),linear-gradient(180deg,rgba(21,23,28,.15),rgba(30,33,39,.92) 92%)}
@media (max-width:980px){
  .hk-carpage__layout>*,.hk-carpage__left>*,.hk-carpage__right>*{min-width:0;max-width:100%}
  .hk-buy__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hk-buy .hk-btn{white-space:normal;text-align:center;line-height:1.2;height:auto;min-height:var(--h);padding-top:10px;padding-bottom:10px}
  .hk-p-car .hk-dock .hk-bi{display:none}
}

/* premium line icons */
.hk-tile{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;flex:none;background:radial-gradient(120% 120% at 30% 20%,rgba(79,214,200,.16),rgba(255,255,255,.02) 60%) padding-box,linear-gradient(145deg,rgba(184,240,126,.55),rgba(63,224,208,.25) 45%,rgba(91,155,255,.5)) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px -14px rgba(34,211,197,.55);transition:transform .5s var(--ease-out),box-shadow .4s}
.hk-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 55%);pointer-events:none}
.hk-lu{width:30px;height:30px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(63,224,208,.35))}
.hk-bento__tile{position:absolute;right:20px;top:20px}
.hk-bento__cell--xl .hk-bento__tile{width:72px;height:72px;border-radius:20px}
.hk-bento__cell--xl .hk-bento__tile .hk-lu{width:34px;height:34px}
.hk-bento__cell:hover .hk-tile,.hk-why__item:hover .hk-tile,.hk-catstat:hover .hk-tile{transform:translateY(-3px) rotate(-4deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 34px -12px rgba(34,211,197,.75)}
.hk-bento__emoji,.hk-why__ic{display:none}
.hk-why__tile{margin-bottom:4px}
.hk-catstat__tile{grid-row:span 2;width:48px;height:48px;border-radius:14px}
.hk-catstat__tile .hk-lu{width:24px;height:24px}
.hk-bento__bot{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.hk-lu--dark{stroke:#06231f!important;filter:none;width:28px;height:28px}
@media (max-width:640px){.hk-bento__tile{width:48px;height:48px;border-radius:14px;right:14px;top:14px}.hk-bento__tile .hk-lu{width:24px;height:24px}}
/* living background everywhere */
.hk-bgfx__grid{background-image:linear-gradient(rgba(79,214,200,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(79,214,200,.045) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 110% 85% at 50% 45%,#000 25%,transparent 90%);mask-image:radial-gradient(ellipse 110% 85% at 50% 45%,#000 25%,transparent 90%)}
.hk-bgfx__glow{opacity:.75;filter:blur(110px)}
.hk-bgfx__glow--a{width:52vw;height:52vw;left:-16vw;top:-14vw;background:radial-gradient(circle,rgba(34,211,197,.30),transparent 65%);animation:hkAurA 26s ease-in-out infinite}
.hk-bgfx__glow--b{width:48vw;height:48vw;right:-18vw;top:28vh;background:radial-gradient(circle,rgba(47,123,255,.26),transparent 65%);animation:hkAurB 32s ease-in-out infinite}
.hk-bgfx::after{content:"";position:absolute;width:40vw;height:40vw;left:30vw;bottom:-18vw;border-radius:50%;filter:blur(110px);background:radial-gradient(circle,rgba(155,225,93,.16),transparent 65%);animation:hkAurA 38s ease-in-out infinite reverse}
@keyframes hkAurA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(8vw,6vh) scale(1.15)}66%{transform:translate(-4vw,12vh) scale(.9)}}
@keyframes hkAurB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-10vw,-8vh) scale(1.2)}}
.hk-agents{padding-bottom:clamp(36px,4vw,64px)!important}
.hk-agents+.hk-sec{padding-top:clamp(20px,3vw,40px)!important}
.hk-agents::after{background:radial-gradient(55% 45% at 88% 35%,rgba(47,123,255,.16),transparent 70%),radial-gradient(50% 45% at 8% 65%,rgba(34,211,197,.13),transparent 70%),rgba(21,23,28,.45)!important}

/* colour picker */
.hk-colors{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:center}
.hk-colors__view{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:radial-gradient(80% 70% at 50% 60%,rgba(255,255,255,.08),transparent 70%),rgba(0,0,0,.2)}
.hk-colors__car{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease),transform .8s var(--ease-out);pointer-events:none}
.hk-colors__car.is-on{opacity:1;transform:none;pointer-events:auto}
.hk-colors__car img{width:100%;height:100%;object-fit:cover}
.hk-colors__side{display:grid;gap:10px;align-content:center}
.hk-colors__info{display:none}
.hk-colors__info.is-on{display:grid;gap:4px;animation:hkHud .5s var(--ease-out)}
.hk-colors__info b{font:700 22px/1.2 var(--f-display)}
.hk-colors__info span{font-size:13.5px;color:var(--muted)}
.hk-colors__info em{font:800 20px var(--f-display);font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-colors__info small{font-size:12.5px;color:var(--acc);font-weight:700}
.hk-colors__sw{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.hk-colors__sw button{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--c);box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.08);transition:transform .25s var(--ease),box-shadow .25s}
.hk-colors__sw button:hover{transform:scale(1.08)}
.hk-colors__sw button.is-on{box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),0 0 0 3px var(--bg2),0 0 0 5px #4fd6c8,0 0 18px rgba(79,214,200,.6)}
.hk-colors__note{font-size:12.5px;color:var(--muted);margin-top:4px!important}
.hk-colors__note .hk-link{font-size:12.5px}
@media (max-width:640px){.hk-colors{grid-template-columns:minmax(0,1fr)}}

/* order configurator */
.hk-order{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:28px;align-items:start;padding-bottom:80px}
.hk-order__form{display:grid;gap:20px;min-width:0}
.hk-order__form .hk-panel+.hk-panel{margin-top:0}
.hk-order .hk-h3{display:flex;align-items:center;gap:12px}
.hk-order__n{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font:700 14px var(--f-display);color:#06231f;background:var(--grad);box-shadow:0 6px 16px -6px rgba(34,211,197,.7)}
.hk-order__h{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.hk-order__h::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--grad)}
.hk-order__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.hk-order__row--2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.hk-order .hk-field input{min-height:54px}
.hk-order .hk-chips input{position:absolute;opacity:0;pointer-events:none}
.hk-order__colors{display:flex;flex-wrap:wrap;gap:14px 10px}
.hk-order__colors label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:64px}
.hk-order__colors input{position:absolute;opacity:0;pointer-events:none}
.hk-order__sw{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--c);box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.08);transition:transform .25s var(--ease),box-shadow .25s}
.hk-order__sw--any{background:conic-gradient(#f4f5f7,#121417,#1f4fa3,#a5161d,#c3c8cf,#f4f5f7)}
.hk-order__colors em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted);text-align:center;line-height:1.2}
.hk-order__colors label:hover .hk-order__sw{transform:scale(1.08)}
.hk-order__colors input:checked+.hk-order__sw{box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),0 0 0 3px var(--bg2),0 0 0 5px #4fd6c8,0 0 18px rgba(79,214,200,.6)}
.hk-order__colors input:checked~em{color:#fff}
.hk-order__budget{padding:18px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid var(--line)}
.hk-order__bval{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.hk-order__bval small{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hk-order__bval b{font:800 30px var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-order__budget input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,#9be15d,#22d3c5 50%,#2f7bff) 0/var(--p,17%) 100% no-repeat,rgba(220,226,236,.12);outline:0}
.hk-order__budget input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(34,211,197,.35),0 4px 12px rgba(0,0,0,.4);cursor:grab}
.hk-order__budget input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(34,211,197,.35)}
.hk-order__bscale{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--dim)}
.hk-order__submit{margin-top:16px}
.hk-order__sum{position:sticky;top:calc(var(--nav-h) + 16px)}
.hk-order__sumt{font:700 24px/1.2 var(--f-display);margin:8px 0 14px}
.hk-order__list{display:grid;gap:0;margin:0 0 18px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.hk-order__list:empty{display:none}
.hk-order__list div{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;background:var(--bg2);font-size:14px}
.hk-order__list div+div{border-top:1px solid var(--line)}
.hk-order__list dt{color:var(--muted)}
.hk-order__list dd{margin:0;font-weight:800;text-align:right}
.hk-order__alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media (max-width:980px){.hk-order{grid-template-columns:minmax(0,1fr)}.hk-order__sum{position:static}.hk-order__row{grid-template-columns:minmax(0,1fr)}.hk-order__row--2{grid-template-columns:minmax(0,1fr)}}

/* compare in chat + page */
.hk-cmp-msg{width:100%;animation:hkMsg .45s var(--ease-out)}
.hk-cmp-msg__scroll{overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:var(--bg2)}
.hk-cmp-msg table{border-collapse:collapse;min-width:100%;font-size:12.5px}
.hk-cmp-msg th,.hk-cmp-msg td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}
.hk-cmp-msg th{font:600 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:rgba(0,0,0,.15);position:sticky;left:0}
.hk-cmp-msg td a{display:grid;gap:6px;min-width:120px;white-space:normal}
.hk-cmp-msg td img{width:120px;height:72px;object-fit:cover;border-radius:10px}
.hk-cmp-msg td b{font-size:12px;line-height:1.3;color:var(--text)}
.hk-cmp-msg td.is-best,.hk-cmp td.is-best{color:#7fe3a0;font-weight:800;background:rgba(127,227,160,.07)}
.hk-cmp__verdict{margin-top:18px!important;padding:14px 18px;border-radius:14px;background:var(--grad-soft);border:1px solid var(--line);font-size:15px}
.hk-cmp thead td,.hk-cmp tr:first-child td{vertical-align:bottom}
.hk-cmp th{position:sticky;left:0;z-index:1}

/* calculators */
.hk-calchead{padding-bottom:clamp(20px,3vw,32px)}
.hk-calc__tabs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.hk-calc__tabs>button{display:flex;align-items:center;gap:14px;padding:10px 22px 10px 10px;border-radius:22px;text-align:left;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,var(--line2),var(--line)) border-box;border:1px solid transparent;transition:transform .35s var(--ease-out),box-shadow .35s,background .35s}
.hk-calc__tabs>button .hk-tile{width:48px;height:48px;border-radius:14px}
.hk-calc__tabs>button .hk-lu{width:24px;height:24px}
.hk-calc__tabs>button b{display:block;font:600 17px/1.2 var(--f-display)}
.hk-calc__tabs>button small{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.hk-calc__tabs>button:hover{transform:translateY(-2px)}
.hk-calc__tabs>button.is-on{background:linear-gradient(135deg,rgba(155,225,93,.10),rgba(34,211,197,.08) 50%,rgba(47,123,255,.12)) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;box-shadow:0 18px 40px -20px rgba(34,211,197,.7)}
.hk-calc__live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:500 12px var(--f-mono);letter-spacing:.04em;color:var(--muted)}
.hk-calc__live i{width:8px;height:8px;border-radius:50%;background:var(--dim)}
.hk-calc__live.is-on i{background:var(--lime);box-shadow:0 0 0 4px rgba(155,225,93,.15),0 0 12px rgba(155,225,93,.8);animation:hkLive 2s ease-in-out infinite}
.hk-calc__live.is-err{color:var(--err);border-color:rgba(255,123,134,.35)}
@keyframes hkLive{50%{box-shadow:0 0 0 7px rgba(155,225,93,0),0 0 12px rgba(155,225,93,.8)}}
.hk-calc{padding-bottom:90px}
.hk-calc__pane{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:28px;align-items:start}
.hk-calc__form{display:grid;gap:20px;min-width:0}
.hk-calc__form .hk-panel+.hk-panel{margin-top:0}
.hk-calc .hk-h3{display:flex;align-items:center;gap:12px}
.hk-calc .hk-order__row{margin-top:0}
.hk-calc__cities{min-height:38px}
.hk-calc__cities:empty::before{content:"\2014";color:var(--dim)}
.hk-calc__cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.hk-calc__cat{cursor:pointer}
.hk-calc__cat input{position:absolute;opacity:0;pointer-events:none}
.hk-calc__cat>span{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:16px;border-radius:20px;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,var(--line2),var(--line)) border-box;border:1px solid transparent;transition:transform .35s var(--ease-out),box-shadow .35s,background .35s}
.hk-calc__cat .hk-tile{width:50px;height:50px;border-radius:15px}
.hk-calc__cat .hk-lu{width:24px;height:24px}
.hk-calc__cat b{font:600 14.5px/1.3 var(--f-display);color:var(--soft)}
.hk-calc__cat:hover>span{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(0,0,0,.8)}
.hk-calc__cat input:checked+span{background:linear-gradient(145deg,rgba(155,225,93,.10),rgba(34,211,197,.07) 50%,rgba(47,123,255,.12)) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;box-shadow:0 18px 36px -18px rgba(34,211,197,.75)}
.hk-calc__cat input:checked+span b{color:var(--text)}
.hk-calc__cat input:checked+span .hk-tile{transform:rotate(-5deg) scale(1.05)}
.hk-calc__cat input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}
.hk-calc__hint{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(0,0,0,.16);border:1px solid var(--line);animation:hkMsg .45s var(--ease-out)}
.hk-calc__hint p{margin-top:6px!important;font-size:14px;color:var(--soft);line-height:1.6}
.hk-calc__model{margin-top:16px}
.hk-calc__side{position:sticky;top:calc(var(--nav-h) + 20px);min-width:0}
.hk-calc__res{position:relative;overflow:hidden;background:radial-gradient(90% 60% at 100% 0,rgba(47,123,255,.12),transparent 60%),radial-gradient(80% 60% at 0 100%,rgba(155,225,93,.08),transparent 60%),var(--surface)}
.hk-calc__res::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(155,225,93,.45),rgba(34,211,197,.15) 40%,rgba(47,123,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hk-calc__empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:34px 10px 18px;color:var(--muted);font-size:14.5px}
.hk-calc__empty .hk-tile{animation:hkFloat 4s ease-in-out infinite}
@keyframes hkFloat{50%{transform:translateY(-6px) rotate(-3deg)}}
.hk-calc__out{margin-top:16px}
.hk-calc__out.is-pop{animation:hkMsg .5s var(--ease-out)}
.hk-calc__track{padding:26px 14px 34px}
.hk-calc__line{position:relative;height:3px;border-radius:3px;background:rgba(220,226,236,.12)}
.hk-calc__line>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--grad);box-shadow:0 0 14px rgba(34,211,197,.7);transition:width 1.2s var(--ease-out)}
.hk-calc__line.is-go>i{width:100%}
.hk-calc__pt{position:absolute;top:50%;left:var(--x);z-index:1;width:14px;height:14px;border-radius:50%;translate:-50% -50%;background:#9be15d;box-shadow:0 0 0 5px rgba(155,225,93,.15),0 0 16px rgba(155,225,93,.8)}
.hk-calc__pt.is-hub{background:#22d3c5;box-shadow:0 0 0 5px rgba(34,211,197,.15),0 0 16px rgba(34,211,197,.8)}
.hk-calc__pt.is-end{background:#2f7bff;box-shadow:0 0 0 5px rgba(47,123,255,.18),0 0 16px rgba(47,123,255,.9)}
.hk-calc__pt em{position:absolute;top:18px;left:50%;translate:-50% 0;font-style:normal;font-size:12.5px;font-weight:700;color:var(--soft);white-space:nowrap}
.hk-calc__pt.is-start em{left:0;translate:0 0}
.hk-calc__pt.is-end em{left:auto;right:0;translate:0 0}
.hk-calc__tag{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.hk-calc__tag.is-hub{color:#8fbaff;text-transform:none;letter-spacing:.02em;font-size:12.5px;line-height:1.5}
.hk-calc__big{margin:8px 0 14px}
.hk-calc__big b{font:800 clamp(34px,4.2vw,50px)/1.05 var(--f-display);letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-calc__big.is-req b{font-size:clamp(24px,2.6vw,30px)}
.hk-calc__dl{display:grid;gap:8px;margin:0}
.hk-calc__dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.16)}
.hk-calc__dl dt{color:var(--muted);font-size:13.5px}
.hk-calc__dl dd{margin:0;font-weight:700;text-align:right;font-size:14px}
.hk-calc__stages{display:grid;gap:10px;margin-top:12px}
.hk-calc__stage{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid var(--line)}
.hk-calc__stage .hk-mono{grid-column:1/-1;font-size:10.5px;color:var(--acc)}
.hk-calc__stage small{color:var(--muted);font-size:13px}
.hk-calc__stage b{grid-row:2/4;grid-column:2;align-self:center;font:800 22px var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-calc__stage em{font-style:normal;font-size:13px;font-weight:700;color:var(--soft)}
.hk-calc__note{margin-top:10px!important;font-size:13px;color:var(--muted)}
.hk-calc__stamp{margin-top:14px!important;font:500 11.5px var(--f-mono);color:var(--dim)}
.hk-calc__acts{display:grid;gap:10px;margin-top:18px}
.hk-calc__acts2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hk-calc__acts2 .hk-btn{justify-content:center;padding-left:10px;padding-right:10px}
.hk-calc__flags{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hk-calc__flag{cursor:pointer}
.hk-calc__flag input{position:absolute;opacity:0;pointer-events:none}
.hk-calc__flag>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:16px;padding:16px;border-radius:20px;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,var(--line2),var(--line)) border-box;border:1px solid transparent;transition:transform .35s var(--ease-out),box-shadow .35s,background .35s}
.hk-calc__flag img{grid-row:1/3;width:64px;height:44px;object-fit:cover;border-radius:10px;box-shadow:0 8px 20px -8px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1)}
.hk-calc__flag b{font:600 17px var(--f-display);align-self:end}
.hk-calc__flag small{font-size:12.5px;color:var(--muted);font-weight:600;align-self:start}
.hk-calc__flag:hover>span{transform:translateY(-3px)}
.hk-calc__flag input:checked+span{background:linear-gradient(145deg,rgba(155,225,93,.10),rgba(34,211,197,.07) 50%,rgba(47,123,255,.12)) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;box-shadow:0 18px 36px -18px rgba(34,211,197,.75)}
.hk-calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hk-sel.is-off{opacity:.45;pointer-events:none}
.hk-calc__pane.is-loading .hk-calc__grid{position:relative}
.hk-calc__pane.is-loading .hk-calc__grid::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%) 0 0/200% 100%;animation:hkShim 1.1s linear infinite;pointer-events:none}
@keyframes hkShim{to{background-position:-200% 0}}
.hk-calc__warn{display:flex;gap:10px;margin-top:18px!important;padding:12px 14px;border-radius:14px;background:rgba(47,123,255,.07);border:1px solid rgba(47,123,255,.2);font-size:13px;line-height:1.55;color:var(--soft)}
.hk-calc__wi{width:20px;height:20px;flex:none;margin-top:1px}
.hk-calc__car{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid var(--line)}
.hk-calc__car img{width:28px;height:20px;object-fit:cover;border-radius:4px}
.hk-calc__car b{display:block;font:600 15px/1.3 var(--f-display)}
.hk-calc__car small{font-size:12.5px;color:var(--muted)}
.hk-calc__car+.hk-calc__big{margin-top:16px}
.hk-calc__bd{display:grid;gap:4px}
.hk-calc__bd li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;font-size:13.5px}
.hk-calc__bd li:nth-child(odd){background:rgba(0,0,0,.16)}
.hk-calc__bd span{color:var(--muted)}
.hk-calc__bd b{white-space:nowrap}
.hk-ai-big{display:block;margin:6px 0 4px;font:800 26px/1.1 var(--f-display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-calcta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px;padding:16px 18px;border-radius:20px;transition:transform .35s var(--ease-out),box-shadow .35s;background:linear-gradient(135deg,rgba(155,225,93,.08),rgba(34,211,197,.06) 50%,rgba(47,123,255,.10)) padding-box,linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,rgba(155,225,93,.5),rgba(34,211,197,.2) 45%,rgba(47,123,255,.5)) border-box;border:1px solid transparent}
.hk-calcta .hk-tile{width:48px;height:48px;border-radius:14px}
.hk-calcta .hk-lu{width:24px;height:24px}
.hk-calcta>span{flex:1;min-width:200px}
.hk-calcta b{display:block;font:600 16px/1.3 var(--f-display)}
.hk-calcta small{display:block;font-size:13px;color:var(--muted)}
@media (max-width:980px){
  .hk-calc__pane{grid-template-columns:1fr}
  .hk-calc__side{position:static}
  .hk-calc__live{margin-left:0}
}
@media (max-width:640px){
  .hk-calc__tabs>button{flex:1 1 0;min-width:0;gap:10px;padding:8px 12px 8px 8px;border-radius:18px}
  .hk-calc__tabs>button .hk-tile{width:40px;height:40px;border-radius:12px}
  .hk-calc__tabs>button b{font-size:15.5px}
  .hk-calc__tabs>button small{display:none}
  .hk-calc__live{flex:1 1 100%;justify-content:center}
  .hk-calc__cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hk-calc__cat>span{padding:13px;gap:10px}
  .hk-calc__cat b{font-size:13.5px}
  .hk-calc__flags,.hk-calc__grid,.hk-calc .hk-order__row--2{grid-template-columns:1fr}
  .hk-calc__acts2{grid-template-columns:1fr}
}
.hk-calcta:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px rgba(34,211,197,.6)}
.hk-calcta>.hk-i{color:var(--acc);width:20px;height:20px}
.hk-calc__cat:last-child:nth-child(3n+1){grid-column:1/-1}
.hk-calc__cat:last-child:nth-child(3n+1)>span{flex-direction:row;align-items:center}
@media (max-width:640px){.hk-calc__cat:last-child:nth-child(3n+1){grid-column:auto}.hk-calc__cat:last-child:nth-child(odd){grid-column:1/-1}.hk-calc__cat:last-child:nth-child(odd)>span{flex-direction:row;align-items:center}}