:root{--ink:#1F2937;--body:#6B7280;--teal-bg:#DCF0EA;--teal:#14806B;--teal-dk:#0B4F42;--amber:#F0A422;--amber-dk:#B47410;--amber-tx:#92610B;--purple-bg:#EEEBFC;--purple:#534AB7;--gray-bg:#F3F2ED;--gray-br:#A8A69C;--gray-tx:#3F3F3C}
*{box-sizing:border-box;margin:0}
body{font-family:Inter,'Segoe UI',system-ui,sans-serif;color:var(--ink);line-height:1.65;font-size:17px;background:#fff}
main{max-width:880px;margin:0 auto;padding:0 24px 80px}
a{color:var(--teal)}
nav{display:flex;gap:22px;align-items:center;max-width:880px;margin:0 auto;padding:20px 24px;flex-wrap:wrap}
nav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:auto;font-size:18px}
nav a{color:var(--body);text-decoration:none;font-size:15px}
nav a:hover{color:var(--teal-dk)}
h1{font-size:44px;font-weight:600;line-height:1.15;margin:48px 0 20px}
h2{font-size:26px;font-weight:600;margin:52px 0 14px}
h3{font-size:19px;font-weight:600;margin:28px 0 8px}
p,li{color:var(--body)}
p{margin:0 0 16px}
ul{padding-left:24px;margin-bottom:16px}
li{margin-bottom:6px}
.eyebrow{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-top:56px}
.sub{font-size:20px;max-width:640px}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:12px 26px;border-radius:8px;font-weight:600;margin:22px 0;border:none;cursor:pointer;font-size:17px}
.btn:hover{background:var(--teal-dk)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:36px 0}
.card{border:1px solid var(--gray-br);border-radius:12px;padding:22px;background:#fff}
.card.teal{background:var(--teal-bg);border-color:var(--teal)}
.card.teal h3{color:var(--teal-dk)}
.card.purple{background:var(--purple-bg);border-color:var(--purple)}
.card.purple h3{color:var(--purple)}
.card h3{margin-top:0}
.card p{font-size:15px;margin-bottom:0}
.gate-divider{display:flex;gap:10px;justify-content:center;margin:56px 0}
.gate-divider span{width:14px;height:44px;background:var(--amber);border:1px solid var(--amber-dk);border-radius:4px;display:block}
.honesty{border-left:4px solid var(--amber);background:#FDF6E9;padding:18px 22px;margin:32px 0}
.honesty p{color:var(--amber-tx);margin:0}
.schematic{width:100%;height:auto;margin:32px 0;border:1px solid #E5E7EB;border-radius:12px}
footer{border-top:1px solid #E5E7EB;margin-top:60px}
footer div{max-width:880px;margin:0 auto;padding:28px 24px;font-size:14px;color:var(--body);display:flex;gap:20px;flex-wrap:wrap}
.big{font-size:38px;font-weight:600;color:var(--ink);margin:6px 0}
code{background:var(--gray-bg);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--gray-tx)}
.tablewrap{overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
th,td{border:1px solid var(--gray-br);padding:9px 12px;text-align:left;vertical-align:top;color:var(--body)}
th{background:var(--gray-bg);color:var(--ink);font-weight:600}
.logo-slot{height:48px;margin-bottom:8px;display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:22px}
.form-group{margin:24px 0}
.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--ink)}
.form-group input{width:100%;max-width:400px;padding:10px 14px;border:1px solid var(--gray-br);border-radius:8px;font-size:16px;font-family:inherit}
.form-group input:focus{outline:none;border-color:var(--teal)}
.step{display:none}
.step.active{display:block}
.msg{padding:12px 16px;border-radius:8px;margin:16px 0;font-size:15px}
.msg.ok{background:var(--teal-bg);color:var(--teal-dk)}
.msg.err{background:#FEE2E2;color:#991B1B}
@media(max-width:600px){h1{font-size:32px}}