/* ================================================================
   KAYAN 2.0 — PUBLIC UI RECOVERY BASELINE 02
   Commercial public site only. Admin/legacy UI remain on styles.css.
   Single semantic theme source. No legacy public theme overrides.
   ================================================================ */
:root{
  color-scheme:light;
  --navy-950:#041827;
  --navy-900:#06243a;
  --navy-800:#0b3553;
  --blue-700:#0b5f92;
  --blue-600:#0f78b2;
  --blue-500:#258fc5;
  --sky-400:#67c4e2;
  --sky-300:#8bd5eb;
  --sky-100:#dff3fa;
  --ice-50:#f6fbfe;
  --white:#ffffff;
  --ink-950:#0a2030;
  --ink-800:#17384b;
  --ink-650:#426579;
  --ink-500:#658394;
  --line:#d7e7ef;
  --line-strong:#b8d5e2;
  --success:#25d366;
  --linkedin:#0a66c2;
  --shadow:0 14px 38px rgba(8,45,70,.09);
  --shadow-lg:0 22px 65px rgba(4,27,44,.18);
  --radius:20px;
  --radius-sm:13px;
  --max:1180px;

  --page:#ffffff;
  --surface:#ffffff;
  --surface-alt:#f2f9fc;
  --surface-strong:#e5f4fa;
  --text:#0a2030;
  --text-soft:#36596c;
  --text-muted:#617f90;
  --border:#d7e7ef;
  --control:#ffffff;
  --control-text:#0a2030;
  --header-bg:rgba(255,255,255,.94);
  --header-text:#163b50;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --page:#041722;
  --surface:#08283d;
  --surface-alt:#061f31;
  --surface-strong:#0b3550;
  --text:#f5fbfe;
  --text-soft:#d2e6ef;
  --text-muted:#a7c2d1;
  --border:#214a61;
  --control:#0a3048;
  --control-text:#f4fbfe;
  --header-bg:rgba(4,24,39,.95);
  --header-text:#edf9fd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body.commercial-body{margin:0;background:var(--page);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.commercial-body a{color:var(--blue-700);text-decoration:none}
body.commercial-body a:hover{text-decoration:none}
body.commercial-body img,body.commercial-body video{max-width:100%;display:block}
body.commercial-body h1,body.commercial-body h2,body.commercial-body h3{margin:0 0 .6em;color:var(--text);line-height:1.12;letter-spacing:-.025em}
body.commercial-body h1{font-size:clamp(2.35rem,5vw,4.7rem);font-weight:760}
body.commercial-body h2{font-size:clamp(1.85rem,3.2vw,3rem);font-weight:740}
body.commercial-body h3{font-size:1.25rem;font-weight:720}
body.commercial-body p{margin:.15rem 0 1.15rem;color:var(--text-soft)}
body.commercial-body .lead{font-size:1.08rem;max-width:860px;color:var(--text-soft)}
body.commercial-body .meta{font-size:.9rem;color:var(--text-muted)}
body.commercial-body .wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
body.commercial-body .section{padding:76px 0;background:var(--page);color:var(--text)}
body.commercial-body .section.soft{background:var(--surface-alt)}
body.commercial-body .section.dark{background:linear-gradient(125deg,var(--navy-950),var(--navy-800));color:#fff}
body.commercial-body .section.dark h1,body.commercial-body .section.dark h2,body.commercial-body .section.dark h3{color:#fff}
body.commercial-body .section.dark p,body.commercial-body .section.dark .lead{color:#d6e9f2}
body.commercial-body .kicker{display:inline-block;margin-bottom:12px;color:var(--blue-600);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:1}
html[data-theme="dark"] body.commercial-body .kicker{color:var(--sky-400)}
body.commercial-body .section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
body.commercial-body .section-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* Header + navigation */
body.commercial-body .commercial-preview{padding:7px 16px;background:var(--navy-950);color:#c7eaf6;text-align:center;font-size:.72rem;letter-spacing:.08em}
body.commercial-body .commercial-header{position:sticky;top:0;z-index:80;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 3px 18px rgba(4,31,49,.04)}
body.commercial-body .nav{min-height:82px;display:flex;align-items:center;gap:24px}
body.commercial-body .legacy-brand{display:flex;align-items:center;flex:0 0 auto}
body.commercial-body .commercial-header .legacy-brand{background:#fff;padding:4px 7px;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(4,31,49,.04)}
body.commercial-body .commercial-header .legacy-brand img{width:138px;height:auto;max-height:62px;object-fit:contain}
body.commercial-body .footer-logo{display:inline-flex;background:#fff;padding:6px 9px;border-radius:10px;overflow:hidden;margin-bottom:14px}
body.commercial-body .footer-logo img{width:138px;height:auto;max-height:64px;object-fit:contain}
body.commercial-body .commercial-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto}
body.commercial-body .commercial-nav a{color:var(--header-text);font-size:.94rem;font-weight:600;white-space:nowrap}
body.commercial-body .commercial-nav a:hover{color:var(--blue-600)}
body.commercial-body .actions{display:flex;align-items:center;gap:10px;margin-left:8px}
body.commercial-body .theme-toggle,body.commercial-body .mobile-menu-toggle,body.commercial-body .mobile-nav-close{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
body.commercial-body .theme-toggle .sun{display:none}
html[data-theme="dark"] body.commercial-body .theme-toggle .sun{display:inline}
html[data-theme="dark"] body.commercial-body .theme-toggle .moon{display:none}
body.commercial-body .mobile-menu-toggle{display:none;padding:0 12px;gap:7px;border-radius:12px}
body.commercial-body .mobile-menu-label{font-size:.8rem}
body.commercial-body .mobile-navigation,body.commercial-body .mobile-nav-backdrop{display:none}

/* Buttons */
body.commercial-body .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--blue-600);border-radius:12px;background:var(--blue-600);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease;box-shadow:none}
body.commercial-body .btn:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px)}
body.commercial-body .btn.gold{background:var(--sky-300);border-color:var(--sky-300);color:var(--navy-950)}
body.commercial-body .btn.gold:hover{background:#a6e1f1;border-color:#a6e1f1}
body.commercial-body .btn.ghost{background:transparent;border-color:var(--blue-500);color:var(--blue-700)}
html[data-theme="dark"] body.commercial-body .btn.ghost{border-color:var(--sky-400);color:#eaf9fd}
body.commercial-body .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* Hero */
body.commercial-body .commercial-hero{padding:72px 0 66px;background:linear-gradient(118deg,var(--navy-950) 0%,#073754 58%,#0c628d 100%);color:#fff;overflow:hidden}
body.commercial-body .commercial-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:54px}
body.commercial-body .commercial-hero h1,body.commercial-body .commercial-hero h2,body.commercial-body .commercial-hero h3{color:#fff}
body.commercial-body .commercial-hero .home-hero-title span{color:var(--sky-300)}
body.commercial-body .commercial-hero p{color:#d5eaf3;font-size:1.07rem;max-width:720px}
body.commercial-body .commercial-hero .kicker{color:var(--sky-300)}
body.commercial-body .commercial-hero .btn.ghost{border-color:#8ad8ed;color:#fff}
body.commercial-body .hero-motion-shell{position:relative;border:1px solid rgba(150,216,238,.3);border-radius:24px;overflow:hidden;background:#082d44;box-shadow:var(--shadow-lg);min-height:330px}
body.commercial-body .hero-motion-video{width:100%;height:100%;min-height:330px;object-fit:cover}
body.commercial-body .hero-motion-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:14px;background:rgba(3,22,35,.78);backdrop-filter:blur(10px);color:#fff}
body.commercial-body .hero-motion-caption small{display:block;color:#8bd9ee;font-weight:800;letter-spacing:.08em;margin-bottom:5px}
body.commercial-body .hero-motion-caption strong{display:block;font-size:.9rem}
body.commercial-body .candidate-promise-inline{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:22px;padding:13px 15px;border:1px solid rgba(147,217,238,.35);border-radius:14px;background:rgba(8,51,76,.55);color:#fff}
body.commercial-body .candidate-promise-inline strong{color:#fff}
body.commercial-body .candidate-promise-inline span{color:#d5eaf3}
body.commercial-body .page-hero{padding:68px 0;background:linear-gradient(118deg,var(--navy-950),#083d5d 62%,#0f6f9c);color:#fff}
body.commercial-body .page-hero h1,body.commercial-body .page-hero h2,body.commercial-body .page-hero h3{color:#fff;max-width:1000px}
body.commercial-body .page-hero p,body.commercial-body .page-hero .lead{color:#d7ebf4}
body.commercial-body .page-hero .kicker{color:var(--sky-300)}
body.commercial-body .page-hero .candidate-promise-inline{max-width:850px}

/* Grids / surfaces / cards */
body.commercial-body .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body.commercial-body .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
body.commercial-body .card,body.commercial-body .conversion-card,body.commercial-body .contact-card,body.commercial-body .insight-card,body.commercial-body .job-card-premium,body.commercial-body .employer-side .card,body.commercial-body .apply-wizard{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
body.commercial-body .card,body.commercial-body .conversion-card,body.commercial-body .contact-card,body.commercial-body .insight-card{padding:25px}
body.commercial-body .card h1,body.commercial-body .card h2,body.commercial-body .card h3,body.commercial-body .conversion-card h1,body.commercial-body .conversion-card h2,body.commercial-body .conversion-card h3,body.commercial-body .contact-card h3,body.commercial-body .insight-card h3{color:var(--text)}
body.commercial-body .card p,body.commercial-body .conversion-card p,body.commercial-body .contact-card p,body.commercial-body .insight-card p{color:var(--text-soft)}
body.commercial-body .feature-icon{width:46px;height:46px;border-radius:13px;background:var(--surface-strong);color:var(--blue-700);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}
html[data-theme="dark"] body.commercial-body .feature-icon{color:var(--sky-300)}
body.commercial-body .conversion-card{min-height:100%;padding:30px}
body.commercial-body .candidate-promise-card{border-top:4px solid var(--sky-400)}
body.commercial-body .founder-card{border-top:4px solid var(--blue-500)}
body.commercial-body .badge,body.commercial-body .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);color:var(--blue-700);font-size:.76rem;font-weight:800;letter-spacing:.035em}
html[data-theme="dark"] body.commercial-body .badge,html[data-theme="dark"] body.commercial-body .chip{color:var(--sky-300)}

/* Metrics */
body.commercial-body .commercial-proof-strip{padding:22px 0;background:var(--surface-alt)}
body.commercial-body .metric-line{display:grid;gap:12px}
body.commercial-body .metric-line-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.commercial-body .metric-line-4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.commercial-body .metric-line>div{padding:23px 18px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center}
body.commercial-body .metric-line strong{display:block;color:var(--blue-700);font-size:1.75rem;line-height:1.1;margin-bottom:8px}
body.commercial-body .metric-line span{display:block;color:var(--text-soft);font-size:.88rem}
html[data-theme="dark"] body.commercial-body .metric-line strong{color:var(--sky-300)}

/* Jobs */
body.commercial-body .commercial-search,body.commercial-body .filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.45fr) auto;gap:10px;margin:20px 0 28px}
body.commercial-body .commercial-job-filter{grid-template-columns:minmax(220px,1fr) 190px 190px auto}
body.commercial-body input,body.commercial-body select,body.commercial-body textarea{width:100%;min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--control);color:var(--control-text);font:inherit;padding:10px 13px;outline:none}
body.commercial-body textarea{min-height:135px;resize:vertical}
body.commercial-body input::placeholder,body.commercial-body textarea::placeholder{color:var(--text-muted);opacity:1}
body.commercial-body input:focus,body.commercial-body select:focus,body.commercial-body textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(37,143,197,.14)}
body.commercial-body .commercial-jobs-list{display:grid;gap:14px}
body.commercial-body .job-card-premium{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.commercial-body .job-card-premium h3{margin:.55rem 0 .35rem}
body.commercial-body .job-card-premium h3 a{color:var(--text)}
body.commercial-body .job-card-premium p{margin:.5rem 0 0;color:var(--text-soft)}
body.commercial-body .meta-row,body.commercial-body .job-highlights{display:flex;gap:8px;flex-wrap:wrap}
body.commercial-body .meta-row span,body.commercial-body .job-highlights span{padding:5px 9px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-soft);font-size:.82rem}
body.commercial-body .job-detail-hero .job-highlights span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.25);color:#eefbff}
body.commercial-body .mobile-apply{display:none}

/* Markets: one card system. Priority uses badge/accent, not inverted card colors. */
body.commercial-body .international-markets{background:var(--page)}
body.commercial-body .market-reach-groups{display:grid;gap:30px;margin-top:30px}
body.commercial-body .market-reach-group{min-width:0}
body.commercial-body .market-reach-group>h3{margin:0 0 14px;color:var(--text);font-size:1.12rem}
body.commercial-body .market-reach-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}
body.commercial-body .market-reach-group .market-reach-grid{margin-top:0}
body.commercial-body .market-reach-grid-core{grid-template-columns:1fr}
body.commercial-body .market-reach-grid-sourcing{grid-template-columns:repeat(3,minmax(0,1fr))}
body.commercial-body .market-reach-card{position:relative;min-height:160px;padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}
body.commercial-body .market-reach-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--line-strong);border-radius:20px 20px 0 0}
body.commercial-body .market-reach-card.priority::before{background:linear-gradient(90deg,var(--blue-600),var(--sky-400))}
body.commercial-body .market-reach-card span{display:block;color:var(--blue-600);font-weight:800;font-size:.82rem;margin-bottom:17px}
body.commercial-body .market-reach-card strong{display:block;color:var(--text);font-size:1.04rem;line-height:1.35;margin-bottom:8px}
body.commercial-body .market-reach-card small{display:inline-block;color:var(--text-muted);font-weight:600}
body.commercial-body .market-reach-card-core{min-height:145px}
body.commercial-body .market-reach-card-core strong{font-size:1.18rem}
body.commercial-body .market-reach-card.priority small{padding:4px 8px;background:var(--surface-strong);border-radius:999px;color:var(--blue-700)}
html[data-theme="dark"] body.commercial-body .market-reach-card.priority small{color:var(--sky-300)}

/* Process / proof */
body.commercial-body .trust-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}
body.commercial-body .trust-step{padding:18px 14px;background:var(--surface);border:1px solid var(--border);border-radius:15px;color:var(--text-soft);min-height:92px}
body.commercial-body .trust-step strong{display:block;color:var(--blue-700);margin-bottom:7px}
html[data-theme="dark"] body.commercial-body .trust-step strong{color:var(--sky-300)}
body.commercial-body .recruitment-journey .trust-step{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}
body.commercial-body .recruitment-journey .trust-step strong{margin:0;font-size:.96rem;line-height:1.35}
body.commercial-body .recruitment-journey.compact{grid-template-columns:1fr}
body.commercial-body .recruitment-journey.compact .trust-step{min-height:72px;padding-inline-end:44px}
@media(min-width:1081px){
  body.commercial-body .recruitment-journey .trust-step:not(:last-child)::after{content:"›";position:absolute;z-index:2;inset-inline-end:-12px;top:50%;width:22px;height:22px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid var(--line-strong);border-radius:50%;background:var(--page);color:var(--blue-600);font-size:1.05rem;font-weight:800}
}
body.commercial-body .recruitment-journey.compact .trust-step:not(:last-child)::after{content:"⌄";position:absolute;z-index:2;inset-inline-end:18px;top:auto;bottom:-12px;width:22px;height:22px;display:grid;place-items:center;transform:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--page);color:var(--blue-600);font-size:.9rem;font-weight:800}
body.commercial-body .micro-proof{display:grid;gap:10px;margin-top:20px}
body.commercial-body .micro-proof>div{padding:14px 16px;border-left:3px solid var(--sky-400);background:var(--surface-alt);border-radius:0 12px 12px 0;color:var(--text-soft)}
body.commercial-body .micro-proof strong{color:var(--text)}
body.commercial-body .flow-list{display:grid;gap:0;margin-top:12px}
body.commercial-body .flow-list p{position:relative;margin:0;padding:11px 0 11px 28px;border-bottom:1px solid var(--border);color:var(--text-soft)}
body.commercial-body .flow-list p:last-child{border-bottom:0}
body.commercial-body .flow-list p::before{content:"›";position:absolute;left:4px;top:10px;color:var(--blue-600);font-size:1.15rem;font-weight:800}

/* Trust logos: quiet neutral placeholders until real logos are supplied. */
body.commercial-body .trust-section{background:var(--surface-alt)}
body.commercial-body .client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
body.commercial-body .client-logo-slot{min-height:105px;border:1.5px dashed var(--line-strong);border-radius:16px;background:var(--surface);position:relative}
body.commercial-body .client-logo-slot::after{content:"Logo";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;opacity:.65}

/* Knowledge */
body.commercial-body .licensing-context-grid{margin-top:0}
body.commercial-body .insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.commercial-body .knowledge-card-link{display:block;color:inherit;height:100%}
body.commercial-body .insight-card{height:100%;transition:.18s ease}
body.commercial-body .knowledge-card-link:hover .insight-card{transform:translateY(-3px);border-color:var(--sky-400)}
body.commercial-body .market-note{margin-top:24px;padding:16px 18px;background:var(--surface-alt);border:1px solid var(--border);border-left:4px solid var(--blue-500);border-radius:13px;color:var(--text-soft)}
body.commercial-body .knowledge-article{max-width:880px;margin:0 auto}
body.commercial-body .article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
body.commercial-body .article-body{font-size:1.06rem;line-height:1.88;color:var(--text-soft)}
body.commercial-body .article-body p{color:var(--text-soft);margin:0 0 1.2em}

/* Forms / employer / apply */
body.commercial-body .employer-form-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
body.commercial-body .form{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
body.commercial-body .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
body.commercial-body .field label,body.commercial-body label{display:block;margin-bottom:6px;color:var(--text);font-size:.9rem;font-weight:700}
body.commercial-body .field.full,body.commercial-body .full{grid-column:1/-1}
body.commercial-body .apply-wizard{padding:30px;max-width:980px;margin:0 auto}
body.commercial-body .employer-side{position:sticky;top:110px}
body.commercial-body .notice{padding:13px 16px;border-radius:12px;margin-bottom:16px;background:var(--surface-strong);color:var(--text)}
body.commercial-body .notice.success{border-left:4px solid var(--blue-500)}

/* Contact + social */
body.commercial-body .contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.commercial-body .contact-card:last-child{grid-column:1/-1}
body.commercial-body .social-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;vertical-align:middle}
body.commercial-body .social-icon{display:block;width:19px;height:19px;min-width:19px;min-height:19px;max-width:19px;max-height:19px;flex:0 0 19px}
body.commercial-body .social-icon-whatsapp{color:var(--success)}
body.commercial-body .social-icon-linkedin,body.commercial-body .founder-linkedin,body.commercial-body .contact-linkedin{color:var(--linkedin)}
body.commercial-body .social-icon-email{color:var(--sky-400)}
body.commercial-body .social-link-email{color:#eefaff}
body.commercial-body .whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--success);color:#fff;font-weight:800;box-shadow:0 13px 34px rgba(37,211,102,.28)}
body.commercial-body .whatsapp-float .social-icon{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;color:#fff}
body.commercial-body .whatsapp-float:hover{background:#1fbd5b}

/* Final CTA + footer */
body.commercial-body .commercial-final-cta{background:var(--page);padding-top:56px;padding-bottom:56px}
body.commercial-body .surprise-band{padding:44px;border-radius:26px;background:linear-gradient(118deg,var(--navy-950) 0%,#083c5c 62%,#0f709d 100%);color:#fff;box-shadow:var(--shadow-lg)}
body.commercial-body .surprise-band h1,body.commercial-body .surprise-band h2,body.commercial-body .surprise-band h3{color:#fff}
body.commercial-body .surprise-band p{color:#d8edf5}
body.commercial-body .surprise-band .kicker{color:var(--sky-300)}
body.commercial-body .surprise-band .btn.ghost{border-color:#82d5ec;color:#fff}
body.commercial-body .commercial-footer{padding:56px 0 28px;background:linear-gradient(118deg,#03131f,#06273c 70%,#0a4667);color:#fff}
body.commercial-body .commercial-footer p{color:#c9dee8}
body.commercial-body .commercial-footer a{color:#eefaff}
body.commercial-body .commercial-footer .footer-title{color:var(--sky-300);font-weight:800;margin-bottom:12px}
body.commercial-body .footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1.35fr;gap:34px}
body.commercial-body .candidate-fee-mini{font-size:.88rem}
body.commercial-body .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:28px;border-top:1px solid rgba(175,219,237,.2);color:#9fc2d2;font-size:.84rem}

/* Mobile navigation */
body.commercial-body .mobile-nav-backdrop.open{display:block;position:fixed;inset:0;background:rgba(2,18,29,.56);z-index:99}
body.commercial-body .mobile-navigation{position:fixed;right:0;top:0;bottom:0;width:min(88vw,360px);padding:20px;background:var(--surface);color:var(--text);z-index:100;transform:translateX(102%);transition:.22s ease;box-shadow:-16px 0 42px rgba(3,24,38,.22)}
body.commercial-body .mobile-navigation.open{display:block;transform:translateX(0)}
body.commercial-body .mobile-navigation-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
body.commercial-body .mobile-navigation-links{display:grid;gap:7px}
body.commercial-body .mobile-navigation-links a{padding:11px 8px;border-bottom:1px solid var(--border);color:var(--text);font-weight:650}
body.commercial-body .mobile-nav-cta{width:100%;margin-top:18px}
html.mobile-nav-open{overflow:hidden}

/* Accessibility / focus */
body.commercial-body a:focus-visible,body.commercial-body button:focus-visible,body.commercial-body input:focus-visible,body.commercial-body select:focus-visible,body.commercial-body textarea:focus-visible{outline:3px solid var(--sky-400);outline-offset:3px}

/* Responsive */
@media(max-width:1080px){
  body.commercial-body .commercial-nav{gap:14px}
  body.commercial-body .commercial-nav a{font-size:.88rem}
  body.commercial-body .market-reach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.commercial-body .market-reach-grid-core{grid-template-columns:1fr}
  body.commercial-body .trust-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.commercial-body .recruitment-journey:not(.compact) .trust-step:not(:last-child)::after{content:"›";position:absolute;inset-inline-end:10px;top:50%;color:var(--blue-600);font-size:1.15rem;font-weight:800;transform:translateY(-50%)}
  body.commercial-body .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  body.commercial-body .footer-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  body.commercial-body .commercial-nav,body.commercial-body .desktop-request-cta{display:none}
  body.commercial-body .mobile-menu-toggle{display:inline-flex}
  body.commercial-body .actions{margin-left:auto}
  body.commercial-body .commercial-hero .hero-grid{grid-template-columns:1fr;gap:34px}
  body.commercial-body .hero-motion-shell{min-height:260px}
  body.commercial-body .hero-motion-video{min-height:260px}
  body.commercial-body .grid3,body.commercial-body .insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.commercial-body .grid2,body.commercial-body .employer-form-shell{grid-template-columns:1fr}
  body.commercial-body .employer-side{position:static}
  body.commercial-body .market-reach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.commercial-body .client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.commercial-body .commercial-job-filter{grid-template-columns:1fr 1fr}
  body.commercial-body .commercial-search{grid-template-columns:1fr 1fr}
  body.commercial-body .commercial-search .btn{grid-column:1/-1}
  body.commercial-body .metric-line-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body.commercial-body .wrap{width:min(100% - 28px,var(--max))}
  body.commercial-body .section{padding:56px 0}
  body.commercial-body .commercial-hero{padding:54px 0}
  body.commercial-body .page-hero{padding:54px 0}
  body.commercial-body h1{font-size:clamp(2.1rem,11vw,3.2rem)}
  body.commercial-body h2{font-size:clamp(1.65rem,8vw,2.25rem)}
  body.commercial-body .nav{min-height:68px;gap:12px}
  body.commercial-body .legacy-brand img{width:100px;max-height:48px}
  body.commercial-body .theme-toggle{min-width:38px;height:38px}
  body.commercial-body .mobile-menu-toggle{height:38px;min-width:38px;padding:0 10px}
  body.commercial-body .grid3,body.commercial-body .insights-grid,body.commercial-body .contact-cards{grid-template-columns:1fr}
  body.commercial-body .contact-card:last-child{grid-column:auto}
  body.commercial-body .market-reach-grid{grid-template-columns:1fr}
  body.commercial-body .market-reach-card{min-height:128px}
  body.commercial-body .trust-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.commercial-body .metric-line-3,body.commercial-body .metric-line-4{grid-template-columns:1fr 1fr}
  body.commercial-body .section-title{align-items:flex-start;flex-direction:column}
  body.commercial-body .commercial-search,body.commercial-body .commercial-job-filter{grid-template-columns:1fr}
  body.commercial-body .commercial-search .btn{grid-column:auto}
  body.commercial-body .job-card-premium{align-items:flex-start;flex-direction:column}
  body.commercial-body .form-grid{grid-template-columns:1fr}
  body.commercial-body .field.full,body.commercial-body .full{grid-column:auto}
  body.commercial-body .surprise-band{padding:30px 24px}
  body.commercial-body .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  body.commercial-body .footer-grid>div:last-child{grid-column:1/-1}
  body.commercial-body .footer-bottom{flex-direction:column}
  body.commercial-body .whatsapp-float{right:14px;bottom:14px;padding:11px 13px}
}
@media(max-width:460px){
  body.commercial-body .metric-line-3,body.commercial-body .metric-line-4{grid-template-columns:1fr}
  body.commercial-body .trust-flow{grid-template-columns:1fr}
  body.commercial-body .recruitment-journey:not(.compact) .trust-step:not(:last-child)::after{content:"⌄";inset-inline-end:18px;top:auto;bottom:-12px;width:22px;height:22px;display:grid;place-items:center;transform:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--page);font-size:.9rem}
  body.commercial-body .client-logo-grid{grid-template-columns:1fr 1fr}
  body.commercial-body .footer-grid{grid-template-columns:1fr}
  body.commercial-body .footer-grid>div:last-child{grid-column:auto}
  body.commercial-body .mobile-menu-label{display:none}
}

/* ================================================================
   KAYAN 2.0 — RECOVERY BASELINE 02.3
   Final visual identity candidate: static UAE/KSA hero, no hero video.
   ================================================================ */
body.commercial-body .commercial-header .legacy-brand{
  padding:3px 6px;border-radius:8px;box-shadow:0 4px 14px rgba(4,31,49,.035)
}
body.commercial-body .commercial-header .legacy-brand img{
  width:146px;max-height:64px;object-fit:contain
}
body.commercial-body .footer-logo{padding:5px 8px;border-radius:8px}
body.commercial-body .footer-logo img{width:146px;max-height:68px;object-fit:contain}

body.commercial-body .commercial-hero-static{
  position:relative;min-height:620px;padding:0;background:var(--navy-950);isolation:isolate;overflow:hidden
}
body.commercial-body .commercial-hero-image{
  position:absolute;inset:0;z-index:-3;background-image:url('/kayan-home-hero-uae-ksa.webp');background-repeat:no-repeat;background-size:auto 100%;background-position:right center
}
body.commercial-body .commercial-hero-overlay{
  position:absolute;inset:0;z-index:-2;background:
    linear-gradient(90deg,rgba(3,22,35,.99) 0%,rgba(4,31,49,.96) 30%,rgba(4,31,49,.83) 46%,rgba(4,31,49,.42) 64%,rgba(4,31,49,.10) 100%),
    linear-gradient(180deg,rgba(3,22,35,.06),rgba(3,22,35,.22));
}
body.commercial-body .commercial-hero-content{
  min-height:620px;display:flex;align-items:center;padding-top:72px;padding-bottom:72px
}
body.commercial-body .commercial-hero-static .hero-copy{max-width:710px}
body.commercial-body .commercial-hero-static .home-hero-title{max-width:760px;text-shadow:0 5px 28px rgba(0,0,0,.24)}
body.commercial-body .commercial-hero-static p{color:#e6f3f8;text-shadow:0 2px 14px rgba(0,0,0,.22)}
body.commercial-body .commercial-hero-static .candidate-promise-inline{max-width:690px;background:rgba(4,33,51,.68);backdrop-filter:blur(10px)}
body.commercial-body .hero-market-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.commercial-body .hero-market-line span{padding:7px 10px;border:1px solid rgba(160,222,240,.34);border-radius:999px;background:rgba(4,33,51,.52);color:#dff6fd;font-size:.78rem;font-weight:700;letter-spacing:.015em}

body.commercial-body .page-hero-media{padding:48px 0}
body.commercial-body .media-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:44px;align-items:center}
body.commercial-body .page-hero-media img{width:100%;height:330px;object-fit:cover;border-radius:22px;border:1px solid rgba(150,216,238,.22);box-shadow:var(--shadow-lg)}
body.commercial-body .editorial-image{width:100%;height:300px;object-fit:cover;border-radius:20px;margin-bottom:24px;border:1px solid var(--border);box-shadow:var(--shadow)}
body.commercial-body .about-story-grid{align-items:start}

body.commercial-body .market-identity-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:38px;align-items:center;margin-bottom:30px;padding:26px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
body.commercial-body .market-identity-panel img{width:100%;height:270px;object-fit:cover;border-radius:18px}
body.commercial-body .market-identity-panel .lead{margin-bottom:0}

@media(max-width:900px){
  body.commercial-body .commercial-hero-static,body.commercial-body .commercial-hero-content{min-height:560px}
  body.commercial-body .commercial-hero-image{background-size:cover;background-position:60% center}
  body.commercial-body .media-split,body.commercial-body .market-identity-panel{grid-template-columns:1fr}
  body.commercial-body .page-hero-media img{height:300px}
  body.commercial-body .market-identity-panel img{height:300px}
}
@media(max-width:680px){
  body.commercial-body .commercial-header .legacy-brand img{width:112px;max-height:50px}
  body.commercial-body .commercial-hero-static,body.commercial-body .commercial-hero-content{min-height:620px}
  body.commercial-body .commercial-hero-content{padding-top:50px;padding-bottom:50px}
  body.commercial-body .commercial-hero-image{background-image:url('/kayan-home-hero-uae-ksa-mobile.webp');background-size:cover;background-position:66% center;opacity:.72}
  body.commercial-body .commercial-hero-overlay{background:linear-gradient(180deg,rgba(3,22,35,.94) 0%,rgba(3,22,35,.84) 54%,rgba(3,22,35,.74) 100%)}
  body.commercial-body .page-hero-media img{height:240px;border-radius:18px}
  body.commercial-body .market-identity-panel{padding:18px}
  body.commercial-body .market-identity-panel img{height:230px}
}

/* ================================================================
   KAYAN 2.0 — RECOVERY BASELINE 02.4
   HOME VISUAL NORTH STAR MATCH
   Approved warm UAE/KSA composition: no video, no dark overlay.
   ================================================================ */
body.commercial-body .market-identity-strip{
  background:#031b35;color:#eaf6ff;border-bottom:1px solid rgba(255,255,255,.10);
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase
}
body.commercial-body .market-identity-inner{
  min-height:32px;display:flex;align-items:center;justify-content:center;position:relative
}
body.commercial-body .market-identity-markets{
  position:absolute;right:0;display:flex;align-items:center;gap:12px;letter-spacing:.03em
}
body.commercial-body .market-identity-markets b{font-weight:650;display:inline-flex;align-items:center;gap:6px}
body.commercial-body .market-identity-markets img{width:22px;height:21px;object-fit:contain;border-radius:1px;display:block}
body.commercial-body .market-identity-markets i{width:1px;height:13px;background:rgba(255,255,255,.28)}

body.commercial-body .commercial-header{
  background:#fff;border-bottom:1px solid #dce7ef;box-shadow:0 8px 26px rgba(9,41,68,.04)
}
html[data-theme="dark"] body.commercial-body .commercial-header{
  background:#fff;color:#0a2e4a;border-bottom-color:#dce7ef
}
body.commercial-body .commercial-header .navlinks a,
html[data-theme="dark"] body.commercial-body .commercial-header .navlinks a{color:#0b2943}
body.commercial-body .commercial-header .theme-toggle,
html[data-theme="dark"] body.commercial-body .commercial-header .theme-toggle{
  background:#fff;color:#0b2943;border-color:#d6e4ed
}
body.commercial-body .commercial-header .legacy-brand{
  background:#fff;padding:2px 5px;border-radius:14px;box-shadow:0 7px 22px rgba(10,46,74,.055)
}
body.commercial-body .commercial-header .legacy-brand img{width:152px;max-height:70px}

body.commercial-body .northstar-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:470px;
  background:
    linear-gradient(90deg,#fff7ed 0%,#fff3e4 21%,#f8efe3 35%,#e9edf0 48%,#c9dfef 67%,#8bb8d6 100%);
  border-bottom:0
}
body.commercial-body .northstar-art{
  position:absolute;z-index:0;top:0;right:0;bottom:0;width:73%;
  background-image:url('/kayan-home-northstar-art.webp');
  background-repeat:no-repeat;background-size:cover;background-position:center center
}
body.commercial-body .northstar-art-veil{
  position:absolute;z-index:1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#fff7ed 0%,rgba(255,247,237,.99) 26%,rgba(255,245,232,.94) 35%,rgba(255,243,230,.72) 44%,rgba(255,243,230,.28) 54%,rgba(255,243,230,0) 65%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(24,73,108,.02) 64%,rgba(9,55,85,.10) 100%)
}
body.commercial-body .northstar-hero-inner{
  min-height:470px;display:flex;align-items:center;padding-top:44px;padding-bottom:42px;position:relative;z-index:2
}
body.commercial-body .northstar-copy{width:min(49%,650px);position:relative;z-index:3}
body.commercial-body .northstar-copy .kicker{
  color:#0769b6;font-size:.78rem;font-weight:800;letter-spacing:.11em;margin-bottom:15px;display:block
}
body.commercial-body .northstar-copy h1{
  margin:0;color:#071f3f;font-size:clamp(3.2rem,4.6vw,5.2rem);line-height:.99;letter-spacing:-.045em;font-weight:800
}
body.commercial-body .northstar-copy h1 span{color:#0877c9}
body.commercial-body .northstar-copy p{
  max-width:590px;margin:24px 0 0;color:#15344e;font-size:1.08rem;line-height:1.55;font-weight:500
}
body.commercial-body .northstar-copy .hero-actions{margin-top:24px;display:flex;gap:14px}
body.commercial-body .northstar-copy .btn{
  min-height:48px;padding:0 24px;border-radius:9px;font-weight:760;display:inline-flex;align-items:center;justify-content:center
}
body.commercial-body .northstar-primary{background:#0674c8;color:#fff;border:1px solid #0674c8;box-shadow:0 8px 22px rgba(6,116,200,.16)}
body.commercial-body .northstar-primary:hover{background:#045fa6;border-color:#045fa6}
body.commercial-body .northstar-secondary{background:rgba(255,255,255,.72);color:#0769b6;border:1.5px solid #0877c9;backdrop-filter:blur(4px)}
body.commercial-body .northstar-secondary:hover{background:#fff;color:#045fa6}
body.commercial-body .northstar-trust{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:19px;color:#163954;font-size:.78rem;font-weight:650
}
body.commercial-body .northstar-trust span:first-child{color:#18384f}
body.commercial-body .northstar-trust span::first-letter{color:#0877c9}
body.commercial-body .northstar-trust i{width:1px;height:15px;background:#9db4c4}

body.commercial-body .commercial-proof-strip{
  background:linear-gradient(90deg,#06375d 0%,#07527c 47%,#05618d 100%);padding:14px 0 16px;border:0
}
body.commercial-body .commercial-proof-strip .metric-line{gap:14px}
body.commercial-body .commercial-proof-strip .metric-line>div{
  background:rgba(3,45,78,.48);border:1px solid rgba(89,180,232,.32);border-radius:13px;min-height:98px;padding:17px 22px
}
body.commercial-body .commercial-proof-strip .metric-line strong{color:#fff;font-size:1.5rem}
body.commercial-body .commercial-proof-strip .metric-line span{color:#e4f5ff}

@media(max-width:1100px){
  body.commercial-body .northstar-art{width:78%;background-position:45% center}
  body.commercial-body .northstar-copy{width:54%}
  body.commercial-body .northstar-copy h1{font-size:clamp(3rem,5.4vw,4.5rem)}
}
@media(max-width:900px){
  body.commercial-body .market-identity-inner{justify-content:flex-start}
  body.commercial-body .market-identity-markets{right:0}
  body.commercial-body .northstar-hero{min-height:650px;background:#eef5f9}
  body.commercial-body .northstar-art{width:100%;height:58%;top:auto;bottom:0;background-position:58% center}
  body.commercial-body .northstar-art-veil{background:linear-gradient(180deg,#fff8ef 0%,#fff7ed 42%,rgba(255,247,237,.92) 50%,rgba(255,247,237,.16) 68%,rgba(255,247,237,0) 100%)}
  body.commercial-body .northstar-hero-inner{min-height:650px;align-items:flex-start;padding-top:44px}
  body.commercial-body .northstar-copy{width:100%;max-width:670px}
  body.commercial-body .northstar-copy h1{font-size:clamp(3rem,8vw,4.4rem)}
  body.commercial-body .northstar-copy p{max-width:590px}
}
@media(max-width:680px){
  body.commercial-body .market-identity-strip{font-size:.62rem}
  body.commercial-body .market-identity-inner>span:first-child{display:none}
  body.commercial-body .market-identity-inner{justify-content:flex-end;min-height:28px}
  body.commercial-body .market-identity-markets{position:static}
  body.commercial-body .commercial-header .legacy-brand img{width:116px;max-height:52px}
  body.commercial-body .northstar-hero{min-height:690px}
  body.commercial-body .northstar-hero-inner{min-height:690px;padding-top:34px}
  body.commercial-body .northstar-copy h1{font-size:clamp(2.65rem,12vw,3.75rem);line-height:1.01}
  body.commercial-body .northstar-copy p{font-size:.98rem;margin-top:18px}
  body.commercial-body .northstar-copy .hero-actions{gap:10px;flex-direction:column;align-items:stretch;max-width:330px}
  body.commercial-body .northstar-copy .btn{width:100%}
  body.commercial-body .northstar-trust{font-size:.72rem;gap:8px}
  body.commercial-body .northstar-art{height:47%;background-position:54% center}
  body.commercial-body .commercial-proof-strip{padding:18px 0}
}

/* Founder profile — approved horizontal 35/65 composition */
body.commercial-body .founder-card-with-photo{padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(240px,35%) minmax(0,65%);align-items:stretch;border-top:0;min-height:430px}
body.commercial-body .founder-photo-wrap{min-height:430px;max-height:520px;background:linear-gradient(145deg,#eef7fb,#dcecf5);overflow:hidden}
body.commercial-body .founder-photo{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center 28%}
body.commercial-body .founder-copy{padding:34px 38px;align-self:center}
body.commercial-body .founder-copy h3{font-size:2rem;margin:.7rem 0 .35rem}
body.commercial-body .founder-role{font-weight:700;color:var(--blue-700)}
html[data-theme="dark"] body.commercial-body .founder-role{color:var(--sky-300)}
@media(max-width:980px){body.commercial-body .founder-card-with-photo{grid-template-columns:minmax(220px,38%) minmax(0,62%)}body.commercial-body .founder-copy{padding:28px 30px}}
@media(max-width:760px){body.commercial-body .founder-card-with-photo{grid-template-columns:1fr;min-height:0}body.commercial-body .founder-photo-wrap{min-height:0;max-height:none;aspect-ratio:16/11}body.commercial-body .founder-photo{min-height:0;height:100%;aspect-ratio:auto;object-position:center 24%}body.commercial-body .founder-copy{padding:24px}}

/* KAYAN 2.0 — Founder content upgrade */
body.commercial-body .founder-headline{font-size:1.15rem;line-height:1.45;margin:.85rem 0 .8rem;color:var(--text-900)}
html[data-theme="dark"] body.commercial-body .founder-headline{color:var(--text-on-dark)}
body.commercial-body .founder-trust-points{display:flex;flex-wrap:wrap;gap:10px;margin:1.1rem 0 .9rem}
body.commercial-body .founder-trust-points span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-soft);font-weight:700;font-size:.86rem;color:var(--blue-800)}
html[data-theme="dark"] body.commercial-body .founder-trust-points span{background:var(--surface-dark-soft);border-color:var(--border-dark);color:var(--sky-200)}
body.commercial-body .founder-link-wrap{margin-top:1rem}
@media(max-width:760px){body.commercial-body .founder-headline{font-size:1.05rem}body.commercial-body .founder-trust-points{gap:8px}body.commercial-body .founder-trust-points span{font-size:.82rem}}

/* KAYAN 2.0 — About page hierarchy: Founder first, Our Story second */
body.commercial-body .founder-feature-section{padding-top:54px;padding-bottom:42px}
body.commercial-body .founder-feature-section .founder-card-with-photo{width:100%;grid-template-columns:minmax(280px,34%) minmax(0,66%);min-height:390px}
body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:390px;max-height:460px}
body.commercial-body .founder-feature-section .founder-photo{min-height:390px;object-position:center 26%}
body.commercial-body .founder-feature-section .founder-copy{padding:34px 42px}
body.commercial-body .about-story-section{padding-top:48px;padding-bottom:58px}
body.commercial-body .about-story-full{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,58%);gap:46px;align-items:center}
body.commercial-body .about-story-media .editorial-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;margin:0}
body.commercial-body .about-story-copy h2{max-width:760px;margin-top:.7rem}
body.commercial-body .about-story-copy p{max-width:760px}
@media(max-width:980px){
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:minmax(240px,38%) minmax(0,62%)}
  body.commercial-body .founder-feature-section .founder-copy{padding:30px 32px}
  body.commercial-body .about-story-full{grid-template-columns:1fr;gap:28px}
  body.commercial-body .about-story-media .editorial-image{aspect-ratio:16/8.5}
}
@media(max-width:760px){
  body.commercial-body .founder-feature-section{padding-top:34px;padding-bottom:30px}
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:1fr;min-height:0}
  body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:0;max-height:none;aspect-ratio:4/3}
  body.commercial-body .founder-feature-section .founder-photo{min-height:0;height:100%;object-position:center 24%}
  body.commercial-body .founder-feature-section .founder-copy{padding:24px}
  body.commercial-body .about-story-section{padding-top:34px;padding-bottom:42px}
  body.commercial-body .about-story-full{gap:22px}
  body.commercial-body .about-story-media .editorial-image{aspect-ratio:4/3;border-radius:18px}
}

/* KAYAN 2.0 Baseline 02.10 — Founder top alignment + two-row expertise chips */
body.commercial-body .founder-feature-section .founder-copy{
  align-self:start;
  padding:26px 42px 30px;
}
body.commercial-body .founder-feature-section .founder-copy > .badge{
  margin-top:0;
}
body.commercial-body .founder-feature-section .founder-trust-points{
  display:grid;
  grid-template-columns:max-content max-content;
  column-gap:12px;
  row-gap:10px;
  align-items:center;
  justify-content:start;
  margin:1rem 0 .85rem;
}
body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){
  grid-column:1 / -1;
  width:max-content;
}
@media(max-width:980px){
  body.commercial-body .founder-feature-section .founder-copy{padding:24px 32px 28px}
}
@media(max-width:760px){
  body.commercial-body .founder-feature-section .founder-copy{padding:22px 24px 24px}
  body.commercial-body .founder-feature-section .founder-trust-points{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  body.commercial-body .founder-feature-section .founder-trust-points span,
  body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){
    grid-column:auto;
    width:fit-content;
  }
}

/* KAYAN 2.0 Baseline 02.11 — Founder final alignment, one-row chips, unified soft corners */
body.commercial-body .founder-feature-section .founder-card-with-photo{
  border-radius:22px;
  overflow:hidden;
}
body.commercial-body .founder-feature-section .founder-photo-wrap{
  border-radius:22px;
  overflow:hidden;
}
body.commercial-body .founder-feature-section .founder-photo{
  border-radius:22px;
}
body.commercial-body .founder-feature-section .founder-copy{
  align-self:start;
  padding:10px 42px 28px;
}
body.commercial-body .founder-feature-section .founder-copy > .badge{
  margin-top:0;
}
body.commercial-body .founder-feature-section .founder-trust-points{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin:.95rem 0 .75rem;
}
body.commercial-body .founder-feature-section .founder-trust-points span,
body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){
  display:inline-flex;
  grid-column:auto;
  width:auto;
  min-height:36px;
  padding:8px 12px;
  border-radius:12px;
  background:var(--surface-soft);
  border:1px solid var(--border-subtle);
  white-space:nowrap;
}
body.commercial-body .founder-feature-section .founder-link-wrap{
  margin-top:.8rem;
}
@media(max-width:1180px){
  body.commercial-body .founder-feature-section .founder-trust-points{flex-wrap:wrap}
}
@media(max-width:980px){
  body.commercial-body .founder-feature-section .founder-copy{padding:10px 32px 26px}
}
@media(max-width:760px){
  body.commercial-body .founder-feature-section .founder-card-with-photo,
  body.commercial-body .founder-feature-section .founder-photo-wrap,
  body.commercial-body .founder-feature-section .founder-photo{border-radius:18px}
  body.commercial-body .founder-feature-section .founder-copy{padding:18px 24px 24px}
  body.commercial-body .founder-feature-section .founder-trust-points{flex-direction:column;align-items:flex-start;gap:8px}
  body.commercial-body .founder-feature-section .founder-trust-points span,
  body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){white-space:normal}
}

/* KAYAN 2.0 — Visual Completion Production Batch */
body.commercial-body .northstar-art{
  width:100%;
  background-image:url('/kayan-home-hero-clean.webp');
  background-size:cover;
  background-position:center center;
}
body.commercial-body .northstar-art-veil{
  background:
    linear-gradient(90deg,#fff8ef 0%,rgba(255,248,239,.99) 24%,rgba(255,247,236,.92) 34%,rgba(255,247,236,.60) 43%,rgba(255,247,236,.16) 52%,rgba(255,247,236,0) 61%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(10,68,105,.03) 65%,rgba(5,47,76,.10) 100%);
}
body.commercial-body .northstar-copy{width:min(47%,650px)}

/* Balanced editorial page heroes */
body.commercial-body .page-hero-media{padding:44px 0}
body.commercial-body .page-hero-media .media-split{
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  gap:52px;
  align-items:center;
}
body.commercial-body .page-hero-media h1{
  font-size:clamp(2.7rem,4.25vw,4.15rem);
  line-height:1.04;
  max-width:760px;
}
body.commercial-body .page-hero-media .lead{max-width:720px;font-size:1.02rem;line-height:1.65}
body.commercial-body .page-hero-media img{
  height:360px;
  border-radius:22px;
  object-fit:cover;
  object-position:center;
}

/* Founder closure polish */
body.commercial-body .founder-feature-section .founder-photo-wrap{max-height:430px}
body.commercial-body .founder-feature-section .founder-photo{object-position:center 22%}
body.commercial-body .founder-feature-section .founder-trust-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,max-content));
  gap:10px;
  margin:.9rem 0 .55rem;
}
body.commercial-body .founder-feature-section .founder-trust-points span,
body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){
  padding:8px 12px;
  border-radius:12px;
  background:linear-gradient(180deg,#f7fbfd,#edf6fa);
  border:1px solid #cfe3ed;
  color:#0b527d;
  box-shadow:0 3px 10px rgba(9,74,111,.04);
  white-space:nowrap;
}
body.commercial-body .founder-feature-section .founder-link-wrap{margin-top:.55rem}
html[data-theme="dark"] body.commercial-body .founder-feature-section .founder-trust-points span{
  background:#0d2c42;border-color:#244f67;color:#dff6ff
}

@media(max-width:1100px){
  body.commercial-body .northstar-art{width:100%;background-position:52% center}
  body.commercial-body .northstar-copy{width:52%}
  body.commercial-body .page-hero-media .media-split{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:36px}
  body.commercial-body .page-hero-media img{height:320px}
  body.commercial-body .founder-feature-section .founder-trust-points{grid-template-columns:repeat(2,max-content)}
}
@media(max-width:900px){
  body.commercial-body .northstar-art{width:100%;background-position:58% center}
  body.commercial-body .page-hero-media .media-split{grid-template-columns:1fr;gap:28px}
  body.commercial-body .page-hero-media h1{font-size:clamp(2.4rem,7vw,3.5rem)}
  body.commercial-body .page-hero-media img{height:auto;aspect-ratio:16/9}
}
@media(max-width:760px){
  body.commercial-body .founder-feature-section .founder-trust-points{grid-template-columns:1fr;align-items:stretch}
  body.commercial-body .founder-feature-section .founder-trust-points span,
  body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){width:100%;white-space:normal}
  body.commercial-body .page-hero-media img{aspect-ratio:4/3}
}

/* ================================================================
   KAYAN 2.0 — FINAL VISUAL CORRECTION BATCH
   UAE/KSA balanced hero + founder portrait correction
   ================================================================ */
body.commercial-body .northstar-art{
  width:100%;
  background-image:url('/kayan-home-hero-clean.webp');
  background-size:cover;
  background-position:center 48%;
}
body.commercial-body .northstar-art-veil{
  background:
    linear-gradient(90deg,
      rgba(255,248,239,.98) 0%,
      rgba(255,248,239,.94) 18%,
      rgba(255,248,239,.78) 28%,
      rgba(255,248,239,.42) 36%,
      rgba(255,248,239,.10) 44%,
      rgba(255,248,239,0) 50%),
    linear-gradient(180deg,rgba(255,255,255,.01),rgba(7,53,84,.02) 70%,rgba(5,47,76,.08) 100%);
}
body.commercial-body .northstar-copy{
  width:min(40%,610px);
}
body.commercial-body .northstar-copy h1{
  font-size:clamp(3rem,4.2vw,4.8rem);
  line-height:1.01;
}
body.commercial-body .northstar-copy p{max-width:560px}

body.commercial-body .founder-feature-section .founder-card-with-photo{
  grid-template-columns:minmax(270px,31%) minmax(0,69%);
  align-items:start;
}
body.commercial-body .founder-feature-section .founder-photo-wrap{
  max-height:390px;
  min-height:390px;
  overflow:hidden;
}
body.commercial-body .founder-feature-section .founder-photo{
  width:100%;height:100%;object-fit:cover;object-position:center 18%;
}
body.commercial-body .founder-feature-section .founder-copy{
  align-self:start;padding-top:12px;
}
@media(max-width:980px){
  body.commercial-body .northstar-copy{width:min(46%,590px)}
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:minmax(250px,35%) minmax(0,65%)}
  body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:360px;max-height:360px}
}
@media(max-width:760px){
  body.commercial-body .northstar-copy{width:100%}
  body.commercial-body .northstar-art{background-position:61% center}
  body.commercial-body .northstar-art-veil{
    background:linear-gradient(180deg,rgba(255,248,239,.96) 0%,rgba(255,248,239,.86) 46%,rgba(255,248,239,.38) 72%,rgba(255,248,239,.08) 100%);
  }
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:1fr}
  body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:340px;max-height:340px}
  body.commercial-body .founder-feature-section .founder-photo{object-position:center 16%}
}

/* ================================================================
   KAYAN 2.0 — FINAL PRODUCTION VISUAL CANDIDATE
   Locked UAE/KSA hero composition + founder comfort + Jobs imagery
   ================================================================ */
body.commercial-body .northstar-art{
  background-color:#fff8ef;
  background-image:url('/kayan-home-hero-final-balanced.webp');
  background-repeat:no-repeat;
  background-size:92% auto;
  background-position:right center;
}
body.commercial-body .northstar-art-veil{
  background:
    linear-gradient(90deg,
      rgba(255,249,241,.99) 0%,
      rgba(255,249,241,.96) 14%,
      rgba(255,249,241,.83) 22%,
      rgba(255,249,241,.45) 29%,
      rgba(255,249,241,.12) 34%,
      rgba(255,249,241,0) 39%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(5,47,76,.035) 100%);
}
body.commercial-body .northstar-copy{
  width:min(34%,570px);
  position:relative;
  z-index:2;
}
body.commercial-body .northstar-copy h1{
  font-size:clamp(2.85rem,3.9vw,4.45rem);
  line-height:1.01;
}
body.commercial-body .northstar-copy p{max-width:520px}

/* Founder: preserve the approved portrait without an aggressive crop. */
body.commercial-body .founder-feature-section .founder-card-with-photo{
  grid-template-columns:minmax(250px,28%) minmax(0,72%);
  align-items:start;
}
body.commercial-body .founder-feature-section .founder-photo-wrap{
  min-height:350px;
  max-height:370px;
  background:#eef1f3;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
body.commercial-body .founder-feature-section .founder-photo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}
@media(min-width:981px){
  body.commercial-body .founder-feature-section .founder-photo-wrap{
    min-height:410px;
    max-height:410px;
  }
  body.commercial-body .founder-feature-section .founder-photo{
    height:410px;
    min-height:0;
  }
}
body.commercial-body .founder-feature-section .founder-copy{padding:8px 34px 24px}

/* Jobs deserves its own candidate-facing visual identity. */
body.commercial-body .jobs-page-hero .media-split{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);
}
body.commercial-body .jobs-page-hero img{
  height:330px;
  object-position:center center;
}
body.commercial-body .jobs-page-hero .candidate-promise-inline{margin-top:22px}

@media(max-width:1180px){
  body.commercial-body .northstar-art{background-size:100% auto;background-position:58% center}
  body.commercial-body .northstar-copy{width:min(40%,560px)}
}
@media(max-width:980px){
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:minmax(230px,33%) minmax(0,67%)}
  body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:330px;max-height:350px}
  body.commercial-body .jobs-page-hero .media-split{grid-template-columns:1fr;gap:26px}
  body.commercial-body .jobs-page-hero img{height:auto;aspect-ratio:16/9}
}
@media(max-width:760px){
  body.commercial-body .northstar-art{background-size:cover;background-position:68% center}
  body.commercial-body .northstar-copy{width:100%}
  body.commercial-body .founder-feature-section .founder-card-with-photo{grid-template-columns:1fr}
  body.commercial-body .founder-feature-section .founder-photo-wrap{min-height:0;max-height:none;aspect-ratio:4/5}
  body.commercial-body .founder-feature-section .founder-photo{object-fit:cover;object-position:center 18%}
}

/* ================================================================
   KAYAN 2.0 — FINAL PRODUCTION VISUAL CLOSURE
   Active navigation + compact controls + 1024px founder contract
   ================================================================ */
body.commercial-body .commercial-nav a[aria-current="page"]{
  color:var(--blue-700);
  box-shadow:inset 0 -2px 0 var(--blue-500);
}
body.commercial-body .mobile-navigation-links a[aria-current="page"]{
  color:var(--blue-700);
  background:var(--surface-strong);
  border-radius:10px;
}
html[data-theme="dark"] body.commercial-body .mobile-navigation-links a[aria-current="page"]{
  color:var(--sky-300);
  background:var(--surface-strong);
}
html[data-theme="dark"] body.commercial-body .contact-card a{color:#dff6ff}
html[data-theme="dark"] body.commercial-body .contact-card .contact-linkedin{color:#75b9f1}
body.commercial-body .contact-card .contact-whatsapp{color:var(--success)}
body.commercial-body .whatsapp-float{
  width:52px;
  height:52px;
  padding:0;
  justify-content:center;
}
body.commercial-body .whatsapp-float>span{display:none}
@media(min-width:901px) and (max-width:1100px){
  body.commercial-body .founder-feature-section .founder-trust-points{
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
  }
  body.commercial-body .founder-feature-section .founder-trust-points span,
  body.commercial-body .founder-feature-section .founder-trust-points span:nth-child(3){
    padding:6px 8px;
    min-height:32px;
    font-size:.75rem;
    white-space:nowrap;
  }
}
@media(max-width:1100px){
  body.commercial-body .commercial-nav,
  body.commercial-body .desktop-request-cta{display:none}
  body.commercial-body .mobile-menu-toggle{display:inline-flex}
  body.commercial-body .actions{margin-left:auto}
  body.commercial-body .whatsapp-float{
    width:50px;
    height:50px;
    padding:0;
    justify-content:center;
  }
  body.commercial-body .whatsapp-float>span{display:none}
}