/* PulseForge Series — Shared Premium CSS v2.0 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&family=JetBrains+Mono:wght@300;400;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

:root {
  --midnight:#0a0f1e; --deep-navy:#0d1529;
  --signal-teal:#00c9b8; --ecg-green:#00ff88;
  --cream:#f5f0e8; --gold:#c9a84c;
  --glass:rgba(255,255,255,0.03);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--midnight);color:var(--cream);font-family:'Cormorant Garamond',serif;overflow-x:hidden;cursor:default}
body::before{content:'';position:fixed;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}

/* HEADER */
.site-header{position:sticky;top:0;z-index:200;background:rgba(10,15,30,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(245,240,232,.06);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-logo{font-family:'Playfair Display',serif;font-size:19px;font-weight:900;text-decoration:none;color:var(--cream)}
.header-logo em{color:var(--accent);font-style:italic}
.header-nav{display:flex;gap:20px;align-items:center}
.header-nav a{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.3);text-decoration:none;transition:color .2s}
.header-nav a:hover{color:var(--accent)}
.header-tag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:.7}

/* COVER / HERO */
.cover{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px;overflow:hidden}
.cover-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 35%,var(--accent-glow,rgba(192,24,62,.22)) 0%,transparent 70%),linear-gradient(to bottom,var(--midnight) 0%,var(--deep-navy) 100%)}
.cover-content{position:relative;z-index:2;max-width:900px}
.cover-vol{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:6px;text-transform:uppercase;color:rgba(245,240,232,.25);margin-bottom:20px}
.cover-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--signal-teal);margin-bottom:24px}
.cover-icon{font-size:80px;margin-bottom:28px;display:block;animation:organ-pulse 2.4s ease-in-out infinite}
@keyframes organ-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px var(--accent))}50%{transform:scale(1.08);filter:drop-shadow(0 0 40px var(--accent))}}
.cover-title{font-family:'Playfair Display',serif;font-size:clamp(60px,10vw,120px);font-weight:900;line-height:.88;letter-spacing:-4px;margin-bottom:16px}
.cover-title em{color:var(--accent);font-style:italic}
.cover-subtitle{font-size:22px;font-weight:300;font-style:italic;color:rgba(245,240,232,.5);margin-bottom:8px}
.cover-subtitle-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;direction:rtl;color:rgba(245,240,232,.3);margin-bottom:36px}
.cover-tagline{font-family:'Playfair Display',serif;font-size:clamp(16px,2vw,21px);font-style:italic;color:rgba(245,240,232,.62);max-width:660px;margin:0 auto 18px;line-height:1.55}
.cover-tagline-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;direction:rtl;color:rgba(245,240,232,.32);max-width:660px;margin:0 auto 48px;line-height:2}
.cover-waveform{width:100%;max-width:900px;margin:0 auto 40px;height:60px;opacity:.25}
.cover-waveform svg{width:100%;height:100%}
.waveform-line{stroke:var(--accent);stroke-width:1.8;fill:none;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-wave 3.5s ease forwards .5s}
@keyframes draw-wave{to{stroke-dashoffset:0}}
.badge-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.badge{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(245,240,232,.15);color:rgba(245,240,232,.4)}
.badge-accent{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}

/* BOOK COVER CARD */
.book-cover-wrap{position:relative;width:280px;height:400px;margin:0 auto 60px;perspective:1000px}
.book-cover{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:book-float 4s ease-in-out infinite;box-shadow:24px 24px 60px rgba(0,0,0,.7),-4px 0 0 rgba(0,0,0,.4)}
@keyframes book-float{0%,100%{transform:rotateY(-8deg) rotateX(2deg)}50%{transform:rotateY(-12deg) rotateX(4deg)}}
.book-front{position:absolute;inset:0;background:var(--deep-navy);border:1px solid rgba(245,240,232,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden}
.book-front::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%)}
.book-spine{position:absolute;left:-12px;top:0;bottom:0;width:12px;background:linear-gradient(to right,rgba(0,0,0,.6),rgba(255,255,255,.05));display:flex;align-items:center;justify-content:center}
.book-icon-bg{font-size:48px;opacity:.12;position:absolute;font-size:140px;top:50%;left:50%;transform:translate(-50%,-50%)}
.book-cover-vol{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:16px;position:relative;z-index:2}
.book-cover-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;text-align:center;line-height:1.1;position:relative;z-index:2;margin-bottom:8px}
.book-cover-title em{color:var(--accent);font-style:italic}
.book-cover-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:13px;direction:rtl;color:var(--gold);opacity:.7;position:relative;z-index:2;margin-bottom:20px}
.book-ecg{position:absolute;bottom:28px;left:16px;right:16px;height:24px;opacity:.4}
.book-ecg svg{width:100%;height:100%}
.book-brand{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:rgba(245,240,232,.25)}

/* PAGE LAYOUT */
.page{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:80px 32px}
.sec-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--signal-teal);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.sec-label::before{content:'';width:32px;height:1px;background:var(--signal-teal);opacity:.6}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,50px);font-weight:700;line-height:1.05;letter-spacing:-1px;margin-bottom:20px}
.sec-title em{color:var(--gold);font-style:italic}
.sec-title span{color:var(--accent);font-style:italic}
.sec-body{font-size:16px;line-height:1.85;color:rgba(245,240,232,.55);font-weight:300;margin-bottom:48px;max-width:800px}
.rule{border:none;border-top:1px solid rgba(245,240,232,.07);margin:80px 0}

/* BILINGUAL LAYOUT */
.bilingual{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.bilingual-full{margin-top:32px}
.vision-block{background:var(--glass);border:1px solid rgba(245,240,232,.08);border-left:3px solid var(--accent);padding:40px 44px}
.vision-block p{font-size:17px;line-height:1.95;color:rgba(245,240,232,.75);margin-bottom:22px}
.vision-block p:last-child{margin-bottom:0}
.vision-block strong{color:var(--gold);font-weight:600}
.vision-block em{color:var(--accent);font-style:italic}
.vision-ar{background:var(--glass);border:1px solid rgba(201,168,76,.1);border-right:3px solid var(--gold);padding:36px 40px;direction:rtl}
.vision-ar p{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;line-height:2.1;color:rgba(245,240,232,.6);margin-bottom:18px}
.vision-ar p:last-child{margin-bottom:0}
.vision-ar strong{color:var(--gold)}

/* CHAPTER PROSE */
.chapter-block{margin-top:40px}
.chapter-num{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.chapter-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;margin-bottom:6px;line-height:1.1}
.chapter-title-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;direction:rtl;color:rgba(245,240,232,.4);margin-bottom:28px}
.prose-en{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:2;color:rgba(245,240,232,.82);margin-bottom:32px;font-weight:300}
.prose-en::first-letter{font-size:52px;font-weight:700;float:left;line-height:.85;margin:6px 12px 0 0;color:var(--accent);font-family:'Playfair Display',serif}
.prose-en strong{color:var(--gold);font-weight:600}
.prose-en em{color:rgba(245,240,232,.9);font-style:italic}
.prose-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:2.3;color:rgba(245,240,232,.7);direction:rtl;font-weight:300;border-right:3px solid rgba(201,168,76,.3);padding-right:24px;margin-bottom:32px}
.prose-ar::first-letter{font-size:48px;font-weight:700;float:right;line-height:.85;margin:6px 0 0 12px;color:var(--gold)}
.clinical-aside{background:rgba(0,0,0,.4);border-left:2px solid rgba(245,240,232,.15);padding:16px 20px;margin:24px 0;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.8;color:rgba(245,240,232,.4)}
.clinical-aside::before{content:'// CLINICAL NOTE';display:block;color:var(--ecg-green);margin-bottom:8px;font-size:10px;letter-spacing:2px}

/* LENS CARDS */
.lens-card{background:#060a12;border:1px solid rgba(255,255,255,.06);padding:44px 48px;margin-top:32px;position:relative;overflow:hidden}
.lens-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.l1::before{background:linear-gradient(to right,var(--accent),transparent)}
.l2::before{background:linear-gradient(to right,var(--signal-teal),transparent)}
.l3::before{background:linear-gradient(to right,var(--gold),transparent)}
.lens-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--signal-teal);margin-bottom:14px}
.lens-fact{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.7;color:rgba(245,240,232,.3);background:rgba(0,0,0,.4);padding:14px 18px;margin-bottom:24px;border-left:2px solid rgba(245,240,232,.1)}
.lens-fact::before{content:'// RAW CLINICAL FACT';display:block;color:rgba(0,255,136,.4);font-size:9px;letter-spacing:2px;margin-bottom:6px}
.lens-en{font-size:17px;line-height:1.9;color:rgba(245,240,232,.82);margin-bottom:24px}
.lens-en strong{color:var(--gold)}
.lens-en em{color:rgba(245,240,232,.95)}
.lens-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;line-height:2.2;color:rgba(245,240,232,.6);direction:rtl;border-right:2px solid rgba(201,168,76,.3);padding-right:18px}

/* ACT GRID */
.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(245,240,232,.06);border:1px solid rgba(245,240,232,.06);margin-top:40px}
.act-cell{background:var(--deep-navy);padding:36px 28px;position:relative;overflow:hidden}
.act-cell::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--accent),transparent)}
.act-num{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--signal-teal);margin-bottom:10px}
.act-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin-bottom:14px;line-height:1.2}
.act-scene{font-size:14px;line-height:1.75;font-style:italic;color:rgba(245,240,232,.65);margin-bottom:18px}
.act-scene-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:13px;direction:rtl;color:rgba(245,240,232,.4);line-height:2;margin-bottom:14px}
.act-clinical{font-family:'JetBrains Mono',monospace;font-size:10px;line-height:1.8;color:rgba(245,240,232,.3)}

/* GHOST DOCTOR */
.ghost-block{background:#060a12;border:1px solid rgba(0,255,136,.12);border-left:3px solid var(--ecg-green);padding:40px 44px;margin-top:32px}
.ghost-header{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ecg-green);margin-bottom:24px}
.ghost-row{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
.ghost-check{color:var(--ecg-green);font-family:'JetBrains Mono',monospace;font-size:12px;margin-top:2px;flex-shrink:0}
.ghost-text{font-size:14px;line-height:1.7;color:rgba(245,240,232,.55)}
.ghost-text strong{color:var(--ecg-green)}

/* INTERFACE GRID */
.iface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.iface-card{background:var(--glass);border:1px solid rgba(245,240,232,.07);padding:32px 28px;transition:border-color .3s,transform .3s}
.iface-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.iface-icon{font-size:28px;margin-bottom:14px}
.iface-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;margin-bottom:10px}
.iface-desc{font-size:13px;line-height:1.7;color:rgba(245,240,232,.5)}
.iface-desc em{color:var(--accent)}

/* METRICS */
.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(245,240,232,.06);border:1px solid rgba(245,240,232,.06);margin-top:40px}
.metric{background:var(--deep-navy);padding:40px 24px;text-align:center}
.metric-n{font-family:'Playfair Display',serif;font-size:48px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}
.metric-l{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.35);line-height:1.6}

/* LIBRARY */
.lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.novel-card{background:var(--glass);border:1px solid rgba(245,240,232,.07);padding:36px 28px;display:flex;gap:20px;transition:border-color .3s}
.novel-card:hover{border-color:var(--gold)}
.novel-n{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;color:rgba(245,240,232,.1);line-height:1;flex-shrink:0;margin-top:4px}
.novel-en{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;margin-bottom:4px;line-height:1.2}
.novel-ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:13px;direction:rtl;color:var(--gold);margin-bottom:14px;opacity:.8}
.novel-p{font-size:13px;line-height:1.7;color:rgba(245,240,232,.45);font-style:italic;margin-bottom:14px}
.novel-tags{display:flex;flex-wrap:wrap;gap:6px}
.novel-tag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;padding:3px 8px;border:1px solid rgba(245,240,232,.1);color:rgba(245,240,232,.35)}

/* VOL NAV */
.vol-nav{display:flex;justify-content:space-between;align-items:center;padding:40px 0;margin-top:40px;border-top:1px solid rgba(245,240,232,.07)}
.vol-nav a{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.35);text-decoration:none;transition:color .2s}
.vol-nav a:hover{color:var(--accent)}
.vol-nav .center{color:rgba(245,240,232,.2)}

/* FOOTER */
footer{border-top:1px solid rgba(245,240,232,.07);padding:60px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;position:relative;z-index:10}
.footer-brand{font-family:'Playfair Display',serif;font-size:26px;font-weight:900;text-decoration:none;color:var(--cream)}
.footer-brand em{color:var(--accent);font-style:italic}
.footer-meta{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.2);text-align:right;line-height:1.9}

/* FADE ANIMATION */
.fade{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.fade.on{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:900px){.bilingual{grid-template-columns:1fr}.act-grid{grid-template-columns:1fr}.iface-grid{grid-template-columns:repeat(2,1fr)}.metrics-row{grid-template-columns:repeat(2,1fr)}.lib-grid{grid-template-columns:1fr}.site-header{padding:12px 20px}}
@media(max-width:540px){.iface-grid{grid-template-columns:1fr}.lens-card{padding:28px 24px}.vision-block{padding:28px 28px}}