/* LP v3（10-23）：缶バッジ付きの訴求。色・余白は LP2 の変数と既存セクションに合わせる */
.badge-inline{display:inline-block;margin-top:6px;font-weight:600;color:#c9fbfb}
.badge-section{background:radial-gradient(ellipse at 100% 20%,#0e354455,transparent 50%),#0b1922}
.badge-grid{max-width:var(--page);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.badge-image{position:relative;background:#c6b8a6;overflow:hidden}
.badge-image img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.badge-copy .eyebrow{color:#abdce0;margin-bottom:15px}
.badge-copy h2{margin-bottom:24px}
.badge-copy>p:not(.eyebrow){font-size:13px;line-height:2.1;color:#dae7df}
.badge-copy>p+p{margin-top:14px}
.badge-facts{margin:30px 0 0;display:grid;grid-template-columns:90px 1fr;gap:12px 20px;font-size:12px;border-top:1px solid #486269;padding-top:22px}
.badge-facts dt{color:#a9cfd1}
.badge-facts dd{margin:0;color:#e5efec}
.badge-facts small{font-size:11px;color:#b9cfc9}
@media(max-width:760px){.hero-copy .badge-inline{color:#1d5b60}.badge-grid{grid-template-columns:1fr;gap:30px}.badge-copy>p:not(.eyebrow){font-size:12px}.badge-facts{grid-template-columns:76px 1fr}}
/* 11-01 デザイン区画（サイボーグ／ボタニカル）。缶バッジ区画の組みを流用し、画像は正方形 */
.design-section{background:radial-gradient(ellipse at 0% 30%,#2d3a1a55,transparent 50%),radial-gradient(ellipse at 100% 80%,#0e354455,transparent 45%),#0d1a1c}
.design-image img{aspect-ratio:1/1}
.design-image .image-label{bottom:auto;top:15px}
.design-copy .eyebrow{color:#d7e3a4}
.design-selector{margin:30px 0 0;max-width:none}
.design-selector button{min-height:84px}
.design-dot{border-color:#8c9a92}
.design-dot-cyborg{background:linear-gradient(135deg,#e62ea8 0%,#5b3bd6 50%,#17b9e8 100%)}
.design-dot-botanical{background:linear-gradient(135deg,#f3d24d 0%,#79c35a 55%,#f6b0c4 100%)}
.design-note{margin-top:14px;font-size:11px;line-height:1.9;color:#b9cfc9}
@media(max-width:760px){.design-selector{gap:10px;margin-top:22px}.design-note{font-size:10.5px}}