:root{--ink:#0b0f1a;--paper:#f3f4f8;--panel:#fff;--blue:#4c6fff;--blue-deep:#1b255c;--blue-tint:#e4e9ff;--yellow:#ffc629;--muted:#565c74;--line:#0b0f1a;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--pixel:"Press Start 2P", var(--mono);--shadow:6px 6px 0 var(--line);--shadow-sm:4px 4px 0 var(--line);--shadow-lg:10px 10px 0 var(--line);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0b0f1a0d 1px,#0000 1px),linear-gradient(90deg,#0b0f1a0d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 32px), var(--max));margin:0 auto}.tile{width:9px;height:9px;display:inline-block}.tile-b{background:var(--blue)}.tile-k{background:var(--ink)}.photo{border:3px solid var(--line);box-shadow:var(--shadow);background:var(--ink);position:relative;overflow:hidden}.photo img{object-fit:cover;filter:grayscale()contrast(1.15)brightness(.95);mix-blend-mode:luminosity;width:100%;height:100%;display:block}.photo:after{content:"";mix-blend-mode:multiply;background:linear-gradient(160deg,#4c6fff8c,#0b0f1abf);position:absolute;inset:0}.photo .cap{z-index:2;font-family:var(--mono);letter-spacing:.03em;color:#fff;background:#0b0f1a8c;border-top:2px solid #fff3;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.photo .cap:before{content:"▸";color:var(--yellow)}.photo.diagram:after{content:none}.photo.diagram img{filter:none;mix-blend-mode:normal}.nav{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:3px solid var(--line);width:min(100% - 24px,1100px);box-shadow:var(--shadow-sm);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;margin:12px auto 0;padding:9px 14px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:0;display:flex}.brand-mark{flex:none;width:auto;height:58px;display:block}.brand-mark img{object-fit:contain;width:auto;height:100%;display:block}.nav-links{font-size:13px;font-family:var(--mono);color:var(--muted);align-items:center;gap:22px;display:flex}.nav-links a:hover{color:var(--ink)}.btn{border:3px solid var(--line);background:var(--panel);min-height:46px;font-family:var(--mono);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.btn.primary{background:var(--yellow);color:var(--ink)}.btn.small{min-height:40px;padding:0 14px;font-size:12px}.hero{padding:56px 0 64px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.eyebrow{font-family:var(--pixel);letter-spacing:.02em;background:var(--ink);color:#fff;align-items:center;gap:10px;padding:9px 12px;font-size:10px;line-height:1.6;display:inline-flex}.eyebrow:before{content:"▸";color:var(--yellow)}h1{font-family:var(--sans);letter-spacing:-.03em;max-width:640px;margin:20px 0 0;font-size:clamp(38px,5.4vw,64px);font-weight:800;line-height:1.04}h1 .hi{font-family:var(--pixel);vertical-align:2px;background:var(--blue);color:#fff;box-shadow:5px 5px 0 var(--line);padding:.15em .28em;font-size:.62em;font-weight:400;line-height:1.5;display:inline-block}.hero p.lead{color:var(--muted);max-width:560px;margin:24px 0 0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.stack-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.stack-tags span{font-family:var(--mono);letter-spacing:.03em;border:2px solid var(--line);background:#fff;padding:6px 10px;font-size:11px}.terminal{background:var(--ink);border:3px solid var(--line);box-shadow:var(--shadow-lg);color:#dfe4ff;font-family:var(--mono);font-size:13px;position:relative}.terminal-head{color:#aab3e0;border-bottom:2px solid #232a45;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.terminal-head .dots{gap:6px;display:flex}.terminal-head .dots i{background:#aab3e0;border:1px solid #0b0f1a;width:9px;height:9px;display:block}.terminal-body{padding:20px;line-height:1.75}.terminal-body .prompt{color:#7dd3fc}.terminal-body .out{color:#8fa0e8}.terminal-body .accent{color:#fff;font-weight:600}.caret{background:var(--blue);vertical-align:middle;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tilegrid{grid-template-columns:repeat(16,9px);gap:2px;margin-top:18px;display:grid}.banner{margin-top:20px}.banner .photo{height:190px}section{padding:70px 0}.section-tag{font-family:var(--pixel);letter-spacing:.02em;border:2px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:10px;line-height:1.6;display:inline-flex}.section-title{letter-spacing:-.03em;max-width:820px;margin:18px 0 0;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.06}.section-lead{color:var(--muted);max-width:640px;margin:16px 0 0;font-size:16px;line-height:1.7}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.sol-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.sol-card{border:3px solid var(--line);box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:20px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.sol-card:hover{box-shadow:2px 2px 0 var(--line);transform:translate(3px,3px)}.sol-idx{font-family:var(--pixel);color:var(--blue);font-size:11px}.sol-card h3{letter-spacing:-.02em;margin:10px 0 8px;font-size:19px}.sol-card p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.6}.sol-card .swatch{gap:3px;margin-top:16px;display:flex}.sol-card .swatch i{width:9px;height:9px;display:block}.sol-card .photo{height:120px;box-shadow:3px 3px 0 var(--line);margin-top:16px}.sol-card .photo.diagram{height:180px;box-shadow:none;background:var(--paper);border:none;margin:20px -20px -20px}.approach-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;margin-top:34px;display:grid}.manifesto{background:var(--ink);color:#fff;border:3px solid var(--line);box-shadow:var(--shadow);align-items:center;padding:32px;display:flex;position:relative}.manifesto p{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.6vw,30px);line-height:1.32}.manifesto p b{color:var(--blue);background:#fff;padding:0 .1em}.approach-grid .photo{height:100%;min-height:220px}.panel-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.panel{border:3px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;padding:22px}.panel .tiny{font-family:var(--mono);color:var(--blue);font-size:11px;font-weight:700}.panel h3{letter-spacing:-.02em;margin:10px 0 8px;font-size:20px}.panel p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.strip{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px;display:grid}.step{border:3px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;min-height:180px;padding:16px}.step-no{font-family:var(--pixel);background:var(--blue);color:#fff;border:2px solid var(--line);place-items:center;width:32px;height:32px;font-size:11px;display:grid}.step h3{letter-spacing:-.02em;margin:16px 0 8px;font-size:17px}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.chips{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.chip{font-family:var(--mono);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);background:#fff;padding:9px 13px;font-size:13px;font-weight:600}.cta{padding-bottom:64px}.cta-box{background:var(--blue);color:#fff;border:3px solid var(--line);box-shadow:var(--shadow-lg);text-align:center;padding:48px 32px;position:relative;overflow:hidden}.cta-box:before{content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.cta-box>*{z-index:2;position:relative}.cta-box h2{letter-spacing:-.03em;font-size:clamp(30px,5vw,54px);line-height:1.05;font-family:var(--sans);margin:16px 0 0}.cta-box h2 .pixel-accent{font-family:var(--pixel);letter-spacing:.02em;margin-bottom:14px;font-size:.42em;display:block}.cta-box p{color:#ffffffe6;max-width:560px;margin:16px auto 26px;line-height:1.7}.cta-box .btn{background:var(--yellow);color:var(--ink)}.modal-overlay{z-index:1000;background:#0b0f1ab8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);width:min(100%,480px);max-height:90vh;color:var(--ink);border:3px solid var(--line);box-shadow:var(--shadow-lg);padding:32px;position:relative;overflow-y:auto}.modal-close{border:2px solid var(--line);width:32px;height:32px;font-family:var(--mono);cursor:pointer;box-shadow:3px 3px 0 var(--line);background:#fff;place-items:center;font-size:14px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{box-shadow:none;transform:translate(3px,3px)}.modal-title{letter-spacing:-.02em;max-width:380px;margin:16px 0 0;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.12}.modal-lead{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.6}.modal-cta{margin-top:24px}.contact-form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.contact-form label{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.contact-form input,.contact-form textarea{font-family:var(--sans);color:var(--ink);border:3px solid var(--line);resize:vertical;background:#fff;padding:10px 12px;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.contact-form .btn{margin-top:4px}.form-error{color:#c0392b;margin:0;font-size:13px}.modal-divider{font-family:var(--mono);color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:var(--line);opacity:.2;flex:1;height:1px}.btn.whatsapp{color:var(--ink);background:#25d366;width:100%}.btn-spinner{align-items:center;gap:3px;display:inline-flex}.btn-spinner i{opacity:.25;background:currentColor;width:5px;height:5px;animation:1s ease-in-out infinite btn-spinner-blink;display:block}.btn-spinner i:nth-child(2){animation-delay:.15s}.btn-spinner i:nth-child(3){animation-delay:.3s}@keyframes btn-spinner-blink{0%,80%,to{opacity:.25}40%{opacity:1}}footer{padding:0 0 34px}.footer-box{border-top:3px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:12px;display:flex}.footer-box .brand-mark{opacity:.8;height:38px}.footer-brand{align-items:center;gap:10px;display:flex}@media (width<=960px){.hero-grid{grid-template-columns:1fr}.sol-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.approach-grid{grid-template-columns:1fr}.approach-grid .photo{min-height:160px}}@media (width<=620px){.nav{gap:10px;padding:8px 10px}.brand-mark{height:40px}.nav-links{display:none}.sol-grid,.strip{grid-template-columns:1fr}.hero-actions .btn,.cta-box .btn{width:100%}.hero-actions{flex-direction:column}.footer-box{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}