:root{--bg-main:#0b0c0f;--bg-section:#101115;--bg-card:#17181d;--bg-card-hover:#1c1e24;--border:#292c33;--border-light:#343842;--text-primary:#f5f7fa;--text-secondary:#a7abb4;--text-muted:#737985;--brand:#08c7f4;--brand-bright:#20ddff;--brand-deep:#087df1;--success:#19b86b;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-main);color:var(--text-primary);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-bright);outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#0b0c0ff2;border-bottom:1px solid var(--border)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-fallback{display:inline-flex;flex-direction:column;line-height:1;letter-spacing:.02em}.brand-fallback strong{font-size:1.18rem}.brand-fallback small{margin-top:6px;color:var(--text-muted);font-size:.57rem;letter-spacing:.13em}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:9px 11px;color:var(--text-secondary);font-size:.93rem}.nav a:hover,.nav a.active{color:var(--text-primary)}.nav a.active{box-shadow:inset 0 -2px var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#071116;font-weight:750;cursor:pointer;transition:.2s}.button:hover{background:var(--brand-bright);box-shadow:0 8px 20px #08c7f433;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-light)}.button.secondary:hover{border-color:var(--brand);color:var(--brand-bright);box-shadow:none}.button.disabled{opacity:.45;cursor:not-allowed}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-light);color:white;border-radius:7px;padding:8px 10px;font-size:1.2rem}.hero{padding:94px 0 78px;background:radial-gradient(circle at 83% 20%,#087df11f,transparent 27%),var(--bg-main);border-bottom:1px solid #17191f}.eyebrow{color:var(--brand);font-weight:800;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 17px}.hero-grid{display:grid;grid-template-columns:1.1fr .7fr;align-items:center;gap:64px}.hero h1,.page-hero h1{font-size:clamp(2.35rem,5vw,4.55rem);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:760px}.hero p{color:var(--text-secondary);max-width:640px;font-size:1.06rem;margin:23px 0 30px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.tech-panel{min-height:250px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,#17181d,#101115);position:relative;overflow:hidden}.tech-panel:before,.tech-panel:after{content:"";position:absolute;border:1px solid #08c7f466;border-radius:50%}.tech-panel:before{width:240px;height:240px;right:-70px;top:-62px}.tech-panel:after{width:150px;height:150px;left:42px;bottom:-55px}.tech-panel span{position:absolute;width:10px;height:10px;border-radius:2px;background:var(--brand);box-shadow:0 0 20px var(--brand)}.tech-panel span:nth-child(1){top:30%;left:30%}.tech-panel span:nth-child(2){top:55%;right:25%;background:#087df1}.tech-panel span:nth-child(3){bottom:25%;left:55%;background:white}.section{padding:88px 0}.section.alt{background:var(--bg-section)}.section-head{max-width:680px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(1.9rem,3.7vw,3.2rem);line-height:1.15;letter-spacing:-.035em;margin:0}.section-head p{color:var(--text-secondary);margin:16px 0 0}.grid{display:grid;gap:18px}.services-grid{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:27px;box-shadow:0 8px 20px #00000018;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#08c7f4aa;background:var(--bg-card-hover)}.service-card{min-height:356px;display:flex;flex-direction:column}.icon{height:33px;width:33px;color:var(--brand);margin-bottom:18px}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}.card h3{font-size:1.23rem;line-height:1.25;margin:0 0 12px}.card p{color:var(--text-secondary);margin:0}.features{padding:0;margin:18px 0 20px;list-style:none;color:#c4c8d0;font-size:.91rem}.features li{margin:6px 0;padding-left:17px;position:relative}.features li:before{content:"";width:5px;height:5px;position:absolute;left:0;top:.65em;background:var(--brand);border-radius:50%}.text-link{color:var(--brand-bright);font-weight:750;margin-top:auto}.text-link:hover{text-decoration:underline}.value-card{min-height:210px}.step-grid{grid-template-columns:repeat(4,1fr)}.step{position:relative;padding-top:65px}.step-number{position:absolute;top:25px;left:27px;width:30px;height:30px;display:grid;place-items:center;background:#08c7f422;border:1px solid var(--brand);border-radius:50%;color:var(--brand-bright);font-weight:800;font-size:.78rem}.step h3{font-size:1rem;letter-spacing:.08em}.strip{grid-template-columns:repeat(6,1fr)}.strip .card{padding:18px;min-height:116px}.strip h3{font-size:.93rem;margin:11px 0 0}.strip .icon{height:25px;width:25px;margin:0}.cta{padding:74px 0;text-align:center;background:linear-gradient(110deg,#0d1a1e,#101115 52%,#111219)}.cta p{color:var(--text-secondary);max-width:600px;margin:16px auto 28px}.contact-preview{text-align:center}.contact-preview p{max-width:650px;margin:17px auto 26px;color:var(--text-secondary)}.site-footer{background:#08090b;border-top:1px solid var(--border);padding:56px 0 20px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px}.footer-grid h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 14px}.footer-grid p,.footer-grid a{display:block;color:var(--text-secondary);font-size:.9rem;margin:6px 0}.footer-grid a:hover{color:var(--brand-bright)}.footer-brand p{max-width:280px}.footer-bottom{border-top:1px solid var(--border);margin-top:40px;padding-top:18px;color:var(--text-muted);font-size:.84rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom a{display:inline;margin-left:14px}.page-hero{padding:82px 0 60px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 70% 0,#087df114,transparent 27%)}.page-hero p{max-width:650px;color:var(--text-secondary);margin:20px 0 0;font-size:1.05rem}.large-service{display:grid;grid-template-columns:54px 1fr;gap:22px}.large-service .icon{width:40px;height:40px}.large-service .features{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px}.form-panel{max-width:780px;margin:0 auto;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700;font-size:.91rem}input,select,textarea{width:100%;background:#101115;border:1px solid var(--border-light);border-radius:7px;color:var(--text-primary);font:inherit;padding:12px}textarea{min-height:150px;resize:vertical}.error{min-height:1.15rem;color:#ff8b8b;font-size:.82rem}.form-note{color:var(--text-muted);font-size:.88rem;margin:15px 0 0}.placeholder-page{min-height:55vh;display:grid;place-items:center;text-align:center}.placeholder-page p{color:var(--text-secondary)}
@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}.cards-4,.step-grid{grid-template-columns:repeat(2,1fr)}.strip{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.tech-panel{display:none}}@media(max-width:640px){.wrap{width:min(calc(100% - 30px),var(--max))}.header-inner{height:65px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;padding:15px;background:#101115;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 15px}.nav .button{margin:5px 4px}.hero,.page-hero{padding:64px 0 50px}.section{padding:64px 0}.services-grid,.cards-4,.step-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.field.full{grid-column:auto}.service-card{min-height:0}.large-service{grid-template-columns:1fr;gap:5px}.large-service .features{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:9px}.footer-bottom a{margin-left:0;margin-right:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.brand{display:inline-flex;align-items:center;min-width:150px}.brand-logo{display:none;object-fit:contain}.logo-full{height:42px;width:auto}.logo-short{height:34px;width:34px}.brand.has-full-logo .brand-fallback,.brand.has-short-logo .brand-fallback{display:none}.brand.has-full-logo .logo-full,.brand.has-short-logo .logo-short{display:block}.whatsapp-button{background:#25d366;border-color:#25d366;color:#06120a}.whatsapp-button:hover{background:#42e578;box-shadow:0 8px 20px #25d36633}.wa-icon{width:17px;height:17px;margin-right:8px;fill:currentColor}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#07160b;box-shadow:0 8px 22px #0008;transition:.2s}.floating-whatsapp:hover{background:#42e578;transform:translateY(-2px)}.floating-whatsapp .wa-icon{width:27px;height:27px;margin:0}.contact-direct{display:flex;align-items:center;justify-content:center;gap:12px;max-width:430px;margin:0 auto 24px;padding:17px 22px}.contact-direct strong{display:block}.contact-direct span{color:var(--text-secondary);font-size:.9rem}@media(max-width:640px){.brand.has-full-logo .logo-full{display:none}.brand.has-full-logo .logo-short{display:block}.floating-whatsapp{width:48px;height:48px;right:15px;bottom:15px}}
.form-note{font-size:0}.form-note:after{content:"Your enquiry will open securely in WhatsApp for you to review and send.";font-size:.88rem}.form-panel .whatsapp-button{margin-top:12px}
body .placeholder-page p{font-size:0}body .placeholder-page p:after{content:"Information for FinCode Labs will be published here.";font-size:1rem}
.honeypot{position:absolute!important;left:-9999px!important}.form-note{font-size:.88rem}.form-note:after{content:none}.contact-direct{flex-wrap:wrap}.contact-direct a{color:var(--brand-bright)}
.contact-direct{margin:0 auto 24px;padding:0;background:transparent;border:0}.contact-direct .button{min-width:218px}.contact-direct .button span{font-size:1.2rem;margin-right:8px}
.header-inner{height:82px}.site-header .header-logo{height:66px;width:auto;max-width:270px;object-fit:contain}.site-footer .footer-logo{height:100px;width:auto;max-width:300px;object-fit:contain}@media(max-width:640px){.header-inner{height:65px}.site-header .header-logo{height:34px;max-width:42px}}
.contact-wa-button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--border-light);border-radius:9px;background:var(--bg-card);color:var(--text-primary);font-weight:750;box-shadow:0 7px 18px #0003;transition:.2s}.contact-wa-button:hover{border-color:var(--brand);background:var(--bg-card-hover);box-shadow:0 8px 20px #08c7f422;transform:translateY(-1px)}.contact-wa-button .wa-icon,.footer-wa .wa-icon{width:18px;height:18px;fill:#25d366;margin:0}.footer-wa{display:flex!important;align-items:flex-start;gap:8px}.footer-wa .wa-icon{margin-top:3px;width:15px;height:15px}
