:root{--bg:#ffffff;--muted:#64748b;--accent1:#06b6d4;--accent2:#7c3aed;--text:#0f172a;--card-shadow: 0 6px 24px rgba(12,17,43,.04);--radius:12px;--maxwidth:1100px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxwidth);margin:0 auto;padding:36px 20px}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.logo{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--accent2),var(--accent1));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.nav{display:flex;gap:18px;align-items:center}.nav a{color:#334155;font-weight:600;padding:8px;border-radius:8px}.nav a.active{background:#0c112b0a}.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:28px 0}.hero h1{font-size:clamp(28px,4.4vw,42px);line-height:1.02;margin-bottom:12px}.hero p{color:var(--muted);margin-bottom:18px}.cta{display:flex;gap:12px}.btn{padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;display:inline-block}.btn-primary{background:var(--accent1);color:#fff;border:0}.btn-ghost{border:1px solid #e6eef6;background:transparent;color:var(--text)}.pills{display:flex;gap:10px;margin:14px 0}.pill{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:999px;font-weight:600;color:var(--text);font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.card{background:#fff;padding:18px;border-radius:var(--radius);box-shadow:var(--card-shadow)}.card h3{margin-bottom:10px}.card p{color:var(--muted);font-size:14px;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.portfolio-item{border-radius:10px;overflow:hidden;position:relative}.portfolio-item .meta{position:absolute;left:12px;bottom:12px;background:#00000073;color:#fff;padding:8px 10px;border-radius:8px;font-weight:700;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;margin:28px 0}.about p{color:var(--muted);line-height:1.7}.contact-card{background:var(--text);color:#fff;padding:16px;border-radius:12px}.contact-card label{display:block;margin-top:10px;font-size:13px}.contact-card input,.contact-card textarea{width:100%;padding:10px;border-radius:8px;border:0;margin-top:6px}.contact-card button{margin-top:12px;background:var(--accent1);color:#062024;border:0;padding:10px;border-radius:9px;font-weight:700}.footer{margin-top:40px;padding:24px 0;color:var(--muted);border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;flex-wrap:wrap}@media(max-width:980px){.hero,.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:560px){.nav{display:none}.portfolio-grid{grid-template-columns:1fr}.container{padding:20px 14px}}.logo[data-v-bb77410d]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-bb77410d]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-bb77410d]:hover{filter:drop-shadow(0 0 2em #42b883aa)}