:root{--bg: #0b0d10;--panel: #12151a;--text: #e9eef7;--muted: #a7b0c0;--accent: #4da3ff;--accent-2: #14f195;--radius: 18px;--maxw: 1120px}*{box-sizing:border-box}html{overflow-y:scroll}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin-inline:auto;padding:0 20px}.nav{position:sticky;top:0;backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,#0b0d10cc,#0b0d1066);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.5px}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-size:14px;font-weight:500;color:var(--muted);transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text)}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted);transition:all .2s ease}a.badge:hover{border-color:#ffffff29;background:#ffffff05;color:var(--text)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent-2);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #14f195b3}50%{opacity:.8;box-shadow:0 0 0 3px #14f19500}}.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.btn-primary{background:linear-gradient(135deg,var(--accent),#7ec3ff);color:#071019;border:none}.btn-secondary{color:var(--text)}.hero{padding:84px 0 40px}.hero .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}h1{font-family:Space Grotesk,Inter,sans-serif;font-size:56px;line-height:1.05;margin:12px 0 16px}.lead{font-size:18px;color:var(--muted);max-width:60ch}.cta-row{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px}.hero-card{display:grid;gap:14px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{background:#0e1116;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px}.kpi strong{display:block;font-size:24px}.section{padding:64px 0}.section h2{font-family:Space Grotesk;font-size:36px;margin:0 0 10px}.muted{color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:18px}.service h3{margin:8px 0}.work{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work .thumb{aspect-ratio:16 / 10;border-radius:14px;background:linear-gradient(135deg,#4da3ff40,#14f1952e);border:1px solid rgba(255,255,255,.08)}.quote{display:flex;gap:18px;align-items:flex-start}.quote img{width:56px;height:56px;border-radius:50%;object-fit:cover}.about{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form{display:grid;gap:12px}input,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0e1116;color:var(--text)}footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;color:var(--muted)}#giraffe-easter-egg{position:fixed;bottom:16px;left:-80px;width:56px;height:98px;opacity:0;pointer-events:none;z-index:60;transform:translate(0)}#giraffe-easter-egg.is-active{opacity:0;animation:giraffe-walk 12s linear forwards}@keyframes giraffe-walk{0%{transform:translate(0)}to{transform:translate(120vw)}}#giraffe-easter-egg svg #leg-front-1,#giraffe-easter-egg svg #leg-back-2{transform-box:fill-box;transform-origin:50% 0%;animation:giraffe-leg .6s ease-in-out infinite alternate}#giraffe-easter-egg svg #leg-front-2,#giraffe-easter-egg svg #leg-back-1{transform-box:fill-box;transform-origin:50% 0%;animation:giraffe-leg .6s ease-in-out infinite alternate;animation-delay:.3s}@keyframes giraffe-leg{0%{transform:rotate(6deg)}to{transform:rotate(-8deg)}}@media(max-width:920px){.hero .grid,.services,.work,.about{grid-template-columns:1fr}h1{font-size:40px}.nav-links{display:none}}