/* ===========================================================
   The C-Factor Series - shared styles for /cfactor/ sub-pages
   Matches the landing page (cfactor/index.html) design tokens
   =========================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
 --bg:#0D1B2E;--bg-card:#0A1520;--bg-mid:#0F2030;
 --border:#1E3A50;--border-bright:#2A5570;
 --teal:#00E5A0;--teal-dim:#1A8A6A;--teal-soft:rgba(0,229,160,.08);
 --gold:#F5A623;--gold-soft:rgba(245,166,35,.08);
 --red:#FF4757;--green:#2ED573;--blue:#4D9FFF;--purple:#A855F7;
 --text:#E8F4F0;--text-muted:#8AAFC0;--text-dim:#6F8CA0;
 --mono:'Courier New',Courier,monospace;
 --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
 --r:8px;
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;background-image:radial-gradient(circle,rgba(26,56,80,.55) 1px,transparent 1px);background-size:24px 24px;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;font-family:inherit;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px;}

/* NAV */
nav{position:sticky;top:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(13,27,46,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.n-logo{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;font-weight:bold;color:var(--text);letter-spacing:.5px;}
.n-logo .gold{color:var(--gold);}
.n-links{display:flex;gap:1.7rem;align-items:center;}
.n-links a{font-family:var(--mono);font-size:11.5px;color:var(--text-muted);letter-spacing:.7px;transition:color .2s;}
.n-links a:hover,.n-links a.active{color:var(--teal);}
.nav-right{display:flex;gap:10px;align-items:center;}
.n-cta{background:transparent;color:var(--teal);border:1px solid var(--teal);padding:8px 14px;border-radius:var(--r);font-family:var(--mono);font-size:11px;font-weight:bold;letter-spacing:.7px;transition:all .2s;}
.n-cta:hover{background:var(--teal-soft);}
.n-buy{background:var(--gold);color:var(--bg);border:none;padding:8px 14px;border-radius:var(--r);font-family:var(--mono);font-size:11px;font-weight:bold;letter-spacing:.7px;transition:all .2s;}
.n-buy:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px rgba(245,166,35,.3);}
.n-ham{display:none;position:relative;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-muted);font-size:22px;line-height:1;border-radius:9px;margin-left:8px;transition:color .2s,background .2s;}
.n-ham:hover{color:var(--teal);background:var(--teal-soft);}
.n-ham::before{content:'';position:absolute;left:-9px;top:50%;transform:translateY(-50%);height:20px;width:1px;background:var(--border);}

/* LAYOUT */
.wrap{max-width:920px;margin:0 auto;padding:3rem 2rem 4rem;}
.wrap-wide{max-width:1120px;margin:0 auto;padding:3rem 2rem 4rem;}
.crumb{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.5px;margin-bottom:1.6rem;}
.crumb a{color:var(--text-muted);}
.crumb a:hover{color:var(--teal);}
.crumb span{color:var(--text-dim);}

/* PAGE HEAD */
.ph-tag{font-family:var(--mono);font-size:10px;color:var(--teal);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.ph-title{font-family:var(--mono);font-size:clamp(26px,3.4vw,40px);font-weight:bold;color:var(--text);line-height:1.15;margin-bottom:1rem;}
.ph-title em{font-style:normal;color:var(--teal);}
.ph-sub{font-size:16px;color:var(--text-muted);line-height:1.75;max-width:62ch;}
.ph-sub b{color:var(--text);font-weight:600;}

/* BADGES */
.badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:bold;letter-spacing:1px;padding:6px 14px;border-radius:99px;margin-bottom:1.2rem;}
.badge-free{background:var(--teal-soft);border:1px solid rgba(0,229,160,.3);color:var(--teal);}
.badge-paid{background:var(--gold-soft);border:1px solid rgba(245,166,35,.3);color:var(--gold);}

/* BUTTONS */
.btn-p{background:var(--teal);color:var(--bg);border:none;padding:14px 26px;border-radius:var(--r);font-family:var(--mono);font-size:12px;font-weight:bold;letter-spacing:1px;transition:all .2s;display:inline-block;text-align:center;}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,229,160,.28);}
.btn-o{background:transparent;color:var(--text-muted);border:1px solid var(--border-bright);padding:14px 26px;border-radius:var(--r);font-family:var(--mono);font-size:12px;font-weight:bold;letter-spacing:1px;transition:all .2s;display:inline-block;text-align:center;}
.btn-o:hover{color:var(--teal);border-color:var(--teal);background:var(--teal-soft);}
.btn-gold{background:var(--gold);color:var(--bg);border:none;padding:14px 26px;border-radius:var(--r);font-family:var(--mono);font-size:12px;font-weight:bold;letter-spacing:1px;transition:all .2s;display:inline-block;text-align:center;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(245,166,35,.3);}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin:1.8rem 0;}

/* PROSE / CONTENT */
.prose h2{font-family:var(--mono);font-size:clamp(19px,2.3vw,26px);color:var(--text);margin:2.6rem 0 1rem;letter-spacing:.3px;border-bottom:1px solid var(--border);padding-bottom:.6rem;}
.prose h2 .pn{color:var(--teal);}
.prose h3{font-family:var(--mono);font-size:16px;color:var(--gold);margin:1.8rem 0 .7rem;letter-spacing:.3px;}
.prose p{font-size:14.5px;color:var(--text-muted);line-height:1.8;margin-bottom:1rem;}
.prose ul{list-style:none;margin:0 0 1.2rem;padding:0;}
.prose li{font-size:14px;color:var(--text-muted);line-height:1.7;padding-left:1.3rem;position:relative;margin-bottom:.5rem;}
.prose li::before{content:'▸';color:var(--teal);position:absolute;left:0;top:0;}
.prose b,.prose strong{color:var(--text);font-weight:600;}

/* TABLES */
.tbl-wrap{overflow-x:auto;margin:1.2rem 0 1.8rem;border:1px solid var(--border);border-radius:var(--r);}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:460px;}
th{background:var(--bg-mid);color:var(--teal);font-family:var(--mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);}
td{padding:11px 14px;color:var(--text-muted);border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6;}
tr:last-child td{border-bottom:none;}
td b,td strong{color:var(--text);}

/* CALLOUT BOXES */
.box{border-radius:var(--r);padding:1.3rem 1.5rem;margin:1.4rem 0;border-left:3px solid var(--teal);background:var(--bg-card);}
.box-disc{border-left-color:var(--gold);background:linear-gradient(135deg,rgba(245,166,35,.06),transparent);}
.box-why{border-left-color:var(--purple);background:linear-gradient(135deg,rgba(168,85,247,.06),transparent);}
.box-hy{border-left-color:var(--green);background:linear-gradient(135deg,rgba(46,213,115,.06),transparent);}
.box-label{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;font-weight:bold;margin-bottom:8px;}
.box-disc .box-label{color:var(--gold);}
.box-why .box-label{color:var(--purple);}
.box-hy .box-label{color:var(--green);}
.box-title{font-family:var(--mono);font-size:14px;color:var(--text);margin-bottom:8px;font-weight:bold;}
.box p{font-size:14px;color:var(--text-muted);line-height:1.75;margin:0;}

/* CARDS / GRID */
.grid{display:grid;gap:16px;}
.g2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.g3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.6rem;transition:all .25s;position:relative;overflow:hidden;}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ca,var(--teal));opacity:.7;}
.card:hover{transform:translateY(-3px);border-color:var(--ca,var(--border-bright));}
.card h4{font-family:var(--mono);font-size:14px;color:var(--text);margin-bottom:8px;}
.card p{font-size:13px;color:var(--text-muted);line-height:1.7;}

/* TOC LIST */
.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin:1.4rem 0;}
.toc-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:10px 14px;font-size:13.5px;color:var(--text-muted);display:flex;gap:10px;align-items:baseline;}
.toc-item .tn{font-family:var(--mono);font-size:11px;color:var(--teal);flex-shrink:0;min-width:34px;}
.toc-item b{color:var(--text);font-weight:500;}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,rgba(245,166,35,.1),rgba(245,166,35,.04));border:1px solid rgba(245,166,35,.25);border-radius:var(--r);padding:2rem;display:flex;gap:2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:2.5rem 0;}
.cta-strip h3{font-family:var(--mono);font-size:20px;color:var(--gold);margin-bottom:8px;}
.cta-strip p{font-size:14px;color:var(--text-muted);max-width:520px;line-height:1.7;}
.cta-price{font-family:var(--mono);font-size:30px;font-weight:bold;color:var(--text);}
.cta-price small{font-size:12px;color:var(--text-dim);font-weight:normal;display:block;letter-spacing:1px;margin-top:2px;}

/* PDF READER */
.reader-frame{width:100%;height:82vh;min-height:520px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);}
.reader-fallback{font-size:13px;color:var(--text-dim);text-align:center;margin-top:10px;font-family:var(--mono);}

/* MISC */
.note{font-family:var(--mono);font-size:11px;color:var(--text-dim);}
.hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0;}
.pillz{display:inline-block;font-family:var(--mono);font-size:10px;padding:3px 9px;border-radius:3px;letter-spacing:.04em;background:rgba(0,229,160,.12);color:var(--teal);margin-right:4px;}

/* FOOTER */
footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;}
.f-logo{font-family:var(--mono);font-size:13px;font-weight:bold;color:var(--text-muted);}
.f-links{display:flex;gap:1.5rem;flex-wrap:wrap;}
.f-links a{font-family:var(--mono);font-size:11px;color:var(--text-dim);transition:color .2s;}
.f-links a:hover{color:var(--teal);}
.disclaimer{background:var(--bg-mid);border-top:1px solid var(--border);padding:1.2rem 2rem;font-size:11px;color:var(--text-dim);line-height:1.6;text-align:center;}

@media(max-width:768px){
 nav{padding:0 1.2rem;}
 .n-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;padding:1rem 0;}
 .n-links a{padding:.9rem 2rem;width:100%;border-bottom:1px solid var(--border);}
 .n-links.open{display:flex;}
 .n-ham{display:flex;}
 .n-cta{display:none;}
 .wrap,.wrap-wide{padding:2rem 1.3rem 3rem;}
 .btn-p,.btn-o,.btn-gold{width:100%;}
 footer{flex-direction:column;text-align:center;}
}