:root{--g:#00cc84;--bk:#050706;--wh:#f4f6f4;--muted:#9da7a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bk);color:var(--wh);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.mesh{position:fixed;inset:-20%;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(0,204,132,.23),transparent 24%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 55% 85%,rgba(0,204,132,.15),transparent 25%);filter:blur(30px);animation:mesh 12s ease-in-out infinite alternate}#dots{position:fixed;inset:0;z-index:-2;pointer-events:none}@keyframes mesh{to{transform:translate(5%,3%) rotate(5deg) scale(1.08)}}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;background:rgba(5,7,6,.65);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.site-logo{display:flex;align-items:center;gap:12px;letter-spacing:.1em}.site-logo svg{width:34px;height:34px;overflow:visible}.site-logo .b1,.site-logo .b3{fill:#000}.site-logo .b2,.site-logo .arc{fill:#fff}.site-logo svg{background:var(--g)}header nav{display:flex;gap:22px;font-family:'DM Mono';font-size:12px}.hero{min-height:100vh;padding:130px 6vw 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.hero small,section>small,.case small,.ds small{font:11px 'DM Mono';letter-spacing:.25em;color:var(--g)}h1{font-size:clamp(58px,9vw,145px);line-height:.84;letter-spacing:-.07em;margin:18px 0 24px;max-width:1000px}h2{font-size:clamp(42px,6vw,88px);line-height:.92;letter-spacing:-.06em;margin:14px 0 40px}.hero p{font-size:clamp(17px,2vw,24px);max-width:680px;color:var(--muted)}.cta,button{display:inline-flex;margin-top:28px;padding:15px 22px;border-radius:99px;background:var(--g);color:#00150d;border:0;font-weight:700}.logo-mask{aspect-ratio:1;clip-path:path('M244 580 A268 268 0 0 0 780 580 L646 580 A134 134 0 0 1 378 580 Z');transform:scale(1.55)}.logo-mask img{width:100%;height:100%;object-fit:cover}section{padding:110px 6vw}#services{background:#f3f5f3;color:#080a09}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-grid article{padding:28px;border:1px solid #cfd6d1;border-radius:28px;background:rgba(255,255,255,.6);transition:.3s}.service-grid article:hover{transform:translateY(-8px);background:radial-gradient(circle at 20% 20%,rgba(0,204,132,.3),#fff 60%)}.service-grid h3{font-size:34px;margin:30px 0 10px}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{position:relative;min-height:520px;overflow:hidden;border-radius:26px}.project img{width:100%;height:100%;object-fit:cover;transition:.6s}.project:hover img{transform:scale(1.05)}.project>div{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.project h3{font-size:42px;margin:8px 0}.project span{font-family:'DM Mono';font-size:12px;color:var(--g)}#contact{background:var(--g);color:#03120b}#contact>small{color:#03120b}#contact form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:12px}#contact input,#contact textarea{background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.35);padding:18px 4px;font:18px inherit;color:#03120b;outline:none}#contact textarea{grid-column:1/-1;min-height:120px}#contact button{background:#03120b;color:#fff;justify-self:start}.success{font-weight:700}footer{display:flex;justify-content:space-between;padding:28px 6vw;border-top:1px solid rgba(255,255,255,.1)}.case{padding-top:90px}.case-hero{padding-top:80px}.case-hero img{width:100%;max-height:80vh;object-fit:cover;border-radius:28px;margin-top:50px}.case-info{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333;border-bottom:1px solid #333}.case-info div{padding:30px}.case-info b{display:block;margin-top:8px}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px}.story p{font-size:24px;line-height:1.5;color:#d5ddd7}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery img,.gallery video{width:100%;border-radius:20px}.ds{padding:80px 6vw}.ds section{padding:60px 0}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.swatches i{height:180px;padding:20px;font-style:normal}.type-demo{font-size:52px}.type-demo code{font:24px 'DM Mono'}@media(max-width:760px){header nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:120px}.logo-mask{display:none}h1{font-size:clamp(54px,18vw,82px);line-height:.86;overflow-wrap:anywhere}.service-grid,.portfolio,.story,.gallery{grid-template-columns:1fr}#contact form{grid-template-columns:1fr}#contact textarea{grid-column:auto}.project{min-height:400px}.case-info{grid-template-columns:1fr}.swatches{grid-template-columns:1fr}}