@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}img{max-width:100%;display:block}:root{--ink:#10151b;--ink-soft:#1c2530;--charcoal:#2a3542;--slate:#4d5b6b;--muted:#6b7885;--line:#e2e6ea;--surface:#fff;--background:#f6f7f9;--accent:#2f6fed;--accent-dark:#1f4fbf;--mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:0 20px 45px #10151b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);background:var(--background);margin:0}a{color:inherit;text-decoration:none}.site{min-height:100vh}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}.header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;min-height:78px;padding:0 7%;transition:min-height .2s,box-shadow .2s;display:flex;position:sticky;top:0}.header-scrolled{min-height:64px;box-shadow:0 8px 24px #10151b0f}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:50px;height:50px;transition:transform .22s}.brand:hover .brand-logo{transform:scale(1.06)rotate(-2deg)}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{color:var(--ink);letter-spacing:.03em;font-size:1rem}.brand-text small{max-width:210px;color:var(--muted);letter-spacing:.02em;font-size:.68rem;font-weight:600}.navigation{align-items:center;gap:28px;display:flex}.navigation a{color:var(--slate);padding-bottom:4px;font-size:.93rem;font-weight:600;transition:color .16s;position:relative}.navigation a:after{content:"";background:var(--accent);transform-origin:100%;height:2px;transition:transform .26s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.navigation a:hover{color:var(--accent)}.navigation a:hover:after,.navigation a.is-active:after{transform-origin:0;transform:scaleX(1)}.navigation a.is-active{color:var(--accent)}.nav-cta{background:var(--ink);border-radius:7px;padding:9px 18px;transition:background .16s,transform .16s;color:#fff!important}.nav-cta:after{display:none}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.hero{background:var(--ink);grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:100px 7% 90px;display:grid}.eyebrow{color:#7fa6f5;font-family:var(--mono);letter-spacing:.02em;margin-bottom:22px;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{color:#fff;letter-spacing:-.03em;max-width:640px;margin:0;font-size:clamp(2.3rem,4.4vw,3.4rem);line-height:1.14}.hero p{color:#b7c1cd;max-width:560px;margin:26px 0 0;font-size:1.06rem;line-height:1.75}.hero p strong{color:#fff}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:.95rem;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{background:var(--accent-dark);box-shadow:0 10px 24px #2f6fed59}.button-secondary{color:#fff;border-color:#ffffff59}.button-secondary:hover{background:#ffffff14}.button-light{color:var(--ink);background:#fff;flex-shrink:0}.hero-stats{border-top:1px solid #ffffff24;gap:40px;margin:48px 0 0;padding-top:28px;display:flex}.hero-stats dt{color:#fff;font-size:1.7rem;font-weight:800}.hero-stats dd{color:#8b97a3;margin:4px 0 0;font-size:.82rem}.hero-panel{background:var(--ink-soft);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:14px;padding:22px;animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.panel-dots{gap:7px;margin-bottom:16px;display:flex}.panel-dots span{background:#3a4554;border-radius:50%;width:10px;height:10px}.panel-code{color:#cbd6e0;min-height:220px;font-family:var(--mono);white-space:pre;margin:0;font-size:.82rem;line-height:1.7;overflow-x:auto}.caret{background:var(--accent);vertical-align:text-bottom;width:8px;height:1.05em;margin-left:1px;animation:.9s step-end infinite blink;display:inline-block}.caret-deleting{background:#ef6a6a}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.section{padding:100px 7%}.section-heading{max-width:720px;margin-bottom:48px}.section-label{color:var(--accent);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-block}.section-heading h2,.contact h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.15}.section-heading p{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:1.03rem;line-height:1.75}.about{background:var(--surface)}.about p{max-width:760px;color:var(--slate);font-size:1.08rem;line-height:1.85}.about p strong{color:var(--ink)}.specialties{background:var(--background)}.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{border-color:#c3d2e6;transform:translateY(-6px);box-shadow:0 18px 34px #10151b1a}.card-number{color:var(--accent);font-family:var(--mono);margin-bottom:40px;font-size:.85rem;font-weight:700;display:block}.card h3{color:var(--ink);margin:0 0 12px;font-size:1.18rem}.card p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.7}.developments{background:var(--surface)}.developments-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.development-item{background:var(--background);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:26px 28px;transition:transform .2s,box-shadow .2s}.development-item:hover{transform:translate(4px);box-shadow:0 14px 28px #10151b14}.development-item h3{color:var(--ink);margin:0 0 8px;font-size:1.05rem}.development-item p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.65}.technology{background:var(--ink)}.technology .section-label{color:#7fa6f5}.technology .section-heading h2{color:#fff}.technology .section-heading p{color:#9aa6b2}.tech-list{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tech-list li{color:#dbe4ee;font-family:var(--mono);background:var(--ink-soft);border:1px solid #ffffff1a;border-radius:999px;padding:11px 20px;font-size:.88rem;transition:background .2s,border-color .2s,transform .2s}.tech-list li:hover{background:#232f3d;border-color:#7fa6f573;transform:translateY(-3px)}.contact{color:#fff;background:var(--accent-dark);justify-content:space-between;align-items:center;gap:60px;padding:90px 7%;display:flex}.contact-info{max-width:720px}.contact p{color:#dbe6fb;max-width:600px;margin:18px 0 22px;font-size:1.03rem;line-height:1.75}.section-label-light{color:#bcd2fb}address{color:#dbe6fb;font-size:.95rem;font-style:normal;line-height:1.7}.footer{color:#8b97a3;background:var(--ink);justify-content:space-between;gap:30px;padding:26px 7%;font-size:.85rem;display:flex}.footer a{color:#fff;font-weight:700;transition:opacity .16s}.footer a:hover{opacity:.75}@media (width<=980px){.hero,.cards,.developments-grid{grid-template-columns:1fr}}@media (width<=850px){.header{flex-direction:column;align-items:flex-start;gap:15px;padding-top:18px;padding-bottom:18px}.navigation{flex-wrap:wrap;gap:14px 22px;width:100%}.contact,.footer{flex-direction:column;align-items:flex-start}}@media (width<=520px){.header,.hero,.section,.contact,.footer{padding-left:22px;padding-right:22px}.hero{padding-top:70px;padding-bottom:70px}.hero-stats{flex-wrap:wrap;gap:24px}.hero-actions,.button{width:100%}.section{padding-top:65px;padding-bottom:65px}}@media (prefers-reduced-motion:reduce){.reveal,.hero-panel,.caret{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}
