:root{--k:#000;--w:#fff;--g1:#f4f4f2;--g2:#e4e4e0;--m:#6b6b6b;--dm:#8a8a8a;--ok:#00a63e;--okd:#4ade80}
*{box-sizing:border-box;margin:0}
body{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:14px;line-height:1.65;background:var(--w);color:var(--k)}
a{color:inherit;text-decoration:none}.w{max-width:1160px;margin:auto;padding:0 24px}
h1,h2,h3{font-family:Inter,sans-serif;letter-spacing:-.045em}
.dark{background:var(--k);color:#ededed}.grey{background:var(--g1)}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.logo{font-weight:700;font-size:17px}.logo b{display:inline-block;width:9px;height:9px;background:var(--okd);border-radius:50%;margin-left:3px}
nav ul{display:flex;gap:26px;list-style:none;color:var(--dm)}nav a:hover{color:#fff}
.btn{display:inline-block;font:700 14px 'IBM Plex Mono',monospace;padding:13px 22px;border:1px solid currentColor;transition:.2s;cursor:pointer}
.dark .btn.p{background:#fff;color:#000;border-color:#fff}.dark .btn.p:hover{background:var(--okd);border-color:var(--okd)}
.dark .btn.o:hover{background:#fff;color:#000}
.light .btn.p{background:#000;color:#fff;border-color:#000}.light .btn.p:hover{background:var(--ok);border-color:var(--ok)}
.crumb{color:var(--dm);font-size:13px;padding-top:30px}.crumb a:hover{color:#fff}
.hero{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center;padding:50px 0 100px}
.cat{font-size:13px;color:var(--okd)}.light .cat,.grey .cat{color:var(--ok)}
h1{font-size:clamp(42px,6vw,80px);line-height:1;font-weight:800;margin:12px 0 18px}
.lead{font-family:Inter,sans-serif;font-size:18px;color:var(--dm);max-width:480px;margin-bottom:28px}
.hero .btn{margin:0 8px 8px 0}
.frame{border:1px solid #333;background:#111;box-shadow:10px 10px 0 #fff2}.frame .t{display:flex;gap:7px;padding:10px 14px;background:#161616;border-bottom:1px solid #2a2a2a}.frame .t i{width:10px;height:10px;border-radius:50%;background:#444}
.frame img{display:block;width:100%;height:auto}
section{padding:100px 0}.hd small{color:var(--m)}.hd h2{font-size:clamp(30px,4.2vw,52px);margin:8px 0 44px;font-weight:800;max-width:760px;line-height:1.02}
.feats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #000;border-left:1px solid #000}
.feats div{padding:28px;border-right:1px solid #000;border-bottom:1px solid #000;transition:.2s}.feats div:hover{background:#000;color:#fff}.feats div:hover p{color:#aaa}
.feats b{color:var(--ok);font-size:12px;display:block;margin-bottom:22px}.feats div:hover b{color:var(--okd)}
.feats h3{font-size:21px;margin-bottom:6px}.feats p{font-family:Inter,sans-serif;color:var(--m);font-size:14px}
.row{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;padding:50px 0}.row.rev{grid-template-columns:1.3fr 1fr}.row.rev .tx{order:2}
.row .shot{border:1px solid #000;background:#fff;box-shadow:10px 10px 0 #0002}.row .shot img{display:block;width:100%;height:auto}
.row .shot.phone{max-width:300px;margin:auto}
.tx small{color:var(--ok)}.tx h3{font-size:clamp(26px,3vw,38px);margin:8px 0 12px}.tx p{font-family:Inter,sans-serif;color:var(--m);font-size:16px}
.tx ul{list-style:none;padding:0;margin-top:16px;display:grid;gap:6px;font-size:13px}.tx li:before{content:"→ ";color:var(--ok)}
.dark .tx small{color:var(--okd)}.dark .tx p{color:var(--dm)}.dark .tx li:before{color:var(--okd)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips i{font-style:normal;border:1px solid currentColor;padding:4px 12px;font-size:12px}
.cta{text-align:center}.cta h2{font-size:clamp(34px,6vw,76px);line-height:.98;font-weight:800;max-width:860px;margin:0 auto 30px}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:30px 0;color:var(--m);font-size:12px;border-top:1px solid #000;background:#fff}
footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;width:100%}
.other{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.other a{border:1px solid #000;padding:24px;transition:.2s}.other a:hover{background:#000;color:#fff}.other small{color:var(--ok)}.other h3{font-size:24px}
@media(max-width:900px){nav ul{display:none}.hero,.row,.row.rev{grid-template-columns:1fr}.row.rev .tx{order:0}.feats{grid-template-columns:1fr}.other{grid-template-columns:1fr}}
.contact{margin-top:28px;font-size:13px;color:var(--dm)}.contact a{color:#fff;border-bottom:1px solid #555}.contact a:hover{color:var(--okd);border-color:var(--okd)}.fcontact a{border-bottom:1px solid currentColor}
.logo img{display:block;height:34px;width:auto}
.lang{display:flex;gap:4px;font-size:12px}.lang a{padding:3px 9px;border:1px solid #333;color:#8a8a8a}.lang a:hover{color:#fff;border-color:#888}.lang a.on{background:#fff;color:#000;border-color:#fff}