/* Shared by the Japanese and English home and clock-planner pages. */
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #68717d33;border-radius:99px;flex-shrink:0;font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:12px;line-height:1.5}
.language-switch a{display:block;padding:7px 11px;border-radius:99px;white-space:nowrap}
.language-switch a[aria-current="page"]{background:var(--brand,var(--blue,#273e80));color:#fff}
.language-switch a:not([aria-current]):hover{background:#68717d15}
.header .header-nav{margin-left:auto}
html:lang(en){--serif:'Fraunces',Georgia,serif}
html:lang(en) body{font-family:'DM Sans',sans-serif}
html:lang(en) .family-copy h1{line-height:1.2;letter-spacing:-.035em}
html:lang(en) .family-description{letter-spacing:0;line-height:1.8;max-width:38em}
html:lang(en) .long-lp .hero-copy h1{font-size:clamp(36px,4.1vw,65px);line-height:1.2;letter-spacing:-.04em}
html:lang(en) .sales-copy h2,html:lang(en) .sales-copy h3,html:lang(en) .sales-wide h2,html:lang(en) .final-offer h3{line-height:1.25;letter-spacing:-.035em}
html:lang(en) .sales-copy h2>span,html:lang(en) .sales-copy h3>span{margin-bottom:.08em}
html:lang(en) .sales-body{line-height:1.85;letter-spacing:0}
html:lang(en) .sales-kicker{letter-spacing:.015em}
html:lang(en) .screen-caption{line-height:1.5}
html:lang(en) .creator-note h2{line-height:1.35}
@media(max-width:1000px) and (min-width:761px){.lp-header nav{gap:12px}.lp-header{gap:16px}.language-switch a{padding:7px 9px}}
@media(max-width:760px){
  .header{height:auto;min-height:104px;flex-wrap:wrap;padding:20px var(--gutter);gap:12px}
  .header .wordmark{font-size:23px}
  .header .language-switch{margin-left:auto}
  .header .header-nav{order:3;width:100%;justify-content:space-between;margin-left:0;gap:14px;font-size:13px}
  .header .header-nav a{padding:4px 0}
  .lp-header{height:auto;min-height:110px;flex-wrap:wrap;padding:20px var(--gutter);gap:10px}
  .lp-header .product-brand{margin-right:auto}
  .lp-header .language-switch{margin-left:auto}
  .long-lp .product-hero{padding-top:145px}
  html:lang(en) .long-lp .hero-copy h1{font-size:clamp(34px,8.2vw,52px)}
  .language-switch{font-size:11px}
  .language-switch a{padding:6px 9px}
}
@media(max-width:390px){.lp-header .language-switch{margin-left:calc(100% - 131px)}.header .wordmark{font-size:21px}}