/* Pasero language picker — shared by Home, Mobile and Download. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
.pasero-lang-picker{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;z-index:90}
.pasero-lang-trigger{appearance:none!important;border:1px solid rgba(67,91,75,.28)!important;background:transparent!important;color:#2d523d!important;display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;cursor:pointer;transition:background .15s,border-color .15s;box-shadow:none!important}
.pasero-lang-trigger:hover,.pasero-lang-trigger[aria-expanded="true"]{background:#e7efe7!important;border-color:#93ad9a!important}
.pasero-lang-trigger:focus-visible,.pasero-lang-options button:focus-visible{outline:2px solid #8b71b8!important;outline-offset:3px}
.pasero-lang-trigger svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.pasero-lang-options{position:absolute;right:0;top:calc(100% + 10px);z-index:100;display:flex;flex-direction:column;gap:2px;min-width:172px;padding:7px;background:#fff;color:#284536;border:1px solid #d8e3d9;border-radius:13px;box-shadow:0 12px 28px rgba(29,52,35,.13)}
.pasero-lang-options[hidden]{display:none!important}
.pasero-lang-options button{appearance:none;border:0;background:transparent;text-align:left;border-radius:8px;padding:11px 13px;font:600 14px/1.3 'DM Sans',Inter,'Segoe UI',sans-serif;white-space:nowrap;color:#3b5343;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px}
.pasero-lang-options button:hover,.pasero-lang-options button[aria-checked="true"]{background:#f0ebf8;color:#5e468c}
.pasero-lang-options button[aria-checked="true"]::after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#775cb0;flex:none}
header:not(.header) .pasero-lang-options{left:0;right:auto}
@media(max-width:800px){
 .pasero-lang-trigger{width:34px!important;height:34px!important}
 .pasero-lang-trigger svg{width:19px;height:19px}
 .pasero-lang-options{min-width:152px;top:calc(100% + 9px)}
 .pasero-lang-options button{font-size:13px;padding:10px 12px}
}

/* Give the navigation links and the globe selector distinct breathing room. */
.header .actions{margin-left:40px!important}
.navlinks>.pasero-lang-picker{margin-right:40px!important}
@media(max-width:800px){
 .header .actions{margin-left:14px!important}
 .header .nav{min-width:0!important}
 .navlinks>.pasero-lang-picker{margin-right:10px!important}
}
@media(max-width:370px){
 .header .actions{margin-left:10px!important}
 .navlinks>.pasero-lang-picker{margin-right:7px!important}
}


/* Japanese copy uses readable system fonts and natural spacing across all pages. */
html[lang="ja"] body,
html[lang="ja"] body button,
html[lang="ja"] body a,
html[lang="ja"] body h1,
html[lang="ja"] body h2,
html[lang="ja"] body h3,
html[lang="ja"] body h4,
html[lang="ja"] body strong,
html[lang="ja"] body small{
 font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif!important;
 letter-spacing:normal!important;
}
html[lang="ja"] .hero h1,
html[lang="ja"] .mobile-hero h1{
 font-size:clamp(43px,4.9vw,72px)!important;line-height:1.35!important;font-weight:500!important;
}
html[lang="ja"] .hero h1 em{white-space:normal!important}
html[lang="ja"] #desktop-explorer .explorer-title,
html[lang="ja"] #mobile-story .mobile-headline,
html[lang="ja"] #story .story-heading h2,
html[lang="ja"] .explorer-intro h2,
html[lang="ja"] .sync-copy h2,
html[lang="ja"] .mobile-end h2,
html[lang="ja"] .platform-hero h1,
html[lang="ja"] .sec-head h2,
html[lang="ja"] .info h2{
 font-size:clamp(35px,4.2vw,59px)!important;line-height:1.45!important;font-weight:500!important;
}
html[lang="ja"] #pricing .pricing-intro h2{
 font:500 clamp(34px,4.1vw,59px)/1.5 'Noto Sans JP','Yu Gothic',Meiryo,sans-serif!important;letter-spacing:normal!important;
}
html[lang="ja"] #story .story-excerpt h3{
 font-size:clamp(30px,3.3vw,46px)!important;line-height:1.55!important;
}
html[lang="ja"] #desktop-explorer .panel-title,
html[lang="ja"] .feature-detail h3{
 font-size:clamp(21px,2vw,28px)!important;line-height:1.55!important;
}
html[lang="ja"] .description,
html[lang="ja"] .lead,
html[lang="ja"] .explorer-lead,
html[lang="ja"] #desktop-explorer .panel-desc,
html[lang="ja"] .feature-detail p,
html[lang="ja"] .story-full p{line-height:1.9!important}
html[lang="ja"] .plan-name{font-family:'Space Grotesk',sans-serif!important}
html[lang="ja"] .feature-tab,
html[lang="ja"] .feature-option,
html[lang="ja"] .plan,
html[lang="ja"] .platform{min-width:0;overflow-wrap:anywhere}
html[lang="ja"] .showcase-top{letter-spacing:normal!important;flex-wrap:wrap}
html[lang="ja"] .explorer-footer{line-height:1.85!important}
html[lang="ja"] .story-language{flex-wrap:wrap;gap:16px}
@media(max-width:800px){
 html[lang="ja"] .hero h1,
 html[lang="ja"] .mobile-hero h1{font-size:clamp(33px,8.8vw,48px)!important;line-height:1.42!important}
 html[lang="ja"] #desktop-explorer .explorer-title,
 html[lang="ja"] #mobile-story .mobile-headline,
 html[lang="ja"] #story .story-heading h2,
 html[lang="ja"] .explorer-intro h2,
 html[lang="ja"] .sync-copy h2,
 html[lang="ja"] .mobile-end h2,
 html[lang="ja"] .platform-hero h1,
 html[lang="ja"] .sec-head h2,
 html[lang="ja"] .info h2{font-size:clamp(27px,7vw,39px)!important}
 html[lang="ja"] #pricing .pricing-intro h2{font-size:clamp(28px,7vw,39px)!important}
 html[lang="ja"] #story .story-excerpt h3{font-size:clamp(25px,6.5vw,34px)!important}
 html[lang="ja"] .header .nav,
 html[lang="ja"] body>header .navlinks{font-size:clamp(11px,3.25vw,14px)!important}
 html[lang="ja"] #desktop-explorer .panel-title{font-size:19px!important}
 html[lang="ja"] .plan .choice{font-size:10px!important;letter-spacing:normal!important}
 html[lang="ja"] .plan .plan-action{white-space:normal!important;line-height:1.6!important}
 html[lang="ja"] .pasero-lang-options{right:0;left:auto;min-width:152px}
 html[lang="ja"] .header .download,
 html[lang="ja"] body>header .navlinks>.btn{font-size:clamp(9px,2.5vw,11px)!important;padding-left:7px!important;padding-right:7px!important}
}

@media(max-width:800px){
 html[lang="ja"] body>header .navlinks>.pasero-lang-picker:first-child .pasero-lang-options{left:0;right:auto}
}

@media(max-width:800px){
 html[lang="ja"] .feature-menu .feature-option{
  flex:0 0 auto!important;min-width:max-content!important;width:auto!important;
  grid-template-columns:20px auto!important;
 }
}


/* Fit each authored Japanese heading phrase on one line, preserving its <br>. */
html[lang="ja"] .mobile-hero-layout>div:first-child,
html[lang="ja"] .explorer-intro>div:first-child,
html[lang="ja"] #pricing .pricing-intro>div:first-child,
html[lang="ja"] #story .story-excerpt{
 container-type:inline-size;
 min-width:0;
}
html[lang="ja"] .mobile-hero h1{
 font-size:min(44px,9.5cqw)!important;
 white-space:nowrap;
}
html[lang="ja"] .explorer-intro h2{
 font-size:min(38px,7.8cqw)!important;
 white-space:nowrap;
}
html[lang="ja"] #pricing .pricing-intro h2{
 font-size:min(30px,4.4cqw)!important;
 white-space:nowrap;
}
html[lang="ja"] #story .story-excerpt h3{
 font-size:min(32px,6.6cqw)!important;
 white-space:nowrap;
}