
:root{--bg:#06120d;--panel:#0b2118;--panel2:#102c20;--green:#17e989;--bright:#73ffb9;--muted:#afc6b8;--silver:#e9f5ef;--line:rgba(126,255,182,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4fff8;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container,.section,.hero-grid,.nav-shell,.footer-inner{width:min(1180px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(3,17,11,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-shell{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.logo svg{width:56px;height:56px}.brand-name{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.14em}.brand-name strong{font-size:16px}.brand-name small{font-size:11px;color:var(--green);letter-spacing:.34em;margin-top:6px}.nav-links{display:flex;align-items:center;gap:22px;margin:auto;font-size:13px;font-weight:700;color:#d9e9df}.nav-links a:hover,.nav-links a[href="lab.html"]:hover{color:var(--green)}.nav-cta,.btn.primary{background:linear-gradient(135deg,#0a8f4c 0%,#36e991 38%,#0c9e5c 67%,#006335 100%);box-shadow:inset 0 1px 1px #a9ffd1,0 7px 22px #00894e55;color:#03150b;font-weight:850}.nav-cta{padding:12px 17px;border-radius:9px;font-size:13px;white-space:nowrap}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:13px 21px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{border:1px solid #45b87b;color:#f5fff8;background:#0d251bb8}.eyebrow,.kicker{font-size:12px;letter-spacing:.18em;font-weight:850;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(27px,3vw,40px);line-height:1.18}p{color:var(--muted)}.hero{padding:72px 0 50px;background:radial-gradient(ellipse at 70% 20%,#14533377,transparent 54%),#06150e}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:45px}.hero-copy h1{margin:18px 0 22px}.hero-copy h1 span,.hero-copy em{color:var(--green)}.hero-copy p{font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-points{display:flex;gap:15px;flex-wrap:wrap;color:#c6dfd0;font-size:12px}.hero-art{position:relative;min-width:0}.house-photo{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 75px #00aa5540}.visual-note{font-size:12px;color:#bbdac9;padding:8px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:0 auto;padding:22px}.benefit-strip>div{background:#0d281b;border:1px solid var(--line);border-radius:13px;padding:18px}.benefit-icon{font-size:23px;color:var(--green)}.section{padding:70px 0}.section-heading{text-align:center;margin-bottom:30px}.service-grid,.lab-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card,.lab-card,.resource-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#133d28,#081a12);overflow:hidden;padding:23px}.service-visual{height:125px;background:radial-gradient(circle at 60% 50%,#138c54aa,transparent 55%),#0a1e14;border-radius:12px;display:grid;place-items:center;font-size:45px;color:var(--green)}.service-body{padding-top:16px}.service-icon{color:var(--green)}.service-card h3,.lab-card h3{margin:8px 0}.lab{background:#081d13}.bottom{padding-bottom:80px}footer{border-top:1px solid var(--line);padding:27px 0;background:#041009}.footer-inner{display:flex;justify-content:space-between;gap:20px;color:#a9c1b2;font-size:13px}.footer-inner b{color:white}.footer-inner i{color:var(--green)}.footer-inner small{display:block}.lab-v3-hero{padding:75px 0 65px;background:radial-gradient(ellipse at 78% 45%,#135f3b88,transparent 55%),linear-gradient(135deg,#06150e,#092318)}.lab-v3-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:48px}.lab-v3-copy h1{font-size:clamp(45px,5.5vw,78px);margin:18px 0 3px;line-height:1}.lab-v3-copy h1 span{color:var(--green);text-shadow:0 0 32px #1dce7766}.lab-v3-copy h2{font-size:clamp(24px,3vw,39px);margin:12px 0 24px;color:#f4fff8}.lab-v3-copy h2 em{color:var(--green);font-style:normal}.lab-v3-copy p{font-size:17px;max-width:540px}.lab-v3-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#b9d9c5;margin-top:26px}.lab-v3-photo{position:relative;border:1px solid #2ec67d77;border-radius:20px;overflow:hidden;box-shadow:0 25px 90px #00b56735,inset 0 0 50px #11a75d}.lab-v3-photo img{width:100%;height:350px;object-fit:cover}.lab-photo-label{position:absolute;bottom:15px;left:15px;padding:12px 18px;border:1px solid #79ffc288;border-radius:10px;background:#062517d9;backdrop-filter:blur(8px);font-weight:900;letter-spacing:.08em}.lab-photo-label small{display:block;color:#68efab;font-size:10px}.lab-v3-projects{padding:72px 0 85px;background:linear-gradient(#071810,#081c13)}.lab-project-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:14px 0 28px}.lab-project-head h2{margin:0}.lab-project-head p{max-width:460px;margin:0}.lab-v3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lab-v3-card{min-height:255px;padding:24px;border-radius:17px;border:1px solid #2ba76b6b;background:linear-gradient(145deg,#143e29 0%,#0a2116 70%);box-shadow:inset 0 1px 0 #79e8a52a,0 15px 35px #0003;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#185c3b;color:#69ffb0;font-size:25px}.card-number{font-size:13px;color:#71dda4;font-weight:800}.lab-v3-card h3{font-size:21px;margin:0 0 2px}.card-sub{font-size:12px;color:#6cf3a9;font-weight:700}.lab-v3-card p{font-size:14px;margin:12px 0 18px}.card-tags{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:#c1d9ca;font-size:12px}.lab-v3-outro{text-align:center;padding:75px 0 90px;background:radial-gradient(ellipse at center,#115d3888,transparent 75%)}.lab-v3-outro p{max-width:650px;margin:0 auto 25px}.lab-v3-outro h2{margin:12px 0 16px}#projects{scroll-margin-top:90px}@media(max-width:980px){.nav-links{gap:11px;font-size:12px}.brand{min-width:auto}.nav-cta{display:none}.hero-grid,.lab-v3-grid{grid-template-columns:1fr}.lab-v3-photo img{height:360px}.lab-v3-cards,.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.nav-shell{min-height:70px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;flex-basis:100%;order:5;flex-direction:column;align-items:flex-start;padding:14px 0}.nav-links.open{display:flex}.hero{padding-top:45px}.lab-v3-hero{padding:50px 0}.lab-v3-cards,.service-grid,.lab-grid,.resource-grid{grid-template-columns:1fr}.benefit-strip{grid-template-columns:repeat(2,1fr)}.lab-project-head{display:block}.lab-project-head p{margin-top:14px}.footer-inner{display:block}.footer-inner>span{display:block;margin-bottom:15px}.lab-v3-photo img{height:250px}.lab-v3-copy h1{font-size:48px}}

/* Tech Lab 3.1: full uncropped server room, refined frame */
.lab-v3-photo{background:#061b11;border:1px solid rgba(91,255,169,.55);box-shadow:0 24px 85px rgba(0,181,103,.25),0 0 0 5px rgba(26,210,114,.06);isolation:isolate}
.lab-v3-photo img{display:block;width:100%;height:auto;aspect-ratio:805 / 324;object-fit:contain;object-position:center}
.lab-photo-label{bottom:12px;left:12px;padding:9px 13px;font-size:13px;box-shadow:0 4px 20px #0007}
@media(max-width:980px){.lab-v3-photo img{height:auto}}
@media(max-width:650px){.lab-v3-photo img{height:auto}.lab-photo-label{font-size:11px;padding:7px 10px}}

/* Tech Lab 3.2: interactive public project showcases */
.project-card-link{display:block;text-decoration:none;color:inherit;border-radius:17px;height:100%}.project-card-link:focus-visible{outline:3px solid #71ffb5;outline-offset:5px}.project-card-link .lab-v3-card{height:100%;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card-link:hover .lab-v3-card,.project-card-link:focus-visible .lab-v3-card{transform:translateY(-5px);border-color:#61ffad;box-shadow:0 18px 45px #0aef8340}.card-more{display:block;color:#75ffb8;font-weight:800;font-size:13px;margin-top:15px}.project-hero{padding:65px 0 85px;background:radial-gradient(ellipse at 75% 45%,#11633a99,transparent 55%),linear-gradient(130deg,#06150e,#092519)}.project-back{display:inline-block;color:#92efba;margin-bottom:42px;text-decoration:none;font-weight:700}.project-back:hover{text-decoration:underline}.project-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px}.project-category{font-size:13px;letter-spacing:.15em;color:#64f6a5;font-weight:900;margin:15px 0}.project-hero h1{font-size:clamp(40px,5.3vw,76px);line-height:1.06;margin:0 0 22px}.project-tagline{font-size:clamp(19px,2.2vw,25px);color:#d3ebdd;max-width:620px}.project-pills{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 34px}.project-pills span{border:1px solid #4bdc9070;border-radius:999px;background:#0c3723;padding:8px 13px;color:#c5f8db;font-size:12px}.project-emblem{min-height:280px;border:1px solid #43de9270;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(circle,#16683f,#092116 70%);box-shadow:0 15px 75px #1ef58a23}.project-emblem-icon{display:grid;place-items:center;width:135px;height:135px;border:2px solid #74ffc2;border-radius:32px;font-size:85px;color:#79ffb7;text-shadow:0 0 30px #43e998;box-shadow:0 0 45px #0cff7b38}.project-emblem span{color:#b6f8d3;font-weight:800;letter-spacing:.16em;font-size:11px}.project-detail{padding:72px 0;background:#071910}.project-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-info{border:1px solid #27764e;border-radius:18px;background:linear-gradient(145deg,#123a27,#091f15);padding:30px}.project-info h2{font-size:25px;margin:13px 0}.project-info p{font-size:15px;line-height:1.75}.project-disclaimer{margin-top:32px;color:#9ec7ad;font-size:13px}.project-bottom{text-align:center;padding:65px 0 80px;background:radial-gradient(ellipse at center,#10553280,transparent 70%)}.project-bottom h2{margin:0 0 12px}.project-bottom p{margin-bottom:25px}@media(max-width:800px){.project-hero-grid,.project-detail-grid{grid-template-columns:1fr}.project-emblem{min-height:230px}.project-hero{padding:42px 0 65px}}@media(prefers-reduced-motion:reduce){.project-card-link .lab-v3-card{transition:none}}

/* Tech Lab 3.3 cinematic project visuals */
.project-visual{margin:0;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(83,255,166,.55);background:#071a11;box-shadow:0 22px 85px rgba(0,225,118,.21),0 0 0 5px rgba(22,222,120,.05)}
.project-visual img{width:100%;height:340px;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}
.project-visual:hover img{transform:scale(1.025)}
.project-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 18px 12px;background:linear-gradient(transparent,rgba(2,16,9,.93));font-size:11px;font-weight:850;letter-spacing:.12em;color:#eafff0}
.project-visual figcaption span{color:#78ffb9}
@media(max-width:800px){.project-visual img{height:auto;max-height:410px;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.project-visual img{transition:none}}
