#body_wrap.home.aq-ready #main_visual,
#body_wrap.home.aq-ready #post_slider,
#body_wrap.home.aq-ready #content { display: none !important; }
#aq-home-shell { display: none; }
#body_wrap.home.aq-ready #aq-home-shell { display: block; }
#aq-home-shell, #aq-home-shell * { box-sizing: border-box; }
#aq-home-shell { --aq-ink: #1e292c; --aq-muted: #5d6c6b; --aq-accent: #23666a; --aq-page: #f7f8f7; --aq-diagnosis-from: #164e59; --aq-diagnosis-to: #237a7b; --aq-diagnosis-button: #174952; --aq-game-from: #23425e; --aq-game-to: #356c88; --aq-game-button: #254660; color: var(--aq-ink); background: var(--aq-page); font-family: inherit; overflow: clip; }
#aq-home-shell[data-aq-site="m"] { --aq-diagnosis-from: #512740; --aq-diagnosis-to: #794564; --aq-diagnosis-button: #512740; --aq-game-from: #303451; --aq-game-to: #5c476d; --aq-game-button: #343450; }
#aq-home-shell[data-aq-site="c"] { --aq-diagnosis-from: #603343; --aq-diagnosis-to: #92515d; --aq-diagnosis-button: #603343; --aq-game-from: #66412f; --aq-game-to: #9b6847; --aq-game-button: #66412f; }
#aq-home-shell .aq-container { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
#aq-home-shell .aq-hero { min-height: clamp(440px, 42vw, 610px); display: flex; align-items: center; color: #fff; background-image: linear-gradient(90deg, rgba(7, 17, 23, .81) 0%, rgba(7, 17, 23, .64) 43%, rgba(7, 17, 23, .11) 100%), var(--aq-hero-image); background-position: center; background-size: cover; }
#aq-home-shell .aq-hero__inner { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 72px; }
#aq-home-shell .aq-eyebrow, #aq-home-shell .aq-overline { display: inline-block; font-size: .75rem; letter-spacing: .2em; font-weight: 700; }
#aq-home-shell .aq-eyebrow { color: #e1d1a7; margin-bottom: 22px; }
#aq-home-shell .aq-hero h2 { color: #fff; font-size: clamp(2.1rem, 4.8vw, 4.5rem); font-weight: 700; line-height: 1.25; letter-spacing: .035em; max-width: 750px; margin: 0 0 22px; text-shadow: 0 2px 12px rgba(0,0,0,.2); }
#aq-home-shell .aq-hero p { max-width: 650px; font-size: clamp(1rem, 1.35vw, 1.15rem); line-height: 1.9; margin: 0; color: #f0f2f1; }
#aq-home-shell .aq-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 35px; }
#aq-home-shell .aq-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 13px 25px; border-radius: 100px; font-size: .98rem; font-weight: 700; text-decoration: none; line-height: 1.4; transition: transform .18s ease, background-color .18s ease; }
#aq-home-shell .aq-button:hover { transform: translateY(-2px); }
#aq-home-shell .aq-button--light { background: #fff; color: #173537; box-shadow: 0 5px 20px rgba(0,0,0,.16); }
#aq-home-shell .aq-hero__textlink { color: #fff; font-weight: 700; text-underline-offset: 5px; }
#aq-home-shell .aq-play, #aq-home-shell .aq-articles { padding: 82px 0 0; }
#aq-home-shell .aq-section-head { margin-bottom: 27px; }
#aq-home-shell .aq-overline { color: var(--aq-accent); margin-bottom: 11px; }
#aq-home-shell .aq-section-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.4; margin: 0 0 8px; }
#aq-home-shell .aq-section-head p { color: var(--aq-muted); margin: 0; line-height: 1.8; }
#aq-home-shell .aq-play__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
#aq-home-shell .aq-play-card { position: relative; min-height: 370px; display: flex; flex-direction: column; padding: clamp(26px, 3vw, 40px); border-radius: 20px; color: #fff; background: linear-gradient(140deg, var(--aq-card-from), var(--aq-card-to)); box-shadow: 0 14px 32px rgba(17,43,49,.18); border: 1px solid rgba(255,255,255,.18); overflow: hidden; }
#aq-home-shell .aq-play-card--diagnosis { --aq-card-from: var(--aq-diagnosis-from); --aq-card-to: var(--aq-diagnosis-to); --aq-card-button: var(--aq-diagnosis-button); }
#aq-home-shell .aq-play-card--game { --aq-card-from: var(--aq-game-from); --aq-card-to: var(--aq-game-to); --aq-card-button: var(--aq-game-button); }
#aq-home-shell .aq-play-card::after { content: ''; position: absolute; width: 210px; height: 210px; right: -65px; top: -75px; border-radius: 50%; background: rgba(255,255,255,.07); pointer-events: none; }
#aq-home-shell .aq-play-card__type { align-self: flex-start; padding: 4px 11px; border: 1px solid rgba(255,255,255,.52); border-radius: 999px; color: #fff; background: rgba(255,255,255,.12); font-size: .78rem; font-weight: 700; letter-spacing: .1em; position: relative; z-index: 1; }
#aq-home-shell .aq-play-card h3 { color: #fff; font-size: clamp(20px, 2vw, 26px); line-height: 1.45; margin: 18px 0 13px; position: relative; z-index: 1; }
#aq-home-shell .aq-play-card p { color: #f7f6f5; font-size: 16px; line-height: 1.7; white-space: pre-line; margin: 0 0 30px; position: relative; z-index: 1; }
#aq-home-shell .aq-card-link { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 58px; padding: 13px 18px; margin-top: auto; border: 2px solid rgba(255,255,255,.86); border-radius: 12px; color: var(--aq-card-button); background: #fff; box-shadow: 0 7px 18px rgba(0,0,0,.19); font-size: 16px; font-weight: 800; line-height: 1.4; text-align: center; text-decoration: none; position: relative; z-index: 1; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
#aq-home-shell .aq-card-link:hover { color: var(--aq-card-button); background: #fff8e9; box-shadow: 0 9px 20px rgba(0,0,0,.24); transform: translateY(-2px); text-decoration: none; }
#aq-home-shell .aq-card-link:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
#aq-home-shell .aq-articles { padding-bottom: 82px; }
#aq-home-shell .aq-articles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
#aq-home-shell .aq-article-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 30px rgba(17,43,49,.06); min-width: 0; }
#aq-home-shell .aq-article-card a { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
#aq-home-shell .aq-article-card__image { display: block; aspect-ratio: 1.9/1; overflow: hidden; background: #e4e8e7; }
#aq-home-shell .aq-article-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
#aq-home-shell .aq-article-card a:hover img { transform: scale(1.04); }
#aq-home-shell .aq-article-card__body { display: flex; flex-direction: column; align-items: flex-start; flex: 1; padding: 19px 20px 21px; }
#aq-home-shell .aq-article-card__title { display: block; font-weight: 700; line-height: 1.55; min-height: 3.1em; font-size: 1rem; }
#aq-home-shell .aq-article-card__more { color: var(--aq-accent); font-size: .86rem; font-weight: 700; margin-top: auto; padding-top: 14px; }
#aq-home-shell .aq-pr-tag { display: inline-block; border: 1px solid currentColor; padding: 0 5px; border-radius: 3px; font-size: .64rem; font-weight: 700; line-height: 1.5; vertical-align: 2px; margin-right: 9px; }
#aq-home-shell .aq-article-card__body .aq-pr-tag { margin-bottom: 7px; }
#aq-home-shell .aq-store { color: #fff; background: linear-gradient(115deg, var(--aq-store-from), var(--aq-store-to)); border-radius: 22px; padding: clamp(28px, 4vw, 52px); display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 92px; }
#aq-home-shell .aq-store .aq-overline { color: #cbd9d3; }
#aq-home-shell .aq-store h2 { color: #fff; font-size: clamp(1.5rem, 2.7vw, 2.2rem); margin: 8px 0 11px; line-height: 1.4; }
#aq-home-shell .aq-store p { margin: 0; line-height: 1.8; color: #e1e9e7; max-width: 690px; }
#aq-home-shell .aq-store .aq-button { flex: 0 0 auto; }
#body_wrap.home.aq-ready .l-footer { margin-top: 0; }
#body_wrap.home.aq-site-b .menu-item-31 { display: none !important; }
@media (min-width: 960px) {
  #body_wrap.home.aq-site-m #header .l-header__gnav { display: none !important; }
  #body_wrap.home.aq-site-m #header .l-header__logo,
  #body_wrap.home.aq-site-m #header .c-headLogo { width: auto !important; min-width: 0; }
  #body_wrap.home.aq-site-m #header .c-headLogo__link { width: auto !important; white-space: nowrap; font-size: 20px !important; line-height: 1.3; }
}
@media (max-width: 900px) { #aq-home-shell .aq-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #aq-home-shell .aq-store { flex-direction: column; align-items: flex-start; } }
@media (max-width: 650px) {
  #aq-home-shell .aq-container, #aq-home-shell .aq-hero__inner { width: min(100% - 32px, 540px); }
  #aq-home-shell .aq-hero { min-height: 560px; background-image: linear-gradient(90deg, rgba(7,17,23,.81), rgba(7,17,23,.60)), var(--aq-hero-image); background-position: 62% center; }
  #aq-home-shell .aq-hero__inner { padding: 68px 0 58px; }
  #aq-home-shell .aq-hero h2 { font-size: clamp(2.05rem, 9vw, 2.9rem); }
  #aq-home-shell .aq-hero__actions { gap: 18px; }
  #aq-home-shell .aq-play, #aq-home-shell .aq-articles { padding-top: 58px; }
  #aq-home-shell .aq-play__grid, #aq-home-shell .aq-articles__grid { grid-template-columns: 1fr; gap: 17px; }
  #aq-home-shell .aq-play-card { min-height: 0; padding: 25px 24px 27px; }
  #aq-home-shell .aq-articles { padding-bottom: 58px; }
  #aq-home-shell .aq-store { margin-bottom: 62px; }
  #aq-home-shell .aq-store .aq-button { width: 100%; }
}
@media (max-width: 359px) { #aq-home-shell .aq-container, #aq-home-shell .aq-hero__inner { width: calc(100% - 24px); } #aq-home-shell .aq-hero h2 { font-size: 1.9rem; } #aq-home-shell .aq-button { width: 100%; text-align: center; padding-inline: 12px; } }