:root{--ink:#101418;--paper:#f6f4ef;--card:#fff;--muted:#657079;--blue:#1575c7;--blue2:#8dd2ff;--line:#d9dde0;--green:#cbe6a4;--shadow:0 18px 55px #0f19231c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:#f6f4efe8;backdrop-filter:blur(16px);border-bottom:1px solid #10141814}.navin{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.mark{width:38px;height:38px;border:2px solid;border-radius:50%;display:grid;place-items:center;font-size:12px}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}.pill,.btn{border-radius:999px;padding:12px 18px;border:1px solid var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center}.dark{background:var(--ink);color:#fff}.hero{padding:78px 0 44px}.eyebrow,.kicker{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#3d4a53}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:8px}h1{font-size:clamp(54px,8vw,108px);line-height:.91;letter-spacing:-.075em;margin:22px 0 28px;max-width:980px}.hero p{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#46535c;max-width:710px}.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{padding:15px 21px}.micro{font-size:13px;color:#69747b;margin-top:17px}.micro a{font-weight:850;text-decoration:underline;text-underline-offset:3px}.ticker{border-block:1px solid var(--line);padding:15px 0}.tickerin{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#4f5a61}.paths,.work,.services,.follow{padding:78px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.kicker{color:var(--blue)}h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.055em;line-height:1;margin:8px 0}.sectionhead p{max-width:520px;color:var(--muted);line-height:1.55}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path{min-height:380px;border:1px solid var(--line);border-radius:26px;background:var(--card);padding:28px;display:flex;flex-direction:column;transition:.25s;overflow:hidden;position:relative}.path:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.num{font-size:12px;font-weight:900;color:#748089}.path h3{font-size:36px;letter-spacing:-.045em;margin:65px 0 10px}.path p,.project p{color:var(--muted);line-height:1.55}.path .go{margin-top:auto;font-weight:900}.path:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;top:-55px;background:var(--blue2);opacity:.45}.path:nth-child(2):after{background:var(--green)}.path:nth-child(3):after{background:#f4c4aa}.story{padding:30px 0 90px}.storybox{background:var(--ink);color:#fff;border-radius:32px;padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.storybox p{color:#c8d0d5;font-size:18px;line-height:1.65}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.stat{border:1px solid #394149;border-radius:20px;padding:22px}.stat strong{display:block;font-size:34px}.stat span{color:#aeb8bf;font-size:13px}.workgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.project{border:1px solid var(--line);border-radius:26px;background:#fff;min-height:420px;padding:30px;display:flex;flex-direction:column}.project.big{background:linear-gradient(145deg,#dceef8,#fff 52%,#e9f2df)}.tag{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.project h3{font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;line-height:1;margin:auto 0 12px}.note{font-size:12px;color:#768087}.miniStack{display:grid;gap:16px}.mini{min-height:202px}.servicegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service{border-top:1px solid var(--line);padding:24px 4px;display:grid;grid-template-columns:55px 1fr auto;gap:18px}.service b{font-size:22px}.service p{margin:5px 0 0;color:var(--muted);line-height:1.5}.socialrow{display:flex;gap:10px;flex-wrap:wrap}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:stretch}.contactcard,.projectform{border:1px solid var(--line);border-radius:26px;background:#fff;padding:28px}.contactcard h3{font-size:34px;letter-spacing:-.04em;margin:10px 0}.contactcard p{color:var(--muted);line-height:1.55}.emailbig{font-size:clamp(18px,2.5vw,28px);font-weight:900;text-decoration:underline;text-underline-offset:4px}.projectform{display:grid;gap:12px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.projectform label{display:grid;gap:6px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#52606a}.projectform input,.projectform select,.projectform textarea{width:100%;border:1px solid #cfd5d9;border-radius:14px;background:#fbfbfa;padding:14px 15px;font:inherit;color:var(--ink);outline:none}.projectform textarea{min-height:120px;resize:vertical}.projectform input:focus,.projectform select:focus,.projectform textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1575c719}.formnote{font-size:12px;color:#748089;line-height:1.45}.formsubmit{cursor:pointer;border:0}.success{display:none;border-radius:14px;padding:13px 15px;background:#e8f5dc;font-weight:800;color:#28421d}.social{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 22px;font-weight:850}.pending{opacity:.48}.cta{padding:40px 0 90px}.ctabox{border-radius:32px;background:#dceef8;padding:clamp(32px,6vw,75px);text-align:center}.ctabox h2{max-width:800px;margin:10px auto 22px}.ctabox p{color:#4f5e67;max-width:630px;margin:0 auto 28px;line-height:1.6}.footer{border-top:1px solid var(--line);padding:30px 0 50px}.foot{display:flex;justify-content:space-between;gap:30px;color:#667179;font-size:13px}.mobilebar{display:none}@media(max-width:800px){.wrap{width:min(100% - 26px,1180px)}.navlinks a:not(.pill){display:none}.hero{padding-top:55px}.grid3,.storybox,.workgrid,.servicegrid,.contactgrid{grid-template-columns:1fr}.paths .sectionhead{display:block}.paths .sectionhead p{margin-top:16px}.grid3{gap:12px}.path{min-height:0;padding:24px}.path h3{font-size:31px;margin:34px 0 10px}.path p{font-size:15px}.formrow{grid-template-columns:1fr}.storybox{gap:25px}.tickerin span:nth-child(n+4){display:none}.foot{flex-direction:column;padding-bottom:65px}.mobilebar{display:flex;position:fixed;z-index:30;bottom:12px;left:13px;right:13px;background:#101418;color:#fff;border-radius:18px;padding:9px;box-shadow:0 10px 35px #0004}.mobilebar a{flex:1;text-align:center;padding:12px 8px;font-size:13px;font-weight:900}.mobilebar a:last-child{background:#fff;color:#111;border-radius:12px}}


/* J&J personality layer */
:root{--jj-blue:#1687d9;--jj-sky:#bfe3fb;--jj-amber:#f1c65d}
.nav{background:#0c1115f3!important;color:#fff!important;border-bottom-color:#ffffff20!important}
.mark{border-radius:4px!important;border-color:#fff!important}
.navlinks .pill{background:#fff!important;color:#101418!important;border-color:#fff!important}
.hero{background:#0c1115;color:#fff;position:relative;overflow:hidden;padding-top:0}
.hero:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-140px;bottom:-310px;background:#1687d92b}
.hero .eyebrow,.hero p,.hero .micro{color:#b8c3ca}
.hero .micro a{color:#fff}
.hero h1{max-width:850px}
.hero h1:after{content:"";display:inline-block;width:13px;height:13px;margin-left:12px;background:var(--jj-blue);border-radius:50%;vertical-align:.18em}
.heroops{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:2}
.opsboard{min-height:390px;border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(145deg,#151d23,#080b0d);position:relative;overflow:hidden;box-shadow:0 30px 70px #0008}
.opsboard:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px}
.opshead{position:absolute;left:18px;right:18px;top:15px;display:flex;justify-content:space-between;font:800 9px ui-monospace,monospace;letter-spacing:.12em;color:#84939c}
.terminal{position:absolute;left:24px;top:60px;width:270px;border:1px solid #ffffff28;background:#020405;border-radius:10px;padding:16px;font:11px/1.7 ui-monospace,monospace;color:#cbd5da;box-shadow:0 18px 35px #0007}
.tblue{color:#78ceff}.tgreen{color:#b8ef84}
.sticky{position:absolute;right:22px;top:83px;width:175px;background:#efe1a6;color:#111;padding:17px;transform:rotate(3deg);font:700 16px/1.45 "Segoe Print","Comic Sans MS",cursive;box-shadow:0 14px 30px #0007}
.sticky2{position:absolute;left:44px;bottom:28px;width:190px;background:#c9e9fb;color:#111;padding:15px;transform:rotate(-2deg);font:700 14px/1.45 "Segoe Print","Comic Sans MS",cursive;box-shadow:0 14px 30px #0007}
.barcode{position:absolute;right:28px;bottom:38px;width:160px;height:46px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 10px);opacity:.7}
.barcode:after{content:"J&J / BUILD / 092026";position:absolute;bottom:-18px;left:0;font:8px ui-monospace;color:#82919a;letter-spacing:.1em}
.path{border-radius:16px!important}.path:after{border-radius:0!important;width:100%!important;height:5px!important;top:0!important;right:0!important;opacity:1!important}
.path:nth-child(1):after{background:#111!important}.path:nth-child(2):after{background:var(--jj-blue)!important}.path:nth-child(3):after{background:var(--jj-amber)!important}
.systemlab{background:#0b1115;color:#fff;padding:82px 0;position:relative;overflow:hidden}
.systemlab .kicker{color:#8ed7ff}.systemlab h2{max-width:800px}.systemlab .intro{color:#aab5bc;max-width:720px;line-height:1.6}
.flow{display:grid;grid-template-columns:repeat(9,auto);align-items:center;gap:10px;margin-top:38px}
.node{border:1px solid #3d687b;border-radius:13px;padding:18px 12px;text-align:center;min-width:130px;background:#10191f}
.node .ico{width:36px;height:36px;border:1px solid #68bde8;border-radius:9px;margin:auto;display:grid;place-items:center;color:#8ed7ff;font-weight:950}
.node b{display:block;margin-top:8px;font-size:11px;letter-spacing:.07em}.node span{font-size:10px;color:#9eabb3}
.arr{color:#78ceff;font-size:22px}.loop{margin-top:23px;border-top:1px dashed #436271;padding-top:12px;text-align:center;color:#81939d;font-size:9px;letter-spacing:.15em}
.labmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:28px}.labmetric{border:1px solid #283a44;border-radius:11px;padding:17px}.labmetric strong{display:block;font-size:29px}.labmetric span{font-size:10px;color:#9eabb3}
.handnote{position:absolute;right:4%;top:48px;transform:rotate(4deg);font:700 18px "Segoe Print","Comic Sans MS",cursive;color:#ffffff30}
.workgrid{grid-template-columns:repeat(3,1fr)!important}.project{min-height:390px!important;border-radius:16px!important;overflow:hidden;position:relative}.project.big{background:#fff!important}
.currentbuild{background:#10171c;color:#fff;padding:70px 0}.buildgrid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.statuslist{display:grid;gap:17px;margin-top:28px}.status{display:grid;grid-template-columns:14px 1fr;gap:12px}.sdot{width:11px;height:11px;border-radius:50%;margin-top:5px;background:#4ac46c;box-shadow:0 0 0 5px #4ac46c22}.status:nth-child(2) .sdot{background:#f1c65d;box-shadow:0 0 0 5px #f1c65d22}.status:nth-child(3) .sdot{background:#1687d9;box-shadow:0 0 0 5px #1687d922}.status span{color:#9faab1;font-size:13px}
.processpaper{background:#e8dfc7;color:#111;padding:30px;transform:rotate(1.5deg);box-shadow:0 18px 45px #0006;font:700 16px/1.75 "Segoe Print","Comic Sans MS",cursive}.processpaper h3{font-size:24px;line-height:1.2;margin:0 0 14px}
@media(max-width:800px){
.heroops,.buildgrid{grid-template-columns:1fr}.opsboard{min-height:365px;margin-top:24px}.terminal{width:235px;left:15px}.sticky{width:145px;right:12px;top:205px;font-size:13px}.sticky2{display:none}.barcode{width:125px;right:18px}.flow{display:flex;overflow-x:auto;padding-bottom:12px;gap:8px;scroll-snap-type:x mandatory}.node{min-width:140px;scroll-snap-align:start}.arr{font-size:18px}.labmetrics{grid-template-columns:1fr 1fr}.workgrid{grid-template-columns:1fr!important}.browserfake{height:145px}.handnote{display:none}
}