.card-landing .member-main{max-width:1180px}.card-showcase{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start;margin:32px 0 52px}.card-showcase h1{font-size:clamp(32px,4.8vw,62px);line-height:1.1;letter-spacing:-.04em}.card-showcase p{line-height:1.7}.card-phone{max-width:350px;width:100%;margin:auto;padding:13px;border:1px solid #dbe1e8;border-radius:40px;background:#fff;box-shadow:0 18px 48px #14274218}.card-screen{padding:28px 24px;border-radius:29px;background:linear-gradient(150deg,#0e2340,#183c69);color:#fff;overflow-wrap:anywhere}.card-screen .demo-label{display:block;color:#ffb45e;font:600 12px/1.5 monospace;letter-spacing:.1em;margin-bottom:30px}.card-monogram{display:grid;place-items:center;background:#ffb45e;color:#11294a;width:65px;height:65px;border-radius:22px;font-size:26px;font-weight:600}.card-screen h2{font-size:27px;margin:20px 0 7px}.card-screen p{font-size:14px;opacity:.85;margin:8px 0 22px}.card-sample-button{display:block;width:100%;border:1px solid #ffffff35;background:#ffffff0d;padding:13px;color:#fff;margin:8px 0;border-radius:12px;text-align:left;font-size:14px}.card-screen .card-qr{display:block;width:120px;height:120px;margin:22px auto 12px;border-radius:10px;background:white}.card-screen small{display:block;text-align:center;color:#d0dce9;font-size:11px}.card-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-benefits section{margin:0}.card-benefits h2{font-size:22px}.card-benefits p{line-height:1.7}.card-sample-note{text-align:center;font-size:12px;margin:14px 0 0}.card-order-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.card-order-bar strong{font-size:29px}.card-landing .member-button{display:inline-block;text-decoration:none}.card-landing .member-panel{width:auto}.card-landing .member-panel p{line-height:1.75}@media(max-width:760px){.card-showcase{grid-template-columns:1fr;gap:32px;margin-top:20px}.card-benefits{grid-template-columns:1fr}.card-showcase h1{font-size:42px}.card-phone{max-width:330px}.card-landing .member-main{padding-top:26px}}@media(prefers-reduced-motion:no-preference){.card-phone{animation:card-in .7s ease both}@keyframes card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:480px){html[lang="ja"] .card-showcase h1{font-size:32px}}