/* v90 — Shadow CEO book page (book identity: navy + bronze, VIP) */
.bk{--bn:#13233A;--bn2:#0c1828;--bz:#B98A57;--bz2:#d8b17f;--cream:#f7f2ea;--ink:#1a2433;
  --ar:"Somar Sans","IBM Plex Sans Arabic",Tahoma,sans-serif;--serif:"Playfair Display",Georgia,"Times New Roman",serif}
.bk h1,.bk h2,.bk h3,.bk p{margin:0}
html[dir="rtl"] .bk,html[dir="rtl"] .bk *{font-family:var(--ar)}
.bk-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}

/* hero */
.bk-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--bn2) 0%,var(--bn) 55%,#1b2f4b 100%)}
.bk-hero::before{content:"";position:absolute;inset:0;background:url("../assets/book/shadow-ceo-book-cover.jpg") right 20%/cover no-repeat;opacity:.10;filter:blur(2px) saturate(.7)}
html[dir="rtl"] .bk-hero::before{background-position:left 20%}
.bk-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--bz),transparent)}
.bk-in{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:64px 0 72px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.bk-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--bz2);font:600 13px/1.4 Inter,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
html[dir="rtl"] .bk-eyebrow{font-size:17px;letter-spacing:0}
.bk-eyebrow::before{content:"";width:36px;height:1px;background:var(--bz)}
.bk-hero h1{margin-top:18px;display:flex;flex-direction:column;gap:4px}
.bk-t1{font:700 clamp(46px,5vw,72px)/1.02 var(--serif)!important;letter-spacing:.01em;color:#fff}
.bk-t2{font:600 clamp(26px,2.4vw,36px)/1.3 var(--serif);color:var(--bz2)}
html[dir="rtl"] .bk-t2{font:800 clamp(30px,2.8vw,42px)/1.35 var(--ar)}
.bk-sub{margin-top:18px!important;font:500 19px/1.6 Inter,Arial,sans-serif;color:#e9e1d4;max-width:560px}
html[dir="rtl"] .bk-sub{font:700 22px/1.7 var(--ar)}
.bk-desc{margin-top:14px!important;font:400 16px/1.75 Inter,Arial,sans-serif;color:#b9c3d1;max-width:560px}
html[dir="rtl"] .bk-desc{font:500 18px/1.9 var(--ar)}
.bk-meta{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bk-meta li{padding:7px 14px;border:1px solid rgba(185,138,87,.5);border-radius:999px;color:#efe4d2;font:500 13.5px/1 Inter,Arial,sans-serif}
html[dir="rtl"] .bk-meta li{font:600 15px/1.2 var(--ar)}
.bk-btns{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}
.bk .btn.btn-outline{color:#fff}
.bk-author{margin-top:22px!important;color:#9fb0c4;font:400 14px/1.5 Inter,Arial,sans-serif}
html[dir="rtl"] .bk-author{font:500 16px/1.6 var(--ar)}
.bk-author b{color:var(--bz2);font-weight:600}
.bk-cover{justify-self:center;position:relative;width:min(100%,400px)}
.bk-cover::before{content:"";position:absolute;inset:6% -8% -6% 8%;border:1px solid rgba(185,138,87,.45);border-radius:6px}
html[dir="rtl"] .bk-cover::before{inset:6% 8% -6% -8%}
.bk-cover img{position:relative;display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}

/* sections */
.bk-learn,.bk-prev{background:var(--cream);padding:84px 0}
.bk-prev{background:#fff;padding-top:76px}
.bk-head{text-align:center;margin-bottom:40px}
.bk-kick{color:var(--bz);font:600 12.5px/1.4 Inter,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
html[dir="rtl"] .bk-kick{font:700 17px/1.4 var(--ar);letter-spacing:0}
.bk-head h2{margin-top:10px!important;color:var(--bn);font:700 clamp(30px,3vw,42px)/1.2 var(--serif)}
html[dir="rtl"] .bk-head h2{font:800 clamp(32px,3.2vw,46px)/1.35 var(--ar)}
.bk-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bk-parts li{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#fff;border:1px solid #e7dccb;border-radius:12px;transition:border-color .2s,transform .2s}
.bk-parts li:hover{border-color:var(--bz);transform:translateY(-2px)}
.bk-parts span{flex:none;font:600 26px/1 var(--serif);color:var(--bz)}
.bk-parts b{color:var(--ink);font:600 16px/1.4 Inter,Arial,sans-serif}
html[dir="rtl"] .bk-parts b{font:700 18.5px/1.5 var(--ar)}
.bk-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.bk-pages a{display:block;text-decoration:none;text-align:center}
.bk-pages img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #e7dccb;box-shadow:0 18px 36px -24px rgba(19,35,58,.45);transition:transform .25s}
.bk-pages a:hover img{transform:translateY(-4px)}
.bk-pages span{display:block;margin-top:14px;color:var(--bn);font:600 15px/1.4 Inter,Arial,sans-serif}
html[dir="rtl"] .bk-pages span{font:700 17px/1.5 var(--ar)}

/* call to action */
.bk-cta{background:#fff;padding:0 0 150px}
.bk-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:40px 44px;border-radius:18px;color:#fff;
  background:linear-gradient(120deg,var(--bn2),var(--bn));border:1px solid rgba(185,138,87,.4)}
.bk-cta-box h2{margin-top:8px!important;font:700 clamp(24px,2.4vw,32px)/1.3 var(--serif)}
html[dir="rtl"] .bk-cta-box h2{font:800 clamp(26px,2.6vw,34px)/1.45 var(--ar)}
.bk-cta-box p:not(.bk-kick){margin-top:10px!important;color:#c3cddb;font:400 16px/1.7 Inter,Arial,sans-serif;max-width:620px}
html[dir="rtl"] .bk-cta-box p:not(.bk-kick){font:500 18px/1.85 var(--ar)}
.bk-cta-btns{display:flex;flex-direction:column;gap:12px}
.bk-cta .btn.btn-outline{color:#fff}

@media (max-width:980px){
  .bk-in{grid-template-columns:1fr;gap:34px;padding:40px 0 54px}
  .bk-cover{order:-1;width:min(70%,300px)}
  .bk-parts{grid-template-columns:1fr 1fr}
  .bk-cta-box{grid-template-columns:1fr}
  .bk-cta-btns{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .bk-wrap,.bk-in{width:calc(100% - 32px)}
  .bk-learn,.bk-prev{padding:56px 0}
  .bk-parts{grid-template-columns:1fr}
  .bk-pages{grid-template-columns:1fr;gap:22px;max-width:360px;margin:0 auto}
  .bk-cta-box{padding:28px 22px}
}

/* content center: featured book card */
.hb-book{margin:28px 0 8px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;padding:26px 30px;border-radius:18px;text-decoration:none;color:#fff;
  background:linear-gradient(120deg,#0c1828,#13233A);border:1px solid rgba(185,138,87,.45);transition:transform .2s,border-color .2s}
.hb-book:hover{transform:translateY(-3px);border-color:#B98A57}
.hb-book img{width:100%;height:auto;border-radius:4px;box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
.hb-book-tag{color:#d8b17f;font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
html[dir="rtl"] .hb-book-tag{font:700 16px/1.4 "Somar Sans","IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
.hb-book h3{margin:8px 0 8px;font:700 30px/1.15 "Playfair Display",Georgia,serif;color:#fff}
.hb-book h3 em{font-style:normal;color:#d8b17f}
html[dir="rtl"] .hb-book h3 em{font:800 28px/1.3 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.hb-book p{margin:0;color:#c3cddb;font:400 16px/1.7 Inter,Arial,sans-serif}
html[dir="rtl"] .hb-book p{font:500 18px/1.8 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.hb-book-go{margin-top:16px;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:#B98A57;color:#0c1828;font:700 14px/1 Inter,Arial,sans-serif}
html[dir="rtl"] .hb-book-go{font:700 16px/1.2 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
html[dir="ltr"] .hb-book-go i{transform:scaleX(-1)}
.hb-book-go i{font-style:normal}
@media (max-width:640px){.hb-book{grid-template-columns:96px 1fr;gap:16px;padding:18px}.hb-book h3{font-size:22px}html[dir="rtl"] .hb-book h3 em{font-size:20px}.hb-book p{font-size:14.5px}}

/* Shadow CEO home: book band (SC black + champagne) */
.scx-book{background:#0b0c0f;padding:56px 0;border-top:1px solid rgba(230,197,143,.18)}
.scx-book-in{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:34px;align-items:center;
  padding:26px 32px;border:1px solid rgba(230,197,143,.35);border-radius:16px;background:linear-gradient(120deg,#121418,#0e1013)}
.scx-book img{width:100%;height:auto;border-radius:3px;box-shadow:0 16px 28px -14px rgba(0,0,0,.8)}
.scx-book-kick{margin:0;color:#e6c58f;font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
html[dir="rtl"] .scx-book-kick{font:700 16px/1.4 "Somar Sans","IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
.scx-book h2{margin:8px 0;color:#fff;font:700 30px/1.2 "Playfair Display",Georgia,serif}
.scx-book h2 span{color:#e6c58f}
html[dir="rtl"] .scx-book h2 span{font:800 28px/1.3 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.scx-book-copy>p:last-child{margin:0;color:#cfc6b6;font:400 16px/1.7 Inter,Arial,sans-serif}
html[dir="rtl"] .scx-book-copy>p:last-child{font:500 18px/1.8 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.scx-book-btns{display:flex;flex-direction:column;gap:10px}
.scx-book-btns a{display:inline-flex;justify-content:center;padding:13px 24px;border-radius:999px;text-decoration:none;font:700 14px/1 Inter,Arial,sans-serif;white-space:nowrap}
html[dir="rtl"] .scx-book-btns a{font:700 16px/1.2 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.scx-book-dl{background:linear-gradient(180deg,#f1d7a6,#d8b073);color:#1a1208}
.scx-book-more{border:1px solid rgba(230,197,143,.6);color:#e6c58f}
@media (max-width:860px){.scx-book-in{grid-template-columns:90px 1fr;gap:20px;padding:20px}.scx-book-btns{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}

/* book identity buttons: bronze primary, navy/bronze secondary */
.bk .btn.btn-yellow{background:linear-gradient(100deg,#e2c08f 0%,#c99a62 50%,#a87843 100%)!important;color:#13233A!important}
.bk .btn.btn-yellow::before{background:linear-gradient(160deg,#f3dcb5,#c99a62 70%)!important}
.bk .btn.btn-outline{background:transparent!important;color:#f3e6d2!important;box-shadow:inset 0 0 0 1.5px #B98A57!important}
.bk .btn.btn-outline::before{background:rgba(185,138,87,.18)!important;box-shadow:none!important}
.bk .btn.btn-outline::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313233A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/48% no-repeat,radial-gradient(circle at 35% 30%,#fff,#efe6d8)!important}
.bk .bk-dl::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313233A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/46% no-repeat,radial-gradient(circle at 35% 30%,#fff,#efe6d8)!important}
html[dir="rtl"] .bk .bk-dl::after{transform:translateY(-50%)!important}
.bk .bk-wa::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2313233A'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z'/%3E%3C/svg%3E") center/46% no-repeat,radial-gradient(circle at 35% 30%,#fff,#efe6d8)!important}
html[dir="rtl"] .bk .bk-wa::after{transform:translateY(-50%)!important}
.bk-hero::before{opacity:.06!important}
.bk-cta{padding-bottom:90px!important}

/* Shadow CEO about: slim book line */
.scx-bookline{background:#0b0c0f;padding:26px 0;border-top:1px solid rgba(230,197,143,.18)}
.scx-bookline a{width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;color:#e6c58f;font:600 17px/1.4 Inter,Arial,sans-serif}
html[dir="rtl"] .scx-bookline a{font:700 19px/1.5 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.scx-bookline img{width:40px;height:auto;border-radius:2px;box-shadow:0 6px 12px rgba(0,0,0,.6)}
.scx-bookline i{font-style:normal;transition:transform .2s}
html[dir="ltr"] .scx-bookline i{transform:scaleX(-1)}
.scx-bookline a:hover span{color:#fff}
/* v91 tighter rhythm */
.bk-learn,.bk-prev{padding:58px 0!important}
.bk-head{margin-bottom:28px!important}
.bk-cta{padding-bottom:56px!important}
.bk-in{padding:48px 0 54px!important}
@media (max-width:640px){.bk-learn,.bk-prev{padding:44px 0!important}}
.scx-sys{padding-bottom:56px!important}
