/* ZI-AI STORE — MASTER VISUAL FOUNDATION */
:root{
  --navy:#121f2b; --navy-2:#1c3040; --paper:#f7f1e5; --paper-2:#eee2cc;
  --white:#fffdf8; --ink:#1b252d; --muted:#625e57; --copper:#b66f32;
  --copper-dark:#925426; --green:#3f6654; --line:#d8c9ae;
  --serif:"Source Serif 4",Georgia,serif; --sans:"DM Sans",Arial,sans-serif;
  --shadow:0 20px 60px rgba(18,31,43,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-top:76px;background:var(--paper);color:var(--ink);font:17px/1.65 var(--serif);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.bismillah{padding:8px 20px;background:#0c1720;color:#d8c8a7;text-align:center;font-family:"Noto Naskh Arabic",serif;font-size:1rem}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:var(--navy);color:var(--paper);overflow:visible}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{font:600 1.2rem var(--sans);letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.brand i{font-style:normal;color:var(--copper)}
.nav-links{display:flex;align-items:center;gap:28px;font:500 .91rem var(--sans)}
.nav-links a{text-decoration:none;color:#d9d5ca;transition:.2s ease}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current="page"]{color:#fff}
.nav-links .partner-link{padding:9px 15px;border:1px solid rgba(255,255,255,.25);border-radius:3px}
.nav-links .partner-link[aria-current="page"]{border-color:var(--copper)}
.menu-button{display:none;border:1px solid rgba(255,255,255,.3);background:transparent;color:white;border-radius:3px;padding:8px 11px;font:600 .9rem var(--sans)}
h1,h2,h3,p{margin-top:0}
h2{font:500 clamp(2rem,3.2vw,3rem)/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:16px}
.section-kicker{color:var(--copper-dark);font:600 .76rem var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-bottom:11px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:3px;background:var(--copper);color:#111d26;text-decoration:none;font:600 .92rem var(--sans);transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#c98040}
.button.ghost{background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.32)}
.text-link{color:var(--green);font:600 .9rem var(--sans);text-underline-offset:5px}

/* HOME */
.home-hero-shell{background:var(--navy);color:var(--paper);overflow:hidden}
.hero{min-height:510px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px;padding-top:64px;padding-bottom:64px;position:relative}
.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(182,111,50,.18);border-radius:50%;left:-250px;top:90px;pointer-events:none;}
.eyebrow{margin:0 0 15px;color:#d0a277;font:600 .77rem var(--sans);letter-spacing:.17em;text-transform:uppercase}
.hero h1{font:500 clamp(2.75rem,5vw,4.65rem)/.98 var(--serif);letter-spacing:-.035em;margin-bottom:25px;max-width:13ch}
.hero-copy{color:#d6d2c8;font-size:1.08rem;max-width:53ch;margin-bottom:31px}
.actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-art{position:relative;padding:24px 24px 0 0}
.hero-art img{width:100%;height:382px;object-fit:cover;filter:sepia(10%) saturate(92%) brightness(94%) contrast(102%);box-shadow:var(--shadow)}
.hero-art:before{content:"Cape Town, South Africa";position:absolute;z-index:2;right:0;bottom:0px;background:var(--paper);color:var(--ink);padding:12px 18px;font:600 .76rem var(--sans);letter-spacing:.06em;text-transform:uppercase}
.hero-art:after{content:"";position:absolute;right:0;top:0;width:45%;height:66%;border-top:2px solid var(--copper);border-right:2px solid var(--copper)}
.home-main{display:block}
.intro{padding:70px 0 52px;display:grid;grid-template-columns:.75fr 1.25fr;gap:68px;border-bottom:1px solid var(--line)}
.intro p{color:var(--muted);font-size:1.04rem;margin-bottom:0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.principle{border-left:1px solid var(--line);padding-left:20px}
.principle span{display:block;color:var(--green);font:600 .75rem var(--sans);margin-bottom:9px}
.principle h3{font:600 1.08rem var(--serif);margin-bottom:6px}
.principle p{font-size:.91rem;line-height:1.55}
.featured{padding:76px 0 84px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.section-head h2{margin-bottom:0}
.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.book-card{background:var(--white);border:1px solid #e2d7c4;display:grid;grid-template-columns:190px 1fr;min-height:320px;transition:transform .25s,box-shadow .25s}
.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cover{margin:24px 0 24px 24px;padding:22px 18px;background:linear-gradient(145deg,#203749,#0e1b25);color:#f2e4c8;box-shadow:8px 10px 20px rgba(18,31,43,.22);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.cover.dna{background:linear-gradient(145deg,#5b3927,#182a31)}
.cover:after{content:"ZI-AI";position:absolute;right:-8px;bottom:-25px;font:600 4.7rem/1 var(--sans);color:rgba(255,255,255,.045);transform:rotate(-90deg)}
.cover small{font:600 .64rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#cda475}
.cover strong{font:500 1.18rem/1.13 var(--serif);max-width:10ch}
.cover em{font:500 .62rem var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.book-info{padding:29px 26px;display:flex;flex-direction:column}
.registry{color:var(--green);font:600 .69rem var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.book-info h3{font:500 1.42rem/1.18 var(--serif);margin-bottom:9px}
.description{color:var(--muted);font-size:.91rem;line-height:1.55;margin-bottom:18px;flex:1}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e4dac8;padding-top:17px}
.price{font:600 .98rem var(--sans)}
.book-actions{display:flex;gap:12px;font:600 .82rem var(--sans)}
.book-actions a{text-underline-offset:4px}.book-actions .buy{color:var(--copper-dark)}
.platform{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.platform-inner{padding:66px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}
.platform-inner h2{margin-bottom:10px}
.platform-inner>div>p{color:var(--muted);margin-bottom:0}
.pathways{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.38);border:1px solid var(--line)}
.path{padding:25px 20px;border-right:1px solid var(--line)}.path:last-child{border:0}
.path span{font:600 .72rem var(--sans);color:var(--copper-dark)}
.path h3{font:600 1rem var(--serif);margin:7px 0 5px}
.path p{font-size:.84rem;line-height:1.5;color:var(--muted);margin:0}
.partner{background:var(--white);position:relative;overflow:hidden}
.partner:after{content:"ZI-AI";position:absolute;right:-22px;bottom:-35px;color:rgba(18,31,43,.035);font:600 clamp(5rem,13vw,11rem)/1 var(--sans);letter-spacing:-.08em;pointer-events:none}
.partner-inner{padding:64px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}
.partner-copy{padding-left:24px;border-left:3px solid var(--copper)}
.partner h2{font-size:2rem;margin-bottom:8px}.partner p{color:var(--muted);margin:0;max-width:58ch}

/* FOOTER */
.site-footer{background:var(--navy);color:#afa99d}
.footer-inner{padding:37px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font:.84rem var(--sans)}
.footer-links{display:flex;gap:22px}.footer-links a{color:#d7d0c1;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #e49a55;outline-offset:3px}
.hero-text{
    position:relative;
    z-index:5;
}

.actions{
    position:relative;
    z-index:6;
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:30px}.hero-text{padding-top:12px}.hero-art{max-width:600px}
  .intro,.platform-inner{grid-template-columns:1fr;gap:34px}.book-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  body{padding-top:68px}
  .wrap{width:min(100% - 32px,1160px)}.nav{min-height:68px}.menu-button{display:block}
  .nav-links{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;position:absolute;left:0;right:0;top:68px;z-index:10;background:var(--navy-2);padding:19px 24px;flex-direction:column;align-items:flex-start;gap:16px;transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .nav-links.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  .hero{padding-top:44px;padding-bottom:48px;min-height:auto}.hero h1{font-size:2.8rem;max-width:12ch}.hero-art{padding:14px 14px 0 0}.hero-art img{height:270px}.hero-art:before{right:0;bottom:10px;padding:9px 11px;font-size:.66rem}
  .intro{padding-top:52px}.principles{grid-template-columns:1fr}.featured{padding:58px 0}.section-head{align-items:start;flex-direction:column;gap:10px}
  .book-card{grid-template-columns:125px 1fr;min-height:280px}.cover{margin:18px 0 18px 18px;padding:16px 12px}.cover strong{font-size:.91rem}.book-info{padding:22px 18px}.book-info h3{font-size:1.18rem}.description{font-size:.84rem}.price-row{align-items:flex-start;flex-direction:column}.pathways{grid-template-columns:1fr}.path{border-right:0;border-bottom:1px solid var(--line)}
  .partner-inner{align-items:flex-start;flex-direction:column;gap:28px;padding:52px 0}.partner-copy{padding-left:18px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}
}
@media(max-width:430px){
  .book-card{grid-template-columns:1fr}.cover{min-height:200px;margin:18px 18px 0;padding:18px 16px}.cover strong{font-size:1.05rem;max-width:14ch}.book-info{padding-top:18px}
}
@media(min-width:681px){.nav-links{position:static;display:flex;visibility:visible;opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}