/* KadaAI — pages/trial.css: the /trial page only (trial.html). Load after site.css. Classes are .pg-… */

/* Hero: intro + form + "what you get". Phones: intro, form, then the list. From 1024 px: two columns,
   the list under the intro on the left, the form on the right. */
.pg-trial-hero{padding-block:clamp(2.25rem, 1.25rem + 4vw, 5rem) clamp(3.5rem, 2rem + 4vw, 6rem)}
.pg-trial{display:grid;gap:2.25rem;grid-template-columns:minmax(0, 1fr);grid-template-areas:"intro" "form" "gets"}
.pg-trial__intro{grid-area:intro;display:grid;gap:1.25rem;justify-items:start;max-width:640px;grid-template-columns:minmax(0, 1fr)}
.pg-trial__intro .hero__title{font-size:var(--fs-h1);letter-spacing:-.035em;line-height:1.06}
.pg-trial__form{grid-area:form;min-width:0}
.pg-trial__gets{grid-area:gets;max-width:640px}
@media (min-width: 1024px) {
  .pg-trial {grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);grid-template-areas:"intro form" "gets form";grid-template-rows:auto 1fr;column-gap:clamp(3rem, 1rem + 4vw, 5.5rem);row-gap:2.75rem;align-items:start}
  .pg-trial__intro {padding-top:1.5rem}
  .pg-trial__meta {display:none}
}

/* What you get */
.pg-trial__gets-title{font-size:.8125rem;font-weight:700;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.pg-gets{display:grid;gap:1.25rem;margin-top:1.25rem;list-style:none;padding:0}
.pg-gets li{display:flex;align-items:flex-start;gap:1rem}
.pg-gets strong{display:block;font-size:1.0625rem;line-height:1.35;color:var(--ink)}
.pg-gets__desc{display:block;margin-top:.15rem;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.pg-trial__wa{margin-top:1.75rem}
@media (max-width: 479.98px) {.pg-trial__wa {width:100%;white-space:normal}}

/* The form card */
.pg-form-card{position:relative;padding:clamp(1.25rem, .6rem + 2.8vw, 2.5rem);background:#fff;border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg)}
.pg-form-card__head{display:grid;gap:.4rem;margin-bottom:1.5rem}
.pg-form-card__head h2{font-size:clamp(1.375rem, 1.2rem + .8vw, 1.75rem);letter-spacing:-.022em}
.pg-form-card__head p{font-size:.9375rem;line-height:1.5;color:var(--text-muted)}
.pg-form-card .form-actions .note{flex-basis:100%}
@media (max-width: 479.98px) {.pg-form-card .form-actions .btn {width:100%;white-space:normal}}
.pg-form-card .form-success{border-radius:var(--r-xl)}

/* What happens next */
.pg-step-link{margin-top:.5rem}

/* Small print under the FAQ */
.pg-trial-privacy{display:flex;align-items:flex-start;gap:.6rem;margin-top:2rem;font-size:.875rem;line-height:1.55;color:var(--text-muted)}
.pg-trial-privacy .icon{flex:none;width:1.1rem;height:1.1rem;margin-top:.15em;color:var(--green-ink)}
.pg-nowrap{white-space:nowrap}