/* Shared Neocube palette and layout refinement. */
:root,:root:not([data-theme="dark"]){--bg:#f7f8f3;--bg2:#edf2eb;--bg3:#fff;--bg4:#e6ede4;--green:#256442;--green2:#194c31;--green3:#123c27;--green-dim:rgba(37,100,66,.07);--green-glow:rgba(37,100,66,.12);--text:#182c20;--text2:#465b4c;--text3:#607365;--border:rgba(33,73,46,.14);--border2:rgba(33,73,46,.27);--glass-bg:#fff;--glass-border:var(--border);--glass-highlight:transparent;--nav-scrolled-bg:rgba(247,248,243,.97);--mobile-menu-bg:#f7f8f3;--modal-sheet-bg:#f7f8f3;--radius:10px;--radius2:16px}
:root[data-theme="dark"]{--bg:#101b16;--bg2:#14221b;--bg3:#1b2c22;--bg4:#23382a;--green:#89d6a7;--green2:#a5e3be;--green3:#62b786;--green-dim:rgba(137,214,167,.08);--green-glow:rgba(137,214,167,.12);--text:#eef4ed;--text2:#bdcbbf;--text3:#95ac9d;--border:rgba(163,203,174,.16);--border2:rgba(163,203,174,.3);--glass-bg:#192920;--glass-border:var(--border);--glass-highlight:transparent;--nav-scrolled-bg:rgba(16,27,22,.97);--mobile-menu-bg:#101b16;--modal-sheet-bg:#192920}
body{letter-spacing:-.012em}body::before{display:none!important}.container{max-width:1240px;padding-inline:40px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1{letter-spacing:-.045em!important}h2{letter-spacing:-.035em!important}section{scroll-margin-top:100px;padding-block:96px}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:5px}button:active,.btn:active{transform:translateY(1px)}
#mainNav{background:var(--nav-scrolled-bg);border-bottom:1px solid var(--border);padding:19px 0;backdrop-filter:blur(16px)}#mainNav .nav-links{gap:24px}#mainNav .nav-logo img{width:156px;height:auto}#mainNav .nav-links a{font-size:.85rem}#mainNav .nav-cta{gap:10px}#mainNav .btn-nav-outline{display:none}.nav-links a.active{text-decoration:underline;text-underline-offset:8px}.btn-primary,.btn-nav-primary{background:var(--green);color:var(--bg)!important;box-shadow:none!important}.btn-primary:hover,.btn-nav-primary:hover{background:var(--green2)!important;box-shadow:none!important}.btn,.btn-nav-primary,.btn-nav-outline{border-radius:6px}.btn-lg{padding:15px 24px;font-size:.96rem}
:root:not([data-theme="dark"]) #hero{background:var(--bg) url('/assets/images/neocube light theme africa.webp') right center / auto 100% no-repeat}#hero{min-height:min(850px,100svh);padding:155px 0 64px}#hero .hero-content{max-width:760px}#hero h1.hero-title{font-size:clamp(2.8rem,5.3vw,4.6rem);line-height:1.06;margin:24px 0}#hero .hero-sub{font-size:1.09rem;line-height:1.75;max-width:560px;margin-bottom:30px}#hero .hero-badge{padding:0;border:0;border-radius:0;background:none;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin:0;color:var(--text2)}#hero .hero-stats{gap:40px;margin-top:42px;padding-top:25px;max-width:690px}#hero .hstat-num{font-size:1.45rem;font-weight:600}#hero .hstat-label{font-size:.74rem;max-width:135px}#heroCanvas{display:none}.hero-overlay{background:rgba(16,27,22,.84)}.hero-video video{opacity:.35}
.section-tag,.page-badge{border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;font-size:.75rem!important;letter-spacing:.09em!important;font-weight:600!important}.section-tag::before{border-radius:1px}h2.section-title{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.13}.section-lead{max-width:610px}.glass,:root:not([data-theme="dark"]) .glass{background:var(--glass-bg);box-shadow:none;border:1px solid var(--border)}.glass:hover,:root:not([data-theme="dark"]) .glass:hover,.pain-card:hover,.sol-card:hover,.why-card:hover,.case-card:hover{box-shadow:none!important;transform:none;border-color:var(--border2)}.pain-card::before,.pain-card::after,.sol-card::after,.why-card::after,.case-card::after{display:none!important}.pain-grid,.why-grid{gap:20px}.pain-card,.why-card{padding:30px}.sol-card{padding:30px}.sol-tag{border-radius:4px}.process-num::before{animation:none}.process-steps::before{background:var(--border)}
.service-gateway{padding:0;background:var(--bg2);border-block:1px solid var(--border)}.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr)}.gateway-grid a{display:flex;flex-direction:column;gap:12px;padding:32px 28px;border-right:1px solid var(--border);transition:background .2s}.gateway-grid a:first-child{border-left:1px solid var(--border)}.gateway-grid a:hover{background:var(--bg4)}.gateway-grid span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.gateway-grid strong{font-size:1.17rem;font-weight:600}.gateway-grid small{font-size:.8rem;color:var(--green)}
.page-hero{padding-top:155px!important;padding-bottom:64px!important;background:var(--bg2)!important}.page-hero h1,.page-title{font-size:clamp(2.5rem,4.8vw,4.2rem)!important;line-height:1.1!important;max-width:950px}.page-hero>h1,.page-hero>p{margin-inline:auto}.page-hero p,.page-sub{max-width:690px;line-height:1.75!important}.trust-strip{gap:20px}.breadcrumb{font-size:.78rem}.hero-guarantee{border-radius:6px}.footer-grid{gap:40px}footer{border-top:1px solid var(--border)}
@media(min-width:1100px){.process-steps{grid-template-columns:repeat(5,1fr)}.process-step{padding-inline:14px}.process-step p{font-size:.88rem}.process-num{width:56px;height:56px}.pain-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.container{padding-inline:24px}#mainNav .nav-links{gap:16px}#hero{min-height:auto;padding:135px 0 52px}#hero .hero-content{max-width:650px}#hero .hero-stats{gap:25px}.gateway-grid{padding-inline:0}.gateway-grid a{padding:25px 20px}.gateway-grid strong{font-size:1rem}.page-hero{padding-top:125px!important}}
@media(max-width:600px){section{padding-block:64px}.container{padding-inline:22px}#hero{padding-top:120px}:root:not([data-theme="dark"]) #hero{background:var(--bg)}#hero h1.hero-title{font-size:2.85rem}#hero .hero-sub{font-size:1rem}#hero .hero-actions{gap:12px}#hero .hero-actions>*{justify-content:center;width:100%}#hero .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.gateway-grid{grid-template-columns:1fr;padding-inline:22px}.gateway-grid a{border:0!important;border-bottom:1px solid var(--border)!important;padding:24px 0;gap:7px}.gateway-grid a:last-child{border-bottom:0!important}.gateway-grid strong{font-size:1.1rem}.page-hero{padding-inline:22px!important}.page-hero .container{padding-inline:0}.page-title,.page-hero h1{font-size:2.5rem!important}.pain-grid,.solutions-grid{grid-template-columns:1fr}.hero-stats .hstat-label{max-width:none}.section-tag{margin-bottom:16px}.page-sub{font-size:1rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero-video{display:none}}
/* Keep shared navigation usable across pages with different legacy breakpoints. */
@media(max-width:900px){#mainNav .nav-links{display:none}#mainNav .hamburger{display:flex;flex:0 0 28px}#mainNav .nav-logo{flex:0 0 140px}#mainNav .nav-logo img{width:140px}#mainNav .nav-inner{gap:16px}#mainNav .nav-cta{margin-left:auto}.mobile-menu .nav-links{display:flex}}
@media(max-width:600px){#mainNav .nav-cta .btn-nav-primary{display:none}#mainNav .nav-logo{flex-basis:140px}.fab-pulse,.audit-bubble{display:none!important}.whatsapp-fab{width:44px!important;height:44px!important;border-radius:10px!important}.audit-fab{width:44px!important;height:44px!important;border-radius:10px!important}}
.project-card>*{min-width:0}.project-card .btn{white-space:normal}.project-tags,.project-built-with{flex-wrap:wrap}.project-card img{width:100%;max-width:100%}.project-desc,.highlight-item{overflow-wrap:anywhere}
.route-breadcrumb{display:flex;gap:10px;align-items:center;max-width:1160px;margin:100px auto -120px;padding:0 24px;position:relative;z-index:2;font-size:.78rem;color:var(--text2)}.route-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.route-breadcrumb{margin-top:92px;margin-bottom:-112px}}

/* Editorial imagery and shared motion — September 2026. */
:root{--nc-ease:cubic-bezier(.22,1,.36,1)}
.nc-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.nc-hero-copy{min-width:0}.nc-hero-copy .breadcrumb{margin-bottom:28px}
.page-hero:has(.nc-hero-grid){padding-top:90px!important}
.nc-hero-grid .page-title{font-size:clamp(2.3rem,3.7vw,3.6rem)!important;line-height:1.1!important}
.nc-hero-grid .hero-actions{gap:12px}.nc-hero-grid .btn-lg{padding:14px 18px;font-size:.88rem}
.nc-hero-grid .trust-strip{gap:14px;margin-top:28px;padding-top:22px}
.nc-hero-grid .hero-guarantee{font-size:.83rem;margin-bottom:22px}
.nc-visual{margin:0;position:relative;min-width:0;isolation:isolate}
.nc-visual-frame{overflow:hidden;border-radius:18px;background:var(--bg4);border:1px solid var(--border);box-shadow:0 20px 48px -32px rgba(20,47,31,.42)}
.nc-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 650ms var(--nc-ease)}
.nc-visual figcaption{display:flex;align-items:center;gap:14px;padding:16px 2px;font-size:.76rem;letter-spacing:.025em;color:var(--text2)}
.nc-visual figcaption::before{content:'';height:1px;width:32px;background:var(--green);flex-shrink:0}
.nc-visual .nc-image-note{display:block;font-size:.7rem;color:var(--text3);margin-top:4px}
#hero.nc-home-hero{background:var(--bg)!important;min-height:auto;padding-bottom:72px}
#hero.nc-home-hero>.hero-video,#hero.nc-home-hero>.hero-overlay{display:none}
#hero.nc-home-hero .container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px}
#hero.nc-home-hero .hero-content{max-width:none}#hero.nc-home-hero h1.hero-title{font-size:clamp(2.6rem,4.4vw,4.1rem)}
#hero.nc-home-hero .hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gateway-grid a{overflow:hidden}.gateway-grid .nc-gateway-image{width:100%;height:156px;object-fit:cover;border-radius:8px;transition:transform 500ms var(--nc-ease)}
.nc-product-window{margin:38px 0 0;border:1px solid var(--border2);border-radius:14px;overflow:hidden;background:var(--bg3);box-shadow:0 24px 60px -40px rgba(20,47,31,.5)}
.nc-window-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--bg2);color:var(--text3);font-size:.73rem}
.nc-window-bar::before{content:'● ● ●';letter-spacing:3px;color:var(--text3);margin-right:14px;font-size:8px}
.nc-product-window img{display:block;width:100%;height:auto}.nc-product-window figcaption{padding:15px 20px;color:var(--text2);font-size:.8rem;line-height:1.6}
.nc-portfolio-hero{max-width:1160px!important}.nc-portfolio-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;align-items:center}
.nc-portfolio-images .nc-product-window{margin:0}.nc-portfolio-images .nc-product-window:last-child{margin-top:35px}
.nc-blog-cover{display:block;width:100%;height:190px;object-fit:cover;border-radius:var(--radius2) var(--radius2) 0 0}
.nc-small-visual{max-width:700px;margin:30px auto 0}.nc-small-visual img{max-height:250px;object-position:center 48%}
.btn,.btn-nav-primary,.btn-nav-outline{transition:transform 160ms var(--nc-ease),background-color 180ms ease,border-color 180ms ease}
.btn:active,.btn-nav-primary:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
 .nc-visual:hover img{transform:scale(1.025)}
 .gateway-grid a:hover .nc-gateway-image{transform:scale(1.025)}
 .btn:hover{transform:translateY(-2px)}
 .blog-card:hover,.feat-card:hover{border-color:var(--border2)}
}
@media(min-width:901px){.nc-hero-grid .nc-visual{position:sticky;top:110px;align-self:start;margin-top:64px}}
@media(max-width:1000px){.nc-hero-grid,#hero.nc-home-hero .container{gap:28px}.nc-hero-grid .page-title{font-size:2.55rem!important}}
@media(max-width:760px){
 .nc-hero-grid,#hero.nc-home-hero .container{grid-template-columns:1fr}
 .page-hero:has(.nc-hero-grid){padding-top:65px!important}
 .nc-hero-grid{gap:18px}.nc-hero-copy{display:contents}
 .nc-hero-copy>nav{order:1}.nc-hero-copy>.page-badge{order:2}.nc-hero-copy>h1{order:3;margin-bottom:0}
 .nc-hero-grid>.nc-visual{order:4}.nc-hero-copy>:not(nav):not(.page-badge):not(h1){order:5}
 #hero.nc-home-hero .hero-content{display:contents}
 #hero.nc-home-hero .hero-badge{order:1}#hero.nc-home-hero h1.hero-title{order:2;margin:0}
 #hero.nc-home-hero .nc-visual{order:3}#hero.nc-home-hero .hero-sub{order:4;margin-bottom:0}
 #hero.nc-home-hero .hero-actions{order:5}#hero.nc-home-hero .hero-stats{order:6;margin-top:0}
 .nc-hero-grid .nc-visual{max-width:620px;width:100%;margin:12px auto 0}
 #hero.nc-home-hero .hero-actions{flex-wrap:wrap}
 .nc-hero-grid .page-title{font-size:clamp(2.2rem,7vw,3rem)!important}
 .nc-portfolio-images{grid-template-columns:1fr}.nc-portfolio-images .nc-product-window:last-child{margin-top:0}
 .gateway-grid .nc-gateway-image{height:180px}
}
@media(prefers-reduced-motion:reduce){
 .nc-visual img,.nc-gateway-image,.btn{transition:none!important;transform:none!important}
 #hero .hero-badge,#hero .hero-title,#hero .hero-sub,#hero .hero-actions,.reveal{opacity:1!important;transform:none!important}
}

/* Scoped launch offers; shared cards, imagery and motion remain in use. */
.launch-section:nth-of-type(even){background:var(--bg2)}
.launch-section p,.launch-hero-body p{max-width:760px;line-height:1.75;color:var(--text2);margin-bottom:20px}
.launch-hero-body .hero-actions{margin:24px 0}.launch-note{font-size:.84rem}
.launch-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.launch-faq summary{padding:20px 24px;cursor:pointer;font-weight:600;line-height:1.5}
.launch-faq .faq-a-inner{padding-top:4px}.launch-section .hero-actions{margin-top:28px}
@media(max-width:760px){.nc-hero-copy>.launch-hero-body{order:5}}