*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0a0a;color:#f4f4f4;line-height:1.7}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px 8%;background:rgba(10,10,10,.9);backdrop-filter:blur(12px);border-bottom:1px solid #222}.logo{font-size:1.5rem;font-weight:800;color:white;text-decoration:none}.logo span,.hero h1 span{color:#7c5cff}.nav nav{display:flex;gap:28px}.nav nav a{color:#aaa;text-decoration:none;font-size:.95rem}.nav nav a:hover{color:white}.hero{min-height:88vh;display:flex;flex-direction:column;justify-content:center;max-width:1050px;margin:auto;padding:80px 8%}.eyebrow{color:#7c5cff;font-size:.78rem;font-weight:800;letter-spacing:3px;margin-bottom:14px}.hero h1{font-size:clamp(3.4rem,9vw,7rem);line-height:1.02;letter-spacing:-4px}.hero h2{font-size:clamp(1.2rem,3vw,2rem);color:#bcbcbc;margin:22px 0 14px}.intro{max-width:650px;color:#888;font-size:1.08rem}.buttons{display:flex;gap:14px;margin-top:30px}.btn{padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}.primary{background:#7c5cff;color:white}.secondary{border:1px solid #333;color:white}.section{max-width:1050px;margin:auto;padding:110px 8%;border-top:1px solid #1d1d1d}.section h2{font-size:2.5rem;margin-bottom:18px}.section>p:not(.eyebrow){color:#999;max-width:750px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{padding:28px;background:#111;border:1px solid #222;border-radius:14px}.card h3{margin-bottom:8px}.card p{color:#888}.project span{display:inline-block;margin-top:18px;color:#7c5cff;font-size:.75rem;font-weight:800;letter-spacing:1px}.contact{padding-bottom:140px}.email{display:inline-block;margin-top:20px;color:#7c5cff;font-size:1.2rem;text-decoration:none}footer{text-align:center;padding:30px;color:#666;border-top:1px solid #1d1d1d;font-size:.85rem}@media(max-width:700px){.nav{padding:18px 5%}.nav nav{gap:12px}.nav nav a{font-size:.8rem}.hero,.section{padding-left:5%;padding-right:5%}.hero h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.buttons{flex-wrap:wrap}}