@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/heebo-hebrew-400.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/heebo-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/heebo-hebrew-800.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/heebo-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/heebo-hebrew-900.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/heebo-latin-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spacemono-latin-400.woff2) format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/spacemono-latin-700.woff2) format("woff2")}
:root{--bg:#0B0C0B;--bg2:#121412;--ink:#EDEEE8;--mute:#A3A79C;--line:rgba(237,238,232,.16);--acc:#C6FF3D;--accInk:#0B0C0B;--mono:"Space Mono",ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Heebo,system-ui,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.05;font-weight:900;letter-spacing:-.01em}
p{margin:0}
.m{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:-.02em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}
.skip{position:absolute;top:-60px;right:12px;z-index:50;background:var(--acc);color:var(--accInk);padding:10px 14px;font-weight:800;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.btn{display:inline-flex;align-items:center;gap:.5em;background:var(--acc);color:var(--accInk);font-weight:800;text-decoration:none;padding:14px 22px;font-size:18px;border:2px solid var(--acc);transition:background .15s,color .15s}
.btn:hover{background:transparent;color:var(--acc)}
.btn--sm{padding:8px 14px;font-size:15px}
.btn--xl{font-size:22px;padding:18px 30px}
/* top */
.top{position:sticky;top:0;z-index:20;background:rgba(11,12,11,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:20px;height:60px}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.logo__mark{width:28px;height:28px;fill:var(--acc)}
.logo__word{font-weight:900;font-size:24px;letter-spacing:-.02em}
.logo--sm .logo__mark{width:22px;height:22px}.logo--sm .logo__word{font-size:20px}
.nav{display:none;gap:26px;margin-inline-start:auto;font-size:15px}
.nav a{text-decoration:none;color:var(--mute)}
.nav a:hover{color:var(--ink)}
.top .btn{margin-inline-start:auto}
@media(min-width:860px){.nav{display:flex}.top .btn{margin-inline-start:0}}
/* hero */
.hero{padding-top:56px;padding-bottom:0;border-inline:1px solid var(--line)}
.kicker{color:var(--acc);font-size:15px;font-weight:800;margin-bottom:22px}
.kicker .m{opacity:.8}
.hero h1{font-size:clamp(52px,14.5vw,168px);line-height:.92;letter-spacing:-.035em}
.hl{color:var(--acc)}
.lead{max-width:34em;margin-top:26px;font-size:19px;color:#D4D6CE}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}
.hero__phone{color:var(--mute);font-size:15px}
.hero__phone a{font-family:var(--mono);color:var(--ink)}
.stats{display:grid;grid-template-columns:1fr 1fr;margin:48px -20px 0;border-top:1px solid var(--line)}
.stats div{padding:18px 20px 20px;border-bottom:1px solid var(--line)}
.stats div:nth-child(odd){border-inline-end:1px solid var(--line)}
.stats dt{font-size:13px;color:var(--mute);order:2}
.stats div{display:flex;flex-direction:column-reverse;gap:4px}
.stats dd{margin:0;font-size:clamp(34px,9vw,64px);font-weight:900;line-height:1}
.stats dd .m{font-weight:700}
.stats sup{color:var(--acc);font-size:.5em}
@media(min-width:860px){.stats{grid-template-columns:repeat(4,1fr)}.stats div{border-bottom:0;border-inline-end:1px solid var(--line)}.stats div:last-child{border-inline-end:0}}
/* sections */
.sec{border-top:1px solid var(--line)}
.sec>.wrap{border-inline:1px solid var(--line)}
.sec__grid{display:grid;gap:24px;padding-top:44px;padding-bottom:52px}
.sec__head .idx{color:var(--acc);font-size:14px;margin-bottom:10px}
.sec__head h2{font-size:clamp(38px,8vw,64px)}
.sec__note{margin-top:12px;color:var(--mute);font-size:15px;max-width:22em}
@media(min-width:860px){.sec__grid{grid-template-columns:320px 1fr;gap:48px;padding-top:64px;padding-bottom:72px}.sec__head{position:sticky;top:84px;align-self:start}}
/* spec table */
.spec{width:100%;border-collapse:collapse;font-size:17px}
.spec th,.spec td{text-align:start;vertical-align:top;padding:16px 0;border-top:1px solid var(--line)}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:1px solid var(--line)}
.spec th{width:34%;font-weight:400;color:var(--mute);font-size:15px;padding-inline-end:14px;padding-top:18px}
.spec th::before{content:"▸ ";color:var(--acc);font-size:.8em}
.spec td b{font-weight:800;color:var(--ink)}
.spec td{color:#D4D6CE}
.spec--off th::before{content:"× ";color:var(--mute)}
.spec--off td{color:var(--mute)}
@media(min-width:860px){.spec{font-size:19px}.spec th{width:220px}}
/* changelog */
.log{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.log li{display:grid;grid-template-columns:34px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.log__tag{color:var(--acc);font-size:22px;line-height:1.1;font-weight:700}
.log h3{font-size:21px;font-weight:800;margin-bottom:4px}
.log p{color:var(--mute);font-size:16px}
@media(min-width:860px){.log{grid-template-columns:1fr 1fr}.log li{padding:22px 0}.log li:nth-child(odd){border-inline-end:1px solid var(--line);padding-inline-end:24px}.log li:nth-child(even){padding-inline-start:24px}}
/* timeline */
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl li{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line);position:relative}
.tl li:last-child{border-bottom:1px solid var(--line)}
.tl__t{color:var(--acc);font-size:16px;font-weight:700;padding-top:3px}
.tl h3{font-size:20px;font-weight:800;margin-bottom:3px}
.tl p{color:var(--mute);font-size:16px}
.tl--hard{background:var(--acc);color:var(--accInk);margin-inline:-20px;padding-inline:20px!important}
.tl--hard .tl__t,.tl--hard p{color:var(--accInk)}
@media(min-width:860px){.tl li{grid-template-columns:130px 1fr;padding:20px 0}.tl__t{font-size:20px}.tl--hard{margin-inline:-16px;padding-inline:16px!important}}
/* works index */
.works{list-style:none;margin:0;padding:0;counter-reset:w;border-top:1px solid var(--line)}
.works li{border-bottom:1px solid var(--line)}
.w{display:grid;grid-template-columns:1fr 128px;gap:14px;align-items:center;padding:14px 0;text-decoration:none}
.w__txt{display:grid;gap:2px;min-width:0}
.w__n{font-family:var(--mono);color:var(--acc);font-size:13px}
.w__name{font-weight:900;font-size:22px;line-height:1.15}
.w__meta{color:var(--mute);font-size:14px}
.w__go{color:var(--acc);font-size:14px;font-weight:800;margin-top:4px}
.w__img{aspect-ratio:16/10;object-fit:cover;width:100%;border:1px solid var(--line);filter:grayscale(.25);transition:filter .2s}
.w:hover .w__img,.w:focus-visible .w__img{filter:none}
.w:hover .w__name{color:var(--acc)}
@media(min-width:860px){.w{grid-template-columns:60px 1fr 1fr 220px 120px;gap:24px;padding:16px 0}.w__txt{display:contents}.w__n{font-size:15px;order:0}.w__name{font-size:28px}.w__meta{font-size:16px}.w__go{text-align:end;margin:0}.w__img{grid-column:4;grid-row:1}.w__go{grid-column:5;grid-row:1}}
/* bench */
.bench{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.bench li{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.bench__k{font-size:16px}
.bench__v{font-size:15px;font-weight:700;white-space:nowrap}
.bench__bar{grid-column:1/-1;height:10px;background:var(--acc);width:var(--w)}
.bench__bar--g{background:transparent;border:1px solid var(--mute)}
.src{margin-top:16px;color:var(--mute);font-size:14px}
.src a{color:var(--ink)}
/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-size:19px;font-weight:800;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--acc);font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq p{padding:0 0 20px;color:#C9CCC2;max-width:40em}
/* end */
.end{background:var(--acc);color:var(--accInk)}
.end__in{padding-top:64px;padding-bottom:70px}
.end h2{font-size:clamp(48px,12vw,140px);line-height:.95;letter-spacing:-.035em}
.end p{font-size:19px;margin-top:20px;max-width:30em}
.end .btn{margin-top:28px;background:var(--accInk);color:var(--acc);border-color:var(--accInk)}
.end .btn:hover{background:transparent;color:var(--accInk)}
.end :focus-visible{outline-color:var(--accInk)}
/* foot */
.foot{border-top:1px solid var(--line)}
.foot__in{display:grid;gap:10px;padding-top:30px;padding-bottom:40px;color:var(--mute);font-size:14px;border-inline:1px solid var(--line)}
.foot a{color:var(--ink);font-family:var(--mono)}
.foot__note{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.hero__grid{display:grid;gap:40px}
.term{border:1px solid var(--line);background:var(--bg2);font-size:16px;align-self:end}
.term__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--mute);font-size:13px}
.term__bar .m{margin-inline-end:auto}
.term__bar i{width:9px;height:9px;border:1px solid var(--mute);border-radius:50%}
.term__body{margin:0;padding:8px 16px}
.term__body div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
.term__body dt{color:var(--mute)}
.term__body dd{margin:0;font-weight:800}
.term__st{padding:12px 16px 14px;color:var(--acc);font-weight:800}
.cur{display:inline-block;width:.55em;height:1.05em;background:var(--acc);vertical-align:-.15em;margin-inline-start:6px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.term{display:none}
@media(min-width:1000px){.hero__grid{grid-template-columns:1fr 380px;align-items:end}.term{display:block}.hero h1{font-size:clamp(90px,10.5vw,150px)}.bench li{grid-template-columns:240px 1fr 150px}.bench__bar{grid-column:auto}}
.w__img{object-position:top}
