/* ============================================================
   BUSINESS . Currency accounts (solution-multi-currency.html) . 2026-10-20
   Ground truth: otabek 20.10/Business - Currency accounts/Spec+Html/business-currency-accounts.html
                 + business-currency-accounts-spec.md; the PDF is 1440 x 6915 pt (1 pt = 1 px).
   Figma "DD-Website" frame "Business - Currency accounts" (1186:8815).

   Same recipe as sept-corp.css / sept-sme.css: <main> IS the designer's markup (classes bcur-*,
   qa/oracle/designer_to_main.py) and this is his stylesheet with the mechanical changes:
     .x                 -> [data-skin="bcur"] #main .bcur-x
     hero photo         -> his CSS background, data: URI -> sept/solution-multi-currency/hero.webp; his radial shade kept
     21 embedded images -> his named files under sept/solution-multi-currency/ (md5-matched)
     body min-width     -> gone (D1): his numbers hold from 1300 up; the block at the end relaxes them below.
     nav + footer       -> his rules dropped, chrome stays live (D2): dd-nav.css + sept-footer.css
   Scope is data-skin (dd-shell.css keys 21 rules on [data-sept]). data-followup="biz" is OFF this page
   (followup.css !important rules inside main); its two chrome blocks are repeated below, keyed on data-skin.

   Deviations from his HTML, each on record (Yuval 2026-10-20 "all ok"):
     hero       live hero chips dropped (03.10); the live uppercase eyebrow dropped (his hero has none);
                the live FSCS line stays as a second caption line in his caption style (hero 684 -> 728).
     one view   his four icon cards replace the live laptop mockup; its caption went with it.
     copy       live text wins: "Bacs", the periods on the eight card titles, the two pill arrows, the
                footnote as one node (his <br> out), "•" separators in the caption.
     reveals    kept (D3): scroll-driven, same timing family as alt-home.css, defined at the end.
   ============================================================ */

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

/* ---------- resets his page relied on, scoped to main ---------- */
[data-skin="bcur"] 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;font-synthesis:none;
}
[data-skin="bcur"] #main *{box-sizing:border-box;margin:0;padding:0}
[data-skin="bcur"] #main a{color:inherit;text-decoration:none}
[data-skin="bcur"] #main img{display:block}
[data-skin="bcur"] #main h1,[data-skin="bcur"] #main h2,[data-skin="bcur"] #main h3,[data-skin="bcur"] #main p{max-width:none;letter-spacing:0;text-wrap:initial}

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

/* text styles */
[data-skin="bcur"] #main .bcur-h-hero{font-weight:500;font-size:52px;line-height:1.21}
[data-skin="bcur"] #main .bcur-h-sec{font-weight:500;font-size:44px;line-height:1.21}
[data-skin="bcur"] #main .bcur-h24{font-weight:500;font-size:24px;line-height:1.21}
[data-skin="bcur"] #main .bcur-h20{font-weight:500;font-size:20px;line-height:1.21}
[data-skin="bcur"] #main .bcur-h20b{font-weight:500;font-size:20px;line-height:1.35}
[data-skin="bcur"] #main .bcur-b16{font-weight:400;font-size:16px;line-height:1.5}
[data-skin="bcur"] #main .bcur-b14{font-weight:400;font-size:14px;line-height:1.5}
[data-skin="bcur"] #main .bcur-b14b{font-weight:400;font-size:14px;line-height:1.35}
[data-skin="bcur"] #main .bcur-b12{font-weight:400;font-size:12px;line-height:1.5}
[data-skin="bcur"] #main .bcur-center{text-align:center}

/* buttons */
[data-skin="bcur"] #main .bcur-btn{display:inline-flex;align-items:center;justify-content:center;height:47px;padding:14px 24px;border-radius:100px;border:none;white-space:nowrap;font-family:inherit;font-size:16px;line-height:19px;font-weight:500;cursor:pointer;flex:none}
[data-skin="bcur"] #main .bcur-btn-dark{background:#121212;color:#FFFFFF;font-weight:700}
[data-skin="bcur"] #main .bcur-btn-white-p{background:#FFFFFF;color:#121212;font-weight:700}
[data-skin="bcur"] #main .bcur-btn-grey{background:#F4F3F0;color:#555049}
[data-skin="bcur"] #main .bcur-btn-white{background:#FFFFFF;color:#555049}
[data-skin="bcur"] #main .bcur-btn-trans{background:rgba(18,18,18,0.16);color:#FFFFFF}
[data-skin="bcur"] #main .bcur-chips{display:flex;gap:8px;align-items:center}
[data-skin="bcur"] #main .bcur-chip{display:inline-flex;align-items:center;height:27px;padding:6px 12px;border:1px solid #555049;border-radius:100px;font-size:12px;line-height:15px;font-weight:500;color:#555049;white-space:nowrap}

/* 2 hero */
[data-skin="bcur"] #main .bcur-hero .bcur-in{gap:20px;padding:0 80px}
[data-skin="bcur"] #main .bcur-hero-card{width:1280px;height:640px;border-radius:48px;overflow:hidden;padding:80px;display:flex;flex-direction:column;justify-content:center;gap:40px;
  background:radial-gradient(1040px 1812px at 75.6% 44.8%, rgba(44,38,32,0) 0%, rgba(44,38,32,0) 13%, rgba(44,38,32,1) 100%), url(sept/solution-multi-currency/hero.webp) center/cover no-repeat}
[data-skin="bcur"] #main .bcur-hero-text{width:500px;display:flex;flex-direction:column;gap:20px;color:#FFFFFF}
[data-skin="bcur"] #main .bcur-hero-text h1,[data-skin="bcur"] #main .bcur-hero-text p{color:#FFFFFF}
[data-skin="bcur"] #main .bcur-hero-text p{opacity:.8}
[data-skin="bcur"] #main .bcur-hero-btns{display:flex;gap:20px}
[data-skin="bcur"] #main .bcur-hero-caption{color:#7B756D;white-space:nowrap}

/* generic section header */
[data-skin="bcur"] #main .bcur-sec-head{display:flex;flex-direction:column;align-items:center;text-align:center}
[data-skin="bcur"] #main .bcur-sec-head .bcur-t{color:#121212}
[data-skin="bcur"] #main .bcur-sub{color:#5C5750}

/* 3 currency */
[data-skin="bcur"] #main .bcur-s3 .bcur-in{gap:80px;padding:120px 80px 80px;overflow:hidden}
[data-skin="bcur"] #main .bcur-s3 .bcur-sec-head{width:600px;gap:20px}
[data-skin="bcur"] #main .bcur-cur-grid{width:1040px;display:flex;flex-direction:column;gap:20px}
[data-skin="bcur"] #main .bcur-cur-row{display:flex;gap:20px}
[data-skin="bcur"] #main .bcur-cur{background:#F4F3F0;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:30px;height:225px;overflow:hidden;flex:none}
[data-skin="bcur"] #main .bcur-cur-h{display:flex;align-items:center;gap:16px;height:40px}
[data-skin="bcur"] #main .bcur-cur-h img{width:40px;height:40px;flex:none}
[data-skin="bcur"] #main .bcur-cur-b{display:flex;flex-direction:column;gap:20px}
[data-skin="bcur"] #main .bcur-cur-b p{color:#555049}

/* outlined 4-up cards */
[data-skin="bcur"] #main .bcur-card4-row{width:1200px;display:flex;gap:30px;align-items:stretch}
[data-skin="bcur"] #main .bcur-card4{width:277.5px;flex:none;border:1px solid #D6D2C7;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:30px;background:#FFFFFF}
[data-skin="bcur"] #main .bcur-card4 img{width:40px;height:40px}
[data-skin="bcur"] #main .bcur-card4 .bcur-tx{display:flex;flex-direction:column;gap:12px}
[data-skin="bcur"] #main .bcur-card4 .bcur-tx p{color:#5C5750}

/* 4 */
[data-skin="bcur"] #main .bcur-s4 .bcur-in{gap:80px;padding:120px 80px 160px}
[data-skin="bcur"] #main .bcur-s4 .bcur-sec-head{width:750px;gap:20px}
[data-skin="bcur"] #main .bcur-s4 .bcur-card4{height:253px}
[data-skin="bcur"] #main .bcur-foot-note{color:#7B756D;text-align:center}

/* divider */
[data-skin="bcur"] #main .bcur-divider{position:absolute;top:-0.5px;left:140px;width:1160px;height:1px;background:#D6D2C7}

/* 5 */
[data-skin="bcur"] #main .bcur-s5 .bcur-in{gap:80px;padding:140px 80px 160px}
[data-skin="bcur"] #main .bcur-s5 .bcur-sec-head{width:750px;gap:20px}
[data-skin="bcur"] #main .bcur-s5 .bcur-card4{height:274px}

/* 6 access */
[data-skin="bcur"] #main .bcur-s6{background:#F4F3F0}
[data-skin="bcur"] #main .bcur-s6 .bcur-in{gap:100px;padding:160px 160px 100px}
[data-skin="bcur"] #main .bcur-s6-row{width:1120px;display:flex;gap:120px;align-items:flex-start}
[data-skin="bcur"] #main .bcur-s6-left{width:480px;display:flex;flex-direction:column;gap:60px;align-items:flex-start}
[data-skin="bcur"] #main .bcur-s6-left .bcur-txt{display:flex;flex-direction:column;gap:30px}
[data-skin="bcur"] #main .bcur-s6-left .bcur-txt p{color:#555049}
[data-skin="bcur"] #main .bcur-s6-right{width:520px;display:flex;flex-direction:column;gap:40px}
[data-skin="bcur"] #main .bcur-acard{background:#FFFFFF;border-radius:24px;box-shadow:0 12px 28px rgba(0,0,0,0.06);padding:30px;display:flex;flex-direction:column;gap:45px;height:247px}
[data-skin="bcur"] #main .bcur-acard img{width:50px;height:50px}
[data-skin="bcur"] #main .bcur-acard .bcur-tx{display:flex;flex-direction:column;gap:15px}
[data-skin="bcur"] #main .bcur-acard .bcur-tx p{color:#5C5750}

/* 7 pay */
[data-skin="bcur"] #main .bcur-s7 .bcur-in{flex-direction:row;justify-content:center;align-items:flex-start;gap:120px;padding:160px}
[data-skin="bcur"] #main .bcur-s7-left{width:480px;display:flex;flex-direction:column;gap:60px;align-items:flex-start}
[data-skin="bcur"] #main .bcur-s7-left .bcur-txt{display:flex;flex-direction:column;gap:20px}
[data-skin="bcur"] #main .bcur-s7-right{width:520px;display:flex;flex-direction:column;gap:30px}
[data-skin="bcur"] #main .bcur-pcard{box-shadow:inset 0 0 0 1px #D6D2C7;border-radius:24px;display:flex;flex-direction:row;align-items:center;gap:40px;padding:40px 50px}
[data-skin="bcur"] #main .bcur-pcard img{width:50px;height:50px;flex:none}
[data-skin="bcur"] #main .bcur-pcard .bcur-tx{width:330px;display:flex;flex-direction:column;gap:12px}
[data-skin="bcur"] #main .bcur-pcard .bcur-tx p{color:#555049}

/* 8 trust */
[data-skin="bcur"] #main .bcur-s8 .bcur-in{gap:80px;padding:140px 160px 80px}
[data-skin="bcur"] #main .bcur-s8 .bcur-sec-head{width:720px}
[data-skin="bcur"] #main .bcur-tcards{width:1120px;display:flex;gap:30px}
[data-skin="bcur"] #main .bcur-tcard{width:353.33px;height:380px;flex:none;border:1px solid #D6D2C7;border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:30px}
[data-skin="bcur"] #main .bcur-tmedia{height:120px;display:flex;align-items:center;gap:20px}
[data-skin="bcur"] #main .bcur-tmedia .bcur-fca{width:127px;height:40px;object-fit:cover}
[data-skin="bcur"] #main .bcur-tmedia .bcur-circle{width:100px;height:100px;border-radius:100px;background:#F6F6F6;display:flex;align-items:center;justify-content:center}
[data-skin="bcur"] #main .bcur-tmedia .bcur-circle img{width:50px;height:50px}
[data-skin="bcur"] #main .bcur-tmedia .bcur-iso{width:93px;height:120px;object-fit:cover}
[data-skin="bcur"] #main .bcur-tcard .bcur-tx{width:273.33px;display:flex;flex-direction:column;gap:12px}
[data-skin="bcur"] #main .bcur-tcard .bcur-tx p{color:#5C5750}
[data-skin="bcur"] #main .bcur-lnk1{color:#B75F00}
[data-skin="bcur"] #main .bcur-s8-bottom{width:590px;display:flex;flex-direction:column;align-items:center;gap:40px}
[data-skin="bcur"] #main .bcur-s8-bottom p{color:#7B756D;text-align:center}

/* 9 cta */
[data-skin="bcur"] #main .bcur-s9 .bcur-in{padding:80px}
[data-skin="bcur"] #main .bcur-cta{width:1280px;height:491px;background:#F4F3F0;border-radius:48px;padding:100px 80px;display:flex;justify-content:center;align-items:center}
[data-skin="bcur"] #main .bcur-cta-c{width:720px;display:flex;flex-direction:column;align-items:center;gap:60px;text-align:center}
[data-skin="bcur"] #main .bcur-cta-t{display:flex;flex-direction:column;align-items:center;gap:30px}
[data-skin="bcur"] #main .bcur-cta-t p{color:#555049}
[data-skin="bcur"] #main .bcur-cta-btns{display:flex;gap:20px}

/* ---------- D3: reveals, the alt-home family (alt-home.css already rises every main section h2) ---------- */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    @keyframes bcur-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
    @keyframes bcur-scale-in{from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}
    @keyframes bcur-slide-l{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
    @keyframes bcur-slide-r{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
    [data-skin="bcur"] #main .bcur-hero-card{animation:bcur-scale-in both;animation-timeline:view();animation-range:entry 0% entry 42%}
    [data-skin="bcur"] #main .bcur-cur-grid,[data-skin="bcur"] #main .bcur-card4-row,[data-skin="bcur"] #main .bcur-tcards,
    [data-skin="bcur"] #main .bcur-cta{animation:bcur-rise both;animation-timeline:view();animation-range:entry 0% entry 48%}
    [data-skin="bcur"] #main .bcur-s6-left,[data-skin="bcur"] #main .bcur-s7-left{animation:bcur-slide-l both;animation-timeline:view();animation-range:entry 0% entry 50%}
    [data-skin="bcur"] #main .bcur-s6-right,[data-skin="bcur"] #main .bcur-s7-right{animation:bcur-slide-r both;animation-timeline:view();animation-range:entry 0% entry 50%}
  }
}

/* ---------- D1: below 1300 his fixed canvas relaxes (desktop only, D4; nothing here is a mobile layout) ---------- */
@media (max-width:1299.98px){
  [data-skin="bcur"] #main .bcur-in{width:100%;max-width:1440px}
  [data-skin="bcur"] #main .bcur-hero .bcur-in{padding:0 40px}
  [data-skin="bcur"] #main .bcur-hero-card{width:100%;height:auto;min-height:560px;padding:60px}
  [data-skin="bcur"] #main .bcur-hero-text{width:auto;max-width:500px}
  [data-skin="bcur"] #main .bcur-hero-btns{flex-wrap:wrap}
  [data-skin="bcur"] #main .bcur-hero-caption{white-space:normal;text-align:center}
  [data-skin="bcur"] #main .bcur-sec-head,[data-skin="bcur"] #main .bcur-sec-head h2,[data-skin="bcur"] #main .bcur-sec-head p{width:auto!important;max-width:750px}
  [data-skin="bcur"] #main .bcur-s3 .bcur-in{padding:100px 40px 60px}
  [data-skin="bcur"] #main .bcur-cur-grid{width:100%;max-width:1040px}
  [data-skin="bcur"] #main .bcur-cur{width:auto!important;flex:1 1 0;min-width:0;height:auto;min-height:225px}
  [data-skin="bcur"] #main .bcur-s4 .bcur-in,[data-skin="bcur"] #main .bcur-s5 .bcur-in{padding:100px 40px 120px}
  [data-skin="bcur"] #main .bcur-card4-row{width:100%;max-width:1200px;flex-wrap:wrap}
  [data-skin="bcur"] #main .bcur-card4{width:auto;flex:1 1 220px;min-width:0;height:auto!important}
  [data-skin="bcur"] #main .bcur-foot-note{width:auto!important;max-width:720px}
  [data-skin="bcur"] #main .bcur-divider{left:60px;right:60px;width:auto}
  [data-skin="bcur"] #main .bcur-s6 .bcur-in{padding:100px 60px;gap:60px}
  [data-skin="bcur"] #main .bcur-s6-row{width:100%;max-width:1120px;gap:60px}
  [data-skin="bcur"] #main .bcur-s6-left,[data-skin="bcur"] #main .bcur-s7-left{width:auto;flex:1 1 0;min-width:0}
  [data-skin="bcur"] #main .bcur-s6-left .bcur-txt h2,[data-skin="bcur"] #main .bcur-s6-left .bcur-txt p,
  [data-skin="bcur"] #main .bcur-s7-left .bcur-txt h2,[data-skin="bcur"] #main .bcur-s7-left .bcur-txt p{width:auto!important;max-width:480px}
  [data-skin="bcur"] #main .bcur-s6-right,[data-skin="bcur"] #main .bcur-s7-right{width:auto;flex:1 1 0;min-width:0;max-width:520px}
  [data-skin="bcur"] #main .bcur-acard{height:auto;min-height:247px}
  [data-skin="bcur"] #main .bcur-s7 .bcur-in{padding:100px 60px;gap:60px}
  [data-skin="bcur"] #main .bcur-pcard{padding:30px}
  [data-skin="bcur"] #main .bcur-pcard .bcur-tx{width:auto;min-width:0}
  [data-skin="bcur"] #main .bcur-s8 .bcur-in{padding:100px 40px 60px}
  [data-skin="bcur"] #main .bcur-tcards{width:100%;max-width:1120px;flex-wrap:wrap}
  [data-skin="bcur"] #main .bcur-tcard{width:auto;flex:1 1 280px;min-width:0;height:auto;min-height:380px}
  [data-skin="bcur"] #main .bcur-tcard .bcur-tx{width:auto}
  [data-skin="bcur"] #main .bcur-s8-bottom{width:auto;max-width:590px}
  [data-skin="bcur"] #main .bcur-s9 .bcur-in{padding:60px 40px}
  [data-skin="bcur"] #main .bcur-cta{width:100%;height:auto;min-height:400px;padding:60px}
  [data-skin="bcur"] #main .bcur-cta-c,[data-skin="bcur"] #main .bcur-cta-t h2,[data-skin="bcur"] #main .bcur-cta-t p{width:auto!important;max-width:720px}
  [data-skin="bcur"] #main .bcur-cta-btns{flex-wrap:wrap;justify-content:center}
}

/* ---------- chrome that followup.css carried for this page (its lines 62-66, verbatim, keyed on data-skin) ---------- */
html[data-skin="bcur"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary{background:#121212!important;border-color:#121212!important;color:#fff!important;font-weight:700!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-skin="bcur"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover{background:#2b2b2b!important;border-color:#2b2b2b!important}
html[data-skin="bcur"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline{background:#F4F3F0!important;border-color:#F4F3F0!important;color:#555049!important;font-weight:500!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-skin="bcur"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover{background:#121212!important;border-color:#121212!important;color:#fff!important}
html[data-skin="bcur"] .cookiebar .cb-accept{background:#121212!important;color:#fff!important}