/* shared styles for /try/* pages (on top of site.css) */
.tdhead{padding:130px 0 20px;position:relative}
.tdhead h1{font-weight:800;font-size:clamp(38px,4.6vw,62px);line-height:1.02;letter-spacing:-.045em;margin:20px 0 16px;max-width:900px}
.tdhead p.lead{font-size:18px;color:var(--ink2);max-width:680px;margin:0}
.ttabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}
.ttabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);font-size:14px;font-weight:600;color:var(--ink2);background:var(--paper)}
.ttabs a:hover{border-color:var(--ink)}
.ttabs a[aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ttabs svg{width:16px;height:16px}
.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;list-style:none;padding:0}
.stepper li{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);font-size:14px;font-weight:600;color:var(--muted)}
.stepper li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12.5px;font-weight:800;background:var(--paper2);color:var(--muted);border:1px solid var(--line2)}
.stepper li.on{color:var(--ink);border-color:var(--acc-line)}
.stepper li.on i{background:var(--orange);color:#111;border-color:transparent}
.stepper li.done i{background:var(--good-soft);color:var(--good);border-color:transparent}
.panel{padding:22px 0 90px}
.pcards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.box{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:30px}
.box h2{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}
.box h2 small{display:block;font-size:12px;letter-spacing:1.5px;color:var(--acc);font-weight:800;margin-bottom:8px}
.box p{margin:0 0 18px;color:var(--ink2);font-size:16px}
.box .note{font-size:13.5px;color:var(--muted);margin-top:14px}
.field{display:grid;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700}
.field input,.field select,.field textarea{font:inherit;font-size:15.5px;font-weight:500;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);width:100%}
.field textarea{min-height:90px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #ff784a26}
.field small{font-weight:500;color:var(--muted);font-size:12.5px}
.err{color:var(--bad);font-size:14px;min-height:20px;margin-top:6px}
.err ul{margin:8px 0 0;padding-left:18px;color:var(--ink2)}
.okmsg{color:var(--good);font-size:14px}
.row-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.linkbtn{background:none;border:0;padding:0;color:var(--acc);font-weight:700;font-size:14.5px}
.perks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.perks li{display:flex;gap:10px;color:var(--ink2);font-size:15.5px}
.perks svg{flex:none;width:19px;height:19px;color:var(--acc);margin-top:2px}
.center{max-width:640px;margin:0 auto;text-align:center}
.center .row-btns{justify-content:center}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.meta span{font-size:13px;border:1px solid var(--line2);border-radius:999px;padding:5px 11px;color:var(--ink2);background:var(--paper)}
.meta span.hot{border-color:var(--acc-line);color:var(--acc);background:var(--acc-soft);font-weight:700}
.spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2.5px solid #1113;border-top-color:#111;animation:sp .8s linear infinite;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}
.empty{padding:30px;text-align:center;color:var(--muted)}
@media (max-width:980px){.pcards{grid-template-columns:1fr}}
@media (max-width:560px){.box{padding:22px}}