/* ClearSky for travel security — layered on membership.css (charcoal + champagne). */
.tr-lead{max-width:62ch;text-wrap:pretty;color:var(--muted);font-size:15px;line-height:1.7}
h1,h2,.tr-card h3,.tr-step h3{text-wrap:balance}
.tr-section{padding-top:90px;padding-bottom:90px;border-top:1px solid var(--line)}
.tr-heading{max-width:760px;margin-bottom:48px}
.tr-heading h2{font-size:44px;line-height:1.1;letter-spacing:-1.5px;margin:14px 0 18px}
.tr-heading p{color:var(--muted);line-height:1.7;max-width:62ch;text-wrap:pretty}

/* Problem / value cards */
.tr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tr-card{padding:30px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(160deg,#151d26,#0f161e);box-shadow:0 18px 50px #0003}
.tr-card .tr-kicker{display:block;font-size:11px;letter-spacing:.14em;color:var(--gold);margin-bottom:22px}
.tr-card h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}
.tr-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;text-wrap:pretty}

/* Steps */
.tr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:step;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tr-step{padding:30px 26px;border-right:1px solid var(--line);background:#0f161e}
.tr-step:last-child{border-right:0}
.tr-step .n{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.14em;color:var(--gold)}
.tr-step h3{font-size:19px;margin:34px 0 10px;letter-spacing:-.3px}
.tr-step p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65;text-wrap:pretty}

/* Sample brief */
.tr-split{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.tr-brief{border:1px solid #d8c5a42c;border-radius:10px;background:linear-gradient(135deg,#182029,#101720);box-shadow:0 25px 70px #0004;padding:28px}
.tr-brief-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.12em;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}
.tr-brief-top b{color:var(--gold);font-weight:600;border:1px solid #d8c5a455;border-radius:99px;padding:3px 10px;letter-spacing:.1em}
.tr-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.tr-row:last-of-type{border-bottom:0}
.tr-row .c{font-variant-numeric:tabular-nums;font-size:12px;color:var(--gold);letter-spacing:.1em;min-width:34px}
.tr-row strong{display:block;font-weight:500;font-size:15px}
.tr-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.tr-pill{font-size:11px;letter-spacing:.06em;padding:5px 10px;border-radius:99px;border:1px solid var(--line);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.tr-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tr-pill.up{color:#e8a87c}.tr-pill.flat{color:#a9b4bf}.tr-pill.nodata{color:#a9b4bf}.tr-pill.nodata:before{border-radius:1px;background:transparent;border:1.5px solid currentColor}
.tr-brief-note{margin:18px 0 0;font-size:12px;color:var(--muted);line-height:1.6}
.tr-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.tr-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;color:#cfd5db;font-size:14.5px;line-height:1.6}
.tr-list li:before{content:"✓";color:var(--gold);font-size:13px;padding-top:2px}

/* Pricing strip */
.tr-pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tr-plan{padding:34px;border:1px solid var(--line);border-radius:10px;background:#0f161e;display:flex;flex-direction:column;gap:14px}
.tr-plan.featured{border-color:#d8c5a455;background:linear-gradient(160deg,#1a232d,#10171f)}
.tr-plan h3{margin:0;font-size:26px;letter-spacing:-.6px}
.tr-plan p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.tr-plan ul{margin:6px 0 10px;padding:0;list-style:none;display:grid;gap:10px;font-size:14px;color:#cfd5db}
.tr-plan li:before{content:"— ";color:var(--gold)}
.tr-plan .button{margin-top:auto;justify-content:center;min-height:48px}

/* Honest limits */
.tr-limits{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.tr-limits ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.tr-limits li{padding-left:18px;border-left:2px solid #d8c5a455;color:#cfd5db;font-size:14.5px;line-height:1.65;text-wrap:pretty}

.tr-footer-links{display:flex;gap:22px;flex-wrap:wrap}
.tr-footer-links a{min-height:44px;display:inline-flex;align-items:center}

/* Motion: entrance once, reduced-motion safe */
@media(prefers-reduced-motion:no-preference){
  .tr-card,.tr-step,.tr-brief,.tr-plan{animation:trIn .5s ease-out both}
  @keyframes trIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
}
.membership a:focus-visible,.membership button:focus-visible,.membership summary:focus-visible,.membership input:focus-visible,.membership textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.membership .button:active{transform:scale(.97)}

@media(max-width:1050px){
  .tr-grid{grid-template-columns:1fr}
  .tr-steps{grid-template-columns:1fr 1fr}
  .tr-step:nth-child(2){border-right:0}
  .tr-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .tr-split,.tr-limits{grid-template-columns:1fr;gap:40px}
  .tr-heading h2{font-size:36px}
}
@media(max-width:700px){
  .tr-pricing,.tr-steps{grid-template-columns:1fr}
  .tr-step{border-right:0;border-bottom:1px solid var(--line)}
  .tr-step:last-child{border-bottom:0}
  .tr-section{padding-top:60px;padding-bottom:60px}
  .tr-heading h2{font-size:30px}
  .tr-row{grid-template-columns:auto 1fr}
  .tr-row .tr-pill{grid-column:2;justify-self:start}
}