/* KomsGro premium layer (2026-10-21): cursor light on cards, depth on hover, heading sheen,
   hero light beam, and CSS-3D scenes on the home page. */

/* ---- Cards: a soft green light follows the cursor, and the rim lights up near it ---- */
.kg-lit::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  transition:opacity .4s ease;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(149,220,70,.11),rgba(82,187,85,.04) 38%,transparent 62%)}
.kg-rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;padding:1px;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(170,240,90,.85),rgba(82,187,85,.25) 35%,transparent 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.kg-lit:hover::after,.kg-lit:hover .kg-rim{opacity:1}
.kg-lit{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background .3s;will-change:transform}
.kg-lit .kg-depth{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.kg-lit.kg-on{box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 50px -14px rgba(82,187,85,.45),0 30px 60px -30px rgba(0,0,0,.85)}

/* ---- Headings: thinner, with a top-lit sheen ---- */
h1.pullup{font-weight:300;filter:drop-shadow(0 0 28px rgba(149,220,70,.16))}
h2.pullup{font-weight:300;filter:drop-shadow(0 0 22px rgba(149,220,70,.08))}
h1.pullup .word>span:not(.accent-serif),h2.pullup .word>span:not(.accent-serif){
  background:linear-gradient(180deg,#fff 35%,rgba(255,255,255,.66) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
h1.pullup .accent-serif,h2.pullup .accent-serif{
  background:linear-gradient(180deg,#c8f58f 0%,#95dc46 55%,#5fbf4f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* statement paragraphs: md:text-3xl brings a fixed 36px line height that overrides leading-[1.25] */
p.reveal-text[data-reveal-text]{line-height:1.25}
/* the gradient only paints inside the span box: pad it so descenders (g, y, p) keep their fill */
h1.pullup .word>span,h2.pullup .word>span{padding-bottom:.16em;margin-bottom:-.16em}

/* What we do: uneven 2x2 grid of large cards */
.kg-svc-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:768px){.kg-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.kg-svc-grid{grid-template-columns:repeat(5,1fr)}
  .kg-svc-cell{grid-column:span 2}.kg-svc-cell.kg-svc-wide{grid-column:span 3}}
.kg-svc-cell{display:flex}
.kg-svc{position:relative;display:flex;flex-direction:column;width:100%;min-height:330px;padding:2rem 2rem 1.75rem;border-radius:1.75rem;overflow:hidden}
.kg-svc-num{position:absolute;top:2rem;right:2rem;font-size:.875rem;letter-spacing:.08em;opacity:.8}
.kg-svc-body{margin-top:auto;padding-top:1.5rem;max-width:30rem}
.kg-svc-title{font-size:1.625rem;line-height:1.2;font-weight:300;letter-spacing:-.02em;color:#fff}
.kg-svc-desc{margin-top:.75rem;font-size:.9375rem;line-height:1.65;color:rgba(255,255,255,.55)}
.kg-svc-more{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#fff;transition:color .3s}

/* ---- Hero: a soft beam of green light from the top ---- */
.kg-beam{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;z-index:1;filter:blur(34px);
  transform:translate3d(var(--bx,0),0,0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.kg-beam::before{content:"";position:absolute;left:12%;top:-8%;width:52%;height:92%;transform-origin:50% 0;
  transform:rotate(9deg);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(190,250,130,.42),rgba(110,210,90,.16) 42%,rgba(82,187,85,.04) 72%,transparent 92%);
  animation:kgBeam 9s ease-in-out infinite alternate}
.kg-beam::after{content:"";position:absolute;left:28%;top:-12%;width:26%;height:26%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(210,255,160,.5),rgba(149,220,70,.12) 60%,transparent)}
@keyframes kgBeam{0%{opacity:.75;transform:rotate(8deg)}100%{opacity:1;transform:rotate(11deg)}}
[data-hero-bg]{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}

/* ---- CSS-3D scenes (What we do and Why partner cards) ---- */
.kg-stage{position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateX(var(--rx,-18deg)) rotateY(var(--ry,-32deg));transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.kg-f,.kg-floor{position:absolute;display:block}

/* glass boxes: --w wide, --d deep (defaults to --w), --h tall */
.kg-floor{left:-30px;bottom:-62px;width:290px;height:124px;transform:rotateX(90deg);border-radius:14px;
  background:radial-gradient(closest-side,rgba(82,187,85,.28),rgba(82,187,85,.05) 70%,transparent);border:1px solid rgba(149,220,70,.12)}
.kg-box{--dd:var(--d,var(--w));position:absolute;left:var(--x);bottom:0;width:var(--w);height:var(--h);transform-style:preserve-3d;
  transform-origin:50% 100%;transform:scaleY(.02);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.kg-in .kg-box{transform:scaleY(1)}
.kg-in .kg-box:nth-of-type(2){transition-delay:.1s}.kg-in .kg-box:nth-of-type(3){transition-delay:.2s}
.kg-in .kg-box:nth-of-type(4){transition-delay:.3s}.kg-in .kg-box:nth-of-type(5){transition-delay:.4s}
.kg-in .kg-box:nth-of-type(6){transition-delay:.5s}
.kg-f{left:0;top:0;width:var(--w);height:var(--h);border:1px solid rgba(170,240,110,.45);
  background:linear-gradient(180deg,rgba(149,220,70,.30),rgba(82,187,85,.07) 70%,rgba(82,187,85,.02));
  box-shadow:inset 0 0 18px rgba(149,220,70,.12);transition:background .5s,border-color .5s,box-shadow .5s}
.kg-f-front{transform:translateZ(calc(var(--dd)/2))}
.kg-f-back{transform:rotateY(180deg) translateZ(calc(var(--dd)/2))}
.kg-f-right,.kg-f-left{width:var(--dd);left:calc((var(--w) - var(--dd))/2)}
.kg-f-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}
.kg-f-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}
.kg-f-top{height:var(--dd);top:calc(var(--dd)/-2);transform:rotateX(90deg);
  background:linear-gradient(135deg,rgba(220,255,170,.65),rgba(149,220,70,.3));border-color:rgba(220,255,170,.7)}
.kg-hot .kg-f{border-color:rgba(200,250,140,.8);background:linear-gradient(180deg,rgba(170,240,90,.55),rgba(82,187,85,.14) 75%);
  box-shadow:inset 0 0 26px rgba(170,240,90,.35),0 0 30px rgba(149,220,70,.25)}
.kg-hot .kg-f-top{background:linear-gradient(135deg,#eaffd2,#a6e85a)}
.kg-dim .kg-f{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:none}
.kg-dim .kg-f-top{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}

/* ---- Why partner: one tall card and two wide ones, each led by a 3D scene ---- */
.kg-why-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:1024px){.kg-why-grid{grid-template-columns:5fr 7fr;grid-template-rows:auto auto}
  .kg-why-cell.kg-why-tall{grid-row:span 2}}
.kg-why-cell{display:flex}
.kg-why{position:relative;display:flex;flex-direction:column;width:100%;padding:1.75rem 2rem 2rem;border-radius:1.75rem;overflow:hidden}
.kg-why-copy{max-width:30rem}
.kg-why-title{font-size:1.5rem;line-height:1.25;font-weight:300;letter-spacing:-.02em;color:#fff}
.kg-why-desc{margin-top:.75rem;font-size:.9375rem;line-height:1.65;color:rgba(255,255,255,.55)}
.kg-ill3{position:relative;height:250px;perspective:900px;margin-bottom:1.25rem}
.kg-ill3::before{content:"";position:absolute;left:50%;top:55%;width:340px;height:240px;margin:-120px 0 0 -170px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(82,187,85,.18),transparent);pointer-events:none}
.kg-ill3 .kg-stage{inset:auto;left:50%;top:50%;width:240px;height:170px;margin:-85px 0 0 -120px}
@media (min-width:1024px){
  .kg-why-tall .kg-ill3{height:360px;margin-top:.5rem}
  .kg-why-wide .kg-why{flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem 2rem 1.5rem 1rem}
  .kg-why-wide .kg-ill3{flex:0 0 46%;height:230px;margin:0}
  .kg-why-tall .kg-why-copy{margin-top:auto}}

/* scene 1: one person, every job (four tiles orbit the strategist) */
.kg-orbit .kg-stage{--rx:-14deg;--ry:0deg}
.kg-oring{position:absolute;left:50%;top:50%;width:calc(var(--or,125px)*2);height:calc(var(--or,125px)*2);margin:calc(var(--or,125px)*-1) 0 0 calc(var(--or,125px)*-1);border-radius:50%;
  border:1px dashed rgba(149,220,70,.35);transform:rotateX(90deg);box-shadow:0 0 30px rgba(82,187,85,.12) inset}
.kg-core{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#18201a,#060807 75%);border:1px solid rgba(170,240,110,.5);
  box-shadow:0 0 0 8px rgba(149,220,70,.06),0 0 40px rgba(149,220,70,.35),inset 0 -18px 30px rgba(149,220,70,.35);transition:box-shadow .4s}
.kg-core svg{position:absolute;inset:0;width:100%;height:100%}
.kg-sat{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;
  transform:rotateY(calc(var(--a) + var(--spin,0deg))) translateZ(var(--or,125px))}
.kg-tile{position:absolute;left:-25px;top:-25px;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  transform:rotateY(calc(-1 * (var(--a) + var(--spin,0deg))));
  background:linear-gradient(160deg,rgba(149,220,70,.28),rgba(82,187,85,.06));border:1px solid rgba(170,240,110,.55);
  box-shadow:inset 0 0 16px rgba(149,220,70,.18),0 0 20px rgba(82,187,85,.2)}
.kg-tile svg{width:24px;height:24px}
@media (min-width:1024px){.kg-why-tall .kg-orbit{--or:165px}
  .kg-why-tall .kg-core{width:124px;height:124px;margin:-62px 0 0 -62px}
  .kg-why-tall .kg-tile{width:62px;height:62px;left:-31px;top:-31px;border-radius:17px}.kg-why-tall .kg-tile svg{width:28px;height:28px}}
.card:hover .kg-core{box-shadow:0 0 0 10px rgba(149,220,70,.09),0 0 60px rgba(149,220,70,.55),inset 0 -18px 34px rgba(149,220,70,.5)}

/* scene 2: three steps light up in turn, then the first sequence takes off */
.kg-steps .kg-stage{--rx:-16deg;--ry:-30deg}
.kg-steps .kg-floor,.kg-pay .kg-floor{left:-20px;width:260px}
.kg-num{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-weight:300;color:rgba(255,255,255,.35);transition:color .4s}
.kg-step.kg-hot .kg-num{color:#0b120b;font-weight:500}
.kg-plane{position:absolute;left:165px;bottom:100px;width:44px;height:44px;margin-left:-22px;opacity:.35;
  transition:transform 1.3s cubic-bezier(.5,0,.2,1),opacity .6s;filter:drop-shadow(0 0 10px rgba(149,220,70,.7))}
.kg-plane svg{width:100%;height:100%}
.kg-steps.kg-ready .kg-plane{opacity:1}
.kg-steps.kg-launch .kg-plane{transform:translate3d(120px,-110px,40px) rotate(-8deg) scale(.7);opacity:0}

/* scene 3: two pedestals, one choice */
.kg-pay .kg-stage{--rx:-16deg;--ry:-24deg}
.kg-sign{position:absolute;width:62px;height:62px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);
  transition:background .5s,border-color .5s,box-shadow .5s,transform .5s}
.kg-sign svg{width:30px;height:30px}
.kg-sign-a{left:16px;bottom:62px}.kg-sign-b{left:162px;bottom:110px}
.kg-pay[data-pick="a"] .kg-sign-a,.kg-pay[data-pick="b"] .kg-sign-b{background:linear-gradient(160deg,rgba(149,220,70,.35),rgba(82,187,85,.08));
  border-color:rgba(190,250,130,.75);box-shadow:0 0 30px rgba(149,220,70,.35),inset 0 0 18px rgba(149,220,70,.25);transform:translateY(-6px)}
.kg-coin{position:absolute;left:173px;width:40px;height:40px;border-radius:50%;bottom:calc(26px + var(--k) * 6px - 20px);
  transform-style:preserve-3d;transform:rotateX(90deg) translateZ(90px);opacity:0;
  background:radial-gradient(circle at 40% 35%,#eaffd2,#95dc46 55%,#3f9c45);border:1px solid #2f7d34;
  transition:transform .55s cubic-bezier(.5,0,.4,1.3),opacity .3s}
.kg-coin::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:#2f7d34;transform:translateZ(-4px)}
.kg-coin.kg-drop{transform:rotateX(90deg) translateZ(0);opacity:1}
.kg-pay[data-pick="a"] .kg-coin.kg-drop{opacity:.3}
.kg-pay[data-pick="a"] .kg-ped-b .kg-f,.kg-pay[data-pick="b"] .kg-ped-a .kg-f{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:none}
.kg-pay[data-pick="a"] .kg-ped-b .kg-f-top,.kg-pay[data-pick="b"] .kg-ped-a .kg-f-top{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}

/* ---- What we do: one 3D scene per service ---- */
.kg-svc .kg-ill3{height:230px;margin:-.25rem -.5rem .5rem}
.kg-glass{position:absolute;display:block;border-radius:10px;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));transition:background .5s,border-color .5s,box-shadow .5s,bottom .7s cubic-bezier(.5,0,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.kg-glass.kg-on,.kg-lime{border-color:rgba(190,250,130,.75);background:linear-gradient(160deg,rgba(149,220,70,.38),rgba(82,187,85,.08));
  box-shadow:0 0 30px rgba(149,220,70,.3),inset 0 0 18px rgba(149,220,70,.22)}
.kg-bar{position:absolute;display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22)}
.kg-lime .kg-bar,.kg-on .kg-bar{background:rgba(220,255,170,.7)}
.kg-ico{position:absolute;display:grid;place-items:center}
.kg-ico svg{width:100%;height:100%}

/* AI SEO: our result climbs to #1, then the AI answer cites it */
.kg-serp .kg-stage{--rx:-10deg;--ry:-26deg}
.kg-res{left:0;width:140px;height:34px;bottom:calc(96px - var(--pos) * 46px)}
.kg-res .kg-bar:nth-child(1){left:12px;top:10px;width:64px}
.kg-res .kg-bar:nth-child(2){left:12px;top:20px;width:104px;height:4px;opacity:.6}
.kg-ai{left:160px;bottom:8px;width:84px;height:112px;transform:translateZ(-36px)}
.kg-ai .kg-ico{left:12px;top:12px;width:22px;height:22px;opacity:.5;transition:opacity .5s}
.kg-ai .kg-bar:nth-of-type(1){left:12px;top:46px;width:58px}.kg-ai .kg-bar:nth-of-type(2){left:12px;top:58px;width:46px}
.kg-ai .kg-bar:nth-of-type(3){left:12px;top:70px;width:52px}
.kg-cite{position:absolute;left:12px;top:84px;width:28px;height:12px;border-radius:6px;background:rgba(255,255,255,.12);transition:background .5s,box-shadow .5s}
.kg-serp.kg-cited .kg-ai{border-color:rgba(190,250,130,.75);background:linear-gradient(160deg,rgba(149,220,70,.3),rgba(82,187,85,.06));
  box-shadow:0 0 34px rgba(149,220,70,.3),inset 0 0 18px rgba(149,220,70,.2)}
.kg-serp.kg-cited .kg-ai .kg-ico{opacity:1}
.kg-serp.kg-cited .kg-cite{background:#a6e85a;box-shadow:0 0 14px rgba(149,220,70,.8)}

/* Cold outbound: an account signals, the outreach lands on it */
.kg-accts .kg-stage{--rx:-30deg;--ry:-32deg}
.kg-accts .kg-box{transform:translateZ(var(--z,0px)) scaleY(.02)}
.kg-accts.kg-in .kg-box{transform:translateZ(var(--z,0px)) scaleY(1)}
.kg-pulse{position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid #a6e85a;opacity:0;pointer-events:none;
  left:calc(var(--px) - 32px);bottom:calc(var(--py) - 32px);transform:translateZ(var(--pz)) rotateX(90deg) scale(.2)}
.kg-pulse.kg-ping{animation:kgPing 1.1s ease-out 2}
@keyframes kgPing{0%{opacity:1;transform:translateZ(var(--pz)) rotateX(90deg) scale(.2)}100%{opacity:0;transform:translateZ(var(--pz)) rotateX(90deg) scale(1.5)}}
.kg-aplane{position:absolute;width:38px;height:38px;left:calc(var(--px) - 19px);bottom:calc(var(--py) + 8px);
  transform:translateZ(var(--pz));filter:drop-shadow(0 0 10px rgba(149,220,70,.7));
  transition:left .9s cubic-bezier(.4,0,.2,1),bottom .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1),opacity .4s}
.kg-aplane svg{width:100%;height:100%}
.kg-aplane.kg-still{transition:none}

/* LinkedIn: a post sends reactions up; the accounts that engage light up */
.kg-postsc .kg-stage{--rx:-8deg;--ry:-24deg}
.kg-post{left:10px;bottom:6px;width:124px;height:146px;border-radius:14px}
.kg-post::before{content:"";position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#a6e85a;box-shadow:0 0 10px rgba(149,220,70,.6)}
.kg-post .kg-bar:nth-of-type(1){left:42px;top:16px;width:56px}.kg-post .kg-bar:nth-of-type(2){left:42px;top:26px;width:36px;height:4px;opacity:.6}
.kg-post .kg-bar:nth-of-type(3){left:12px;top:50px;width:98px}.kg-post .kg-bar:nth-of-type(4){left:12px;top:62px;width:88px}
.kg-post .kg-bar:nth-of-type(5){left:12px;top:74px;width:64px}
.kg-post .kg-media{position:absolute;left:12px;right:12px;top:88px;bottom:12px;border-radius:8px;background:linear-gradient(135deg,rgba(149,220,70,.35),rgba(82,187,85,.06))}
.kg-react{position:absolute;left:96px;bottom:118px;width:30px;height:30px;border-radius:50%;padding:7px;opacity:0;
  border:1px solid rgba(190,250,130,.7);background:rgba(20,30,20,.85);box-shadow:0 0 16px rgba(149,220,70,.35);
  animation:kgRise 3.6s ease-out infinite;animation-delay:var(--dl)}
.kg-react svg{width:100%;height:100%;display:block}
@keyframes kgRise{0%{opacity:0;transform:translate3d(0,10px,0) scale(.6)}15%{opacity:1}
  80%{opacity:.9}100%{opacity:0;transform:translate3d(var(--dx),-70px,30px) scale(1)}}
.card:hover .kg-react{animation-duration:2.2s}
.kg-aud{left:178px;width:46px;height:26px;bottom:calc(10px + var(--k) * 34px);border-radius:13px;transform:translateZ(-24px);
  animation:kgEngage 4.8s infinite;animation-delay:calc(var(--k) * .6s)}
.kg-aud::before{content:"";position:absolute;left:5px;top:5px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.3)}
.kg-aud::after{content:"";position:absolute;left:26px;top:11px;width:12px;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
@keyframes kgEngage{0%,15%{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04);box-shadow:none}
  25%,85%{border-color:rgba(190,250,130,.75);background:rgba(149,220,70,.28);box-shadow:0 0 18px rgba(149,220,70,.3)}100%{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}}

/* Sales enablement: deck, case study and one-pager fan out; the case study closes the deal */
.kg-fan .kg-stage{--rx:-10deg;--ry:-16deg}
.kg-doc{left:78px;bottom:4px;width:86px;height:116px;transform-origin:50% 100%}
.kg-doc .kg-ico{left:14px;top:14px;width:26px;height:26px}
.kg-doc .kg-bar:nth-of-type(1){left:14px;top:52px;width:56px}.kg-doc .kg-bar:nth-of-type(2){left:14px;top:64px;width:48px}
.kg-doc .kg-bar:nth-of-type(3){left:14px;top:76px;width:52px}.kg-doc .kg-bar:nth-of-type(4){left:14px;top:88px;width:34px}
.kg-d0{transform:translateZ(-28px) translateX(-8px)}
.kg-d1{transform:translateZ(0)}
.kg-d2{transform:translateZ(-14px) translateX(8px)}
.kg-fan.kg-open .kg-d0{transform:translateZ(-22px) translateX(-78px) rotateY(22deg) rotateZ(-5deg)}
.kg-fan.kg-open .kg-d1{transform:translateZ(18px) translateY(-8px)}
.kg-fan.kg-open .kg-d2{transform:translateZ(-22px) translateX(78px) rotateY(-22deg) rotateZ(5deg)}
.kg-badge{position:absolute;right:-12px;top:-12px;width:30px;height:30px;border-radius:50%;background:#a6e85a;display:grid;place-items:center;
  box-shadow:0 0 18px rgba(149,220,70,.8);transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .35s}
.kg-badge svg{width:16px;height:16px}
.kg-fan.kg-open .kg-badge{transform:scale(1)}
.kg-fan.kg-open .kg-d1{border-color:rgba(190,250,130,.75);background:linear-gradient(160deg,rgba(149,220,70,.38),rgba(82,187,85,.08));
  box-shadow:0 0 30px rgba(149,220,70,.3),inset 0 0 18px rgba(149,220,70,.22)}

@media (prefers-reduced-motion:reduce){.kg-react,.kg-aud{animation:none}.kg-react{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .kg-lit,.kg-lit .kg-depth,.kg-stage,.kg-box,[data-hero-bg],.kg-beam,.kg-plane,.kg-coin,.kg-sign{transition:none}
  .kg-beam::before{animation:none}
}