:root{--bg:#0c0c0c;--bg-alt:#111;--surface:#171717;--border:#232323;--border-2:#2e2e2e;--text:#f0f0f0;--text-2:#888;--text-3:#444;--accent:#4ade80;--accent-dim:#4ade801a;--accent-dark:#16a34a;--sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace;--radius:4px;--radius-md:8px;--trans:.18s ease;--container:1100px;--section-py:100px}[dir=rtl]{--sans:"Heebo", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg:#fafafa;--bg-alt:#f2f2f2;--surface:#fff;--border:#e2e2e2;--border-2:#d0d0d0;--text:#0a0a0a;--text-2:#555;--text-3:#aaa;--accent:#16a34a;--accent-dim:#16a34a14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--trans), color var(--trans);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:var(--sans);cursor:pointer;background:0 0;border:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding-block:var(--section-py)}.section-alt{background:var(--bg-alt)}.mono-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:.72rem;font-weight:500;display:block}.section-title{letter-spacing:-.035em;color:var(--text);margin-bottom:16px;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:800;line-height:1.1}.section-sub{color:var(--text-2);max-width:520px;font-size:1.05rem;line-height:1.7}.a-text{color:var(--accent)}.rule{background:var(--border);border:none;height:1px;margin:0}.navbar{top:0;z-index:1000;height:60px;transition:border-color var(--trans), background var(--trans);align-items:center;padding-inline:24px;display:flex;position:fixed;inset-inline:0}.navbar.scrolled{background:var(--bg);border-bottom:1px solid var(--border)}.navbar__inner{width:100%;max-width:var(--container);justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex}.navbar__logo{color:var(--text);letter-spacing:-.01em;flex-shrink:0;font-size:.95rem;font-weight:700}.navbar__links{align-items:center;gap:2px;display:flex}.navbar__link{color:var(--text-2);border-radius:var(--radius);transition:color var(--trans);padding:6px 12px;font-size:.85rem;font-weight:500}.navbar__link:hover{color:var(--text)}.navbar__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.icon-btn{border-radius:var(--radius);height:34px;font-size:.78rem;font-family:var(--mono);color:var(--text-2);border:1px solid var(--border);transition:color var(--trans), border-color var(--trans);letter-spacing:.05em;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--border-2)}.theme-btn{width:34px;padding:0;font-size:.9rem}.hamburger{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;display:none}.hamburger span{background:var(--text-2);width:18px;height:1.5px;transition:all .25s;display:block}.mobile-menu{background:var(--bg);border-top:1px solid var(--border);z-index:999;flex-direction:column;align-items:flex-start;gap:4px;padding:24px;display:flex;position:fixed;inset:60px 0 0}[dir=rtl] .mobile-menu{align-items:flex-end}.mobile-menu .navbar__link{width:100%;padding:12px 16px;font-size:1.1rem}.hero{align-items:center;min-height:100svh;padding-top:60px;display:flex;position:relative;overflow:hidden}.hero-bg-grid{background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);opacity:.4;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.hero-bg-grid:after{content:"";background:radial-gradient(ellipse 70% 70% at 50% 50%, transparent 30%, var(--bg) 100%);position:absolute;inset:0}.hero__layout{z-index:1;grid-template-columns:1fr 420px;align-items:center;gap:64px;width:100%;display:grid;position:relative}.hero__left{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero-badge{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);align-items:center;gap:8px;font-size:.72rem;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.hero__headline{letter-spacing:-.045em;color:var(--text);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800;line-height:1.08}.hero__headline .accent-line{color:var(--accent)}.hero__sub{color:var(--text-2);border-inline-start:2px solid var(--border);max-width:440px;padding-inline-start:16px;font-size:1rem;font-weight:400;line-height:1.65}.hero__meta{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;font-size:.75rem}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background:var(--accent);color:#0c0c0c;border-radius:var(--radius);transition:opacity var(--trans), transform var(--trans);letter-spacing:-.01em;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:700;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{color:var(--text);border-radius:var(--radius);border:1px solid var(--border-2);transition:border-color var(--trans), color var(--trans);background:0 0;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--text-2)}.terminal{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-md);font-family:var(--mono);-webkit-user-select:none;user-select:none;font-size:12.5px;line-height:1.75;overflow:hidden}.terminal__header{background:var(--bg-alt);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.terminal__dots{gap:5px;display:flex}.terminal__dots span{background:var(--border-2);border-radius:50%;width:10px;height:10px}.terminal__title{color:var(--text-3);text-align:center;letter-spacing:.03em;flex:1;font-size:11px}.terminal__body{flex-direction:column;padding:16px 18px 20px;display:flex}.t-line{color:var(--text-2);align-items:baseline;gap:8px;min-height:1.75em;display:flex}.t-prompt{color:var(--accent);flex-shrink:0}.t-cmd{color:var(--text)}.t-ok{color:var(--accent)}.t-dim{color:var(--text-3);padding-inline-start:16px}.t-blank{min-height:.6em}.t-cursor{background:var(--accent);vertical-align:middle;width:7px;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about__grid{grid-template-columns:340px 1fr;align-items:start;gap:80px;display:grid}.about__left{position:sticky;top:80px}.about__title{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;line-height:1.15}.about__right{flex-direction:column;gap:32px;display:flex}.about__bio p{color:var(--text-2);margin-bottom:16px;font-size:1.05rem;line-height:1.8}.about__bio p:last-child{margin-bottom:0}.about__stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:32px;padding:24px 0;display:flex}.stat-value{letter-spacing:-.04em;color:var(--text);font-size:1.6rem;font-weight:800;display:block}.stat-label{font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.7rem;display:block}.about__tech-heading{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:.7rem}.tech-tags{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{font-family:var(--mono);color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--trans), color var(--trans);padding:3px 9px;font-size:.72rem}.tech-tag:hover{border-color:var(--accent);color:var(--accent)}.trait-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.trait-tag{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 12px;font-size:.82rem;font-weight:500}.services__cols{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.service-col{border-inline-end:1px solid var(--border);transition:background var(--trans);padding:40px 32px 40px 0}.service-col:last-child{border-inline-end:none;padding-inline:32px 0}.service-col:not(:first-child):not(:last-child){padding-inline:32px}.service-col__num{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;margin-bottom:20px;font-size:.7rem;font-weight:500;display:block}.service-col__title{color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-size:1.15rem;font-weight:700}.service-col__tagline{color:var(--text-2);margin-bottom:24px;font-size:.85rem;line-height:1.6}.service-list{flex-direction:column;gap:9px;display:flex}.service-list li{color:var(--text-2);padding-inline-start:12px;font-size:.83rem;line-height:1.5;position:relative}.service-list li:before{content:"–";color:var(--text-3);position:absolute;inset-inline-start:0}.projects__list{border-top:1px solid var(--border)}.project-row{border-bottom:1px solid var(--border);color:inherit;transition:background var(--trans);cursor:pointer;grid-template-columns:44px 1fr auto;align-items:start;gap:28px;padding:28px 0;text-decoration:none;display:grid;position:relative}.project-row:before{content:"";background:var(--surface);opacity:0;transition:opacity var(--trans);border-radius:var(--radius);z-index:0;position:absolute;inset:0 -24px}.project-row:hover:before{opacity:1}.project-row>*{z-index:1;position:relative}.project-num{font-family:var(--mono);color:var(--text-3);letter-spacing:.08em;padding-top:4px;font-size:.7rem}.project-title{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:1.05rem;font-weight:700}.project-desc{color:var(--text-2);max-width:560px;margin-bottom:10px;font-size:.85rem;line-height:1.65}.project-stack{font-family:var(--mono);color:var(--text-3);letter-spacing:.05em;font-size:.68rem}.project-arrow{color:var(--text-3);transition:color var(--trans), transform var(--trans);flex-shrink:0;padding-top:4px;font-size:1rem}.project-row:hover .project-arrow{color:var(--accent);transform:translate(2px,-2px)}[dir=rtl] .project-row:hover .project-arrow{transform:translate(-2px,-2px)}.whyme__grid{border-top:1px solid var(--border);border-inline-start:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.whyme-item{border-bottom:1px solid var(--border);border-inline-end:1px solid var(--border);transition:background var(--trans);padding:32px 28px}.whyme-item:hover{background:var(--surface)}.whyme-title{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:.95rem;font-weight:700}.whyme-desc{color:var(--text-2);font-size:.85rem;line-height:1.7}.contact__layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact__heading{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.contact__sub{color:var(--text-2);max-width:380px;font-size:1rem;line-height:1.75}.contact__links{border-top:1px solid var(--border);flex-direction:column;gap:0;padding-top:8px;display:flex}.contact-link{border-bottom:1px solid var(--border);color:var(--text);transition:color var(--trans);justify-content:space-between;align-items:center;padding:18px 0;text-decoration:none;display:flex}.contact-link:hover{color:var(--accent)}.contact-link__label{font-size:.95rem;font-weight:600}.contact-link__meta{font-family:var(--mono);color:var(--text-3);transition:color var(--trans);font-size:.72rem}.contact-link:hover .contact-link__meta{color:var(--accent)}.contact-link__arrow{color:var(--text-3);transition:transform var(--trans), color var(--trans);margin-inline-start:12px;font-size:.85rem}.contact-link:hover .contact-link__arrow{color:var(--accent);transform:translate(3px,-3px)}[dir=rtl] .contact-link:hover .contact-link__arrow{transform:translate(-3px,-3px)}.footer{border-top:1px solid var(--border);padding:32px 24px}.footer__inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.footer__name{color:var(--text);font-size:.88rem;font-weight:700}.footer__right{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;text-align:end;font-size:.7rem}.floating-wa{bottom:24px;z-index:900;align-items:center;gap:10px;display:flex;position:fixed;inset-inline-end:24px}.floating-wa__btn{background:var(--accent);color:#0c0c0c;cursor:pointer;width:50px;height:50px;transition:opacity var(--trans);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 24px #4ade8059}[data-theme=light] .floating-wa__btn{color:#fff;background:#16a34a}.floating-wa__btn:hover{opacity:.9}.floating-wa__label{color:var(--bg);background:var(--accent);border-radius:var(--radius);white-space:nowrap;pointer-events:none;padding:6px 12px;font-size:.78rem;font-weight:600}[data-theme=light] .floating-wa__label{background:#16a34a}.section-divider{margin-bottom:56px}@media (width<=1024px){:root{--section-py:80px}.hero__layout{grid-template-columns:1fr}.hero-terminal{display:none}.about__grid{grid-template-columns:1fr;gap:48px}.about__left{position:static}.services__cols{grid-template-columns:1fr}.service-col,.service-col:last-child,.service-col:not(:first-child):not(:last-child){padding:32px 0;border-inline-end:none;border-bottom:1px solid var(--border);padding-inline:0}.service-col:last-child{border-bottom:none}.whyme__grid{border-inline-start:none;grid-template-columns:1fr}.whyme-item{border-inline-end:none}.contact__layout{grid-template-columns:1fr;gap:40px}}@media (width<=768px){:root{--section-py:60px}.navbar__links{display:none}.hamburger{display:flex}.hero__headline{font-size:clamp(2rem,9vw,3rem)}.hero__ctas{flex-direction:column;align-items:flex-start}.btn-primary,.btn-ghost{justify-content:center;width:100%}.project-row{grid-template-columns:36px 1fr}.project-arrow{display:none}.about__stats{flex-wrap:wrap;gap:24px}.footer__inner{flex-direction:column;align-items:flex-start;gap:8px}[dir=rtl] .footer__inner{align-items:flex-end}}@media (width<=480px){.whyme__grid{grid-template-columns:1fr}}