:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef3ff;background:#09142b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 26px}header{border-bottom:1px solid #ffffff20;background:#09142be8;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font-weight:850;letter-spacing:-.04em;font-size:1.4rem;text-decoration:none}.brand span{color:#f45b65}nav .links{display:flex;gap:28px;align-items:center;font-size:.93rem}nav .links a{text-decoration:none;color:#c8d3e8}nav .links a:hover{color:white}.contact-link{border:1px solid #ffffff45;padding:11px 16px;border-radius:8px}.hero{padding:105px 0 96px;background:radial-gradient(ellipse at 77% 35%,#1c3d7799,transparent 48%),linear-gradient(130deg,#09142b,#0d1d3e)}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.19em;font-weight:750;color:#ff737b}.hero h1{font-size:clamp(3.1rem,8vw,6.7rem);line-height:.99;letter-spacing:-.075em;max-width:920px;margin:20px 0 25px}.hero h1 em{font-style:normal;color:#ff6671}.hero p{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;color:#c1cde0;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;text-decoration:none;padding:15px 21px;border-radius:9px;font-weight:750;background:#ed525f;color:white}.btn.secondary{background:#ffffff12;border:1px solid #ffffff3a}.section{padding:85px 0}.section.alt{background:#0d1b36}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;margin:10px 0}.muted{color:#aebbd2;line-height:1.65}.section-head .muted{max-width:460px}.featured{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#14284c;border:1px solid #ffffff22;border-radius:20px}.feature-copy{padding:clamp(26px,5vw,55px)}.tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#ff8b92;font-weight:800}.featured h3{font-size:clamp(1.9rem,3.6vw,3.4rem);letter-spacing:-.05em;margin:14px 0}.featured p{color:#bdcbe0;line-height:1.65;font-size:1.07rem}.feature-art{background:linear-gradient(145deg,#224e93,#152c54);display:grid;place-items:center;min-height:300px;padding:30px}.language-mark{font-size:clamp(4rem,9vw,8rem);font-weight:850;letter-spacing:-.1em;color:white}.language-mark span{color:#ff6671}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.chip{border:1px solid #ffffff35;border-radius:100px;padding:8px 12px;color:#d5deef;font-size:.89rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{padding:26px;background:#142747;border:1px solid #ffffff20;border-radius:17px;min-height:240px}.card .icon{width:47px;height:47px;border-radius:12px;background:#2b4776;display:grid;place-items:center;font-size:1.25rem;color:#ff868d;font-weight:800}.card h3{font-size:1.35rem;margin:22px 0 9px;letter-spacing:-.025em}.card p{color:#bac8de;line-height:1.6;margin:0}.app-grid .card{display:flex;flex-direction:column;min-height:230px}.app-grid .card h3{margin:16px 0 10px}.package{overflow-wrap:anywhere;font-size:.83rem}.store{margin-top:auto;padding-top:22px;color:#ff8b92;text-decoration:none;font-weight:700}.store:hover{text-decoration:underline}.status{align-self:flex-start;border-radius:100px;padding:6px 10px;font-size:.77rem;font-weight:750;margin-top:15px}.status.live{background:#1a594c;color:#bdf4dd}.status.pending{background:#614b2a;color:#ffdaa0}.store-note{margin-top:auto;padding-top:22px;color:#9dafc9;font-size:.88rem}.edition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.edition{border:1px solid #ffffff20;background:#132647;border-radius:11px;padding:17px 19px;display:flex;justify-content:space-between;gap:10px}.edition span:last-child{color:#93a8c8;font-size:.86rem}.contact-panel{background:#18315c;border:1px solid #ffffff27;border-radius:20px;padding:clamp(25px,5vw,55px);display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-panel h2{margin:0 0 10px}.contact-emails{display:grid;gap:15px;margin-top:20px}.contact-emails div{display:grid;gap:4px}.contact-emails span{color:#aebbd2;font-size:.84rem}.email{font-size:clamp(1rem,2vw,1.3rem);overflow-wrap:anywhere;color:#fff;text-decoration-color:#ff747c;text-underline-offset:5px}footer{padding:30px 0;color:#a5b5d1;border-top:1px solid #ffffff1b;font-size:.88rem}footer .wrap{display:flex;justify-content:space-between;gap:15px}@media(max-width:760px){nav .links{gap:14px}nav .links a:first-child{display:none}.hero{padding:74px 0}.section{padding:62px 0}.featured,.grid,.edition-list{grid-template-columns:1fr}.feature-art{min-height:180px}.contact-panel,.section-head{display:block}.contact-panel .btn{margin-top:24px}footer .wrap{display:block}}

/* Current production app catalog */
.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-grid .card{display:flex;flex-direction:column;min-width:0;min-height:320px;overflow:hidden}
.app-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}
.app-icon{width:72px;height:72px;object-fit:cover;border-radius:16px;border:1px solid #ffffff2b;background:#0c1730;box-shadow:0 8px 22px #0000002e}
.app-info{min-width:0}.app-grid .card .tag{margin:2px 0 7px}.app-grid .card h3{margin:0;font-size:1.18rem;line-height:1.22;overflow-wrap:anywhere}
.app-grid .package{display:block;width:100%;margin:19px 0 0;color:#a9b9d4;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.app-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.status.live{margin:0}.version-pill{align-self:flex-start;border-radius:100px;padding:6px 10px;font-size:.77rem;font-weight:750;background:#263d68;color:#dce8ff}.version-pill.free{background:#184f46;color:#c6f6e7}.version-pill.paid{background:#563d72;color:#efdfff}
.play-badge{margin-top:auto;padding-top:21px;display:inline-block;width:155px;max-width:100%}.play-badge img{display:block;width:100%;height:auto}.play-badge:hover{transform:translateY(-1px);filter:brightness(1.06)}
.app-count{display:inline-flex;align-items:center;gap:9px;margin-top:8px;color:#c5d1e6;font-size:.92rem}.app-count strong{color:#fff;font-size:1.2rem}
@media(max-width:980px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app-grid{grid-template-columns:1fr}.app-grid .card{min-height:292px}.app-head{grid-template-columns:64px minmax(0,1fr);gap:13px}.app-icon{width:64px;height:64px;border-radius:14px}}

.rating-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px;
  min-height:25px;
  font-size:.86rem;
}
.rating-stars{
  color:#ffc857;
  letter-spacing:.07em;
  font-size:1.05rem;
  line-height:1;
}
.rating-stars-empty{
  color:#6f7f9c;
}
.rating-live strong{
  color:#fff;
  font-size:.96rem;
}
.rating-reviews{
  color:#aebbd2;
}
.rating-pending{
  color:#93a8c8;
  line-height:1.35;
}

.rating-live .rating-stars{
  color:#ffd34d;
  text-shadow:0 0 7px rgba(255,211,77,.38);
  font-size:1.12rem;
}
.rating-live strong{
  color:#fff4bf;
  font-weight:800;
}

.status.coming{
  background:#5e4826;
  color:#ffe0a6;
  margin:0;
}
.coming-soon-card{
  border-style:dashed;
  border-color:#ffffff2b;
}
.coming-store{
  margin-top:auto;
  padding-top:21px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
.coming-store img{
  width:155px;
  max-width:100%;
  height:auto;
  opacity:.72;
  filter:saturate(.75);
}
.coming-store span{
  color:#9dafc9;
  font-size:.82rem;
  font-weight:700;
}


/* SEO app landing pages */
.app-page-hero{padding:80px 0 64px;background:radial-gradient(ellipse at 80% 28%,#1c3d7799,transparent 48%),linear-gradient(130deg,#09142b,#0d1d3e)}
.breadcrumb{font-size:.86rem;color:#9dafc9;margin-bottom:24px}.breadcrumb a{color:#c8d7f0;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.app-landing{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:start}
.app-landing-icon{width:150px;height:150px;border-radius:30px;object-fit:cover;border:1px solid #ffffff2d;background:#112646;box-shadow:0 18px 44px #0000003b}
.app-landing h1{font-size:clamp(2.4rem,5vw,4.9rem);line-height:1.01;letter-spacing:-.06em;margin:4px 0 16px}
.app-landing .lead{max-width:780px;color:#c4cfe1;font-size:1.08rem;line-height:1.7}
.app-facts{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.fact-pill{border:1px solid #ffffff2f;background:#ffffff0c;border-radius:999px;padding:8px 11px;color:#dbe5f5;font-size:.84rem;font-weight:700}
.app-action-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:26px}.app-action-row .play-badge{margin:0;padding:0}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.detail-panel{background:#142747;border:1px solid #ffffff20;border-radius:18px;padding:28px}.detail-panel h2{font-size:1.65rem;margin:0 0 13px}.detail-panel p,.detail-panel li{color:#bac8de;line-height:1.7}.detail-panel ul{padding-left:20px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-card{display:block;text-decoration:none;background:#142747;border:1px solid #ffffff20;border-radius:15px;padding:18px}.related-card:hover{border-color:#ffffff45;transform:translateY(-2px)}.related-card strong{display:block;margin-bottom:6px}.related-card span{color:#9dafc9;font-size:.86rem}
.seo-copy{max-width:900px}.seo-copy p{color:#b9c7dc;line-height:1.78}
.faq-list{display:grid;gap:12px}.faq-item{background:#142747;border:1px solid #ffffff20;border-radius:15px;padding:20px}.faq-item h3{margin:0 0 8px;font-size:1.05rem}.faq-item p{margin:0;color:#b9c7dc;line-height:1.65}
.details-link{display:inline-block;margin-top:15px;color:#ff9ba1;font-weight:750;text-decoration:none}.details-link:hover{text-decoration:underline}
.app-title-link{color:inherit;text-decoration:none}.app-title-link:hover{color:#fff}
@media(max-width:800px){.app-landing{grid-template-columns:100px minmax(0,1fr)}.app-landing-icon{width:100px;height:100px;border-radius:22px}.detail-grid,.related-grid{grid-template-columns:1fr}}
@media(max-width:520px){.app-landing{grid-template-columns:1fr}.app-landing-icon{width:92px;height:92px}.app-page-hero{padding-top:56px}}