html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
.kh-root{min-height:100vh}
.kh-root .kh-ico-sun{display:none}.kh-root .kh-ico-moon{display:inline-flex}
.kh-root[data-kh-theme="dark"] .kh-ico-sun{display:inline-flex}.kh-root[data-kh-theme="dark"] .kh-ico-moon{display:none}
.kh-root[data-kh-theme="dark"]{color-scheme:dark}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #A69DFF;outline-offset:3px;border-radius:8px}
.kh-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#FFFFFF;color:#161B1E;padding:10px 16px;border-radius:12px;font-weight:700}
.kh-skip:focus{left:8px}
.kh-form input,.kh-form textarea{width:100%;font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--kh-line);background:var(--kh-card);color:var(--kh-ink)}
.kh-form label{display:block;font-weight:700;font-size:15px;margin:0 0 8px}
.kh-legal h2{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.4px;margin:40px 0 0}
.kh-legal p,.kh-legal li{font-size:17px;line-height:1.65;color:var(--kh-sub);font-weight:500}

/* ---------- primary buttons: same raised treatment as the app ---------- */
.kh-btn-primary{display:inline-flex !important;align-items:center;gap:10px;background:#6858FF !important;color:#FFFFFF !important;box-shadow:0 3px 6px rgba(0,0,0,.25),inset 0 4px 4px #9489F6,inset 0 -4px 4px rgba(0,0,0,.25) !important;transition:filter .15s ease,transform .15s ease}
.kh-btn-primary:hover{filter:brightness(1.06);color:#FFFFFF !important}
.kh-btn-primary:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 2px 3px #9489F6,inset 0 -2px 3px rgba(0,0,0,.25) !important}

/* prayer circle orbits: two rings turn opposite ways, faces stay upright */
@keyframes kh-orb{to{transform:rotate(360deg)}}
@keyframes kh-orb-rev{to{transform:rotate(-360deg)}}
.kh-orb-a{animation:kh-orb 30s linear infinite}.kh-orb-a .kh-face{animation:kh-orb-rev 30s linear infinite}
.kh-orb-b{animation:kh-orb-rev 48s linear infinite}.kh-orb-b .kh-face{animation:kh-orb 48s linear infinite}
.kh-orbit>span{animation:kh-orb-rev 40s linear infinite}
@media (prefers-reduced-motion:reduce){.kh-orb-a,.kh-orb-b,.kh-face,.kh-orbit>span{animation:none !important}}

/* white filled buttons get the same raised look */
.kh-btn-white{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#FFFFFF 0%,#F1F1F6 100%) !important;color:#161B1E !important;box-shadow:0 3px 6px rgba(0,0,0,.25),inset 0 3px 3px #FFFFFF,inset 0 -4px 4px rgba(22,27,30,.16) !important;transition:filter .15s ease,transform .15s ease}
.kh-btn-white:hover{filter:brightness(1.03);color:#161B1E !important}
.kh-btn-white:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 2px 2px #FFFFFF,inset 0 -2px 3px rgba(22,27,30,.16) !important}

/* ---------- sticky glass header ---------- */
.kh-root .kh-header{position:fixed !important;top:12px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 32px));margin:0 !important;z-index:60;padding:8px 8px 8px 20px !important;background:rgba(22,27,30,.58);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.10);border-radius:16px;box-shadow:0 12px 32px rgba(10,12,14,.22)}
.kh-root .kh-header .kh-navlinks{background:transparent !important;border:0 !important;padding:0 !important}
.kh-root .kh-header .kh-navlinks a,.kh-root .kh-header .kh-toggle,.kh-root .kh-header>div>a{border-radius:11px !important}
.kh-root .kh-header .kh-toggle{width:44px;height:44px}
.kh-navspacer{height:94px}

/* ---------- tablet & phone ---------- */
@media (max-width:1100px){
  .kh-root section{padding-left:20px !important;padding-right:20px !important}
  .kh-root h1{width:auto !important;max-width:100% !important}
}
@media (max-width:900px){
  .kh-root h1{font-size:46px !important;letter-spacing:-1.5px !important;line-height:1.04 !important}
  .kh-root h2{font-size:36px !important;letter-spacing:-1px !important;line-height:1.08 !important}
  .kh-root h3{width:auto !important;max-width:100% !important}
  .kh-root p{width:auto !important;max-width:100% !important}
  .kh-root [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  .kh-root [style*="grid-template-columns: repeat(7"]{grid-template-columns:repeat(7,minmax(0,1fr)) !important}
  .kh-root [style*="grid-column"]{grid-column:auto !important}
  .kh-root [style*="grid-row"]{grid-row:auto !important}
  .kh-root .kh-hero{gap:24px !important;padding-top:24px !important}
  .kh-root .kh-hero>div[style*="height"]{width:520px !important;max-width:none;margin:0 auto}
  .kh-root .kh-footgrid{grid-template-columns:1fr 1fr !important;padding:40px 24px 32px !important;gap:32px !important}
  .kh-root .kh-footgrid>div:first-child{grid-column:1/-1 !important}
  .kh-root .kh-foot>div[style*="margin: 0 56px"]{margin:0 24px !important}
  .kh-root .kh-debosswrap{padding:0 16px !important;margin-top:24px !important}
  .kh-root nav[aria-label="Main"] img{height:26px !important}
}
@media (max-width:900px){
  .kh-root nav[aria-label="Main"]{flex-wrap:wrap !important;row-gap:8px !important;padding:8px 8px 8px 14px !important;top:8px !important;width:calc(100% - 16px) !important}
  .kh-navspacer{height:128px}
  .kh-root .kh-navlinks{display:flex !important;order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .kh-root .kh-navlinks::-webkit-scrollbar{display:none}
  .kh-root .kh-navlinks a{white-space:nowrap;font-size:14px !important;padding:9px 14px !important}
  .kh-root .kh-hero-phones{display:block !important;position:relative;left:50%;transform:translateX(-50%);width:1100px !important;zoom:.62;margin-top:48px !important}
  .kh-root [style*="max-width: 50vw"]{max-width:100% !important}
  .kh-root [style*="padding: 80px 64px"]{padding:44px 22px !important}
  .kh-root [style*="font-size: 96px; line-height: 0.92"]{font-size:56px !important;letter-spacing:-2px !important}
  .kh-root .kh-circles{min-height:0 !important;padding-bottom:28px}
  .kh-root .kh-circles>div:nth-child(1){position:relative !important;width:auto !important;height:400px}
  .kh-root .kh-circles>div:nth-child(2){position:relative !important;left:auto !important;top:auto !important;max-width:none !important;padding:28px 24px 0}
  .kh-root .kh-circles>div:nth-child(2)>div:first-child{font-size:44px !important;letter-spacing:-1.5px !important}
  .kh-root .kh-circles>div:nth-child(3){position:relative !important;left:auto !important;bottom:auto !important;max-width:none !important;padding:20px 24px 0}
  .kh-root .kh-circles>div:nth-child(4){display:none !important}
}
@media (max-width:600px){
  .kh-root .kh-hero-phones{width:860px !important;zoom:.46}
  .kh-root h1{font-size:40px !important}
  .kh-root h2{font-size:32px !important}
  .kh-root [style*="padding: 96px 24px"],.kh-root [style*="padding: 80px 24px"]{padding-top:64px !important;padding-bottom:56px !important}
  .kh-root section[style*="padding: 120px"]{padding-top:72px !important}
}