/* Kicksta.in site overrides. ONE file, extends the Webflow palette (do not redeclare Webflow tokens).
   Palette: ink #0A0A0A, green #00DD83, amber #FFB600, pink #FF005A, blue #0068FF, surface #F0F0F3.
   Fonts: Roboto Condensed (headings), Castoro (accent), Roboto Flex (body) are loaded by the page.
   Components: .kx-steps, .kx-proof, .kx-cta, .kx-faq, .kx-chan, .kx-hl, .footer-promo. */
:root{
  --kx-ink:#0A0A0A;--kx-green:#00DD83;--kx-amber:#FFB600;--kx-pink:#FF005A;--kx-blue:#0068FF;--kx-surface:#F0F0F3;
  --kx-white:#fff;--kx-ease:cubic-bezier(.32,.72,0,1);--kx-radius:1.75rem;
}
html{scroll-behavior:smooth}
.kx-hl{display:inline-block;background:var(--kx-green);color:var(--kx-ink);border-radius:999px;padding:0 .45em;line-height:1.15}
.kx-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.kx-eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--kx-green)}
.kx-section{padding:clamp(3rem,7vw,6rem) 0}
.kx-link{display:inline-block;font-weight:500;color:inherit;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px;text-decoration-color:var(--kx-green)}
.kx-link:hover{text-decoration-color:currentColor}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--kx-green);outline-offset:3px;border-radius:6px}

/* ---------- channels strip ---------- */
.kx-chan{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.kx-chan-card{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;background:var(--kx-surface);border-radius:var(--kx-radius);color:var(--kx-ink);text-decoration:none;transition:transform .45s var(--kx-ease),background-color .45s var(--kx-ease)}
.kx-chan-card:hover{transform:translateY(-6px);background:#e7e7ec}
.kx-chan-name{font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.6rem;text-transform:uppercase;line-height:1}
.kx-chan-dot{width:2.5rem;height:2.5rem;border-radius:.9rem;display:grid;place-items:center;font-family:"Roboto Condensed",sans-serif;font-weight:700;color:#fff}
.kx-chan-card:nth-child(1) .kx-chan-dot{background:var(--kx-pink)}
.kx-chan-card:nth-child(2) .kx-chan-dot{background:var(--kx-blue)}
.kx-chan-card:nth-child(3) .kx-chan-dot{background:#e02020}
.kx-chan-card:nth-child(4) .kx-chan-dot{background:var(--kx-ink)}
.kx-chan-card:nth-child(5) .kx-chan-dot{background:#0a66c2}
.kx-chan-card p{margin:0;opacity:.75;font-size:.95rem}
.kx-chan-more{margin-top:.25rem;font-weight:500;font-size:.9rem}
@media(max-width:991px){.kx-chan{grid-template-columns:repeat(2,minmax(0,1fr))}.kx-chan-card:last-child{grid-column:1/-1}}
@media(max-width:479px){.kx-chan{grid-template-columns:1fr}}

/* ---------- dark steps band (replaces "Precision targeting" style sections) ---------- */
.kx-steps{padding:clamp(2rem,5vw,4rem) 0}
.kx-steps-panel{position:relative;overflow:hidden;background:var(--kx-ink);color:#fff;border-radius:2rem;padding:clamp(1.75rem,5vw,4rem)}
.kx-steps-panel::before{content:"";position:absolute;width:34rem;height:34rem;right:-12rem;top:-16rem;border-radius:50%;background:radial-gradient(circle,rgba(0,221,131,.28),transparent 65%);pointer-events:none}
.kx-steps-panel::after{content:"";position:absolute;width:26rem;height:26rem;left:-10rem;bottom:-14rem;border-radius:50%;background:radial-gradient(circle,rgba(255,0,90,.22),transparent 65%);pointer-events:none}
.kx-steps-head{position:relative;z-index:1;max-width:46rem;margin-bottom:2.5rem}
.kx-steps-head .heading-style-h2,.kx-steps-head h2{color:#fff;margin:.9rem 0 1rem}
.kx-steps-head p{margin:0;color:rgba(255,255,255,.75);max-width:38rem}
.kx-steps-list{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--kx-cols,4),minmax(0,1fr));gap:1rem;counter-reset:kx}
.kx-step{padding:1.5rem;border-radius:1.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .5s var(--kx-ease),border-color .5s var(--kx-ease),background-color .5s var(--kx-ease)}
.kx-step:hover{transform:translateY(-6px);border-color:var(--kx-green);background:rgba(255,255,255,.09)}
.kx-step-num{display:block;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:3.5rem;line-height:1;color:var(--kx-green);margin-bottom:1rem}
.kx-step:nth-child(2) .kx-step-num{color:var(--kx-amber)}
.kx-step:nth-child(3) .kx-step-num{color:var(--kx-pink)}
.kx-step:nth-child(4) .kx-step-num{color:#4d9bff}
.kx-step h3{margin:0 0 .5rem;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.4rem;text-transform:uppercase;line-height:1.1;color:#fff}
.kx-step p{margin:0;color:rgba(255,255,255,.72);font-size:.98rem}
.kx-steps-cta{position:relative;z-index:1;margin-top:2.25rem}
@media(max-width:991px){.kx-steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.kx-steps-list{grid-template-columns:1fr}.kx-steps-panel{border-radius:1.5rem}}

/* ---------- proof band (replaces "Consistent, proven growth" style sections) ---------- */
.kx-proof{padding:clamp(3rem,7vw,6rem) 0}
.kx-proof-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.kx-proof-intro{position:sticky;top:6rem}
.kx-proof-intro h2{margin:.9rem 0 1rem}
.kx-proof-intro p{margin:0 0 1.5rem;opacity:.8;max-width:30rem}
.kx-proof-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.kx-tile{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:var(--kx-radius);background:var(--kx-surface);transition:transform .5s var(--kx-ease)}
.kx-tile:hover{transform:translateY(-5px)}
.kx-tile-icon{width:3.5rem;height:3.5rem;border-radius:1.1rem;display:grid;place-items:center}
.kx-tile-icon img{width:2rem;height:2rem;object-fit:contain}
.kx-tile:nth-child(1) .kx-tile-icon{background:var(--kx-green)}
.kx-tile:nth-child(2) .kx-tile-icon{background:var(--kx-amber)}
.kx-tile:nth-child(3) .kx-tile-icon{background:var(--kx-pink)}
.kx-tile:nth-child(4) .kx-tile-icon{background:var(--kx-blue)}
.kx-tile h3{margin:0;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.35rem;text-transform:uppercase;line-height:1.1}
.kx-tile p{margin:0;opacity:.78;font-size:.98rem}
@media(max-width:991px){.kx-proof-grid{grid-template-columns:1fr}.kx-proof-intro{position:static}}
@media(max-width:575px){.kx-proof-tiles{grid-template-columns:1fr}}

/* ---------- CTA band ---------- */
.kx-cta{padding:clamp(2rem,5vw,4rem) 0}
.kx-cta-panel{position:relative;overflow:hidden;background:var(--kx-amber);color:var(--kx-ink);border-radius:2rem;padding:clamp(2rem,6vw,5rem) clamp(1.5rem,5vw,4rem);text-align:center}
.kx-cta-panel::before{content:"";position:absolute;width:22rem;height:22rem;left:-7rem;top:-9rem;border-radius:50%;background:var(--kx-ink)}
.kx-cta-panel::after{content:"";position:absolute;width:16rem;height:16rem;right:-5rem;bottom:-7rem;border-radius:50%;background:var(--kx-green)}
.kx-cta-panel>*{position:relative;z-index:1}
.kx-cta h2{margin:0 auto 1rem;max-width:44rem;font-family:"Roboto Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1}
.kx-cta h2 em{font-family:Castoro,serif;font-style:italic;text-transform:none;font-weight:500}
.kx-cta p{margin:0 auto 1.75rem;max-width:34rem;font-size:1.1rem}
.kx-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}
.kx-btn-ghost{display:inline-flex;align-items:center;padding:.95rem 1.5rem;border-radius:999px;border:2px solid var(--kx-ink);color:var(--kx-ink);font-weight:500;text-decoration:none;transition:background-color .35s var(--kx-ease),color .35s var(--kx-ease),transform .35s var(--kx-ease)}
.kx-btn-ghost:hover{background:var(--kx-ink);color:#fff}
.kx-btn-ghost:active{transform:scale(.98)}
.kx-cta-note{margin-top:1.1rem!important;font-size:.9rem!important;opacity:.8}
@media(max-width:575px){.kx-cta-panel{border-radius:1.5rem}.kx-cta-panel::before{left:-11rem}}

/* ---------- FAQ ---------- */
.kx-faq{background:var(--kx-surface);padding:clamp(3rem,7vw,6rem) 0;border-radius:2rem;margin:0 clamp(.5rem,1.5vw,1.25rem)}
.kx-faq-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.kx-faq-intro{position:sticky;top:6rem}
.kx-faq-intro h2{margin:.9rem 0 1rem}
.kx-faq-intro p{margin:0 0 1rem;opacity:.8}
.kx-faq-list{display:flex;flex-direction:column;gap:.75rem}
.kx-faq-item{background:#fff;border-radius:1.25rem;transition:box-shadow .4s var(--kx-ease)}
.kx-faq-item[open]{box-shadow:0 14px 40px -22px rgba(10,10,10,.35)}
.kx-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.2rem;text-transform:uppercase;line-height:1.2}
.kx-faq-item summary::-webkit-details-marker{display:none}
.kx-faq-item summary i{flex:none;position:relative;width:2rem;height:2rem;border-radius:50%;background:var(--kx-surface);transition:transform .45s var(--kx-ease),background-color .45s var(--kx-ease)}
.kx-faq-item summary i::before,.kx-faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:2px;background:var(--kx-ink);transform:translate(-50%,-50%)}
.kx-faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s var(--kx-ease)}
.kx-faq-item[open] summary i{background:var(--kx-green)}
.kx-faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.kx-faq-a{padding:0 1.4rem 1.3rem;opacity:.85}
.kx-faq-a p{margin:0 0 .6rem}.kx-faq-a p:last-child{margin:0}
@media(max-width:991px){.kx-faq-wrap{grid-template-columns:1fr}.kx-faq-intro{position:static}}

/* ---------- generic content blocks for rebuilt pages ---------- */
.kx-cards{display:grid;grid-template-columns:repeat(var(--kx-cols,3),minmax(0,1fr));gap:1rem;margin-top:2rem}
.kx-card{padding:1.75rem;border-radius:var(--kx-radius);background:var(--kx-surface);display:flex;flex-direction:column;gap:.6rem;transition:transform .5s var(--kx-ease)}
.kx-card:hover{transform:translateY(-5px)}
.kx-card h3{margin:0;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase;line-height:1.1}
.kx-card p{margin:0;opacity:.8}
.kx-card ul{margin:.25rem 0 0;padding-left:1.1rem}
.kx-prose{max-width:46rem}
.kx-prose h2{margin:2.25rem 0 .75rem}
.kx-prose p,.kx-prose li{opacity:.88}
.kx-intro{max-width:44rem;margin:0 auto;text-align:center}
.kx-intro h2{margin:.9rem 0 1rem}
@media(max-width:991px){.kx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.kx-cards{grid-template-columns:1fr}}

/* ---------- hero extras ---------- */
.hero-assurances{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.5rem;font-size:.95rem;opacity:.85}
.hero-assurances>div::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--kx-green);margin-right:.5rem;vertical-align:middle}

/* ---------- footer promo (replaces newsletter form) ---------- */
.footer-promo{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;max-width:26rem}
.footer-promo-text{margin:0;opacity:.75}

/* ---------- homepage rocket/link/magnifier motion ---------- */
.kicksta-smart-features .simple-product-feature-image-holder{perspective:700px}
.kicksta-smart-features .bg-red .contain-image.static{animation:kxBullet 3.2s cubic-bezier(.45,.05,.25,1) infinite;transform-style:preserve-3d}
.kicksta-smart-features .bg-orange .contain-image.static{animation:kxLink 4.2s cubic-bezier(.45,.05,.25,1) infinite}
.kicksta-smart-features .bg-blue .contain-image.static{animation:kxScan 5s cubic-bezier(.45,.05,.25,1) infinite}
@keyframes kxBullet{0%{transform:rotateY(0)}60%,100%{transform:rotateY(720deg)}}
@keyframes kxLink{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(7deg) scale(1.08)}}
@keyframes kxScan{0%,100%{transform:translate(-8%,6%) rotate(-6deg)}25%{transform:translate(8%,6%) rotate(4deg)}50%{transform:translate(8%,-8%) rotate(8deg) scale(1.06)}75%{transform:translate(-8%,-8%) rotate(0)}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kx-chan-card,.kx-step,.kx-tile,.kx-card,.kx-btn-ghost,.kx-faq-item,.kx-faq-item summary i{transition:none}
  .kicksta-smart-features .contain-image.static{animation:none!important}
}

/* ---------- grid placement for rebuilt hero / feature rows (Webflow placed these by element id) ---------- */
@media(min-width:992px){
  .hero-section>.container.grid>.column{grid-column:1/span 6;align-self:center}
  .hero-section>.container.grid>.hero-image-wrapper{grid-column:7/span 6;margin-top:0;aspect-ratio:1.15;border-radius:2rem}
  .container.grid>.simple-product-feature-variant-content-wrapper{grid-column:1/span 5;grid-row:1;align-self:center}
  .container.grid>.simple-product-feature-variant-image-wrapper{grid-column:7/span 6;grid-row:1;margin-top:0}
  .container.grid>.simple-product-feature-variant-content-wrapper.w-variant-dfbb490d-d1f3-372f-654a-adf953a3f1d2{grid-column:8/span 5}
  .container.grid>.simple-product-feature-variant-image-wrapper.w-variant-dfbb490d-d1f3-372f-654a-adf953a3f1d2{grid-column:1/span 6}
}
@media(max-width:991px){
  .hero-section>.container.grid>.column,.hero-section>.container.grid>.hero-image-wrapper,
  .container.grid>.simple-product-feature-variant-content-wrapper,.container.grid>.simple-product-feature-variant-image-wrapper{grid-column:1/-1}
  .hero-section>.container.grid>.hero-image-wrapper{aspect-ratio:1.2;border-radius:1.5rem}
}
.hero-image-wrapper .cover-image{width:100%;height:100%;object-fit:cover}
.kx-prose{margin:0 auto}

/* ---------- header: channel dropdowns + install pill ---------- */
.kx-nav-grid{display:grid!important;grid-template-columns:repeat(var(--kx-nav-cols,1),minmax(12rem,1fr));gap:.25rem 2.5rem;align-items:start}
.kx-nav-sub{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.6;margin:0 0 .35rem}
.kx-nav-sub a{color:inherit;text-decoration:none}
.kx-nav-sub a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--kx-green)}
.nav-buttons-wrapper .button.kx-nav-install,.nav-buttons-wrapper .button.kx-nav-install .button-fill{background-color:var(--kx-green)!important;color:var(--kx-ink)!important;border-color:var(--kx-green)!important}
.nav-buttons-wrapper .button.kx-nav-install .button-arrow-wrapper{background-color:var(--kx-ink)!important;color:#fff!important}
.nav-buttons-wrapper .button.kx-nav-install .button-arrow{color:#fff!important}
.nav-buttons-wrapper .button.kx-nav-install .button-fill::before{background-color:var(--kx-green)!important}
@media(min-width:992px){
  .nav-buttons-wrapper{column-gap:.75rem}
  .nav-buttons-wrapper>.nav-link{font-size:.95rem}
  .nav-buttons-wrapper>.button.kx-nav-install{min-width:10.5rem;padding:.125rem}
  .nav-buttons-wrapper>.button.kx-nav-install .button-fill{height:2.5rem;gap:.6rem;padding-left:.8rem}
  .nav-buttons-wrapper>.button.kx-nav-install .button-arrow-wrapper{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem}
}
/* ---------- footer: 10 link columns ---------- */
.kx-footer-cols{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem 1.5rem}
@media(max-width:991px){.kx-footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.kx-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.kx-footer-cols .footer-link{overflow-wrap:anywhere}}

.kx-nav-grid .nav-dropdown-link{font-size:1.05rem;line-height:1.15;padding:.5rem .8rem;margin:0}
.kx-nav-grid .nav-dropdown-links-column{gap:.3rem}
.kx-nav-col-2{display:grid!important;grid-template-columns:repeat(2,minmax(11rem,1fr));gap:.3rem .6rem;align-content:start}
.kx-nav-col-2 .kx-nav-sub{grid-column:1/-1}
@media(max-width:991px){.kx-nav-col-2{display:flex!important}.kx-nav-grid{display:flex!important;flex-direction:column}}

/* mobile overlay: expandable channel menus (see /assets/site.js) */
@media(max-width:991px){
  .nav-menu-links .nav-dropdown.kx-open>.nav-dropdown-list{display:block!important;height:auto!important;position:static;padding:0 0 .5rem}
  .nav-menu-links .nav-dropdown.kx-open .nav-link-arrow{transform:rotate(180deg)}
  .nav-menu-links .nav-dropdown .nav-dropdown-list-links-wrapper{box-shadow:none;padding:.25rem 0;background:transparent}
  .kx-nav-grid .nav-dropdown-link{font-size:1rem}
}
@media(max-width:991px){
  .nav-menu-links-wrapper{height:auto!important;flex:none!important}
  .nav-menu-links{padding-bottom:1rem}
  .nav-buttons-wrapper{padding-bottom:2rem}
}

/* blog sidebar promo (replaces the newsletter form) */
.kx-side-promo{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;padding:1.5rem;border-radius:var(--kx-radius);background:var(--kx-ink);color:#fff}
.kx-side-promo h3{margin:0;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:1.8rem;text-transform:uppercase;line-height:1}
.kx-side-promo p{margin:0;opacity:.8}

/* ghost button on dark panels */
.kx-steps .kx-btn-ghost,.kx-side-promo .kx-btn-ghost{color:#fff;border-color:#fff}
.kx-steps .kx-btn-ghost:hover{background:#fff;color:var(--kx-ink)}

/* ---- Icons (replaces emoji and 3D emoji images; sprite /assets/icons.svg, Phosphor duotone, MIT) ---- */
.kx-ic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin:0 .06em;color:#0A0A0A;flex:none}
.kx-ic-pink{color:#FF005A}.kx-ic-amber{color:#E59A00}.kx-ic-green{color:#00A862}.kx-ic-blue{color:#0068FF}
.kx-ic-ui{display:block;color:#0A0A0A;object-fit:contain}
.icon-xl.kx-ic-ui,.icon-l.kx-ic-ui,.icon-m.kx-ic-ui{margin:0}
.benefits-card-badge-icon .kx-ic-ui,.simple-product-feature-image-holder .kx-ic-ui{color:#fff;width:60%;height:60%;margin:auto}
.audience-target-tab-link .kx-ic-ui,.footer-links-holder .kx-ic-ui{color:currentColor}
@media (prefers-reduced-motion:reduce){.kx-ic-ui{animation:none!important}}