:root{color-scheme:dark;--bg:#0b0d0e;--surface:#111416;--surface2:#181c1e;--text:#f1f3ee;--muted:#929a96;--line:#2a3032;--accent:#caff33;--ink:#101500;--head:rgba(11,13,14,.84);--shadow:0 30px 80px rgba(0,0,0,.3);--sans:Inter,"Segoe UI",Arial,sans-serif;--mono:"Cascadia Mono",Consolas,monospace}
html[data-theme=light]{color-scheme:light;--bg:#f3f4ef;--surface:#fff;--surface2:#e8eae4;--text:#111414;--muted:#626966;--line:#ccd0c8;--accent:#446f00;--ink:#f8ffe9;--head:rgba(243,244,239,.88);--shadow:0 30px 80px rgba(26,34,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);transition:.2s}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 50%)}a{color:inherit}button{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--accent);color:var(--ink);padding:.7rem 1rem}.skip:focus{top:1rem}.shell{width:min(1220px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:30;height:76px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:var(--head);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;width:max-content;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.12em}.brand svg{width:38px;height:38px}.brand rect{fill:var(--text)}.brand path{fill:var(--bg)}.brand .a{fill:var(--accent)}header nav{display:flex;gap:30px}header nav a{color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:600}header nav a:hover{color:var(--text)}.controls{justify-self:end;display:flex;gap:8px}.controls button{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);cursor:pointer}.controls button:hover{border-color:var(--accent);color:var(--text)}
.hero{min-height:760px;padding:88px 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.eyebrow,.kicker{margin:0 0 23px;color:var(--muted);font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}h1{margin:0;font-size:clamp(3rem,6.1vw,6rem);line-height:.94;letter-spacing:-.065em}h1 span,h1 em{display:block}h1 em{color:var(--accent);font-style:normal}.intro{max-width:620px;margin:32px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:36px}.button{min-height:51px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:700;text-decoration:none;transition:.18s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.editor{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.bar{height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font:500 .6rem var(--mono);letter-spacing:.07em}.bar b{color:var(--accent);font-size:.5rem}.bar:last-child{border-top:1px solid var(--line);border-bottom:0}.preview{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 25% 30%,#6b923b55,transparent 28%),linear-gradient(135deg,#293425,#101414 62%)}html[data-theme=light] .preview{background:radial-gradient(circle at 25% 30%,#8bb55366,transparent 28%),linear-gradient(135deg,#d9e5c8,#edf0eb 62%)}.preview div{z-index:2;text-align:center}.preview small{display:block;color:var(--accent);font:500 .65rem var(--mono);letter-spacing:.18em}.preview strong{display:block;margin-top:8px;font-size:clamp(1.5rem,3vw,3rem);line-height:1;letter-spacing:-.05em}.preview>i{position:absolute;inset:14%;border:1px solid #ffffff30}.timeline{position:relative;height:165px;padding:35px 14px 12px;background:#0b0e0f;display:grid;gap:4px}.timeline>span{border-radius:3px;background:#2d4034}.timeline>span:nth-of-type(2){background:#243949}.timeline>span:nth-of-type(3){background:#2f4035}.timeline>span:nth-of-type(4){height:24px;background:repeating-linear-gradient(90deg,#435b4a 0 2px,#223028 2px 5px)}.timeline>b{position:absolute;z-index:2;left:47%;top:18px;bottom:8px;width:1px;background:var(--accent)}.timeline>b:before{content:"";position:absolute;left:-4px;border:5px solid transparent;border-top-color:var(--accent)}.timeline>em{position:absolute;left:14px;right:14px;top:11px;border-top:1px dashed #50585a}
.proof{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.proof div{min-height:124px;padding:27px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.proof div:last-child{border:0}.proof strong{color:var(--accent);font-size:2rem;line-height:1}.proof span{margin-top:9px;color:var(--muted);font-size:.8rem}
.block{padding-block:120px}.heading{display:grid;grid-template-columns:minmax(0,780px);gap:20px;align-items:start;margin-bottom:36px}.heading h2,.process h2,.about h2,.contact h2{margin:0;font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:1.02;letter-spacing:-.055em}.heading>p,.process>div>p,.about section p,.contact>div>p{margin:0;color:var(--muted)}.heading>p{max-width:680px;font-size:1.02rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.filters button{height:41px;padding:0 15px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);cursor:pointer}.filters button.active,.filters button:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--surface);transition:.2s}.project:hover{transform:translateY(-3px)}.project.hidden{display:none}.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line)}.thumb>span{position:absolute;top:15px;left:15px;padding:4px 8px;border:1px solid #ffffff38;border-radius:99px;background:#090b0c88;color:#fff;font:500 .58rem var(--mono);letter-spacing:.06em}.thumb>div{position:absolute;left:8%;bottom:11%}.thumb small{display:block;color:var(--accent);font:.64rem var(--mono)}.thumb strong{font-size:clamp(1.7rem,3.6vw,3.1rem);line-height:.87;letter-spacing:-.06em}.thumb button{position:absolute;right:17px;bottom:17px;width:45px;height:45px;border:1px solid #ffffff66;border-radius:50%;background:#0a0c0dcc;color:white;cursor:pointer}.thumb button:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.t1{background:linear-gradient(125deg,#2b3928,#0d1112)}.t2{background:linear-gradient(135deg,#18263b,#0c1015)}.t3{background:radial-gradient(circle at 70% 20%,#7949e0,#161020 60%)}.t4{background:linear-gradient(135deg,#493026,#0d1012 70%)}.t5{background:linear-gradient(135deg,#4c2844,#121016 65%)}.t6{background:linear-gradient(135deg,#17414a,#0b1012)}.t7{background:linear-gradient(135deg,#534419,#11110c)}.t8{background:linear-gradient(135deg,#4a2320,#111214)}.meta{padding:21px;display:grid;grid-template-columns:31px 1fr;gap:5px}.meta>small{padding-top:5px;color:var(--accent);font:.62rem var(--mono)}.meta h3{margin:0;font-size:1.18rem;line-height:1.3}.meta p,.meta b{grid-column:2;margin:7px 0;color:var(--muted);font-size:.86rem}.meta b{font:.61rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.services{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:235px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid small,.process li>span{color:var(--accent);font:.65rem var(--mono)}.service-grid h3{margin:58px 0 9px;font-size:1.14rem}.service-grid p{margin:0;color:var(--muted);font-size:.87rem}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;border-top:1px solid var(--line)}.process>div{position:sticky;top:110px;align-self:start}.process>div>p{margin:25px 0}.process>div>a{color:var(--accent);font-weight:700;text-underline-offset:6px}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:60px 1fr;gap:14px;padding:28px 0;border-bottom:1px solid var(--line)}.process h3{margin:0 0 7px;font-size:1.18rem}.process li p{margin:0;color:var(--muted)}
.about{border-top:1px solid var(--line)}.about>div{display:grid;grid-template-columns:1.12fr .88fr;gap:95px}.about section{padding-top:8px}.about section p{margin-bottom:18px;font-size:1.01rem}
.contact{border-top:1px solid var(--line)}.contact>div:first-child{max-width:850px;margin-bottom:48px}.contact>div:first-child>p:last-child{max-width:620px;margin-top:21px;font-size:1.02rem}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.contact-card{min-height:162px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:.18s}.contact-card:hover{transform:translateY(-2px);border-color:var(--accent)}.contact-card.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.contact-card>span{margin-bottom:auto;font:500 .61rem var(--mono);letter-spacing:.1em}.contact-card strong{font-size:1.16rem}.contact-card small{margin-top:4px;opacity:.67;font-size:.76rem}
footer{min-height:210px;padding:40px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px;border-top:1px solid var(--line)}footer>div{display:flex;flex-direction:column}footer>div span,footer p,footer a{color:var(--muted);font:.67rem/1.7 var(--mono)}footer p{margin:0;text-align:center}footer a{justify-self:end;text-underline-offset:5px}
dialog{width:min(420px,calc(100% - 30px));padding:32px;border:1px solid var(--line);border-radius:21px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#020405c4;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);font-size:1.7rem;cursor:pointer}dialog h2{margin:0;font-size:2rem;letter-spacing:-.04em}dialog>p:not(.kicker),dialog>small{color:var(--muted)}.qr{position:relative;width:220px;height:220px;margin:23px auto;overflow:hidden;border-radius:15px;background:white}.qr img{position:absolute;width:516px;max-width:none;transform:translate(-147px,-526px)}dialog>small{display:block;margin-top:13px}.toast{position:fixed;z-index:70;left:50%;bottom:22px;transform:translate(-50%,15px);padding:11px 15px;border-radius:9px;background:var(--text);color:var(--bg);font-size:.8rem;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;gap:55px;padding:72px 0}.editor{width:min(760px,100%)}.heading,.about>div{grid-template-columns:1fr;gap:26px}.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr;gap:52px}.process>div{position:static}}
@media(max-width:700px){.shell{width:calc(100% - 28px)}header{height:67px;padding:0 14px}.brand span{display:none}.brand svg{width:36px}.hero{padding:54px 0 72px;gap:42px}h1{font-size:clamp(2.75rem,14vw,4.6rem)}.intro{margin-top:24px}.actions{flex-direction:column}.button{width:100%}.bar>span:first-of-type{display:none}.timeline{height:125px}.proof{grid-template-columns:repeat(2,1fr)}.proof div{min-height:105px;padding:19px 17px}.proof div:nth-child(2){border-right:0}.proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.block{padding-block:82px}.projects,.service-grid,.contact-grid{grid-template-columns:1fr}.service-grid article{min-height:200px}.service-grid h3{margin-top:42px}.contact-card{min-height:142px}footer{grid-template-columns:1fr;align-items:start}footer p{text-align:left}footer a{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
body{overflow-x:hidden}.hero>*{min-width:0}.editor{min-width:0}.bar{overflow:hidden}.bar span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){h1{font-size:clamp(2.55rem,12.5vw,4.2rem)}.controls .lang{padding-inline:9px}}

.preview{background:#0c1110}
.preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 66%,rgba(5,8,7,.24))}
.hero-editor-image{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
html[data-theme=light] .hero-editor-image{filter:saturate(.88) contrast(1.01) brightness(1.06)}