@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0a0e13;--panel:#111923;--ink:#eef3f8;--muted:#9ca9b8;--blue:#4baaff;--stroke:#263440}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(40px,calc((100vw - 1200px)/2));position:relative;z-index:20;background:#0b1017;border-bottom:1px solid #27333e}.brand{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:34px;letter-spacing:-1px}.brand-name{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:3px;margin-left:18px;color:#b5c3d0}.dot{color:var(--blue)}nav{display:flex;gap:36px}nav a,.eyebrow,.hero-bottom,.tag,.visual-label,.project-link,.text-link,.fine,.footer{font-size:11px;letter-spacing:2px;font-weight:700}nav a:hover,.text-link:hover{color:var(--blue)}.menu{display:none}.hero{min-height:690px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,#192c3c 0%,#0b121a 34%,#090d12 75%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#7c99b00b 1px,transparent 1px),linear-gradient(90deg,#7c99b00b 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;z-index:2;padding-top:128px}.eyebrow{color:var(--blue);display:flex;align-items:center;gap:14px}.line{width:32px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.94;letter-spacing:-1px}h1{font-size:clamp(70px,9vw,140px);margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy{color:#b2c0cd;font-size:17px;line-height:1.8;max-width:540px}.actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;font-size:11px;font-weight:700;letter-spacing:1.7px;border:1px solid #546373}.btn.primary{background:var(--blue);color:#07121d;border-color:var(--blue)}.btn:hover{transform:translateY(-2px);transition:.2s}.btn.ghost:hover{background:#182535}.hero-bottom{display:flex;justify-content:space-between;margin-top:100px;color:#72889a}.machine-art{position:absolute;right:-90px;top:100px;width:640px;height:640px;opacity:.4;transform:rotate(-24deg)}.ring{position:absolute;border:3px solid #54748d;border-radius:50%;box-shadow:inset 0 0 60px #4baaff16,0 0 40px #4baaff15}.ring1{inset:5%}.ring2{inset:20%;border-width:34px;border-style:double}.ring3{inset:38%;border-width:16px}.crosshair{position:absolute;top:48%;left:48%;font-size:42px;color:var(--blue)}.section{padding-top:115px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-heading p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.8}.section h2{font-size:clamp(54px,7vw,92px);margin:18px 0 0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.project{background:var(--panel);border:1px solid var(--stroke);overflow:hidden}.project:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.project-visual{min-height:295px;position:relative;overflow:hidden;background:#182838}.project:first-child .project-visual{min-height:400px}.visual-one{background:radial-gradient(circle at 55% 50%,#45647d,#152534 58%,#101923)}.visual-two{background:radial-gradient(circle at 50% 100%,#284c69,#0e1a27 75%)}.visual-three{background:radial-gradient(circle at 50% 50%,#334e62,#101923 70%)}.visual-label{position:absolute;top:25px;left:26px;color:#a9c8e0}.tech-lines{position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 60px,#b5d8f011 61px 62px)}.abstract-tool{position:absolute;top:25%;left:30%;width:220px;height:220px;border:35px solid #8eacbd;border-radius:50%;box-shadow:20px 22px 0 #223b4e,inset 0 0 0 18px #253d50;transform:rotateX(40deg) rotateZ(-30deg)}.abstract-tool i{position:absolute;width:24px;height:24px;border-radius:50%;background:#142333;top:40%;left:40%}.abstract-tool i:nth-child(2){top:-20%;left:40%}.abstract-tool i:nth-child(3){top:90%;left:40%}.chart-art{height:170px;display:flex;align-items:end;gap:16px;position:absolute;bottom:45px;left:15%;right:15%;border-bottom:2px solid #6486a1}.chart-art span{flex:1;background:linear-gradient(#65bbff,#244a6b);border:1px solid #78c8ff}.device-art{width:220px;height:180px;border-radius:18px;background:#344554;border:10px solid #667b8c;box-shadow:20px 20px 40px #0008;position:absolute;left:50%;top:52%;transform:translate(-50%,-40%) rotate(-9deg);padding:15px}.device-screen{background:#071923;height:100%;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#6fceff;font-size:10px}.device-screen strong{font-size:27px}.project-info{padding:38px}.tag{color:var(--blue)}h3{font-family:'Barlow Condensed',sans-serif;font-size:35px;line-height:1.1;margin:16px 0}.project-info p,.skill-grid p,.about-text p,.contact p{color:var(--muted);font-size:14px;line-height:1.85}.metrics{display:flex;gap:45px;margin:32px 0 15px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-family:'Barlow Condensed';font-size:56px;color:#fff}.metrics small{font-size:10px;color:var(--blue);letter-spacing:2px}.fine{color:#738395!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.4px!important}.project-link{color:var(--blue);margin-top:25px}.expertise{background:#121b25;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.outline{color:transparent;-webkit-text-stroke:1px #8496a7}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:65px}.skill-grid>div{border-left:1px solid #344251;padding:15px 26px}.skill-grid>div:first-child{padding-left:0;border-left:0}.skill-grid span{color:var(--blue);font-size:12px}.skill-grid h3{font-size:28px;margin:26px 0 10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-text{padding-top:35px}.about-text .lead{font-size:24px;color:#f0f4f7;line-height:1.5}.text-link{color:var(--blue);display:inline-block;margin-top:22px}.contact{background:radial-gradient(circle at 85% 0%,#1b364d,#0e1720 50%,#0a0e13);border-top:1px solid var(--stroke)}.contact h2{font-size:clamp(60px,9vw,120px);margin:26px 0}.contact p{max-width:530px}.contact .btn{margin:22px 0 12px}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px;color:#8192a0;border-top:1px solid var(--stroke)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{padding:0 20px;height:68px}.brand-name{font-size:9px;margin-left:10px}.menu{display:block;background:none;color:white;border:0;font-size:25px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101923;padding:25px;flex-direction:column;gap:25px}nav.open{display:flex}.hero{min-height:680px}.hero-inner{padding-top:90px}h1{font-size:clamp(61px,13vw,95px)}.hero-copy{font-size:15px}.machine-art{right:-370px;opacity:.2}.hero-bottom{margin-top:80px;font-size:8px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.projects{grid-template-columns:1fr}.project:first-child{grid-column:auto;display:block}.project:first-child .project-visual{min-height:295px}.skill-grid{grid-template-columns:1fr 1fr;row-gap:35px}.skill-grid>div:nth-child(3){border:0;padding-left:0}.about{grid-template-columns:1fr;gap:15px}.footer{flex-wrap:wrap;font-size:9px}.contact h2{font-size:65px}}@media(max-width:480px){.actions{flex-wrap:wrap}.hero-bottom span:last-child{display:none}.skill-grid{grid-template-columns:1fr}.skill-grid>div{border-left:0;border-top:1px solid #344251;padding:20px 0}.skill-grid>div:first-child{border-top:0}.metrics strong{font-size:48px}.project-info{padding:27px}}

/* Patent case study */
.visual-patent{background:radial-gradient(circle at 72% 35%,#28465c,#111c28 62%,#0a1018);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px}.patent-mark{font-size:clamp(2rem,4vw,3.7rem);font-weight:800;letter-spacing:-.05em;color:#e4eff8}.patent-sub{color:#79b7df;letter-spacing:.25em;font-size:.75rem;margin-top:12px}.case-wrap{max-width:1040px;margin:auto;padding:110px 24px 90px}.case-wrap h1{font-size:clamp(2.8rem,7vw,6rem);line-height:1.02;margin:18px 0}.case-wrap h2{font-size:1.8rem;margin:44px 0 12px}.case-wrap p{line-height:1.75;color:#b4c1cf;max-width:780px}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:35px 0}.case-meta>div{background:#141f2b;padding:22px;border:1px solid #2a3948}.case-meta small{display:block;color:#80a5c4;letter-spacing:.13em;margin-bottom:8px}.case-meta strong{color:#fff}.case-figure{background:#e9edf0;padding:20px;border-radius:6px;max-width:750px}.case-figure img{width:100%;display:block;object-fit:contain;max-height:600px}.case-wrap a{color:#78c3f5}.case-note{border-left:3px solid #5a9fc9;padding-left:18px;margin:24px 0}.case-toplink{color:#9dc5df;text-decoration:none;letter-spacing:.1em;font-size:.8rem}
