/* Homepage conversion layout. Scoped to body.kx-home so other pages stay untouched. */
body.kx-home{
  --kx-ink:#0a0a0a;
  --kx-green:#00dd83;
  --kx-green-deep:#00c274;
  --kx-muted:#5c5f62;
  --kx-line:#0a0a0a14;
  --kx-surface:#f4f4f6;
  --kx-radius:1.5rem;
}

body.kx-home .home-hero-section{
  padding:clamp(1.25rem,3vw,2.5rem) 0 clamp(1rem,2vw,1.5rem);
  background:
    radial-gradient(42rem 24rem at 88% -10%, rgba(0,221,131,.28), transparent 60%),
    radial-gradient(28rem 18rem at -10% 20%, rgba(255,182,0,.18), transparent 55%),
    #f7f7f8;
}
body.kx-home .home-hero-section .container.grid,
body.kx-home .kx-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);
  gap:clamp(1.25rem,3vw,2.75rem);
  align-items:center;
  width:min(1120px,calc(100% - 2rem));
  margin-inline:auto;
}
body.kx-home .kx-hero-copy{min-width:0}
body.kx-home .kx-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:0 0 .9rem;
  padding:.35rem .75rem .35rem .45rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--kx-line);
  font-size:.78rem;
  font-weight:650;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--kx-ink);
}
body.kx-home .kx-hero-kicker i{
  width:.55rem;height:.55rem;border-radius:50%;background:var(--kx-green);
  box-shadow:0 0 0 4px rgba(0,221,131,.25);
}
body.kx-home .home-hero-section h1{
  margin:0;
  font-size:clamp(2.7rem,6vw,4.8rem);
  line-height:.96;
  letter-spacing:-.03em;
  font-weight:700;
  text-transform:uppercase;
  font-family:"Roboto Condensed",sans-serif;
  color:var(--kx-ink);
}
body.kx-home .home-hero-section h1 em{
  font-family:Castoro,serif;
  font-style:italic;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}
body.kx-home .kx-hero-lead{
  margin:1rem 0 0;
  max-width:38rem;
  font-size:clamp(1.02rem,1.5vw,1.15rem);
  line-height:1.5;
  color:var(--kx-muted);
}
body.kx-home .kx-quickbuy{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  margin:1.35rem 0 0;
  max-width:40rem;
}
body.kx-home .kx-quickbuy .smm-paste-wrap{position:relative;flex:1 1 16rem;min-width:0}
body.kx-home .kx-quickbuy input[type="text"]{
  width:100%;
  height:3.5rem;
  border-radius:999px;
  border:1px solid #0a0a0a22;
  padding:0 6.2rem 0 1.2rem;
  font:inherit;
  font-size:1rem;
  background:#fff;
  color:var(--kx-ink);
  box-shadow:0 10px 30px rgba(10,10,10,.05);
}
body.kx-home .kx-quickbuy input[type="text"]:focus{
  outline:2px solid var(--kx-green);
  outline-offset:2px;
}
body.kx-home .kx-quickbuy .smm-paste{
  position:absolute;right:.4rem;top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;gap:.3rem;
  height:2.6rem;padding:0 .9rem;border-radius:999px;
  border:1px solid #0a0a0a18;background:#f4f4f6;color:var(--kx-ink);
  font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;
}
body.kx-home .kx-quickbuy .button{
  height:3.5rem;border-radius:999px;background:var(--kx-ink);color:#fff;
  padding:0 1.15rem 0 1.25rem;border:0;cursor:pointer;
  display:inline-flex;align-items:center;
}
body.kx-home .kx-quickbuy .button .button-fill{display:flex;align-items:center;gap:.55rem}
body.kx-home .kx-quickbuy .button .z-5{font-weight:700;white-space:nowrap}
body.kx-home .kx-quickbuy .button-arrow-wrapper{width:1.6rem;height:1.6rem;display:grid;place-items:center;background:var(--kx-green);color:var(--kx-ink);border-radius:50%}
body.kx-home .kx-quickbuy .button-arrow{width:.75rem;height:.75rem}
body.kx-home .kx-hero-note{
  flex-basis:100%;
  margin:.15rem 0 0;
  font-size:.9rem;
  color:var(--kx-muted);
}
body.kx-home .kx-hero-note a{color:var(--kx-ink);font-weight:700}
body.kx-home .kx-trust{
  display:flex !important;flex-flow:row wrap !important;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;
}
body.kx-home .kx-trust li{
  width:auto !important;flex:0 0 auto;display:inline-flex !important;align-items:center;
  margin:0 !important;padding:.4rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--kx-line);
  font-size:.82rem;font-weight:650;color:var(--kx-ink);line-height:1.2;
}
body.kx-home .kx-qty > span:first-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;gap:.12rem}

body.kx-home .kx-hero-card{
  background:var(--kx-ink);
  color:#fff;
  border-radius:1.75rem;
  padding:1.35rem 1.35rem 1.2rem;
  box-shadow:0 24px 60px rgba(10,10,10,.16);
  position:relative;
  overflow:hidden;
}
body.kx-home .kx-hero-card::after{
  content:"";
  position:absolute;width:14rem;height:14rem;right:-5rem;top:-6rem;border-radius:50%;
  background:radial-gradient(circle,rgba(0,221,131,.45),transparent 68%);
  pointer-events:none;
}
body.kx-home .kx-hero-card>*{position:relative;z-index:1}
body.kx-home .kx-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--kx-green);color:var(--kx-ink);
  font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  border-radius:999px;padding:.35rem .7rem;
}
body.kx-home .kx-hero-card h2{
  margin:.9rem 0 .25rem;
  font-family:"Roboto Condensed",sans-serif;
  font-size:clamp(1.8rem,3vw,2.4rem);
  line-height:.95;
  text-transform:uppercase;
  color:#fff;
}
body.kx-home .kx-price{
  display:flex;align-items:baseline;gap:.45rem;margin:.35rem 0 .9rem;
}
body.kx-home .kx-price strong{
  font-family:"Roboto Condensed",sans-serif;
  font-size:3.4rem;line-height:1;font-weight:700;
}
body.kx-home .kx-price span{color:#c8c9cc;font-size:.95rem}
body.kx-home .kx-hero-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
body.kx-home .kx-hero-card li{display:flex;gap:.55rem;align-items:flex-start;color:#e6e6e8;font-size:.95rem}
body.kx-home .kx-hero-card li::before{content:"";width:.7rem;height:.7rem;margin-top:.35rem;border-radius:50%;background:var(--kx-green);flex:none}
body.kx-home .kx-card-go{
  margin-top:1.1rem;width:100%;height:3.2rem;border:0;border-radius:999px;
  background:var(--kx-green);color:var(--kx-ink);font:inherit;font-weight:800;cursor:pointer;
}
body.kx-home .kx-card-go:hover{background:#3dffab}
body.kx-home .kx-card-foot{margin:.7rem 0 0;text-align:center;font-size:.8rem;color:#adafb1}

body.kx-home #packages{padding-top:clamp(2rem,5vw,3.5rem)}
body.kx-home .kx-pack-head{text-align:center;margin-bottom:1.6rem}
body.kx-home .kx-pack-head h2{margin:0}
body.kx-home .kx-pack-head p{color:var(--kx-muted);margin:.7rem auto 0;max-width:36rem}
body.kx-home .kx-packs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
body.kx-home .kx-pack{
  background:var(--kx-surface);
  border-radius:1.35rem;
  padding:1.15rem 1.15rem 1rem;
  display:flex;flex-direction:column;gap:.75rem;
  border:1px solid transparent;
}
body.kx-home .kx-pack.is-featured{
  grid-column:1 / -1;
  background:var(--kx-ink);
  color:#fff;
  display:grid;
  grid-template-columns:minmax(0,16rem) minmax(0,1fr);
  gap:1rem 1.5rem;
  align-items:center;
  padding:1.25rem 1.25rem;
}
body.kx-home .kx-pack-kicker{
  font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#616365;
}
body.kx-home .kx-pack.is-featured .kx-pack-kicker{color:#9d9fa2}
body.kx-home .kx-pack h3{
  margin:.2rem 0 0;
  font-family:"Roboto Condensed",sans-serif;
  font-weight:700;text-transform:uppercase;font-size:1.45rem;line-height:1;
  color:inherit;
}
body.kx-home .kx-pack p{margin:.3rem 0 0;color:#616365;font-size:.9rem}
body.kx-home .kx-pack.is-featured p{color:#c4c6c8}
body.kx-home .kx-qtys{display:grid;gap:.45rem}
body.kx-home .kx-pack.is-featured .kx-qtys{grid-template-columns:repeat(4,minmax(0,1fr))}
body.kx-home .kx-qty{
  display:flex;justify-content:space-between;align-items:center;gap:.4rem;
  padding:.7rem .9rem;border-radius:999px;text-decoration:none;
  background:#fff;color:var(--kx-ink);font-weight:700;font-size:.95rem;
  border:1px solid transparent;
}
body.kx-home .kx-pack.is-featured .kx-qty{background:#171717;color:#fff;border-color:#ffffff18}
body.kx-home .kx-qty small{display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#616365}
body.kx-home .kx-qty.is-hot{
  background:var(--kx-green) !important;color:var(--kx-ink) !important;border-color:transparent !important;
}
body.kx-home .kx-qty.is-hot small{color:#0a0a0a}
body.kx-home .kx-qty:hover{transform:translateY(-1px)}
body.kx-home .kx-pack-more{text-align:center;margin:1.25rem 0 0}
body.kx-home .kx-pack-more a{color:var(--kx-ink);font-weight:750}

body.kx-home .kx-stay{
  width:min(1120px,calc(100% - 2rem));
  margin:1.5rem auto 0;
  display:grid;
  grid-template-columns:1.3fr .9fr .9fr;
  gap:.75rem;
}
body.kx-home .kx-stay article{
  border-radius:1.25rem;padding:1.15rem 1.2rem;background:#fff;border:1px solid var(--kx-line);
}
body.kx-home .kx-stay h3{
  margin:0 0 .35rem;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;font-size:1.25rem;
}
body.kx-home .kx-stay p{margin:0;color:var(--kx-muted);font-size:.95rem}
body.kx-home .kx-stay a.kx-stay-link{
  display:inline-flex;margin-top:.75rem;font-weight:750;color:var(--kx-ink);
}
body.kx-home .kx-stay article:first-child{background:#e9fff5;border-color:#00dd8344}

body.kx-home .kx-dock{
  position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);
  z-index:80;width:min(34rem,calc(100% - 1.25rem));
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:.55rem .55rem .55rem 1rem;
  background:#0a0a0a;color:#fff;border-radius:999px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
body.kx-home .kx-dock.is-hidden{display:none}
body.kx-home .kx-dock strong{display:block;font-size:.92rem}
body.kx-home .kx-dock span{color:#c8c9cc;font-size:.8rem}
body.kx-home .kx-dock a{
  flex:none;background:var(--kx-green);color:var(--kx-ink);text-decoration:none;
  font-weight:800;border-radius:999px;padding:.75rem 1rem;
}
@media (min-width:992px){
  body.kx-home .kx-dock{display:none}
}
@media (max-width:991px){
  body.kx-home .home-hero-section .container.grid,
  body.kx-home .kx-hero-grid{grid-template-columns:1fr}
  body.kx-home .kx-pack.is-featured{grid-template-columns:1fr}
  body.kx-home .kx-pack.is-featured .kx-qtys{grid-template-columns:1fr 1fr}
  body.kx-home .kx-packs{grid-template-columns:1fr 1fr}
  body.kx-home .kx-stay{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.kx-home .kx-packs{grid-template-columns:1fr}
  body.kx-home .kx-quickbuy .button{width:100%;justify-content:center}
  body.kx-home .home-hero-section h1{font-size:2.55rem}
  body.kx-home .kx-pack.is-featured .kx-qtys{grid-template-columns:1fr}
}

/* ==========================================================================
   Remade Sections: Channels (5), Steps (6), Proof (7), CTA (8), FAQ (9)
   High-end conversion design, anti-slop, clean mobile responsiveness
   ========================================================================== */

/* ---------- Section 5: Five channels, one account (.kx-chan) ---------- */
body.kx-home .kx-chan-section{
  padding:clamp(2.5rem,5vw,4.5rem) 0;
}
body.kx-home .kx-chan-section .kx-intro{
  text-align:center;
  max-width:44rem;
  margin:0 auto 2.5rem;
}
body.kx-home .kx-chan-section .kx-intro h2{
  margin:.75rem 0 .85rem;
}
body.kx-home .kx-chan-section .kx-intro p{
  color:var(--kx-muted);
  font-size:1.05rem;
  margin:0 auto;
}
body.kx-home .kx-chan{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.95rem;
  margin-top:0;
}
body.kx-home .kx-chan-card{
  display:flex;
  flex-direction:column;
  padding:1.4rem 1.25rem 1.35rem;
  background:#fff;
  border:1px solid rgba(10,10,10,.08);
  border-radius:1.35rem;
  color:var(--kx-ink);
  text-decoration:none;
  box-shadow:0 6px 20px rgba(10,10,10,.03);
  transition:transform .35s var(--kx-ease),box-shadow .35s var(--kx-ease),border-color .35s var(--kx-ease);
  position:relative;
}
body.kx-home .kx-chan-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 36px rgba(10,10,10,.08);
  border-color:rgba(10,10,10,.2);
}
body.kx-home .kx-chan-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:1.1rem;
}
body.kx-home .kx-chan-icon{
  width:2.75rem;
  height:2.75rem;
  border-radius:.9rem;
  display:grid;
  place-items:center;
  flex:none;
}
body.kx-home .kx-chan-ig{background:#fff0f5;color:#e1306c}
body.kx-home .kx-chan-fb{background:#eef4ff;color:#1877f2}
body.kx-home .kx-chan-yt{background:#fff0f0;color:#e02020}
body.kx-home .kx-chan-x{background:#f4f4f6;color:#0a0a0a}
body.kx-home .kx-chan-li{background:#eef7fc;color:#0a66c2}
body.kx-home .kx-chan-tag{
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:.3rem .6rem;
  border-radius:999px;
  background:#f4f4f6;
  color:#616365;
  white-space:nowrap;
}
body.kx-home .kx-chan-tag.is-hot{
  background:#fff0f5;
  color:#e1306c;
}
body.kx-home .kx-chan-name{
  font-family:"Roboto Condensed",sans-serif;
  font-weight:700;
  font-size:1.45rem;
  text-transform:uppercase;
  line-height:1.1;
  color:var(--kx-ink);
  margin-bottom:.45rem;
}
body.kx-home .kx-chan-card p{
  margin:0 0 1rem;
  color:var(--kx-muted);
  font-size:.88rem;
  line-height:1.4;
  flex-grow:1;
}
body.kx-home .kx-chan-more{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.85rem;
  font-weight:700;
  color:var(--kx-ink);
  margin-top:auto;
}
body.kx-home .kx-chan-more svg{
  transition:transform .3s var(--kx-ease);
}
body.kx-home .kx-chan-card:hover .kx-chan-more svg{
  transform:translateX(3px);
}

/* ---------- Section 6: How it works (.kx-steps) ---------- */
body.kx-home .kx-steps{
  padding:clamp(2rem,5vw,4.5rem) 0;
}
body.kx-home .kx-steps-panel{
  position:relative;
  overflow:hidden;
  background:#0c0d12;
  color:#fff;
  border-radius:2rem;
  padding:clamp(2rem,5vw,4.25rem);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}
body.kx-home .kx-steps-glow{
  position:absolute;
  width:36rem;
  height:36rem;
  right:-10rem;
  top:-14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,221,131,.24),transparent 65%);
  pointer-events:none;
}
body.kx-home .kx-steps-head{
  position:relative;
  z-index:2;
  max-width:44rem;
  margin-bottom:2.75rem;
}
body.kx-home .kx-steps-head .kx-eyebrow{
  color:rgba(255,255,255,.8);
}
body.kx-home .kx-steps-head .heading-style-h2{
  color:#fff;
  margin:.85rem 0 .95rem;
}
body.kx-home .kx-steps-head p{
  color:rgba(255,255,255,.72);
  font-size:1.05rem;
  margin:0;
  max-width:36rem;
}
body.kx-home .kx-steps-list{
  position:relative;
  z-index:2;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
body.kx-home .kx-step{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:1.35rem;
  padding:1.45rem 1.35rem;
  display:flex;
  flex-direction:column;
  backdrop-filter:blur(6px);
  transition:transform .4s var(--kx-ease),border-color .4s var(--kx-ease),background-color .4s var(--kx-ease);
}
body.kx-home .kx-step:hover{
  transform:translateY(-4px);
  border-color:rgba(0,221,131,.4);
  background:rgba(255,255,255,.07);
}
body.kx-home .kx-step-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:1.15rem;
}
body.kx-home .kx-step-badge{
  font-family:"Roboto Condensed",sans-serif;
  font-weight:750;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.35rem .7rem;
  border-radius:999px;
  background:rgba(0,221,131,.15);
  color:var(--kx-green);
  border:1px solid rgba(0,221,131,.3);
}
body.kx-home .kx-step-ic{
  width:2.25rem;
  height:2.25rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  color:#fff;
}
body.kx-home .kx-step h3{
  margin:0 0 .55rem;
  font-family:"Roboto Condensed",sans-serif;
  font-weight:700;
  font-size:1.35rem;
  text-transform:uppercase;
  line-height:1.15;
  color:#fff;
}
body.kx-home .kx-step p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:.92rem;
  line-height:1.45;
}
body.kx-home .kx-steps-cta{
  position:relative;
  z-index:2;
  margin-top:2.75rem;
  padding-top:2rem;
  border-top:1px solid rgba(255,255,255,.08);
}
body.kx-home .kx-steps-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.85rem;
}
body.kx-home .kx-btn-step-primary{
  background:var(--kx-green) !important;
  color:var(--kx-ink) !important;
  border-radius:999px;
  height:3.3rem;
  padding:0 1.25rem;
  display:inline-flex;
  align-items:center;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,221,131,.25);
  transition:transform .3s var(--kx-ease),background-color .3s var(--kx-ease);
}
body.kx-home .kx-btn-step-primary:hover{
  background:#3dffab !important;
  transform:translateY(-2px);
}
body.kx-home .kx-btn-step-primary .button-fill{
  display:flex;
  align-items:center;
  gap:.6rem;
}
body.kx-home .kx-btn-step-primary .button-arrow-wrapper{
  width:1.6rem;
  height:1.6rem;
  border-radius:50%;
  background:var(--kx-ink);
  color:#fff;
  display:grid;
  place-items:center;
}
body.kx-home .kx-btn-step-ghost{
  display:inline-flex;
  align-items:center;
  height:3.3rem;
  padding:0 1.35rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-weight:600;
  text-decoration:none;
  transition:background-color .3s var(--kx-ease),border-color .3s var(--kx-ease);
}
body.kx-home .kx-btn-step-ghost:hover{
  background:rgba(255,255,255,.1);
  border-color:#fff;
}
body.kx-home .kx-steps-note{
  margin:.95rem 0 0;
  color:rgba(255,255,255,.55);
  font-size:.85rem;
}

/* ---------- Section 7: Proof (.kx-proof) ---------- */
body.kx-home .kx-proof{
  padding:clamp(2.75rem,6vw,5.5rem) 0;
}
body.kx-home .kx-proof-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:start;
}
body.kx-home .kx-proof-intro{
  position:sticky;
  top:5rem;
}
body.kx-home .kx-proof-intro h2{
  margin:.75rem 0 .95rem;
}
body.kx-home .kx-proof-intro p{
  color:var(--kx-muted);
  font-size:1.05rem;
  line-height:1.5;
  margin:0 0 1.5rem;
}
body.kx-home .kx-proof-cta-wrap{
  margin-bottom:1.5rem;
}
body.kx-home .kx-btn-solid{
  background:var(--kx-ink) !important;
  color:#fff !important;
  border-radius:999px;
  height:3.3rem;
  padding:0 1.25rem;
  display:inline-flex;
  align-items:center;
  font-weight:750;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(10,10,10,.12);
  transition:transform .3s var(--kx-ease),background-color .3s var(--kx-ease);
}
body.kx-home .kx-btn-solid:hover{
  background:#222 !important;
  transform:translateY(-2px);
}
body.kx-home .kx-btn-solid .button-fill{
  display:flex;
  align-items:center;
  gap:.6rem;
}
body.kx-home .kx-btn-solid .button-arrow-wrapper{
  width:1.6rem;
  height:1.6rem;
  border-radius:50%;
  background:var(--kx-green);
  color:var(--kx-ink);
  display:grid;
  place-items:center;
}
body.kx-home .kx-proof-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.6rem;
}
body.kx-home .kx-proof-list li{
  display:flex;
  align-items:center;
  gap:.6rem;
  color:var(--kx-ink);
  font-size:.9rem;
  font-weight:600;
}
body.kx-home .kx-proof-list li i{
  width:1.35rem;
  height:1.35rem;
  border-radius:50%;
  background:#e9fff5;
  color:#00c274;
  font-style:normal;
  font-weight:800;
  font-size:.75rem;
  display:grid;
  place-items:center;
  flex:none;
}
body.kx-home .kx-proof-tiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
body.kx-home .kx-tile{
  background:#fff;
  border:1px solid rgba(10,10,10,.08);
  border-radius:1.35rem;
  padding:1.45rem 1.35rem;
  box-shadow:0 6px 20px rgba(10,10,10,.03);
  transition:transform .35s var(--kx-ease),box-shadow .35s var(--kx-ease),border-color .35s var(--kx-ease);
}
body.kx-home .kx-tile:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(10,10,10,.08);
  border-color:rgba(10,10,10,.2);
}
body.kx-home .kx-tile-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:1.15rem;
}
body.kx-home .kx-tile-icon{
  width:2.85rem;
  height:2.85rem;
  border-radius:.95rem;
  display:grid;
  place-items:center;
  flex:none;
}
body.kx-home .kx-tile-icon-green{background:#e9fff5;color:#00c274}
body.kx-home .kx-tile-icon-blue{background:#eef4ff;color:#0068ff}
body.kx-home .kx-tile-icon-amber{background:#fff8eb;color:#d97706}
body.kx-home .kx-tile-icon-ink{background:#f4f4f6;color:var(--kx-ink)}
body.kx-home .kx-tile-badge{
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:.3rem .6rem;
  border-radius:999px;
  background:#f4f4f6;
  color:#616365;
}
body.kx-home .kx-tile h3{
  margin:0 0 .45rem;
  font-family:"Roboto Condensed",sans-serif;
  font-weight:700;
  font-size:1.35rem;
  text-transform:uppercase;
  line-height:1.15;
  color:var(--kx-ink);
}
body.kx-home .kx-tile p{
  margin:0;
  color:var(--kx-muted);
  font-size:.92rem;
  line-height:1.45;
}

/* ---------- Section 8: CTA (.kx-cta) ---------- */
body.kx-home .kx-cta{
  padding:clamp(2rem,5vw,4.5rem) 0;
}
body.kx-home .kx-cta-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#0d0f14 0%,#161922 100%);
  color:#fff;
  border-radius:2.25rem;
  padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,5vw,3.5rem);
  text-align:center;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 24px 60px rgba(0,0,0,.25);
}
body.kx-home .kx-cta-glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(35rem 20rem at 90% 0%,rgba(0,221,131,.2),transparent 65%),
    radial-gradient(30rem 18rem at 10% 100%,rgba(255,182,0,.15),transparent 60%);
  pointer-events:none;
}
body.kx-home .kx-cta-kicker{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.35rem .85rem .35rem .55rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:1.25rem;
}
body.kx-home .kx-cta-kicker i{
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  background:var(--kx-green);
  box-shadow:0 0 0 3px rgba(0,221,131,.3);
}
body.kx-home .kx-cta-title{
  position:relative;
  z-index:2;
  margin:0 auto 1rem;
  max-width:44rem;
  font-family:"Roboto Condensed",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:clamp(2.4rem,6vw,4.5rem);
  line-height:.98;
  color:#fff;
}
body.kx-home .kx-cta-title em{
  font-family:Castoro,serif;
  font-style:italic;
  font-weight:500;
  text-transform:none;
  color:var(--kx-green);
}
body.kx-home .kx-cta-desc{
  position:relative;
  z-index:2;
  margin:0 auto 2rem;
  max-width:34rem;
  font-size:1.1rem;
  line-height:1.5;
  color:rgba(255,255,255,.75);
}
body.kx-home .kx-cta-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  justify-content:center;
  align-items:center;
}
body.kx-home .kx-btn-cta-main{
  background:var(--kx-green) !important;
  color:var(--kx-ink) !important;
  border-radius:999px;
  height:3.5rem;
  padding:0 1.45rem;
  display:inline-flex;
  align-items:center;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(0,221,131,.35);
  transition:transform .3s var(--kx-ease),background-color .3s var(--kx-ease);
}
body.kx-home .kx-btn-cta-main:hover{
  background:#3dffab !important;
  transform:translateY(-2px);
}
body.kx-home .kx-btn-cta-main .button-fill{
  display:flex;
  align-items:center;
  gap:.6rem;
}
body.kx-home .kx-btn-cta-main .button-arrow-wrapper{
  width:1.65rem;
  height:1.65rem;
  border-radius:50%;
  background:var(--kx-ink);
  color:#fff;
  display:grid;
  place-items:center;
}
body.kx-home .kx-btn-cta-secondary{
  display:inline-flex;
  align-items:center;
  height:3.5rem;
  padding:0 1.5rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-weight:650;
  text-decoration:none;
  transition:background-color .3s var(--kx-ease),border-color .3s var(--kx-ease);
}
body.kx-home .kx-btn-cta-secondary:hover{
  background:rgba(255,255,255,.12);
  border-color:#fff;
}
body.kx-home .kx-cta-note-list{
  position:relative;
  z-index:2;
  list-style:none;
  margin:1.85rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1.25rem;
}
body.kx-home .kx-cta-note-list li{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.88rem;
  color:rgba(255,255,255,.7);
}
body.kx-home .kx-cta-note-list li span{
  color:var(--kx-green);
  font-weight:800;
}

/* ---------- Section 9: FAQ (.kx-faq) ---------- */
body.kx-home .kx-faq{
  background:var(--kx-surface);
  padding:clamp(3rem,7vw,6rem) 0;
  border-radius:2rem;
  margin:0 clamp(.5rem,1.5vw,1.25rem);
}
body.kx-home .kx-faq-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:start;
}
body.kx-home .kx-faq-intro{
  position:sticky;
  top:5rem;
}
body.kx-home .kx-faq-intro h2{
  margin:.75rem 0 .95rem;
}
body.kx-home .kx-faq-intro p{
  color:var(--kx-muted);
  font-size:1.05rem;
  line-height:1.5;
  margin:0 0 1.5rem;
}
body.kx-home .kx-faq-card{
  background:#fff;
  border:1px solid rgba(10,10,10,.08);
  border-radius:1.35rem;
  padding:1.35rem;
  box-shadow:0 6px 20px rgba(10,10,10,.03);
}
body.kx-home .kx-faq-card-icon{
  width:2.5rem;
  height:2.5rem;
  border-radius:.75rem;
  background:#e9fff5;
  color:#00c274;
  display:grid;
  place-items:center;
  margin-bottom:.85rem;
}
body.kx-home .kx-faq-card h4{
  margin:0 0 .35rem;
  font-family:"Roboto Condensed",sans-serif;
  font-size:1.15rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--kx-ink);
}
body.kx-home .kx-faq-card p{
  margin:0 0 .85rem;
  color:var(--kx-muted);
  font-size:.88rem;
  line-height:1.45;
}
body.kx-home .kx-faq-card-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.88rem;
  font-weight:750;
  color:var(--kx-ink);
  text-decoration:none;
}
body.kx-home .kx-faq-card-link:hover{
  color:#00c274;
}
body.kx-home .kx-faq-list{
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
body.kx-home .kx-faq-item{
  background:#fff;
  border:1px solid rgba(10,10,10,.08);
  border-radius:1.15rem;
  box-shadow:0 4px 16px rgba(10,10,10,.02);
  transition:box-shadow .35s var(--kx-ease),border-color .35s var(--kx-ease);
  overflow:hidden;
}
body.kx-home .kx-faq-item[open]{
  box-shadow:0 12px 32px rgba(10,10,10,.06);
  border-color:rgba(0,221,131,.45);
}
body.kx-home .kx-faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.25rem 1.4rem;
  font-family:"Roboto Flex",sans-serif !important;
  font-weight:650 !important;
  font-size:1.12rem !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.35;
  color:var(--kx-ink);
}
body.kx-home .kx-faq-item summary::-webkit-details-marker{
  display:none;
}
body.kx-home .kx-faq-icon{
  flex:none;
  position:relative;
  width:2rem;
  height:2rem;
  border-radius:50%;
  background:#f4f4f6;
  transition:transform .4s var(--kx-ease),background-color .4s var(--kx-ease);
}
body.kx-home .kx-faq-icon::before,
body.kx-home .kx-faq-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.75rem;
  height:2px;
  background:var(--kx-ink);
  transform:translate(-50%,-50%);
}
body.kx-home .kx-faq-icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
  transition:transform .4s var(--kx-ease);
}
body.kx-home .kx-faq-item[open] .kx-faq-icon{
  background:var(--kx-green);
}
body.kx-home .kx-faq-item[open] .kx-faq-icon::after{
  transform:translate(-50%,-50%) rotate(0deg);
}
body.kx-home .kx-faq-a{
  padding:0 1.4rem 1.35rem;
  color:#4a4d52;
  font-size:.98rem;
  line-height:1.6;
}
body.kx-home .kx-faq-a p{
  margin:0;
}

/* ---------- Responsive Adjustments for Sections 5-9 ---------- */
@media (max-width:991px){
  body.kx-home .kx-chan{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.kx-home .kx-chan-card:last-child{
    grid-column:1 / -1;
  }
  body.kx-home .kx-steps-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.kx-home .kx-proof-grid{
    grid-template-columns:1fr;
  }
  body.kx-home .kx-proof-intro{
    position:static;
  }
  body.kx-home .kx-faq-wrap{
    grid-template-columns:1fr;
  }
  body.kx-home .kx-faq-intro{
    position:static;
  }
}
@media (max-width:575px){
  body.kx-home .kx-chan{
    grid-template-columns:1fr;
  }
  body.kx-home .kx-chan-card:last-child{
    grid-column:auto;
  }
  body.kx-home .kx-steps-list{
    grid-template-columns:1fr;
  }
  body.kx-home .kx-steps-panel{
    border-radius:1.5rem;
    padding:1.5rem;
  }
  body.kx-home .kx-proof-tiles{
    grid-template-columns:1fr;
  }
  body.kx-home .kx-cta-panel{
    border-radius:1.5rem;
    padding:2.25rem 1.25rem;
  }
  body.kx-home .kx-cta-note-list{
    flex-direction:column;
    gap:.6rem;
    align-items:center;
  }
  body.kx-home .kx-faq{
    border-radius:1.5rem;
    margin:0 .5rem;
    padding:2.5rem 0;
  }
}

/* ---------- PRIVATE ACCOUNTS hero (kd 2026-11-02) ----------
   Ink stage + the one green accent, Roboto Condensed uppercase headline, Castoro italic aside, double-bezel pack card.
   The previous hero (#kx-order) is kept in index.html with the hidden attribute: to switch back, remove `hidden` from
   #kx-order, add `hidden` to #kx-private, and move data-kx-dock-watch onto .kx-quickbuy. */
body.kx-home .kx-pv{position:relative;overflow:hidden;padding:clamp(2.25rem,6vw,5.5rem) 0 clamp(2.5rem,6vw,5rem);background:var(--kx-ink);color:#fff;isolation:isolate}
body.kx-home .kx-pv::before{content:"";position:absolute;inset:-20% -10% auto auto;width:46rem;height:34rem;background:radial-gradient(closest-side,rgba(0,221,131,.22),transparent);z-index:-1;pointer-events:none}
body.kx-home .kx-pv::after{content:"";position:absolute;inset:auto auto -30% -15%;width:36rem;height:26rem;background:radial-gradient(closest-side,rgba(0,221,131,.08),transparent);z-index:-1;pointer-events:none}
body.kx-home .kx-pv-in{width:min(1160px,calc(100% - 2rem));margin-inline:auto;display:grid;gap:clamp(1.75rem,4vw,3.5rem)}
@media (min-width:960px){body.kx-home .kx-pv-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}}
body.kx-home .kx-pv-eye{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.1rem;padding:.38rem .8rem .38rem .5rem;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.86)}
body.kx-home .kx-pv-eye i{width:.55rem;height:.55rem;border-radius:50%;background:var(--kx-green);box-shadow:0 0 0 4px rgba(0,221,131,.22)}
body.kx-home .kx-pv h1{margin:0;font-family:"Roboto Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.5rem,8.4vw,4.5rem);line-height:.92;letter-spacing:-.025em;color:#fff}
body.kx-home .kx-pv h1 .kx-pv-hl{display:inline-block;margin-top:.12em;padding:.02em .22em .04em;border-radius:.18em;background:var(--kx-green);color:var(--kx-ink)}
body.kx-home .kx-pv-sub{margin:1.2rem 0 0;max-width:34rem;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.55;color:rgba(255,255,255,.74)}
body.kx-home .kx-pv-sub em{font-family:Castoro,serif;font-style:italic;color:#fff}
body.kx-home .kx-pv-sub b{color:#fff}
body.kx-home .kx-pv-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;margin-top:1.6rem}
body.kx-home .kx-pv-btn{display:inline-flex;align-items:center;gap:1rem;min-height:3.6rem;padding:.4rem .4rem .4rem 1.6rem;border-radius:999px;background:var(--kx-green);color:var(--kx-ink);font-weight:800;font-size:1.02rem;text-decoration:none;box-shadow:0 18px 44px -18px rgba(0,221,131,.7);transition:transform .5s var(--kx-ease,cubic-bezier(.32,.72,0,1)),box-shadow .5s var(--kx-ease,cubic-bezier(.32,.72,0,1))}
body.kx-home .kx-pv-btn i{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--kx-ink);color:var(--kx-green);transition:transform .5s var(--kx-ease,cubic-bezier(.32,.72,0,1))}
body.kx-home .kx-pv-btn i svg{width:1rem;height:1rem}
body.kx-home .kx-pv-btn:hover{box-shadow:0 22px 52px -18px rgba(0,221,131,.85)}
body.kx-home .kx-pv-btn:hover i{transform:translate(2px,-1px) scale(1.05)}
body.kx-home .kx-pv-btn:active{transform:scale(.98)}
body.kx-home .kx-pv-alt{color:#fff;font-weight:700;font-size:.95rem;text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--kx-green);text-decoration-thickness:2px}
body.kx-home .kx-pv-trust{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;margin:1.8rem 0 0;padding:0;list-style:none;max-width:34rem}
body.kx-home .kx-pv-trust li{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;line-height:1.35;color:rgba(255,255,255,.78)}
body.kx-home .kx-pv-trust svg{flex:none;width:1rem;height:1rem;margin-top:.1rem;color:var(--kx-green)}
body.kx-home .kx-pv-shell{padding:.4rem;border-radius:2rem;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 90px -40px rgba(0,221,131,.35)}
body.kx-home .kx-pv-core{border-radius:calc(2rem - .4rem);background:#141414;padding:clamp(1.1rem,3vw,1.6rem);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.kx-home .kx-pv-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;margin:0 0 1rem}
body.kx-home .kx-pv-price b{font-family:"Roboto Condensed",sans-serif;font-size:clamp(2rem,5vw,2.6rem);line-height:1;letter-spacing:-.02em;color:#fff}
body.kx-home .kx-pv-price>span{font-size:.85rem;color:rgba(255,255,255,.6)}
body.kx-home .kx-pv-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
@media (min-width:480px){body.kx-home .kx-pv-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.kx-home .kx-pv-pk{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.9rem .85rem;border-radius:1rem;background:#1d1d1d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:background-color .4s var(--kx-ease,cubic-bezier(.32,.72,0,1)),box-shadow .4s var(--kx-ease,cubic-bezier(.32,.72,0,1)),transform .4s var(--kx-ease,cubic-bezier(.32,.72,0,1))}
body.kx-home .kx-pv-pk:hover{background:#242424;box-shadow:inset 0 0 0 1px rgba(0,221,131,.6);transform:translateY(-2px)}
body.kx-home .kx-pv-pk b{font-family:"Roboto Condensed",sans-serif;font-size:1.45rem;line-height:1;letter-spacing:-.01em}
body.kx-home .kx-pv-pk small{font-size:.72rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em}
body.kx-home .kx-pv-pk span{margin-top:.3rem;font-weight:800;font-size:.95rem;color:var(--kx-green)}
body.kx-home .kx-pv-pk.is-pop{box-shadow:inset 0 0 0 2px var(--kx-green)}
body.kx-home .kx-pv-pk em{font-family:"Roboto Flex",system-ui,sans-serif;position:absolute;top:-.55rem;right:.6rem;padding:.08rem .5rem;border-radius:999px;background:var(--kx-green);color:var(--kx-ink);font-style:normal;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.kx-home .kx-pv-fine{margin:1rem 0 0;font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.56)}
body.kx-home .kx-pv a:focus-visible{outline:2px solid var(--kx-green);outline-offset:3px}
@media (max-width:420px){body.kx-home .kx-pv-trust{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body.kx-home .kx-pv-btn,body.kx-home .kx-pv-btn i,body.kx-home .kx-pv-pk{transition:none}}
@media (min-width:960px){body.kx-home .kx-pv h1 .kx-pv-hl{white-space:nowrap}}

/* 2026-11-03 (kd, sales recovery): follower pack hero is THE hero again (#kx-order: 4 options, packs with 250 preselected,
   username, Boost Now) and the private offer is a smaller band below it (#kx-private .kx-pb, H2, both tiers). */
body.kx-home .kx-ho{display:flex;flex-direction:column;gap:.7rem;margin:0}
body.kx-home .kx-ho-h{margin:0;font-family:"Roboto Condensed",sans-serif;font-size:1.35rem;font-weight:700;color:#fff}
body.kx-home .kx-ho-opts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
body.kx-home .kx-ho-o,body.kx-home .kx-ho-p{position:relative;cursor:pointer;display:block}
body.kx-home .kx-ho-o input,body.kx-home .kx-ho-p input{position:absolute;opacity:0;width:1px;height:1px}
body.kx-home .kx-ho-o>span{display:flex;flex-direction:column;gap:.1rem;height:100%;padding:.6rem .7rem;border-radius:14px;background:#1b1b1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .2s ease,background-color .2s ease}
body.kx-home .kx-ho-o b{font-size:.8rem;line-height:1.25;color:#fff}
body.kx-home .kx-ho-o .kx-ho-r{font-style:normal;font-size:.8rem;font-weight:800;color:var(--kx-green)}
body.kx-home .kx-ho-o small{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.55)}
body.kx-home .kx-ho-o input:checked+span,body.kx-home .kx-ho-p input:checked+span{background:#103b2a;box-shadow:inset 0 0 0 2px var(--kx-green)}
body.kx-home .kx-ho-o input:focus-visible+span,body.kx-home .kx-ho-p input:focus-visible+span{outline:2px solid var(--kx-green);outline-offset:2px}
body.kx-home .kx-ho-l{margin:.2rem 0 0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
body.kx-home .kx-ho-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
body.kx-home .kx-ho-p>span{position:relative;display:flex;flex-direction:column;align-items:center;padding:.95rem .2rem .55rem;border-radius:12px;background:#1b1b1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-align:center}
body.kx-home .kx-ho-p b{font-family:"Roboto Condensed",sans-serif;font-size:1.1rem;color:#fff;line-height:1}
body.kx-home .kx-ho-p .kx-ho-r{margin-top:.25rem;font-style:normal;font-size:.72rem;font-weight:800;color:var(--kx-green);white-space:nowrap}
body.kx-home .kx-ho-p i{position:absolute;top:-.55rem;left:50%;transform:translateX(-50%);padding:.02rem .4rem;border-radius:999px;background:var(--kx-green);color:var(--kx-ink);font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
body.kx-home .kx-ho-in{display:block;position:relative}
body.kx-home .kx-ho-in input[type="text"]{box-sizing:border-box;width:100%;min-height:3rem;padding:.7rem 5.5rem .7rem 1rem;border:0;border-radius:999px;background:#fff;color:var(--kx-ink);font-size:16px}
body.kx-home .kx-ho-go{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:3.4rem;padding:.35rem .35rem .35rem 1.3rem;border:0;border-radius:999px;background:var(--kx-green);color:var(--kx-ink);font:inherit;font-size:1rem;font-weight:800;cursor:pointer;transition:transform .2s ease}
body.kx-home .kx-ho-go:hover{background:#3dffab}
body.kx-home .kx-ho-go:active{transform:scale(.98)}
body.kx-home .kx-ho-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.kx-home .kx-ho-go i{display:grid;place-items:center;flex:none;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--kx-ink);color:var(--kx-green)}
body.kx-home .kx-ho-go i svg{width:1rem;height:1rem}
body.kx-home .kx-ho-fine{margin:0;font-size:.75rem;line-height:1.45;color:rgba(255,255,255,.55)}
@media (max-width:480px){body.kx-home .kx-ho-packs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.7rem}}
@media (max-width:360px){body.kx-home .kx-ho-opts{grid-template-columns:1fr}}
body.kx-home .kx-pb{padding:clamp(1rem,3vw,2rem) 0}
body.kx-home .kx-pb-in{width:min(1120px,calc(100% - 2rem));margin-inline:auto;display:grid;gap:1rem;align-items:center;padding:clamp(1rem,3vw,1.5rem);border-radius:1.5rem;background:var(--kx-ink);color:#fff}
@media (min-width:900px){body.kx-home .kx-pb-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:1.5rem}}
body.kx-home .kx-pb-eye{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kx-green)}
body.kx-home .kx-pb h2{margin:.35rem 0 0;font-family:"Roboto Condensed",sans-serif;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.1;text-transform:uppercase;color:#fff}
body.kx-home .kx-pb h2 span{padding:0 .2em;border-radius:.15em;background:var(--kx-green);color:var(--kx-ink)}
body.kx-home .kx-pb-sub{margin:.4rem 0 0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.7)}
body.kx-home .kx-pb-tiers{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
body.kx-home .kx-pb-tiers a{display:flex;flex-direction:column;padding:.7rem .8rem;border-radius:14px;background:#1b1b1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;text-decoration:none}
body.kx-home .kx-pb-tiers a:hover{box-shadow:inset 0 0 0 1px var(--kx-green)}
body.kx-home .kx-pb-tiers b{font-size:.85rem}
body.kx-home .kx-pb-tiers span{font-weight:800;font-size:1.05rem;color:var(--kx-green)}
body.kx-home .kx-pb-tiers small{font-size:.72rem;color:rgba(255,255,255,.6)}
body.kx-home .kx-pb-go{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.3rem;border-radius:999px;background:var(--kx-green);color:var(--kx-ink);font-weight:800;text-decoration:none;white-space:nowrap}
body.kx-home .kx-pb-go svg{width:1rem;height:1rem}
body.kx-home .kx-pb a:focus-visible{outline:2px solid var(--kx-green);outline-offset:3px}
@media (max-width:899px){body.kx-home .kx-pb-go{width:100%}}
body.kx-home .kx-ho-in .smm-paste{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.3rem;height:2.3rem;padding:0 .8rem;border-radius:999px;border:1px solid #0a0a0a18;background:#f4f4f6;color:var(--kx-ink);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
body.kx-home .kx-ho-in .smm-paste svg{width:.9rem;height:.9rem}
