:root {
  --lp-survey-accent: var(--cyan, var(--acid, #00bfdd));
  --lp-survey-ink: var(--ink, #222831);
  --lp-survey-surface: #e8f7fb;
  --lp-survey-muted: #445763;
  --lp-survey-focus: #05768b;
  --lp-survey-radius: 28px;
  --lp-survey-font: var(--font-sans-ja);
}
.survey-section { padding: 30px 6% 90px; color: var(--lp-survey-ink); font-family: var(--lp-survey-font); }
.survey-card { max-width: 1160px; margin: 0 auto; padding: 56px 60px; border-radius: var(--lp-survey-radius); background: var(--lp-survey-surface); display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.survey-eyebrow { color: var(--lp-survey-muted); font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0 0 20px; }
.survey-copy h2 { font-size: clamp(28px, 3.2vw, 44px); line-height: 1.45; letter-spacing: -.04em; margin: 0; }
.survey-description { font-size: 15px; line-height: 1.9; margin: 22px 0 0; color: var(--lp-survey-muted); }
.survey-action { flex: 0 0 280px; text-align: center; }
.survey-button { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; min-height: 60px; padding: 17px 24px; border: 0; border-radius: 999px; background: var(--lp-survey-accent); color: var(--lp-survey-ink); font: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.survey-button:disabled { cursor: default; opacity: 1; }
.survey-button:focus-visible { outline: 3px solid var(--lp-survey-focus); outline-offset: 5px; }
a.survey-button:hover { text-decoration: underline; }
.survey-note { font-size: 13px; line-height: 1.7; color: var(--lp-survey-muted); margin: 14px 0 0; }
.survey-mobile-break { display: none; }
@media (max-width: 900px) { .survey-card { padding: 40px 32px; gap: 28px; } .survey-action { flex-basis: 250px; } }
@media (max-width: 600px) { .survey-section { padding: 20px 6% 65px; } .survey-card { padding: 36px 24px; flex-direction: column; align-items: stretch; gap: 28px; } .survey-action { flex-basis: auto; } .survey-description { font-size: 14px; } .survey-button { font-size: 15px; padding: 17px 12px; } .survey-mobile-break { display: initial; } }