/* inner pages (products, careers, contact, legal) — builds on boud.css + v2.css */
.maskic{display:block;width:26px;height:26px;background:var(--accent);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.icbox{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}
.dhero--s{min-height:auto;padding:clamp(120px,16vh,168px) 0 clamp(56px,8vh,88px)}
.dhero__logo{display:block;height:clamp(34px,4vw,48px);width:auto;max-width:240px;margin-bottom:22px;object-fit:contain;object-position:left center;filter:brightness(0)}
html[dir="rtl"] .dhero__logo{object-position:right center}
:root[data-theme="dark"] .dhero__logo{filter:brightness(0) invert(1)}
.dhero__cta{display:flex;flex-wrap:wrap;gap:12px}
.dhero__eyebrow{display:inline-flex;margin-bottom:18px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
html[lang="ar"] .dhero__eyebrow{letter-spacing:0;font-size:15px;text-transform:none}

/* feature rows */
.pfeat{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(22px,3vw,40px)}
.pfeat+.pfeat{border-top:1px solid var(--line)}
.pfeat:nth-of-type(even) .pshot{order:2}
.pshot{position:relative;border-radius:26px;border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));padding:clamp(14px,2vw,26px);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.pshot img{display:block;width:100%;height:auto;border-radius:14px}
.pfeat:hover .pshot{transform:translateY(-4px);box-shadow:var(--shadow)}
.pfeat__n{display:block;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;direction:ltr}
html[dir="rtl"] .pfeat__n{text-align:right}
.pfeat h3{font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.1;letter-spacing:-.02em}
html[lang="ar"] .pfeat h3{letter-spacing:0;line-height:1.3}
.pfeat p{margin-top:16px;max-width:46ch;font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:var(--muted)}

/* tiles */
.ptiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.ptile{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font-size:16.5px;font-weight:600;line-height:1.3;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.ptile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.ptile img{flex:none;width:44px;height:44px;object-fit:contain}
.ptile i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent)}

/* faq */
.faq{display:grid;gap:12px;max-width:880px}
.faq details{border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s,box-shadow .4s var(--ease)}
.faq details[open]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;list-style:none;font-size:clamp(16px,1.35vw,19px);font-weight:600;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:linear-gradient(var(--ink),var(--ink)) center/12px 1.6px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.6px 12px no-repeat;transition:transform .4s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:color-mix(in srgb,var(--accent) 14%,transparent)}
.faq p{padding:0 26px 24px;max-width:68ch;color:var(--muted);line-height:1.7;font-size:15.5px}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:20px}

/* licensing / pathway cards */
.pcards2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pcard2{display:flex;flex-direction:column;gap:18px;padding:clamp(26px,3vw,40px);border-radius:28px;background:var(--surface);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pcard2:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pcard2 h3{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.02em}
.pcard2>p{color:var(--muted);line-height:1.65}
.pcard2 ul{display:grid;gap:12px;margin:4px 0 8px}
.pcard2 li,.jlist li{position:relative;padding-inline-start:26px;line-height:1.5}
.pcard2 li::before,.jlist li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:-45deg;translate:0 -50%}
.pcard2 .btn{align-self:flex-start;margin-top:auto}

/* chips */
.chips2{display:flex;flex-wrap:wrap;gap:10px}
.chips2 span{padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-size:15px;font-weight:500;transition:background .3s,border-color .3s,transform .4s var(--ease)}
.chips2 span:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));transform:translateY(-2px)}

/* roles list */
.rgroup+.rgroup{margin-top:clamp(40px,5vw,64px)}
.rgroup>h3{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
html[lang="ar"] .rgroup>h3{letter-spacing:0;font-size:16px;text-transform:none}
.rgroup>h3::after{content:"";flex:1;height:1px;background:var(--line-2)}
.role{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-bottom:10px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s,background .3s}
.role:hover{transform:translateX(6px);border-color:var(--accent);box-shadow:var(--shadow)}
html[dir="rtl"] .role:hover{transform:translateX(-6px)}
.role h4{font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.3}
.role__go{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:14px;font-weight:600;color:var(--accent)}
.role__go svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.role:hover .role__go svg{transform:translateX(4px)}
html[dir="rtl"] .role__go svg{transform:scaleX(-1)}
html[dir="rtl"] .role:hover .role__go svg{transform:scaleX(-1) translateX(4px)}

/* steps */
.psteps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.pstep{position:relative;padding:28px 24px 26px;border-radius:22px;background:var(--surface);border:1px solid var(--line);counter-increment:s;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.pstep:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pstep::before{content:"0" counter(s);display:block;margin-bottom:34px;font-size:44px;font-weight:600;line-height:1;color:transparent;-webkit-text-stroke:1.3px color-mix(in srgb,var(--accent) 70%,transparent);direction:ltr;text-align:start}
.pstep h3{font-size:19px;font-weight:600;line-height:1.3}
.pstep p{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.6}
.ppillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ppillar{display:grid;gap:16px;align-content:start;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.ppillar img{width:100%;max-height:170px;object-fit:contain;object-position:left center}
.ppillar h3{font-size:clamp(20px,1.8vw,26px);font-weight:600}
.ppillar p{color:var(--muted);line-height:1.65}
.pnote{max-width:760px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--ink);font-weight:500}

/* job page */
.jmeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.jmeta span{display:inline-flex;flex-direction:column;gap:2px;padding:10px 18px;border-radius:16px;border:1px solid var(--line-2);background:color-mix(in srgb,var(--surface) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.jmeta small{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
html[lang="ar"] .jmeta small{letter-spacing:0;text-transform:none;font-size:13px}
.jmeta b{font-size:15px;font-weight:600}
.jback{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;color:var(--muted);transition:color .2s}
.jback:hover{color:var(--accent)}
.jback svg{width:15px;height:15px}
html[dir="rtl"] .jback svg{transform:scaleX(-1)}
.jgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,80px);align-items:start}
.jbody section+section{margin-top:clamp(34px,4vw,52px)}
.jbody h2{margin-bottom:18px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
html[lang="ar"] .jbody h2{letter-spacing:0;font-size:16px;text-transform:none}
.jbody p{max-width:70ch;line-height:1.75;color:var(--muted);font-size:16.5px}
.jbody p+p{margin-top:16px}
.jlist{display:grid;gap:14px;max-width:72ch}
.jlist li{font-size:16px;color:var(--ink);opacity:.9}
.japply{position:sticky;top:96px;display:grid;gap:16px;padding:30px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.japply h3{font-size:22px;font-weight:600;line-height:1.25}
.japply p{color:var(--muted);line-height:1.6;font-size:15px}
.japply .btn{justify-content:center}

/* legal */
.legal{max-width:820px}
.legal h2{margin:clamp(36px,4vw,56px) 0 14px;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.02em}
.legal h2:first-child{margin-top:0}
.legal p{margin-top:14px;line-height:1.8;color:var(--muted);font-size:16.5px}
.legal ul{display:grid;gap:10px;margin:14px 0}
.legal li{position:relative;padding-inline-start:24px;line-height:1.7;color:var(--muted)}
.legal li::before{content:"";position:absolute;inset-inline-start:2px;top:.8em;width:7px;height:7px;border-radius:50%;background:var(--accent)}

.csplit{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
@media (max-width:900px){
  .pfeat{grid-template-columns:1fr;gap:24px}
  .pfeat:nth-of-type(even) .pshot{order:0}
  .pcards2,.ppillars{grid-template-columns:1fr}
  .psteps{grid-template-columns:repeat(2,1fr)}
  .jgrid{grid-template-columns:1fr}
  .japply{position:static}
}
@media (max-width:560px){.psteps{grid-template-columns:1fr}.role{flex-direction:column;align-items:flex-start}}
.ptile{flex-direction:row;justify-content:flex-start;text-align:start}
.dcards--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.dcards--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.dcards--4{grid-template-columns:1fr}}
.dcard2 .icbox{margin-bottom:4px}