.kbps{--paper:#f4f7fb;--white:#fff;--ink:#111827;--muted:#667085;--line:rgba(15,23,42,.11);--blue:#cfe3ff;--navy:#07101f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;width:100%;max-width:none;position:relative;margin:0;overflow-x:clip}.kbps *{box-sizing:border-box}.kbps img{display:block;max-width:100%;height:auto}.kbps a{text-decoration:none;color:inherit}.kbps h1,
.kbps h2,
.kbps p{margin-top:0}.kbps-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.kbps-skip{position:fixed;top:10px;left:10px;z-index:10000;padding:10px 14px;border-radius:10px;background:#1d4ed8;color:#fff!important;transform:translateY(-150%)}.kbps-skip:focus{transform:translateY(0)}

body.kbps-homepage-active .wp-block-post-title,
body.kbps-homepage-active .entry-title,
body.kbps-homepage-active .page-header{display:none!important}body.kbps-homepage-active .wp-site-blocks main,
body.kbps-homepage-active .wp-block-post-content,
body.kbps-homepage-active .entry-content,
body.kbps-homepage-active .wp-block-shortcode{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

.kbps-compact-hero{min-height:calc(100vh - 62px);padding:60px 0 34px;background:radial-gradient(circle at 76% 12%,rgba(185,213,252,.72),transparent 30%),linear-gradient(135deg,#fff 0%,#eef5ff 54%,#f8fbff 100%)}.kbps-compact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.kbps-compact-copy,
.kbps-compact-media{min-width:0}.kbps-kicker{font-size:.7rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#41648f;margin:0 0 10px!important}.kbps h1{font-size:clamp(3.7rem,6.5vw,6.5rem);letter-spacing:-.075em;line-height:.86;font-weight:650;margin-bottom:22px}.kbps h1 em{font-style:normal;color:#315b8c}.kbps-lede{max-width:520px;color:var(--muted);font-size:1.04rem;line-height:1.7;margin-bottom:25px}.kbps-store-badges{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;align-items:flex-start}.kbps-store-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.04em;text-align:left}.kbps-store-link>span{display:block;width:100%;text-align:left}.kbps-store-badge-art{display:block;width:auto!important;height:44px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}.kbps-store-badge-art--ios{aspect-ratio:135/40}.kbps-store-badge-art--mac{aspect-ratio:166/40}.kbps-store-link:hover .kbps-store-badge-art{opacity:.92}.kbps-store-link:focus-visible{outline:3px solid #5f8fc9;outline-offset:5px;border-radius:7px}

.kbps-browser-frame{position:relative;z-index:2;overflow:hidden;border:0;border-radius:21px;background:transparent;box-shadow:none}.kbps-browser-frame img{width:100%;aspect-ratio:16/10;object-fit:cover}.kbps-compact-media{position:relative}

.kbps-quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.kbps-quick-facts article{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(42,71,108,.05)}.kbps-quick-facts strong,
.kbps-quick-facts span{display:block}.kbps-quick-facts strong{font-size:.8rem}.kbps-quick-facts span{margin-top:3px;color:var(--muted);font-size:.68rem}

.kbps-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kbps-inline-details{margin-top:32px}.kbps-detail-shot{margin:0;border:1px solid rgba(15,23,42,.1);border-radius:15px;background:rgba(255,255,255,.7);overflow:hidden;box-shadow:0 9px 24px rgba(42,71,108,.05)}.kbps-detail-shot img{width:100%;aspect-ratio:16/8.2;object-fit:cover;object-position:top center}.kbps-detail-shot figcaption{padding:12px 14px}.kbps-detail-shot strong,
.kbps-detail-shot span{display:block}.kbps-detail-shot strong{font-size:.84rem}.kbps-detail-shot span{margin-top:2px;color:var(--muted);font-size:.67rem;line-height:1.42}

.kbps-update-note{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.72);box-shadow:0 9px 24px rgba(42,71,108,.04)}.kbps-update-note>div{max-width:860px}.kbps-update-note strong,
.kbps-update-note span{display:block}.kbps-update-note>div strong{font-size:.82rem}.kbps-update-note>div span{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.45}.kbps-update-note p{flex:0 0 auto;margin:0!important;padding-left:18px;border-left:1px solid var(--line);text-align:right}.kbps-update-note p strong{font-size:.84rem;color:#315b8c}.kbps-update-note p span{margin-top:2px;color:var(--muted);font-size:.67rem}

.kbps-compact-support{padding:34px 0;background:#07101f;color:#fff}.kbps-compact-support .kbps-kicker{color:#a7c8f0}.kbps-footer{padding:16px 0;background:#040914;color:rgba(255,255,255,.55);font-size:.68rem}.kbps-footer .kbps-footer-main{display:flex;justify-content:space-between;gap:20px}.kbps-apple-credit{margin-top:8px;color:rgba(255,255,255,.38);font-size:.56rem;line-height:1.45}

.kbps a:focus-visible{outline:3px solid #5f8fc9;outline-offset:4px}

@media(max-width:1000px){.kbps-update-note{align-items:flex-start}.kbps-compact-grid{grid-template-columns:1fr}.kbps-compact-hero{min-height:auto}.kbps-compact-copy{max-width:760px}.kbps-quick-facts{grid-template-columns:1fr 1fr}}

@media(max-width:700px){.kbps-update-note{display:block;margin-top:14px}.kbps-update-note p{margin-top:12px!important;padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0;text-align:left}.kbps-shell{width:min(100% - 28px,1240px)}.kbps-compact-hero{padding:42px 0 24px}.kbps-compact-grid{gap:34px}.kbps h1{font-size:clamp(3.25rem,16vw,4.8rem)}.kbps-store-badges{gap:14px}.kbps-browser-frame{border-radius:14px}.kbps-quick-facts{grid-template-columns:1fr 1fr}.kbps-detail-grid{grid-template-columns:1fr}.kbps-inline-details{margin-top:20px}.kbps-detail-shot img{aspect-ratio:16/8.5}.kbps-footer .kbps-shell{flex-direction:column;gap:3px}}


/* ================================================================
   HERO PLAYING CARD + FLOATING CARDS
   One authoritative component implementation.
   ================================================================ */

/* Title card scene */
.kbps-title-card-scene{
  position: relative;
  width: min(100%, 440px);
  height: 268px;
  margin: 0 0 14px;
  perspective: 1200px;
  cursor: pointer;
}

.kbps-title-card{
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  animation: kbps-title-card-desktop-reveal 1.15s cubic-bezier(.2,.75,.25,1) .18s backwards;
  transition: transform .72s cubic-bezier(.2,.75,.25,1);
}

.kbps-title-card-side{
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 24px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Title card back */
.kbps-title-card-back{
  display: grid;
  place-items: center;
  border: 8px solid #fff;
  background: #143d72;
  box-shadow: 0 28px 68px rgba(42,71,108,.22);
  transform: rotateY(0deg);
}

.kbps-card-back-pattern{
  position: absolute;
  inset: 12px;
  border: 2px solid rgba(255,255,255,.74);
  border-radius: 14px;
  background-color: #1c4d87;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%),
    linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%);
  background-size: 18px 18px;
  background-position: 0 0,9px 9px;
}

/* Title card front */
.kbps-title-card-front{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 54px;
  border: 1px solid rgba(15,23,42,.12);
  background: linear-gradient(145deg,#fff 0%,#fbfcfe 100%);
  box-shadow: 0 28px 68px rgba(42,71,108,.18);
  transform: rotateY(180deg);
}

.kbps-title-card-front::before{
  content: "";
  position: absolute;
  inset: 17px;
  z-index: 1;
  border: 1.5px solid #111827;
  border-radius: 14px;
  pointer-events: none;
}

.kbps-title-card-front h1{
  position: relative;
  z-index: 2;
  margin: 0 !important;
  text-align: center;
  font-size: clamp(2.65rem,5vw,4.3rem);
  line-height: .88;
  letter-spacing: -.07em;
}

.kbps-title-card-front h1 em{
  display: block;
  margin-top: 10px;
  color: #315b8c;
  font-size: .42em;
  letter-spacing: -.025em;
}

.kbps-title-card-corner{
  position: absolute;
  z-index: 3;
  display: flex;
  min-width: 40px;
  flex-direction: column;
  align-items: center;
  padding: 5px 7px 7px;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font-family: Georgia,serif;
  line-height: .82;
}

.kbps-title-card-corner b{ font-size: 1.3rem; }
.kbps-title-card-corner i{ margin-top: 5px; font-size: 1.35rem; font-style: normal; }
.kbps-title-card-corner-top{ top: 9px; left: 11px; }
.kbps-title-card-corner-bottom{ right: 11px; bottom: 9px; transform: rotate(180deg); }
.kbps-title-card-center{ position: absolute; z-index: 2; color: rgba(49,91,140,.075); font-family: Georgia,serif; font-size: 8rem; line-height: 1; }

@keyframes kbps-title-card-desktop-reveal {
  0%,22% { transform: rotateY(0deg); }
  100% { transform: rotateY(180deg); }
}

/* Space the supporting copy and store badges below the title card. */
.kbps-title-card-scene + .kbps-kicker{
  margin-top: 24px !important;
}

/* App icon anchored to the title card; kept separate from the gameplay-card flare. */
.kbps-hero-app-icon{
  position: absolute;
  left: -18px;
  bottom: -18px;
  z-index: 6;
  width: 78px;
  height: 78px;
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(4,45,38,.24);
  transform: rotate(-4deg);
}

/* Floating in-game cards */
.kbps-card-flare{
  position:absolute;
  inset:-42px -46px;
  z-index:3;
  pointer-events:none;
  perspective:900px;
}

.kbps-deco-card{
  --kbps-card-angle:0deg;
  --kbps-card-drift-x:0px;
  position:absolute;
  display:block;
  width:72px;
  height:102px;
  color:#111827;
  font-family:Georgia,serif;
  transform:rotateZ(var(--kbps-card-angle));
  transform-origin:center;
  animation:kbps-card-float-clean 5.4s ease-in-out infinite;
}

.kbps-deco-card-inner{
  position:absolute;
  inset:0;
  transform:rotateY(0deg);
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  border-radius:11px;
  box-shadow:0 18px 38px rgba(31,52,78,.2);
  transition:transform .58s cubic-bezier(.2,.78,.24,1),box-shadow .4s ease;
}

.kbps-deco-card-face{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:11px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.kbps-deco-card-front{
  border:1px solid rgba(15,23,42,.16);
  background:linear-gradient(145deg,#fff,#fbfcfe);
  transform:rotateY(0deg);
}

.kbps-deco-card-front::before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid currentColor;
  border-radius:7px;
  opacity:.85;
  pointer-events:none;
}

.kbps-deco-card-back{
  border:5px solid #fff;
  background-color:#1c4d87;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.17) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.17) 75%),
    linear-gradient(-45deg,rgba(255,255,255,.17) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.17) 75%);
  background-size:12px 12px;
  background-position:0 0,6px 6px;
  transform:rotateY(180deg);
}

.kbps-deco-corner{
  position:absolute;
  z-index:2;
  display:flex;
  width:22px;
  flex-direction:column;
  align-items:center;
  padding:2px 0;
  background:#fff;
  font-family:Georgia,serif;
  line-height:.78;
}

.kbps-deco-corner b{font-size:.84rem;}
.kbps-deco-corner i{margin-top:3px;font-size:.82rem;font-style:normal;}
.kbps-deco-corner-top{top:5px;left:5px;}
.kbps-deco-corner-bottom{right:5px;bottom:5px;transform:rotate(180deg);}
.kbps-deco-center{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:2.7rem;line-height:1;opacity:1;}
.kbps-deco-red{color:#c92536;}

.kbps-deco-card-one{--kbps-card-angle:9deg;--kbps-card-drift-x:6px;top:28px;right:19%;animation-delay:-.8s;}
.kbps-deco-card-two{--kbps-card-angle:14deg;--kbps-card-drift-x:-5px;right:-8px;bottom:13%;animation-delay:-2.35s;}
.kbps-deco-card-three{--kbps-card-angle:-12deg;--kbps-card-drift-x:5px;left:-12px;bottom:4%;animation-delay:-3.75s;}

@keyframes kbps-card-float-clean{
  0%,100%{translate:0 0;}
  30%{translate:var(--kbps-card-drift-x) -9px;}
  60%{translate:calc(var(--kbps-card-drift-x) * -.4) -17px;}
  82%{translate:calc(var(--kbps-card-drift-x) * .3) -6px;}
}

/* Pointer-capable devices: rotate the dedicated inner face, never the animated card shell. */
@media (hover:hover) and (pointer:fine){
  .kbps-title-card-scene:hover .kbps-title-card{transform:rotateY(360deg);}
  .kbps-deco-card{pointer-events:auto;}
  .kbps-deco-card:hover{z-index:4;}
  .kbps-deco-card:hover .kbps-deco-card-inner{
    transform:translateY(-3px) rotateY(180deg) scale(1.06);
    box-shadow:0 24px 48px rgba(31,52,78,.25);
  }
}

/* iPad portrait: purpose-built two-column tablet composition. */
@media (min-width:701px) and (max-width:1100px) and (orientation:portrait) {
  .kbps-shell{ width: min(100% - 36px,1240px); }
  .kbps-compact-hero{ min-height:auto; padding:68px 0 28px; overflow:hidden; }
  .kbps-compact-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
    gap:18px !important;
    align-items:start;
  }
  .kbps-compact-copy,
.kbps-compact-media{ min-width:0; max-width:none; }

  .kbps-title-card-scene{ width:100%; height:200px; margin:0 0 18px; }
  .kbps-title-card-scene + .kbps-kicker{ margin-top:34px !important; }
  .kbps-title-card-side{ border-radius:20px; }
  .kbps-title-card-front{ padding:30px 34px; }
  .kbps-title-card-front::before{ inset:14px; border-radius:12px; }
  .kbps-title-card-front h1{ font-size:clamp(2rem,4.7vw,2.75rem); }
  .kbps-title-card-front h1 em{ margin-top:7px; }
  .kbps-title-card-center{ font-size:5rem; }
  .kbps-title-card-corner{ min-width:34px; padding:4px 6px 6px; border-radius:7px; }
  .kbps-title-card-corner b{ font-size:1rem; }
  .kbps-title-card-corner i{ font-size:1.05rem; }
  .kbps-title-card-corner-top{ top:7px; left:8px; }
  .kbps-title-card-corner-bottom{ right:8px; bottom:7px; }
  .kbps-hero-app-icon{ left:-8px; bottom:-16px; width:64px; height:64px; border-radius:17px; }

  .kbps-kicker{ font-size:.66rem !important; }
  .kbps-lede{ max-width:none; margin-bottom:15px; font-size:.88rem; line-height:1.52; }
  .kbps-store-badges{gap:12px;margin-top:12px;}
  .kbps-store-badge-art{width:auto!important;height:42px!important;}

  .kbps-compact-media{ padding-top:0; }
  .kbps-browser-frame{ border-radius:16px; }
  .kbps-card-flare{ inset:-14px -8px -22px; }
  .kbps-deco-card{ width:60px; height:86px; }
  .kbps-deco-center{ font-size:2.15rem; }
  .kbps-deco-corner b{ font-size:.72rem; }
  .kbps-deco-corner i{ font-size:.7rem; }
  .kbps-deco-card-one{ top:4px; right:12%; }
  .kbps-deco-card-two{ right:0; bottom:8%; }
  .kbps-deco-card-three{ left:-2px; bottom:1%; }

  .kbps-quick-facts{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:24px; }
  .kbps-quick-facts article{ min-width:0; }
  .kbps-detail-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .kbps-detail-grid .kbps-detail-flip:nth-child(3){ grid-column:1 / -1; width:calc(50% - 6px); justify-self:center; }
  .kbps-update-note{ align-items:flex-start; }
}

/* Mobile */
@media (max-width:700px) {
  .kbps-title-card-scene{ width: 100%; height: 195px; margin-bottom: 22px; }
  .kbps-title-card-scene + .kbps-kicker{ margin-top: 18px !important; }
  .kbps-title-card-side{ border-radius: 19px; }
  .kbps-title-card-front{ padding: 28px 50px; }
  .kbps-title-card-front::before{ inset: 13px; border-radius: 13px; }
  .kbps-title-card-front h1{ font-size: clamp(2.25rem,12vw,3.25rem); }
  .kbps-title-card-center{ font-size: 6.5rem; }
  .kbps-title-card-corner{ min-width: 36px; padding: 4px 6px 6px; border-radius: 8px; }
  .kbps-title-card-corner-top{ top: 8px; left: 9px; }
  .kbps-title-card-corner-bottom{ right: 9px; bottom: 8px; }
  .kbps-hero-app-icon{ left: -4px; bottom: -12px; width: 58px; height: 58px; border-radius: 15px; }
  .kbps-card-flare{ display: none; }
}

/* Touch devices: one page-load reveal, no tap-to-flip behavior. */
@media (hover:none), (pointer:coarse) {
  .kbps-title-card-scene{ cursor: default; touch-action: pan-y; }
  .kbps-title-card{ animation: none; transition: none; transform: rotateY(0deg); }
  .kbps-title-card-scene.is-mobile-revealed .kbps-title-card{ transform: rotateY(180deg); transition: transform 1.08s cubic-bezier(.22,.72,.24,1); }
  .kbps-title-card-scene.is-mobile-settled .kbps-title-card{ transform: rotateY(180deg); transition: none; }
  .kbps-deco-card{ pointer-events: none; }
}

@media (prefers-reduced-motion:reduce) {
  .kbps-title-card{ animation: none !important; transform: rotateY(180deg) !important; transition: none !important; }
  .kbps-deco-card{ animation: none !important; transition: none !important; }
}

.kbps-detail-flip{
  position:relative;
  min-width:0;
  perspective:1200px;
  cursor:pointer;
  outline:none;
}
.kbps-detail-flip-inner{
  position:relative;
  width:100%;
  aspect-ratio:16/11.45;
  transform:rotateY(180deg);
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.2,.75,.25,1);
}
.kbps-detail-flip:hover .kbps-detail-flip-inner,
.kbps-detail-flip:focus-visible .kbps-detail-flip-inner{
  transform:rotateY(360deg);
}
.kbps-detail-flip-front,
.kbps-detail-flip-back{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
  border-radius:15px;
}
.kbps-detail-flip-front{
  transform:rotateY(180deg);
}
.kbps-detail-flip-back{
  display:grid;
  place-items:center;
  border:8px solid #fff;
  background:#143d72;
  box-shadow:0 14px 34px rgba(42,71,108,.12);
  transform:rotateY(0deg);
}
.kbps-detail-back-pattern{
  position:absolute;
  inset:8px;
  border:2px solid rgba(255,255,255,.74);
  border-radius:14px;
  background-color:#1c4d87;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%),
    linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.18) 75%);
  background-size:18px 18px;
  background-position:0 0,9px 9px;
}
.kbps-detail-flip:focus-visible{
  border-radius:15px;
  box-shadow:0 0 0 3px #5f8fc9;
}
@media(max-width:700px){
  .kbps-detail-flip-inner{aspect-ratio:16/10.7}
}
@media(hover:none){
  .kbps-detail-flip:hover .kbps-detail-flip-inner{transform:rotateY(180deg)}
}
@media(prefers-reduced-motion:reduce){
  .kbps-detail-flip-inner{transition:none}
}

.kbps button{font:inherit}
.kbps-open-support{cursor:pointer}

.kbps-app-adaptive-note{margin-top:12px;padding:13px 15px;border:1px solid rgba(74,119,164,.15);border-radius:15px;background:linear-gradient(145deg,rgba(215,235,253,.52),rgba(255,255,255,.4))}
.kbps-app-adaptive-note h3{margin:0 0 4px;color:#315c87;font-size:.79rem;font-weight:620}.kbps-app-adaptive-note p{margin:0;color:#667990;font-size:.73rem;line-height:1.48}

#kbps-smart-assist-card{transition:opacity .2s ease,filter .2s ease,background .2s ease,border-color .2s ease}
#kbps-smart-assist-card.is-smart-assist-off{background:linear-gradient(145deg,rgba(245,248,251,.42),rgba(228,235,242,.28));border-color:rgba(111,126,143,.12)}

#kbps-smart-assist-card.is-smart-assist-off h3{color:#536579}

.kbps-app-adaptive-note{margin-top:7px;padding:8px 11px;border-radius:12px}
.kbps-app-adaptive-note h3{margin-bottom:2px;font-size:.69rem}
.kbps-app-adaptive-note p{font-size:.63rem;line-height:1.35}

@media(max-height:760px){

  

  

  

  

  

  .kbps-app-adaptive-note{margin-top:5px;padding:6px 9px}
  .kbps-app-adaptive-note h3{font-size:.62rem}
  .kbps-app-adaptive-note p{font-size:.56rem;line-height:1.25}

}

@media(max-width:700px){

  

  

  

  

  
  .kbps-app-adaptive-note{padding:5px 7px}
  .kbps-app-adaptive-note h3{font-size:.56rem}
  .kbps-app-adaptive-note p{font-size:.49rem}
  
}

/* Feature preview cards and expanded detail modal */
.kbps-feature-card-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:grid;
  place-items:center;
  padding:24px;
  pointer-events:none;
  visibility:hidden;
  opacity:1!important;
  transition:visibility 0s linear var(--kbps-modal-duration)!important;
}
.kbps-feature-card-modal.is-open{
  pointer-events:auto;
  visibility:visible;
  opacity:1!important;
  transition:visibility 0s linear 0s!important;
}
.kbps-feature-card-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,9,20,.52);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  opacity:0;
  will-change:opacity;
  transition:opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;
}
.kbps-feature-card-modal.is-open .kbps-feature-card-backdrop{opacity:1}
.kbps-feature-card-modal.is-closing .kbps-feature-card-backdrop{opacity:0}
.kbps-feature-card-expanded{
  position:relative;
  width:min(760px,calc(100vw - 32px));
  margin:0;
  opacity:0;
  transform:translate3d(0,26px,0) scale(.965);
  transform-origin:50% 52%;
  will-change:transform,opacity;
  filter:drop-shadow(0 38px 70px rgba(2,10,24,.32));
  transition:transform var(--kbps-modal-duration) var(--kbps-modal-ease),opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;
}
.kbps-feature-card-modal.is-expanded .kbps-feature-card-expanded{opacity:1;transform:translate3d(0,0,0) scale(1)}
.kbps-feature-card-modal.is-closing .kbps-feature-card-expanded{opacity:0;transform:translate3d(0,26px,0) scale(.965)}
.kbps-feature-card-expanded-inner{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.54);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(234,242,252,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 30px 80px rgba(8,27,52,.28);
  -webkit-backdrop-filter:blur(30px) saturate(145%);
  backdrop-filter:blur(30px) saturate(145%);
}
.kbps-feature-card-expanded figure{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);min-height:430px;margin:0}
.kbps-feature-card-expanded img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}
.kbps-feature-card-expanded figcaption{display:flex;flex-direction:column;justify-content:center;padding:44px 38px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(224,236,250,.64))}
.kbps-feature-card-expanded figcaption strong{margin-bottom:14px;color:#13243a;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:650;line-height:1.02;letter-spacing:-.045em}
.kbps-feature-card-expanded figcaption span{color:#52677e;font-size:.96rem;line-height:1.65}
.kbps-feature-card-close{
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  padding:0;
  border:1px solid rgba(62,85,111,.14);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(18,43,70,.14);
  color:#263b52;
  font:300 25px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
  cursor:pointer;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transition:transform .18s ease,background .18s ease;
}
.kbps-feature-card-close:hover{transform:scale(1.04);background:rgba(255,255,255,.92)}
.kbps-detail-flip.is-expanding .kbps-detail-flip-inner{transform:none!important}
html.kbps-feature-card-open{overflow:hidden}
@media(max-width:700px){
  .kbps-feature-card-modal{padding:12px}
  .kbps-feature-card-expanded{width:calc(100vw - 24px)}
  .kbps-feature-card-expanded figure{grid-template-columns:1fr;min-height:0}
  .kbps-feature-card-expanded img{height:min(48vh,340px);min-height:0}
  .kbps-feature-card-expanded figcaption{padding:24px 22px 26px}
  .kbps-feature-card-expanded figcaption strong{font-size:1.55rem}
  .kbps-feature-card-expanded figcaption span{font-size:.82rem}
  .kbps-feature-card-close{top:10px;right:10px}
}
@media(prefers-reduced-motion:reduce){
  .kbps-feature-card-modal,
.kbps-feature-card-expanded,
.kbps-feature-card-backdrop,
.kbps-detail-flip-inner{transition:none!important}
}

:root{
  --kbps-modal-ease:cubic-bezier(.16,1,.3,1);
  --kbps-modal-duration:.46s;
  --kbps-modal-fade:.36s;
}

@keyframes kbps-submit-card-flip{
  0%{transform:rotateY(0deg) translateY(0)}
  45%{transform:rotateY(180deg) translateY(-2px)}
  100%{transform:rotateY(360deg) translateY(0)}
}

@keyframes kbps-success-card-arrive{
  0%{opacity:0;transform:translateY(18px) rotateY(-180deg) scale(.78)}
  100%{opacity:1;transform:translateY(0) rotateY(0) scale(1)}
}

@keyframes kbps-submit-card-flip-centered{
  0%{transform:translate(-50%,-50%) rotateY(0deg)}
  50%{transform:translate(-50%,-50%) rotateY(180deg)}
  100%{transform:translate(-50%,-50%) rotateY(360deg)}
}

/* v1.10.7: shared site navigation and iPad portrait How to Play layout */
.kbps-site-nav{position:sticky;top:0;z-index:1000;min-height:76px;padding:8px 0;border-bottom:1px solid rgba(45,91,72,.12);background:linear-gradient(180deg,rgba(248,252,250,.92),rgba(241,248,244,.82));box-shadow:0 12px 38px rgba(22,53,41,.08),inset 0 -1px 0 rgba(255,255,255,.86);-webkit-backdrop-filter:blur(28px) saturate(175%);backdrop-filter:blur(28px) saturate(175%)}
body.admin-bar .kbps-site-nav{top:32px}
@media(max-width:782px){body.admin-bar .kbps-site-nav{top:46px}}
.kbps-site-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:7px 9px 7px 18px;border:1px solid rgba(66,111,92,.18);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(236,246,241,.68));box-shadow:0 16px 38px rgba(19,55,41,.11),0 2px 8px rgba(19,55,41,.055),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(44,95,73,.11);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}
.kbps-site-brand{color:#172231;text-decoration:none;font-size:.92rem;font-weight:700;letter-spacing:-.02em;transition:color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.kbps-site-brand:hover{color:#0b5b3e;transform:translateY(-1px)}
.kbps-site-brand:focus-visible{outline:3px solid rgba(95,143,201,.62);outline-offset:4px;border-radius:8px}
.kbps-app-menu{position:relative}
.kbps-app-menu summary{display:flex;align-items:center;gap:5px;padding:10px 4px;color:#172231;cursor:pointer;list-style:none;font-size:.78rem;font-weight:650}
.kbps-app-menu summary::-webkit-details-marker{display:none}
.kbps-app-menu summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.kbps-app-menu[open] summary svg{transform:rotate(180deg)}
.kbps-app-menu-list{position:absolute;top:calc(100% + 8px);right:0;width:245px;padding:7px;border:1px solid rgba(93,119,149,.14);border-radius:17px;background:rgba(250,252,255,.96);box-shadow:0 18px 50px rgba(15,31,52,.16),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.kbps-app-menu-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;color:#172231;text-decoration:none}
.kbps-app-menu-list a:hover{background:rgba(223,236,249,.72)}
.kbps-app-menu-list img{width:38px;height:38px;border-radius:10px}
.kbps-app-menu-list span{display:flex;flex-direction:column;gap:2px}
.kbps-app-menu-list strong{font-size:.77rem;font-weight:680}
.kbps-app-menu-list small{color:#6f7f91;font-size:.63rem}

@media (min-width:701px) and (max-width:900px) and (orientation:portrait){

  

  

  

  

  

  .kbps-app-adaptive-note{margin-top:10px;padding:10px 13px}
  .kbps-app-adaptive-note h3{font-size:.73rem}
  .kbps-app-adaptive-note p{font-size:.67rem;line-height:1.4}

}

@media(max-width:700px){
  .kbps-site-nav{min-height:68px;padding:6px 0}
  .kbps-site-nav-inner{min-height:56px;padding:6px 8px 6px 14px;border-radius:19px}
  .kbps-site-brand{font-size:.84rem}
  .kbps-app-menu summary{font-size:.73rem}
  .kbps-app-menu-list{width:min(235px,calc(100vw - 28px))}
}

/* Stage 4: consolidated support, How to Play, and privacy dialogs */
.kbps-support-row{display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;align-items:center;}
.kbps-support-row h2{margin-bottom:8px;font-size:2.2rem;letter-spacing:-.05em;}
.kbps-support-row p:not(.kbps-kicker){margin-bottom:0;color:rgba(255,255,255,.62);font-size:.86rem;}
.kbps-support-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;}
.kbps-support-buttons a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:.76rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;}
.kbps-support-buttons a:hover{background:rgba(255,255,255,.11);}
.kbps-support-buttons button:hover{background:rgba(255,255,255,.11);}

html.kbps-modal-open{overflow:hidden;}
.kbps-support-dialog::before{position:absolute;inset:1px 1px auto;height:42%;border-radius:29px 29px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));content:"";pointer-events:none;z-index:-1;}
.kbps-support-dialog::after{position:absolute;top:-90px;right:-85px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(103,169,238,.26),transparent 66%);content:"";pointer-events:none;z-index:-1;}
.kbps-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.kbps-form-grid input{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.61),rgba(245,249,255,.43));box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 6px 18px rgba(38,72,109,.07);color:#111c2b;font:inherit;font-size:.89rem;outline:none;backdrop-filter:blur(14px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.kbps-form-grid select{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.61),rgba(245,249,255,.43));box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 6px 18px rgba(38,72,109,.07);color:#111c2b;font:inherit;font-size:.89rem;outline:none;backdrop-filter:blur(14px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.kbps-form-grid input::placeholder{color:#8b98a8;}
.kbps-form-grid textarea::placeholder{color:#8b98a8;}
.kbps-form-grid textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.61),rgba(245,249,255,.43));box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 6px 18px rgba(38,72,109,.07);color:#111c2b;font:inherit;font-size:.89rem;outline:none;backdrop-filter:blur(14px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;min-height:120px;resize:vertical;}
.kbps-form-grid input:hover{background:rgba(255,255,255,.69);}
.kbps-form-grid select:hover{background:rgba(255,255,255,.69);}
.kbps-form-grid textarea:hover{background:rgba(255,255,255,.69);}
.kbps-form-grid input:focus{border-color:rgba(71,126,184,.66);background:rgba(255,255,255,.79);box-shadow:0 0 0 4px rgba(76,132,194,.12),inset 0 1px 0 #fff;}
.kbps-form-grid select:focus{border-color:rgba(71,126,184,.66);background:rgba(255,255,255,.79);box-shadow:0 0 0 4px rgba(76,132,194,.12),inset 0 1px 0 #fff;}
.kbps-form-grid textarea:focus{border-color:rgba(71,126,184,.66);background:rgba(255,255,255,.79);box-shadow:0 0 0 4px rgba(76,132,194,.12),inset 0 1px 0 #fff;}
.kbps-form-wide{grid-column:1/-1;}
.kbps-form-status.is-success{color:#087443;}
.kbps-form-status.is-error{color:#b42318;}
.kbps-submit-support:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 18px 36px rgba(37,85,133,.34);}
.kbps-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.kbps-support-dialog-head h2{margin:0 0 11px;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.058em;line-height:1;color:#0b1625;color:#111b29 !important;font-weight:500 !important;letter-spacing:-.045em !important;}
.kbps-support-dialog-head>p:last-child{margin:0;color:#53657a;font-size:.94rem;color:#607086 !important;font-weight:400 !important;}
.kbps-support-dialog-head .kbps-kicker{color:#3d6795;color:#55779e !important;font-weight:600 !important;}
.kbps-support-dialog-head a{color:#244f80;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(36,79,128,.35);color:#3d6795 !important;font-weight:550 !important;border-bottom-color:rgba(61,103,149,.24) !important;}
.kbps-form-grid label{display:grid;gap:7px;color:#26384e;font-size:.76rem;font-weight:750;color:#425267 !important;font-size:.75rem !important;font-weight:520 !important;letter-spacing:.005em;}
.kbps-form-grid label span small{font-weight:500;color:#7b8a9d;color:#8491a1 !important;font-weight:400 !important;}
.kbps-support-dialog .kbps-form-grid input::placeholder{color:#93a0af !important;opacity:1;}
.kbps-support-dialog .kbps-form-grid textarea::placeholder{color:#93a0af !important;opacity:1;}
.kbps-support-dialog .kbps-form-grid input:hover{border-color:rgba(111,142,177,.25) !important;background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(238,246,253,.38)) !important;}
.kbps-support-dialog .kbps-form-grid textarea:hover{border-color:rgba(111,142,177,.25) !important;background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(238,246,253,.38)) !important;}
.kbps-support-dialog .kbps-form-grid input:focus{border-color:rgba(87,132,180,.42) !important;background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(239,247,254,.46)) !important;box-shadow:
    0 0 0 3px rgba(92,139,190,.10),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 28px rgba(39,78,118,.07) !important;}
.kbps-support-dialog .kbps-form-grid textarea:focus{border-color:rgba(87,132,180,.42) !important;background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(239,247,254,.46)) !important;box-shadow:
    0 0 0 3px rgba(92,139,190,.10),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 28px rgba(39,78,118,.07) !important;}
.kbps-support-close:hover{background:rgba(255,255,255,.72);transform:scale(1.05);background:rgba(255,255,255,.48) !important;}
.kbps-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:21px;padding-top:18px;border-top:1px solid rgba(65,91,122,.12);border-top-color:rgba(93,119,149,.10) !important;}
.kbps-form-status{margin:0;min-height:22px;color:#607086;font-size:.81rem;color:#748297 !important;font-weight:400 !important;}
.kbps-support-dialog .kbps-form-grid input{-webkit-appearance:none !important;appearance:none !important;border:1px solid rgba(126,151,181,.18) !important;background:
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(236,244,252,.30)) !important;box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 8px 24px rgba(40,70,104,.055) !important;color:#1c2938 !important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;font-size:.88rem !important;font-weight:400 !important;caret-color:#416f9f;border-radius:14px !important;}
.kbps-support-dialog .kbps-form-grid textarea{-webkit-appearance:none !important;appearance:none !important;border:1px solid rgba(126,151,181,.18) !important;background:
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(236,244,252,.30)) !important;box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 8px 24px rgba(40,70,104,.055) !important;color:#1c2938 !important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;font-size:.88rem !important;font-weight:400 !important;caret-color:#416f9f;border-radius:14px !important;}
.kbps-support-dialog .kbps-form-grid select{background:
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(236,244,252,.30)) !important;box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 8px 24px rgba(40,70,104,.055) !important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;font-size:.88rem !important;font-weight:400 !important;caret-color:#416f9f;background-image:
    linear-gradient(45deg,transparent 50%,#748397 50%),
    linear-gradient(135deg,#748397 50%,transparent 50%),
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(236,244,252,.30)) !important;background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 13px) calc(50% - 2px),
    0 0 !important;background-size:5px 5px,5px 5px,100% 100% !important;background-repeat:no-repeat !important;padding-right:38px !important;-webkit-appearance:auto !important;appearance:auto !important;color-scheme:light;background-image:none !important;background-color:rgba(248,252,255,.58) !important;padding:12px 14px !important;box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 8px 24px rgba(40,70,104,.05) !important;-webkit-appearance:none !important;appearance:none !important;min-height:48px !important;height:48px !important;padding:0 44px 0 14px !important;border:1px solid rgba(126,151,181,.18) !important;border-radius:14px !important;background-color:rgba(244,249,254,.44) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.25 6.25 8 10l3.75-3.75' fill='none' stroke='%236f7f92' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.42),rgba(236,244,252,.30)) !important;background-repeat:no-repeat,no-repeat !important;background-position:right 14px center,0 0 !important;background-size:16px 16px,100% 100% !important;background-clip:padding-box !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 0 0 1px rgba(255,255,255,.16),0 8px 24px rgba(40,70,104,.055) !important;color:#1c2938 !important;line-height:1.2 !important;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease !important;transform:none !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;will-change:auto !important;}
.kbps-support-dialog .kbps-form-grid select:hover{background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(238,246,253,.38)) !important;background-color:rgba(252,254,255,.72) !important;border-color:rgba(111,142,177,.25) !important;background-color:rgba(249,252,255,.56) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.25 6.25 8 10l3.75-3.75' fill='none' stroke='%235d7087' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.53),rgba(238,246,253,.38)) !important;}
.kbps-support-dialog .kbps-form-grid select:focus{background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(239,247,254,.46)) !important;box-shadow:
    0 0 0 3px rgba(92,139,190,.10),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 28px rgba(39,78,118,.07) !important;background-color:rgba(255,255,255,.82) !important;border-color:rgba(87,132,180,.42) !important;background-color:rgba(252,254,255,.66) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.25 6.25 8 10l3.75-3.75' fill='none' stroke='%234f78a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.63),rgba(239,247,254,.46)) !important;box-shadow:0 0 0 3px rgba(92,139,190,.10),inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(39,78,118,.07) !important;}
.kbps-support-dialog .kbps-form-grid select::-ms-expand{display:none;}
.kbps-support-dialog .kbps-select-wrap{position:relative;display:block;width:100%;}
.kbps-support-dialog .kbps-select-wrap::after{content:"";position:absolute;top:50%;right:17px;width:7px;height:7px;border-right:1.5px solid #6f7f92;border-bottom:1.5px solid #6f7f92;transform:translateY(-68%) rotate(45deg);pointer-events:none;z-index:2;}
.kbps-support-dialog .kbps-select-wrap select option[value=""]{color:#6f7d8f !important;}
.kbps-support-dialog .kbps-select-wrap select:hover{border-color:rgba(111,142,177,.26) !important;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(241,248,254,.46)) !important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(244,249,254,.62)) !important;background-color:rgba(251,253,255,.74) !important;}
.kbps-support-dialog .kbps-select-wrap select:focus{border-color:rgba(87,132,180,.42) !important;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(242,249,255,.53)) !important;box-shadow:0 0 0 3px rgba(92,139,190,.10),inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(39,78,118,.07) !important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(245,250,255,.68)) !important;background-color:rgba(253,254,255,.82) !important;}
.kbps-support-close{position:absolute;top:17px;right:17px;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(35,65,101,.12);color:#25364c;cursor:pointer;font-size:1.45rem;line-height:1;backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease;border-color:rgba(255,255,255,.58) !important;background:rgba(255,255,255,.30) !important;color:#506177 !important;font-weight:350 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 22px rgba(42,72,108,.09) !important;z-index:20 !important;pointer-events:auto !important;touch-action:manipulation;}
.kbps-support-dialog-head{padding-right:54px;margin-bottom:27px;position:relative;z-index:2;}
.kbps-support-form{position:relative;z-index:2;}
.kbps-support-dialog .kbps-select-wrap select{-webkit-appearance:none !important;appearance:none !important;width:100% !important;min-height:48px !important;height:48px !important;padding:0 44px 0 14px !important;border:1px solid rgba(126,151,181,.18) !important;border-radius:14px !important;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(238,246,253,.39)) !important;background-image:none !important;background-repeat:no-repeat !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 0 0 1px rgba(255,255,255,.14),0 8px 24px rgba(40,70,104,.05) !important;cursor:pointer;transform:none !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,253,.56)) !important;background-color:rgba(248,252,255,.68) !important;color:#1c2938 !important;-webkit-text-fill-color:#1c2938 !important;opacity:1 !important;color:#7f8c9c !important;-webkit-text-fill-color:#7f8c9c !important;font-weight:400 !important;}
.kbps-support-dialog .kbps-select-wrap select:invalid{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,253,.56)) !important;background-color:rgba(248,252,255,.68) !important;color:#1c2938 !important;-webkit-text-fill-color:#1c2938 !important;opacity:1 !important;color:#7f8c9c !important;-webkit-text-fill-color:#7f8c9c !important;font-weight:400 !important;}
.kbps-support-dialog .kbps-select-wrap select:valid{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,247,253,.56)) !important;background-color:rgba(248,252,255,.68) !important;color:#1c2938 !important;-webkit-text-fill-color:#1c2938 !important;opacity:1 !important;color:#7f8c9c !important;-webkit-text-fill-color:#7f8c9c !important;font-weight:400 !important;}
.kbps-support-dialog .kbps-select-wrap select option{color:#172434 !important;background:#f7f9fc !important;color:#7f8c9c !important;font-weight:400 !important;}
.kbps-support-buttons button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:.76rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;font-family:inherit!important;font-size:.76rem!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;line-height:1.2!important;}
.kbps-info-dialog .kbps-support-dialog-head{margin-bottom:24px;}
.kbps-info-dialog .kbps-support-dialog-head h2{font-weight:500!important;}

.kbps-rule-group{min-width:0;margin:0;padding:0;border:0;}
.kbps-glass-segment button:hover{color:#304965;}
.kbps-glass-segment button.is-active{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(223,237,251,.78));color:#214b78;box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(48,88,129,.15);transform:translateY(-1px);}

.kbps-privacy-grid article{display:flex;gap:13px;padding:16px;border:1px solid rgba(118,147,179,.13);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(237,245,252,.31));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 22px rgba(40,70,104,.045);}

.kbps-privacy-grid article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.74);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(222,237,251,.64));color:#426f9f;box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(47,85,126,.11);font-size:.76rem;font-weight:650;}

.kbps-privacy-grid h3{margin:1px 0 5px;color:#23364c;font-size:.91rem;font-weight:590;letter-spacing:-.01em;}

.kbps-privacy-grid p{margin:0;color:#65758a;font-size:.78rem;line-height:1.55;}
.kbps-privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.kbps-privacy-note{margin:17px 0 0;padding-top:16px;border-top:1px solid rgba(93,119,149,.11);color:#758397;font-size:.75rem;line-height:1.55;}
.kbps-app-howto{width:min(790px,100%);padding:32px 32px 26px;background:linear-gradient(145deg,rgba(246,250,255,.88),rgba(222,235,249,.72));}
.kbps-app-chip b{color:#345675;font-weight:620;}
.kbps-app-chip span{font-weight:500;}
.kbps-howto-done:hover{transform:translateY(-1px);}
.kbps-smart-assist-group .kbps-glass-segment{grid-template-columns:1fr 1fr;}
#kbps-smart-assist-card.is-smart-assist-off .kbps-app-help-icon{color:#718197;filter:saturate(.55);}
.kbps-instructions-dialog.kbps-app-howto{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:hidden;padding:22px 24px 18px;}
.kbps-app-howto-head{display:flex;justify-content:space-between;gap:24px;padding-right:42px;margin-bottom:20px;margin-bottom:12px;padding-right:40px;}
.kbps-app-howto-head h2{margin:2px 0 5px;color:#17283d;font-size:clamp(1.9rem,4vw,2.55rem);font-weight:560;letter-spacing:-.045em;font-size:clamp(1.65rem,3.2vw,2.15rem);}
.kbps-app-howto-head p:last-child{margin:0;color:#6c7d91;font-size:.86rem;font-size:.78rem;}
.kbps-app-setting-bar{display:grid;grid-template-columns:.72fr 1fr 1.15fr .72fr;gap:11px;margin-bottom:12px;grid-template-columns:.72fr 1fr 1.12fr .72fr;gap:8px;margin-bottom:8px;}
.kbps-rule-group legend{margin:0 0 7px;padding:0;color:#53657a;font-size:.72rem;font-weight:560;margin-bottom:4px;font-size:.66rem;}
.kbps-glass-segment{display:flex;min-height:46px;padding:4px;border:1px solid rgba(126,151,181,.16);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(235,244,252,.32));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 22px rgba(40,70,104,.06);min-height:38px;padding:3px;border-radius:13px;}
.kbps-glass-segment button{flex:1;min-width:0;padding:8px 9px;border:0;border-radius:11px;background:transparent;color:#6c7b8d;cursor:pointer;font:inherit;font-size:.74rem;font-weight:500;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;padding:6px 7px;border-radius:10px;font-size:.68rem;}
.kbps-app-current-settings{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px;padding-bottom:17px;border-bottom:1px solid rgba(74,104,138,.13);gap:5px;margin-bottom:9px;padding-bottom:9px;}
.kbps-app-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.37);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);color:#607187;font-size:.68rem;line-height:1;padding:5px 8px;font-size:.61rem;}
.kbps-app-help-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.kbps-app-help-list article{display:flex;align-items:flex-start;gap:13px;padding:14px 15px;border:1px solid rgba(111,141,173,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(237,245,252,.31));box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 7px 20px rgba(40,70,104,.045);gap:9px;min-height:86px;padding:10px 11px;border-radius:14px;}
.kbps-app-help-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(218,235,250,.7));color:#4275a9;box-shadow:inset 0 1px 0 #fff,0 5px 13px rgba(47,85,126,.12);flex-basis:30px;width:30px;height:30px;border-radius:10px;}
.kbps-app-help-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;}
.kbps-app-help-list h3{margin:1px 0 4px;color:#24384f;font-size:.87rem;font-weight:610;letter-spacing:-.01em;margin:0 0 3px;font-size:.75rem;}
.kbps-app-help-list p{margin:0;color:#68798e;font-size:.75rem;line-height:1.48;font-size:.65rem;line-height:1.35;}
.kbps-app-howto-footer{display:flex;justify-content:flex-end;margin-top:16px;margin-top:8px;}
.kbps-howto-done{min-width:116px;height:42px;padding:0 19px;border:1px solid rgba(255,255,255,.76);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(208,229,248,.82));color:#285a89;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(49,91,133,.14);cursor:pointer;font:inherit;font-size:.78rem;font-weight:650;min-width:104px;height:34px;border-radius:11px;font-size:.7rem;}
.kbps-support-modal.is-open .kbps-support-dialog{transform:none;opacity:1;transform:translate3d(0,0,0) scale(1);}
.kbps-info-modal.is-open .kbps-info-dialog{transform:translateY(0) scale(1);opacity:1;transform:translate3d(0,0,0) scale(1);}
.kbps-support-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;transition:opacity .24s ease,visibility .24s ease;opacity:0;visibility:hidden;pointer-events:none;transition:
    opacity var(--kbps-modal-fade) ease,
    visibility 0s linear var(--kbps-modal-duration);opacity:1!important;transition:visibility 0s linear var(--kbps-modal-duration)!important;}
.kbps-info-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;transition:opacity .22s ease,visibility .22s ease;opacity:0;visibility:hidden;pointer-events:none;transition:
    opacity var(--kbps-modal-fade) ease,
    visibility 0s linear var(--kbps-modal-duration);opacity:1!important;transition:visibility 0s linear var(--kbps-modal-duration)!important;}
.kbps-support-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:
    opacity var(--kbps-modal-fade) ease,
    visibility 0s linear 0s;opacity:1!important;transition:visibility 0s linear 0s!important;}
.kbps-info-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:
    opacity var(--kbps-modal-fade) ease,
    visibility 0s linear 0s;opacity:1!important;transition:visibility 0s linear 0s!important;}
.kbps-support-modal-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(108,163,223,.18),transparent 38%),rgba(4,11,21,.67);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);transition:opacity var(--kbps-modal-fade) ease;opacity:0;will-change:opacity;transition:opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;}
.kbps-info-modal-backdrop{position:absolute;inset:0;background:rgba(4,11,22,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity var(--kbps-modal-fade) ease;opacity:0;will-change:opacity;transition:opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;}
.kbps-support-modal.is-open .kbps-support-modal-backdrop{opacity:1;}
.kbps-info-modal.is-open .kbps-info-modal-backdrop{opacity:1;}
.kbps-support-dialog{position:relative;z-index:1;width:min(780px,100%);max-height:min(900px,calc(100vh - 48px));overflow:auto;padding:36px;border:1px solid rgba(255,255,255,.58);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,244,255,.66));box-shadow:0 40px 120px rgba(3,10,20,.46),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(255,255,255,.28);color:#0d1726;transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.78,.22,1);backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%);isolation:isolate;background:
    linear-gradient(145deg,rgba(247,251,255,.78),rgba(226,238,251,.62)) !important;border-color:rgba(255,255,255,.72) !important;color:#172231 !important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;font-weight:400 !important;box-shadow:
    0 38px 110px rgba(8,22,40,.34),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.34) !important;opacity:0;transform:translate3d(0,26px,0) scale(.965);transform-origin:50% 52%;transition:
    transform var(--kbps-modal-duration) var(--kbps-modal-ease),
    opacity .3s ease;will-change:transform,opacity;transition:
    transform var(--kbps-modal-duration) var(--kbps-modal-ease),
    opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;}
.kbps-info-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 44px);overflow:auto;padding:38px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(145deg,rgba(247,251,255,.82),rgba(226,238,251,.66));box-shadow:0 38px 110px rgba(8,22,40,.36),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.34);-webkit-backdrop-filter:blur(36px) saturate(145%);backdrop-filter:blur(36px) saturate(145%);transform:translateY(16px) scale(.985);transition:transform .24s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:#172231;opacity:0;transform:translate3d(0,26px,0) scale(.965);transform-origin:50% 52%;transition:
    transform var(--kbps-modal-duration) var(--kbps-modal-ease),
    opacity .3s ease;will-change:transform,opacity;transition:
    transform var(--kbps-modal-duration) var(--kbps-modal-ease),
    opacity var(--kbps-modal-duration) var(--kbps-modal-ease)!important;}
.kbps-submit-support{min-width:210px;height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(135deg,#4b83bd,#315f94);color:#fff;cursor:pointer;font-weight:780;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 30px rgba(37,85,133,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font-weight:580 !important;letter-spacing:.005em;border-color:rgba(255,255,255,.3) !important;background:linear-gradient(135deg,rgba(91,143,197,.95),rgba(58,101,149,.96)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 13px 28px rgba(43,89,137,.22) !important;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;}
.kbps-submit-support:disabled{cursor:wait;opacity:.68;transform:none;cursor:default!important;opacity:1!important;}
.kbps-submit-card{display:none;width:22px;height:30px;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.95);border-radius:4px;background:linear-gradient(145deg,#fff,#dcecff);box-shadow:0 5px 12px rgba(9,35,66,.25);color:#2d659e;font-size:13px;line-height:1;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.kbps-support-form-state{transition:opacity .38s cubic-bezier(.2,.78,.22,1),transform .38s cubic-bezier(.2,.78,.22,1),visibility .38s ease;opacity:1;transform:translateY(0) scale(1);visibility:visible;}
.kbps-support-success{transition:opacity .38s cubic-bezier(.2,.78,.22,1),transform .38s cubic-bezier(.2,.78,.22,1),visibility .38s ease;position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(34px,7vw,72px);text-align:center;opacity:0;visibility:hidden;transform:translateY(18px) scale(.975);pointer-events:none;}
.kbps-support-dialog.is-success .kbps-support-dialog-head{opacity:0;visibility:hidden;transform:translateY(-16px) scale(.985);pointer-events:none;}
.kbps-support-dialog.is-success .kbps-support-form-state{opacity:0;visibility:hidden;transform:translateY(-16px) scale(.985);pointer-events:none;}
.kbps-support-dialog.is-success .kbps-support-success{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;}
.kbps-success-card{display:grid;width:72px;height:100px;place-items:center;margin-bottom:22px;border:5px solid rgba(255,255,255,.95);border-radius:12px;background:linear-gradient(145deg,#fdfefe,#dcecff);box-shadow:0 24px 48px rgba(36,83,133,.24),inset 0 0 0 1px rgba(38,82,132,.1);color:#356fa9;font-size:37px;animation:kbps-success-card-arrive .62s cubic-bezier(.2,.9,.24,1) both;}
.kbps-support-success .kbps-kicker{margin:0 0 10px;color:#3d6795;}
.kbps-support-success h2{margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);font-weight:520;letter-spacing:-.055em;color:#0b1625;}
.kbps-support-success>p:not(.kbps-kicker){max-width:520px;margin:0;color:#53657a;font-size:1rem;line-height:1.65;}
.kbps-success-close{margin-top:28px;min-width:150px;height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:linear-gradient(135deg,#4b83bd,#315f94);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 30px rgba(37,85,133,.25);color:#fff;font:inherit;font-weight:750;cursor:pointer;}
.kbps-support-dialog.is-sending .kbps-submit-label{display:none;}
.kbps-support-dialog.is-sending .kbps-submit-support{filter:none;transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 14px 30px rgba(37,85,133,.28);gap:0;padding:0;}
.kbps-support-dialog.is-sending .kbps-submit-card{display:inline-flex;animation:kbps-submit-card-flip .85s cubic-bezier(.4,0,.2,1) infinite;display:flex;position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);transform-origin:center;animation:kbps-submit-card-flip-centered .9s cubic-bezier(.4,0,.2,1) infinite;}
@media (max-width:1000px){
.kbps-support-row{grid-template-columns:1fr;}
.kbps-support-buttons{justify-content:flex-start;}
}
@media (max-width:700px){
.kbps-support-buttons{display:grid;grid-template-columns:1fr 1fr;}
.kbps-support-modal{padding:10px;}
.kbps-support-dialog{max-height:calc(100vh - 20px);padding:27px 18px 22px;border-radius:23px;}
.kbps-support-dialog::before{border-radius:22px 22px 40% 40%;}
.kbps-form-grid{grid-template-columns:1fr;}
.kbps-form-wide{grid-column:auto;}
.kbps-form-footer{align-items:stretch;flex-direction:column;}
.kbps-submit-support{width:100%;}
.kbps-instructions-dialog.kbps-app-howto{width:calc(100vw - 12px);max-height:calc(100vh - 12px);padding:12px 11px 9px;}
.kbps-app-howto-head{margin-bottom:6px;padding-right:34px;}
.kbps-app-howto-head h2{font-size:1.35rem;}
.kbps-app-howto-head p:last-child{font-size:.64rem;}
.kbps-app-setting-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
.kbps-glass-segment{min-height:29px;}
.kbps-glass-segment button{padding:3px 4px;font-size:.56rem;}
.kbps-app-current-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;}
.kbps-app-chip{justify-content:center;padding:3px 4px;font-size:.49rem;white-space:nowrap;}
.kbps-app-help-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
.kbps-app-help-list article{min-height:60px;gap:5px;padding:6px;}
.kbps-app-help-icon{flex-basis:22px;width:22px;height:22px;border-radius:8px;}
.kbps-app-help-icon svg{width:13px;height:13px;}
.kbps-app-help-list h3{font-size:.59rem;}
.kbps-app-help-list p{font-size:.5rem;line-height:1.2;}
.kbps-howto-done{width:100%;height:27px;font-size:.58rem;}
}
@media (prefers-reduced-motion:reduce){
.kbps-support-close{transition:none!important;}
.kbps-submit-support{transition:none!important;}
.kbps-glass-segment button{transition:none!important;}
.kbps-support-modal{transition:none!important;}
.kbps-info-modal{transition:none!important;}
.kbps-support-dialog{transition:none!important;}
.kbps-info-dialog{transition:none!important;}
.kbps-support-modal-backdrop{transition:none!important;}
.kbps-info-modal-backdrop{transition:none!important;}
.kbps-submit-card{animation:none!important;}
.kbps-success-card{animation:none!important;}
.kbps-support-form-state{transition:none!important;}
.kbps-support-success{transition:none!important;}
}
@media (max-width:780px){
.kbps-info-modal{padding:10px;}
.kbps-info-dialog{max-height:calc(100vh - 20px);padding:27px 18px 22px;border-radius:23px;}

.kbps-privacy-grid{grid-template-columns:1fr;}

.kbps-app-howto{padding:27px 18px 20px;}
.kbps-app-setting-bar{grid-template-columns:1fr;}
.kbps-app-help-list{grid-template-columns:1fr;}
.kbps-app-howto-footer{justify-content:stretch;}
.kbps-howto-done{width:100%;}
}
@media (max-width:920px){
.kbps-app-setting-bar{grid-template-columns:1fr 1fr;}
}
@media (max-width:980px){
.kbps-instructions-dialog.kbps-app-howto{width:min(900px,calc(100vw - 20px));padding:18px 18px 14px;}
.kbps-app-setting-bar{grid-template-columns:repeat(4,minmax(0,1fr));}
.kbps-app-help-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.kbps-app-help-list article{min-height:78px;padding:9px;}
.kbps-app-current-settings{margin-bottom:7px;padding-bottom:7px;}
}
@media (max-height:760px){
.kbps-instructions-dialog.kbps-app-howto{max-height:calc(100vh - 16px);padding:14px 18px 11px;}
.kbps-app-howto-head{margin-bottom:7px;}
.kbps-app-howto-head .kbps-kicker{margin-bottom:1px;}
.kbps-app-howto-head h2{margin:0 0 2px;font-size:1.55rem;}
.kbps-app-howto-head p:last-child{font-size:.7rem;}
.kbps-app-setting-bar{gap:6px;margin-bottom:5px;}
.kbps-rule-group legend{margin-bottom:2px;font-size:.6rem;}
.kbps-glass-segment{min-height:32px;}
.kbps-glass-segment button{padding:4px 5px;font-size:.61rem;}
.kbps-app-current-settings{gap:4px;margin-bottom:5px;padding-bottom:5px;}
.kbps-app-chip{padding:4px 6px;font-size:.56rem;}
.kbps-app-help-list{gap:5px;}
.kbps-app-help-list article{min-height:69px;gap:7px;padding:7px 8px;}
.kbps-app-help-icon{flex-basis:26px;width:26px;height:26px;}
.kbps-app-help-icon svg{width:15px;height:15px;}
.kbps-app-help-list h3{font-size:.68rem;}
.kbps-app-help-list p{font-size:.58rem;line-height:1.28;}
.kbps-app-howto-footer{margin-top:5px;}
.kbps-howto-done{height:30px;font-size:.64rem;}
}
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
.kbps-info-modal{padding:12px;}
.kbps-instructions-dialog.kbps-app-howto{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:24px 24px 18px;}
.kbps-app-howto-head{margin-bottom:14px;padding-right:44px;}
.kbps-app-howto-head h2{font-size:2rem;}
.kbps-app-howto-head p:last-child{font-size:.82rem;}
.kbps-app-setting-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-bottom:12px;}
.kbps-rule-group legend{margin-bottom:6px;font-size:.71rem;}
.kbps-glass-segment{min-height:43px;padding:4px;}
.kbps-glass-segment button{padding:7px 8px;font-size:.72rem;line-height:1.15;white-space:normal;}
.kbps-app-current-settings{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;}
.kbps-app-chip{padding:6px 9px;font-size:.64rem;white-space:normal;}
.kbps-app-help-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.kbps-app-help-list article{min-height:0;gap:10px;padding:12px 13px;}
.kbps-app-help-icon{flex-basis:32px;width:32px;height:32px;}
.kbps-app-help-icon svg{width:18px;height:18px;}
.kbps-app-help-list h3{font-size:.78rem;line-height:1.25;}
.kbps-app-help-list p{font-size:.69rem;line-height:1.42;overflow-wrap:anywhere;}
.kbps-app-howto-footer{margin-top:10px;}
.kbps-howto-done{height:40px;font-size:.73rem;}
}



/* ================================================================
   HERO PREVIEW CAROUSEL

   Why this is structured the way it is:

   An `inset` box-shadow on a container is painted UNDERNEATH that
   container's content. With an image filling the box, the recess is
   therefore invisible wherever the image covers it -- which is how you
   end up with a shadow that only shows on some edges, or not at all.

   So the recess lives on `::after`, stacked ABOVE the slides. That is
   what makes it read evenly on all four sides.

   Separately, the grey edge on the bottom and sides was NOT coming from
   this file -- nothing here paints grey. It is a drop shadow or 1px
   border applied to bare <img> (or its wrapper) by the active theme.
   A drop shadow with a positive Y offset shows on the bottom and sides
   but not the top, which matches the symptom exactly. The reset props
   below are marked !important deliberately: they are defending against
   third-party CSS that is not visible from inside this plugin. Nothing
   else in this block uses !important.
   ================================================================ */
.kbps-hero-carousel{
  position:relative;
  width:100%;
  margin-inline:0;
  background:transparent;
}

.kbps .kbps-hero-carousel-track{
  position:relative;
  width:100%;
  aspect-ratio:16/10;   /* matches the Version 1.2 Mac captures exactly, so object-fit never crops */
  overflow:hidden;
  border-radius:20px;
  isolation:isolate;

  /* Defensive reset against unknown theme styling. */
  border:0!important;
  outline:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}

.kbps .kbps-hero-carousel-slide{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  /*
    object-fit:cover, not fill. The five slides are all exactly 1362x932 so
    the two behave identically today, but `fill` silently distorts the moment
    a replacement screenshot has different dimensions.
  */
  object-fit:cover;
  object-position:center center;
  opacity:0;
  transition:opacity .62s cubic-bezier(.22,.61,.36,1);
  will-change:opacity;

  /* Defensive reset against unknown theme styling. */
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.kbps .kbps-hero-carousel-slide.is-active{opacity:1;z-index:1;}

/*
  The recessed edge. Zero-offset spread keeps it even on all four sides.
  If you ever want a more physically-lit recess, add a little more darkness
  to the top by appending: inset 0 2px 3px -1px rgba(15,23,42,.10)
*/
.kbps .kbps-hero-carousel-track::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(15,23,42,.09),
    inset 0 0 7px 1px rgba(15,23,42,.11);
}

.kbps-hero-carousel-dots{
  position:static;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:10px;
  pointer-events:none;
}
.kbps-hero-carousel-dots span{
  display:block;
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(15,23,42,.2);
  transition:width .35s ease,background-color .35s ease;
}
.kbps-hero-carousel-dots span.is-active{width:17px;background:rgba(49,91,140,.82);}

@media(max-width:700px){
  .kbps-hero-carousel{width:100%;}
  .kbps .kbps-hero-carousel-track{border-radius:14px;}
  .kbps-hero-carousel-dots{gap:5px;margin-top:8px;}
  .kbps-hero-carousel-dots span{width:4px;height:4px;}
  .kbps-hero-carousel-dots span.is-active{width:13px;}
}

@media(prefers-reduced-motion:reduce){
  .kbps .kbps-hero-carousel-slide{transition:opacity .2s linear;}
  .kbps-hero-carousel-dots span{transition:none;}
}

/* v1.13.0 verified repair layer — intentionally appended to preserve legacy cascade ordering. */
html{scrollbar-gutter:stable}
.kbps-site-nav{isolation:isolate}
body.admin-bar .kbps-site-nav{top:32px}
@media(max-width:782px){body.admin-bar .kbps-site-nav{top:46px}}
.kbps-support-dialog .kbps-form-grid input:focus-visible,
.kbps-support-dialog .kbps-form-grid select:focus-visible,
.kbps-support-dialog .kbps-form-grid textarea:focus-visible{
  outline:0!important;
  border-color:#5f8fc9!important;
  box-shadow:0 0 0 3px #5f8fc9!important;
}
.kbps-support-dialog .kbps-select-wrap select,
.kbps-support-dialog .kbps-select-wrap select:valid{
  color:#1c2938!important;
  -webkit-text-fill-color:#1c2938!important;
}
.kbps-support-dialog .kbps-select-wrap select:invalid{
  color:#66758a!important;
  -webkit-text-fill-color:#66758a!important;
}
.kbps-detail-flip-inner{aspect-ratio:auto;min-height:282px}
.kbps-detail-flip-front{min-height:282px}
@media(max-width:700px){
  .kbps-detail-flip-inner,.kbps-detail-flip-front{min-height:300px}
}
.kbps-feature-card-modal{z-index:100001}
.kbps-skip{z-index:100002}
.kbps-deco-card-two{right:0}
.kbps-title-card-scene[role="button"]:focus-visible{outline:3px solid #5f8fc9;outline-offset:5px;border-radius:18px}
.kbps-form-grid label span small{color:#66758a}
.kbps-privacy-note{color:#5f6f84}
.kbps-form-status{color:#5f6f84}
.kbps-app-adaptive-note p,.kbps-app-menu-list small,.kbps-app-help-list p,.kbps-glass-segment button{color:#52657c}
.kbps-support-buttons a,.kbps-support-buttons button,.kbps-feature-card-close,.kbps-support-close,.kbps-success-close,.kbps-howto-done{min-height:44px;min-width:44px}
.kbps-glass-segment button{min-height:44px;padding-block:8px}
.kbps-hero-carousel-dot,.kbps-hero-carousel-dots span{transform-origin:center;transition:transform .35s ease,opacity .35s ease;width:8px!important}
.kbps-hero-carousel-dots .is-active{transform:scaleX(2.125)}
@media(max-width:700px){
  .kbps-instructions-dialog.kbps-app-howto{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:12px 11px 9px}
  .kbps-app-setting-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kbps-app-help-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .kbps-app-setting-bar,.kbps-app-help-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .kbps-deco-card-inner,.kbps-feature-card-close,.kbps-app-menu summary svg,#kbps-smart-assist-card{transition:none!important;animation:none!important}
}
.kbps-title-card-scene.is-keyboard-revealed .kbps-title-card{transform:rotateY(180deg)}

/* v1.14.0 standalone support and privacy pages. */
body.kbps-page-active .wp-block-post-title,
body.kbps-page-active .entry-title,
body.kbps-page-active .page-header{display:none!important}
body.kbps-page-active .wp-site-blocks main,
body.kbps-page-active .wp-block-post-content,
body.kbps-page-active .entry-content,
body.kbps-page-active .wp-block-shortcode{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.kbps-info-page{min-height:100vh;background:#f4f7fb;color:#111827}
.kbps-page-nav{display:flex;align-items:center;gap:7px}
.kbps-page-nav a{padding:8px 11px;border-radius:10px;color:#52657c;font-size:.75rem;font-weight:680}
.kbps-page-nav a:hover{background:#edf4fc;color:#213b59}
.kbps-page-nav a[aria-current="page"]{background:#e2edf9;color:#284f79}
.kbps-page-hero{padding:clamp(64px,9vw,116px) 0 clamp(54px,7vw,88px);background:radial-gradient(circle at 78% 18%,rgba(181,213,250,.72),transparent 31%),linear-gradient(135deg,#fff 0%,#edf5ff 58%,#f8fbff 100%)}
.kbps-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(38px,7vw,92px);align-items:center}
.kbps-page-hero h1{max-width:850px;margin:0 0 24px;font-size:clamp(3.25rem,7vw,6.35rem);font-weight:650;letter-spacing:-.073em;line-height:.91}
.kbps-page-lede{max-width:700px;margin:0;color:#5d6d81;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.7}
.kbps-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.kbps-page-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid rgba(52,83,118,.16);border-radius:13px;background:rgba(255,255,255,.72);color:#274c75;font-size:.78rem;font-weight:750;box-shadow:0 8px 24px rgba(34,66,103,.07)}
.kbps-page-actions .kbps-page-primary{border-color:#315f94;background:#315f94;color:#fff;box-shadow:0 13px 28px rgba(49,95,148,.22)}
.kbps-page-app-card{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid rgba(57,88,123,.11);border-radius:24px;background:rgba(255,255,255,.68);box-shadow:0 24px 62px rgba(34,66,103,.11),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.kbps-page-app-card img{flex:0 0 76px;width:76px;height:76px;border-radius:18px;box-shadow:0 12px 26px rgba(20,54,91,.16)}
.kbps-page-app-card div{display:flex;min-width:0;flex-direction:column}
.kbps-page-app-card strong{color:#162638;font-size:1.03rem}
.kbps-page-app-card span{margin-top:3px;color:#4f6781;font-size:.72rem;font-weight:650}
.kbps-page-app-card small{margin-top:8px;color:#66788c;font-size:.65rem;line-height:1.45}
.kbps-policy-date{margin:22px 0 0;color:#597089;font-size:.75rem}
.kbps-page-section{padding:clamp(64px,8vw,104px) 0}
.kbps-page-section-alt{background:#eaf1f9}
.kbps-section-heading{max-width:660px;margin-bottom:32px}
.kbps-section-heading h2,.kbps-contact-intro h2,.kbps-policy-copy h2{margin:0 0 12px;color:#14243a;font-size:clamp(2rem,4vw,3.25rem);font-weight:630;letter-spacing:-.05em;line-height:1}
.kbps-section-heading>p:last-child,.kbps-contact-intro>p{margin:0;color:#617186;font-size:.9rem;line-height:1.7}
.kbps-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kbps-help-grid article{min-height:220px;padding:24px;border:1px solid rgba(54,86,121,.1);border-radius:21px;background:#fff;box-shadow:0 13px 34px rgba(34,66,103,.06)}
.kbps-help-grid article>span{display:grid;width:39px;height:39px;place-items:center;margin-bottom:30px;border-radius:12px;background:#e6f0fb;color:#36628f;font-size:.68rem;font-weight:800}
.kbps-help-grid h3{margin:0 0 9px;color:#17283c;font-size:1rem;letter-spacing:-.02em}
.kbps-help-grid p{margin:0;color:#66778c;font-size:.76rem;line-height:1.65}
.kbps-page-content-grid{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(40px,8vw,110px);align-items:start}
.kbps-page-content-grid>.kbps-section-heading{position:sticky;top:104px;margin:0}
.kbps-faq-list{display:grid;gap:10px}
.kbps-faq-list details{border:1px solid rgba(52,83,118,.11);border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(34,66,103,.04)}
.kbps-faq-list summary{position:relative;padding:20px 54px 20px 20px;list-style:none;color:#20344b;cursor:pointer;font-size:.86rem;font-weight:730}
.kbps-faq-list summary::-webkit-details-marker{display:none}
.kbps-faq-list summary::after{position:absolute;top:50%;right:20px;content:"+";color:#496c92;font-size:1.3rem;font-weight:400;transform:translateY(-50%)}
.kbps-faq-list details[open] summary::after{content:"−"}
.kbps-faq-list p{margin:0;padding:0 54px 21px 20px;color:#63748a;font-size:.78rem;line-height:1.7}
.kbps-contact-section{background:radial-gradient(circle at 15% 20%,rgba(171,207,247,.37),transparent 31%),#f4f7fb}
.kbps-contact-grid{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:clamp(36px,7vw,88px);align-items:start}
.kbps-contact-intro{position:sticky;top:104px}
.kbps-contact-intro ul{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.kbps-contact-intro li{position:relative;padding-left:24px;color:#5f7187;font-size:.75rem;line-height:1.55}
.kbps-contact-intro li::before{position:absolute;top:.18em;left:0;display:grid;width:16px;height:16px;place-items:center;border-radius:999px;background:#dceaf9;color:#35618f;content:"✓";font-size:.56rem;font-weight:900}
.kbps-page-form-card{width:100%;max-height:none;min-height:0;overflow:visible;padding:clamp(24px,4vw,38px);opacity:1;transform:none!important}
.kbps-page-form-card::before{z-index:-1}
.kbps-page-form-card .kbps-support-dialog-head{padding-right:0}
.kbps-page-form-card.is-success{min-height:520px;overflow:hidden}
.kbps-form-privacy{margin:16px 0 0;color:#65758a;font-size:.68rem;line-height:1.55}
.kbps-form-privacy a{color:#315f94;text-decoration:underline;text-underline-offset:2px}
.kbps-page-footer{padding:22px 0}
.kbps-page-footer .kbps-shell{align-items:center}
.kbps-page-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.kbps-page-footer a{color:rgba(255,255,255,.67)}
.kbps-privacy-summary{padding-top:56px;padding-bottom:56px}
.kbps-privacy-summary .kbps-privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kbps-privacy-summary .kbps-privacy-grid article{background:#fff}
.kbps-policy-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(48px,10vw,130px);justify-content:center;align-items:start}
.kbps-policy-toc{position:sticky;top:104px;padding:20px;border:1px solid rgba(52,83,118,.11);border-radius:17px;background:rgba(255,255,255,.68)}
.kbps-policy-toc>strong{display:block;margin-bottom:12px;color:#22374e;font-size:.75rem}
.kbps-policy-toc nav{display:grid}
.kbps-policy-toc a{padding:7px 0;color:#5f7187;font-size:.7rem}
.kbps-policy-toc a:hover{color:#294f78}
.kbps-policy-copy{min-width:0}
.kbps-policy-copy>section{padding:0 0 52px;scroll-margin-top:100px}
.kbps-policy-copy>section+section{padding-top:52px;border-top:1px solid rgba(52,83,118,.13)}
.kbps-policy-copy h2{font-size:clamp(1.9rem,3.5vw,2.7rem)}
.kbps-policy-copy p:not(.kbps-kicker){margin:0 0 17px;color:#53667d;font-size:.85rem;line-height:1.82}
.kbps-policy-copy a{color:#295987;text-decoration:underline;text-underline-offset:3px}
.kbps-policy-contact{display:flex;flex-direction:column;align-items:flex-start;margin-top:28px;padding:22px;border:1px solid rgba(52,83,118,.11);border-radius:17px;background:rgba(255,255,255,.7)}
.kbps-policy-contact strong{color:#20354d;font-size:.86rem}
.kbps-policy-contact span{margin:3px 0 9px;color:#68798d;font-size:.7rem}
.kbps-page-actions a:focus-visible,.kbps-page-nav a:focus-visible,.kbps-faq-list summary:focus-visible,.kbps-page-form-card button:focus-visible{outline:3px solid #5f8fc9;outline-offset:3px}
@media(max-width:1000px){
  .kbps-help-grid{grid-template-columns:1fr 1fr}
  .kbps-page-hero-grid{grid-template-columns:1fr}
  .kbps-page-app-card{max-width:520px}
  .kbps-contact-grid{grid-template-columns:1fr}
  .kbps-contact-intro{position:static;max-width:680px}
}
@media(max-width:780px){
  .kbps-page-nav{gap:1px}
  .kbps-page-nav a{padding:7px 8px;font-size:.68rem}
  .kbps-page-hero{padding:52px 0 48px}
  .kbps-page-hero h1{font-size:clamp(3rem,14vw,4.8rem)}
  .kbps-page-content-grid,.kbps-policy-layout{grid-template-columns:1fr;gap:32px}
  .kbps-page-content-grid>.kbps-section-heading,.kbps-policy-toc{position:static}
  .kbps-policy-toc nav{grid-template-columns:1fr 1fr;gap:0 18px}
  .kbps-privacy-summary .kbps-privacy-grid{grid-template-columns:1fr 1fr}
  .kbps-page-form-card{padding:25px 18px;border-radius:23px}
}
@media(max-width:520px){
  .kbps-site-brand{max-width:118px;line-height:1.1}
  .kbps-page-nav a{padding:7px 6px}
  .kbps-help-grid,.kbps-privacy-summary .kbps-privacy-grid{grid-template-columns:1fr}
  .kbps-help-grid article{min-height:0}
  .kbps-page-app-card{align-items:flex-start;padding:18px}
  .kbps-page-app-card img{flex-basis:62px;width:62px;height:62px;border-radius:15px}
  .kbps-policy-toc nav{grid-template-columns:1fr}
  .kbps-page-footer .kbps-shell{align-items:flex-start}
}

/* v1.17.0 — conversion-focused landing page sections */
.kbps-landing-nav{--kbps-nav-pill-x:0px;--kbps-nav-pill-width:0px;position:relative;display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:18px;padding:4px;border:1px solid rgba(55,103,82,.16);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(226,240,233,.5));box-shadow:0 9px 24px rgba(19,55,41,.075),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(49,100,78,.09);-webkit-backdrop-filter:blur(20px) saturate(175%);backdrop-filter:blur(20px) saturate(175%)}
.kbps-nav-indicator{position:absolute;z-index:0;top:4px;left:4px;width:var(--kbps-nav-pill-width);height:calc(100% - 8px);border:1px solid rgba(64,117,93,.2);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(228,243,235,.84));box-shadow:0 7px 18px rgba(18,66,46,.12),0 1px 3px rgba(18,66,46,.08),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(42,103,76,.12);opacity:0;pointer-events:none;transform:translateX(var(--kbps-nav-pill-x));transition:width .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.kbps-landing-nav.is-indicator-visible .kbps-nav-indicator{opacity:1}
.kbps-landing-nav a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;color:#3f5366;text-decoration:none;font-size:.71rem;font-weight:720;letter-spacing:-.012em;text-shadow:0 1px 0 rgba(255,255,255,.72);transition:color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.kbps-landing-nav a:hover,.kbps-landing-nav a:focus-visible,.kbps-landing-nav a.is-active{color:#073f2c;transform:translateY(-1px)}
.kbps-landing-nav a:focus-visible,.kbps-nav-download:focus-visible{outline:3px solid rgba(95,143,201,.68);outline-offset:3px}
.kbps-nav-download{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;overflow:hidden;border:1px solid rgba(34,101,72,.22);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(231,246,238,.9));color:#07543a;text-decoration:none;font-size:.7rem;font-weight:790;letter-spacing:-.012em;text-shadow:0 1px 0 rgba(255,255,255,.8);box-shadow:0 10px 26px rgba(19,63,45,.13),0 2px 6px rgba(19,63,45,.07),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(39,105,76,.12);-webkit-backdrop-filter:blur(20px) saturate(175%);backdrop-filter:blur(20px) saturate(175%);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .24s ease,border-color .24s ease,color .24s ease}
.kbps-nav-download::after{position:absolute;inset:-35% auto -35% -45%;width:34%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);pointer-events:none;transform:translateX(-180%) skewX(-18deg);animation:kbps-nav-sheen 7.4s ease-in-out infinite}
.kbps-nav-download>span{position:relative;z-index:1}
.kbps-nav-download:hover{border-color:rgba(27,98,68,.3);background:linear-gradient(135deg,#fff,rgba(239,250,244,.98));color:#06472f;box-shadow:0 14px 30px rgba(19,63,45,.16),0 3px 7px rgba(19,63,45,.08),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(39,105,76,.11);transform:translateY(-2px) scale(1.012)}
.kbps-nav-download:active{transform:translateY(0) scale(.99)}
@keyframes kbps-nav-sheen{0%,72%{transform:translateX(-180%) skewX(-18deg)}82%{transform:translateX(520%) skewX(-18deg)}100%{transform:translateX(520%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){
  .kbps-site-brand,.kbps-landing-nav a,.kbps-nav-indicator,.kbps-nav-download{transition:none!important}
  .kbps-nav-download::after{display:none;animation:none}
}

.kbps-section-intro{max-width:760px;margin-top:58px;margin-bottom:24px}
.kbps-section-intro h2{margin:0 0 10px;color:#142235;font-size:clamp(1.85rem,3.6vw,3rem);font-weight:690;letter-spacing:-.055em;line-height:1.02}
.kbps-section-intro>p:last-child{margin:0;color:#65758a;font-size:.88rem;line-height:1.65}
.kbps-section-intro--center{margin-left:auto;margin-right:auto;text-align:center}
.kbps-section-intro--center .kbps-kicker{color:#167049}
.kbps-how-section{padding-top:44px;padding-bottom:68px;scroll-margin-top:90px}
.kbps-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.kbps-how-grid article{position:relative;padding:25px 22px 23px;border:1px solid rgba(52,83,118,.11);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 13px 32px rgba(34,66,103,.045)}
.kbps-how-grid article>span{display:grid;width:28px;height:28px;place-items:center;margin-bottom:22px;border-radius:999px;background:#0b5b3e;color:#fff;font-size:.66rem;font-weight:820}
.kbps-how-grid h3{margin:0 0 7px;color:#172639;font-size:.89rem;font-weight:760;letter-spacing:-.025em}
.kbps-how-grid p{margin:0;color:#64758a;font-size:.72rem;line-height:1.62}
.kbps-feature-story{padding:64px 0;background:linear-gradient(135deg,#f7faf8 0%,#eef6f2 100%);border-top:1px solid rgba(11,91,62,.07);border-bottom:1px solid rgba(11,91,62,.07)}
.kbps-feature-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(42px,7vw,92px);align-items:center}
.kbps-feature-story-media{position:relative;min-height:460px}
.kbps-feature-story-media>img:first-child{display:block;width:86%;margin-top:18px;border:1px solid rgba(34,66,103,.1);border-radius:21px;box-shadow:0 22px 54px rgba(28,60,47,.13)}
.kbps-feature-story-settings{position:absolute;right:0;bottom:0;width:58%;border:1px solid rgba(34,66,103,.12);border-radius:19px;box-shadow:0 24px 58px rgba(28,60,47,.18)}
.kbps-feature-story-copy .kbps-kicker{color:#167049}
.kbps-feature-story-copy h2{max-width:570px;margin:0 0 16px;color:#111d2c;font-size:clamp(2rem,4.3vw,3.55rem);font-weight:700;letter-spacing:-.062em;line-height:.98}
.kbps-feature-story-copy>p:not(.kbps-kicker){margin:0 0 26px;color:#5c6f82;font-size:.9rem;line-height:1.72}
.kbps-feature-story-copy ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.kbps-feature-story-copy li{position:relative;padding-left:28px}
.kbps-feature-story-copy li::before{position:absolute;top:2px;left:0;display:grid;width:18px;height:18px;place-items:center;border-radius:999px;background:#dff1e8;color:#0b5b3e;content:"✓";font-size:.58rem;font-weight:900}
.kbps-feature-story-copy li strong,.kbps-feature-story-copy li span{display:block}
.kbps-feature-story-copy li strong{color:#203345;font-size:.76rem;font-weight:760}
.kbps-feature-story-copy li span{margin-top:2px;color:#67788b;font-size:.69rem;line-height:1.5}
.kbps-faq-home{padding-top:72px;padding-bottom:72px;scroll-margin-top:88px}
.kbps-faq-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-width:1050px;margin:32px auto 0}
.kbps-faq-home details{border:1px solid rgba(52,83,118,.11);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(34,66,103,.035)}
.kbps-faq-home summary{position:relative;padding:17px 44px 17px 18px;list-style:none;color:#1d3045;cursor:pointer;font-size:.76rem;font-weight:730}
.kbps-faq-home summary::-webkit-details-marker{display:none}
.kbps-faq-home summary::after{position:absolute;top:50%;right:18px;content:"+";color:#0b5b3e;font-size:1.15rem;font-weight:500;transform:translateY(-50%)}
.kbps-faq-home details[open] summary::after{content:"−"}
.kbps-faq-home details p{margin:0;padding:0 44px 18px 18px;color:#627489;font-size:.71rem;line-height:1.65}
.kbps-faq-home summary:focus-visible{outline:3px solid #5f8fc9;outline-offset:2px;border-radius:13px}
.kbps-final-cta{padding:38px 0;background:linear-gradient(110deg,#063d2b,#0a6142);color:#fff}
.kbps-final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.kbps-final-cta-copy{display:flex;align-items:center;gap:20px;max-width:650px}
.kbps-final-cta-copy>img{width:72px;height:72px;border-radius:17px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.kbps-final-cta .kbps-kicker{color:#bce6d1!important;margin-bottom:5px!important}
.kbps-final-cta h2{margin:0 0 5px;font-size:clamp(1.55rem,3vw,2.4rem);font-weight:700;letter-spacing:-.045em}
.kbps-final-cta-copy p:last-child{margin:0;color:rgba(255,255,255,.8);font-size:.75rem;line-height:1.55}
.kbps-store-badges--cta{flex:none;margin-top:0}
.kbps-store-badges--cta .kbps-store-link{color:rgba(255,255,255,.86)}
.kbps-quick-facts{scroll-margin-top:88px}
#kbps-screenshots{scroll-margin-top:88px}
@media(max-width:1000px){
  .kbps-landing-nav{display:none}
  .kbps-site-nav-inner{gap:16px}
  .kbps-site-brand{margin-right:auto}
  .kbps-how-grid{grid-template-columns:1fr 1fr}
  .kbps-feature-story-grid{grid-template-columns:1fr;gap:42px}
  .kbps-feature-story-media{width:min(760px,100%);min-height:420px;margin:0 auto}
  .kbps-feature-story-copy{max-width:760px}
  .kbps-final-cta-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .kbps-nav-download{min-height:40px;padding:0 15px;font-size:.65rem}
  .kbps-section-intro{margin-top:42px;margin-bottom:18px}
  .kbps-how-section{padding-top:28px;padding-bottom:48px}
  .kbps-how-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}
  .kbps-how-grid article{padding:20px}
  .kbps-how-grid article>span{margin-bottom:14px}
  .kbps-feature-story{padding:48px 0}
  .kbps-feature-story-media{min-height:320px}
  .kbps-feature-story-media>img:first-child{width:92%}
  .kbps-feature-story-settings{width:62%}
  .kbps-faq-home{padding-top:48px;padding-bottom:48px}
  .kbps-faq-home-grid{grid-template-columns:1fr;margin-top:24px}
  .kbps-final-cta{padding:32px 0}
  .kbps-final-cta-copy{align-items:flex-start}
  .kbps-final-cta-copy>img{width:58px;height:58px;border-radius:14px}
  .kbps-store-badges--cta{display:grid;grid-template-columns:1fr 1fr;width:100%}
}
@media(max-width:480px){
  .kbps-nav-download{display:none}
  .kbps-feature-story-media{min-height:250px}
  .kbps-feature-story-settings{width:65%}
  .kbps-store-badges--cta{grid-template-columns:1fr}
}

/* v1.18.0 — Pure Solitaire Version 1.2 product story */
.kbps-version-pill{display:inline-flex;align-items:center;min-height:28px;margin:0 0 13px;padding:0 11px;border:1px solid rgba(22,112,73,.16);border-radius:999px;background:rgba(224,242,233,.72);color:#0b5b3e;font-size:.64rem;font-weight:790;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.kbps-version-pill+.kbps-lede{margin-top:0}
.kbps-v12{padding:52px 0 38px;scroll-margin-top:88px}
.kbps-v12 .kbps-section-intro{margin-top:0;margin-bottom:32px}
.kbps-v12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;max-width:1010px;margin:0 auto}
.kbps-v12-card{overflow:hidden;border:1px solid rgba(46,80,111,.12);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(234,242,250,.82));box-shadow:0 22px 52px rgba(31,62,93,.09),inset 0 1px 0 #fff}
.kbps-v12-card--featured{transform:translateY(-12px);box-shadow:0 30px 64px rgba(23,65,48,.15),inset 0 1px 0 #fff}
.kbps-v12-card img{width:100%;aspect-ratio:720/1210;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(46,80,111,.1)}
.kbps-v12-card>div{min-height:116px;padding:19px 20px 21px}
.kbps-v12-card strong,.kbps-v12-card span{display:block}
.kbps-v12-card strong{color:#172639;font-size:.91rem;font-weight:770;letter-spacing:-.025em}
.kbps-v12-card span{margin-top:5px;color:#65758a;font-size:.72rem;line-height:1.58}
.kbps-v12-feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:960px;margin:30px auto 0;padding:0;list-style:none}
.kbps-v12-feature-list li{padding:8px 12px;border:1px solid rgba(35,92,66,.11);border-radius:999px;background:rgba(255,255,255,.72);color:#405b52;font-size:.67rem;font-weight:690;box-shadow:0 7px 18px rgba(28,60,47,.04)}
.kbps-detail-shot img{aspect-ratio:16/10}
.kbps-feature-story-phone{position:absolute;right:0;bottom:-12px;width:29%;border:1px solid rgba(34,66,103,.13);border-radius:25px;box-shadow:0 28px 62px rgba(28,60,47,.2)}
@media(max-width:1000px){
  .kbps-v12{padding-top:46px}
  .kbps-v12-grid{max-width:860px}
  .kbps-feature-story-phone{width:25%}
}
@media(max-width:700px){
  .kbps-v12{padding:38px 0 20px}
  .kbps-v12-grid{grid-template-columns:1fr;gap:14px;max-width:390px}
  .kbps-v12-card,.kbps-v12-card--featured{display:grid;grid-template-columns:minmax(118px,38%) 1fr;align-items:stretch;transform:none;border-radius:22px}
  .kbps-v12-card img{height:100%;aspect-ratio:auto;object-position:top center;border-right:1px solid rgba(46,80,111,.1);border-bottom:0}
  .kbps-v12-card>div{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:18px}
  .kbps-v12-feature-list{margin-top:22px}
  .kbps-detail-shot img{aspect-ratio:16/10}
  .kbps-feature-story-phone{right:1%;bottom:-5px;width:28%;border-radius:18px}
}
@media(max-width:480px){
  .kbps-v12-card,.kbps-v12-card--featured{grid-template-columns:132px 1fr}
  .kbps-v12-card>div{padding:15px}
  .kbps-v12-card strong{font-size:.81rem}
  .kbps-v12-card span{font-size:.66rem}
  .kbps-v12-feature-list{justify-content:flex-start}
  .kbps-feature-story-phone{width:30%}
}

/* v1.18.1 — allow the updated 16:10 screenshot and full caption to share each flip card */
.kbps-detail-flip-inner{aspect-ratio:16/13.6;min-height:320px}
.kbps-detail-flip-front{min-height:320px}
@media(max-width:700px){
  .kbps-detail-flip-inner{aspect-ratio:16/15;min-height:342px}
  .kbps-detail-flip-front{min-height:342px}
}