:root{--ink:#161614;--shadow:#cdccc5;--paper:#f4f3ef;--bg:#e7e5df;--ink-soft:#3a3a36;--muted:#86857d;--line:#1616141f;--grid:#1616140d;--font-display:var(--font-sg),system-ui,sans-serif;--font-mono:var(--font-jb),ui-monospace,monospace;--offset:6px;--maxw:1180px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.grid-bg{z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(90% 70% at 50% 0,#000 40%,#0000 100%)}.scanlines{z-index:-1;pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,#0000 0 3px,#16161404 3px 4px);position:fixed;inset:0}.cascade{--u:9px;grid-template-columns:repeat(5,var(--u));grid-template-rows:repeat(5,var(--u));width:calc(var(--u)*5);height:calc(var(--u)*5);filter:drop-shadow(calc(var(--u)*.5) calc(var(--u)*.5) 0 var(--shadow));display:grid;position:relative}.cascade .blk{width:var(--u);height:var(--u);background:var(--ink);grid-column:var(--c);grid-row:var(--r)}.cascade.play .blk{animation:cascadeDrop .42s var(--ease) both;animation-delay:var(--d)}@keyframes cascadeDrop{0%{opacity:0;transform:translate(-30%,-60%)scale(.2)}60%{opacity:1}to{opacity:1;transform:none}}.cascade--xs{--u:5px}.cascade--sm{--u:7px}.cascade--md{--u:20px}.cascade--light .blk{background:var(--paper)}.cascade--light{filter:drop-shadow(calc(var(--u)*.5) calc(var(--u)*.5) 0 #2a2a26)}.btn{font-family:var(--font-mono);border:2px solid var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s;cursor:pointer;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--ink);color:var(--paper);box-shadow:var(--offset) var(--offset) 0 var(--shadow)}.btn--primary:hover{box-shadow:calc(var(--offset) + 2px) calc(var(--offset) + 2px) 0 var(--ink);transform:translate(-2px,-2px)}.btn--ghost{color:var(--ink);box-shadow:var(--offset) var(--offset) 0 var(--shadow);background:0 0}.btn--ghost:hover{box-shadow:calc(var(--offset) + 2px) calc(var(--offset) + 2px) 0 var(--ink);transform:translate(-2px,-2px)}.btn--lg{padding:1rem 1.8rem;font-size:1rem}.nav{z-index:50;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem clamp(1.2rem,4vw,3rem);display:flex;position:sticky;top:0}.nav__brand{align-items:center;gap:.8rem;display:flex}.nav__name{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.nav__name span{color:var(--muted)}.nav__links{align-items:center;gap:1.8rem;display:flex}.nav__links a{font-family:var(--font-mono);font-size:.85rem;font-weight:500;position:relative}.nav__links a:not(.nav__cta):after{content:"";background:var(--ink);width:0;height:2px;transition:width .25s var(--ease);position:absolute;bottom:-4px;left:0}.nav__links a:not(.nav__cta):hover:after{width:100%}.nav__cta{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);transition:transform .15s var(--ease),box-shadow .15s var(--ease);padding:.45rem .9rem}.nav__cta:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav__burger span{background:var(--ink);width:26px;height:2px;transition:all .25s}.hero{padding:clamp(3rem,9vw,7rem) clamp(1.2rem,4vw,3rem) 3rem}.hero__inner{max-width:var(--maxw);margin:0 auto}.tag{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);background:var(--paper);border-radius:2px;align-items:center;gap:.55rem;margin-bottom:1.6rem;padding:.4rem .85rem;font-size:.8rem;display:inline-flex}.tag .dot{background:#2e7d32;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 3px #2e7d3233}@keyframes pulse{50%{opacity:.4}}.hero__title{letter-spacing:-.03em;font-size:clamp(2.6rem,8vw,5.5rem);font-weight:700;line-height:1.02}.hero__title .hl{white-space:nowrap;position:relative}.hero__title .hl:after{content:"";background:var(--shadow);z-index:-1;transform-origin:0;height:.18em;animation:hl 1s .6s var(--ease) forwards;position:absolute;bottom:.08em;left:-.05em;right:-.05em;transform:scaleX(0)}@keyframes hl{to{transform:scaleX(1)}}.hero__sub{max-width:620px;color:var(--ink-soft);margin:1.6rem 0 2.2rem;font-size:clamp(1.05rem,2.5vw,1.25rem)}.hero__sub strong{color:var(--ink);font-weight:600}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__grid{grid-template-columns:1fr;gap:1.6rem;margin-top:3.2rem;display:grid}.hero__stack{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.hero__stack .terminal,.hero__stack .runner{width:100%;max-width:none;margin-top:0}@media (min-width:900px){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}.hero__stack .runner{flex-direction:column;flex:auto;display:flex}.hero__stack .runner__canvas{flex:auto;height:auto;min-height:160px}}.terminal{border:2px solid var(--ink);background:var(--ink);max-width:640px;color:var(--paper);box-shadow:var(--offset) var(--offset) 0 var(--shadow);margin-top:3.5rem}.terminal__bar{background:#0f0f0d;border-bottom:1px solid #f4f3ef26;align-items:center;gap:.8rem;padding:.7rem 1rem;display:flex}.terminal__bar .cascade{filter:none}.terminal__bar .cascade span,.terminal__bar .cascade span:before,.terminal__bar .cascade span:after{background:var(--paper)}.terminal__path{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}.terminal__body{min-height:170px;padding:1.2rem 1.3rem}.terminal__body code{font-family:var(--font-mono);white-space:pre-wrap;font-size:.9rem;line-height:1.9}.term-cursor{background:var(--paper);vertical-align:-2px;width:9px;height:1.05em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.term-ok{color:#7fd17f}.term-dim{color:var(--muted)}.term-prompt{color:#9aa0e0}.runner{border:2px solid var(--ink);background:var(--ink);max-width:640px;box-shadow:var(--offset) var(--offset) 0 var(--shadow);margin-top:1.5rem}.runner__bar{background:#0f0f0d;border-bottom:1px solid #f4f3ef26;align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.runner__bar .cascade{filter:none}.runner__bar .cascade .blk{background:var(--paper)}.runner__path{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.runner__hint{color:#7fd17f}.runner__score{font-family:var(--font-mono);color:var(--paper);white-space:nowrap;margin-left:auto;font-size:.78rem}.runner__score em{color:var(--muted);margin-left:.6rem;font-style:normal}.runner__canvas{background:var(--paper);cursor:pointer;touch-action:manipulation;width:100%;height:clamp(150px,26vw,190px);image-rendering:pixelated;display:block}.runner__note{font-family:var(--font-mono);color:var(--muted);background:#0f0f0d;border-top:1px solid #f4f3ef26;padding:.55rem 1rem;font-size:.76rem;line-height:1.3}.runner__note b{color:var(--paper);font-weight:700}.runner__note--win,.runner__note--win b{color:#7fd17f}.flow{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--offset) var(--offset) 0 var(--shadow);flex-direction:column;gap:1.4rem;min-width:0;padding:1.8rem;display:flex}.flow__kicker{font-family:var(--font-mono);color:var(--muted);margin-bottom:.55rem;font-size:.78rem;display:block}.flow__title{letter-spacing:-.02em;font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.1}.flow__steps{flex-direction:column;list-style:none;display:flex}.flow__step{gap:1rem;padding-bottom:1.15rem;display:flex;position:relative}.flow__step:last-child{padding-bottom:0}.flow__step:before{content:"";background:var(--line);width:2px;position:absolute;top:34px;bottom:-2px;left:15px}.flow__step:last-child:before{display:none}.flow__n{width:32px;height:32px;font-family:var(--font-mono);background:var(--ink);color:var(--paper);z-index:1;box-shadow:2px 2px 0 var(--shadow);flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:relative}.flow__body h4{letter-spacing:-.01em;margin-bottom:.2rem;font-size:1.02rem}.flow__body p{color:var(--ink-soft);font-size:.88rem;line-height:1.45}.flow__hl{background:var(--shadow);white-space:nowrap;padding:0 .2em}.flow__cta{justify-content:center;margin-top:auto}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(4rem,9vw,7rem) clamp(1.2rem,4vw,3rem)}.section--dark{background:var(--ink);max-width:none;color:var(--paper)}.section--dark .section__head,.section--dark .products{max-width:var(--maxw);margin-inline:auto}.section__head{max-width:640px;margin-bottom:3rem}.kicker{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem;font-weight:500;display:block}.kicker--light{color:#9b9a90}.section__title{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.05}.section__lead{color:var(--ink-soft);margin-top:1rem;font-size:1.1rem}.section--dark .section__lead{color:#b8b7ad}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.card{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--offset) var(--offset) 0 var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease);padding:2rem 1.8rem;position:relative}.card:hover{box-shadow:calc(var(--offset) + 4px) calc(var(--offset) + 4px) 0 var(--ink);transform:translate(-4px,-4px)}.card__num{font-family:var(--font-mono);color:var(--muted);margin-bottom:1rem;font-size:.85rem;display:block}.card h3{letter-spacing:-.02em;margin-bottom:.7rem;font-size:1.4rem}.card p{color:var(--ink-soft);margin-bottom:1.2rem;font-size:.98rem}.card ul{flex-direction:column;gap:.4rem;list-style:none;display:flex}.card li{font-family:var(--font-mono);color:var(--ink);padding-left:1.2rem;font-size:.82rem;position:relative}.card li:before{content:"▸";color:var(--muted);position:absolute;left:0}.products{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.product{border:2px solid var(--paper);box-shadow:var(--offset) var(--offset) 0 #000;transition:transform .25s var(--ease),box-shadow .25s var(--ease);background:#1d1d1a;padding:1.8rem}.product:hover{box-shadow:calc(var(--offset) + 4px) calc(var(--offset) + 4px) 0 var(--shadow);transform:translate(-4px,-4px)}.product header{justify-content:space-between;align-items:center;margin-bottom:1.3rem;display:flex}.product__badge{font-family:var(--font-mono);border:1px solid var(--paper);letter-spacing:.05em;padding:.2rem .5rem;font-size:.72rem}.product__status{font-family:var(--font-mono);color:#7fd17f;font-size:.75rem}.product__status--soon{color:#e0c25a}.product h3{letter-spacing:-.02em;margin-bottom:.6rem;font-size:1.6rem}.product p{color:#b8b7ad;margin-bottom:1.4rem;font-size:.95rem}.product__link{font-family:var(--font-mono);border-bottom:2px solid #0000;font-size:.85rem;font-weight:500;transition:border-color .2s}.product__link:hover{border-color:var(--paper)}.steps{border:2px solid var(--ink);box-shadow:var(--offset) var(--offset) 0 var(--shadow);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;list-style:none;display:grid}.step{border-right:1px solid var(--line);background:var(--paper);padding:2rem 1.6rem;transition:background .2s;position:relative}.step:last-child{border-right:none}.step:hover{background:var(--bg)}.step__cmd{font-family:var(--font-mono);color:#2e7d32;border:1px solid var(--line);background:var(--bg);margin-bottom:1.2rem;padding:.35rem .6rem;font-size:.8rem;display:block}.step h3{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.25rem}.step p{color:var(--ink-soft);font-size:.92rem}.stats{max-width:var(--maxw);border-block:2px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto;display:grid}.stat{text-align:center;border-right:1px solid var(--line);padding:2.5rem 1rem}.stat:last-child{border-right:none}.stat__num{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;display:block}.stat__label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.work{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.work__item{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--offset) var(--offset) 0 var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease);overflow:hidden}.work__item:hover{box-shadow:calc(var(--offset) + 4px) calc(var(--offset) + 4px) 0 var(--ink);transform:translate(-4px,-4px)}.work__visual{background:var(--ink);place-items:center;height:220px;display:grid;position:relative;overflow:hidden}.work__visual:before{content:"";background-image:linear-gradient(#f4f3ef0f 1px,#0000 1px),linear-gradient(90deg,#f4f3ef0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.work__visual--alt{background:#222}.work__item:hover .cascade{transition:transform .4s var(--ease);transform:rotate(-4deg)scale(1.05)}.work__meta{padding:1.5rem}.work__meta span{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.work__meta h3{letter-spacing:-.02em;margin:.4rem 0;font-size:1.35rem}.work__meta p{font-family:var(--font-mono);color:var(--ink-soft);font-size:.82rem}.section--cta{background:var(--ink);max-width:none;color:var(--paper)}.cta{text-align:center;max-width:680px;margin:0 auto}.cta h2{letter-spacing:-.03em;margin:1rem 0;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.05}.cta>p{color:#b8b7ad;margin-bottom:2.5rem;font-size:1.1rem}.cta__form{text-align:left;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{flex-direction:column;gap:.4rem;display:flex}.field--full{grid-column:1/-1}.field label{font-family:var(--font-mono);color:#9b9a90;font-size:.78rem}.field input,.field textarea{font-family:var(--font-mono);color:var(--paper);resize:vertical;background:#1d1d1a;border:2px solid #3a3a36;padding:.85rem 1rem;font-size:.95rem;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:var(--paper);outline:none}.field input::placeholder,.field textarea::placeholder{color:#6a6a62}.cta__form .btn{grid-column:1/-1;justify-content:center}.cta__form .btn--primary{background:var(--paper);color:var(--ink);box-shadow:var(--offset) var(--offset) 0 #3a3a36}.cta__form .btn--primary:hover{box-shadow:calc(var(--offset) + 2px) calc(var(--offset) + 2px) 0 var(--paper)}.cta__note{font-family:var(--font-mono);color:#7fd17f;text-align:center;grid-column:1/-1;min-height:1.2em;font-size:.85rem}.contact{flex-direction:column;align-items:center;gap:1.6rem;margin-top:2.6rem;display:flex}.contact__wa{text-align:left;color:#06140c;box-shadow:var(--offset) var(--offset) 0 #0d3a20;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s;background:#25d366;border:2px solid #06140c;align-items:center;gap:1rem;padding:1.1rem 2rem;display:inline-flex}.contact__wa:hover{box-shadow:calc(var(--offset) + 3px) calc(var(--offset) + 3px) 0 #06140c;background:#1ebe5d;transform:translate(-3px,-3px)}.contact__wa svg{fill:#06140c;flex:none;width:34px;height:34px}.contact__wa-txt{flex-direction:column;line-height:1.15;display:flex}.contact__wa-txt b{font-size:1.18rem;font-weight:700}.contact__wa-txt small{font-family:var(--font-mono);opacity:.8;font-size:.76rem;font-weight:500}.contact__mail{flex-direction:column;align-items:center;gap:.25rem;display:flex}.contact__mail-label{font-family:var(--font-mono);color:#9b9a90;font-size:.78rem}.contact__mail-addr{font-family:var(--font-mono);color:var(--paper);border-bottom:2px solid #3a3a36;padding-bottom:2px;font-size:1.05rem;transition:border-color .2s}.contact__mail:hover .contact__mail-addr{border-color:var(--paper)}.footer{background:var(--ink);color:var(--paper);border-top:1px solid #2a2a26;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:2rem;padding:3rem clamp(1.2rem,4vw,3rem);display:grid}.footer__brand{align-items:center;gap:1rem;display:flex}.footer__name{font-size:1.2rem;font-weight:700}.footer__tag{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.footer__links{flex-direction:column;gap:.6rem;display:flex}.footer__links a{font-family:var(--font-mono);color:#b8b7ad;font-size:.88rem;transition:color .2s}.footer__links a:hover{color:var(--paper)}.footer__social{text-align:right}.footer__social a{font-family:var(--font-mono);margin-bottom:.6rem;font-weight:500;display:block}.footer__social p{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (max-width:860px){.nav__links{background:var(--bg);border-bottom:2px solid var(--ink);transition:transform .35s var(--ease);flex-direction:column;gap:1.4rem;padding:2rem;position:fixed;inset:64px 0 auto;transform:translateY(-130%)}.nav__links.open{transform:translateY(0)}.nav__burger{display:flex}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2n){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer{text-align:left;grid-template-columns:1fr}.footer__social{text-align:left}}@media (max-width:540px){.cta__form{grid-template-columns:1fr}.hero__actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}