:root{--ink:#20183b;--muted:#686783;--line:#e6e1f2;--soft:#f6f3ff;--purple:#6d28d9;--deep:#4c1d95;--blue:#2563eb;--navy:#1e3a8a;--gold:#c4b5fd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}button,a{font:inherit}
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{max-width:1200px;margin:auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.04em;color:var(--deep);white-space:nowrap}
.brand img{width:65px;height:60px;object-fit:contain;margin-right:.5rem}
.navlinks{display:flex;align-items:center;gap:clamp(.6rem,1.6vw,1.35rem);flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.94rem;font-weight:650;color:#30265b;padding:.45rem 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--purple);border-color:var(--blue)}
.menu{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;padding:6rem max(1.25rem,calc((100vw - 1120px)/2));display:flex;align-items:center;background:linear-gradient(120deg,#2e1065,#1e3a8a);color:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(35,15,82,.88),rgba(30,58,138,.72))}
.hero.has-video{background:#1e1b4b}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-content{max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:800;color:#ddd6fe;margin:0 0 .7rem}
h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 1.2rem}h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 1rem}h3{margin:.2rem 0 .6rem;font-size:1.25rem}p{margin:.4rem 0 1rem}.hero p{font-size:1.15rem;max-width:700px;color:#f0edff}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.75rem 1.1rem;border-radius:5px;border:1px solid var(--purple);background:linear-gradient(120deg,var(--purple),var(--blue));color:#fff;font-weight:700;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.secondary{background:transparent;border-color:#d8ccff;color:#fff}
.section{padding:4.5rem 1.25rem}.inner{max-width:1120px;margin:auto}.intro{max-width:780px;color:var(--muted);font-size:1.08rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.card{border:1px solid var(--line);border-radius:5px;overflow:hidden;min-height:280px;position:relative;isolation:isolate;background:linear-gradient(135deg,#4c1d95,#1d4ed8);display:flex;align-items:flex-end;padding:1.5rem;text-decoration:none;color:white}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,27,75,.12),rgba(30,27,75,.3) 35%,rgba(49,27,111,.94))}
.card.family{background-image:url('assets/family-law.jpg');background-size:cover;background-position:center}.card.dispute{background-image:url('assets/dispute-resolution.jpg');background-size:cover;background-position:center}.card.immigration{background-image:linear-gradient(120deg,rgba(109,40,217,.4),rgba(37,99,235,.7)),url('assets/UK_VISA.png');background-size:cover;background-position:center}
.card h2{font-size:1.6rem;margin:0}.card h2::after{content:"";display:block;width:55px;height:3px;background:var(--gold);margin-top:.8rem}
.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:3rem;align-items:start}.panel{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:1.4rem}.panel h3{color:var(--deep)}.list{padding-left:1.3rem}.list li{margin:.4rem 0}.complaint-steps{counter-reset:step;list-style:none;padding:0}.complaint-steps li{counter-increment:step;padding:0 0 1.4rem 3.2rem;position:relative;border-left:1px solid #d8ccf5;margin-left:.8rem}.complaint-steps li::before{content:counter(step);position:absolute;left:-.85rem;top:0;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem}.complaint-steps h3{margin-top:0}
.price-note{border-left:4px solid var(--blue);padding:1rem 1.2rem;background:#f4f6ff}.price-row{padding:1rem 0;border-bottom:1px solid var(--line)}.price-row:last-child{border-bottom:0}
form{display:grid;gap:1rem}label{font-weight:650;display:block;margin-bottom:.3rem}input,textarea,select{width:100%;padding:.8rem;border:1px solid #cfc8e8;border-radius:5px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:150px;resize:vertical}.small{font-size:.9rem;color:var(--muted)}
footer{background:#20183b;color:#e9e4ff;padding:2rem 1.25rem}footer .inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}footer a{color:#d8ccff}
@media(max-width:850px){.nav{flex-wrap:wrap}.menu{display:block}.navlinks{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:.5rem 0 1rem}.navlinks.open{display:flex}.cards{grid-template-columns:1fr}.card{min-height:230px}.content-grid{grid-template-columns:1fr}.hero{min-height:360px;padding-top:4.5rem;padding-bottom:4.5rem}}