@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";
:root{--bg:#07110b;--surface:#0b1710;--card:#0e1c13;--green:#22c55e;--light:#86efac;--deep:#14532d;--mid:#166534;--text:#f1f7f3;--muted:#97a69d;--line:#86efac26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);background-image:linear-gradient(#86efac06 1px,#0000 1px),linear-gradient(90deg,#86efac06 1px,#0000 1px);background-size:64px 64px;margin:0;font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}.container{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#07110bde;height:82px;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:.15em;align-items:center;gap:11px;font-weight:700;display:flex}.brand-mark{border:1px solid var(--green);width:34px;height:34px;color:var(--light);place-items:center;font-family:Roboto Mono;display:grid;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}nav{gap:30px;display:flex}nav a{color:#b8c4bc;font-size:.82rem;transition:all .2s}nav a:hover{color:var(--light)}.button{background:var(--green);color:#041108;border:1px solid var(--green);justify-content:center;align-items:center;gap:18px;padding:14px 22px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{background:var(--light);transform:translateY(-2px)}.button-small{padding:9px 15px;font-size:.8rem}.menu-button{display:none}.hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:720px;padding-block:80px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--light);align-items:center;gap:10px;font:500 .72rem Roboto Mono,monospace;display:flex}.eyebrow span{background:var(--green);width:27px;height:1px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(3rem,6vw,5.25rem);line-height:1.03}h1 em,h2 em{color:#0000;-webkit-text-stroke:1px var(--light);font-style:normal}.hero-lead{max-width:650px;color:var(--muted);font-size:1.12rem}.hero-actions{align-items:center;gap:34px;margin-top:40px;display:flex}.text-link{border-bottom:1px solid var(--muted);padding-bottom:5px;font-size:.86rem}.hero-visual{place-items:center;min-height:490px;display:grid;position:relative}.orb{border:1px solid #22c55e33;border-radius:50%;place-items:center;width:350px;height:350px;display:grid;position:relative;box-shadow:0 0 90px #22c55e1f,inset 0 0 70px #22c55e0d}.orb:before,.orb:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:35px}.orb:after{border-style:dashed;inset:80px}.orb-core{color:var(--light);text-shadow:0 0 35px var(--green);font:700 5rem Roboto Mono}.code-tag{color:var(--muted);border:1px solid var(--line);background:#0a160e;padding:7px 10px;font:400 .65rem Roboto Mono;position:absolute}.tag-one{top:14%;right:0}.tag-two{bottom:18%;left:2%}.tag-three{bottom:7%;right:12%}.section{padding-block:120px}.section-heading{grid-template-columns:1fr 1.25fr;gap:30px;margin-bottom:60px;display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.contact-shell h2,.expertise h2{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1}.section-heading>p:last-child{color:var(--muted);max-width:520px}.card-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.card{border-right:1px solid var(--line);min-height:310px;padding:35px 27px;transition:all .25s;position:relative}.card:first-child{border-left:1px solid var(--line)}.card:hover{background:#14532d2b;transform:translateY(-5px)}.card-no{color:#66756b;font:400 .65rem Roboto Mono}.card-icon{color:var(--green);margin:45px 0 20px;font-size:2rem}.card h3{font-size:1.05rem}.card p,.product-description,.process p{color:var(--muted);font-size:.84rem}.section-dark{border-block:1px solid var(--line);background:#050d08}.products{background:var(--line);grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.product{background:var(--bg);grid-template-columns:42% 58%;min-height:250px;display:grid}.product-art{background:radial-gradient(circle,#166534 0,#0b2013 45%,#07110b 70%);place-items:center;display:grid;overflow:hidden}.product-art span{color:#86efacb3;filter:drop-shadow(0 0 25px #22c55e);font:700 5rem Roboto Mono}.art-2{background:repeating-linear-gradient(120deg,#0a1d10,#0a1d10 12px,#0f2c18 13px 14px)}.art-3{background:radial-gradient(circle,#14532d 1px,#0000 2px) 0 0/16px 16px}.art-4{background:linear-gradient(135deg,#07110b,#14532d)}.product-info{padding:35px}.product-info>p{letter-spacing:.12em;color:var(--light);font:400 .65rem Roboto Mono}.product-info h3{margin:30px 0 12px;font-size:1.2rem}.process{grid-template-columns:repeat(4,1fr);gap:35px;padding:0;list-style:none;display:grid}.process li{border-top:1px solid var(--green);padding-top:20px}.process span{color:var(--light);font:400 .68rem Roboto Mono}.process h3{margin-top:35px}.expertise{grid-template-columns:.85fr 1.15fr;align-items:center;gap:10%;display:grid}.portrait{border:1px solid var(--line);background:linear-gradient(145deg,#08150d,#174a29);place-items:center;height:500px;display:grid;position:relative}.portrait>span{color:#102b1a;-webkit-text-stroke:1px #2d7745;font:700 7rem Roboto Mono}.experience{background:var(--green);color:#041108;text-transform:uppercase;width:130px;height:130px;padding:24px;font:.7rem Roboto Mono;position:absolute;bottom:30px;right:-30px}.experience strong{font:700 2.3rem Inter;display:block}.expertise-copy>p:not(.eyebrow):not(.signature){color:var(--muted)}blockquote{border-left:1px solid var(--green);color:#c4d0c8;margin:35px 0;padding-left:25px;font-size:1.15rem}.signature{font-weight:600}.signature small{color:var(--muted);font-weight:400;display:block}.tech-strip{border-block:1px solid var(--line);padding:25px 0}.tech-strip .container{flex-wrap:wrap;justify-content:space-between;gap:25px;display:flex}.tech-strip span{color:var(--muted);font:.7rem Roboto Mono}.contact-shell{text-align:left;border:1px solid var(--line);background:linear-gradient(#14532d38,#14532d0a);grid-template-columns:1.05fr 1fr;align-items:start;gap:60px;max-width:none;padding:48px;display:grid;position:relative;overflow:hidden}.contact-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#86efac0a 1px,#0000 1px),linear-gradient(90deg,#86efac0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.contact-shell>*{position:relative}.contact-copy .eyebrow{justify-content:flex-start}.contact-shell h2{text-align:left;font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:1.05}.contact-shell h2 em{color:#0000;-webkit-text-stroke:1px var(--light);font-style:normal}.contact-copy>p:not(.eyebrow){color:var(--muted);text-align:left;max-width:520px;margin:18px 0 28px;font-size:.95rem}.contact-copy .text-link{color:var(--light);font-size:.92rem}.contact-form{gap:18px;width:100%;display:grid}.form-field{gap:8px;display:grid}.form-field>label{letter-spacing:.18em;text-transform:uppercase;color:var(--light);font:.5rem Roboto Mono,monospace}.form-field .optional{color:var(--muted);text-transform:none;letter-spacing:normal;margin-left:8px;font-family:Inter,sans-serif;font-size:.78rem}.form-field input,.form-field textarea{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#0a160e;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-field input:hover,.form-field textarea:hover{border-color:#86efac73}.form-field input:focus-visible,.form-field textarea:focus-visible{border-color:var(--green);background:#0c1a12;outline:none;box-shadow:0 0 0 3px #22c55e2e}.form-field input::placeholder,.form-field textarea::placeholder{color:#6b7a72}.form-field input:invalid:not(:placeholder-shown),.form-field textarea:invalid:not(:placeholder-shown){border-color:#f871718c}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.button-submit{letter-spacing:.02em;width:auto;min-width:240px;padding:16px 24px;font-size:.92rem}.button-submit:disabled{opacity:.7;cursor:progress;transform:none}.honeypot{opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;position:absolute!important;left:-9999px!important}.form-status{border-radius:8px;align-items:center;gap:10px;margin:0;padding:12px 14px;font-size:.88rem;line-height:1.5;display:flex}.form-status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #ffffff0a}.form-status-success{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e73}.form-status-error{color:#fecaca;background:#f871711a;border:1px solid #f8717166}.form-status-info{color:var(--light);background:#86efac14;border:1px solid #86efac59}.privacy-note{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.78rem;display:flex}.privacy-note:before{content:"🔒";filter:grayscale(.3);font-size:.9rem}.timeline{margin:0;gap:28px;max-width:880px;margin-inline:auto;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:60px}.timeline-item{grid-template-columns:96px 1fr;align-items:start;gap:32px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--green);border-radius:50%;width:11px;height:11px;position:absolute;top:8px;left:55px;box-shadow:0 0 0 4px #22c55e2e}.timeline-year{letter-spacing:.05em;color:var(--light);text-align:right;padding-top:1px;font:600 1rem Roboto Mono,monospace}.timeline-body h3{margin:0 0 8px;font-size:1.2rem}.timeline-body p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.social-list{flex-wrap:wrap;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:flex}.social-list a{border:1px solid var(--line);color:var(--text);background:#86efac0a;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:.82rem;transition:all .2s;display:inline-flex}.social-list a:hover{border-color:var(--green);color:var(--light);background:#22c55e1a;transform:translateY(-1px)}footer .container{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding-block:8px;display:grid}footer .footer-brand .brand{margin-bottom:6px}footer .footer-brand p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.footer-links a{color:var(--muted);font-size:.78rem;transition:all .2s}.footer-links a:hover{color:var(--light)}.copyright{color:var(--muted);justify-self:end;font-size:.72rem}@media (max-width:900px){.desktop-cta{display:none}.menu-button{background:0 0;border:0;flex-direction:column;gap:6px;padding:12px;display:flex}.menu-button span{background:var(--text);width:24px;height:1px}nav{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:25px 20px;display:none;position:absolute;top:82px;left:0;right:0}nav[data-open=true]{display:flex}.hero{grid-template-columns:1fr;padding-top:90px}.hero-visual{min-height:400px}.card-grid{grid-template-columns:repeat(2,1fr)}.products,.section-heading{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.expertise{grid-template-columns:1fr}.portrait{width:min(100%,520px)}.experience{right:0}.contact-shell{grid-template-columns:1fr;gap:36px;padding:32px}}@media (max-width:560px){.container{width:min(100% - 28px,1160px)}.hero{min-height:auto}.hero-visual{min-height:340px}.orb{width:270px;height:270px}h1{font-size:2.8rem}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding-block:80px}.card-grid,.process{grid-template-columns:1fr}.card{border-left:1px solid var(--line);min-height:250px}.product{grid-template-columns:1fr}.product-art{height:180px}.section-heading{margin-bottom:40px}.portrait{height:380px}footer .container{flex-direction:column;align-items:flex-start;gap:20px}.tech-strip .container{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}