/* ==========================================================================
   أعمالي ERP — نظام التصميم المشترك
   الفكرة: مفردات الدفتر المحاسبي. مسطرة رقيقة، عمودان (مدين/دائن)،
   أرقام بخط أحادي، وكل شيء "متوازن". اللون فاتح وواضح.

   ملف واحد لكل صفحات الموقع — أي تعديل هنا ينعكس على الموقع كاملًا.
   التنسيقات الخاصة بكل صفحة تبقى في كتلة <style> داخلها، وتُحمّل بعد
   هذا الملف فتَعلوه في الأولوية.
   ========================================================================== */
:root{
  --paper:#F5F8FA;
  --surface:#FFFFFF;
  --surface-2:#FAFCFD;
  --ink:#0C1A2B;
  --ink-2:#3B4E62;
  --ink-3:#6E8091;
  --rule:#E1E9EF;
  --rule-soft:#EFF4F7;
  --debit:#1D5FA8;      /* مدين */
  --credit:#0E7C66;     /* دائن — ولون الإجراءات */
  --credit-d:#0A6151;
  --credit-w:#E6F2EF;
  --seal:#B4762A;       /* ختم / تمييز نادر */
  --r:8px;
  --r-lg:16px;
  --max:1180px;
  --shadow-s:0 1px 2px rgba(12,26,43,.05), 0 8px 24px -18px rgba(12,26,43,.25);
  --shadow-m:0 2px 4px rgba(12,26,43,.04), 0 24px 48px -28px rgba(12,26,43,.32);
  --sans:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display:"Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-weight:400; font-size:16.5px; line-height:1.75;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button{font:inherit; color:inherit}
h1,h2,h3,h4{font-family:var(--display); font-weight:600; line-height:1.3; margin:0; letter-spacing:-.015em}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
:focus-visible{outline:2.5px solid var(--debit); outline-offset:3px; border-radius:4px}

.mono{font-family:var(--mono); font-weight:500; font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; letter-spacing:-.01em}
.wrap{max-width:var(--max); margin-inline:auto; padding-inline:22px}
.skip{position:absolute; inset-inline-start:-9999px; top:0; background:var(--ink); color:#fff; padding:10px 16px; z-index:200}
.skip:focus{inset-inline-start:12px; top:12px}

/* ---------- إيقاع الأقسام ---------- */
.sec{padding:96px 0; position:relative}
.sec--tight{padding:72px 0}
.sec--paper{background:var(--paper)}
.sec--white{background:var(--surface)}
.sec--ink{background:var(--ink); color:#E8EEF3}
.sec-head{max-width:760px; margin-bottom:52px}
.sec-head--center{margin-inline:auto; text-align:center}
.eyebrow{
  display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:600;
  letter-spacing:.06em; color:var(--credit); margin-bottom:16px;
}
.eyebrow::before{content:""; width:26px; height:1.5px; background:var(--credit); opacity:.55}
.sec--ink .eyebrow{color:var(--seal)}
.sec--ink .eyebrow::before{background:var(--seal)}
.sec h2{font-size:clamp(26px,3.5vw,39px); letter-spacing:-.025em}
.sec-head p{margin-top:16px; font-size:17.5px; color:var(--ink-2); line-height:1.85}
.sec--ink .sec-head p{color:#A9BCCB}

/* علامة الفاصل: إشارة المساواة، وهي أساس المعادلة المحاسبية */
.rule-mark{display:flex; align-items:center; gap:18px; max-width:var(--max); margin:0 auto; padding-inline:22px}
.rule-mark span{flex:1; height:1px; background:var(--rule)}
.rule-mark i{display:block; width:16px; height:9px; border-top:2px solid var(--seal); border-bottom:2px solid var(--seal); opacity:.6}

/* ---------- الهيدر ---------- */
.hdr{
  position:sticky; top:0; z-index:100; background:rgba(245,248,250,.86);
  backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid var(--rule);
}
.hdr-in{display:flex; align-items:center; gap:22px; height:70px; max-width:var(--max); margin-inline:auto; padding-inline:22px}
.brand{display:flex; align-items:center; gap:11px; flex-shrink:0}
.brand-mark{width:38px; height:38px; border-radius:11px; background:#fff; display:grid; place-items:center; flex-shrink:0; color:var(--ink); box-shadow:inset 0 0 0 1px var(--rule), 0 1px 2px rgba(12,26,43,.05)}
.brand-mark svg{width:22px; height:22px}
.brand-mark .pk{fill:var(--credit); transition:fill .2s}
.brand:hover .brand-mark .pk{fill:#12A283}
.brand-name{font-family:var(--display); font-weight:700; font-size:20px; letter-spacing:-.03em}
.brand-name .erp{font-family:var(--mono); font-size:12px; font-weight:600; color:var(--credit); letter-spacing:.03em; margin-inline-start:6px; vertical-align:3px; border:1px solid #CFE4DE; background:var(--credit-w); border-radius:4px; padding:1px 5px}
.brand-sub{font-size:11px; color:var(--ink-3); display:block; line-height:1; margin-top:2px; font-weight:500}

.nav{display:flex; align-items:center; gap:2px; margin-inline-start:8px}
.nav > li > a, .nav > li > button{
  display:flex; align-items:center; gap:6px; padding:9px 12px; border-radius:var(--r);
  font-size:15px; font-weight:500; color:var(--ink-2); background:none; border:0; cursor:pointer;
  transition:color .18s, background .18s;
}
.nav > li > a:hover, .nav > li > button:hover{color:var(--ink); background:#EAF0F4}
.nav .caret{width:7px; height:7px; border-inline-end:1.6px solid currentColor; border-block-end:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.6; transition:transform .2s}
.nav [aria-expanded="true"] .caret{transform:rotate(-135deg) translateY(-2px)}
.nav [aria-expanded="true"]{color:var(--ink); background:#EAF0F4}

.hdr-cta{margin-inline-start:auto; display:flex; align-items:center; gap:10px}
.burger{display:none; width:42px; height:42px; border:1px solid var(--rule); background:var(--surface); border-radius:var(--r); cursor:pointer; padding:0}
.burger i{display:block; width:17px; height:1.7px; background:var(--ink); margin:3.5px auto; transition:.2s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* القائمة الكبرى */
.mega{
  position:absolute; inset-inline:0; top:calc(100% + 1px); background:var(--surface);
  border-bottom:1px solid var(--rule); box-shadow:var(--shadow-m);
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:.2s ease;
}
.mega[data-open="true"]{opacity:1; visibility:visible; transform:none}
.mega-in{max-width:var(--max); margin-inline:auto; padding:34px 22px 30px; display:grid; grid-template-columns:repeat(4,1fr); gap:30px}
.mega h4{font-size:13px; letter-spacing:.04em; color:var(--ink-3); font-family:var(--sans); font-weight:600; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--rule-soft)}
.mega li a{display:block; padding:5px 0; font-size:14.5px; color:var(--ink-2); transition:color .15s, padding .15s}
.mega li a:hover{color:var(--credit); padding-inline-start:5px}
.mega-foot{grid-column:1/-1; border-top:1px solid var(--rule-soft); padding-top:16px; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14px; color:var(--ink-3)}
.mega-foot a{color:var(--credit); font-weight:500}

/* قائمة منسدلة مصغّرة */
.nav li.has-drop{position:relative}
.drop{
  position:absolute; top:calc(100% + 10px); inset-inline-end:0; min-width:290px; background:var(--surface);
  border:1px solid var(--rule); border-radius:14px; box-shadow:var(--shadow-m); padding:8px;
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:.18s ease;
}
.drop[data-open="true"]{opacity:1; visibility:visible; transform:none}
.drop a{display:block; padding:10px 12px; border-radius:9px; transition:.15s}
.drop a b{display:block; font-size:14.5px; font-weight:600; color:var(--ink)}
.drop a span{display:block; font-size:12.5px; color:var(--ink-3); margin-top:2px; line-height:1.6}
.drop a:hover{background:#F2F7F5}
.drop a:hover b{color:var(--credit-d)}
.drop .drop-cta{margin-top:6px; border-top:1px solid var(--rule-soft); border-radius:0 0 9px 9px}
.drop .drop-cta b{color:var(--credit)}

/* درج الجوال */
.drawer{display:none; border-top:1px solid var(--rule); background:var(--surface); max-height:78vh; overflow:auto}
.drawer[data-open="true"]{display:block}
.drawer .wrap{padding-block:18px}
.drawer details{border-bottom:1px solid var(--rule-soft)}
.drawer summary{padding:13px 2px; font-weight:600; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+"; color:var(--credit); font-family:var(--mono); font-size:17px}
.drawer details[open] summary::after{content:"–"}
.drawer details ul{padding:0 12px 14px}
.drawer details li a{display:block; padding:7px 0; color:var(--ink-2); font-size:15px}
.drawer > .wrap > a.d-link{display:block; padding:13px 2px; font-weight:600; border-bottom:1px solid var(--rule-soft)}

/* ---------- الأزرار ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:12px 20px; border-radius:var(--r); font-size:15px; font-weight:600;
  border:1px solid transparent; cursor:pointer; transition:.18s ease; white-space:nowrap;
}
.btn svg{width:15px; height:15px; flex-shrink:0}
.btn--main{background:var(--credit); color:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06)}
.btn--main:hover{background:var(--credit-d); transform:translateY(-1px)}
.btn--ghost{background:var(--surface); color:var(--ink); border-color:var(--rule)}
.btn--ghost:hover{border-color:var(--ink-3); background:#fff}
.btn--ink{background:var(--ink); color:#fff}
.btn--ink:hover{background:#16293D; transform:translateY(-1px)}
.btn--light{background:#fff; color:var(--ink)}
.btn--light:hover{transform:translateY(-1px)}
.btn--lg{padding:15px 26px; font-size:16px}
.btn--sm{padding:9px 15px; font-size:14px}

/* ---------- البطل ---------- */
.hero{position:relative; overflow:hidden; background:var(--paper); padding:76px 0 88px}
.hero::before{ /* ورق مسطّر باهت */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px),
    repeating-linear-gradient(to left, transparent 0 119px, rgba(12,26,43,.035) 119px 120px);
  mask-image:radial-gradient(120% 90% at 75% 10%, #000 10%, transparent 78%);
}
.hero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:56px; align-items:center}
.hero-tag{
  display:inline-flex; align-items:center; gap:10px; background:var(--surface); border:1px solid var(--rule);
  border-radius:100px; padding:6px 14px 6px 8px; font-size:13.5px; color:var(--ink-2); font-weight:500; margin-bottom:26px;
}
.hero-tag b{background:var(--credit-w); color:var(--credit-d); font-size:12px; font-weight:600; padding:3px 9px; border-radius:100px}
.hero h1{font-size:clamp(32px,4.8vw,55px); font-weight:700; line-height:1.22; letter-spacing:-.035em}
.hero h1 em{font-style:normal; color:var(--credit); position:relative; white-space:nowrap}
.hero h1 em::after{content:""; position:absolute; inset-inline:0; bottom:.06em; height:.09em; background:var(--credit); opacity:.22}
.hero-lede{margin-top:22px; font-size:18.5px; line-height:1.85; color:var(--ink-2); max-width:56ch}
.hero-btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:32px}
.hero-facts{display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:34px; padding-top:26px; border-top:1px solid var(--rule)}
.hero-facts li{display:flex; align-items:center; gap:8px; font-size:14.5px; color:var(--ink-2)}
.hero-facts svg{width:16px; height:16px; color:var(--credit); flex-shrink:0}

/* دفتر القيود الحيّ — العنصر المميّز للصفحة */
.ledger{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
.ledger-top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
.ledger-top .t{font-size:13.5px; font-weight:600; color:var(--ink-2)}
.ledger-top .t span{color:var(--ink-3); font-weight:400}
.chip-bal{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); padding:5px 11px; border-radius:100px; opacity:0}
.chip-bal svg{width:13px; height:13px}
.ledger table{width:100%; border-collapse:collapse}
.ledger th{
  font-size:11.5px; font-weight:600; letter-spacing:.05em; color:var(--ink-3); text-align:start;
  padding:11px 18px; border-bottom:1px solid var(--rule); background:#fff;
}
.ledger th.n, .ledger td.n{text-align:end; width:24%}
.ledger td{padding:12px 18px; border-bottom:1px solid var(--rule-soft); font-size:14.5px; color:var(--ink)}
.ledger tbody tr{opacity:0; transform:translateY(6px)}
.ledger td.n{font-family:var(--mono); font-size:14px; font-weight:500}
.ledger td.d{color:var(--debit)}
.ledger td.c{color:var(--credit)}
.ledger .acc{display:block; font-size:12px; color:var(--ink-3); margin-top:-2px}
.ledger tfoot td{border-bottom:0; border-top:1.5px solid var(--ink); font-weight:600; background:var(--surface-2); font-size:14px}
.ledger-flow{padding:16px 18px; background:var(--surface-2); border-top:1px solid var(--rule)}
.ledger-flow .lbl{font-size:12px; color:var(--ink-3); margin-bottom:10px; display:block}
.flow-chips{display:flex; flex-wrap:wrap; gap:7px}
.flow-chips li{
  display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:500; color:var(--ink-2);
  background:#fff; border:1px solid var(--rule); padding:5px 10px; border-radius:100px; opacity:.35;
}
.flow-chips li svg{width:11px; height:11px; color:var(--credit)}
.flow-chips li.on{opacity:1; border-color:#CFE4DE; background:#F4FAF8}

.play .ledger tbody tr{animation:rowIn .5s cubic-bezier(.2,.7,.3,1) forwards}
.play .ledger tbody tr:nth-child(1){animation-delay:.35s}
.play .ledger tbody tr:nth-child(2){animation-delay:.62s}
.play .ledger tbody tr:nth-child(3){animation-delay:.89s}
.play .ledger tbody tr:nth-child(4){animation-delay:1.16s}
.play .chip-bal{animation:fadeIn .5s 1.6s forwards}
@keyframes rowIn{to{opacity:1; transform:none}}
@keyframes fadeIn{to{opacity:1}}

/* ---------- أثر العملية (تفاعلي) ---------- */
.trace{display:grid; grid-template-columns:250px 1fr; gap:0; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-s)}
.trace-tabs{border-inline-end:1px solid var(--rule); background:var(--surface-2); padding:14px; max-height:620px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#C7D5DF transparent}
.trace-tabs::-webkit-scrollbar{width:6px}
.trace-tabs::-webkit-scrollbar-thumb{background:#C7D5DF; border-radius:99px}
.trace-tabs .h{font-size:11.5px; letter-spacing:.05em; color:var(--ink-3); font-weight:600; padding:6px 10px 12px}
.trace-tabs button{
  display:flex; width:100%; align-items:center; gap:10px; text-align:start; padding:12px 12px;
  background:none; border:0; border-radius:var(--r); cursor:pointer; font-size:15px; font-weight:500;
  color:var(--ink-2); transition:.16s; margin-bottom:2px;
}
.trace-tabs button:hover{background:#EDF2F5; color:var(--ink)}
.trace-tabs button[aria-selected="true"]{background:var(--ink); color:#fff}
.trace-tabs .num{font-family:var(--mono); font-size:11.5px; opacity:.55}
.trace-body{padding:28px 30px}
.trace-trigger{display:flex; align-items:flex-start; gap:13px; padding-bottom:22px; border-bottom:1px dashed var(--rule)}
.trace-trigger .ic{width:38px; height:38px; border-radius:10px; background:var(--credit-w); color:var(--credit-d); display:grid; place-items:center; flex-shrink:0}
.trace-trigger .ic svg{width:18px; height:18px}
.trace-trigger h3{font-size:19px}
.trace-trigger p{font-size:14.5px; color:var(--ink-3); margin-top:3px}
.trace-steps{display:grid; gap:0; margin:6px 0 22px}
.trace-steps li{display:grid; grid-template-columns:22px 1fr; gap:14px; padding:14px 0; border-bottom:1px solid var(--rule-soft)}
.trace-steps .dot{position:relative; padding-top:9px}
.trace-steps .dot::before{content:""; display:block; width:9px; height:9px; border-radius:50%; border:2px solid var(--credit); margin-inline:auto}
.trace-steps .dot::after{content:""; position:absolute; inset-inline-start:50%; top:22px; bottom:-14px; width:1px; background:var(--rule); transform:translateX(50%)}
.trace-steps li:last-child .dot::after{display:none}
.trace-steps b{display:block; font-size:15px; font-weight:600}
.trace-steps span{font-size:14.5px; color:var(--ink-2)}
.trace-entry{background:var(--surface-2); border:1px solid var(--rule); border-radius:var(--r); padding:16px 18px}
.trace-entry .lbl{font-size:11.5px; letter-spacing:.05em; color:var(--ink-3); font-weight:600; display:block; margin-bottom:12px}
.trace-entry table{width:100%; border-collapse:collapse}
.trace-entry td{padding:7px 0; font-size:14px; border-bottom:1px solid var(--rule-soft)}
.trace-entry td:last-child{text-align:end; font-family:var(--mono); font-weight:500; font-size:13.5px}
.trace-entry tr:last-child td{border-bottom:0}
.trace-entry .side{font-size:11px; font-weight:600; padding:2px 7px; border-radius:4px; margin-inline-end:8px}
.trace-entry .side.d{background:#E8F0F9; color:var(--debit)}
.trace-entry .side.c{background:var(--credit-w); color:var(--credit-d)}
.trace-entry .side.n{background:#EDF1F4; color:var(--ink-3)}
.trace-note{font-size:13px; color:var(--ink-3); line-height:1.8; margin-top:13px; padding-top:12px; border-top:1px dashed var(--rule)}
.fade-swap{animation:swapIn .32s ease}
@keyframes swapIn{from{opacity:0; transform:translateY(7px)}to{opacity:1; transform:none}}

/* ---------- الشبكات العامة ---------- */
.grid{display:grid; gap:18px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}

.card{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:26px 24px; transition:.2s ease}
.card:hover{border-color:#C9D8E2; box-shadow:var(--shadow-s); transform:translateY(-2px)}
.card .ic{width:40px; height:40px; border-radius:11px; background:#F1F6F9; color:var(--ink); display:grid; place-items:center; margin-bottom:18px}
.card .ic svg{width:19px; height:19px}
.card h3{font-size:19px; margin-bottom:9px}
.card p{font-size:15px; color:var(--ink-2); line-height:1.8}
.card .more{display:inline-flex; align-items:center; gap:6px; margin-top:16px; font-size:14px; font-weight:600; color:var(--credit)}
.card .more svg{width:13px; height:13px; transition:transform .2s}
.card:hover .more svg{transform:translateX(-4px)}

/* بطاقات الوحدات: لون خاص لكل وحدة + تظليل عند المرور، وتنتقل لصفحة التفاصيل */
.card--link{display:block; position:relative; overflow:hidden; color:inherit}
.card--link > *{position:relative; z-index:1}
.card--link::before{content:""; position:absolute; inset:0; background:var(--cb); opacity:0; transition:opacity .22s ease}
.card--link::after{content:""; position:absolute; top:0; inset-inline:0; height:3px; background:var(--c); transform:scaleX(0); transform-origin:right; transition:transform .28s cubic-bezier(.2,.7,.3,1)}
.card--link .ic{background:var(--cb); color:var(--c); transition:.22s}
.card--link .more{color:var(--c)}
.card--link:hover{border-color:var(--c); box-shadow:0 2px 4px rgba(12,26,43,.04), 0 22px 40px -26px var(--c)}
.card--link:hover::before{opacity:1}
.card--link:hover::after{transform:scaleX(1)}
.card--link:hover .ic{background:#fff; color:var(--c); box-shadow:inset 0 0 0 1px var(--c)}
.card--link:hover h3{color:var(--c)}
.card--link:focus-visible{outline-color:var(--c)}
.ruled-link{font-size:13px; font-weight:600; color:var(--credit); white-space:nowrap}
.ruled-link:hover{color:var(--credit-d)}

/* قائمة مسطّرة (نسيج الدفتر) */
.ruled{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
.ruled-h{padding:16px 22px; border-bottom:1px solid var(--rule); background:var(--surface-2); font-weight:600; font-size:15px; display:flex; justify-content:space-between; align-items:center; gap:10px}
.ruled-h span{font-size:12px; color:var(--ink-3); font-weight:400}
.ruled li{display:flex; align-items:center; gap:11px; padding:11px 22px; border-bottom:1px solid var(--rule-soft); font-size:15px; color:var(--ink-2)}
.ruled li:last-child{border-bottom:0}
.ruled li::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--rule); flex-shrink:0}
.ruled li:hover{background:var(--surface-2); color:var(--ink)}
.ruled li:hover::before{background:var(--credit)}

/* ---------- لوحة المعلومات ---------- */
.dash{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
.dash-top{display:flex; align-items:center; gap:10px; padding:13px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
.dash-top .dots{display:flex; gap:5px}
.dash-top .dots i{width:9px; height:9px; border-radius:50%; background:#DDE5EB}
.dash-top .ttl{font-size:13px; font-weight:600; color:var(--ink-2)}
.dash-top .per{margin-inline-start:auto; font-size:12px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 10px; border-radius:100px}
.kpis{display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--rule)}
.kpi{padding:18px; border-inline-start:1px solid var(--rule-soft)}
.kpi:first-child{border-inline-start:0}
.kpi .k{font-size:12px; color:var(--ink-3)}
.kpi .v{font-family:var(--mono); font-size:22px; font-weight:600; margin-top:6px; letter-spacing:-.02em}
.kpi .d{font-size:12px; margin-top:4px; font-weight:600; color:var(--credit)}
.kpi .d.dn{color:#B4443A}
.dash-body{display:grid; grid-template-columns:1.55fr 1fr}
.dash-chart{padding:20px; border-inline-start:1px solid var(--rule-soft)}
.dash-chart:first-child{border-inline-start:0}
.dash-chart .ch{font-size:13px; font-weight:600; margin-bottom:2px}
.dash-chart .cs{font-size:11.5px; color:var(--ink-3); margin-bottom:18px}
.bars{display:flex; align-items:flex-end; gap:12px; height:132px}
.bars li{flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; height:100%; justify-content:flex-end}
.bars .bar{width:100%; max-width:34px; border-radius:5px 5px 0 0; background:linear-gradient(to top, #D8E5EE, #B9CEDD); position:relative}
.bars li.hi .bar{background:linear-gradient(to top, var(--credit), #2F9C85)}
.bars .bar span{position:absolute; top:-19px; inset-inline:0; text-align:center; font-family:var(--mono); font-size:10.5px; color:var(--ink-3)}
.bars .lb{font-size:11.5px; color:var(--ink-3)}
.alerts li{display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--rule-soft); font-size:13.5px; color:var(--ink-2); align-items:flex-start}
.alerts li:last-child{border-bottom:0}
.alerts .tg{font-size:10.5px; font-weight:600; padding:2px 7px; border-radius:4px; flex-shrink:0; margin-top:2px}
.alerts .tg.a{background:#FCF1E3; color:var(--seal)}
.alerts .tg.b{background:#E8F0F9; color:var(--debit)}
.alerts .tg.c{background:var(--credit-w); color:var(--credit-d)}
.dash-note{font-size:12.5px; color:var(--ink-3); text-align:center; padding:10px; border-top:1px solid var(--rule-soft); background:var(--surface-2)}

/* ---------- القطاعات (شريط متحرك) ---------- */
.marquee{overflow:hidden; mask-image:linear-gradient(to left, transparent, #000 8%, #000 92%, transparent)}
.mq-row{display:flex; gap:12px; width:max-content; animation:mq 46s linear infinite}
.mq-row.rev{animation-direction:reverse; animation-duration:56s; margin-top:12px}
.marquee:hover .mq-row{animation-play-state:paused}
.mq-row li{
  display:flex; align-items:center; gap:9px; background:var(--surface); border:1px solid var(--rule);
  border-radius:100px; padding:10px 18px; font-size:15px; color:var(--ink-2); white-space:nowrap;
}
.mq-row li svg{width:15px; height:15px; color:var(--credit); opacity:.75}
.mq-row li:has(a){padding:0; border-color:#CFE4DE; background:#F7FBFA}
.mq-row li a{display:flex; align-items:center; gap:9px; padding:10px 18px; font-weight:500; color:var(--credit-d)}
.mq-row li a:hover{color:var(--ink)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- القسم الحكومي/الأمني (الحبر) ---------- */
.sec--ink h2, .sec--ink h3{color:#fff}
.ink-grid{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start}
.ink-list{columns:2; column-gap:26px}
.ink-list li{display:flex; gap:10px; align-items:flex-start; padding:8px 0; font-size:15px; color:#BCCDDA; break-inside:avoid}
.ink-list li svg{width:15px; height:15px; color:var(--seal); flex-shrink:0; margin-top:5px}
.ink-panel{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:var(--r-lg); padding:26px}
.ink-panel h3{font-size:18px; margin-bottom:14px}
.host-list li{display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:15px; color:#C6D5E1}
.host-list li:last-child{border-bottom:0}
.host-list .n{font-family:var(--mono); font-size:11.5px; color:var(--seal); border:1px solid rgba(180,118,42,.4); border-radius:4px; padding:1px 6px}

/* ---------- الوسوم ---------- */
.tags{display:flex; flex-wrap:wrap; gap:9px}
.tags li{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r); padding:9px 14px; font-size:14.5px; color:var(--ink-2); transition:.16s}
.tags li:hover{border-color:var(--credit); color:var(--credit-d); background:#F7FBFA}

/* ---------- مراحل التنفيذ ---------- */
.phases{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
.phase{background:var(--surface); padding:26px 24px; transition:.2s}
.phase:hover{background:var(--surface-2)}
.phase .n{font-family:var(--sans); font-size:13px; font-weight:600; color:var(--credit); letter-spacing:.05em; display:flex; align-items:center; gap:8px; margin-bottom:14px}
.phase .n::after{content:""; flex:1; height:1px; background:var(--rule)}
.phase h3{font-size:18px; margin-bottom:8px}
.phase p{font-size:14.5px; color:var(--ink-2); line-height:1.8}

/* ---------- جدول المقارنة ---------- */
.cmp{width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
.cmp th{padding:16px 20px; font-family:var(--display); font-size:15.5px; font-weight:600; letter-spacing:-.02em; text-align:start; border-bottom:1px solid var(--rule); background:var(--surface-2)}
.cmp th:last-child{background:#F3FAF8; color:var(--credit-d)}
.cmp td{padding:15px 20px; border-bottom:1px solid var(--rule-soft); font-size:15px; color:var(--ink-2); vertical-align:top}
.cmp td:first-child{font-weight:600; color:var(--ink); width:24%}
.cmp td:last-child{background:#FCFEFD; color:var(--ink)}
.cmp tr:last-child td{border-bottom:0}
.cmp-wrap{overflow-x:auto}

/* ---------- الأسئلة ---------- */
.faq{max-width:840px; margin-inline:auto; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
.faq-item{border-bottom:1px solid var(--rule-soft)}
.faq-item:last-child{border-bottom:0}
.faq-q{width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; background:none; border:0; cursor:pointer; text-align:start; font-size:16px; font-weight:600; font-family:var(--display); letter-spacing:-.02em}
.faq-q:hover{background:var(--surface-2)}
.faq-q .pm{width:22px; height:22px; flex-shrink:0; border-radius:50%; border:1px solid var(--rule); position:relative; transition:.2s}
.faq-q .pm::before,.faq-q .pm::after{content:""; position:absolute; inset-inline:5px; top:50%; height:1.6px; background:var(--ink-2); transform:translateY(-50%); transition:.2s}
.faq-q .pm::after{transform:translateY(-50%) rotate(90deg)}
.faq-q[aria-expanded="true"] .pm{background:var(--credit); border-color:var(--credit)}
.faq-q[aria-expanded="true"] .pm::before,.faq-q[aria-expanded="true"] .pm::after{background:#fff}
.faq-q[aria-expanded="true"] .pm::after{transform:translateY(-50%) rotate(0)}
.faq-a{display:none; padding:0 24px 22px; font-size:15.5px; color:var(--ink-2); line-height:1.9; max-width:72ch}
.faq-a[data-open="true"]{display:block; animation:swapIn .25s ease}

/* ---------- شريط الملف التعريفي ---------- */
.kb-cta{
  margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;
  background:var(--surface-2); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px 26px;
}
.kb-cta h3{font-size:18px; margin-bottom:5px}
.kb-cta p{font-size:14.5px; color:var(--ink-2); max-width:62ch; line-height:1.8}

/* ---------- نموذج التواصل ---------- */
.cta-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.form{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:28px; box-shadow:var(--shadow-m)}
.form h3{font-size:20px; margin-bottom:4px}
.form .sub{font-size:14px; color:var(--ink-3); margin-bottom:22px}
.fld{margin-bottom:14px}
.fld label{display:block; font-size:13.5px; font-weight:600; margin-bottom:7px}
.fld input,.fld select,.fld textarea{
  width:100%; padding:11px 13px; border:1px solid var(--rule); border-radius:var(--r);
  font:inherit; font-size:15px; background:var(--surface-2); color:var(--ink);
}
.fld input:focus,.fld select:focus,.fld textarea:focus{background:#fff; border-color:var(--credit); outline:none; box-shadow:0 0 0 3px var(--credit-w)}
.fld-2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.form-note{font-size:12.5px; color:var(--ink-3); margin-top:12px; text-align:center}
.form-ok{display:none; text-align:center; padding:26px 8px}
.form-ok svg{width:40px; height:40px; color:var(--credit); margin:0 auto 14px}
.form-ok h3{margin-bottom:8px}
.form-ok p{font-size:15px; color:var(--ink-2)}
.cta-list li{display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--rule); font-size:15.5px; color:var(--ink-2)}
.cta-list li:last-child{border-bottom:0}
.cta-list svg{width:17px; height:17px; color:var(--credit); flex-shrink:0; margin-top:5px}

/* ---------- تواصل مباشر وزر واتساب ---------- */
.direct{margin-top:16px; padding-top:15px; border-top:1px dashed var(--rule); display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; font-size:13.5px; color:var(--ink-3)}
.direct a{font-weight:600; color:var(--credit-d); border-bottom:1px solid #CFE4DE; padding-bottom:1px}
.direct a:hover{border-color:var(--credit)}
.wa{
  position:fixed; inset-inline-start:20px; bottom:20px; z-index:90;
  display:inline-flex; align-items:center; gap:9px; background:#1FA855; color:#fff;
  padding:12px 18px 12px 15px; border-radius:100px; font-size:14.5px; font-weight:600;
  box-shadow:0 6px 22px -6px rgba(31,168,85,.55); transition:transform .18s, box-shadow .18s;
}
.wa svg{width:21px; height:21px}
.wa:hover{transform:translateY(-2px); box-shadow:0 10px 28px -8px rgba(31,168,85,.7)}
@media (max-width:600px){ .wa span{display:none} .wa{padding:14px; inset-inline-start:16px; bottom:16px} }
@media print{ .wa{display:none} }

/* ---------- التذييل ---------- */
.ftr{background:var(--ink); color:#93A8B8; padding:64px 0 26px; font-size:14.5px}
.ftr-grid{display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:34px}
.ftr-seo{border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:36px; margin-bottom:40px}
.ftr-seo h2{font-size:20px; color:#fff; margin-bottom:12px; letter-spacing:-.02em}
.ftr-seo p{max-width:92ch; line-height:1.95; margin-bottom:20px; font-size:14.5px}
.ftr-seo ul{display:flex; flex-wrap:wrap; gap:8px}
.ftr-seo li a{display:block; border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:7px 13px; font-size:13.5px; transition:.16s}
.ftr-seo li a:hover{border-color:var(--seal); color:#fff; background:rgba(180,118,42,.12)}
.ftr h4{font-family:var(--sans); font-size:13px; letter-spacing:.04em; color:#fff; margin-bottom:14px; font-weight:600}
.ftr li a{display:block; padding:4px 0; transition:color .15s}
.ftr li a:hover{color:#fff}
.ftr .brand-name{color:#fff}
.ftr .brand-name .erp{color:#5CC3AB; background:rgba(92,195,171,.12); border-color:rgba(92,195,171,.3)}
.ftr .brand-mark{background:#fff; color:var(--ink); box-shadow:none}
.ftr .about{margin-top:16px; line-height:1.85; max-width:34ch}
.ftr-contact li{display:flex; gap:9px; padding:6px 0; align-items:flex-start}
.ftr-contact svg{width:15px; height:15px; margin-top:5px; color:var(--seal); flex-shrink:0}
.ftr-bar{margin-top:44px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:space-between; font-size:13px}

/* ---------- الظهور بالتمرير ---------- */
[data-reveal]{opacity:0; transform:translateY(16px)}
[data-reveal].in{opacity:1; transform:none; transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1)}
[data-reveal].in[data-d="1"]{transition-delay:.08s}
[data-reveal].in[data-d="2"]{transition-delay:.16s}
[data-reveal].in[data-d="3"]{transition-delay:.24s}

/* ---------- الاستجابة ---------- */
@media (max-width:1080px){
  .nav{display:none}
  .burger{display:block}
  .mega{display:none}
  .hero-grid{grid-template-columns:1fr; gap:44px}
  .ink-grid,.cta-grid{grid-template-columns:1fr; gap:34px}
  .g-4{grid-template-columns:repeat(2,1fr)}
  .phases{grid-template-columns:repeat(2,1fr)}
  .ftr-grid{grid-template-columns:1fr 1fr; gap:28px}
}
@media (max-width:860px){
  body{font-size:16px}
  .sec{padding:70px 0}
  .g-3,.g-2{grid-template-columns:1fr}
  .trace{grid-template-columns:1fr}
  .trace-tabs{border-inline-end:0; border-bottom:1px solid var(--rule); display:flex; gap:6px; overflow-x:auto; overflow-y:hidden; max-height:none; padding:12px}
  .trace-tabs .h{display:none}
  .trace-tabs button{width:auto; white-space:nowrap; margin:0}
  .trace-body{padding:22px 18px}
  .kpis{grid-template-columns:1fr 1fr}
  .kpi:nth-child(3){border-inline-start:0}
  .kpi:nth-child(3),.kpi:nth-child(4){border-top:1px solid var(--rule-soft)}
  .dash-body{grid-template-columns:1fr}
  .dash-chart{border-inline-start:0; border-top:1px solid var(--rule-soft)}
  .ink-list{columns:1}
  .phases{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
  .hero{padding:52px 0 66px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .ledger tbody tr,.chip-bal,[data-reveal]{opacity:1 !important; transform:none !important}
}

.drop--wide{width:min(560px,88vw); display:grid; grid-template-columns:1fr 1fr; gap:2px}
.drop--wide .drop-cta{grid-column:1 / -1}
@media (max-width:620px){ .drop--wide{grid-template-columns:1fr} }

/* لوحات المراحل: كلها في HTML، وتُخفى غير النشطة */
[hidden]{display:none !important}
.stage-panel[hidden]{display:none !important}

/* ==========================================================================
   قواعد مشتركة بين الصفحات الداخلية (كانت مكرّرة في كل صفحة)
   ========================================================================== */
.crumb{padding:16px 0 0; font-size:13.5px; color:var(--ink-3)}
.crumb ol{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.crumb a:hover{color:var(--credit)}
.crumb li::after{content:"›"; margin-inline-start:8px; color:var(--rule)}
.crumb li:last-child{color:var(--ink-2); font-weight:500}
.crumb li:last-child::after{display:none}
.tbl{width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
.tbl th{padding:13px 16px; font-size:11.5px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-weight:600}
.tbl td{padding:12px 16px; font-size:14px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
.tbl tr:last-child td{border-bottom:0}
.note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:92ch}
.phero .btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:30px}
.chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:10px}
.chips li{font-size:12.5px; background:#fff; border:1px solid var(--rule); border-radius:100px; padding:5px 11px; color:var(--ink-2)}
.measure{margin-top:14px; padding-top:13px; border-top:1px dashed var(--rule); font-size:13.5px; color:var(--ink-3)}
.measure b{color:var(--ink-2); font-weight:600}
.tbl th.n, .tbl td.n{text-align:end; font-family:var(--mono); font-weight:500}
.phero{background:var(--paper); padding:44px 0 76px; position:relative; overflow:hidden}
.phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(110% 80% at 78% 8%, #000 12%, transparent 76%)}
.phero h1{font-size:clamp(29px,4.2vw,49px); font-weight:700; letter-spacing:-.035em; line-height:1.24}
.phero .lede{margin-top:20px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:56ch}

/* ----- 404.html ----- */
body.p-404 .nf{min-height:62vh; display:grid; place-items:center; background:var(--paper); position:relative; overflow:hidden; padding:70px 0}
body.p-404 .nf::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(90% 70% at 50% 40%, #000 10%, transparent 72%)}
body.p-404 .nf .in{position:relative; text-align:center; max-width:620px; padding:0 22px}
body.p-404 .nf .code{font-family:var(--mono); font-size:clamp(64px,12vw,132px); font-weight:600; color:var(--ink); letter-spacing:-.04em; line-height:1; opacity:.13}
body.p-404 .nf h1{font-size:clamp(24px,3.6vw,36px); font-weight:700; letter-spacing:-.03em; margin-top:-18px}
body.p-404 .nf p{margin-top:16px; font-size:17px; line-height:1.9; color:var(--ink-2)}
body.p-404 .nf .btns{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:28px}
body.p-404 .nf .links{margin-top:34px; padding-top:24px; border-top:1px solid var(--rule)}
body.p-404 .nf .links h2{font-size:12px; letter-spacing:.06em; color:var(--ink-3); font-weight:600; margin-bottom:14px}
body.p-404 .nf .links ul{display:flex; flex-wrap:wrap; gap:8px; justify-content:center}
body.p-404 .nf .links a{font-size:13.5px; color:var(--ink-2); background:var(--surface); border:1px solid var(--rule); border-radius:100px; padding:8px 15px; transition:.15s}
body.p-404 .nf .links a:hover{border-color:var(--credit); color:var(--credit)}

/* ----- blog/index.html ----- */
body.p-blog-index .phero{background:var(--paper); padding:44px 0 46px; position:relative; overflow:hidden}
body.p-blog-index .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-blog-index .phero .in{position:relative; max-width:760px}
body.p-blog-index .phero h1{font-size:clamp(30px,4.4vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-blog-index .phero .lede{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:66ch}
body.p-blog-index .posts{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
body.p-blog-index .pc{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px 24px; display:flex; flex-direction:column; transition:.2s}
body.p-blog-index .pc.live:hover{border-color:#BFD8D0; box-shadow:var(--shadow-m); transform:translateY(-3px)}
body.p-blog-index .pc.soon{background:var(--surface-2); border-style:dashed}
body.p-blog-index .pt{display:flex; align-items:center; gap:10px; margin-bottom:12px}
body.p-blog-index .tag{font-size:11px; font-weight:600; letter-spacing:.03em; color:var(--credit-d); background:var(--credit-w); border-radius:100px; padding:4px 11px}
body.p-blog-index .pc.soon .tag{background:#EDF1F5; color:var(--ink-3)}
body.p-blog-index .st{margin-inline-start:auto; font-size:11px; font-weight:600; color:var(--credit-d)}
body.p-blog-index .st.soon{color:var(--ink-3); font-weight:500}
body.p-blog-index .pc h3{font-size:19.5px; letter-spacing:-.025em; line-height:1.45; margin-bottom:10px}
body.p-blog-index .pc.soon h3{color:var(--ink-2)}
body.p-blog-index .pc p{font-size:14.5px; color:var(--ink-2); line-height:1.85; flex:1}
body.p-blog-index .pc.soon p{color:var(--ink-3)}
body.p-blog-index .pf{display:flex; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--rule-soft)}
body.p-blog-index .meta{font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
body.p-blog-index .go{margin-inline-start:auto; font-size:13.5px; font-weight:600; color:var(--credit)}
body.p-blog-index .pc.live:hover .go{color:var(--ink)}
@media (max-width:820px){
body.p-blog-index .posts{grid-template-columns:1fr}
}

/* ----- blog/when-to-move-to-erp.html ----- */
body.p-blog-when-to-move-to-erp .rbar{position:fixed; top:0; inset-inline-start:0; height:3px; background:var(--credit); width:0; z-index:200; transition:width .1s}
body.p-blog-when-to-move-to-erp .ahero{background:var(--paper); padding:40px 0 44px; position:relative; overflow:hidden}
body.p-blog-when-to-move-to-erp .ahero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-blog-when-to-move-to-erp .ahero .in{position:relative; max-width:780px}
body.p-blog-when-to-move-to-erp .ahero h1{font-size:clamp(28px,4.2vw,46px); font-weight:700; letter-spacing:-.035em; line-height:1.25}
body.p-blog-when-to-move-to-erp .ahero .sub{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:64ch}
body.p-blog-when-to-move-to-erp .ameta{display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; font-size:13px; color:var(--ink-3); align-items:center}
body.p-blog-when-to-move-to-erp .ameta .tag{font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); border-radius:100px; padding:4px 11px}
body.p-blog-when-to-move-to-erp .ameta span{display:flex; align-items:center; gap:7px}
body.p-blog-when-to-move-to-erp .ameta svg{width:14px; height:14px}
body.p-blog-when-to-move-to-erp .alayout{display:grid; grid-template-columns:1fr 240px; gap:48px; align-items:start}
body.p-blog-when-to-move-to-erp .toc{position:sticky; top:92px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 20px}
body.p-blog-when-to-move-to-erp .toc h4{font-size:12px; letter-spacing:.05em; color:var(--ink-3); font-weight:600; margin-bottom:12px}
body.p-blog-when-to-move-to-erp .toc a{display:block; font-size:13.5px; color:var(--ink-2); padding:6px 0; border-inline-start:2px solid transparent; padding-inline-start:11px; margin-inline-start:-11px; line-height:1.6; transition:.15s}
body.p-blog-when-to-move-to-erp .toc a:hover{color:var(--credit)}
body.p-blog-when-to-move-to-erp .toc a.on{color:var(--credit); font-weight:600; border-color:var(--credit)}
body.p-blog-when-to-move-to-erp .prose{max-width:70ch}
body.p-blog-when-to-move-to-erp .prose h2{font-size:clamp(21px,2.6vw,27px); letter-spacing:-.025em; margin:42px 0 14px; scroll-margin-top:100px}
body.p-blog-when-to-move-to-erp .prose h2:first-child{margin-top:0}
body.p-blog-when-to-move-to-erp .prose h3{font-size:18.5px; margin:28px 0 10px; color:var(--ink)}
body.p-blog-when-to-move-to-erp .prose p{font-size:16.5px; line-height:1.95; color:var(--ink-2); margin-bottom:16px}
body.p-blog-when-to-move-to-erp .prose ul, body.p-blog-when-to-move-to-erp .prose ol{margin:0 0 18px; padding-inline-start:0}
body.p-blog-when-to-move-to-erp .prose li{font-size:16.5px; line-height:1.9; color:var(--ink-2); margin-bottom:9px; padding-inline-start:22px; position:relative}
body.p-blog-when-to-move-to-erp .prose li::before{content:""; position:absolute; inset-inline-start:6px; top:13px; width:6px; height:6px; border-radius:50%; background:var(--credit); opacity:.6}
body.p-blog-when-to-move-to-erp .prose ol{counter-reset:n}
body.p-blog-when-to-move-to-erp .prose ol li{counter-increment:n}
body.p-blog-when-to-move-to-erp .prose ol li::before{content:counter(n); background:none; width:auto; height:auto; top:0; inset-inline-start:0; font-family:var(--mono); font-size:13px; color:var(--credit); font-weight:600; opacity:1}
body.p-blog-when-to-move-to-erp .prose b, body.p-blog-when-to-move-to-erp .prose strong{color:var(--ink); font-weight:600}
body.p-blog-when-to-move-to-erp .prose blockquote{margin:24px 0; padding:18px 22px; background:var(--surface-2); border-inline-start:3px solid var(--credit); border-radius:0 var(--r) var(--r) 0}
body.p-blog-when-to-move-to-erp .prose blockquote p{margin:0; font-size:17px; color:var(--ink); line-height:1.85}
body.p-blog-when-to-move-to-erp .prose table{width:100%; border-collapse:collapse; margin:24px 0; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; font-size:15px}
body.p-blog-when-to-move-to-erp .prose th{padding:12px 15px; font-size:11.5px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-weight:600}
body.p-blog-when-to-move-to-erp .prose td{padding:12px 15px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2); line-height:1.75}
body.p-blog-when-to-move-to-erp .prose td:first-child{font-weight:600; color:var(--ink)}
body.p-blog-when-to-move-to-erp .prose tr:last-child td{border-bottom:0}
body.p-blog-when-to-move-to-erp .callout{margin:26px 0; padding:22px 24px; background:var(--ink); border-radius:var(--r-lg); color:#C7D3DC}
body.p-blog-when-to-move-to-erp .callout h4{color:#fff; font-size:17px; margin-bottom:9px}
body.p-blog-when-to-move-to-erp .callout p{color:#A9BCCB; font-size:15.5px; line-height:1.9; margin:0}
body.p-blog-when-to-move-to-erp .callout b{color:#fff}
body.p-blog-when-to-move-to-erp .aend{margin-top:44px; padding-top:26px; border-top:1px solid var(--rule)}
body.p-blog-when-to-move-to-erp .aend p{font-size:15px; color:var(--ink-3); line-height:1.85}
@media (max-width:960px){
body.p-blog-when-to-move-to-erp .alayout{grid-template-columns:1fr; gap:0}
body.p-blog-when-to-move-to-erp .toc{display:none}
}

/* ----- contact.html ----- */
body.p-contact{--ct:#0E7C66; --ct-w:#E8F4F0}
body.p-contact .phero{background:var(--paper); padding:44px 0 60px; position:relative; overflow:hidden}
body.p-contact .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-contact .phero .in{position:relative; max-width:760px}
body.p-contact .phero h1{font-size:clamp(30px,4.4vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-contact .phero .lede{margin-top:20px; font-size:18.5px; line-height:1.85; color:var(--ink-2); max-width:68ch}
body.p-contact .chan{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:38px; position:relative}
body.p-contact .ch{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px 22px; transition:.2s; display:block}
body.p-contact .ch:hover{border-color:#BFD8D0; box-shadow:var(--shadow-m); transform:translateY(-3px)}
body.p-contact .ch .ic{width:44px; height:44px; border-radius:12px; background:var(--ct-w); color:var(--ct); display:grid; place-items:center; margin-bottom:15px}
body.p-contact .ch .ic svg{width:21px; height:21px}
body.p-contact .ch h3{font-size:17px; margin-bottom:6px}
body.p-contact .ch .v{font-family:var(--mono); font-size:16px; font-weight:600; color:var(--ink); direction:ltr; display:block; margin-bottom:7px}
body.p-contact .ch p{font-size:13.5px; color:var(--ink-3); line-height:1.75}
body.p-contact .ch.wa .ic{background:#E6F6EC; color:#128C7E}
body.p-contact .form-wrap{display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:start}
body.p-contact .form-card{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-contact .form-card .hd{padding:20px 24px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-contact .form-card .hd h2{font-size:20px}
body.p-contact .form-card .hd p{font-size:13.5px; color:var(--ink-3); margin-top:5px; line-height:1.7}
body.p-contact .form-body{padding:22px 24px 26px}
body.p-contact .fg{margin-bottom:16px}
body.p-contact .fg label{display:block; font-size:13px; font-weight:600; color:var(--ink-2); margin-bottom:7px}
body.p-contact .fg label .req{color:#B4443A}
body.p-contact .fg input, body.p-contact .fg select, body.p-contact .fg textarea{width:100%; font-family:var(--body); font-size:14.5px; color:var(--ink);
  background:#fff; border:1px solid var(--rule); border-radius:10px; padding:11px 13px; transition:.15s}
body.p-contact .fg input:focus, body.p-contact .fg select:focus, body.p-contact .fg textarea:focus{outline:none; border-color:var(--ct); box-shadow:0 0 0 3px rgba(14,124,102,.12)}
body.p-contact .fg textarea{min-height:96px; resize:vertical; line-height:1.7}
body.p-contact .fg .hint{font-size:12px; color:var(--ink-3); margin-top:6px}
body.p-contact .fg.err input, body.p-contact .fg.err select{border-color:#B4443A}
body.p-contact .fg .msg{font-size:12px; color:#B4443A; margin-top:6px; display:none}
body.p-contact .fg.err .msg{display:block}
body.p-contact .f2{display:grid; grid-template-columns:1fr 1fr; gap:0 16px}
body.p-contact .mods{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
body.p-contact .mods label{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:400; color:var(--ink-2);
  border:1px solid var(--rule); background:var(--surface-2); border-radius:100px; padding:7px 13px; cursor:pointer; margin:0; transition:.15s}
body.p-contact .mods label:hover{border-color:#BFD8D0}
body.p-contact .mods input{width:auto; margin:0; accent-color:var(--ct)}
body.p-contact .mods input:checked + span{font-weight:600; color:var(--ct)}
body.p-contact .form-foot{padding:18px 24px; background:var(--surface-2); border-top:1px solid var(--rule); display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between}
body.p-contact .form-foot .note{font-size:12.5px; color:var(--ink-3); line-height:1.7; margin:0; max-width:38ch}
body.p-contact .ok-box{display:none; padding:26px 24px; text-align:center}
body.p-contact .ok-box .ic{width:52px; height:52px; border-radius:50%; background:var(--credit-w); color:var(--credit-d); display:grid; place-items:center; margin:0 auto 15px}
body.p-contact .ok-box .ic svg{width:26px; height:26px}
body.p-contact .ok-box h3{font-size:19px; margin-bottom:8px}
body.p-contact .ok-box p{font-size:14.5px; color:var(--ink-2); line-height:1.8; max-width:44ch; margin:0 auto}
body.p-contact .side{display:flex; flex-direction:column; gap:20px; position:sticky; top:92px}
body.p-contact .sbox{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:22px 22px}
body.p-contact .sbox h3{font-size:16.5px; margin-bottom:13px; display:flex; align-items:center; gap:9px}
body.p-contact .sbox h3 svg{width:17px; height:17px; color:var(--ct)}
body.p-contact .sbox li{display:flex; gap:10px; align-items:flex-start; padding:8px 0; font-size:14px; color:var(--ink-2); line-height:1.75; border-bottom:1px solid var(--rule-soft)}
body.p-contact .sbox li:last-child{border-bottom:0}
body.p-contact .sbox .n{font-family:var(--mono); font-size:11.5px; color:var(--ct); font-weight:600; flex-shrink:0; margin-top:3px}
body.p-contact .sbox .t{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-inline-start:auto; white-space:nowrap; flex-shrink:0}
body.p-contact .sbox p{font-size:14px; color:var(--ink-2); line-height:1.8}
body.p-contact .sbox.ink{background:var(--ink); border-color:var(--ink)}
body.p-contact .sbox.ink h3{color:#fff}
body.p-contact .sbox.ink h3 svg{color:#5CC3AB}
body.p-contact .sbox.ink li{color:#C7D3DC; border-color:rgba(255,255,255,.08)}
body.p-contact .sbox.ink .n{color:#5CC3AB}
body.p-contact .tbl td:first-child{font-weight:600; color:var(--ink); width:30%}
@media (max-width:1000px){
body.p-contact .form-wrap{grid-template-columns:1fr; gap:30px}
body.p-contact .side{position:static}
}
@media (max-width:760px){
body.p-contact .chan{grid-template-columns:1fr}
body.p-contact .f2{grid-template-columns:1fr}
}

/* ----- glossary.html ----- */
body.p-glossary{--gl:#0C1A2B}
body.p-glossary .phero{background:var(--paper); padding:44px 0 42px; position:relative; overflow:hidden}
body.p-glossary .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-glossary .phero .in{position:relative; max-width:760px}
body.p-glossary .phero h1{font-size:clamp(30px,4.4vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-glossary .phero .lede{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:66ch}
body.p-glossary .tools{position:sticky; top:64px; z-index:40; background:rgba(245,248,250,.94); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule); padding:14px 0}
body.p-glossary .search{position:relative; max-width:520px}
body.p-glossary .search svg{position:absolute; inset-inline-start:14px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:var(--ink-3)}
body.p-glossary .search input{width:100%; font-family:var(--body); font-size:15px; color:var(--ink); background:#fff;
  border:1px solid var(--rule); border-radius:100px; padding:12px 44px 12px 16px; transition:.15s}
body.p-glossary .search input:focus{outline:none; border-color:var(--credit); box-shadow:0 0 0 3px rgba(14,124,102,.12)}
body.p-glossary .chips-row{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; align-items:center}
body.p-glossary .chip{font-family:var(--body); font-size:13px; color:var(--ink-2); background:#fff; border:1px solid var(--rule);
  border-radius:100px; padding:7px 14px; cursor:pointer; transition:.15s}
body.p-glossary .chip:hover{border-color:#BFD8D0}
body.p-glossary .chip[aria-pressed="true"]{background:var(--ink); color:#fff; border-color:var(--ink); font-weight:600}
body.p-glossary .cnt{margin-inline-start:auto; font-family:var(--mono); font-size:12px; color:var(--ink-3)}
body.p-glossary .terms{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px}
body.p-glossary .term{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 20px; transition:.18s}
body.p-glossary .term:hover{border-color:#CFE0DA; box-shadow:var(--shadow-s)}
body.p-glossary .term .th{display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:9px}
body.p-glossary .term h3{font-size:16.5px; font-weight:600; letter-spacing:-.02em}
body.p-glossary .term .en{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); direction:ltr; background:var(--surface-2);
  border:1px solid var(--rule-soft); border-radius:5px; padding:2px 7px}
body.p-glossary .term p{font-size:14px; color:var(--ink-2); line-height:1.85}
body.p-glossary .term.hide{display:none}
body.p-glossary .empty{display:none; text-align:center; padding:50px 20px; color:var(--ink-3); font-size:15.5px}
body.p-glossary .empty.show{display:block}
body.p-glossary mark{background:#FCF1C9; color:var(--ink); padding:0 2px; border-radius:2px}
@media (max-width:980px){
body.p-glossary .terms{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
body.p-glossary .terms{grid-template-columns:1fr}
body.p-glossary .tools{top:58px}
}

/* ----- guides/erp-buying-checklist.html ----- */
body.p-guides-erp-buying-checklist{--gd:#0E7C66; --gd-w:#E8F4F0}
body.p-guides-erp-buying-checklist .phero{background:var(--paper); padding:44px 0 48px; position:relative; overflow:hidden}
body.p-guides-erp-buying-checklist .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-guides-erp-buying-checklist .phero .in{position:relative; max-width:780px}
body.p-guides-erp-buying-checklist .phero h1{font-size:clamp(29px,4.3vw,48px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-guides-erp-buying-checklist .phero .lede{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:66ch}
body.p-guides-erp-buying-checklist .meta{display:flex; flex-wrap:wrap; gap:20px; margin-top:24px; font-size:13.5px; color:var(--ink-3)}
body.p-guides-erp-buying-checklist .meta span{display:flex; align-items:center; gap:7px}
body.p-guides-erp-buying-checklist .meta svg{width:15px; height:15px; color:var(--gd)}
body.p-guides-erp-buying-checklist .prog{position:sticky; top:64px; z-index:40; background:rgba(245,248,250,.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--rule); padding:12px 0}
body.p-guides-erp-buying-checklist .prog .in{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
body.p-guides-erp-buying-checklist .prog .track{flex:1; min-width:180px; height:8px; background:#E4EAEF; border-radius:99px; overflow:hidden}
body.p-guides-erp-buying-checklist .prog .fill{height:100%; background:var(--gd); border-radius:99px; width:0; transition:width .25s}
body.p-guides-erp-buying-checklist .prog .txt{font-family:var(--mono); font-size:12.5px; color:var(--ink-2); white-space:nowrap}
body.p-guides-erp-buying-checklist .prog .rst{font-family:var(--body); font-size:12.5px; color:var(--ink-3); background:none; border:0; cursor:pointer; text-decoration:underline}
body.p-guides-erp-buying-checklist .prog .rst:hover{color:var(--credit)}
body.p-guides-erp-buying-checklist .qsec{margin-bottom:34px}
body.p-guides-erp-buying-checklist .qh{display:flex; align-items:center; gap:12px; margin-bottom:16px; padding-bottom:12px; border-bottom:1.5px solid var(--ink)}
body.p-guides-erp-buying-checklist .qi-n{font-family:var(--mono); font-size:12px; font-weight:600; color:#fff; background:var(--ink); width:26px; height:26px; border-radius:7px; display:grid; place-items:center; flex-shrink:0}
body.p-guides-erp-buying-checklist .qh h2{font-size:21px; letter-spacing:-.02em}
body.p-guides-erp-buying-checklist .qc-n{margin-inline-start:auto; font-size:12px; color:var(--ink-3); font-family:var(--mono)}
body.p-guides-erp-buying-checklist .qlist{display:flex; flex-direction:column; gap:10px}
body.p-guides-erp-buying-checklist .qi{display:flex; gap:14px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:16px 18px; transition:.18s}
body.p-guides-erp-buying-checklist .qi:hover{border-color:#CFE0DA}
body.p-guides-erp-buying-checklist .qi.done{background:var(--surface-2); border-color:#CFE0DA}
body.p-guides-erp-buying-checklist .qi.done .qt b{color:var(--ink-3); text-decoration:line-through; text-decoration-color:var(--rule)}
body.p-guides-erp-buying-checklist .qb{flex-shrink:0; cursor:pointer; padding-top:2px}
body.p-guides-erp-buying-checklist .qb input{position:absolute; opacity:0; width:0; height:0}
body.p-guides-erp-buying-checklist .qb .box{display:block; width:20px; height:20px; border:1.8px solid var(--rule); border-radius:6px; background:#fff; position:relative; transition:.15s}
body.p-guides-erp-buying-checklist .qb input:checked + .box{background:var(--gd); border-color:var(--gd)}
body.p-guides-erp-buying-checklist .qb input:checked + .box::after{content:""; position:absolute; inset-inline-start:6px; top:3px; width:5px; height:9px; border-inline-end:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg)}
body.p-guides-erp-buying-checklist .qb input:focus-visible + .box{box-shadow:0 0 0 3px rgba(14,124,102,.25)}
body.p-guides-erp-buying-checklist .qt b{display:block; font-size:15.5px; font-weight:600; line-height:1.65; margin-bottom:8px}
body.p-guides-erp-buying-checklist .qn{font-family:var(--mono); font-size:12px; color:var(--gd); margin-inline-end:6px}
body.p-guides-erp-buying-checklist .qt p{font-size:13.5px; line-height:1.8; margin-top:4px}
body.p-guides-erp-buying-checklist .qt .why{color:var(--ink-2)}
body.p-guides-erp-buying-checklist .qt .why span{font-weight:600; color:var(--gd)}
body.p-guides-erp-buying-checklist .qt .bad{color:var(--ink-3)}
body.p-guides-erp-buying-checklist .qt .bad span{font-weight:600; color:#B4443A}
body.p-guides-erp-buying-checklist .pnote{background:var(--ink); color:#C7D3DC; border-radius:var(--r-lg); padding:26px 26px; margin-top:10px}
body.p-guides-erp-buying-checklist .pnote h3{color:#fff; font-size:19px; margin-bottom:10px}
body.p-guides-erp-buying-checklist .pnote p{font-size:15px; line-height:1.9}
body.p-guides-erp-buying-checklist .pnote b{color:#fff}
@media print{
body.p-guides-erp-buying-checklist .site-header, body.p-guides-erp-buying-checklist .site-footer, body.p-guides-erp-buying-checklist .prog, body.p-guides-erp-buying-checklist .wa-float, body.p-guides-erp-buying-checklist .skip, body.p-guides-erp-buying-checklist .pcta{display:none!important}
body.p-guides-erp-buying-checklist .qi{break-inside:avoid; box-shadow:none}
body.p-guides-erp-buying-checklist{background:#fff}
}

/* ----- guides/erp-selection.html ----- */
body.p-guides-erp-selection{--gd:#0E7C66}
body.p-guides-erp-selection .phero{background:var(--paper); padding:44px 0 56px; position:relative; overflow:hidden}
body.p-guides-erp-selection .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-guides-erp-selection .phero .in{position:relative; max-width:780px}
body.p-guides-erp-selection .phero .kicker{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--gd);
  background:#E8F4F0; border:1px solid #CFE4DE; border-radius:100px; padding:6px 13px; margin-bottom:18px}
body.p-guides-erp-selection .phero h1{font-size:clamp(30px,4.4vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-guides-erp-selection .phero .lede{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:66ch}
body.p-guides-erp-selection .phero .meta{display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; font-size:13.5px; color:var(--ink-3)}
body.p-guides-erp-selection .phero .meta span{display:flex; align-items:center; gap:7px}
body.p-guides-erp-selection .phero .meta svg{width:15px; height:15px; color:var(--gd)}
body.p-guides-erp-selection .phero .btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
body.p-guides-erp-selection .howto{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px 26px; margin-top:34px}
body.p-guides-erp-selection .howto h2{font-size:19px; margin-bottom:12px}
body.p-guides-erp-selection .howto p{font-size:15px; color:var(--ink-2); line-height:1.9; max-width:80ch}
body.p-guides-erp-selection .howto ul{margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:9px 26px}
body.p-guides-erp-selection .howto li{display:flex; gap:9px; font-size:14.5px; color:var(--ink-2); line-height:1.75}
body.p-guides-erp-selection .howto li svg{width:16px; height:16px; color:var(--gd); flex-shrink:0; margin-top:4px}
body.p-guides-erp-selection .qgroup{margin-bottom:40px}
body.p-guides-erp-selection .ghd{display:flex; gap:14px; align-items:flex-start; padding-bottom:16px; margin-bottom:20px; border-bottom:2px solid var(--ink)}
body.p-guides-erp-selection .gn{font-family:var(--mono); font-size:13px; font-weight:600; color:#fff; background:var(--ink); border-radius:8px; padding:5px 9px; flex-shrink:0}
body.p-guides-erp-selection .ghd h3{font-size:21px; letter-spacing:-.02em}
body.p-guides-erp-selection .ghd p{font-size:14.5px; color:var(--ink-3); margin-top:5px; line-height:1.7}
body.p-guides-erp-selection .q{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 22px; margin-bottom:14px; transition:.18s}
body.p-guides-erp-selection .q:hover{border-color:#CFE4DE; box-shadow:var(--shadow-s)}
body.p-guides-erp-selection .qh{display:flex; gap:12px; align-items:flex-start; margin-bottom:11px}
body.p-guides-erp-selection .qh .num{font-family:var(--mono); font-size:12px; font-weight:600; color:var(--gd); background:#E8F4F0; border-radius:6px; padding:4px 8px; flex-shrink:0; margin-top:2px}
body.p-guides-erp-selection .qh h4{font-size:17px; font-weight:600; letter-spacing:-.02em; line-height:1.55}
body.p-guides-erp-selection .why{font-size:14px; color:var(--ink-3); line-height:1.85; padding-inline-start:44px; margin-bottom:14px}
body.p-guides-erp-selection .why b{color:var(--ink-2)}
body.p-guides-erp-selection .ans{display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-inline-start:44px}
body.p-guides-erp-selection .ans > div{border-radius:10px; padding:13px 15px; border:1px solid}
body.p-guides-erp-selection .ans .bad{background:#FDF1EF; border-color:#F0D5CF}
body.p-guides-erp-selection .ans .good{background:#EDF7F3; border-color:#CFE4DE}
body.p-guides-erp-selection .ans span{display:block; font-size:11.5px; font-weight:700; letter-spacing:.03em; margin-bottom:6px}
body.p-guides-erp-selection .ans .bad span{color:#B4443A}
body.p-guides-erp-selection .ans .good span{color:var(--credit-d)}
body.p-guides-erp-selection .ans p{font-size:13.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:820px){
body.p-guides-erp-selection .howto ul{grid-template-columns:1fr}
body.p-guides-erp-selection .ans{grid-template-columns:1fr; padding-inline-start:0}
body.p-guides-erp-selection .why{padding-inline-start:0}
}
@media print{
body.p-guides-erp-selection header, body.p-guides-erp-selection .wa-float, body.p-guides-erp-selection footer, body.p-guides-erp-selection .phero .btns, body.p-guides-erp-selection .crumb, body.p-guides-erp-selection .howto{display:none !important}
body.p-guides-erp-selection{background:#fff}
body.p-guides-erp-selection .phero{padding:0 0 20px; background:#fff}
body.p-guides-erp-selection .phero::before{display:none}
body.p-guides-erp-selection .q{break-inside:avoid; box-shadow:none; border-color:#ccc}
body.p-guides-erp-selection .qgroup{break-inside:avoid-page}
body.p-guides-erp-selection .sec{padding:10px 0 !important}
body.p-guides-erp-selection a{text-decoration:none; color:#000}
}

/* ----- guides/index.html ----- */
body.p-guides-index .phero{background:var(--paper); padding:44px 0 46px; position:relative; overflow:hidden}
body.p-guides-index .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-guides-index .phero .in{position:relative; max-width:760px}
body.p-guides-index .phero h1{font-size:clamp(30px,4.4vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-guides-index .phero .lede{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:66ch}
body.p-guides-index .guides{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
body.p-guides-index .gc{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px 24px; display:flex; flex-direction:column; transition:.2s}
body.p-guides-index .gc.live:hover{border-color:#BFD8D0; box-shadow:var(--shadow-m); transform:translateY(-3px)}
body.p-guides-index .gc.soon{background:var(--surface-2); border-style:dashed}
body.p-guides-index .gt{display:flex; align-items:center; gap:10px; margin-bottom:12px}
body.p-guides-index .tag{font-size:11px; font-weight:600; letter-spacing:.03em; color:var(--credit-d); background:var(--credit-w); border-radius:100px; padding:4px 11px}
body.p-guides-index .gc.soon .tag{background:#EDF1F5; color:var(--ink-3)}
body.p-guides-index .st{margin-inline-start:auto; font-size:11px; font-weight:600; color:var(--credit-d)}
body.p-guides-index .st.soon{color:var(--ink-3); font-weight:500}
body.p-guides-index .gc h3{font-size:19px; letter-spacing:-.025em; line-height:1.45; margin-bottom:10px}
body.p-guides-index .gc.soon h3{color:var(--ink-2)}
body.p-guides-index .gc p{font-size:14.5px; color:var(--ink-2); line-height:1.85; flex:1}
body.p-guides-index .gc.soon p{color:var(--ink-3)}
body.p-guides-index .gf{display:flex; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--rule-soft)}
body.p-guides-index .meta{font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
body.p-guides-index .go{margin-inline-start:auto; font-size:13.5px; font-weight:600; color:var(--credit)}
body.p-guides-index .gc.live:hover .go{color:var(--ink)}
@media (max-width:820px){
body.p-guides-index .guides{grid-template-columns:1fr}
}

/* ----- implementation.html ----- */
body.p-implementation{--im:#0E7C66; --im-w:#E8F4F0}
body.p-implementation .phero{background:var(--paper); padding:44px 0 72px; position:relative; overflow:hidden}
body.p-implementation .phero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-implementation .phero .in{position:relative; max-width:820px}
body.p-implementation .phero h1{font-size:clamp(30px,4.4vw,52px); font-weight:700; letter-spacing:-.035em; line-height:1.22}
body.p-implementation .phero .lede{margin-top:20px; font-size:18.5px; line-height:1.85; color:var(--ink-2); max-width:70ch}
body.p-implementation .gantt{margin-top:44px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden; position:relative}
body.p-implementation .gantt-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2); flex-wrap:wrap}
body.p-implementation .gantt-top b{font-size:14px; color:var(--ink-2)}
body.p-implementation .gantt-top span{font-size:12px; color:var(--ink-3)}
body.p-implementation .gantt-body{padding:16px 18px 20px; overflow-x:auto}
body.p-implementation .gantt-in{min-width:660px}
body.p-implementation .wks{display:grid; grid-template-columns:150px repeat(14,1fr); gap:0 4px; align-items:center; margin-bottom:10px}
body.p-implementation .wks .lbl{font-size:11px; color:var(--ink-3)}
body.p-implementation .wks .w{font-family:var(--mono); font-size:10.5px; color:var(--ink-3); text-align:center; padding-bottom:6px; border-bottom:1px solid var(--rule)}
body.p-implementation .grow{display:grid; grid-template-columns:150px repeat(14,1fr); gap:0 4px; align-items:center; padding:7px 0}
body.p-implementation .grow .nm{font-size:13px; color:var(--ink-2); font-weight:500; padding-inline-end:10px}
body.p-implementation .grow .bar{height:22px; border-radius:6px; background:var(--im); position:relative; display:flex; align-items:center; justify-content:center}
body.p-implementation .grow .bar span{font-family:var(--mono); font-size:10.5px; color:#fff; font-weight:600}
body.p-implementation .grow:nth-child(3) .bar{background:#0E7C66}
body.p-implementation .grow:nth-child(4) .bar{background:#20907A}
body.p-implementation .grow:nth-child(5) .bar{background:#35A38D}
body.p-implementation .grow:nth-child(6) .bar{background:#4BB6A0}
body.p-implementation .grow:nth-child(7) .bar{background:#62C8B2}
body.p-implementation .grow:nth-child(8) .bar{background:#0C1A2B}
body.p-implementation .miles{display:grid; grid-template-columns:150px repeat(14,1fr); gap:0 4px; margin-top:12px; padding-top:12px; border-top:1px dashed var(--rule)}
body.p-implementation .miles .nm{font-size:11px; color:var(--ink-3)}
body.p-implementation .miles .m{display:flex; flex-direction:column; align-items:center; gap:5px}
body.p-implementation .miles .m i{width:9px; height:9px; background:var(--seal); transform:rotate(45deg); display:block}
body.p-implementation .miles .m span{font-size:10px; color:var(--seal); font-weight:600; text-align:center; line-height:1.4}
body.p-implementation .gantt-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-implementation .trace-tabs button[aria-selected="true"]{background:var(--im)}
body.p-implementation .trace-steps .dot::before{border-color:var(--im)}
body.p-implementation .trace-trigger .ic{background:var(--im-w); color:var(--im)}
body.p-implementation .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-implementation .tbl .us{color:var(--credit); font-weight:600}
body.p-implementation .tbl .you{color:var(--debit); font-weight:600}
body.p-implementation .tbl .both{color:var(--seal); font-weight:600}
body.p-implementation .fail{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-implementation .fail:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-implementation .fail .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-implementation .fail .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-implementation .fail .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-implementation .fail .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-implementation .fail .a span{display:block; font-size:11.5px; font-weight:600; color:var(--im); letter-spacing:.04em; margin-bottom:7px}
body.p-implementation .fail .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-implementation .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:760px){
body.p-implementation .gantt-body{padding:14px 12px}
}

/* ----- sectors/contracting.html ----- */
body.p-sectors-contracting{--cn:#35617F; --cn-w:#E9F0F5}
body.p-sectors-contracting .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-contracting .phero .eyebrow{color:var(--cn)}
body.p-sectors-contracting .phero .eyebrow::before{background:var(--cn)}
body.p-sectors-contracting .wf{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-contracting .wf-top{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-contracting .wf-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-contracting .wf-top span{font-size:12px; color:var(--ink-3)}
body.p-sectors-contracting .wf-body{padding:16px 18px}
body.p-sectors-contracting .wf-body li{padding:9px 0; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-contracting .wf-body li:last-child{border-bottom:0}
body.p-sectors-contracting .wf-body .row{display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:6px}
body.p-sectors-contracting .wf-body .nm{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-contracting .wf-body .vl{font-family:var(--mono); font-size:13px; font-weight:500}
body.p-sectors-contracting .wf-body .track{height:9px; background:#F1F5F8; border-radius:99px; overflow:hidden}
body.p-sectors-contracting .wf-body .fill{height:100%; border-radius:99px; background:#C9D8E2}
body.p-sectors-contracting .wf-body li.start .nm, body.p-sectors-contracting .wf-body li.start .vl{font-weight:600; color:var(--ink)}
body.p-sectors-contracting .wf-body li.start .fill{background:linear-gradient(to left, #6E93AC, var(--cn))}
body.p-sectors-contracting .wf-body li.loss .vl{color:#B4443A}
body.p-sectors-contracting .wf-body li.loss .fill{background:#E9B4AC}
body.p-sectors-contracting .wf-body li.end{border-top:1.5px solid var(--ink); padding-top:13px; margin-top:5px}
body.p-sectors-contracting .wf-body li.end .nm, body.p-sectors-contracting .wf-body li.end .vl{font-weight:600; color:var(--ink); font-size:14.5px}
body.p-sectors-contracting .wf-body li.end .fill{background:linear-gradient(to left, #4FA88E, var(--credit))}
body.p-sectors-contracting .wf-foot{padding:13px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-contracting .trace-tabs button[aria-selected="true"]{background:var(--cn)}
body.p-sectors-contracting .trace-steps .dot::before{border-color:var(--cn)}
body.p-sectors-contracting .trace-trigger .ic{background:var(--cn-w); color:var(--cn)}
body.p-sectors-contracting .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-sectors-contracting .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-contracting .tbl .hl{color:var(--cn); font-weight:600}
body.p-sectors-contracting .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-contracting .pain:hover{border-color:#C9D8E2; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-contracting .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-contracting .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-contracting .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-contracting .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-contracting .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--cn); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-contracting .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-contracting .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-sectors-contracting .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/education.html ----- */
body.p-sectors-education{--ed:#2E4E9B; --ed-w:#EAEFF9}
body.p-sectors-education .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-education .phero .eyebrow{color:var(--ed)}
body.p-sectors-education .phero .eyebrow::before{background:var(--ed)}
body.p-sectors-education .st{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-education .st-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-education .st-av{width:42px; height:42px; border-radius:12px; background:var(--ed-w); color:var(--ed); display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:14px; flex-shrink:0}
body.p-sectors-education .st-top h3{font-size:16px}
body.p-sectors-education .st-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-education .st-top .yr{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-education .st table{width:100%; border-collapse:collapse}
body.p-sectors-education .st th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-education .st th.n, body.p-sectors-education .st td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-sectors-education .st td{padding:9px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-education .st td.n{font-size:13px; color:var(--ink)}
body.p-sectors-education .st .disc td.n{color:var(--credit-d)}
body.p-sectors-education .st tr.net td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14.5px}
body.p-sectors-education .inst{padding:14px 18px; border-top:1px solid var(--rule)}
body.p-sectors-education .inst .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:10px}
body.p-sectors-education .inst li{display:flex; gap:10px; align-items:center; padding:8px 0; font-size:13.5px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-sectors-education .inst li:last-child{border-bottom:0}
body.p-sectors-education .inst .ic{width:20px; height:20px; border-radius:50%; display:grid; place-items:center; flex-shrink:0}
body.p-sectors-education .inst .ic svg{width:11px; height:11px}
body.p-sectors-education .inst li.paid .ic{background:var(--credit-w); color:var(--credit-d)}
body.p-sectors-education .inst li.due .ic{background:#FCF1E3; color:var(--seal); border:1.5px dashed #E4C99B}
body.p-sectors-education .inst .amt{margin-inline-start:auto; font-family:var(--mono); font-size:13px; color:var(--ink)}
body.p-sectors-education .inst li.due .amt{color:var(--seal); font-weight:600}
body.p-sectors-education .st-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-education .trace-tabs button[aria-selected="true"]{background:var(--ed)}
body.p-sectors-education .trace-steps .dot::before{border-color:var(--ed)}
body.p-sectors-education .trace-trigger .ic{background:var(--ed-w); color:var(--ed)}
body.p-sectors-education .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-education .tbl .hl{color:var(--ed); font-weight:600}
body.p-sectors-education .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-education .pain:hover{border-color:#CBD6EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-education .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-education .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-education .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-education .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-education .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--ed); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-education .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-education .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/government.html ----- */
body.p-sectors-government{--gv:#8A6120; --gv-w:#F8F1E4}
body.p-sectors-government .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-government .phero h1{font-size:clamp(28px,4.1vw,48px); font-weight:700; letter-spacing:-.035em; line-height:1.24}
body.p-sectors-government .phero .eyebrow{color:var(--gv)}
body.p-sectors-government .phero .eyebrow::before{background:var(--gv)}
body.p-sectors-government .bd{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-government .bd-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-government .bd-ic{width:42px; height:42px; border-radius:11px; background:var(--gv-w); color:var(--gv); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-government .bd-ic svg{width:20px; height:20px}
body.p-sectors-government .bd-top h3{font-size:16px}
body.p-sectors-government .bd-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-government .bd-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-government .bd-bar{padding:18px}
body.p-sectors-government .bd-bar .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:9px}
body.p-sectors-government .bd-bar .row b{font-family:var(--mono); color:var(--ink); font-size:14px}
body.p-sectors-government .seg{display:flex; height:16px; border-radius:99px; overflow:hidden; background:#EDF2F5}
body.p-sectors-government .seg i{display:block; height:100%}
body.p-sectors-government .seg .s1{background:var(--gv)}
body.p-sectors-government .seg .s2{background:#D9BE8C}
body.p-sectors-government .seg .s3{background:#E6EBEF}
body.p-sectors-government .leg{display:flex; flex-wrap:wrap; gap:14px; margin-top:12px; font-size:12px; color:var(--ink-2)}
body.p-sectors-government .leg span{display:flex; align-items:center; gap:6px}
body.p-sectors-government .leg i{width:10px; height:10px; border-radius:3px; display:block}
body.p-sectors-government .leg .l1{background:var(--gv)}
body.p-sectors-government .leg .l2{background:#D9BE8C}
body.p-sectors-government .leg .l3{background:#E6EBEF}
body.p-sectors-government .bd-nums{display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--rule-soft)}
body.p-sectors-government .bd-nums div{padding:14px 16px; border-inline-start:1px solid var(--rule-soft); border-bottom:1px solid var(--rule-soft)}
body.p-sectors-government .bd-nums div:nth-child(odd){border-inline-start:0}
body.p-sectors-government .bd-nums div:nth-last-child(-n+2){border-bottom:0}
body.p-sectors-government .bd-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-sectors-government .bd-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-government .bd-nums .sm{font-size:11.5px; color:var(--ink-3); margin-top:2px; display:block}
body.p-sectors-government .bd-alert{padding:13px 18px; background:#FCF6EA; border-top:1px solid #EBDCC0; font-size:13px; color:#7A5518; line-height:1.8; display:flex; gap:10px}
body.p-sectors-government .bd-alert svg{width:17px; height:17px; flex-shrink:0; margin-top:3px}
body.p-sectors-government .trace-tabs button[aria-selected="true"]{background:var(--gv)}
body.p-sectors-government .trace-steps .dot::before{border-color:var(--gv)}
body.p-sectors-government .trace-trigger .ic{background:var(--gv-w); color:var(--gv)}
body.p-sectors-government .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-sectors-government .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-government .tbl .hl{color:var(--gv); font-weight:600}
body.p-sectors-government .tbl .bar{display:block; height:6px; background:#EDF2F5; border-radius:99px; margin-top:6px; overflow:hidden}
body.p-sectors-government .tbl .bar i{display:block; height:100%; background:var(--gv); border-radius:99px}
body.p-sectors-government .tbl .stt{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px}
body.p-sectors-government .stt.ok{background:var(--credit-w); color:var(--credit-d)}
body.p-sectors-government .stt.w{background:#FCF1E3; color:var(--seal)}
body.p-sectors-government .stt.b{background:#FBE9E7; color:#B4443A}
body.p-sectors-government .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-government .pain:hover{border-color:#DFD3BC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-government .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-government .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-government .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-government .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-government .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--gv); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-government .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-government .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-sectors-government .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/healthcare.html ----- */
body.p-sectors-healthcare{--hc:#0E7490; --hc-w:#E6F2F6}
body.p-sectors-healthcare .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-healthcare .phero .eyebrow{color:var(--hc)}
body.p-sectors-healthcare .phero .eyebrow::before{background:var(--hc)}
body.p-sectors-healthcare .cl{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-healthcare .cl-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-healthcare .cl-ic{width:42px; height:42px; border-radius:11px; background:var(--hc-w); color:var(--hc); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-healthcare .cl-ic svg{width:20px; height:20px}
body.p-sectors-healthcare .cl-top h3{font-size:16px}
body.p-sectors-healthcare .cl-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-healthcare .cl-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-healthcare .cl table{width:100%; border-collapse:collapse}
body.p-sectors-healthcare .cl th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-healthcare .cl th.n, body.p-sectors-healthcare .cl td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-sectors-healthcare .cl td{padding:9px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-healthcare .cl td.n{font-size:13px; color:var(--ink)}
body.p-sectors-healthcare .cl .rej td.n{color:#B4443A}
body.p-sectors-healthcare .cl tr.net td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14.5px}
body.p-sectors-healthcare .cl-meta{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-sectors-healthcare .cl-meta div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-healthcare .cl-meta div:first-child{border-inline-start:0}
body.p-sectors-healthcare .cl-meta .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-healthcare .cl-meta .v{font-family:var(--mono); font-size:16px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-healthcare .cl-meta .v.w{color:var(--seal)}
body.p-sectors-healthcare .cl-alert{padding:13px 18px; background:#FCF6EA; border-top:1px solid #EBDCC0; font-size:13px; color:#7A5518; line-height:1.8; display:flex; gap:10px}
body.p-sectors-healthcare .cl-alert svg{width:17px; height:17px; flex-shrink:0; margin-top:3px}
body.p-sectors-healthcare .trace-tabs button[aria-selected="true"]{background:var(--hc)}
body.p-sectors-healthcare .trace-steps .dot::before{border-color:var(--hc)}
body.p-sectors-healthcare .trace-trigger .ic{background:var(--hc-w); color:var(--hc)}
body.p-sectors-healthcare .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-healthcare .tbl .hl{color:var(--hc); font-weight:600}
body.p-sectors-healthcare .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-healthcare .pain:hover{border-color:#C3DDE4; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-healthcare .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-healthcare .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-healthcare .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-healthcare .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-healthcare .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--hc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-healthcare .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-healthcare .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-sectors-healthcare .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/manufacturing.html ----- */
body.p-sectors-manufacturing{--mf:#2E5F5B; --mf-w:#E6F0EF}
body.p-sectors-manufacturing .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-manufacturing .phero .eyebrow{color:var(--mf)}
body.p-sectors-manufacturing .phero .eyebrow::before{background:var(--mf)}
body.p-sectors-manufacturing .mo{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-manufacturing .mo-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-manufacturing .mo-ic{width:42px; height:42px; border-radius:11px; background:var(--mf-w); color:var(--mf); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-manufacturing .mo-ic svg{width:20px; height:20px}
body.p-sectors-manufacturing .mo-top h3{font-size:16px}
body.p-sectors-manufacturing .mo-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-manufacturing .mo-top .no{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-manufacturing .mo-prg{padding:17px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-manufacturing .mo-prg .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:8px}
body.p-sectors-manufacturing .mo-prg .row b{font-family:var(--mono); color:var(--ink); font-size:13.5px}
body.p-sectors-manufacturing .mo-prg .track{height:11px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-sectors-manufacturing .mo-prg .fill{height:100%; background:linear-gradient(to left, #5F9A95, var(--mf)); border-radius:99px}
body.p-sectors-manufacturing .mo-prg .lbl{display:flex; justify-content:space-between; margin-top:9px; font-size:11.5px; color:var(--ink-3)}
body.p-sectors-manufacturing .cost{padding:16px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-manufacturing .cost .hd{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px}
body.p-sectors-manufacturing .cost .hd span{font-size:11.5px; color:var(--ink-3)}
body.p-sectors-manufacturing .cost .hd b{font-family:var(--mono); font-size:20px; font-weight:600}
body.p-sectors-manufacturing .cost .hd .up{color:#B4443A; font-size:12.5px; font-family:var(--mono); font-weight:600}
body.p-sectors-manufacturing .cost li{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13px; color:var(--ink-2)}
body.p-sectors-manufacturing .cost .b{flex:1; height:7px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-sectors-manufacturing .cost .b i{display:block; height:100%; background:var(--mf); border-radius:99px}
body.p-sectors-manufacturing .cost .q{font-family:var(--mono); font-size:12.5px; color:var(--ink); min-width:44px; text-align:end}
body.p-sectors-manufacturing .mo-nums{display:grid; grid-template-columns:repeat(3,1fr)}
body.p-sectors-manufacturing .mo-nums div{padding:14px 12px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-manufacturing .mo-nums div:first-child{border-inline-start:0}
body.p-sectors-manufacturing .mo-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-manufacturing .mo-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-manufacturing .mo-nums .v.w{color:var(--seal)}
body.p-sectors-manufacturing .mo-nums .v.g{color:var(--credit)}
body.p-sectors-manufacturing .mo-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-manufacturing .trace-tabs button[aria-selected="true"]{background:var(--mf)}
body.p-sectors-manufacturing .trace-steps .dot::before{border-color:var(--mf)}
body.p-sectors-manufacturing .trace-trigger .ic{background:var(--mf-w); color:var(--mf)}
body.p-sectors-manufacturing .tbl td{padding:11.5px 16px; font-size:14px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-manufacturing .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-sectors-manufacturing .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-manufacturing .tbl .hl{color:var(--mf); font-weight:600}
body.p-sectors-manufacturing .tbl .neg{color:#B4443A; font-weight:600}
body.p-sectors-manufacturing .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-manufacturing .pain:hover{border-color:#C5D8D6; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-manufacturing .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-manufacturing .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-manufacturing .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-manufacturing .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-manufacturing .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--mf); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-manufacturing .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-manufacturing .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-sectors-manufacturing .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/nonprofits.html ----- */
body.p-sectors-nonprofits{--np:#1E6E4A; --np-w:#E7F2EC}
body.p-sectors-nonprofits .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-nonprofits .phero .eyebrow{color:var(--np)}
body.p-sectors-nonprofits .phero .eyebrow::before{background:var(--np)}
body.p-sectors-nonprofits .pg{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-nonprofits .pg-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-nonprofits .pg-ic{width:42px; height:42px; border-radius:11px; background:var(--np-w); color:var(--np); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-nonprofits .pg-ic svg{width:20px; height:20px}
body.p-sectors-nonprofits .pg-top h3{font-size:16px}
body.p-sectors-nonprofits .pg-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-nonprofits .pg-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-nonprofits .pg-prog{padding:17px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-nonprofits .pg-prog .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:9px}
body.p-sectors-nonprofits .pg-prog .row b{font-family:var(--mono); color:var(--ink); font-size:14px}
body.p-sectors-nonprofits .pg-prog .track{height:12px; background:#EDF2F5; border-radius:99px; overflow:hidden; display:flex}
body.p-sectors-nonprofits .pg-prog .s1{background:var(--np)}
body.p-sectors-nonprofits .pg-prog .s2{background:#8FBFA8}
body.p-sectors-nonprofits .pg-prog .lg{display:flex; flex-wrap:wrap; gap:14px; margin-top:11px; font-size:11.5px; color:var(--ink-2)}
body.p-sectors-nonprofits .pg-prog .lg span{display:flex; align-items:center; gap:6px}
body.p-sectors-nonprofits .pg-prog .lg i{width:10px; height:10px; border-radius:3px; display:block}
body.p-sectors-nonprofits .pg-prog .lg i.a{background:var(--np)}
body.p-sectors-nonprofits .pg-prog .lg i.b{background:#8FBFA8}
body.p-sectors-nonprofits .pg-prog .lg i.c{background:#EDF2F5}
body.p-sectors-nonprofits .pg-nums{display:grid; grid-template-columns:repeat(2,1fr)}
body.p-sectors-nonprofits .pg-nums div{padding:14px 16px; border-inline-start:1px solid var(--rule-soft); border-bottom:1px solid var(--rule-soft)}
body.p-sectors-nonprofits .pg-nums div:nth-child(odd){border-inline-start:0}
body.p-sectors-nonprofits .pg-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-sectors-nonprofits .pg-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-nonprofits .pg-nums .sm{font-size:11.5px; color:var(--ink-3); margin-top:2px; display:block}
body.p-sectors-nonprofits .pg-nums .v.g{color:var(--credit)}
body.p-sectors-nonprofits .pg-alert{padding:13px 18px; background:#FCF6EA; border-top:1px solid #EBDCC0; font-size:13px; color:#7A5518; line-height:1.8; display:flex; gap:10px}
body.p-sectors-nonprofits .pg-alert svg{width:17px; height:17px; flex-shrink:0; margin-top:3px}
body.p-sectors-nonprofits .pg-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-nonprofits .trace-tabs button[aria-selected="true"]{background:var(--np)}
body.p-sectors-nonprofits .trace-steps .dot::before{border-color:var(--np)}
body.p-sectors-nonprofits .trace-trigger .ic{background:var(--np-w); color:var(--np)}
body.p-sectors-nonprofits .tbl td:first-child{font-weight:600; color:var(--ink); width:22%}
body.p-sectors-nonprofits .tbl .lock{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px; background:#FBE9E7; color:#B4443A}
body.p-sectors-nonprofits .tbl .free{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px; background:var(--credit-w); color:var(--credit-d)}
body.p-sectors-nonprofits .tbl .hl{color:var(--np); font-weight:600}
body.p-sectors-nonprofits .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-nonprofits .pain:hover{border-color:#C6DDD1; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-nonprofits .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-nonprofits .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-nonprofits .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-nonprofits .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-nonprofits .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--np); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-nonprofits .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-nonprofits .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-sectors-nonprofits .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/professional-services.html ----- */
body.p-sectors-professional-services{--sc:#334E68; --sc-w:#EAEFF4}
body.p-sectors-professional-services .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-professional-services .phero .eyebrow{color:var(--sc)}
body.p-sectors-professional-services .phero .eyebrow::before{background:var(--sc)}
body.p-sectors-professional-services .card2{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-professional-services .c2-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-professional-services .c2-ic{width:42px; height:42px; border-radius:11px; background:var(--sc-w); color:var(--sc); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-professional-services .c2-ic svg{width:20px; height:20px}
body.p-sectors-professional-services .c2-top h3{font-size:16px}
body.p-sectors-professional-services .c2-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-professional-services .c2-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-professional-services .c2 table{width:100%; border-collapse:collapse}
body.p-sectors-professional-services .card2 table{width:100%; border-collapse:collapse}
body.p-sectors-professional-services .card2 th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-professional-services .card2 th.n, body.p-sectors-professional-services .card2 td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-sectors-professional-services .card2 td{padding:9px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-professional-services .card2 td.n{font-size:13px; color:var(--ink)}
body.p-sectors-professional-services .card2 tr.neg td.n{color:#B4443A}
body.p-sectors-professional-services .card2 tr.tot td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14.5px}
body.p-sectors-professional-services .c2-nums{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-sectors-professional-services .c2-nums div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-professional-services .c2-nums div:first-child{border-inline-start:0}
body.p-sectors-professional-services .c2-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-professional-services .c2-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-professional-services .c2-nums .v.g{color:var(--credit)}
body.p-sectors-professional-services .c2-nums .v.w{color:var(--seal)}
body.p-sectors-professional-services .c2-nums .v.r{color:#B4443A}
body.p-sectors-professional-services .c2-alert{padding:13px 18px; background:#FCF6EA; border-top:1px solid #EBDCC0; font-size:13px; color:#7A5518; line-height:1.8; display:flex; gap:10px}
body.p-sectors-professional-services .c2-alert svg{width:17px; height:17px; flex-shrink:0; margin-top:3px}
body.p-sectors-professional-services .trace-tabs button[aria-selected="true"]{background:var(--sc)}
body.p-sectors-professional-services .trace-steps .dot::before{border-color:var(--sc)}
body.p-sectors-professional-services .trace-trigger .ic{background:var(--sc-w); color:var(--sc)}
body.p-sectors-professional-services .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-professional-services .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-professional-services .tbl .hl{color:var(--sc); font-weight:600}
body.p-sectors-professional-services .tbl .bad{color:#B4443A; font-weight:600}
body.p-sectors-professional-services .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-professional-services .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-professional-services .pain:hover{box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-professional-services .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-professional-services .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-professional-services .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-professional-services .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-professional-services .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--sc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-professional-services .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-professional-services .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/real-estate.html ----- */
body.p-sectors-real-estate{--re:#5A4E8C; --re-w:#EDEBF6}
body.p-sectors-real-estate .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-real-estate .phero .eyebrow{color:var(--re)}
body.p-sectors-real-estate .phero .eyebrow::before{background:var(--re)}
body.p-sectors-real-estate .pr{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-real-estate .pr-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-real-estate .pr-ic{width:42px; height:42px; border-radius:11px; background:var(--re-w); color:var(--re); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-real-estate .pr-ic svg{width:20px; height:20px}
body.p-sectors-real-estate .pr-top h3{font-size:16px}
body.p-sectors-real-estate .pr-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-real-estate .pr-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-real-estate .occ{padding:17px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-real-estate .occ .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:9px}
body.p-sectors-real-estate .occ .row b{font-family:var(--mono); color:var(--ink); font-size:14px}
body.p-sectors-real-estate .occ .units{display:flex; gap:3px; flex-wrap:wrap}
body.p-sectors-real-estate .occ .u{width:calc((100% - 23*3px)/24); aspect-ratio:1; border-radius:3px; background:var(--re); opacity:.85}
body.p-sectors-real-estate .occ .u.free{background:#E4E8EC}
body.p-sectors-real-estate .occ .lg{display:flex; gap:16px; margin-top:11px; font-size:11.5px; color:var(--ink-2)}
body.p-sectors-real-estate .occ .lg span{display:flex; align-items:center; gap:6px}
body.p-sectors-real-estate .occ .lg i{width:10px; height:10px; border-radius:3px; display:block; background:var(--re)}
body.p-sectors-real-estate .occ .lg i.f{background:#E4E8EC}
body.p-sectors-real-estate .pr-nums{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule-soft)}
body.p-sectors-real-estate .pr-nums div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-real-estate .pr-nums div:first-child{border-inline-start:0}
body.p-sectors-real-estate .pr-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-real-estate .pr-nums .v{font-family:var(--mono); font-size:16px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-real-estate .pr-nums .v.r{color:#B4443A}
body.p-sectors-real-estate .pr-nums .v.g{color:var(--credit)}
body.p-sectors-real-estate .pr-list{padding:14px 18px}
body.p-sectors-real-estate .pr-list .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:9px}
body.p-sectors-real-estate .pr-list li{display:flex; gap:10px; align-items:center; padding:7px 0; font-size:13px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-sectors-real-estate .pr-list li:last-child{border-bottom:0}
body.p-sectors-real-estate .pr-list .tg{font-size:10.5px; font-weight:600; padding:2.5px 8px; border-radius:4px; flex-shrink:0; background:var(--re-w); color:var(--re)}
body.p-sectors-real-estate .pr-list .tg.a{background:#FCF1E3; color:var(--seal)}
body.p-sectors-real-estate .pr-list .dt{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
body.p-sectors-real-estate .pr-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-real-estate .trace-tabs button[aria-selected="true"]{background:var(--re)}
body.p-sectors-real-estate .trace-steps .dot::before{border-color:var(--re)}
body.p-sectors-real-estate .trace-trigger .ic{background:var(--re-w); color:var(--re)}
body.p-sectors-real-estate .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-sectors-real-estate .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-real-estate .tbl .hl{color:var(--re); font-weight:600}
body.p-sectors-real-estate .tbl .neg{color:#B4443A}
body.p-sectors-real-estate .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-real-estate .pain:hover{border-color:#D5D0E6; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-real-estate .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-real-estate .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-real-estate .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-real-estate .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-real-estate .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--re); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-real-estate .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-real-estate .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/restaurants.html ----- */
body.p-sectors-restaurants{--rs:#9C2B3B; --rs-w:#FAEBED}
body.p-sectors-restaurants .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-restaurants .phero .eyebrow{color:var(--rs)}
body.p-sectors-restaurants .phero .eyebrow::before{background:var(--rs)}
body.p-sectors-restaurants .dish{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-restaurants .dish-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-restaurants .dish-ic{width:42px; height:42px; border-radius:11px; background:var(--rs-w); color:var(--rs); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-restaurants .dish-ic svg{width:20px; height:20px}
body.p-sectors-restaurants .dish-top h3{font-size:16px}
body.p-sectors-restaurants .dish-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-restaurants .dish-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-restaurants .dish table{width:100%; border-collapse:collapse}
body.p-sectors-restaurants .dish th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-restaurants .dish th.n, body.p-sectors-restaurants .dish td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-sectors-restaurants .dish td{padding:8.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-restaurants .dish td.n{font-size:13px; color:var(--ink)}
body.p-sectors-restaurants .dish tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-restaurants .dish-kpi{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-sectors-restaurants .dish-kpi div{padding:14px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-restaurants .dish-kpi div:first-child{border-inline-start:0}
body.p-sectors-restaurants .dish-kpi .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-restaurants .dish-kpi .v{font-family:var(--mono); font-size:18px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-restaurants .dish-kpi .v.w{color:#B4443A}
body.p-sectors-restaurants .dish-kpi .v.g{color:var(--credit)}
body.p-sectors-restaurants .dish-kpi .sm{font-size:11px; color:var(--ink-3); display:block; margin-top:2px}
body.p-sectors-restaurants .dish-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-restaurants .trace-tabs button[aria-selected="true"]{background:var(--rs)}
body.p-sectors-restaurants .trace-steps .dot::before{border-color:var(--rs)}
body.p-sectors-restaurants .trace-trigger .ic{background:var(--rs-w); color:var(--rs)}
body.p-sectors-restaurants .tbl td:first-child{font-weight:600; color:var(--ink); width:22%}
body.p-sectors-restaurants .tbl .hl{color:var(--rs); font-weight:600}
body.p-sectors-restaurants .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-restaurants .tbl .bad{color:#B4443A; font-weight:600}
body.p-sectors-restaurants .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-restaurants .pain:hover{border-color:#E9CBD1; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-restaurants .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-restaurants .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-restaurants .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-restaurants .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-restaurants .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--rs); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-restaurants .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-restaurants .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/retail-trade.html ----- */
body.p-sectors-retail-trade{--tr:#9A3412; --tr-w:#FBEDE7}
body.p-sectors-retail-trade .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-retail-trade .phero .eyebrow{color:var(--tr)}
body.p-sectors-retail-trade .phero .eyebrow::before{background:var(--tr)}
body.p-sectors-retail-trade .mg{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-retail-trade .mg-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-retail-trade .mg-ic{width:42px; height:42px; border-radius:11px; background:var(--tr-w); color:var(--tr); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-retail-trade .mg-ic svg{width:20px; height:20px}
body.p-sectors-retail-trade .mg-top h3{font-size:16px}
body.p-sectors-retail-trade .mg-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-retail-trade .mg-top .sku{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-retail-trade .mg-body{padding:14px 18px}
body.p-sectors-retail-trade .mg-body li{padding:9px 0; border-bottom:1px solid var(--rule-soft)}
body.p-sectors-retail-trade .mg-body li:last-child{border-bottom:0}
body.p-sectors-retail-trade .mg-body .row{display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:6px}
body.p-sectors-retail-trade .mg-body .nm{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-retail-trade .mg-body .vl{font-family:var(--mono); font-size:13.5px; font-weight:500}
body.p-sectors-retail-trade .mg-body .track{height:8px; background:#F2F5F7; border-radius:99px; overflow:hidden}
body.p-sectors-retail-trade .mg-body .fill{height:100%; border-radius:99px; background:#E3D0C7}
body.p-sectors-retail-trade .mg-body li.start .nm, body.p-sectors-retail-trade .mg-body li.start .vl{font-weight:600; color:var(--ink)}
body.p-sectors-retail-trade .mg-body li.start .fill{background:linear-gradient(to left,#C9764F,var(--tr))}
body.p-sectors-retail-trade .mg-body li.cut .vl{color:#B4443A}
body.p-sectors-retail-trade .mg-body li.end{border-top:1.5px solid var(--ink); margin-top:6px; padding-top:12px}
body.p-sectors-retail-trade .mg-body li.end .nm, body.p-sectors-retail-trade .mg-body li.end .vl{font-weight:600; color:var(--ink); font-size:15px}
body.p-sectors-retail-trade .mg-body li.end .fill{background:linear-gradient(to left,#4FA88E,var(--credit))}
body.p-sectors-retail-trade .mg-nums{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-sectors-retail-trade .mg-nums div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-retail-trade .mg-nums div:first-child{border-inline-start:0}
body.p-sectors-retail-trade .mg-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-retail-trade .mg-nums .v{font-family:var(--mono); font-size:16px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-retail-trade .mg-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-retail-trade .trace-tabs button[aria-selected="true"]{background:var(--tr)}
body.p-sectors-retail-trade .trace-steps .dot::before{border-color:var(--tr)}
body.p-sectors-retail-trade .trace-trigger .ic{background:var(--tr-w); color:var(--tr)}
body.p-sectors-retail-trade .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-sectors-retail-trade .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-retail-trade .tbl .hl{color:var(--tr); font-weight:600}
body.p-sectors-retail-trade .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-retail-trade .pain:hover{border-color:#E8CFC3; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-retail-trade .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-retail-trade .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-retail-trade .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-retail-trade .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-retail-trade .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tr); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-retail-trade .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-retail-trade .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- sectors/transport.html ----- */
body.p-sectors-transport{--sc:#4A5D23; --sc-w:#EFF2E6}
body.p-sectors-transport .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-transport .phero .eyebrow{color:var(--sc)}
body.p-sectors-transport .phero .eyebrow::before{background:var(--sc)}
body.p-sectors-transport .card2{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-transport .c2-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-transport .c2-ic{width:42px; height:42px; border-radius:11px; background:var(--sc-w); color:var(--sc); display:grid; place-items:center; flex-shrink:0}
body.p-sectors-transport .c2-ic svg{width:20px; height:20px}
body.p-sectors-transport .c2-top h3{font-size:16px}
body.p-sectors-transport .c2-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-sectors-transport .c2-top .code{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-sectors-transport .c2 table{width:100%; border-collapse:collapse}
body.p-sectors-transport .card2 table{width:100%; border-collapse:collapse}
body.p-sectors-transport .card2 th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-transport .card2 th.n, body.p-sectors-transport .card2 td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-sectors-transport .card2 td{padding:9px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-transport .card2 td.n{font-size:13px; color:var(--ink)}
body.p-sectors-transport .card2 tr.neg td.n{color:#B4443A}
body.p-sectors-transport .card2 tr.tot td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14.5px}
body.p-sectors-transport .c2-nums{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-sectors-transport .c2-nums div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-sectors-transport .c2-nums div:first-child{border-inline-start:0}
body.p-sectors-transport .c2-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-sectors-transport .c2-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-sectors-transport .c2-nums .v.g{color:var(--credit)}
body.p-sectors-transport .c2-nums .v.w{color:var(--seal)}
body.p-sectors-transport .c2-nums .v.r{color:#B4443A}
body.p-sectors-transport .c2-alert{padding:13px 18px; background:#FCF6EA; border-top:1px solid #EBDCC0; font-size:13px; color:#7A5518; line-height:1.8; display:flex; gap:10px}
body.p-sectors-transport .c2-alert svg{width:17px; height:17px; flex-shrink:0; margin-top:3px}
body.p-sectors-transport .trace-tabs button[aria-selected="true"]{background:var(--sc)}
body.p-sectors-transport .trace-steps .dot::before{border-color:var(--sc)}
body.p-sectors-transport .trace-trigger .ic{background:var(--sc-w); color:var(--sc)}
body.p-sectors-transport .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-transport .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-sectors-transport .tbl .hl{color:var(--sc); font-weight:600}
body.p-sectors-transport .tbl .bad{color:#B4443A; font-weight:600}
body.p-sectors-transport .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-transport .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-transport .pain:hover{box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-transport .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-transport .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-transport .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-transport .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-transport .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--sc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-transport .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-sectors-transport .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- support.html ----- */
body.p-support{--sp:#1D5FA8; --sp-w:#E8F0F9}
body.p-support .phero-grid{position:relative; display:grid; grid-template-columns:1fr 1.02fr; gap:52px; align-items:center; margin-top:26px}
body.p-support .phero .eyebrow{color:var(--sp)}
body.p-support .phero .eyebrow::before{background:var(--sp)}
body.p-support .sla{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-support .sla-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-support .sla-ic{width:42px; height:42px; border-radius:11px; background:var(--sp-w); color:var(--sp); display:grid; place-items:center; flex-shrink:0}
body.p-support .sla-ic svg{width:20px; height:20px}
body.p-support .sla-top h3{font-size:16px}
body.p-support .sla-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-support .sla table{width:100%; border-collapse:collapse}
body.p-support .sla th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-support .sla th.n, body.p-support .sla td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-support .sla td{padding:11px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-support .sla td.n{font-size:13px; color:var(--ink)}
body.p-support .sla td:first-child{font-weight:600; color:var(--ink)}
body.p-support .sla .lv{display:inline-block; width:9px; height:9px; border-radius:50%; margin-inline-end:7px}
body.p-support .lv1{background:#B4443A}
body.p-support .lv2{background:var(--seal)}
body.p-support .lv3{background:var(--sp)}
body.p-support .lv4{background:var(--ink-3)}
body.p-support .act{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-support .act div{padding:14px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-support .act div:first-child{border-inline-start:0}
body.p-support .act .k{font-size:11px; color:var(--ink-3); display:block}
body.p-support .act .v{font-family:var(--mono); font-size:18px; font-weight:600; margin-top:4px; display:block; color:var(--credit)}
body.p-support .act .sm{font-size:10.5px; color:var(--ink-3); display:block; margin-top:2px}
body.p-support .sla-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-support .trace-tabs button[aria-selected="true"]{background:var(--sp)}
body.p-support .trace-steps .dot::before{border-color:var(--sp)}
body.p-support .trace-trigger .ic{background:var(--sp-w); color:var(--sp)}
body.p-support .tbl td:first-child{font-weight:600; color:var(--ink); width:30%}
body.p-support .tbl .in{color:var(--credit); font-weight:600}
body.p-support .tbl .out{color:#B4443A; font-weight:600}
body.p-support .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-support .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/accounting-system.html ----- */
body.p-systems-accounting-system{--fin:#0E7C66; --fin-w:#E8F4F0}
body.p-systems-accounting-system .phero-grid{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-accounting-system .phero h1{font-size:clamp(30px,4.3vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.24}
body.p-systems-accounting-system .fin{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-accounting-system .fin-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-accounting-system .fin-top b{font-size:13.5px; font-weight:600; color:var(--ink-2)}
body.p-systems-accounting-system .fin-top span{font-size:12px; color:var(--ink-3)}
body.p-systems-accounting-system .fin-tabs{display:flex; gap:4px; padding:10px 12px; border-bottom:1px solid var(--rule); overflow-x:auto}
body.p-systems-accounting-system .fin-tabs button{white-space:nowrap; padding:8px 13px; border-radius:100px; border:1px solid transparent; background:none; cursor:pointer; font-size:13.5px; font-weight:500; color:var(--ink-2)}
body.p-systems-accounting-system .fin-tabs button:hover{background:#EDF2F5}
body.p-systems-accounting-system .fin-tabs button[aria-selected="true"]{background:var(--fin); color:#fff}
body.p-systems-accounting-system .fin table{width:100%; border-collapse:collapse}
body.p-systems-accounting-system .fin th{font-size:11.5px; font-weight:600; letter-spacing:.05em; color:var(--ink-3); text-align:start; padding:11px 18px; border-bottom:1px solid var(--rule)}
body.p-systems-accounting-system .fin th.n{text-align:end}
body.p-systems-accounting-system .fin td{padding:9.5px 18px; font-size:14px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-accounting-system .fin td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13.5px; width:26%}
body.p-systems-accounting-system .fin td.sub{padding-inline-start:34px; color:var(--ink-2)}
body.p-systems-accounting-system .fin tr.tot td{background:var(--surface-2); font-weight:600; border-top:1.5px solid var(--ink); border-bottom:0}
body.p-systems-accounting-system .fin tr.grp td{background:#FBFDFC; font-weight:600; font-size:13px; color:var(--fin)}
body.p-systems-accounting-system .fin .neg{color:#B4443A}
body.p-systems-accounting-system .fin-note{padding:12px 18px; font-size:12.5px; color:var(--ink-3); background:var(--surface-2); border-top:1px solid var(--rule-soft)}
body.p-systems-accounting-system .fin-panel{display:none}
body.p-systems-accounting-system .fin-panel[data-on="true"]{display:block; animation:swapIn .28s ease}
body.p-systems-accounting-system .coa{font-family:var(--mono); font-size:14px}
body.p-systems-accounting-system .coa li{padding:7px 0; border-bottom:1px solid var(--rule-soft); display:flex; gap:12px; align-items:center}
body.p-systems-accounting-system .coa li:last-child{border-bottom:0}
body.p-systems-accounting-system .coa .lv2{padding-inline-start:22px}
body.p-systems-accounting-system .coa .lv3{padding-inline-start:44px}
body.p-systems-accounting-system .coa .lv4{padding-inline-start:66px; color:var(--ink-2)}
body.p-systems-accounting-system .coa .code{color:var(--fin); font-weight:600; min-width:62px}
body.p-systems-accounting-system .coa .ar{font-family:var(--sans); font-weight:400}
body.p-systems-accounting-system .cyc{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
body.p-systems-accounting-system .cyc > div{background:var(--surface); padding:24px 22px}
body.p-systems-accounting-system .cyc .w{font-size:12px; font-weight:600; color:var(--fin); letter-spacing:.04em; margin-bottom:12px; display:flex; align-items:center; gap:8px}
body.p-systems-accounting-system .cyc .w::after{content:""; flex:1; height:1px; background:var(--rule)}
body.p-systems-accounting-system .cyc li{font-size:14px; color:var(--ink-2); padding:6px 0 6px 0; display:flex; gap:9px}
body.p-systems-accounting-system .cyc li::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--rule); margin-top:9px; flex-shrink:0}
body.p-systems-accounting-system .pft{width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
body.p-systems-accounting-system .pft th{padding:13px 18px; font-size:12px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-family:var(--sans); font-weight:600}
body.p-systems-accounting-system .pft th.n, body.p-systems-accounting-system .pft td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-systems-accounting-system .pft td{padding:12px 18px; font-size:14px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-accounting-system .pft tr:last-child td{border-bottom:0; background:var(--surface-2); font-weight:600}
body.p-systems-accounting-system .pft .mg{color:var(--fin); font-weight:600}
@media (max-width:1080px){
body.p-systems-accounting-system .phero-grid{grid-template-columns:1fr; gap:38px}
body.p-systems-accounting-system .cyc{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
body.p-systems-accounting-system .cyc{grid-template-columns:1fr}
body.p-systems-accounting-system .fin td.n{width:34%}
}

/* ----- systems/ai-automation.html ----- */
body.p-systems-ai-automation{--ai:#4338CA; --ai-w:#EDEBFB}
body.p-systems-ai-automation .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-ai-automation .phero .eyebrow{color:var(--ai)}
body.p-systems-ai-automation .phero .eyebrow::before{background:var(--ai)}
body.p-systems-ai-automation .doc{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-ai-automation .doc-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-ai-automation .doc-ic{width:42px; height:42px; border-radius:11px; background:var(--ai-w); color:var(--ai); display:grid; place-items:center; flex-shrink:0}
body.p-systems-ai-automation .doc-ic svg{width:20px; height:20px}
body.p-systems-ai-automation .doc-top h3{font-size:16px}
body.p-systems-ai-automation .doc-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-ai-automation .doc-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-ai-automation .fields{padding:6px 18px 12px}
body.p-systems-ai-automation .fields li{display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--rule-soft)}
body.p-systems-ai-automation .fields li:last-child{border-bottom:0}
body.p-systems-ai-automation .fields .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-ai-automation .fields .v{font-size:14px; font-weight:600; margin-top:1px; display:block}
body.p-systems-ai-automation .fields .v.mono{font-family:var(--mono); font-weight:500}
body.p-systems-ai-automation .conf{font-family:var(--mono); font-size:11.5px; padding:3px 9px; border-radius:100px; white-space:nowrap}
body.p-systems-ai-automation .conf.hi{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-ai-automation .conf.mid{background:#FCF1E3; color:var(--seal)}
body.p-systems-ai-automation .fields .flag{font-size:11px; color:var(--seal); font-weight:600}
body.p-systems-ai-automation .match{margin:0 18px 14px; padding:12px 14px; background:#F5F8FD; border:1px solid #DCE4F5; border-radius:var(--r); font-size:13px; color:var(--ink-2); line-height:1.8; display:flex; gap:10px}
body.p-systems-ai-automation .match svg{width:16px; height:16px; color:var(--ai); flex-shrink:0; margin-top:3px}
body.p-systems-ai-automation .human{padding:14px 18px; background:var(--ink); color:#D7DEE6; font-size:13px; line-height:1.85; display:flex; gap:11px}
body.p-systems-ai-automation .human svg{width:17px; height:17px; color:#5CC3AB; flex-shrink:0; margin-top:3px}
body.p-systems-ai-automation .human b{color:#fff}
body.p-systems-ai-automation .trace-tabs button[aria-selected="true"]{background:var(--ai)}
body.p-systems-ai-automation .trace-steps .dot::before{border-color:var(--ai)}
body.p-systems-ai-automation .trace-trigger .ic{background:var(--ai-w); color:var(--ai)}
body.p-systems-ai-automation .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-systems-ai-automation .tbl .yes{color:var(--credit); font-weight:600}
body.p-systems-ai-automation .tbl .no{color:#B4443A; font-weight:600}
body.p-systems-ai-automation .prin{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:26px 24px; transition:.2s}
body.p-systems-ai-automation .prin:hover{border-color:#CFCAF0; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-ai-automation .prin .n{font-family:var(--mono); font-size:12px; color:var(--ai); font-weight:600; letter-spacing:.05em; display:flex; align-items:center; gap:9px; margin-bottom:13px}
body.p-systems-ai-automation .prin .n::after{content:""; flex:1; height:1px; background:var(--rule)}
body.p-systems-ai-automation .prin h3{font-size:18px; margin-bottom:9px}
body.p-systems-ai-automation .prin p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-ai-automation .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-ai-automation .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/assets-maintenance.html ----- */
body.p-systems-assets-maintenance{--as:#B5502A; --as-w:#FBEDE6}
body.p-systems-assets-maintenance .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-assets-maintenance .phero .eyebrow{color:var(--as)}
body.p-systems-assets-maintenance .phero .eyebrow::before{background:var(--as)}
body.p-systems-assets-maintenance .as{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-assets-maintenance .as-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-assets-maintenance .as-ic{width:42px; height:42px; border-radius:11px; background:var(--as-w); color:var(--as); display:grid; place-items:center; flex-shrink:0}
body.p-systems-assets-maintenance .as-ic svg{width:20px; height:20px}
body.p-systems-assets-maintenance .as-top h3{font-size:16px}
body.p-systems-assets-maintenance .as-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-assets-maintenance .as-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); padding:5px 11px; border-radius:100px}
body.p-systems-assets-maintenance .dep{padding:17px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-assets-maintenance .dep .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:8px}
body.p-systems-assets-maintenance .dep .row b{font-family:var(--mono); color:var(--ink-2); font-size:13px}
body.p-systems-assets-maintenance .dep .track{height:11px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-assets-maintenance .dep .fill{height:100%; background:linear-gradient(to left, #D18A63, var(--as)); border-radius:99px}
body.p-systems-assets-maintenance .dep .ends{display:flex; justify-content:space-between; margin-top:9px; font-size:11px; color:var(--ink-3); font-family:var(--mono)}
body.p-systems-assets-maintenance .as-nums{display:grid; grid-template-columns:repeat(2,1fr)}
body.p-systems-assets-maintenance .as-nums div{padding:14px 16px; border-inline-start:1px solid var(--rule-soft); border-bottom:1px solid var(--rule-soft)}
body.p-systems-assets-maintenance .as-nums div:nth-child(odd){border-inline-start:0}
body.p-systems-assets-maintenance .as-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-assets-maintenance .as-nums .v{font-family:var(--mono); font-size:17px; font-weight:600; margin-top:4px; display:block}
body.p-systems-assets-maintenance .as-nums .sm{font-size:11.5px; color:var(--ink-3); margin-top:2px; display:block}
body.p-systems-assets-maintenance .as-nums .v.warn{color:var(--seal)}
body.p-systems-assets-maintenance .as-nums .v.up{color:var(--credit)}
body.p-systems-assets-maintenance .as-log{padding:14px 18px}
body.p-systems-assets-maintenance .as-log .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:9px}
body.p-systems-assets-maintenance .as-log li{display:flex; gap:9px; align-items:flex-start; padding:7px 0; font-size:13px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-assets-maintenance .as-log li:last-child{border-bottom:0}
body.p-systems-assets-maintenance .as-log .tg{font-size:10.5px; font-weight:600; padding:2px 8px; border-radius:4px; flex-shrink:0; margin-top:2px; background:var(--as-w); color:var(--as)}
body.p-systems-assets-maintenance .as-log .tg.a{background:#FCF1E3; color:var(--seal)}
body.p-systems-assets-maintenance .as-log .tg.g{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-assets-maintenance .as-log .dt{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); white-space:nowrap}
body.p-systems-assets-maintenance .trace-tabs button[aria-selected="true"]{background:var(--as)}
body.p-systems-assets-maintenance .trace-steps .dot::before{border-color:var(--as)}
body.p-systems-assets-maintenance .trace-trigger .ic{background:var(--as-w); color:var(--as)}
body.p-systems-assets-maintenance .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-assets-maintenance .tbl tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink)}
body.p-systems-assets-maintenance .tbl .hl{color:var(--as); font-weight:600}
body.p-systems-assets-maintenance .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-assets-maintenance .tbl .bad{color:#B4443A; font-weight:600}
body.p-systems-assets-maintenance .tbl .pri{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px}
body.p-systems-assets-maintenance .pri.h{background:#FBE9E7; color:#B4443A}
body.p-systems-assets-maintenance .pri.m{background:#FCF1E3; color:var(--seal)}
body.p-systems-assets-maintenance .pri.l{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-assets-maintenance .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-systems-assets-maintenance .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/attendance.html ----- */
body.p-systems-attendance{--at:#C2496B; --at-w:#FBEBF0}
body.p-systems-attendance .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-attendance .phero .eyebrow{color:var(--at)}
body.p-systems-attendance .phero .eyebrow::before{background:var(--at)}
body.p-systems-attendance .at{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-attendance .at-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-attendance .at-av{width:42px; height:42px; border-radius:12px; background:var(--at-w); color:var(--at); display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:15px; flex-shrink:0}
body.p-systems-attendance .at-top h3{font-size:16px}
body.p-systems-attendance .at-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-attendance .at-top .per{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-systems-attendance .days{display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--rule-soft)}
body.p-systems-attendance .days div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-attendance .days div:first-child{border-inline-start:0}
body.p-systems-attendance .days .k{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-attendance .days .v{font-family:var(--mono); font-size:19px; font-weight:600; margin-top:4px; display:block}
body.p-systems-attendance .days .v.g{color:var(--credit)}
body.p-systems-attendance .days .v.w{color:var(--seal)}
body.p-systems-attendance .days .v.r{color:#B4443A}
body.p-systems-attendance .hrs{padding:15px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-attendance .hrs li{display:flex; justify-content:space-between; align-items:center; padding:7px 0; font-size:13.5px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-attendance .hrs li:last-child{border-bottom:0}
body.p-systems-attendance .hrs b{font-family:var(--mono); color:var(--ink)}
body.p-systems-attendance .hrs .sm{font-size:11.5px; color:var(--ink-3); display:block; margin-top:2px}
body.p-systems-attendance .eff{padding:15px 18px; background:var(--surface-2)}
body.p-systems-attendance .eff .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:10px}
body.p-systems-attendance .eff li{display:flex; justify-content:space-between; padding:6px 0; font-size:13.5px; color:var(--ink-2)}
body.p-systems-attendance .eff b{font-family:var(--mono)}
body.p-systems-attendance .eff .minus b{color:#B4443A}
body.p-systems-attendance .eff .plus b{color:var(--credit)}
body.p-systems-attendance .eff .net{border-top:1.5px solid var(--ink); margin-top:8px; padding-top:10px; font-weight:600; color:var(--ink); font-size:14.5px}
body.p-systems-attendance .at-foot{padding:12px 18px; border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-attendance .trace-tabs button[aria-selected="true"]{background:var(--at)}
body.p-systems-attendance .trace-steps .dot::before{border-color:var(--at)}
body.p-systems-attendance .trace-trigger .ic{background:var(--at-w); color:var(--at)}
body.p-systems-attendance .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-systems-attendance .tbl .hl{color:var(--at); font-weight:600}
body.p-systems-attendance .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-attendance .pain:hover{border-color:#EBD0D9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-attendance .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-attendance .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-attendance .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-attendance .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-attendance .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--at); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-attendance .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-attendance .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-attendance .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:600px){
body.p-systems-attendance .days{grid-template-columns:1fr 1fr}
body.p-systems-attendance .days div:nth-child(3){border-inline-start:0}
}

/* ----- systems/contracts.html ----- */
body.p-systems-contracts{--ct:#7A4FA3; --ct-w:#F2ECF8}
body.p-systems-contracts .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-contracts .phero .eyebrow{color:var(--ct)}
body.p-systems-contracts .phero .eyebrow::before{background:var(--ct)}
body.p-systems-contracts .ctr{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-contracts .ctr-top{padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2); display:flex; gap:12px; align-items:center}
body.p-systems-contracts .ctr-top h3{font-size:15.5px; line-height:1.4}
body.p-systems-contracts .ctr-top p{font-size:12px; color:var(--ink-3); margin-top:3px}
body.p-systems-contracts .ctr-top .no{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ct); border:1px solid #E0D5EC; background:#FAF7FC; padding:4px 9px; border-radius:6px; white-space:nowrap}
body.p-systems-contracts .ctr-alert{display:flex; align-items:center; gap:10px; padding:12px 18px; background:#FCF6E9; border-bottom:1px solid #F0E3C8; font-size:13.5px; color:#8A5C1E; font-weight:500}
body.p-systems-contracts .ctr-alert svg{width:17px; height:17px; flex-shrink:0}
body.p-systems-contracts .ctr-alert b{font-family:var(--mono)}
body.p-systems-contracts .ctr-nums{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule)}
body.p-systems-contracts .ctr-nums div{padding:14px 16px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-contracts .ctr-nums div:first-child{border-inline-start:0}
body.p-systems-contracts .ctr-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-contracts .ctr-nums .v{font-family:var(--mono); font-size:19px; font-weight:600; margin-top:5px; display:block}
body.p-systems-contracts .ctr-nums .v.warn{color:var(--seal)}
body.p-systems-contracts .ctr-nums .v.good{color:var(--credit)}
body.p-systems-contracts .tl{padding:16px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-contracts .tl .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:12px}
body.p-systems-contracts .tl .track{height:10px; background:#EDF2F5; border-radius:99px; overflow:hidden; position:relative}
body.p-systems-contracts .tl .track i{display:block; height:100%; background:linear-gradient(to left, #A98BC4, var(--ct)); border-radius:99px}
body.p-systems-contracts .tl .dates{display:flex; justify-content:space-between; margin-top:9px; font-family:var(--mono); font-size:11px; color:var(--ink-3)}
body.p-systems-contracts .ctr-rows{padding:6px 18px 14px}
body.p-systems-contracts .ctr-rows li{display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--rule-soft); font-size:13.5px; color:var(--ink-2)}
body.p-systems-contracts .ctr-rows li:last-child{border-bottom:0}
body.p-systems-contracts .ctr-rows b{font-family:var(--mono); color:var(--ink); font-weight:500}
body.p-systems-contracts .ctr-rows .late{color:#B4443A}
body.p-systems-contracts .ctr-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-contracts .trace-tabs button[aria-selected="true"]{background:var(--ct)}
body.p-systems-contracts .trace-steps .dot::before{border-color:var(--ct)}
body.p-systems-contracts .trace-trigger .ic{background:var(--ct-w); color:var(--ct)}
body.p-systems-contracts .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-contracts .tbl tr:last-child td{border-bottom:0; background:var(--surface-2); font-weight:600; color:var(--ink)}
body.p-systems-contracts .tbl .hl{color:var(--ct); font-weight:600}
body.p-systems-contracts .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-contracts .tbl .bad{color:#B4443A; font-weight:600}
body.p-systems-contracts .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
body.p-systems-contracts .ren{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
body.p-systems-contracts .ren > div{background:var(--surface); padding:18px 20px}
body.p-systems-contracts .ren .d{font-family:var(--mono); font-size:12px; color:var(--ct); font-weight:600; display:block; margin-bottom:8px}
body.p-systems-contracts .ren h4{font-size:15px; font-family:var(--display); margin-bottom:5px}
body.p-systems-contracts .ren p{font-size:13px; color:var(--ink-3); line-height:1.7}
body.p-systems-contracts .ren .tag{display:inline-block; margin-top:9px; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px}
body.p-systems-contracts .ren .tag.a{background:#FCF1E3; color:var(--seal)}
body.p-systems-contracts .ren .tag.b{background:var(--ct-w); color:var(--ct)}
body.p-systems-contracts .ren .tag.c{background:var(--credit-w); color:var(--credit-d)}
@media (max-width:1080px){
body.p-systems-contracts .phero-grid{grid-template-columns:1fr; gap:38px}
body.p-systems-contracts .ren{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
body.p-systems-contracts .ren{grid-template-columns:1fr}
}

/* ----- systems/document-management.html ----- */
body.p-systems-document-management{--dm:#4E6E5D; --dm-w:#EAF1ED}
body.p-systems-document-management .phero-grid{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-document-management .phero .eyebrow{color:var(--dm)}
body.p-systems-document-management .phero .eyebrow::before{background:var(--dm)}
body.p-systems-document-management .arc{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-document-management .arc-bar{display:flex; align-items:center; gap:11px; padding:15px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-document-management .arc-bar svg{width:17px; height:17px; color:var(--ink-3); flex-shrink:0}
body.p-systems-document-management .arc-bar .q{flex:1; font-size:14.5px; font-weight:600; color:var(--ink)}
body.p-systems-document-management .arc-bar .cnt{font-family:var(--mono); font-size:11px; color:var(--ink-3); white-space:nowrap}
body.p-systems-document-management .res{padding:6px 18px}
body.p-systems-document-management .res li{padding:14px 0; border-bottom:1px solid var(--rule-soft)}
body.p-systems-document-management .res li:last-child{border-bottom:0}
body.p-systems-document-management .res .hd{display:flex; align-items:center; gap:9px; margin-bottom:6px; flex-wrap:wrap}
body.p-systems-document-management .res .ty{font-size:10.5px; font-weight:600; padding:2.5px 8px; border-radius:4px; background:var(--dm-w); color:var(--dm)}
body.p-systems-document-management .res .ty.pdf{background:#FBEDEA; color:#B4443A}
body.p-systems-document-management .res b{font-size:14.5px; font-weight:600}
body.p-systems-document-management .res .meta{font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-inline-start:auto}
body.p-systems-document-management .res .snip{font-size:13px; color:var(--ink-2); line-height:1.85; background:var(--surface-2); border-inline-start:2.5px solid var(--dm); padding:8px 12px; border-radius:0 6px 6px 0}
body.p-systems-document-management .res .snip mark{background:#FCF1C9; color:var(--ink); padding:0 2px; border-radius:2px}
body.p-systems-document-management .res .tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
body.p-systems-document-management .res .tags span{font-size:11px; color:var(--ink-3); border:1px solid var(--rule); border-radius:100px; padding:3px 9px}
body.p-systems-document-management .arc-foot{padding:13px 18px; background:var(--ink); color:#C7D3DC; font-size:12.5px; line-height:1.8; display:flex; gap:10px}
body.p-systems-document-management .arc-foot svg{width:16px; height:16px; color:#5CC3AB; flex-shrink:0; margin-top:3px}
body.p-systems-document-management .arc-foot b{color:#fff}
body.p-systems-document-management .trace-tabs button[aria-selected="true"]{background:var(--dm)}
body.p-systems-document-management .trace-steps .dot::before{border-color:var(--dm)}
body.p-systems-document-management .trace-trigger .ic{background:var(--dm-w); color:var(--dm)}
body.p-systems-document-management .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-systems-document-management .tbl .ex{font-family:var(--mono); font-size:12.5px; color:var(--dm); background:var(--dm-w); padding:3px 8px; border-radius:5px; display:inline-block}
body.p-systems-document-management .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-document-management .pain:hover{border-color:#CBDBD2; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-document-management .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-document-management .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-document-management .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-document-management .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-document-management .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--dm); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-document-management .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-document-management .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-document-management .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/e-invoicing.html ----- */
body.p-systems-e-invoicing{--ei:#0E7C66; --ei-w:#E8F4F0}
body.p-systems-e-invoicing .phero-grid{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-e-invoicing .inv{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-e-invoicing .inv-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-e-invoicing .inv-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-e-invoicing .inv-top .st{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); padding:5px 11px; border-radius:100px}
body.p-systems-e-invoicing .inv-top .st svg{width:12px; height:12px}
body.p-systems-e-invoicing .inv-head{display:grid; grid-template-columns:1fr auto; gap:16px; padding:18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-e-invoicing .inv-head .k{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-e-invoicing .inv-head .v{font-size:13.5px; font-weight:600; display:block; margin-top:2px}
body.p-systems-e-invoicing .inv-head .grid{display:grid; grid-template-columns:1fr 1fr; gap:12px 18px}
body.p-systems-e-invoicing .qr{width:88px; height:88px; fill:var(--ink); background:#fff; padding:6px; border:1px solid var(--rule); border-radius:8px}
body.p-systems-e-invoicing .inv table{width:100%; border-collapse:collapse}
body.p-systems-e-invoicing .inv th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-systems-e-invoicing .inv th.n, body.p-systems-e-invoicing .inv td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-systems-e-invoicing .inv td{padding:10px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-e-invoicing .inv td.n{font-size:13px; color:var(--ink)}
body.p-systems-e-invoicing .inv tr.tot td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14px}
body.p-systems-e-invoicing .inv-tech{padding:14px 18px; background:var(--surface-2); border-top:1px solid var(--rule)}
body.p-systems-e-invoicing .inv-tech .k{font-size:11px; color:var(--ink-3); display:block; margin-bottom:9px}
body.p-systems-e-invoicing .inv-tech li{display:flex; gap:10px; align-items:center; padding:5px 0; font-size:12.5px; color:var(--ink-2)}
body.p-systems-e-invoicing .inv-tech li svg{width:13px; height:13px; color:var(--credit); flex-shrink:0}
body.p-systems-e-invoicing .inv-tech .mono{margin-inline-start:auto; font-size:11px; color:var(--ink-3); max-width:52%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.p-systems-e-invoicing .trace-tabs button[aria-selected="true"]{background:var(--ei)}
body.p-systems-e-invoicing .trace-steps .dot::before{border-color:var(--ei)}
body.p-systems-e-invoicing .trace-trigger .ic{background:var(--ei-w); color:var(--ei)}
body.p-systems-e-invoicing .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-systems-e-invoicing .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-e-invoicing .tbl .no{color:#B4443A; font-weight:600}
body.p-systems-e-invoicing .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-e-invoicing .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:600px){
body.p-systems-e-invoicing .inv-head{grid-template-columns:1fr}
body.p-systems-e-invoicing .qr{width:76px;height:76px}
}

/* ----- systems/e-signature.html ----- */
body.p-systems-e-signature{--sg:#1F4E79; --sg-w:#E8EFF5}
body.p-systems-e-signature .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-e-signature .phero .eyebrow{color:var(--sg)}
body.p-systems-e-signature .phero .eyebrow::before{background:var(--sg)}
body.p-systems-e-signature .sg{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-e-signature .sg-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-e-signature .sg-ic{width:42px; height:42px; border-radius:11px; background:var(--sg-w); color:var(--sg); display:grid; place-items:center; flex-shrink:0}
body.p-systems-e-signature .sg-ic svg{width:20px; height:20px}
body.p-systems-e-signature .sg-top h3{font-size:16px}
body.p-systems-e-signature .sg-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-e-signature .sg-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-e-signature .signers{padding:8px 18px 12px}
body.p-systems-e-signature .signers li{display:grid; grid-template-columns:30px 1fr auto; gap:12px; align-items:start; padding:13px 0; border-bottom:1px solid var(--rule-soft); position:relative}
body.p-systems-e-signature .signers li:last-child{border-bottom:0}
body.p-systems-e-signature .signers .st-ic{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; margin-top:2px; position:relative}
body.p-systems-e-signature .signers .st-ic svg{width:13px; height:13px}
body.p-systems-e-signature .signers li.done .st-ic{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-e-signature .signers li.wait .st-ic{background:#FCF1E3; color:var(--seal); border:1.5px dashed #E4C99B}
body.p-systems-e-signature .signers li:not(:last-child) .st-ic::after{content:""; position:absolute; inset-inline-start:50%; top:28px; height:24px; width:2px; background:var(--rule-soft); transform:translateX(50%)}
body.p-systems-e-signature .signers b{display:block; font-size:14.5px; font-weight:600}
body.p-systems-e-signature .signers .role{display:block; font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-e-signature .signers .how{display:block; font-size:12px; color:var(--ink-2); margin-top:5px; line-height:1.7}
body.p-systems-e-signature .signers .t{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); white-space:nowrap; padding-top:3px}
body.p-systems-e-signature .signers li.wait .t{color:var(--seal); font-weight:600}
body.p-systems-e-signature .hashbox{margin:0 18px 14px; padding:12px 14px; background:var(--surface-2); border:1px solid var(--rule); border-radius:var(--r)}
body.p-systems-e-signature .hashbox .k{font-size:11px; color:var(--ink-3); display:block; margin-bottom:7px}
body.p-systems-e-signature .hashbox li{display:flex; justify-content:space-between; gap:10px; font-size:12px; padding:3px 0; color:var(--ink-2)}
body.p-systems-e-signature .hashbox .mono{color:var(--ink); font-size:11.5px}
body.p-systems-e-signature .seal-note{padding:13px 18px; background:var(--ink); color:#C7D3DC; font-size:12.5px; line-height:1.85; display:flex; gap:10px}
body.p-systems-e-signature .seal-note svg{width:16px; height:16px; color:#5CC3AB; flex-shrink:0; margin-top:3px}
body.p-systems-e-signature .seal-note b{color:#fff}
body.p-systems-e-signature .trace-tabs button[aria-selected="true"]{background:var(--sg)}
body.p-systems-e-signature .trace-steps .dot::before{border-color:var(--sg)}
body.p-systems-e-signature .trace-trigger .ic{background:var(--sg-w); color:var(--sg)}
body.p-systems-e-signature .tbl td:first-child{font-weight:600; color:var(--ink); width:22%}
body.p-systems-e-signature .tbl .lv{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px}
body.p-systems-e-signature .lv.a{background:#EDF1F5; color:var(--ink-2)}
body.p-systems-e-signature .lv.b{background:var(--sg-w); color:var(--sg)}
body.p-systems-e-signature .lv.c{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-e-signature .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-e-signature .pain:hover{border-color:#C6D5E2; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-e-signature .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-e-signature .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-e-signature .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-e-signature .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-e-signature .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--sg); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-e-signature .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-e-signature .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-e-signature .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/hr-payroll.html ----- */
body.p-systems-hr-payroll{--hr:#C2496B; --hr-w:#FBEBF0}
body.p-systems-hr-payroll .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-hr-payroll .phero .eyebrow{color:var(--hr)}
body.p-systems-hr-payroll .phero .eyebrow::before{background:var(--hr)}
body.p-systems-hr-payroll .pay{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-hr-payroll .pay-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-hr-payroll .pay-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-hr-payroll .pay-top .rdy{font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); padding:5px 11px; border-radius:100px}
body.p-systems-hr-payroll .pay table{width:100%; border-collapse:collapse}
body.p-systems-hr-payroll .pay th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-systems-hr-payroll .pay th.n, body.p-systems-hr-payroll .pay td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-systems-hr-payroll .pay td{padding:9px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-hr-payroll .pay td.n{font-size:13px; color:var(--ink)}
body.p-systems-hr-payroll .pay tr.h td{background:#FDF7F9; font-weight:600; color:var(--hr); font-size:12.5px; letter-spacing:.02em}
body.p-systems-hr-payroll .pay tr.sum td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14px}
body.p-systems-hr-payroll .pay .ded{color:#B4443A}
body.p-systems-hr-payroll .pay-cc{padding:15px 18px; border-top:1px solid var(--rule)}
body.p-systems-hr-payroll .pay-cc .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:11px}
body.p-systems-hr-payroll .pay-cc li{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13px; color:var(--ink-2)}
body.p-systems-hr-payroll .pay-cc .b{flex:1; height:6px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-hr-payroll .pay-cc .b i{display:block; height:100%; background:var(--hr); border-radius:99px}
body.p-systems-hr-payroll .pay-cc .q{font-family:var(--mono); font-size:12.5px; color:var(--ink); min-width:62px; text-align:end}
body.p-systems-hr-payroll .pay-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-hr-payroll .trace-tabs button[aria-selected="true"]{background:var(--hr)}
body.p-systems-hr-payroll .trace-steps .dot::before{border-color:var(--hr)}
body.p-systems-hr-payroll .trace-trigger .ic{background:var(--hr-w); color:var(--hr)}
body.p-systems-hr-payroll .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-hr-payroll .tbl .hl{color:var(--hr); font-weight:600}
body.p-systems-hr-payroll .tbl.total tr:last-child td{background:var(--surface-2); font-weight:600; color:var(--ink)}
body.p-systems-hr-payroll .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
body.p-systems-hr-payroll .disc{margin-top:14px; font-size:13px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:13px 16px; line-height:1.8}
@media (max-width:1080px){
body.p-systems-hr-payroll .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/inventory.html ----- */
body.p-systems-inventory{--am:#B4762A; --am-w:#FAF2E4}
body.p-systems-inventory .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-inventory .phero .eyebrow{color:var(--am)}
body.p-systems-inventory .phero .eyebrow::before{background:var(--am)}
body.p-systems-inventory .item{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-inventory .item-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-inventory .item-ic{width:42px; height:42px; border-radius:11px; background:var(--am-w); color:var(--am); display:grid; place-items:center; flex-shrink:0}
body.p-systems-inventory .item-ic svg{width:20px; height:20px}
body.p-systems-inventory .item-top h3{font-size:16px}
body.p-systems-inventory .item-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-inventory .item-top .sku{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); border:1px solid var(--rule); background:#fff; padding:4px 9px; border-radius:6px}
body.p-systems-inventory .item-nums{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule)}
body.p-systems-inventory .item-nums div{padding:15px 16px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-inventory .item-nums div:first-child{border-inline-start:0}
body.p-systems-inventory .item-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-inventory .item-nums .v{font-family:var(--mono); font-size:20px; font-weight:600; margin-top:5px; display:block}
body.p-systems-inventory .item-nums .v.hold{color:var(--seal)}
body.p-systems-inventory .item-nums .v.free{color:var(--credit)}
body.p-systems-inventory .gauge{padding:16px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-inventory .gauge .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:8px}
body.p-systems-inventory .gauge .row b{font-family:var(--mono); color:var(--ink-2)}
body.p-systems-inventory .gauge .track{height:11px; background:#EDF2F5; border-radius:99px; position:relative; overflow:visible}
body.p-systems-inventory .gauge .fill{height:100%; background:linear-gradient(to left, #D8A455, var(--am)); border-radius:99px}
body.p-systems-inventory .gauge .mark{position:absolute; top:-5px; bottom:-5px; width:2px; background:#B4443A; border-radius:2px}
body.p-systems-inventory .gauge .lbl{display:flex; justify-content:space-between; font-size:11px; color:var(--ink-3); margin-top:9px; font-family:var(--mono)}
body.p-systems-inventory .whs{padding:14px 18px}
body.p-systems-inventory .whs .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:10px}
body.p-systems-inventory .whs li{display:flex; align-items:center; gap:10px; padding:7px 0; font-size:13.5px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-inventory .whs li:last-child{border-bottom:0}
body.p-systems-inventory .whs .b{flex:1; height:6px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-inventory .whs .b i{display:block; height:100%; background:var(--am); border-radius:99px}
body.p-systems-inventory .whs .q{font-family:var(--mono); font-size:12.5px; color:var(--ink); min-width:44px; text-align:end}
body.p-systems-inventory .item-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-inventory .trace-tabs button[aria-selected="true"]{background:var(--am)}
body.p-systems-inventory .trace-steps .dot::before{border-color:var(--am)}
body.p-systems-inventory .trace-trigger .ic{background:var(--am-w); color:var(--am)}
body.p-systems-inventory .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-inventory .tbl tr:last-child td{border-bottom:0; background:var(--surface-2)}
body.p-systems-inventory .tbl .hl{color:var(--am); font-weight:600}
body.p-systems-inventory .tbl .bar{display:block; height:6px; background:#EDF2F5; border-radius:99px; margin-top:6px; overflow:hidden}
body.p-systems-inventory .tbl .bar i{display:block; height:100%; background:var(--am); border-radius:99px}
body.p-systems-inventory .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-systems-inventory .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/portals.html ----- */
body.p-systems-portals{--pt:#5F6C3A; --pt-w:#F0F3E6}
body.p-systems-portals .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-portals .phero .eyebrow{color:var(--pt)}
body.p-systems-portals .phero .eyebrow::before{background:var(--pt)}
body.p-systems-portals .pv{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-portals .pv-top{display:flex; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--pt); color:#fff}
body.p-systems-portals .pv-top .av{width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.16); display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:14px; flex-shrink:0}
body.p-systems-portals .pv-top h3{font-size:15px; color:#fff}
body.p-systems-portals .pv-top p{font-size:11.5px; color:rgba(255,255,255,.75); margin-top:2px}
body.p-systems-portals .pv-top .out{margin-inline-start:auto; font-size:11px; color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.28); padding:4px 10px; border-radius:100px}
body.p-systems-portals .pv-sum{display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule-soft)}
body.p-systems-portals .pv-sum div{padding:15px 18px; border-inline-start:1px solid var(--rule-soft)}
body.p-systems-portals .pv-sum div:first-child{border-inline-start:0}
body.p-systems-portals .pv-sum .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-portals .pv-sum .v{font-family:var(--mono); font-size:21px; font-weight:600; margin-top:5px; display:block}
body.p-systems-portals .pv-sum .v.r{color:#B4443A}
body.p-systems-portals .pv-sum .sm{font-size:11.5px; color:var(--ink-3); margin-top:3px; display:block}
body.p-systems-portals .pv-list{padding:14px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-portals .pv-list .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:10px}
body.p-systems-portals .pv-list li{display:flex; align-items:center; gap:10px; padding:9px 0; font-size:13.5px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-portals .pv-list li:last-child{border-bottom:0}
body.p-systems-portals .pv-list .tg{font-size:10.5px; font-weight:600; padding:2.5px 8px; border-radius:4px; background:var(--pt-w); color:var(--pt); flex-shrink:0}
body.p-systems-portals .pv-list .tg.o{background:#FCF1E3; color:var(--seal)}
body.p-systems-portals .pv-list .tg.g{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-portals .pv-list .mono{margin-inline-start:auto; font-size:12px; color:var(--ink-3); white-space:nowrap}
body.p-systems-portals .pv-acts{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule-soft)}
body.p-systems-portals .pv-acts span{background:var(--surface); padding:14px 6px; text-align:center; font-size:12px; color:var(--ink-2); display:flex; flex-direction:column; align-items:center; gap:7px}
body.p-systems-portals .pv-acts svg{width:17px; height:17px; color:var(--pt)}
body.p-systems-portals .pv-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-portals .trace-tabs button[aria-selected="true"]{background:var(--pt)}
body.p-systems-portals .trace-steps .dot::before{border-color:var(--pt)}
body.p-systems-portals .trace-trigger .ic{background:var(--pt-w); color:var(--pt)}
body.p-systems-portals .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-systems-portals .tbl .old{color:#B4443A}
body.p-systems-portals .tbl .new{color:var(--credit); font-weight:600}
body.p-systems-portals .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-portals .pain:hover{border-color:#D6DCC2; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-portals .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-portals .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-portals .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-portals .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-portals .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--pt); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-portals .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-systems-portals .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:600px){
body.p-systems-portals .pv-acts{grid-template-columns:1fr 1fr}
}

/* ----- systems/pos.html ----- */
body.p-systems-pos{--ps:#1D5FA8; --ps-w:#E8F0F9}
body.p-systems-pos .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-pos .phero .eyebrow{color:var(--ps)}
body.p-systems-pos .phero .eyebrow::before{background:var(--ps)}
body.p-systems-pos .sh{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-pos .sh-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-pos .sh-ic{width:42px; height:42px; border-radius:11px; background:var(--ps-w); color:var(--ps); display:grid; place-items:center; flex-shrink:0}
body.p-systems-pos .sh-ic svg{width:20px; height:20px}
body.p-systems-pos .sh-top h3{font-size:16px}
body.p-systems-pos .sh-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-pos .sh-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-pos .sh-sum{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule-soft)}
body.p-systems-pos .sh-sum div{padding:14px 12px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-pos .sh-sum div:first-child{border-inline-start:0}
body.p-systems-pos .sh-sum .k{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-pos .sh-sum .v{font-family:var(--mono); font-size:18px; font-weight:600; margin-top:4px; display:block}
body.p-systems-pos .pay-list{padding:15px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-pos .pay-list .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:11px}
body.p-systems-pos .pay-list li{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13px; color:var(--ink-2)}
body.p-systems-pos .pay-list .b{flex:1; height:7px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-pos .pay-list .b i{display:block; height:100%; background:var(--ps); border-radius:99px}
body.p-systems-pos .pay-list .q{font-family:var(--mono); font-size:12.5px; color:var(--ink); min-width:74px; text-align:end}
body.p-systems-pos .pay-list li.tot{border-top:1px solid var(--rule); margin-top:6px; padding-top:10px; font-weight:600; color:var(--ink)}
body.p-systems-pos .cash{padding:15px 18px; background:var(--surface-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-pos .cash .row{display:flex; justify-content:space-between; font-size:13px; padding:4px 0; color:var(--ink-2)}
body.p-systems-pos .cash .row b{font-family:var(--mono); color:var(--ink)}
body.p-systems-pos .cash .row.diff b{color:#B4443A}
body.p-systems-pos .sh-foot{padding:12px 18px; font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-pos .trace-tabs button[aria-selected="true"]{background:var(--ps)}
body.p-systems-pos .trace-steps .dot::before{border-color:var(--ps)}
body.p-systems-pos .trace-trigger .ic{background:var(--ps-w); color:var(--ps)}
body.p-systems-pos .tbl td:first-child{font-weight:600; color:var(--ink); width:26%}
body.p-systems-pos .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-pos .tbl .no{color:#B4443A; font-weight:600}
body.p-systems-pos .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-pos .pain:hover{border-color:#C7D9EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-pos .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-pos .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-pos .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-pos .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-pos .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--ps); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-pos .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-systems-pos .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/projects.html ----- */
body.p-systems-projects{--pj:#0E7490; --pj-w:#E6F2F7}
body.p-systems-projects .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-projects .phero .eyebrow{color:var(--pj)}
body.p-systems-projects .phero .eyebrow::before{background:var(--pj)}
body.p-systems-projects .prj{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-projects .prj-top{padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2); display:flex; gap:12px; align-items:center}
body.p-systems-projects .prj-top h3{font-size:15.5px; line-height:1.4}
body.p-systems-projects .prj-top p{font-size:12px; color:var(--ink-3); margin-top:3px}
body.p-systems-projects .prj-top .no{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--pj); border:1px solid #CDE3EA; background:#F2F9FB; padding:4px 9px; border-radius:6px; white-space:nowrap}
body.p-systems-projects .prj-nums{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule)}
body.p-systems-projects .prj-nums div{padding:14px 16px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-projects .prj-nums div:first-child{border-inline-start:0}
body.p-systems-projects .prj-nums .k{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-projects .prj-nums .v{font-family:var(--mono); font-size:19px; font-weight:600; margin-top:5px; display:block}
body.p-systems-projects .prj-nums .v.good{color:var(--credit)}
body.p-systems-projects .prj-nums .v.warn{color:var(--seal)}
body.p-systems-projects .prog{padding:15px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-projects .prog .ln{margin-bottom:12px}
body.p-systems-projects .prog .ln:last-child{margin-bottom:0}
body.p-systems-projects .prog .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:6px}
body.p-systems-projects .prog .row b{font-family:var(--mono); color:var(--ink-2)}
body.p-systems-projects .prog .track{height:9px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-projects .prog .track i{display:block; height:100%; border-radius:99px}
body.p-systems-projects .prog .p1 i{background:#9FBDC7}
body.p-systems-projects .prog .p2 i{background:var(--pj)}
body.p-systems-projects .prog .p3 i{background:var(--credit)}
body.p-systems-projects .phases-mini{padding:15px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-projects .phases-mini .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:11px}
body.p-systems-projects .phases-mini ul{display:flex; gap:6px}
body.p-systems-projects .phases-mini li{flex:1; text-align:center}
body.p-systems-projects .phases-mini .b{height:7px; border-radius:99px; background:#EDF2F5; overflow:hidden; margin-bottom:7px}
body.p-systems-projects .phases-mini .b i{display:block; height:100%; background:var(--credit)}
body.p-systems-projects .phases-mini li.now .b i{background:var(--pj)}
body.p-systems-projects .phases-mini .t{font-size:10.5px; color:var(--ink-3); display:block}
body.p-systems-projects .phases-mini li.now .t{color:var(--pj); font-weight:600}
body.p-systems-projects .prj-foot{padding:12px 18px; background:var(--surface-2); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-projects .trace-tabs button[aria-selected="true"]{background:var(--pj)}
body.p-systems-projects .trace-steps .dot::before{border-color:var(--pj)}
body.p-systems-projects .trace-trigger .ic{background:var(--pj-w); color:var(--pj)}
body.p-systems-projects .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-projects .tbl tr:last-child td{border-bottom:0; background:var(--surface-2); font-weight:600; color:var(--ink)}
body.p-systems-projects .tbl .up{color:#B4443A; font-weight:600}
body.p-systems-projects .tbl .dn{color:var(--credit); font-weight:600}
body.p-systems-projects .tbl .hl{color:var(--pj); font-weight:600}
body.p-systems-projects .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-systems-projects .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:600px){
body.p-systems-projects .phases-mini .t{font-size:9.5px}
}

/* ----- systems/purchasing.html ----- */
body.p-systems-purchasing{--pu:#5B4BC4; --pu-w:#EDEBFA}
body.p-systems-purchasing .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-purchasing .phero .eyebrow{color:var(--pu)}
body.p-systems-purchasing .phero .eyebrow::before{background:var(--pu)}
body.p-systems-purchasing .m3{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-purchasing .m3-top{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-purchasing .m3-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-purchasing .m3-top .hold{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-purchasing .m3-docs{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule)}
body.p-systems-purchasing .m3-doc{padding:15px 16px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-purchasing .m3-doc:first-child{border-inline-start:0}
body.p-systems-purchasing .m3-doc .t{font-size:11.5px; color:var(--ink-3); display:block}
body.p-systems-purchasing .m3-doc .no{font-family:var(--mono); font-size:12px; color:var(--pu); display:block; margin:5px 0 6px}
body.p-systems-purchasing .m3-doc .am{font-family:var(--mono); font-size:16px; font-weight:600}
body.p-systems-purchasing .m3-doc .ok{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; color:var(--credit-d); margin-top:6px}
body.p-systems-purchasing .m3-doc .no-ok{color:var(--seal)}
body.p-systems-purchasing .m3 table{width:100%; border-collapse:collapse}
body.p-systems-purchasing .m3 th{font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--ink-3); padding:10px 14px; text-align:start; border-bottom:1px solid var(--rule)}
body.p-systems-purchasing .m3 th.n, body.p-systems-purchasing .m3 td.n{text-align:center; font-family:var(--mono)}
body.p-systems-purchasing .m3 td{padding:11px 14px; font-size:13.5px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-purchasing .m3 td.n{font-size:13px; font-weight:500}
body.p-systems-purchasing .m3 .bad{color:#B4443A; font-weight:600}
body.p-systems-purchasing .m3 .good{color:var(--credit)}
body.p-systems-purchasing .m3-foot{padding:13px 18px; font-size:12.5px; color:var(--ink-3); background:var(--surface-2); border-top:1px solid var(--rule-soft); line-height:1.8}
body.p-systems-purchasing .trace-tabs button[aria-selected="true"]{background:var(--pu)}
body.p-systems-purchasing .trace-steps .dot::before{border-color:var(--pu)}
body.p-systems-purchasing .trace-trigger .ic{background:var(--pu-w); color:var(--pu)}
body.p-systems-purchasing .tbl td{padding:13px 16px; font-size:14px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-purchasing .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-purchasing .tbl .win{background:#F6F5FD}
body.p-systems-purchasing .tbl .win td{color:var(--ink)}
body.p-systems-purchasing .tbl .score{font-family:var(--mono); font-weight:600; color:var(--pu)}
body.p-systems-purchasing .tbl .badge{font-size:11px; font-weight:600; background:var(--pu-w); color:var(--pu); padding:3px 9px; border-radius:100px; margin-inline-start:8px}
body.p-systems-purchasing .tbl .w{font-size:11px; color:var(--ink-3); font-weight:400}
body.p-systems-purchasing .tbl .bar{display:block; height:6px; background:#EDF2F5; border-radius:99px; margin-top:6px; overflow:hidden}
body.p-systems-purchasing .tbl .bar i{display:block; height:100%; background:var(--pu); border-radius:99px}
body.p-systems-purchasing .tbl .bar.g i{background:var(--credit)}
body.p-systems-purchasing .tbl .bar.a i{background:var(--seal)}
@media (max-width:1080px){
body.p-systems-purchasing .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:860px){
body.p-systems-purchasing .m3-docs{grid-template-columns:1fr}
body.p-systems-purchasing .m3-doc{border-inline-start:0; border-bottom:1px solid var(--rule-soft)}
}

/* ----- systems/reports-dashboards.html ----- */
body.p-systems-reports-dashboards{--bi:#2F3E52; --bi-w:#EDF1F5}
body.p-systems-reports-dashboards .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-reports-dashboards .phero .eyebrow{color:var(--bi)}
body.p-systems-reports-dashboards .phero .eyebrow::before{background:var(--bi)}
body.p-systems-reports-dashboards .dd{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-reports-dashboards .dd-top{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-reports-dashboards .dd-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-reports-dashboards .dd-top span{font-size:11.5px; color:var(--ink-3); font-family:var(--mono)}
body.p-systems-reports-dashboards .dd-body{padding:8px 18px 16px}
body.p-systems-reports-dashboards .dd-body li{display:grid; grid-template-columns:30px 1fr auto; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid var(--rule-soft); position:relative}
body.p-systems-reports-dashboards .dd-body li:last-child{border-bottom:0}
body.p-systems-reports-dashboards .dd-body .n{width:26px; height:26px; border-radius:8px; background:var(--bi-w); color:var(--bi); display:grid; place-items:center; font-family:var(--mono); font-size:11.5px; font-weight:600; position:relative}
body.p-systems-reports-dashboards .dd-body li:not(:last-child) .n::after{content:""; position:absolute; inset-inline-start:50%; top:30px; height:20px; width:2px; background:var(--rule); transform:translateX(50%)}
body.p-systems-reports-dashboards .dd-body .lv{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-reports-dashboards .dd-body b{display:block; font-size:14.5px; font-weight:600; margin-top:1px}
body.p-systems-reports-dashboards .dd-body .val{font-family:var(--mono); font-size:15px; font-weight:600; color:var(--ink)}
body.p-systems-reports-dashboards .dd-body li:last-child{background:#FBFDFE; margin:0 -18px; padding-inline:18px; border-top:1px solid var(--rule)}
body.p-systems-reports-dashboards .dd-body li:last-child .n{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-reports-dashboards .dd-body li:last-child .val{color:var(--credit-d)}
body.p-systems-reports-dashboards .dd-foot{padding:13px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-reports-dashboards .trace-tabs button[aria-selected="true"]{background:var(--bi)}
body.p-systems-reports-dashboards .trace-steps .dot::before{border-color:var(--bi)}
body.p-systems-reports-dashboards .trace-trigger .ic{background:var(--bi-w); color:var(--bi)}
body.p-systems-reports-dashboards .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-systems-reports-dashboards .tbl .f{font-family:var(--mono); font-size:12.5px; color:var(--bi); background:var(--bi-w); padding:3px 8px; border-radius:5px; display:inline-block; direction:ltr}
body.p-systems-reports-dashboards .tbl .src{font-size:12.5px; color:var(--ink-3)}
body.p-systems-reports-dashboards .layer{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
body.p-systems-reports-dashboards .layer > div{background:var(--surface); padding:26px 24px}
body.p-systems-reports-dashboards .layer .n{font-family:var(--mono); font-size:12px; font-weight:600; color:var(--bi); letter-spacing:.05em; display:flex; align-items:center; gap:9px; margin-bottom:14px}
body.p-systems-reports-dashboards .layer .n::after{content:""; flex:1; height:1px; background:var(--rule)}
body.p-systems-reports-dashboards .layer h3{font-size:18px; margin-bottom:9px}
body.p-systems-reports-dashboards .layer p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-reports-dashboards .layer .who{margin-top:14px; padding-top:12px; border-top:1px dashed var(--rule); font-size:13px; color:var(--ink-3)}
body.p-systems-reports-dashboards .layer .who b{color:var(--ink-2)}
@media (max-width:1080px){
body.p-systems-reports-dashboards .phero-grid{grid-template-columns:1fr; gap:38px}
body.p-systems-reports-dashboards .layer{grid-template-columns:1fr}
}

/* ----- systems/sales-crm.html ----- */
body.p-systems-sales-crm{--sl:#1D5FA8; --sl-w:#E8F0F9}
body.p-systems-sales-crm .phero-grid{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-sales-crm .phero h1{font-size:clamp(30px,4.3vw,50px); font-weight:700; letter-spacing:-.035em; line-height:1.24}
body.p-systems-sales-crm .phero .eyebrow{color:var(--sl)}
body.p-systems-sales-crm .phero .eyebrow::before{background:var(--sl)}
body.p-systems-sales-crm .fun{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-sales-crm .fun-top{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-sales-crm .fun-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-sales-crm .fun-top span{font-size:12px; color:var(--ink-3)}
body.p-systems-sales-crm .fun-body{padding:18px}
body.p-systems-sales-crm .fun li{margin-bottom:13px}
body.p-systems-sales-crm .fun li:last-child{margin-bottom:0}
body.p-systems-sales-crm .fun .row{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:6px}
body.p-systems-sales-crm .fun .nm{font-size:13.5px; font-weight:500}
body.p-systems-sales-crm .fun .vl{font-family:var(--mono); font-size:12.5px; color:var(--ink-3)}
body.p-systems-sales-crm .fun .track{height:26px; background:var(--surface-2); border-radius:6px; overflow:hidden}
body.p-systems-sales-crm .fun .fill{height:100%; border-radius:6px; background:linear-gradient(to left, #7FA8D4, var(--sl)); display:flex; align-items:center; padding-inline-start:10px}
body.p-systems-sales-crm .fun .fill span{font-family:var(--mono); font-size:11.5px; color:#fff; font-weight:500}
body.p-systems-sales-crm .fun li:last-child .fill{background:linear-gradient(to left, #3FB89C, var(--credit))}
body.p-systems-sales-crm .fun-foot{display:flex; gap:18px; flex-wrap:wrap; padding:13px 18px; border-top:1px solid var(--rule); background:var(--surface-2); font-size:12.5px; color:var(--ink-3)}
body.p-systems-sales-crm .fun-foot b{font-family:var(--mono); color:var(--ink); font-size:13.5px}
body.p-systems-sales-crm .c360{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-s)}
body.p-systems-sales-crm .c360-top{display:flex; gap:14px; align-items:center; padding:18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-sales-crm .c360-av{width:46px; height:46px; border-radius:12px; background:var(--sl-w); color:var(--sl); display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:17px; flex-shrink:0}
body.p-systems-sales-crm .c360-top h3{font-size:17px}
body.p-systems-sales-crm .c360-top p{font-size:12.5px; color:var(--ink-3); margin-top:2px}
body.p-systems-sales-crm .c360-top .st{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); padding:5px 11px; border-radius:100px}
body.p-systems-sales-crm .c360-grid{display:grid; grid-template-columns:1fr 1fr}
body.p-systems-sales-crm .c360-box{padding:16px 18px; border-inline-start:1px solid var(--rule-soft); border-bottom:1px solid var(--rule-soft)}
body.p-systems-sales-crm .c360-box:nth-child(odd){border-inline-start:0}
body.p-systems-sales-crm .c360-box .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:7px}
body.p-systems-sales-crm .c360-box .v{font-family:var(--mono); font-size:18px; font-weight:600}
body.p-systems-sales-crm .c360-box .sm{font-size:12px; color:var(--ink-3); margin-top:3px}
body.p-systems-sales-crm .credit{height:7px; background:#EDF2F5; border-radius:99px; overflow:hidden; margin-top:9px}
body.p-systems-sales-crm .credit i{display:block; height:100%; background:var(--sl); border-radius:99px}
body.p-systems-sales-crm .credit.warn i{background:var(--seal)}
body.p-systems-sales-crm .c360-log{padding:16px 18px}
body.p-systems-sales-crm .c360-log .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:10px}
body.p-systems-sales-crm .c360-log li{display:flex; gap:10px; padding:8px 0; border-bottom:1px solid var(--rule-soft); font-size:13.5px; color:var(--ink-2)}
body.p-systems-sales-crm .c360-log li:last-child{border-bottom:0}
body.p-systems-sales-crm .c360-log .tg{font-size:10.5px; font-weight:600; padding:2px 7px; border-radius:4px; flex-shrink:0; margin-top:2px; background:var(--sl-w); color:var(--sl)}
body.p-systems-sales-crm .c360-log .tg.g{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-sales-crm .c360-log .tg.a{background:#FCF1E3; color:var(--seal)}
body.p-systems-sales-crm .c360-log .dt{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); white-space:nowrap}
body.p-systems-sales-crm .trace-tabs button[aria-selected="true"]{background:var(--sl)}
body.p-systems-sales-crm .trace-steps .dot::before{border-color:var(--sl)}
body.p-systems-sales-crm .trace-trigger .ic{background:var(--sl-w); color:var(--sl)}
body.p-systems-sales-crm .rules{width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden}
body.p-systems-sales-crm .rules th{padding:13px 18px; font-size:12px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-weight:600}
body.p-systems-sales-crm .rules td{padding:13px 18px; font-size:14.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-sales-crm .rules tr:last-child td{border-bottom:0}
body.p-systems-sales-crm .rules td:first-child{font-weight:600; color:var(--ink); width:32%}
body.p-systems-sales-crm .rules .num{font-family:var(--mono); color:var(--sl); font-weight:600}
@media (max-width:1080px){
body.p-systems-sales-crm .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:860px){
body.p-systems-sales-crm .c360-grid{grid-template-columns:1fr}
body.p-systems-sales-crm .c360-box{border-inline-start:0}
}

/* ----- systems/stocktaking.html ----- */
body.p-systems-stocktaking{--ct:#B4762A; --ct-w:#FAF2E4}
body.p-systems-stocktaking .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-stocktaking .phero .eyebrow{color:var(--ct)}
body.p-systems-stocktaking .phero .eyebrow::before{background:var(--ct)}
body.p-systems-stocktaking .cs{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-stocktaking .cs-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-stocktaking .cs-ic{width:42px; height:42px; border-radius:11px; background:var(--ct-w); color:var(--ct); display:grid; place-items:center; flex-shrink:0}
body.p-systems-stocktaking .cs-ic svg{width:20px; height:20px}
body.p-systems-stocktaking .cs-top h3{font-size:16px}
body.p-systems-stocktaking .cs-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-stocktaking .cs-top .live{margin-inline-start:auto; display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-stocktaking .cs-top .live i{width:7px; height:7px; border-radius:50%; background:var(--seal); display:block}
body.p-systems-stocktaking .prg{padding:17px 18px; border-bottom:1px solid var(--rule-soft)}
body.p-systems-stocktaking .prg .row{display:flex; justify-content:space-between; font-size:12.5px; color:var(--ink-3); margin-bottom:8px}
body.p-systems-stocktaking .prg .row b{font-family:var(--mono); color:var(--ink); font-size:13.5px}
body.p-systems-stocktaking .prg .track{height:11px; background:#EDF2F5; border-radius:99px; overflow:hidden}
body.p-systems-stocktaking .prg .fill{height:100%; background:linear-gradient(to left, #D8A455, var(--ct)); border-radius:99px}
body.p-systems-stocktaking .prg .lbl{display:flex; justify-content:space-between; margin-top:9px; font-size:11.5px; color:var(--ink-3)}
body.p-systems-stocktaking .cs-nums{display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--rule-soft)}
body.p-systems-stocktaking .cs-nums div{padding:13px 10px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-stocktaking .cs-nums div:first-child{border-inline-start:0}
body.p-systems-stocktaking .cs-nums .k{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-stocktaking .cs-nums .v{font-family:var(--mono); font-size:18px; font-weight:600; margin-top:4px; display:block}
body.p-systems-stocktaking .cs-nums .v.r{color:#B4443A}
body.p-systems-stocktaking .cs-nums .v.g{color:var(--credit)}
body.p-systems-stocktaking .cs table{width:100%; border-collapse:collapse}
body.p-systems-stocktaking .cs th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-systems-stocktaking .cs th.n, body.p-systems-stocktaking .cs td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-systems-stocktaking .cs td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-stocktaking .cs td.n{font-size:13px; color:var(--ink)}
body.p-systems-stocktaking .cs .neg{color:#B4443A; font-weight:600}
body.p-systems-stocktaking .cs .pos{color:var(--credit); font-weight:600}
body.p-systems-stocktaking .cs-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-stocktaking .trace-tabs button[aria-selected="true"]{background:var(--ct)}
body.p-systems-stocktaking .trace-steps .dot::before{border-color:var(--ct)}
body.p-systems-stocktaking .trace-trigger .ic{background:var(--ct-w); color:var(--ct)}
body.p-systems-stocktaking .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-systems-stocktaking .tbl .hl{color:var(--ct); font-weight:600}
body.p-systems-stocktaking .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-stocktaking .pain:hover{border-color:#E4D3B4; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-stocktaking .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-stocktaking .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-stocktaking .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-stocktaking .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-stocktaking .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--ct); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-stocktaking .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
@media (max-width:1080px){
body.p-systems-stocktaking .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/support-documents.html ----- */
body.p-systems-support-documents{--sv:#9B3B6E; --sv-w:#FBEDF4}
body.p-systems-support-documents .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-support-documents .phero .eyebrow{color:var(--sv)}
body.p-systems-support-documents .phero .eyebrow::before{background:var(--sv)}
body.p-systems-support-documents .tk{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-support-documents .tk-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-support-documents .tk-ic{width:42px; height:42px; border-radius:11px; background:var(--sv-w); color:var(--sv); display:grid; place-items:center; flex-shrink:0}
body.p-systems-support-documents .tk-ic svg{width:20px; height:20px}
body.p-systems-support-documents .tk-top h3{font-size:16px}
body.p-systems-support-documents .tk-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-support-documents .tk-top .pri{margin-inline-start:auto; font-size:11.5px; font-weight:600; color:#B4443A; background:#FBE9E7; padding:5px 11px; border-radius:100px}
body.p-systems-support-documents .sla{display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule-soft)}
body.p-systems-support-documents .sla > div{padding:15px 18px; border-inline-start:1px solid var(--rule-soft)}
body.p-systems-support-documents .sla > div:first-child{border-inline-start:0}
body.p-systems-support-documents .sla .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:7px}
body.p-systems-support-documents .sla .v{font-family:var(--mono); font-size:18px; font-weight:600}
body.p-systems-support-documents .sla .v.ok{color:var(--credit)}
body.p-systems-support-documents .sla .v.run{color:var(--seal)}
body.p-systems-support-documents .sla .bar{height:7px; background:#EDF2F5; border-radius:99px; overflow:hidden; margin-top:9px}
body.p-systems-support-documents .sla .bar i{display:block; height:100%; border-radius:99px}
body.p-systems-support-documents .sla .bar i.g{background:var(--credit)}
body.p-systems-support-documents .sla .bar i.a{background:var(--seal)}
body.p-systems-support-documents .sla .sm{font-size:11.5px; color:var(--ink-3); margin-top:6px; display:block}
body.p-systems-support-documents .tk-link{padding:13px 18px; border-bottom:1px solid var(--rule-soft); display:flex; flex-wrap:wrap; gap:8px}
body.p-systems-support-documents .tk-link a, body.p-systems-support-documents .tk-link span{font-size:12px; border:1px solid var(--rule); background:var(--surface-2); border-radius:100px; padding:5px 11px; color:var(--ink-2)}
body.p-systems-support-documents .tk-link a:hover{border-color:var(--sv); color:var(--sv)}
body.p-systems-support-documents .tk-log{padding:14px 18px}
body.p-systems-support-documents .tk-log .k{font-size:11.5px; color:var(--ink-3); display:block; margin-bottom:9px}
body.p-systems-support-documents .tk-log li{display:flex; gap:10px; align-items:flex-start; padding:7px 0; font-size:13px; color:var(--ink-2); border-bottom:1px solid var(--rule-soft)}
body.p-systems-support-documents .tk-log li:last-child{border-bottom:0}
body.p-systems-support-documents .tk-log .dot{width:8px; height:8px; border-radius:50%; background:var(--sv); margin-top:6px; flex-shrink:0}
body.p-systems-support-documents .tk-log .dot.g{background:var(--credit)}
body.p-systems-support-documents .tk-log .dt{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); white-space:nowrap}
body.p-systems-support-documents .trace-tabs button[aria-selected="true"]{background:var(--sv)}
body.p-systems-support-documents .trace-steps .dot::before{border-color:var(--sv)}
body.p-systems-support-documents .trace-trigger .ic{background:var(--sv-w); color:var(--sv)}
body.p-systems-support-documents .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-support-documents .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-support-documents .tbl .bad{color:#B4443A; font-weight:600}
body.p-systems-support-documents .tbl .lvl{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:100px}
body.p-systems-support-documents .lvl.h{background:#FBE9E7; color:#B4443A}
body.p-systems-support-documents .lvl.m{background:#FCF1E3; color:var(--seal)}
body.p-systems-support-documents .lvl.l{background:var(--credit-w); color:var(--credit-d)}
body.p-systems-support-documents .tree{font-size:14px}
body.p-systems-support-documents .tree li{padding:8px 0; border-bottom:1px solid var(--rule-soft); display:flex; align-items:center; gap:10px; color:var(--ink-2)}
body.p-systems-support-documents .tree li:last-child{border-bottom:0}
body.p-systems-support-documents .tree .l2{padding-inline-start:24px}
body.p-systems-support-documents .tree .l3{padding-inline-start:48px; color:var(--ink-3); font-size:13.5px}
body.p-systems-support-documents .tree svg{width:15px; height:15px; color:var(--sv); flex-shrink:0}
body.p-systems-support-documents .tree .cnt{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink-3)}
body.p-systems-support-documents .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
@media (max-width:1080px){
body.p-systems-support-documents .phero-grid{grid-template-columns:1fr; gap:38px}
}
@media (max-width:860px){
body.p-systems-support-documents .sla{grid-template-columns:1fr}
body.p-systems-support-documents .sla > div{border-inline-start:0; border-bottom:1px solid var(--rule-soft)}
}

/* ----- systems/vat.html ----- */
body.p-systems-vat{--vt:#0E7C66; --vt-w:#E8F4F0}
body.p-systems-vat .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-vat .vat{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-vat .vat-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-vat .vat-top b{font-size:13.5px; color:var(--ink-2)}
body.p-systems-vat .vat-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-systems-vat .vat table{width:100%; border-collapse:collapse}
body.p-systems-vat .vat th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-systems-vat .vat th.n, body.p-systems-vat .vat td.n{text-align:end; font-family:var(--mono); font-weight:500}
body.p-systems-vat .vat td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-systems-vat .vat td.n{font-size:13px; color:var(--ink)}
body.p-systems-vat .vat tr.g td{background:#F6FBFA; font-weight:600; color:var(--vt); font-size:12.5px; letter-spacing:.02em}
body.p-systems-vat .vat tr.sub td{color:var(--ink-3)}
body.p-systems-vat .vat tr.net td{background:var(--surface-2); font-weight:600; color:var(--ink); border-top:1.5px solid var(--ink); border-bottom:0; font-size:14.5px}
body.p-systems-vat .vat .rec{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule)}
body.p-systems-vat .vat .rec div{padding:13px 12px; border-inline-start:1px solid var(--rule-soft); text-align:center}
body.p-systems-vat .vat .rec div:first-child{border-inline-start:0}
body.p-systems-vat .vat .rec .k{font-size:11px; color:var(--ink-3); display:block}
body.p-systems-vat .vat .rec .v{font-family:var(--mono); font-size:16px; font-weight:600; margin-top:4px; display:block}
body.p-systems-vat .vat .rec .v.ok{color:var(--credit)}
body.p-systems-vat .vat-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-vat .trace-tabs button[aria-selected="true"]{background:var(--vt)}
body.p-systems-vat .trace-steps .dot::before{border-color:var(--vt)}
body.p-systems-vat .trace-trigger .ic{background:var(--vt-w); color:var(--vt)}
body.p-systems-vat .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-systems-vat .tbl .ok{color:var(--credit); font-weight:600}
body.p-systems-vat .tbl .no{color:#B4443A; font-weight:600}
body.p-systems-vat .tbl .mid{color:var(--seal); font-weight:600}
body.p-systems-vat .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-systems-vat .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-systems-vat .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-systems-vat .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-systems-vat .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-systems-vat .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-systems-vat .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--vt); letter-spacing:.04em; margin-bottom:7px}
body.p-systems-vat .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-systems-vat .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-systems-vat .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- systems/workflow-approvals.html ----- */
body.p-systems-workflow-approvals{--wf:#0E7C66; --wf-w:#E8F4F0}
body.p-systems-workflow-approvals .phero-grid{position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center; margin-top:26px}
body.p-systems-workflow-approvals .wf{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-systems-workflow-approvals .wf-top{display:flex; gap:13px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-systems-workflow-approvals .wf-ic{width:42px; height:42px; border-radius:11px; background:var(--wf-w); color:var(--wf); display:grid; place-items:center; flex-shrink:0}
body.p-systems-workflow-approvals .wf-ic svg{width:20px; height:20px}
body.p-systems-workflow-approvals .wf-top h3{font-size:16px}
body.p-systems-workflow-approvals .wf-top p{font-size:12px; color:var(--ink-3); margin-top:2px}
body.p-systems-workflow-approvals .wf-top .amt{margin-inline-start:auto; text-align:end}
body.p-systems-workflow-approvals .wf-top .amt b{display:block; font-family:var(--mono); font-size:16px; font-weight:600}
body.p-systems-workflow-approvals .wf-top .amt span{font-size:11px; color:var(--ink-3)}
body.p-systems-workflow-approvals .chain{padding:8px 18px 14px}
body.p-systems-workflow-approvals .chain li{display:grid; grid-template-columns:26px 1fr auto; gap:12px; padding:13px 0; border-bottom:1px solid var(--rule-soft); position:relative}
body.p-systems-workflow-approvals .chain li:last-child{border-bottom:0}
body.p-systems-workflow-approvals .chain .st{position:relative; padding-top:3px}
body.p-systems-workflow-approvals .chain .st i{display:block; width:20px; height:20px; border-radius:50%; border:2px solid var(--rule); background:#fff}
body.p-systems-workflow-approvals .chain .st::after{content:""; position:absolute; inset-inline-start:9px; top:24px; bottom:-14px; width:2px; background:var(--rule-soft)}
body.p-systems-workflow-approvals .chain li:last-child .st::after{display:none}
body.p-systems-workflow-approvals .chain li.done .st i{border-color:var(--wf); background:var(--wf)}
body.p-systems-workflow-approvals .chain li.done .st i::before{content:""; position:absolute; inset-inline-start:6px; top:6px; width:7px; height:4px; border-inline-start:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg)}
body.p-systems-workflow-approvals .chain li.wait .st i{border-color:var(--seal); border-style:dashed}
body.p-systems-workflow-approvals .chain b{display:block; font-size:14px; font-weight:600}
body.p-systems-workflow-approvals .chain span{display:block; font-size:12.5px; color:var(--ink-3); margin-top:2px; line-height:1.7}
body.p-systems-workflow-approvals .chain .t{font-family:var(--mono); font-size:11.5px; color:var(--ink-3); white-space:nowrap; padding-top:3px}
body.p-systems-workflow-approvals .chain li.wait .t{color:var(--seal); font-weight:600}
body.p-systems-workflow-approvals .wf-foot{display:flex; flex-wrap:wrap; gap:16px; padding:13px 18px; background:var(--surface-2); border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3)}
body.p-systems-workflow-approvals .wf-foot b{font-family:var(--mono); color:var(--ink); font-size:13.5px}
body.p-systems-workflow-approvals .trace-tabs button[aria-selected="true"]{background:var(--wf)}
body.p-systems-workflow-approvals .trace-steps .dot::before{border-color:var(--wf)}
body.p-systems-workflow-approvals .trace-trigger .ic{background:var(--wf-w); color:var(--wf)}
body.p-systems-workflow-approvals .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-systems-workflow-approvals .tbl .hl{color:var(--wf); font-weight:600}
body.p-systems-workflow-approvals .tbl .bad{color:#B4443A; font-weight:600}
body.p-systems-workflow-approvals .note{margin-top:16px; font-size:14.5px; color:var(--ink-3); line-height:1.85; max-width:90ch}
body.p-systems-workflow-approvals .big{font-family:var(--mono); font-weight:600; color:var(--wf)}
@media (max-width:1080px){
body.p-systems-workflow-approvals .phero-grid{grid-template-columns:1fr; gap:38px}
}

/* ----- tech/cloud-hosting.html ----- */
body.p-tech-cloud-hosting .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-cloud-hosting .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-tech-cloud-hosting .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-cloud-hosting .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-cloud-hosting .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-cloud-hosting .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-cloud-hosting .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-cloud-hosting .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-cloud-hosting .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-cloud-hosting .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-cloud-hosting .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-cloud-hosting .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-cloud-hosting .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-cloud-hosting .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-tech-cloud-hosting .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-cloud-hosting .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-cloud-hosting .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-cloud-hosting .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-cloud-hosting .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-cloud-hosting .hcard table{width:100%; border-collapse:collapse}
body.p-tech-cloud-hosting .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-cloud-hosting .hcard th.c{text-align:center}
body.p-tech-cloud-hosting .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-cloud-hosting .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-cloud-hosting .hcard td.us{color:var(--credit)}
body.p-tech-cloud-hosting .hcard td.you{color:var(--debit)}
body.p-tech-cloud-hosting .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-cloud-hosting .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-cloud-hosting .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-cloud-hosting{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-tech-cloud-hosting .hcard tr.g td{color:var(--tc)}
body.p-tech-cloud-hosting .hcard td.lvl{font-family:var(--mono); font-weight:600; color:var(--ink)}
body.p-tech-cloud-hosting .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink-2)}
body.p-tech-cloud-hosting .hcard tr.hi td{background:#F6FBFA}
body.p-tech-cloud-hosting .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-cloud-hosting .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-cloud-hosting .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-cloud-hosting .pain .a span{color:var(--tc)}
body.p-tech-cloud-hosting .pain .q b::before{content:"\201c"; color:var(--ink-3); font-family:var(--display); margin-inline-end:2px}
body.p-tech-cloud-hosting .pain .q b::after{content:"\201d"; color:var(--ink-3); font-family:var(--display); margin-inline-start:2px}
body.p-tech-cloud-hosting .tbl td:first-child{width:26%}
body.p-tech-cloud-hosting .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-cloud-hosting .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-cloud-hosting .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-cloud-hosting .sec--ink .tbl td:first-child{color:#fff}

/* ----- tech/hosting-in-saudi.html ----- */
body.p-tech-hosting-in-saudi .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-hosting-in-saudi .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-tech-hosting-in-saudi .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-hosting-in-saudi .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-hosting-in-saudi .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-hosting-in-saudi .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-hosting-in-saudi .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-hosting-in-saudi .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-hosting-in-saudi .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-hosting-in-saudi .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hosting-in-saudi .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-hosting-in-saudi .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-hosting-in-saudi .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-hosting-in-saudi .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-tech-hosting-in-saudi .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-hosting-in-saudi .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-hosting-in-saudi .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-hosting-in-saudi .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-hosting-in-saudi .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-hosting-in-saudi .hcard table{width:100%; border-collapse:collapse}
body.p-tech-hosting-in-saudi .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-hosting-in-saudi .hcard th.c{text-align:center}
body.p-tech-hosting-in-saudi .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-hosting-in-saudi .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-hosting-in-saudi .hcard td.us{color:var(--credit)}
body.p-tech-hosting-in-saudi .hcard td.you{color:var(--debit)}
body.p-tech-hosting-in-saudi .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-hosting-in-saudi .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-hosting-in-saudi .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hosting-in-saudi{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-hosting-in-saudi .hcard tr.g td{color:var(--tc)}
body.p-tech-hosting-in-saudi .hcard td.loc{text-align:end; font-size:12.5px; font-weight:600; color:var(--credit)}
body.p-tech-hosting-in-saudi .hcard td.loc.out{color:#B4443A}
body.p-tech-hosting-in-saudi .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-hosting-in-saudi .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-hosting-in-saudi .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-hosting-in-saudi .pain .a span{color:var(--tc)}
body.p-tech-hosting-in-saudi .tbl td:first-child{width:26%}
body.p-tech-hosting-in-saudi .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-hosting-in-saudi .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-hosting-in-saudi .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-hosting-in-saudi .sec--ink .tbl td:first-child{color:#fff}

/* ----- tech/index.html ----- */
body.p-tech-index .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-index .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-tech-index .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-index .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-index .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-index .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-index .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-index .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-index .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-index .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-index .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-index .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-index .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-index .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-tech-index .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-index .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-index .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-index .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-index .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-index .hcard table{width:100%; border-collapse:collapse}
body.p-tech-index .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-index .hcard th.c{text-align:center}
body.p-tech-index .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-index .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-index .hcard td.us{color:var(--credit)}
body.p-tech-index .hcard td.you{color:var(--debit)}
body.p-tech-index .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-index .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-index .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-index{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-index .hcard tr.g td{color:var(--tc)}
body.p-tech-index .topics{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:8px}
body.p-tech-index .topic{display:block; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 22px; transition:.2s}
body.p-tech-index a.topic:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-index .topic b{display:block; font-family:var(--display); font-size:16.5px; font-weight:600; letter-spacing:-.02em; margin-bottom:7px}
body.p-tech-index .topic p{font-size:14px; color:var(--ink-3); line-height:1.8}
body.p-tech-index .topic .go{display:inline-block; margin-top:11px; font-size:13px; font-weight:600; color:var(--tc)}
body.p-tech-index .topic.soon{opacity:.72; background:var(--surface-2); border-style:dashed}
body.p-tech-index .topic.soon .tag{display:inline-block; margin-top:11px; font-size:11.5px; font-weight:600; color:var(--ink-3); background:#EEF3F6; border-radius:100px; padding:4px 10px}
@media (max-width:900px){
body.p-tech-index .topics{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
body.p-tech-index .topics{grid-template-columns:1fr}
}
body.p-tech-index .qlist{counter-reset:q; display:grid; gap:14px; margin-top:8px}
body.p-tech-index .qrow{display:grid; grid-template-columns:44px 1fr; gap:18px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 22px}
body.p-tech-index .qrow .n{counter-increment:q; font-family:var(--mono); font-size:14px; font-weight:600; color:var(--tc); background:var(--tc-w); border-radius:var(--r); display:grid; place-items:center; height:34px}
body.p-tech-index .qrow .n::before{content:counter(q,decimal)}
body.p-tech-index .qrow b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-index .qrow p{font-size:14.5px; color:var(--ink-2); line-height:1.85}
body.p-tech-index .qrow .eff{margin-top:10px; padding-top:10px; border-top:1px dashed var(--rule); font-size:13.5px; color:var(--ink-3)}
body.p-tech-index .qrow .eff b{display:inline; font-family:var(--sans); font-size:13.5px; color:var(--ink-2)}
body.p-tech-index .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-index .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-index .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-index .sec--ink .tbl td:first-child{color:#fff}

/* ----- tech/on-premises.html ----- */
body.p-tech-on-premises .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-on-premises .tbl td:first-child{font-weight:600; color:var(--ink)}
body.p-tech-on-premises .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-on-premises .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-on-premises .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-on-premises .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-on-premises .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-on-premises .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-on-premises .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-on-premises .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-on-premises .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-on-premises .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-on-premises .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-on-premises .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
@media (max-width:1080px){
body.p-tech-on-premises .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-on-premises .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-on-premises .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-on-premises .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-on-premises .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-on-premises .hcard table{width:100%; border-collapse:collapse}
body.p-tech-on-premises .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-on-premises .hcard th.c{text-align:center}
body.p-tech-on-premises .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-on-premises .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-on-premises .hcard td.us{color:var(--credit)}
body.p-tech-on-premises .hcard td.you{color:var(--debit)}
body.p-tech-on-premises .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-on-premises .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-on-premises .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-on-premises{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-on-premises .hcard tr.g td{color:var(--tc)}
body.p-tech-on-premises .hcard td.who{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-on-premises .hcard td.who.us{color:var(--credit)}
body.p-tech-on-premises .hcard td.who.you{color:var(--debit)}
body.p-tech-on-premises .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-on-premises .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-on-premises .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-on-premises .pain .a span{color:var(--tc)}
body.p-tech-on-premises .tbl td:first-child{width:24%}
body.p-tech-on-premises .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-on-premises .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-on-premises .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-on-premises .sec--ink .tbl td:first-child{color:#fff}

/* ----- tech/hybrid.html ----- */
body.p-tech-hybrid .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-hybrid .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-hybrid .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-hybrid .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-hybrid .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-hybrid .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-hybrid .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-hybrid .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-hybrid .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-hybrid .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hybrid .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-hybrid .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-hybrid .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-hybrid .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-hybrid .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-hybrid .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-hybrid .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-hybrid .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-hybrid .hcard table{width:100%; border-collapse:collapse}
body.p-tech-hybrid .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-hybrid .hcard th.e{text-align:end}
body.p-tech-hybrid .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-hybrid .hcard td.e{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-hybrid .hcard td.bad{color:#B4443A}
body.p-tech-hybrid .hcard td.good{color:var(--credit)}
body.p-tech-hybrid .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-hybrid .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-hybrid .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hybrid .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-hybrid .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-hybrid .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-hybrid .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-hybrid .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-hybrid .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-hybrid .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){
body.p-tech-hybrid .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-hybrid{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-hybrid .hcard tr.g td{color:var(--tc)}

/* ----- tech/security.html ----- */
body.p-tech-security .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-security .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-security .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-security .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-security .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-security .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-security .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-security .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-security .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-security .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-security .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-security .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-security .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-security .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-security .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-security .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-security .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-security .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-security .hcard table{width:100%; border-collapse:collapse}
body.p-tech-security .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-security .hcard th.e{text-align:end}
body.p-tech-security .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-security .hcard td.e{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-security .hcard td.bad{color:#B4443A}
body.p-tech-security .hcard td.good{color:var(--credit)}
body.p-tech-security .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-security .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-security .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-security .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-security .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-security .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-security .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-security .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-security .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-security .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){
body.p-tech-security .phero-grid{grid-template-columns:1fr; gap:38px}
}
body.p-tech-security{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-tech-security .hcard tr.g td{color:var(--tc)}

/* ----- tech/hybrid.html ----- */
body.p-tech-hybrid{--tc:#B4762A; --tc-w:#FCF1E3}
body.p-tech-hybrid .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-hybrid .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-hybrid .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-hybrid .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-hybrid .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-hybrid .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-hybrid .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-hybrid .pain:hover{border-color:#E8CFA9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-hybrid .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-hybrid .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-hybrid .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hybrid .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-hybrid .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-hybrid .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-hybrid .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-hybrid .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-hybrid .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-hybrid .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-hybrid .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-hybrid .hcard table{width:100%; border-collapse:collapse}
body.p-tech-hybrid .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-hybrid .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-hybrid .hcard td.side{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-hybrid .hcard td.side.inn{color:var(--debit)}
body.p-tech-hybrid .hcard td.side.out{color:var(--credit)}
body.p-tech-hybrid .hcard tr.g td{background:#FBF7F1; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-hybrid .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-hybrid .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-hybrid .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-hybrid .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-hybrid .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-hybrid .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-hybrid .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-hybrid .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-hybrid .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

/* ----- tech/security.html ----- */
body.p-tech-security{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-security .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-security .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-security .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-security .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-security .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-security .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-security .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-security .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-security .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-security .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-security .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-security .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-security .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-security .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-security .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-security .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-security .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-security .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-security .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-security .hcard table{width:100%; border-collapse:collapse}
body.p-tech-security .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-security .hcard th.c{text-align:end}
body.p-tech-security .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-security .hcard td.own{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-security .hcard td.own.us{color:var(--credit)}
body.p-tech-security .hcard td.own.you{color:var(--debit)}
body.p-tech-security .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-security .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-security .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-security .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-security .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-security .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-security .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-security .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-security .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-security .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

/* ----- tech/backup-recovery.html ----- */
body.p-tech-backup-recovery{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-tech-backup-recovery .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-backup-recovery .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-backup-recovery .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-backup-recovery .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-backup-recovery .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-backup-recovery .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-backup-recovery .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-backup-recovery .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-backup-recovery .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-backup-recovery .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-backup-recovery .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-backup-recovery .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-backup-recovery .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-backup-recovery .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-backup-recovery .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-backup-recovery .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-backup-recovery .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-backup-recovery .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-backup-recovery .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-backup-recovery .hcard table{width:100%; border-collapse:collapse}
body.p-tech-backup-recovery .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-backup-recovery .hcard th.c{text-align:end}
body.p-tech-backup-recovery .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-backup-recovery .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-backup-recovery .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-backup-recovery .hcard td.yes{color:var(--credit)}
body.p-tech-backup-recovery .hcard td.nope{color:#B4443A}
body.p-tech-backup-recovery .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-backup-recovery .hcard tr.hi td{background:#F6FBFA}
body.p-tech-backup-recovery .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-backup-recovery .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-backup-recovery .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-backup-recovery .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-backup-recovery .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-backup-recovery .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-backup-recovery .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-backup-recovery .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-backup-recovery .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

/* ----- tech/users-permissions.html ----- */
body.p-tech-users-permissions{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-users-permissions .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-users-permissions .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-users-permissions .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-users-permissions .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-users-permissions .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-users-permissions .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-users-permissions .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-users-permissions .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-users-permissions .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-users-permissions .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-users-permissions .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-users-permissions .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-users-permissions .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-users-permissions .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-users-permissions .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-users-permissions .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-users-permissions .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-users-permissions .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-users-permissions .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-users-permissions .hcard table{width:100%; border-collapse:collapse}
body.p-tech-users-permissions .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-users-permissions .hcard th.c{text-align:end}
body.p-tech-users-permissions .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-users-permissions .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-users-permissions .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-users-permissions .hcard td.yes{color:var(--credit)}
body.p-tech-users-permissions .hcard td.nope{color:#B4443A}
body.p-tech-users-permissions .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-users-permissions .hcard tr.hi td{background:#F4F8FC}
body.p-tech-users-permissions .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-users-permissions .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-users-permissions .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-users-permissions .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-users-permissions .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-users-permissions .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-users-permissions .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-users-permissions .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-users-permissions .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

/* ----- tech/audit-log.html ----- */
body.p-tech-audit-log{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-audit-log .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-audit-log .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-audit-log .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-audit-log .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-audit-log .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-audit-log .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-audit-log .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-audit-log .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-audit-log .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-audit-log .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-audit-log .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-audit-log .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-audit-log .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-audit-log .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-audit-log .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-audit-log .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-audit-log .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-audit-log .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-audit-log .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-audit-log .hcard table{width:100%; border-collapse:collapse}
body.p-tech-audit-log .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-audit-log .hcard th.c{text-align:end}
body.p-tech-audit-log .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-audit-log .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-audit-log .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-audit-log .hcard td.yes{color:var(--credit)}
body.p-tech-audit-log .hcard td.nope{color:#B4443A}
body.p-tech-audit-log .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-audit-log .hcard tr.hi td{background:#F4F8FC}
body.p-tech-audit-log .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-audit-log .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-audit-log .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-audit-log .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-audit-log .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-audit-log .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-audit-log .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-audit-log .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-audit-log .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-tech-audit-log .hcard td.k{width:38%; color:var(--ink-3); font-size:12.5px}
body.p-tech-audit-log .hcard td.v{font-family:var(--mono); font-size:12.5px; color:var(--ink); direction:ltr; text-align:start; unicode-bidi:plaintext}
body.p-tech-audit-log .hcard td.v.ar{font-family:var(--sans); font-size:13px; direction:rtl}
body.p-tech-audit-log .hcard td.old{color:#B4443A}
body.p-tech-audit-log .hcard td.new{color:var(--credit)}

/* ----- tech/multi-company.html ----- */
body.p-tech-multi-company{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-tech-multi-company .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-multi-company .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-multi-company .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-multi-company .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-multi-company .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-multi-company .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-multi-company .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-multi-company .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-multi-company .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-multi-company .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-multi-company .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-multi-company .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-multi-company .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-multi-company .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-multi-company .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-multi-company .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-multi-company .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-multi-company .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-multi-company .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-multi-company .hcard table{width:100%; border-collapse:collapse}
body.p-tech-multi-company .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-multi-company .hcard th.c{text-align:end}
body.p-tech-multi-company .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-multi-company .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-multi-company .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-multi-company .hcard td.yes{color:var(--credit)}
body.p-tech-multi-company .hcard td.nope{color:#B4443A}
body.p-tech-multi-company .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-multi-company .hcard tr.hi td{background:#F6FBFA}
body.p-tech-multi-company .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-multi-company .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-multi-company .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-multi-company .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-multi-company .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-multi-company .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-multi-company .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-multi-company .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-multi-company .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-tech-multi-company .hcard td.lvl2{padding-inline-start:34px; position:relative}
body.p-tech-multi-company .hcard td.lvl2::before{content:"—"; position:absolute; inset-inline-start:18px; color:var(--rule)}
body.p-tech-multi-company .hcard td.tag{text-align:end; font-size:12px; font-weight:600; color:var(--ink-3)}
body.p-tech-multi-company .hcard td.tag.sh{color:var(--credit)}
body.p-tech-multi-company .hcard td.tag.ind{color:var(--debit)}

/* ----- tech/multi-language-currency.html ----- */
body.p-tech-multi-language-currency{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-tech-multi-language-currency .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-multi-language-currency .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-multi-language-currency .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-multi-language-currency .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-multi-language-currency .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-multi-language-currency .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-multi-language-currency .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-multi-language-currency .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-multi-language-currency .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-multi-language-currency .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-multi-language-currency .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-multi-language-currency .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-multi-language-currency .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-multi-language-currency .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-multi-language-currency .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-multi-language-currency .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-multi-language-currency .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-multi-language-currency .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-multi-language-currency .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-multi-language-currency .hcard table{width:100%; border-collapse:collapse}
body.p-tech-multi-language-currency .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-multi-language-currency .hcard th.c{text-align:end}
body.p-tech-multi-language-currency .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-multi-language-currency .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-multi-language-currency .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-multi-language-currency .hcard td.yes{color:var(--credit)}
body.p-tech-multi-language-currency .hcard td.nope{color:#B4443A}
body.p-tech-multi-language-currency .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-multi-language-currency .hcard tr.hi td{background:#F4F8FC}
body.p-tech-multi-language-currency .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-multi-language-currency .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-multi-language-currency .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-multi-language-currency .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-multi-language-currency .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-multi-language-currency .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-multi-language-currency .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-multi-language-currency .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-multi-language-currency .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-tech-multi-language-currency .hcard td.n{font-variant-numeric:tabular-nums}
body.p-tech-multi-language-currency .hcard td.neg{color:#B4443A; font-weight:600}
body.p-tech-multi-language-currency .hcard td.k{width:52%; color:var(--ink-2); font-size:13px}

/* ----- tech/mobile-apps.html ----- */
body.p-tech-mobile-apps{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-tech-mobile-apps .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-mobile-apps .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-mobile-apps .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-mobile-apps .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-mobile-apps .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-mobile-apps .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-mobile-apps .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-mobile-apps .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-mobile-apps .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-mobile-apps .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-mobile-apps .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-mobile-apps .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-mobile-apps .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-mobile-apps .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-mobile-apps .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-mobile-apps .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-mobile-apps .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-mobile-apps .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-mobile-apps .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-mobile-apps .hcard table{width:100%; border-collapse:collapse}
body.p-tech-mobile-apps .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-mobile-apps .hcard th.c{text-align:end}
body.p-tech-mobile-apps .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-mobile-apps .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-mobile-apps .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-mobile-apps .hcard td.yes{color:var(--credit)}
body.p-tech-mobile-apps .hcard td.nope{color:#B4443A}
body.p-tech-mobile-apps .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-mobile-apps .hcard tr.hi td{background:#F6FBFA}
body.p-tech-mobile-apps .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-mobile-apps .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-mobile-apps .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-mobile-apps .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-mobile-apps .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-mobile-apps .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-mobile-apps .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-mobile-apps .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-mobile-apps .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-tech-mobile-apps .hcard td.k{width:58%; color:var(--ink-2); font-size:13.5px}
body.p-tech-mobile-apps .hcard td.v{text-align:end; font-size:12.5px; font-weight:600}
body.p-tech-mobile-apps .hcard td.v.y{color:var(--credit)}
body.p-tech-mobile-apps .hcard td.v.n{color:#B4443A}

/* ----- tech/scalability.html ----- */
body.p-tech-scalability{--tc:#B4762A; --tc-w:#FCF1E3}
body.p-tech-scalability .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-tech-scalability .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-tech-scalability .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-tech-scalability .tbl .ok{color:var(--credit); font-weight:600}
body.p-tech-scalability .tbl .no{color:#B4443A; font-weight:600}
body.p-tech-scalability .tbl .mid{color:var(--seal); font-weight:600}
body.p-tech-scalability .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-tech-scalability .pain:hover{border-color:#E8CFA9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-tech-scalability .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-tech-scalability .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-tech-scalability .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-scalability .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-tech-scalability .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-tech-scalability .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-tech-scalability .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-tech-scalability .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-tech-scalability .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-tech-scalability .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-tech-scalability .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-tech-scalability .hcard table{width:100%; border-collapse:collapse}
body.p-tech-scalability .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-tech-scalability .hcard th.c{text-align:end}
body.p-tech-scalability .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-tech-scalability .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-tech-scalability .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-tech-scalability .hcard td.yes{color:var(--credit)}
body.p-tech-scalability .hcard td.nope{color:#B4443A}
body.p-tech-scalability .hcard tr.g td{background:#FBF7F1; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-tech-scalability .hcard tr.hi td{background:#FBF7F1}
body.p-tech-scalability .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-tech-scalability .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-tech-scalability .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-tech-scalability .trace-steps .dot::before{border-color:var(--tc)}
body.p-tech-scalability .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-tech-scalability .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-tech-scalability .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-tech-scalability .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-tech-scalability .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-tech-scalability .hcard td.k{width:44%; color:var(--ink); font-weight:600; font-size:13px}
body.p-tech-scalability .hcard td.s{font-size:12.5px; color:var(--ink-2)}

/* ----- custom-development.html ----- */
body.p-custom-development{--tc:#B4762A; --tc-w:#FCF1E3}
body.p-custom-development .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-custom-development .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-custom-development .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-custom-development .tbl .ok{color:var(--credit); font-weight:600}
body.p-custom-development .tbl .no{color:#B4443A; font-weight:600}
body.p-custom-development .tbl .mid{color:var(--seal); font-weight:600}
body.p-custom-development .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-custom-development .pain:hover{border-color:#E8CFA9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-custom-development .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-custom-development .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-custom-development .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-custom-development .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-custom-development .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-custom-development .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-custom-development .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-custom-development .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-custom-development .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-custom-development .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-custom-development .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-custom-development .hcard table{width:100%; border-collapse:collapse}
body.p-custom-development .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-custom-development .hcard th.c{text-align:end}
body.p-custom-development .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-custom-development .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-custom-development .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-custom-development .hcard td.yes{color:var(--credit)}
body.p-custom-development .hcard td.nope{color:#B4443A}
body.p-custom-development .hcard tr.g td{background:#FBF7F1; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-custom-development .hcard tr.hi td{background:#FBF7F1}
body.p-custom-development .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-custom-development .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-custom-development .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-custom-development .trace-steps .dot::before{border-color:var(--tc)}
body.p-custom-development .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-custom-development .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-custom-development .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-custom-development .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-custom-development .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-custom-development .hcard td.k{width:46%; color:var(--ink); font-weight:600; font-size:13px}
body.p-custom-development .hcard td.s{font-size:12.5px; color:var(--ink-2)}
body.p-custom-development .hcard td.t{text-align:end; font-family:var(--mono); font-size:12.5px; color:var(--ink-2)}

/* ----- integrations/index.html ----- */
body.p-integrations-index{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-integrations-index .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-integrations-index .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-integrations-index .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-integrations-index .tbl .ok{color:var(--credit); font-weight:600}
body.p-integrations-index .tbl .no{color:#B4443A; font-weight:600}
body.p-integrations-index .tbl .mid{color:var(--seal); font-weight:600}
body.p-integrations-index .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-integrations-index .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-integrations-index .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-integrations-index .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-integrations-index .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-integrations-index .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-integrations-index .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-integrations-index .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-integrations-index .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-integrations-index .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-integrations-index .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-integrations-index .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-integrations-index .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-integrations-index .hcard table{width:100%; border-collapse:collapse}
body.p-integrations-index .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-integrations-index .hcard th.c{text-align:end}
body.p-integrations-index .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-integrations-index .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-integrations-index .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-integrations-index .hcard td.yes{color:var(--credit)}
body.p-integrations-index .hcard td.nope{color:#B4443A}
body.p-integrations-index .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-integrations-index .hcard tr.hi td{background:#F4F8FC}
body.p-integrations-index .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-integrations-index .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-integrations-index .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-integrations-index .trace-steps .dot::before{border-color:var(--tc)}
body.p-integrations-index .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-integrations-index .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-integrations-index .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-integrations-index .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-integrations-index .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-integrations-index .hcard td.k{width:56%; color:var(--ink); font-weight:600; font-size:13px}
body.p-integrations-index .hcard td.d{text-align:end; font-size:12.5px; font-weight:600; color:var(--ink-2)}
body.p-integrations-index .hcard td.d.out{color:var(--credit)}
body.p-integrations-index .hcard td.d.in{color:var(--debit)}
body.p-integrations-index .hcard td.d.two{color:var(--seal)}

/* ----- blog/why-numbers-differ.html (منسوخة عن blog/when-to-move-to-erp.html) ----- */
body.p-blog-why-numbers-differ .rbar{position:fixed; top:0; inset-inline-start:0; height:3px; background:var(--credit); width:0; z-index:200; transition:width .1s}
body.p-blog-why-numbers-differ .ahero{background:var(--paper); padding:40px 0 44px; position:relative; overflow:hidden}
body.p-blog-why-numbers-differ .ahero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-blog-why-numbers-differ .ahero .in{position:relative; max-width:780px}
body.p-blog-why-numbers-differ .ahero h1{font-size:clamp(28px,4.2vw,46px); font-weight:700; letter-spacing:-.035em; line-height:1.25}
body.p-blog-why-numbers-differ .ahero .sub{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:64ch}
body.p-blog-why-numbers-differ .ameta{display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; font-size:13px; color:var(--ink-3); align-items:center}
body.p-blog-why-numbers-differ .ameta .tag{font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); border-radius:100px; padding:4px 11px}
body.p-blog-why-numbers-differ .ameta span{display:flex; align-items:center; gap:7px}
body.p-blog-why-numbers-differ .ameta svg{width:14px; height:14px}
body.p-blog-why-numbers-differ .alayout{display:grid; grid-template-columns:1fr 240px; gap:48px; align-items:start}
body.p-blog-why-numbers-differ .toc{position:sticky; top:92px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 20px}
body.p-blog-why-numbers-differ .toc h4{font-size:12px; letter-spacing:.05em; color:var(--ink-3); font-weight:600; margin-bottom:12px}
body.p-blog-why-numbers-differ .toc a{display:block; font-size:13.5px; color:var(--ink-2); padding:6px 0; border-inline-start:2px solid transparent; padding-inline-start:11px; margin-inline-start:-11px; line-height:1.6; transition:.15s}
body.p-blog-why-numbers-differ .toc a:hover{color:var(--credit)}
body.p-blog-why-numbers-differ .toc a.on{color:var(--credit); font-weight:600; border-color:var(--credit)}
body.p-blog-why-numbers-differ .prose{max-width:70ch}
body.p-blog-why-numbers-differ .prose h2{font-size:clamp(21px,2.6vw,27px); letter-spacing:-.025em; margin:42px 0 14px; scroll-margin-top:100px}
body.p-blog-why-numbers-differ .prose h2:first-child{margin-top:0}
body.p-blog-why-numbers-differ .prose h3{font-size:18.5px; margin:28px 0 10px; color:var(--ink)}
body.p-blog-why-numbers-differ .prose p{font-size:16.5px; line-height:1.95; color:var(--ink-2); margin-bottom:16px}
body.p-blog-why-numbers-differ .prose ul, body.p-blog-why-numbers-differ .prose ol{margin:0 0 18px; padding-inline-start:0}
body.p-blog-why-numbers-differ .prose li{font-size:16.5px; line-height:1.9; color:var(--ink-2); margin-bottom:9px; padding-inline-start:22px; position:relative}
body.p-blog-why-numbers-differ .prose li::before{content:""; position:absolute; inset-inline-start:6px; top:13px; width:6px; height:6px; border-radius:50%; background:var(--credit); opacity:.6}
body.p-blog-why-numbers-differ .prose ol{counter-reset:n}
body.p-blog-why-numbers-differ .prose ol li{counter-increment:n}
body.p-blog-why-numbers-differ .prose ol li::before{content:counter(n); background:none; width:auto; height:auto; top:0; inset-inline-start:0; font-family:var(--mono); font-size:13px; color:var(--credit); font-weight:600; opacity:1}
body.p-blog-why-numbers-differ .prose b, body.p-blog-why-numbers-differ .prose strong{color:var(--ink); font-weight:600}
body.p-blog-why-numbers-differ .prose blockquote{margin:24px 0; padding:18px 22px; background:var(--surface-2); border-inline-start:3px solid var(--credit); border-radius:0 var(--r) var(--r) 0}
body.p-blog-why-numbers-differ .prose blockquote p{margin:0; font-size:17px; color:var(--ink); line-height:1.85}
body.p-blog-why-numbers-differ .prose table{width:100%; border-collapse:collapse; margin:24px 0; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; font-size:15px}
body.p-blog-why-numbers-differ .prose th{padding:12px 15px; font-size:11.5px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-weight:600}
body.p-blog-why-numbers-differ .prose td{padding:12px 15px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2); line-height:1.75}
body.p-blog-why-numbers-differ .prose td:first-child{font-weight:600; color:var(--ink)}
body.p-blog-why-numbers-differ .prose tr:last-child td{border-bottom:0}
body.p-blog-why-numbers-differ .callout{margin:26px 0; padding:22px 24px; background:var(--ink); border-radius:var(--r-lg); color:#C7D3DC}
body.p-blog-why-numbers-differ .callout h4{color:#fff; font-size:17px; margin-bottom:9px}
body.p-blog-why-numbers-differ .callout p{color:#A9BCCB; font-size:15.5px; line-height:1.9; margin:0}
body.p-blog-why-numbers-differ .callout b{color:#fff}
body.p-blog-why-numbers-differ .aend{margin-top:44px; padding-top:26px; border-top:1px solid var(--rule)}
body.p-blog-why-numbers-differ .aend p{font-size:15px; color:var(--ink-3); line-height:1.85}
@media (max-width:960px){
body.p-blog-why-numbers-differ .alayout{grid-template-columns:1fr; gap:0}
body.p-blog-why-numbers-differ .toc{display:none}
}


/* ----- guides/chart-of-accounts.html (منسوخة عن blog/when-to-move-to-erp.html) ----- */
body.p-guides-chart-of-accounts .rbar{position:fixed; top:0; inset-inline-start:0; height:3px; background:var(--credit); width:0; z-index:200; transition:width .1s}
body.p-guides-chart-of-accounts .ahero{background:var(--paper); padding:40px 0 44px; position:relative; overflow:hidden}
body.p-guides-chart-of-accounts .ahero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(to bottom, transparent 0 41px, rgba(12,26,43,.045) 41px 42px);
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 12%, transparent 78%)}
body.p-guides-chart-of-accounts .ahero .in{position:relative; max-width:780px}
body.p-guides-chart-of-accounts .ahero h1{font-size:clamp(28px,4.2vw,46px); font-weight:700; letter-spacing:-.035em; line-height:1.25}
body.p-guides-chart-of-accounts .ahero .sub{margin-top:18px; font-size:18px; line-height:1.85; color:var(--ink-2); max-width:64ch}
body.p-guides-chart-of-accounts .ameta{display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; font-size:13px; color:var(--ink-3); align-items:center}
body.p-guides-chart-of-accounts .ameta .tag{font-size:11.5px; font-weight:600; color:var(--credit-d); background:var(--credit-w); border-radius:100px; padding:4px 11px}
body.p-guides-chart-of-accounts .ameta span{display:flex; align-items:center; gap:7px}
body.p-guides-chart-of-accounts .ameta svg{width:14px; height:14px}
body.p-guides-chart-of-accounts .alayout{display:grid; grid-template-columns:1fr 240px; gap:48px; align-items:start}
body.p-guides-chart-of-accounts .toc{position:sticky; top:92px; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); padding:20px 20px}
body.p-guides-chart-of-accounts .toc h4{font-size:12px; letter-spacing:.05em; color:var(--ink-3); font-weight:600; margin-bottom:12px}
body.p-guides-chart-of-accounts .toc a{display:block; font-size:13.5px; color:var(--ink-2); padding:6px 0; border-inline-start:2px solid transparent; padding-inline-start:11px; margin-inline-start:-11px; line-height:1.6; transition:.15s}
body.p-guides-chart-of-accounts .toc a:hover{color:var(--credit)}
body.p-guides-chart-of-accounts .toc a.on{color:var(--credit); font-weight:600; border-color:var(--credit)}
body.p-guides-chart-of-accounts .prose{max-width:70ch}
body.p-guides-chart-of-accounts .prose h2{font-size:clamp(21px,2.6vw,27px); letter-spacing:-.025em; margin:42px 0 14px; scroll-margin-top:100px}
body.p-guides-chart-of-accounts .prose h2:first-child{margin-top:0}
body.p-guides-chart-of-accounts .prose h3{font-size:18.5px; margin:28px 0 10px; color:var(--ink)}
body.p-guides-chart-of-accounts .prose p{font-size:16.5px; line-height:1.95; color:var(--ink-2); margin-bottom:16px}
body.p-guides-chart-of-accounts .prose ul, body.p-guides-chart-of-accounts .prose ol{margin:0 0 18px; padding-inline-start:0}
body.p-guides-chart-of-accounts .prose li{font-size:16.5px; line-height:1.9; color:var(--ink-2); margin-bottom:9px; padding-inline-start:22px; position:relative}
body.p-guides-chart-of-accounts .prose li::before{content:""; position:absolute; inset-inline-start:6px; top:13px; width:6px; height:6px; border-radius:50%; background:var(--credit); opacity:.6}
body.p-guides-chart-of-accounts .prose ol{counter-reset:n}
body.p-guides-chart-of-accounts .prose ol li{counter-increment:n}
body.p-guides-chart-of-accounts .prose ol li::before{content:counter(n); background:none; width:auto; height:auto; top:0; inset-inline-start:0; font-family:var(--mono); font-size:13px; color:var(--credit); font-weight:600; opacity:1}
body.p-guides-chart-of-accounts .prose b, body.p-guides-chart-of-accounts .prose strong{color:var(--ink); font-weight:600}
body.p-guides-chart-of-accounts .prose blockquote{margin:24px 0; padding:18px 22px; background:var(--surface-2); border-inline-start:3px solid var(--credit); border-radius:0 var(--r) var(--r) 0}
body.p-guides-chart-of-accounts .prose blockquote p{margin:0; font-size:17px; color:var(--ink); line-height:1.85}
body.p-guides-chart-of-accounts .prose table{width:100%; border-collapse:collapse; margin:24px 0; background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; font-size:15px}
body.p-guides-chart-of-accounts .prose th{padding:12px 15px; font-size:11.5px; letter-spacing:.04em; color:var(--ink-3); text-align:start; background:var(--surface-2); border-bottom:1px solid var(--rule); font-weight:600}
body.p-guides-chart-of-accounts .prose td{padding:12px 15px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2); line-height:1.75}
body.p-guides-chart-of-accounts .prose td:first-child{font-weight:600; color:var(--ink)}
body.p-guides-chart-of-accounts .prose tr:last-child td{border-bottom:0}
body.p-guides-chart-of-accounts .callout{margin:26px 0; padding:22px 24px; background:var(--ink); border-radius:var(--r-lg); color:#C7D3DC}
body.p-guides-chart-of-accounts .callout h4{color:#fff; font-size:17px; margin-bottom:9px}
body.p-guides-chart-of-accounts .callout p{color:#A9BCCB; font-size:15.5px; line-height:1.9; margin:0}
body.p-guides-chart-of-accounts .callout b{color:#fff}
body.p-guides-chart-of-accounts .aend{margin-top:44px; padding-top:26px; border-top:1px solid var(--rule)}
body.p-guides-chart-of-accounts .aend p{font-size:15px; color:var(--ink-3); line-height:1.85}
@media (max-width:960px){
body.p-guides-chart-of-accounts .alayout{grid-template-columns:1fr; gap:0}
body.p-guides-chart-of-accounts .toc{display:none}
}


/* ----- sectors/hospitality.html ----- */
body.p-sectors-hospitality{--tc:#B4762A; --tc-w:#FCF1E3}
body.p-sectors-hospitality .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-hospitality .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-hospitality .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-hospitality .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-hospitality .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-hospitality .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-hospitality .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-hospitality .pain:hover{border-color:#E8CFA9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-hospitality .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-hospitality .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-hospitality .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-hospitality .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-hospitality .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-hospitality .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-hospitality .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-hospitality .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-hospitality .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-hospitality .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-hospitality .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-hospitality .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-hospitality .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-hospitality .hcard th.c{text-align:end}
body.p-sectors-hospitality .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-hospitality .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-hospitality .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-hospitality .hcard td.yes{color:var(--credit)}
body.p-sectors-hospitality .hcard td.nope{color:#B4443A}
body.p-sectors-hospitality .hcard tr.g td{background:#FBF7F1; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-hospitality .hcard tr.hi td{background:#FBF7F1}
body.p-sectors-hospitality .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-hospitality .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-hospitality .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-hospitality .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-hospitality .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-hospitality .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-hospitality .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-hospitality .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-hospitality .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-hospitality .hcard td.k{width:40%; color:var(--ink-2); font-size:13px}
body.p-sectors-hospitality .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-hospitality .hcard td.win{color:var(--credit); font-weight:700}

/* ----- sectors/fuel-stations.html ----- */
body.p-sectors-fuel-stations{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-sectors-fuel-stations .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-fuel-stations .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-fuel-stations .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-fuel-stations .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-fuel-stations .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-fuel-stations .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-fuel-stations .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-fuel-stations .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-fuel-stations .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-fuel-stations .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-fuel-stations .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-fuel-stations .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-fuel-stations .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-fuel-stations .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-fuel-stations .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-fuel-stations .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-fuel-stations .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-fuel-stations .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-fuel-stations .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-fuel-stations .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-fuel-stations .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-fuel-stations .hcard th.c{text-align:end}
body.p-sectors-fuel-stations .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-fuel-stations .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-fuel-stations .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-fuel-stations .hcard td.yes{color:var(--credit)}
body.p-sectors-fuel-stations .hcard td.nope{color:#B4443A}
body.p-sectors-fuel-stations .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-fuel-stations .hcard tr.hi td{background:#F6FBFA}
body.p-sectors-fuel-stations .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-fuel-stations .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-fuel-stations .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-fuel-stations .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-fuel-stations .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-fuel-stations .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-fuel-stations .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-fuel-stations .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-fuel-stations .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-fuel-stations .hcard td.k{width:40%; color:var(--ink-2); font-size:13px}
body.p-sectors-fuel-stations .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-fuel-stations .hcard td.win{color:var(--credit); font-weight:700}

/* ----- sectors/auto-workshops.html ----- */
body.p-sectors-auto-workshops{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-sectors-auto-workshops .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-auto-workshops .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-auto-workshops .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-auto-workshops .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-auto-workshops .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-auto-workshops .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-auto-workshops .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-auto-workshops .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-auto-workshops .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-auto-workshops .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-auto-workshops .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-auto-workshops .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-auto-workshops .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-auto-workshops .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-auto-workshops .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-auto-workshops .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-auto-workshops .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-auto-workshops .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-auto-workshops .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-auto-workshops .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-auto-workshops .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-auto-workshops .hcard th.c{text-align:end}
body.p-sectors-auto-workshops .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-auto-workshops .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-auto-workshops .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-auto-workshops .hcard td.yes{color:var(--credit)}
body.p-sectors-auto-workshops .hcard td.nope{color:#B4443A}
body.p-sectors-auto-workshops .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-auto-workshops .hcard tr.hi td{background:#F4F8FC}
body.p-sectors-auto-workshops .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-auto-workshops .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-auto-workshops .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-auto-workshops .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-auto-workshops .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-auto-workshops .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-auto-workshops .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-auto-workshops .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-auto-workshops .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-auto-workshops .hcard td.k{width:38%; color:var(--ink-2); font-size:13px}
body.p-sectors-auto-workshops .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-auto-workshops .hcard td.bad{color:#B4443A; font-weight:700}

/* ----- sectors/car-rental.html ----- */
body.p-sectors-car-rental{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-sectors-car-rental .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-car-rental .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-car-rental .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-car-rental .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-car-rental .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-car-rental .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-car-rental .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-car-rental .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-car-rental .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-car-rental .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-car-rental .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-car-rental .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-car-rental .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-car-rental .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-car-rental .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-car-rental .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-car-rental .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-car-rental .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-car-rental .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-car-rental .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-car-rental .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-car-rental .hcard th.c{text-align:end}
body.p-sectors-car-rental .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-car-rental .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-car-rental .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-car-rental .hcard td.yes{color:var(--credit)}
body.p-sectors-car-rental .hcard td.nope{color:#B4443A}
body.p-sectors-car-rental .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-car-rental .hcard tr.hi td{background:#F6FBFA}
body.p-sectors-car-rental .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-car-rental .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-car-rental .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-car-rental .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-car-rental .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-car-rental .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-car-rental .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-car-rental .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-car-rental .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-car-rental .hcard td.k{width:52%; color:var(--ink-2); font-size:13px}
body.p-sectors-car-rental .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-car-rental .hcard td.pos{color:var(--credit); font-weight:700}
body.p-sectors-car-rental .hcard td.neg{color:#B4443A}

/* ----- sectors/facility-management.html ----- */
body.p-sectors-facility-management{--tc:#1D5FA8; --tc-w:#E8F0F9}
body.p-sectors-facility-management .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-facility-management .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-facility-management .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-facility-management .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-facility-management .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-facility-management .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-facility-management .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-facility-management .pain:hover{border-color:#BFD5EC; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-facility-management .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-facility-management .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-facility-management .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-facility-management .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-facility-management .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-facility-management .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-facility-management .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-facility-management .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-facility-management .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-facility-management .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-facility-management .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-facility-management .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-facility-management .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-facility-management .hcard th.c{text-align:end}
body.p-sectors-facility-management .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-facility-management .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-facility-management .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-facility-management .hcard td.yes{color:var(--credit)}
body.p-sectors-facility-management .hcard td.nope{color:#B4443A}
body.p-sectors-facility-management .hcard tr.g td{background:#F4F8FC; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-facility-management .hcard tr.hi td{background:#F4F8FC}
body.p-sectors-facility-management .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-facility-management .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-facility-management .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-facility-management .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-facility-management .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-facility-management .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-facility-management .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-facility-management .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-facility-management .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-facility-management .hcard td.k{width:56%; color:var(--ink-2); font-size:13px}
body.p-sectors-facility-management .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-facility-management .hcard td.neg{color:#B4443A; font-weight:600}
body.p-sectors-facility-management .hcard td.pos{color:var(--credit); font-weight:700}

/* ----- sectors/manpower.html ----- */
body.p-sectors-manpower{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-sectors-manpower .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-manpower .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-manpower .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-manpower .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-manpower .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-manpower .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-manpower .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-manpower .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-manpower .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-manpower .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-manpower .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-manpower .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-manpower .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-manpower .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-manpower .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-manpower .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-manpower .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-manpower .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-manpower .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-manpower .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-manpower .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-manpower .hcard th.c{text-align:end}
body.p-sectors-manpower .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-manpower .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-manpower .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-manpower .hcard td.yes{color:var(--credit)}
body.p-sectors-manpower .hcard td.nope{color:#B4443A}
body.p-sectors-manpower .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-manpower .hcard tr.hi td{background:#F6FBFA}
body.p-sectors-manpower .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-manpower .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-manpower .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-manpower .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-manpower .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-manpower .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-manpower .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-manpower .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-manpower .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-manpower .hcard td.k{width:56%; color:var(--ink-2); font-size:13px}
body.p-sectors-manpower .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-manpower .hcard td.neg{color:#B4443A; font-weight:600}
body.p-sectors-manpower .hcard td.pos{color:var(--credit); font-weight:700}

/* ----- sectors/sports-clubs.html ----- */
body.p-sectors-sports-clubs{--tc:#0E7C66; --tc-w:#E6F2EF}
body.p-sectors-sports-clubs .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-sports-clubs .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-sports-clubs .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-sports-clubs .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-sports-clubs .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-sports-clubs .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-sports-clubs .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-sports-clubs .pain:hover{border-color:#C9E0D8; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-sports-clubs .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-sports-clubs .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-sports-clubs .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-sports-clubs .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-sports-clubs .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-sports-clubs .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-sports-clubs .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-sports-clubs .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-sports-clubs .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-sports-clubs .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-sports-clubs .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-sports-clubs .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-sports-clubs .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-sports-clubs .hcard th.c{text-align:end}
body.p-sectors-sports-clubs .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-sports-clubs .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-sports-clubs .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-sports-clubs .hcard td.yes{color:var(--credit)}
body.p-sectors-sports-clubs .hcard td.nope{color:#B4443A}
body.p-sectors-sports-clubs .hcard tr.g td{background:#F6FBFA; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-sports-clubs .hcard tr.hi td{background:#F6FBFA}
body.p-sectors-sports-clubs .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-sports-clubs .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-sports-clubs .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-sports-clubs .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-sports-clubs .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-sports-clubs .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-sports-clubs .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-sports-clubs .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-sports-clubs .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-sports-clubs .hcard td.k{width:56%; color:var(--ink-2); font-size:13px}
body.p-sectors-sports-clubs .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-sports-clubs .hcard td.neg{color:#B4443A; font-weight:600}
body.p-sectors-sports-clubs .hcard td.pos{color:var(--credit); font-weight:700}

/* ----- sectors/events.html ----- */
body.p-sectors-events{--tc:#B4762A; --tc-w:#FCF1E3}
body.p-sectors-events .phero-grid{position:relative; display:grid; grid-template-columns:1.04fr .96fr; gap:52px; align-items:center; margin-top:26px}
body.p-sectors-events .tbl{border-radius:var(--r-lg); overflow:hidden}
body.p-sectors-events .tbl td:first-child{font-weight:600; color:var(--ink); width:24%}
body.p-sectors-events .tbl .ok{color:var(--credit); font-weight:600}
body.p-sectors-events .tbl .no{color:#B4443A; font-weight:600}
body.p-sectors-events .tbl .mid{color:var(--seal); font-weight:600}
body.p-sectors-events .pain{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; transition:.2s}
body.p-sectors-events .pain:hover{border-color:#E8CFA9; box-shadow:var(--shadow-s); transform:translateY(-2px)}
body.p-sectors-events .pain .q{padding:20px 22px 16px; border-bottom:1px dashed var(--rule)}
body.p-sectors-events .pain .q b{display:block; font-family:var(--display); font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:8px}
body.p-sectors-events .pain .q p{font-size:14.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-events .pain .a{padding:16px 22px 20px; background:var(--surface-2)}
body.p-sectors-events .pain .a span{display:block; font-size:11.5px; font-weight:600; color:var(--tc); letter-spacing:.04em; margin-bottom:7px}
body.p-sectors-events .pain .a p{font-size:14.5px; color:var(--ink-2); line-height:1.8}
body.p-sectors-events .disc{margin-top:18px; font-size:13.5px; color:var(--ink-3); background:var(--surface-2); border:1px dashed var(--rule); border-radius:var(--r); padding:15px 18px; line-height:1.85}
body.p-sectors-events .hcard{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r-lg); box-shadow:var(--shadow-m); overflow:hidden}
body.p-sectors-events .hcard-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--rule); background:var(--surface-2)}
body.p-sectors-events .hcard-top b{font-size:13.5px; color:var(--ink-2)}
body.p-sectors-events .hcard-top .st{font-size:11.5px; font-weight:600; color:var(--seal); background:#FCF1E3; padding:5px 11px; border-radius:100px}
body.p-sectors-events .hcard table{width:100%; border-collapse:collapse}
body.p-sectors-events .hcard th{font-size:11px; letter-spacing:.04em; font-weight:600; color:var(--ink-3); text-align:start; padding:10px 18px; border-bottom:1px solid var(--rule)}
body.p-sectors-events .hcard th.c{text-align:end}
body.p-sectors-events .hcard td{padding:9.5px 18px; font-size:13.5px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2)}
body.p-sectors-events .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-events .hcard td.c{text-align:center; font-size:12.5px; font-weight:600}
body.p-sectors-events .hcard td.yes{color:var(--credit)}
body.p-sectors-events .hcard td.nope{color:#B4443A}
body.p-sectors-events .hcard tr.g td{background:#FBF7F1; font-weight:600; color:var(--tc); font-size:12.5px; letter-spacing:.02em}
body.p-sectors-events .hcard tr.hi td{background:#FBF7F1}
body.p-sectors-events .hcard tr.warn td{background:#FCF4EC; color:#8A5A1C; font-weight:600; border-top:1.5px solid #E8CFA9; border-bottom:0}
body.p-sectors-events .hcard-foot{padding:12px 18px; background:var(--surface-2); border-top:1px solid var(--rule-soft); font-size:12.5px; color:var(--ink-3); line-height:1.8}
body.p-sectors-events .trace-tabs button[aria-selected="true"]{background:var(--tc)}
body.p-sectors-events .trace-steps .dot::before{border-color:var(--tc)}
body.p-sectors-events .trace-trigger .ic{background:var(--tc-w); color:var(--tc)}
body.p-sectors-events .sec--ink .tbl{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12)}
body.p-sectors-events .sec--ink .tbl th{background:rgba(255,255,255,.05); color:#A9BCCB; border-color:rgba(255,255,255,.12)}
body.p-sectors-events .sec--ink .tbl td{color:#C6D4DF; border-color:rgba(255,255,255,.08)}
body.p-sectors-events .sec--ink .tbl td:first-child{color:#fff}
@media (max-width:1080px){ .phero-grid{grid-template-columns:1fr; gap:38px} }

body.p-sectors-events .hcard td.k{width:56%; color:var(--ink-2); font-size:13px}
body.p-sectors-events .hcard td.n{text-align:end; font-family:var(--mono); font-weight:500; font-size:13px; color:var(--ink)}
body.p-sectors-events .hcard td.neg{color:#B4443A; font-weight:600}
body.p-sectors-events .hcard td.pos{color:var(--credit); font-weight:700}