/* Nigeria campaign page. All classes are ng-prefixed to protect the main studio design. */
:root { --ng-ink:#131313; --ng-paper:#f0eee7; --ng-line:rgba(19,19,19,.2); --ng-blue:#2f45e8; --ng-lime:#d8ff3e; }
.ng-wrap{width:min(100% - 2*clamp(18px,4vw,64px),1400px);margin-inline:auto}
.ng-header{position:sticky;top:0;z-index:40;background:rgba(240,238,231,.96);backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1rem clamp(18px,4vw,64px);border-bottom:1px solid var(--ng-line)}
.ng-brand{font:500 16px var(--mono);letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.ng-brand span{color:#b23a0e}
.ng-header nav{display:flex;gap:clamp(.75rem,2.5vw,2.4rem);font-size:14px}.ng-header nav a{text-decoration:none}.ng-header nav a:hover{text-decoration:underline}
.ng-header-cta{color:#fff;background:var(--ng-ink);padding:.8rem 1rem;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.ng-header-cta span{color:var(--ng-lime)}
.ng-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:clamp(3rem,8vw,8rem)}
.ng-kicker,.ng-overline{font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.075em}
.ng-dot{display:inline-block;background:#ff6433;width:9px;height:9px;border-radius:50%;margin-right:9px}
.ng-hero h1,.ng-section h2{font:400 clamp(3.3rem,6.2vw,6.9rem)/.94 var(--serif);letter-spacing:-.035em}
.ng-hero h1{max-width:12ch;margin:1.6rem 0}.ng-hero h1 em,.ng-section h2 em{color:#b23a0e;font-weight:400}
.ng-lede{font-size:clamp(1.04rem,1.45vw,1.23rem);max-width:550px}
.ng-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1rem}
.ng-btn{display:inline-flex;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;min-height:48px;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700;border:1px solid var(--ng-ink);cursor:pointer}
.ng-btn-dark{background:var(--ng-ink);color:#fff}.ng-btn-dark:hover{background:#000}.ng-btn-dark span{color:var(--ng-lime)}
.ng-btn-outline{background:transparent;color:var(--ng-ink)}.ng-btn-outline:hover{background:var(--ng-ink);color:#fff}
.ng-btn-light{background:#fff;color:var(--ng-ink);border-color:#fff}.ng-btn-light:hover{background:var(--ng-lime);border-color:var(--ng-lime)}
.ng-fine,.ng-terms{font-size:12px;line-height:1.7;color:#4a4943}
.ng-hero-art{margin:0;min-width:0;background:var(--ng-blue);padding:clamp(12px,2vw,26px);box-shadow:18px 18px 0 var(--ng-ink)}
.ng-hero-art img{width:100%;height:auto;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.ng-hero-art figcaption{font:12px/1.5 var(--mono);color:#fff;margin-top:1rem}
.ng-hero-art figcaption span{color:var(--ng-lime)}
.ng-strip{display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap;padding:1.2rem clamp(18px,4vw,64px);border-block:1px solid var(--ng-line);font:500 11px/1.7 var(--mono);text-transform:uppercase}
.ng-section{padding-block:clamp(4.5rem,9vw,8rem)}
.ng-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,4.5vw,4rem)}
.ng-section-heading h2,.ng-faq h2,.ng-contact h2{margin:.6rem 0 0}
.ng-section-heading>p{max-width:440px;margin:0}
.ng-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ng-price-card{border:1px solid var(--ng-line);padding:clamp(1.3rem,2.4vw,2.5rem);display:flex;flex-direction:column;background:var(--ng-paper);min-width:0}
.ng-price-card h3{font:400 clamp(2rem,3vw,3rem)/1 var(--serif);margin:2.3rem 0 .5rem}
.ng-price-card .ng-price{font:400 clamp(2.4rem,3.3vw,3.6rem)/1.1 var(--serif);margin:0 0 1.5rem;white-space:normal}
.ng-price small{font:400 15px var(--sans)}
.ng-price-card>p:not(.ng-price):not(.ng-overline){font-size:15px}
.ng-price-card ul{list-style:none;padding:0;margin:1rem 0 2rem;border-top:1px solid var(--ng-line);flex:1}
.ng-price-card li{border-bottom:1px solid var(--ng-line);padding:.65rem 0;font-size:14px}
.ng-featured{background:var(--ng-blue);color:#fff}
.ng-featured h3,.ng-featured .ng-price{color:#fff}
.ng-featured ul,.ng-featured li{border-color:rgba(255,255,255,.35)}
.ng-price-card .ng-btn{align-self:stretch}
.ng-founder{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.3rem;background:var(--ng-lime);padding:clamp(1.4rem,3vw,3rem)}
.ng-founder h3{font:400 clamp(2rem,3.5vw,3.3rem)/1 var(--serif);margin:.6rem 0}
.ng-founder p:last-child{margin-bottom:0;max-width:800px}
.ng-founder>.ng-btn{flex-shrink:0}
.ng-terms{margin:1rem 0 0}
.ng-examples{background:#171717;color:#f0eee7}
.ng-examples h2 em,.ng-faq h2 em{color:var(--ng-lime)}
.ng-examples .ng-section-heading>p{color:#c9c7bf}
.ng-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.ng-example{border:1px solid #494949;min-width:0}
.ng-example>a{display:block;overflow:hidden;background:#393939}
.ng-example img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.ng-example>div{padding:1.5rem}
.ng-example h3{font:400 2.4rem/1 var(--serif);margin:1rem 0}
.ng-example p:not(.ng-overline){color:#ccc;font-size:14px}
.ng-example a{color:inherit;text-underline-offset:4px}
.ng-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;border-top:1px solid var(--ng-line)}
.ng-steps li{padding:1.5rem;min-width:0;border-right:1px solid var(--ng-line)}
.ng-steps li:first-child{padding-left:0}.ng-steps li:last-child{border-right:0}
.ng-steps b{font:500 12px var(--mono)}
.ng-steps h3{font:400 2rem/1.1 var(--serif);margin:2rem 0 1rem}
.ng-steps p{font-size:14px}
.ng-faq{background:#171717;color:#f0eee7}
.ng-faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(2rem,7vw,7rem)}
.ng-faq details{border-top:1px solid #585858;padding:1.2rem 0}
.ng-faq summary{cursor:pointer;font-weight:600;list-style-position:outside;padding-right:.5rem}
.ng-faq details p{color:#d4d4ce;margin:1rem 0 0}
.ng-contact{background:#d9d6cc}
.ng-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,7vw,7rem)}
.ng-contact h2{margin-bottom:2rem}
.ng-contact-note{border-top:1px solid var(--ng-line);padding-top:1.1rem;margin:1.8rem 0;font-size:14px}
#ng-form{background:var(--ng-paper);border:1px solid var(--ng-line);padding:clamp(1.2rem,3vw,3rem)}
.ng-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ng-fields>div{min-width:0}
.ng-fields label{display:block;font-size:13px;font-weight:650;margin-bottom:.35rem}
.ng-full{grid-column:1/-1}
.ng-fields input,.ng-fields select,.ng-fields textarea{border:1px solid #76766e;border-radius:0;background:#fff;color:#131313;padding:.8rem;width:100%;min-height:46px;font-size:15px}
.ng-fields textarea{resize:vertical}
.ng-consent{display:flex;align-items:flex-start;gap:.6rem;margin:1.4rem 0;font-size:13px}
.ng-consent input{width:20px;height:20px;margin:0;flex-shrink:0}
.ng-send{width:100%}
.ng-result{border-top:2px solid var(--ng-blue);margin-top:1.5rem;padding-top:1.5rem}
.ng-result h3{font:400 2rem var(--serif)}
.ng-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 var(--mono)}
.ng-result>a{display:inline-block;margin:1rem}
.ng-footer{background:#131313;color:#f0eee7;padding:3rem 0}
.ng-footer .ng-wrap{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.ng-footer p{max-width:300px;font-size:13px;margin:0;color:#c9c7bf}
.ng-footer a{text-underline-offset:4px}
@media(max-width:980px){
  .ng-hero{grid-template-columns:1fr}.ng-hero h1{max-width:16ch}
  .ng-section-heading{align-items:start;flex-direction:column}
  .ng-pricing,.ng-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ng-price-card:last-child{grid-column:1/-1}
  .ng-founder{flex-direction:column;align-items:start}
  .ng-steps{grid-template-columns:repeat(2,1fr)}
  .ng-steps li:nth-child(2){border-right:0}
  .ng-faq-grid,.ng-contact-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ng-header{gap:.6rem;flex-wrap:wrap}
  .ng-brand{font-size:13px}
  .ng-header nav{order:3;width:100%;justify-content:space-between}
  .ng-header-cta{font-size:12px;padding:.65rem .7rem}
  .ng-hero h1{font-size:clamp(3.3rem,13vw,5.2rem)}
  .ng-pricing,.ng-example-grid,.ng-steps{grid-template-columns:1fr}
  .ng-price-card:last-child{grid-column:auto}
  .ng-steps li{padding:1.25rem 0;border-right:0;border-bottom:1px solid var(--ng-line)}
  .ng-founder>.ng-btn{width:100%}
  .ng-fields{grid-template-columns:1fr}.ng-full{grid-column:auto}
  .ng-footer .ng-wrap{align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}