/* motion-safety: static flow also works without JavaScript or a successful stylesheet request. */
body.service-business-card-page [data-motion-region][data-motion-region][data-motion-region]:not([data-motion-state="starting"]):not([data-motion-state="running"]) { display:block!important; position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; transform:none!important; translate:none!important; opacity:1!important; visibility:visible!important; contain:none!important; clip-path:none!important; }
body.service-business-card-page [data-motion-region]:not([data-motion-state="starting"]):not([data-motion-state="running"]) > :not(.eluna-motion-fallback) { display:none!important; }
body.service-business-card-page [data-motion-region]:not([data-motion-state="starting"]):not([data-motion-state="running"])::before,
body.service-business-card-page [data-motion-region]:not([data-motion-state="starting"]):not([data-motion-state="running"])::after { display:none!important; }
body.service-business-card-page [data-motion-region][data-motion-state="starting"] > .eluna-motion-fallback,
body.service-business-card-page [data-motion-region][data-motion-state="running"] > .eluna-motion-fallback { display:none!important; }
body.service-business-card-page .eluna-motion-fallback { display:block; position:relative; width:100%; box-sizing:border-box; padding:76px 24px; color:#183449; background:#f3f7fa; text-align:center; }
body.service-business-card-page .eluna-motion-fallback__intro { max-width:780px; margin:0 auto 38px; }
body.service-business-card-page .eluna-motion-fallback h2 { margin:0 0 24px; font-size:30px; font-size:clamp(24px,3vw,38px); font-weight:500; line-height:1.7; letter-spacing:.08em; color:inherit; }
body.service-business-card-page .eluna-motion-fallback p { margin:0 auto; font-size:15px; line-height:2.2; letter-spacing:.04em; color:inherit; }
body.service-business-card-page .eluna-motion-fallback__grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; max-width:1080px; margin:0 auto; }
body.service-business-card-page .eluna-motion-fallback figure { position:relative; flex:1 1 260px; max-width:480px; min-width:0; width:auto; height:auto; margin:0; background:#fff; border-radius:4px; overflow:hidden; box-shadow:0 6px 28px rgba(27,54,75,.05); }
body.service-business-card-page .eluna-motion-fallback img { position:static; display:block; width:100%; height:auto; max-height:none; transform:none; opacity:1; object-fit:contain; }
body.service-business-card-page .eluna-motion-fallback img[hidden] { display:none!important; }
body.service-business-card-page .eluna-motion-fallback figcaption { position:static; padding:16px 20px; color:#365466; font-size:13px; line-height:1.8; text-align:left; }
body.service-business-card-page .eluna-motion-fallback__chapter { margin-top:70px; }
@media(max-width:600px) { body.service-business-card-page .eluna-motion-fallback { padding:56px 20px; } body.service-business-card-page .eluna-motion-fallback__grid { gap:18px; } body.service-business-card-page .eluna-motion-fallback figure { flex-basis:100%; } }

/* Option link and styling limited to the standalone business-card page. */
.website-pricing #website-pricing-business-card { scroll-margin-top: 110px; }
.website-pricing .website-pricing__option-link { display: inline-flex; align-items: center; gap: 12px; min-height: 36px; color: #3d5146; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.website-pricing .website-pricing__option-link:hover { color: #1d392b; text-decoration-thickness: 2px; }
.website-pricing .website-pricing__option-link:focus-visible { outline: 2px solid #657b6b; outline-offset: 5px; }
body.service-business-card-page { background: #dfe8eb; }
.service-business-card-page .business-card-page__nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px max(5.5vw, 24px); background: #edf2f3; border-bottom: 1px solid #d0dce0; color: #354e59; }
.service-business-card-page .business-card-page__nav h1 { margin: 0; color: inherit; font-family: "Shippori Mincho B1", serif; font-size: 19px; font-weight: 400; letter-spacing: .08em; }
.service-business-card-page .business-card-page__nav a { color: inherit; font-family: "Noto Sans JP", sans-serif; font-size: 12px; text-decoration: none; }
.service-business-card-page .business-card-page__nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.service-business-card-page .business-card-page__nav > span { color: #65808d; font-family: "Noto Sans JP", sans-serif; font-size: 10px; letter-spacing: .16em; }
.service-business-card-page .business-card-page__offer { padding: clamp(64px, 8vw, 108px) 24px; background: #f4f7f8; color: #273a40; text-align: center; }
.service-business-card-page .business-card-page__offer-inner { width: min(100%, 680px); margin: 0 auto; }
.service-business-card-page .business-card-page__offer :is(h2, p) { margin: 0; color: inherit; }
.service-business-card-page .business-card-page__offer-kicker { color: #647c86; font-family: "Noto Sans JP", sans-serif; font-size: 12px; letter-spacing: .12em; }
.service-business-card-page .business-card-page__offer h2 { margin-top: 17px; font-family: "Shippori Mincho B1", serif; font-size: clamp(27px, 3vw, 38px); font-weight: 400; letter-spacing: .08em; }
.service-business-card-page .business-card-page__offer .business-card-page__price { margin-top: 24px; font-family: "Noto Sans JP", sans-serif; font-size: clamp(23px, 4.5vw, 32px); font-weight: 400; line-height: 1.7; letter-spacing: .025em; }
.service-business-card-page .business-card-page__price small { display: inline-block; margin-left: 7px; font-size: 12px; }
.service-business-card-page .business-card-page__offer .business-card-page__price-note { margin-top: 12px; color: #566c76; font-family: "Noto Sans JP", sans-serif; font-size: 12px; line-height: 1.9; }
.service-business-card-page .business-card-page__actions { display: flex; flex-direction: column; align-items: center; gap: 25px; margin-top: 32px; font-family: "Noto Sans JP", sans-serif; }
.service-business-card-page .business-card-page__contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; width: min(100%, 360px); padding: 19px 24px; color: #fff; background: #354e59; font-size: 13px; text-decoration: none; }
.service-business-card-page .business-card-page__contact:hover { background: #243e4a; }
.service-business-card-page .business-card-page__return { color: #48616c; font-size: 12px; line-height: 1.8; text-decoration: underline; text-underline-offset: 5px; }
.service-business-card-page :is(.business-card-page__nav a, .business-card-page__contact, .business-card-page__return):focus-visible { outline: 2px solid #60819a; outline-offset: 5px; }
/* Let the standalone layout fit a tablet before the shared 900px breakpoint. */
@media (min-width: 901px) and (max-width: 1120px) {
  .service-business-card-page .website-card-showcase__stage { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 36px; padding-left: 42px; padding-right: 42px; }
}
@media (max-width: 600px) {
  .service-business-card-page .business-card-page__nav { flex-wrap: wrap; gap: 14px; padding: 20px 24px; }
  .service-business-card-page .business-card-page__nav a { width: 100%; font-size: 11px; }
  .service-business-card-page .business-card-page__nav h1 { font-size: 18px; }
}