/* KICKIFY 5.31 — Full public-page CI rollout
   Extends the approved 5.30 visual language from the homepage to every public keeper page.
   Homepage hero is intentionally left untouched. */

body.k531Inner{background:#020b17!important;color:#eaf4fb!important}
body.k531Inner main{background:transparent}
body.k531Inner a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}

/* ---------- unified inner-page hero ---------- */
body.k531Inner .k527SubHero,
body.k531Inner .k527Hero,
body.k531Inner .k60Hero{
  position:relative;overflow:hidden;color:#fff!important;
  padding:74px 0 66px!important;
  border-bottom:1px solid rgba(31,230,255,.22);
  background:
    radial-gradient(circle at 78% 14%,rgba(22,141,255,.28),transparent 26%),
    radial-gradient(circle at 92% 78%,rgba(220,49,255,.16),transparent 23%),
    linear-gradient(112deg,#020b17 0%,#05172a 54%,#071d34 100%)!important;
}
body.k531Inner .k527SubHero:before,
body.k531Inner .k527Hero:before,
body.k531Inner .k60Hero:before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.58;
  background:
    linear-gradient(90deg,rgba(2,11,23,.98) 0%,rgba(2,11,23,.92) 45%,rgba(2,11,23,.46) 75%,rgba(2,11,23,.76) 100%),
    url('/assets/img/home/keeper-99.webp') right 35%/38% auto no-repeat!important;
}
body.k531Inner .k527SubHero:after,
body.k531Inner .k527Hero:after,
body.k531Inner .k60Hero:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 22% 0%,rgba(31,230,255,.18),transparent 26%),linear-gradient(180deg,transparent,rgba(0,0,0,.18));
}
body.k531Inner .k527SubHero>.k65Wrap,
body.k531Inner .k527Hero>.k65Wrap,
body.k531Inner .k60Hero>.k60Wrap{position:relative;z-index:2}
body.k531Inner .k527SubHero>div>span,
body.k531Inner .k527Hero .k527Pill,
body.k531Inner .k60Hero .k60Eyebrow{
  color:#42ebff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.22em!important;text-transform:uppercase
}
body.k531Inner .k527SubHero h1,
body.k531Inner .k527Hero h1,
body.k531Inner .k60Hero h1{
  max-width:850px;margin:12px 0 16px!important;color:#fff!important;
  font-family:"Arial Black","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(44px,5.5vw,72px)!important;line-height:.98!important;letter-spacing:-.035em!important;text-wrap:balance
}
body.k531Inner .k527SubHero h1 em,
body.k531Inner .k527Hero h1 em,
body.k531Inner .k60Hero h1 em{font-style:normal;color:#31e1ff!important}
body.k531Inner .k527SubHero p,
body.k531Inner .k527Hero p,
body.k531Inner .k60Hero p{max-width:760px;color:#cfdae3!important;font-size:17px!important;line-height:1.58!important}
body.k531Inner .k527SubHero .k65Actions,
body.k531Inner .k527Hero .k65Actions{margin-top:22px}
body.k531Inner .k527MemberBadge{border-color:rgba(31,230,255,.34)!important;background:rgba(31,230,255,.10)!important;color:#dffbff!important}

/* ---------- shared sections ---------- */
body.k531Inner .k527Section,
body.k531Inner .k60Section{padding:66px 0!important;background:#020b17!important;color:#eaf4fb!important;border-bottom:1px solid rgba(255,255,255,.045)}
body.k531Inner .k527Section.alt,
body.k531Inner .k60Section.alt{background:#03111f!important}
body.k531Inner .k527Label,
body.k531Inner .k529SectionHead .k527Label,
body.k531Inner .k60Label{color:#32e6ff!important}
body.k531Inner .k527Section h2,
body.k531Inner .k527Section h3,
body.k531Inner .k60Section h2,
body.k531Inner .k60Section h3{color:#fff}
body.k531Inner .k527Section p,
body.k531Inner .k60Section p{color:#b9c8d3}

/* ---------- reusable neon panels ---------- */
body.k531Inner .k527Three article,
body.k531Inner .k527Modules article,
body.k531Inner .k527Signup,
body.k531Inner .k527AiBox,
body.k531Inner .k527AiSide,
body.k531Inner .k527PriceCard,
body.k531Inner .k527MentorPrice>div,
body.k531Inner .k527Video,
body.k531Inner .k527Task,
body.k531Inner .k527Diagram,
body.k531Inner .k529CredGrid article,
body.k531Inner .k60Quote,
body.k531Inner .k51Summary,
body.k531Inner .k51Form{
  color:#edf7fc!important;border:1px solid rgba(31,230,255,.30)!important;
  border-radius:16px!important;background:linear-gradient(145deg,rgba(7,25,45,.98),rgba(3,13,28,.98))!important;
  box-shadow:0 0 25px rgba(31,230,255,.08),0 18px 55px rgba(0,0,0,.26)!important
}
body.k531Inner .k527Three article:hover,
body.k531Inner .k527Modules article:hover,
body.k531Inner .k529CredGrid article:hover{transform:translateY(-3px);border-color:rgba(31,230,255,.60)!important}
body.k531Inner .k527Three article p,
body.k531Inner .k527Modules article p,
body.k531Inner .k529CredGrid article p{color:#afc0cc!important}
body.k531Inner .k527Three article b,
body.k531Inner .k527Modules article>span{color:#39e6ff!important}
body.k531Inner .k527Modules article.locked{opacity:.72!important;background:linear-gradient(145deg,#09131f,#07101b)!important}
body.k531Inner .k527Modules article a,
body.k531Inner .k527MentorPrice a{color:#35e5ff!important}

/* ---------- Academy / learning ---------- */
body.k531Inner .k527Modules{gap:14px!important}
body.k531Inner .k527Modules article{padding:23px!important;min-height:220px;display:flex;flex-direction:column}
body.k531Inner .k527Modules article h3{font-size:23px!important;margin:17px 0 8px!important}
body.k531Inner .k527Modules article p{line-height:1.55!important;margin-bottom:18px}
body.k531Inner .k527Modules article a{margin-top:auto;font-weight:900;text-decoration:none}
body.k531Inner .k527Lesson{align-items:start}
body.k531Inner .k527Video{min-height:380px!important;background:
  radial-gradient(circle at 50% 35%,rgba(31,230,255,.14),transparent 26%),
  linear-gradient(145deg,#071a30,#030d1b)!important}
body.k531Inner .k527Video span{color:#39e7ff!important}
body.k531Inner .k527Task{padding:22px!important;margin-top:24px!important}
body.k531Inner .k527Lesson ol{padding-left:25px}
body.k531Inner .k527Lesson li{color:#d8e4ec;border-bottom:1px solid rgba(255,255,255,.07)}

/* ---------- Keeper AI ---------- */
body.k531Inner .k527AiLayout{align-items:start}
body.k531Inner .k527AiBox{padding:24px!important}
body.k531Inner .k527AiWelcome{background:linear-gradient(135deg,#071a30,#0c1732)!important;border:1px solid rgba(117,56,255,.36);box-shadow:inset 0 0 30px rgba(117,56,255,.08)}
body.k531Inner .k527AiWelcome strong{color:#36e2ff!important}
body.k531Inner .k527AiWelcome p{color:#d4e0e8!important}
body.k531Inner .k527AiBox textarea,
body.k531Inner .k527Signup input,
body.k531Inner .k51Form input,
body.k531Inner .k51Form select,
body.k531Inner .k51Form textarea{
  width:100%;box-sizing:border-box;color:#fff!important;background:#03101f!important;
  border:1px solid rgba(31,230,255,.28)!important;border-radius:11px!important;padding:13px 14px!important;outline:none
}
body.k531Inner .k527AiBox textarea:focus,
body.k531Inner .k527Signup input:focus,
body.k531Inner .k51Form input:focus,
body.k531Inner .k51Form select:focus,
body.k531Inner .k51Form textarea:focus{border-color:#31e4ff!important;box-shadow:0 0 0 3px rgba(31,230,255,.10)}
body.k531Inner .k527AiBox textarea::placeholder{color:#71889a}
body.k531Inner .k527AiSide{padding:24px!important}
body.k531Inner .k527Notice{background:#201b08!important;border:1px solid rgba(255,207,65,.3);color:#ffe6a0!important}

/* ---------- membership ---------- */
body.k531Inner .k527MemberCheckout{align-items:stretch}
body.k531Inner .k527PriceCard{padding:30px!important;background:
  radial-gradient(circle at 85% 5%,rgba(117,56,255,.20),transparent 25%),linear-gradient(145deg,#07192d,#03101e)!important}
body.k531Inner .k527PriceCard h2{color:#34e4ff!important;font-size:58px!important;text-shadow:0 0 20px rgba(31,230,255,.18)}
body.k531Inner .k527PriceCard h2 small{color:#a9bcc9!important}
body.k531Inner .k527PriceCard li{color:#d9e6ed;border-bottom:1px solid rgba(255,255,255,.06)}
body.k531Inner .k527PriceCard li:before{color:#35e5ff!important}
body.k531Inner .k527Signup{padding:30px!important}
body.k531Inner .k527Signup form{gap:16px!important}
body.k531Inner .k527Signup label,
body.k531Inner .k51Form label{color:#dce8ef!important;font-weight:800}

/* ---------- mentoring ---------- */
body.k531Inner .k527MentorPrice{gap:14px!important}
body.k531Inner .k527MentorPrice>div{padding:25px!important}
body.k531Inner .k527MentorPrice .member{background:
  radial-gradient(circle at 80% 0%,rgba(220,49,255,.17),transparent 28%),linear-gradient(145deg,#07192d,#071123)!important}
body.k531Inner .k527MentorPrice strong{color:#fff!important}
body.k531Inner .k527MentorPrice .member strong{color:#31e2ff!important}
body.k531Inner .k527Three{gap:14px!important}

/* ---------- keeper basics diagram ---------- */
body.k531Inner .k527Diagram{background:linear-gradient(180deg,#08724a,#075c3c)!important;border:5px solid rgba(255,255,255,.88)!important;box-shadow:0 0 30px rgba(31,230,255,.10)!important}
body.k531Inner .k527Diagram .keeper{background:#051426!important;border:1px solid rgba(31,230,255,.35)}

/* ---------- about page ---------- */
body.k531Inner .k529AboutGrid{align-items:center}
body.k531Inner .k529AboutPortrait{border:1px solid rgba(31,230,255,.28)!important;border-radius:18px!important;overflow:hidden;background:#051426!important;box-shadow:0 18px 55px rgba(0,0,0,.28)}
body.k531Inner .k529AboutPortrait img{width:100%;height:auto;display:block}
body.k531Inner .k529AboutPortrait>div{padding:17px 19px!important;background:linear-gradient(90deg,#061426,#081b31)}
body.k531Inner .k529AboutPortrait strong{color:#fff!important}
body.k531Inner .k529AboutPortrait span{color:#9fb7c5!important}
body.k531Inner .k529CredGrid{gap:12px!important}
body.k531Inner .k529CredGrid article{padding:20px!important;text-align:center}
body.k531Inner .k529CredGrid img{height:82px!important;max-width:100px!important;object-fit:contain!important;margin:0 auto 13px!important}

/* ---------- appointment / booking ---------- */
body.k531Inner .k51Checkout{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:56px 0 68px!important;display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:16px!important;background:transparent!important}
body.k531Inner .k51Summary,
body.k531Inner .k51Form{padding:25px!important}
body.k531Inner .k51Summary h2,
body.k531Inner .k51Form h2{color:#fff!important;margin-top:0}
body.k531Inner .k51Summary p{padding:13px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.07);color:#b9c9d4!important;line-height:1.55}
body.k531Inner .k51Summary strong{color:#fff}
body.k531Inner .k51Summary a{color:#34e5ff}
body.k531Inner .k51Form form{display:grid;gap:14px}
body.k531Inner .k51Form select{appearance:auto}
body.k531Inner .k51Form option{background:#071424;color:#fff}
body.k531Inner .s31Btn.pink{border:1px solid rgba(111,237,255,.75)!important;border-radius:11px!important;background:linear-gradient(110deg,#6c2cff,#115cff 48%,#08e6ff)!important;color:#fff!important;padding:13px 18px!important;font-weight:1000;box-shadow:0 0 23px rgba(40,170,255,.26)}
body.k531Inner .notice{border-radius:11px!important}
body.k531Inner .notice.error{background:#32141d!important;color:#ffd7df!important;border:1px solid rgba(255,82,115,.28)}

/* ---------- legal ---------- */
body.k531Inner main.page{
  width:min(980px,calc(100% - 40px))!important;margin:54px auto 70px!important;padding:34px 38px!important;
  color:#d7e3ea!important;border:1px solid rgba(31,230,255,.25)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(7,25,45,.98),rgba(3,13,28,.98))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.30)!important
}
body.k531Inner main.page h1{margin:0 0 26px;color:#fff!important;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(40px,5vw,62px)!important;line-height:1!important;letter-spacing:-.03em!important}
body.k531Inner main.page h2,body.k531Inner main.page h3{color:#fff!important;margin-top:28px}
body.k531Inner .legalText{color:#c2d0d9!important;line-height:1.7!important}
body.k531Inner .legalText a{color:#36e4ff!important}

/* ---------- CTA and buttons ---------- */
body.k531Inner .k65Btn.primary,
body.k531Inner .k528Btn.primary{
  border:1px solid rgba(111,237,255,.75)!important;background:linear-gradient(110deg,#6c2cff,#115cff 48%,#08e6ff)!important;color:#fff!important;
  box-shadow:0 0 23px rgba(40,170,255,.24)!important;border-radius:11px!important
}
body.k531Inner .k65Btn.secondary,
body.k531Inner .k528Btn.secondary{border:1px solid rgba(255,255,255,.55)!important;background:rgba(3,14,28,.62)!important;color:#fff!important;border-radius:11px!important}
body.k531Inner .k65Btn:hover,body.k531Inner .k528Btn:hover{transform:translateY(-1px)}
body.k531Inner .k528Cta{border-top:1px solid rgba(31,230,255,.18)!important;background:linear-gradient(105deg,#041323,#071c31 62%,#200d36)!important}

/* ---------- tablet ---------- */
@media(max-width:980px){
  body.k531Inner .k527SubHero,body.k531Inner .k527Hero,body.k531Inner .k60Hero{padding:56px 0 48px!important}
  body.k531Inner .k527SubHero:before,body.k531Inner .k527Hero:before,body.k531Inner .k60Hero:before{
    background:linear-gradient(90deg,rgba(2,11,23,.97),rgba(2,11,23,.78)),url('/assets/img/home/keeper-99.webp') right center/48% auto no-repeat!important
  }
  body.k531Inner .k527SubHero h1,body.k531Inner .k527Hero h1,body.k531Inner .k60Hero h1{font-size:clamp(40px,7vw,58px)!important}
  body.k531Inner .k527MemberCheckout,body.k531Inner .k527AiLayout,body.k531Inner .k527Split,body.k531Inner .k527Lesson,body.k531Inner .k529AboutGrid,body.k531Inner .k51Checkout{grid-template-columns:1fr!important}
  body.k531Inner .k527Modules,body.k531Inner .k527Three,body.k531Inner .k529CredGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.k531Inner .k51Checkout{padding:44px 0 58px!important}
}

/* ---------- mobile ---------- */
@media(max-width:680px){
  body.k531Inner .k527SubHero,body.k531Inner .k527Hero,body.k531Inner .k60Hero{padding:44px 0 38px!important;min-height:0!important}
  body.k531Inner .k527SubHero:before,body.k531Inner .k527Hero:before,body.k531Inner .k60Hero:before{
    opacity:.38!important;background:linear-gradient(180deg,rgba(2,11,23,.98) 0%,rgba(2,11,23,.88) 63%,rgba(2,11,23,.68) 100%),url('/assets/img/home/keeper-99.webp') center bottom/100% auto no-repeat!important
  }
  body.k531Inner .k527SubHero h1,body.k531Inner .k527Hero h1,body.k531Inner .k60Hero h1{
    font-size:clamp(34px,10vw,46px)!important;line-height:1!important;letter-spacing:-.028em!important;max-width:100%!important
  }
  body.k531Inner .k527SubHero p,body.k531Inner .k527Hero p,body.k531Inner .k60Hero p{font-size:15px!important;line-height:1.52!important}
  body.k531Inner .k527Section,body.k531Inner .k60Section{padding:40px 0!important}
  body.k531Inner .k527Modules,body.k531Inner .k527Three,body.k531Inner .k529CredGrid,body.k531Inner .k527MentorPrice{grid-template-columns:1fr!important}
  body.k531Inner .k527Modules article,body.k531Inner .k527Three article,body.k531Inner .k529CredGrid article{padding:18px!important;min-height:0}
  body.k531Inner .k527PriceCard h2{font-size:46px!important}
  body.k531Inner .k527PriceCard,body.k531Inner .k527Signup,body.k531Inner .k527AiBox,body.k531Inner .k527AiSide{padding:20px!important}
  body.k531Inner .k527Video{min-height:260px!important;padding:24px 18px!important}
  body.k531Inner .k527Lesson li{font-size:15px!important}
  body.k531Inner .k51Checkout{width:min(100% - 24px,640px)!important;padding:34px 0 48px!important;gap:12px!important}
  body.k531Inner .k51Summary,body.k531Inner .k51Form{padding:18px!important}
  body.k531Inner .s31Btn.pink{width:100%!important;min-height:46px}
  body.k531Inner main.page{width:min(100% - 24px,640px)!important;margin:32px auto 48px!important;padding:22px 17px!important}
  body.k531Inner main.page h1{font-size:clamp(34px,10vw,44px)!important}
  body.k531Inner .k529AboutPortrait{border-radius:13px!important}
  body.k531Inner .k529CredGrid img{height:72px!important}
}

@media(max-width:390px){
  body.k531Inner .k527SubHero h1,body.k531Inner .k527Hero h1,body.k531Inner .k60Hero h1{font-size:clamp(31px,9.8vw,39px)!important}
  body.k531Inner .k527PriceCard h2{font-size:40px!important}
}