/* TKJ Legal (Nigeria) — shared brand stylesheet. Managed by the tkj-brand mu-plugin.
   Edit here, not in page content. */

:root{
  --navy:#0F2540; --navy-deep:#0B1B30; --gold:#C9A227; --gold-soft:#E7D08a;
  --ivory:#F7F5F0; --paper:#FFFFFF; --ink:#1C2430; --muted:#5A6675; --line:#E3DFD5;
  --line-navy:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Figtree',system-ui,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
#tkj-home{overflow-x:hidden}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--navy)}
h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:0 0 .5em}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin:0 0 .55em}
h3{font-size:1.22rem;margin:0 0 .35em}
p{margin:0 0 1.1em}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.band{width:100%}
.eyebrow{font-family:'Figtree';font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 1.1em}
.btn{display:inline-block;font-family:'Figtree';font-weight:600;font-size:1rem;padding:.85em 1.5em;border-radius:10px;text-decoration:none;transition:transform .12s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--navy-deep)}
.btn-gold:hover{background:var(--gold-soft)}
.btn-ghost{background:transparent;color:#fff;border:1px solid var(--line-navy)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-soft)}
.btn-ghost-dark{background:transparent;color:var(--navy);border:1px solid var(--line)}
.btn-ghost-dark:hover{border-color:var(--gold);color:var(--gold)}

/* header */
.site-head{position:sticky;top:0;z-index:40;background:rgba(11,27,48,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-navy)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{font-family:'Fraunces';font-weight:600;font-size:1.35rem;color:#fff;text-decoration:none;letter-spacing:.01em}
.brand b{color:var(--gold);font-weight:600}
.nav{display:flex;gap:30px;align-items:center}
.nav a{color:#D6DCE6;text-decoration:none;font-weight:500;font-size:.98rem}
.nav a:hover{color:#fff}
@media(max-width:860px){.nav a:not(.btn){display:none}}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#EAF0F8}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:82px 26px 92px}
.hero h1{color:#fff}
.hero p.lead{font-size:1.2rem;color:#C4CFDD;max-width:34em}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.panel{background:rgba(255,255,255,.04);border:1px solid var(--line-navy);border-radius:16px;padding:26px}
.panel .ptitle{font-family:'Figtree';font-weight:600;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#9fb0c6;margin-bottom:16px}
.vrow{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line-navy)}
.vrow:first-of-type{border-top:0}
.vrow .ck{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(201,162,39,.16);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:2px}
.vrow .vt{color:#EAF0F8;font-weight:600;font-size:.98rem}
.vrow .vs{color:#93a2ba;font-size:.86rem}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:36px;padding:56px 26px 64px}}

/* positioning */
.pos{background:var(--ivory)}
.pos .wrap{padding:82px 26px}
.pos .inner{max-width:760px}
.pos .rule{width:54px;height:3px;background:var(--gold);margin-bottom:26px}

/* founder */
.founder{background:var(--paper)}
.founder .wrap{padding:78px 26px;max-width:900px}
.founder .rule{width:54px;height:3px;background:var(--gold);margin-bottom:24px}
.founder .label{font-family:'Figtree';font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.founder h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
.founder p{font-size:1.16rem;color:var(--ink)}
.founder .sig{margin-top:22px;font-size:.98rem;color:var(--muted)}
.founder .sig b{color:var(--navy);font-weight:600}

/* capabilities */
.caps .wrap{padding:82px 26px}
.caps .grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}
.lead-card{background:var(--navy);color:#EAF0F8;border-radius:16px;padding:34px;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}
.lead-card h3{color:#fff;font-size:1.5rem}
.lead-card p{color:#C4CFDD}
.lead-tag{font-family:'Figtree';font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.cap-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cap{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px}
.cap h3{font-size:1.02rem;margin-bottom:.2em}
.cap p{font-size:.92rem;color:var(--muted);margin:0}
@media(max-width:860px){.caps .grid{grid-template-columns:1fr}.lead-card{grid-row:auto}.cap-list{grid-template-columns:1fr}}

/* differentiators, alternating rows */
.feat{background:var(--ivory)}
.feat .wrap{padding:30px 26px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:52px 0;border-top:1px solid var(--line)}
.frow:first-child{border-top:0}
.frow.flip .ftext{order:2}
.fnum{font-family:'Fraunces';font-size:1rem;color:var(--gold);font-weight:600;letter-spacing:.04em}
.fpic{background:linear-gradient(160deg,var(--navy),var(--navy-deep));border-radius:16px;min-height:236px;padding:28px;color:#C4CFDD;display:flex;flex-direction:column;justify-content:center;gap:12px}
.fpic .chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid var(--line-navy);border-radius:10px;padding:11px 14px;font-size:.92rem;color:#EAF0F8}
.fpic .chip b{color:var(--gold);font-weight:600}
.fpic .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:#9fb0c6}
@media(max-width:860px){.frow{grid-template-columns:1fr;gap:24px;padding:40px 0}.frow.flip .ftext{order:0}}

/* jurisdictions */
.jur{background:var(--paper)}
.jur .wrap{padding:82px 26px}
.jur .jgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.jcard{border:1px solid var(--line);border-radius:12px;padding:22px}
.jcard .flagname{font-family:'Fraunces';font-weight:600;font-size:1.1rem;color:var(--navy)}
.jcard .st{margin-top:10px;font-size:.82rem;font-weight:600;letter-spacing:.04em}
.jcard .live{color:#2f7d4f}
.jcard .soon{color:var(--muted)}
.jcard .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.jcard .live .dot{background:#2f7d4f}
.jcard .soon .dot{background:var(--line)}
@media(max-width:860px){.jur .jgrid{grid-template-columns:1fr 1fr}}

/* honesty */
.honest{background:var(--navy-deep);color:#EAF0F8}
.honest .wrap{padding:78px 26px;max-width:820px}
.honest h2{color:#fff}
.honest p{color:#C4CFDD;font-size:1.14rem}
.honest .rule{width:54px;height:3px;background:var(--gold);margin-bottom:26px}

/* CTA */
.cta-band{background:var(--gold)}
.cta-band .wrap{padding:66px 26px;text-align:center}
.cta-band h2{color:var(--navy-deep)}
.cta-band p{color:#5b4a13;max-width:36em;margin:0 auto 1.4em}
.cta-band .btn-navy{background:var(--navy-deep);color:#fff}
.cta-band .btn-navy:hover{background:var(--navy)}
.cta-band .btn-line{background:transparent;color:var(--navy-deep);border:1px solid rgba(11,27,48,.35)}
.cta-band small{display:block;margin-top:16px;color:#6a571a;font-size:.86rem}

/* footer */
.site-foot{background:var(--navy-deep);color:#9fb0c6}
.site-foot .wrap{padding:58px 26px 30px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.foot-top .brand{display:block;margin-bottom:12px}
.foot-blurb{max-width:26em;font-size:.94rem}
.fcol h4{font-family:'Figtree';font-weight:600;color:#EAF0F8;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.fcol a{display:block;color:#9fb0c6;text-decoration:none;font-size:.95rem;padding:5px 0}
.fcol a:hover{color:var(--gold-soft)}
.foot-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-navy);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.86rem}
@media(max-width:860px){.foot-top{grid-template-columns:1fr 1fr}}

/* pilot */
.p-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#EAF0F8}
.p-hero .wrap{padding:80px 26px 84px;max-width:900px}
.p-hero h1{color:#fff}
.p-hero p.lead{font-size:1.2rem;color:#C4CFDD;max-width:40em}
.p-what .wrap{padding:78px 26px}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:14px}
.p-list{list-style:none;margin:0;padding:0}
.p-list li{position:relative;padding:12px 0 12px 30px;border-top:1px solid var(--line);color:var(--ink)}
.p-list li:first-child{border-top:0}
.p-list li:before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.p-who{background:var(--ivory)}
.p-who .wrap{padding:70px 26px;max-width:820px}
.p-who p{font-size:1.14rem}
.p-form-band{background:var(--paper)}
.p-form-band .wrap{padding:78px 26px;max-width:760px}
.p-form-wrap{margin-top:26px;background:var(--ivory);border:1px solid var(--line);border-radius:16px;padding:34px}
@media(max-width:860px){.p-grid{grid-template-columns:1fr;gap:24px}.p-form-wrap{padding:22px}}

/* hide Divi chrome + edge-to-edge */
#main-header,#top-header,#et-top-navigation,#et-secondary-nav,.et_slide_in_menu_container,#et_search_icon,.et-l--header{display:none!important}#main-footer,#footer-bottom,.et-l--footer{display:none!important}html,body,#page-container,#et-main-area,#et-boc{overflow-x:hidden!important;max-width:100%!important}#page-container{padding-top:0!important}#page-container .et_pb_section{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}#page-container .et_pb_row,#page-container .et_pb_row_inner,#page-container .et_pb_column,#page-container .et_pb_module,#page-container .et_pb_text,#page-container .et_pb_code,#page-container .et_pb_text_inner{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#page-container .et_pb_text,#page-container .et_pb_text_inner,#page-container .et_pb_module,#page-container .et_pb_column{display:block!important}#tkj-home{width:100%!important;max-width:100%!important}

/* ---- legal pages ---- */
.legal-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#EAF0F8}
.legal-hero .wrap{padding:66px 26px 58px}
.legal-hero h1{color:#fff;font-size:clamp(2rem,3.8vw,3rem);margin:0}
.legal-hero .lead{color:#C4CFDD;font-size:1.08rem;margin:.9em 0 0}
.legal{background:var(--paper)}
.legal .wrap{padding:62px 26px 90px}
.legal-doc{font-size:1.02rem}
.legal-doc>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-doc h2{font-size:clamp(1.35rem,2.3vw,1.85rem);margin:2.3em 0 .6em;padding-top:1.25em;border-top:1px solid var(--line)}
.legal-doc h3{font-size:1.1rem;margin:1.8em 0 .4em;color:var(--navy)}
.legal-doc h4{font-family:'Figtree';font-weight:600;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.7em 0 .5em}
.legal-doc p{margin:0 0 1.05em}
.legal-doc ul,.legal-doc ol{margin:0 0 1.25em;padding-left:1.3em}
.legal-doc li{margin:.36em 0}
.legal-doc a{color:var(--navy);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--gold)}
.legal-doc a:hover{color:var(--gold)}
.legal-doc strong{color:var(--navy);font-weight:600}
.legal-doc hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}
.legal-doc table{width:100%;border-collapse:collapse;font-size:.93rem}
.legal-doc th{background:var(--ivory);text-align:left;font-family:'Figtree';font-weight:600;color:var(--navy);border:1px solid var(--line);padding:10px 12px}
.legal-doc td{border:1px solid var(--line);padding:10px 12px;vertical-align:top}
.legal-doc blockquote{margin:1.7em 0;padding:18px 22px;background:var(--ivory);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;color:var(--muted);font-size:.95rem}
.legal-doc blockquote p:last-child{margin-bottom:0}
.legal-doc blockquote strong{color:var(--navy)}
.legal-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.87em;background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.38);border-radius:5px;padding:.12em .42em;color:#6f5500}
.legal-doc pre{background:var(--ivory);border:1px solid var(--line);border-radius:10px;padding:16px;overflow:auto}
.legal-doc pre code{background:none;border:0;padding:0;color:var(--ink)}
@media(max-width:860px){.legal .wrap{padding:44px 20px 66px}.legal-hero .wrap{padding:48px 20px 42px}}

html,body{overflow-x:hidden}
#tkj-home{width:100%;max-width:100%}
.legal .wrap,.legal-hero .wrap{max-width:1160px}
.legal-doc{max-width:900px}
.legal-hero .lead{max-width:44em}
.legal-doc,.legal-doc p,.legal-doc li,.legal-doc td,.legal-doc th,.legal-doc a,.legal-doc code{overflow-wrap:anywhere}
.legal-doc .tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5em 0}
.legal-doc .tw table{margin:0;min-width:480px}
.legal-doc img{max-width:100%;height:auto}
/* full page, no sidebar — scoped to pages that carry the TKJ layout */
body:has(#tkj-home) #sidebar,
body:has(#tkj-home) .et_pb_widget_area{display:none!important}
body:has(#tkj-home) #left-area,
body:has(#tkj-home) #content-area,
body:has(#tkj-home) #main-content .container{width:100%!important;max-width:100%!important;float:none!important;padding-left:0!important;padding-right:0!important}
body:has(#tkj-home) #main-content .container::before{display:none!important}
/* the classic template prints the page title (and post meta) above our own header — suppress it */
body:has(#tkj-home) .entry-title,
body:has(#tkj-home) .et_post_meta_wrapper,
body:has(#tkj-home) .post-meta,
body:has(#tkj-home) #main-content > .container > .clearfix > #left-area > .entry-title{display:none!important}
body:has(#tkj-home) #left-area{padding-top:0!important}