:root{--ink:#10262d;--muted:#66777c;--line:#dce5e7;--bg:#f6f8f8;--brand:#0d5b62;--accent:#d8b46a;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,"Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);z-index:20}
.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:2px;color:var(--brand)}.navlinks{display:flex;gap:20px;flex:1}.actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;border:1px solid var(--brand);background:var(--brand);color:white;font-weight:700;cursor:pointer}.btn.ghost{background:white;color:var(--brand)}.btn.gold{background:var(--accent);border-color:var(--accent);color:#1c292c}
.hero{padding:76px 0 54px;background:linear-gradient(135deg,#eef5f4,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.kicker{font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:12px 0 20px}.hero p{font-size:20px;color:var(--muted);max-width:700px}
.hero-card{background:var(--ink);color:white;border-radius:24px;padding:34px;min-height:320px;display:flex;flex-direction:column;justify-content:end}.hero-card small{color:#c8d7da}.hero-card h2{font-size:30px;margin:8px 0}
.section{padding:62px 0}.section h2{font-size:34px;margin:0 0 12px}.lead{color:var(--muted);max-width:720px;margin-bottom:28px}
.search{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;background:white;padding:14px;border-radius:16px;border:1px solid var(--line);box-shadow:0 12px 35px #17363c12}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd7d9;border-radius:9px;font:inherit;background:white}textarea{min-height:100px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.job-card h3{margin:8px 0;font-size:22px}.meta{color:var(--muted);font-size:14px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7f1f0;color:var(--brand);font-size:12px;font-weight:800}
.form{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-weight:700;margin-bottom:5px}.full{grid-column:1/-1}
.notice{padding:14px;border-radius:10px;background:#edf6ef;margin:14px 0}.error{background:#fff0f0;color:#8c2424}.success{background:#edf7f1;color:#155f3c}
footer{background:var(--ink);color:white;padding:42px 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.admin{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.side{background:#17363c;color:white;padding:24px}.side a{display:block;padding:10px;border-radius:8px;margin-bottom:4px}.side a:hover{background:#ffffff18}.workspace{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.stat strong{display:block;font-size:30px}
table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{text-align:start;padding:12px;border-bottom:1px solid var(--line)}
[dir="rtl"] .nav,[dir="rtl"] .actions{flex-direction:row}[dir="rtl"] body{text-align:right}
@media(max-width:800px){.navlinks{display:none}.hero-grid,.grid3,.grid2,.form-grid,.footer-grid{grid-template-columns:1fr}.search{grid-template-columns:1fr}.hero{padding-top:42px}.admin{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px;padding:10px}.side a{white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.workspace{padding:16px}}

.stage{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.stage span{background:#eef5f4;border:1px solid #dce5e7;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:700}

.mobile-apply{display:none}@media(max-width:800px){.mobile-apply{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:30}.mobile-apply .btn{width:100%;box-shadow:0 12px 35px #0003}}

:root{--shadow:0 18px 50px rgba(16,38,45,.08);--radius-lg:22px}
.hero{overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#d8b46a22;inset:auto -110px -160px auto}
.hero-grid,.wrap{position:relative;z-index:1}.card{box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);border-color:#bfd0d3}
.section.soft{background:#eef5f4}.section.dark{background:#10262d;color:white}.section.dark .lead{color:#c8d7da}
.metric-line{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce5e7;border:1px solid #dce5e7;border-radius:18px;overflow:hidden}.metric-line>div{background:white;padding:20px}.metric-line strong{display:block;font-size:28px;color:#0d5b62}
.pipeline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pipeline .node{padding:9px 12px;border-radius:999px;background:#eef5f4;border:1px solid #cbdadc;font-size:13px;font-weight:800}.pipeline .node.done{background:#0d5b62;color:white}.pipeline .arrow{color:#7b8d91}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.sticky-card{position:sticky;top:92px}
@media(max-width:800px){.metric-line{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.sticky-card{position:static}.hero h1{font-size:42px}}

.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dce5e7;font-size:12px;font-weight:700}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kpi{background:white;border:1px solid #dce5e7;border-radius:14px;padding:15px}.kpi strong{display:block;font-size:26px;color:#0d5b62}
.bar{height:10px;border-radius:99px;background:#e7eef0;overflow:hidden}.bar>span{display:block;height:100%;background:#0d5b62}
.doc-row{display:grid;grid-template-columns:1.5fr .8fr .8fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e8eeee}
@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.doc-row{grid-template-columns:1fr}.doc-row .btn{width:100%}}

.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e4efee;color:#0d5b62;font-weight:800;font-size:18px}
.profile-head{display:flex;gap:14px;align-items:center}.notification{padding:12px;border-bottom:1px solid #e7eeee}.notification:last-child{border-bottom:0}
@media(max-width:800px){.profile-head{align-items:flex-start}}

.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:18px}
.quality-list{display:grid;gap:10px}.quality-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #dce5e7;border-radius:12px;background:white}
.status-good{color:#166534}.status-warn{color:#92400e}.status-bad{color:#991b1b}
.exec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.exec-card{padding:18px;border-radius:16px;background:white;border:1px solid #dce5e7}.exec-card strong{font-size:30px;display:block;color:#0d5b62}
@media(max-width:850px){.filter-bar{grid-template-columns:1fr}.exec-grid{grid-template-columns:1fr 1fr}}

.hero-demo{background:radial-gradient(circle at 85% 20%,rgba(216,180,106,.2),transparent 25%),linear-gradient(135deg,#eef6f5,#fff)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.section-title p{max-width:620px;color:#c8d7da}
.demo-banner{background:#d8b46a;color:#10262d;padding:8px 0;text-align:center;font-weight:800;font-size:13px}
.funnel-visual{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.funnel-step{padding:16px 10px;border-radius:14px;background:#fff;border:1px solid #dce5e7;text-align:center;color:#10262d}.funnel-step strong{display:block;font-size:24px;color:#0d5b62}
@media(max-width:800px){.funnel-visual{grid-template-columns:1fr 1fr 1fr}.section-title{align-items:start;flex-direction:column}}

.topline{font-size:12px;color:#6a7d81;margin-bottom:8px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.public-stat{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:18px;text-align:center}
.public-stat strong{display:block;font-size:28px;color:#0d5b62}
.section-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0d5b62;text-transform:uppercase}
.admin-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.admin-topbar .context{color:#66777c}
.demo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-flow .card{min-height:150px}
.uat-check{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7eeee}
.uat-check:last-child{border-bottom:0}
.release-chip{background:#10262d;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:800px){.demo-flow{grid-template-columns:1fr 1fr}.admin-topbar{align-items:flex-start}.hero-actions .btn{width:100%}}

.premium-hero{background:radial-gradient(circle at 82% 18%,rgba(216,180,106,.24),transparent 24%),linear-gradient(135deg,#f8fbfb,#eef6f5 48%,#fff)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.trust-item{background:#ffffffcc;border:1px solid #dce5e7;padding:14px;border-radius:14px}.trust-item strong{display:block;color:#0d5b62;font-size:20px}
.feature-icon{width:44px;height:44px;border-radius:12px;background:#e9f3f2;display:grid;place-items:center;font-weight:900;color:#0d5b62;margin-bottom:14px}
.market-card{min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.market-tag{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0d5b62}
.premium-cta{background:#10262d;color:#fff;border-radius:24px;padding:34px}.premium-cta p{color:#c8d7da}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{display:flex;flex-direction:column;min-height:260px}.content-card .btn{margin-top:auto}
@media(max-width:900px){.trust-strip,.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.trust-strip,.content-grid{grid-template-columns:1fr}.premium-cta{padding:24px}}

.brand-hero{background:
radial-gradient(circle at 15% 20%,rgba(13,91,98,.08),transparent 24%),
radial-gradient(circle at 84% 18%,rgba(216,180,106,.26),transparent 26%),
linear-gradient(135deg,#fbfdfd,#edf6f5 55%,#ffffff)}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-symbol{width:48px;height:48px;border-radius:14px;background:#0d5b62;color:#fff;display:grid;place-items:center;font-weight:900}
.eyebrow-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.eyebrow-pill{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dce5e7;font-size:12px;font-weight:800}
.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.story-card{min-height:320px}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{padding:20px;border:1px solid #dce5e7;border-radius:16px;background:white}
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.persona-card{min-height:250px}
.surprise-band{background:linear-gradient(135deg,#10262d,#173b43);color:#fff;border-radius:28px;padding:38px}.surprise-band p{color:#c8d7da;max-width:760px}
.nav-premium{box-shadow:0 8px 28px rgba(16,38,45,.06);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
@media(max-width:900px){.story-grid{grid-template-columns:1fr}.value-grid,.persona-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.value-grid,.persona-grid{grid-template-columns:1fr}.surprise-band{padding:26px}}

:root{--bg:#fff;--bg-soft:#eef5f4;--surface:#fff;--text:#10262d;--muted:#66777c;--border:#dce5e7;--brand:#0d5b62;--brand-strong:#08494f;--gold:#d8b46a}
html[data-theme="dark"]{--bg:#0b171b;--bg-soft:#102328;--surface:#11272d;--text:#edf6f5;--muted:#a9bdc1;--border:#294148;--brand:#53aeb3;--brand-strong:#6fc0c5;--gold:#e0bf78}
body{background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}
.demo-banner{display:none!important}
header,.nav-premium{background:var(--surface)!important;border-color:var(--border)!important}
.card,.public-stat,.trust-item,.value-card,.exec-card,.kpi,.funnel-step,.quality-item{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
.section.soft{background:var(--bg-soft)!important}
html[data-theme="dark"] .premium-hero,html[data-theme="dark"] .brand-hero{background:linear-gradient(135deg,#0c1b20,#102a30 52%,#0b171b)!important}
.hero-card{background:#081418!important;color:#fff!important}.hero-card p{color:#b7c9cc!important}
.card p,.lead,.meta,.section-title p,.context{color:var(--muted)!important}
.kicker,.section-eyebrow,.market-tag{color:var(--brand)!important}
.btn{background:var(--brand)!important;color:#fff!important}.btn:hover{background:var(--brand-strong)!important}
.btn.ghost{background:transparent!important;color:var(--brand)!important;border-color:var(--brand)!important}
.btn.gold{background:var(--gold)!important;color:#10262d!important}
.badge,.chip,.stage span,.pipeline .node{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}
.pipeline .node.done{background:var(--brand)!important;color:#fff!important}
input,select,textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
table{color:var(--text)!important}th,td{border-color:var(--border)!important}
.theme-toggle{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;font-size:18px}
.theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .sun{display:inline}html[data-theme="dark"] .theme-toggle .moon{display:none}
@media(prefers-reduced-motion:reduce){body{transition:none}}

:root{
  --container:1180px;
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
}
.wrap{max-width:var(--container);margin:auto;padding-inline:28px}
body{line-height:1.65}
h1,h2,h3{letter-spacing:-.018em}
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.28}
.hero{padding:86px 0 74px}
.hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.02;margin:.18em 0}
.hero p{font-size:19px;max-width:720px}
html[dir="rtl"] .hero h1{font-size:clamp(42px,5vw,70px);line-height:1.18}
html[dir="rtl"] .hero p{font-size:18px}
.nav{min-height:76px;gap:18px}
.nav nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nav a{font-weight:650}
.brand{font-size:20px;letter-spacing:.08em}
.nav-premium{position:sticky;top:0;z-index:50}
.nav-actions{display:flex;align-items:center;gap:10px}
.section{padding:72px 0}
.section h2{font-size:clamp(30px,3.2vw,48px);margin:.15em 0 .45em}
.section-title{margin-bottom:28px}
.card{border-radius:var(--radius-lg);padding:24px;box-shadow:0 10px 30px rgba(16,38,45,.035)}
.card:hover{transform:translateY(-2px);transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 16px 38px rgba(16,38,45,.08)}
.hero-card{border-radius:var(--radius-xl);padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.feature-icon{font-size:13px}
.trust-strip{margin-top:30px}
.trust-item{min-height:92px;display:flex;flex-direction:column;justify-content:center}
.trust-item span{color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.proof-panel{border-radius:24px;padding:30px;background:var(--surface);border:1px solid var(--border)}
.proof-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.proof-item{padding:16px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border)}
.proof-item strong{display:block;font-size:22px;color:var(--brand)}
.jobs-shell{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}
.filter-panel{position:sticky;top:96px}
.job-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.job-card .job-meta{display:flex;gap:8px;flex-wrap:wrap}
.page-hero{padding:64px 0 46px}
.page-hero h1{font-size:clamp(38px,4.2vw,62px)}
.form-card{max-width:860px;margin:auto}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}
.footer-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9fb5ba;margin-bottom:10px}
footer a{color:#dfeaec}
footer p{color:#9fb5ba}
.footer-bottom{border-top:1px solid #1f3439;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.theme-toggle{flex:0 0 auto}
html[data-theme="dark"] .card:hover{box-shadow:0 16px 38px rgba(0,0,0,.32)}
@media(max-width:980px){
  .jobs-shell{grid-template-columns:1fr}
  .filter-panel{position:static}
  .proof-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav nav{gap:10px}
}
@media(max-width:720px){
  .wrap{padding-inline:18px}
  .hero{padding:58px 0 50px}
  .section{padding:52px 0}
  .proof-list,.footer-grid{grid-template-columns:1fr}
  .job-card{grid-template-columns:1fr}
  .nav{min-height:68px}
}

.conversion-card{padding:28px;border-radius:22px;border:1px solid var(--border);background:var(--surface)}
.employer-proof{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.trust-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-step{padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.trust-step strong{display:block;font-size:22px;color:var(--brand)}
.job-highlights{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.job-highlights span{padding:8px 12px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-size:13px}
.job-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.job-trust .card{padding:16px;min-height:auto}
.confidence-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.confidence-item{padding:20px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border)}
.licensing-card{border-radius:18px}.licensing-card strong{font-size:24px;color:var(--brand);display:block}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
@media(max-width:900px){.employer-proof,.confidence-strip,.contact-cards{grid-template-columns:1fr 1fr}.trust-flow{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.employer-proof,.confidence-strip,.contact-cards,.trust-flow,.job-trust{grid-template-columns:1fr}}

.search-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.search-sidebar{position:sticky;top:96px;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.search-results{display:grid;gap:14px}
.job-card-premium{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.job-card-premium h3{margin:.1em 0}.job-card-premium .meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.apply-shell{max-width:920px;margin:auto}.apply-summary{display:grid;grid-template-columns:1fr 320px;gap:20px}.apply-side{position:sticky;top:96px}
.form-section{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--border);margin-bottom:16px}
.form-section h3{margin-top:0}
.progress-line{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 24px}
.progress-step{padding:12px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border);font-size:13px;text-align:center}
.progress-step.active{background:var(--brand);color:#fff}
.employer-form-shell{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.employer-side{position:sticky;top:96px}
.micro-proof{display:grid;gap:10px}.micro-proof div{padding:12px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border)}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--border);min-height:240px;display:flex;flex-direction:column}.insight-card .meta{margin-top:auto}
.market-note{padding:16px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border);margin-top:16px}
.final-public-band{background:linear-gradient(135deg,var(--brand),#173b43);color:#fff;border-radius:24px;padding:30px}.final-public-band p{color:#d7e4e6}
@media(max-width:900px){.search-shell,.apply-summary,.employer-form-shell{grid-template-columns:1fr}.search-sidebar,.apply-side,.employer-side{position:static}.insights-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.job-card-premium{grid-template-columns:1fr}.progress-line{grid-template-columns:1fr 1fr}.insights-grid{grid-template-columns:1fr}}


/* KAYAN 2.0 RC1 visual polish — approved pre-launch */
.nav-premium .nav{gap:14px}
.navlinks{gap:14px}
.navlinks a{font-weight:600}
.nav-premium .actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.theme-toggle{width:44px;height:44px;border-radius:13px;box-shadow:0 4px 14px rgba(16,38,45,.05);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.theme-toggle:hover{transform:translateY(-1px);background:var(--bg-soft)}
.theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:2px}
.hero-demo{padding-top:78px;padding-bottom:70px}
.hero-demo .home-hero-title{font-size:clamp(38px,4.35vw,62px);line-height:1.16;max-width:720px;margin:.22em 0 .28em}
.hero-demo .home-hero-title span{white-space:nowrap}
.hero-demo p{color:#586d72!important;max-width:700px}
.hero-demo .hero-card{background:#0d272d!important;padding:34px;box-shadow:0 16px 42px rgba(8,20,24,.14)}
.hero-demo .hero-card h2{font-size:clamp(27px,2.4vw,38px);line-height:1.34;font-weight:700}
.hero-demo .hero-card p{color:#bdd0d3!important}
html[data-theme="dark"] .hero-demo p{color:#aec2c6!important}
html[data-theme="dark"] .hero-demo .hero-card{background:#102d33!important;border:1px solid #294148;box-shadow:0 16px 42px rgba(0,0,0,.24)}
html[data-theme="dark"] .nav-premium{box-shadow:0 8px 28px rgba(0,0,0,.18)}
@media(max-width:980px){.navlinks{gap:9px}.navlinks a{font-size:14px}.nav-premium .actions{gap:8px}}
@media(max-width:720px){.theme-toggle{width:42px;height:42px}.hero-demo{padding-top:54px}.hero-demo .home-hero-title{font-size:clamp(36px,10vw,50px)}.hero-demo .home-hero-title span{white-space:normal}}

/* KAYAN 2.0 RC1 Brand & Global Positioning R2 — approved pre-launch */
.legacy-brand{display:flex;align-items:center;flex:0 0 auto;background:#fff;border-radius:14px;padding:5px 10px;border:1px solid rgba(13,91,98,.10)}
.legacy-brand img{display:block;width:112px;height:58px;object-fit:contain}
.footer-logo{display:inline-flex;margin-bottom:12px}.footer-logo img{width:132px;height:68px}
.continuity-note{font-size:13px!important;margin-top:18px;max-width:620px!important;color:var(--muted)!important}
.hero-motion-shell{position:relative;border-radius:28px;overflow:hidden;min-height:390px;background:#0b252b;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(8,20,24,.16)}
.hero-motion-video{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;background:#0b252b}
.hero-motion-caption{position:absolute;inset:auto 22px 20px 22px;padding:15px 17px;border-radius:16px;background:rgba(6,24,29,.78);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.12)}
.hero-motion-caption small{display:block;color:#82cfd3;letter-spacing:.08em;margin-bottom:4px}.hero-motion-caption strong{font-size:14px;line-height:1.5}
.international-markets{overflow:hidden}
.market-reach-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}
.market-reach-card{position:relative;padding:20px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.market-reach-card>span{position:absolute;top:14px;inset-inline-start:15px;font-size:12px;color:var(--brand);font-weight:800}
.market-reach-card strong{font-size:18px;line-height:1.35}.market-reach-card small{color:var(--muted);margin-top:4px}
.market-reach-card.priority{background:linear-gradient(145deg,var(--brand),#173b43);color:#fff;border-color:transparent}.market-reach-card.priority small,.market-reach-card.priority>span{color:#d9ecee}
.market-disclaimer{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);font-size:13px}
html[data-theme="dark"] .legacy-brand{background:#fff;border-color:#dbe5e7}
@media(max-width:980px){.legacy-brand img{width:96px;height:50px}.market-reach-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.legacy-brand{padding:3px 6px}.legacy-brand img{width:82px;height:44px}.hero-motion-shell,.hero-motion-video{min-height:310px}.market-reach-grid{grid-template-columns:1fr 1fr}.hero-motion-caption{inset:auto 14px 14px 14px}}
@media(max-width:480px){.market-reach-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-motion-video{display:none}.hero-motion-shell{background:url('/kayan-hero-motion-poster.jpg') center/cover no-repeat}}

/* KAYAN 2.0 RC1 Search & Visual Micro-Polish R4 — approved pre-launch */
/* Search hygiene: native browser history/autocomplete is disabled in markup; future suggestions must be Kayan-owned. */
.hero-demo .home-hero-title{font-size:clamp(36px,3.95vw,56px);line-height:1.18;max-width:690px}
.hero-demo p{color:#4f666c!important}
html[data-theme="dark"] .hero-demo p{color:#c0d1d4!important}
.hero-demo .btn.ghost{border-color:color-mix(in srgb,var(--brand) 72%,var(--border));color:color-mix(in srgb,var(--brand) 86%,var(--text))!important}
html[data-theme="dark"] .hero-demo .btn.ghost{border-color:#3a7f85!important;color:#8bcdd1!important;background:rgba(13,91,98,.08)!important}
.legacy-brand img{width:120px;height:62px}
.job-card{align-content:start;grid-template-columns:1fr;gap:12px;min-height:350px}
.job-card h3{font-size:clamp(24px,1.65vw,29px);line-height:1.32;min-height:2.65em;margin:.15em 0}
.job-card .meta{font-size:16px;line-height:1.55}
.job-card p{font-size:17px;line-height:1.65;margin:0 0 4px}
.job-card .btn{justify-self:start;margin-top:auto}
.badge{font-weight:650;letter-spacing:.01em}
html[data-theme="dark"] .job-card .meta,html[data-theme="dark"] .job-card p{color:#bfd0d3!important}
html[data-theme="dark"] .badge{background:#102f35!important;color:#d9e9eb!important;border:1px solid #294b52!important}
/* Kayan-owned suggestion surfaces, if enabled later, inherit the active theme instead of browser-white styling. */
.kayan-suggestions{position:absolute;z-index:30;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.kayan-suggestions [role="option"]{padding:10px 12px;cursor:pointer}
.kayan-suggestions [role="option"]:hover,.kayan-suggestions [aria-selected="true"]{background:var(--bg-soft);color:var(--brand)}
@media(max-width:980px){.legacy-brand img{width:102px;height:53px}.job-card{min-height:0}}
@media(max-width:720px){.hero-demo .home-hero-title{font-size:clamp(34px,9vw,46px)}.legacy-brand img{width:86px;height:46px}.job-card h3{min-height:0}}

/* KAYAN 2.0 RC1 Typography Scale Finalization R5 — project-wide public UI */
/* Centralized typography scale so every current public page follows the same visual hierarchy. */
.hero h1,
.page-hero h1,
.hero-demo .home-hero-title{
  font-size:clamp(34px,3.2vw,52px)!important;
  line-height:1.16!important;
  max-width:760px;
  text-wrap:balance;
}
.section>.wrap>h1,
.section .wrap>h1{
  font-size:clamp(32px,2.7vw,46px);
  line-height:1.18;
  text-wrap:balance;
}
.section h2,
.section-title h2,
.conversion-card h2,
.surprise-band h2,
.final-public-band h2{
  font-size:clamp(26px,1.9vw,32px);
  line-height:1.28;
  text-wrap:balance;
}
.section h3,
.card h3,
.job-card h3,
.job-card-premium h3,
.form-section h3{
  font-size:clamp(20px,1.35vw,26px);
  line-height:1.34;
}
.hero p,.page-hero p{font-size:clamp(17px,1.2vw,19px);line-height:1.7}
@media(max-width:800px){
  .hero h1,.page-hero h1,.hero-demo .home-hero-title{font-size:clamp(32px,8.3vw,43px)!important;line-height:1.18!important}
  .section>.wrap>h1,.section .wrap>h1{font-size:clamp(29px,7vw,38px)}
  .section h2,.section-title h2,.conversion-card h2,.surprise-band h2,.final-public-band h2{font-size:clamp(24px,5.8vw,30px)}
}
@media(max-width:480px){
  .hero h1,.page-hero h1,.hero-demo .home-hero-title{font-size:clamp(30px,9vw,38px)!important}
  .section>.wrap>h1,.section .wrap>h1{font-size:clamp(27px,8vw,34px)}
}

/* KAYAN 2.0 RC1 R6 — Editorial Arabic Typography & Card System Polish */
/* Inspired by the calm editorial rhythm approved from the user reference, without copying its brand. */
:root{
  --card-shadow:0 8px 26px rgba(16,38,45,.075);
  --card-shadow-hover:0 14px 34px rgba(16,38,45,.115);
  --card-radius:18px;
}
html[dir="rtl"] body{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  font-weight:400;
  line-height:1.78;
}
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] .lead,
html[dir="rtl"] .meta,
html[dir="rtl"] .context{
  font-weight:400;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  font-weight:600;
  line-height:1.42;
}
html[dir="rtl"] .navlinks a,
html[dir="rtl"] .btn,
html[dir="rtl"] label{
  font-weight:600;
}

/* Editorial-style public content surfaces */
.card,
.job-card,
.job-card-premium,
.insight-card,
.market-reach-card,
.contact-card,
.value-card,
.persona-card,
.proof-panel,
.conversion-card,
.form-section,
.search-sidebar,
.trust-step,
.confidence-item,
.market-note{
  border-radius:var(--card-radius)!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  background:var(--surface)!important;
  box-shadow:var(--card-shadow)!important;
}
.card,
.job-card,
.job-card-premium,
.insight-card,
.market-reach-card,
.contact-card,
.value-card,
.persona-card,
.proof-panel,
.conversion-card,
.form-section{
  padding:26px!important;
}
.card:hover,
.job-card:hover,
.job-card-premium:hover,
.insight-card:hover,
.market-reach-card:hover,
.contact-card:hover,
.value-card:hover,
.persona-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--card-shadow-hover)!important;
  border-color:color-mix(in srgb,var(--brand) 24%,var(--border))!important;
}

/* Card text hierarchy: editorial, readable, not oversized */
.card h2,.card h3,
.job-card h3,.job-card-premium h3,
.insight-card h3,.market-reach-card h3,
.contact-card h3,.value-card h3,.persona-card h3{
  margin:.1em 0 .55em;
  font-weight:600;
  color:var(--text);
}
html[dir="rtl"] .card h3,
html[dir="rtl"] .job-card h3,
html[dir="rtl"] .job-card-premium h3,
html[dir="rtl"] .insight-card h3{
  font-size:clamp(19px,1.2vw,23px)!important;
  line-height:1.55!important;
}
.card p,.job-card p,.job-card-premium p,.insight-card p,.contact-card p,.value-card p,.persona-card p{
  color:var(--muted)!important;
  font-size:clamp(15px,1vw,17px);
  line-height:1.82;
}
html[dir="rtl"] .card p,
html[dir="rtl"] .job-card p,
html[dir="rtl"] .job-card-premium p,
html[dir="rtl"] .insight-card p{
  line-height:1.95;
}
.meta,.job-card .meta,.job-card-premium .meta,.insight-card .meta{
  font-size:14px!important;
  color:color-mix(in srgb,var(--muted) 90%,var(--text))!important;
}
.badge,.chip,.eyebrow-pill{
  font-weight:500!important;
  font-size:12px;
}

/* Slightly flatter spacing gives the same calm magazine-like rhythm as the reference */
.grid3,.content-grid,.insights-grid,.persona-grid,.contact-cards{gap:22px}
.section-title{margin-bottom:30px}
.section .lead{line-height:1.85}

/* Light cards stay soft-white; dark cards stay dark rather than turning into high-contrast blocks. */
html[data-theme="dark"]{
  --card-shadow:0 8px 24px rgba(0,0,0,.24);
  --card-shadow-hover:0 14px 34px rgba(0,0,0,.34);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .job-card-premium,
html[data-theme="dark"] .insight-card,
html[data-theme="dark"] .market-reach-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .value-card,
html[data-theme="dark"] .persona-card,
html[data-theme="dark"] .proof-panel,
html[data-theme="dark"] .conversion-card,
html[data-theme="dark"] .form-section{
  background:#11272d!important;
  border-color:#294148!important;
}

@media(max-width:720px){
  .card,.job-card,.job-card-premium,.insight-card,.market-reach-card,.contact-card,.value-card,.persona-card,.proof-panel,.conversion-card,.form-section{padding:21px!important}
  html[dir="rtl"] body{line-height:1.72}
}


/* KAYAN 2.0 RC1 R6.1 — Contrast + Navbar Weight + Hero Message Polish */
/* Theme-safe public heroes: never combine a light hero surface with dark-theme text tokens. */
.page-hero,
.hero.page-hero{
  background:linear-gradient(135deg,var(--bg),var(--bg-soft))!important;
  color:var(--text)!important;
}
.page-hero h1,
.hero.page-hero h1{
  color:var(--text)!important;
  opacity:1!important;
}
.page-hero p,
.hero.page-hero p{
  color:var(--muted)!important;
  opacity:1!important;
}
.page-hero .kicker,
.hero.page-hero .kicker{
  color:var(--brand)!important;
  opacity:1!important;
}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .hero.page-hero{
  background:linear-gradient(135deg,#0c1b20,#102a30 54%,#0b171b)!important;
  color:var(--text)!important;
}
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .hero.page-hero h1{color:#edf6f5!important}
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .hero.page-hero p{color:#b9cdd1!important}

/* Calmer navigation typography for both Arabic and English. Primary CTA remains visually stronger. */
.navlinks a,
html[dir="rtl"] .navlinks a{
  font-weight:500!important;
  font-size:17px;
  letter-spacing:0;
}
.nav-premium .actions .btn:not(.ghost),
html[dir="rtl"] .nav-premium .actions .btn:not(.ghost){font-weight:600!important}
.language-switch{font-weight:600!important}
@media(max-width:980px){.navlinks a{font-size:14px}}

/* UAT Hotfix 01 — Candidate application wizard */
.wizard-progress{align-items:stretch}
.wizard-progress .progress-step{font:inherit;cursor:pointer;color:var(--text);min-height:48px}
.wizard-progress .progress-step.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 18px rgba(10,95,101,.12)}
.wizard-progress .progress-step.complete:not(.active){background:var(--surface);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 24%,var(--border))}
.wizard-progress .progress-step:disabled{cursor:not-allowed;opacity:.55}
.step-check{font-size:.9em;margin-inline-start:6px}
.wizard-panel[hidden]{display:none!important}
.wizard-actions{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:8px;flex-wrap:wrap}
[dir="rtl"] .wizard-actions{justify-content:flex-start}
.wizard-review{margin-bottom:16px}
html[data-theme="dark"] .wizard-progress .progress-step.complete:not(.active){background:var(--surface);color:var(--accent)}
@media(max-width:720px){.wizard-progress{grid-template-columns:1fr 1fr}.wizard-actions .btn{width:100%}}

/* UAT Corrective Pack 11.2 — stable drill-down layout */
.drill-trigger{font:inherit;text-align:inherit;color:inherit;width:100%;appearance:none}
.drill-trigger.active{border-color:var(--brand);box-shadow:0 10px 28px rgba(15,55,63,.12);background:color-mix(in srgb,var(--surface) 94%,var(--brand) 6%)}
.drill-trigger small{display:block;margin-top:6px;font-size:12px;color:var(--muted);font-weight:500}
.drill-panels{margin-top:16px}.drill-panel-block{display:block;width:100%;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface);box-shadow:0 12px 30px rgba(15,55,63,.08)}
.drill-panel-block[hidden]{display:none!important}
.drill-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.drill-head h3{margin:0}.drill-close{white-space:nowrap}
.drill-list{display:grid;gap:8px}.drill-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.drill-row:last-child{border-bottom:0}
.btn.compact{padding:7px 11px;font-size:13px;white-space:nowrap}.disabled-kpi{opacity:.72;cursor:default}
html[dir="rtl"] .drill-row,html[dir="rtl"] .drill-head{text-align:right}
@media(max-width:800px){.drill-row{align-items:flex-start;flex-direction:column}.drill-head{align-items:flex-start;flex-direction:column}.drill-close{width:100%}}

/* UAT Corrective Pack 11.3 — explicit interactive drill CTA */
.drill-trigger{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.drill-trigger:hover{border-color:var(--brand);box-shadow:0 8px 22px rgba(15,55,63,.10)}
.drill-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:3px}
.drill-cta{margin-top:10px;padding:7px 12px;border:1px solid var(--brand);border-radius:9px;background:transparent;color:var(--brand);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.drill-trigger:hover .drill-cta,.drill-trigger.active .drill-cta{background:var(--brand);color:#fff}
html[dir="rtl"] .drill-cta{font-family:inherit}

/* KAYAN 2.0 RC1 — Mobile Visual Hotfix 12 — Theme-safe employer form + priority market card */
.form{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.field label{
  color:var(--text)!important;
}
.employer-form-shell .form input,
.employer-form-shell .form select,
.employer-form-shell .form textarea{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.market-reach-card.priority{
  background:linear-gradient(145deg,var(--brand),#173b43)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.market-reach-card.priority strong{
  color:#fff!important;
}
.market-reach-card.priority small,
.market-reach-card.priority>span{
  color:#d9ecee!important;
}
html[data-theme="dark"] .market-reach-card.priority{
  background:linear-gradient(145deg,#176d74,#173b43)!important;
  color:#fff!important;
  border-color:#2c666c!important;
}
@media(max-width:720px){
  .employer-form-shell .form{padding:20px!important}
  .employer-form-shell .field label{margin-bottom:7px}
}

/* KAYAN 2.0 RC1 — Mobile Navigation Hotfix 13 */
.mobile-menu-toggle,.mobile-navigation,.mobile-nav-backdrop{display:none}
@media(max-width:800px){
  .nav-premium .nav{gap:8px;min-height:68px}
  .nav-premium .actions{gap:7px;margin-inline-start:auto}
  .desktop-request-cta{display:none!important}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
  .mobile-menu-toggle>span:first-child{font-size:22px;line-height:1}
  .mobile-menu-label{font-size:13px}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(5,24,29,.48);z-index:79;opacity:0;transition:opacity .2s ease}
  .mobile-nav-backdrop[hidden]{display:none!important}
  .mobile-nav-backdrop.is-open{opacity:1}
  .mobile-navigation{display:flex;position:fixed;top:0;bottom:0;z-index:80;width:min(86vw,360px);padding:22px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.28);flex-direction:column;gap:18px;transition:transform .22s ease;overflow-y:auto}
  html[dir="rtl"] .mobile-navigation{right:0;transform:translateX(105%)}
  html[dir="ltr"] .mobile-navigation{left:0;transform:translateX(-105%)}
  .mobile-navigation.is-open{transform:translateX(0)!important}
  .mobile-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
  .mobile-navigation-head strong{font-size:20px}
  .mobile-nav-close{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2,var(--surface));color:var(--text);font-size:28px;line-height:1;cursor:pointer}
  .mobile-navigation-links{display:grid;gap:4px}
  .mobile-navigation-links a{display:block;padding:13px 10px;border-radius:11px;color:var(--text)!important;text-decoration:none;font-weight:650}
  .mobile-navigation-links a:hover,.mobile-navigation-links a:focus-visible{background:var(--surface-2,var(--bg));outline:none}
  .mobile-nav-cta{width:100%;margin-top:auto;text-align:center;justify-content:center}
  body.mobile-nav-open{overflow:hidden}
}
@media(max-width:430px){
  .mobile-menu-label{display:none}
  .mobile-menu-toggle{width:42px;padding:0}
  .nav-premium .actions{gap:5px}
}
@media(prefers-reduced-motion:reduce){.mobile-navigation,.mobile-nav-backdrop{transition:none!important}}

/* KAYAN 2.0 RC1 — Navigation & Trust Architecture Hotfix 14 */
.trust-section{position:relative;overflow:hidden}
.client-logo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.client-logo-slot{min-height:92px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--soft));position:relative;overflow:hidden}
.client-logo-slot::after{content:"";position:absolute;inset:22% 18%;border-radius:12px;background:var(--surface-2);opacity:.5}
.experience-section .card h3{margin-bottom:8px}
.navlinks{gap:14px}
@media(max-width:1100px){.navlinks{gap:10px}.navlinks a{font-size:14px}}
@media(max-width:900px){.navlinks{display:none}}
@media(max-width:800px){.client-logo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-slot{min-height:78px}}
@media(max-width:480px){.client-logo-preview{grid-template-columns:1fr 1fr;gap:10px}.client-logo-slot{min-height:72px}}

/* KAYAN 2.0 RC1 — Discovery & Trust Hotfix 15 */
#about-story,#experience,#trusted,#method{scroll-margin-top:96px}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px}
.nav-dropdown-trigger span{font-size:12px;transition:transform .16s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(5,24,29,.15);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:90}
.nav-dropdown-menu a{display:block!important;padding:10px 12px;border-radius:9px;white-space:nowrap;color:var(--text)!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:var(--surface-2,var(--bg));outline:none}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span{transform:rotate(180deg)}
.mobile-nav-subgroup{display:grid;gap:2px;margin:-2px 8px 6px;padding-inline-start:12px;border-inline-start:2px solid var(--border)}
.mobile-navigation-links .mobile-nav-subgroup a{padding:9px 10px;font-size:14px;font-weight:550;color:var(--muted)!important}
.trust-section .client-logo-preview{margin-bottom:4px}
@media(max-width:900px){.nav-dropdown{display:none}}

/* KAYAN 2.0 RC1 — Discovery & Trust Hotfix 15 */
#about-story,#experience,#trusted,#method{scroll-margin-top:96px}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px}
.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(5,24,29,.15);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease;z-index:90}
.nav-dropdown-menu a{display:block!important;padding:10px 12px;border-radius:9px;white-space:nowrap;color:var(--text)!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:var(--surface-2,var(--bg));outline:none}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mobile-nav-subgroup{display:grid;gap:2px;margin:-2px 8px 6px;padding-inline-start:12px;border-inline-start:2px solid var(--border)}
.mobile-navigation-links .mobile-nav-subgroup a{padding:9px 10px;font-size:14px;font-weight:550;color:var(--muted)!important}
@media(max-width:900px){.nav-dropdown{display:none}}


/* KAYAN 2.0 Public Commercial Rebuild — English-first, SEO/conversion-oriented */
.commercial-header .commercial-nav{gap:13px}.commercial-header .commercial-nav a{font-weight:600;font-size:14px}.commercial-preview{font-size:12px;letter-spacing:.02em}
.commercial-hero .home-hero-title span{color:var(--brand)}.candidate-promise-inline{margin-top:22px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));display:grid;gap:3px}.candidate-promise-inline strong{color:var(--brand)}.candidate-promise-inline span{color:var(--muted);font-size:14px}
.commercial-proof-strip{padding:28px 0}.commercial-search{margin-bottom:26px}.commercial-jobs-list{display:grid;gap:14px;margin-top:22px}.commercial-job-card{box-shadow:var(--shadow)}.commercial-job-card p{color:var(--muted);margin-bottom:0}.commercial-job-card .meta-row span{padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);font-size:12px}.section-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.candidate-promise-card{border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface))}
.commercial-logo-grid{margin-top:24px}.commercial-logo-grid .client-logo-slot{min-height:110px}.commercial-final-cta{padding-top:26px}.candidate-fee-mini{font-size:13px!important}.commercial-footer .footer-grid{grid-template-columns:1.35fr .8fr .8fr 1.25fr}.commercial-footer p{font-size:14px}.commercial-job-filter{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.job-detail-hero{background:linear-gradient(135deg,var(--bg-soft),var(--surface))}.founder-card{align-self:start}.admin-job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}.admin-job-actions form{margin:0}.commercial-mobile-nav .mobile-navigation-links a{font-weight:650}
@media(max-width:1040px){.commercial-header .commercial-nav{display:none}.commercial-footer .footer-grid{grid-template-columns:1fr 1fr}.commercial-job-filter{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.commercial-footer .footer-grid,.commercial-job-filter{grid-template-columns:1fr}.commercial-hero .home-hero-title{font-size:clamp(34px,10vw,48px)}.commercial-logo-grid .client-logo-slot{min-height:86px}}


/* ================================================================
   KAYAN 2.0 PUBLIC THEME 01.7 — SINGLE SOURCE THEME
   Supersedes commercial theme layers 01.1–01.6.
   Design contract:
   - Light = light page/surfaces + dark readable copy.
   - Dark = continuous navy page/surfaces + light readable copy.
   - Only explicit .section.dark, page heroes, final CTA and footer are
     intentionally inverted in Light mode.
   - WhatsApp and LinkedIn retain their platform identity colours.
   ================================================================ */
:root{
  --k-navy-950:#041522;
  --k-navy-900:#062238;
  --k-navy-850:#082c46;
  --k-navy-800:#0a3654;
  --k-blue-700:#0d679e;
  --k-blue-600:#1480b8;
  --k-blue-500:#35a9d4;
  --k-sky-400:#72cbe8;
  --k-sky-200:#cbeaf5;
  --k-ice-100:#edf7fb;
  --k-ice-50:#f7fbfd;
  --k-white:#ffffff;
  --k-text:#062a45;
  --k-copy:#315b74;
  --k-muted:#648295;
  --k-border:#c6dfeb;
  --k-shadow:0 14px 34px rgba(5,49,78,.10);
  --k-whatsapp:#25D366;
  --k-linkedin:#0A66C2;
}

/* Public shell is isolated from legacy/admin theme rules. */
html[data-theme="light"] body.commercial-body{
  --ks-page:var(--k-ice-50);--ks-soft:var(--k-ice-100);--ks-card:#fff;
  --ks-text:var(--k-text);--ks-copy:var(--k-copy);--ks-muted:var(--k-muted);
  --ks-border:var(--k-border);--ks-dark:var(--k-navy-950);--ks-dark-card:var(--k-navy-850);
  background:var(--ks-page)!important;color:var(--ks-text)!important;
}
html[data-theme="dark"] body.commercial-body{
  --ks-page:#041522;--ks-soft:#061d2e;--ks-card:#0a2b43;
  --ks-text:#f4fbfe;--ks-copy:#c7deea;--ks-muted:#9fbdcc;
  --ks-border:#27546d;--ks-dark:#03121e;--ks-dark-card:#0b314b;
  background:var(--ks-page)!important;color:var(--ks-text)!important;
}
body.commercial-body,body.commercial-body main{background:var(--ks-page)!important;color:var(--ks-text)!important}
body.commercial-body *{box-sizing:border-box}
body.commercial-body h1,body.commercial-body h2,body.commercial-body h3,body.commercial-body h4,
body.commercial-body p,body.commercial-body .lead,body.commercial-body .meta,body.commercial-body label,
body.commercial-body .section-title,body.commercial-body .section-title *{opacity:1!important}

/* Header */
body.commercial-body .commercial-header{
  background:linear-gradient(100deg,#052039 0%,#0a4368 58%,#116f9f 100%)!important;
  border-bottom:1px solid rgba(126,207,235,.28)!important;box-shadow:0 8px 24px rgba(2,24,40,.13)!important;
}
body.commercial-body .commercial-header .navlinks a{color:#f4fbfe!important}
body.commercial-body .commercial-header .navlinks a:hover{color:#8edaf0!important}
body.commercial-body .commercial-header .theme-toggle,body.commercial-body .commercial-header .mobile-menu-toggle{
  color:#fff!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.25)!important;
}
body.commercial-body .commercial-header .desktop-request-cta{background:#76cbe7!important;border-color:#76cbe7!important;color:#05243a!important}

/* Section authority */
body.commercial-body .section{background:var(--ks-page)!important;color:var(--ks-text)!important}
body.commercial-body .section.soft{background:var(--ks-soft)!important;color:var(--ks-text)!important}
body.commercial-body .section h1,body.commercial-body .section h2,body.commercial-body .section h3,
body.commercial-body .section h4{color:var(--ks-text)!important}
body.commercial-body .section p,body.commercial-body .section .lead,body.commercial-body .section .meta{color:var(--ks-copy)!important}
body.commercial-body .section .kicker{color:var(--k-blue-700)!important}
html[data-theme="dark"] body.commercial-body .section .kicker{color:#78d0ec!important}

/* Explicit inverted sections only. */
body.commercial-body .section.dark{
  background:linear-gradient(115deg,#041827 0%,#072b43 58%,#0a3d5c 100%)!important;color:#fff!important;
}
body.commercial-body .section.dark h1,body.commercial-body .section.dark h2,body.commercial-body .section.dark h3,
body.commercial-body .section.dark h4{color:#fff!important}
body.commercial-body .section.dark p,body.commercial-body .section.dark .lead,body.commercial-body .section.dark .meta{color:#c8dfeb!important}
body.commercial-body .section.dark .kicker{color:#78d5ef!important}

/* Page heroes */
body.commercial-body .page-hero,body.commercial-body .hero.page-hero{
  background:linear-gradient(118deg,#05233a 0%,#0b5079 58%,#1683b9 100%)!important;color:#fff!important;
}
body.commercial-body .page-hero h1,body.commercial-body .page-hero h2,body.commercial-body .page-hero h3{color:#fff!important}
body.commercial-body .page-hero p,body.commercial-body .page-hero .lead{color:#d9edf6!important}
body.commercial-body .page-hero .kicker{color:#86d8ef!important}

/* Cards: default cards always follow the current theme. */
body.commercial-body .card,body.commercial-body .job-card,body.commercial-body .job-card-premium,
body.commercial-body .commercial-job-card,body.commercial-body .insight-card,body.commercial-body .market-reach-card,
body.commercial-body .contact-card,body.commercial-body .value-card,body.commercial-body .persona-card,
body.commercial-body .proof-panel,body.commercial-body .conversion-card,body.commercial-body .founder-card,
body.commercial-body .form-section,body.commercial-body .search-sidebar,body.commercial-body .micro-proof>div{
  background:var(--ks-card)!important;color:var(--ks-text)!important;border-color:var(--ks-border)!important;
}
html[data-theme="light"] body.commercial-body .card,html[data-theme="light"] body.commercial-body .insight-card,
html[data-theme="light"] body.commercial-body .founder-card,html[data-theme="light"] body.commercial-body .contact-card{box-shadow:var(--k-shadow)!important}
body.commercial-body .card h1,body.commercial-body .card h2,body.commercial-body .card h3,
body.commercial-body .insight-card h1,body.commercial-body .insight-card h2,body.commercial-body .insight-card h3,
body.commercial-body .founder-card h1,body.commercial-body .founder-card h2,body.commercial-body .founder-card h3,
body.commercial-body .contact-card h1,body.commercial-body .contact-card h2,body.commercial-body .contact-card h3{color:var(--ks-text)!important}
body.commercial-body .card p,body.commercial-body .insight-card p,body.commercial-body .founder-card p,
body.commercial-body .contact-card p{color:var(--ks-copy)!important}

/* Dark feature cards are dark in BOTH modes by explicit component contract. */
body.commercial-body .process-card,body.commercial-body .employer-proof-card,
body.commercial-body .section.dark .persona-card{
  background:var(--ks-dark-card)!important;color:#fff!important;border-color:#235470!important;
}
body.commercial-body .process-card h1,body.commercial-body .process-card h2,body.commercial-body .process-card h3,
body.commercial-body .employer-proof-card h1,body.commercial-body .employer-proof-card h2,body.commercial-body .employer-proof-card h3,
body.commercial-body .section.dark .persona-card h1,body.commercial-body .section.dark .persona-card h2,body.commercial-body .section.dark .persona-card h3{color:#fff!important}
body.commercial-body .process-card p,body.commercial-body .employer-proof-card p,body.commercial-body .section.dark .persona-card p{color:#c7dfeb!important}

/* Commercial home service cards remain neutral in Light, navy in Dark only. */
html[data-theme="light"] body.commercial-body .commercial-service-grid .card{background:#fff!important;color:var(--k-text)!important}
html[data-theme="dark"] body.commercial-body .commercial-service-grid .card{background:#0b314b!important;color:#f4fbfe!important}
html[data-theme="dark"] body.commercial-body .commercial-service-grid .card h3{color:#f4fbfe!important}
html[data-theme="dark"] body.commercial-body .commercial-service-grid .card p{color:#c7dfeb!important}

/* Market hierarchy */
html[data-theme="light"] body.commercial-body .market-reach-card{background:#fff!important;color:var(--k-text)!important}
html[data-theme="light"] body.commercial-body .market-reach-card.priority{
  background:linear-gradient(145deg,#0a4a73,#1682b6)!important;color:#fff!important;border-color:transparent!important;
}
html[data-theme="light"] body.commercial-body .market-reach-card.priority h3,
html[data-theme="light"] body.commercial-body .market-reach-card.priority strong{color:#fff!important}
html[data-theme="light"] body.commercial-body .market-reach-card.priority p,
html[data-theme="light"] body.commercial-body .market-reach-card.priority small{color:#d9edf6!important}
html[data-theme="dark"] body.commercial-body .market-reach-card{background:#0b314b!important;color:#f4fbfe!important;border-color:#2b5870!important}
html[data-theme="dark"] body.commercial-body .market-reach-card h3{color:#f4fbfe!important}
html[data-theme="dark"] body.commercial-body .market-reach-card p{color:#c7dfeb!important}

/* Candidate/employer split: intentionally inverted brand block. */
body.commercial-body .persona-split-section{background:linear-gradient(118deg,#041827,#07304a)!important;color:#fff!important}
body.commercial-body .persona-split-section .persona-card{background:#0b314b!important;border-color:#2a5b73!important;color:#fff!important}
body.commercial-body .persona-split-section .persona-card h2,body.commercial-body .persona-split-section .persona-card h3{color:#fff!important}
body.commercial-body .persona-split-section .persona-card p{color:#c8dfeb!important}

/* Metrics */
body.commercial-body .metric-line{display:grid!important;gap:1px!important;border-radius:18px!important;overflow:hidden!important}
body.commercial-body .metric-line-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.commercial-body .metric-line-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.commercial-body .metric-line>div{background:var(--ks-card)!important;color:var(--ks-copy)!important;border:0!important}
body.commercial-body .metric-line strong{color:var(--k-blue-700)!important}
body.commercial-body .metric-line span{color:var(--ks-copy)!important;opacity:1!important}
html[data-theme="dark"] body.commercial-body .metric-line strong{color:#7ed3ed!important}

/* Trust logo placeholders */
body.commercial-body .commercial-logo-grid{gap:18px!important}
body.commercial-body .client-logo-slot{min-height:118px!important;border-radius:18px!important;box-shadow:none!important}
html[data-theme="light"] body.commercial-body .client-logo-slot{background:#fff!important;border:1.5px dashed #acd1e1!important;color:#66879a!important}
html[data-theme="dark"] body.commercial-body .client-logo-slot{background:#08263b!important;border:1.5px dashed #3a687f!important;color:#a9c8d7!important}

/* Final CTA */
body.commercial-body .commercial-final-cta{background:var(--ks-page)!important}
body.commercial-body .surprise-band,body.commercial-body .final-public-band{
  background:linear-gradient(120deg,#05243b 0%,#0b5a88 65%,#1986b8 100%)!important;color:#fff!important;
}
body.commercial-body .surprise-band h1,body.commercial-body .surprise-band h2,body.commercial-body .surprise-band h3,
body.commercial-body .final-public-band h1,body.commercial-body .final-public-band h2,body.commercial-body .final-public-band h3{color:#fff!important}
body.commercial-body .surprise-band p,body.commercial-body .final-public-band p{color:#d9edf6!important}
body.commercial-body .surprise-band .kicker,body.commercial-body .final-public-band .kicker{color:#82d7ef!important}

/* Inputs */
body.commercial-body input,body.commercial-body select,body.commercial-body textarea{
  background:var(--ks-card)!important;color:var(--ks-text)!important;border-color:var(--ks-border)!important;
}
body.commercial-body input::placeholder,body.commercial-body textarea::placeholder{color:var(--ks-muted)!important;opacity:1!important}

/* Buttons */
body.commercial-body .btn{background:#1178b1!important;border-color:#1178b1!important;color:#fff!important;box-shadow:none!important}
body.commercial-body .btn:hover{background:#0b6090!important;border-color:#0b6090!important}
body.commercial-body .btn.gold{background:#78cde8!important;border-color:#78cde8!important;color:#05243a!important}
body.commercial-body .btn.gold:hover{background:#9bdef1!important;border-color:#9bdef1!important}
body.commercial-body .btn.ghost{background:transparent!important;border-color:#288fbe!important;color:#0d679e!important}
html[data-theme="dark"] body.commercial-body .btn.ghost,body.commercial-body .section.dark .btn.ghost,
body.commercial-body .surprise-band .btn.ghost,body.commercial-body .page-hero .btn.ghost{border-color:#7ed3ed!important;color:#fff!important}

/* Badges/chips */
body.commercial-body .badge,body.commercial-body .chip{background:var(--ks-soft)!important;color:var(--k-blue-700)!important;border-color:var(--ks-border)!important}
html[data-theme="dark"] body.commercial-body .badge,html[data-theme="dark"] body.commercial-body .chip{color:#8edbf0!important}

/* Platform identity exceptions */
body.commercial-body .social-icon-whatsapp{color:var(--k-whatsapp)!important}
body.commercial-body .whatsapp-float{background:var(--k-whatsapp)!important;border-color:var(--k-whatsapp)!important;color:#fff!important;box-shadow:0 12px 30px rgba(37,211,102,.30)!important}
body.commercial-body .whatsapp-float .social-icon-whatsapp{color:#fff!important}
body.commercial-body .whatsapp-float:hover{background:#1fbd5b!important;border-color:#1fbd5b!important}
body.commercial-body .social-icon-linkedin,body.commercial-body .founder-linkedin,body.commercial-body .contact-social-link{color:var(--k-linkedin)!important}
html[data-theme="dark"] body.commercial-body .founder-linkedin,html[data-theme="dark"] body.commercial-body .contact-social-link{color:#75b9f1!important}

/* Footer */
body.commercial-body .commercial-footer{background:linear-gradient(115deg,#03131f 0%,#06263c 70%,#0a4262 100%)!important;color:#fff!important}
body.commercial-body .commercial-footer p{color:#c3dce8!important;opacity:1!important}
body.commercial-body .commercial-footer a{color:#f3fbfe!important}
body.commercial-body .commercial-footer .footer-title{color:#82d5ed!important}

/* Knowledge Hub article system */
body.commercial-body .knowledge-card-link{display:block;color:inherit;text-decoration:none;height:100%}
body.commercial-body .knowledge-card-link:hover .insight-card{transform:translateY(-3px);border-color:#7cc8e4!important}
body.commercial-body .knowledge-article{max-width:860px;margin:0 auto}
body.commercial-body .knowledge-article .article-body{font-size:1.06rem;line-height:1.85;color:var(--ks-copy)!important}
body.commercial-body .knowledge-article .article-body p{margin:0 0 1.2em;color:var(--ks-copy)!important}
body.commercial-body .knowledge-article .article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}

@media(max-width:800px){
  body.commercial-body .metric-line-3,body.commercial-body .metric-line-4{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  body.commercial-body .metric-line-3,body.commercial-body .metric-line-4{grid-template-columns:1fr!important}
}

/* ================================================================
   KAYAN 2.0 RC1 — 01.7.1 SOCIAL ICON SIZE SAFETY
   Inline SVGs must never fall back to browser default 300x150 sizing.
   Footer/contact/founder icons are compact; floating WhatsApp is separate.
   ================================================================ */
body.commercial-body .social-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
  vertical-align:middle!important;
}
body.commercial-body .social-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  overflow:visible!important;
}
body.commercial-body .commercial-footer .social-icon,
body.commercial-body .founder-linkedin .social-icon,
body.commercial-body .contact-social-link .social-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
  flex-basis:19px!important;
}
body.commercial-body .whatsapp-float{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.commercial-body .whatsapp-float .social-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex:0 0 22px!important;
}