html{scroll-behavior:smooth}body{overflow-x:clip}header,main,footer{width:100%;min-width:0}.hero>div,.config-grid>div,.cards>*{min-width:0}button,a,input,select{-webkit-tap-highlight-color:transparent}dialog{overscroll-behavior:contain;overflow-x:hidden}.modal-body{overflow-wrap:anywhere}.download-selects select,.guide-pickers select,input{font-size:16px}.section-head h2{white-space:normal;text-wrap:balance}.scene-suspended *{animation-play-state:paused!important}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:15px;padding:30px 0 45px}.hero>div:first-child{max-width:720px;width:100%;margin:auto}.cat-visual{display:flex;width:min(100%,470px);height:370px;align-items:center;justify-content:center;margin:0 auto 10px}.layered-scene.cat-scene{width:350px;max-width:calc(100% - 42px)}.motion-toggle{right:12px;bottom:0}.config-grid{grid-template-columns:1fr 1fr;gap:14px}.config-grid .device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(42px,6.4vw,58px)}.cards{gap:14px}.cards .plan{padding:20px 16px}.cards .plan.featured{padding:24px 16px}.cards .tariff-buy{white-space:normal;text-wrap:balance}.section-head h2{font-size:clamp(23px,3.4vw,30px)}}
@media(max-width:760px){header{display:grid;grid-template-columns:auto 1fr;gap:12px 10px;padding-top:17px;padding-bottom:12px;min-height:0}.header-actions{justify-self:end;gap:8px}.header-nav{grid-column:1/-1;order:3;justify-content:flex-end;gap:23px}.header-nav button{font-size:12px;min-height:34px;padding:6px 0}.brand{font-size:25px}.brand .brand-cat-mark{width:26px;height:26px}.header-actions .primary,.header-actions .key{font-size:11px;padding:11px 12px;min-height:40px}.hero{padding-top:20px;gap:12px}.hero h1{font-size:clamp(35px,8.6vw,49px);line-height:1.08;letter-spacing:-1.6px;margin:22px 0}.hero h1 small{font-size:.56em;margin-top:12px}.hero .lead{font-size:15px;line-height:1.65;margin:0}.hero .connection-status{font-size:9px;letter-spacing:1.15px;padding:9px 12px;gap:8px}.actions{display:grid;grid-template-columns:1fr;gap:16px;max-width:none;margin-top:27px}.actions button{width:100%;height:52px;font-size:13px;padding:0 10px;white-space:normal;text-wrap:balance;line-height:1.35}.actions #about{margin-top:0}.important-badge{font-size:8px;line-height:12px;right:14px;top:-9px}.hero-benefits{gap:12px 15px;font-size:11px;margin-top:22px;grid-template-columns:1fr 1fr}.hero-benefits>div{align-items:flex-start;gap:7px}.hero-benefits .tick{margin-top:1px}.cat-visual{height:330px;margin-top:8px}.layered-scene.cat-scene{width:320px;max-width:calc(100% - 38px)}.motion-toggle{bottom:0;font-size:10px}.builder{padding:32px 0 38px}.section-head{align-items:center;margin-bottom:22px}.section-head h2{font-size:25px;line-height:1.25;letter-spacing:-.6px}.eyebrow{font-size:10px;letter-spacing:1.5px}.config-grid{grid-template-columns:1fr;gap:12px;margin:22px 0}.config-grid>div{padding:17px 13px}.config-grid .device-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:none}.config-grid .device{min-width:0;font-size:11px;padding:12px 4px;gap:5px;min-height:42px}.device svg{width:14px;height:16px}.cards{grid-template-columns:1fr;gap:18px;margin-top:26px}.cards .plan,.cards .plan.featured{min-height:0;padding:24px;transform:none}.cards .plan.featured{padding:28px 24px;box-shadow:0 10px 35px #8b44dd28}.cards .plan-badge{align-self:flex-start;margin-bottom:18px}.cards .plan h3{font-size:18px;margin-bottom:15px}.cards .plan .price{font-size:37px;min-height:0}.cards .plan .tariff-note{margin:9px 0 18px}.cards .tariff-features{font-size:13px;gap:12px;margin:0 0 24px}.cards .tariff-buy{min-height:48px;font-size:13px}.checkout-row{margin-top:22px}.checkout-row p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.after-payment{padding:16px;font-size:12px;border-radius:16px;line-height:1.75}.trust-strip{margin-bottom:30px;gap:17px 12px;font-size:10px;line-height:1.5}.trust-strip>div{white-space:normal;align-items:flex-start}.trust-strip .tick{flex-shrink:0}.resource-section{padding-bottom:30px}.resource-section h2{font-size:27px;line-height:1.2}.resources{grid-template-columns:1fr;gap:10px;margin-top:20px}.resource{padding:17px;font-size:13px;min-height:50px}.footer-docs{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;text-align:left}.footer-docs button{text-align:left;font-size:11px;line-height:1.5}footer{font-size:11px;line-height:1.6;gap:14px;padding-top:22px}.modal-head{padding:20px;gap:12px}.modal-head h2{font-size:21px;line-height:1.25;letter-spacing:-.4px}.close{flex-shrink:0;width:34px;height:34px}.modal-body{padding:20px}.modal-foot{padding:18px 20px;gap:14px;align-items:stretch;flex-direction:column}.modal-foot .primary{width:100%;text-align:center;padding:14px;font-size:13px}.tabs{gap:18px}.tab{font-size:12px;line-height:1.4;padding-bottom:12px}.info-grid{grid-template-columns:1fr;gap:11px}.info{padding:16px}.guide-list{gap:22px}.guide-list li{padding-left:37px;font-size:13px}.guide-app-block #apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.guide-app-block #apps button{font-size:11px;padding:12px 4px;min-height:42px}.summary{font-size:13px;line-height:1.6;gap:14px;padding:16px}.summary>strong{white-space:nowrap}.location-cards{grid-template-columns:1fr 1fr;gap:10px}.location-card{flex-wrap:wrap;padding:13px 11px;gap:8px}.country-name{font-size:12px}.country-ping{margin-left:33px}.content-dialog .modal-body{font-size:13px}#downloads{padding:16px}.download-selects{grid-template-columns:1fr;gap:0}.download-link{font-size:12px;text-align:center;line-height:1.5}.note{font-size:12px!important}.guide-pickers select{min-height:44px}}
@media(max-width:360px){header,main,footer{padding-left:16px;padding-right:16px}.header-actions .primary,.header-actions .key{font-size:10px;padding:10px 9px}.header-actions{gap:6px}.brand{font-size:23px;gap:5px}.brand .brand-cat-mark{width:23px;height:23px}.hero h1{font-size:34px}.config-grid .device{font-size:10px}.config-grid .device svg{width:12px}.trust-strip{margin-left:-16px;margin-right:-16px}.country-name{font-size:11px}.location-cards{gap:8px}.country-flag{width:21px}.country-ping{margin-left:29px}.section-head h2{font-size:23px}.cat-visual{height:290px}.layered-scene.cat-scene{width:280px}}
@media(hover:none){.cards .plan:hover,.cards .plan.featured:hover,.tariff-buy:hover,.primary:hover,.header-actions .key:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.page-inactive *{animation-play-state:paused!important} .cat-visual{contain:layout style} .shield-fragment{will-change:auto} .scene-suspended .shield-fragment{will-change:auto}
.modal-head h2{min-width:0;overflow-wrap:anywhere;hyphens:auto}.modal-head{min-width:0}.page-inactive *{animation-play-state:paused!important}
dialog .modal-head{position:sticky;top:0;z-index:5;background:#130c24} @media(max-width:760px){dialog{max-height:92dvh;border-radius:20px}}
/* Mobile header follows OkHapp: no secondary navigation row. */
@media(max-width:767px){header .header-nav{display:none}header{padding-top:14px;padding-bottom:10px;row-gap:0;min-height:64px}.hero{padding-top:10px}.hero .connection-status{margin-top:0}}
@media(max-width:760px){.trust-strip{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;column-gap:32px;row-gap:16px;padding-left:16px;padding-right:16px}.trust-strip>div{justify-self:start;align-items:center;white-space:nowrap}}
@media(max-width:360px){.trust-strip{column-gap:20px;font-size:9px}}
#motion-toggle{display:none!important}
.section-head h2 .heading-phrase{display:inline-block;white-space:nowrap}

.plan[aria-disabled="true"]{opacity:.65;cursor:wait}#catalog-status{grid-column:1/-1;text-align:center;font-size:14px;color:#c8b9e4}.price small{font-size:12px} .plan .tariff-note{min-height:32px}
@media(max-width:760px){.hero .cat-visual{width:100%;margin:24px auto 10px;height:auto;min-height:310px;aspect-ratio:1.08;justify-content:center;align-items:center}.hero .layered-scene.cat-scene{width:min(300px,76%);max-width:none;flex:0 0 auto}.hero .original-globe-bg,.hero .shield-fragment,.hero #hologram-globe{left:-14%;top:-14%;width:128%;height:128%}.hero .living-cat{left:-5%}}

@media(min-width:1001px){.hero{padding-top:0}}
@media(max-width:760px){.mobile-purchase-bar:not([hidden]){display:block;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#110923ed;border-top:1px solid #ac7de64d;box-shadow:0 -8px 26px #07041166}.mobile-purchase-bar .primary{width:100%;min-height:48px;font-size:14px;font-weight:750}.has-mobile-purchase-bar{padding-bottom:80px}}

/* Highlight the guide entry in the hero. */
.actions #about {
  position: relative;
  display: grid;
  place-content: center;
  gap: 4px;
  min-height: 62px;
  height: auto;
  padding: 12px 10px;
  border: 1px solid #e2b8ff;
  background: linear-gradient(120deg, #422470, #7136a0);
  box-shadow: 0 0 0 3px #a86cdd2e, 0 5px 20px #9b53da50;
  color: #fff;
}
.actions #about .important-badge {
  top: -11px;
  right: 12px;
  padding: 2px 8px;
  background: #e9ccff;
  color: #35154c;
  font-size: 10px;
  line-height: 15px;
}
.actions #about .about-hint { color: #f1ddff; font-size: 11px; font-weight: 600; }
.actions #about:hover, .actions #about:focus-visible {
  border-color: #f5e2ff;
  box-shadow: 0 0 0 3px #c995f365, 0 5px 24px #ad6be580;
}
@media (prefers-reduced-motion: no-preference) {
  .actions #about { animation: about-highlight 1.2s ease-out 2; }
  @keyframes about-highlight {
    50% { box-shadow: 0 0 0 5px #c995f34d, 0 5px 26px #b372e37a; }
  }
}

/* Guide button emphasis on both layouts. */
.actions #about {
  border-color: #efceff;
  box-shadow: 0 0 0 3px #bd87ef40, 0 5px 24px #ad6be563;
}
@media (min-width: 761px) {
  .hero .actions { align-items: center; }
}


.actions #about {
  outline: 2px solid #f7e5ff;
  outline-offset: 0;
  border-color: #f7e5ff;
}
.actions #about:focus-visible { outline-offset: 3px; }