/*
 * /services — production services intake.
 *
 * Same palette and measure as /about, because this page has to read as the same
 * publication that wrote the reviews, not as an ad bolted onto it.
 */

.airr-svc{--bk-ink:#111C2E;--bk-blue:#3D5AFE;--bk-green:#00915A;--bk-slate:#5A6B85}

.airr-svc-hero{max-width:820px;margin:14px 0 42px}
.airr-svc-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.03em;
  font-weight:800;margin:0 0 20px;color:var(--bk-ink);text-wrap:balance}
.airr-svc-lede{font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.6;color:var(--a-ink2);
  margin:0;max-width:60ch}

.airr-svc h2{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:780;letter-spacing:-.02em;
  margin:0 0 18px;color:var(--bk-ink)}

/* ---------------------------------------------------------------- steps --- */
.airr-svc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:1px;background:var(--a-rule);border:1px solid var(--a-rule);border-radius:14px;
  overflow:hidden;margin:0 0 48px}
.airr-svc-step{background:var(--a-card);padding:22px 20px;display:flex;gap:14px;align-items:flex-start}
.airr-svc-step span{flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  background:var(--bk-blue);color:#fff;font-weight:800;font-size:.85rem;
  display:flex;align-items:center;justify-content:center}
.airr-svc-step p{margin:3px 0 0;font-size:.94rem;line-height:1.5;color:var(--a-ink2)}

/* ----------------------------------------------------------------- form --- */
.airr-svc-form-wrap{max-width:640px;margin:0 0 52px}
.airr-svc-signin{font-size:.98rem;line-height:1.6;color:var(--a-ink2)}
.airr-svc-signin a{color:var(--bk-blue);font-weight:700}
.airr-svc-form{display:flex;flex-direction:column;gap:16px}
.airr-svc-field{display:flex;flex-direction:column;gap:6px}
.airr-svc-field span{font-size:.85rem;font-weight:700;color:var(--bk-ink)}
.airr-svc-field input,.airr-svc-field textarea{width:100%;padding:12px 14px;
  border:1px solid var(--a-rule);border-radius:10px;font:inherit;font-size:.95rem;
  background:var(--a-card);color:var(--a-ink);box-sizing:border-box}
.airr-svc-field input:focus-visible,.airr-svc-field textarea:focus-visible{
  outline:2px solid var(--bk-blue);outline-offset:1px;border-color:transparent}
.airr-svc-check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;
  line-height:1.5;color:var(--a-ink2)}
.airr-svc-check input{margin-top:3px;flex:0 0 auto}
.airr-svc-form button{align-self:flex-start;padding:12px 22px;border:0;border-radius:10px;
  background:var(--bk-green);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.airr-svc-form button:hover{filter:brightness(1.06)}
.airr-svc-form button:disabled{opacity:.55;cursor:default}
.airr-svc-form button:focus-visible{outline:2px solid var(--bk-blue);outline-offset:2px}
.airr-svc-msg{margin:0;font-size:.9rem;line-height:1.5;min-height:1.2em}
.airr-svc-msg[data-state="ok"]{color:var(--bk-green);font-weight:600}
.airr-svc-msg[data-state="err"]{color:#B4232A;font-weight:600}
.airr-svc-note{margin:12px 0 0;font-size:.83rem;color:var(--a-muted)}

/* -------------------------------------------------------------- pricing --- */
.airr-svc-pricing{margin:0 0 52px}
.airr-svc-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;margin:0 0 22px;
  border:1px solid var(--a-rule);border-radius:999px;background:var(--a-card)}
.airr-svc-toggle button{border:0;background:transparent;font:inherit;font-size:.88rem;
  font-weight:700;color:var(--a-muted);padding:8px 18px;border-radius:999px;cursor:pointer}
.airr-svc-toggle button[aria-pressed="true"]{background:var(--bk-ink);color:#fff}
.airr-svc-toggle button:focus-visible{outline:2px solid var(--bk-blue);outline-offset:2px}
.airr-svc-toggle-save{font-size:.76rem;font-weight:700;color:var(--bk-green);
  padding:0 12px 0 6px;white-space:nowrap}

/* Four cards in a 760px measure. A 215px minimum fits three and orphans the
   fourth on its own row, which reads as a broken layout; 280px gives a clean 2x2
   here and goes 4-across on its own if the container ever gets wider. */
.airr-svc-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1px;background:var(--a-rule);border:1px solid var(--a-rule);border-radius:14px;
  overflow:hidden}
.airr-svc-tier{background:var(--a-card);padding:26px 22px;display:flex;flex-direction:column;
  gap:10px;position:relative}
.airr-svc-tier-best{background:var(--a-card);box-shadow:inset 0 3px 0 0 var(--bk-blue)}
.airr-svc-tier-flag{position:absolute;top:12px;right:14px;font-size:.66rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--bk-blue)}
.airr-svc-tier-name{font-size:1.02rem;font-weight:800;margin:0;color:var(--bk-ink)}
.airr-svc-tier-price{margin:0;color:var(--bk-ink);line-height:1;display:flex;
  align-items:baseline;gap:3px;flex-wrap:wrap}
.airr-svc-tier-amount{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.airr-svc-tier-per{font-size:.82rem;font-weight:600;color:var(--a-muted)}
.airr-svc-tier-unit{margin:0;font-size:.78rem;color:var(--a-muted)}
.airr-svc-tier-list{margin:6px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:7px}
.airr-svc-tier-list li{font-size:.87rem;line-height:1.45;color:var(--a-ink2)}
.airr-svc-cta{margin-top:auto;align-self:stretch;text-align:center;padding:11px 16px;
  border-radius:9px;background:var(--bk-ink);color:#fff;font-size:.87rem;font-weight:700;
  text-decoration:none}
.airr-svc-tier-best .airr-svc-cta{background:var(--bk-blue)}
.airr-svc-cta:hover{filter:brightness(1.18)}
.airr-svc-cta:focus-visible{outline:2px solid var(--bk-blue);outline-offset:2px}
.airr-svc-fineprint{margin:16px 0 0;font-size:.82rem;line-height:1.55;color:var(--a-muted);
  max-width:62ch}

/* ----------------------------------------------------------- disclosure --- */
.airr-svc-disclosure{max-width:70ch;padding:24px 26px;border:1px solid var(--a-rule);
  border-radius:14px;background:var(--a-card)}
.airr-svc-disclosure h2{font-size:1.05rem;margin:0 0 12px}
.airr-svc-disclosure p{font-size:.92rem;line-height:1.65;color:var(--a-ink2);margin:0 0 12px}
.airr-svc-disclosure p:last-child{margin-bottom:0}
.airr-svc-disclosure a{color:var(--bk-blue);font-weight:700}