/* The home page's own pieces (pages/home.php), on top of site.css. Everything is under .hm, the hero under .hx. */

/* ---- the hero: the approved premium design (2026-11-02) ---- */
.hm{padding-top:0}
.hx{position:relative;overflow:hidden;color:#f3eee2;background:radial-gradient(760px 420px at 82% 18%,rgba(201,169,110,.13),transparent 62%),radial-gradient(640px 400px at 8% 100%,rgba(22,41,77,.9),transparent 70%),linear-gradient(180deg,var(--mid) 0%,#0c1c38 100%)}
.hx::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.022) 26px 27px);pointer-events:none}
.hx-field{position:absolute;right:-180px;top:-60px;width:760px;height:760px;opacity:.09;color:var(--gold);pointer-events:none;animation:hx-turn 220s linear infinite}
@keyframes hx-turn{to{transform:rotate(360deg)}}
.hx-in{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center;padding:64px 16px 56px}
.hx-in>*{min-width:0}
.hx-kw{display:flex;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:400;margin:0 0 18px}
.hx-kw::before{content:"";width:28px;height:1px;background:var(--gold)}
.hx-title{display:block;font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:58px;line-height:.98;letter-spacing:.02em;margin:0 0 20px;color:#f6f2ea}
.hx-title em{font-style:normal;color:var(--gold-2)}
.hx-sub{color:#c3c9d4;font-size:15.5px;margin:0 0 30px;max-width:500px}
.hx-cta{display:flex;gap:12px;flex-wrap:wrap}
.hx .btn{height:44px;min-width:178px;padding:0 18px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.hx .btn.hx-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:var(--gold);color:var(--mid)}
.hx .btn.hx-line{background:transparent;border-color:rgba(201,169,110,.55);color:#f3eee2}
.hx .btn.hx-line:hover{border-color:var(--gold)}
.hx-trust{display:grid;grid-template-columns:repeat(3,max-content);gap:8px 22px;margin-top:26px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#aeb6c4}
.hx-trust span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.hx-trust svg{color:var(--gold)}
.hx-con{--hx-paper:#fbf9f4;--hx-ivory:#f6f2ea;--hx-ink:#111a2b;--hx-muted:#6c6759;--hx-line:#e4ddcd;background:var(--hx-paper);color:var(--hx-ink);border-radius:var(--r);box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 0 1px rgba(201,169,110,.35);overflow:hidden}
@media (prefers-color-scheme: dark){.hx-con{--hx-paper:#0c1424;--hx-ivory:#101b30;--hx-ink:#ece6d8;--hx-muted:#a7a08f;--hx-line:#22304a}}
.hx-con-top{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 16px;background:var(--mid);color:#aeb6c4;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.hx-live{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2)}
.hx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hx-line);position:relative;background:var(--hx-ivory)}
.hx-tab{height:42px;border:0;background:none;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hx-muted);cursor:pointer;white-space:nowrap}
.hx-tab.on{color:var(--hx-ink)}
.hx-prog{position:absolute;left:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold-2),var(--gold));width:0}
.hx-req{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hx-line);font-size:13px;min-width:0}
.hx-meth{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--mid);color:var(--gold-2);font-size:11px;letter-spacing:.08em}
.hx-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,"Cascadia Mono",monospace}
.hx-path .p{color:var(--gold-d)}
.hx-stat{display:flex;gap:8px;align-items:center;color:var(--hx-muted);font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s}
.hx-stat.show{opacity:1}
.hx-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:12px;white-space:nowrap;background:rgba(46,125,79,.12);color:#2e7d4f}
.hx-body{height:300px;overflow:hidden;position:relative}
.hx-foot{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--hx-line);font-size:12px;color:var(--hx-muted)}
.hx-foot a{color:var(--gold-d);text-decoration:none}
.hx table{width:100%;border-collapse:collapse;font-size:12.5px}
.hx th{color:var(--hx-muted);text-align:left;padding:9px 12px;border-bottom:1px solid var(--hx-line);white-space:nowrap;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:400}
.hx td{padding:0 12px;height:33px;border-bottom:1px solid var(--hx-line);white-space:nowrap}
.hx .n{text-align:right;font-variant-numeric:tabular-nums}
.hx .mono{font-family:ui-monospace,Consolas,monospace}
.hx tr.in{animation:hx-row .45s ease both}
@keyframes hx-row{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hx-lg{display:inline-flex;align-items:center;justify-content:center;width:48px;height:20px;border-radius:5px;background:var(--mid);color:var(--gold-2);font-size:10.5px;letter-spacing:.08em}
.hx-board{display:grid;grid-template-columns:70px repeat(9,minmax(0,1fr)) 8px repeat(3,minmax(0,1fr));gap:3px;padding:12px 14px 6px;font-variant-numeric:tabular-nums;font-size:12.5px}
.hx-board i{font-style:normal;text-align:center;height:24px;line-height:24px;border-radius:4px}
.hx-board .h{color:var(--hx-muted);font-size:11px}
.hx-board .v{background:var(--mid);color:#f3eee2;opacity:.12;transition:opacity .25s}
.hx-board .v.on{opacity:1}
.hx-board .v.t{color:var(--gold-2)}
.hx-board .tm{text-align:left;color:var(--hx-ink);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.hx-pitch{display:inline-flex;gap:3px;vertical-align:middle}
.hx-pitch i{width:9px;height:9px;border-radius:50%;opacity:0;transform:scale(.4);transition:all .25s}
.hx-pitch i.on{opacity:1;transform:none}
.hx-pitch .b{background:#c9d3e2}.hx-pitch .s{background:#16294d}.hx-pitch .f{background:#c9a96e}.hx-pitch .x{background:#2e7d4f}
.hx-tick{position:relative;border-top:1px solid rgba(201,169,110,.28);background:rgba(5,12,26,.35);overflow:hidden;height:46px}
.hx-tick-in{display:flex;gap:44px;align-items:center;height:46px;white-space:nowrap;width:max-content;padding-left:16px}
.hx-tick-in.run{animation:hx-run 60s linear infinite}
.hx-tick span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#aeb6c4}
.hx-tick b{font-family:var(--cond);font-weight:600;font-size:17px;letter-spacing:.06em;color:var(--gold-2);margin-right:8px}
.hx-tick em{font-style:normal;color:rgba(201,169,110,.5)}
@keyframes hx-run{to{transform:translateX(-50%)}}
@media (max-width:1060px){.hx-in{grid-template-columns:minmax(0,1fr)}.hx-title{font-size:50px}}
@media (max-width:640px){.hx-in{padding:40px 16px;gap:32px}.hx-title{font-size:40px}.hx-trust{grid-template-columns:max-content}.hx-cta .btn{flex:1;min-width:0}.hx-tab{font-size:10.5px;letter-spacing:.06em}.hx-board{grid-template-columns:52px repeat(9,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr));gap:2px;padding:10px 8px 4px;font-size:11.5px}.hx td,.hx th{padding-left:8px;padding-right:8px}.hx .hide-sm{display:none}}
@media (prefers-reduced-motion:reduce){.hx-field,.hx-tick-in.run,.live-dot{animation:none}}

.hm pre .k{color:#9cc4f5}.hm pre .s{color:#a8d8a8}.hm pre .n{color:#f2c28c}.hm pre .c{color:#7d8ea3}
.hm section.s{padding:52px 0 0}
.hm section.s h2{font-size:24px;margin:0 0 6px}
.hm .sub{margin:0 0 20px}
.hm .kpi{padding:16px;min-height:104px}
.hm .kpi b{font-size:26px}
.hm-feat{padding:18px;display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none}
a.hm-feat:hover{border-color:var(--brand-2)}
.hm-feat .ic{width:36px;height:36px;border-radius:var(--r);background:var(--soft);color:var(--brand-2);display:grid;place-items:center;font-size:16px}
.hm-feat .tt{font-size:16px}
.hm-feat p{margin:0;color:var(--muted);font-size:13px;flex:1}
.hm-feat .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}
.hm .cc{min-height:0}
.hm-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.hm-list{list-style:none;margin:0;padding:0}
.hm-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.hm-list li:last-child{border-bottom:0}
.hm-list b{font-weight:400;min-width:150px}
.hm-list span{color:var(--muted)}
.hm-code{background:#0f1b2b;color:#cfe0f5;border-radius:var(--r);padding:16px;font:12.5px/1.6 ui-monospace,Consolas,monospace;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.hm-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g)}
.hm-plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px}
.hm-plan.hot{border-color:var(--brand-2);box-shadow:0 0 0 1px var(--brand-2)}
.hm-plan .tt{font-size:16px}
.hm-plan .pr{font-size:28px}.hm-plan .pr small{font-size:13px;color:var(--muted)}
.hm-plan ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;flex:1}
.hm-plan .btn{min-width:0;width:100%}
.hm-soon{font-size:12px;color:var(--muted);text-align:center}
.hm .faq summary{min-height:48px}
.hm-band{margin-top:52px;padding:32px}
.hm-band .lead{font-size:26px}
@media (max-width:1000px){.hm-split{grid-template-columns:minmax(0,1fr)}.hm-plans{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hm-plans{grid-template-columns:minmax(0,1fr)}.hm .kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hm-list b{min-width:110px}}
.hm-split>*,.hm-plans>*{min-width:0}

.hm-year{font-size:13px;color:var(--muted);margin-top:-6px}
.hm-charge{margin:14px 0 0}
.hm-plans3{grid-template-columns:repeat(3,1fr)}
.hm-opt{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;margin:6px 0;border:1px solid var(--line);border-radius:var(--r);cursor:pointer}
.hm-opt:has(input:checked){border-color:var(--brand-2);background:var(--soft)}
@media (max-width:1000px){.hm-plans3{grid-template-columns:minmax(0,1fr)}}

/* ---- the page below the hero: ivory paper, and the section heading style (approved 2026-11-02) ---- */
main.hm{--sx-paper:#fbf9f4;--sx-card:#fffdf8;--sx-ink:#111a2b;--sx-muted:#6c6759;--sx-line:#e4ddcd;--sx-soft:#f1ebdf;--sx-gold-d:#9c7f45;background:var(--sx-paper);padding-bottom:72px}
@media (prefers-color-scheme: dark){main.hm{--sx-paper:#0c1424;--sx-card:#101b30;--sx-ink:#ece6d8;--sx-muted:#a7a08f;--sx-line:#22304a;--sx-soft:#16243b;--sx-gold-d:#c9a96e}}
.sx{padding:72px 0 0}
.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 28px}
.sx-eye{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sx-gold-d);margin:0 0 12px}
.sx-eye::before{content:"";width:28px;height:1px;background:var(--gold)}
.sx h2{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:38px;line-height:1;letter-spacing:.03em;margin:0 0 10px;color:var(--sx-ink)}
.sx-sub{color:var(--sx-muted);margin:0;max-width:640px;font-size:15px}
.sx-counted{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted);white-space:nowrap;display:flex;align-items:center;gap:8px}
.sx-counted i{width:6px;height:6px;border-radius:50%;background:#5fd09a}
.sx-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sx-fig{position:relative;background:var(--sx-card);border:1px solid var(--sx-line);border-radius:var(--r);padding:22px 22px 20px;min-height:168px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.sx-fig::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--gold-d))}
.sx-lbl{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-num{font-family:var(--cond);font-weight:600;font-size:52px;line-height:1;letter-spacing:.01em;color:var(--sx-ink);margin:14px 0 auto;font-variant-numeric:tabular-nums}
.sx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;height:47px;border-top:1px solid var(--sx-line);font-size:13px;color:var(--sx-muted);white-space:nowrap}
.sx-share{display:flex;align-items:center;gap:10px}
.sx-bar{width:110px;height:4px;border-radius:2px;background:var(--sx-soft);overflow:hidden}
.sx-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.sx-share em{font-style:normal;font-family:var(--cond);font-size:17px;font-weight:600;color:var(--sx-gold-d);letter-spacing:.04em;min-width:42px;text-align:right}
.sx-note{margin:18px 0 0;color:var(--sx-muted);font-size:13px}
@media (max-width:900px){.sx-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-head{flex-direction:column;align-items:flex-start}}
@media (max-width:600px){.sx-figs{grid-template-columns:minmax(0,1fr)}.sx{padding-top:52px}.sx h2{font-size:32px}.sx-num{font-size:46px}}
@media (prefers-reduced-motion:reduce){.sx-bar i{transition:none}}

/* ---- the API: a full-width dark band, the page's change of key (preview 2026-11-02) ---- */
.dx{position:relative;margin-top:80px;color:#e9e3d5;overflow:hidden;
  background:radial-gradient(900px 380px at 12% 0%,rgba(201,169,110,.10),transparent 60%),radial-gradient(700px 420px at 100% 100%,rgba(179,18,43,.10),transparent 65%),linear-gradient(180deg,#071226 0%,#0a1830 55%,#071226 100%);
  border-top:1px solid rgba(201,169,110,.45);border-bottom:1px solid rgba(201,169,110,.45)}
.dx::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/32px 32px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.dx .wrap{position:relative;padding-top:72px;padding-bottom:64px}
.dx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 30px}
.dx-eye{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.dx-eye::before{content:"";width:28px;height:1px;background:var(--gold)}
.dx h2{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:38px;line-height:1;letter-spacing:.03em;margin:0 0 10px;color:#f6f2ea}
.dx-sub{color:#aeb6c4;margin:0;max-width:640px;font-size:15px}
.dx-base{display:flex;flex-direction:column;gap:6px;align-items:flex-end;white-space:nowrap}
.dx-base span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7f8aa0}
.dx-base code{font:13px ui-monospace,Consolas,"Cascadia Mono",monospace;color:var(--gold-2);border:1px solid rgba(201,169,110,.35);border-radius:8px;padding:8px 12px;background:rgba(5,11,24,.6)}
.dx-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px;align-items:stretch}
.dx-grid>*{min-width:0}
.dx-eps{border:1px solid rgba(201,169,110,.22);border-radius:var(--r);background:rgba(5,11,24,.45);overflow:hidden}
table.dx-t{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.dx-t th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7f8aa0;padding:14px 12px 12px;border-bottom:1px solid rgba(201,169,110,.22);white-space:nowrap}
.dx-t th:nth-child(1){width:74px}.dx-t th:nth-child(3){width:160px}
.dx-t td{padding:0 12px;height:56px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-t tbody tr:last-child td{border-bottom:0}
.dx-ep{cursor:pointer;transition:background .2s}
.dx-ep:hover td{background:rgba(255,255,255,.03)}
.dx-ep:focus{outline:none}.dx-ep:focus-visible td{background:rgba(201,169,110,.08)}
.dx-ep.on td{background:linear-gradient(90deg,rgba(201,169,110,.16),rgba(201,169,110,.04))}
.dx-ep.on td:first-child{box-shadow:inset 2px 0 0 var(--gold)}
.dx-m{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-size:10.5px;letter-spacing:.08em;background:rgba(95,208,154,.12);color:#7fdcae}
.dx-p{line-height:1.35}
.dx-path{display:block;font:12.5px ui-monospace,Consolas,"Cascadia Mono",monospace;color:#e9e3d5;overflow:hidden;text-overflow:ellipsis}
.dx-p small{display:block;margin-top:3px;font-size:12px;color:#8e98aa;overflow:hidden;text-overflow:ellipsis}
.dx-ep.on .dx-p small{color:#c3c9d4}
.dx-var{color:var(--gold)}
.dx-tool{font:12px ui-monospace,Consolas,monospace;color:#8e98aa}
.dx-ep.on .dx-tool{color:var(--gold-2)}
.dx-code{display:flex;flex-direction:column;border-radius:var(--r);background:#040a17;box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(201,169,110,.35);overflow:hidden}
.dx-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 10px 0 6px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0c1a33,#081329)}
.dx-langs{display:flex;gap:2px;min-width:0}
.dx-lang,.dx-copy{height:30px;min-width:92px;padding:0 10px;border-radius:6px;border:1px solid transparent;background:none;font:inherit;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8e98aa;cursor:pointer;white-space:nowrap}
.dx-lang:hover{color:#e9e3d5}
.dx-sm{display:none}
.dx-lang.on{color:var(--mid);background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.dx-copy{border-color:rgba(201,169,110,.4);color:var(--gold-2)}
.dx-copy:hover{border-color:var(--gold)}
.dx pre{margin:0;font:12.5px/1.7 ui-monospace,Consolas,"Cascadia Mono",monospace;white-space:pre;overflow:hidden;color:#cfd6e2}
.dx-req{padding:16px 18px;min-height:142px;overflow-x:auto!important;border-bottom:1px solid rgba(255,255,255,.07)}
.dx-mid{display:flex;align-items:center;gap:12px;height:38px;padding:0 18px;font-size:11.5px;letter-spacing:.06em;color:#7f8aa0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);white-space:nowrap}
.dx-ok{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;background:rgba(95,208,154,.12);color:#7fdcae}
.dx-hdr{font-family:ui-monospace,Consolas,monospace}
.dx-ms{margin-left:auto;color:var(--gold-2)}
.dx-res{flex:1 1 0;min-height:0;padding:14px 18px;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.dx-res .ln{display:block;animation:dx-in .35s ease both}
@keyframes dx-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
.dx pre .k{color:#e2cc9b}.dx pre .s{color:#a9cbe9}.dx pre .n{color:#f19aa7}.dx pre .b{color:#7fdcae}.dx pre .c{color:#5f6e87}.dx pre .u{color:#f6f2ea}.dx pre .p{color:#6f7a8f}
.dx-foot{display:flex;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#7f8aa0;white-space:nowrap}
.dx-foot span{overflow:hidden;text-overflow:ellipsis}
.dx-foot a{color:var(--gold-2);text-decoration:none}
.dx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border:1px solid rgba(201,169,110,.22);border-radius:var(--r);background:rgba(5,11,24,.45)}
.dx-facts>div{padding:20px 20px 18px;min-width:0;display:flex;flex-direction:column}
.dx-facts>div+div{border-left:1px solid rgba(201,169,110,.16)}
.dx-fl{font-family:var(--cond);font-weight:600;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:#f6f2ea}
.dx-facts p{margin:6px 0 14px;color:#aeb6c4;font-size:13px;flex:1}
.dx-facts code{font:12px ui-monospace,Consolas,monospace;color:var(--gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1180px){.dx-grid{grid-template-columns:minmax(0,1fr)}.dx-res{flex:none;height:340px}}
@media (max-width:900px){.dx-head{flex-direction:column;align-items:flex-start}.dx-base{align-items:flex-start}.dx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-facts>div:nth-child(3){border-left:0}.dx-facts>div:nth-child(n+3){border-top:1px solid rgba(201,169,110,.16)}}
@media (max-width:600px){.dx{margin-top:56px}.dx .wrap{padding-top:52px;padding-bottom:48px}.dx h2{font-size:32px}.dx .hide-sm{display:none}
  .dx-lang,.dx-copy{min-width:0;padding:0 8px;font-size:10.5px;letter-spacing:.06em}.dx-lang{flex:1}.dx-langs{flex:1}.dx-lg{display:none}.dx-sm{display:inline}.dx-bar{padding:0 6px}
  .dx pre{font-size:11.5px}.dx-req,.dx-res{padding-left:12px;padding-right:12px}.dx-res{height:280px}
  .dx-facts{grid-template-columns:minmax(0,1fr)}.dx-facts>div+div{border-left:0;border-top:1px solid rgba(201,169,110,.16)}}
@media (prefers-reduced-motion:reduce){.dx-res .ln{animation:none}}

/* ---- inside every game: one example game drawn as a scorecard, its parts numbered (preview 2026-11-02) ---- */
.gx-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
.gx-grid>*{min-width:0}
.gx-card{position:relative;background:var(--sx-card);border:1px solid var(--sx-line);border-radius:14px;padding:22px 24px 24px;box-shadow:0 24px 50px rgba(17,26,43,.10);overflow:hidden;
  background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(22,41,77,.05) 27px 28px)}
.gx-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--gold-d))}
.gx-stitch{position:absolute;right:-120px;bottom:-120px;width:200px;height:200px;border-radius:50%;border:2px dashed rgba(179,18,43,.35);pointer-events:none}
.gx-stitch::after{content:"";position:absolute;inset:16px;border-radius:50%;border:2px dashed rgba(179,18,43,.22)}
.gx-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:6px;border-bottom:2px solid var(--sx-ink);white-space:nowrap}
.gx-top>div{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.gx-lg{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;background:var(--mid);color:var(--gold-2);font-size:10.5px;letter-spacing:.1em}
.gx-match{font-family:var(--cond);font-weight:600;font-size:21px;text-transform:uppercase;letter-spacing:.03em;color:var(--sx-ink);overflow:hidden;text-overflow:ellipsis}
.gx-match em{font-style:normal;color:var(--sx-gold-d);font-size:16px;margin:0 4px}
.gx-meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-muted)}
.gx-meta b{font-weight:400;color:#2e7d4f}
.gx-blk{position:relative;margin-top:12px;padding:14px 14px 12px;border:1px solid transparent;border-radius:10px;transition:border-color .35s,background .35s,opacity .35s}
.gx-card.lit .gx-blk{opacity:.55}
.gx-card.lit .gx-blk.on{opacity:1;border-color:var(--gold);background:rgba(201,169,110,.08)}
.gx-k{position:absolute;left:-10px;top:-10px;width:22px;height:22px;border-radius:50%;background:var(--mid);color:var(--gold-2);font-style:normal;font-size:11px;display:grid;place-items:center;box-shadow:0 0 0 2px var(--sx-card)}
.gx-blk.on .gx-k{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--mid)}
.gx-cap{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-muted);margin:0 0 8px;white-space:nowrap}
.gx-ls{display:grid;grid-template-columns:110px repeat(9,minmax(0,1fr)) repeat(3,minmax(0,1fr));gap:3px;font-variant-numeric:tabular-nums}
.gx-ls span{height:28px;line-height:28px;text-align:center;font-family:var(--cond);font-weight:600;font-size:17px;color:var(--sx-ink)}
.gx-ls .h{font-family:inherit;font-weight:400;font-size:11px;color:var(--sx-muted);height:20px;line-height:20px}
.gx-ls .v{background:var(--sx-soft);border-radius:4px}
.gx-ls .v.r{background:var(--mid);color:var(--gold-2)}
.gx-ls .h.r{color:var(--sx-gold-d)}
.gx-ls .tm{text-align:left;font-family:inherit;font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.gx-two>*{min-width:0}
table.gx-t{width:100%;border-collapse:collapse;font-size:12.5px;color:var(--sx-ink)}
.gx-t th{font-weight:400;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-muted);text-align:right;padding:0 4px 6px;border-bottom:1px solid var(--sx-line)}
.gx-t th:first-child,.gx-t td:first-child{text-align:left;padding-left:0}
.gx-t td{height:28px;padding:0 4px;text-align:right;border-bottom:1px solid var(--sx-line);white-space:nowrap;font-variant-numeric:tabular-nums}
.gx-t tr:last-child td{border-bottom:0}
.gx-plays{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--sx-ink)}
.gx-plays li{display:flex;justify-content:space-between;gap:10px;height:28px;align-items:center;border-bottom:1px solid var(--sx-line);white-space:nowrap}
.gx-plays li:first-child{border-top:1px solid var(--sx-line)}
.gx-plays li:last-child{border-bottom:0}
.gx-plays span{overflow:hidden;text-overflow:ellipsis}
.gx-plays b{font-weight:400;font-family:var(--cond);font-size:15px;color:var(--sx-gold-d)}
.gx-pitches{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gx-pt{display:inline-flex;gap:8px}
.gx-pt i,.gx-key i{display:inline-block;width:16px;height:16px;border-radius:50%}
.gx-key{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sx-muted);white-space:nowrap}
.gx-key i{width:9px;height:9px;margin-left:8px}
.gx .b{background:#c9d3e2}.gx .s{background:#16294d}.gx .f{background:#c9a96e}.gx .x{background:#2e7d4f}
.gx-wx{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--sx-muted);white-space:nowrap}
.gx-wx b{font-weight:400;font-family:var(--cond);font-size:24px;color:var(--sx-ink);margin-right:4px}
.gx-crew{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12.5px;color:var(--sx-ink);white-space:nowrap}
.gx-crew span{overflow:hidden;text-overflow:ellipsis}
.gx-crew b{font-weight:400;color:var(--sx-gold-d)}
.gx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--sx-line)}
.gx-it{display:grid;grid-template-columns:40px minmax(0,1fr) 108px;gap:14px;align-items:center;padding:16px 8px 16px 0;border-bottom:1px solid var(--sx-line);cursor:pointer;position:relative;transition:background .3s}
.gx-it::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:2px;background:var(--gold);opacity:0;transition:opacity .3s}
.gx-it.on::before{opacity:1}
.gx-it:focus{outline:none}.gx-it:focus-visible{background:rgba(201,169,110,.08)}
.gx-n{width:34px;height:34px;border-radius:50%;border:1px solid var(--sx-line);display:grid;place-items:center;font-style:normal;font-family:var(--cond);font-weight:600;font-size:17px;color:var(--sx-muted);transition:all .3s}
.gx-it.on .gx-n{background:var(--mid);border-color:var(--mid);color:var(--gold-2)}
.gx-tt{font-family:var(--cond);font-weight:600;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-ink);white-space:nowrap}
.gx-tx p{margin:2px 0 6px;color:var(--sx-muted);font-size:13px}
.gx-tx code{display:block;font:11.5px ui-monospace,Consolas,monospace;color:var(--sx-ink);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-tx code span{color:var(--sx-gold-d)}
.gx-sh{text-align:right;white-space:nowrap}
.gx-sh em{display:block;font-style:normal;font-family:var(--cond);font-weight:600;font-size:28px;line-height:1;color:var(--sx-ink)}
.gx-sh .gx-bar{display:block;margin:8px 0 0 auto;width:100%;height:4px;border-radius:2px;background:var(--sx-soft);overflow:hidden}
.gx-sh .gx-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.gx-sh small{font-size:11.5px;letter-spacing:.06em;color:var(--sx-muted);white-space:normal;display:block;line-height:1.35}
@media (max-width:1060px){.gx-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.gx-card{padding:18px 14px 18px}.gx-two{grid-template-columns:minmax(0,1fr)}.gx-ls{grid-template-columns:72px repeat(9,minmax(0,1fr)) repeat(3,minmax(0,1fr));gap:2px}.gx-ls span{font-size:14px;height:24px;line-height:24px}
  .gx-top{flex-direction:column;align-items:flex-start;gap:6px}.gx-match{font-size:20px}.gx-it{grid-template-columns:34px minmax(0,1fr) 72px;gap:10px}.gx-n{width:30px;height:30px}.gx-it::before{left:-8px}.gx-k{left:-6px}}
@media (prefers-reduced-motion:reduce){.gx-blk,.gx-sh .gx-bar i{transition:none}}

/* ---- for assistants: a split band, dark half and ivory half, edge to edge (preview 2026-11-02) ---- */
.ax{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:80px;border-top:1px solid rgba(201,169,110,.45);border-bottom:1px solid var(--sx-line)}
.ax>*{min-width:0}
.ax-dark{position:relative;overflow:hidden;display:flex;align-items:center;padding:64px 48px 64px max(16px,calc((100vw - 1180px) / 2 + 16px));
  background:radial-gradient(520px 360px at 85% 10%,rgba(201,169,110,.12),transparent 65%),linear-gradient(160deg,#0f2140 0%,#0a1830 60%,#071226 100%)}
.ax-dark::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.022) 26px 27px);pointer-events:none}
.ax-light{padding:64px max(16px,calc((100vw - 1180px) / 2 + 16px)) 64px 56px;background:var(--sx-card)}
.ax-chat{position:relative;width:100%;max-width:560px;margin-left:auto;border-radius:14px;background:rgba(4,10,23,.72);box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(201,169,110,.35);overflow:hidden;color:#e9e3d5}
.ax-bar{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#aeb6c4;white-space:nowrap}
.ax-bar span:first-child{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ax-bar span:last-child{color:var(--gold-2)}
.ax-msgs{display:flex;flex-direction:column;gap:10px;padding:18px 16px;min-height:430px}
.ax-m{transition:opacity .45s ease,transform .45s ease}
.ax-msgs.play .ax-m{opacity:0;transform:translateY(8px)}
.ax-msgs.play .ax-m.in{opacity:1;transform:none}
.ax-m p{margin:0;font-size:13.5px;line-height:1.55}
.ax-u{align-self:flex-end;max-width:84%;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--mid);padding:10px 14px;border-radius:14px 14px 4px 14px}
.ax-tool{display:flex;align-items:center;gap:10px;align-self:flex-start;max-width:100%;padding:7px 12px;border-radius:8px;border:1px solid rgba(201,169,110,.28);background:rgba(201,169,110,.06);font:12px ui-monospace,Consolas,"Cascadia Mono",monospace;white-space:nowrap}
.ax-fn{color:var(--gold-2)}
.ax-arg{color:#8e98aa;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ax-got{color:#7fdcae;font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:11.5px}
.ax-got::before{content:"\2192  ";color:#5f6e87}
.ax-a{align-self:flex-start;max-width:94%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);padding:12px 14px;border-radius:14px 14px 14px 4px}
.ax-a b{font-weight:400;color:var(--gold-2)}
table.ax-t{width:100%;border-collapse:collapse;margin-top:10px;font-size:12.5px}
.ax-t th{font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7f8aa0;text-align:right;padding:0 6px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.ax-t td{height:28px;padding:0 6px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums;white-space:nowrap}
.ax-t th:first-child,.ax-t td:first-child{text-align:left;padding-left:0}
.ax-t tr:last-child td{border-bottom:0}
.ax-t tbody tr:first-child td{color:var(--gold-2)}
.ax-in{display:flex;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 10px 0 16px;border-top:1px solid rgba(255,255,255,.07);font-size:13px;color:#5f6e87;white-space:nowrap}
.ax-replay,.ax-tab,.ax-copy{height:30px;min-width:104px;padding:0 10px;border-radius:6px;border:1px solid rgba(201,169,110,.4);background:none;font:inherit;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);cursor:pointer;white-space:nowrap}
.ax-h{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:38px;line-height:1;letter-spacing:.03em;margin:0 0 10px;color:var(--sx-ink)}
.ax-ways{list-style:none;margin:26px 0 22px;padding:0;border-top:1px solid var(--sx-line)}
.ax-ways li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--sx-line)}
.ax-wt{font-family:var(--cond);font-weight:600;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-ink);white-space:nowrap}
.ax-ways p{grid-column:1;margin:2px 0 4px;color:var(--sx-muted);font-size:13px}
.ax-ways code{grid-column:1;font:12px ui-monospace,Consolas,monospace;color:var(--sx-gold-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-go{grid-column:2;grid-row:1 / span 3;display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:104px;padding:0 12px;border-radius:6px;background:var(--mid);color:var(--gold-2);text-decoration:none;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.ax-go:hover{background:#16294d}
.ax-cfg{border-radius:var(--r);background:#040a17;box-shadow:0 0 0 1px rgba(201,169,110,.35);overflow:hidden}
.ax-tabs{display:flex;gap:4px;align-items:center;height:44px;padding:0 7px;background:linear-gradient(180deg,#0c1a33,#081329);border-bottom:1px solid rgba(255,255,255,.07)}
.ax-tab{border-color:transparent;color:#8e98aa}
.ax-tab.on{color:var(--mid);background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.ax-copy{margin-left:auto}
.ax-code{margin:0;padding:14px 16px;min-height:94px;font:12.5px/1.7 ui-monospace,Consolas,"Cascadia Mono",monospace;color:#cfd6e2;white-space:pre;overflow-x:auto}
@media (max-width:1060px){.ax{grid-template-columns:minmax(0,1fr)}.ax-light{order:-1}.ax-dark{padding:52px 16px}.ax-chat{margin:0 auto}.ax-light{padding:52px 16px}}
@media (max-width:600px){.ax{margin-top:56px}.ax-h{font-size:32px}.ax-msgs{min-height:0}.ax-tab,.ax-copy,.ax-replay{min-width:0;font-size:10.5px;letter-spacing:.08em}.ax-arg{display:none}.ax-bar span:last-child{display:none}.ax-code{font-size:11.5px}
  .ax-ways li{grid-template-columns:minmax(0,1fr)}.ax-go{grid-column:1;grid-row:auto;margin-top:10px;width:100%}}
@media (prefers-reduced-motion:reduce){.ax-m{transition:none}}

/* ---- plans: membership cards, a month or year switch, and the plans side by side (preview 2026-11-02) ---- */
.px{padding:80px 0 0}
.px-head{text-align:center;max-width:720px;margin:0 auto 34px}
.px-head .sx-eye{justify-content:center}
.px-head .sx-eye::after{content:"";width:28px;height:1px;background:var(--gold)}
.px h2{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:44px;line-height:1;letter-spacing:.03em;margin:0 0 12px;color:var(--sx-ink)}
.px-head .sx-sub{margin:0 auto}
.px-sw{display:inline-flex;gap:4px;margin-top:24px;padding:4px;border-radius:10px;border:1px solid var(--sx-line);background:var(--sx-card)}
.px-b{height:36px;min-width:200px;padding:0 14px;border:0;border-radius:7px;background:none;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted);cursor:pointer;white-space:nowrap}
.px-b.on{background:var(--mid);color:var(--gold-2)}
.px-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.px-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 24px 22px;border-radius:14px;background:var(--sx-card);border:1px solid var(--sx-line)}
.px-card.hot{color:#e9e3d5;border-color:var(--gold);box-shadow:0 30px 60px rgba(10,24,48,.28);
  background:radial-gradient(320px 200px at 80% 0%,rgba(201,169,110,.18),transparent 70%),linear-gradient(170deg,#16294d,#0a1830 70%)}
.px-rib{position:absolute;top:-12px;left:24px;height:24px;line-height:24px;padding:0 12px;border-radius:12px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--mid);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.px-nm{font-family:var(--cond);font-weight:600;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-ink);white-space:nowrap}
.px-card.hot .px-nm{color:var(--gold-2)}
.px-pr{display:flex;align-items:baseline;gap:4px;margin:16px 0 4px;white-space:nowrap}
.px-cur{font-family:var(--cond);font-size:24px;color:var(--sx-gold-d)}
.px-amt{font-family:var(--cond);font-weight:600;font-size:52px;line-height:1;color:var(--sx-ink);font-variant-numeric:tabular-nums}
.px-per{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted);margin-left:4px}
.px-card.hot .px-cur{color:var(--gold)}.px-card.hot .px-amt{color:#f6f2ea}.px-card.hot .px-per,.px-card.hot .px-alt{color:#aeb6c4}
.px-alt{display:block;min-height:20px;font-size:13px;color:var(--sx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-ul{list-style:none;margin:20px 0 24px;padding:18px 0 0;border-top:1px solid var(--sx-line);flex:1;font-size:13.5px}
.px-card.hot .px-ul{border-top-color:rgba(201,169,110,.3)}
.px-ul li{display:flex;align-items:flex-start;gap:10px;padding:5px 0}
.px-ul svg{flex:none;margin-top:3px;color:var(--sx-gold-d)}
.px-card.hot .px-ul svg{color:var(--gold)}
.px-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;border:1px solid var(--mid);color:var(--mid);text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.px-btn:hover{background:var(--mid);color:var(--gold-2)}
.px-card.hot .px-btn{background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:var(--gold);color:var(--mid)}
.px-foot{display:block;margin-top:10px;text-align:center;font-size:12px;color:var(--sx-muted);white-space:nowrap}
.px-card.hot .px-foot{color:#8e98aa}
.px-cmp{margin-top:28px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-card);overflow:hidden}
table.px-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13.5px;color:var(--sx-ink)}
.px-t th,.px-t td{height:48px;padding:0 18px;border-bottom:1px solid var(--sx-line);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-t thead th{height:52px;font-family:var(--cond);font-weight:600;font-size:17px;letter-spacing:.08em;text-transform:uppercase}
.px-t thead th:first-child{width:250px}
.px-t tbody th{text-align:left;font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted)}
.px-t tr:last-child th,.px-t tr:last-child td{border-bottom:0}
.px-t td{font-variant-numeric:tabular-nums}
.px-t .hot{background:rgba(201,169,110,.10)}
.px-t thead th.hot{color:var(--sx-gold-d)}
.px-t svg{color:var(--sx-gold-d);vertical-align:middle}
.px-no{color:var(--sx-line)}
.px-note{text-align:center;margin:18px 0 0;font-size:13px;color:var(--sx-muted)}
.px-note a{color:var(--sx-gold-d)}
@media (max-width:1060px){.px-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.px-t th,.px-t td{padding:0 10px}.px-t thead th:first-child{width:200px}}
@media (max-width:760px){.px-cmp{display:none}}
@media (max-width:600px){.px{padding-top:56px}.px h2{font-size:34px}.px-cards{grid-template-columns:minmax(0,1fr)}.px-sw{display:flex}.px-b{min-width:0;flex:1;font-size:10.5px;letter-spacing:.06em;padding:0 8px}}

/* ---- questions: a dark band, heading held on the left, answers on the right (preview 2026-11-02) ---- */
.qx{position:relative;margin-top:88px;color:#e9e3d5;overflow:hidden;border-top:1px solid rgba(201,169,110,.45);
  background:radial-gradient(700px 420px at 0% 100%,rgba(201,169,110,.10),transparent 65%),linear-gradient(180deg,#0a1830,#071226)}
.qx-field{display:none}
.qx-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding-top:80px;padding-bottom:80px;align-items:start}
.qx-in>*{min-width:0}
.qx-side{position:sticky;top:104px}
.qx h2{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:44px;line-height:1;letter-spacing:.03em;margin:0 0 12px;color:#f6f2ea}
.qx-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.qx-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:170px;padding:0 16px;border-radius:8px;border:1px solid rgba(201,169,110,.55);color:#f3eee2;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.qx-btn:hover{border-color:var(--gold)}
.qx-btn.gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:var(--gold);color:var(--mid)}
.qx-list{border-top:1px solid rgba(201,169,110,.25)}
.qx-q{border-bottom:1px solid rgba(201,169,110,.18)}
.qx-q summary{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:66px;padding:10px 0;cursor:pointer;list-style:none}
.qx-q summary::-webkit-details-marker{display:none}
.qx-q summary:focus{outline:none}.qx-q summary:focus-visible .qx-qt{color:var(--gold-2)}
.qx-no{font-family:var(--cond);font-weight:600;font-size:18px;letter-spacing:.06em;color:var(--gold)}
.qx-qt{font-size:16px;color:#f3eee2;transition:color .2s}
.qx-q summary:hover .qx-qt{color:var(--gold-2)}
.qx-pl{position:relative;width:20px;height:20px;border-radius:50%;border:1px solid rgba(201,169,110,.5)}
.qx-pl::before,.qx-pl::after{content:"";position:absolute;left:5px;right:5px;top:9px;height:1px;background:var(--gold-2);transition:transform .3s}
.qx-pl::after{transform:rotate(90deg)}
.qx-q[open] .qx-pl::after{transform:rotate(0)}
.qx-q[open] .qx-qt{color:var(--gold-2)}
.qx-a{padding:0 36px 22px 56px;color:#aeb6c4;font-size:14px;animation:qx-in .35s ease}
@keyframes qx-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.qx-a p{margin:0 0 10px}.qx-a p:last-child{margin:0}
.qx-a code{font:12.5px ui-monospace,Consolas,monospace;color:var(--gold-2)}
table.qx-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;margin-top:6px}
.qx-t td{height:32px;padding:0 10px 0 0;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qx-t td:first-child{color:#e9e3d5;width:42%}
.qx-t tr:last-child td{border-bottom:0}
.qx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.qx-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;border:1px solid rgba(201,169,110,.3);background:rgba(201,169,110,.06);color:#e9e3d5;font-size:12px;white-space:nowrap}
@media (max-width:900px){.qx-in{grid-template-columns:minmax(0,1fr);gap:32px}.qx-side{position:static}}
@media (max-width:600px){.qx{margin-top:64px}.qx-in{padding-top:56px;padding-bottom:56px}.qx h2{font-size:34px}.qx-btn{flex:1;min-width:0}.qx-q summary{grid-template-columns:32px minmax(0,1fr) 22px;gap:8px}.qx-qt{font-size:15px}.qx-a{padding:0 0 20px 40px}.qx-t td:last-child{white-space:normal;line-height:1.3;padding:6px 0}}
@media (prefers-reduced-motion:reduce){.qx-a{animation:none}.qx-pl::after{transition:none}}

/* ---- the closing band: ivory, centred, a stitched seam drawn in on view (preview 2026-11-02) ---- */
main.hm:has(.cl){padding-bottom:0}
.cl{position:relative;overflow:hidden;text-align:center;background:radial-gradient(600px 300px at 50% 0%,rgba(201,169,110,.16),transparent 70%),var(--sx-paper)}
.cl-seam{position:absolute;left:0;top:26px;width:100%;height:80px;pointer-events:none}
.cl-line{fill:none;stroke:rgba(201,169,110,.35);stroke-width:1}
.cl-st{fill:none;stroke:#b3122b;stroke-width:2;stroke-dasharray:6 9;stroke-linecap:round;opacity:.55}
.cl.draw .cl-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:cl-draw 2.4s cubic-bezier(.4,.1,.2,1) forwards}
.cl.draw .cl-st{opacity:0;animation:cl-fade 1.2s 1.6s ease forwards}
@keyframes cl-draw{to{stroke-dashoffset:0}}
@keyframes cl-fade{to{opacity:.55}}
.cl-in{position:relative;padding-top:120px;padding-bottom:96px;max-width:780px}
.cl-crest{display:block;margin:0 auto 22px;filter:drop-shadow(0 10px 20px rgba(10,24,48,.25))}
.cl-eye{justify-content:center}
.cl-eye::after{content:"";width:28px;height:1px;background:var(--gold)}
.cl-h{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:64px;line-height:.98;letter-spacing:.02em;margin:0 0 18px;color:var(--sx-ink);font-variant-numeric:tabular-nums}
.cl-h em{font-style:normal;color:var(--sx-gold-d)}
.cl-sub{margin:0 auto;max-width:560px;color:var(--sx-muted);font-size:15.5px}
.cl-cta{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}
.cl-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:200px;padding:0 18px;border-radius:8px;border:1px solid var(--mid);color:var(--mid);text-decoration:none;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.cl-btn:hover{background:var(--mid);color:var(--gold-2)}
.cl-btn.gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:var(--gold);color:var(--mid)}
.cl-btn.gold:hover{background:var(--mid);border-color:var(--mid);color:var(--gold-2)}
@media (prefers-color-scheme: dark){.cl-btn{border-color:var(--gold);color:var(--sx-ink)}}
.cl-trust{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-muted);white-space:nowrap;flex-wrap:wrap}
.cl-trust i{width:5px;height:5px;transform:rotate(45deg);background:var(--gold)}
@media (max-width:600px){.cl-in{padding-top:96px;padding-bottom:72px}.cl-h{font-size:44px}.cl-cta .cl-btn{flex:1;min-width:0}.cl-trust{gap:8px 12px}.cl-trust i:nth-of-type(2){display:none}}
@media (prefers-reduced-motion:reduce){.cl.draw .cl-line,.cl.draw .cl-st{animation:none;stroke-dasharray:none;opacity:.55}}
.cl.wait .cl-line,.cl.wait .cl-st{animation-play-state:paused}

/* ---- /pricing (preview 2026-11-02): the plans in a page of their own; the cards rise out of a dark hero ---- */
main.pr{padding-bottom:0}
.pr-hero{position:relative;overflow:hidden;text-align:center;color:#f3eee2;
  background:radial-gradient(700px 380px at 50% 0%,rgba(201,169,110,.16),transparent 65%),linear-gradient(180deg,var(--mid) 0%,#0c1c38 100%)}
.pr-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.022) 26px 27px);pointer-events:none}
.pr-hero-in{position:relative;padding-top:64px;padding-bottom:150px;max-width:820px}
.pr-kw{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:400;margin:0 0 16px;white-space:nowrap}
.pr-kw::before,.pr-kw::after{content:"";width:28px;height:1px;background:var(--gold)}
.pr-title{display:block;font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:56px;line-height:.98;letter-spacing:.02em;margin:0 0 16px;color:#f6f2ea}
.pr-title em{font-style:normal;color:var(--gold-2)}
.pr-sub{color:#c3c9d4;font-size:15.5px;margin:0 auto 4px;max-width:620px}
.pr-hero .px-sw{margin-top:26px;background:rgba(4,10,23,.45);border-color:rgba(201,169,110,.35)}
.pr-hero .px-b{color:#aeb6c4}
.pr-hero .px-b.on{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--mid)}
.px.pr-plans{position:relative;padding-top:0;margin-top:-104px}
.pr-plans .px-card:not(.hot){box-shadow:0 20px 44px rgba(10,24,48,.12)}
.pr-inc{padding:64px 0 80px}
.pr-inc .sx-eye{margin-bottom:20px}
.pr-inc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sx-line)}
.pr-inc-grid>div{min-width:0;padding:22px 22px 0 0}
.pr-inc-grid>div+div{padding-left:22px;border-left:1px solid var(--sx-line)}
.pr-inc-grid i{display:block;font-style:normal;font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.08em;color:var(--sx-gold-d);margin-bottom:8px}
.pr-it{display:block;font-family:var(--cond);font-weight:600;font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-ink);white-space:nowrap}
.pr-inc-grid p{margin:6px 0 0;color:var(--sx-muted);font-size:13.5px}
.pr .qx{margin-top:0}
@media (max-width:900px){.pr-inc-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.pr-inc-grid>div:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:600px){.pr-hero-in{padding-top:48px;padding-bottom:120px}.pr-title{font-size:38px}.px.pr-plans{margin-top:-80px}.pr-hero .px-sw{display:flex}
  .pr-inc-grid{grid-template-columns:minmax(0,1fr)}.pr-inc-grid>div+div{padding-left:0;border-left:0;border-top:1px solid var(--sx-line)}.pr-inc-grid>div{padding-top:18px}}