:root{--ink:#111314;--muted:#697074;--paper:#f7f5ef;--gold:#d7a52a;--line:#ddd9cf;--green:#087443;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:72px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,245,239,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-mark{font-size:27px;letter-spacing:-2px}.brand b{color:var(--green);margin-left:4px}.site-header nav{display:flex;gap:26px;font-size:14px;color:#444}.site-header nav a:hover{color:var(--green)}
.hero{max-width:1180px;margin:auto;min-height:690px;padding:80px 22px 65px;display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green);margin:0 0 13px}.hero h1{font-size:clamp(52px,7vw,94px);line-height:.94;letter-spacing:-.07em;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-text{max-width:600px;font-size:18px;color:#555;line-height:1.65}.hero-actions{display:flex;gap:12px;margin:30px 0 16px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:14px 21px;font-weight:800;cursor:pointer;font:inherit;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.primary{background:var(--green);color:white}.btn.dark{background:#111;color:#fff}.btn.ghost{border:1px solid #bbb;background:transparent}.darktext{color:#111}.micro,.small-note,.share-hint{font-size:12px;color:#777}
.hero-art{height:500px;border-radius:36px;position:relative;overflow:hidden;box-shadow:var(--shadow);display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#0a2e7d,#0f47ad 55%,#082868)}.hero-art .lockup{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}.lockup-icon{width:clamp(90px,18vw,150px);height:auto;margin-bottom:6px}.lockup-word{font:900 clamp(34px,8vw,68px)/1 Inter,system-ui,sans-serif;color:#fff;letter-spacing:-.01em;white-space:nowrap}.lockup-sub{font:800 clamp(24px,5.4vw,46px)/1 Inter,system-ui,sans-serif;color:#fff;letter-spacing:.02em;margin-top:6px;white-space:nowrap}.lockup-tags{display:flex;align-items:center;gap:11px;margin-top:16px;font:700 clamp(12px,2vw,17px)/1 Inter,system-ui,sans-serif;color:#fff;letter-spacing:.04em;white-space:nowrap}.lockup-tags i{width:6px;height:6px;border-radius:50%;background:#d1252b;display:block}
.section{max-width:1180px;margin:auto;padding:92px 22px}.section-head{max-width:760px;margin-bottom:45px}.section-head h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1;margin:0 0 14px}.section-head>p:last-child{color:#666}.creator{background:#eeeae1;max-width:none;padding-left:max(22px,calc((100% - 1136px)/2));padding-right:max(22px,calc((100% - 1136px)/2))}.creator-grid{display:grid;grid-template-columns:370px 1fr;gap:70px;align-items:start}.controls{display:flex;flex-direction:column;gap:18px}.upload{border:1.5px dashed #aaa;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;background:#faf9f5;cursor:pointer}.upload input{display:none}.upload-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e0e7df;color:var(--green);font-size:25px}.upload small,.upload strong{display:block}.upload small{color:#777;font-size:12px}.field{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:7px}.field input{border:1px solid #ccc;border-radius:12px;padding:13px 14px;background:#fff;font:inherit}.field-title{margin-bottom:7px}.templates{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:390px;overflow:auto;padding-right:3px}.template{border:1px solid #ccc;background:#fff;border-radius:12px;padding:9px;text-align:left;font-weight:700;cursor:pointer}.template.active{border:2px solid var(--green)}.mini{display:block;height:64px;border-radius:8px;margin-bottom:6px;background:#0b2f7f center/cover no-repeat}.mini.gold{background:linear-gradient(135deg,#101313,#d7a52a)}.mini.black{background:linear-gradient(135deg,#050606,#262b29)}.mini.naija{background:linear-gradient(135deg,#067542 0 33%,#fff 33% 66%,#067542 66%)}.mini.blue{background:linear-gradient(135deg,#112b4c,#6ba7c8)}.check{font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center}.preview-wrap{max-width:580px;margin:auto;width:100%}.card-stage{background:#d7d3ca;padding:22px;border-radius:26px;display:flex;justify-content:center}.card-stage canvas{width:min(100%,450px);height:auto;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.2)}.share-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.share-row .btn{flex:1;min-width:120px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fact-grid article{background:#fff;padding:30px;border:1px solid var(--line);border-radius:20px}.fact-grid span{font-size:35px;font-weight:900;color:var(--green)}.fact-grid h3{margin:8px 0}.fact-grid p{color:#666;font-size:14px}.notice{margin-top:20px;border-left:4px solid var(--gold);background:#fff;padding:18px 20px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{border-top:2px solid var(--ink);padding-top:18px}.steps b{font-size:12px;color:var(--green)}.steps h3{font-size:20px;margin:8px 0}.steps p{font-size:14px;color:#666}.articles{padding-top:30px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card span{font-size:10px;color:var(--green);font-weight:900;letter-spacing:.15em}.article-card h3{font-size:23px;line-height:1.1;letter-spacing:-.03em}.article-card p{color:#666;font-size:14px}footer{background:#101313;color:#ddd;padding:50px max(22px,calc((100% - 1136px)/2));display:grid;grid-template-columns:1fr auto;gap:30px}footer p{max-width:500px;color:#999;font-size:13px}.footer-links{display:flex;gap:18px;font-size:13px;align-items:start}.footer-links a:hover{color:#e5bd54}footer small{grid-column:1/-1;color:#777}
.article-page{max-width:860px;margin:auto;padding:80px 22px}.article-page .eyebrow{margin-bottom:20px}.article-page h1{font-size:clamp(45px,7vw,78px);line-height:.98;letter-spacing:-.06em;margin:0 0 20px}.article-page .lead{font-size:21px;color:#666;line-height:1.6}.article-page .article-body{margin-top:55px;font-size:17px}.article-body h2{font-size:32px;letter-spacing:-.04em;margin-top:55px}.article-body h3{font-size:23px}.article-body p{color:#333}.article-body li{margin:9px 0}.source-box{background:#f0eee7;border-radius:16px;padding:18px;margin:28px 0;font-size:13px}.back{display:inline-block;margin-bottom:35px;color:var(--green);font-weight:800}.pill{display:inline-block;background:#e5eee8;color:var(--green);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}
@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:380px}.creator-grid{grid-template-columns:1fr;gap:35px}.fact-grid,.steps,.article-grid{grid-template-columns:1fr}.preview-wrap{max-width:500px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}