:root{--bg:#f1f2ef;--ink:#171815;--muted:#6c7069;--line:#d9ddd7;--card:#f9faf7;--accent:#d7ff19;--accent-ink:#171713;--dark:#1a1c18;--header:#d8dcd5;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.top{position:sticky;top:10px;z-index:1000;background:rgba(216,220,213,.88);backdrop-filter:blur(22px) saturate(1.12);border:1px solid rgba(37,42,36,.09);box-shadow:0 14px 36px rgba(25,29,24,.08);max-width:calc(var(--max) - 28px);margin:0 auto;border-radius:22px;overflow:visible}.nav{min-height:76px;display:flex;align-items:center;gap:28px;position:relative;overflow:visible}.logo{display:flex;align-items:center;gap:13px;margin-right:auto}.mark{width:45px;height:45px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px;letter-spacing:-.13em;padding-right:3px}.logo strong{display:block;font-size:22px;letter-spacing:-.04em}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.links{display:flex;gap:22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.links a{position:relative}.links a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:.22s}.links a:hover:after{right:0}.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(23,24,21,.14);border-radius:14px;background:rgba(249,250,247,.68);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.24s}.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 22px;min-height:48px;font-weight:750;border:1px solid var(--dark);transition:.2s}.nav-cta{background:var(--dark);color:#fff}.nav-cta:hover,.btn.primary:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px rgba(191,224,20,.16)}.btn.light{background:#fafbf8}.hero{padding:76px 0 58px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.kicker{color:#70756d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.hero h1{font-size:clamp(54px,7vw,106px);letter-spacing:-.065em;line-height:.87;margin:18px 0 24px;max-width:700px}.hero h1 em{font-style:normal;color:#bfe800;text-shadow:0 0 24px rgba(215,255,25,.14)}.hero p{font-size:clamp(18px,2vw,25px);color:#555a53;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.stat{border-top:1px solid #cfd4cd;padding-top:15px;color:var(--muted);font-size:12px}.stat b{display:block;color:var(--ink);font-size:24px}.hero-media{min-height:650px;border-radius:34px;overflow:hidden;background:#dde1db;position:relative;box-shadow:0 28px 80px rgba(28,33,27,.12)}.hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.06) 60%,rgba(0,0,0,.32))}.hero-media:after{content:'Labeworx · от идеи до готового объекта';position:absolute;z-index:3;left:22px;right:22px;bottom:22px;background:rgba(22,25,21,.56);backdrop-filter:blur(12px);color:#fff;padding:16px 19px;border-radius:18px;font-size:13px}.wordcloud{display:none}.section{padding:94px 0;border-top:1px solid var(--line)}.section:nth-of-type(even):not(.band){background:rgba(225,229,223,.42)}.head{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;margin-bottom:42px}.head h2{font-size:clamp(38px,5vw,72px);letter-spacing:-.055em;line-height:.95;margin:0}.head p{margin:0;color:var(--muted);font-size:19px;max-width:760px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.project{position:relative;border-radius:24px;overflow:hidden;background:#dde1db;min-height:320px;box-shadow:0 16px 40px rgba(28,33,27,.06)}.project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.project.big{grid-column:span 7;min-height:590px}.project.side{grid-column:span 5}.project.third{grid-column:span 4;min-height:390px}.project .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.78));z-index:1}.project .caption{position:absolute;left:24px;right:24px;bottom:21px;color:#fff;z-index:2}.caption small{opacity:.7;text-transform:uppercase;letter-spacing:.1em}.caption h3{font-size:28px;line-height:1.05;margin:7px 0}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service{background:rgba(249,250,247,.86);backdrop-filter:blur(10px);border:1px solid rgba(181,188,178,.5);border-radius:22px;padding:29px;display:grid;grid-template-columns:60px 1fr;gap:18px;box-shadow:0 10px 28px rgba(28,33,27,.045)}.service .n{font-weight:900;color:#849d00}.service h3{margin:0 0 7px;font-size:25px}.service p{margin:0;color:var(--muted)}.band{background:var(--dark);color:#fff}.band .head p{color:#b9bdb6}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#363a34;border:1px solid #363a34;border-radius:25px;overflow:hidden}.step{background:#20231e;padding:30px;min-height:240px}.step b{color:var(--accent)}.step h3{font-size:23px;margin:45px 0 10px}.step p{color:#b9bdb6;font-size:14px}.clientbar{display:flex;gap:12px;flex-wrap:wrap}.client{border:1px solid var(--line);background:#fafbf8;padding:13px 18px;border-radius:999px;font-weight:700;color:#4f544d}.cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;border-radius:30px;padding:44px;background:#e1e5df;border:1px solid #d2d8d0}.cta h2{font-size:clamp(40px,5vw,72px);line-height:.93;letter-spacing:-.05em;margin:0 0 15px}.cta p{margin:0;color:var(--muted);font-size:18px}.footer{padding:38px 0 55px}.foot{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:13px}.pagehero{padding:96px 0 58px}.pagehero h1{font-size:clamp(56px,8vw,108px);line-height:.9;letter-spacing:-.065em;margin:10px 0 25px}.pagehero p{font-size:20px;color:var(--muted);max-width:760px}.filter{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 38px}.pill{border:1px solid #d1d6cf;border-radius:999px;padding:10px 15px;background:#fafbf8;font-size:13px}.pill:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{background:#fafbf8;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 12px 30px rgba(28,33,27,.05)}.contact-card h3{font-size:26px;margin-top:0}.contact-card a{color:#758d00;font-size:21px;font-weight:750}.notice{font-size:12px;color:var(--muted);margin-top:22px}@media(max-width:1180px){.links{gap:15px;font-size:11px}}@media(max-width:980px){.menu-toggle{display:flex;margin-left:auto}.links{display:none;position:fixed;left:16px;right:16px;top:88px;z-index:2000;padding:14px;background:rgba(226,230,224,.985);backdrop-filter:blur(22px);border:1px solid rgba(35,40,34,.1);border-radius:18px;box-shadow:0 18px 42px rgba(25,29,24,.18);flex-direction:column;gap:4px;font-size:13px;letter-spacing:.04em}.links.is-open{display:flex}.links a{padding:13px 14px;border-radius:12px}.links a:hover{background:rgba(255,255,255,.52)}.links a:after{display:none}.nav-cta{display:none}.hero-grid,.head,.contact-grid{grid-template-columns:1fr}.hero-media{min-height:520px}.project.big,.project.side,.project.third{grid-column:span 12}.services{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.top{top:6px;max-width:calc(100% - 16px)}}@media(max-width:600px){.wrap{padding:0 17px}.nav{min-height:66px;gap:12px}.brand-descriptor{display:none}.menu-toggle{width:44px;height:44px}.links{top:80px;left:10px;right:10px}.hero{padding-top:48px}.hero h1{font-size:56px}.hero-media{min-height:430px;border-radius:23px}.stats{grid-template-columns:1fr}.section{padding:70px 0}.process{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:28px}.service{grid-template-columns:40px 1fr}.pagehero{padding-top:66px}.top{border-radius:18px}}