/* ============================================================
   PARTNER . DIGITAL ONBOARDING (partner-professional.html) . 2026-10-03
   Ground truth: otabek weekend notes/Partners - Digital onboarding/Spec & html/
                 partners-digital-onboarding.html + partners-digital-onboarding-spec.md
   Figma "DD-Website" frame "Partners - Digital onboarding" (964:17645), 1440 x 4996.
   Desktop only (Yuval, 2026-10-03: "drop the mobile").

   Same recipe as the 30.09 partners home (sept-ptr30.css): <main> IS the designer's
   markup (classes pdo-*, built by qa/oracle/designer_to_main.py) and this file is his
   stylesheet with the mechanical changes:
     .x                -> [data-skin="pdo"] #main .pdo-x   (no collision with dd-shell / alt-home)
     width:1440/1280   -> max-width                        (no horizontal scroll at 1280 / 1366 / 1440)
     object-fit:fill   -> cover                            (identical at 1440 where the box is the asset's
                                                            ratio; below it the box shrinks, fill would distort)
     his static stepper -> the live .pj block (5 cards, partner-journey.js) in his geometry, spec 4.2 / 4.3
   Scope attribute is data-skin, NOT data-sept: dd-shell.css keys 21 rules on [data-sept] (nav below 1180,
   footer), dd-nav.css 12 more. A fresh attribute touches none of them.
   Chrome untouched: nav = dd-nav.css contract, footer = sept-footer.css.

   Deviations from his HTML, each on record:
     hero     the live hero chips (FCA-authorised EMI / FRN 901043) are not in his hero; dropped, as on the
              30.09 partners home where his trust line replaced them. The FCA sentence under the card stays.
     stepper  interactive, five cards (live approved copy), step 1 open as on the live page; he drew step 2
              as the sample state.
     nav      "Contact sales" stays hidden on partner pages (O3, 2026-09-10), his HTML shows it.
   ============================================================ */

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

/* ---------- resets his page relied on, scoped to main ---------- */
[data-skin="pdo"] 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="pdo"] #main *{box-sizing:border-box;margin:0;padding:0}
[data-skin="pdo"] #main section{width:100%;padding:0;background:#fff;position:relative}
[data-skin="pdo"] #main h1,[data-skin="pdo"] #main h2,[data-skin="pdo"] #main h3{
  margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:normal;text-wrap:auto;font-family:inherit;
}
/* p inherits: his paragraphs take 16/24 from a .body16 on the PARENT stack (sections 5 and 6), so a direct
   line-height on p would beat it. dd-shell's own p rule is what `inherit` defeats. */
[data-skin="pdo"] #main p{margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:inherit;text-wrap:auto;font-family:inherit}
[data-skin="pdo"] #main a{color:inherit;text-decoration:none}
[data-skin="pdo"] #main img{display:block;max-width:none}
[data-skin="pdo"] #main section::before,[data-skin="pdo"] #main section::after{content:none!important;display:none!important}

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

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

/* ---------- shared type ---------- */
[data-skin="pdo"] #main .pdo-h2{font-weight:500;font-size:44px;line-height:53px;color:#121212}
[data-skin="pdo"] #main .pdo-body16{font-weight:400;font-size:16px;line-height:24px}

/* ---------- seam dividers (spec: 1160 x 1px #D6D2C7 at x 140, on the seam) ---------- */
[data-skin="pdo"] #main .pdo-divider{position:absolute;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 160px));height:1px;background:#D6D2C7}

/* ---------- 2. hero, spec 2 ---------- */
[data-skin="pdo"] #main .pdo-hero .pdo-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 80px}
[data-skin="pdo"] #main .pdo-hero-card{
  width:100%;max-width:1280px;height:640px;border-radius:48px;overflow:hidden;position:relative;padding:80px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;background:#2C2620;
}
[data-skin="pdo"] #main .pdo-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-skin="pdo"] #main .pdo-hero-text{position:relative;z-index:1;width:500px;max-width:100%;display:flex;flex-direction:column;gap:20px;color:#FFFFFF}
[data-skin="pdo"] #main .pdo-hero-text h1{font-weight:500!important;font-size:52px!important;line-height:63px!important;color:#FFFFFF;text-align:left}
[data-skin="pdo"] #main .pdo-hero-text p{opacity:.8;width:500px;max-width:100%;color:#FFFFFF}
[data-skin="pdo"] #main .pdo-hero-actions{position:relative;z-index:1;display:flex;gap:20px;align-items:center}
[data-skin="pdo"] #main .pdo-hero-note{font-size:12px;line-height:18px;color:#5C5750;text-align:center;max-width:100%}
@media (min-width:1366px){[data-skin="pdo"] #main .pdo-hero-note{white-space:nowrap}}

/* ---------- 3 and 6. centred text sections, spec 3 / 6 ---------- */
[data-skin="pdo"] #main .pdo-text-section .pdo-wrap{display:flex;flex-direction:column;align-items:center;padding-left:80px;padding-right:80px}
[data-skin="pdo"] #main .pdo-intro .pdo-wrap{padding-top:160px;padding-bottom:200px}
[data-skin="pdo"] #main .pdo-accounts .pdo-wrap{padding-top:180px;padding-bottom:180px}
[data-skin="pdo"] #main .pdo-text-col{width:750px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
[data-skin="pdo"] #main .pdo-text-col .pdo-h2{width:530px;max-width:100%;text-align:center}
[data-skin="pdo"] #main .pdo-text-col .pdo-para{width:720px;max-width:100%;color:#5C5750}
[data-skin="pdo"] #main .pdo-para-stack{display:flex;flex-direction:column;gap:20px}

/* ---------- 4. workflow stepper, spec 4 ---------- */
[data-skin="pdo"] #main .pdo-journey .pdo-wrap{display:flex;flex-direction:column;align-items:center;padding:180px 80px 200px}
[data-skin="pdo"] #main .pdo-journey-col{width:960px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:60px}
[data-skin="pdo"] #main .pdo-journey-col .pdo-h2{width:540px;max-width:100%;text-align:center}
/* the live .pj block in his geometry. partner-journey.css is the base; the scoped reset above zeroes its
   margins/paddings, so every box is restated here with his tokens (spec 4.2 / 4.3). */
[data-skin="pdo"] #main .pj{width:100%;max-width:960px;margin:0;display:flex;flex-direction:column;gap:60px}
[data-skin="pdo"] #main .pj-rail{position:relative;width:100%;display:grid;grid-template-columns:repeat(5,1fr)}
[data-skin="pdo"] #main .pj-line,[data-skin="pdo"] #main .pj-line-active{position:absolute;top:10px;left:10%;height:1px}
[data-skin="pdo"] #main .pj-line{width:80%;background:#B5B2A8}
[data-skin="pdo"] #main .pj-line-active{width:calc(80% / 4 * var(--pj-done));background:#F37F00}
[data-skin="pdo"] #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="pdo"] #main .pj-step:hover{background:none}
[data-skin="pdo"] #main .pj-circle{width:20px;height:20px;border-radius:50%;background:#FFFFFF;border:1px solid #B5B2A8;display:flex;align-items:center;justify-content:center;flex:none}
[data-skin="pdo"] #main .pj-step.pj-done .pj-circle,[data-skin="pdo"] #main .pj-step.pj-active .pj-circle{border-color:#F37F00}
[data-skin="pdo"] #main .pj-step.pj-active .pj-circle::after{content:"";width:12px;height:12px;border-radius:50%;background:#F37F00}
[data-skin="pdo"] #main .pj-lbl{display:flex;flex-direction:column;align-items:center;gap:3px}
[data-skin="pdo"] #main .pj-lbl b{display:block;width:80px;font-size:16px;line-height:19px;font-weight:500;color:#5C5750}
[data-skin="pdo"] #main .pj-step.pj-active .pj-lbl b{font-weight:600;color:#F37F00}
[data-skin="pdo"] #main .pj-lbl span{display:block;width:100px;min-height:45px;font-size:12px;line-height:15px;font-weight:400;color:#7B756D}
[data-skin="pdo"] #main .pj-step:focus-visible{outline:none}
[data-skin="pdo"] #main .pj-step:focus-visible .pj-circle{outline:2px solid #F37F00;outline-offset:3px}
/* his card: 960 x 172, 1px #D6D2C7 r24, 39px padding inside the border (= 40 to the content) */
[data-skin="pdo"] #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:#FFFFFF}
[data-skin="pdo"] #main .pj-detail[hidden]{display:none!important}
[data-skin="pdo"] #main .pj-detail .pj-l{width:240px;padding-right:40px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}
[data-skin="pdo"] #main .pj-detail .pj-l b{font-size:28px;line-height:34px;font-weight:700;color:#F37F00}
[data-skin="pdo"] #main .pj-detail .pj-l span{font-size:20px;line-height:24px;font-weight:400;color:#5C5750}
[data-skin="pdo"] #main .pj-detail .pj-r{flex:1;min-width:0;font-size:16px;line-height:24px;font-weight:400;color:#5C5750}

/* ---------- 5. records card, spec 5 ---------- */
[data-skin="pdo"] #main .pdo-records .pdo-wrap{display:flex;padding:0 80px}
[data-skin="pdo"] #main .pdo-records-card{width:100%;max-width:1280px;height:660px;background:#F4F3F0;border-radius:48px;overflow:hidden;display:flex;align-items:center;padding-right:80px}
[data-skin="pdo"] #main .pdo-records-img{width:680px;height:660px;flex-shrink:0;object-fit:cover}
[data-skin="pdo"] #main .pdo-records-text{width:520px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:60px}
[data-skin="pdo"] #main .pdo-records-text .pdo-group{display:flex;flex-direction:column;gap:30px}
[data-skin="pdo"] #main .pdo-records-text .pdo-h2{width:500px;max-width:100%}
[data-skin="pdo"] #main .pdo-records-text .pdo-para-stack p{width:500px;max-width:100%;color:#555049}

/* ---------- 7. partnership CTA, spec 7 ---------- */
[data-skin="pdo"] #main .pdo-cta .pdo-wrap{display:flex;align-items:center;justify-content:center;gap:120px;padding:160px 80px}
[data-skin="pdo"] #main .pdo-cta-img{width:480px;height:480px;border-radius:48px;object-fit:cover;flex-shrink:0}
[data-skin="pdo"] #main .pdo-cta-text{width:520px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:60px}
[data-skin="pdo"] #main .pdo-cta-text .pdo-group{display:flex;flex-direction:column;gap:20px}
[data-skin="pdo"] #main .pdo-cta-text .pdo-group p{color:#5C5750}
[data-skin="pdo"] #main .pdo-cta-actions{display:flex;gap:20px;align-items:center}

/* ---------- 1280..1439: his 1280 column no longer fits beside 80px gutters, let the two wide cards breathe ---------- */
@media (max-width:1439px){
  [data-skin="pdo"] #main .pdo-records-card{padding-right:60px}
  [data-skin="pdo"] #main .pdo-records-img{width:44%;height:660px}
  [data-skin="pdo"] #main .pdo-records-text{flex:1 1 0;width:auto;padding-left:48px}
  [data-skin="pdo"] #main .pdo-cta .pdo-wrap{gap:60px}
}