/* Content pages (guide, guide article, size guide, customers, licences,
   about, contact, terms, FAQ, blog, blog post). Geometry follows the
   matching remasgallery.com pages; skin follows tabdealgold.ir.
   Class prefixes: cp- shared, gd- guide, ga- guide article, sg- size guide,
   cu- customers, li- licences, ab- about, ct- contact, tm- terms, fq- FAQ,
   bl- blog list, bp- blog post. */

/* =========================================================== shared */
.cp-main{padding-bottom:72px}
.cp-wrap{max-width:calc(1152px + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter);width:100%}
.cp-narrow{max-width:calc(976px + var(--gutter) * 2)}
.cp-hero{padding:8px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--gray-200)}
.cp-hero h1{font-size:32px;line-height:1.5}
.cp-hero p{font-size:16px;color:var(--gray-500);margin-top:10px}
.cp-hero-plain{border-bottom:0;margin-bottom:0}
@media (max-width:768px){
  .cp-main{padding-bottom:40px}
  .cp-hero{padding-bottom:16px;margin-bottom:16px}
  .cp-hero h1{font-size:24px}
  .cp-hero p{font-size:13px;margin-top:4px}
}
.cp-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}

/* ============================================================ guide */
.gd-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gd-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:112px;padding:16px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;text-align:center}
.gd-cat:hover{border-color:var(--blue-500);transform:translateY(-2px)}
.gd-cat-ic{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700);transition:.18s}
.gd-cat-ic svg{width:24px;height:24px}
.gd-cat-t{font-size:15px;font-weight:800;color:var(--gray-800)}
.gd-cat-n{font-size:12px;color:var(--gray-400);line-height:1.4}
.gd-cat.is-active{border-color:var(--blue-500);background:linear-gradient(180deg,var(--blue-50),#fff);box-shadow:0 0 0 4px rgba(11,111,251,.08),var(--shadow-sm)}
.gd-cat.is-active .gd-cat-ic{background:var(--grad-blue);color:#fff;box-shadow:0 10px 20px rgba(11,111,251,.2)}
.gd-cat.is-active .gd-cat-t{color:var(--blue-700)}
.gd-list{margin-top:24px}
.gd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;border-bottom:1px solid var(--gray-200);font-size:15px;font-weight:800;color:var(--gray-900);line-height:1.8;transition:color .18s,background .18s,padding .18s;border-radius:12px 12px 0 0}
.gd-row svg{width:20px;height:20px;color:var(--gray-400);transition:transform .18s,color .18s}
.gd-row:hover{color:var(--blue-700);background:var(--blue-50);padding-inline:14px}
.gd-row:hover svg{color:var(--blue-700);transform:translateX(-3px)}
.gd-help{display:flex;align-items:center;gap:16px;margin-top:48px;padding:20px 24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--blue-50),#fff 55%,var(--yellow-100));border:1px solid var(--gray-200)}
.gd-help-ic{width:48px;height:48px;border-radius:16px;background:var(--yellow-100);color:var(--gold-700);display:grid;place-items:center;flex-shrink:0}
.gd-help-ic svg{width:24px;height:24px}
.gd-help-copy{flex:1;display:flex;flex-direction:column}
.gd-help-copy b{color:var(--blue-900);font-size:16px;font-weight:900}
.gd-help-copy span{color:var(--gray-500);font-size:13px}
.gd-help-cta{display:flex;gap:8px}
@media (max-width:640px){
  .gd-cats{grid-template-columns:repeat(2,1fr);gap:8px}
  .gd-cat:last-child:nth-child(odd){grid-column:span 2}
  .gd-cat{min-height:96px;padding:12px}
  .gd-cat-t{font-size:14px}
  .gd-row{font-size:14px;padding:16px 4px}
  .gd-help{flex-direction:column;align-items:flex-start;padding:18px}
  .gd-help-cta{width:100%}.gd-help-cta .btn{flex:1}
}

/* ==================================================== guide article */
.ga{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;padding-top:8px}
.ga-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--gold-700);background:var(--yellow-100);padding:4px 12px;border-radius:var(--radius-pill);border:1px solid #ffe8a3}
.ga-kicker svg{width:16px;height:16px}
.ga-title{font-size:28px;font-weight:900;color:var(--blue-900);margin:14px 0 24px;line-height:1.6;letter-spacing:-.4px}
.ga-intro p{font-size:15px;line-height:2;color:var(--gray-700);margin-bottom:8px}
.ga-intro:not(:empty){margin-bottom:12px}
.ga-steps{display:flex;flex-direction:column;gap:20px}
.ga-heading h2{font-size:18px;font-weight:900;color:var(--blue-900);margin-top:12px;display:flex;align-items:center;gap:10px}
.ga-heading h2::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--grad-gold)}
.ga-text{font-size:15px;line-height:2.1;color:var(--gray-800)}
.ga-num{font-weight:900;color:var(--blue-700);margin-left:2px}
.ga-text b{color:var(--blue-900);font-weight:900}
.ga-sub{margin:8px 0 0;padding-right:20px;display:flex;flex-direction:column;gap:6px;list-style:disc;color:var(--gray-700);font-size:14px;line-height:2}
.ga-sub b{color:var(--gray-900)}
.ga-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;border-radius:14px;background:var(--yellow-100);color:var(--gold-700);font-size:13px;line-height:1.9;border:1px solid #ffe8a3}
.ga-note svg{width:18px;height:18px;margin-top:3px}
.ga-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--blue-700);font-size:13px;font-weight:800;padding:6px 12px;border-radius:12px;background:var(--blue-50);border:1px solid var(--blue-100);transition:.18s}
.ga-link svg{width:16px;height:16px}
.ga-link:hover{background:var(--blue-100)}
.ga-outro{margin-top:24px;padding:16px 18px;border-radius:var(--radius-md);background:var(--blue-50);color:var(--gray-700);font-size:14px;line-height:2;border-right:4px solid var(--blue-600)}

/* placeholder screenshot: phone mock-up inside a Tabdeal frame */
.ga-shot{position:relative;margin:16px 0 4px;height:380px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;display:flex;justify-content:center;padding-top:30px;
  background:radial-gradient(circle at 12% 18%,rgba(255,214,107,.28),transparent 34%),radial-gradient(circle at 90% 85%,rgba(11,111,251,.12),transparent 38%),linear-gradient(135deg,#f8fbff,#fffdf6)}
.ga-shot::before,.ga-shot::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(198,138,38,.18);width:420px;height:420px;top:40px;left:50%;transform:translateX(-50%)}
.ga-shot::after{width:560px;height:560px;top:-30px;border-color:rgba(11,111,251,.08)}
.ga-phone{position:relative;z-index:1;width:224px;height:420px;flex-shrink:0;border-radius:34px;padding:8px;background:linear-gradient(160deg,var(--blue-800),var(--blue-900));box-shadow:0 30px 60px rgba(7,29,58,.22),inset 0 0 0 1px rgba(255,255,255,.08)}
.ga-phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:62px;height:14px;border-radius:9px;background:var(--blue-900);z-index:2}
.ga-screen{height:100%;border-radius:27px;background:#fff;padding:8px 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;font-size:9px;line-height:1.5;color:var(--gray-700)}
.m-status{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;color:var(--gray-800);padding:2px 6px 0}
.m-status i{width:14px;height:7px;border-radius:2px;border:1px solid var(--gray-500)}
.m-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0 6px;border-bottom:1px solid var(--gray-100)}
.m-nav b{font-size:9.5px;color:var(--blue-900);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-nav svg{width:13px;height:13px;color:var(--gray-500)}
.m-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:4px}
.m-hero .brand-mark{width:26px;height:26px;border-radius:9px;font-size:13px}
.m-hero b{font-size:11px;color:var(--blue-900);font-weight:900}
.m-lines{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}
.m-ln{display:block;height:5px;border-radius:9px;background:var(--gray-100)}
.m-ln-0{width:86%}.m-ln-1{width:62%}.m-ln-2{width:44%}
.m-field{display:flex;flex-direction:column;gap:3px}
.m-field small{font-size:8px;color:var(--gray-500);font-weight:700}
.m-input{display:flex;align-items:center;height:26px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);padding:0 8px;font-size:9px;color:var(--gray-600);letter-spacing:.5px}
.m-otp{display:flex;gap:4px;justify-content:center;direction:ltr}
.m-otp i{width:24px;height:26px;border-radius:7px;border:1px solid var(--gray-200);background:var(--gray-50)}
.m-otp i:first-child{border-color:var(--blue-500)}
.m-btn{display:flex;align-items:center;justify-content:center;height:28px;border-radius:9px;background:var(--grad-blue);color:#fff;font-weight:800;font-size:9.5px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 14px rgba(11,111,251,.2)}
.m-btn-ghost{background:#fff;color:var(--blue-700);border:1px solid var(--gray-200);box-shadow:none}
.m-wcard{border-radius:14px;padding:10px;background:var(--grad-navy);color:#eaf3ff;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}
.m-wcard::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-22px;top:-26px;border:1px solid rgba(255,214,107,.45);box-shadow:0 0 0 10px rgba(255,214,107,.08)}
.m-wcard small{font-size:8px;color:#cfe0ff}
.m-wcard b{font-size:15px;color:var(--yellow-400);font-weight:900}
.m-wcard b em{font-style:normal;font-size:9px;color:#fff}
.m-acts{display:flex;gap:4px;margin-top:4px}
.m-acts i{flex:1;font-style:normal;text-align:center;font-size:8px;padding:3px 0;border-radius:7px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}
.m-chart{height:54px;border-radius:12px;background:var(--blue-50);color:var(--blue-600);padding:6px}
.m-chart svg{width:100%;height:100%}
.m-rows{display:flex;flex-direction:column;gap:6px}
.m-rows span{display:flex;justify-content:space-between;align-items:center;gap:8px}
.m-rows i{display:block;height:5px;border-radius:9px;background:var(--gray-100);width:38%}
.m-rows i+i{width:22%}
.m-sum{padding:8px;border-radius:12px;border:1px solid var(--gray-100)}
.m-sum b{font-size:8.5px;color:var(--blue-900);font-weight:800}
.m-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;border-radius:10px;background:var(--yellow-100);color:var(--gold-700);font-weight:800;font-size:8.5px}
.m-toggle i{width:24px;height:14px;border-radius:9px;background:var(--grad-blue);position:relative;flex-shrink:0}
.m-toggle i::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff}
.m-prod{display:flex;gap:8px;align-items:center}
.m-prod .m-lines{align-items:flex-start}
.m-thumb{width:46px;height:46px;border-radius:11px;flex-shrink:0;background:radial-gradient(circle at 50% 40%,#fff1a8,#e7b646 45%,#9b6814 90%)}
.m-chips{display:flex;gap:4px;flex-wrap:wrap}
.m-chips i{font-style:normal;font-size:8px;padding:2px 7px;border-radius:99px;border:1px solid var(--gray-200);color:var(--gray-600)}
.m-chips i.on{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700);font-weight:800}
.m-user{display:flex;align-items:center;gap:8px}
.m-user svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);flex-shrink:0}
.m-user .m-lines{align-items:flex-start}
.m-menu{display:flex;flex-direction:column;gap:2px}
.m-menu li{font-size:8.5px;padding:4px 8px;border-radius:7px;color:var(--gray-600)}
.m-menu li.on{background:var(--blue-50);color:var(--blue-700);font-weight:800}
.ga-hl{position:relative;border-radius:11px;outline:2px dashed var(--gold-500);outline-offset:3px;box-shadow:0 0 0 7px rgba(255,214,107,.18)}
.ga-hl-n{position:absolute;left:-11px;top:-11px;z-index:2;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--grad-gold);color:var(--blue-900);font-size:9px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 10px rgba(198,138,38,.35)}

/* prev / next */
.ga-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-200)}
.ga-pn-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:#fff;box-shadow:var(--shadow-sm);transition:.18s;min-width:0}
.ga-pn-item:hover{border-color:var(--blue-500);transform:translateY(-2px)}
.ga-pn-item>svg{width:20px;height:20px;color:var(--blue-700);flex-shrink:0}
.ga-pn-item span{display:flex;flex-direction:column;min-width:0}
.ga-pn-item small{font-size:12px;color:var(--gray-500)}
.ga-pn-item b{font-size:14px;color:var(--blue-900);font-weight:800;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ga-pn-next{justify-content:flex-end;text-align:left}
.ga-pn-next span{align-items:flex-end}

/* sidebar */
.ga-side-in{position:sticky;top:120px;display:flex;flex-direction:column;gap:16px}
.ga-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}
.ga-card-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:var(--blue-900);margin-bottom:10px}
.ga-card-h svg{width:20px;height:20px;color:var(--gold-600)}
.ga-toc{display:flex;flex-direction:column;gap:2px}
.ga-toc a{display:block;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.8;color:var(--gray-600);border-right:3px solid transparent;transition:.15s}
.ga-toc a:hover{background:var(--gray-50);color:var(--blue-700)}
.ga-toc a.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:800;border-right-color:var(--blue-600)}
.ga-secs{display:flex;flex-direction:column;gap:2px}
.ga-secs a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;font-size:13px;font-weight:700;color:var(--gray-700);transition:.15s}
.ga-secs a:hover{background:var(--blue-50);color:var(--blue-700)}
.ga-secs svg{width:18px;height:18px;color:var(--blue-600)}
.ga-secs span{flex:1}
.ga-secs small{min-width:24px;height:22px;border-radius:99px;background:var(--gray-100);color:var(--gray-500);font-size:11px;display:grid;place-items:center}
.ga-help{border-radius:var(--radius-lg);padding:18px;background:var(--grad-navy);color:#dbeafe;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.ga-help::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;left:-50px;bottom:-60px;background:rgba(255,214,107,.18)}
.ga-help b{color:#fff;font-size:15px;font-weight:900}
.ga-help span{font-size:12px;color:#cfe0ff}
.ga-help-cta{display:flex;gap:8px;margin-top:10px;position:relative;z-index:1}
.ga-help-cta .btn{flex:1;box-shadow:none}
@media (max-width:1023.98px){
  .ga{grid-template-columns:minmax(0,1fr);gap:32px}
  .ga-side-in{position:static}
}
@media (max-width:576px){
  .ga-title{font-size:21px;margin:10px 0 16px}
  .ga-text{font-size:14px}
  .ga-shot{height:330px;padding-top:24px;border-radius:var(--radius-md)}
  .ga-phone{width:204px}
  .ga-pn{grid-template-columns:1fr}
}

/* ======================================================= size guide */
.sg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 32px;align-items:start}
.sg-tabs{grid-column:1;grid-row:1;display:flex;gap:4px;padding:4px;border-radius:16px;background:var(--gray-100);border:1px solid var(--gray-200)}
.sg-tab{flex:1;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;color:var(--gray-600);transition:.18s;white-space:nowrap}
.sg-tab:hover{color:var(--blue-700)}
.sg-tab.is-active{background:#fff;color:var(--blue-700);font-weight:800;box-shadow:var(--shadow-sm)}
#sg-panels{display:contents}
.sg-panel:not([hidden]){display:contents}
.sg-body{grid-column:1;grid-row:2;min-width:0}
.sg-media{grid-column:2;grid-row:1 / span 2;margin:0;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-50);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:120px}
.sg-media img{width:100%;height:100%;object-fit:cover}
.sg-table-wrap{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.sg-table{width:100%;font-size:14px;table-layout:fixed}
.sg-table th,.sg-table td{padding:13px 10px;text-align:center;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}
.sg-table tr>*+*{border-right:1px solid var(--gray-200)}
.sg-table thead th{background:var(--blue-50);color:var(--blue-900);font-weight:800;font-size:13px}
.sg-table tbody th{font-weight:800;color:var(--gray-900)}
.sg-table tbody tr:last-child>*{border-bottom:0}
.sg-table tbody tr{transition:background .15s}
.sg-table tbody tr:hover{background:var(--yellow-100)}
.sg-desc{margin-top:16px;padding:14px 18px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--yellow-100),#fffdf6);border:1px solid #ffe8a3;color:var(--gray-700);font-size:14px;line-height:2}
.sg-desc b{display:flex;align-items:center;gap:6px;color:var(--gold-700);font-weight:900;margin-bottom:4px}
.sg-desc b svg{width:18px;height:18px}
.sg-desc ol{list-style:persian;padding-right:20px}
@media (max-width:768px){
  .sg{grid-template-columns:minmax(0,1fr);gap:16px}
  .sg-tabs{grid-column:1;grid-row:1}
  .sg-media{grid-column:1;grid-row:2;position:static;max-width:420px;width:100%;margin-inline:auto}
  .sg-body{grid-column:1;grid-row:3}
  .sg-tab{font-size:13px;padding:9px 6px}
  .sg-table{font-size:13px}
  .sg-table th,.sg-table td{padding:11px 6px}
}

/* ======================================================== customers */
.cu-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;cursor:grab}
.cu-chip{padding:7px 18px;font-size:14px;font-weight:500;background:var(--gray-50)}
.cu-chip[aria-pressed="true"]{font-weight:800}
.cu-meta{display:flex;justify-content:space-between;gap:12px;color:var(--gray-500);font-size:13px;margin:12px 0 16px;min-height:22px}
.cu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cu-grid.is-empty{display:block}
.cu-card{position:relative;aspect-ratio:384/520;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-100);box-shadow:var(--shadow-sm);isolation:isolate}
.cu-slides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.cu-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;cursor:zoom-in;padding:0;background:var(--gray-100)}
.cu-slide img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cu-card:hover .cu-slide img{transform:scale(1.03)}
.cu-dots{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:4px;direction:ltr;z-index:2;pointer-events:none;flex-direction:row-reverse}
.cu-dots i{width:6px;height:6px;border-radius:9px;background:rgba(255,255,255,.65);box-shadow:0 1px 3px rgba(7,29,58,.3);transition:width .2s}
.cu-dots i.on{width:18px;background:var(--yellow-400)}
.cu-count{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;background:rgba(7,29,58,.45);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700;pointer-events:none}
.cu-count svg{width:14px;height:14px}
.cu-panel{position:absolute;right:8px;left:8px;bottom:8px;z-index:2;padding:12px;border-radius:16px;background:rgba(7,29,58,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;flex-direction:column;gap:6px}
.cu-top{display:flex;gap:10px;align-items:center}
.cu-thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.7)}
.cu-head{min-width:0;display:flex;flex-direction:column;gap:2px}
.cu-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cu-panel .star svg{color:rgba(255,255,255,.35);width:14px;height:14px}
.cu-panel .star.is-on svg{color:var(--yellow-400);fill:var(--yellow-400)}
.cu-buyer{background:rgba(18,166,106,.22);color:#86efc0;font-size:11px;padding:0 8px}
.cu-buyer svg{width:12px;height:12px}
.cu-prod{font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.cu-prod:hover{color:var(--yellow-400)}
.cu-text{font-size:13px;line-height:1.9;color:#f2f6ff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cu-user{font-weight:800;color:var(--yellow-400)}
.cu-reply{font-size:12px;line-height:1.8;color:#e4ecfb;background:rgba(255,255,255,.1);border-radius:12px;padding:6px 10px;border-right:3px solid var(--gold-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cu-reply b{color:var(--yellow-400);font-weight:800}
.cu-reply b svg{width:13px;height:13px;vertical-align:-2px;margin-left:3px}
.cu-date{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#cfe0ff}
.cu-date svg{width:13px;height:13px}
@media (max-width:1024px){.cu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){
  .cu-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .cu-card{aspect-ratio:384/500}
  .cu-chip{font-size:13px;padding:6px 14px}
}

/* lightbox */
.cu-lb-modal .modal-body{padding:16px 20px 20px}
.cu-lb{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.cu-lb-stage{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--gray-100)}
.cu-lb-img{width:100%;height:100%;object-fit:contain}
.cu-lb-prev,.cu-lb-next{position:absolute;top:50%;transform:translateY(-50%)}
.cu-lb-prev{right:10px}.cu-lb-next{left:10px}
.cu-lb-n{position:absolute;bottom:10px;left:10px;background:rgba(7,29,58,.6);color:#fff;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}
.cu-lb-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.cu-lb-thumbs button{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;flex-shrink:0;opacity:.65;transition:.15s;padding:0}
.cu-lb-thumbs button img{width:100%;height:100%;object-fit:cover}
.cu-lb-thumbs button.is-active{border-color:var(--blue-600);opacity:1}
.cu-lb-info{display:flex;flex-direction:column;gap:10px}
.cu-lb-info .cu-buyer{background:rgba(18,166,106,.12);color:var(--green)}
.cu-lb-prod{font-size:17px;font-weight:900;color:var(--blue-900);line-height:1.7}
a.cu-lb-prod:hover{color:var(--blue-700)}
.cu-lb-meta{display:flex;gap:12px;color:var(--gray-500);font-size:13px}
.cu-lb-text{font-size:15px;line-height:2;color:var(--gray-700);white-space:pre-line}
.cu-lb-reply{background:var(--blue-50);border-radius:14px;padding:10px 14px;border-right:3px solid var(--blue-600);font-size:14px;line-height:1.9;color:var(--gray-700)}
.cu-lb-reply b{color:var(--blue-700);font-weight:800}
.cu-lb-reply b svg{width:15px;height:15px;vertical-align:-3px;margin-left:4px}
@media (max-width:768px){.cu-lb{grid-template-columns:minmax(0,1fr);gap:16px}}

/* ========================================================= licences */
.li-hero p{font-size:15px;line-height:2.1;color:var(--gray-600);text-align:justify;margin-top:8px}
.li-hero p+p{margin-top:4px}
.li-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.li-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;scroll-margin-top:124px}
.li-img{width:100%;aspect-ratio:568/410;border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s,transform .3s}
.li-card:hover .li-img{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.li-img img{width:100%;height:100%;object-fit:contain}
.li-img-cert{padding:14px;background:linear-gradient(135deg,#fffdf6,var(--blue-50))}
.li-title{font-size:20px;font-weight:900;color:var(--blue-900);line-height:1.8}
.li-cta{display:flex;align-items:center;gap:10px}
.li-cta .btn{min-width:150px}
.li-card:target .li-img,.li-card.is-target .li-img{border-color:var(--gold-500)}
.li-card.is-target .li-img{animation:liPulse 2.2s ease 1}
@keyframes liPulse{0%{box-shadow:0 0 0 0 rgba(231,182,70,0)}25%{box-shadow:0 0 0 8px rgba(231,182,70,.45)}100%{box-shadow:0 0 0 0 rgba(231,182,70,0)}}
@media (max-width:768px){
  .li-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .li-card{scroll-margin-top:104px}
  .li-title{font-size:17px}
  .li-hero p{font-size:14px}
}

/* ============================================================ about */
.ab-banner{position:relative;height:360px;margin-top:8px;border-radius:var(--radius-xl);overflow:hidden;background:var(--grad-brand);display:flex;align-items:flex-end;padding:40px 48px;box-shadow:var(--shadow-md);isolation:isolate}
.ab-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(255,214,107,.35),transparent 36%),radial-gradient(circle at 85% 10%,rgba(45,140,255,.35),transparent 40%);z-index:-1}
.ab-banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}
.ab-banner-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--yellow-400);font-weight:800;font-size:14px}
.ab-banner-kicker::before{content:"";width:26px;height:3px;border-radius:9px;background:var(--grad-gold)}
.ab-banner h1{color:#fff;font-size:42px;font-weight:900;letter-spacing:-.8px;line-height:1.4;text-shadow:0 6px 24px rgba(7,29,58,.35)}
.ab-banner-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.ab-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,214,107,.35)}
.ab-ring.r1{width:520px;height:520px;left:-80px;top:-150px}
.ab-ring.r2{width:380px;height:380px;left:-10px;top:-80px;border-color:rgba(255,255,255,.18)}
.ab-ring.r3{width:240px;height:240px;left:60px;top:-10px;border-color:rgba(255,214,107,.28)}
.ab-bar{position:absolute;border-radius:10px;background:linear-gradient(135deg,#fff1a8,#e7b646 45%,#9b6814);box-shadow:0 22px 36px rgba(7,29,58,.35)}
.ab-bar.b1{width:150px;height:72px;left:120px;bottom:70px;transform:rotate(-12deg)}
.ab-bar.b2{width:136px;height:66px;left:230px;bottom:40px;transform:rotate(9deg)}
.ab-bar.b3{width:124px;height:60px;left:70px;bottom:20px;transform:rotate(5deg)}
.ab-bar::after{content:"";position:absolute;inset:10px;border-radius:6px;border:1px solid rgba(255,255,255,.45)}
.ab-coin{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#e7b646 45%,#9b6814 95%);box-shadow:0 16px 28px rgba(7,29,58,.3)}
.ab-coin::after{content:"";position:absolute;inset:9px;border-radius:50%;border:2px dashed rgba(255,255,255,.55)}
.ab-coin.c1{width:82px;height:82px;left:360px;bottom:130px}
.ab-coin.c2{width:56px;height:56px;left:300px;top:60px}
.ab-spark{position:absolute;width:18px;height:18px;background:var(--yellow-400);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.ab-spark.s1{left:440px;top:70px}.ab-spark.s2{left:40px;top:60px;width:12px;height:12px}.ab-spark.s3{left:470px;bottom:60px;width:12px;height:12px;background:#fff}

.ab-h2{font-size:24px;font-weight:900;color:var(--blue-900);letter-spacing:-.4px;line-height:1.6}
.ab-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center;margin-top:56px}
.ab-split-rev{grid-template-columns:380px minmax(0,1fr)}
.ab-split-rev .ab-art{order:-1}
.ab-copy{display:flex;flex-direction:column;gap:12px}
.ab-copy p{font-size:15px;line-height:2.15;color:var(--gray-700);text-align:justify}
.ab-art{margin:0;aspect-ratio:420/340;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffdf6,var(--blue-50));border:1px solid var(--gray-200);overflow:hidden;box-shadow:var(--shadow-sm)}
.ab-art img{width:100%;height:100%;object-fit:contain}

.ab-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:48px auto 0;max-width:1140px;background:linear-gradient(135deg,#fff,var(--blue-50) 60%,var(--yellow-100));border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 8px}
.ab-stat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative}
.ab-stat+.ab-stat::before{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:var(--gray-200)}
.ab-stat-v{font-size:30px;font-weight:900;color:var(--blue-700);line-height:1.3;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.ab-stat:nth-child(3) .ab-stat-v{color:var(--gold-600)}
.ab-stat-l{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-600);font-weight:700}
.ab-lozenge{width:10px;height:10px;transform:rotate(45deg);border-radius:2px;background:var(--grad-gold)}

.ab-sec{margin-top:64px}
.ab-sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ab-nav{display:flex;gap:8px}
.ab-team{overflow:hidden}
.ab-slide{width:264px;height:auto}
.ab-member{height:100%;min-height:104px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.ab-member-sum{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;background:linear-gradient(135deg,var(--yellow-100),#fffdf6);border-color:#ffe8a3}
.ab-member-sum b{font-size:24px;font-weight:900;color:var(--gold-700)}
.ab-member-sum span{font-size:13px;color:var(--gold-700)}
.ab-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--grad-blue);box-shadow:0 10px 20px rgba(11,111,251,.18);position:relative}
.ab-av::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(231,182,70,.6)}
.ab-av svg{width:24px;height:24px}
.ab-av-gold{background:var(--grad-gold);color:var(--blue-900);box-shadow:var(--shadow-gold)}
.ab-av-navy{background:var(--grad-navy);color:var(--yellow-400)}
.ab-member-t{display:flex;flex-direction:column;min-width:0}
.ab-member-t b{font-size:15px;font-weight:900;color:var(--blue-900);line-height:1.7}
.ab-member-t small{font-size:12px;color:var(--gray-500)}

.ab-branches{display:flex;gap:16px;margin-top:20px}
.ab-branch{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;max-width:720px;width:100%;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.ab-branch-img{aspect-ratio:4/3;background:var(--blue-50)}
.ab-branch-img img{width:100%;height:100%;object-fit:cover}
.ab-branch-body{padding:20px 24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ab-branch-body h3{font-size:18px;font-weight:900;color:var(--blue-900)}
.ab-branch-body p{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--gray-600);line-height:1.9}
.ab-branch-body p svg{width:18px;height:18px;color:var(--gold-600);margin-top:4px}
.ab-branch-body a:not(.btn):hover{color:var(--blue-700)}

.ab-path{margin-top:72px;padding:56px 0 64px;background-color:var(--blue-50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 6l10 10-10 10-10-10z' fill='%23064ea4' fill-opacity='.05'/%3E%3Cpath d='M0 38l10 10-10 10-10-10zM64 38l10 10-10 10-10-10z' fill='%23e7b646' fill-opacity='.10'/%3E%3C/svg%3E");border-block:1px solid var(--gray-200)}
.ab-years{position:relative;display:flex;justify-content:space-between;gap:24px;margin:32px 0 24px;overflow-x:auto;padding:6px 4px}
.ab-years::before{content:"";position:absolute;right:0;left:0;top:50%;border-top:2px dashed var(--gray-300);z-index:0;min-width:100%}
.ab-year{position:relative;z-index:1;flex-shrink:0;min-width:88px;padding:6px 18px;border-radius:12px;background:#fff;border:1px solid var(--gray-200);color:var(--gray-500);font-weight:800;font-size:14px;transition:.18s}
.ab-year:hover{color:var(--blue-700);border-color:var(--blue-500)}
.ab-year.is-past{color:var(--gray-400);background:var(--gray-50)}
.ab-year.is-active{background:var(--blue-100);border-color:var(--blue-500);color:var(--blue-700);box-shadow:0 0 0 4px rgba(11,111,251,.10)}
.ab-tl{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px 32px 20px;min-height:220px;display:flex;flex-direction:column}
.ab-tl-n{align-self:flex-start;padding:2px 12px;border-radius:99px;border:1px solid var(--blue-100);background:var(--blue-50);color:var(--blue-700);font-size:12px;font-weight:800}
.ab-tl-body{margin-top:12px;flex:1}
.ab-tl-year{font-size:13px;font-weight:800;color:var(--gold-600)}
.ab-tl-body h3{font-size:19px;font-weight:900;color:var(--blue-900);line-height:1.7;margin-top:2px}
.ab-tl-body p{font-size:15px;line-height:2.1;color:var(--gray-700);margin-top:6px}
.ab-tl-nav{display:flex;justify-content:space-between;margin-top:12px}
.swiper-nav[disabled]{opacity:.4;cursor:default}

@media (max-width:1024px){
  .ab-split,.ab-split-rev{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
  .ab-split-rev{grid-template-columns:300px minmax(0,1fr)}
  .ab-stats{grid-template-columns:repeat(3,1fr);row-gap:20px}
  .ab-stat:nth-child(4)::before{display:none}
}
@media (max-width:768px){
  .ab-banner{height:240px;padding:24px;border-radius:var(--radius-lg);align-items:flex-start}
  .ab-banner h1{font-size:28px}
  .ab-banner-art{transform:scale(.62);transform-origin:left bottom}
  .ab-split,.ab-split-rev{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:36px}
  .ab-split .ab-art,.ab-split-rev .ab-art{order:-1;max-width:420px;width:100%;margin-inline:auto}
  .ab-h2{font-size:20px}
  .ab-copy p{font-size:14px}
  .ab-stats{grid-template-columns:repeat(2,1fr);margin-top:32px;padding:18px 8px}
  .ab-stat::before{display:none}
  .ab-stat:last-child{grid-column:span 2}
  .ab-stat-v{font-size:24px}
  .ab-sec{margin-top:44px}
  .ab-slide{width:236px}
  .ab-branch{grid-template-columns:minmax(0,1fr)}
  .ab-path{margin-top:48px;padding:36px 0 40px}
  .ab-years{justify-content:flex-start;gap:12px}
  .ab-years::before{min-width:0;width:calc(var(--n,9) * 100px)}
  .ab-tl{padding:18px 18px 16px}
  .ab-tl-body h3{font-size:16px}
  .ab-tl-body p{font-size:14px}
}

/* ========================================================== contact */
.ct-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}
.ct-hero .ct-note p{font-size:16px;color:var(--gray-500);margin:0}
.ct-note .btn{flex-shrink:0;min-width:150px}
.ct-info{margin-top:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}
.ct-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 372px;gap:24px 32px;align-items:start}
.ct-block+.ct-block{margin-top:22px}
.ct-bh{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:var(--blue-900);margin-bottom:8px}
.ct-bh svg{width:20px;height:20px;color:var(--gold-600)}
.ct-list li{display:flex;gap:6px;font-size:14px;color:var(--gray-500);line-height:2.1}
.ct-list a{color:var(--gray-800);font-weight:700}
.ct-list a:hover,.ct-mail:hover{color:var(--blue-600)}
.ct-mail{font-size:16px;font-weight:700;color:var(--blue-700)}
.ct-addr{font-size:14px;color:var(--gray-600);line-height:2.1}
.ct-routes{display:flex;gap:8px;flex-wrap:wrap}
.ct-route{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;border:1px solid var(--gray-200);background:#fff;font-size:13px;font-weight:800;color:var(--gray-700);box-shadow:var(--shadow-sm);transition:.18s}
.ct-route:hover{border-color:var(--blue-500);color:var(--blue-700)}
.ct-route svg{width:16px;height:16px;color:var(--blue-600)}
.ct-map{position:relative;aspect-ratio:372/232;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200);background:var(--blue-50)}
.ct-map img{width:100%;height:100%;object-fit:cover}
.ct-map-tag{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm);font-size:12px;font-weight:800;color:var(--blue-900)}
.ct-map-tag svg{width:15px;height:15px;color:var(--gold-600)}
.ct-info-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200);font-size:14px;color:var(--gray-600)}
.ct-info-foot>span{display:inline-flex;align-items:center;gap:6px}
.ct-info-foot>span>svg{width:18px;height:18px;color:var(--gold-600)}
.ct-info-foot b{color:var(--gray-900);font-weight:800}
.ct-social{gap:8px!important}
.ct-social a{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700);transition:.18s}
.ct-social a:hover{background:var(--grad-blue);color:#fff}
.ct-social a svg{width:19px;height:19px}

.ct-form-card{margin-top:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}
.ct-form-h{font-size:18px;font-weight:900;color:var(--blue-900);padding-bottom:16px;border-bottom:1px solid var(--gray-200);margin-bottom:24px}
.ct-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
.ct-f-first{grid-column:1;grid-row:1}.ct-f-last{grid-column:2;grid-row:1}.ct-f-title{grid-column:3;grid-row:1}
.ct-f-phone{grid-column:1;grid-row:2}.ct-f-email{grid-column:2;grid-row:2}
.ct-f-text{grid-column:3;grid-row:2 / span 2}
.ct-f-text .textarea{min-height:176px;flex:1}
.ct-f-type{grid-column:1 / span 2;grid-row:3;border:0;padding:0;margin:0;min-width:0}
.ct-f-type legend{font-size:13px;font-weight:700;color:var(--gray-700);margin-bottom:10px;padding:0}
.ct-f-submit{grid-column:3;grid-row:4;display:flex;justify-content:flex-end}
.ct-f-submit .btn{min-width:180px}
.ct-text-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.ct-types{display:flex;flex-wrap:wrap;gap:8px}
.ct-chip{padding:8px 16px}
.ct-chip:has(input:checked){background:var(--blue-100);border-color:var(--blue-500);color:var(--blue-700);font-weight:800}
.ct-chip:has(input:focus-visible){outline:2px solid var(--blue-500);outline-offset:2px}
@media (max-width:1024px){
  .ct-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct-map{grid-column:1 / -1}
}
@media (max-width:768px){
  .ct-note{flex-direction:column;align-items:flex-start;gap:10px}
  .ct-hero .ct-note p{font-size:13px}
  .ct-info,.ct-form-card{padding:18px}
  .ct-info-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .ct-info-foot{flex-direction:column;align-items:flex-start}
  .ct-form{grid-template-columns:minmax(0,1fr);gap:16px}
  .ct-form>*{grid-column:1!important;grid-row:auto!important}
  .ct-f-text .textarea{min-height:140px}
  .ct-f-submit .btn{width:100%}
}

/* ============================================================ terms */
.tm{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}
.tm-toc-in{position:sticky;top:120px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;display:flex;flex-direction:column;gap:10px}
.tm-toc-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:var(--blue-900)}
.tm-toc-h svg{width:20px;height:20px;color:var(--gold-600)}
.tm-toc-list{display:flex;flex-direction:column;gap:2px}
.tm-toc-list a{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:12px;font-size:14px;line-height:1.8;color:var(--gray-600);transition:.15s}
.tm-toc-list a:hover{background:var(--gray-50);color:var(--blue-700)}
.tm-toc-list a span{min-width:24px;height:24px;margin-top:1px;border-radius:8px;background:var(--gray-100);color:var(--gray-600);display:grid;place-items:center;font-size:12px;font-weight:800;transition:.15s}
.tm-toc-list a.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:800}
.tm-toc-list a.is-active span{background:var(--grad-blue);color:#fff}
.tm-toc-help{margin-top:4px;padding-top:12px;border-top:1px solid var(--gray-200);font-size:13px;color:var(--gray-500)}
.tm-toc-help span{color:var(--blue-700);font-weight:800;border-bottom:2px solid currentColor}
.tm-sec{scroll-margin-top:124px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px dashed var(--gray-200)}
.tm-sec:last-child{border-bottom:0;margin-bottom:0}
.tm-sec h2{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;color:var(--blue-900);margin-bottom:14px;line-height:1.6}
.tm-n{position:relative;display:inline-grid;place-items:center;min-width:40px;height:40px;padding-inline:6px;border-radius:14px;background:var(--yellow-100);border:1px solid #ffe8a3;color:var(--gold-700);font-size:18px}
.tm-n::after{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:9px;transform:rotate(45deg);border-radius:2px;background:var(--grad-blue)}
.tm-html.prose{font-size:16px;line-height:2.15;color:var(--gray-800);text-align:justify}
.tm-html.prose p{margin-bottom:6px}
.tm-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:16px 18px;border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--gray-100)}
.tm-list li{position:relative;padding-right:22px;font-size:14px;line-height:2;color:var(--gray-700)}
.tm-list li::before{content:"";position:absolute;right:4px;top:12px;width:7px;height:7px;transform:rotate(45deg);border-radius:2px;background:var(--grad-gold)}
.tm-sub{margin-top:14px}
.tm-sub h3{font-size:17px;font-weight:900;color:var(--blue-900);margin-bottom:6px}
@media (max-width:1024px){
  .tm{grid-template-columns:minmax(0,1fr);gap:24px}
  .tm-toc-in{position:static}
}
@media (max-width:576px){
  .tm-sec h2{font-size:18px}
  .tm-n{min-width:34px;height:34px;font-size:15px}
  .tm-html.prose{font-size:14px}
  .tm-list{padding:12px 14px}
  .tm-list li{font-size:13px}
}

/* ============================================================== FAQ */
.fq{display:grid;grid-template-columns:272px minmax(0,1fr);grid-template-areas:"cats main" "contact main";grid-template-rows:auto 1fr;gap:16px 24px;align-items:start;margin-top:8px}
.fq-cats{grid-area:cats;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-sm)}
.fq-cat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;font-size:14px;font-weight:600;color:var(--gray-700);text-align:right;transition:background .15s,color .15s;white-space:nowrap}
.fq-cat:hover{background:var(--gray-50);color:var(--blue-700)}
.fq-cat-ic{width:36px;height:36px;border-radius:12px;background:var(--gray-50);border:1px solid var(--gray-100);display:grid;place-items:center;color:var(--gray-500);flex-shrink:0;transition:.15s}
.fq-cat-ic svg{width:20px;height:20px}
.fq-cat-t{flex:1}
.fq-cat-n{min-width:24px;height:22px;padding:0 6px;border-radius:99px;background:var(--gray-100);color:var(--gray-500);font-size:11px;font-weight:800;display:grid;place-items:center}
.fq-cat.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:900}
.fq-cat.is-active .fq-cat-ic{background:var(--grad-blue);border-color:transparent;color:#fff;box-shadow:0 8px 16px rgba(11,111,251,.18)}
.fq-cat.is-active .fq-cat-n{background:var(--blue-100);color:var(--blue-700)}
.fq-cats.is-searching .fq-cat.is-active{background:none;color:var(--gray-700);font-weight:600}
.fq-cats.is-searching .fq-cat.is-active .fq-cat-ic{background:var(--gray-50);color:var(--gray-500);box-shadow:none;border-color:var(--gray-100)}
.fq-contact{grid-area:contact;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:linear-gradient(135deg,#fff,var(--yellow-100));box-shadow:var(--shadow-sm)}
.fq-contact-ic{width:40px;height:40px;border-radius:14px;background:#fff;color:var(--gold-600);display:grid;place-items:center;box-shadow:var(--shadow-sm);margin-bottom:4px}
.fq-contact-ic svg{width:20px;height:20px}
.fq-contact p{font-size:15px;color:var(--gray-700);font-weight:700}
.fq-contact .more-link{font-size:15px}
.fq-main{grid-area:main;min-width:0}
.fq-search{position:relative;margin-bottom:18px}
.fq-search>svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400);pointer-events:none}
.fq-input{width:100%;height:52px;border-radius:16px;border:1px solid var(--gray-200);background:#fff;padding:0 46px;font-size:15px;box-shadow:var(--shadow-sm);outline:none;transition:border-color .18s,box-shadow .18s}
.fq-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px rgba(11,111,251,.10)}
.fq-input::-webkit-search-cancel-button{display:none}
.fq-clear{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--gray-500)}
.fq-clear:hover{background:var(--gray-100)}
.fq-clear svg{width:18px;height:18px}
.fq-cat-h{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900;color:var(--blue-900);margin-bottom:12px}
.fq-cat-h svg{width:22px;height:22px;color:var(--gold-600)}
.fq-found{font-size:13px;color:var(--gray-500);margin-bottom:10px}
.fq-found:empty{display:none}
.fq-main mark{background:var(--yellow-400);color:var(--blue-900);border-radius:4px;padding:0 2px}
.fq-hit-cat{margin-bottom:8px}
@media (max-width:1024px){
  .fq{grid-template-columns:minmax(0,1fr);grid-template-areas:"cats" "main" "contact";grid-template-rows:auto;gap:16px}
  .fq-cats{flex-direction:row;overflow-x:auto;background:none;border:0;padding:2px;box-shadow:none;gap:8px;cursor:grab}
  .fq-cat{flex-shrink:0;padding:6px 14px 6px 8px;border-radius:var(--radius-pill);border:1px solid var(--gray-200);background:#fff;font-size:13px;gap:6px}
  .fq-cat-ic{width:26px;height:26px;border-radius:50%;border:0}
  .fq-cat-ic svg{width:15px;height:15px}
  .fq-cat-n{display:none}
  .fq-cat.is-active{border-color:var(--blue-500);background:var(--blue-100)}
  .fq-contact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .fq-contact-ic{margin:0}
  .fq-contact p{flex:1;font-size:14px}
}
@media (max-width:576px){.fq-input{height:48px;font-size:14px}}
.fq-clear[hidden]{display:none}

/* ======================================================= blog list */
.bl-wrap{max-width:calc(1140px + var(--gutter) * 2)}
.bl-hero{padding-bottom:20px}
.bl-top{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:stretch}
.bl-feat{min-width:0;order:2}
.bl-latest{order:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.bl-feat .swiper{height:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--blue-900)}
.bl-slide{height:100%}
.bl-slide-in{position:relative;display:block;height:100%;min-height:400px}
.bl-slide-in img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.bl-slide-in:hover img{transform:scale(1.03)}
.bl-slide-ov{position:absolute;right:0;left:0;bottom:0;padding:80px 28px 44px;background:linear-gradient(0deg,rgba(7,29,58,.88),rgba(7,29,58,.35) 60%,rgba(7,29,58,0));display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.bl-slide-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.bl-slide-cat{font-size:12px;font-weight:800;color:var(--blue-900);background:var(--grad-gold);border-radius:99px;padding:1px 10px}
.bl-slide-t{color:#fff;font-size:23px;font-weight:900;line-height:1.6;text-shadow:0 4px 18px rgba(7,29,58,.4)}
.bl-slide-d{display:inline-flex;align-items:center;gap:6px;color:#cfe0ff;font-size:12px}
.bl-slide-d svg{width:14px;height:14px}
.bl-slide-btn{flex-shrink:0}
.bl-slide-btn svg{width:16px;height:16px}
.bl-feat .swiper-pagination{bottom:14px!important}
.bl-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;border:1px solid transparent;transition:.18s;height:100%}
.bl-latest li{flex:1}
.bl-row-img{width:88px;height:74px;border-radius:14px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#fff8df,#edf5ff)}
.bl-row-img img{width:100%;height:100%;object-fit:cover}
.bl-row-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-row b{font-size:14px;font-weight:800;color:var(--blue-900);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-row small{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-row:hover,.bl-row.is-active{background:#fff;border-color:var(--gray-200);box-shadow:var(--shadow-sm)}
.bl-row.is-active{border-color:#ffe8a3;background:linear-gradient(135deg,#fff,var(--yellow-100))}
.bl-row.is-active b,.bl-row:hover b{color:var(--blue-700)}
.bl-posts{margin-top:44px;scroll-margin-top:110px}
.bl-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.bl-tabs{cursor:grab}
.bl-count{color:var(--gray-500);font-size:13px;white-space:nowrap}
.bl-grid .empty{grid-column:1 / -1}
@media (max-width:1024px){
  .bl-top{grid-template-columns:minmax(0,1fr)}
  .bl-feat{order:1}.bl-latest{order:2}
  .bl-feat .swiper{height:auto}
  .bl-slide-in{height:320px;min-height:0}
}
@media (max-width:640px){
  .bl-slide-in{height:250px}
  .bl-slide-ov{padding:60px 16px 34px;flex-direction:column;align-items:flex-start;gap:10px}
  .bl-slide-t{font-size:17px}
  .bl-row-img{width:76px;height:64px}
  .bl-tabs-row{flex-direction:column;align-items:stretch;gap:8px}
  .bl-count{align-self:flex-end}
}

/* ======================================================= blog post */
.bp-hero{position:relative;margin-top:8px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);background:var(--grad-navy)}
.bp-cover{margin:0;height:400px;background:var(--blue-900)}
.bp-cover img{width:100%;height:100%;object-fit:cover}
.bp-head{position:absolute;right:0;left:0;bottom:0;padding:90px 32px 28px;background:linear-gradient(0deg,rgba(7,29,58,.92),rgba(7,29,58,.4) 65%,rgba(7,29,58,0));display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bp-cats{display:flex;gap:6px;flex-wrap:wrap}
.bp-cat{font-size:12px;font-weight:800;color:var(--yellow-400);background:rgba(255,255,255,.12);border:1px solid rgba(255,214,107,.35);border-radius:99px;padding:1px 10px;backdrop-filter:blur(6px);transition:.18s}
.bp-cat:hover{background:var(--grad-gold);color:var(--blue-900)}
.bp-title{font-size:30px;font-weight:900;line-height:1.6;color:#fff;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(7,29,58,.45)}
.bp-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#dbeafe}
.bp-meta span{display:inline-flex;align-items:center;gap:6px}
.bp-meta svg{width:16px;height:16px;color:var(--yellow-400)}
.bp{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"content toc" "content cta";grid-template-rows:auto 1fr;gap:20px 40px;margin-top:32px;align-items:start}
.bp-article{grid-area:content;min-width:0}
.bp-toc{grid-area:toc;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:6px 16px 14px}
.bp-toc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;font-size:15px;font-weight:900;color:var(--blue-900)}
.bp-toc-h span{display:inline-flex;align-items:center;gap:8px}
.bp-toc-h span svg{width:20px;height:20px;color:var(--gold-600)}
.bp-toc-caret{width:20px;height:20px;color:var(--gray-400);transition:transform .2s}
.bp-toc.is-closed .bp-toc-caret{transform:rotate(180deg)}
.bp-toc-list{display:flex;flex-direction:column;gap:2px;max-height:min(52vh,460px);overflow:auto;padding-bottom:6px;scrollbar-width:thin}
.bp-toc.is-closed .bp-toc-list{display:none}
.bp-toc-list a{display:block;padding:6px 10px;border-radius:10px;font-size:13px;line-height:1.8;color:var(--gray-600);border-right:2px solid transparent;transition:.15s}
.bp-toc-list a:hover{background:var(--gray-50);color:var(--blue-700)}
.bp-toc-list a.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:800;border-right-color:var(--blue-600)}
.bp-toc-list .lvl-1 a{padding-right:22px;font-size:12px;color:var(--gray-500)}
.bp-toc-empty{font-size:13px;color:var(--gray-500);padding:4px 0}
.bp-rt{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--gray-200);font-size:13px;color:var(--gray-600)}
.bp-rt svg{width:18px;height:18px;color:var(--gold-600)}
.bp-cta{grid-area:cta;position:sticky;top:120px;align-self:start}
.bp-cta-in{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:20px;background:var(--grad-navy);color:#dbeafe;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bp-cta-in::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-70px;top:-70px;background:radial-gradient(circle,rgba(255,214,107,.35),transparent 65%);pointer-events:none}
.bp-cta-badge{font-size:12px;font-weight:800;color:var(--yellow-400)}
.bp-cta-in h2{font-size:20px;font-weight:900;color:#fff}
.bp-cta-in .gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text}
.bp-cta-in p{font-size:13px;line-height:2;color:#cfe0ff}
.bp-price{width:100%;display:flex;align-items:baseline;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13px}
.bp-price b{font-size:17px;font-weight:900;color:var(--yellow-400);margin-right:auto}
.bp-price small{color:#cfe0ff}
.bp-cta-in .btn{position:relative;z-index:1}
.bp-prose{font-size:16px;line-height:2.2}
.bp-prose h2,.bp-prose h3,.bp-prose h4,.bp-prose h5{scroll-margin-top:124px;color:var(--blue-900);font-weight:900}
.bp-prose h4{font-size:21px;margin:30px 0 12px;line-height:1.7}
.bp-prose h5{font-size:17px;margin:22px 0 8px;line-height:1.7}
.bp-prose>:first-child{margin-top:0}
.bp-prose .bp-dup-title{display:none}
.bp-prose hr{border:0;border-top:1px dashed var(--gray-300);margin:28px 0}
.bp-prose img{max-height:520px;width:auto;box-shadow:var(--shadow-sm)}
.bp-prose figure{margin:16px 0}
.bp-prose figcaption{text-align:center;font-size:13px;color:var(--gray-500)}
.bp-table{overflow-x:auto;margin:16px 0}
.bp-table table{display:table;margin:0}
.bp-share{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:32px;padding-top:16px;border-top:1px solid var(--gray-200);font-size:13px;color:var(--gray-500)}
.bp-share span{margin-left:6px}
.bp-divider{border:0;border-top:1px solid var(--gray-200);margin:48px 0 32px}
.bp-track{padding-bottom:12px}
.bp-more-item{width:320px;display:flex}
.bp-more-item .blog-card{width:100%}
@media (max-width:1023.98px){
  .bp{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "content" "cta";grid-template-rows:auto;gap:20px}
  .bp-cta{position:static}
  .bp-toc-list{max-height:none}
}
@media (max-width:768px){
  .bp-hero{border-radius:var(--radius-lg)}
  .bp-cover{height:220px}
  .bp-head{position:static;padding:16px 18px 18px;background:var(--grad-navy)}
  .bp-title{font-size:21px}
  .bp-prose{font-size:15px}
  .bp-prose h4{font-size:18px}
  .bp-prose h5{font-size:16px}
  .bp-more-item{width:280px}
}
/* sticky side columns need the full grid-row height */
.tm-toc,.ga-side{align-self:stretch}
.ct-form .input,.ct-form .textarea{scroll-margin-top:140px}

/* licences pending: keep the blurred certificate inside the card frame */
.li-img.pending{position:relative}
.li-img.pending>.pending-body{width:100%;height:100%}
.li-img-cert.pending>.pending-body{padding:0}
/* licences: the issued Enamad seal, centred at a modest size */
.li-img-seal>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.li-img-seal img{width:100%;height:50%}

/* about: a single stat (start of activity) */
.ab-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
#ab-stats:has(.ab-stat:only-child){max-width:360px}