:root{--bg:#090c0b;--panel:#111715;--line:#26302b;--green:#18d65a;--white:#f5f8f4;--muted:#9aa7a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;margin:auto;padding:0 28px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font:700 25px 'Space Grotesk'}.brand img{width:39px;height:39px;object-fit:contain}.brand span{color:var(--green)}nav{display:flex;gap:32px;font-size:13px;color:#c7d0c9}nav a:hover{color:var(--green)}.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:15px 22px;background:var(--green);border:1px solid var(--green);border-radius:7px;color:#071009;font-weight:700;font-size:13px;transition:.25s}.btn:hover{background:#72ff9f;transform:translateY(-2px)}.btn.outline{background:transparent;color:white;border-color:#58675c}.btn.outline:hover{border-color:var(--green)}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;position:relative}.eyebrow{color:var(--green);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700}.hero h1{font:700 clamp(55px,7vw,103px)/.99 'Space Grotesk';letter-spacing:-5px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:520px;color:#a5b2aa;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:33px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #1d5d35;border-radius:50%;width:410px;height:410px;box-shadow:0 0 90px #0b8e3920,inset 0 0 90px #0b8e3912}.orbit:before,.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #28784555;border-radius:50%}.orbit:after{inset:-35px;border:1px solid #20512e55}.hero-art img{width:250px;filter:drop-shadow(0 0 65px #16e15c40);animation:float 5s ease-in-out infinite}.smalltag{position:absolute;padding:13px 18px;background:#14221a;border:1px solid #31513b;border-radius:10px;font-size:12px;color:#c7e9d1}.t1{top:45px;right:0}.t2{bottom:45px;left:0}@keyframes float{50%{transform:translateY(-18px)}}.strip{border-block:1px solid #25302a;background:#0e1411}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;color:#aab9af;font-size:12px;letter-spacing:2px}.strip b{color:#e5eee7;font:700 19px 'Space Grotesk';letter-spacing:0}section{padding:115px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.sectionhead h2,.about h2,.contact h2{font:700 clamp(36px,4.5vw,58px)/1.1 'Space Grotesk';letter-spacing:-2px;margin:16px 0}.sectionhead p{color:var(--muted);max-width:400px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{padding:35px;border:1px solid var(--line);background:var(--panel);border-radius:12px;min-height:260px;transition:.3s}.service:hover{border-color:var(--green);transform:translateY(-5px)}.num{color:var(--green);font-size:13px}.service h3{font:600 25px 'Space Grotesk';margin:55px 0 12px}.service p{color:var(--muted);line-height:1.7;font-size:14px}.work{background:#0d120f}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{padding:10px 15px;border:1px solid #344138;background:transparent;color:#d2ded4;border-radius:6px;font-size:12px}.filter.active{background:var(--green);color:#06110a;border-color:var(--green)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#141b16}.project-visual{height:280px;display:grid;place-items:center;position:relative;overflow:hidden; img{max-width: 600px;}}.v1{background:radial-gradient(circle at 80% 20%,#9afbc6,#175d40 50%,#0b2420) cover}.v2{background:radial-gradient(circle at 25% 75%,#a390ff,#3e2b67 50%,#151224)}.v3{background:radial-gradient(circle at 70% 30%,#fbd99b,#ab582d 55%,#321a15)}.v4{background:radial-gradient(circle at 20% 25%,#8fe0fb,#20597a 55%,#10212d)}.mock{width:72%;height:70%;border-radius:11px;background:#101713;box-shadow:0 25px 60px #0007;transform:rotate(-7deg);padding:18px;border:1px solid #ffffff44}.mock .bar{height:9px;width:40%;border-radius:10px;background:#ffffff65;margin-bottom:25px}.mock .headline{width:75%;height:25px;border-radius:5px;background:#ffffffb0;margin-bottom:14px}.mock .sub{width:55%;height:10px;border-radius:5px;background:#ffffff45}.mock .shape{height:65px;width:85%;background:linear-gradient(120deg,#18d65a,#8beab0);border-radius:8px;margin-top:22px}.v2 .mock{transform:rotate(6deg);background:#1d1733}.v2 .shape{background:linear-gradient(120deg,#b0a0ff,#6650b0)}.v3 .mock{background:#3c2318}.v3 .shape{background:linear-gradient(120deg,#f4ba72,#ba6939)}.v4 .mock{transform:rotate(5deg);background:#142c39}.v4 .shape{background:linear-gradient(120deg,#a4e6f4,#3086ad)}.project-info{padding:25px;display:flex;justify-content:space-between;align-items:center}.project-info h3{font:600 22px 'Space Grotesk';margin:0 0 7px}.project-info small{color:var(--muted)}.arrow{color:var(--green);font-size:25px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about p{color:var(--muted);line-height:1.9}.team-panel{border:1px solid #2c3b30;background:linear-gradient(145deg,#131b15,#0d120f);border-radius:14px;padding:30px;min-height:370px;position:relative;overflow:hidden}.team-panel:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #18d65a22;border-radius:50%;right:-90px;top:-90px;box-shadow:0 0 0 25px #18d65a08,0 0 0 50px #18d65a05;pointer-events:none}.team-switch{display:flex;gap:8px;margin-bottom:32px;position:relative;z-index:1}.team-tab{border:1px solid #344138;background:#0b100d;color:#c8d4cb;border-radius:7px;padding:10px 14px;font-size:12px;transition:.2s}.team-tab.active{background:var(--green);border-color:var(--green);color:#071009;font-weight:700}.team-profile{position:relative;z-index:1;animation:teamIn .3s ease both}.team-role{color:var(--green);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.team-profile h3{font:700 clamp(30px,4vw,42px)/1.1 'Space Grotesk';letter-spacing:-1.5px;margin:14px 0 8px}.team-meta{color:#d2ded4;font-size:13px;margin-bottom:22px}.team-profile p{max-width:430px}.team-index{position:absolute;bottom:20px;right:25px;color:#ffffff12;font:700 100px/.9 'Space Grotesk';pointer-events:none}@keyframes teamIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.team-add-note{font-size:11px;color:#829187;margin-top:25px;border-top:1px solid #26302b;padding-top:15px}.testimonials{background:#0e1410}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{background:#151e17;border:1px solid #2a3a2c;padding:30px;border-radius:10px}.stars{color:var(--green);letter-spacing:4px}.quote p{line-height:1.8;font-size:15px;min-height:130px}.quote small{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact p{color:var(--muted);line-height:1.8}.contact .email{color:var(--green);font:600 25px 'Space Grotesk'}form{display:grid;gap:14px}input,textarea{width:100%;padding:17px;background:#141c16;border:1px solid #354237;border-radius:7px;color:white;outline:0}input:focus,textarea:focus{border-color:var(--green)}textarea{min-height:130px;resize:vertical}form .btn{width:100%}.notice{color:#98a99c;font-size:12px}footer{border-top:1px solid var(--line);padding:35px 0;color:#8c9b91;font-size:13px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px}.hidden{display:none!important}
/* Scroll reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}
.project-info .arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid #31513b;background:#101713;border-radius:50%;transition:background .25s,transform .25s,color .25s}.project-info .arrow:hover{background:var(--green);color:#071009;transform:translate(3px,-3px)}
.modal-backdrop{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:20px;z-index:50;backdrop-filter:blur(8px)}.modal-backdrop.open{display:grid}.project-modal{max-width:520px;width:100%;padding:32px;background:#111815;border:1px solid #35503b;border-radius:14px;position:relative;box-shadow:0 30px 100px #0009}.project-modal h3{font:600 30px 'Space Grotesk';margin:10px 0}.project-modal p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:28px}body.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;transform:none;opacity:1}}.mobile-nav{display:none}@media(max-width:850px){nav,.navbtn{display:none}.menu{display:block}.mobile-nav.open{display:flex;flex-direction:column;gap:16px;padding:20px 28px;background:#111a14}.hero{grid-template-columns:1fr;padding:85px 0 40px;min-height:unset}.hero-art{height:330px}.orbit{width:260px;height:260px}.hero-art img{width:170px}.hero h1{letter-spacing:-3px}.strip .wrap{flex-wrap:wrap;justify-content:center}.cards,.quotes{grid-template-columns:1fr}.projects,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.sectionhead{display:block}section{padding:75px 0}.project-visual{height:220px}}@media(max-width:520px){.wrap{padding:0 19px}.hero h1{font-size:55px}.actions{flex-wrap:wrap}.t1{right:0;top:0}.t2{bottom:0}.stats{gap:8px}.stat{padding:22px}.stat strong{font-size:32px}footer .wrap{flex-direction:column;align-items:start}}