/* ============================================================
   INDIVIDUAL . Currency accounts (individual-currency-accounts.html) . 2026-10-15
   Ground truth: ../otabek 15.10/Individual - Hold each currency in its own account/Spec+Html/
                 digidoe-individual-currency-accounts.html + -spec.md; the PDF is 1440 x 5605 pt.
   Figma "DD-Website" frame "Individual - Hold each currency in its own account" (1157:8082).

   Same recipe as sept-sme.css: <main> IS the designer's markup (classes icur-*,
   qa/oracle/designer_to_main.py) and this is his stylesheet with the mechanical changes:
     .x                 -> [data-skin="icur"] #main .icur-x
     hero photo         -> his CSS background, data: URI -> sept/individual-currency-accounts/hero.webp
     fonts              -> his four inline Inter woff2 dropped; fonts.css (self-hosted Inter 4.1) is the site's
     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
   data-followup="ind" is OFF this page, as on companies: followup.css forces h3 20px, every p #5C5750 and
   every non-.btn link #B75F00 with !important inside main, which beat his 24px/20px card titles and his
   colours. Its two chrome blocks (black header CTAs, cookie Accept) are repeated at the end, keyed on data-skin.

   Deviations from his HTML, each on record (Yuval 2026-10-15 "use the live copy but all the designer's
   visual directives"):
     hero       live hero chips dropped (03.10 precedent, "use the designer's version")
     cards      his "One view" / "Export records" titles have no live counterpart and are out; the two
                feature cards keep his image + caption layout (the title rule stays below for the day they return)
     copy       "SWIFT ." -> "SWIFT."; "Explore payments and FX" carries the live arrow
     reveals    kept (D3): scroll-driven, same timing family as alt-home.css, defined at the end.
   ============================================================ */

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

/* ---------- resets his page relied on, scoped to main ---------- */
[data-skin="icur"] main{
  width:100%;overflow-x:clip;color:#121212;font-size:16px;line-height:normal;letter-spacing:0;
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;
}
[data-skin="icur"] #main{
  --black:#121212;--white:#FFFFFF;--sand:#F4F3F0;
  --text-body:#5C5750;--text-muted:#555049;--text-nav:#7B756D;--text-nav-active:#2B2926;
  --orange:#F37F00;--link-cta:#B75F00;--link-footer:#AC5900;
  --border:#D6D2C7;--divider-footer:#CCC8BC;
}
[data-skin="icur"] #main *{box-sizing:border-box;margin:0;padding:0}
[data-skin="icur"] #main section{width:100%;padding:0;background:#fff;position:relative;height:auto;min-height:0}
[data-skin="icur"] #main h1,[data-skin="icur"] #main h2,[data-skin="icur"] #main h3{
  margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:normal;text-wrap:auto;font-family:inherit;max-width:none;
}
[data-skin="icur"] #main p{margin:0;font-weight:inherit;letter-spacing:normal!important;line-height:inherit;text-wrap:auto;font-family:inherit;max-width:none;color:inherit}
[data-skin="icur"] #main a{color:inherit;text-decoration:none}
[data-skin="icur"] #main a:hover{text-decoration:none}
[data-skin="icur"] #main a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
[data-skin="icur"] #main img,[data-skin="icur"] #main svg{display:block;max-width:none}
[data-skin="icur"] #main section::before,[data-skin="icur"] #main section::after{content:none!important;display:none!important}

/* ---------- his stylesheet, prefixed ---------- */
[data-skin="icur"] #main .icur-band{width:100%}
[data-skin="icur"] #main .icur-wrap{width:1440px;max-width:none;margin:0 auto;padding:0;position:relative}

/* pill buttons */
[data-skin="icur"] #main .icur-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;height:47px;border-radius:100px;font-size:16px;line-height:19px;white-space:nowrap;border:none;cursor:pointer;flex-shrink:0;font-family:inherit}
[data-skin="icur"] #main .icur-btn--dark{background:var(--black);color:#fff;font-weight:700}
[data-skin="icur"] #main .icur-btn--white{background:#fff;color:var(--black);font-weight:700}
[data-skin="icur"] #main .icur-btn--sand{background:var(--sand);color:var(--text-muted);font-weight:500}
[data-skin="icur"] #main .icur-btn--glass{background:rgba(18,18,18,0.16);color:#fff;font-weight:500}
[data-skin="icur"] #main .icur-btn:hover{opacity:.9}

/* 2. Hero */
[data-skin="icur"] #main .icur-hero{height:640px;padding:0 80px;display:flex;justify-content:center}
[data-skin="icur"] #main .icur-hero__card{position:relative;width:1280px;height:640px;border-radius:48px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;padding:80px;
  background:#2c2620 url(sept/individual-currency-accounts/hero.webp) center/cover no-repeat}
[data-skin="icur"] #main .icur-hero__text{position:relative;z-index:2;width:500px;display:flex;flex-direction:column;gap:20px;color:#fff}
[data-skin="icur"] #main .icur-hero__title{font-size:52px;line-height:63px;font-weight:500}
[data-skin="icur"] #main .icur-hero__lead{font-size:16px;line-height:24px;font-weight:400;opacity:.8}
[data-skin="icur"] #main .icur-hero__actions{position:relative;z-index:2;display:flex;gap:20px}

/* shared headings */
[data-skin="icur"] #main .icur-h2{font-size:44px;line-height:53px;font-weight:500;color:var(--black)}
[data-skin="icur"] #main .icur-body16{font-size:16px;line-height:24px;font-weight:400;color:var(--text-body)}

/* 3. Currency cards */
[data-skin="icur"] #main .icur-currencies{height:964px;display:flex;flex-direction:column;align-items:center;gap:80px;padding:120px 80px 180px}
[data-skin="icur"] #main .icur-center-head{width:750px;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
[data-skin="icur"] #main .icur-currencies .icur-h2{width:718px}
[data-skin="icur"] #main .icur-cur-grid{width:960px;display:grid;grid-template-columns:465px 465px;grid-template-rows:174px 196px;column-gap:30px;row-gap:30px}
[data-skin="icur"] #main .icur-cur-card{background:var(--sand);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:30px;overflow:hidden}
[data-skin="icur"] #main .icur-cur-card__head{display:flex;align-items:center;gap:16px}
[data-skin="icur"] #main .icur-cur-card__head svg,[data-skin="icur"] #main .icur-cur-card__head img{width:40px;height:40px;flex-shrink:0}
[data-skin="icur"] #main .icur-cur-card__title{font-size:24px;line-height:29px;font-weight:500;color:var(--black);white-space:nowrap}
[data-skin="icur"] #main .icur-cur-card__body{width:405px;font-size:16px;line-height:1.35;font-weight:400;color:var(--text-muted)}
[data-skin="icur"] #main .icur-divider{position:absolute;left:140px;bottom:0;width:1160px;height:1px;background:var(--border)}

/* 4 & 6. Split sections */
[data-skin="icur"] #main .icur-split{height:800px;display:flex;align-items:center;gap:160px;padding:160px}
[data-skin="icur"] #main .icur-split__left{width:480px;flex-shrink:0;display:flex;flex-direction:column;gap:60px;align-items:flex-start}
[data-skin="icur"] #main .icur-split__text{display:flex;flex-direction:column;gap:20px;width:480px}
[data-skin="icur"] #main .icur-feature-card{width:480px;height:480px;flex-shrink:0;border:1px solid var(--border);border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
[data-skin="icur"] #main .icur-feature-card__title{font-size:28px;line-height:34px;font-weight:700;color:var(--orange);white-space:nowrap}
[data-skin="icur"] #main .icur-feature-card__img{width:400px;height:318px;flex-shrink:0;object-fit:cover}
[data-skin="icur"] #main .icur-feature-card__body{width:400px;font-size:20px;line-height:24px;font-weight:400;color:var(--text-body)}

/* 5. Multiple accounts */
[data-skin="icur"] #main .icur-multi-band{background:var(--sand)}
[data-skin="icur"] #main .icur-multi{height:791px;display:flex;flex-direction:column;align-items:center;gap:80px;padding:140px 80px 160px}
[data-skin="icur"] #main .icur-multi .icur-h2{width:436px}
[data-skin="icur"] #main .icur-multi .icur-body16{color:var(--text-muted)}
[data-skin="icur"] #main .icur-multi__row{width:1200px;display:flex;gap:40px;align-items:stretch}
[data-skin="icur"] #main .icur-acc-card{flex:1 1 0;height:227px;background:#fff;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:45px;overflow:hidden;box-shadow:0 12px 28px 0 rgba(0,0,0,0.06)}
[data-skin="icur"] #main .icur-acc-card svg{width:40px;height:40px;flex-shrink:0}
[data-skin="icur"] #main .icur-acc-card__text{display:flex;flex-direction:column;gap:10px}
[data-skin="icur"] #main .icur-acc-card__title{font-size:20px;line-height:24px;font-weight:500;color:var(--black)}

/* 7. CTA */
[data-skin="icur"] #main .icur-cta{height:841px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:120px;padding:160px 80px 60px}
[data-skin="icur"] #main .icur-cta__row{display:flex;align-items:center;gap:120px;height:480px}
[data-skin="icur"] #main .icur-cta__photo{width:480px;height:480px;border-radius:48px;object-fit:cover;flex-shrink:0}
[data-skin="icur"] #main .icur-cta__text{width:520px;display:flex;flex-direction:column;gap:60px}
[data-skin="icur"] #main .icur-cta__copy{display:flex;flex-direction:column;gap:20px}
[data-skin="icur"] #main .icur-cta__actions{display:flex;gap:20px}
[data-skin="icur"] #main .icur-cta__note{width:1280px;text-align:center;font-size:14px;line-height:21px;font-weight:400;color:var(--text-nav)}
[data-skin="icur"] #main .icur-cta__note a{color:var(--link-cta)}

/* ---------- 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 icur-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
    @keyframes icur-scale-in{from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}
    @keyframes icur-slide-l{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
    @keyframes icur-slide-r{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
    [data-skin="icur"] #main .icur-hero__card{animation:icur-scale-in both;animation-timeline:view();animation-range:entry 0% entry 42%}
    [data-skin="icur"] #main .icur-cur-grid,[data-skin="icur"] #main .icur-multi__row{animation:icur-rise both;animation-timeline:view();animation-range:entry 0% entry 48%}
    [data-skin="icur"] #main .icur-split__left,[data-skin="icur"] #main .icur-cta__photo{animation:icur-slide-l both;animation-timeline:view();animation-range:entry 0% entry 50%}
    [data-skin="icur"] #main .icur-feature-card,[data-skin="icur"] #main .icur-cta__text{animation:icur-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="icur"] #main .icur-wrap{width:100%;max-width:1440px}
  [data-skin="icur"] #main .icur-hero{height:auto;padding:0 40px}
  [data-skin="icur"] #main .icur-hero__card{width:100%;height:auto;min-height:560px;padding:60px}
  [data-skin="icur"] #main .icur-hero__text{max-width:100%}
  [data-skin="icur"] #main .icur-currencies,[data-skin="icur"] #main .icur-split,[data-skin="icur"] #main .icur-multi,
  [data-skin="icur"] #main .icur-cta{height:auto}
  [data-skin="icur"] #main .icur-currencies{padding:100px 60px 140px}
  [data-skin="icur"] #main .icur-center-head,[data-skin="icur"] #main .icur-center-head>*{width:auto;max-width:100%}
  [data-skin="icur"] #main .icur-cur-grid{width:100%;max-width:960px;grid-template-columns:1fr 1fr;grid-template-rows:auto}
  [data-skin="icur"] #main .icur-cur-card__body{width:auto}
  [data-skin="icur"] #main .icur-split{gap:60px;padding:100px 60px}
  [data-skin="icur"] #main .icur-split__left,[data-skin="icur"] #main .icur-split__text{width:auto;flex:1 1 0;min-width:0}
  [data-skin="icur"] #main .icur-feature-card{width:42%;max-width:480px;height:auto;min-height:0;aspect-ratio:1/1;padding:32px}
  [data-skin="icur"] #main .icur-feature-card__img{width:100%;height:auto;aspect-ratio:400/318}
  [data-skin="icur"] #main .icur-feature-card__body{width:auto}
  [data-skin="icur"] #main .icur-multi{padding:100px 60px 120px}
  [data-skin="icur"] #main .icur-multi .icur-h2{width:auto}
  [data-skin="icur"] #main .icur-multi__row{width:100%;max-width:1200px;gap:24px}
  [data-skin="icur"] #main .icur-acc-card{height:auto;min-height:227px}
  [data-skin="icur"] #main .icur-cta{gap:80px;padding:100px 60px 60px}
  [data-skin="icur"] #main .icur-cta__row{gap:60px;height:auto;width:100%}
  [data-skin="icur"] #main .icur-cta__photo{width:38%;height:auto;aspect-ratio:1/1}
  [data-skin="icur"] #main .icur-cta__text{width:auto;flex:1 1 0;min-width:0}
  [data-skin="icur"] #main .icur-cta__note{width:auto;max-width:100%}
  [data-skin="icur"] #main .icur-divider{left:60px;right:60px;width:auto}
}

/* ---------- chrome that followup.css carried for this page (its lines 62-66, verbatim, keyed on data-skin) ---------- */
html[data-skin="icur"]: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="icur"]: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="icur"]: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="icur"]: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="icur"] .cookiebar .cb-accept{background:#121212!important;color:#fff!important}