:root{--jc-green:#8bc63f;--jc-green-dark:#6fa52d;--jc-ink:#17202b;--jc-navy:#101b2b;--jc-muted:#647181;--jc-light:#f5f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--jc-ink);line-height:1.65}a{color:var(--jc-green-dark)}.navbar{background:#fff;border-bottom:1px solid #e9eee7}.navbar-brand img{width:52px;height:52px;object-fit:contain}.brand-name{font-weight:800;letter-spacing:-.04em;color:var(--jc-ink);line-height:1.1}.brand-sub{font-size:.68rem;color:var(--jc-muted);letter-spacing:.12em;text-transform:uppercase}.nav-link{font-weight:600;color:#344052!important}.nav-link.active,.nav-link:hover{color:var(--jc-green-dark)!important}.btn-jc{background:var(--jc-green);color:#15210d;border:1px solid var(--jc-green);font-weight:750;padding:.78rem 1.2rem;border-radius:.65rem}.btn-jc:hover{background:#9bd64d;color:#15210d;border-color:#9bd64d}.btn-outline-jc{border:1px solid var(--jc-green-dark);color:var(--jc-green-dark);font-weight:700;border-radius:.65rem;padding:.78rem 1.2rem}.btn-outline-jc:hover{background:var(--jc-green);color:#14200c}.hero{background:radial-gradient(circle at 85% 25%,rgba(139,198,63,.19),transparent 28%),linear-gradient(125deg,#101b2b,#1d2b3b);color:#fff;padding:6.5rem 0 5.5rem;overflow:hidden}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:850;letter-spacing:-.055em;line-height:1.06}.hero p{color:#d0d9e1;font-size:1.12rem;max-width:660px}.eyebrow{color:var(--jc-green);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-mark{background:#fff;border-radius:2rem;padding:1.5rem;max-width:300px;box-shadow:0 25px 70px #0005}.hero-mark img{width:100%;height:auto}.section-pad{padding:5rem 0}.section-soft{background:var(--jc-light)}.section-dark{background:var(--jc-navy);color:#fff}.section-dark p{color:#c4ced8}.section-title{font-weight:850;letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.8rem)}.section-lead{color:var(--jc-muted);max-width:720px}.service-card,.info-card,.project-card{height:100%;border:1px solid #e7ece5;border-radius:1rem;padding:1.5rem;background:#fff;transition:transform .2s,box-shadow .2s}.service-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #15220f12}.icon-box{width:48px;height:48px;border-radius:.85rem;background:#eff7e6;color:var(--jc-green-dark);display:grid;place-items:center;font-size:1.35rem;margin-bottom:1rem}.service-card h3,.project-card h3{font-size:1.12rem;font-weight:800}.tag{display:inline-block;background:#edf6e4;color:#527c22;padding:.25rem .6rem;border-radius:99px;font-size:.72rem;font-weight:800}.page-hero{background:linear-gradient(120deg,#101b2b,#233548);color:#fff;padding:4.2rem 0}.page-hero p{color:#d0d9e1;max-width:700px}.check-list{list-style:none;padding:0}.check-list li{padding:.35rem 0}.check-list li:before{content:'✓';color:var(--jc-green-dark);font-weight:900;margin-right:.65rem}.cta-band{background:var(--jc-green);border-radius:1.25rem;padding:2.5rem;color:#15210d}.cta-band p{color:#30451d}.footer{background:#0d1724;color:#fff;padding:3.5rem 0 1.5rem}.footer p,.footer a{color:#c0cad4}.footer a{text-decoration:none}.footer a:hover{color:var(--jc-green)}.footer-logo{width:66px;background:#fff;border-radius:12px;padding:4px}.form-control,.form-select{padding:.8rem;border-radius:.6rem;border-color:#dce4da}.form-control:focus,.form-select:focus{border-color:var(--jc-green);box-shadow:0 0 0 .2rem #8bc63f25}.small-note{font-size:.88rem;color:var(--jc-muted)}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:1000;background:#25d366;color:#fff;border-radius:999px;padding:.8rem 1rem;text-decoration:none;font-weight:800;box-shadow:0 8px 24px #0003}.floating-wa:hover{color:#fff;background:#1fb95a}.breadcrumb a{text-decoration:none}.legal-copy h2{font-size:1.25rem;font-weight:800;margin-top:1.8rem}.legal-copy p{color:#536171}@media(max-width:767px){.hero{padding:4.5rem 0}.hero-mark{max-width:190px;margin:0 auto}.section-pad{padding:3.6rem 0}.cta-band{padding:1.6rem}}

/* JCrost circular hero identity graphic */
.hero-circuit{position:relative;background:#101d31;background-image:radial-gradient(circle at 78% 48%,rgba(25,194,180,.08),transparent 30%),linear-gradient(90deg,transparent 49px,rgba(83,126,158,.055) 50px),linear-gradient(transparent 49px,rgba(83,126,158,.055) 50px);background-size:auto,50px 50px,50px 50px;padding:5.2rem 0 4.7rem}
.hero-circuit:before,.hero-circuit:after{content:"";position:absolute;border:1px solid rgba(92,139,168,.13);border-radius:50%;pointer-events:none}.hero-circuit:before{width:540px;height:540px;right:-230px;top:-290px}.hero-circuit:after{width:390px;height:390px;right:-110px;top:-220px}.hero-circuit h1{font-size:clamp(2.5rem,4.3vw,4.25rem);line-height:1.08}.hero-circuit h1 span{color:#19c2b4}.hero-circuit p{font-size:1.02rem;max-width:480px}.hero-proof{font-size:.78rem;color:#a9bbce}.hero-proof i{color:#19c2b4;margin-right:.45rem}.jc-visual{height:410px;max-width:650px;margin:auto;position:relative;display:flex;align-items:center;justify-content:center}.visual-grid{position:absolute;inset:10% 8%;opacity:.55;background-image:linear-gradient(rgba(91,136,163,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(91,136,163,.10) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black 10%,transparent 75%)}.orbit{position:absolute;border:1px solid rgba(59,171,184,.43);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:250px;height:250px}.orbit-two{width:300px;height:205px}.orbit-three{width:215px;height:300px}.core-ring{position:relative;width:172px;height:172px;border:1px solid rgba(83,172,192,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(26,53,77,.96),rgba(16,29,49,.78));box-shadow:0 0 0 12px rgba(52,135,160,.055),0 0 45px rgba(19,194,180,.08)}.core-icon{width:39px;height:39px;border:1px solid #19c2b4;border-radius:11px;display:grid;place-items:center;color:#19c2b4;font-size:1.2rem;margin-bottom:.45rem}.core-name{font-size:1.05rem;font-weight:850;letter-spacing:.08em;color:#fff}.core-caption{font-size:.39rem;letter-spacing:.14em;color:#8aa9c1;margin-top:.2rem}.floating-note{position:absolute;display:flex;align-items:center;gap:.65rem;padding:.62rem .78rem;background:rgba(27,48,71,.94);border:1px solid rgba(106,149,177,.32);border-radius:.5rem;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14);min-width:150px}.floating-note b{display:block;font-size:.68rem;line-height:1.25}.floating-note small{display:block;color:#9db2c7;font-size:.55rem;margin-top:.18rem}.note-icon{width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:rgba(25,194,180,.16);color:#19c2b4;display:grid;place-items:center;font-size:.95rem}.note-security{top:13%;left:5%}.note-cloud{top:31%;right:0}.note-network{bottom:12%;left:8%}.status-dot{width:5px;height:5px;border-radius:50%;background:#19c2b4;margin-left:auto}.footer-logo{display:none}
@media(max-width:991px){.jc-visual{height:360px;margin-top:1.5rem}.note-security{left:0}.note-cloud{right:0}}
@media(max-width:575px){.hero-circuit{padding:4rem 0 3rem}.jc-visual{height:315px;transform:scale(.92);transform-origin:center}.orbit-one{width:220px;height:220px}.orbit-two{width:265px;height:180px}.orbit-three{width:190px;height:265px}.core-ring{width:150px;height:150px}.note-security{top:3%;left:-3%}.note-cloud{top:30%;right:-5%}.note-network{bottom:3%;left:-1%}.floating-note{min-width:138px;padding:.5rem .58rem}.floating-note b{font-size:.62rem}.floating-note small{font-size:.5rem}}
