/* Japanese homepage candidate. The app demo scripts remain unchanged. */
.home-page{--paper:#fbfcf8;--ink:#203e3b;--secondary:#536b66;--action:#1a625b;--mint:#e6f0e9;--line:#dce4dc;--gutter:18px}
.home-page .site-header{flex-wrap:wrap;gap:12px;padding-block:8px;border:0}
.home-page .identity{gap:7px}
.home-page .identity .app-icon{width:28px;height:28px;border-radius:7px}
.home-page .brand{font-size:12px;white-space:nowrap}
.home-page .languages{flex-wrap:wrap;gap:0}
.home-page .languages a{font-size:.8125rem;min-height:44px;padding-inline:7px}
.showcase-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:18px 40px}
.showcase-brand{text-align:center}
.hero.showcase-hero h1{margin:0;font-family:var(--display-font);font-size:72px;line-height:1.05;letter-spacing:-.045em;font-weight:500}
.showcase-category{margin:8px auto 0;font-size:15px;line-height:1.6;letter-spacing:.015em;color:var(--secondary)}
.showcase-screen{padding:14px 12px 12px;background:var(--mint)!important;border-radius:26px!important}
.showcase-screen .demo-widget{max-width:390px}
.showcase-screen .demo-eyebrow{font-size:12px;font-weight:500;letter-spacing:.04em;margin-bottom:8px}
.showcase-screen .demo-modes{margin:0 0 12px;border:0;background:#fbfcf8bd;border-radius:12px;gap:3px}
.showcase-screen .demo-modes button{font-size:13px;min-height:44px}
.showcase-screen .demo-map{padding:0}
.showcase-screen .demo-phone{height:510px;border:1px solid #cbdad4;border-radius:24px;box-shadow:0 12px 22px -17px #294c4b55}
.showcase-screen .demo-month-grid{min-height:250px;grid-auto-rows:minmax(50px,1fr)}
.showcase-screen .demo-day{min-height:50px}
.showcase-screen .demo-status{padding-block:11px 7px}
.showcase-screen .demo-scope-line{min-height:36px}
.showcase-screen .demo-outside-pin,.showcase-screen .demo-outside-guides,.showcase-screen .demo-hint{display:none!important}
.showcase-screen .demo-disclaimer{margin-top:10px;font-size:10px;color:#506a62}
.showcase-action{text-align:center;min-width:0}
.showcase-action .download{width:100%;max-width:390px;min-height:56px;margin:0;padding:13px 18px;border-radius:13px;font-size:15px;justify-content:center;gap:14px;box-shadow:0 4px 10px -8px #1a625b80}
.showcase-action .download svg{display:block;width:18px;height:18px}
.showcase-platform{max-width:none;margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--secondary)}
.showcase-platform span{padding-inline:5px}
.home-page .creation-demo-section{padding-block:32px 44px;gap:20px}
.home-page .demo-section-number{display:none}
.home-page .creation-demo-copy h2{font-size:24px;margin-bottom:12px}
.home-page .creation-demo-copy>p{font-size:14px;line-height:1.8;margin:0}
.home-page .creation-demo-section .create-widget{max-width:470px}
@media(max-width:22rem){
  .showcase-screen .demo-modes{grid-template-columns:max-content max-content minmax(0,1fr)}
}
@media(min-width:40rem){
  .home-page{--gutter:32px}
  .showcase-screen{max-width:470px;padding:20px 28px 16px}
  .showcase-action .download{width:auto;min-width:300px}
  .home-page .languages a{font-size:.8125rem;padding-inline:10px}
  .home-page .brand{font-size:14px}
}
@media(min-width:60rem){
  .home-page{--gutter:48px}
  .home-page .site-header{padding-block:16px;border-bottom:1px solid var(--line)}
  .home-page .identity .app-icon{width:32px;height:32px}
  .showcase-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;gap:28px 64px;padding-block:56px 64px;align-items:start}
  .showcase-brand{grid-column:1;grid-row:1;text-align:left;padding-top:100px}
  .hero.showcase-hero h1{font-size:clamp(72px,10vw,112px)}
  .showcase-category{margin:16px 0 0;font-size:20px;max-width:none}
  .showcase-screen{grid-column:2;grid-row:1/3;justify-self:end;align-self:start;width:100%;max-width:500px;padding:24px 32px 20px;border-radius:34px!important}
  .showcase-screen .demo-phone{height:600px;border-radius:28px}
  .showcase-screen .demo-month-grid{min-height:310px;grid-auto-rows:minmax(62px,1fr)}
  .showcase-screen .demo-day{min-height:62px}
  .showcase-screen .demo-eyebrow{font-size:13px;margin-bottom:10px}
  .showcase-screen .demo-disclaimer{font-size:11px;margin-top:12px}
  .showcase-action{grid-column:1;grid-row:2;text-align:left}
  .showcase-action .download{font-size:16px;padding-inline:22px;border-radius:13px;justify-content:space-between}
  .showcase-platform{font-size:12px;margin-top:14px}
  .home-page .creation-demo-section{padding-block:56px 64px;gap:64px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .home-page .creation-demo-copy h2{font-size:32px}
  .home-page .creation-demo-copy>p{font-size:15px;max-width:27em}
}
@media(forced-colors:active){.showcase-screen{border:1px solid CanvasText}.showcase-action .download{box-shadow:none}}