.promo{background:#fff7e6;border:1px solid #e9c46a;color:#5a3d00;border-radius:10px;padding:10px 14px;margin:0 0 18px;font-weight:600}
:root{--ink:#1d2330;--muted:#5b6475;--line:#e3e6ec;--bg:#f7f8fa;--accent:#8a1c1c;--accent2:#b8862b;--ok:#1f7a4d}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
header.top{background:#fff;border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;padding-bottom:12px}
.brand{font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:4px 16px}nav a{color:var(--muted);text-decoration:none;font-weight:600}
nav a[aria-current]{color:var(--accent)}
main{padding:28px 18px 48px}h1{font-size:2rem;line-height:1.2;margin:.2em 0 .4em}h2{margin-top:1.6em}
.hero{background:linear-gradient(135deg,#2a1414,#8a1c1c);color:#fff;border-radius:14px;padding:34px 26px;margin-bottom:26px}
.hero p{font-size:1.1rem;max-width:44em;opacity:.95}.hero a.btn{background:#fff;color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#eee}
.card h3{margin:.6em 0 .3em;font-size:1.08rem}.card p{color:var(--muted);margin:.2em 0 .8em;flex:1}
.price{font-weight:800;font-size:1.15rem;color:var(--ink)}.muted{color:var(--muted)}.small{font-size:.9rem}
.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer;font-size:1rem}
.btn.alt{background:#fff;color:var(--accent);border:1px solid var(--accent)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#fafbfc}
td.num,th.num{text-align:right;white-space:nowrap}
.tablewrap{overflow-x:auto}.note{background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;padding:12px 14px}
.ok{background:#eaf7f0;border:1px solid #9fd8b8;border-radius:10px;padding:12px 14px}
.err{background:#fdecec;border:1px solid #f0a8a8;border-radius:10px;padding:12px 14px}
form.calc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
input[type=checkbox]{width:auto}.narrow{max-width:480px}
label{display:block;font-weight:600;margin:.6em 0 .2em}input,select{width:100%;padding:9px 10px;border:1px solid #c9ced8;border-radius:8px;font-size:1rem}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}
.kpi div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.kpi b{display:block;font-size:1.4rem}
footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.92rem}footer .wrap{padding:18px}
textarea{width:100%;padding:9px 10px;border:1px solid #c9ced8;border-radius:8px;font:inherit}
.invoice{margin-top:20px}.bar{display:inline-block;height:10px;background:var(--accent);border-radius:4px}
.cc-band{background:linear-gradient(135deg,#1f2126,#8B1A1A);color:#fff;border-radius:14px;padding:22px 24px;margin-bottom:18px;border-bottom:4px solid #C9A227}
.qr{background:#fff;display:inline-block;padding:8px;border-radius:10px;border:3px solid #C9A227}.qr img{display:block;max-width:100%;height:auto}
.cc-band h1{margin:0 0 .2em}.cc-band p{margin:.2em 0;opacity:.95}.motto{color:#E8C766;font-style:italic;font-weight:700;letter-spacing:.02em}
pre.code{background:#1f2126;color:#f1ede4;border-radius:10px;padding:14px;overflow-x:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border-left:4px solid #C9A227;white-space:pre}
textarea.code{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#1f2126;color:#f1ede4;border-color:#3a3d44}
.sev{display:inline-block;border-radius:6px;padding:1px 8px;font-size:.8rem;font-weight:800;text-transform:uppercase}
.sev-error{background:#8B1A1A;color:#fff}.sev-warning{background:#C9A227;color:#1f2126}.sev-info{background:#e3e6ec;color:#1d2330}
.cc-ai{background:#fff;border:1px solid #C9A227;border-radius:12px;padding:16px;margin-top:16px}
.sentinel-fab{position:fixed;right:18px;bottom:18px;z-index:50;background:#1f2126;color:#E8C766;border:2px solid #C9A227;border-radius:999px;padding:11px 18px;font-weight:800;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.28);cursor:pointer;font-size:1rem}
.sentinel-fab:hover,.sentinel-fab:focus{background:#8B1A1A;color:#fff}
.sn-panel{position:fixed;right:18px;bottom:76px;z-index:51;width:min(370px,calc(100vw - 24px));height:min(540px,calc(100vh - 100px));display:flex;flex-direction:column;background:#1f2126;color:#f1ede4;border:2px solid #C9A227;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.4);overflow:hidden}
.sn-panel[hidden]{display:none}
.sn-head{background:linear-gradient(135deg,#1f2126,#8B1A1A);border-bottom:2px solid #C9A227;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.sn-head b{color:#E8C766;font-size:1.05rem}.sn-head small{display:block;color:#e9dcc0;font-size:.78rem}
.sn-x{background:none;border:0;color:#E8C766;font-size:1.4rem;cursor:pointer;line-height:1}
.sn-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.sn-msg{max-width:88%;padding:8px 11px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;line-height:1.45}
.sn-bot{background:#2c2f36;border:1px solid #3a3d44;align-self:flex-start}
.sn-me{background:#8B1A1A;color:#fff;align-self:flex-end}
.sn-msg a{color:#E8C766;display:inline-block;margin-top:4px;margin-right:10px}
.sn-form{display:flex;gap:6px;padding:10px;border-top:1px solid #3a3d44;background:#18191d}
.sn-form input{flex:1;background:#2c2f36;color:#f1ede4;border:1px solid #3a3d44}
.sn-btn{background:#C9A227;color:#1f2126;border:0;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}
.sn-btn.alt{background:none;color:#E8C766;border:1px solid #C9A227}
.sn-ticket{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.sn-ticket input{background:#1f2126;color:#f1ede4;border:1px solid #3a3d44}
.sn-note{font-size:.75rem;color:#b9b2a3;padding:0 12px 8px;background:#18191d}.sn-note a{color:#E8C766}
@media print{header.top,footer,.noprint{display:none}body{background:#fff}main{padding:0}.card{border:0}}
@media(max-width:560px){h1{font-size:1.6rem}.hero{padding:24px 18px}}

/* ---- Crusader Empire brand theme (Oct 2026): crimson + gold on charcoal. Overrides the base rules above. ---- */
:root{--ink:#ece6d8;--muted:#bdb4a2;--line:#33353c;--bg:#16171a;--surface:#202227;--surface2:#272a30;--accent:#a52626;--gold:#d4af37;--gold2:#e8c766;--ok:#5cc28b;
--serif:"Cinzel","Trajan Pro","Cormorant Garamond",Georgia,"Times New Roman",serif}
body{background:var(--bg) radial-gradient(1200px 500px at 50% -200px,#2a1515 0,transparent 70%) no-repeat;color:var(--ink)}
a{color:var(--gold2)}a:hover{color:#fff}
h1,h2,h3,.brand span{font-family:var(--serif);letter-spacing:.02em}h1,h2{color:#f4ecd8}h2{border-bottom:1px solid var(--line);padding-bottom:.25em}
header.top{background:#101114;border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:40}
.brand{display:flex;align-items:center;gap:10px;color:var(--gold2)}.brand img{border-radius:6px}
.brand span{display:flex;flex-direction:column;line-height:1.1;color:var(--gold2);font-size:1.15rem}
.brand small{font-family:system-ui,sans-serif;font-size:.7rem;color:var(--muted);font-style:italic;letter-spacing:.03em;font-weight:500}
nav a{color:#d9d1bf}nav a:hover{color:var(--gold2)}nav a[aria-current]{color:var(--gold2);border-bottom:2px solid var(--gold)}
.hero{background:linear-gradient(135deg,#1b1c20 0,#3a1010 55%,#6e1515 100%);border:1px solid #4a2a1a;border-bottom:3px solid var(--gold);
display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero img{width:220px;height:220px;border-radius:12px}.hero h1{color:var(--gold2);font-size:2.3rem}
.hero .motto{font-family:var(--serif)}.hero a.btn{background:var(--gold);color:#16171a}.hero a.btn.alt{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.card,form.calc,.kpi div,.cc-ai{background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.card:hover{border-color:#5a4a26}.card p{color:var(--muted)}.card h3{color:#f4ecd8}.card img{background:#2a2c31}
.price{color:var(--gold2)}.muted{color:var(--muted)}
.btn{background:var(--accent);color:#fff;border:1px solid #c23a3a;border-radius:8px;transition:background .15s}
.btn:hover,.btn:focus{background:#c02f2f;color:#fff}.btn.alt{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.btn.alt:hover{background:#2c2618;color:#fff}.btn.gold{background:var(--gold);color:#16171a;border-color:var(--gold)}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
table{background:var(--surface);border-color:var(--line);color:var(--ink)}th{background:var(--surface2);color:var(--gold2)}th,td{border-bottom-color:var(--line)}
.note,.promo{background:#2b2413;border-color:#6b5520;color:#f0e0b0}.ok{background:#14271d;border-color:#2f6a4a;color:#cdeedc}
.err{background:#2e1414;border-color:#7a2a2a;color:#f6d0d0}
input,select,textarea{background:#15161a;color:var(--ink);border:1px solid #474a52}input::placeholder,textarea::placeholder{color:#8f8878}
footer{background:#101114;border-top:2px solid var(--gold);color:var(--muted)}footer .trust{color:#d9d1bf}
.sev-info{background:#33353c;color:var(--ink)}.qr{background:#fff}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:12px 0}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.plan.pro{border:2px solid var(--gold)}
.plan h3{margin-top:0}.plan ul{padding-left:1.2em;margin:.4em 0}.plan li::marker{color:var(--gold)}
.trustlist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.trustlist li{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:10px 12px}
.suggest fieldset{border:1px solid var(--line);border-radius:8px}.suggest .star{display:inline-block;margin-right:12px;font-weight:600}
.suggest .star input{width:auto}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.div-band{border:1px solid #4a2a1a}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero img{width:120px;height:120px;order:-1}.hero h1{font-size:1.7rem}
header.top{position:static}.brand small{display:none}nav{gap:2px 12px;font-size:.95rem}}
@media print{body{background:#fff;color:#000}.card,table,form.calc{background:#fff;color:#000}}