/* Basic beta form page. Brand book v7.1: header 72 + hairline, margin 40/16, H1 44/32, body 16/15, controls 48 radius 6. */
.b-head { height: 72px; display: flex; align-items: center; padding: 0 40px; border-bottom: 1px solid var(--line); }
.b-head img { height: 20px; display: block; }
.b-main { max-width: 560px; margin: 0 auto; padding: 64px 16px 96px; }
.b-intro h1 { font: 400 44px/1.1 'EB Garamond', Georgia, serif; margin: 16px 0 16px; }
.b-intro p { font-size: 16px; line-height: 1.6; margin: 0 0 16px; }
.b-intro ul { margin: 0 0 48px; padding: 0 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--muted); }
.b-intro ul li { margin: 4px 0; }
.b-main .form { border-top: 1px solid var(--line); padding-top: 32px; }
.b-foot { text-align: center; font-size: 13px; color: var(--muted); padding: 32px 16px 48px; }
.b-foot a { color: var(--muted); }
@media (max-width: 767px) {
  .b-head { height: 56px; padding: 0 16px; }
  .b-main { padding-top: 32px; }
  .b-intro h1 { font-size: 32px; }
  .b-intro p { font-size: 15px; }
}
.b-head { justify-content: space-between; }
.lang { display: flex; border: 1px solid var(--line-strong); border-radius: 6px; overflow: hidden; }
.lang button { height: 32px; padding: 0 12px; border: 0; background: #fff; font: 500 13px/1 'Work Sans'; color: var(--muted); cursor: pointer; }
.lang button.on { background: var(--ink); color: #fff; }
.b-intro .prize, .deal .prize { font-size: 15px; background: var(--gold-soft, #F4ECDD); border-radius: 8px; padding: 12px 14px; margin: 0 0 24px; }
.deal .prize { margin: 12px 0 0; }
.b-intro .btn { margin-top: 8px; }
.b-intro .hint { margin-top: 12px; }
.field select { display: block; width: 100%; margin-top: 8px; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 6px; font: 400 16px/1.4 'Work Sans'; background: #fff; color: var(--ink); }
.tel { display: grid; grid-template-columns: 120px 1fr; gap: 8px; }
.tel select, .tel input { margin-top: 8px; }
.tel input { display: block; width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 6px; font: 400 16px/1.4 'Work Sans'; box-sizing: border-box; }
/* result pages (/you/...) */
.r-main .hero h1 { font: 400 44px/1.1 'EB Garamond', Georgia, serif; margin: 12px 0 16px; }
.r-main .lead { font-size: 16px; }
.r-main .steps > li { padding-left: 52px; }
@media (max-width: 767px) { .r-main .hero h1 { font-size: 32px; } }
/* voucher explanation */
div.prize { font-size: 15px; background: var(--gold-soft, #F4ECDD); border-radius: 8px; padding: 12px 14px; margin: 0 0 24px; }
div.prize > p { margin: 0; }
.deal div.prize { margin: 12px 0 0; }
.vhow summary { cursor: pointer; margin-top: 8px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.vhow > div { margin-top: 8px; } .vhow p { margin: 0 0 8px; } .vhow ul { margin: 0 0 8px; padding-left: 18px; } .vhow li { margin: 2px 0; }
.box.voucher ul { margin: 8px 0; padding-left: 18px; font-size: 15px; } .box.voucher p { font-size: 15px; margin: 0 0 8px; }
.b-intro .vhow ul { color: var(--ink); margin: 0 0 8px; } .b-intro .vhow p.small { color: var(--muted); }