.cl{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(20px,4vw,56px);display:grid}.cl-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--heading);margin:0;font-size:clamp(28px,3.4vw,42px);line-height:1.1}.cl-title span{background:linear-gradient(100deg, var(--g1), var(--g2), var(--g3));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.cl-sub{max-width:520px;color:var(--text-2);margin:12px 0 18px;font-size:clamp(14px,13.124px + .225vw,16px);line-height:1.5}.cl-field{border:2px solid var(--border);background:var(--surface);max-width:520px;height:56px;box-shadow:var(--elev-2);cursor:text;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:14px;align-items:center;padding:0 14px 0 16px;display:flex}.cl-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--elev-2)}.cl-field[data-status=available]{border-color:#16a34a}.cl-field[data-status=taken],.cl-field[data-status=invalid]{border-color:#dc2626}.cl-prefix{color:var(--text-3);flex:none;font-size:clamp(14px,13.124px + .225vw,16px);font-weight:600}.cl-field input{min-width:0;height:100%;font:inherit;color:var(--heading);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0 0 0 2px;font-size:clamp(14px,13.124px + .225vw,16px);font-weight:700}.cl-state{flex:none;place-items:center;width:20px;display:grid}.cl-field[data-status=available] .cl-state{color:#16a34a}.cl-field[data-status=taken] .cl-state,.cl-field[data-status=invalid] .cl-state{color:#dc2626}.cl-spin{color:var(--text-3);animation:.8s linear infinite cl-spin}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-status{min-height:20px;color:var(--text-3);margin:8px 0 14px 4px;font-size:13.5px;font-weight:600}.cl-status[data-status=available]{color:#15803d}.cl-status[data-status=taken],.cl-status[data-status=invalid]{color:#b91c1c}.cl-cta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.cl-cta>span{color:var(--text-3);font-size:13.5px;font-weight:600}.cl-preview{--pd-zoom:.6;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex}.cl-url{border-radius:var(--r-pill);background:var(--surface);max-width:100%;box-shadow:var(--elev-2);white-space:nowrap;text-overflow:ellipsis;color:var(--text-3);padding:6px 14px;font-size:13px;overflow:hidden}.cl-url b{color:var(--heading)}@media (max-width:900px){.cl{grid-template-columns:minmax(0,1fr)}.cl-title{font-size:clamp(22.5px,20.966px + .393vw,26px)}.cl-sub{margin:8px 0 14px;font-size:clamp(14px,13.562px + .112vw,15px)}.cl-field{height:52px}.cl-prefix,.cl-field input{font-size:clamp(14px,13.562px + .112vw,15px)}.cl-status{margin-bottom:10px}.cl-preview{--pd-zoom:.52;gap:10px}}@media (prefers-reduced-motion:reduce){.cl-spin{animation:none}}@media (min-width:901px){.cl-preview{--pd-zoom:.72}}.cl-perks{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;max-width:560px;margin:26px 0 0;padding:22px 0 0;list-style:none;display:grid}.cl-perks li{align-items:flex-start;gap:10px;display:flex}.cl-perk-icon{background:color-mix(in srgb, currentColor 12%, var(--surface));border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.cl-perk-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.cl-perk-copy b{color:var(--heading);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14.5px;display:flex}.cl-perk-copy small{color:var(--text-2);font-size:13px;line-height:1.4}@media (max-width:900px){.cl-perks{gap:12px 14px;margin-top:18px;padding-top:16px}.cl-perk-icon{width:32px;height:32px}.cl-perk-copy b{font-size:13.5px}.cl-perk-copy small{font-size:12px}}@media (max-width:640px){.cl-perks li{align-items:center}.cl-perk-copy small{display:none}.cl-preview{--pd-zoom:.4}}