/* ═══════════════════════════════════════════════════════════════
   WHITE PAPERS  —  light, document-forward theme (not dark)
═══════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────────── */
.wp-hero{position:relative;overflow:hidden;background:
   radial-gradient(120% 120% at 85% 0%, #EEF4FF 0%, var(--white) 55%);
   padding:calc(var(--nav-h) + 46px) 0 60px;}
.wp-hero::before{content:'';position:absolute;inset:0;
   background-image:radial-gradient(var(--border-dark) 1px, transparent 1px);
   background-size:26px 26px;
   -webkit-mask-image:radial-gradient(ellipse 60% 60% at 80% 10%, #000, transparent 72%);
   mask-image:radial-gradient(ellipse 60% 60% at 80% 10%, #000, transparent 72%);
   opacity:.5;pointer-events:none;}
.wp-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
   gap:44px;align-items:center;}
.wp-bc{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);margin-bottom:20px;}
.wp-bc a{color:var(--text-muted);}.wp-bc a:hover{color:var(--blue);}
.wp-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);
   font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);
   background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--r-full);
   padding:7px 14px;margin-bottom:22px;}
.wp-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.06;letter-spacing:-.03em;
   color:var(--text-head);margin-bottom:18px;}
.wp-hero h1 em{font-style:normal;color:var(--blue);}
.wp-hero__lead{font-size:1.06rem;line-height:1.7;color:var(--text-muted);max-width:33em;margin-bottom:26px;}
.wp-hero__stats{display:flex;gap:30px;flex-wrap:wrap;}
.wp-hero__stat b{display:block;font-family:var(--font-head);font-size:1.7rem;font-weight:800;color:var(--text-head);letter-spacing:-.02em;}
.wp-hero__stat span{font-size:.8rem;color:var(--text-faint);}

/* stacked-paper visual */
.wp-stack{position:relative;height:340px;}
.wp-sheet{position:absolute;width:230px;height:300px;border-radius:16px;background:var(--white);
   border:1px solid var(--border);box-shadow:var(--shadow-xl);left:50%;top:50%;overflow:hidden;}
.wp-sheet i{position:absolute;top:18px;left:18px;font-size:1.3rem;}
.wp-sheet .ln{position:absolute;left:18px;height:8px;border-radius:4px;background:var(--off-white);}
.wp-sheet--1{transform:translate(-50%,-50%) rotate(-9deg) translateX(-42px);}
.wp-sheet--2{transform:translate(-50%,-50%) rotate(4deg) translateX(30px);}
.wp-sheet--3{transform:translate(-50%,-50%) rotate(-2deg);z-index:2;}
.wp-badge{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);
   display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#fff;font-weight:700;
   font-size:.82rem;padding:9px 15px;border-radius:var(--r-full);box-shadow:0 12px 26px rgba(37,99,235,.4);
   animation:wpfloat 3.6s ease-in-out infinite;}
@keyframes wpfloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}

/* ── Toolbar / filters ────────────────────────────────────────── */
.wp-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:6px 0 34px;}
.wp-tab{font-size:.86rem;font-weight:600;color:var(--text-muted);background:var(--white);
   border:1px solid var(--border);border-radius:var(--r-full);padding:9px 17px;cursor:pointer;
   transition:all var(--t-fast);}
.wp-tab:hover{border-color:var(--blue-mid);color:var(--blue);}
.wp-tab.is-active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.28);}

/* ── Cards grid ───────────────────────────────────────────────── */
.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.wpc{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);
   border-radius:var(--r-xl);overflow:hidden;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);}
.wpc:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-h);border-color:var(--blue-mid);}
.wpc__cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--off-white);}
.wpc__cover img{width:100%;height:100%;object-fit:cover;display:block;}
.wpc__pages{position:absolute;top:12px;right:12px;background:rgba(15,23,42,.72);color:#fff;
   font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:var(--r-full);backdrop-filter:blur(4px);}
.wpc__body{padding:20px 22px 0;flex:1;display:flex;flex-direction:column;}
.wpc__tag{align-self:flex-start;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;
   text-transform:uppercase;color:var(--blue);background:var(--blue-light);border-radius:var(--r-full);
   padding:5px 11px;font-weight:600;margin-bottom:12px;}
.wpc__title{font-size:1.13rem;font-weight:700;line-height:1.32;color:var(--text-head);letter-spacing:-.02em;margin-bottom:9px;}
.wpc__desc{font-size:.9rem;line-height:1.62;color:var(--text-muted);flex:1;}
.wpc__foot{display:flex;align-items:center;gap:10px;padding:18px 22px;margin-top:16px;border-top:1px solid var(--border);}
.wpc__read{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;
   font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:var(--r-md);padding:11px 14px;
   cursor:pointer;transition:background var(--t-fast);}
.wpc__read:hover{background:var(--blue-dark,#1D4ED8);}
.wpc__dl{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;
   color:var(--blue);background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--r-md);
   transition:all var(--t-fast);}
.wpc__dl:hover{background:var(--blue);color:#fff;}
.wpc.is-hidden{display:none;}

.wp-note{text-align:center;font-size:.86rem;color:var(--text-muted);margin-top:34px;}
.wp-note i{color:var(--blue);}

/* ── PDF viewer modal ─────────────────────────────────────────── */
.wp-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
   padding:24px;background:rgba(15,23,42,.6);backdrop-filter:blur(6px);}
.wp-modal.is-open{display:flex;animation:wpfade .2s ease;}
@keyframes wpfade{from{opacity:0}to{opacity:1}}
.wp-modal__panel{display:flex;flex-direction:column;width:min(920px,100%);height:min(88vh,100%);
   background:var(--white);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45);}
.wp-modal__bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);}
.wp-modal__bar .ico{width:38px;height:38px;flex-shrink:0;border-radius:var(--r-md);background:var(--red-light);
   color:var(--red);display:flex;align-items:center;justify-content:center;font-size:1.15rem;}
.wp-modal__ttl{font-weight:700;color:var(--text-head);font-size:.98rem;line-height:1.3;}
.wp-modal__sub{font-size:.76rem;color:var(--text-faint);}
.wp-modal__spacer{flex:1;}
.wp-modal__act{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:600;color:var(--blue);
   background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--r-md);padding:8px 13px;transition:all var(--t-fast);}
.wp-modal__act:hover{background:var(--blue);color:#fff;}
.wp-modal__close{width:40px;height:40px;border:1px solid var(--border);background:var(--white);border-radius:var(--r-md);
   color:var(--text-muted);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);}
.wp-modal__close:hover{border-color:var(--red);color:var(--red);}
.wp-modal__frame{flex:1;border:none;width:100%;background:#525659;}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width:960px){
  .wp-grid{grid-template-columns:repeat(2,1fr);}
  .wp-hero__grid{grid-template-columns:1fr;gap:20px;}
  .wp-hero__visual{display:none;}
}
@media (max-width:600px){
  .wp-grid{grid-template-columns:1fr;}
  .wp-modal{padding:0;}
  .wp-modal__panel{height:100%;border-radius:0;}
  .wp-modal__sub{display:none;}
}