/* TransferArc website — tokens and layout follow the approved design file. */

/* ---------- fonts (self-hosted) ---------- */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/outfit-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/outfit-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/assets/fonts/plexmono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/assets/fonts/plexmono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(/assets/fonts/plexmono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/assets/fonts/plexmono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/assets/fonts/plexmono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(/assets/fonts/plexmono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/plexarabic-300.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plexarabic-400.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plexarabic-500.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plexarabic-600.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plexarabic-700.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Nastaliq Urdu';font-style:normal;font-weight:100 500;font-display:swap;src:url(/assets/fonts/nastaliq-400.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Nastaliq Urdu';font-style:normal;font-weight:600 900;font-display:swap;src:url(/assets/fonts/nastaliq-700.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/notobengali-300.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/notobengali-400.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/notobengali-500.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/notobengali-600.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/notobengali-700.woff2) format('woff2');unicode-range:U+0020,U+00A0,U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}

/* ---------- tokens ---------- */
:root{
  --lime:#C8FF3D; --lime-hi:#D8FF72; --lime-rule:#A6D42E; --lime-dot:#9BCB1B; --lime-ink:#7FA80F;
  --ink:#111111; --ink-2:#0A0A0A; --ink-3:#161616; --ink-line:#262626; --ink-line-2:#3A3A38;
  --paper:#F4F4F2; --white:#FFFFFF; --line:#E4E4E0; --line-2:#ECECE8; --line-3:#D6D6D0;
  --mute-1:#55554F; --mute-2:#6B6B67; --mute-3:#8A8A86; --soft:#B5B5B0; --soft-2:#9A9A95;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  --arabic:'IBM Plex Sans Arabic','Noto Sans Arabic','Geeza Pro','Segoe UI',Tahoma,sans-serif;
  --pad-x:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
em{font-style:italic}
b,strong{font-weight:700}
[hidden]{display:none!important}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.light :focus-visible{outline-color:var(--ink)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

.wrap{max-width:1320px;margin:0 auto;width:100%}
.mono{font-family:var(--mono)}
.lime{color:var(--lime)}
.dark{background:var(--ink);color:var(--white)}
.light{background:var(--paper);color:var(--ink)}
.muted{color:var(--mute-1)}
.soft{color:var(--soft)}
.num{font-size:12px;letter-spacing:.08em;color:var(--mute-3)}
.stack-12{display:flex;flex-direction:column;gap:12px}
.stack-18{display:flex;flex-direction:column;gap:18px}
.stack-24{display:flex;flex-direction:column;gap:24px}
.stack-40{display:flex;flex-direction:column;gap:40px}
.stack-48{display:flex;flex-direction:column;gap:48px}
.stack-56{display:flex;flex-direction:column;gap:56px}

/* ---------- type ---------- */
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);font-weight:400}
.eyebrow--muted{color:var(--mute-2)}
.eyebrow--ink{color:var(--ink)}
.h-hero{font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.045em;font-weight:300;text-wrap:balance}
.h-hero>span,.h-hero>em{display:block}
.h-hero em,.h-page em,.ftr__h em{font-weight:800;font-style:italic;color:var(--lime)}
.h-page{font-size:clamp(42px,6vw,84px);line-height:.98;letter-spacing:-.045em;font-weight:300;max-width:1000px;text-wrap:balance}
.h-page--wide{font-size:clamp(40px,5.6vw,80px);line-height:1;max-width:1100px}
.h-page--contact{font-size:clamp(42px,5.6vw,78px)}
.h2{font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-.04em;font-weight:300;text-wrap:balance}
.h2--sm{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-.035em}
.h3{font-size:clamp(30px,3.4vw,46px);line-height:1.04;letter-spacing:-.035em;font-weight:300}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--soft);max-width:540px;text-wrap:pretty}
.lead--sm{font-size:clamp(17px,1.4vw,19px);max-width:600px}
.body-lg{font-size:18px;line-height:1.6;max-width:480px;text-wrap:pretty}
.body-md{font-size:17px;line-height:1.6;max-width:480px}
/* <h1>/<h2> that holds a label (eyebrow) and a headline: each part keeps its own type, the heading only groups them */
.hgroup{display:flex;flex-direction:column;gap:24px;font:inherit;letter-spacing:inherit}
.hgroup--20{gap:20px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,color .2s}
.btn--sm{font-size:14px;padding:10px 18px}
.btn--lg{font-size:16px;padding:16px 26px}
.btn--lime{background:var(--lime);color:var(--ink)}
.btn--lime:hover{background:var(--lime-hi);transform:translateY(-2px)}
.btn--ghost{color:var(--white);border-color:var(--ink-line-2);font-weight:500;padding:15px 24px}
.btn--ghost:hover{border-color:var(--lime)}
.btn--ink{background:var(--ink);color:var(--white);font-size:15px;font-weight:500;padding:13px 22px;align-self:flex-start;margin-top:8px}
.btn--ink:hover{background:#2A2A2A}
.btn--block{width:100%;font-size:16px;font-weight:600;padding:16px;margin-top:4px}
.btn--block:hover{background:var(--lime);color:var(--ink)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}

/* ---------- tags / dots ---------- */
.dot{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block;flex:none}
.dot--blink{width:7px;height:7px;animation:ta-blink 1.6s ease-in-out infinite}
.dot--ink{background:var(--ink)}
.dot--ring{background:none;border:1.5px solid var(--ink)}
.dot--live{background:var(--lime-dot);margin-top:7px}
.tag-live{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--ink);background:var(--lime);padding:2px 6px;border-radius:3px}
.tag-lime{font-size:11px;letter-spacing:.12em;background:var(--lime);color:var(--ink);padding:4px 9px;border-radius:4px;font-weight:600}
.tag-out{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid currentColor}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(17,17,17,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-line);color:var(--white)}
.hdr__in{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px);height:68px;display:flex;align-items:center;gap:24px}
.hdr__logo{flex:none;display:flex;align-items:center}
.logo{height:26px;width:auto}
.hdr__nav{flex:1;min-width:0;display:flex;gap:4px;justify-content:center}
.hdr__nav a{white-space:nowrap;padding:8px 12px;border-radius:999px;font-size:14px;color:var(--soft);text-decoration:none;transition:background .2s,color .2s}
.hdr__nav a:hover{color:var(--white);background:#222}
.hdr__nav a.is-on{background:var(--lime);color:var(--ink)}
.hdr__act{display:flex;align-items:center;gap:10px;flex:none}
.hdr__signin{color:#D6D6D2;font-size:14px;text-decoration:none;white-space:nowrap}
.hdr__signin:hover{color:var(--white)}
.hdr__signin--m{display:none}
.lsw{position:relative}
.hdr__lang{display:flex;align-items:center;gap:6px;color:#D6D6D2;font-size:14px;white-space:nowrap;padding:7px 12px;border:1px solid var(--ink-line-2);border-radius:999px;cursor:pointer;list-style:none;transition:border-color .2s,color .2s}
.hdr__lang::-webkit-details-marker{display:none}
.hdr__lang:hover,.lsw[open] .hdr__lang{color:var(--white);border-color:var(--lime)}
.lsw__ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.lsw__menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:168px;background:var(--ink-3);border:1px solid var(--ink-line-2);border-radius:14px;padding:6px;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:60}
.lsw__menu a{padding:9px 12px;border-radius:9px;font-size:15px;color:#D6D6D2;text-decoration:none}
html[dir=ltr] .lsw__menu a{text-align:left}
html[dir=rtl] .lsw__menu a{text-align:right}
.lsw__menu a:hover{background:#222;color:var(--white)}
.lsw__menu a[aria-current]{color:var(--lime)}
.lsw__menu a[aria-current]::after{content:' ✓'}
.hdr__langs--m{display:none}
.cta-s{display:none}
a:lang(ar),a:lang(ur){font-family:var(--arabic)}
a:lang(ur){font-family:'Noto Nastaliq Urdu',var(--arabic)}
a:lang(bn){font-family:'Noto Sans Bengali',var(--sans)}
.hdr__burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--ink-line-2);background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.hdr__burger span{display:block;width:16px;height:1.5px;background:var(--white);transition:transform .25s}
.hdr__burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.hdr__burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* ---------- sections ---------- */
.sec{padding:clamp(72px,10vw,140px) var(--pad-x)}
.sec--md{padding:clamp(64px,8vw,112px) var(--pad-x)}
.sec--tight{padding:clamp(48px,6vw,88px) var(--pad-x)}
.sec--flush-top{padding-top:0}
.phero{padding:clamp(64px,8vw,112px) var(--pad-x)}
.phero--contact{padding-bottom:clamp(64px,8vw,112px)}
.phero__split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:end}
.phero__split--center{align-items:center}
.split-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:end}
.head-narrow{display:flex;flex-direction:column;gap:18px;max-width:820px}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,80px)}

/* ---------- home: hero ---------- */
.hero{position:relative;overflow:hidden}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(#1C1C1C 1px,transparent 1px),linear-gradient(90deg,#1C1C1C 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%)}
.hero__in{position:relative;padding:clamp(56px,8vw,112px) var(--pad-x) clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:clamp(32px,5vw,72px);align-items:center}
.hero__copy{display:flex;flex-direction:column;gap:28px}
.hero__badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--lime);border:1px solid #3A4A12;background:#161C06;padding:6px 12px;border-radius:999px}
.hero__meta{font-size:12px;color:var(--mute-3);letter-spacing:.04em}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__art{position:relative;width:100%;aspect-ratio:600/480}
.arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.arc__ghost{fill:none;stroke:#2A2A28;stroke-width:1.5;stroke-dasharray:4 8}
.arc__shadow{fill:none;stroke:#1E260A;stroke-width:26;stroke-linecap:round}
.arc__line{fill:none;stroke:var(--lime);stroke-width:14;stroke-linecap:round;stroke-dasharray:1000;animation:ta-draw 2.2s .3s cubic-bezier(.6,0,.2,1) both}
.arc__pulse{fill:none;stroke:var(--lime);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ta-pulse 2.4s ease-out infinite}
.arc__pulse--2{animation-delay:1.2s}
.svc-spoke{fill:none;stroke:#2E3A10;stroke-width:1.5;stroke-dasharray:3 6}
.arc__flow{fill:none;stroke:#fff;stroke-opacity:.75;stroke-width:5;stroke-linecap:round;stroke-dasharray:60 940;stroke-dashoffset:1000}
.scene.is-on .arc__flow{animation:ta-flow 3.2s linear infinite 2.4s}
.hub-ring{fill:none;stroke:var(--lime);stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:2 7;transform-box:fill-box;transform-origin:center}
.scene.is-on .hub-ring{animation:ta-spin 24s linear infinite}
.svc-ack{fill:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}
.svc-plus{font-family:var(--mono);font-size:12px;font-weight:600;fill:var(--lime)}
.svc-mod circle{fill:#1A1A18;stroke:#3A3A36;stroke-width:1.5}
.svc-mod path{fill:none;stroke:#8A8A86;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}
.scene.is-on .svc-mod circle{animation:ta-mod 2s var(--ease) infinite;animation-delay:inherit}
.scene.is-on .svc-mod path{animation:ta-mod-ico 2s var(--ease) infinite;animation-delay:inherit}
.svc-hub .svc-mark path{fill:var(--ink);stroke:none}
@keyframes ta-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes ta-spin{to{transform:rotate(360deg)}}
@keyframes ta-mod{0%{fill:var(--lime);stroke:var(--lime)}40%,100%{fill:#1A1A18;stroke:#3A3A36}}
@keyframes ta-mod-ico{0%{stroke:var(--ink)}40%,100%{stroke:#8A8A86}}
.svc-pkt{fill:var(--lime);filter:drop-shadow(0 0 6px rgba(200,255,61,.9))}
.svc-hub circle{fill:var(--lime);transform-box:fill-box;transform-origin:center}
.scene.is-on .svc-hub circle{animation:ta-hub 12s linear infinite}
.svc-hub path{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.svc-node{cursor:pointer}
.svc-node circle{fill:var(--ink-2);stroke:var(--lime);stroke-width:2;transform-box:fill-box;transform-origin:center;transition:stroke-width .2s}
.svc-node:hover circle{stroke-width:4}
.scene.is-on .svc-node circle{animation:ta-node 12s var(--ease) infinite;animation-delay:inherit}
.svc-node path{fill:none;stroke:var(--white);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.scene.is-on .svc-node path{animation:ta-node-ico 12s var(--ease) infinite;animation-delay:inherit}
.svc-lab{position:absolute;font-size:11px;line-height:1.35;letter-spacing:.04em;color:var(--mute-3);max-width:19%;cursor:pointer;background:rgba(17,17,17,.85);border:1px solid #2A2A28;border-radius:8px;padding:4px 8px;transition:border-color .2s,color .2s}
.svc-lab:hover{color:var(--lime);border-color:var(--lime)}
.scene.is-on .svc-lab{animation:ta-lab 12s var(--ease) infinite}
.svc-hublab{position:absolute;left:35%;width:30%;top:92%;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}

.marquee{position:relative;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);overflow:hidden;padding:18px 0}
.marquee__track{display:flex;width:max-content;animation:ta-marquee 48s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee ul{display:flex}
.marquee li{display:flex;align-items:center;gap:14px;padding:0 28px;font-size:15px;color:#D6D6D2;white-space:nowrap}

/* scenes: 12s network overview, then six 6s service scenes (48s loop); --d = scene start */
.hero__stage{position:absolute;inset:0}
.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.scene.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease) .12s,transform .5s var(--ease) .12s,visibility 0s}
.scene{--sd:8s}
.scn{overflow:visible}
.scn .road{fill:none;stroke:#3A3A36;stroke-width:3;stroke-linecap:round}
.scn .road--soft{stroke:#2A2A28}
.scn .dash{fill:none;stroke:#3A3A36;stroke-width:2;stroke-dasharray:4 8;stroke-linecap:round}
.scn .route{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}
.scene.is-on .scn .route{animation:ta-route var(--sd) cubic-bezier(.45,0,.2,1) both}
.scn .ico .w,.scn .gate .w{fill:none;stroke:#8A8A86;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.scn .pop .k{fill:var(--ink)}
.scn .pin__p{fill:#2A2A28;stroke:#5A5A56;stroke-width:1.5}
.scn .pin__c{fill:#8A8A86}
.scn .pin--end .pin__p{fill:var(--lime);stroke:var(--lime)}
.scn .pin--end .pin__c{fill:var(--ink)}
.scene.is-on .scn .pin--end,.scene.is-on .scn .pin--1,.scene.is-on .scn .pin--2,.scene.is-on .scn .pin--3{animation:ta-pin var(--sd) var(--ease) both}
.scene.is-on .scn .pin--1{animation-name:ta-pin1}.scene.is-on .scn .pin--2{animation-name:ta-pin2}.scene.is-on .scn .pin--3{animation-name:ta-pin3}
.scn .pop{opacity:0;transform-box:fill-box;transform-origin:center}
.scene.is-on .scn .pop{animation:ta-pop var(--sd) var(--ease) both}
.scn .pop circle{fill:var(--lime)}
.scn .dot circle{fill:var(--white);stroke:var(--ink);stroke-width:2}
.scn .win{fill:#3A3A36;stroke:none}
.scene.is-on .scn .bldg--lit .win{animation:ta-win var(--sd) steps(1) both}
.scn .grp use{fill:#D6D6D2}
.scn{shape-rendering:geometricPrecision}
.scn .veh{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.scene__n{position:absolute;left:0;top:0;font-size:11px;letter-spacing:.14em;color:var(--lime)}
.scene__t{position:absolute;left:0;top:18px;font-size:clamp(18px,1.8vw,24px);font-weight:600;color:var(--white);letter-spacing:-.01em;max-width:60%}
.scene__c{position:absolute;left:0;top:52px;font-size:13px;color:var(--mute-3);max-width:58%}
.scene__tag{position:absolute;background:var(--lime);color:var(--ink);font-size:11px;letter-spacing:.08em;padding:6px 10px;border-radius:999px;white-space:nowrap;opacity:0;transform:translateY(6px)}
.scene.is-on .scene__tag{animation:ta-tag var(--sd) var(--ease) both}
.prog{position:absolute;left:0;right:0;bottom:-9%;display:flex;gap:4px}
.prog__b{flex:1;padding:12px 0;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.prog__b--net{flex:1.4}
.prog__b i{display:block;height:3px;background:#2A2A28;border-radius:3px;position:relative;overflow:hidden;transition:background .2s}
.prog__b:hover i{background:#3E3E3A}
.prog__b:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:4px}
.prog__b i::after{content:'';position:absolute;inset:0;background:var(--lime);transform:scaleX(0);transform-origin:left}
[dir=rtl] .prog__b i::after{transform-origin:right}
.prog__b.is-done i::after{transform:scaleX(1)}
.prog__b.is-on i::after{animation:ta-fill var(--t,9s) linear both}
html:not(.js) .prog{display:none}
@keyframes ta-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ta-tag{0%,76%{opacity:0;transform:translateY(6px)}82%,100%{opacity:1;transform:translateY(0)}}
@keyframes ta-route{0%,8%{stroke-dashoffset:1000}70%,100%{stroke-dashoffset:0}}
@keyframes ta-pin{0%,78%{transform:scale(1)}84%{transform:scale(1.25)}90%,100%{transform:scale(1)}}
@keyframes ta-pin1{0%,6%{transform:scale(1)}10%{transform:scale(1.2)}14%,100%{transform:scale(1)}}
@keyframes ta-pin2{0%,38%{transform:scale(1)}43%{transform:scale(1.2)}48%,100%{transform:scale(1)}}
@keyframes ta-pin3{0%,86%{transform:scale(1)}91%{transform:scale(1.2)}96%,100%{transform:scale(1)}}
@keyframes ta-pop{0%,80%{opacity:0;transform:scale(.4)}86%{opacity:1;transform:scale(1.15)}90%,100%{opacity:1;transform:scale(1)}}
@keyframes ta-win{0%,85%{fill:#3A3A36}86%,100%{fill:var(--lime)}}
.scn .pin{transform-box:fill-box;transform-origin:50% 100%}
.scene.is-on .scn .pin--1 .pin__p{animation:ta-pinfill1 var(--sd) var(--ease) both}.scene.is-on .scn .pin--2 .pin__p{animation:ta-pinfill2 var(--sd) var(--ease) both}.scene.is-on .scn .pin--3 .pin__p{animation:ta-pinfill3 var(--sd) var(--ease) both}
@keyframes ta-pinfill1{0%,6%{fill:#2A2A28}10%,100%{fill:var(--lime)}}
@keyframes ta-pinfill2{0%,38%{fill:#2A2A28}43%,100%{fill:var(--lime)}}
@keyframes ta-pinfill3{0%,86%{fill:#2A2A28}91%,100%{fill:var(--lime)}}

/* ---------- home: pillars ---------- */
.split-head .h2 b,.h2 b,.h3 b{font-weight:700}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.pillar{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:56px;min-height:320px;text-decoration:none;transition:transform .35s var(--ease),background .35s,border-color .35s,color .35s}
.pillar:hover,.pillar:focus-visible{transform:translateY(-6px);background:var(--ink);border-color:var(--ink);color:var(--white)}
.pillar__top{display:flex;justify-content:space-between;align-items:center}
.pillar__go{width:40px;height:40px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink)}
.pillar__txt{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.pillar__name{font-size:34px;letter-spacing:-.03em;font-weight:700;font-style:italic;line-height:1.1}
.pillar__body{font-size:16px;line-height:1.55;opacity:.75;text-wrap:pretty}

/* ---------- home: flow ---------- */
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}
.flow__steps{display:flex;flex-direction:column;gap:10px}
.flow__step{position:relative;overflow:hidden;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:16px;border:1px solid #222;background:transparent;text-align:left;cursor:pointer;transition:background .3s,border-color .3s}
.flow__step:hover{border-color:#4A4A46}
.flow__n{font-size:13px;color:#5A5A56;padding-top:4px}
.flow__txt{display:flex;flex-direction:column;gap:6px;flex:1}
.flow__t{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--mute-3)}
.flow__d{display:none;font-size:15px;line-height:1.55;color:var(--soft-2);text-wrap:pretty}
.flow__bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.flow__step.is-on{background:var(--ink-3);border-color:var(--ink-line-2)}
.flow__step.is-on .flow__n{color:var(--lime)}
.flow__step.is-on .flow__t{color:var(--white)}
.flow__step.is-on .flow__d{display:block}
.flow.is-auto .flow__step.is-on .flow__bar{animation:ta-bar 4.2s linear both}
.flow__term{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:20px;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:24px;min-height:420px}
.flow__chrome{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#6E6E6A}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:50%;background:#2E2E2C}
.flow__panel{display:flex;flex-direction:column;gap:24px}
.flow__panel:not([hidden]){animation:ta-fade .45s var(--ease)}
.flow__ph{display:flex;flex-direction:column;gap:6px}
.flow__ph .mono{font-size:12px;letter-spacing:.08em}
.flow__pt{font-size:clamp(28px,3vw,40px);font-weight:300;letter-spacing:-.03em}
.flow__lines{border-top:1px solid #1F1F1F}
.flow__lines div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #1F1F1F;font-family:var(--mono);font-size:13.5px}
.flow__lines dt{color:#6E6E6A}
.flow__lines dd{color:#E6E6E2}
.flow__lines dd.lime{color:var(--lime)}
.flow__foot{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mute-3)}

/* ---------- home: roles / features ---------- */
.roles{border-top:1px solid var(--line-3)}
.roles__row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line-3);transition:padding .3s}
.roles__row:hover{padding-left:12px}
.roles__who{font-size:19px;font-weight:600;letter-spacing:-.01em}
.roles__what{font-size:16px;line-height:1.55;color:var(--mute-1);text-wrap:pretty}
.lnx{background:var(--lime);border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}
.lnx__col{display:flex;flex-direction:column;gap:12px}
.lnx__h{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}
.lnx__i{font-size:17px;border-bottom:1px solid var(--lime-rule);padding-bottom:10px}

/* ---------- product ---------- */
.modnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-bottom:56px}
.modnav a{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--white);border:1px solid var(--line);border-radius:12px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s}
.modnav a:hover{border-color:var(--ink)}
.modnav .num{letter-spacing:0}
.mods{display:flex;flex-direction:column;gap:20px}
.mod{scroll-margin-top:96px;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(24px,4vw,56px)}
.mod__l{display:flex;flex-direction:column;gap:16px}
.mod__num{display:flex;align-items:center;gap:12px}
.mod__n{font-size:56px;font-weight:200;letter-spacing:-.05em;line-height:1}
.mod__hd{display:flex;flex-direction:column;gap:16px;font:inherit;letter-spacing:inherit}
.mod__name{font-size:15px;color:var(--mute-2);font-weight:500}
.mod__more{align-self:flex-start;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:var(--lime-rule);text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color .2s}
.mod__more:hover{text-decoration-color:var(--ink)}
.mod__h{font-size:clamp(26px,2.8vw,38px);line-height:1.08;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.mod__feats{border-top:1px solid var(--line-2)}
.mod__feats li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.mod__feats li>span:last-child{display:flex;flex-direction:column;gap:4px}
.mod__feats b{font-size:16px;font-weight:600}
.mod__feats b+span{font-size:14.5px;line-height:1.5;color:var(--mute-2);text-wrap:pretty}

/* ---------- generic cards ---------- */
.cards{display:grid;gap:16px}
.cards--280{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.cards--300{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.cards--320{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px}
.card--sm{border-radius:16px;padding:24px;gap:10px}
.card--lift{transition:transform .3s}
.card--lift:hover{transform:translateY(-4px)}
.card__t{font-size:18px;font-weight:600;letter-spacing:-.01em}
.card__t--lg{font-size:21px;letter-spacing:-.02em}
.card__d{font-size:15px;line-height:1.55;color:var(--mute-2);text-wrap:pretty}

/* ---------- accounting ---------- */
.ptable{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ptable__hd,.ptable__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;padding:18px 24px}
.ptable__hd{padding:14px 24px;background:var(--ink);color:var(--mute-3);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ptable__row{border-top:1px solid var(--line-2);transition:background .2s}
.ptable__row:hover{background:#F7FFE3}
.ptable__row>span:first-child{font-size:16px;font-weight:600}
.ptable__row .mono{font-size:13.5px;color:#3A3A36;line-height:1.6}
.zstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:2px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:20px;overflow:hidden}
.zstrip li{background:var(--ink);padding:28px 24px;display:flex;flex-direction:column;gap:40px;min-height:220px;transition:background .3s}
.zstrip li:hover{background:#171D07}
.zstrip .mono{font-size:12px}
.zstrip__txt{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.zstrip__txt b{font-size:20px;font-weight:600}
.zstrip__txt span{font-size:14.5px;line-height:1.5;color:var(--soft-2)}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px}
.panel{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:20px}
.panel--lime{background:var(--lime);border-color:var(--lime)}
.panel__h{font-size:30px;letter-spacing:-.03em;font-weight:600;line-height:1.1}
.arrows{display:flex;flex-direction:column;gap:10px}
.arrows li{display:flex;gap:12px;font-size:16px;line-height:1.5}
.arrows li::before{content:'→';color:var(--lime-ink);font-weight:700}
.vat-big{font-size:clamp(80px,10vw,140px);font-weight:200;letter-spacing:-.06em;line-height:.9}
.vat-big b{font-weight:700}
.vat-list{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.vat-list li{font-size:16px;line-height:1.5;border-top:1px solid var(--lime-rule);padding-top:10px}

/* ---------- agents ---------- */
.formula{border:1px solid var(--ink-line);border-radius:24px;padding:clamp(24px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,28px);font-size:clamp(24px,3.4vw,48px);font-weight:300;letter-spacing:-.03em;line-height:1.2}
.formula b{color:var(--lime)}
.formula .op{color:#6E6E6A}
.formula .term{padding:6px 18px;border:1px solid var(--ink-line-2);border-radius:999px}

/* ---------- saudi ---------- */
.rtlcard{background:var(--white);color:var(--ink);border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:20px;font-family:var(--arabic)}
.rtlcard__top{display:flex;justify-content:space-between;align-items:center}
.rtlcard__date{font-size:14px;color:var(--mute-2)}
.rtlcard__h{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.3}
.rtlcard__p{font-size:15px;color:var(--mute-2);line-height:1.7}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.tile{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:28px;min-height:180px}
.tile__big{font-size:36px;font-weight:700;letter-spacing:-.04em;line-height:1.1}
.tile__d{font-size:15px;line-height:1.5;color:var(--mute-2);margin-top:auto}
.tile__big--sm{font-size:26px}
.tiles--dark .tile{background:var(--ink);border-color:var(--ink-line);color:var(--white);min-height:160px}
.tiles--dark .tile__d{color:var(--soft-2)}
.svc{display:flex;flex-wrap:wrap;gap:10px}
.svc li{font-size:15px;padding:9px 16px;border:1px solid var(--ink-line-2);border-radius:999px;color:var(--white)}
.mkt{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--lime);color:var(--ink);border-radius:24px;padding:clamp(24px,3.5vw,40px);transition:transform .3s}
.mkt:hover{transform:translateY(-3px)}
.mkt__l{display:flex;flex-direction:column;gap:10px;max-width:640px}
.mkt__l .tag-lime{align-self:flex-start;background:var(--ink);color:var(--lime)}
.mkt__l b{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em}
.mkt__l>span:last-child{font-size:16px;line-height:1.5}
.mkt__go{font-size:40px;line-height:1}
.doccard{background:var(--ink);color:var(--white);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px}
.doccard__items{display:flex;flex-wrap:wrap;gap:8px}
.doccard__items li{font-size:14px;padding:7px 13px;border:1px solid var(--ink-line-2);border-radius:999px}
.doccard p{font-size:14.5px;line-height:1.55;color:var(--soft-2)}

/* ---------- security ---------- */
.secgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.secgrid__c{background:var(--white);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px;transition:background .3s}
.secgrid__c:hover{background:#F7FFE3}
.secgrid__t{font-size:23px;font-weight:600;letter-spacing:-.02em}
.secgrid__c p{font-size:15.5px;line-height:1.6;color:var(--mute-2);text-wrap:pretty}

/* ---------- features ---------- */
.fgroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.fgroup{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:18px;transition:border-color .3s}
.fgroup:hover{border-color:var(--ink)}
.fgroup__hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fgroup__hd h2{font-size:24px;font-weight:700;letter-spacing:-.03em}
.fgroup li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line-2)}
.fgroup li>span:last-child{display:flex;flex-direction:column;gap:3px}
.fgroup li b{font-size:16px;font-weight:600}
.fgroup li b+span{font-size:14.5px;line-height:1.5;color:var(--mute-2)}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line-3)}
.faq__i{display:flex;flex-direction:column;gap:10px;padding:26px 0;border-bottom:1px solid var(--line-3)}
.faq__q{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3;text-wrap:balance}
.faq__a{font-size:16px;line-height:1.65;color:var(--mute-1);max-width:66ch;text-wrap:pretty}

/* ---------- related pages ---------- */
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.rel__c{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px;padding-inline-end:72px;text-decoration:none;transition:border-color .2s,transform .3s var(--ease)}
.rel__c:hover,.rel__c:focus-visible{border-color:var(--ink);transform:translateY(-3px)}
.rel__t{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.rel__d{font-size:15px;line-height:1.5;color:var(--mute-2);text-wrap:pretty}
.rel__go{position:absolute;top:22px;inset-inline-end:22px;width:32px;height:32px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:15px}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,72px);align-items:start}
.incl{border-top:1px solid var(--ink-line);margin-top:12px}
.incl li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--ink-line);font-size:16px}
.incl .mono{font-size:12px;padding-top:3px}
.formcard{background:var(--white);color:var(--ink);border-radius:24px;padding:clamp(24px,3.5vw,40px)}
.dform{display:flex;flex-direction:column;gap:16px}
.dform__h{font-size:24px;font-weight:600;letter-spacing:-.02em}
.dform__msg{font-size:14px;line-height:1.5;padding:12px 14px;border-radius:10px;background:#FFF1EE;color:#8A1F0B;border:1px solid #F5C6BB}
.dform__legal{font-size:12.5px;line-height:1.55;color:var(--mute-2);margin-top:-4px}
.dform__legal a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime-rule);text-underline-offset:2px}
.dform__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mute-2)}
.fld input,.fld textarea{font-size:16px;padding:13px 14px;border:1px solid var(--line-3);border-radius:10px;outline:none;background:#F9F9F7;color:var(--ink);width:100%;transition:border-color .2s,background .2s}
.fld textarea{resize:vertical;min-height:96px}
.fld input:focus,.fld textarea:focus{border-color:var(--ink);background:var(--white)}
.fld__err{font-style:normal;font-size:12.5px;color:#B3261E;min-height:0}
.fld__err:empty{display:none}
.fld.has-err input{border-color:#B3261E;background:#FFF8F7}
.chips{border:0;display:flex;flex-direction:column;gap:8px}
.chips legend{font-size:13px;color:var(--mute-2);margin-bottom:8px}
.chips__list{display:flex;flex-wrap:wrap;gap:8px}
.chip-opt{position:relative;cursor:pointer}
.chip-opt input{position:absolute;opacity:0;width:1px;height:1px}
.chip-opt span{display:inline-block;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-3);background:var(--white);color:var(--ink);transition:background .2s,border-color .2s}
.chip-opt:hover span{border-color:var(--ink)}
.chip-opt input:checked+span{background:var(--lime);border-color:var(--lime)}
.chip-opt input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.done{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:24px 0;outline:none}
.done__ok{width:56px;height:56px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:24px}
.done__h{font-size:28px;font-weight:600;letter-spacing:-.02em}
.done p{font-size:16px;color:var(--mute-2);line-height:1.55}
.done__again{font-size:14px;color:var(--mute-1)}

/* ---------- 404 ---------- */
.nf{min-height:60vh;display:flex;align-items:center}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:var(--white);padding:clamp(72px,10vw,140px) var(--pad-x) 40px;border-top:1px solid var(--ink-line)}
.ftr__in{display:flex;flex-direction:column;gap:clamp(56px,8vw,112px)}
.ftr__cta{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.ftr__h{font-size:clamp(40px,6.4vw,96px);line-height:.95;letter-spacing:-.05em;font-weight:300;max-width:900px}
.ftr__cta .btn{font-size:17px;padding:18px 30px}
.ftr__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px;padding-top:40px;border-top:1px solid var(--ink-line)}
.ftr__brand{display:flex;flex-direction:column;gap:14px}
.logo--ftr{height:28px}
.ftr__brand p{font-size:14px;color:var(--mute-3);line-height:1.5;max-width:260px}
.ftr__col{display:flex;flex-direction:column;gap:10px}
.ftr__col h3{font-size:11px;letter-spacing:.1em;color:#6E6E6A;text-transform:uppercase;font-weight:400}
.ftr__col ul{display:flex;flex-direction:column;gap:10px}
.ftr__col a{font-size:15px;color:#D6D6D2;text-decoration:none}
.ftr__col a:hover{color:var(--lime)}
.ftr__base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#6E6E6A}
.ftr__base a{text-decoration:none}
.ftr__langs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ftr__langs a[aria-current]{color:var(--soft)}
.ftr__base a:hover{color:var(--lime)}
.ftr__legal{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.ftr__ck{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.ftr__ck:hover{color:var(--lime)}

/* ---------- cookie consent (only rendered when analytics is configured; shown by site.js) ---------- */
.ckb{position:fixed;z-index:60;inset-inline-start:16px;bottom:16px;max-width:min(560px,calc(100% - 32px));background:var(--ink-3);color:var(--soft);border:1px solid var(--ink-line-2);border-radius:18px;padding:18px 20px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}
.ckb[hidden]{display:none}
.ckb__t{flex:1 1 260px;font-size:14px;line-height:1.55;margin:0}
.ckb__t a{color:var(--white);text-decoration:underline;text-decoration-color:var(--lime-rule);text-underline-offset:3px}
.ckb__b{display:flex;gap:10px;flex-wrap:wrap}
.ckb__b .btn{min-width:108px}
.ckb__no{background:var(--white);color:var(--ink)}
.ckb__no:hover{background:var(--paper)}
@media print{.ckb{display:none}}

/* ---------- reveal (only when JS is running) ---------- */
.js [data-reveal]{opacity:0}
.js [data-reveal].is-in{animation:ta-reveal .9s var(--ease) both;animation-delay:var(--d,0ms)}

/* ---------- keyframes ---------- */
@keyframes ta-draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes ta-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.6);opacity:0}}
@keyframes ta-node{0%,2%{fill:var(--ink-2);transform:scale(1)}5%,13%{fill:var(--lime);transform:scale(1.14)}18%,100%{fill:var(--ink-2);transform:scale(1)}}
@keyframes ta-node-ico{0%,2%{stroke:var(--white)}5%,13%{stroke:var(--ink)}18%,100%{stroke:var(--white)}}
@keyframes ta-lab{0%,2%{color:var(--mute-3);border-color:#2A2A28}5%,13%{color:var(--white);border-color:var(--lime)}18%,100%{color:var(--mute-3);border-color:#2A2A28}}
@keyframes ta-hub{0%,12.5%{transform:scale(1)}13.75%{transform:scale(1.12)}15%,29.2%{transform:scale(1)}30.4%{transform:scale(1.12)}31.7%,45.8%{transform:scale(1)}47.1%{transform:scale(1.12)}48.3%,62.5%{transform:scale(1)}63.75%{transform:scale(1.12)}65%,79.2%{transform:scale(1)}80.4%{transform:scale(1.12)}81.7%,95.8%{transform:scale(1)}97.1%{transform:scale(1.12)}98.3%,100%{transform:scale(1)}}
@keyframes ta-chip{0%,4%{opacity:0;transform:translateY(14px)}10%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes ta-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ta-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ta-blink{50%{opacity:.25}}
@keyframes ta-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ta-reveal{from{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .hdr__nav a{padding:8px 9px;font-size:13.5px}
}
@media (max-width:1060px){
  .hdr__burger{display:flex}
  .hdr__act .hdr__signin{display:none}
  .hdr__nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;justify-content:flex-start;gap:2px;padding:16px var(--pad-x) 24px;background:var(--ink);border-bottom:1px solid var(--ink-line);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100vh - 68px);overflow:auto}
  .hdr__nav.is-open{opacity:1;visibility:visible;transform:none}
  .hdr__nav a{font-size:17px;padding:14px 12px;border-radius:12px}
  .hdr__signin--m{display:block;margin-top:8px;border-top:1px solid var(--ink-line);border-radius:0!important;padding-top:18px!important}
  .hdr__logo{margin-inline-end:auto}
  .hdr__langs--m{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:14px;border-top:1px solid var(--ink-line)}
  .hdr__nav .hdr__langs--m a{font-size:15px;padding:8px 14px;border:1px solid var(--ink-line-2);border-radius:999px}
  .hdr__nav .hdr__langs--m a[aria-current]{border-color:var(--lime);color:var(--lime)}
}
@media (max-width:640px){
  .hdr__in{gap:12px}
  .hdr__act{gap:8px}
  .hdr__act .btn--sm{padding:9px 14px;font-size:13px}
  .logo{height:22px}
  .svc-lab{font-size:9.5px;letter-spacing:.02em}
  .scene__t{font-size:16px;top:16px}
  .scene__c{font-size:11px;top:42px}
  .scene__tag{font-size:9.5px;padding:4px 8px}
  .svc-hublab{font-size:9.5px}
  .roles__row{grid-template-columns:1fr;gap:6px}
  .flow__lines div{grid-template-columns:90px 1fr;font-size:12.5px}
  .ptable__hd,.ptable__row{grid-template-columns:1fr;gap:6px}
  .ptable__hd span:last-child{display:none}
  .mod__n{font-size:44px}
  .pillar{min-height:240px}
  .tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tile__big{overflow-wrap:anywhere}
  .tile{min-height:150px;padding:20px;gap:20px}
  .tile__big{font-size:30px}
  .modnav{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:40px}
  .modnav a{padding:12px;font-size:13.5px;gap:8px;align-items:flex-start}
}
@media (max-width:480px){
  .cta-l{display:none}
  .cta-s{display:inline}
}
@media (max-width:440px){
  .hdr__act .lsw{display:none}
}
@media (max-width:360px){
  .hdr__act .btn--sm{display:none}
}

/* ---------- blog: index cards, article page ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}
.card{display:flex;flex-direction:column;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px;text-decoration:none;transition:border-color .2s,transform .3s var(--ease)}
.card:hover,.card:focus-visible{border-color:var(--ink);transform:translateY(-3px)}
.card__k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-ink)}
.card__t{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.card__d{font-size:15px;line-height:1.6;color:var(--mute-1);text-wrap:pretty;flex:1}
.card__m{font-size:12px;color:var(--mute-3);padding-top:14px;border-top:1px solid var(--line-2)}
.guides__hd{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.guides__all{font-size:13px;letter-spacing:.04em;text-decoration:none;color:var(--ink)}.guides__all:hover{text-decoration:underline}
.post-hero{padding-bottom:clamp(48px,6vw,80px)}
.h-post{font-size:clamp(36px,4.8vw,66px);line-height:1.04;letter-spacing:-.04em;font-weight:300;max-width:1040px;text-wrap:balance}
.h-post em{font-weight:800;font-style:italic;color:var(--lime)}
.lead--post{max-width:760px}
.bc ol{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;letter-spacing:.06em;color:var(--soft-2)}
.bc li+li::before{content:'/';margin-inline-end:10px;color:var(--ink-line-2)}
.bc li[aria-current]{color:var(--soft);max-width:min(60ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc a{text-decoration:none}.bc a:hover{color:var(--lime)}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;letter-spacing:.04em;color:var(--soft-2)}
.post{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.post__toc{position:sticky;top:96px}
.post__toc ol{display:flex;flex-direction:column;gap:2px;margin-top:14px;border-inline-start:1px solid var(--line-3)}
.post__toc a{display:block;padding:7px 0;padding-inline-start:16px;margin-inline-start:-1px;border-inline-start:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute-1);text-decoration:none}
.post__toc a:hover{color:var(--ink);border-color:var(--lime-rule)}
.prose{max-width:740px;font-size:18px;line-height:1.75;color:#2A2A27}
.prose>*+*{margin-top:22px}
.prose h2{font-size:clamp(26px,2.6vw,34px);line-height:1.18;letter-spacing:-.025em;font-weight:600;color:var(--ink);margin-top:56px;scroll-margin-top:96px;text-wrap:balance}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:21px;line-height:1.3;letter-spacing:-.015em;font-weight:600;color:var(--ink);margin-top:36px}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime-rule);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{background:var(--lime)}
.prose ul,.prose ol{display:flex;flex-direction:column;gap:10px;padding-inline-start:4px}
.prose ul li{position:relative;padding-inline-start:26px}
.prose ul li::before{content:'';position:absolute;inset-inline-start:2px;top:.72em;width:9px;height:9px;border-radius:50%;background:var(--lime-dot)}
.prose ol{counter-reset:li}
.prose ol li{position:relative;padding-inline-start:38px;counter-increment:li}
.prose ol li::before{content:counter(li);position:absolute;inset-inline-start:0;top:.2em;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--lime);font:600 13px/26px var(--mono);text-align:center}
.prose__note{background:var(--white);border:1px solid var(--line);border-inline-start:4px solid var(--lime-rule);border-radius:14px;padding:20px 24px;font-size:16px;line-height:1.7}
.prose__tbl{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:520px}
.prose th,.prose td{padding:14px 16px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line-2)}
.prose thead th{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute-2);background:var(--paper)}
.prose tbody th{font-weight:600;color:var(--ink)}
.prose tbody tr:last-child>*{border-bottom:0}
.prose__cta{display:flex;flex-direction:column;gap:10px;background:var(--lime);border-radius:20px;padding:clamp(24px,4vw,36px);margin-top:40px!important;color:var(--ink);font-size:16px;line-height:1.6}
.prose__cta-h{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.prose__cta a{text-decoration:none}.prose__cta a:hover{background:#2A2A2A}
@media (max-width:1060px){
  .post{grid-template-columns:minmax(0,1fr)}
  .post__toc{position:static;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
}
@media (max-width:640px){
  .prose{font-size:17px}
  .card{padding:22px}
}

/* ---------- Arabic & Urdu / right-to-left (html[dir=rtl]: /ar, /ur) ---------- */
[dir=rtl]{--sans:'Outfit','IBM Plex Sans Arabic','Noto Sans Arabic','Geeza Pro','Segoe UI',Tahoma,sans-serif;--mono:'IBM Plex Sans Arabic','IBM Plex Mono',ui-monospace,Menlo,monospace}
:is(:lang(ar),:lang(ur)) .hdr__nav a{font-size:15px}
/* Arabic letters join: never track or uppercase them, never fake an italic */
:is(:lang(ar),:lang(ur)){letter-spacing:0!important}
:is(:lang(ar),:lang(ur)) em,:is(:lang(ar),:lang(ur)) .pillar__name{font-style:normal}
:is(:lang(ar),:lang(ur)) body{line-height:1.75}
:is(:lang(ar),:lang(ur)) .h-hero{line-height:1.22;font-weight:300}
:is(:lang(ar),:lang(ur)) .h-page,:is(:lang(ar),:lang(ur)) .h-page--wide,:is(:lang(ar),:lang(ur)) .h-page--contact{line-height:1.25}
:is(:lang(ar),:lang(ur)) .h2,:is(:lang(ar),:lang(ur)) .h2--sm,:is(:lang(ar),:lang(ur)) .h3{line-height:1.3}
:is(:lang(ar),:lang(ur)) .ftr__h{line-height:1.2}
:is(:lang(ar),:lang(ur)) .h-post{line-height:1.3}:is(:lang(ar),:lang(ur)) .prose{line-height:1.95}
:is(:lang(ar),:lang(ur)) .prose h2,:is(:lang(ar),:lang(ur)) .prose h3,:is(:lang(ar),:lang(ur)) .card__t{line-height:1.45}
:lang(ur) .prose{line-height:2.3}:lang(ur) .h-post{font-size:clamp(28px,3.6vw,50px);line-height:1.85}:lang(ur) .prose h2,:lang(ur) .card__t{line-height:1.9}
:is(:lang(ar),:lang(ur)) .flow__pt,:is(:lang(ar),:lang(ur)) .mod__h,:is(:lang(ar),:lang(ur)) .panel__h,:is(:lang(ar),:lang(ur)) .pillar__name,:is(:lang(ar),:lang(ur)) .mkt__l b{line-height:1.35}
:is(:lang(ar),:lang(ur)) .h-hero em,:is(:lang(ar),:lang(ur)) .h-page em,:is(:lang(ar),:lang(ur)) .ftr__h em{font-weight:700}
:is(:lang(ar),:lang(ur)) .h-hero{font-size:clamp(40px,5.6vw,82px)}
:is(:lang(ar),:lang(ur)) .h-page{font-size:clamp(38px,5.2vw,74px)}
:is(:lang(ar),:lang(ur)) .h-page--wide{font-size:clamp(36px,4.8vw,68px)}
:is(:lang(ar),:lang(ur)) .ftr__h{font-size:clamp(38px,5.8vw,86px)}
:is(:lang(ar),:lang(ur)) .eyebrow,:is(:lang(ar),:lang(ur)) .ftr__col h3,:is(:lang(ar),:lang(ur)) .ptable__hd,:is(:lang(ar),:lang(ur)) .pill-live{font-size:13px}
:is(:lang(ar),:lang(ur)) .lead,:is(:lang(ar),:lang(ur)) .body-lg,:is(:lang(ar),:lang(ur)) .body-md{line-height:1.8}
:is(:lang(ar),:lang(ur)) .svc-lab{font-size:12px;line-height:1.5}
[dir=rtl] .scene__n,[dir=rtl] .scene__t,[dir=rtl] .scene__c{left:auto;right:0}
:lang(ur) .scene__t{line-height:1.6}:lang(ur) .scene__c{top:62px}
:lang(ur) .svc-lab{line-height:1.8}
:is(:lang(ar),:lang(ur)) .tag-live{font-size:11px;padding:1px 7px}
:is(:lang(ar),:lang(ur)) .flow__lines div{font-size:14px}
:is(:lang(ar),:lang(ur)) .flow__lines div{grid-template-columns:140px 1fr}
[dir=rtl] .skip{left:auto;right:12px}
[dir=rtl] .arw,[dir=rtl] .pillar__go,[dir=rtl] .mkt__go{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .rel__go{transform:scaleX(-1)}
:is(:lang(ar),:lang(ur)) .faq__q,:is(:lang(ar),:lang(ur)) .rel__t{line-height:1.6}
:is(:lang(ar),:lang(ur)) .faq__a{line-height:1.9}
[dir=rtl] .pillar__go{display:flex}
[dir=rtl] .hero__grid{-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 40%,#000 0%,transparent 70%)}
[dir=rtl] .marquee__track{animation-name:ta-marquee-rtl}
[dir=rtl] .flow__step{text-align:right}
[dir=rtl] .flow__bar{left:auto;right:0;transform-origin:right}
[dir=rtl] .roles__row:hover{padding-left:0;padding-right:12px}
[dir=rtl] .arrows li::before{content:'←'}
[dir=rtl] .mkt__l .tag-lime,[dir=rtl] .btn--ink{align-self:flex-start}
[dir=rtl] .fld input[type=email]{text-align:right}
[dir=rtl] .fld input[type=email]:placeholder-shown{text-align:right}
@keyframes ta-marquee-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (max-width:640px){
  :is(:lang(ar),:lang(ur)) .flow__lines div{grid-template-columns:100px 1fr;font-size:13px}
}


/* ---------- Urdu (Nastaliq needs room: taller lines, slightly smaller display sizes) ---------- */
html:lang(ur){--sans:'Outfit','Noto Nastaliq Urdu','IBM Plex Sans Arabic',Tahoma,sans-serif;--mono:'Noto Nastaliq Urdu','IBM Plex Mono',ui-monospace,Menlo,monospace}
:lang(ur) body{line-height:2.1}
:lang(ur) .h-hero{font-size:clamp(32px,4.4vw,64px);line-height:1.65}
:lang(ur) .h-page,:lang(ur) .h-page--contact{font-size:clamp(30px,4vw,58px);line-height:1.85}
:lang(ur) .h-page--wide{font-size:clamp(28px,3.6vw,52px);line-height:1.85}
:lang(ur) .h2{font-size:clamp(26px,3.2vw,44px);line-height:1.9}
:lang(ur) .h2--sm,:lang(ur) .h3{font-size:clamp(24px,2.8vw,38px);line-height:1.9}
:lang(ur) .ftr__h{font-size:clamp(30px,4.4vw,64px);line-height:1.8}
:lang(ur) .lead,:lang(ur) .body-lg,:lang(ur) .body-md{line-height:2.1;font-size:clamp(16px,1.3vw,18px)}
:lang(ur) .flow__pt,:lang(ur) .mod__h,:lang(ur) .panel__h,:lang(ur) .pillar__name,:lang(ur) .mkt__l b,:lang(ur) .vat-big{line-height:1.8}
:lang(ur) .flow__pt{font-size:clamp(22px,2.4vw,32px)}
:lang(ur) .mod__h{font-size:clamp(22px,2.2vw,30px)}
:lang(ur) .pillar__name{font-size:28px}
:lang(ur) .vat-big{font-size:clamp(56px,7vw,100px)}
:lang(ur) .tile__big{font-size:30px;line-height:1.7}
:lang(ur) .tile__big--sm{font-size:22px}
:lang(ur) .formula{font-size:clamp(20px,2.6vw,36px);line-height:1.9}
:lang(ur) .card__t,:lang(ur) .secgrid__t,:lang(ur) .fgroup__hd h2,:lang(ur) .roles__who,:lang(ur) .zstrip__txt b{line-height:1.9}
:lang(ur) .mod__feats b,:lang(ur) .fgroup li b{line-height:1.9}
:lang(ur) .faq__q,:lang(ur) .rel__t{line-height:2}
:lang(ur) .faq__a,:lang(ur) .rel__d{line-height:2.1}
:lang(ur) .hdr__nav a{font-size:14px;padding-block:4px}
:lang(ur) .btn{line-height:1.6;padding-block:8px}
:lang(ur) .btn--lg{padding-block:12px}
:lang(ur) .flow__lines div{font-size:13px;line-height:2}

/* ---------- Bangla ---------- */
html:lang(bn){--sans:'Outfit','Noto Sans Bengali',system-ui,sans-serif;--mono:'Noto Sans Bengali','IBM Plex Mono',ui-monospace,Menlo,monospace}
:lang(bn){letter-spacing:0!important}
:lang(bn) .hdr__nav a{font-size:15px}
:lang(bn) em,:lang(bn) .pillar__name{font-style:normal}
:lang(bn) body{line-height:1.7}
:lang(bn) .h-hero{font-size:clamp(38px,5.4vw,78px);line-height:1.2}
:lang(bn) .h-page,:lang(bn) .h-page--contact{font-size:clamp(36px,5vw,70px);line-height:1.22}
:lang(bn) .h-page--wide{font-size:clamp(34px,4.6vw,64px);line-height:1.22}
:lang(bn) .h2,:lang(bn) .h2--sm,:lang(bn) .h3{line-height:1.28}
:lang(bn) .ftr__h{font-size:clamp(36px,5.4vw,80px);line-height:1.18}
:lang(bn) .h-hero em,:lang(bn) .h-page em,:lang(bn) .ftr__h em{font-weight:700}
:lang(bn) .lead,:lang(bn) .body-lg,:lang(bn) .body-md{line-height:1.75}
:lang(bn) .flow__pt,:lang(bn) .mod__h,:lang(bn) .panel__h,:lang(bn) .pillar__name,:lang(bn) .mkt__l b{line-height:1.3}
:lang(bn) .eyebrow,:lang(bn) .ftr__col h3,:lang(bn) .ptable__hd,:lang(bn) .pill-live{font-size:13px}
:lang(bn) .tag-live{font-size:11px}
:lang(bn) .faq__q,:lang(bn) .rel__t{line-height:1.5}
:lang(bn) .faq__a{line-height:1.8}
:lang(bn) .prose{line-height:1.9}:lang(bn) .prose h2,:lang(bn) .prose h3,:lang(bn) .card__t,:lang(bn) .h-post{line-height:1.35}
:lang(bn) .h-post em{font-weight:700}
:lang(bn) .flow__lines div{grid-template-columns:130px 1fr;font-size:14px}
@media (max-width:640px){
  :lang(bn) .flow__lines div{grid-template-columns:96px 1fr;font-size:13px}
}
/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js [data-reveal]{opacity:1}
  .marquee__track{animation:none}
  .svc-pkt,.svc-ack,.svc-plus,.arc__flow,.arc__pulse,.scene--svc{display:none}
  .scene--net{opacity:1;visibility:visible;transform:none}
  .prog{display:none}
  .svc-node circle,.svc-node path,.svc-lab,.svc-hub circle{animation:none}
  .svc-node circle{fill:var(--lime)}
  .svc-node path{stroke:var(--ink)}
  .svc-lab{color:var(--white)}
}
@media print{
  .hdr,.marquee,.hero__art,.ftr__cta{display:none}
  .dark{background:#fff;color:#111}
}