/* ============================================
   3Cell Innovative Solutions — Shared Styles
   www.threecell.co.uk
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#060E0F;--navy2:#0B1618;--navy3:#0E1E20;
  --green:#00C896;--green2:#00A87C;--green3:#00E6A8;
  --green-dim:rgba(0,200,150,0.10);--green-border:rgba(0,200,150,0.20);
  --white:#EEF9F5;--muted:#5A8070;--muted2:#3D6055;
  --border:#152422;--border2:#1C3330;
}
body{font-family:'DM Sans',sans-serif;background:var(--navy);color:var(--white);margin:0 auto;max-width:1200px}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:1px solid var(--border2);background:rgba(6,14,15,0.97);position:sticky;top:0;z-index:99;backdrop-filter:blur(10px)}
.logo-svg{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none}
.logo-tagline{font-size:6px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,200,150,0.38);padding-left:1px}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{color:var(--muted);font-size:13.5px;text-decoration:none;transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--white)}
.nav-cta{background:var(--green);color:#040E0D;padding:9px 20px;border-radius:7px;font-size:13.5px;font-weight:600;text-decoration:none}

/* SECTION LABELS */
.section-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:16px;font-weight:500}
.section-label::before{content:'';width:22px;height:1px;background:var(--green)}
.section{padding:76px 40px}
.section h2{font-family:'Syne',sans-serif;font-size:36px;font-weight:700;letter-spacing:-0.8px;color:var(--white);margin-bottom:12px}
.section-sub{font-size:15px;color:var(--muted);max-width:420px;line-height:1.65;margin-bottom:52px}

/* CHIPS / TAGS */
.chip{background:var(--green-dim);border:1px solid var(--green-border);border-radius:100px;padding:6px 16px;font-size:12px;color:var(--green3);letter-spacing:0.4px}
.stag{background:var(--green-dim);border:1px solid var(--green-border);border-radius:4px;padding:3px 10px;font-size:10.5px;color:var(--green3);letter-spacing:0.4px}

/* CTA STRIP */
.cta-strip{margin:0 40px 76px;background:linear-gradient(130deg,#00B588,var(--green),#00E6A8);border-radius:18px;padding:60px 52px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}
.cta-strip::before{content:'';position:absolute;top:-70px;right:-50px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,0.09)}
.cta-left h2{font-family:'Syne',sans-serif;font-size:28px;font-weight:700;color:#030E0C;margin-bottom:10px;letter-spacing:-0.5px}
.cta-left p{font-size:15px;color:rgba(4,30,24,0.72);line-height:1.55}
.cta-btn{background:#050E0D;color:var(--green3);padding:14px 26px;border-radius:8px;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;z-index:1;position:relative}

/* FOOTER */
footer{border-top:1px solid var(--border2);padding:36px 40px}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border2)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center}
.footer-links{display:flex;gap:26px;list-style:none}
.footer-links a{font-size:12.5px;color:var(--muted);text-decoration:none}
.footer-social{display:flex;gap:16px;align-items:center}
.footer-social a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-decoration:none;transition:color 0.2s}
.footer-social a:hover{color:var(--green3)}
.footer-copy{font-size:11.5px;color:var(--muted2)}

/* MARQUEE */
.marquee-wrap{padding:18px 0;border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);background:var(--navy2);overflow:hidden}
.marquee-track{display:flex;gap:44px;animation:scroll 22s linear infinite;width:max-content}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-item{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--green);flex-shrink:0}

/* BUTTONS */
.btn-primary{background:var(--green);color:#040E0D;padding:13px 26px;border-radius:8px;font-size:14.5px;font-weight:600;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-outline{background:transparent;color:var(--white);padding:13px 26px;border-radius:8px;font-size:14.5px;font-weight:400;text-decoration:none;border:1px solid var(--border2);cursor:pointer;display:inline-flex;align-items:center;gap:8px}

/* PAGE HERO (inner pages) */
.page-hero{padding:72px 40px 64px;position:relative;overflow:hidden;border-bottom:1px solid var(--border2)}
.page-hero h1{font-family:'Syne',sans-serif;font-size:52px;font-weight:800;letter-spacing:-1.5px;color:var(--white);margin-bottom:20px;max-width:580px;line-height:1.08}
.page-hero h1 em{font-style:normal;color:var(--green)}
.page-hero p{font-size:16px;color:var(--muted);line-height:1.72;max-width:520px;font-weight:300}
.glow{position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,150,0.09) 0%,transparent 68%);pointer-events:none}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;color:var(--muted)}
.breadcrumb span{color:var(--green)}
.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}

/* MOBILE RESPONSIVE */
@media(max-width:768px){
  nav{padding:14px 20px;flex-wrap:wrap;gap:12px}
  .nav-links{display:none}
  .section{padding:48px 20px}
  .cta-strip{margin:0 20px 48px;padding:40px 28px;flex-direction:column;gap:24px;text-align:center}
  footer{padding:28px 20px}
  .page-hero{padding:48px 20px 40px}
  .page-hero h1{font-size:36px}
}