/* A single baseline for plan / period / amount / tax. */
.hero .hero-price.hero-price-aligned{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;max-width:none;margin:23px 0 0;line-height:1.5}
.hero .hero-price.hero-price-aligned>.hero-price-plan{display:inline-flex;align-items:baseline;gap:6px;flex:0 0 auto;white-space:nowrap;font-size:16px;line-height:1.5;font-weight:600}
.hero .hero-price.hero-price-aligned .hero-price-plan small{font-size:16px;font-weight:500}
.hero .hero-price.hero-price-aligned>.hero-price-amount{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-weight:500;line-height:1}
.hero .hero-price.hero-price-aligned .hero-price-period{font-size:16px;line-height:1.5;color:var(--muted)}
.hero .hero-price.hero-price-aligned strong{font:700 47px/1 Arial,sans-serif;letter-spacing:-.03em;display:inline-block;margin:0;color:var(--ink)}
.hero .hero-price.hero-price-aligned strong>span{font-size:24px;line-height:1;letter-spacing:0;margin-left:2px}
.hero .hero-price.hero-price-aligned .price-tax{font-size:14px;line-height:1.5;letter-spacing:0;color:var(--muted);margin-left:3px}
/* Every optional app is visible around the desktop illustration. */
.hero .hero-art-complete .scene-app{z-index:5;width:112px;display:flex;flex-direction:column;align-items:center;gap:6px;right:auto;bottom:auto}
.hero .hero-art-complete .scene-app img{width:66px;height:66px;object-fit:contain;padding:10px;background:#fff;border:1px solid #deebf2;border-radius:50%;box-shadow:0 6px 20px #2543540c}
.hero .hero-art-complete .scene-app span{font-size:14px;line-height:1.5;white-space:nowrap;background:#fffffff2;padding:6px 11px;border-radius:20px;color:#30586e}
.hero .hero-art-complete .app-calen{left:5%;top:5%}
.hero .hero-art-complete .app-rain{left:0;top:47%}
.hero .hero-art-complete .app-fusen{left:9%;top:auto;bottom:2%}
.hero .hero-art-complete .app-eringi{left:auto;right:5%;top:6%}
.hero .hero-art-complete .app-norite{left:auto;right:5%;top:47%}
.hero .hero-art-complete .app-taskun{left:auto;right:5%;top:auto;bottom:2%}
.hero .hero-suite>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.hero .hero-suite>div>span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:15px;font-weight:700}
.hero .hero-suite img{display:block;width:64px;height:64px;padding:10px;object-fit:contain;border:1px solid #e1e9ef;background:#fff;border-radius:17px}
@media(max-width:1100px){.hero .hero-art-complete .scene-app{width:96px}.hero .hero-art-complete .scene-app img{width:60px;height:60px}.hero .hero-art-complete .scene-app span{font-size:13px;padding:5px 8px}.hero .hero-suite>div{gap:12px}}
@media(max-width:900px){.hero .hero-art-complete .scene-app{display:none}.hero .hero-suite{display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:center}.hero .hero-suite>div{width:100%;max-width:540px;align-self:center}.hero .hero-suite>a{align-self:center}}
@media(max-width:600px){
 .hero .hero-price.hero-price-aligned{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:65%}
 .hero .hero-price.hero-price-aligned>.hero-price-plan{flex-basis:auto;font-size:15px;line-height:1.6;gap:5px}
 .hero .hero-price.hero-price-aligned .hero-price-plan small{font-size:15px}
 .hero .hero-price.hero-price-aligned strong{font-size:44px}
 .hero .hero-price.hero-price-aligned strong>span{font-size:22px}
 .hero .hero-price.hero-price-aligned .hero-price-period{font-size:15px}
 .hero .hero-price.hero-price-aligned>.hero-price-amount{gap:4px}
 .hero .hero-price.hero-price-aligned .price-tax{margin-left:0;font-size:13px}
 .hero .hero-suite>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
 .hero .hero-suite>p{margin:0;font-size:16px!important;line-height:1.8}.hero .hero-suite>p b{display:block}
}
@media(max-width:360px){.hero .hero-price.hero-price-aligned strong{font-size:39px}.hero .hero-price.hero-price-aligned>.hero-price-plan,.hero .hero-price.hero-price-aligned .hero-price-plan small{font-size:14px}.hero .hero-suite img{width:60px;height:60px;padding:9px}}

@media(max-width:600px){.back-to-top{display:none!important}}
