/*
Theme Name: Bp It & Network Consultancy Services — Premium Classic
Theme URI: https://bpgroup.uk
Author: Premium Theme Batch Builder
Version: 1.0.0
*/
:root{--bg:#080d1c;--surface:#121a31;--ink:#f1f4ff;--muted:#a2abd0;--accent:#5de4ff;--accent2:#6974ff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}header.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--muted) 22%,transparent)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand img{width:38px;height:38px}.brand-name{font-size:15px;max-width:220px}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px;color:var(--muted)}.navlinks a:hover{color:var(--ink)}.menu{display:none;background:none;border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);color:var(--ink);padding:10px 12px;border-radius:10px}main{min-height:70vh}.hero{padding:96px 0 72px;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin:0 0 18px}h1{font-size:clamp(42px,6vw,82px);line-height:.96;letter-spacing:-.055em;margin:0 0 26px;max-width:760px}.lead{color:var(--muted);font-size:18px;max-width:650px}.hero-visual{border:1px solid color-mix(in srgb,var(--muted) 20%,transparent);border-radius:30px;overflow:hidden;box-shadow:0 25px 80px color-mix(in srgb,var(--bg) 30%,transparent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:var(--accent);color:var(--bg);font-weight:800}.button.alt{background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--muted) 35%,transparent)}section{padding:72px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-top h2{font-size:clamp(28px,4vw,46px);line-height:1;margin:0;letter-spacing:-.04em}.section-top p{color:var(--muted);max-width:520px;margin:0}.grid{display:grid;gap:18px}.grid.services{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);border-radius:20px;padding:24px;min-height:160px}.card h3{margin:0 0 12px;font-size:20px}.card p{margin:0;color:var(--muted)}.num{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.1em}.projects{grid-template-columns:repeat(2,1fr)}.project{padding:28px;border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 65%,var(--bg)));border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);min-height:210px}.project h3{font-size:28px;line-height:1.05;margin:18px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote{padding:34px;border-radius:24px;border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);background:var(--surface)}.quote p{font-size:26px;letter-spacing:-.03em;margin:0 0 18px}.role{border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 65%,var(--accent)));padding:30px;border-radius:26px}.role h2{margin:0 0 10px;font-size:40px;letter-spacing:-.04em}.meta{color:var(--muted);font-size:14px}.bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.bullets div{padding:15px 16px;border:1px solid color-mix(in srgb,var(--muted) 15%,transparent);border-radius:14px;color:var(--muted)}form{display:grid;gap:14px;max-width:720px}label{font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);background:var(--surface);color:var(--ink);padding:14px 15px;border-radius:12px}textarea{min-height:150px;resize:vertical}.hp{position:absolute;left:-10000px;opacity:0;height:1px;width:1px}.status{padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;margin-bottom:14px;color:var(--muted)}footer{padding:55px 0 30px;border-top:1px solid color-mix(in srgb,var(--muted) 18%,transparent)}.foot{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:30px;align-items:start}.foot-brand{display:flex;gap:12px;align-items:center;font-weight:800}.foot-brand img{width:44px}.foot small,.foot p{color:var(--muted)}.footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--muted) 15%,transparent);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}@media(max-width:900px){.hero,.split,.foot{grid-template-columns:1fr}.grid.services,.projects{grid-template-columns:1fr 1fr}.navlinks{display:none;position:absolute;left:20px;right:20px;top:78px;background:var(--bg);padding:14px;border:1px solid color-mix(in srgb,var(--muted) 22%,transparent);border-radius:16px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}}@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{padding:64px 0 48px}.grid.services,.projects,.bullets{grid-template-columns:1fr}h1{font-size:48px}section{padding:52px 0}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}