/* ============================================================
   BETTER WORLD MINDSET — Master Stylesheet  |  style.css
   Accessibility update: larger text, darker colours, heavier weights
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');

/* ── TOKENS ─────────────────────────────────────────────────── */
:root {
  --white:       #F9F6F1;
  --black:       #0C0B09;
  --beige:       #EDE8DF;
  --beige-mid:   #D8D0C3;
  --gold:        #96721F;          /* deeper gold — better contrast */
  --gold-light:  #B8913A;
  --gold-faint:  rgba(150,114,31,0.12);
  --ink:         #0E0C09;          /* near-black — maximum contrast */
  --body:        #1E1C18;          /* very dark body text */
  --muted:       #3A3830;          /* dark muted — was 5E5A53 */
  --border:      #C8C0B0;
  --nav-h:       72px;             /* slightly taller nav */
}

/* ── RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* BASE: 19px (up from 17px), weight 400 (up from 300) */
body{
  font-family:'Jost',sans-serif;
  font-weight:400;
  font-size:19px;
  line-height:1.75;
  background:var(--white);
  color:var(--body);
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
p{font-size:1.05rem;line-height:1.9;color:var(--body);font-weight:400}

/* Headings — weight 500 (up from 400) */
h1,h2,h3,h4{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  line-height:1.1;
  color:var(--ink);
}

/* ── UTILITIES ──────────────────────────────────────────────── */
.page-wrap{padding-top:var(--nav-h)}

.section-label{
  font-size:0.82rem;               /* up from 0.72 */
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--gold);
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:1.4rem;
  font-weight:500;
}
.section-label::before{content:'';display:block;width:28px;height:1.5px;background:var(--gold);flex-shrink:0}

/* ── BUTTONS ────────────────────────────────────────────────── */
.btn{
  display:inline-block;
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:0.88rem;               /* up from 0.78 */
  letter-spacing:0.13em;
  text-transform:uppercase;
  padding:16px 40px;               /* larger tap target */
  cursor:pointer;
  border:none;
  transition:background .25s,color .25s;
  white-space:nowrap;
  line-height:1;
}
.btn-dark{background:var(--black);color:var(--white)}
.btn-dark:hover{background:var(--gold);color:var(--white)}
.btn-gold{background:var(--gold);color:var(--white);font-weight:600}
.btn-gold:hover{background:var(--gold-light)}
.btn-outline{background:transparent;border:1.5px solid var(--muted);color:var(--muted)}
.btn-outline:hover{border-color:var(--ink);color:var(--ink)}
.btn-ghost-light{
  background:transparent;
  border:1.5px solid rgba(255,255,255,0.35);
  color:rgba(255,255,255,0.9);
  font-family:'Jost',sans-serif;
  font-size:0.88rem;
  letter-spacing:0.13em;
  text-transform:uppercase;
  padding:16px 40px;
  display:inline-block;
  cursor:pointer;
  transition:border-color .25s,color .25s;
  line-height:1;
  font-weight:500;
}
.btn-ghost-light:hover{border-color:var(--gold-light);color:var(--gold-light)}

/* ── NAV ────────────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:var(--nav-h);
  background:rgba(249,246,241,0.98);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5vw;
}
.nav-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;                /* up from 1.15 */
  font-weight:600;
  letter-spacing:0.03em;
  color:var(--black);
}
.nav-links{list-style:none;display:flex;gap:2.2rem;align-items:center}
.nav-links a{
  font-size:0.84rem;               /* up from 0.74 */
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:500;
  transition:color .2s;
}
.nav-links a:hover,.nav-links a.active{color:var(--black)}
.nav-cta{
  font-size:0.8rem;                /* up from 0.7 */
  letter-spacing:0.11em;
  text-transform:uppercase;
  padding:10px 24px;
  border:1.5px solid var(--gold);
  color:var(--gold);
  font-weight:500;
  transition:background .22s,color .22s;
}
.nav-cta:hover{background:var(--gold);color:var(--white)}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-burger span{display:block;width:26px;height:2px;background:var(--black)}
.nav-drawer{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--white);border-bottom:1.5px solid var(--border);padding:1.8rem 5vw;z-index:190;flex-direction:column;gap:0}
.nav-drawer.open{display:flex}
.nav-drawer a{
  font-size:1rem;                  /* up from 0.88 */
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--body);
  padding:1.1rem 0;
  border-bottom:1px solid var(--beige);
  font-weight:500;
  transition:color .2s;
}
.nav-drawer a:hover{color:var(--gold)}

/* ── BACK LINK ──────────────────────────────────────────────── */
.back-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:0.84rem;               /* up */
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:var(--muted);font-weight:500;
  padding:1.3rem 5vw;
  border-bottom:1px solid var(--border);
  background:var(--white);
  transition:color .2s;width:100%;
}
.back-link:hover{color:var(--gold)}

/* ── FOOTER ─────────────────────────────────────────────────── */
.footer{background:var(--black);padding:4rem 5vw 0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.12)}
.footer-brand h3{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:500;color:var(--white);margin-bottom:0.9rem}
.footer-brand p{font-size:1rem;color:rgba(255,255,255,0.65);line-height:1.8;max-width:280px;font-weight:400}
.footer-col h4{font-size:0.78rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.2rem;font-weight:500}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:0.65rem}
.footer-col ul li a{font-size:1rem;color:rgba(255,255,255,0.68);transition:color .2s;font-weight:400}
.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}
.footer-bottom p{font-size:0.85rem;color:rgba(255,255,255,0.45);letter-spacing:0.04em;font-weight:400}

/* ── REVEAL ANIMATION ───────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}

/* ── FORMS ──────────────────────────────────────────────────── */
.form-group{margin-bottom:1.6rem}
.form-group label{
  display:flex;
  font-size:0.82rem;               /* up from 0.72 */
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--ink);                /* pure ink — maximum legibility */
  margin-bottom:0.6rem;
  font-weight:500;
}
.form-group input,.form-group select,.form-group textarea{
  width:100%;
  padding:14px 16px;
  background:var(--white);
  border:1.5px solid var(--border);
  font-family:'Jost',sans-serif;
  font-size:1.05rem;               /* up from 0.95 */
  font-weight:400;                 /* up from 300 */
  color:var(--ink);
  outline:none;
  transition:border-color .2s;
  appearance:none;-webkit-appearance:none;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);outline:2px solid var(--gold-faint)}
.form-group textarea{resize:vertical;min-height:120px}
/* Select arrow */
.form-group select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%233A3830' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  padding-right:44px;
  cursor:pointer;
}
.hint{font-size:0.88rem;color:var(--muted);margin-top:0.4rem;font-style:italic;line-height:1.6;font-weight:400}
.char-count{font-size:0.8rem;color:var(--muted);text-align:right;margin-top:0.35rem;font-weight:400}

/* Custom radio/checkbox */
.radio-group{display:flex;flex-direction:column;gap:0.65rem;margin-top:0.5rem}
.radio-group.inline{flex-direction:row;flex-wrap:wrap;gap:0.65rem}
.check-group{display:flex;flex-direction:column;gap:0.65rem;margin-top:0.5rem}
.check-group.inline{flex-direction:row;flex-wrap:wrap;gap:0.65rem}

.r-item,.c-item{
  display:flex;align-items:flex-start;gap:0.85rem;cursor:pointer;
  padding:0.95rem 1.1rem;
  border:1.5px solid var(--border);
  background:var(--white);
  transition:border-color .2s,background .2s;
  user-select:none;
}
.r-item:hover,.c-item:hover{border-color:var(--gold);background:var(--gold-faint)}
.r-item input[type="radio"],.c-item input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}

.r-item .indicator,.c-item .indicator{flex-shrink:0;margin-top:2px}
.r-item .indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);background:var(--white);transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center}
.c-item .indicator{width:20px;height:20px;border:2px solid var(--border);background:var(--white);transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.r-item input[type="radio"]:checked~.indicator,.c-item input[type="checkbox"]:checked~.indicator{border-color:var(--gold);background:var(--gold)}
.r-item input[type="radio"]:checked~.indicator::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--white)}
.c-item input[type="checkbox"]:checked~.indicator::after{content:'✓';font-size:12px;color:var(--white);line-height:1;font-weight:600}
.r-item span,.c-item span{
  font-size:1.02rem;               /* up from 0.94 */
  color:var(--body);
  line-height:1.6;
  font-weight:400;
}
.r-item:has(input:checked),.c-item:has(input:checked){border-color:var(--gold);background:var(--gold-faint)}

/* Scale of impact pills */
.scale-group{display:flex;flex-wrap:wrap;gap:0.65rem;margin-top:0.5rem}
.scale-option{position:relative;cursor:pointer}
.scale-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.scale-label{
  display:block;padding:12px 26px;
  border:2px solid var(--border);
  font-size:0.9rem;
  font-family:'Jost',sans-serif;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--body);
  background:var(--white);
  transition:all .2s;
  cursor:pointer;
  font-weight:500;
}
.scale-option:hover .scale-label{border-color:var(--gold);color:var(--gold)}
.scale-option input:checked~.scale-label{background:var(--gold);border-color:var(--gold);color:var(--white);font-weight:600}

/* ── SHARED COMPONENT: PILLAR CARDS ─────────────────────────── */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);background:var(--border);gap:1px}
.pillar{background:var(--white);padding:3.5rem 2.8rem;transition:background .28s}
.pillar:hover{background:var(--beige)}
.pillar-num{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:400;color:var(--beige-mid);display:block;line-height:1;margin-bottom:1.3rem}
.pillar h3{font-size:1.65rem;margin-bottom:0.9rem;color:var(--black);font-weight:500}
.pillar p{font-size:1.05rem;color:var(--body);line-height:1.8;font-weight:400}

/* ── SHARED COMPONENT: BOOK MOCK ────────────────────────────── */
.book-mock{background:var(--black);padding:2.5rem 2rem;text-align:center;box-shadow:16px 16px 48px rgba(0,0,0,0.35);transition:transform .35s}
.book-mock:hover{transform:scale(1.02)}
.book-mock-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;color:var(--white);line-height:1.4;margin-bottom:0.8rem}
.book-mock-rule{width:36px;height:1px;background:var(--gold);margin:0.8rem auto}
.book-mock-sub{font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.6);font-weight:400}
.book-mock-author{font-family:'Cormorant Garamond',serif;font-size:0.8rem;letter-spacing:0.1em;color:var(--gold-light);margin-top:1.4rem;font-weight:400}

/* ── SHARED COMPONENT: DETAIL LIST ─────────────────────────── */
.detail-list-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--black);padding-bottom:0.7rem;border-bottom:1.5px solid var(--border);margin-bottom:1rem}
.detail-list{list-style:none;margin-bottom:2.5rem}
.detail-list li{font-size:1rem;font-weight:400;color:var(--body);padding:0.65rem 0 0.65rem 1.3rem;border-bottom:1px solid var(--beige);position:relative;line-height:1.65}
.detail-list li::before{content:'—';position:absolute;left:0;color:var(--gold);font-size:0.8rem}

/* ── SHARED: SYSTEM COMPARE ────────────────────────────────── */
.system-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin:2rem 0}
.sc-col{background:var(--white);padding:2.2rem 2.8rem}
.sc-col.old{background:var(--beige)}
.sc-col h4{font-size:0.8rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.3rem}
.sc-col.old h4{color:var(--muted)} .sc-col.new h4{color:var(--gold)}
.sc-col ul{list-style:none}
.sc-col ul li{font-size:1rem;font-weight:400;color:var(--body);padding:0.65rem 0 0.65rem 1.5rem;border-bottom:1px solid var(--border);position:relative;line-height:1.6}
.sc-col ul li:last-child{border-bottom:none}
.sc-col.old li::before{content:'×';position:absolute;left:0;color:#c0392b;font-weight:600}
.sc-col.new li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:600}

/* ════════════════════════════════════════════════════════════
   PAGE-SPECIFIC STYLES
   ════════════════════════════════════════════════════════════ */

/* ── INDEX / LANDING ────────────────────────────────────────── */
/* .index-body{overflow:hidden} */
.landing{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.landing-left{background:var(--black);display:flex;flex-direction:column;padding:4rem 6vw 6rem;position:relative;overflow:hidden}
.landing-left::before{content:'';position:absolute;bottom:-120px;left:-120px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(168,130,62,0.12);pointer-events:none}
.landing-left::after{content:'';position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(168,130,62,0.08);pointer-events:none}
.brand-eyebrow{font-size:0.8rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-light);margin-bottom:3rem;display:flex;align-items:center;gap:10px;opacity:0;animation:fadeUp 0.9s 0.2s forwards;font-weight:500}
.brand-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--gold-light);opacity:0.7}
.brand-name{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,4.5vw,5rem);font-weight:500;color:var(--white);line-height:1.08;margin-bottom:2rem;opacity:0;animation:fadeUp 0.9s 0.4s forwards}
.brand-name em{font-style:italic;color:var(--gold-light)}
.gold-rule{width:48px;height:2px;background:var(--gold);margin-bottom:2rem;opacity:0;animation:fadeUp 0.9s 0.55s forwards}
.brand-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:400;font-style:italic;color:rgba(255,255,255,0.95);line-height:1;max-width:420px;margin-bottom:2rem;opacity:0;animation:fadeUp 0.9s 0.65s forwards}
.brand-intro{font-size:1.05rem;font-weight:400;color:rgba(255,255,255,0.72);line-height:1.9;max-width:420px;margin-bottom:3.5rem;opacity:0;animation:fadeUp 0.9s 0.78s forwards}
.landing-actions{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp 0.9s 0.92s forwards}
.landing-right{background:var(--beige);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0rem 5vw 6rem;position:relative;overflow:hidden}
.landing-right::before{content:'';position:absolute;top:-80px;right:-80px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(168,130,62,0.1)}
.nav-vertical{display:flex;flex-direction:column;gap:0;width:100%;max-width:380px}
.nav-item{display:flex;align-items:center;justify-content:space-between;padding:1.9rem 0;border-bottom:1.5px solid var(--border);opacity:0;animation:fadeRight 0.8s forwards;text-decoration:none;transition:padding-left .2s}
.nav-item:first-child{border-top:1.5px solid var(--border)}
.nav-item:nth-child(1){animation-delay:0.5s} .nav-item:nth-child(2){animation-delay:0.62s} .nav-item:nth-child(3){animation-delay:0.74s} .nav-item:nth-child(4){animation-delay:0.86s} .nav-item:nth-child(5){animation-delay:0.98s} .nav-item:nth-child(6){animation-delay:1.1s}
.nav-item:hover{padding-left:0.6rem}
.nav-item:hover .nav-item-arrow{transform:translateX(6px);color:var(--gold)}
.nav-item:hover .nav-item-name{color:var(--black)}
.nav-item-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--ink);font-weight:500;transition:color .2s}
.nav-item-meta{font-size:0.76rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:0.25rem;font-weight:400}
.nav-item-arrow{font-size:1.1rem;color:var(--muted);transition:transform .25s,color .25s}
.corner-mark{position:absolute;bottom:3rem;right:4vw;font-family:'Cormorant Garamond',serif;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;opacity:0.7}

/* ── BOOKS PAGE ─────────────────────────────────────────────── */
.books-hero{padding:5rem 5vw 4rem;border-bottom:1.5px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.books-hero h1{font-size:clamp(3.2rem,6vw,6rem);font-weight:500;color:var(--black)}
.books-hero p{font-size:1.05rem;font-weight:400;color:var(--body);max-width:340px;line-height:1.8;text-align:right}
.book-row{display:grid;grid-template-columns:180px 1fr auto;gap:3.5rem;align-items:center;padding:4rem 5vw;border-bottom:1.5px solid var(--border);transition:background .25s;text-decoration:none;color:inherit}
.book-row:hover{background:var(--beige)}
.book-row-cover{width:180px;background:var(--black);padding:5px;text-align:center;box-shadow:10px 10px 32px rgba(0,0,0,0.2);transform:rotate(-1.5deg);transition:transform .3s}
.book-row:hover .book-row-cover{transform:rotate(0deg)}
.book-row-info h2{font-size:2.3rem;font-weight:500;color:var(--black);margin-bottom:0.4rem}
.book-subtitle{font-size:0.8rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}
.book-desc{font-size:1.05rem;font-weight:400;line-height:1.85;color:var(--body);max-width:500px}
.book-arrow{font-size:1.8rem;color:var(--muted);transition:transform .25s,color .25s}
.book-row:hover .book-arrow{transform:translateX(6px);color:var(--gold)}

/* ── BOOK DETAIL ────────────────────────────────────────────── */
.book-detail-hero{background:var(--black);padding:5rem 5vw;display:grid;grid-template-columns:220px 1fr;gap:5vw;align-items:center}
.detail-cover{width:220px;background:var(--white);padding:0;text-align:center;box-shadow:20px 20px 60px rgba(0,0,0,0.5)}
.detail-cover .t{font-family:'Cormorant Garamond',serif;font-size:1.1rem;line-height:1.4;color:var(--black);font-weight:600}
.detail-cover .r{width:36px;height:1px;background:var(--gold);margin:1rem auto}
.detail-cover .s{font-size:0.65rem;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.detail-cover .a{font-family:'Cormorant Garamond',serif;font-size:0.8rem;letter-spacing:0.1em;color:var(--gold);margin-top:1.5rem;font-weight:400}
.detail-hero-text h1{font-size:clamp(2.6rem,4.5vw,4.4rem);color:var(--white);font-weight:500;margin-bottom:0.8rem}
.detail-tagline{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic;font-weight:400;color:var(--gold-light);margin-bottom:2rem}
.book-body{padding:5rem 5vw;display:grid;grid-template-columns:2fr 1fr;gap:5vw}
.book-main p{font-size:1.08rem;font-weight:400;line-height:1.95;color:var(--body);margin-bottom:1.5rem}
.pull-quote{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;font-weight:400;color:var(--black);line-height:1.55;border-left:3px solid var(--gold);padding-left:2.2rem;margin:3rem 0}
/* Advanced */
.stat-row{display:flex;gap:2px;background:var(--border);margin:3rem 0}
.stat-box{background:var(--white);flex:1;padding:2rem 1.8rem;transition:background .25s}
.stat-box:hover{background:var(--beige)}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:3.2rem;font-weight:500;color:var(--black);display:block;margin-bottom:0.3rem}
.stat-label{font-size:0.82rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
/* Tennis */
.scoring-table{width:100%;border-collapse:collapse;margin:2.5rem 0}
.scoring-table th{font-size:0.8rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);padding:1rem 1.2rem;text-align:left;border-bottom:1.5px solid var(--border)}
.scoring-table td{font-size:1.05rem;font-weight:400;color:var(--ink);padding:1rem 1.2rem;border-bottom:1px solid var(--beige)}
.scoring-table tr:hover td{background:var(--beige)}
.score-pos{color:var(--gold);font-weight:600} .score-neg{color:#b52a1d;font-weight:500}
.pillars-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:2.5rem 0}
.trio-item{background:var(--white);padding:2.2rem 1.8rem;text-align:center}
.trio-icon{font-size:1.8rem;margin-bottom:0.9rem}
.trio-label{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--black)}

/* ── IDEAS PAGE ─────────────────────────────────────────────── */
.ideas-intro{padding:5rem 5vw;border-bottom:1.5px solid var(--border)}
.ideas-intro h1{font-size:clamp(3.2rem,6vw,6rem);font-weight:500;color:var(--black)}
.ideas-intro p{font-size:1.1rem;font-weight:400;color:var(--body);max-width:580px;line-height:1.85;margin-top:1.2rem}
.idea-section{padding:5rem 5vw;border-bottom:1.5px solid var(--border)}
.idea-section:last-of-type{border-bottom:none}
.idea-section h2{font-size:2.7rem;font-weight:500;margin-bottom:1rem;color:var(--black)}
.idea-section>p{font-size:1.08rem;font-weight:400;color:var(--body);max-width:660px;line-height:1.85;margin-bottom:2.5rem}

/* Three Frameworks dark section */
.frameworks-dark{background:var(--black);padding:5rem 5vw}
.frameworks-dark .section-label{color:var(--gold-light)}
.frameworks-dark .section-label::before{background:var(--gold-light)}
.frameworks-dark h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;color:var(--white);margin-bottom:3rem}
.framework-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,0.12)}
.fw-card{padding:3rem 2.8rem;border-right:1px solid rgba(255,255,255,0.1);transition:background .28s;position:relative;overflow:hidden}
.fw-card:last-child{border-right:none}
.fw-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .35s}
.fw-card:hover{background:rgba(168,130,62,0.08)} .fw-card:hover::after{width:100%}
.fw-card-num{font-family:'Cormorant Garamond',serif;font-size:4.5rem;font-weight:400;color:rgba(255,255,255,0.08);display:block;line-height:1;margin-bottom:1.5rem}
.fw-card h3{font-size:1.6rem;font-weight:500;color:var(--white);margin-bottom:0.9rem}
.fw-card p{font-size:1.02rem;font-weight:400;color:rgba(255,255,255,0.75);line-height:1.8}

/* Idea cards */
.idea-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:3rem 0}
.idea-card{background:var(--white);padding:2.8rem 2.5rem;transition:background .25s;position:relative;overflow:hidden;cursor:pointer}
.idea-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .35s}
.idea-card:hover{background:var(--beige)} .idea-card:hover::after{width:100%}
.idea-num{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:400;color:var(--beige-mid);display:block;line-height:1;margin-bottom:1.1rem}
.idea-card h3{font-size:1.55rem;font-weight:500;margin-bottom:0.75rem;color:var(--black)}
.idea-card p{font-size:1.02rem;font-weight:400;color:var(--body);line-height:1.75}

/* ── VIDEO (html5 + modal) ──────────────────────────────────── */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.video-item{position:relative;background:var(--black);overflow:hidden;cursor:pointer}
.video-item video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:0.72;transition:opacity .3s}
.video-item:hover video{opacity:0.88}
.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.85rem;pointer-events:none}
.video-play-btn{width:58px;height:58px;border-radius:50%;border:2px solid var(--gold);background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.4rem;transition:background .2s}
.video-item:hover .video-play-btn{background:rgba(150,114,31,0.3)}
.video-label{font-size:0.82rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.9);text-shadow:0 1px 4px rgba(0,0,0,0.7)}
.video-expand-btn{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.65);border:1.5px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.9);font-size:0.8rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:7px 12px;cursor:pointer;transition:background .2s,border-color .2s;pointer-events:all;font-family:'Jost',sans-serif}
.video-expand-btn:hover{background:rgba(150,114,31,0.5);border-color:var(--gold-light);color:var(--white)}
/* Modal */
.video-modal{display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.93);align-items:center;justify-content:center;padding:2rem}
.video-modal.open{display:flex}
.video-modal-inner{position:relative;width:100%;max-width:960px}
.video-modal video{width:100%;aspect-ratio:16/9;background:var(--black);display:block}
.video-modal-close{position:absolute;top:-48px;right:0;background:none;border:none;color:rgba(255,255,255,0.8);font-size:0.96rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;font-family:'Jost',sans-serif;transition:color .2s;display:flex;align-items:center;gap:6px}
.video-modal-close:hover{color:var(--white)}
.video-modal-title{color:rgba(255,255,255,0.65);font-size:0.88rem;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;margin-top:1rem;text-align:center}

/* ── FRAMEWORK PAGE ─────────────────────────────────────────── */
.fw-hero{background:var(--beige);padding:5rem 5vw}
.fw-hero h1{font-size:clamp(3.2rem,6vw,6rem);font-weight:500;color:var(--black);margin-bottom:0.5rem}
.fw-hero h1 em{font-style:italic;color:var(--gold)}
.fw-hero p{font-size:1.1rem;font-weight:400;color:var(--body);max-width:560px;line-height:1.85;margin-top:1.5rem}
.fw-pillars{display:grid;grid-template-columns:repeat(3,1fr);background:var(--border);gap:1px;margin-top:4rem}
.fw-pillar{background:var(--white);padding:4rem 3.2rem;position:relative;overflow:hidden;transition:background .28s}
.fw-pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.fw-pillar:hover{background:var(--beige)} .fw-pillar:hover::before{transform:scaleX(1)}
.fw-num{font-family:'Cormorant Garamond',serif;font-size:5.5rem;font-weight:400;color:var(--beige-mid);display:block;line-height:1;margin-bottom:1.5rem}
.fw-pillar h3{font-size:1.65rem;font-weight:500;margin-bottom:1rem;color:var(--black)}
.fw-pillar p{font-size:1.05rem;font-weight:400;color:var(--body);line-height:1.85}
.fw-body{padding:5rem 5vw}
.fw-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,2.6vw,2.3rem);font-weight:400;font-style:italic;color:var(--black);max-width:740px;line-height:1.55;border-left:3px solid var(--gold);padding-left:2.5rem;margin:3rem 0}
.fw-body p{font-size:1.08rem;font-weight:400;color:var(--body);max-width:700px;line-height:1.95;margin-bottom:1.5rem}
.alignment-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;margin:4rem 0;border:1.5px solid var(--border);background:var(--beige)}
.align-node{padding:3rem 2rem;text-align:center}
.align-icon{font-size:2.2rem;color:var(--gold);display:block;margin-bottom:0.9rem}
.align-label{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;color:var(--black)}
.align-sep{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:var(--gold);padding:0 0.5rem;opacity:0.5}

/* ── ABOUT PAGE ─────────────────────────────────────────────── */
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:60vh}
.about-left{padding:5rem 5vw;display:flex;flex-direction:column;justify-content:center}
.about-left h1{font-size:clamp(3.2rem,5.5vw,5.5rem);font-weight:500;color:var(--black);margin-bottom:0.4rem}
.about-role{font-size:0.84rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem}
.about-left>p{font-size:1.08rem;font-weight:400;color:var(--body);max-width:480px;line-height:1.85}
.about-right{    background: url(../images/rajni.jpeg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    background-position: center center;}
.author-monogram{width:200px;height:200px;border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:4.5rem;font-weight:500;color:var(--gold);border:2.5px solid var(--gold)}
.about-body{padding:5rem 5vw;display:grid;grid-template-columns:2fr 1fr;gap:5vw}
.about-main p{font-size:1.08rem;font-weight:400;line-height:1.95;color:var(--body);margin-bottom:1.5rem}
.about-pull{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;font-weight:400;color:var(--black);line-height:1.55;border-left:3px solid var(--gold);padding-left:2.2rem;margin:3rem 0}

/* ── CONTACT PAGE ───────────────────────────────────────────── */
.contact-hero{padding:5rem 5vw 4rem;border-bottom:1.5px solid var(--border)}
.contact-hero h1{font-size:clamp(3.2rem,6vw,6rem);font-weight:500;color:var(--black)}
.contact-body{padding:5rem 5vw;display:grid;grid-template-columns:1fr 1.2fr;gap:5vw}
.contact-info h2{font-size:1.9rem;font-weight:500;margin-bottom:2rem;color:var(--black)}
.contact-item{padding:1.8rem 0;border-bottom:1.5px solid var(--border)}
.contact-item:first-of-type{border-top:1.5px solid var(--border)}
.contact-label{font-size:0.78rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:0.6rem}
.contact-item a{font-size:1.08rem;font-weight:400;color:var(--ink);transition:color .2s}
.contact-item a:hover{color:var(--gold)}
.contact-item p{font-size:1.05rem;font-weight:400;color:var(--body);line-height:1.75}
.contact-form-wrap{background:var(--beige);padding:3rem}
.contact-form-wrap h2{font-size:1.65rem;font-weight:500;margin-bottom:2rem;color:var(--black)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}

/* ── FACILITATOR PAGE ───────────────────────────────────────── */
.fac-hero{min-height:100vh;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 5vw 5rem;position:relative;overflow:hidden}
.fac-hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;border:1px solid rgba(168,130,62,0.1);pointer-events:none}
.fac-hero::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:920px;height:920px;border-radius:50%;border:1px solid rgba(168,130,62,0.05);pointer-events:none}
.fac-eyebrow{font-size:0.82rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-light);display:inline-flex;align-items:center;gap:10px;margin-bottom:2.5rem}
.fac-eyebrow::before,.fac-eyebrow::after{content:'';display:block;width:30px;height:1px;background:var(--gold-light);opacity:0.6}
.fac-hero h1{font-size:clamp(2rem,4vw,4rem);font-weight:400;color:var(--white);max-width:860px;margin-bottom:1.5rem;font-style:italic;line-height:1.22;font-family:'Cormorant Garamond',serif}
.fac-hero h1 span{font-style:normal;color:var(--gold-light)}
.fac-hero-sub{font-size:1.12rem;font-weight:400;color:rgba(255,255,255,0.78);max-width:580px;line-height:1.85;margin-bottom:3rem}
.fac-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.fac-what{padding:5rem 5vw}
.fac-what h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;margin-bottom:3rem;color:var(--black)}
.fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:2.5rem}
.fac-card{background:var(--white);padding:3.2rem 2.8rem;transition:background .25s}
.fac-card:hover{background:var(--beige)}
.fac-card-icon{width:46px;height:46px;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1.5rem;font-size:1.2rem}
.fac-card h3{font-size:1.4rem;font-weight:500;margin-bottom:0.9rem;color:var(--black)}
.fac-card p{font-size:1.05rem;font-weight:400;color:var(--body);line-height:1.8}
.fac-note{font-size:1rem;font-weight:400;color:var(--body);font-style:italic;padding:1.5rem 2rem;border-left:2.5px solid var(--gold);background:var(--beige);max-width:680px;line-height:1.75}
.fac-orient{background:var(--beige);padding:5rem 5vw}
.fac-orient h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;margin-bottom:1rem;color:var(--black)}
.fac-orient>p{font-size:1.08rem;font-weight:400;color:var(--body);max-width:560px;line-height:1.85;margin-bottom:3rem}
/* Submission compare */
.submission-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-bottom:3rem}
.sub-col{background:var(--white);padding:2.5rem}
.sub-col.bad{background:#FDFAF7}
.sub-header{font-size:0.8rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.4rem;display:flex;align-items:center;gap:10px}
.sub-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.sub-header.good{color:var(--gold)} .sub-header.good .sub-dot{background:var(--gold)}
.sub-header.bad{color:#b52a1d} .sub-header.bad .sub-dot{background:#b52a1d}
.sub-col ul{list-style:none}
.sub-col ul li{font-size:1.05rem;font-weight:400;color:var(--body);padding:0.8rem 0 0.8rem 1.6rem;border-bottom:1px solid var(--border);position:relative;line-height:1.6}
.sub-col ul li:last-child{border-bottom:none}
.sub-col.good-col li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}
.sub-col.bad li::before{content:'✗';position:absolute;left:0;color:#b52a1d;font-weight:700}
/* How it works */
.fac-how{padding:5rem 5vw}
.fac-how h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;margin-bottom:4rem;color:var(--black)}
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps-row::before{content:'';position:absolute;top:27px;left:12%;right:12%;height:1.5px;background:var(--border)}
.step-item{text-align:center;padding:0 1.5rem;position:relative;z-index:1}
.step-circle{width:54px;height:54px;border-radius:50%;background:var(--white);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:500;color:var(--gold)}
.step-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;color:var(--black);margin-bottom:0.6rem}
.step-desc{font-size:0.98rem;font-weight:400;color:var(--body);line-height:1.7}
/* Form section */
.fac-form-section{padding:5rem 5vw;background:var(--beige)}
.fac-form-section h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;margin-bottom:0.6rem;color:var(--black)}
.fac-form-section>p{font-size:1.08rem;font-weight:400;color:var(--body);margin-bottom:3rem;line-height:1.75}
.progress-wrap{background:var(--white);padding:2rem 2.5rem;border:1.5px solid var(--border);margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.progress-track{display:flex;gap:3px;flex:1;height:6px;min-width:0}
.p-seg{flex:1;background:var(--border);transition:background .3s;border-radius:3px}
.p-seg.done,.p-seg.active{background:var(--gold)}
.progress-text{font-size:0.88rem;font-weight:500;color:var(--body);white-space:nowrap;letter-spacing:0.04em}
.form-wizard{background:var(--white);border:1.5px solid var(--border)}
.form-step{display:none;padding:3rem}
.form-step.active{display:block}
.step-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1.5px solid var(--border);gap:1rem;flex-wrap:wrap}
.step-title-text{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;color:var(--black)}
.step-badge{font-size:0.78rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);background:var(--gold-faint);padding:8px 18px;white-space:nowrap}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.full{grid-column:1/-1}
/* Flow builder */
.flow-builder{border:1.5px solid var(--border);background:var(--beige)}
.flow-row{display:flex;align-items:center;gap:1rem;padding:0.9rem 1.3rem;border-bottom:1px solid var(--border)}
.flow-row:last-child{border-bottom:none}
.flow-n{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;color:var(--gold);min-width:22px;text-align:center}
.flow-row input{flex:1;border:none;background:transparent;font-family:'Jost',sans-serif;font-size:1.05rem;font-weight:400;color:var(--ink);outline:none;padding:5px 0}
.flow-row input::placeholder{color:var(--beige-mid)}
.flow-row .flow-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:color .2s;line-height:1;flex-shrink:0}
.flow-row .flow-del:hover{color:#b52a1d}
.add-step-btn{margin-top:0.8rem;background:none;border:1.5px solid var(--border);padding:10px 20px;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:all .2s}
.add-step-btn:hover{border-color:var(--gold);color:var(--gold)}
/* Upload */
.upload-zone{border:2px dashed var(--border);padding:2.8rem;text-align:center;cursor:pointer;background:var(--beige);transition:border-color .2s,background .2s}
.upload-zone:hover{border-color:var(--gold);background:var(--gold-faint)}
.upload-zone input[type="file"]{display:none}
.upload-icon{font-size:2rem;color:var(--gold);margin-bottom:0.8rem}
.upload-zone p{font-size:0.96rem;font-weight:400;color:var(--body);line-height:1.7}
/* Form nav */
.form-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;border-top:1.5px solid var(--border);background:var(--beige);flex-wrap:wrap;gap:1rem}
.btn-prev{font-family:'Jost',sans-serif;font-size:0.84rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;padding:14px 30px;background:none;border:1.5px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s}
.btn-prev:hover{border-color:var(--ink);color:var(--ink)}
.btn-next{font-family:'Jost',sans-serif;font-size:0.84rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;padding:14px 30px;background:var(--black);color:var(--white);border:none;cursor:pointer;transition:background .25s}
.btn-next:hover{background:var(--gold);color:var(--white)}
.btn-submit{font-family:'Jost',sans-serif;font-size:0.84rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:14px 30px;background:var(--gold);color:var(--white);border:none;cursor:pointer;transition:background .25s}
.btn-submit:hover{background:var(--gold-light)}
.save-link{font-size:0.88rem;font-weight:400;color:var(--muted);text-decoration:underline;cursor:pointer;transition:color .2s}
.save-link:hover{color:var(--gold)}
/* Success */
.success-panel{display:none;text-align:center;padding:5rem 3rem}
.success-panel.active{display:block}
.success-circle{width:72px;height:72px;border-radius:50%;border:2.5px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2rem;color:var(--gold)}
.success-panel h2{font-size:2.8rem;font-weight:500;color:var(--black);margin-bottom:1rem}
.success-panel p{font-size:1.1rem;font-weight:400;color:var(--body);line-height:1.85;max-width:520px;margin:0 auto 1.5rem}
/* Government */
.fac-govt{padding:5rem 5vw;background:var(--black)}
.fac-govt h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:500;color:var(--white);max-width:720px;margin-bottom:1.5rem;font-family:'Cormorant Garamond',serif}
.fac-govt>p{font-size:1.08rem;font-weight:400;color:rgba(255,255,255,0.72);max-width:620px;line-height:1.85;margin-bottom:4rem}
.govt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,0.1);margin-bottom:4rem}
.govt-card{background:var(--black);padding:3rem 2.8rem;transition:background .25s}
.govt-card:hover{background:rgba(150,114,31,0.1)}
.govt-card h3{font-size:1.3rem;font-weight:500;color:var(--gold-light);margin-bottom:1rem;font-family:'Cormorant Garamond',serif}
.govt-card ul{list-style:none}
.govt-card ul li{font-size:1rem;font-weight:400;color:rgba(255,255,255,0.75);padding:0.6rem 0 0.6rem 1.4rem;border-bottom:1px solid rgba(255,255,255,0.08);position:relative;line-height:1.65}
.govt-card ul li:last-child{border-bottom:none}
.govt-card ul li::before{content:'→';position:absolute;left:0;color:var(--gold-light);font-size:0.8rem;font-weight:500}
.govt-quote{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;font-weight:400;color:rgba(255,255,255,0.8);max-width:720px;line-height:1.6;border-left:2.5px solid var(--gold);padding-left:2.2rem}

/* ── KEYFRAMES ──────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeRight{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media(max-width:1199px){
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
}
@media(max-width:1024px){
  .book-row{grid-template-columns:160px 1fr auto;gap:2.5rem}
  .framework-cards{grid-template-columns:1fr}
  .fw-card{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1)}
  .fw-card:last-child{border-bottom:none}
}
@media(max-width:960px){  
  .pillars,.fw-pillars{grid-template-columns:1fr}
  .fw-pillar{border-right:none;border-bottom:1px solid var(--border)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .books-hero p{text-align:left}
  .book-row{grid-template-columns:120px 1fr;gap:2rem}
  .book-row .book-arrow{display:none}
  .book-row-cover{width:120px}
  .book-detail-hero{grid-template-columns:1fr}
  .detail-cover{width:160px}
  .book-body{grid-template-columns:1fr}
  .stat-row{flex-direction:column;gap:1px}
  .system-compare{grid-template-columns:1fr}
  .pillars-trio{grid-template-columns:1fr}
  .idea-cards{grid-template-columns:1fr}
  .alignment-diagram{grid-template-columns:1fr}
  .align-sep{display:none}
  .about-hero{grid-template-columns:1fr}
  .about-right{height:300px;}
  .about-body{grid-template-columns:1fr}
  .contact-body{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .fac-cards{grid-template-columns:1fr}
  .submission-compare{grid-template-columns:1fr}
  .steps-row{grid-template-columns:1fr 1fr;gap:2rem}
  .steps-row::before{display:none}
  .form-grid-2{grid-template-columns:1fr}
  .full{grid-column:1}
  .govt-grid{grid-template-columns:1fr}
  .form-step{padding:2rem 1.5rem}
  .form-nav{padding:1.5rem}
}
@media(max-width:760px){
  .index-body{overflow:auto}
  .landing{grid-template-columns:1fr;min-height:auto}
  .landing-left{padding:7rem 6vw 4rem}
  .landing-right{padding:3rem 6vw 5rem}
  .nav-vertical{max-width:100%}
  .corner-mark{display:none}
}
@media(max-width:640px){
  body{font-size:18px}               /* maintain large base on mobile */
  .footer-grid{grid-template-columns:1fr}
  .video-grid{grid-template-columns:1fr}
  .book-row{grid-template-columns:1fr}
  .book-row-cover{width:140px}
  .steps-row{grid-template-columns:1fr}
  .fac-actions{flex-direction:column;align-items:center}
  .radio-group.inline,.check-group.inline{flex-direction:column}
  .scale-group{flex-direction:column}
  .scale-option .scale-label{text-align:center}
  .books-hero{flex-direction:column;align-items:flex-start}
  .books-hero p{text-align:left}
  .form-nav{flex-direction:column;align-items:stretch}
  .btn-prev,.btn-next,.btn-submit{width:100%;text-align:center}
}

/* ════════════════════════════════════════════════════════════
   ADVANCED TIMES CALLING PAGE
   ════════════════════════════════════════════════════════════ */

/* Hero */
.atc-hero{padding:5rem 5vw;}
.atc-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:300;line-height:1.1;margin:1.2rem 0 0.6rem;}
.atc-hero-sub{font-size:1.2rem;font-weight:500;color:var(--gold);margin:0.4rem 0 0.2rem;letter-spacing:0.01em;}
.atc-hero-byline{font-size:0.9rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5rem;}
.atc-opening-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.5vw,1.85rem);font-style:italic;font-weight:400;color:var(--black);border-left:3px solid var(--gold);padding:1.2rem 0 1.2rem 2rem;margin:0;max-width:680px;line-height:1.55;}

/* Prose blocks */
.atc-prose{padding:0 5vw 3rem;}
.atc-prose p{font-size:1.1rem;line-height:1.9;max-width:720px;}

/* Generic section wrapper */
.atc-section{padding:5rem 5vw;}
.atc-section h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin:0.8rem 0 1.8rem;}

/* WHO Quote */
.atc-who-quote{background:var(--beige);border-left:3px solid var(--gold);padding:2rem 2.5rem;margin:2.5rem 0 0;max-width:740px;}
.atc-who-quote p{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;font-weight:400;color:var(--black);line-height:1.6;margin:0 0 0.8rem;}
.atc-who-quote cite{font-size:0.85rem;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--muted);}

/* Dark section */
.atc-dark-section{background:var(--black);padding:5rem 5vw;}
.atc-dark-section h2{color:var(--white);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin:0.8rem 0 1.6rem;}
.atc-dark-section p{color:rgba(255,255,255,0.78);font-size:1.08rem;line-height:1.9;max-width:720px;}
.atc-dark-section p strong{color:var(--gold-light);}


/* Comparison table */
.atc-compare-table{border:1px solid var(--border);margin-top:2rem;}
.atc-compare-head,.atc-compare-row{display:grid;grid-template-columns:180px 1fr 1fr;border-bottom:1px solid var(--border);}
.atc-compare-row:last-child{border-bottom:none;}
.atc-compare-head{background:var(--black);}
.atc-compare-head .atc-compare-col{color:var(--white);font-size:0.85rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:1.1rem 1.5rem;}
.atc-compare-head .atc-compare-col.new{color:var(--gold-light);}
.atc-compare-label{padding:1.1rem 1.5rem;font-size:0.82rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);background:var(--beige);border-right:1px solid var(--border);display:flex;align-items:center;}
.atc-compare-col{padding:1.1rem 1.5rem;font-size:1rem;line-height:1.6;display:flex;align-items:center;}
.atc-compare-col.old{color:var(--muted);background:var(--white);}
.atc-compare-col.new{color:var(--black);background:var(--white);font-weight:500;border-left:2px solid var(--gold-faint);}
.atc-compare-row:hover .atc-compare-col{background:var(--beige);}
.atc-compare-row:hover .atc-compare-label{background:var(--beige-mid);}

/* Three pillars */
.pillars-trio .atc-pillar{background:var(--white);padding:3.2rem 2.8rem;border-right:1px solid var(--border);}
.pillars-trio .atc-pillar:last-child{border-right:none;}
.atc-pillar-num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:400;color:var(--gold-light);display:block;line-height:1;margin-bottom:1.2rem;}
.atc-pillar h3{font-size:1.25rem;font-weight:600;color:var(--black);margin-bottom:0.9rem;line-height:1.4;}
.atc-pillar p{font-size:1rem;line-height:1.85;color:var(--body);}

/* Penalties */
.atc-penalties{display:flex;flex-direction:column;gap:1px;background:var(--border);margin-top:2.5rem;}
.atc-penalty{background:var(--white);padding:2.2rem 2.5rem;display:flex;gap:2rem;align-items:flex-start;transition:background .25s;}
.atc-penalty:hover{background:var(--beige);}
.atc-penalty-tag{flex-shrink:0;width:3rem;height:3rem;background:var(--black);color:var(--gold-light);font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.atc-penalty h4{font-size:1.1rem;font-weight:600;color:var(--black);margin:0 0 0.5rem;}
.atc-penalty p{font-size:1rem;line-height:1.85;color:var(--body);margin:0;}

/* Numbers section */
.atc-numbers-section{background:var(--black);padding:5rem 5vw;}
.atc-numbers-section h2{color:var(--white);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin:0.8rem 0 1.6rem;}
.atc-numbers-section p{color:rgba(255,255,255,0.78);font-size:1.08rem;line-height:1.9;max-width:720px;}
.atc-numbers-section p strong{color:var(--gold-light);}
.atc-number-callout{display:grid;grid-template-columns:auto 1fr;gap:3.5rem;align-items:center;margin-top:3.5rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,0.1);}
.atc-number-big{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,9vw,7rem);font-weight:400;color:var(--gold-light);line-height:1;}
.atc-number-explain p{color:rgba(255,255,255,0.78);font-size:1.05rem;line-height:1.9;margin-bottom:0.8rem;}
.atc-number-explain p:last-child{margin-bottom:0;}

/* Impact grid */
.atc-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:3rem;}
.atc-impact{background:var(--white);padding:2.5rem 2rem;transition:background .25s;}
.atc-impact:hover{background:var(--beige);}
.atc-impact-num{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;color:var(--black);display:block;line-height:1;margin-bottom:0.7rem;}
.atc-impact-label{font-size:0.88rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);line-height:1.5;display:block;}

/* Closing CTA */
.atc-closing{background:var(--gold);padding:5rem 5vw;}

.atc-closing-quote{margin:0 0 2.5rem;}
.atc-closing-quote p{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.5vw,1.75rem);font-style:italic;font-weight:400;color:var(--white);line-height:1.65;margin-bottom:1rem;}
.atc-closing-quote p strong{font-style:normal;font-weight:600;}
.atc-closing-body{font-size:1.05rem;color:rgba(255,255,255,0.88);line-height:1.9;max-width:680px;margin-bottom:2rem;}
.atc-author-sig{display:flex;flex-direction:column;gap:0.3rem;padding-top:1.8rem;}
.atc-author-name{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:400;color:var(--white);letter-spacing:0.02em;}
.atc-author-roles{font-size:0.82rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.7);}
.atc-closing .btn-outline{border-color:rgba(255,255,255,0.6);color:var(--white);}
.atc-closing .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,0.1);}
.atc-closing .btn-gold{background:var(--black);color:var(--white);}
.atc-closing .btn-gold:hover{background:rgba(0,0,0,0.8);}

/* ATC Responsive */
@media(max-width:960px){
  .atc-compare-head,.atc-compare-row{grid-template-columns:120px 1fr 1fr;}
  .atc-number-callout{grid-template-columns:1fr;gap:1.5rem;}
  .atc-impact-grid{grid-template-columns:repeat(2,1fr);}
  .pillars-trio .atc-pillar{border-right:none;border-bottom:1px solid var(--border);}
}
@media(max-width:640px){
  .atc-hero{padding:3rem 5vw 2.5rem;}
  .atc-section{padding:3rem 5vw;}
  .atc-prose{padding:0 5vw 2rem;}
  .atc-dark-section,.atc-numbers-section,.atc-closing{padding:3rem 5vw;}
  .atc-compare-head,.atc-compare-row{grid-template-columns:1fr 1fr;}
  .atc-compare-label{display:none;}
  .atc-impact-grid{grid-template-columns:1fr;}
  .atc-penalty{flex-direction:column;gap:1.2rem;}
  .atc-number-big{font-size:clamp(3rem,12vw,5rem);}
}

/* ════════════════════════════════════════════════════════════
   WWW — WORLD WIDE WELFARE PAGE
   ════════════════════════════════════════════════════════════ */

/* Hero */
.www-hero{background:var(--black);min-height:92vh;display:flex;align-items:center;padding:5rem 5vw;position:relative;overflow:hidden;}
.www-hero::before{content:'WWW';position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-size:clamp(12rem,22vw,22rem);font-weight:400;color:rgba(150,114,31,0.06);line-height:1;pointer-events:none;letter-spacing:-0.05em;}
.www-hero-inner{max-width:800px;position:relative;z-index:1;}
.www-hero .section-label{color:var(--gold-light);}
.www-hero .section-label::before{background:var(--gold-light);}
.www-monogram{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,7vw,6rem);font-weight:400;color:var(--gold-light);line-height:1;margin:1rem 0 0.4rem;letter-spacing:0.08em;}
.www-hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:300;color:var(--white);line-height:1.1;margin:0 0 0.6rem;}
.www-hero h1 em{color:var(--gold-light);}
.www-hero-sub{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,0.72);max-width:580px;line-height:1.75;margin:0.4rem 0 0.3rem;}
.www-hero-edition{font-size:0.82rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:2.5rem;}
.www-hero-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.6rem);font-style:italic;font-weight:400;color:var(--white);border-left:3px solid var(--gold);padding:1rem 0 1rem 2rem;max-width:640px;line-height:1.6;}

/* Generic section wrapper */
.www-section{padding:3rem 5vw;}
.www-h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:var(--black);margin:0.8rem 0 1.8rem;}
.www-lead-p{font-size:1.08rem;line-height:1.9;max-width:720px;margin-bottom:3rem;}
.www-prose{max-width:760px;}
.www-prose p{font-size:1.08rem;line-height:1.9;margin-bottom:1.4rem;}
.www-prose p strong{color:var(--black);font-weight:600;}
.www-gold-label{color:var(--gold-light) !important;}
.www-gold-label::before{background:var(--gold-light) !important;}

/* Dark sections */
.www-dark-section{background:var(--black);padding:5rem 5vw;}

.www-dark-section h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:var(--white);margin:0.8rem 0 2.5rem;}

/* Problem cards */
.www-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);margin-top:2.5rem;}
.www-problem-card{background:var(--black);padding:3rem 2.5rem;transition:background .25s;border-bottom:2px solid transparent;}
.www-problem-card:hover{background:rgba(150,114,31,0.08);border-bottom-color:var(--gold);}
.www-problem-num{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:400;color:rgba(150,114,31,0.35);display:block;line-height:1;margin-bottom:1.2rem;}
.www-problem-card h3{font-size:1.2rem;font-weight:600;color:var(--white);margin-bottom:1rem;line-height:1.4;}
.www-problem-card p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,0.7);}

/* Analogy block */
.www-analogy{display:flex;gap:3rem;align-items:flex-start;padding:3rem;background:var(--beige);margin:2rem 0;}
.www-analogy-icon{font-size:3rem;color:var(--gold);flex-shrink:0;line-height:1;margin-top:0.2rem;}
.www-analogy h3{font-size:1.35rem;font-weight:600;color:var(--black);margin-bottom:1rem;}
.www-analogy p{font-size:1.05rem;line-height:1.9;margin-bottom:0.8rem;}
.www-analogy p:last-child{margin-bottom:0;}

/* Principles */
.www-principles{display:flex;flex-direction:column;gap:1px;background:var(--border);margin-top:2rem;}
.www-principle{background:var(--white);padding:1.6rem 2rem;display:flex;gap:1.8rem;align-items:flex-start;transition:background .22s;}
.www-principle:hover{background:var(--beige);}
.www-principle-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:0.6rem;}
.www-principle strong{font-size:1.02rem;font-weight:600;color:var(--black);display:block;margin-bottom:0.3rem;}
.www-principle p{font-size:0.97rem;line-height:1.75;color:var(--body);margin:0;}

/* Scale spectrum table */
.www-table-section{padding:5rem 5vw;background:var(--beige);}

.www-table-lead{font-size:1.05rem;line-height:1.85;max-width:600px;margin-bottom:2.5rem;}
.www-scale-table{border:1px solid var(--border);overflow:hidden;}
.www-scale-head{display:grid;grid-template-columns:140px 1fr 260px;background:var(--black);color:var(--white);}
.www-scale-head>div{padding:1rem 1.4rem;font-size:0.8rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;}
.www-scale-row{display:grid;grid-template-columns:140px 1fr 260px;border-bottom:1px solid var(--border);transition:background .22s;}
.www-scale-row:last-child{border-bottom:none;}
.www-scale-row:hover{background:var(--white);}
.www-scale-row>div{padding:1.2rem 1.4rem;font-size:0.97rem;line-height:1.65;display:flex;align-items:center;}
.www-scale-tier{font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:1.2rem 1.4rem;display:flex;align-items:center;}
.www-scale-tier.micro{color:var(--gold);}
.www-scale-tier.local{color:#5a8a60;}
.www-scale-tier.sub{color:#3a6a8a;}
.www-scale-tier.national{color:#6a3a8a;}
.www-scale-tier.global{color:var(--gold-light);}
.www-scale-who{font-size:0.9rem;font-style:italic;color:var(--muted);}

/* Architecture blocks */
.www-arch-block{display:flex;gap:3rem;padding:3.5rem 0;border-bottom:1px solid var(--border);}
.www-arch-block:last-child{border-bottom:none;}
.www-arch-num{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:400;color:var(--gold-light);flex-shrink:0;line-height:1;width:60px;}
.www-arch-block h3{font-size:1.5rem;font-weight:500;color:var(--black);margin-bottom:1rem;}
.www-arch-block>div>p{font-size:1.05rem;line-height:1.9;margin-bottom:1.5rem;max-width:680px;}
.www-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:1.5rem;}
.www-sub-card{background:var(--white);padding:1.8rem 1.6rem;transition:background .22s;}
.www-sub-card:hover{background:var(--beige);}
.www-sub-card h4{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:0.6rem;}
.www-sub-card p{font-size:0.95rem;line-height:1.8;color:var(--body);}

/* Sources grid */
.www-sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);margin-top:2rem;}
.www-source-card{background:var(--black);padding:2.5rem 2rem;transition:background .25s;border-bottom:2px solid transparent;}
.www-source-card:hover{background:rgba(150,114,31,0.08);border-bottom-color:var(--gold);}
.www-source-card h4{font-size:1rem;font-weight:600;color:var(--gold-light);margin-bottom:0.7rem;}
.www-source-card p{font-size:0.95rem;line-height:1.8;color:rgba(255,255,255,0.7);}

/* Flow table */
.www-flow-table{border:1px solid rgba(255,255,255,0.12);margin-top:2rem;overflow-x:auto;}
.www-flow-head{display:grid;grid-template-columns:120px 100px 80px 1fr 1fr 150px;background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.12);}
.www-flow-head>div{padding:0.9rem 1rem;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.www-flow-row{display:grid;grid-template-columns:120px 100px 80px 1fr 1fr 150px;border-bottom:1px solid rgba(255,255,255,0.08);transition:background .22s;}
.www-flow-row:last-child{border-bottom:none;}
.www-flow-row:hover{background:rgba(255,255,255,0.03);}
.www-flow-row>div{padding:1rem;font-size:0.92rem;line-height:1.6;color:rgba(255,255,255,0.72);display:flex;align-items:center;}
.www-flow-tier{font-size:0.75rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--gold-light);}
.www-flow-tier.global-tier{color:var(--gold);}
.www-flow-pct{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--gold-light);}
.www-flow-pass{font-size:0.85rem;font-style:italic;color:rgba(255,255,255,0.45);}
.www-flow-pass.calamity{color:var(--gold-light);font-style:normal;font-weight:600;}

/* Calamity box */
.www-calamity-box{margin-top:3rem;border-left:3px solid var(--gold);padding:2rem 2.5rem;background:rgba(150,114,31,0.07);}
.www-calamity-label{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-light);margin-bottom:0.8rem;}
.www-calamity-box p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,0.75);}
.www-calamity-box p strong{color:var(--gold-light);}

/* Governance grid */
.www-gov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:2rem 0;}
.www-gov-card{background:var(--white);padding:2.5rem 1.8rem;transition:background .22s;}
.www-gov-card:hover{background:var(--beige);}
.www-gov-tier{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:0.8rem;}
.www-gov-tier.global-tier{color:var(--muted);}
.www-gov-card h4{font-size:1.05rem;font-weight:600;color:var(--black);margin-bottom:0.8rem;line-height:1.4;}
.www-gov-decisions{font-size:0.92rem;line-height:1.7;color:var(--body);margin-bottom:0.8rem;}
.www-gov-accountability{font-size:0.82rem;line-height:1.6;color:var(--muted);font-style:italic;}

/* Tech block */
.www-tech-block{background:var(--beige);padding:2.5rem 3rem;margin-top:2.5rem;}
.www-tech-block h3{font-size:1.25rem;font-weight:600;color:var(--black);margin-bottom:1rem;}
.www-tech-block p{font-size:1rem;line-height:1.85;margin-bottom:0.8rem;max-width:700px;}
.www-tech-block p:last-child{margin-bottom:0;}

/* Community section */
.www-community-section{background:var(--black);padding:5rem 5vw;}

.www-community-section h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:var(--white);margin:0.8rem 0 3rem;}
.www-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);}
.www-community-card{background:var(--black);padding:3rem 2.5rem;transition:background .25s;}
.www-community-card:hover{background:rgba(150,114,31,0.07);}
.www-community-icon{font-size:2.5rem;color:var(--gold-light);display:block;margin-bottom:1.2rem;}
.www-community-card h3{font-size:1.2rem;font-weight:600;color:var(--white);margin-bottom:1rem;line-height:1.4;}
.www-community-card p{font-size:0.97rem;line-height:1.85;color:rgba(255,255,255,0.7);margin-bottom:0.8rem;}
.www-community-card p:last-child{margin-bottom:0;}

/* Global blocks */
.www-global-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;}
.www-global-block{padding:2.5rem 2rem;background:var(--beige);}
.www-global-block h3{font-size:1.15rem;font-weight:600;color:var(--black);margin-bottom:1rem;}
.www-global-block p{font-size:0.97rem;line-height:1.85;margin-bottom:0.8rem;}
.www-priority-list{list-style:none;margin-top:1rem;}
.www-priority-list li{font-size:0.95rem;line-height:1.7;padding:0.5rem 0 0.5rem 1.4rem;border-bottom:1px solid var(--border);position:relative;color:var(--body);}
.www-priority-list li:last-child{border-bottom:none;}
.www-priority-list li::before{content:'→';position:absolute;left:0;color:var(--gold);font-size:0.8rem;}

/* Implementation */
.www-impl-section{background:var(--black);padding:5rem 5vw;}

.www-impl-section h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:var(--white);margin:0.8rem 0 3.5rem;}
.www-phases{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:0;}
.www-phase{background:rgba(255,255,255,0.04);padding:2.8rem 2.2rem;border:1px solid rgba(255,255,255,0.08);transition:background .25s;}
.www-phase:hover{background:rgba(150,114,31,0.08);}
.www-phase-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:400;color:var(--gold-light);line-height:1;margin-bottom:0.2rem;}
.www-phase-period{font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:1.2rem;}
.www-phase h3{font-size:1.15rem;font-weight:600;color:var(--white);margin-bottom:0.9rem;}
.www-phase p{font-size:0.95rem;line-height:1.8;color:rgba(255,255,255,0.68);}
.www-phase-connector{width:2px;background:rgba(150,114,31,0.25);margin:3rem 1.5rem 0;align-self:stretch;}

/* Objections */
.www-objections{display:flex;flex-direction:column;gap:1px;background:var(--border);margin-top:2rem;}
.www-objection{background:var(--white);padding:2rem 2.5rem;transition:background .22s;}
.www-objection:hover{background:var(--beige);}
.www-objection-q{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-style:italic;font-weight:400;color:var(--black);margin-bottom:0.8rem;}
.www-objection p{font-size:1rem;line-height:1.85;color:var(--body);max-width:800px;}

/* Quick reference */
.www-ref-section{background:var(--black);padding:5rem 5vw;}

.www-ref-section h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:var(--white);margin:0.8rem 0 2.5rem;}
.www-ref-table{border:1px solid rgba(255,255,255,0.12);overflow-x:auto;}
.www-ref-head{display:grid;grid-template-columns:150px 120px 80px 1fr 160px;background:rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.12);}
.www-ref-head>div{padding:1rem 1.2rem;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.www-ref-row{display:grid;grid-template-columns:150px 120px 80px 1fr 160px;border-bottom:1px solid rgba(255,255,255,0.08);transition:background .22s;}
.www-ref-row:last-child{border-bottom:none;}
.www-ref-row:hover{background:rgba(255,255,255,0.03);}
.www-ref-row>div{padding:1rem 1.2rem;font-size:0.92rem;line-height:1.6;color:rgba(255,255,255,0.72);display:flex;align-items:center;}
.www-ref-tier{font-size:0.75rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}
.www-ref-tier.t1{color:var(--gold-light);}
.www-ref-tier.t2{color:#7ab87e;}
.www-ref-tier.t3{color:#7ab0d8;}
.www-ref-tier.t4{color:var(--gold);}
.www-ref-tier.t4r{color:rgba(255,100,100,0.85);}
.www-ref-pct{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--gold-light);}
.reserve-row{background:rgba(150,114,31,0.05);}

/* Conclusion */
.www-conclusion{background:var(--gold);padding:5rem 5vw;}

.www-conclusion h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:300;color:var(--white);margin:0.8rem 0 2rem;}
.www-conclusion>div>p{font-size:1.05rem;line-height:1.9;color:rgba(255,255,255,0.88);margin-bottom:1.2rem;max-width:720px;}
.www-conclusion-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.25rem,2.3vw,1.65rem);font-style:italic;font-weight:400;color:var(--white);border-left:3px solid rgba(255,255,255,0.5);padding:1.4rem 0 1.4rem 2.2rem;margin:2.5rem 0;line-height:1.65;}
.www-conclusion-tagline{font-size:1rem;font-weight:700;letter-spacing:0.06em;color:rgba(255,255,255,0.9);margin-top:1.5rem;}
.www-copyright{font-size:0.8rem;color:rgba(255,255,255,0.45);margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.2);}
.www-conclusion .btn-gold{background:var(--black);color:var(--white);}
.www-conclusion .btn-gold:hover{background:rgba(0,0,0,0.8);}
.www-conclusion .btn-outline{border-color:rgba(255,255,255,0.6);color:var(--white);}
.www-conclusion .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,0.1);}

/* WWW Responsive */
@media(max-width:1024px){
  .www-problem-grid{grid-template-columns:1fr 1fr;}
  .www-sources-grid{grid-template-columns:1fr 1fr;}
  .www-gov-grid{grid-template-columns:1fr 1fr;}
  .www-phases{grid-template-columns:1fr;gap:1px;}
  .www-phase-connector{display:none;}
  .www-global-grid{grid-template-columns:1fr;}
}
@media(max-width:960px){
  .www-hero{min-height:auto;padding:4rem 5vw 3rem;}
  .www-section{padding:3rem 5vw;}
  .www-dark-section,.www-community-section,.www-impl-section,.www-ref-section{padding:3rem 5vw;}
  .www-table-section,.www-conclusion{padding:3rem 5vw;}
  .www-problem-grid{grid-template-columns:1fr;}
  .www-community-grid{grid-template-columns:1fr;}
  .www-sub-grid{grid-template-columns:1fr;}
  .www-arch-block{flex-direction:column;gap:1.5rem;}
  .www-analogy{flex-direction:column;gap:1.5rem;}
  .www-flow-head,.www-flow-row{grid-template-columns:90px 80px 60px 1fr;}
  .www-flow-row>div:nth-child(5),.www-flow-head>div:nth-child(5){display:none;}
  .www-ref-head,.www-ref-row{grid-template-columns:130px 100px 70px 1fr;}
  .www-ref-row>div:nth-child(5),.www-ref-head>div:nth-child(5){display:none;}
  .www-scale-head,.www-scale-row{grid-template-columns:110px 1fr;}
  .www-scale-head>div:last-child,.www-scale-row>div:last-child{display:none;}
}
@media(max-width:640px){
  .www-hero::before{display:none;}
  .www-gov-grid{grid-template-columns:1fr;}
  .www-sources-grid{grid-template-columns:1fr;}
  .www-flow-head,.www-flow-row{grid-template-columns:80px 1fr;}
  .www-flow-row>div:nth-child(3),.www-flow-head>div:nth-child(3),
  .www-flow-row>div:nth-child(4),.www-flow-head>div:nth-child(4){display:none;}
}
/* ════════════════════════════════════════════════════════════
   FUTURE DEMOCRACY PAGE
   ════════════════════════════════════════════════════════════ */

/* Hero */
.fd-hero{background:var(--black);padding:5rem 5vw;position:relative;overflow:hidden;}
.fd-hero::after{content:'';position:absolute;top:0;right:0;bottom:0;width:40%;background:linear-gradient(135deg,transparent 0%,rgba(150,114,31,0.06) 100%);pointer-events:none;}
.fd-hero .section-label{color:var(--gold-light);}
.fd-hero .section-label::before{background:var(--gold-light);}
.fd-hero h1{font-size:clamp(3.5rem,7vw,7rem);font-weight:300;color:var(--white);line-height:1.05;margin:1.2rem 0 0.8rem;}
.fd-hero h1 em{color:var(--gold-light);font-style:italic;}
.fd-hero-sub{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,0.6);max-width:500px;line-height:1.75;margin-bottom:3rem;letter-spacing:0.01em;}
.fd-opening{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.4rem);font-style:italic;font-weight:400;color:var(--white);line-height:1.5;border-left:3px solid var(--gold);padding:1.2rem 0 1.2rem 2.2rem;max-width:700px;margin:0;}

/* Body */
.fd-body{padding:0 5vw;}

/* Question block */
.fd-question{display:flex;gap:3.5rem;align-items:flex-start;padding:5rem 0;border-bottom:1px solid var(--border);}
.fd-question-mark{font-family:'Cormorant Garamond',serif;font-size:clamp(6rem,10vw,10rem);font-weight:400;color:var(--beige-mid);line-height:1;flex-shrink:0;margin-top:-1rem;}
.fd-question h2{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:400;color:var(--black);line-height:1.3;margin-bottom:1.5rem;font-family:'Cormorant Garamond',serif;font-style:italic;}
.fd-question p{font-size:1.1rem;line-height:1.9;color:var(--body);max-width:680px;}
.fd-question p em{color:var(--gold);font-style:italic;font-weight:500;}

/* Trinity diagram */
.fd-trinity{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0;}
.fd-trinity-item{background:var(--white);padding:4rem 3rem;display:flex;flex-direction:column;gap:0.5rem;transition:background .25s;position:relative;overflow:hidden;}
.fd-trinity-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--beige-mid);transition:background .3s;}
.fd-trinity-from::before{background:var(--gold);}
.fd-trinity-item:hover{background:var(--beige);}
.fd-trinity-label{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.fd-trinity-missing .fd-trinity-label{color:rgba(150,114,31,0.5);}
.fd-trinity-word{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5rem);font-weight:400;color:var(--black);line-height:1;margin:0.3rem 0 0.1rem;}
.fd-trinity-missing .fd-trinity-word{color:var(--beige-mid);}
.fd-trinity-sub{font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0.02em;}
.fd-trinity-note{font-size:0.92rem;line-height:1.7;color:var(--body);margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid var(--border);}

/* Grand System */
.fd-grand-system{padding:5rem 0;border-bottom:1px solid var(--border);max-width:820px;}
.fd-grand-system p{font-size:1.15rem;line-height:1.95;color:var(--body);margin-bottom:0;}
.fd-pull-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400;font-style:italic;color:var(--black);margin:2.5rem 0 0;line-height:1.35;padding-left:2.5rem;border-left:3px solid var(--gold);}

/* Discourses */
.fd-discourses{padding:5rem 0;}
.fd-discourses>p{font-size:1.08rem;line-height:1.9;max-width:740px;margin:1rem 0 3rem;}
.fd-discourses strong{font-weight:600;color:var(--black);}
.fd-discourse-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);}
.fd-discourse-card{background:var(--white);padding:2.8rem 2.2rem;display:flex;flex-direction:column;gap:1rem;transition:background .25s;position:relative;overflow:hidden;}
.fd-discourse-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .35s;}
.fd-discourse-card:hover{background:var(--beige);}
.fd-discourse-card:hover::after{width:100%;}
.fd-discourse-num{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);}
.fd-discourse-card p{font-size:0.97rem;line-height:1.75;color:var(--body);flex:1;margin:0;}
.fd-discourse-link{font-size:0.85rem;font-weight:600;letter-spacing:0.08em;color:var(--black);text-decoration:none;text-transform:uppercase;transition:color .2s;margin-top:auto;}
.fd-discourse-link:hover{color:var(--gold);}

/* CTA section */
.fd-cta{background:var(--black);padding:5rem 5vw;display:flex;flex-direction:column;align-items:flex-start;gap:3rem;}
.fd-cta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;font-style:italic;color:var(--white);max-width:720px;line-height:1.5;}
.fd-cta-actions{display:flex;gap:1rem;flex-wrap:wrap;}
.fd-cta .btn-outline{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.8);}
.fd-cta .btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);}

/* Future Democracy Responsive */
@media(max-width:960px){
  .fd-trinity{grid-template-columns:1fr;}
  .fd-trinity-item{padding:3rem 2.5rem;}
  .fd-discourse-grid{grid-template-columns:1fr 1fr;}
  .fd-question{gap:2rem;}
  .fd-question-mark{font-size:clamp(4rem,8vw,6rem);}
}
@media(max-width:640px){
  .fd-hero{padding:3rem 5vw 2.5rem;}
  .fd-body{padding:0 5vw;}
  .fd-question{flex-direction:column;gap:1rem;}
  .fd-question-mark{font-size:4rem;}
  .fd-discourse-grid{grid-template-columns:1fr;}
  .fd-cta{padding:3rem 5vw;}
  .fd-grand-system,.fd-discourses{padding:3rem 0;}
}
/* ════════════════════════════════════════════════════════════
   LIBRARY PAGE
   ════════════════════════════════════════════════════════════ */

/* Hero */
.lib-hero{background:var(--black);padding:5rem 5vw;position:relative;overflow:hidden;}
.lib-hero::before{content:'';position:absolute;top:-60px;right:6%;width:300px;height:300px;border-radius:50%;border:1px solid rgba(150,114,31,0.1);pointer-events:none;}
.lib-hero::after{content:'';position:absolute;top:0;right:8%;width:180px;height:180px;border-radius:50%;border:1px solid rgba(150,114,31,0.06);pointer-events:none;}
.lib-hero-inner{position:relative;z-index:1;max-width:680px;}
.lib-hero .section-label{color:var(--gold-light);}
.lib-hero .section-label::before{background:var(--gold-light);}
.lib-hero h1{font-size:clamp(2.8rem,5.5vw,5rem);font-weight:400;color:var(--white);line-height:1.08;margin:1rem 0 1.5rem;}
.lib-hero h1 em{color:var(--gold-light);font-style:italic;}
.lib-hero-body{font-size:1rem;font-weight:300;color:rgba(249,246,241,0.62);line-height:1.85;max-width:540px;}

/* Meta bar */
.lib-meta-bar{background:var(--beige);border-bottom:1px solid var(--border);display:flex;gap:0;padding:0 5vw;}
.lib-meta-item{padding:1.4rem 3rem 1.4rem 0;display:flex;flex-direction:column;gap:3px;}
.lib-meta-item:not(:last-child){border-right:1px solid var(--border);margin-right:3rem;}
.lib-meta-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:600;color:var(--gold);line-height:1;}
.lib-meta-label{font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}

/* Main wrapper */
.lib-wrap{padding:0 5vw 4rem;}

/* Intro */
.lib-intro{padding:2.5rem 0;border-bottom:1px solid var(--border);max-width:760px;margin-bottom:2.5rem;}
.lib-intro p{font-size:1rem;font-weight:400;color:var(--body);line-height:1.9;}
.lib-intro strong{font-weight:600;color:var(--black);}
.lib-intro a{color:var(--gold);border-bottom:1px solid var(--gold-faint);transition:border-color .2s;}
.lib-intro a:hover{border-color:var(--gold);}
.lib-intro em{font-style:italic;}

/* Founder grid */
.lib-founder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:3rem;}
.lib-founder-card{background:var(--beige);padding:2rem 1.8rem;display:flex;flex-direction:column;transition:background .22s;}
.lib-founder-card:hover{background:var(--white);}
.lib-card-badge{display:inline-block;font-size:0.68rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;background:var(--black);color:var(--gold-light);padding:4px 10px;align-self:flex-start;margin-bottom:1.2rem;}
.lib-card-domain{font-size:0.72rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:0.3rem;}
.lib-card-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--black);line-height:1.2;margin-bottom:0.25rem;}
.lib-card-author{font-size:0.85rem;font-weight:300;color:var(--muted);margin-bottom:1rem;}
.lib-card-desc{font-size:0.95rem;font-weight:400;color:var(--body);line-height:1.75;margin-bottom:1.4rem;flex:1;}
.lib-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem;}
.lib-btn{display:inline-flex;align-items:center;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;letter-spacing:0.07em;padding:8px 16px;border:1px solid;cursor:pointer;transition:opacity .18s,background .18s;}
.lib-btn:hover{opacity:0.8;}
.lib-btn-primary{background:var(--black);color:var(--gold-light);border-color:var(--black);}
.lib-btn-secondary{background:transparent;color:var(--muted);border-color:var(--border);}
.lib-card-status{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:4px;}
.lib-status-no-award{font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);}
.lib-status-reward{font-size:0.82rem;font-weight:300;color:var(--muted);font-style:italic;}

/* How it works */
.lib-how-block{background:var(--beige);border:1px solid var(--border);padding:2.5rem;margin-bottom:3rem;}
.lib-how-block h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--black);margin-bottom:2rem;}
.lib-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.lib-how-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:400;color:var(--gold);line-height:1;margin-bottom:0.5rem;}
.lib-how-title{font-size:0.88rem;font-weight:600;color:var(--black);margin-bottom:0.4rem;letter-spacing:0.02em;}
.lib-how-step p{font-size:0.9rem;font-weight:400;color:var(--muted);line-height:1.7;}

/* Category grid */
.lib-cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:3rem;}
.lib-cat-cell{background:var(--white);padding:1.4rem 1.2rem;transition:background .18s;cursor:pointer;}
.lib-cat-cell:hover{background:var(--beige);}
.lib-cat-active{background:var(--beige);}
.lib-cat-propose{background:var(--white);}
.lib-cat-icon{display:block;margin-bottom:0.6rem;line-height:1;color:var(--gold);}
.lib-cat-icon svg{display:block;width:22px;height:22px;stroke:var(--gold);}
.lib-cat-active .lib-cat-icon svg{stroke:var(--gold);}
.lib-cat-cell:hover .lib-cat-icon svg{stroke:var(--black);transition:stroke .18s;}
.lib-cat-name{font-size:0.88rem;font-weight:500;color:var(--black);margin-bottom:0.2rem;}
.lib-cat-count{font-size:0.78rem;font-weight:400;color:var(--muted);}
.lib-has-system{color:var(--gold);font-weight:500;}

/* Award block */
.lib-award-block{border:1px solid var(--gold-light);padding:2.5rem;margin-bottom:2.5rem;}
.lib-award-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.8rem;}
.lib-award-icon{font-size:2.2rem;color:var(--gold);flex-shrink:0;line-height:1;margin-top:0.2rem;}
.lib-award-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--black);margin-bottom:0.4rem;}
.lib-award-sub{font-size:0.95rem;font-weight:400;color:var(--body);line-height:1.8;}
.lib-award-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.lib-award-box{background:var(--beige);border:1px solid var(--border);padding:1.5rem 1.6rem;}
.lib-award-box-title{font-size:0.75rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:0.7rem;display:block;}
.lib-award-box-text{font-size:0.95rem;font-weight:400;color:var(--body);line-height:1.8;}

/* Submit banner */
.lib-submit-banner{background:var(--black);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;margin-bottom:0;}
.lib-submit-title{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:var(--white);margin-bottom:0.5rem;}
.lib-submit-desc{font-size:0.95rem;font-weight:300;color:rgba(249,246,241,0.6);line-height:1.75;max-width:520px;}
.lib-submit-cta{flex-shrink:0;background:var(--gold);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:14px 32px;white-space:nowrap;transition:opacity .18s;}
.lib-submit-cta:hover{opacity:0.85;}

/* Footer note */
.lib-footer-note{font-size:1.2rem;font-weight:300;color:var(--muted);font-style:italic;line-height:1.8;padding:2rem 0 1rem;border-top:1px solid var(--border);margin-top:3rem;}

/* Library Responsive */
@media(max-width:960px){
  .lib-founder-grid{grid-template-columns:1fr;}
  .lib-how-grid{grid-template-columns:repeat(2,1fr);}
  .lib-cat-grid{grid-template-columns:repeat(3,1fr);}
  .lib-award-cols{grid-template-columns:1fr;}
  .lib-submit-banner{flex-direction:column;align-items:flex-start;}
  .lib-meta-bar{flex-wrap:wrap;gap:0;}
  .lib-meta-item{border-right:none !important;margin-right:0 !important;padding-right:2.5rem;}
}
@media(max-width:640px){
  .lib-hero{padding:3rem 5vw 2.5rem;}
  .lib-how-grid{grid-template-columns:1fr;}
  .lib-cat-grid{grid-template-columns:repeat(2,1fr);}
  .lib-submit-banner{padding:2rem 1.8rem;}
  .lib-award-block{padding:1.8rem;}
}

/* ── WWW HOOK PARAGRAPH ───────────────────────────────────── */
.www-hook{padding:3rem 5vw 2.5rem;border-bottom:1px solid var(--border);}
.www-hook p{font-size:1.05rem;line-height:1.9;color:var(--body);max-width:780px;margin-bottom:1rem;}
p.www-hook-line{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:400;font-style:italic;color:var(--black);line-height:1.55;margin-bottom:1.5rem;}
.www-hook p:last-child{margin-bottom:0;}

/* ── ATC TERMS OF USE ─────────────────────────────────────── */
.atc-terms{background:var(--beige);border-top:1px solid var(--border);}
.atc-terms-inner{padding:4rem 5vw;}
.atc-terms-label{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:0.9rem;}
.atc-terms-header h3{font-size:1.25rem;font-weight:600;color:var(--black);line-height:1.4;margin-bottom:0.3rem;}
.atc-terms-byline{font-size:0.88rem;font-weight:400;color:var(--muted);margin-bottom:1.8rem;display:block;}
.atc-terms-intro{font-size:0.97rem;line-height:1.85;color:var(--body);margin-bottom:1rem;}
.atc-terms-list{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--border);}
.atc-terms-list li{background:var(--white);padding:0.85rem 1.2rem 0.85rem 2.8rem;font-size:0.95rem;line-height:1.7;color:var(--body);position:relative;}
.atc-terms-list li::before{content:'—';position:absolute;left:1.1rem;color:var(--gold);font-weight:600;}
.atc-terms-licence{font-size:0.95rem;line-height:1.8;color:var(--body);margin-bottom:0.5rem;}
.atc-terms-contact{font-size:0.97rem;font-weight:600;color:var(--black);}
.atc-terms-contact a{color:var(--gold);border-bottom:1px solid var(--gold-faint);transition:border-color .2s;}
.atc-terms-contact a:hover{border-color:var(--gold);}

/* ════════════════════════════════════════════════════════════
   ORDER NOW BUTTON & MODAL
   ════════════════════════════════════════════════════════════ */

.order-btn{margin-top:1.8rem;display:inline-flex;}
.order-btn2{margin: 0 0 2rem;}

/* Overlay */
.order-modal-overlay{position:fixed;inset:0;background:rgba(10,10,10,0.72);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .28s ease;}
.order-modal-overlay.open{opacity:1;pointer-events:all;}

/* Modal box */
.order-modal{background:var(--white);width:100%;max-width:480px;position:relative;transform:translateY(24px);transition:transform .28s ease;box-shadow:0 20px 60px rgba(0,0,0,0.28); border: solid 2px #fff;}
.order-modal-overlay.open .order-modal{transform:translateY(0);}

/* Close */
.order-modal-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;padding:0;transition:color .18s;}
.order-modal-close:hover{color:var(--black);}

/* Header */
.order-modal-header{background:var(--black);padding:2rem 2.2rem 1.6rem;}
.order-modal-label{font-size:0.7rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-light);margin-bottom:0.5rem;}
.order-modal-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--white);line-height:1.25;margin-bottom:0.4rem;}
.order-modal-sub{font-size:0.85rem;color:rgba(255,255,255,0.5);font-weight:300;}

/* Body */
.order-modal-body{padding:1.8rem 2.2rem 2rem;}
.order-field{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1.1rem;}
.order-field label{font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.order-field input{border:1px solid var(--border);padding:0.75rem 1rem;font-family:'Jost',sans-serif;font-size:0.97rem;color:var(--black);background:var(--white);outline:none;transition:border-color .18s;width:100%;box-sizing:border-box;}
.order-field input:focus{border-color:var(--gold);}
.order-field input::placeholder{color:#bbb;}
.order-modal-submit{width:100%;background:var(--black);color:var(--white);border:none;padding:0.95rem 1rem;font-family:'Jost',sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;margin-top:0.5rem;transition:background .2s;}
.order-modal-submit:hover{background:var(--gold);}
.order-modal-note{font-size:0.85rem;margin-top:0.8rem;min-height:1.2em;text-align:center;}

/* Mobile */
@media(max-width:480px){
  .order-modal-overlay{padding:0;align-items:flex-end;}
  .order-modal{max-width:100%;width:100%;}
  .order-modal-header{padding:1.6rem 1.4rem 1.2rem;}
  .order-modal-body{padding:1.4rem 1.4rem 1.8rem;}
}

/* ── GLOBAL SECTION SPACING — MOBILE (≤640px) ─────────────── */
@media(max-width:640px){
  /* Core pages */
  .ideas-intro,.idea-section,.frameworks-dark,.fw-body{padding:3rem 5vw;}
  .fw-hero{padding:3rem 5vw;}
  .book-body{padding:3rem 5vw;}
  .book-row{padding:2.5rem 5vw;gap:1.5rem;}
  .books-hero{padding:3rem 5vw 2.5rem;}
  .book-detail-hero{padding:3rem 5vw;}
  .about-body{padding:3rem 5vw;}
  .about-left{padding:3rem 5vw;}
  .contact-hero{padding:3rem 5vw 2.5rem;}
  .contact-body{padding:3rem 5vw;}
  .fac-what,.fac-orient,.fac-how,.fac-form-section,.fac-govt{padding:3rem 5vw;}
  /* ATC */
  .atc-terms-inner{padding:3rem 5vw;}
  /* WWW */
  .www-hook{padding:2.5rem 5vw 2rem;}
  /* Library */
  .lib-wrap{padding:0 5vw 3rem;}
  .lib-intro{padding:2rem 0;}
  /* FD */
  .fd-question{padding:3rem 0;}
  .fd-trinity-item{padding:2rem 1.8rem;}
}

/* ════════════════════════════════════════════════════════════
   WWW — NEW PAGE (PDF CONTENT)
   ════════════════════════════════════════════════════════════ */

/* Hero */
.wwwnew-hero{background:var(--black);padding:5rem 5vw;position:relative;overflow:hidden;}
.wwwnew-hero::before{content:'WWW';position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-size:clamp(10rem,20vw,20rem);font-weight:400;color:rgba(150,114,31,0.05);line-height:1;pointer-events:none;letter-spacing:-0.04em;}
.wwwnew-hero-inner{position:relative;z-index:1;max-width:720px;}
.wwwnew-hero .section-label{color:var(--gold-light);}
.wwwnew-hero .section-label::before{background:var(--gold-light);}
.wwwnew-monogram{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5rem);font-weight:400;color:var(--gold-light);line-height:1;letter-spacing:0.1em;margin:1rem 0 0.3rem;}
.wwwnew-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);font-weight:300;color:var(--white);line-height:1.08;margin-bottom:0.6rem;}
.wwwnew-hero h1 em{color:var(--gold-light);font-style:italic;}
.wwwnew-hero-sub{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;max-width:520px;margin-bottom:2rem;}
.wwwnew-hero-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.6rem);font-style:italic;font-weight:400;color:var(--white);border-left:3px solid var(--gold);padding:1.1rem 0 1.1rem 2rem;max-width:640px;margin:2rem 0 0;line-height:1.6;}
.wwwnew-hero-quote cite{display:block;font-size:0.82rem;font-style:normal;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-light);margin-top:0.7rem;}

/* Generic sections */
.wwwnew-section{padding:5rem 5vw;}
.wwwnew-h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:300;color:var(--black);margin:0.8rem 0 1.8rem;}
.wwwnew-h2-light{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:300;color:var(--white);margin:0.8rem 0 1.8rem;}
.wwwnew-gold-label{color:var(--gold-light) !important;}
.wwwnew-gold-label::before{background:var(--gold-light) !important;}
.wwwnew-lead{font-size:1.05rem;line-height:1.9;max-width:720px;margin-bottom:2.5rem;color:var(--body);}

/* Prose */
.wwwnew-prose{max-width:760px;}
.wwwnew-prose p{font-size:1.05rem;line-height:1.9;color:var(--body);margin-bottom:1.2rem;}
.wwwnew-prose p:last-child{margin-bottom:0;}

/* Dark — The Idea */
.wwwnew-dark-section{background:var(--black);padding:5rem 5vw;}
.wwwnew-idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:0.5rem;}
.wwwnew-idea-text p{font-size:1.05rem;line-height:1.9;color:rgba(255,255,255,0.75);margin-bottom:1.1rem;}
.wwwnew-idea-text p:last-child{margin-bottom:0;}
.wwwnew-idea-callout{border-left:3px solid var(--gold);padding:1.8rem 2.2rem;background:rgba(150,114,31,0.07);}
.wwwnew-idea-callout p{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:400;font-style:italic;color:var(--white);line-height:1.55;}

/* Tiers table */
.wwwnew-tiers{border:1px solid var(--border);overflow:hidden;margin-bottom:2rem;}
.wwwnew-tier-head{display:grid;grid-template-columns:160px 1fr 1fr;background:var(--black);}
.wwwnew-tier-head>div{padding:0.9rem 1.3rem;font-size:0.75rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.wwwnew-tier-row{display:grid;grid-template-columns:160px 1fr 1fr;border-bottom:1px solid var(--border);transition:background .2s;}
.wwwnew-tier-row:last-child{border-bottom:none;}
.wwwnew-tier-row:hover{background:var(--beige);}
.wwwnew-tier-row>div{padding:1.1rem 1.3rem;font-size:0.97rem;line-height:1.65;color:var(--body);display:flex;align-items:center;}
.wwwnew-tier-name{font-size:0.75rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;border-right:1px solid var(--border);}
.t-community{color:var(--gold);}
.t-state{color:#5a8a60;}
.t-national{color:#3a6a8a;}
.t-global{color:#7a5a9a;}
.t-calamity{color:rgba(180,60,60,0.9);}
.wwwnew-tier-calamity{background:rgba(150,114,31,0.03);}
.wwwnew-tier-footnote{font-size:0.97rem;line-height:1.85;color:var(--body);max-width:760px;padding-top:1.5rem;border-top:1px solid var(--border);}

/* Beige — Six Principles */
.wwwnew-beige-section{background:var(--beige);padding:5rem 5vw;}
.wwwnew-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:2rem;}
.wwwnew-principle-card{background:var(--white);padding:2.8rem 2.2rem;transition:background .22s;position:relative;}
.wwwnew-principle-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--beige);}
.wwwnew-principle-card:hover{background:var(--beige);}
.wwwnew-principle-card:hover::before{background:var(--gold);}
.wwwnew-principle-card h3{font-size:1.4rem;font-weight:600;color:var(--black);margin-bottom:0.8rem;line-height:1.35;}
.wwwnew-principle-card p{font-size:0.95rem;line-height:1.8;color:var(--body);}

/* Vision / closing */
.wwwnew-vision-section{background:var(--black);padding:5rem 5vw;}
.wwwnew-vision-inner{max-width:820px;}
.wwwnew-vision-section .section-label{color:var(--gold-light);}
.wwwnew-vision-section .section-label::before{background:var(--gold-light);}
.wwwnew-vision-section h2{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:300;color:var(--white);margin:0.8rem 0 2rem;}
.wwwnew-vision-section>div>p{font-size:1.05rem;line-height:1.9;color:rgba(255,255,255,0.75);max-width:720px;margin-bottom:1.2rem;}
.wwwnew-vision-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.65rem);font-style:italic;font-weight:400;color:var(--white);border-left:3px solid var(--gold);padding:1.4rem 0 1.4rem 2.2rem;margin:2.5rem 0 2rem;line-height:1.65;}
.wwwnew-tagline{font-size:1rem;font-weight:600;color:var(--gold-light);letter-spacing:0.04em;margin-bottom:2rem !important;}
.wwwnew-vision-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.wwwnew-vision-section .btn-outline{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.8);}
.wwwnew-vision-section .btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);}
.wwwnew-download{font-size:0.9rem;color:rgba(255,255,255,0.45);margin-bottom:0.5rem !important;}
.wwwnew-download a{color:var(--gold-light);border-bottom:1px solid rgba(150,114,31,0.3);transition:border-color .2s;}
.wwwnew-download a:hover{border-color:var(--gold-light);}
.wwwnew-contact{font-size:0.85rem;color:rgba(255,255,255,0.35);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);margin-top:1rem !important;}
.wwwnew-contact a{color:rgba(255,255,255,0.45);transition:color .2s;}
.wwwnew-contact a:hover{color:var(--gold-light);}

/* Responsive */
@media(max-width:960px){
  .wwwnew-idea-grid{grid-template-columns:1fr;gap:2rem;}
  .wwwnew-principles{grid-template-columns:1fr 1fr;}
  .wwwnew-tier-head,.wwwnew-tier-row{grid-template-columns:120px 1fr 1fr;}
}
@media(max-width:640px){
  .wwwnew-hero::before{display:none;}
  .wwwnew-dark-section,.wwwnew-beige-section,.wwwnew-vision-section{padding:3rem 5vw;}
  .wwwnew-section{padding:3rem 5vw;}
  .wwwnew-principles{grid-template-columns:1fr;}
  .wwwnew-tier-head,.wwwnew-tier-row{grid-template-columns:100px 1fr;}
  .wwwnew-tier-row>div:last-child,.wwwnew-tier-head>div:last-child{display:none;}
  .wwwnew-vision-actions{flex-direction:column;}
}