/* About This Site + Get Started Free. No pale fill bands (CLAUDE.md rule 1). */

/* Shared button (these templates don't load studio.css). */
.st-btn{ font-family:var(--sans); font-weight:700; font-size:14.5px; text-decoration:none; padding:.75rem 1.3rem; border-radius:4px; display:inline-block; }
.st-btn--primary{ background:var(--rust,#a8552a); color:#fff; }
.st-btn--primary:hover{ background:#8f461f; }
.st-btn--ghost{ background:transparent; color:var(--ink-2); border:1px solid var(--line); }
.st-btn--ghost:hover{ color:var(--ink); border-color:var(--ink-3); }

/* ---- About This Site ---- */
.ps{ padding:2.6rem 0 2rem; }
.ps__col{ max-width:900px; margin:0 auto; padding:0 24px; }
.ps__intro{ margin:0 0 2.4rem; }
.ps__lead{ font-size:20px; line-height:1.7; color:var(--ink); }
.ps__h{ font-family:var(--sans); font-weight:800; font-size:24px; color:var(--ink); letter-spacing:-.01em; margin:2.4rem 0 .7rem; }
.ps__p{ font-size:17.5px; line-height:1.7; color:var(--ink); margin:0 0 1rem; }
.ps__p a, .ps__lead a{ color:var(--rust,#a8552a); text-decoration:underline; text-underline-offset:2px; }
.ps__map{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.2rem; margin:1.4rem 0 1rem; }
.ps__card{ display:block; background:#fff; border:1px solid var(--line,#e7e3da); border-radius:12px; padding:1.3rem 1.4rem; text-decoration:none; color:inherit; transition:box-shadow .15s, transform .15s; }
.ps__card:hover{ box-shadow:0 12px 30px -16px rgba(31,30,27,.25); transform:translateY(-2px); border-color:var(--rust,#a8552a); }
.ps__card-h{ font-family:var(--sans); font-weight:800; font-size:18px; color:var(--ink); margin:0 0 .4rem; }
.ps__card-b{ font-size:15px; line-height:1.6; color:var(--ink-2); margin:0; }

.ps-close{ margin:1.5rem 0 0; }
.ps-close .wrap{ max-width:900px; margin:0 auto; padding:2.6rem 24px 3rem; text-align:center; }
.ps-close__t{ font-size:19px; line-height:1.6; color:var(--ink); max-width:40ch; margin:0 auto; }
.ps-close__sig{ font-family:var(--sans); font-weight:600; font-style:italic; font-size:20px; color:var(--rust,#a8552a); margin:.6rem 0 0; }

/* ---- Get Started Free ---- */
.gs{ padding:2.6rem 0 3rem; }
.gs__col{ max-width:900px; margin:0 auto; padding:0 24px; }
.gs__h{ font-family:var(--sans); font-weight:800; font-size:24px; color:var(--ink); letter-spacing:-.01em; margin:1.4rem 0 1.2rem; text-align:center; }
.gs__p{ font-size:17.5px; line-height:1.7; color:var(--ink); margin:0 0 1rem; }
.gs__p a{ color:var(--rust,#a8552a); text-decoration:underline; text-underline-offset:2px; }
.gs__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.2rem; }
.gs__item{ background:#fff; border:1px solid var(--line,#e7e3da); border-radius:12px; padding:1.4rem 1.5rem; }
.gs__ic{ font-size:22px; color:var(--rust,#a8552a); margin-bottom:.5rem; }
/* Card image (optional, replaces the emoji icon) */
.gs__ic--img{ margin-bottom:.9rem; line-height:0; text-align:center; }
.gs__ic--img img{ display:inline-block; width:auto; max-width:100%; max-height:190px; height:auto; border-radius:10px; }

.gs__t{ font-family:var(--sans); font-weight:800; font-size:16.5px; color:var(--ink); margin:0 0 .35rem; }
.gs__b{ font-size:15px; line-height:1.6; color:var(--ink-2); margin:0; }

/* Signup: rich slate panel so it draws the eye (no pale fill). */
.gs__signup{ margin:2.4rem 0; background:var(--slate,#304452); border-radius:16px; padding:2.4rem; text-align:center; }
.gs__signup-h{ font-family:var(--sans); font-weight:800; font-size:23px; color:#fff; margin:0 0 .4rem; }
.gs__signup-p{ font-size:16.5px; color:rgba(255,255,255,.85); margin:0 0 1.2rem; }
.gs__form{ display:flex; gap:.6rem; flex-wrap:wrap; justify-content:center; max-width:560px; margin:0 auto; }
.gs__form input{ flex:1 1 200px; font-family:var(--sans); font-size:15px; padding:.75rem .9rem; border:1px solid transparent; border-radius:6px; background:#fff; color:var(--ink); }
.gs__form input:focus{ outline:2px solid var(--gold,#e7c79c); }
.gs__form .st-btn{ flex:0 0 auto; border:0; cursor:pointer; }
.gs__fine{ font-size:13px; color:rgba(255,255,255,.7); margin:1rem 0 0; }
.gs__err{ background:rgba(255,255,255,.14); color:#fff; font-weight:600; font-size:14px; border-radius:6px; padding:.6rem 1rem; margin:0 auto 1rem; max-width:420px; }
.gs__thanks{ color:#fff; }
.gs__thanks-h{ font-family:var(--sans); font-weight:800; font-size:24px; color:#fff; margin:0 0 .5rem; }
.gs__thanks p{ font-size:16.5px; line-height:1.6; color:rgba(255,255,255,.88); margin:0; }
.gs__thanks a{ color:#fff; text-decoration:underline; }

.gs__ladder{ text-align:left; max-width:720px; margin:0 auto; }
.gs__ladder .gs__h{ text-align:left; }
.gs__ladder ul{ margin:.6rem 0 1rem; padding-left:1.2rem; }
.gs__ladder li{ margin:0 0 .5rem; line-height:1.6; }