/* GPTishka opening: a typographic storefront and a branded set of service cards. */
html body#storefrontBody.home-wide-body {
  --store-bg: #15191b;
  --store-surface: #22292c;
  --store-text: #f5f4ed;
  --store-muted: #b5bec1;
  --store-line: #39464a;
  --store-accent: #6ddace;
  --store-focus: #a7eee5;
  background: var(--store-bg) !important;
}
html body#storefrontBody.home-wide-body .home-wide-page { padding-top: 0 !important; }
html body#storefrontBody .home-wide-page .home-opening-frame.home-launch {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  gap: 32px;
  width: min(1320px,calc(100% - 48px));
  margin: 0 auto !important;
  min-height: calc(100svh - 80px) !important;
  padding: 32px 0 48px !important;
}
.launch-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 36px; flex: 1; min-height: 440px; }
.launch-copy { position: relative; z-index: 1; padding-block: 24px; }
.launch-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: #bac2b6; font: 700 12px/1.4 'Manrope',sans-serif; letter-spacing: .12em; }
.launch-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--store-accent); }
html body#storefrontBody .launch-copy h1 { margin: 0; font: 800 clamp(46px,4.6vw,68px)/1.08 'Manrope',sans-serif; letter-spacing: -.055em; color: var(--store-text); }
.launch-copy h1 > span { display: block; }
html body#storefrontBody .launch-copy h1 > .launch-title-accent { color: var(--store-accent); }
html body#storefrontBody .launch-description { max-width: 480px; margin: 24px 0 0; color: var(--store-muted); font: 500 17px/1.7 'Manrope',sans-serif; }
.launch-actions { display: flex; align-items: center; gap: 28px; margin-top: 30px; }
.launch-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 0 20px; color: #153330; background: var(--store-accent); border: 1px solid transparent; border-radius: 12px; text-decoration: none; font: 750 14px/1.3 'Manrope',sans-serif; transition: background .16s ease, transform .16s ease; }
.launch-button svg { width: 20px; height: 20px; }
.launch-button:hover { color: #153330; background: #8be7dc; transform: translateY(-2px); }
.launch-how { display: flex; align-items: center; gap: 12px; min-height: 48px; color: #e2e6dc; text-decoration: none; font: 600 14px/1.4 'Manrope',sans-serif; }
.launch-how:hover { color: var(--store-accent); }
.launch-how > span { font-size: 22px; }
.launch-art { width: 600px; height: 440px; max-width: 100%; justify-self: end; position: relative; isolation: isolate; }
.launch-orbit { position: absolute; left: 104px; top: 24px; width: 400px; height: 400px; border: 1px solid #6c99953b; border-radius: 50%; }
.launch-orbit::before { content: ''; position: absolute; inset: 30px; border: 1px dashed #6c999538; border-radius: 50%; }
.launch-star { position: absolute; top: 3px; left: 385px; width: 44px; height: 44px; color: var(--store-accent); transform: rotate(12deg); }
.launch-pass { position: absolute; top: 48px; left: 180px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 258px; height: 352px; box-sizing: border-box; padding: 18px; background: var(--store-accent); color: #173532; border: 1px solid #a7eee5; border-radius: 18px; transform: rotate(-8deg); box-shadow: 9px 12px 0 #0005; text-align: center; }
.launch-pass > * { flex-shrink: 0; }
.launch-pass-top { display: flex; flex-direction: column; align-items: center; gap: 3px; width: 100%; font: 800 11px/1.4 'Manrope',sans-serif; letter-spacing: .06em; }
.launch-pass-series { font-size: 10px; letter-spacing: .12em; }
.launch-cat { width: 190px; height: 190px; margin: 10px auto 0; background: #0d1213; border-radius: 50%; overflow: hidden; }
.launch-cat img { display: block; width: 100%; height: 100%; mix-blend-mode: screen; }
.launch-pass-brand { display: block; margin-top: 8px; font: 800 32px/1 'Manrope',sans-serif; letter-spacing: -.07em; text-align: center; }
.launch-pass-bottom { display: grid; justify-items: center; margin-top: 8px; gap: 4px; font: 700 13px/1.4 'Manrope',sans-serif; }
.launch-barcode { display: block; width: 49px; height: 10px; background: repeating-linear-gradient(90deg,#173532 0 1px,transparent 1px 3px,#173532 3px 5px,transparent 5px 7px); }
.launch-tile { box-sizing: border-box; position: absolute; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 20px; box-shadow: 7px 9px 0 #0004; padding: 18px; font-family: 'Manrope',sans-serif; }
.launch-tile strong { font-size: 19px; line-height: 1.3; letter-spacing: -.03em; }
.launch-tile-corner { position: absolute; right: 15px; bottom: 18px; font-size: 21px; }
.launch-tile--chatgpt { left: 20px; top: 45px; width: 162px; height: 180px; transform: rotate(-12deg); background: #139c78; color: #fff; }
.launch-tile--claude { top: 62px; right: 8px; width: 145px; height: 156px; transform: rotate(10deg); background: #e5a07f; color: #281d17; }
.launch-symbol { display: block; width: 70px; height: 70px; margin-bottom: 22px; background: currentColor; mask-size: contain; mask-position: center; mask-repeat: no-repeat; }
.launch-symbol--chatgpt { --symbol: url('/assets/img/services/chatgpt-symbol-mask-v2.webp'); }
.launch-symbol--claude { --symbol: url('/assets/img/services/claude-symbol-mask-v1.webp'); }
.launch-symbol--steam { --symbol: url('/assets/img/services/steam-symbol-mask-v1.webp'); }
.launch-symbol--apple { --symbol: url('/assets/img/services/appstore-symbol-mask-v6.webp'); }
.launch-symbol { mask-image: var(--symbol); }
.launch-tile--claude .launch-symbol { width: 62px; height: 62px; margin-bottom: 17px; }
.launch-tile--codex { left: 28px; bottom: 28px; width: 162px; height: 118px; gap: 6px; transform: rotate(6deg); background: #ede9dc; color: #20272a; border-radius: 16px; }
.launch-terminal { font: 700 28px/1 'Space Grotesk',monospace; letter-spacing: -.1em; }
.launch-tile--codex > span:last-child { display: flex; flex-direction: column; align-items: center; }
.launch-tile--codex small { display: block; font-size: 13px; line-height: 1.3; margin-top: 3px; }
.launch-tile--steam { right: 0; bottom: 43px; width: 174px; height: 130px; background: #244b83; color: #fff; transform: rotate(-5deg); }
.launch-tile--steam .launch-symbol { width: 56px; height: 56px; margin-bottom: 8px; }
.launch-assurances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 22px 0; border-top: 1px solid #ffffff15; border-bottom: 1px solid #ffffff15; }
.launch-assurance { display: flex; align-items: center; gap: 16px; padding-inline: 24px; border-left: 1px solid #ffffff15; }
.launch-assurance:first-child { padding-left: 0; border-left: 0; }
.launch-assurance:last-child { padding-right: 0; }
.launch-assurance-icon { display: block; width: 28px; height: 28px; flex: 0 0 28px; color: var(--store-accent); font: 600 28px/1 'Manrope',sans-serif; }
.launch-assurance strong { display: block; color: var(--store-text); font: 650 14px/1.45 'Manrope',sans-serif; }
.launch-assurance small { display: block; margin-top: 5px; color: var(--store-muted); font: 500 14px/1.5 'Manrope',sans-serif; }
.launch-categories { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.launch-category { position: relative; display: flex; align-items: center; gap: 16px; min-height: 114px; box-sizing: border-box; padding: 22px 34px 22px 18px; border: 1px solid #ffffff15; border-radius: 16px; background: #22292c; color: var(--store-text); text-decoration: none; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
html body#storefrontBody .launch-category:is(:hover,:focus-visible) { transform: translateY(-3px); color: var(--store-text); border-color: #5c9e98; background: #293638; }
.launch-category-icon { display: block; width: 44px; height: 44px; flex: 0 0 44px; background: currentColor; mask-image: var(--symbol); mask-position: center; mask-repeat: no-repeat; mask-size: contain; color: var(--store-accent); }
.launch-category--steam .launch-category-icon { color: #9bbcf5; }
.launch-category--apple .launch-category-icon { color: #e3ddd1; }
.launch-category-terminal { mask: none; background: transparent; width: 40px; flex-basis: 40px; font: 700 34px/44px 'Space Grotesk',monospace; letter-spacing: -.1em; }
.launch-category-copy { min-width: 0; }
.launch-category strong { display: block; font: 750 16px/1.35 'Manrope',sans-serif; letter-spacing: -.02em; }
html body#storefrontBody .launch-category strong { color: var(--store-text); }
.launch-category small { display: block; margin-top: 6px; max-width: 180px; color: var(--store-muted); font: 500 13px/1.5 'Manrope',sans-serif; }
.launch-category-arrow { position: absolute; top: 14px; right: 15px; color: #c4ced0; font: 400 22px/1 'Manrope',sans-serif; }
html body#storefrontBody .launch-category:is(:hover,:focus-visible) small { color: #c5ced0; }
html body#storefrontBody .launch-category:is(:hover,:focus-visible) .launch-category-arrow { color: var(--store-accent); }
html body#storefrontBody.home-wide-body .pricing { margin-top: 0 !important; padding: 64px 0 0 !important; border-top: 1px solid #ffffff12; }
html body#storefrontBody.home-wide-body .home-wide-page > :is(.how,.faq,.home-testimonials) { width: min(1320px,calc(100% - 48px)) !important; max-width: 1320px !important; }
html body#storefrontBody.home-wide-body .home-wide-page > :is(.how,.faq) { min-height: 0 !important; height: auto !important; content-visibility: visible !important; contain-intrinsic-size: none !important; }
html body#storefrontBody.home-wide-body .how-title { font: 750 32px/1.2 'Manrope',sans-serif !important; letter-spacing: -.04em !important; color: var(--store-text) !important; }
html body#storefrontBody.home-wide-body .how-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 0 !important; margin-top: 28px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html body#storefrontBody.home-wide-body .how-card { min-height: 0 !important; height: auto !important; display: block !important; padding: 0 24px !important; border: 0 !important; border-left: 1px solid #ffffff18 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html body#storefrontBody.home-wide-body .how-card:first-child { padding-left: 0 !important; border-left: 0 !important; }
html body#storefrontBody.home-wide-body .how-card:last-child { padding-right: 0 !important; }
html body#storefrontBody.home-wide-body .how-card::before,
html body#storefrontBody.home-wide-body .how-card::after,
html body#storefrontBody.home-wide-body .how-card__visual { display: none !important; }
html body#storefrontBody.home-wide-body .how-number { position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--store-accent) !important; font: 600 30px/1 'Space Grotesk','Manrope',sans-serif !important; }
html body#storefrontBody.home-wide-body .how-card__content { padding: 0 !important; }
html body#storefrontBody.home-wide-body .how-card h3 { margin: 0 0 10px !important; color: var(--store-text) !important; font: 700 20px/1.4 'Manrope',sans-serif !important; }
html body#storefrontBody.home-wide-body .how-card p { margin: 0 !important; color: var(--store-muted) !important; font: 500 18px/1.65 'Manrope',sans-serif !important; }
html body#storefrontBody.home-wide-body :is(.home-testimonials h2,.faq-header h2) { font: 750 32px/1.2 'Manrope',sans-serif !important; letter-spacing: -.04em !important; color: var(--store-text) !important; }
html body#storefrontBody.home-wide-body :is(.faq-item,.home-testimonial-card) { background: var(--store-surface) !important; border: 1px solid #ffffff18 !important; box-shadow: none !important; }
html body#storefrontBody.home-wide-body .faq-item:hover,
html body#storefrontBody.home-wide-body .faq-item.active { border-color: #5c9e98 !important; }
html body#storefrontBody.home-wide-body :is(.faq-item,.home-testimonial-card)::before,
html body#storefrontBody.home-wide-body :is(.faq-item,.home-testimonial-card)::after { display: none !important; }
.home-discover { margin: 64px auto; }
.home-discover-heading { width: min(1320px,calc(100% - 48px)); margin: 0 auto 20px; display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.home-discover-heading h2 { margin: 0; font: 750 32px/1.2 'Manrope',sans-serif; color: var(--store-text); letter-spacing: -.04em; }
.home-discover-heading p { margin: 0; color: var(--store-muted); font-size: 15px; }
html body#storefrontBody .home-wide-page .home-discover .home-hero-wide { margin: 0 auto !important; }
html body#storefrontBody .home-discover .home-promo-slide { align-items: center !important; }
html body#storefrontBody .home-discover .home-promo-slide::before,
html body#storefrontBody .home-discover .home-promo-slide::after { display: none !important; }
html body#storefrontBody .home-discover .home-promo-slide--perplexity { background: #15312f !important; }
html body#storefrontBody .home-discover .home-promo-slide--supergrok { background: #242923 !important; }
html body#storefrontBody .home-discover .home-promo-slide--topups { background: #1a2c45 !important; }
.home-discover .home-promo-slide__content { position: relative; z-index: 1; }
html body#storefrontBody .home-discover .home-promo-slide__button { width: auto !important; align-self: flex-start !important; justify-self: start !important; background: var(--store-accent) !important; color: #153330 !important; border: 1px solid transparent !important; box-shadow: none !important; transform: none !important; font-weight: 750 !important; }
.discover-mark { position: absolute; top: 50%; right: 100px; width: 160px; height: 160px; transform: translateY(-50%); background: #e4f5f2; opacity: .35; mask-size: contain; mask-position: center; mask-repeat: no-repeat; }
.discover-mark--perplexity { mask-image: url('/assets/img/services/perplexity-symbol-mask-v1.svg'); }
.discover-mark--supergrok { mask-image: url('/assets/img/services/grok-symbol-mask-v1.webp'); }
.discover-mark--topups { mask-image: url('/assets/img/services/steam-symbol-mask-v1.webp'); }
.home-discover .home-promo-slider__controls { display: block; inset: 0 14px; }
.home-discover .home-promo-slider__arrow { position: absolute; top: 50%; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border-radius: 12px; background: #111719; border: 1px solid #ffffff38; font-size: 30px; transform: translateY(-50%); }
.home-discover .home-promo-slider__arrow:first-child { left: 0; }
.home-discover .home-promo-slider__arrow:last-child { right: 0; }
.home-discover .home-promo-slider__dots { position: absolute; bottom: 20px; left: 50%; width: max-content; max-width: calc(100% - 112px); margin: 0; transform: translateX(-50%); }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__arrow,
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__arrow:hover { transform: translateY(-50%) !important; }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__dots { bottom: 12px !important; gap: 4px !important; }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__dot { width: 36px !important; height: 44px !important; min-width: 36px !important; min-height: 44px !important; display: grid !important; place-items: center !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__dot::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: #7d8c90; }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__dot.is-active::before { background: var(--store-accent); }
html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__dot::after { display: none !important; }
@media (min-width: 1101px) and (max-width: 1300px) {
  .launch-art { transform: scale(.87); transform-origin: center right; width: 600px; max-width: none; }
  .launch-hero { grid-template-columns: 1.05fr .95fr; gap: 10px; }
  .launch-category { gap: 12px; padding-left: 16px; }
  .launch-category-icon { width: 36px; height: 36px; flex-basis: 36px; }
  .launch-category strong { font-size: 15px; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .launch-hero { grid-template-columns: minmax(0,1fr); gap: 4px; min-height: 0; }
  .launch-copy { text-align: center; padding-block: 16px; }
  .launch-eyebrow,.launch-actions { justify-content: center; }
  .launch-copy h1 { font-size: 58px !important; }
  .launch-description { margin-inline: auto !important; max-width: 540px !important; }
  .launch-art { justify-self: center; }
  .launch-categories { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .launch-assurance { gap: 12px; padding-inline: 16px; }
}
@media (max-width: 760px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { width: calc(100% - 28px); min-height: calc(100svh - 104px) !important; gap: 24px; padding: 26px 0 32px !important; }
  .launch-hero { grid-template-columns: minmax(0,1fr); gap: 12px; min-height: 0; }
  .launch-copy { padding: 0; }
  .launch-eyebrow { font-size: 11px; letter-spacing: .08em; margin-bottom: 16px; }
  html body#storefrontBody .launch-copy h1 { font-size: clamp(30px,9.6vw,51px); line-height: 1.12; }
  html body#storefrontBody .launch-description { margin-top: 17px; font-size: 15px; line-height: 1.65; max-width: 400px; }
  .launch-actions { margin-top: 22px; gap: 18px; flex-wrap: wrap; }
  .launch-button { padding-inline: 15px; min-height: 50px; gap: 12px; font-size: 14px; }
  .launch-button svg { width: 17px; height: 17px; }
  .launch-how { font-size: 13px; gap: 6px; }
  .launch-how > span { font-size: 18px; }
  .launch-art { justify-self: center; width: 347px; max-width: none; min-width: 0; height: 304px; transform: scale(.95); transform-origin: center; margin: -6px -8px; }
  .launch-orbit { width: 270px; height: 270px; top: 14px; left: 38px; }
  .launch-orbit::before { inset: 20px; }
  .launch-star { left: 212px; top: 0; width: 26px; height: 26px; }
  .launch-pass { top: 26px; left: 86px; width: 176px; height: 248px; padding: 12px; border-radius: 12px; box-shadow: 5px 7px 0 #0005; }
  .launch-pass-top { font-size: 9px; gap: 2px; }
  .launch-pass-series { font-size: 8px; }
  .launch-cat { width: 132px; height: 132px; margin-top: 7px; }
  .launch-pass-brand { font-size: 22px; margin-top: 6px; }
  .launch-pass-bottom { font-size: 10px; line-height: 1.3; margin-top: 5px; gap: 3px; }
  .launch-barcode { width: 28px; height: 6px; }
  .launch-tile { padding: 11px; border-radius: 12px; box-shadow: 4px 6px 0 #0004; }
  .launch-tile strong { font-size: 14px; }
  .launch-tile-corner { bottom: 10px; right: 9px; font-size: 14px; }
  .launch-tile--chatgpt { left: 4px; top: 72px; width: 95px; height: 108px; }
  .launch-symbol { width: 42px; height: 42px; margin-bottom: 12px; }
  .launch-tile--claude { top: 51px; right: 5px; width: 84px; height: 95px; }
  .launch-tile--claude .launch-symbol { width: 37px; height: 37px; margin-bottom: 9px; }
  .launch-tile--codex { left: 12px; bottom: 20px; width: 91px; height: 80px; gap: 2px; }
  .launch-terminal { font-size: 17px; }
  .launch-tile--codex small { font-size: 10px; margin-top: 2px; }
  .launch-tile--steam { right: 4px; bottom: 24px; width: 101px; height: 78px; }
  .launch-tile--steam .launch-symbol { width: 31px; height: 31px; margin-bottom: 5px; }
  .launch-assurances { padding: 16px 0; grid-template-columns: 1fr; gap: 17px; }
  .launch-assurance,.launch-assurance:first-child,.launch-assurance:last-child { padding: 0; border: 0; gap: 14px; }
  .launch-assurance-icon { width: 24px; height: 24px; flex-basis: 24px; font-size: 24px; }
  .launch-assurance strong { font-size: 14px; }
  .launch-assurance small { margin-top: 3px; font-size: 13px; }
  .launch-categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .launch-category { min-height: 145px; flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 12px; border-radius: 12px; }
  .launch-category-icon { width: 32px; height: 32px; flex-basis: 32px; }
  .launch-category-terminal { font-size: 28px; line-height: 32px; }
  .launch-category strong { font-size: 15px; }
  .launch-category small { font-size: 13px; margin-top: 5px; }
  .launch-category-arrow { font-size: 21px; top: 12px; right: 12px; }
  html body#storefrontBody.home-wide-body .pricing { padding-top: 32px !important; }
  html body#storefrontBody.home-wide-body .home-wide-page > :is(.how,.faq,.home-testimonials) { width: calc(100% - 28px) !important; }
  html body#storefrontBody.home-wide-body .how-title { font-size: 26px !important; }
  html body#storefrontBody.home-wide-body .how-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 26px 18px !important; }
  html body#storefrontBody.home-wide-body .how-card { padding: 0 !important; border: 0 !important; }
  html body#storefrontBody.home-wide-body .how-number { font-size: 25px !important; margin-bottom: 12px !important; }
  html body#storefrontBody.home-wide-body .how-card h3 { font-size: 19px !important; }
  html body#storefrontBody.home-wide-body .how-card p { font-size: 17px !important; }
  html body#storefrontBody.home-wide-body :is(.home-testimonials h2,.faq-header h2) { font-size: 26px !important; }
  .home-discover { margin-block: 40px; }
  .home-discover-heading { width: calc(100% - 28px); display: block; margin-bottom: 16px; }
  .home-discover-heading h2 { font-size: 26px; }
  .home-discover-heading p { margin-top: 8px; font-size: 14px; }
  html body#storefrontBody .home-wide-page .home-discover .home-hero-wide__panel { height: 420px !important; }
  html body#storefrontBody .home-wide-page .home-discover .home-promo-slide { padding: 20px 30px 76px !important; }
  html body#storefrontBody .home-wide-page .home-discover .home-promo-slide--ai-battle { padding: 0 !important; }
  html body#storefrontBody .home-wide-page .home-discover .home-ai-battle { padding: 20px 18px 76px !important; }
  .discover-mark { display: none; }
  .home-discover .home-promo-slider__controls { inset-inline: 10px; }
  html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__arrow,
  html body#storefrontBody.home-wide-body .home-discover .home-promo-slider__arrow:hover { top: auto !important; bottom: 12px !important; transform: none !important; }
  .home-discover .home-promo-slider__dots { bottom: 28px; }
}
@media (max-width: 360px) {
  .launch-art { transform: scale(.79); margin: -27px -36px; }
  .launch-actions { gap: 4px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .launch-button,.launch-category { transition: none; }
  .launch-button:hover,.launch-category:hover { transform: none; }
}

/* Comfortable reading sizes and compact purchase steps. */
html body#storefrontBody.home-wide-body .how { margin-block: 56px 64px !important; }
html body#storefrontBody.home-wide-body .how-grid { align-items: start !important; }
html body#storefrontBody.home-wide-body .faq-header p { font-size: 18px !important; line-height: 1.6 !important; }
html body#storefrontBody.home-wide-body .faq-question { font-size: 19px !important; line-height: 1.45 !important; }
html body#storefrontBody.home-wide-body :is(.faq-answer p,.faq-sticky p) { font-size: 18px !important; line-height: 1.65 !important; }
html body#storefrontBody.home-wide-body .faq-item.active .faq-answer { max-height: none !important; }
html body#storefrontBody.home-wide-body .home-testimonial-card blockquote { font-size: 18px !important; line-height: 1.65 !important; }
html body#storefrontBody.home-wide-body .home-testimonial-card__person strong { font-size: 17px !important; }
html body#storefrontBody.home-wide-body .home-testimonial-card__person small { font-size: 15px !important; }
html body#storefrontBody.home-wide-body .home-testimonials__status { font-size: 16px !important; }
html body#storefrontBody.home-wide-body .faq-chat-btn,
html body#storefrontBody.home-wide-body .faq-chat-btn:hover { font-size: 17px !important; line-height: 1.4 !important; min-height: 48px !important; background: var(--store-accent) !important; color: #153330 !important; box-shadow: none !important; }
html body#storefrontBody.home-wide-body :is(#pricing,#how,#faq) { scroll-margin-top: 104px !important; }
@media (min-width: 761px) and (max-width: 1100px) {
  html body#storefrontBody.home-wide-body .how-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 28px !important; }
  html body#storefrontBody.home-wide-body .how-card { padding: 0 !important; border: 0 !important; }
}
@media (max-width: 760px) {
  html body#storefrontBody.home-wide-body .how { margin-block: 40px 48px !important; }
  html body#storefrontBody.home-wide-body :is(.faq-header p,.faq-answer p,.faq-sticky p,.home-testimonial-card blockquote) { font-size: 17px !important; }
  html body#storefrontBody.home-wide-body .faq-question { font-size: 18px !important; }
  html body#storefrontBody.home-wide-body :is(#pricing,#how,#faq) { scroll-margin-top: 124px !important; }
}
@media (max-width: 600px) {
  html body#storefrontBody.home-wide-body .how-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  html body#storefrontBody.home-wide-body .how-card { display: grid !important; grid-template-columns: 40px minmax(0,1fr); gap: 16px; align-items: start; }
  html body#storefrontBody.home-wide-body .how-number { margin: 2px 0 0 !important; }
}

/* Product-focused opening copy, with plan-specific delivery details. */
html body#storefrontBody .launch-copy h1 { font-size: clamp(36px,3.4vw,50px); line-height: 1.15; letter-spacing: -.045em; }
html body#storefrontBody .launch-terms { max-width: 520px; margin: 12px 0 0; color: var(--store-muted); font: 500 16px/1.6 'Manrope',sans-serif; }
@media (min-width: 761px) and (max-width: 1100px) {
  html body#storefrontBody .launch-copy h1 { font-size: 46px !important; }
  html body#storefrontBody .launch-terms { margin-inline: auto; }
}
@media (max-width: 760px) {
  html body#storefrontBody .launch-copy h1 { font-size: clamp(30px,8.2vw,46px); }
  html body#storefrontBody .launch-description { font-size: 17px; }
}

/* Each tilted service card is its own native link and hit area. */
html body#storefrontBody a.launch-tile { text-decoration: none; cursor: pointer; color: var(--launch-tile-ink,#fff); transition: box-shadow .16s ease; }
.launch-tile--claude { --launch-tile-ink: #281d17; }
.launch-tile--codex { --launch-tile-ink: #20272a; }
html body#storefrontBody a.launch-tile:hover { color: var(--launch-tile-ink,#fff); box-shadow: 7px 9px 0 #0004,0 0 0 3px var(--store-accent); }
html body#storefrontBody a.launch-tile:focus-visible { outline: 3px solid var(--store-focus); outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) { html body#storefrontBody a.launch-tile { transition: none; } }

/* Keep the four category entrances inside the desktop opening screen. */
@media (min-width: 1101px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { min-height: calc(100svh - 80px) !important; gap: 20px; padding: 24px 0 28px !important; }
  .launch-hero { flex: 1; min-height: 400px; }
  .launch-copy { padding-block: 8px; }
  .launch-eyebrow { margin-bottom: 14px; }
  html body#storefrontBody .launch-description { margin-top: 18px; line-height: 1.55; }
  html body#storefrontBody .launch-terms { margin-top: 8px; max-width: none; }
  .launch-actions { margin-top: 20px; }
  .launch-assurances { padding-block: 16px; }
  .launch-category { min-height: 96px; padding-block: 14px; }
}
@media (min-width: 1101px) and (max-height: 800px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { gap: 14px; padding: 16px 0 !important; }
  .launch-hero { min-height: 0; }
  .launch-copy { padding-block: 0; }
  html body#storefrontBody .launch-copy h1 { font-size: 36px; line-height: 1.1; }
  .launch-eyebrow { margin-bottom: 12px; }
  html body#storefrontBody .launch-description { margin-top: 14px; font-size: 17px; }
  html body#storefrontBody .launch-terms { font-size: 15px; line-height: 1.4; }
  .launch-actions { margin-top: 16px; }
  .launch-button { min-height: 48px; }
  .launch-assurances { padding-block: 12px; }
  .launch-category { min-height: 88px; padding-block: 12px; }
  .launch-art { transform: scale(.78); transform-origin: center right; height: 380px; }
  .launch-tile--codex { bottom: -32px; }
  .launch-tile--steam { bottom: -17px; }
}


/* A responsive, unscaled composition keeps letterforms and card edges crisp. */
html body#storefrontBody .home-wide-page .home-opening-frame.home-launch {
  min-height: 0 !important;
  gap: 28px;
  padding: 12px 0 28px !important;
}
.launch-hero { align-items: start; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; min-height: 470px; }
html body#storefrontBody .launch-copy h1 { font-size: clamp(36px,3.6vw,52px); line-height: 1.15; }
html body#storefrontBody .launch-description { max-width: 500px; margin-top: 22px; font-size: 20px; line-height: 1.65; }
.launch-actions { margin-top: 26px; }
.launch-art { width: 100%; max-width: 590px; height: auto; aspect-ratio: 1.18; transform: none; margin: 0; justify-self: end; }
.launch-orbit { display: none; }
.launch-pass { left: 27%; top: 7%; width: 46%; height: 83%; padding: 20px 14px; border-radius: 22px; transform: none; border: 1px solid #d9eade; background: #bfd9ca; color: #243f34; box-shadow: 0 16px 36px #00000026,inset 0 1px 0 #ffffff66; }
.launch-pass-top { font-size: clamp(9px, .82vw, 11px); font-weight: 650; letter-spacing: .035em; }
.launch-cat { width: 70%; height: auto; aspect-ratio: 1; margin: 18px auto 4px; }
.launch-pass-brand { font-size: clamp(20px,2.2vw,30px); letter-spacing: -.04em; margin-top: 10px; }
.launch-pass-bottom { margin-top: 12px; font-size: clamp(11px,1.1vw,14.5px); font-weight: 550; }
html body#storefrontBody a.launch-tile { border: 1px solid #ffffff12; border-radius: 20px; transform: none; box-shadow: 0 8px 20px #0000002b,inset 0 1px 0 #ffffff1a; padding: 14px; transition: translate .2s ease,box-shadow .2s ease; }
.launch-tile--chatgpt { left: 0; top: 0; width: 31%; height: 35%; --tile-accent: #4abd9d; --tile-shadow: #139c7826; }
.launch-tile--claude { right: 0; top: 13%; width: 28%; height: 35%; --tile-accent: #ebaf90; --tile-shadow: #e5a07f26; }
.launch-tile--codex { left: 4%; bottom: 8%; width: 30%; height: 27%; --tile-accent: #f7f2e3; --tile-shadow: #ede9dc1c; }
.launch-tile--steam { right: 2%; bottom: 0; width: 31%; height: 30%; --tile-accent: #6888b1; --tile-shadow: #244b833b; }
.launch-symbol { width: 45%; height: auto; aspect-ratio: 1; margin-bottom: 15px; }
.launch-tile--claude .launch-symbol { width: 44%; height: auto; margin-bottom: 14px; }
.launch-tile--steam .launch-symbol { width: 38%; height: auto; margin-bottom: 10px; }
.launch-tile strong { font-size: clamp(15.5px,1.65vw,21px); letter-spacing: -.025em; }
.launch-tile--codex small { font-size: clamp(11px,1.1vw,14.5px); }
html body#storefrontBody a.launch-tile:is(:hover,:focus-visible) { translate: 0 -6px; color: var(--launch-tile-ink,#fff); box-shadow: 8px 24px 30px #00000080,5px 12px 0 #00000040,inset 0 0 0 1px var(--tile-accent); }
html body#storefrontBody a.launch-tile:focus-visible { outline: 2px solid var(--tile-accent) !important; outline-offset: 4px; }

/* One quiet navigation row, without nested panels or decorative icon badges. */
.launch-categories { gap: 0; padding-top: 20px; border-top: 1px solid #ffffff16; }
html body#storefrontBody .launch-category { min-height: 124px; gap: 16px; padding: 20px 30px 20px 18px; border: 0; border-radius: 14px; background: transparent; box-shadow: none; }
html body#storefrontBody .launch-category:is(:hover,:focus-visible) { transform: none; background: #20282a; color: var(--store-text); }
.launch-category-icon { width: 34px; height: 34px; flex-basis: 34px; }
.launch-category-terminal { font-size: 30px; line-height: 34px; }
html body#storefrontBody .launch-category strong { font-size: 21px; line-height: 1.4; }
.launch-category small { max-width: 240px; font-size: 17px; line-height: 1.5; margin-top: 5px; }
.launch-category-arrow { right: 12px; top: 22px; font-size: 19px; color: #aeb9b8; }
@media (max-width: 1100px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { padding-top: 16px !important; }
  .launch-hero { grid-template-columns: minmax(0,1fr); gap: 32px; min-height: 0; }
  .launch-copy { text-align: center; padding: 0; }
  html body#storefrontBody .launch-copy h1 { font-size: clamp(34px,5vw,48px) !important; }
  html body#storefrontBody .launch-description { margin-inline: auto; }
  .launch-art { width: min(100%,540px); justify-self: center; transform: none; margin: 0; }
  .launch-actions { justify-content: center; }
  .launch-pass-top { font-size: 10px; }
  .launch-pass-brand { font-size: 27px; }
  .launch-pass-bottom { font-size: 12px; }
  .launch-tile strong { font-size: 20px; }
}
@media (max-width: 760px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { gap: 28px; padding: 12px 0 12px !important; }
  html body#storefrontBody .launch-copy h1 { font-size: clamp(30px,7.6vw,40px) !important; }
  html body#storefrontBody .launch-description { font-size: 17.5px; line-height: 1.65; }
  .launch-art { width: 100%; max-width: 440px; transform: none; margin: 0; }
  .launch-pass { padding: 12px 8px; border-radius: 17px; }
  .launch-pass-top { font-size: clamp(7px,1.9vw,9px); }
  .launch-cat { margin-top: 12px; }
  .launch-pass-brand { font-size: clamp(17px,4.7vw,23px); margin-top: 6px; }
  .launch-pass-bottom { font-size: clamp(8px,2.1vw,11px); margin-top: 7px; }
  html body#storefrontBody a.launch-tile { padding: 10px; border-radius: 15px; }
  .launch-tile strong { font-size: clamp(13px,3.85vw,17.5px); }
  .launch-terminal { font-size: 24px; }
  .launch-tile--codex small { font-size: 11px; }
  .launch-symbol,.launch-tile--claude .launch-symbol { margin-bottom: 9px; }
  html body#storefrontBody .launch-category { min-height: 132px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px; padding: 18px 12px; }
  html body#storefrontBody .launch-category strong { font-size: 20px; }
  .launch-category small { font-size: 16px; }
  .launch-category-icon { width: 30px; height: 30px; flex: 0 0 30px; }
  .launch-category-terminal { font-size: 28px; line-height: 30px; }
  .launch-category-arrow { top: 22px; right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html body#storefrontBody a.launch-tile { transition: none; }
  html body#storefrontBody a.launch-tile:is(:hover,:focus-visible) { translate: none; }
}

.launch-delivery { display: block; margin-top: 8px; color: var(--store-text); font-weight: 650; }
.launch-plan-note { margin: 10px 0 0; color: #a5b1b2; font: 500 14.5px/1.55 'Manrope',sans-serif; }
@media (max-width: 1100px) { .launch-plan-note { max-width: 500px; margin-inline: auto; } }
@media (max-width: 760px) { .launch-plan-note { font-size: 13px; } }

/* Increase supporting copy without changing the main heading or scaling text. */
.launch-copy { padding-top: 12px; }
.launch-button,.launch-how { font-size: 15.5px; }
.launch-pass-top { font-size: clamp(10px,.9vw,12px); }
.launch-pass-brand { font-size: clamp(22px,2.4vw,33px); }
.launch-pass-bottom { max-width: 100%; font-size: clamp(11px,1.1vw,14.5px); }
.launch-category { align-items: flex-start; }
.launch-category-copy { flex: 1; }
.launch-category-icon { margin-top: 4px; }
@media (max-width: 1100px) {
  .launch-copy { padding-top: 0; }
  .launch-pass-top { font-size: 11px; }
  .launch-pass-brand { font-size: 30px; }
  .launch-pass-bottom { font-size: 13px; }
}
@media (max-width: 760px) {
  .launch-button { font-size: 15.5px; }
  .launch-how { font-size: 14.5px; }
  .launch-actions { column-gap: 18px; row-gap: 6px; }
  .launch-pass-top { font-size: clamp(7.5px,2.1vw,10px); }
  .launch-pass-brand { font-size: clamp(18px,5.1vw,25px); }
  .launch-pass-bottom { font-size: clamp(9px,2.4vw,12px); }
  .launch-category-icon { margin-top: 0; }
}

/* The hero uses the available height; its artwork ends just above the bottom links. */
@media (min-width: 1101px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch {
    min-height: calc(100svh - 80px) !important;
    justify-content: flex-start;
    padding: 24px 0 16px !important;
    gap: clamp(24px,3svh,36px);
  }
  .launch-hero { flex: 1 0 auto; min-height: min-content; align-items: center; }
  .launch-copy { align-self: center; }
  .launch-art {
    --launch-art-height: clamp(356px,calc(100svh - 310px),640px);
    width: min(100%,calc(var(--launch-art-height) * 1.18));
    max-width: none;
    height: var(--launch-art-height);
    aspect-ratio: auto;
    align-self: end;
  }
  .launch-categories { margin-top: 0; }
}
@media (max-width: 1100px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { padding-top: 24px !important; }
}
@media (max-width: 760px) {
  html body#storefrontBody .home-wide-page .home-opening-frame.home-launch { padding-top: 18px !important; }
}
html body#storefrontBody.home-wide-body .pricing { padding-top: 24px !important; }

/* Use each catalog group's own visible heading in both languages. */
#storefrontBody.home-wide-body #pricing > .pricing-header {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* Soft face highlights and a continuous lift with a moving cast shadow. */
.launch-pass {
  background-image: linear-gradient(150deg,#cee4d4 0%,#bfd9ca 56%,#afcbbb 100%);
  box-shadow: inset 0 1px 0 #ffffff9c,inset 0 -2px 0 #243f3426,0 3px 0 #0a111340,0 18px 34px -8px #00000066;
}
html body#storefrontBody a.launch-tile {
  background-image: linear-gradient(145deg,#ffffff10 0%,#ffffff00 48%,#00000012 100%);
  border-color: #ffffff24;
  box-shadow: inset 0 1px 0 #ffffff50,inset 0 -2px 0 #00000024,0 3px 0 #00000042,0 14px 24px -5px #00000073;
  transition: translate 480ms cubic-bezier(.22,1,.36,1),box-shadow 480ms cubic-bezier(.22,1,.36,1),border-color 400ms ease;
}
html body#storefrontBody a.launch-tile:is(:hover,:focus-visible) {
  translate: 0 -7px;
  border-color: #ffffff38;
  box-shadow: inset 0 1px 0 #ffffff66,inset 0 -2px 0 #00000024,0 3px 0 #00000035,6px 26px 34px -6px #00000085;
}
@media (prefers-reduced-motion: reduce) {
  html body#storefrontBody a.launch-tile { transition: none; }
  html body#storefrontBody a.launch-tile:is(:hover,:focus-visible) { translate: none; }
}