
:root {
  --font-main: Arial, Helvetica, sans-serif;
  --ink: #111111;
  --navy: #171412;
  --teal: #c8a760;
  --cyan: #ead7a2;
  --gold: #c8a760;
  --mist: #f4f1ea;
  --white: #f8f5ef;
  --line: rgba(33, 24, 12, .14);
  --text-soft: #5f584d;
  --dark-soft: #b9afa0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: var(--font-main); color:var(--ink); background:var(--white); }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
p,h1,h2,h3,h4 { margin:0; }
.container { width:min(1200px, 88vw); margin:0 auto; }
.nav-shell { position:sticky; top:0; z-index:100; background:rgba(248,245,239,.96); backdrop-filter: blur(16px); border-bottom:1px solid rgba(33,24,12,.12); }
.nav-inner { height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand-logo { width:190px; height:auto; }
.nav-links { display:flex; align-items:center; gap:26px; font-size:13px; color:#d9d0c4; flex-wrap:wrap; }
.nav-links a:hover, .nav-links a.active { color:var(--gold); }
.nav-cta { font-size:13px; font-weight:700; color:#f5eee4; border-bottom:1px solid var(--gold); padding-bottom:7px; white-space:nowrap; }
.hero { background:linear-gradient(135deg, #121212 0%, #1a1715 52%, #231d17 100%); color:#fff; padding:110px 0 90px; position:relative; overflow:hidden; }
.hero:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(200,167,96,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(200,167,96,.08) 1px, transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg, black, rgba(0,0,0,.35)); }
.hero-orbit{ position:absolute; width:40vw; height:40vw; min-width:420px; min-height:420px; right:-8vw; top:10%; border:1px solid rgba(200,167,96,.18); border-radius:50%; transform:rotate(-18deg)}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(200,167,96,.10)}
.hero-orbit:before{inset:15%}.hero-orbit:after{inset:34%}
.hero-copy { position:relative; z-index:2; max-width:860px; }
.eyebrow { text-transform:uppercase; letter-spacing:.17em; font-size:11px; color:var(--cyan); display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.eyebrow span { width:28px; height:1px; background:var(--teal); display:inline-block; }
.hero h1, .page-hero h1 { font-size:clamp(44px,6vw,88px); line-height:.95; letter-spacing:-.055em; font-weight:700; margin-bottom:18px; }
.hero h1 em, .page-hero h1 em { font-style:normal; color:var(--cyan); }
.hero-tagline { font-size:12px; text-transform:uppercase; letter-spacing:.18em; color:var(--gold); margin-bottom:18px; }
.hero-lead { font-size:18px; line-height:1.7; color:#d8d0c5; max-width:680px; }
.hero-actions, .cta-actions { display:flex; gap:16px; margin-top:36px; flex-wrap:wrap; }
.button { height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; font-size:13px; font-weight:700; border-radius:0; }
.button.primary { background:var(--teal); color:#17120d; }
.button.primary:hover { background:#f0dfb3; }
.button.ghost { border:1px solid rgba(255,255,255,.22); color:#fff; }
.page-hero { background:linear-gradient(180deg, #141414 0%, #221c16 100%); color:white; padding:84px 0 72px; }
.page-hero .container { position:relative; z-index:2; }
.page-hero p { max-width:760px; font-size:18px; line-height:1.7; color:#ddd3c7; }
.breadcrumbs { font-size:12px; color:#cfc3b5; margin-bottom:18px; }
.breadcrumbs a { color:#f3ebe0; }
.section { padding:90px 0; }
.section.alt { background:#fcfaf6; }
.section.dark { background:#151312; color:#fff; }
.section-head { display:grid; grid-template-columns:.85fr 1.4fr; gap:60px; align-items:end; margin-bottom:42px; }
.section-label { font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:#8a7e6c; }
.section.dark .section-label { color:#b29f86; }
.section h2 { font-size:clamp(34px,4vw,64px); line-height:1.02; letter-spacing:-.045em; }
.lead, .section p { color:var(--text-soft); font-size:16px; line-height:1.85; }
.section.dark .lead, .section.dark p { color:var(--dark-soft); }
.grid-2 { display:grid; grid-template-columns:1.1fr .9fr; gap:52px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.card { background:#fff; border:1px solid var(--line); padding:28px; }
.section.dark .card { background:#1b1815; border-color:rgba(255,255,255,.10); }
.card h3 { font-size:24px; margin-bottom:12px; }
.card p { margin-bottom:0; }
.service-list { display:grid; gap:1px; background:rgba(255,255,255,.08); margin-top:22px; }
.service-item { background:#151312; color:#fff; display:grid; grid-template-columns:70px 1.2fr 1fr 30px; gap:22px; align-items:center; padding:28px 24px; }
.service-item:hover { background:#211c17; }
.service-item .num { color:var(--teal); font-size:11px; letter-spacing:.16em; }
.service-item h3 { font-size:24px; }
.service-item p { color:#bfb3a5; font-size:14px; line-height:1.7; }
.kpi { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); margin-top:40px; }
.kpi .box { display:grid; grid-template-columns:auto 1fr; gap:16px; padding:28px 0; border-right:1px solid var(--line); }
.kpi .box:last-child { border-right:0; }
.kpi strong { font-size:42px; color:var(--teal); }
.kpi span { font-size:14px; font-weight:700; }
.kpi small { color:#857b70; display:block; margin-top:4px; }
.bullets { display:grid; gap:12px; margin-top:18px; }
.bullets div { padding:14px 16px; border:1px solid var(--line); background:#fff; }
.section.dark .bullets div { background:#1b1815; border-color:rgba(255,255,255,.1); color:#e3d7c8; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.cta-band { background:linear-gradient(90deg, #161311 0%, #282018 100%); color:#fff; padding:40px; border:1px solid rgba(200,167,96,.18); }
.cta-band h3 { font-size:34px; margin-bottom:12px; letter-spacing:-.03em; }
.cta-band p { color:#cdbfaf; }
.region-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:18px; }
.tag { padding:10px 14px; border:1px solid var(--line); font-size:12px; text-transform:uppercase; letter-spacing:.08em; background:#fbf8f2; }
.section.dark .tag { background:#1b1815; border-color:rgba(255,255,255,.1); color:#e0d6c8; }
.contact-panel { background:#171412; color:#fff; padding:34px; border:1px solid rgba(200,167,96,.18); }
.contact-panel h3 { font-size:28px; margin-bottom:10px; }
.contact-panel p { color:#cdbfaf; }
.contact-details { display:grid; gap:18px; margin-top:26px; }
.contact-details strong { display:block; font-size:14px; margin-bottom:6px; }
.contact-details a, .contact-details address { color:#e3d8ca; font-style:normal; line-height:1.7; }.footer-col a,.footer-col address { color:#544d43; font-style:normal; line-height:1.7; }
.footer { background:#f1ede5; color:#645c50; border-top:1px solid rgba(33,24,12,.12); padding:48px 0 26px; }
.footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr 1.2fr; gap:26px; margin-bottom:26px; }
.footer-col h4 { color:#181511; font-size:14px; margin-bottom:12px; text-transform:uppercase; letter-spacing:.08em; }
.footer .brand-logo { width:170px; margin-bottom:14px; }
.footer-bottom { border-top:1px solid rgba(33,24,12,.12); padding-top:18px; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; font-size:12px; }
.notice { font-size:13px; color:#7d7468; margin-top:18px; }
@media (max-width: 980px) {
  .nav-inner { height:auto; padding:16px 0; align-items:flex-start; flex-direction:column; }
  .nav-links { gap:14px 18px; }
  .nav-cta { display:none; }
  .grid-2, .section-head, .split, .footer-grid, .grid-3, .grid-4 { grid-template-columns:1fr; }
  .service-item { grid-template-columns:44px 1fr 24px; }
  .service-item p { grid-column:2 / 4; }
  .kpi { grid-template-columns:1fr; }
  .kpi .box { border-right:0; border-bottom:1px solid var(--line); }
  .hero, .page-hero { padding:82px 0 64px; }
  .hero-orbit { display:none; }
}


/* Production accessibility & forms */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:12px 16px;background:#fff;color:#111111;z-index:9999;border:2px solid #c8a760}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:1/-1}.form-field label{font-size:13px;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(33,24,12,.18);background:#fffdf9;color:#111111;padding:14px 15px;font:inherit;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#c8a760;box-shadow:0 0 0 2px rgba(200,167,96,.14)}.form-field textarea{min-height:160px;resize:vertical}.form-note{font-size:12px;color:#857b70;line-height:1.6}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#71685d;line-height:1.6}.consent input{margin-top:3px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.status-box{padding:18px;border:1px solid var(--line);background:#fff}.status-box.success{border-color:rgba(200,167,96,.55)}.status-box.error{border-color:rgba(178,58,58,.35)}.legal-copy{max-width:850px}.legal-copy h2{font-size:32px;margin:34px 0 12px}.legal-copy p,.legal-copy li{color:var(--text-soft);font-size:15px;line-height:1.85}.legal-copy ul{padding-left:22px}.mini-nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.mini-nav a{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:4px}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cap-card{background:#fff;border:1px solid var(--line);padding:30px;display:block}.cap-card:hover{border-color:rgba(200,167,96,.55);transform:translateY(-2px);transition:.2s}.cap-card h3{font-size:26px;margin-bottom:12px}.cap-card p{color:var(--text-soft);line-height:1.75}.cap-card .more{display:inline-block;margin-top:18px;color:#9b7a30;font-weight:700;font-size:13px}.launch-note{margin-top:22px;padding:16px 18px;border-left:3px solid var(--teal);background:#f4eee3;color:#5c564d;font-size:13px;line-height:1.7}
@media(max-width:980px){.form-grid,.cap-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.nav-links{font-size:12px}}

.brand,.brand-logo{background:transparent!important}.nav-shell .brand-logo,.footer .brand-logo{filter:none}

/* Original-colour VIXQOR logo treatment */
.nav-shell{background:rgba(248,245,239,.96)!important;border-bottom:1px solid rgba(33,24,12,.12)!important}
.nav-shell .nav-links{color:#544d43!important}
.nav-shell .nav-cta{color:#181511!important;border-bottom-color:var(--gold)!important}
.footer{background:#f1ede5!important;color:#645c50!important;border-top-color:rgba(33,24,12,.12)!important}
.footer .footer-col h4{color:#181511!important}
.footer .footer-col a,.footer .footer-col address{color:#544d43!important}
.footer .footer-bottom{border-top-color:rgba(33,24,12,.12)!important}
