/* Rosebridge English waitlist page. Load after rb.css. */

.wl{padding:clamp(48px,6vw,96px) 0 0}
.wl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:clamp(40px,6vw,104px);align-items:start}
.wl-title{font-family:var(--f-display);font-size:clamp(3rem,6vw,5.6rem);line-height:.98;letter-spacing:-.035em}
.wl-lead{max-width:40ch;margin-top:28px;font-size:var(--t-lead);line-height:1.45;color:var(--body)}

.wl-lc{position:relative;overflow:hidden;margin-top:48px;max-width:560px;background:var(--teal);color:#fff;border-radius:var(--radius);padding:36px 36px 30px}
.wl-lc .h3{position:relative;color:#fff}
.wl-lc p{position:relative;max-width:36ch;margin:12px 0 24px;color:#fff}
.wl-lc .btn{position:relative}
.wl-lc .wl-lc-note{margin:16px 0 0;font-size:var(--t-small);color:#fff}
.wl-lc-disc{position:absolute;right:-90px;bottom:-110px;width:280px;aspect-ratio:1;border-radius:50%;background:var(--teal-dk)}
.wl-lc-disc::after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--teal)}

.wl-next-h{margin-top:56px}
.wl-next{display:grid;gap:18px;max-width:46ch;margin-top:22px}
.wl-next li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start}
.wl-next .ring{width:16px;height:16px;border-width:3px;margin-top:6px}
.wl-facts{margin-top:40px;max-width:46ch;color:var(--soft)}

.wl-card{position:sticky;top:108px;background:var(--card-white);border-radius:calc(var(--radius) + 6px);padding:clamp(28px,3vw,44px)}
.wl-form .field:last-of-type{margin-bottom:22px}
.wl-plan-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wl-plan{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;border-radius:16px;background:#F7F2EE;cursor:pointer;font-size:var(--t-small);color:var(--body);transition:background-color .25s}
.wl-plan b{display:block;font-weight:500;color:var(--ink)}
.wl-plan:hover{background:#F0E8E2}
.wl-plan:has(input:checked){background:var(--teal-tint)}
.wl-check{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;cursor:pointer;font-size:var(--t-small);color:var(--body)}
.wl-check .ring-input{margin-top:2px}
.wl-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden} /* taste-skill-ignore: spam trap kept off screen */
.wl-submit{width:100%;min-height:58px;font-size:1.0625rem}
.wl-submit:disabled{opacity:.7;cursor:progress}
.wl-status{margin-top:16px;padding:14px 18px;border-radius:16px;background:var(--rose-tint);color:var(--ink);font-size:var(--t-small)}
.wl-status[hidden]{display:none}
.wl-privacy{margin-top:20px;font-size:var(--t-small);color:var(--soft)}

.wl-done{display:grid;justify-items:start;gap:14px;padding:12px 0}
.wl-done[hidden]{display:none}
.wl-done-ring{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--teal);color:#fff;margin-bottom:10px}
.wl-done .h2:focus{outline:none}
.wl-done .btn{margin-top:10px}

/* motion: the page settles in once; everything is visible without it */
@media (prefers-reduced-motion:no-preference){
  .wl-intro > *,.wl-card{animation:wl-in .9s var(--ease) both}
  .wl-intro > :nth-child(2){animation-delay:.06s}
  .wl-intro > :nth-child(3){animation-delay:.12s}
  .wl-card{animation-delay:.18s}
  .wl-done:not([hidden]){animation:wl-in .7s var(--ease) both}
}
@keyframes wl-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (max-width:1100px){
  .wl-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
}
@media (max-width:860px){
  .wl-grid{grid-template-columns:1fr;gap:0}
  .wl-intro{display:contents}
  .wl-title{order:1}
  .wl-lead{order:2}
  .wl-card{order:3;margin-top:32px}
  .wl-lc{order:4}
  .wl-next-h{order:5}
  .wl-next{order:6}
  .wl-facts{order:7}
  .wl-card{position:static}
  .wl-lc{padding:30px 24px 26px}
  .wl-lc .btn{width:100%}
}
@media (max-width:520px){
  .wl-plan-opts{grid-template-columns:1fr}
}