/* Sub-page styles (try, about, contact, pricing). Loaded after v3.css. */
.page-hero{background:var(--felt);background-image:radial-gradient(ellipse 70% 55% at 30% 0%,#1a5a46 0%,transparent 70%);padding:64px 0 56px}
.page-hero h1{font-size:clamp(46px,6vw,84px)}
.page-hero p.lede{font-size:19px;color:#d7e4dc;max-width:40em;margin:18px 0 0}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.badge{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #3d7a64;color:#cfe0d6;border-radius:999px;padding:5px 11px}
.badge.ai{border-color:var(--signal);color:var(--signal)}
.narrow{max-width:820px}
.prose p,.prose li{font-size:17.5px;color:var(--ink-2)}
.prose h2{font-size:clamp(30px,3.4vw,42px);margin:40px 0 12px}
.prose a{color:var(--ink)}
.form{display:grid;gap:14px;max-width:720px}
.form label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form input,.form textarea{width:100%;box-sizing:border-box;padding:13px 15px;border-radius:8px;border:1.5px solid var(--card-line);font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.form textarea{min-height:180px;resize:vertical;font-family:var(--mono);font-size:14.5px;line-height:1.6}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--ink)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .meta{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--muted)}
.form .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn[disabled]{opacity:.6;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{min-height:24px;margin:4px 0 0;font-size:15.5px}
.msg.err{color:#a3261b}.msg.ok{color:var(--good)}
.out{margin-top:28px;border:1px solid var(--card-line);border-radius:12px;background:#fff;overflow:hidden}
.out-bar{display:flex;gap:12px;align-items:center;padding:10px 18px;background:var(--ink);color:var(--signal);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.out-bar span{margin-left:auto;color:#cfe0d6}
.out-body{padding:22px 24px;color:var(--ink-2);font-size:16.5px}
.out-body h2{font-size:26px;margin:18px 0 8px;color:var(--ink)}
.out-body h2:first-child{margin-top:0}
.out-body ul{padding-left:20px}
.out-foot{padding:10px 18px;border-top:1px solid var(--card-line);font-size:13px;color:var(--muted)}
.examples{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14px;padding:7px 12px;border-radius:999px;border:1px solid var(--card-line);background:#eef1ec;color:var(--ink);cursor:pointer}
.chip:hover{border-color:var(--ink)}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.box{border:1px solid var(--card-line);border-radius:12px;padding:24px;background:#fff}
.box h3{font-size:22px}
.box p{margin:6px 0 0;color:var(--ink-2);font-size:16px}
.compare{width:100%;border-collapse:collapse;margin-top:36px;background:#fff;border:1px solid var(--card-line);border-radius:12px;overflow:hidden;font-size:15.5px}
.compare th,.compare td{padding:12px 16px;text-align:left;border-top:1px solid var(--card-line)}
.compare th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#eef1ec;border-top:0}
@media (max-width:980px){.cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.form .row2{grid-template-columns:minmax(0,1fr)}.compare{font-size:14px}.compare th,.compare td{padding:10px}}