:root{--bg: #050505;--card: rgba(255, 255, 255, .08);--gold: #d4af37;--blue: #00d9ff;--text: #f7f7f2;--muted: #9a9aa0;--border: rgba(255, 255, 255, .16);--shadow: 0 25px 70px rgba(0, 0, 0, .45);--radius: 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top left,rgba(212,175,55,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(0,217,255,.12),transparent 25%),var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#d4af3759;color:var(--text)}body.lenis-stopped{overflow:hidden}#particles-canvas,#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#particles-canvas{z-index:-2}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(212,175,55,.16),transparent 36%),var(--bg);z-index:9999;transition:opacity .7s ease}.loader.is-hidden{opacity:0;pointer-events:none}.loader-ring{width:160px;height:160px;border-radius:50%;border:3px solid rgba(212,175,55,.18);border-top-color:#d4af37f2;border-right-color:#00d9ffd9;animation:spin 1.2s linear infinite;position:absolute}.loader-graph{display:flex;gap:.55rem;position:relative;z-index:1;align-items:flex-end}.loader-graph span{width:10px;height:42px;background:#ffffffeb;border-radius:999px;opacity:.75;transform-origin:bottom center;animation:barPulse 1s infinite ease-in-out}.loader-graph span:nth-child(1){animation-delay:0s}.loader-graph span:nth-child(2){animation-delay:.12s}.loader-graph span:nth-child(3){animation-delay:.24s}.loader-graph span:nth-child(4){animation-delay:.36s}.loader-graph span:nth-child(5){animation-delay:.48s}@keyframes barPulse{0%,to{transform:scaleY(.75);opacity:.6}50%{transform:scaleY(1.35);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);z-index:9998}.cursor-dot{width:10px;height:10px;background:var(--gold);transition:transform .16s ease}@media (max-width: 900px){.cursor-dot,.cursor-ring{display:none!important}}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.5);transition:width .2s ease,height .2s ease,border-color .2s ease}.cursor-hover .cursor-ring{width:56px;height:56px;border-color:var(--gold)}.cursor-hover .cursor-dot{transform:translate(-50%,-50%) scale(1.6)}.navbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 5vw;z-index:50;background:#050505a3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:.75rem;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.95rem}.brand-logo{display:block;width:auto;max-height:3.4rem}.footer .brand-logo{max-height:2.4rem}.nav-links{display:flex;gap:1.3rem;align-items:center}.nav-links a{color:var(--muted);transition:color .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.3rem;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-toggle{display:none;background:transparent;border:0;padding:.25rem;cursor:pointer}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;transition:transform .25s ease,opacity .25s ease}main{padding:0 5vw 4rem}.hero{min-height:92vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;padding:3rem 0 4rem}.eyebrow{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.34em;font-size:.8rem;margin-bottom:1rem}.hero h1,.section-heading h2,.contact-copy h2{font-family:Space Grotesk,sans-serif;line-height:.95}.hero h1{font-size:clamp(2.6rem,4.7vw,4.6rem);max-width:700px;margin-bottom:1.2rem}.hero-subtitle{font-size:1.04rem;line-height:1.7;color:var(--muted);max-width:620px;margin-bottom:1.8rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);transition:transform .25s ease,border-color .25s ease,background .25s ease}.btn:hover{transform:translateY(-3px);border-color:var(--gold)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--blue));color:var(--bg);font-weight:700}.btn-secondary{background:#ffffff0a;color:var(--text)}.hero-highlights{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;color:var(--muted)}.hero-highlights li{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08}.hero-visual{position:relative;min-height:560px;border-radius:34px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:var(--shadow);isolation:isolate}.hero-glow{position:absolute;top:10%;right:15%;bottom:10%;left:15%;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 62%);filter:blur(30px);z-index:-1}.hero-badge{position:absolute;bottom:1.4rem;left:1.4rem;padding:.7rem 1rem;border-radius:999px;background:#050505b3;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.85rem}.section{padding:2.5rem 0 1rem}.section-heading{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.7rem}.section-heading h2,.contact-copy h2{font-size:clamp(1.7rem,2.6vw,2.3rem);max-width:720px}.glass-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.services-grid,.portfolio-grid,.about-grid{display:grid;gap:1.2rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:1.5rem;min-height:210px;transition:transform .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-6px) rotateX(8deg);border-color:#d4af3773}.service-card i{color:var(--gold);font-size:1.25rem;margin-bottom:1rem}.service-card h3,.about-card h3,.portfolio-copy h3,.footer h3{font-size:1.1rem;margin-bottom:.6rem}.service-card p,.portfolio-copy p,.about-card p,.contact-copy p,.footer p{color:var(--muted);line-height:1.7}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card{overflow:hidden;transition:transform .25s ease,border-color .25s ease}.portfolio-card:hover{transform:translateY(-8px);border-color:#00d9ff59}.portfolio-preview{height:220px;background-size:cover;background-position:center}.preview-aseel{background:linear-gradient(180deg,#00000047,#00000024),url(https://s.wordpress.com/mshots/v1/https://aseelfootwear.com?w=800) center/cover no-repeat}.preview-soleperk{background:linear-gradient(180deg,#00000047,#00000024),url(https://s.wordpress.com/mshots/v1/https://soleperk.in?w=800) center/cover no-repeat}.preview-businex{background:linear-gradient(180deg,#0000004d,#0000002e),url(https://s.wordpress.com/mshots/v1/https://businexinc.com?w=800) center/cover no-repeat}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-card{padding:1.5rem}.contact-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;padding:2rem}.contact-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.contact-links a{color:var(--muted);display:flex;align-items:center;gap:.7rem}.contact-form{display:flex;flex-direction:column;gap:.85rem}.contact-form input,.contact-form textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.9rem 1rem;color:var(--text);font:inherit}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff73}.footer{display:grid;grid-template-columns:1fr .7fr .7fr;gap:2rem;padding:2rem 5vw 3rem;border-top:1px solid rgba(255,255,255,.08);margin-top:2rem}.footer a{display:block;color:var(--muted);margin-top:.4rem}.footer a:hover{color:var(--text)}.nav-toggle{display:none}@media (max-width: 980px){.hero,.services-grid,.portfolio-grid,.about-grid,.contact-card,.footer{grid-template-columns:1fr}.contact-card{padding:1.4rem}}@media (max-width: 760px){.navbar{padding:1rem 1.1rem}.nav-toggle{display:block}.nav-links{position:absolute;top:calc(100% + .5rem);right:1rem;flex-direction:column;align-items:flex-start;padding:1rem;border-radius:18px;background:#050505f2;border:1px solid rgba(255,255,255,.1);min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0)}main{padding:0 1.1rem 4rem}.hero{padding-top:2rem}.hero h1{max-width:100%}.hero-visual{min-height:420px}.footer{padding:2rem 1.1rem 3rem}}