/* V76 final accordion + footer visual unification */

/* Q&A and OBS Clinic share one accordion visual language */
#faq .faq,
#obs-clinic-home .clinic-problem-groups{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  gap:12px!important;
}
#faq .faq details,
#obs-clinic-home .clinic-problem-accordion{
  margin:0!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#obs-clinic-home .clinic-problem-accordion:first-child{border-top:1px solid #e2e8f0!important}
#faq .faq details[open],
#obs-clinic-home .clinic-problem-accordion[open]{
  border-color:#cbdcf8!important;
  box-shadow:0 8px 24px rgba(37,99,235,.07)!important;
}
#faq .faq summary,
#obs-clinic-home .clinic-problem-summary{
  min-height:60px!important;
  padding:17px 20px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  cursor:pointer!important;
  list-style:none!important;
  background:#fff!important;
  color:#172033!important;
  font-size:15.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:-.015em!important;
}
#faq .faq summary::-webkit-details-marker,
#obs-clinic-home .clinic-problem-summary::-webkit-details-marker{display:none!important}
#faq .faq details[open] summary,
#obs-clinic-home .clinic-problem-accordion[open] .clinic-problem-summary{
  color:#1d4ed8!important;
  background:#f8fbff!important;
}
#faq .faq summary:after{
  content:'+'!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
}
#faq .faq details[open] summary:after{content:'−'!important}
#obs-clinic-home .clinic-accordion-toggle{
  margin-left:auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  position:relative!important;
}
#obs-clinic-home .clinic-accordion-toggle:before,
#obs-clinic-home .clinic-accordion-toggle:after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11px!important;
  height:1.5px!important;
  background:#2563eb!important;
  transform:translate(-50%,-50%)!important;
  border-radius:2px!important;
}
#obs-clinic-home .clinic-accordion-toggle:after{transform:translate(-50%,-50%) rotate(90deg)!important}
#obs-clinic-home .clinic-problem-accordion[open] .clinic-accordion-toggle:after{opacity:0!important}
#obs-clinic-home .clinic-problem-group-num{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
#obs-clinic-home .clinic-problem-title{font:inherit!important;color:inherit!important}
#faq .faq details p,
#obs-clinic-home .clinic-problem-body{
  margin:0!important;
  padding:0 20px 19px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.75!important;
  background:#fff!important;
}
#obs-clinic-home .clinic-problem-list{
  margin:0!important;
  padding:2px 0 0 20px!important;
  display:grid!important;
  gap:7px!important;
  color:#64748b!important;
}
#obs-clinic-home .clinic-problem-list li{margin:0!important;font-size:14px!important;line-height:1.7!important}

/* Footer: brand/social + two balanced centered link columns */
.footer>.wrap:not(.legal),.footer .wrap:not(.legal){width:min(calc(100% - 40px),1080px)!important}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(220px,1.15fr) minmax(190px,.9fr) minmax(240px,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:48px!important;
  padding:8px 0 18px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
}
.footer .brand.footbrand,.footer .footbrand,.footer .brand-text-only{
  margin:0!important;
  font-size:24px!important;
  line-height:1.2!important;
}
.footer .footer-brand-socials{
  display:grid!important;
  grid-template-columns:repeat(3,40px)!important;
  grid-template-rows:repeat(2,40px)!important;
  gap:9px!important;
  width:max-content!important;
  margin:18px auto 0!important;
  padding:0!important;
}
.footer .footer-link-column>a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:7px 8px!important;
  text-align:center!important;
  color:#94a3b8!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.5!important;
  text-decoration:none!important;
}
.footer .footer-link-column>a:hover{color:#fff!important}
.footer .footer-group h3,
.footer .footer-social,
.footer .preview-disclaimer{display:none!important}
.footer>.legal.wrap,.footer .legal.wrap{
  margin-top:22px!important;
  padding-top:18px!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer .legal-copy{text-align:center!important;margin:0 auto!important}

@media(max-width:820px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:30px 20px!important;
  }
  .footer .footer-brand-block{grid-column:1/-1!important}
}
@media(max-width:620px){
  #faq .faq,
  #obs-clinic-home .clinic-problem-groups{gap:10px!important}
  #faq .faq summary,
  #obs-clinic-home .clinic-problem-summary{
    min-height:56px!important;
    padding:15px 15px!important;
    font-size:14.5px!important;
    gap:9px!important;
  }
  #faq .faq details p,
  #obs-clinic-home .clinic-problem-body{padding:0 15px 17px!important;font-size:13.5px!important}
  #obs-clinic-home .clinic-problem-list li{font-size:13.5px!important}
  .footer{padding-top:42px!important}
  .footer .foot{grid-template-columns:1fr!important;gap:24px!important}
  .footer .footer-brand-block{grid-column:auto!important}
  .footer .footer-link-column{width:min(100%,320px)!important;margin:0 auto!important}
  .footer .footer-link-column>a{padding:6px 8px!important}
}

/* V77 visual polish — header, hero, footer rebalancing */

/* Header: distribute title and actions more naturally */
header.nav,
.subpage-nav{
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:blur(20px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(180%)!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.04)!important;
}
header.nav>.wrap.navin,
.subpage-nav>.wrap.navin,
header.nav .wrap.navin,
.subpage-nav .wrap.navin{
  width:min(calc(100% - 48px),1180px)!important;
  min-height:72px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:20px!important;
}
header.nav .brand,
.subpage-nav .brand{
  justify-self:start!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1.1!important;
  color:#0f172a!important;
}
header.nav .right,
.subpage-nav .nav-actions{
  justify-self:end!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
header.nav .langbox,
.subpage-nav .lang-switch{position:relative!important}
header.nav .langbtn,
.subpage-nav .lang-switch summary{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 14px!important;
  border:1px solid #d8e1ec!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(15,23,42,.03)!important;
}
header.nav .langbtn:hover,
.subpage-nav .lang-switch summary:hover{
  border-color:#bfdbfe!important;
  background:#fff!important;
}
header.nav .langmenu,
.subpage-nav .lang-menu{
  top:calc(100% + 10px)!important;
  border:1px solid #d8e1ec!important;
  border-radius:14px!important;
  padding:8px!important;
  box-shadow:0 18px 40px rgba(15,23,42,.10)!important;
}
header.nav .btn.primary{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  box-shadow:0 12px 24px rgba(37,99,235,.18)!important;
}
.subpage-nav .back-link{
  color:#475467!important;
  font-weight:700!important;
}
.subpage-nav .back-link:hover{color:#1d4ed8!important}

/* Hero: fix the "too low / too empty" first screen */
.hero-experience .hero{
  min-height:auto!important;
  display:block!important;
  padding:84px 0 38px!important;
  background:
    radial-gradient(circle at 82% 14%, rgba(191,219,254,.72) 0, rgba(191,219,254,0) 32%),
    linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%)!important;
}
.hero-experience .hero-grid{
  display:block!important;
  max-width:1180px!important;
}
.hero-experience .hero-copy-center{
  max-width:1120px!important;
  padding:0 24px!important;
}
.hero-experience .hero h1{
  max-width:1120px!important;
  font-size:clamp(46px,4.7vw,68px)!important;
  line-height:1.12!important;
  letter-spacing:-.048em!important;
}
.hero-experience .hero .hero-title-line.accent{margin-top:.12em!important}
.hero-experience .hero-workflow-wrap{padding-bottom:64px!important}
.hero-experience .hero-preview-wrap{padding-bottom:72px!important}

/* Footer: stronger hierarchy and more even spacing */
.footer{
  background:linear-gradient(180deg,#081327 0%,#091a33 100%)!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  padding:64px 0 24px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal){
  width:min(calc(100% - 48px),1160px)!important;
}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.85fr) minmax(220px,1fr)!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:56px!important;
  padding:0 0 26px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  color:#f8fbff!important;
  font-size:25px!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.footer .footer-brand-socials{
  display:grid!important;
  grid-template-columns:repeat(3,44px)!important;
  grid-template-rows:repeat(2,44px)!important;
  gap:12px!important;
  width:max-content!important;
  margin:20px 0 0!important;
}
.footer .social-link{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.18)!important;
  color:#dbeafe!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease!important;
}
.footer .social-link:hover{
  color:#fff!important;
  background:rgba(29,78,216,.20)!important;
  border-color:rgba(96,165,250,.48)!important;
  transform:translateY(-2px)!important;
}
.footer .footer-link-column{
  position:relative!important;
  padding-top:30px!important;
}
.footer .footer-link-column::before{
  display:block!important;
  margin:0 0 14px!important;
  color:#93c5fd!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.lang-ja .footer .footer-link-column:nth-child(2)::before{content:'サポート'!important}
body.lang-ja .footer .footer-link-column:nth-child(3)::before{content:'法的情報'!important}
body.lang-ko .footer .footer-link-column:nth-child(2)::before{content:'지원'!important}
body.lang-ko .footer .footer-link-column:nth-child(3)::before{content:'법적 정보'!important}
body.lang-en .footer .footer-link-column:nth-child(2)::before{content:'Support'!important}
body.lang-en .footer .footer-link-column:nth-child(3)::before{content:'Legal'!important}
body.lang-zh .footer .footer-link-column:nth-child(2)::before{content:'支持'!important}
body.lang-zh .footer .footer-link-column:nth-child(3)::before{content:'法律信息'!important}
.footer .footer-link-column>a{
  width:auto!important;
  padding:7px 0!important;
  color:#c7d2e3!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
  transform:translateX(2px)!important;
}
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1160px)!important;
  margin-top:0!important;
  padding-top:20px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .legal-copy{
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.7!important;
  text-align:left!important;
  margin:0!important;
}

@media (max-width: 900px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:34px 28px!important;
  }
  .footer .footer-brand-block{grid-column:1 / -1!important}
}

@media (max-width: 620px){
  header.nav>.wrap.navin,
  .subpage-nav>.wrap.navin,
  header.nav .wrap.navin,
  .subpage-nav .wrap.navin{
    width:min(calc(100% - 28px),1180px)!important;
    min-height:64px!important;
    grid-template-columns:auto auto!important;
    gap:12px!important;
  }
  header.nav .brand,
  .subpage-nav .brand{font-size:20px!important}
  header.nav .right,
  .subpage-nav .nav-actions{gap:8px!important}
  .subpage-nav .back-link span{display:none!important}
  header.nav .langbtn,
  .subpage-nav .lang-switch summary{
    min-height:40px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  header.nav .btn.primary{display:none!important}

  .hero-experience .hero{padding:64px 0 26px!important}
  .hero-experience .hero-copy-center{padding:0 10px!important}
  .hero-experience .hero h1{
    font-size:clamp(36px,10vw,50px)!important;
    line-height:1.18!important;
  }
  .hero-experience .hero .hero-title-line{white-space:normal!important}
  .hero-experience .hero-workflow-wrap{padding-bottom:48px!important}
  .hero-experience .hero-preview-wrap{padding-bottom:56px!important}

  .footer{padding:44px 0 20px!important}
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{width:min(calc(100% - 28px),1160px)!important}
  .footer .foot{grid-template-columns:1fr!important;gap:28px!important}
  .footer .footer-brand-block,
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-link-column{padding-top:18px!important}
  .footer .footer-link-column::before{margin-bottom:10px!important}
  .footer .footer-link-column>a{width:100%!important}
  .footer .footer-brand-socials{margin:18px auto 0!important}
  .footer>.legal.wrap,
  .footer .legal.wrap,
  .footer .legal-copy{text-align:center!important;justify-content:center!important}
}

/* V78 minimal tech refinement */

/* Overall visual language: flatter, cleaner, quieter */
header.nav,
.subpage-nav{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  border-bottom:1px solid rgba(226,232,240,.88)!important;
  box-shadow:none!important;
}
header.nav>.wrap.navin,
.subpage-nav>.wrap.navin,
header.nav .wrap.navin,
.subpage-nav .wrap.navin{
  width:min(calc(100% - 48px),1200px)!important;
  min-height:68px!important;
  gap:16px!important;
}
header.nav .brand,
.subpage-nav .brand{
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
header.nav .langbtn,
.subpage-nav .lang-switch summary{
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:none!important;
}
header.nav .btn.primary{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  background:#2563eb!important;
  box-shadow:none!important;
}
header.nav .btn.primary:hover{
  background:#1d4ed8!important;
  transform:none!important;
}
header.nav .langmenu,
.subpage-nav .lang-menu{
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
}

/* First view: cleaner, more product-site like */
.hero-experience .hero{
  padding:72px 0 28px!important;
  background:
    linear-gradient(180deg,#fbfdff 0%,#f8fbff 58%,#ffffff 100%)!important;
}
.hero-experience .hero-copy-center{
  max-width:1080px!important;
}
.hero-experience .hero h1{
  max-width:1080px!important;
  font-size:clamp(44px,4.55vw,64px)!important;
  line-height:1.1!important;
  font-weight:820!important;
  letter-spacing:-.05em!important;
}
.hero-experience .hero .hero-title-line{
  width:auto!important;
}
.hero-experience .hero .hero-title-line.neutral{
  color:#0f172a!important;
}
.hero-experience .hero .hero-title-line.accent{
  margin-top:.1em!important;
  color:#2563eb!important;
}
.hero-experience .hero-workflow-wrap{padding-bottom:56px!important}
.hero-experience .hero-preview-wrap{padding-bottom:64px!important}

/* Footer: simpler tech aesthetic */
.footer{
  background:#071426!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  padding:56px 0 22px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal),
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1120px)!important;
}
.footer .foot{
  grid-template-columns:minmax(220px,1.15fr) minmax(170px,.78fr) minmax(220px,.92fr)!important;
  gap:44px!important;
  padding:0 0 22px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  align-items:flex-start!important;
  text-align:left!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  font-size:24px!important;
  color:#f8fafc!important;
}
.footer .footer-brand-socials{
  grid-template-columns:repeat(3,40px)!important;
  grid-template-rows:repeat(2,40px)!important;
  gap:10px!important;
  margin:16px 0 0!important;
}
.footer .social-link{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:transparent!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
.footer .social-link:hover{
  background:rgba(37,99,235,.10)!important;
  border-color:rgba(96,165,250,.42)!important;
  color:#fff!important;
  transform:none!important;
}
.footer .footer-link-column{
  padding-top:22px!important;
}
.footer .footer-link-column::before{
  margin:0 0 12px!important;
  color:#7dd3fc!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.footer .footer-link-column>a{
  padding:6px 0!important;
  color:#b8c4d5!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
  transform:none!important;
}
.footer>.legal.wrap,
.footer .legal.wrap{
  padding-top:18px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
}
.footer .legal-copy{
  color:#8091a7!important;
  font-size:11.5px!important;
  line-height:1.7!important;
}

@media (max-width: 620px){
  header.nav>.wrap.navin,
  .subpage-nav>.wrap.navin,
  header.nav .wrap.navin,
  .subpage-nav .wrap.navin{
    width:min(calc(100% - 28px),1200px)!important;
    min-height:62px!important;
  }
  header.nav .brand,
  .subpage-nav .brand{font-size:19px!important}
  .hero-experience .hero{padding:58px 0 20px!important}
  .hero-experience .hero h1{
    font-size:clamp(34px,9.8vw,48px)!important;
    line-height:1.16!important;
  }
  .footer{
    padding:42px 0 18px!important;
  }
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{width:min(calc(100% - 28px),1120px)!important}
  .footer .footer-brand-block,
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-brand-socials{margin:16px auto 0!important}
}

/* V79 — restore hero emphasis + cleaner footer composition */

/* Bring hero back closer to the original full-focus first view */
.hero-experience .hero{
  min-height:calc(100svh - 68px)!important;
  padding:64px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 82% 15%,#dbeafe 0,rgba(219,234,254,0) 34%),linear-gradient(#fff,#f8fbff)!important;
}
.hero-experience .hero-grid{
  width:100%!important;
  max-width:var(--ui-content)!important;
  display:block!important;
  margin:auto!important;
}
.hero-experience .hero-copy-center{
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:0 20px!important;
  text-align:center!important;
}
.hero-experience .hero h1{
  margin:0!important;
  max-width:none!important;
  font-size:clamp(48px,4.9vw,68px)!important;
  font-weight:800!important;
  line-height:1.17!important;
  letter-spacing:-.045em!important;
}
.hero-experience .hero .hero-title-line{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  white-space:nowrap!important;
}
.hero-experience .hero .hero-title-line.accent{
  margin-top:.16em!important;
}
.hero-experience .hero-workflow-wrap{padding:0 0 var(--ui-section)!important}
.hero-experience .hero-preview-wrap{padding:0 20px var(--ui-section)!important}
@media (max-width: 620px){
  .hero-experience .hero{
    min-height:calc(100svh - 62px)!important;
    padding:40px 0 28px!important;
  }
  .hero-experience .hero h1{
    font-size:clamp(38px,10vw,52px)!important;
    line-height:1.18!important;
  }
  .hero-experience .hero .hero-title-line{white-space:normal!important}
}

/* Footer: composition first — cleaner structure, calmer icons, better SNS placement */
.footer{
  background:#081427!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  padding:56px 0 24px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal),
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1120px)!important;
}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(360px,1.35fr) minmax(170px,.7fr) minmax(190px,.78fr)!important;
  align-items:start!important;
  gap:42px!important;
  padding:0 0 24px!important;
}
.footer .footer-brand-block{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-width:0!important;
  text-align:left!important;
}
.footer .footer-link-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
  min-width:0!important;
  padding-top:2px!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  margin:0!important;
  color:#f8fbff!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.footer .footer-brand-socials{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
.footer .social-link{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.16)!important;
  color:#dbe7f5!important;
  box-shadow:none!important;
  transition:border-color .18s ease, background .18s ease, color .18s ease!important;
}
.footer .social-link:hover{
  background:rgba(37,99,235,.12)!important;
  border-color:rgba(96,165,250,.40)!important;
  color:#fff!important;
  transform:none!important;
}
.footer .footer-link-column::before{
  display:block!important;
  margin:0 0 12px!important;
  color:#8ec5ff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
body.lang-ja .footer .footer-link-column:nth-child(2)::before{content:'サポート'!important}
body.lang-ja .footer .footer-link-column:nth-child(3)::before{content:'法的情報'!important}
body.lang-ko .footer .footer-link-column:nth-child(2)::before{content:'지원'!important}
body.lang-ko .footer .footer-link-column:nth-child(3)::before{content:'법적 정보'!important}
body.lang-en .footer .footer-link-column:nth-child(2)::before{content:'Support'!important}
body.lang-en .footer .footer-link-column:nth-child(3)::before{content:'Legal'!important}
body.lang-zh .footer .footer-link-column:nth-child(2)::before{content:'支持'!important}
body.lang-zh .footer .footer-link-column:nth-child(3)::before{content:'法律信息'!important}
.footer .footer-link-column>a{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:7px 0!important;
  color:#bdcadd!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  text-decoration:none!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
}
.footer .footer-group h3,
.footer .footer-social,
.footer .preview-disclaimer{display:none!important}
.footer>.legal.wrap,
.footer .legal.wrap{
  margin-top:0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .legal-copy{
  color:#8493a8!important;
  font-size:11.5px!important;
  line-height:1.7!important;
  text-align:left!important;
  margin:0!important;
}

@media (max-width: 900px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:30px 28px!important;
  }
  .footer .footer-brand-block{
    grid-column:1/-1!important;
    justify-content:space-between!important;
  }
}
@media (max-width: 620px){
  .footer{
    padding:42px 0 20px!important;
  }
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{
    width:min(calc(100% - 28px),1120px)!important;
  }
  .footer .foot{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .footer .footer-brand-block{
    grid-column:auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    text-align:center!important;
  }
  .footer .footer-brand-socials{
    justify-content:center!important;
  }
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-link-column>a{width:100%!important}
  .footer>.legal.wrap,
  .footer .legal.wrap,
  .footer .legal-copy{
    text-align:center!important;
    justify-content:center!important;
  }
}