









:root{
  --hero-titlebar-bg:#0a0d12;
  --hero-titlebar-text:#fff6d7;
  --hero-titlebar-border:#d9b75d;
  --hero-stage-bg:#0b0f14;
  --hero-stage-text:#eef2f6;
  --hero-stage-muted:#aab3bf;
  --hero-stage-border:#343c47;
  --hero-stage-radius:8px;
  --hero-stage-shadow:0 26px 70px rgba(0,0,0,.38);
  --hero-accent-bg:#f1c866;
  --hero-accent-text:#11151b;
  --hero-panel-bg:#111720;
  --hero-panel-border:#37404c;
  --hero-card-bg:#151c25;
  --hero-card-text:#f2f5f8;
  --hero-card-muted:#aeb7c2;
  --hero-card-radius:0px;
  --hero-card-shadow:0 18px 42px rgba(0,0,0,.26);
  --hero-grid-gap:clamp(18px,2.2vw,28px);
  --hero-grid-gap-mobile:14px;
  --hero-action-gap:12px;
  --hero-primary-button-height:60px;
  --hero-primary-button-height-mobile:56px;
  --hero-primary-button-border:#f8dfa0;
  --hero-primary-button-radius:6px 2px 6px 2px;
  --hero-primary-button-bg:linear-gradient(90deg,#ad8432 0%,#f2cc6d 38%,#e2b553 100%);
  --hero-primary-button-bg-hover:linear-gradient(90deg,#c4973d,#ffe18e 42%,#edc260);
  --hero-primary-button-shadow:0 18px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.42);
  --hero-ios-bg:var(--button-secondary-bg);
  --hero-ios-text:var(--button-secondary-text);
  --hero-ios-border:var(--button-secondary-border);
  --hero-ios-shadow:0 10px 26px rgba(112,20,14,.10);
  --hero-bonus-text:var(--button-bonus-text);
  --hero-bonus-border:transparent;
  --hero-bonus-shadow:0 12px 30px rgba(35,20,19,.18);
  --hero-secondary-button-height:60px;
  --hero-secondary-button-height-mobile:54px;
  --hero-secondary-button-radius:2px 6px 2px 6px;
}

.page-template-page-home .title-ruler--home{
  position:relative;
  margin:0 0 16px;
}
.page-template-page-home .title-ruler--home .entry-title{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(15px,1.8vw,20px) clamp(42px,4vw,62px);
  border:1px solid var(--hero-titlebar-border);
  border-left:7px solid var(--hero-accent-bg);
  border-radius:4px 24px 4px 24px;
  background:
    linear-gradient(90deg,rgba(241,200,102,.10),transparent 28%),
    linear-gradient(135deg,var(--hero-titlebar-bg),#171d25);
  color:var(--hero-titlebar-text);
  box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  font-size:clamp(1.68rem,3vw,2.72rem);
  line-height:1.08;
  text-align:center;
  text-wrap:balance;
  overflow:hidden;
}
.page-template-page-home .title-ruler--home .entry-title::before,
.page-template-page-home .title-ruler--home .entry-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--hero-accent-bg));
}
.page-template-page-home .title-ruler--home .entry-title::before{left:14px}
.page-template-page-home .title-ruler--home .entry-title::after{right:14px;transform:rotate(180deg)}

.hero--uk999{padding:0;margin-bottom:clamp(20px,2.8vw,34px)}
.uk999-hero-shell{
  position:relative;
  display:grid;
  gap:var(--hero-grid-gap);
  padding:clamp(18px,2.4vw,30px);
  border:1px solid var(--hero-stage-border);
  border-radius:var(--hero-stage-radius) 34px var(--hero-stage-radius) 34px;
  background:
    radial-gradient(circle at 92% 8%,rgba(210,215,223,.10),transparent 24%),
    linear-gradient(145deg,#090c11 0%,var(--hero-stage-bg) 52%,#111720 100%);
  box-shadow:var(--hero-stage-shadow);
  overflow:hidden;
}
.uk999-hero-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#80651f,var(--hero-accent-bg),#f7e7a8,#8f7128);
}
.uk999-hero-shell>*{position:relative;z-index:1}

.uk999-hero-intro{
  display:grid;
  grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:0 2px;
}
.uk999-hero-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  padding:7px 13px;
  border-left:3px solid var(--hero-accent-bg);
  background:linear-gradient(90deg,rgba(241,200,102,.12),transparent);
  color:#f3d486;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hero-cta-text{
  margin:0;
  color:var(--hero-stage-muted);
  font-size:1rem;
  font-weight:620;
  line-height:1.68;
}

.uk999-hero-primary{
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  gap:var(--hero-action-gap);
}
.uk999-hero-primary.has-ios,
.uk999-hero-primary.has-bonus{grid-template-columns:repeat(2,minmax(0,1fr))}
.uk999-hero-primary.has-ios.has-bonus{grid-template-columns:repeat(3,minmax(0,1fr))}
.uk999-primary-download{
  position:relative;
  width:100%;
  min-height:var(--hero-primary-button-height);
  padding:12px 64px 12px 20px;
  border:1px solid var(--hero-primary-button-border);
  border-radius:var(--hero-primary-button-radius);
  background:var(--hero-primary-button-bg);
  color:var(--hero-accent-text);
  box-shadow:var(--hero-primary-button-shadow);
  font-size:clamp(1rem,1.6vw,1.2rem);
  overflow:hidden;
}
.uk999-primary-download:hover{background:var(--hero-primary-button-bg-hover)}
.uk999-primary-download__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  width:100%;
  font-weight:950;
  text-align:center;
}
.uk999-primary-download__arrow{
  position:absolute;
  inset:0 0 0 auto;
  width:54px;
  display:grid;
  place-items:center;
  border-left:1px solid rgba(17,21,27,.24);
  background:rgba(17,21,27,.09);
  font-size:1.8rem;
  font-weight:950;
}
.uk999-hero-primary .uk999-ios-play,
.uk999-hero-primary .uk999-bonus-play{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--hero-secondary-button-height);padding:12px 18px;border-radius:var(--hero-secondary-button-radius);font-size:.94rem;font-weight:900;text-align:center}
.uk999-hero-primary .uk999-ios-play{background:var(--hero-ios-bg);color:var(--hero-ios-text);border-color:var(--hero-ios-border);box-shadow:var(--hero-ios-shadow)}
.uk999-hero-primary .uk999-bonus-play{background:linear-gradient(135deg,#16806f 0%,#0b554b 55%,#073e39 100%);color:var(--hero-bonus-text);border-color:var(--hero-bonus-border);box-shadow:var(--hero-bonus-shadow)}

.uk999-hero-console{
  display:grid;
  grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);
  border:1px solid var(--hero-panel-border);
  background:#080b10;
  box-shadow:var(--hero-card-shadow);
  overflow:hidden;
}
.uk999-hero-badge{
  position:relative;
  min-width:0;
  display:grid;
  align-content:start;
  justify-items:center;
  gap:15px;
  padding:clamp(20px,2.6vw,28px);
  border-right:1px solid var(--hero-panel-border);
  background:
    linear-gradient(145deg,rgba(241,200,102,.09),transparent 36%),
    linear-gradient(180deg,#10161e,#0b1016);
  overflow:hidden;
}
.uk999-badge-index{
  position:absolute;
  top:-28px;
  right:-10px;
  color:rgba(241,200,102,.055);
  font-size:clamp(7rem,13vw,12rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.1em;
  pointer-events:none;
}
.uk999-logo-card{
  position:relative;
  width:min(100%,248px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:10px;
  border:1px solid rgba(241,200,102,.38);
  border-radius:22px 4px 22px 4px;
  background:#070a0e;
  box-shadow:0 20px 46px rgba(0,0,0,.36),inset 0 0 0 5px rgba(255,255,255,.025);
}
.uk999-logo-card::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(210,215,223,.12);
  border-radius:17px 2px 17px 2px;
  pointer-events:none;
}
.uk999-logo-card .hero-logo{width:100%;height:100%;object-fit:contain;border-radius:13px 2px 13px 2px}
.uk999-brand-caption{text-align:center}
.uk999-brand-caption strong{display:block;color:#fff5cf;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.1}
.uk999-hero-badge .hero-actions{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  margin-top:2px;
}
.uk999-hero-badge .hero-actions.has-ios:not(.has-bonus){max-width:320px}
.uk999-hero-badge .hero-actions .btn-ios,
.uk999-hero-badge .hero-actions .btn-bonus{
  width:100%;
  min-height:48px;
  padding:11px 13px;
  border-radius:3px;
  font-size:.88rem;
  text-align:center;
}

.uk999-hero-stats{min-width:0;background:var(--hero-panel-bg)}
.uk999-stats-head{
  padding:15px 22px 13px;
  border-bottom:1px solid var(--hero-panel-border);
  background:linear-gradient(90deg,#171e27,#111720);
}
.uk999-stats-head__eyebrow{
  display:block;
  margin-bottom:5px;
  color:#c9a851;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.uk999-stats-head h2{margin:0;color:#fff5cf;font-size:clamp(1.12rem,1.8vw,1.45rem);line-height:1.2}
.hero-specs{display:grid;margin:0}
.hero-spec{
  min-width:0;
  min-height:61px;
  display:grid;
  grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);
  align-items:stretch;
  border-bottom:1px solid var(--hero-panel-border);
  background:var(--hero-card-bg);
}
.hero-spec:last-child{border-bottom:0}
.hero-spec:nth-child(even){background:#121821}
.hero-spec dt,
.hero-spec dd{margin:0;display:flex;align-items:center;padding:12px 16px}
.hero-spec dt{
  gap:9px;
  border-right:1px solid var(--hero-panel-border);
  color:#c3cbd4;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.hero-spec dd{color:var(--hero-card-text);font-size:.95rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.hero-spec--1{background:linear-gradient(90deg,rgba(241,200,102,.13),#171d25)}
.hero-spec--1 dt{color:#f1c866}
.hero-ico{width:19px;height:19px;display:inline-grid;place-items:center;align-self:center;color:var(--hero-accent-bg);flex:0 0 19px;line-height:0}
.hero-ico svg{width:100%;height:100%;fill:currentColor;display:block;overflow:visible}

@media(max-width:980px){
  .uk999-hero-console{grid-template-columns:minmax(270px,.76fr) minmax(0,1.24fr)}
  .uk999-logo-card{width:min(100%,230px)}
  .hero-spec{grid-template-columns:minmax(128px,.72fr) minmax(0,1.28fr)}
  .hero-spec dt,.hero-spec dd{padding-inline:12px}
}

@media(max-width:820px){
  .uk999-hero-intro{grid-template-columns:1fr;gap:10px}
  .uk999-hero-primary.has-ios,.uk999-hero-primary.has-bonus,.uk999-hero-primary.has-ios.has-bonus{grid-template-columns:1fr 1fr}
  .uk999-hero-console{grid-template-columns:1fr}
  .uk999-hero-badge{border-right:0;border-bottom:1px solid var(--hero-panel-border)}
  .uk999-logo-card{width:min(100%,260px)}
}

@media(max-width:767px){
  .page-template-page-home .title-ruler--home .entry-title{padding:15px 38px;border-left-width:5px;border-radius:3px 18px 3px 18px;font-size:var(--theme-h1-size-mobile)}
  .page-template-page-home .title-ruler--home .entry-title::before,
  .page-template-page-home .title-ruler--home .entry-title::after{width:22px}
  .uk999-hero-shell{gap:var(--hero-grid-gap-mobile);padding:14px;border-radius:5px 24px 5px 24px}
  .uk999-hero-kicker{font-size:.68rem;letter-spacing:.11em}
  .hero-cta-text{font-size:.94rem}
  .uk999-primary-download{min-height:var(--hero-primary-button-height-mobile);padding-left:14px;padding-right:54px}
  .uk999-hero-primary.has-ios,.uk999-hero-primary.has-bonus,.uk999-hero-primary.has-ios.has-bonus{grid-template-columns:1fr}
  .uk999-hero-primary .uk999-ios-play,.uk999-hero-primary .uk999-bonus-play{min-height:var(--hero-secondary-button-height-mobile)}
  .uk999-primary-download__arrow{width:52px;font-size:1.55rem}
  .uk999-hero-badge{padding:20px 15px}
  .uk999-hero-badge .hero-actions{grid-template-columns:1fr}
  .uk999-stats-head{padding:17px 15px 14px}
}

@media(max-width:430px){
  .page-template-page-home .title-ruler--home .entry-title{padding-inline:22px}
  .page-template-page-home .title-ruler--home .entry-title::before,
  .page-template-page-home .title-ruler--home .entry-title::after{display:none}
  .uk999-logo-card{width:min(100%,220px)}
  .hero-spec{grid-template-columns:minmax(112px,.78fr) minmax(0,1.22fr)}
  .hero-spec dt,.hero-spec dd{padding:11px 10px}
  .hero-spec dt{gap:7px;font-size:.69rem;letter-spacing:.025em}
  .hero-spec dd{font-size:.88rem}
  .hero-ico{width:17px;height:17px;flex-basis:17px}
}
