/* ============================================================
   PARTNER . LICENSED EMI (partner-emi.html) . 2026-10-03
   Ground truth: otabek weekend notes/Partners - Licensed EMI/Spec & html/
                 partners-licensed-emi.html + partners-licensed-emi-spec.md
   Figma "DD-Website" frame "Partners - Licensed EMI" (964:15816), 1440 x 4861.
   Desktop only (Yuval, 2026-10-03: "drop the mobile").

   Same recipe as sept-pdo.css / sept-pemd.css: <main> IS the designer's markup (classes
   pemi-*, qa/oracle/designer_to_main.py) and this is his stylesheet with the mechanical changes:
     .x               -> [data-skin="pemi"] #main .pemi-x
     width:1440/1280  -> max-width
     data: images     -> files under sept/partner-emi/ (his own flag / icon SVGs, photos as webp)
     object-fit:fill  -> cover on the hero photo (identical at 1440; the card shrinks below it)
     his static stepper -> the live .pj block (5 cards, partner-journey.js) in his geometry, spec 6.2 / 6.3
   Scope is data-skin (dd-shell.css keys 21 rules on [data-sept]).
   Chrome untouched: nav = dd-nav.css, footer = sept-footer.css.

   Deviations from his HTML, each on record:
     hero      live hero chips and the legal line under the card dropped: his hero is the 640 card alone
               (spec 3). Footer disclosure stays. (Yuval 2026-10-03 "use the designer's version".)
     cards     "Read the API documentation" / "Discuss white label" inside the two white-label card bodies
               stay the live links, in his link colour; he drew the sentences as plain text.
     stepper   interactive, five cards, step 1 open; he drew step 2 as the sample state. The live card
               bodies carry a link ("API documentation"); styled in his link colour.
     nav       "Contact sales" stays hidden on partner pages (O3), his HTML shows it.
   ============================================================ */

html[data-skin="pemi"] body{background:#fff}

/* ---------- resets his page relied on, scoped to main ---------- */
[data-skin="pemi"] main{
  width:100%;overflow-x:clip;color:#121212;font-size:16px;line-height:1.21;letter-spacing:0;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
[data-skin="pemi"] #main *{box-sizing:border-box;margin:0;padding:0}
[data-skin="pemi"] #main section{width:100%;padding:0;background:#fff;position:relative}
[data-skin="pemi"] #main h1,[data-skin="pemi"] #main h2,[data-skin="pemi"] #main h3{
  margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:1.21;text-wrap:auto;font-family:inherit;
}
[data-skin="pemi"] #main p{margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:inherit;text-wrap:auto;font-family:inherit}
[data-skin="pemi"] #main a{color:inherit;text-decoration:none}
[data-skin="pemi"] #main img,[data-skin="pemi"] #main svg{display:block;max-width:none}
[data-skin="pemi"] #main section::before,[data-skin="pemi"] #main section::after{content:none!important;display:none!important}

[data-skin="pemi"] #main .pemi-page{width:100%;display:flex;flex-direction:column;align-items:center}
[data-skin="pemi"] #main .pemi-full{width:100%}
[data-skin="pemi"] #main .pemi-wrap{width:100%;max-width:1440px;margin:0 auto;position:relative}
[data-skin="pemi"] #main .pemi-link{color:#B75F00}
[data-skin="pemi"] #main .pemi-link:hover{text-decoration:underline}

/* ---------- buttons, spec 1.4 ---------- */
[data-skin="pemi"] #main .pemi-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:100px;
  font-size:16px;line-height:1.21;font-weight:500;white-space:nowrap;height:47px;border:0;cursor:pointer;
  box-shadow:none;transition:none;min-height:0;font-family:inherit;
}
[data-skin="pemi"] #main .pemi-btn-dark{background:#121212;color:#fff;font-weight:700}
[data-skin="pemi"] #main .pemi-btn-sand{background:#F4F3F0;color:#555049;font-weight:500}
[data-skin="pemi"] #main .pemi-btn-white{background:#fff;color:#121212;font-weight:700}
[data-skin="pemi"] #main .pemi-btn-glass{background:rgba(18,18,18,.16);color:#fff;font-weight:500}

/* ---------- 3. hero, spec 3 (the section is the 1440 wrap; no line under the card) ---------- */
[data-skin="pemi"] #main .pemi-hero{width:100%;max-width:1440px;margin:0 auto;padding:0 80px;height:640px}
[data-skin="pemi"] #main .pemi-hero-card{
  position:relative;width:100%;max-width:1280px;height:640px;border-radius:48px;overflow:hidden;padding:80px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;background:#2C2620;
}
[data-skin="pemi"] #main .pemi-hero-bg{position:absolute;inset:0;border-radius:48px;overflow:hidden;pointer-events:none}
[data-skin="pemi"] #main .pemi-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-skin="pemi"] #main .pemi-hero-overlay{
  position:absolute;inset:0;border-radius:48px;pointer-events:none;background-size:100% 100%;
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1280 640' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-91.5 -33.3 66.6 -183 915 333)'><stop stop-color='rgba(44,38,32,0)' offset='0'/><stop stop-color='rgba(44,38,32,0)' offset='0.12559'/><stop stop-color='rgba(44,38,32,1)' offset='1'/></radialGradient></defs></svg>");
}
[data-skin="pemi"] #main .pemi-hero-text{position:relative;width:500px;max-width:100%;display:flex;flex-direction:column;gap:20px;color:#fff}
[data-skin="pemi"] #main .pemi-hero-text h1{font-weight:500!important;font-size:52px!important;line-height:1.21!important;color:#fff;text-align:left}
[data-skin="pemi"] #main .pemi-hero-text p{font-size:16px;line-height:1.5;opacity:.8;width:500px;max-width:100%;color:#fff}
[data-skin="pemi"] #main .pemi-hero-btns{position:relative;display:flex;gap:20px;align-items:center}

/* ---------- shared headings ---------- */
[data-skin="pemi"] #main .pemi-h2{font-weight:500;font-size:44px;line-height:1.21;color:#121212}
[data-skin="pemi"] #main .pemi-lead{font-size:16px;line-height:1.5;color:#5C5750}
[data-skin="pemi"] #main .pemi-foot-note{font-size:14px;line-height:1.5;color:#7B756D;text-align:center;width:800px;max-width:100%}
[data-skin="pemi"] #main .pemi-head-block{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;max-width:100%}

/* ---------- 4. feature strip, spec 4 ---------- */
[data-skin="pemi"] #main .pemi-features{width:100%;max-width:1440px;margin:0 auto;padding:120px 80px 140px;display:flex;flex-direction:column;align-items:center;gap:80px;height:1039px}
[data-skin="pemi"] #main .pemi-grid-wrap{display:flex;flex-direction:column;align-items:center;gap:60px;max-width:100%}
[data-skin="pemi"] #main .pemi-grid{width:1120px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}
[data-skin="pemi"] #main .pemi-row{display:flex;gap:30px;height:202px}
[data-skin="pemi"] #main .pemi-fcard{width:353.333px;height:202px;border:1px solid #D6D2C7;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:30px;overflow:hidden;background:transparent;box-shadow:none}
[data-skin="pemi"] #main .pemi-fcard-head{display:flex;align-items:center;gap:16px}
[data-skin="pemi"] #main .pemi-fcard-head img{width:40px;height:40px;flex-shrink:0}
[data-skin="pemi"] #main .pemi-fcard-head h3{font-weight:500;font-size:24px;line-height:1.21;white-space:nowrap;color:#121212}
[data-skin="pemi"] #main .pemi-fcard p{font-size:16px;line-height:1.5;color:#5C5750}

/* ---------- 5. white label, spec 5 (full-bleed #F4F3F0: the section is main's full width) ---------- */
[data-skin="pemi"] #main .pemi-wl-bg{background:#F4F3F0}
[data-skin="pemi"] #main .pemi-wl{padding:120px 80px 140px;display:flex;flex-direction:column;align-items:center;gap:80px;height:789px}
[data-skin="pemi"] #main .pemi-wl .pemi-h2{width:450px;max-width:100%;text-align:center}
[data-skin="pemi"] #main .pemi-wl-cards{width:1040px;max-width:100%;display:flex;gap:80px;align-items:stretch}
[data-skin="pemi"] #main .pemi-wcard{flex:1 0 0;min-width:0;background:#fff;border:0;border-radius:24px;padding:30px;box-shadow:0 12px 28px 0 rgba(0,0,0,.06);display:flex;flex-direction:column;gap:45px;overflow:hidden;min-height:343px}
[data-skin="pemi"] #main .pemi-wcard img{width:50px;height:50px}
[data-skin="pemi"] #main .pemi-wcard-text{display:flex;flex-direction:column;gap:15px;width:420px;max-width:100%}
[data-skin="pemi"] #main .pemi-wcard h3{font-weight:500;font-size:24px;line-height:1.21;color:#121212}
[data-skin="pemi"] #main .pemi-wcard p{font-size:16px;line-height:1.5;color:#7B756D}

/* ---------- 6. stepper, spec 6 ---------- */
[data-skin="pemi"] #main .pemi-journey{width:100%;max-width:1440px;margin:0 auto;padding:140px 80px 100px;display:flex;justify-content:center;height:884px}
[data-skin="pemi"] #main .pemi-journey-inner{width:960px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:60px}
[data-skin="pemi"] #main .pemi-journey .pemi-head-block{width:720px}
/* the live .pj block in his geometry (spec 6.2 / 6.3); restated because the scoped reset zeroes partner-journey.css */
[data-skin="pemi"] #main .pj{width:100%;max-width:960px;margin:0;display:flex;flex-direction:column;gap:60px}
[data-skin="pemi"] #main .pj-rail{position:relative;width:100%;display:grid;grid-template-columns:repeat(5,1fr)}
[data-skin="pemi"] #main .pj-line,[data-skin="pemi"] #main .pj-line-active{position:absolute;top:10px;left:10%;height:1px}
[data-skin="pemi"] #main .pj-line{width:80%;background:#B5B2A8}
[data-skin="pemi"] #main .pj-line-active{width:calc(80% / 4 * var(--pj-done));background:#F37F00}
[data-skin="pemi"] #main .pj-step{
  display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;width:100%;
  background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:center;border-radius:0;box-shadow:none;min-height:0;
}
[data-skin="pemi"] #main .pj-step:hover{background:none}
[data-skin="pemi"] #main .pj-circle{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #B5B2A8;display:flex;align-items:center;justify-content:center;flex:none}
[data-skin="pemi"] #main .pj-step.pj-done .pj-circle,[data-skin="pemi"] #main .pj-step.pj-active .pj-circle{border-color:#F37F00}
[data-skin="pemi"] #main .pj-step.pj-active .pj-circle::after{content:"";width:12px;height:12px;border-radius:50%;background:#F37F00}
[data-skin="pemi"] #main .pj-lbl{display:flex;flex-direction:column;align-items:center;gap:3px}
[data-skin="pemi"] #main .pj-lbl b{display:block;width:80px;font-size:16px;line-height:1.21;font-weight:500;color:#5C5750}
[data-skin="pemi"] #main .pj-step.pj-active .pj-lbl b{font-weight:600;color:#F37F00}
[data-skin="pemi"] #main .pj-lbl span{display:block;width:100px;min-height:45px;font-size:12px;line-height:1.21;font-weight:400;color:#7B756D}
[data-skin="pemi"] #main .pj-step:focus-visible{outline:none}
[data-skin="pemi"] #main .pj-step:focus-visible .pj-circle{outline:2px solid #F37F00;outline-offset:3px}
/* his detail card: 960 x 152 min, 1px #D6D2C7 r24, padding 40 */
[data-skin="pemi"] #main .pj-detail{width:100%;min-height:152px;padding:40px;display:flex;align-items:center;gap:40px;border:1px solid #D6D2C7;border-radius:24px;background:#fff;overflow:hidden}
[data-skin="pemi"] #main .pj-detail[hidden]{display:none!important}
[data-skin="pemi"] #main .pj-detail .pj-l{width:240px;padding-right:40px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}
[data-skin="pemi"] #main .pj-detail .pj-l b{font-size:28px;line-height:1.21;font-weight:700;color:#F37F00}
[data-skin="pemi"] #main .pj-detail .pj-l span{font-size:20px;line-height:1.21;font-weight:400;color:#5C5750}
[data-skin="pemi"] #main .pj-detail .pj-r{flex:1 0 0;min-width:0;font-size:16px;line-height:1.5;font-weight:400;color:#5C5750}
[data-skin="pemi"] #main .pj-detail .pj-r a{color:#B75F00}

/* ---------- 7. CTA, spec 7 ---------- */
[data-skin="pemi"] #main .pemi-cta{width:100%;max-width:1440px;margin:0 auto;padding:100px 80px 160px;display:flex;justify-content:center;align-items:center;gap:120px;height:740px}
[data-skin="pemi"] #main .pemi-cta-img{width:480px;height:480px;border-radius:48px;object-fit:cover;flex-shrink:0}
[data-skin="pemi"] #main .pemi-cta-text{width:520px;max-width:100%;display:flex;flex-direction:column;gap:60px}
[data-skin="pemi"] #main .pemi-cta-copy{display:flex;flex-direction:column;gap:20px}
[data-skin="pemi"] #main .pemi-cta-btns{display:flex;gap:20px;align-items:center}