/* Tenthwise launch site. Dark by design (it matches the walkthrough films), so a single theme. */
:root{--bg:#0d1411;--panel:#141d18;--line:#26332c;--fg:#eef3ef;--muted:#a9b8af;--accent:#3fbf7f;--accent-ink:#06120b;--warn:#f0a35e;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:var(--accent)}
.chk{height:12px;background:repeating-conic-gradient(var(--fg) 0 25%,transparent 0 50%) 0 0/12px 12px;opacity:.85}
.wrap{max-width:1080px;margin:0 auto;padding-inline:20px;padding-block:28px 64px;display:grid;gap:28px}
.narrow{max-width:640px}
.kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--accent)}
h1{font-size:clamp(34px,6vw,58px);line-height:1.04;margin:4px 0 0;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:24px;margin:0;text-wrap:balance}
.lede{color:var(--muted);max-width:62ch;margin:10px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:10px;min-width:0}
.card p{margin:0;color:var(--muted)}
video{width:100%;max-width:100%;border-radius:10px;background:#000;display:block;aspect-ratio:16/9}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:12px 18px;border-radius:8px;text-decoration:none;border:0;font-size:16px;cursor:pointer}
.btn.sec{background:transparent;color:var(--fg);border:1px solid var(--line)}
.cta{background:linear-gradient(135deg,#123826,#0f1d16);border:1px solid #23533b;border-radius:14px;padding:22px;display:grid;gap:10px}
.cta b{color:var(--fg)}
.offer{font-size:20px;font-weight:600;margin:0}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-weight:600}
input,select,textarea{font:inherit;color:var(--fg);background:#0b110e;border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%}
.tick{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.tick input{width:auto;margin-top:5px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:var(--warn);font-weight:400;font-size:14px}
.note{color:var(--muted);font-size:14px;margin:0}
.done{border:1px solid #23533b;border-radius:12px;padding:18px;background:#10251a}
footer{color:var(--muted);font-size:13px}
.card.link{text-decoration:none;color:inherit}
.stack{display:grid;gap:22px}
.stack.tight{gap:14px}
.gap-top{margin-top:12px}