:root{--teal:#17a2b8;--teal-l:#1fc8d9;--teal-d:#138f9e;--teal-bg:#17a2b80f;--teal-glow:#17a2b82e;--bg:#fafcfd;--bg-alt:#f0f5f7;--white:#fff;--ink:#152231;--ink-2:#4a6072;--ink-3:#8a9dad;--ink-4:#c1ced7;--border:#15223112;--border-h:#15223124;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--maxw:1140px;--nav-h:74px;--r:12px;--r-lg:18px;--r-xl:24px;--r-full:999px;--fast:.2s;--med:.4s;--slow:.65s;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h)16px);-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.reveal{opacity:0;transition:opacity var(--slow) var(--ease), transform var(--slow) var(--ease);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.stag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-bg);border-radius:var(--r-full);margin-bottom:1rem;padding:.3rem .85rem;font-size:.7rem;font-weight:500;display:inline-block}.hl,.highlight{background:linear-gradient(135deg, var(--teal), var(--teal-l));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hl-white{color:#c8f7ff;-webkit-text-fill-color:#c8f7ff}.btn-main{border-radius:var(--r-full);background:var(--teal);color:#fff;box-shadow:0 2px 12px var(--teal-glow);transition:all var(--med) var(--ease);align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-main:hover{background:var(--teal-d);box-shadow:0 6px 24px var(--teal-glow);transform:translateY(-2px)}.btn-main svg{transition:transform var(--fast) var(--ease)}.btn-main:hover svg{transform:translate(4px)}.btn-ghost{border-radius:var(--r-full);border:1.5px solid var(--border-h);color:var(--ink);transition:all var(--med) var(--ease);align-items:center;padding:.65rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.btn-white{border-radius:var(--r-full);color:var(--teal);transition:all var(--med) var(--ease);background:#fff;align-items:center;gap:.4rem;padding:.75rem 1.75rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.btn-white svg{transition:transform var(--fast) var(--ease)}.btn-white:hover svg{transform:translate(4px)}.btn-full{justify-content:center;width:100%;padding:.8rem 1.5rem}.nav{z-index:100;height:var(--nav-h);transition:background var(--med), box-shadow var(--med);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border);background:#fafcfde6}.nav-wrap{width:100%;max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex}.logo{z-index:101}.logo-img{width:auto;height:50px}.nav-center{gap:.15rem;display:flex}.nl{color:var(--ink-2);border-radius:var(--r-full);transition:all var(--fast) var(--ease);padding:.4rem .85rem;font-size:.875rem;font-weight:500}.nl:hover{color:var(--ink);background:var(--teal-bg)}.nav-cta{border-radius:var(--r-full);background:var(--teal);color:#fff;transition:all var(--med) var(--ease);z-index:101;padding:.45rem 1.15rem;font-size:.85rem;font-weight:600}.nav-cta:hover{background:var(--teal-d);transform:translateY(-1px)}.burger{z-index:101;flex-direction:column;gap:5px;padding:6px;display:none}.burger span{background:var(--ink);width:22px;height:2px;transition:all var(--med) var(--ease);border-radius:2px;display:block}.burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{min-height:100vh;max-width:var(--maxw);padding:calc(var(--nav-h)3rem) clamp(1.25rem, 4vw, 2rem) 3rem;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin:0 auto;display:grid}.hero-left h1{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.12}.hero-left p{color:var(--ink-2);max-width:460px;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-badge{font-family:var(--mono);color:var(--ink-2);background:var(--white);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.7rem;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #00000008}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--teal-glow)}50%{box-shadow:0 0 0 8px #17a2b800}}.typed-wrap{display:inline}.typed{color:var(--teal)}.cursor{color:var(--teal);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-right{perspective:800px;position:relative}.terminal{border-radius:var(--r-lg);transition:transform var(--slow) var(--ease);background:#1e293b;animation:6s ease-in-out infinite float-terminal;overflow:hidden;transform:rotateY(-3deg)rotateX(2deg);box-shadow:0 20px 60px #0000002e,inset 0 0 0 1px #ffffff0d}.terminal:hover{transform:rotateY(0)rotateX(0)}@keyframes float-terminal{0%,to{transform:rotateY(-3deg)rotateX(2deg)translateY(0)}50%{transform:rotateY(-3deg)rotateX(2deg)translateY(-8px)}}.terminal-bar{background:#141c2b;align-items:center;gap:6px;padding:.65rem 1rem;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-title{font-family:var(--mono);color:#64748b;margin-left:auto;font-size:.65rem}.terminal-code{font-family:var(--mono);color:#cbd5e1;padding:1.25rem 1.5rem;font-size:.78rem;line-height:1.75;overflow:hidden}.terminal-code code{white-space:pre}.t-key{color:#7dd3fc}.t-name{color:#f0abfc}.t-prop{color:#93c5fd}.t-str{color:#86efac}.t-num{color:#fcd34d}.t-fn{color:#fda4af}.t-gray{color:#64748b}.float-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);color:var(--ink-2);z-index:2;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.78rem;font-weight:500;display:flex;position:absolute;box-shadow:0 8px 24px #00000014}.float-card svg{color:var(--teal);flex-shrink:0}.float-card strong{color:var(--ink);font-weight:700}.float-card--1{animation:5s ease-in-out infinite float-1;top:15%;right:-20px}.float-card--2{animation:6s ease-in-out infinite float-2;bottom:20%;left:-15px}@keyframes float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-2{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);padding:2.5rem 0}.trust-inner{max-width:var(--maxw);align-items:center;gap:2.5rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex}.trust-label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.68rem;font-weight:500}.trust-logos{flex-wrap:wrap;gap:1.75rem;display:flex}.trust-logos span{color:var(--ink-3);transition:color var(--fast) var(--ease);font-size:.85rem;font-weight:600}.trust-logos span:hover{color:var(--teal)}.about{padding:6rem 0}.about-wrap{max-width:var(--maxw);grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:grid}.about-left h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.7rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.about-left>p{color:var(--ink-2);margin-bottom:2rem;font-size:1rem;line-height:1.75}.about-stats{gap:2rem;display:flex}.astat strong{color:var(--teal);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;display:block}.astat span{color:var(--ink-3);font-size:.78rem;font-weight:500}.about-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ab-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--med) var(--ease);padding:1.5rem}.ab-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 6px 24px #0000000f}.ab-card--full{grid-column:span 2}.ab-icon{background:var(--teal-bg);width:38px;height:38px;color:var(--teal);border-radius:8px;place-items:center;margin-bottom:.75rem;display:grid}.ab-card:hover .ab-icon{background:var(--teal);color:#fff}.ab-card h4{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.ab-card p{color:var(--ink-2);font-size:.82rem;line-height:1.6}.projects{background:var(--bg-alt);padding:6rem 0}.proj-header{max-width:var(--maxw);margin:0 auto 2.5rem;padding:0 clamp(1.25rem,4vw,2rem)}.proj-header h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.proj-scroll{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}.proj-track{gap:1.25rem;width:100%;padding:0 0 1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.proj-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);width:auto;transition:all var(--med) var(--ease);overflow:hidden}.proj-card:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.proj-thumb{aspect-ratio:16/10;background:hsl(var(--h,200) 40% 95%);color:hsl(var(--h,200) 30% 55%);transition:all var(--med) var(--ease);place-items:center;display:grid}.proj-card:hover .proj-thumb{background:hsl(var(--h,200) 45% 91%)}.proj-card:hover .proj-thumb svg{transform:scale(1.1)}.proj-thumb svg{transition:transform var(--med) var(--ease)}.proj-body{padding:1.25rem 1.5rem}.proj-tags{gap:.3rem;margin-bottom:.6rem;display:flex}.proj-tags span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-full);background:var(--teal-bg);color:var(--teal);padding:.2rem .5rem;font-size:.62rem;font-weight:600}.proj-body h3{margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.proj-body p{color:var(--ink-2);margin-bottom:.6rem;font-size:.84rem;line-height:1.55}.proj-tech{font-family:var(--mono);color:var(--ink-3);font-size:.7rem}.services{padding:6rem 0}.svc-wrap{max-width:var(--maxw);grid-template-columns:.45fr .55fr;align-items:start;gap:4rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:grid}.svc-left h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.7rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.svc-left>p{color:var(--ink-2);margin-bottom:2rem;font-size:1rem;line-height:1.75}.svc-right{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.svc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--med) var(--ease);padding:1.5rem;position:relative;overflow:hidden}.svc-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 6px 24px #0000000f}.svc-num{font-family:var(--mono);color:#17a2b873;transition:color var(--med) var(--ease);margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1}.svc-card:hover .svc-num{color:#17a2b88c}.svc-card h3{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.svc-card p{color:var(--ink-2);font-size:.8rem;line-height:1.55}.team{background:var(--bg-alt);padding:6rem 0}.team-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}.team-top{margin-bottom:2.5rem}.team-top h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.team-row{grid-template-columns:repeat(5,1fr);gap:1.15rem;display:grid}.tm{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:all var(--med) var(--ease);padding:1.5rem 1rem}.tm:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 8px 28px #0000000f}.tm-av{background:hsl(var(--h,195) 48% 92%);width:56px;height:56px;color:hsl(var(--h,195) 35% 40%);transition:transform var(--med) var(--spring);border-radius:50%;place-items:center;margin:0 auto .75rem;font-size:.85rem;font-weight:700;display:grid}.tm:hover .tm-av{transform:scale(1.12)}.tm h3{margin-bottom:.1rem;font-size:.85rem;font-weight:700}.tm-role{font-family:var(--mono);color:var(--teal);margin-bottom:.5rem;font-size:.65rem}.tm-bio{color:var(--ink-3);margin-bottom:.6rem;font-size:.75rem;line-height:1.5}.tm-links{justify-content:center;gap:.5rem;display:flex}.tm-links a{color:var(--ink-4);transition:all var(--fast) var(--ease)}.tm-links a:hover{color:var(--teal);transform:translateY(-2px)}.cta-banner{background:linear-gradient(135deg, #0d8b9d 0%, var(--teal) 40%, var(--teal-l) 100%);text-align:center;padding:5rem 0}.cta-inner{max-width:600px;margin:0 auto;padding:0 1.5rem}.cta-inner h2{color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.cta-inner p{color:#fffc;margin-bottom:2rem;font-size:1rem;line-height:1.7}.contact{padding:6rem 0}.contact-wrap{max-width:var(--maxw);grid-template-columns:.4fr .6fr;align-items:start;gap:4rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:grid}.contact-left h2{letter-spacing:-.025em;margin-bottom:2rem;font-size:clamp(1.7rem,3.5vw,2.25rem);font-weight:800;line-height:1.15}.contact-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.cd{color:var(--ink-2);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.cd svg{color:var(--teal);flex-shrink:0}.cd a:hover{color:var(--teal)}.cd-socials{gap:.5rem;display:flex}.cd-socials a{border:1.5px solid var(--border);width:36px;height:36px;color:var(--ink-3);transition:all var(--fast) var(--ease);border-radius:50%;place-items:center;display:grid}.cd-socials a:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.contact-form{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;gap:1.15rem;padding:2rem;display:flex}.cf-row{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}.cf-field label{color:var(--ink);margin-bottom:.3rem;font-size:.78rem;font-weight:600;display:block}.cf-field input,.cf-field textarea{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);width:100%;color:var(--ink);transition:all var(--fast) var(--ease);outline:none;padding:.65rem 1rem}.cf-field input::placeholder,.cf-field textarea::placeholder{color:var(--ink-4)}.cf-field input:focus,.cf-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-bg)}.cf-field textarea{resize:vertical;min-height:110px}.success-message{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:3rem 2rem;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:none}.success-icon{width:80px;height:80px;background:linear-gradient(135deg, #d4f4dd, #a8e6cf);border-radius:50%;place-items:center;margin:0 auto;display:grid}.success-icon svg{color:#2d6a4f}.success-message h3{font-size:1.5rem;font-weight:700;color:var(--ink);margin:0}.success-message p{font-size:1rem;color:var(--ink-2);margin:0;max-width:400px}.footer{border-top:1px solid var(--border);padding:2.5rem 0}.footer-inner{max-width:var(--maxw);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex}.f-links{gap:1.5rem;display:flex}.f-links a{color:var(--ink-3);transition:color var(--fast);font-size:.84rem}.f-links a:hover{color:var(--teal)}.f-copy{color:var(--ink-3);font-size:.78rem}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-left p{margin:0 auto 2rem}.hero-actions{justify-content:center}.hero-right{max-width:500px;margin:0 auto}.float-card--1{right:0}.float-card--2{left:0} .about-wrap,.svc-wrap,.contact-wrap{grid-template-columns:1fr;gap:3rem}.proj-track{grid-template-columns:repeat(2,minmax(0,1fr))}.team-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.nav-center{z-index:100;background:var(--bg);opacity:0;visibility:hidden;transition:all var(--med) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:1rem;position:fixed;inset:0}.nav-center.open{opacity:1;visibility:visible}.nav-cta{display:none}.nav{height:88px}.nav-wrap{align-items:flex-start;padding-top:.9rem}.logo-img{height:42px}.nl{padding:.5rem 1.25rem;font-size:1.15rem}.burger{display:flex}.hero{min-height:auto;padding-top:7.5rem;padding-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem}.hero-badge{display:none}.hero-left h1{font-size:clamp(2.1rem,8vw,2.8rem);margin-bottom:1rem}.hero-left p{margin-bottom:1.5rem}.hero-right{display:none}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:.6rem}.float-card{display:none}.terminal{animation:none;transform:none}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-stats .astat:nth-child(3){grid-column:1 / -1;text-align:center}.astat{text-align:center}.about-grid{grid-template-columns:1fr}.ab-card--full{grid-column:span 1}.svc-right{grid-template-columns:1fr}.team-row{grid-template-columns:repeat(2,1fr)}.cf-row{grid-template-columns:1fr}.trust-inner{text-align:center;flex-direction:column;gap:1rem}.trust-logos{justify-content:center}.proj-track{grid-template-columns:1fr}.clients-grid{grid-template-columns:1fr;gap:1.5rem;max-width:320px}.client-card{min-height:90px;height:auto}}@media (width<=480px){.proj-track{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr}.team-row{grid-template-columns:1fr}}
.clients{padding:5rem 0;background:var(--bg-alt);border-top:1px solid var(--border)}.clients-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;align-items:center;gap:3rem}.clients-header{text-align:center}.clients-header h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;color:var(--ink);margin-top:.5rem}.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:center;justify-items:center;width:100%;max-width:900px}.client-card{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--white);border-radius:var(--r);border:1px solid var(--border);transition:all var(--med) var(--ease);height:130px;width:100%}.client-card:hover{border-color:var(--teal);box-shadow:0 6px 24px #17a2b81f;transform:translateY(-4px)}.client-logo{max-height:72px;max-width:210px;width:100%;height:100%;object-fit:contain;transition:all var(--med) var(--ease);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}