/* Second Save Bureau — fijumex.pro */
:root{
  --shell:#f7f9fb;
  --shell-2:#eaeff5;
  --panel:#ffffff;
  --text:#161d26;
  --text-2:#54606f;
  --edge:#d9e2ec;
  --edge-2:#c3d0de;
  --blue:#1f4b8f;
  --blue-2:#2f6ac2;
  --coral:#e2603f;
  --ok:#1d7a5f;
  --font:"Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r:6px;
  --sh:0 1px 2px rgba(22,29,38,.05), 0 10px 24px rgba(22,29,38,.06);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--shell);color:var(--text);
  font-family:var(--font);font-size:16.5px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--coral)}
.shell{width:100%;max-width:1240px;margin:0 auto;padding:0 22px}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}

/* ---- header ---- */
.ribbon{background:var(--blue);color:#dce8f8}
.ribbon .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;letter-spacing:.11em;text-transform:uppercase}
.ribbon b{color:#fff}
.masthead{background:var(--panel);border-bottom:1px solid var(--edge);position:sticky;top:0;z-index:70}
.masthead .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.mark{display:flex;align-items:center;gap:12px;color:var(--text)}
.mark:hover{color:var(--text)}
.mark img{width:34px;height:34px}
.mark-title{font-size:19.5px;font-weight:700;letter-spacing:-.015em;line-height:1.1}
.mark-title em{font-style:normal;color:var(--blue)}
.mark-tag{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--text-2);margin-top:2px}
.menu{display:flex;align-items:center;gap:4px}
.menu a{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--text-2);padding:8px 13px;border-radius:var(--r)}
.menu a:hover{background:var(--shell-2);color:var(--text)}
.menu a.on{background:var(--blue);color:#fff}
.hamb{display:none;width:44px;height:38px;border:1px solid var(--edge-2);border-radius:var(--r);background:var(--panel);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.hamb i{display:block;width:18px;height:2px;background:var(--text)}

/* ---- hero ---- */
.lead-block{position:relative;overflow:hidden;border-bottom:1px solid var(--edge);background:var(--shell-2)}
.lead-bg{position:absolute;inset:0}
.lead-bg img{width:100%;height:100%;object-fit:cover}
.lead-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(247,249,251,.98) 0%,rgba(247,249,251,.93) 40%,rgba(247,249,251,.35) 70%,rgba(247,249,251,.05) 100%)}
.lead-in{position:relative;padding:88px 0 92px;max-width:640px}
.flag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);background:var(--panel);border:1px solid var(--edge-2);border-left:3px solid var(--coral);padding:7px 15px}
.lead-in h1{margin:22px 0 16px;font-size:clamp(2rem,4.9vw,3.3rem);line-height:1.1;font-weight:700;letter-spacing:-.028em}
.lead-in p{margin:0 0 28px;font-size:17.5px;color:var(--text-2);max-width:540px}
.acts{display:flex;gap:12px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--r);font-weight:700;font-size:14.5px;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:.18s}
.pill-solid{background:var(--blue);color:#fff;border-color:var(--blue)}
.pill-solid:hover{background:#16386c;color:#fff}
.pill-line{background:var(--panel);color:var(--text);border-color:var(--edge-2)}
.pill-line:hover{border-color:var(--blue);color:var(--blue)}
.figures{display:flex;gap:0;margin-top:42px;flex-wrap:wrap;border-top:1px solid var(--edge-2)}
.figures div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--edge-2)}
.figures div:last-child{border-right:0;margin-right:0}
.figures strong{display:block;font-size:27px;font-weight:700;letter-spacing:-.02em;color:var(--blue)}
.figures span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-2)}

/* ---- blocks ---- */
.band{padding:78px 0}
.band.tint{background:var(--shell-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.band.dark{background:var(--text);color:#e6ecf3}
.band-head{max-width:680px;margin-bottom:42px}
.band-head .mono{color:var(--coral)}
.band-head h2{margin:11px 0 13px;font-size:clamp(1.55rem,3.3vw,2.25rem);font-weight:700;letter-spacing:-.024em;line-height:1.2}
.band-head p{margin:0;color:var(--text-2);font-size:16.5px}
.band.dark .band-head p{color:rgba(230,236,243,.68)}
.band.dark .band-head .mono{color:#f0a58c}

/* ---- process rail ---- */
.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--edge);background:var(--panel);border-radius:var(--r);overflow:hidden}
.rail div{padding:28px 24px;border-right:1px solid var(--edge)}
.rail div:last-child{border-right:0}
.rail .step{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--coral)}
.rail h3{margin:12px 0 9px;font-size:17.5px;font-weight:700;letter-spacing:-.012em}
.rail p{margin:0;font-size:14.8px;color:var(--text-2)}

/* ---- feature split ---- */
.duo{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}
.duo-fig{border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:var(--sh)}
.duo h2{margin:12px 0 15px;font-size:clamp(1.5rem,3.1vw,2.15rem);font-weight:700;letter-spacing:-.024em;line-height:1.2}
.duo p{color:var(--text-2);margin:0 0 15px}
.marks{list-style:none;padding:0;margin:22px 0 0}
.marks li{position:relative;padding-left:28px;margin-bottom:13px;color:var(--text-2);font-size:15.5px}
.marks li::before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;background:var(--blue);transform:rotate(45deg)}
.marks b{color:var(--text);font-weight:700}

/* ---- review cards ---- */
.deck{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.item{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.item:hover{border-color:var(--blue);box-shadow:var(--sh);transform:translateY(-3px)}
.item-fig{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--shell-2)}
.item-fig img{width:100%;height:100%;object-fit:cover;transition:.4s}
.item:hover .item-fig img{transform:scale(1.045)}
.stamp{position:absolute;top:0;left:0;background:var(--blue);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px}
.mark-score{position:absolute;bottom:0;right:0;background:var(--panel);color:var(--blue);font-weight:700;font-size:16px;padding:8px 15px;border-top:1px solid var(--edge);border-left:1px solid var(--edge)}
.item-in{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.item-in h3{margin:0 0 10px;font-size:18.5px;font-weight:700;line-height:1.3;letter-spacing:-.015em}
.item-in h3 a{color:var(--text)}
.item-in h3 a:hover{color:var(--blue)}
.item-in p{margin:0 0 16px;color:var(--text-2);font-size:14.8px;flex:1}
.line-meta{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border-top:1px solid var(--edge);padding-top:14px}

/* ---- scale panel ---- */
.gauge{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;align-items:center}
.gauge h2{margin:0 0 13px;font-size:clamp(1.45rem,2.9vw,2rem);font-weight:700;letter-spacing:-.024em;line-height:1.22}
.gauge p{margin:0;color:rgba(230,236,243,.7)}
.gauge ul{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid rgba(230,236,243,.16)}
.gauge li{display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(230,236,243,.16);font-size:14.8px;color:rgba(230,236,243,.86)}
.gauge b{flex:0 0 66px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#f0a58c}

/* ---- notes / quotes ---- */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.note{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--blue);border-radius:0 0 var(--r) var(--r);padding:26px 24px}
.note p{margin:0 0 16px;font-size:15.5px}
.note footer{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-2)}
.note footer b{color:var(--blue);font-weight:700}

/* ---- footer ---- */
.base{background:var(--text);color:#c9d4e0;padding:56px 0 24px;font-size:14.8px}
.base a{color:#c9d4e0}
.base a:hover{color:#f0a58c}
.base-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px}
.base h4{margin:0 0 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:rgba(201,212,224,.55);font-weight:600}
.base p{margin:14px 0 0;color:rgba(201,212,224,.72)}
.base ul{list-style:none;padding:0;margin:0}
.base li{margin-bottom:10px}
.base .mark{color:#fff}
.base .mark:hover{color:#fff}
.base .mark-tag{color:rgba(201,212,224,.55)}
.base-end{margin-top:40px;padding-top:20px;border-top:1px solid rgba(201,212,224,.16);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(201,212,224,.55)}

/* ---- article ---- */
.head-block{background:var(--shell-2);border-bottom:1px solid var(--edge);padding:58px 0}
.head-block h1{margin:20px 0 14px;font-size:clamp(1.9rem,4.3vw,2.95rem);line-height:1.13;font-weight:700;letter-spacing:-.028em;max-width:840px}
.head-block .intro{margin:0 0 18px;color:var(--text-2);font-size:17.5px;max-width:740px}
.stat-row{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-2)}
.stat-row span{border:1px solid var(--edge-2);background:var(--panel);padding:6px 12px}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px;padding:62px 0 76px;align-items:start}
.copy{min-width:0}
.copy h2{margin:40px 0 14px;font-size:clamp(1.32rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.022em;line-height:1.25}
.copy h2:first-child{margin-top:0}
.copy h3{margin:28px 0 10px;font-size:1.15rem;font-weight:700}
.copy p{margin:0 0 18px;color:#2c3644}
.copy ul,.copy ol{margin:0 0 20px;padding-left:22px;color:#2c3644}
.copy li{margin-bottom:9px}
.copy figure{margin:30px 0}
.copy figure img{border:1px solid var(--edge);border-radius:var(--r)}
.copy figcaption{margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.copy blockquote{margin:28px 0;padding:22px 26px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--coral);font-size:16.5px}
.copy blockquote p:last-child{margin:0}
.sheet{width:100%;border-collapse:collapse;margin:26px 0;font-size:14.5px;background:var(--panel)}
.sheet th,.sheet td{border:1px solid var(--edge);padding:11px 14px;text-align:left}
.sheet th{background:var(--shell-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-2)}
.rail-side{min-width:0;position:sticky;top:88px;display:flex;flex-direction:column;gap:22px}
.box{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);padding:22px 20px}
.box h4{margin:0 0 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);font-weight:600}
.box ul{list-style:none;padding:0;margin:0;font-size:14.8px}
.box li{padding:10px 0;border-bottom:1px solid var(--edge);display:flex;gap:12px;align-items:baseline}
.box li:last-child{border-bottom:0;padding-bottom:0}
.box li:first-child{padding-top:0}
.box li .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--blue);flex:0 0 auto}
.box a{color:var(--text);font-weight:600}
.box a:hover{color:var(--blue)}
.box.filled{background:var(--text);border-color:var(--text);color:#e6ecf3}
.box.filled h4{color:rgba(230,236,243,.55)}
.box.filled .big{font-size:44px;font-weight:700;color:#f0a58c;line-height:1}
.box.filled p{margin:12px 0 0;font-size:14.5px;color:rgba(230,236,243,.78)}
.chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px;padding-top:22px;border-top:1px solid var(--edge)}
.chip-row a{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--edge-2);padding:7px 13px;color:var(--text-2);background:var(--panel)}
.chip-row a:hover{border-color:var(--coral);color:var(--coral)}
.step-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--edge);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}

/* ---- index list page ---- */
.pair{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.tabs a,.tabs span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--edge-2);padding:9px 15px;background:var(--panel);color:var(--text-2)}
.tabs .cur{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---- legal ---- */
.plain{max-width:820px;padding:58px 0 74px}
.plain h1{margin:0 0 14px;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:700;letter-spacing:-.026em}
.plain .intro{color:var(--text-2);font-size:17.5px;margin:0 0 28px}
.plain h2{margin:34px 0 12px;font-size:1.35rem;font-weight:700;letter-spacing:-.018em}
.plain p,.plain li{color:#2c3644}
.plain ul{padding-left:22px}
.flagline{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--text-2);background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--blue);padding:14px 18px;margin-bottom:28px;text-transform:none}

/* ---- responsive ---- */
@media (max-width:980px){
  .menu{position:fixed;inset:70px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:var(--panel);border-bottom:1px solid var(--edge);padding:8px 22px 18px;display:none;box-shadow:var(--sh)}
  .menu.open{display:flex}
  .menu a{padding:12px 0;border-bottom:1px solid var(--edge);border-radius:0}
  .menu a.on{background:none;color:var(--blue)}
  .hamb{display:flex}
  .duo,.gauge,.doc-grid{grid-template-columns:1fr;gap:34px}
  .rail{grid-template-columns:1fr}
  .rail div{border-right:0;border-bottom:1px solid var(--edge)}
  .rail div:last-child{border-bottom:0}
  .deck,.notes,.pair,.base-grid{grid-template-columns:1fr}
  .lead-in{padding:64px 0 70px;max-width:none}
  .lead-bg::after{background:linear-gradient(180deg,rgba(247,249,251,.96) 0%,rgba(247,249,251,.9) 55%,rgba(247,249,251,.82) 100%)}
  .band{padding:56px 0}
  .rail-side{position:static}
  .figures div{border-right:0;padding-right:0;margin-right:26px}
}
@media (min-width:981px) and (max-width:1140px){
  .deck,.notes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  body{font-size:16px}
  .figures div{margin-right:20px}
}