styles.css

:root{--ink:#07121a;--ink-soft:#0b1923;--paper:#e8ece7;--mist:#b8c3bf;--acid:#c7ff3d;--cyan:#41e7e2;--line:rgba(232,236,231,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:30;background:var(--acid);color:var(--ink);padding:.75rem}.site-header{height:86px;padding:0 clamp(1.4rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-size:12px;letter-spacing:.08em;font-weight:800}.brand b{font-weight:400;color:var(--cyan)}.brand-mark{display:flex;gap:2px;width:22px;height:19px;align-items:flex-end}.brand-mark i{display:block;width:5px;background:var(--cyan)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px;background:var(--acid)}.brand-mark i:nth-child(3){height:14px}nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2rem}nav a{color:var(--paper);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.03em}nav a:not(.nav-cta):hover,.footer-links a:hover{color:var(--cyan)}.nav-cta{border:1px solid var(--line);padding:10px 15px}.nav-cta span{color:var(--acid);margin-left:8px}.nav-toggle{display:none}.section-grid{padding-left:clamp(1.4rem,8vw,10.8rem);padding-right:clamp(1.4rem,8vw,10.8rem)}.hero{min-height:100vh;padding-top:154px;display:grid;grid-template-columns:1.03fr .97fr;position:relative;background:radial-gradient(circle at 75% 35%,#123340 0,transparent 28%),linear-gradient(125deg,#07121a 15%,#0b1a24 65%,#0c2028)}.hero-copy{align-self:center;max-width:650px;z-index:1}.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.11em;color:var(--mist);margin:0;text-transform:uppercase}.eyebrow span{width:25px;height:1px;background:var(--acid);display:inline-block;vertical-align:middle;margin-right:8px}.hero h1,.intro h2,.section-heading h2,.journal h2,.contact h2{font-size:clamp(3.1rem,6vw,6.25rem);letter-spacing:-.075em;line-height:.98;margin:27px 0;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan);letter-spacing:-.09em}.lede{font-size:16px;line-height:1.7;color:var(--mist);max-width:500px}.hero-actions{margin-top:34px;display:flex;gap:27px;align-items:center}.button{display:inline-flex;gap:22px;align-items:center;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em;padding:16px 19px}.button-primary{background:var(--acid);color:var(--ink)}.button-primary span{font-size:16px}.text-link{color:var(--paper);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-link span{color:var(--acid);font-size:16px;margin-left:8px}.text-link:hover{color:var(--cyan)}.signal-field{position:relative;min-height:475px;align-self:center}.orbit{position:absolute;border:1px solid rgba(65,231,226,.28);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:360px;height:360px;animation:spin 16s linear infinite}.orbit-two{width:500px;height:210px;transform:translate(-50%,-50%) rotate(-42deg);border-color:rgba(199,255,61,.18);animation:pulse 4s ease-in-out infinite}.orbit-three{width:470px;height:470px;border-style:dashed;opacity:.55;animation:spin 30s linear infinite reverse}.core{width:120px;height:120px;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#5ef4ed,#147981 45%,#082730 72%);box-shadow:0 0 30px #41e7e277,0 0 85px #41e7e233}.core:before{content:"";position:absolute;inset:11px;border:1px solid #c7ff3d;border-radius:50%;opacity:.8}.core span{font-size:45px;font-family:Georgia,serif;color:var(--ink);z-index:1}.signal-tag,.coordinate{position:absolute;font:9px "DM Mono",monospace;letter-spacing:.08em;color:var(--mist)}.signal-tag i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px;box-shadow:0 0 9px var(--acid)}.tag-one{top:18%;left:5%}.tag-two{right:0;bottom:20%}.tag-two i{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.coordinate{bottom:4%;left:24%;color:var(--cyan)}.hero-bottom{grid-column:1/-1;align-self:end;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:center}.hero-bottom p{margin:0;color:var(--mist);font-size:11px}.hero-bottom a{font:9px "DM Mono",monospace;color:var(--paper);text-decoration:none;letter-spacing:.08em}.hero-bottom b{font-size:15px;color:var(--acid);margin-left:13px}.intro{padding-top:150px;padding-bottom:145px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 2.2fr;gap:30px}.intro .eyebrow{color:#4b5b5a}.intro-text{display:grid;grid-template-columns:1.25fr 1fr;gap:50px}.intro h2{font-size:clamp(2.5rem,4.2vw,4.7rem);margin:0}.intro h2 em{color:#008a91}.intro-text p{line-height:1.75;font-size:15px;margin:4px 0 27px;color:#354348}.intro .text-link{color:var(--ink)}.intro .text-link span{color:#008a91}.metrics{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b3c0bb;margin-top:65px;padding-top:19px}.metrics strong{font-size:clamp(2.4rem,4vw,4.2rem);font-weight:500;letter-spacing:-.08em}.metrics strong span{color:#008a91}.metrics p{font:10px/1.5 "DM Mono",monospace;color:#50615f;margin:10px 0}.labs{padding:140px 0;background:#0b1923}.section-heading{display:grid;grid-template-columns:1fr 2.2fr;margin-bottom:72px}.section-heading h2{font-size:clamp(2.5rem,4.3vw,4.7rem);margin:0}.lab-list{border-top:1px solid var(--line)}.lab-card{display:grid;grid-template-columns:minmax(70px,.5fr) 1fr 2.6fr 50px;gap:22px;align-items:center;min-height:145px;padding:22px clamp(1.4rem,8vw,10.8rem);border-bottom:1px solid var(--line);transition:.3s}.lab-card:hover{background:#102532}.lab-index{font:10px "DM Mono",monospace;color:var(--cyan)}.lab-icon{width:44px;height:44px;display:grid;place-items:center;font-size:21px;color:var(--acid);font-family:"DM Mono",monospace}.hardware-icon{position:relative;border:1px solid var(--acid);transform:rotate(45deg);width:27px;height:27px;margin-left:8px}.hardware-icon i{position:absolute;width:5px;height:5px;background:var(--acid)}.hardware-icon i:nth-child(1){top:-7px;left:-7px}.hardware-icon i:nth-child(2){top:-7px;right:-7px}.hardware-icon i:nth-child(3){bottom:-7px;left:-7px}.hardware-icon i:nth-child(4){bottom:-7px;right:-7px}.shield-icon{font-size:38px;color:var(--cyan)}.ai-icon{font-size:37px}.lab-card h3{font-size:20px;margin:0;font-weight:600;letter-spacing:-.04em}.lab-card p{font-size:13px;line-height:1.6;color:var(--mist);margin:0;max-width:390px}.lab-card>a{color:var(--paper);font-size:21px;text-decoration:none}.projects{padding-top:142px;padding-bottom:145px;background:var(--paper);color:var(--ink)}.projects-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.projects .eyebrow{color:#4b5b5a}.projects .text-link{color:var(--ink)}.projects .text-link span{color:#008a91}.project-grid{grid-column:1/-1;display:grid;grid-template-columns:1.17fr .83fr;gap:28px}.project:nth-child(3){grid-column:2}.project-image{height:255px;position:relative;overflow:hidden;background:#122a35;padding:17px;color:var(--paper);font:10px "DM Mono",monospace;letter-spacing:.09em}.project-feature .project-image{height:395px}.project-image span{position:relative;z-index:2}.project-image-one{background:radial-gradient(circle at center,#25636c 0,#173b48 26%,#0d1c29 68%);display:grid;place-items:center}.grid-sphere{height:265px;width:265px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(199,255,61,.55) 16px),repeating-linear-gradient(90deg,transparent 0 15px,rgba(65,231,226,.55) 16px);box-shadow:inset 0 0 65px #06121a,0 0 70px #41e7e244;transform:rotate(-20deg)}.project-image-two{background:linear-gradient(135deg,#4a2e68,#1c1937 55%,#0d1927)}.wave{position:absolute;inset:-25%;background:repeating-radial-gradient(ellipse at 63% 55%,transparent 0 10px,#b37ce0 11px 12px,transparent 14px 24px);transform:rotate(-19deg);opacity:.7}.project-image-three{background:linear-gradient(135deg,#1a4b48,#173331 60%,#122221)}.chip{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%) rotate(25deg);border:1px solid var(--acid);box-shadow:0 0 0 19px rgba(199,255,61,.11),0 0 0 38px rgba(199,255,61,.06)}.chip:after,.chip:before{content:"";position:absolute;background:var(--acid);left:28px;right:28px;height:1px}.chip:before{top:35px}.chip:after{bottom:35px}.project-info{display:flex;justify-content:space-between;align-items:end;padding:18px 0 32px;border-bottom:1px solid #b3c0bb}.project-info p{font:10px "DM Mono",monospace;color:#52615e;margin:0 0 8px}.project-info h3{font-size:25px;line-height:1.05;letter-spacing:-.06em;margin:0}.project-info a{font-size:21px;text-decoration:none;color:#008a91}.journal{padding-top:142px;padding-bottom:140px;display:grid;grid-template-columns:1fr 2.2fr;gap:30px}.journal h2{font-size:clamp(2.6rem,4.3vw,4.7rem);margin:24px 0 40px}.button-outline{border:1px solid var(--line);color:var(--paper)}.button-outline span{color:var(--acid)}.journal-list{align-self:end}.journal-item{padding:25px 0;display:grid;grid-template-columns:1fr 2.2fr 28px;align-items:center;border-top:1px solid var(--line);text-decoration:none;color:var(--paper);transition:.2s}.journal-item:last-child{border-bottom:1px solid var(--line)}.journal-item:hover h3{color:var(--cyan)}.journal-item p{font:9px "DM Mono",monospace;color:var(--mist);margin:0}.journal-item p span{color:var(--acid);margin:0 7px}.journal-item h3{margin:0;font-size:17px;letter-spacing:-.04em;transition:.2s}.journal-item b{font-size:19px;color:var(--acid);font-weight:400}.contact{min-height:565px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:#0d252c}.contact:before,.contact:after{content:"";position:absolute;border:1px solid rgba(65,231,226,.23);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.contact:before{height:760px;width:760px}.contact:after{height:520px;width:520px;border-color:rgba(199,255,61,.25)}.contact-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--cyan);filter:blur(120px);opacity:.17}.contact-inner{position:relative;z-index:1}.contact .eyebrow{color:#c3d9d5}.contact h2{font-size:clamp(3rem,6vw,6rem);margin:28px 0 35px}.contact h2 em{color:var(--acid)}.contact-link{color:var(--paper);font-size:clamp(1rem,2vw,1.4rem);font-weight:600;letter-spacing:-.03em;text-decoration:none;border-bottom:1px solid var(--acid);padding-bottom:7px}.contact-link span{color:var(--acid);margin-left:12px}.site-footer{background:#07121a;padding-top:65px;padding-bottom:34px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.footer-links a,.footer-meta{font:10px "DM Mono",monospace;color:var(--mist);text-decoration:none}.footer-meta{display:flex;justify-content:space-between;gap:15px}.footer-meta p{margin:0;line-height:1.7}.footer-meta a{color:var(--paper)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{50%{opacity:.3;scale:1.05}}@media(max-width:760px){.site-header{height:72px}.nav-toggle{display:grid;gap:5px;background:none;border:0;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:1px;background:var(--paper)}nav ul{position:absolute;left:0;right:0;top:72px;background:#0b1923;display:none;padding:22px clamp(1.4rem,4vw,2rem);gap:20px;border-top:1px solid var(--line);flex-direction:column;align-items:flex-start}nav ul.open{display:flex}.nav-cta{padding:0;border:0}.hero{grid-template-columns:1fr;padding-top:122px;min-height:auto}.hero-copy{align-self:start}.hero h1{font-size:clamp(3.15rem,14vw,5rem)}.signal-field{min-height:365px;margin-top:10px}.orbit-one{width:250px;height:250px}.orbit-two{width:330px;height:160px}.orbit-three{width:325px;height:325px}.core{width:95px;height:95px}.tag-one{left:0}.tag-two{right:0}.hero-bottom{margin-top:0}.hero-bottom p{max-width:200px;line-height:1.5}.intro,.section-heading,.journal{grid-template-columns:1fr;padding-top:85px;padding-bottom:85px}.intro-text{grid-template-columns:1fr;gap:25px}.metrics{grid-column:auto;margin-top:24px;gap:12px}.metrics strong{font-size:2.35rem}.section-heading{margin-bottom:43px}.labs{padding:85px 0}.lab-card{grid-template-columns:35px 50px 1fr 20px;gap:10px;min-height:125px;padding:18px 1.4rem}.lab-card p{display:none}.project-grid{grid-template-columns:1fr}.project:nth-child(3){grid-column:auto}.project-image,.project-feature .project-image{height:275px}.projects{padding-top:85px;padding-bottom:85px}.projects-top{margin-bottom:26px}.projects-top .text-link{font-size:9px}.grid-sphere{width:190px;height:190px}.journal{gap:45px}.journal-item{grid-template-columns:1fr 21px;gap:8px}.journal-item p{grid-column:1/-1}.journal-item h3{font-size:16px}.site-footer{grid-template-columns:1fr;padding-top:42px;gap:32px}.footer-links{max-width:280px}.footer-meta{justify-content:flex-start}.contact{min-height:470px}.contact:before{width:580px;height:580px}.contact:after{width:390px;height:390px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}