/* ===== v3: business-first homepage (loaded after style.css) ===== */
.hero-h{font:700 clamp(46px,7vw,132px)/.86 var(--disp);font-stretch:62%;text-transform:uppercase;letter-spacing:-.015em;overflow:visible}
.hero-h span{display:block}
.hero-h .l1{animation:rise .9s var(--ease) both}
.hero-h .l2 i{display:inline-block;font-family:"Instrument";font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.02em;color:var(--red);font-size:1.02em;animation:wordin .7s var(--ease) both}
@keyframes wordin{from{opacity:0;transform:translateY(30%);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.ov.bl{right:46%}
.ov.bl .hl{max-width:560px}
.hcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ov.tr{cursor:pointer}
.ov.tr:hover{border-color:var(--red)}
@media (max-width:860px){.ov.bl{right:20px;bottom:64px}.hero-h{font-size:clamp(38px,10.5vw,60px)}.hcta .pill.big{padding:14px 18px;font-size:12px}}

/* impact */
.impact{padding:clamp(90px,12vw,180px) 0 clamp(60px,8vw,120px)}
.impact .big{padding:0 var(--side);font:400 clamp(28px,4.2vw,68px)/1.08 var(--sans);letter-spacing:-.04em;max-width:1500px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pad);padding:0 var(--pad);margin-top:clamp(50px,6vw,90px)}
.st{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,40px);display:flex;flex-direction:column;gap:14px;min-height:300px}
.st b{font:700 clamp(80px,9vw,160px)/.82 var(--disp);font-stretch:62%;letter-spacing:-.03em;color:var(--red)}
.st p{font-size:clamp(18px,1.5vw,22px);line-height:1.3;letter-spacing:-.01em}
.st small{margin-top:auto;font:500 11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fog)}
@media (max-width:860px){.stats{grid-template-columns:1fr}.st{min-height:0}}

/* amenities */
.amen{padding-bottom:clamp(90px,12vw,180px)}
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pad);padding:0 var(--pad)}
.am{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 20px;transition:border-color .3s,transform .5s var(--ease)}
.am:hover{border-color:var(--red);transform:translateY(-4px)}
.am .vis{height:170px;border-radius:calc(var(--r) - 8px);background:#000;position:relative;overflow:hidden;display:grid;place-items:center;padding:16px;margin-bottom:16px}
.am h4{font:600 20px/1.15 var(--sans);letter-spacing:-.025em;padding:0 8px;display:flex;gap:10px;align-items:baseline}
.am h4 span{font:500 11px/1 var(--mono);color:var(--red)}
.am p{padding:8px 8px 0;color:var(--fog);font-size:14.5px;line-height:1.45}
@media (max-width:1100px){.agrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.agrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.agrid{grid-template-columns:1fr}}
.a-open{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.a-open .t{font:700 54px/1 var(--disp);font-stretch:70%}
.a-open .toast{background:var(--paper);color:#000;border-radius:12px;padding:10px 14px;font-size:13px;animation:toast 4s var(--ease) infinite}
.a-open .toast b{color:var(--red);margin-right:6px}
@keyframes toast{0%,15%{opacity:0;transform:translateY(16px) scale(.95)}25%,85%{opacity:1;transform:none}100%{opacity:0}}
.a-google{width:100%;display:flex;flex-direction:column;gap:7px;font-size:12px}
.a-google .q{border:1px solid var(--line2);border-radius:999px;padding:7px 12px;color:var(--fog);font:500 11px/1 var(--mono)}
.a-google .r{display:flex;align-items:center;gap:8px;background:#111;border-radius:8px;padding:7px 10px;height:26px}
.a-google .r i{flex:1;height:5px;border-radius:3px;background:#2a2a27}
.a-google .r1{background:var(--paper);color:#000;animation:climb 5s var(--ease) infinite;position:relative;z-index:1}
.a-google .r1 b{color:var(--red)}
.a-google .r1 i{background:#cfccc3}
.a-google .r0{animation:drop 5s var(--ease) infinite}
@keyframes climb{0%,20%{transform:translateY(0)}40%,90%{transform:translateY(-33px)}100%{transform:translateY(0)}}
@keyframes drop{0%,20%{transform:translateY(0)}40%,90%{transform:translateY(33px)}100%{transform:translateY(0)}}
.a-book{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:86%;position:relative}
.a-book i{aspect-ratio:1;border-radius:5px;background:#1c1c1a}
.a-book i.hit{animation:hit 4s infinite}
@keyframes hit{0%,30%{background:#1c1c1a}40%,90%{background:var(--red)}100%{background:#1c1c1a}}
.a-book .ok{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);white-space:nowrap;background:var(--paper);color:#000;border-radius:999px;padding:6px 12px;font:600 11px/1 var(--mono);animation:toast2 4s var(--ease) infinite}
@keyframes toast2{0%,35%{opacity:0;translate:0 10px}45%,85%{opacity:1;translate:0 0}100%{opacity:0}}
.a-cart{position:relative}
.a-cart .bag{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:14px 20px;font:600 16px/1 var(--sans)}
.a-cart .n{background:var(--red);color:#000;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font:600 12px/1 var(--mono);animation:bump 2.4s infinite}
.a-cart .plus{position:absolute;right:-6px;top:-26px;color:var(--red);font:700 22px/1 var(--disp);animation:plus 2.4s infinite}
@keyframes bump{0%,40%{transform:scale(1)}50%{transform:scale(1.35)}60%,100%{transform:scale(1)}}
@keyframes plus{0%,30%{opacity:0;transform:translateY(10px)}45%{opacity:1;transform:none}70%,100%{opacity:0;transform:translateY(-12px)}}
.a-speed{width:86%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font:500 11px/1 var(--mono);text-transform:uppercase}
.a-speed .track{height:8px;border-radius:8px;background:#1c1c1a;overflow:hidden}
.a-speed .track i{display:block;height:100%;background:var(--red);animation:load 3s cubic-bezier(.1,.9,.2,1) infinite}
.a-speed .sec{font:700 30px/1 var(--disp);font-stretch:70%}
@keyframes load{0%{width:0}35%,90%{width:100%}100%{width:0}}
.a-phone i{display:block;border:3px solid var(--paper);border-radius:14px;height:120px;width:66px;animation:morph 5s var(--ease) infinite;background:linear-gradient(var(--red) 0 18%,transparent 18% 26%,#2a2a27 26% 32%,transparent 32% 38%,#2a2a27 38% 44%,transparent 44%) content-box;padding:8px}
@keyframes morph{0%,25%{width:66px;height:120px;border-radius:14px}40%,65%{width:190px;height:116px;border-radius:8px}80%,100%{width:66px;height:120px;border-radius:14px}}
.a-lead .m{display:block;width:240px;background:var(--paper);color:#000;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.35;animation:toast 4.4s var(--ease) infinite;border-left:4px solid var(--red)}
.a-lead .m b{display:block;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:var(--red)}
.a-edit{background:var(--paper);color:#000;border-radius:12px;padding:14px 18px;min-width:190px}
.a-edit small{font:500 11px/1 var(--mono);color:#6d6a62;text-transform:uppercase}
.a-edit p{font:700 42px/1 var(--disp);font-stretch:70%;margin-top:6px}
.a-edit s{color:#8f8c84;animation:fadeold 4s infinite}
.a-edit span{border-right:3px solid var(--red);padding-right:2px;animation:typein 4s steps(4) infinite;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}
@keyframes typein{0%,30%{width:0}55%,100%{width:2.1ch}}
@keyframes fadeold{0%,25%{opacity:1}35%,100%{opacity:.35}}
.a-secure{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:12px 16px;font:500 12px/1 var(--mono)}
.a-secure .lock{width:14px;height:11px;background:var(--red);border-radius:2px;position:relative;margin-top:5px}
.a-secure .lock::before{content:"";position:absolute;left:2px;top:-8px;width:6px;height:7px;border:2px solid var(--red);border-bottom:0;border-radius:6px 6px 0 0;animation:shut 3s infinite}
@keyframes shut{0%,30%{transform:translateY(-3px)}45%,100%{transform:none}}
.a-lang{position:relative;width:100%;height:60px;display:grid;place-items:center}
.a-lang span{position:absolute;font:600 30px/1 var(--sans);letter-spacing:-.03em;opacity:0;animation:lang 6s infinite}
.a-lang .fa{font-family:Tahoma,"Segoe UI",sans-serif;letter-spacing:0;animation-delay:2s;color:var(--red)}
.a-lang .fr{animation-delay:4s}
@keyframes lang{0%{opacity:0;transform:translateY(12px)}6%,28%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-12px)}}

/* industries */
.inds{padding-bottom:clamp(90px,12vw,180px)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--side);margin-bottom:var(--pad);scrollbar-width:none}
.tab{border:1px solid var(--line2);border-radius:999px;padding:11px 16px;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
.tab:hover{border-color:var(--paper)}
.tab[aria-selected=true]{background:var(--red);border-color:var(--red);color:#000}
.ipanel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--pad);padding:0 var(--pad)}
.ipanel.in .iinfo,.ipanel.in .rc{animation:fadeup .7s var(--ease) both}
.ipanel.in .rc:nth-child(2){animation-delay:.05s}.ipanel.in .rc:nth-child(3){animation-delay:.1s}.ipanel.in .rc:nth-child(4){animation-delay:.15s}.ipanel.in .rc:nth-child(5){animation-delay:.2s}.ipanel.in .rc:nth-child(6){animation-delay:.25s}
.iinfo{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:80px}
.iinfo h3{font:500 clamp(22px,2vw,30px)/1.2 var(--sans);letter-spacing:-.03em}
.iinfo .lab{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fog);margin-top:6px}
.iinfo ul{list-style:none;border-top:1px solid var(--line)}
.iinfo li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:12px}
.iinfo li::before{content:"+";font-family:var(--mono);color:var(--red)}
.iinfo .from{color:var(--fog);font-size:14px}
.iinfo .from b{color:var(--paper)}
.iinfo .pill{align-self:flex-start}
.irefs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pad)}
.rc{display:block}
.rc.big{grid-column:span 3}
.rc .media{border-radius:var(--r2);overflow:hidden;aspect-ratio:16/10;background:#111;border:1px solid var(--line)}
.rc.big .media{aspect-ratio:16/8.4;border-radius:var(--r)}
.rc .media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.rc:hover .media img{transform:scale(1.04)}
.rcap{display:flex;justify-content:space-between;align-items:baseline;padding:10px 4px 0}
.rcap b{font-weight:500}
.rcap span{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fog)}
.refnote{padding:28px var(--side) 0;font-size:13px;color:var(--fog);max-width:900px}
.refnote a{border-bottom:1px solid var(--line2)}
@media (max-width:960px){.ipanel{grid-template-columns:1fr}.iinfo{position:static}.irefs{grid-template-columns:1fr 1fr}.rc.big{grid-column:span 2}}
@media (max-width:600px){.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.tab{flex:0 0 auto}}

.stage .shade{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 18%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,0) 60%),linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,0) 62%)}
@media (max-width:860px){.stage .shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 16%),linear-gradient(0deg,#000 0%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.2) 75%)}}

/* one-week promise */
.hl .fast{color:var(--paper);font-weight:600;background:linear-gradient(transparent 62%,rgba(255,59,31,.55) 62%)}
.kick .wk{color:var(--paper);border:1px solid var(--red);border-radius:999px;padding:4px 8px;margin-left:4px}
.intro2{padding:0 var(--side);max-width:820px;font-size:clamp(18px,1.5vw,22px);color:#cfccc3;margin:-8px 0 clamp(32px,4vw,56px)}
.kick .wk+.wk{margin-left:6px}

/* KM Design rebrand */
.loader .lk.km{width:min(78vw,720px);display:block}
.loader .lk.km img{width:100%;opacity:0;animation:stamp .5s cubic-bezier(.2,1.5,.35,1) .15s forwards}
.hd .logo{width:150px}
.v-km{width:80%}
.v-km img{width:100%;animation:vstamp 3.4s cubic-bezier(.2,1.5,.35,1) infinite}
/* phone fixes */
@media (max-width:860px){
  .ov.bl .kick{line-height:2.1}
  .kick .wk{white-space:nowrap}
  .th{padding:14px 0;margin:-14px 0}
  .hd .logo{width:128px}
}

/* background animation layer */
#bgfx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer{position:relative;z-index:1}
body{background:#000 radial-gradient(rgba(237,235,228,.07) 1px,transparent 1.3px) 0 0/26px 26px fixed}