.scroll-signal{position:fixed;z-index:100;left:0;right:0;top:0;height:3px;background:rgba(32,166,170,.12);pointer-events:none}.scroll-signal span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#20a6aa,#8fe0d8);box-shadow:0 0 14px rgba(32,166,170,.65);transform:scaleX(0);transform-origin:left center;will-change:transform}
.hero:before{content:'';position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(7,29,52,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,29,52,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-watermark{position:absolute;z-index:-1;right:-3vw;top:100px;color:transparent;font:800 clamp(140px,22vw,320px)/1 Manrope,sans-serif;letter-spacing:-.1em;-webkit-text-stroke:1px rgba(32,166,170,.085);transform:rotate(-5deg);pointer-events:none}
.sync-lab{padding:10px 0 150px}.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.lab-heading h2{margin:16px 0 0;font:800 clamp(38px,4.5vw,62px)/1.04 Manrope,sans-serif;letter-spacing:-.05em}.lab-heading h2 em{color:#20a6aa;font-style:normal}.lab-live{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:14px 17px;border:1px solid rgba(7,29,52,.12);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(7,29,52,.06)}.lab-live i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#46cb83;box-shadow:0 0 0 5px rgba(70,203,131,.12);animation:lab-pulse 1.8s infinite}.lab-live span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lab-live strong{color:#6b7884;font:600 10px monospace}.lab-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:330px 270px;gap:16px}.lab-card{position:relative;overflow:hidden;border:1px solid rgba(7,29,52,.12);border-radius:25px;background:#fff;box-shadow:0 18px 50px rgba(7,29,52,.07)}.lab-card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(7,29,52,.09);font-size:8px;font-weight:800;letter-spacing:.13em}.lab-card-top b{color:#20a6aa}.lab-console{background:#071d34;color:#fff}.lab-console .lab-card-top{border-color:rgba(255,255,255,.1);color:#8fa4b5}.lab-console .lab-card-top b{color:#63daa7}.terminal-lines{padding:33px 35px;font:500 clamp(10px,1.2vw,14px)/1.8 monospace}.terminal-lines p{margin:0;color:#d5e1e8}.terminal-lines p i{display:inline-block;width:35px;color:#506a7d;font-style:normal}.code-blue{color:#65aee5}.code-mint{color:#78dfc7}.code-yellow{color:#ffc467}.console-status{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:9px}.console-status span{display:flex;align-items:center;gap:8px}.console-status span i{width:7px;height:7px;border-radius:50%;background:#54d18b}.console-status small{color:#6f8798}.lab-radar{padding-bottom:20px;background:linear-gradient(145deg,#e9f8f7,#fff)}.radar-visual{position:relative;width:190px;height:190px;margin:20px auto;border:1px solid rgba(32,166,170,.24);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 28px,rgba(32,166,170,.12) 29px 30px),linear-gradient(90deg,transparent 49.7%,rgba(32,166,170,.15) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(32,166,170,.15) 50%,transparent 50.3%)}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(32,166,170,.36),transparent 25%);animation:radar 4s linear infinite}.radar-visual>strong{position:absolute;left:50%;top:50%;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#0c355b;color:#fff;font:800 13px Manrope;transform:translate(-50%,-50%)}.signal{position:absolute;width:7px;height:7px;border-radius:50%;background:#20a6aa;box-shadow:0 0 0 5px rgba(32,166,170,.15)}.s1{left:34px;top:72px}.s2{right:33px;bottom:48px}.s3{right:52px;top:35px}.lab-radar>p{margin:-7px 25px 0;color:#637381;font-size:11px;text-align:center}.lab-metric{padding:34px;background:linear-gradient(145deg,#20a6aa,#0b6572);color:#fff}.metric-label{font-size:8px;font-weight:800;letter-spacing:.15em}.lab-metric>strong{display:block;margin-top:25px;font:800 82px/1 Manrope}.lab-metric>strong small{font-size:25px;color:#9ee7df}.lab-metric p{max-width:280px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.6}.speed-track{position:absolute;left:34px;right:34px;bottom:31px;height:5px;border-radius:8px;background:rgba(255,255,255,.2)}.speed-track i{display:block;width:82%;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.45)}.lab-principles{background:#fff}.principle-list{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 57px)}.principle-list span{display:flex;align-items:center;gap:14px;padding:20px;border-right:1px solid rgba(7,29,52,.09);border-bottom:1px solid rgba(7,29,52,.09);font:700 12px Manrope}.principle-list span:nth-child(even){border-right:0}.principle-list span:nth-child(n+3){border-bottom:0}.principle-list i{color:#20a6aa;font:700 9px monospace}@keyframes radar{to{transform:rotate(360deg)}}@keyframes lab-pulse{50%{box-shadow:0 0 0 9px rgba(70,203,131,0)}}
.service-card,.project-visual,.about-card,.contact-card{isolation:isolate}.service-card:before,.project-visual:before{content:'';position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(143,224,216,.28);pointer-events:none;transition:.35s}.service-card:hover:before,.project:hover .project-visual:before{box-shadow:inset 0 0 0 3px rgba(143,224,216,.42)}.project-visual{transition:transform .45s cubic-bezier(.2,.75,.25,1)}.project:hover .project-visual{transform:translateY(-7px)}
@media(max-width:800px){.lab-heading{align-items:flex-start;flex-direction:column}.lab-grid{grid-template-columns:1fr;grid-template-rows:auto}.lab-console{min-height:320px}.lab-radar{min-height:330px}.lab-metric,.lab-principles{min-height:260px}.sync-lab{padding-bottom:100px}}@media(max-width:500px){.terminal-lines{padding:28px 18px;font-size:9px}.terminal-lines p i{width:25px}.principle-list{grid-template-columns:1fr}.principle-list span{border-right:0}.principle-list span:nth-child(3){border-bottom:1px solid rgba(7,29,52,.09)}.hero-watermark{top:160px}}