:root{color:#101312;font-synthesis:none;--ink:#101312;--acid:#c9ff58;--paper:#f2f3ef;--line:#cdd0c8;background:#f2f3ef;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.skip{z-index:100;background:#fff;padding:1rem;position:fixed;top:-80px;left:1rem}.skip:focus{top:1rem}:focus-visible{outline-offset:4px;outline:3px solid #7cad1d}header{z-index:20;color:#fff;background:var(--ink);border-bottom:1px solid #ffffff2b;align-items:center;height:84px;padding:0 clamp(1rem,5vw,6rem);display:flex;position:relative}.logo{letter-spacing:-.06em;align-items:center;font-size:20px;font-weight:800;display:flex}.logo b{background:var(--acid);color:var(--ink);padding:.5rem .45rem}.logo span{padding:.5rem}.logo:focus-visible{outline-color:var(--acid)}header nav{gap:2rem;margin-left:auto;font-size:13px;font-weight:700;display:flex}header nav a:hover{color:var(--acid)}.header-cta{border-left:1px solid #fff3;align-items:center;gap:.7rem;margin-left:2rem;padding-left:2rem;font-size:13px;font-weight:800;display:flex}.menu{color:#fff;background:0 0;border:0;width:44px;height:44px;margin-left:auto;display:none}.menu i{background:currentColor;width:22px;height:1px;margin:6px auto;display:block}.hero{background:var(--ink);color:#fff;grid-template-columns:1fr minmax(0,1100px) 180px;align-items:center;gap:2rem;min-height:calc(100vh - 145px);padding:clamp(4rem,8vw,9rem) clamp(1rem,7vw,8rem);display:grid}.hero-meta{letter-spacing:.17em;text-transform:uppercase;color:#7b817e;writing-mode:vertical-rl;flex-direction:column;justify-content:flex-end;align-self:stretch;gap:.7rem;font-size:9px;display:flex;transform:rotate(180deg)}.kicker{text-transform:uppercase;letter-spacing:.18em;color:#657068;font-size:10px;font-weight:800}.hero .kicker{color:var(--acid)}.hero h1{letter-spacing:-.065em;max-width:1200px;margin:.25em 0;font-size:clamp(3.5rem,7.3vw,8.6rem);font-weight:700;line-height:.9}.hero h1 em{color:var(--acid);font-style:normal}.intro{color:#aeb5b1;max-width:650px;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.3rem;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:.8rem;min-height:54px;padding:.9rem 1.3rem;font-weight:800;display:inline-flex}.hero .button{background:var(--acid);border-color:var(--acid);color:var(--ink)}.hero .outline{color:#fff;background:0 0;border-color:#fff5}.hero-code{color:#6e7571;border-top:1px solid #ffffff30;align-self:end;padding-top:1rem;font-size:12px}.hero-code span{color:var(--acid)}.hero-code p{font-weight:800;line-height:1.5}.section{padding:clamp(5rem,10vw,10rem) clamp(1rem,7vw,8rem)}.section-title{grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-bottom:clamp(3rem,6vw,6rem);display:grid}.section-title .kicker{grid-column:1/-1;margin:0}.section-title h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,6rem);line-height:.92}.section-title>p:last-child{color:#606762;max-width:520px;line-height:1.7}.works{background:var(--paper)}.work-card{border-top:1px solid var(--ink);padding:2rem 0 clamp(4rem,6vw,7rem)}.work-visual{background:#dfe2db;min-height:400px;padding:clamp(1rem,4vw,4rem);position:relative;overflow:hidden}.work-visual>img:first-child{width:88%;height:auto;display:block;box-shadow:0 30px 60px #10131222}.phone-shot{border:7px solid #181b1a;border-radius:24px;width:18%;height:auto;position:absolute;bottom:-5%;right:4%;box-shadow:0 20px 50px #10131244}.work-card:nth-of-type(3) .work-visual{background:#232725}.work-info{grid-template-columns:.8fr 1.2fr;gap:1.15rem 2rem;padding-top:2rem;display:grid}.tag{background:var(--acid);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:.45rem .6rem;font-size:9px;font-weight:800;display:inline-block}.work-info h3{letter-spacing:-.05em;margin:.2em 0;font-size:clamp(2rem,4vw,4.5rem)}.work-info p{color:#5a615d;line-height:1.7}.work-info ul,.tech{flex-wrap:wrap;grid-column:1/-1;gap:.5rem;padding:0;list-style:none;display:flex}.work-info li,.tech span{border:1px solid var(--line);padding:.5rem .7rem;font-size:10px;font-weight:700}.text-link{border-bottom:1px solid;grid-column:2;align-items:center;gap:.6rem;width:max-content;padding-bottom:.3rem;font-weight:800;display:flex}.services{background:#fff}.service-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.service-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:170px;padding:1.5rem;transition:all .2s;position:relative}.service-grid article:nth-child(3n){border-right:0}.service-grid article:hover{background:var(--acid)}.service-grid b{color:#858b87;font-size:10px}.service-grid h3{max-width:270px;font-size:clamp(1.2rem,2vw,1.8rem)}.service-grid span{position:absolute;bottom:1.5rem;right:1.5rem}.process{background:var(--ink);color:#fff}.process .kicker{color:var(--acid)}.process .section-title>p:last-child{color:#a3aaa6}.process ol{border-top:1px solid #fff3;grid-template-columns:repeat(6,1fr);padding:0;list-style:none;display:grid}.process li{border-right:1px solid #fff2;min-height:180px;padding:1.5rem}.process li b{color:var(--acid);font-size:11px}.process li h3{margin-top:3rem;font-size:17px}.contact{background:#e4e6df;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);display:grid}.contact-copy>p:not(.kicker){color:#5a615d;line-height:1.7}.contact dl{margin-top:3rem}.contact dl div{border-top:1px solid #bec2b8;padding:1rem 0}.contact dt{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.contact dd{margin:.4rem 0 0;font-weight:700}.contact-form{background:#fff;padding:clamp(1.5rem,4vw,3rem)}.contact-form>div{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.contact-form label{gap:.5rem;font-size:12px;font-weight:800;display:grid}.contact-form label.full{grid-column:1/-1}.contact-form label small{font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;color:var(--ink);background:#fafbf8;border:1px solid #c7cbc2;padding:.85rem}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#709b16;outline:3px solid #a1d03c66}.contact-form .consent{grid-column:auto;gap:.7rem;margin:1.2rem 0;font-size:11px;line-height:1.5;display:flex}.consent input{accent-color:#6d941b;width:18px;height:18px;min-height:auto}.success{color:#315007;background:#edf8d8;padding:1rem;line-height:1.5}footer{color:#8b918d;background:#080a09;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem clamp(1rem,7vw,8rem);display:grid}footer .logo{color:#fff;width:max-content}footer nav{justify-self:end;gap:1.5rem;display:flex}footer small{border-top:1px solid #ffffff20;grid-column:1/-1;padding-top:2rem}.case-header{justify-content:space-between}.case{background:var(--paper)}.case-intro{max-width:1350px;padding:clamp(4.5rem,7vw,7rem) clamp(1rem,7vw,8rem)}.case-intro h1{letter-spacing:-.07em;margin:.25em 0;font-size:clamp(4rem,9vw,10rem);line-height:.85}.case-intro>p:last-child{max-width:800px;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.6}.case-screen{background:#daddd5;margin:0 clamp(1rem,4vw,5rem);padding:clamp(1rem,5vw,5rem);position:relative}.case-screen img:first-child{width:90%;height:auto;display:block;box-shadow:0 25px 60px #0002}.case-screen img:last-child{border:7px solid var(--ink);border-radius:22px;width:18%;height:auto;position:absolute;bottom:-8%;right:4%}.case-grid{grid-template-columns:repeat(3,1fr);gap:3rem;padding:clamp(5rem,7vw,7rem) clamp(1rem,7vw,8rem);display:grid}.case-grid section{border-top:1px solid;padding-top:1.5rem}.case-grid span{color:#6b736e;font-size:10px}.case-grid h2{font-size:2rem}.case-grid p{color:#5d645f;line-height:1.7}.case-details{background:#fff;grid-template-columns:1fr 1fr;gap:3rem;padding:clamp(5rem,7vw,7rem) clamp(1rem,7vw,8rem);display:grid}.case-details h2,.case-quality h2{letter-spacing:-.05em;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95}.case-details ul{padding:0;list-style:none}.case-details li{border-top:1px solid var(--line);padding:1.2rem 0;font-weight:700}.case-quality{background:var(--ink);color:#fff;padding:clamp(5rem,7vw,7rem) clamp(1rem,7vw,8rem)}.case-quality p{color:#b3bab6;border-top:1px solid #fff3;margin:0;padding:1.2rem 0}.case .tech{align-items:center;padding:4rem clamp(1rem,7vw,8rem)}.case .tech .kicker{width:100%}.next{background:var(--acid);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:clamp(2rem,5vw,5rem) clamp(1rem,7vw,8rem);display:grid}.next b{font-size:clamp(1.7rem,4vw,4rem)}.next svg{width:42px}@media (width<=900px){header nav{background:var(--ink);flex-direction:column;padding:2rem;display:none;position:absolute;top:84px;left:0;right:0}.menu{display:block}.header-cta{display:none}header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-meta,.hero-code{display:none}.section-title,.work-info{grid-template-columns:1fr}.text-link{grid-column:1}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(3n){border-right:1px solid var(--line)}.service-grid article:nth-child(2n){border-right:0}.process ol{grid-template-columns:repeat(3,1fr)}.contact,.case-grid,.case-details{grid-template-columns:1fr}}@media (width<=600px){html{scroll-padding-top:74px}header{height:74px}.site-header nav,header nav{top:74px}.hero{min-height:calc(100vh - 74px);padding:5rem 1rem}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-actions{display:grid}.button{width:100%}.section{padding:5rem 1rem}.section-title h2,.contact h2{font-size:clamp(2.7rem,13vw,4rem)}.work-visual{min-height:230px;padding:1rem}.work-visual>img:first-child{width:94%}.phone-shot{border-width:4px;border-radius:12px;width:24%}.work-info{padding-top:1.5rem}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3n){border-right:0}.process ol{grid-template-columns:1fr 1fr}.process li{min-height:150px}.contact-form{padding:1rem}.contact-form>div{grid-template-columns:1fr}.contact-form label.full{grid-column:auto}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap;justify-self:start}.case-intro{padding:5rem 1rem}.case-intro h1{font-size:clamp(3.8rem,18vw,6rem)}.case-screen{margin:0;padding:1rem 1rem 3rem}.case-screen img:first-child{width:95%}.case-screen img:last-child{border-width:4px;border-radius:12px;width:27%}.case-grid,.case-details,.case-quality{padding:5rem 1rem}.case .tech{padding:3rem 1rem}.next{grid-template-columns:1fr auto}.next>b{grid-column:1}.next>svg{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}