/* ============================================================
   PARTNER . EMD AGENT (partner-emd.html) . 2026-10-03
   Ground truth: otabek weekend notes/Partners - EMD agent/Spec & html/
                 partners-emd-agent.html + partners-emd-agent-page-spec.md
   Figma "DD-Website" frame "Partners - EMD agent" (888:17014), 1440 x 5828.
   Desktop only (Yuval, 2026-10-03: "drop the mobile").

   Same recipe as sept-pdo.css / sept-ptr30.css: <main> IS the designer's markup
   (classes pemd-*, qa/oracle/designer_to_main.py) and this is his stylesheet with the
   mechanical changes:
     .x               -> [data-skin="pemd"] #main .pemd-x
     width:1440/1280  -> max-width; grid 3 x 353.333px -> repeat(3, minmax(0,1fr)) inside max-width:1120
     hero photo       -> his CSS background, data: URI -> sept/partner-emd/hero.webp; his radial vignette kept
     his static stepper -> the live .pj block (5 cards, partner-journey.js) in his geometry, spec 6b / 6c
   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 dropped (Yuval 2026-10-03 "use the designer's version").
     footnote  "Compare delivery options or explore developer documentation and sandbox access." keeps the
               live page's two routes as links, in his link colour; he drew the sentence as plain text.
     stepper   interactive, five cards, step 1 open; he drew step 2 as the sample state.
     copy      "licence" (live) not his "license"; every other word is the live approved text.
     nav       "Contact sales" stays hidden on partner pages (O3), his HTML shows it.
   ============================================================ */

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

/* ---------- resets his page relied on, scoped to main ---------- */
[data-skin="pemd"] main{
  width:100%;overflow-x:clip;color:#121212;font-size:16px;line-height:normal;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="pemd"] #main *{box-sizing:border-box;margin:0;padding:0}
[data-skin="pemd"] #main section{width:100%;padding:0;background:#fff;position:relative}
[data-skin="pemd"] #main h1,[data-skin="pemd"] #main h2,[data-skin="pemd"] #main h3{
  margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:normal;text-wrap:auto;font-family:inherit;
}
[data-skin="pemd"] #main p{margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:inherit;text-wrap:auto;font-family:inherit}
[data-skin="pemd"] #main a{color:inherit;text-decoration:none}
[data-skin="pemd"] #main img,[data-skin="pemd"] #main svg{display:block;max-width:none}
[data-skin="pemd"] #main ol,[data-skin="pemd"] #main ul{list-style:none}
[data-skin="pemd"] #main section::before,[data-skin="pemd"] #main section::after{content:none!important;display:none!important}

[data-skin="pemd"] #main .pemd-page{width:100%;display:flex;flex-direction:column;align-items:center}
[data-skin="pemd"] #main .pemd-band{width:100%}
[data-skin="pemd"] #main .pemd-container{width:100%;max-width:1440px;margin:0 auto;position:relative}

/* ---------- type ---------- */
[data-skin="pemd"] #main .pemd-h2{font-size:44px;font-weight:500;line-height:53px;color:#121212}
[data-skin="pemd"] #main .pemd-body16{font-size:16px;font-weight:400;line-height:24px}
[data-skin="pemd"] #main .pemd-small14{font-size:14px;font-weight:400;line-height:21px}
[data-skin="pemd"] #main .pemd-micro{font-size:12px;font-weight:400;line-height:18px}
[data-skin="pemd"] #main .pemd-c-text{color:#5C5750}
[data-skin="pemd"] #main .pemd-c-muted{color:#7B756D}
[data-skin="pemd"] #main .pemd-c-strong{color:#555049}
[data-skin="pemd"] #main .pemd-c-link{color:#B75F00}
[data-skin="pemd"] #main .pemd-link-orange:hover{text-decoration:underline}

/* ---------- pills, spec 0 ---------- */
[data-skin="pemd"] #main .pemd-pill{
  display:inline-flex;align-items:center;justify-content:center;height:47px;padding:0 24px;border-radius:100px;
  font-size:16px;line-height:19px;font-weight:500;white-space:nowrap;border:0;cursor:pointer;flex:none;
  box-shadow:none;transition:none;min-height:0;font-family:inherit;
}
[data-skin="pemd"] #main .pemd-pill:hover{opacity:.85}
[data-skin="pemd"] #main .pemd-pill-dark{background:#121212;color:#fff;font-weight:700}
[data-skin="pemd"] #main .pemd-pill-light{background:#F4F3F0;color:#555049;font-weight:500}
[data-skin="pemd"] #main .pemd-pill-white{background:#fff;color:#121212;font-weight:700}
[data-skin="pemd"] #main .pemd-pill-ghost{background:rgba(18,18,18,.16);color:#fff;font-weight:500}

/* ---------- 2. hero, spec 2 ---------- */
[data-skin="pemd"] #main .pemd-hero{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 80px;height:678px}
[data-skin="pemd"] #main .pemd-hero-card{
  width:100%;max-width:1280px;height:640px;border-radius:48px;overflow:hidden;position:relative;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;padding:80px;
  background:
    radial-gradient(ellipse 1010px 2020px at 75.7% 44.6%, rgba(44,38,32,0) 0%, rgba(44,38,32,0) 13%, rgba(44,38,32,.72) 100%),
    url("sept/partner-emd/hero.webp") center/cover no-repeat, #2C2620;
}
[data-skin="pemd"] #main .pemd-hero-text{width:500px;max-width:100%;display:flex;flex-direction:column;gap:20px}
[data-skin="pemd"] #main .pemd-hero-title{font-size:52px!important;font-weight:500!important;line-height:63px!important;color:#fff;text-align:left}
[data-skin="pemd"] #main .pemd-hero-sub{color:#fff;opacity:.8}
[data-skin="pemd"] #main .pemd-hero-btns{display:flex;gap:20px}
[data-skin="pemd"] #main .pemd-hero-note{width:100%;max-width:1280px;text-align:center;color:#5C5750}
@media (min-width:1366px){[data-skin="pemd"] #main .pemd-hero-note{white-space:nowrap}}

/* ---------- 3. responsibilities, spec 3 ---------- */
[data-skin="pemd"] #main .pemd-resp{display:flex;flex-direction:column;align-items:center;padding:160px 80px 200px;height:612px}
[data-skin="pemd"] #main .pemd-resp-inner{width:750px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}
[data-skin="pemd"] #main .pemd-resp-inner .pemd-h2{width:640px;max-width:100%;text-align:center}
[data-skin="pemd"] #main .pemd-resp-paras{width:720px;max-width:100%;display:flex;flex-direction:column;gap:20px;text-align:center;color:#5C5750}

/* ---------- seam divider (1160 x 1px #D6D2C7, 140 in from each side, no height) ---------- */
[data-skin="pemd"] #main .pemd-divider{height:0;position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto} /* 2026-10-26 designer note: without z-index the next section (position:relative, #fff) painted over the seam line */
[data-skin="pemd"] #main .pemd-divider::before{content:"";position:absolute;left:140px;right:140px;top:0;height:1px;background:#D6D2C7}

/* ---------- 4. services grid, spec 4 ---------- */
[data-skin="pemd"] #main .pemd-services{display:flex;flex-direction:column;align-items:center;gap:80px;padding:120px 80px 140px;height:981px}
[data-skin="pemd"] #main .pemd-services .pemd-h2{width:700px;max-width:100%;text-align:center}
[data-skin="pemd"] #main .pemd-grid{width:100%;max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:202px 202px;grid-auto-flow:column;gap:30px}
[data-skin="pemd"] #main .pemd-svc{height:202px;border:1px solid #D6D2C7;border-radius:24px;padding:29px;display:flex;flex-direction:column;gap:30px;overflow:hidden;background:transparent;box-shadow:none}
[data-skin="pemd"] #main .pemd-svc-head{display:flex;align-items:center;gap:16px;height:40px}
[data-skin="pemd"] #main .pemd-svc-head .pemd-ico{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center}
[data-skin="pemd"] #main .pemd-svc-title{font-size:24px;font-weight:500;line-height:29px;white-space:nowrap;color:#121212}
[data-skin="pemd"] #main .pemd-svc-title.pemd-t20{font-size:20px;line-height:24px}
[data-skin="pemd"] #main .pemd-svc p{width:293.333px;max-width:100%;color:#5C5750}
[data-skin="pemd"] #main .pemd-services-note{width:800px;max-width:100%;text-align:center;color:#7B756D}

/* ---------- 5. delivery route, spec 5 (full-bleed #F4F3F0: the section is main's full width) ---------- */
[data-skin="pemd"] #main .pemd-delivery-band{background:#F4F3F0}
[data-skin="pemd"] #main .pemd-delivery{display:flex;flex-direction:column;align-items:center;gap:80px;padding:120px 80px 140px;height:1016px}
[data-skin="pemd"] #main .pemd-del-head{width:600px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
[data-skin="pemd"] #main .pemd-del-cards{width:1040px;max-width:100%;display:flex;gap:80px}
[data-skin="pemd"] #main .pemd-del-card{width:480px;height:388px;background:#fff;border:0;border-radius:24px;box-shadow:0 12px 28px rgba(0,0,0,.06);padding:30px;display:flex;flex-direction:column;overflow:hidden}
[data-skin="pemd"] #main .pemd-del-card.pemd-a{gap:45px}
[data-skin="pemd"] #main .pemd-del-card.pemd-b{justify-content:space-between}
[data-skin="pemd"] #main .pemd-del-top{display:flex;flex-direction:column;gap:45px}
[data-skin="pemd"] #main .pemd-del-text{width:420px;max-width:100%;display:flex;flex-direction:column;gap:15px}
[data-skin="pemd"] #main .pemd-del-title{font-size:24px;font-weight:500;line-height:29px;color:#121212}
[data-skin="pemd"] #main .pemd-del-note{width:700px;max-width:100%;text-align:center}

/* ---------- 6. journey, spec 6 ---------- */
[data-skin="pemd"] #main .pemd-journey{display:flex;flex-direction:column;align-items:center;padding:140px 80px 100px;height:1032px}
[data-skin="pemd"] #main .pemd-j-wrap{width:960px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:60px}
[data-skin="pemd"] #main .pemd-j-head{width:720px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
[data-skin="pemd"] #main .pemd-j-head .pemd-h2{width:560px;max-width:100%}
[data-skin="pemd"] #main .pemd-j-head p{width:700px;max-width:100%}
/* the live .pj block in his geometry (spec 6b / 6c); restated because the scoped reset zeroes partner-journey.css */
[data-skin="pemd"] #main .pj{width:100%;max-width:960px;margin:0;display:flex;flex-direction:column;gap:60px}
[data-skin="pemd"] #main .pj-rail{position:relative;width:100%;display:grid;grid-template-columns:repeat(5,1fr)}
[data-skin="pemd"] #main .pj-line,[data-skin="pemd"] #main .pj-line-active{position:absolute;top:10px;left:10%;height:1px}
[data-skin="pemd"] #main .pj-line{width:80%;background:#B5B2A8}
[data-skin="pemd"] #main .pj-line-active{width:calc(80% / 4 * var(--pj-done));background:#F37F00}
[data-skin="pemd"] #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="pemd"] #main .pj-step:hover{background:none}
[data-skin="pemd"] #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="pemd"] #main .pj-step.pj-done .pj-circle,[data-skin="pemd"] #main .pj-step.pj-active .pj-circle{border-color:#F37F00}
[data-skin="pemd"] #main .pj-step.pj-active .pj-circle::after{content:"";width:12px;height:12px;border-radius:50%;background:#F37F00}
[data-skin="pemd"] #main .pj-lbl{display:flex;flex-direction:column;align-items:center;gap:3px}
[data-skin="pemd"] #main .pj-lbl b{display:block;width:80px;font-size:16px;line-height:19px;font-weight:500;color:#5C5750}
[data-skin="pemd"] #main .pj-step.pj-active .pj-lbl b{font-weight:600;color:#F37F00}
[data-skin="pemd"] #main .pj-lbl span{display:block;width:100px;min-height:45px;font-size:12px;line-height:15px;font-weight:400;color:#7B756D}
[data-skin="pemd"] #main .pj-step:focus-visible{outline:none}
[data-skin="pemd"] #main .pj-step:focus-visible .pj-circle{outline:2px solid #F37F00;outline-offset:3px}
[data-skin="pemd"] #main .pj-detail{width:100%;min-height:172px;padding:39px;display:flex;align-items:center;gap:40px;border:1px solid #D6D2C7;border-radius:24px;background:transparent}
[data-skin="pemd"] #main .pj-detail[hidden]{display:none!important}
[data-skin="pemd"] #main .pj-detail .pj-l{width:240px;padding-right:40px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}
[data-skin="pemd"] #main .pj-detail .pj-l b{font-size:28px;line-height:34px;font-weight:700;color:#F37F00}
[data-skin="pemd"] #main .pj-detail .pj-l span{font-size:20px;line-height:24px;font-weight:400;color:#5C5750}
[data-skin="pemd"] #main .pj-detail .pj-r{flex:1;min-width:0;font-size:16px;line-height:24px;font-weight:400;color:#5C5750}
[data-skin="pemd"] #main .pemd-j-note{width:720px;max-width:100%;text-align:center;color:#7B756D}

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