@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");:root{--ink:#0b0f19;--ink-deep:#080b12;--surface:#121826;--accent:#22d3ee;--accent-dim:#0891b2;--muted:#94a3b8;--text-dim:#64748b;--line:rgba(148,163,184,.14);--gold:#fbbf24;--brand-heading:"Plus Jakarta Sans",system-ui,sans-serif;--brand-body:"Inter",system-ui,sans-serif;--brand-mono:"JetBrains Mono",ui-monospace,monospace;--content:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:#e2e8f0;background:var(--ink);font-family:var(--brand-body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.container{width:min(var(--content),calc(100% - 64px));margin-inline:auto}.site-header{height:80px;background:rgba(11,15,25,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:38px;height:38px;border:1px solid var(--accent);border-radius:8px;display:grid;place-items:center;color:var(--accent);font-family:var(--brand-mono);font-size:12px;font-weight:700;letter-spacing:-.02em}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-name{font-family:var(--brand-heading);font-size:20px;font-weight:800;letter-spacing:-.03em}.brand-sub{font-size:9px;letter-spacing:.28em;font-weight:600;color:var(--muted);text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600;letter-spacing:.02em}.desktop-nav>a{color:#cbd5e1;transition:color .2s ease}.desktop-nav>a:hover{color:var(--accent)}.nav-contact{padding:9px 16px;border:1px solid rgba(34,211,238,.35);border-radius:8px}.nav-contact:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}.mobile-contact{display:none;font-size:12px;font-weight:600;color:var(--accent);border-bottom:1px solid var(--accent);padding:5px 0}.hero{position:relative;isolation:isolate;padding-block:120px 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 500px at 15% 0,rgba(34,211,238,.1),transparent 55%),radial-gradient(500px 400px at 90% 20%,rgba(251,191,36,.08),transparent 55%);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:6%;gap:6%;align-items:center}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-family:var(--brand-mono);font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--accent)}.hero-eyebrow span{width:26px;height:1px;background:var(--accent)}.hero h1{margin:0 0 22px;font-family:var(--brand-heading);font-weight:800;letter-spacing:-.05em;line-height:1.08;font-size:clamp(46px,6vw,72px);color:#fff}.hero h1 .tech{color:var(--accent)}.hero p{max-width:470px;color:#94a3b8;font-size:15px;line-height:1.85;margin:0 0 30px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 20px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}.button--accent{background:var(--accent);color:var(--ink);border:1px solid var(--accent)}.button--accent:hover{transform:translateY(-1px)}.button--outline{border:1px solid rgba(148,163,184,.35);color:#e2e8f0;background:transparent}.button--outline:hover{border-color:var(--accent);color:var(--accent)}.button span{font-size:15px;line-height:1}.hero-preview{position:relative;min-height:420px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 60px -20px rgba(0,0,0,.5)}.hero-preview-inner{padding:22px}.hero-preview-bar{display:flex;gap:8px;margin-bottom:14px}.dot{width:12px;height:12px;border-radius:50%}.dot--red{background:#ef4444;box-shadow:0 0 0 1px rgba(239,68,68,.25)}.dot--yellow{background:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.25)}.dot--green{background:#10b981;box-shadow:0 0 0 1px rgba(16,185,129,.25)}.hero-preview-code{font-family:var(--brand-mono);font-size:12px;line-height:1.6;color:#cbd5e1;overflow-x:auto}.hero-preview-code .kw{color:#c084fc}.hero-preview-code .str{color:#a5f3fc}.hero-preview-code .fn{color:#34d399}.hero-preview-code .tag{color:#f472b6}.hero-preview-code .attr{color:#fbbf24}.hero-preview-code .val{color:#86efac}.hero-preview-code .comment{color:#64748b;font-style:italic}.hero-preview-code .self{color:#fca5a5}.section-pad{padding-block:110px}.section-head{margin-bottom:60px;max-width:720px}.section-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--brand-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.section-eyebrow span{width:26px;height:1px;background:var(--accent)}.section-head h2{margin:0 0 16px;font-family:var(--brand-heading);font-weight:800;letter-spacing:-.04em;line-height:1.2;font-size:clamp(36px,4.5vw,52px);color:#fff}.section-head p{color:#94a3b8;font-size:15px;line-height:1.9;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.service-card{position:relative;padding:32px 28px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:border-color .2s ease,transform .2s ease}.service-card:hover{border-color:rgba(34,211,238,.45);transform:translateY(-4px)}.service-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 12px;border-radius:8px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.08);font-family:var(--brand-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.04em}.service-card h3{margin:0 0 14px;font-family:var(--brand-heading);font-weight:800;font-size:20px;letter-spacing:-.02em;color:#fff}.service-card p{color:#94a3b8;font-size:14px;line-height:1.8;margin:0 0 22px}.service-tech{display:flex;flex-wrap:wrap;gap:8px}.service-tech span{font-family:var(--brand-mono);font-size:11px;color:#64748b;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.15);border-radius:6px;padding:4px 8px}.solutions-note{margin-top:10px;font-family:var(--brand-mono);font-size:12px;color:#94a3b8;border-top:1px solid var(--line);padding-top:16px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.step{position:relative;padding-left:56px}.step-number{position:absolute;left:0;top:-4px;font-family:var(--brand-mono);font-size:42px;font-weight:700;color:rgba(34,211,238,.12);line-height:1}.step h3{margin:0 0 12px;font-family:var(--brand-heading);font-weight:800;font-size:18px;letter-spacing:-.02em;color:#fff}.step p{color:#94a3b8;font-size:14px;line-height:1.85;margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.work-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);aspect-ratio:4/3;display:flex;flex-direction:column}.work-card .work-img{position:absolute;inset:0;background:var(--ink-deep);background-image:linear-gradient(135deg,#121826,#0f1522);background-size:200% 200%;animation:pan 10s ease infinite;opacity:.6}.work-card .work-body{position:relative;z-index:2;padding:20px;display:flex;flex-direction:column;gap:10px;height:100%}.work-tag{font-family:var(--brand-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.04em}.work-card h3{margin:0;font-family:var(--brand-heading);font-weight:800;font-size:17px;letter-spacing:-.02em;color:#fff}.work-card p{color:#94a3b8;font-size:13px;line-height:1.7;margin:0}.work-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-family:var(--brand-mono);font-size:12px;font-weight:700;color:#e2e8f0}.work-link:hover{color:var(--accent)}.work-link span{font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10%;gap:10%;align-items:center}.about-img{position:relative;height:420px;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:0 30px 80px -25px rgba(0,0,0,.6)}.about-img-inner{height:100%;background:radial-gradient(circle at 30% 30%,rgba(34,211,238,.12),transparent 60%),linear-gradient(180deg,#121826,#0f1522);background-image:url(https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=1600&q=85),linear-gradient(180deg,#121826,#0f1522);background-size:cover,100% 100%;background-position:50%;filter:saturate(.55) contrast(1.05);mix-blend-mode:overlay;opacity:.95}.about-copy h2{margin:0 0 18px;font-family:var(--brand-heading);font-weight:800;font-size:clamp(36px,4vw,48px);letter-spacing:-.04em;line-height:1.25;color:#fff}.about-copy p{color:#94a3b8;font-size:15px;line-height:1.9;margin:0 0 20px}.about-stats{display:flex;gap:32px;margin-top:34px}.stat{display:flex;flex-direction:column;gap:4px}.stat .big{font-family:var(--brand-heading);font-weight:800;font-size:30px;color:#fff;letter-spacing:-.03em}.stat .label{font-family:var(--brand-mono);font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contact{background:var(--ink-deep);border-top:1px solid var(--line)}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:90px}.contact-copy h2{margin:0 0 16px;font-family:var(--brand-heading);font-weight:800;font-size:clamp(34px,4vw,44px);letter-spacing:-.04em;line-height:1.25;color:#fff}.contact-copy p{color:#94a3b8;font-size:15px;line-height:1.85;margin:0 0 24px;max-width:430px}.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.contact-form{width:min(420px,100%)}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--brand-mono);font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;color:#e2e8f0;font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{min-height:110px;resize:vertical;font-family:var(--brand-body)}.button--submit{width:100%;background:var(--accent);color:var(--ink);border:1px solid var(--accent)}.site-footer{border-top:1px solid var(--line);background:var(--ink-deep)}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 40px;grid-gap:40px;gap:40px;padding-block:54px 48px}.brand--footer{color:#fff}.brand--footer .brand-mark{border-color:var(--accent)}.footer-brand-block p{margin:16px 0 0;color:#94a3b8;font-size:14px;line-height:1.8;max-width:260px}.footer-nav-block{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.footer-label{font-family:var(--brand-mono);font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.footer-nav-block a{color:#cbd5e1}.footer-nav-block a:hover{color:var(--accent)}.back-top{border:1px solid rgba(148,163,184,.25);width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--accent);font-size:14px}.footer-bottom{border-top:1px solid rgba(148,163,184,.12);display:flex;justify-content:space-between;gap:20px;padding-block:17px;font-size:11px;color:#64748b}@keyframes pan{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:980px){.container{width:min(var(--content),calc(100% - 48px))}.desktop-nav{gap:20px;font-size:11px}.section-pad{padding-block:85px}.about-grid,.hero-grid{grid-template-columns:1fr;gap:40px}.hero{padding-block:100px 60px}.hero-preview{min-height:340px}.how-grid,.services-grid,.work-grid{grid-template-columns:1fr}.work-card{aspect-ratio:auto;min-height:300px}.about-stats{gap:24px}.stat .big{font-size:26px}.contact-inner{display:block;padding-block:70px 40px}.contact-form{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:42px 35px}.footer-brand-block{grid-column:1/-1}.back-top{justify-self:end;align-self:start}.footer-bottom{flex-direction:column;gap:6px;font-size:10px}}@media (max-width:640px){.container{width:calc(100% - 40px)}.site-header{height:68px}.desktop-nav{display:none}.mobile-contact{display:block}.brand-mark{width:34px;height:34px;font-size:11px}.brand-name{font-size:18px}.hero{padding-block:90px 50px}.hero h1{font-size:clamp(38px,11vw,52px)}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.section-eyebrow span{width:20px}.footer-bottom{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}