:root{--bg:#111311;--panel:#191c19;--text:#f4f4ef;--muted:#a7ada5;--lime:#cbd83b;--line:#ffffff18;--r:24px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.header{height:82px;position:sticky;top:0;z-index:30;background:#111311d9;backdrop-filter:blur(18px);border-bottom:1px solid transparent}.header.scrolled{border-color:var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px}.brand b{letter-spacing:.12em;font-weight:550}.brand small{display:block;color:var(--lime);font-size:7px;letter-spacing:.4em}.links{display:flex;gap:30px;align-items:center;font-size:13px;color:#d4d8d1}.links a:hover{color:var(--lime)}.lang{font-size:11px;color:var(--muted)}.lang strong{color:var(--lime)}.btn{display:inline-flex;padding:12px 19px;border:1px solid var(--lime);border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;transition:.25s}.btn:hover,.btn.fill{background:var(--lime);color:#111}.burger{display:none;width:42px;height:42px;border:0;background:none;position:relative}.burger i{position:absolute;right:4px;height:1.5px;background:white;transition:.4s}.burger i:nth-child(1){top:12px;width:28px}.burger i:nth-child(2){top:20px;width:20px}.burger i:nth-child(3){top:28px;width:12px}.burger.open i:nth-child(1){top:20px;transform:rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){top:20px;width:28px;transform:rotate(-45deg)}.menu{position:fixed;inset:0;z-index:25;background:#0d0f0df5;display:grid;place-items:center;opacity:0;pointer-events:none;transform:scale(1.02);transition:.4s}.menu.open{opacity:1;pointer-events:auto;transform:none}.menu nav{width:min(560px,calc(100% - 40px))}.menu nav>a{display:block;font-size:clamp(32px,8vw,50px);font-weight:330;padding:8px 0;border-bottom:1px solid var(--line)}.menu-meta{display:flex;justify-content:space-between;margin-top:28px;color:var(--muted);font-size:13px}.hero{min-height:calc(100svh - 82px);display:flex;align-items:center;padding:80px 0 120px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}h1{font-size:clamp(52px,7vw,98px);line-height:.94;letter-spacing:-.055em;font-weight:330;margin:0}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:20px;color:#c4c9c1;max-width:650px;margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.network{height:440px;position:relative;transition:transform .2s ease-out}.network:before,.network:after{content:"";position:absolute;inset:18%;border:1px solid #cbd83b33;border-radius:50%;transform:rotate(-15deg)}.network:after{inset:30% 8%;border-color:#ffffff20;transform:rotate(28deg)}.node{position:absolute;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 22px #cbd83b}.n1{left:15%;top:25%}.n2{left:65%;top:17%}.n3{left:75%;top:65%}.n4{left:33%;top:78%}.n5{left:50%;top:48%}.section{padding:130px 0}.alt{background:#171a17}.head{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:64px}.head h2,.teaser h2,.contact-copy h2{font-size:clamp(40px,5vw,66px);font-weight:340;line-height:1;letter-spacing:-.045em;margin:0}.head p,.teaser p,.contact-copy p{color:var(--muted);max-width:620px}.services-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.mini{border-top:1px solid var(--line);padding-top:24px}.mini span{color:var(--lime);font-size:22px}.mini h3{font-size:17px;font-weight:500}.mini p{font-size:14px;color:var(--muted)}.teaser{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.screens{height:420px;position:relative;perspective:900px}.screen{position:absolute;border:1px solid var(--line);background:linear-gradient(145deg,#272b27,#151815);border-radius:18px;box-shadow:0 25px 70px #0006}.screen:after{content:"";position:absolute;inset:12%;border-radius:12px;background:linear-gradient(135deg,#cbd83b2b,transparent 45%),repeating-linear-gradient(0deg,#ffffff0c 0 1px,transparent 1px 26px)}.s1{width:70%;height:70%;left:2%;top:18%;transform:rotate(-5deg)}.s2{width:64%;height:67%;right:0;top:5%;transform:rotate(5deg)}.s3{width:58%;height:58%;right:13%;bottom:0;transform:rotate(-2deg)}.prefooter{padding:115px 0;background:#0d0f0d}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field.full,.status{grid-column:1/-1}.field label{display:block;color:#b8bcb6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;background:none;border:0;border-bottom:1px solid #555b54;color:white;padding:12px 0;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime)}.field textarea{min-height:90px}.status{color:var(--muted);font-size:13px;min-height:20px}.pagehero{padding:115px 0 85px}.pagehero p{color:var(--muted);font-size:19px;max-width:700px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.card{border:1px solid var(--line);border-radius:var(--r);padding:32px;min-height:230px;background:#ffffff05;cursor:pointer;transition:.3s}.card:hover{transform:translateY(-3px);border-color:#cbd83b66}.card h3{font-weight:500}.card p{color:var(--muted);font-size:14px}.detail{display:none;grid-column:1/-1;border:1px solid #cbd83b55;border-radius:28px;padding:48px;margin:28px 0;background:linear-gradient(135deg,#cbd83b0d,transparent)}.detail.open{display:grid;grid-template-columns:1fr 1fr;gap:60px;animation:pop .45s}.detail h2{font-size:40px;font-weight:350;margin:0}.detail p,.detail li{color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:42px}.project{cursor:pointer}.visual{height:380px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#242824,#151815);position:relative;overflow:hidden}.visual:after{content:"";position:absolute;inset:12%;border-radius:15px;background:linear-gradient(140deg,#cbd83b28,transparent 42%),repeating-linear-gradient(90deg,#ffffff0c 0 1px,transparent 1px 34px);transform:rotate(-3deg)}.project:nth-child(even) .visual:after{transform:rotate(4deg)}.project-info{display:flex;justify-content:space-between;padding:16px 2px}.project-info h3{margin:0;font-weight:500}.project-info span{font-size:12px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:50;background:#080a08df;backdrop-filter:blur(15px);display:grid;place-items:center;padding:30px;opacity:0;pointer-events:none;transition:.35s}.modal.open{opacity:1;pointer-events:auto}.modal-box{width:min(1040px,100%);max-height:88svh;overflow:auto;background:#171a17;border:1px solid var(--line);border-radius:30px;padding:52px;transform:translateY(24px) scale(.98);transition:.4s}.modal.open .modal-box{transform:none}.close{float:right;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#202420;color:white;font-size:20px}.modal-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.modal-box h2{font-size:58px;font-weight:340;line-height:1;margin:15px 0}.modal-box p{color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px;color:#c7cbc5}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.value{border-top:1px solid var(--line);padding-top:24px}.value h3{font-weight:500}.value p{font-size:14px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:85px}.stat{border:1px solid var(--line);border-radius:22px;padding:32px}.stat b{display:block;color:var(--lime);font-size:32px;font-weight:400}.stat span{color:var(--muted);font-size:13px}.contact-page{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.info{border-top:1px solid var(--line);padding:20px 0}.info small{display:block;color:var(--lime);text-transform:uppercase;letter-spacing:.12em}.footer{padding:52px 0 30px;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:40px}.foot h4{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.foot a,.foot p{display:block;color:var(--muted);font-size:13px;margin:7px 0}.bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;color:#777d76;font-size:11px}.reveal{opacity:0;transform:translateY(26px);transition:.75s}.reveal.in{opacity:1;transform:none}@keyframes pop{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:900px){.container{width:calc(100% - 34px)}.links,.headbtn{display:none}.burger{display:block}.hero{min-height:auto;padding:70px 0 90px}.hero-grid,.head,.teaser,.contact-grid,.contact-page,.modal-layout{grid-template-columns:1fr}.network{height:300px}.section{padding:88px 0}.services-mini{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr;gap:22px}.detail{grid-column:auto;margin:0}.detail.open{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.screens{height:310px}.pagehero{padding:80px 0 60px}}@media(max-width:560px){h1{font-size:52px}.services-mini,.values,.stats,.foot,.form{grid-template-columns:1fr}.field.full,.status{grid-column:auto}.visual{height:250px}.modal{padding:12px}.modal-box{padding:26px}.modal-box h2{font-size:42px}.bottom,.menu-meta{flex-direction:column;gap:10px}.section{padding:76px 0}.prefooter{padding:80px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* V2 brand refinement */
.brand img{width:34px;height:auto}
.wordmark{font-weight:300;letter-spacing:.24em;font-size:18px}
.wordmark small{font-weight:400;letter-spacing:.52em;font-size:7px;margin-top:1px}
@media(max-width:560px){.brand img{width:31px}.wordmark{font-size:16px}}

/* V3 exact vector logo */
.brand .brand-logo-full{width:154px;height:auto;display:block}
@media(max-width:560px){.brand .brand-logo-full{width:142px}}