:root{--color-blue-900:#0747a6;--color-blue-700:#0052cc;--color-blue-500:#0065ff;--color-blue-300:#4c9aff;--color-blue-100:#deebff;--color-teal-700:#008da6;--color-teal-500:#00b8d9;--color-teal-300:#79e2f2;--color-green-700:#064;--color-green-500:#36b37e;--color-green-300:#abf5d1;--color-orange-700:#ff5630;--color-orange-500:#ff8b00;--color-orange-300:#ffe380;--color-purple-700:#403294;--color-purple-500:#6554c0;--color-purple-300:#998dd9;--color-red-500:#ff5630;--color-red-300:#ff8f73;--color-neutral-900:#091e42;--color-neutral-800:#172b4d;--color-neutral-700:#253858;--color-neutral-600:#344563;--color-neutral-500:#42526e;--color-neutral-400:#505f79;--color-neutral-300:#7a869a;--color-neutral-200:#97a0af;--color-neutral-100:#b3bac5;--color-neutral-50:#dfe1e6;--color-neutral-10:#f4f5f7;--color-white:#fff;--bg-base:var(--color-neutral-10);--bg-surface:var(--color-white);--text-high:var(--color-neutral-900);--text-mid:var(--color-neutral-500);--text-low:var(--color-neutral-300);--text-accent:var(--color-orange-500);--border:var(--color-neutral-50);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:clamp(1.75rem, 4vw, 3rem);--fs-hero:clamp(5rem, 22vw, 13rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-full:9999px;--ease-fast:.15s ease;--ease-base:.25s ease;--ease-slow:.4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 3px #091e4214, 0 0 1px #091e4214;--shadow-md:0 4px 16px #091e421f, 0 0 1px #091e4214;--shadow-lg:0 8px 32px #091e4229, 0 0 1px #091e4214}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-base);color:var(--text-high);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.network-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.app{position:relative}.header{z-index:50;padding:var(--sp-4) var(--sp-6);-webkit-backdrop-filter:blur(12px);transition:border-color var(--ease-base);background:#f4f5f7bf;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header.scrolled{border-color:var(--border)}.logo-btn{font-size:var(--fs-xl);letter-spacing:-.03em;color:var(--text-high);font-weight:900;line-height:1}.menu-btn{width:40px;height:40px;color:var(--text-high);border-radius:var(--r-md);transition:background var(--ease-fast);justify-content:center;align-items:center;display:flex}.menu-btn:hover{background:var(--border)}.menu-overlay{z-index:100;background:var(--color-neutral-900);padding:var(--sp-4) var(--sp-6) var(--sp-12);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .3s,transform .3s;display:flex;position:fixed;inset:0;transform:translateY(-6px)}.menu-overlay.open{opacity:1;pointer-events:all;transform:translateY(0)}.menu-overlay-header{padding:var(--sp-1) 0;justify-content:space-between;align-items:center;margin-bottom:auto;display:flex}.menu-logo{font-size:var(--fs-xl);letter-spacing:-.03em;color:var(--color-white);font-weight:900}.menu-close-btn{width:40px;height:40px;color:var(--color-white);border-radius:var(--r-md);transition:background var(--ease-fast);justify-content:center;align-items:center;display:flex}.menu-close-btn:hover{background:#ffffff1a}.menu-nav{justify-content:center;gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.menu-item{align-items:baseline;gap:var(--sp-5);color:#ffffffd9;letter-spacing:-.04em;text-align:left;padding:var(--sp-3) 0;opacity:0;transition:color var(--ease-fast), opacity .35s ease, transform .35s ease;border-bottom:1px solid #ffffff14;font-size:clamp(2.5rem,10vw,5rem);font-weight:900;line-height:1.1;display:flex;transform:translate(-24px)}.menu-overlay.open .menu-item{opacity:1;transform:translate(0)}.menu-item:hover{color:var(--color-blue-300)}.menu-item-num{font-size:var(--fs-sm);color:var(--color-neutral-300);letter-spacing:.05em;min-width:24px;font-weight:500}.menu-overlay-footer{font-size:var(--fs-xs);color:var(--color-neutral-400);letter-spacing:.06em;text-transform:uppercase}.hero{z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:relative}.hero-content{text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}@keyframes gradient-sweep{0%{background-position:0%}to{background-position:200%}}.hero-title{font-size:var(--fs-hero);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg, var(--color-neutral-900) 0%, var(--color-neutral-900) 22%, var(--color-blue-700) 40%, var(--color-blue-300) 50%, var(--color-blue-700) 60%, var(--color-neutral-900) 78%, var(--color-neutral-900) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:.9;animation:8s linear infinite gradient-sweep}.hero-tagline{font-size:clamp(var(--fs-base), 2.2vw, var(--fs-xl));color:var(--color-neutral-600);letter-spacing:-.01em;text-wrap:balance;max-width:44ch;font-weight:400;line-height:1.6}.hero-cta{align-items:center;gap:var(--sp-1);margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--text-mid);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-full);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--ease-fast);letter-spacing:.01em;background:#ffffff8c;font-weight:600;display:inline-flex}.hero-cta:hover{background:var(--bg-surface);color:var(--text-high);border-color:var(--color-neutral-100);box-shadow:var(--shadow-sm);gap:var(--sp-2)}.hero-footer{bottom:var(--sp-6);font-size:var(--fs-xs);color:var(--text-low);letter-spacing:.08em;text-transform:uppercase;position:absolute}.section{z-index:10;min-height:100svh;padding:var(--sp-24) var(--sp-6);justify-content:center;align-items:center;display:flex;position:relative}.section-inner{width:100%;max-width:960px}.section-eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-blue-500);margin-bottom:var(--sp-4);font-weight:700}.section-heading{font-size:var(--fs-4xl);letter-spacing:-.04em;color:var(--text-high);margin-bottom:var(--sp-4);font-weight:900;line-height:1.05}.section-sub{font-size:var(--fs-lg);color:var(--text-mid);max-width:48ch;margin-bottom:var(--sp-12);line-height:1.7}.clients-section{background:var(--bg-surface)}.clients-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.client-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--ease-base);cursor:default;flex-direction:column;display:flex;overflow:hidden}.client-card:hover{border-color:var(--color-blue-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.client-thumb{aspect-ratio:5/3;background:var(--border);width:100%;overflow:hidden}.client-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.client-thumb-placeholder{background:var(--color-neutral-20);width:100%;height:100%;color:var(--color-neutral-100);justify-content:center;align-items:center;display:flex}.client-card:hover .client-thumb img{transform:scale(1.06)}.client-info{gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);flex-direction:column;display:flex}.client-name{font-size:var(--fs-base);color:var(--text-high);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.client-status{align-items:center;gap:var(--sp-1);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);white-space:nowrap;margin-top:var(--sp-3);align-self:flex-start;padding:3px 8px;font-size:.6rem;font-weight:700;display:inline-flex}.client-status-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.client-status--live{color:var(--color-green-700);background:#36b37e1f}.client-status--live .client-status-dot{background:var(--color-green-500);animation:2s infinite pulse-dot;box-shadow:0 0 0 2px #36b37e4d}.client-status--development{color:var(--color-blue-700);background:#0065ff1a}.client-status--development .client-status-dot{background:var(--color-blue-500)}.client-status--maintenance{color:var(--color-teal-700);background:#00b8d91a}.client-status--maintenance .client-status-dot{background:var(--color-teal-500)}.client-status--completed{color:var(--color-neutral-500);background:#42526e14}.client-status--completed .client-status-dot{background:var(--color-neutral-300)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #36b37e4d}50%{box-shadow:0 0 0 4px #36b37e1a}}.client-industry{color:var(--color-blue-500);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;overflow:hidden}.pagination{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-10);display:flex}.pagination-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);width:36px;height:36px;color:var(--text-mid);transition:all var(--ease-fast);justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--color-blue-300);color:var(--color-blue-700);background:var(--color-blue-100)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-dot{background:var(--border);width:8px;height:8px;transition:all var(--ease-base);border-radius:50%}.pagination-dot.active{border-radius:var(--r-full);background:var(--color-blue-700);width:24px}.pagination-dot:hover:not(.active){background:var(--color-neutral-200)}.about-section{background:var(--bg-base)}.about-lead{font-size:clamp(var(--fs-xl), 3vw, var(--fs-3xl));letter-spacing:-.03em;color:var(--text-high);max-width:22ch;margin-bottom:var(--sp-6);font-weight:800;line-height:1.2}.about-body{font-size:var(--fs-lg);color:var(--text-mid);max-width:60ch;margin-bottom:var(--sp-12);line-height:1.8}.values-grid{gap:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.value-card{padding:var(--sp-6);border-left:3px solid var(--color-blue-500);background:var(--bg-surface);border-radius:0 var(--r-lg) var(--r-lg) 0}.value-title{font-size:var(--fs-base);letter-spacing:-.01em;color:var(--text-high);margin-bottom:var(--sp-2);font-weight:800}.value-desc{font-size:var(--fs-sm);color:var(--text-mid);line-height:1.65}.site-footer{z-index:10;background:var(--color-neutral-900);padding:var(--sp-12) var(--sp-6);align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;display:flex;position:relative}.site-footer-logo{font-size:var(--fs-2xl);letter-spacing:-.04em;color:var(--color-white);font-weight:900}.site-footer-socials{align-items:center;gap:var(--sp-4);margin:var(--sp-2) 0;display:flex}.social-link{color:var(--color-neutral-300);transition:color var(--ease-fast);justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--color-neutral-100)}.site-footer-copy{font-size:var(--fs-xs);color:var(--color-neutral-400);letter-spacing:.06em;text-transform:uppercase}@media (width<=640px){.header{padding:var(--sp-3) var(--sp-4)}.clients-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr}.section{padding:var(--sp-20) var(--sp-4)}}