/* Final spacing and reading sizes for the approved B layout / C blue. */
.five-page main{background:#fff}
.five-page .design-five{max-width:none}
.five-page .intro-text,.five-page .section-heading>p,
.five-page .trust-item>p:last-child,.five-page .discover-copy>p:not(.eyebrow),
.five-page .steps article>p:last-child,.five-page .notice-lead{font-size:15px;line-height:1.95}
.five-page .feature-tag{font-size:12px}
.five-page .section-note{font-size:12px;line-height:1.85}
.five-page .benefit-list h3{font-size:16px}
.five-page .benefit-list p{font-size:14px;line-height:1.85}
.five-page .how-lead{font-size:14px;line-height:1.9}
.five-page .notice-card-copy h3{font-size:17px;line-height:1.7}
.five-page .notice-card-copy>p:last-child{font-size:14px;line-height:1.85;text-wrap:balance}
.five-page .notice-cards .button{font-size:15px;min-height:54px}
.five-page .notice-cards .mail-button{background:#1b799c;color:#fff;border-color:#1b799c}
.five-page .channel-status{font-size:12px}
.five-page .social-row>p{font-size:13px}
.five-page .social-link{font-size:14px;min-height:44px}
.five-page .social-link>span[data-status]{font-size:11px}
.five-page summary{font-size:15px;line-height:1.8}
.five-page details>p{font-size:14px;line-height:1.95}
.five-page .footer p,.five-page .footer-right>div,.five-page .footer-right button,
.five-page .footer-right small{font-size:12px}
.five-page dialog{background:#fff;border-color:#c8e3ef;max-height:calc(100dvh - 40px);overflow:auto}
.five-page dialog>p:not(.eyebrow){font-size:15px;line-height:1.9}
.five-page dialog .button{font-size:16px;min-height:52px}
.five-page .d5-proof>p{font-size:15px}
.five-page .d5-ready{color:#617781}
.five-page .d5-register .mail-button:hover,
.five-page .notice-cards .mail-button:hover,
.five-page .mobile-dock .mail-button:hover{background:#176584;border-color:#176584}
@media(min-width:701px){
  .five-page .design-five{padding-inline:max(0px,calc((100% - 1160px)/2))}
  .five-page .notice-cards article{padding-bottom:24px}
  .five-page .trust-item>p:last-child{font-size:14px}
  .five-page .footer{padding-block:36px}
}
@media(max-width:700px){
  .five-page .d5-copy{padding-top:19px;padding-bottom:16px}
  .five-page .d5-eyebrow{margin-bottom:10px}
  .five-page .d5-image>img{height:236px}
  .five-page .d5-proof{margin-bottom:14px}
  .five-page .d5-register h2{margin-bottom:12px}
  .five-page .section-space{padding-block:68px}
  .five-page .intro{padding-top:58px;padding-bottom:64px}
  .five-page .intro h2{font-size:clamp(20px,5.6vw,24px);letter-spacing:0;line-height:1.85}
  .five-page .intro-text{margin-top:25px;text-align:left;max-width:390px;margin-inline:auto}
  .five-page .intro-text br{display:none}
  .five-page .eyebrow{font-size:11px;margin-bottom:18px}
  .five-page .intro-flower{font-size:38px;top:14px;right:2px}
  .five-page .section-heading>p{margin-top:20px}
  .five-page .trust-grid{margin-top:28px}
  .five-page .trust-item,.five-page .trust-item:first-child,.five-page .trust-item:last-child{padding-top:25px;padding-bottom:28px}
  .five-page .feature-label{font-size:10px}
  .five-page .trust-item h3{font-size:23px;line-height:1.6}
  .five-page .feature-tag{padding:4px 10px;margin-top:15px}
  .five-page .section-note{margin-top:22px}
  .five-page .discover{gap:30px}
  .five-page .discover-copy>p:not(.eyebrow){margin-top:22px}
  .five-page .benefit-list li{padding-block:18px}
  .five-page .product-visual{height:485px}
  .five-page .how h2{font-size:clamp(21px,5.6vw,26px);letter-spacing:0}
  .five-page .steps article{grid-template-columns:72px 1fr;gap:0 18px;max-width:340px}
  .five-page .step-graphic{width:72px;height:72px}
  .five-page .steps h3{font-size:18px}
  .five-page .steps article>p:last-child{font-size:14px;line-height:1.85}
  .five-page .step-number{font-size:10px}
  .five-page .step-arrow{margin-block:20px}
  .five-page .notice-lead br{display:none}
  .five-page .notice-top .release{font-size:11px}
  .five-page .notice-cards article{padding:24px 20px 20px}
  .five-page .notice-card-copy h3{font-size:16px}
  .five-page .channel-label{font-size:10px}
  .five-page .notice-cards .button{margin-top:20px;padding-inline:12px;gap:6px}
  .five-page .notice-cards .button .icon{width:18px}
  .five-page .social-row{margin-top:28px}
  .five-page .social-row>div{gap:24px}
  .five-page .faq{padding-top:62px;padding-bottom:50px}
  .five-page summary{padding-block:21px;gap:10px}
  .five-page details>p{padding-left:24px;padding-right:12px;padding-bottom:22px}
  .five-page .closing{padding-block:44px}
  .five-page .closing h2{font-size:clamp(18px,5.2vw,22px);letter-spacing:0}
  .five-page .closing>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:12px;margin-top:14px}
  .five-page .footer{padding-top:30px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .five-page .footer-right>div{gap:12px;flex-wrap:wrap}
  .five-page .footer-right button{min-height:44px;padding:0}
  .five-page .footer-right small{margin-top:10px}
  .five-page .d5-proof{padding-inline:14px}
  .five-page .d5-caption{color:#617781}
  .five-page .mobile-dock{box-shadow:0 -4px 16px #225c750c}
}
@media(max-width:700px) and (max-height:740px){
  .five-page .d5-copy{padding-top:14px;padding-bottom:14px}
  .five-page .d5-image>img{height:190px}
  .five-page .d5-proof{margin-bottom:12px}
}
@media(max-width:359px){
  .five-page .d5-proof>p{font-size:14px}
  .five-page .d5-proof{padding-inline:10px}
  .five-page .mobile-dock .button{font-size:14px;white-space:nowrap;min-height:50px}
  .five-page .notice-cards article{padding-inline:16px;column-gap:10px}
  .five-page .notice-card-copy h3{font-size:15px}
  .five-page .notice-cards .button{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .five-page .button{transition:none}
  .five-page .button:hover{transform:none}
}
/* Release notifications currently use LINE only. */
.line-only .d5-register .d5-buttons{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
.line-only .notice-cards{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.line-only .mobile-dock .button{font-size:16px;white-space:nowrap}