:root {
  --bg:#03070d;
  --bg2:#06101a;
  --panel:rgba(8,15,24,.74);
  --panel2:rgba(12,20,31,.88);
  --text:#f4efe5;
  --muted:#b8b0a3;
  --muted2:#81796f;
  --gold:#d6a85a;
  --gold2:#f0d69b;
  --gold3:#a8782e;
  --blue:#6d9ec0;
  --teal:#6aa9a1;
  --line:rgba(214,168,90,.30);
  --line2:rgba(255,255,255,.085);
  --shadow:0 34px 100px rgba(0,0,0,.52);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --max:1220px;
  --header:86px;
  --mx:62vw;
  --my:24vh;
}

* { box-sizing:border-box; }

html { scroll-behavior:smooth; background:var(--bg); }

body {
  margin:0;
  color:var(--text);
  font-family:var(--sans);
  background:
    radial-gradient(circle at 18% -6%, rgba(214,168,90,.16), transparent 23%),
    radial-gradient(circle at 86% 8%, rgba(67,116,156,.12), transparent 24%),
    linear-gradient(180deg,#03070d 0%,#081421 42%,#050a11 72%,#03070d 100%);
  line-height:1.6;
  overflow-x:hidden;
}

body.locked { overflow:hidden; }

a { color:inherit; text-decoration:none; }
img, svg { max-width:100%; display:block; }
p { margin:0; color:var(--muted); }
h1,h2,h3 { margin:0; color:var(--text); line-height:1.06; font-family:var(--serif); font-weight:500; }
h1 { font-size:clamp(3.6rem,7.8vw,7.5rem); letter-spacing:-.045em; max-width:960px; }
h2 { font-size:clamp(2.25rem,4.3vw,4.7rem); letter-spacing:-.042em; }
h3 { font-size:1.55rem; letter-spacing:-.02em; }
small { color:var(--gold2); text-transform:uppercase; letter-spacing:.14em; font-weight:850; font-size:.70rem; }

section, footer { position:relative; z-index:2; scroll-margin-top:calc(var(--header) + 26px); }
.container { width:min(var(--max),calc(100% - 42px)); margin:0 auto; }

.site-vignette {
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle at center, transparent 32%, rgba(0,0,0,.48) 100%),
    linear-gradient(90deg, rgba(0,0,0,.40), transparent 28%, transparent 72%, rgba(0,0,0,.40));
}

.ambient-grid {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.6), transparent 82%);
  opacity:.50;
}

.cursor-glow, .moving-glow, .ambient-earth, .ambient-orb {
  position:fixed; pointer-events:none; z-index:1;
}

.cursor-glow {
  width:660px; height:660px; left:var(--mx); top:var(--my);
  transform:translate(-50%,-50%);
  border-radius:50%;
  opacity:.88;
  background:
    radial-gradient(circle, rgba(240,214,155,.18) 0%, rgba(214,168,90,.10) 19%, rgba(72,126,180,.08) 38%, rgba(18,42,70,.03) 58%, transparent 74%);
  filter:blur(18px);
  mix-blend-mode:screen;
}

.moving-glow {
  width:540px; height:540px; left:var(--mx); top:var(--my);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 35%, rgba(244,211,145,.22), transparent 20%),
    radial-gradient(circle, rgba(211,165,82,.16), rgba(71,118,180,.08) 42%, transparent 72%);
  filter:blur(30px);
  mix-blend-mode:screen;
  opacity:.82;
  animation:autonomousGlow 18s ease-in-out infinite alternate;
}

@keyframes autonomousGlow {
  0% { transform:translate(-50%,-50%) scale(.94); opacity:.56; }
  42% { transform:translate(-48%,-52%) scale(1.08); opacity:.90; }
  100% { transform:translate(-52%,-48%) scale(1); opacity:.70; }
}

.ambient-earth {
  width:42vw; height:42vw; min-width:420px; min-height:420px;
  right:-14vw; bottom:-9vh; border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(214,174,104,.12), rgba(214,174,104,0) 54%),
    url('../assets/earth-network-v24.svg') center/contain no-repeat;
  opacity:.56;
  filter:drop-shadow(0 0 42px rgba(214,174,104,.12));
  animation:globeFloat 24s ease-in-out infinite;
  mix-blend-mode:screen;
}

.ambient-earth::after {
  content:"";
  position:absolute; inset:2%; border-radius:50%;
  border:1px solid rgba(214,174,104,.10);
  box-shadow:0 0 0 24px rgba(214,174,104,.024), 0 0 0 54px rgba(82,126,207,.018);
  animation:rotateSlow 34s linear infinite;
}

.ambient-one {
  width:34vw; height:34vw; min-width:310px; min-height:310px;
  left:-12vw; top:56vh; border-radius:50%;
  background:radial-gradient(circle, rgba(75,136,192,.11), rgba(75,136,192,0) 62%);
  filter:blur(34px);
  animation:floatSlow2 24s ease-in-out infinite;
}

.ambient-two {
  width:28vw; height:28vw; min-width:280px; min-height:280px;
  right:5vw; top:18vh; border-radius:50%;
  background:radial-gradient(circle, rgba(214,168,90,.10), rgba(214,168,90,0) 66%);
  filter:blur(34px);
  animation:floatSlow3 28s ease-in-out infinite;
}

@keyframes globeFloat { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-2vw,2vh,0) scale(1.055); } }
@keyframes rotateSlow { to { transform:rotate(360deg); } }
@keyframes floatSlow2 { 0%,100% { transform:translate(0,0); } 50% { transform:translate(4vw,-3vh); } }
@keyframes floatSlow3 { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-3vw,4vh); } }

.header {
  position:fixed; top:0; left:0; right:0; height:var(--header); z-index:50;
  background:rgba(3,7,13,.70);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line2);
  transition:background .25s ease, height .25s ease;
}
.header.is-scrolled { background:rgba(3,7,13,.90); }

.nav { height:100%; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand-logo { width:168px; max-height:72px; object-fit:contain; filter:drop-shadow(0 0 18px rgba(214,168,90,.14)); }
.nav-links { display:flex; align-items:center; gap:21px; color:#ddd6c9; font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; }
.nav-links a { opacity:.86; transition:color .18s ease, opacity .18s ease; }
.nav-links a:hover { color:var(--gold2); opacity:1; }

.nav-cta,.btn {
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  padding:.92rem 1.18rem; border-radius:999px;
  border:1px solid var(--line);
  font-size:.78rem; font-weight:850; letter-spacing:.10em; text-transform:uppercase;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.nav-cta,.btn.primary { background:linear-gradient(135deg,var(--gold2),var(--gold)); color:#07101a; box-shadow:0 18px 44px rgba(214,168,90,.17); }
.btn.secondary { background:rgba(255,255,255,.025); color:var(--text); }
.nav-cta::after,.btn::after {
  content:""; position:absolute; inset:-35% -70%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform:translateX(-75%) rotate(12deg);
  transition:transform .65s ease;
}
.nav-cta:hover::after,.btn:hover::after { transform:translateX(75%) rotate(12deg); }
.nav-cta:hover,.btn:hover { transform:translateY(-2px); border-color:rgba(240,214,155,.62); }

.hero {
  min-height:calc(100vh + 50px);
  padding-top:var(--header);
  overflow:hidden;
  border-bottom:1px solid var(--line2);
}
.hero-bg { position:absolute; inset:0; z-index:-4; display:grid; grid-template-columns:1.08fr .92fr; }
.hero-bg-left {
  background:linear-gradient(90deg,rgba(3,7,13,.94),rgba(3,7,13,.72),rgba(3,7,13,.12)),url('../assets/hero-boardroom.webp') center/cover no-repeat;
  transform:scale(1.04);
  animation:heroBreath 18s ease-in-out infinite;
}
.hero-bg-right {
  background:linear-gradient(90deg,rgba(3,7,13,.32),rgba(3,7,13,.68)),url('../assets/hero-tanker.webp') center/cover no-repeat;
  transform:scale(1.04);
  animation:heroBreath 20s ease-in-out infinite reverse;
}
@keyframes heroBreath { 0%,100% { transform:scale(1.04); filter:saturate(.92) brightness(.78); } 50% { transform:scale(1.075); filter:saturate(1.05) brightness(.86); } }

.hero-overlay {
  position:absolute; inset:0; z-index:-3;
  background:
    linear-gradient(180deg,rgba(3,7,13,.72) 0%,rgba(3,7,13,.18) 38%,rgba(3,7,13,.95) 100%),
    radial-gradient(circle at 70% 20%,rgba(214,168,90,.11),transparent 28%);
}
.hero-inner { min-height:calc(100vh - var(--header)); display:grid; grid-template-columns:1fr 360px; align-items:end; gap:52px; padding:94px 0 54px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { color:var(--gold2); letter-spacing:.20em; text-transform:uppercase; font-size:.76rem; font-weight:900; margin-bottom:18px; display:inline-flex; align-items:center; gap:12px; }
.eyebrow::before { content:""; width:38px; height:1px; background:linear-gradient(90deg,var(--gold2),transparent); }
.hero-lead { max-width:760px; margin-top:24px; font-size:clamp(1.05rem,1.45vw,1.30rem); color:#ded6ca; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }
.center-actions { justify-content:center; }

.hero-panel {
  align-self:end; border:1px solid var(--line); border-radius:var(--radius-xl);
  background:linear-gradient(140deg,rgba(214,168,90,.13),rgba(7,16,26,.80));
  backdrop-filter:blur(16px); padding:28px; box-shadow:var(--shadow);
}
.panel-kicker { color:var(--gold2); text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:900; }
.hero-panel h3 { margin-top:12px; font-size:1.64rem; }
.hero-panel p { margin-top:12px; }

.authority-strip {
  display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line);
  background:rgba(6,14,23,.66); backdrop-filter:blur(14px); border-radius:var(--radius-lg);
  transform:translateY(50%); box-shadow:var(--shadow); overflow:hidden;
}
.authority-item { padding:21px 24px; border-right:1px solid var(--line2); }
.authority-item:last-child { border-right:0; }
.authority-item strong { display:block; color:var(--gold2); font-family:var(--serif); font-size:1.18rem; font-weight:500; }
.authority-item span { display:block; color:var(--muted); font-size:.82rem; margin-top:5px; }

.section { padding:112px 0; }
.section.compact { padding:82px 0; }
.section-head { display:grid; grid-template-columns:.92fr 1.08fr; gap:46px; align-items:end; margin-bottom:44px; }
.section-head p { font-size:1.02rem; }
.rule { width:82px; height:2px; margin-top:22px; background:linear-gradient(90deg,var(--gold),transparent); }

.manifesto { padding-top:150px; }
.manifesto-grid { display:grid; grid-template-columns:310px 1fr; gap:42px; align-items:center; }
.manifesto-mark {
  border:1px solid var(--line); border-radius:var(--radius-xl);
  background:radial-gradient(circle at 50% 30%,rgba(214,168,90,.13),transparent 45%),rgba(255,255,255,.025);
  padding:32px; min-height:260px; display:grid; place-items:center;
}
.manifesto-mark img { width:220px; filter:drop-shadow(0 0 24px rgba(214,168,90,.18)); }
.manifesto-copy { max-width:860px; }
.manifesto-copy p { margin-top:16px; font-size:1.08rem; }

.market-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.market-card {
  min-height:410px; border:1px solid var(--line2); border-radius:var(--radius-xl);
  position:relative; overflow:hidden; background:#08121d; box-shadow:0 18px 55px rgba(0,0,0,.22);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.market-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,7,13,.95) 0%,rgba(3,7,13,.54) 44%,rgba(3,7,13,.06) 100%); z-index:1; }
.market-card::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(240,214,155,.20),transparent 28%); opacity:0; transition:opacity .25s ease; z-index:2; mix-blend-mode:screen; }
.market-card:hover { transform:translateY(-6px); border-color:rgba(214,168,90,.38); box-shadow:0 30px 90px rgba(0,0,0,.38); }
.market-card:hover::after { opacity:1; }
.market-card.energy { background:url('../assets/sector-energy.webp') center/cover no-repeat; }
.market-card.metals { background:url('../assets/sector-metals.webp') center/cover no-repeat; }
.market-card.agri { background:url('../assets/sector-agriculture.webp') center/cover no-repeat; }
.market-card.structured { background:url('../assets/sector-structured.webp') center/cover no-repeat; }
.card-content { position:absolute; left:22px; right:22px; bottom:22px; z-index:3; }
.card-content span { color:var(--gold2); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:900; }
.card-content h3 { margin-top:9px; font-size:1.72rem; }
.card-content p { margin-top:10px; }

.capabilities { background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)); border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); }
.cap-row { display:grid; grid-template-columns:.82fr 1.18fr; gap:38px; align-items:start; }
.cap-title { position:sticky; top:calc(var(--header) + 34px); }
.cap-title p { margin-top:20px; font-size:1.05rem; }
.cap-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.cap-item,.benchmark,.soft-card,.step,.market-panel,.desk-panel {
  border:1px solid var(--line2); border-radius:var(--radius-lg);
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.020));
  padding:22px;
  transform-style:preserve-3d;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.cap-item:hover,.benchmark:hover,.soft-card:hover,.step:hover,.market-panel:hover,.desk-panel:hover { border-color:rgba(214,168,90,.32); background:linear-gradient(145deg,rgba(214,168,90,.075),rgba(255,255,255,.025)); }
.cap-item strong,.benchmark strong { display:block; color:var(--gold2); margin-bottom:8px; font-size:.86rem; letter-spacing:.08em; text-transform:uppercase; }

.execution { background:linear-gradient(0deg,rgba(3,7,13,.70),rgba(3,7,13,.92)),url('../assets/boardroom-wide.webp') center/cover fixed no-repeat; }
.timeline { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.step { min-height:240px; position:relative; overflow:hidden; }
.step::after { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,var(--gold),transparent); }
.num { width:44px; height:44px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; color:var(--gold2); font-weight:900; margin-bottom:18px; background:rgba(214,168,90,.06); }
.step h3 { font-size:1.38rem; margin-bottom:10px; }

.intelligence { overflow:hidden; }
.market-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:34px; align-items:center; }
.earth-wrap { position:relative; min-height:560px; display:grid; place-items:center; isolation:isolate; }
.earth-wrap img { width:min(540px,92%); filter:drop-shadow(0 0 50px rgba(214,168,90,.16)); animation:globeFloat 18s ease-in-out infinite; z-index:2; }
.hub {
  position:absolute; display:inline-flex; align-items:center; gap:9px; z-index:4;
  padding:8px 11px; border:1px solid rgba(214,168,90,.34); border-radius:999px;
  background:rgba(4,9,15,.80); backdrop-filter:blur(10px);
  font-size:.68rem; text-transform:uppercase; letter-spacing:.09em; color:var(--gold2);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
.hub::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--gold2); box-shadow:0 0 16px rgba(240,214,155,.72); animation:hubPulse 2.9s ease-in-out infinite; }
@keyframes hubPulse { 0%,100% { opacity:.68; transform:scale(.8); } 50% { opacity:1; transform:scale(1.35); } }
.hub.usa { left:6%; top:38%; }
.hub.rotterdam { left:39%; top:15%; }
.hub.uae { right:18%; top:46%; }
.hub.china { right:3%; top:32%; }
.hub.singapore { right:6%; bottom:25%; }
.hub-line {
  position:absolute; height:1px; transform-origin:left center; background:linear-gradient(90deg,rgba(214,168,90,.45),transparent);
  z-index:1; opacity:.44;
}
.line-usa { width:150px; left:18%; top:43%; transform:rotate(-8deg); }
.line-rotterdam { width:112px; left:47%; top:22%; transform:rotate(28deg); }
.line-uae { width:132px; right:29%; top:49%; transform:rotate(8deg); }
.line-china { width:142px; right:14%; top:37%; transform:rotate(166deg); }
.line-singapore { width:110px; right:16%; bottom:31%; transform:rotate(152deg); }
.benchmark-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:22px; }
.benchmark span { display:block; color:var(--muted); font-size:.84rem; margin-top:4px; }
.note { margin-top:20px; padding:16px 18px; border-left:3px solid var(--gold); background:rgba(214,168,90,.055); border-radius:0 16px 16px 0; color:#d9d0c2; font-size:.9rem; }

.split { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; }
.ops-visual { min-height:470px; border:1px solid var(--line); border-radius:var(--radius-xl); background:linear-gradient(0deg,rgba(3,7,13,.52),rgba(3,7,13,.10)),url('../assets/infrastructure-port.webp') center/cover no-repeat; box-shadow:var(--shadow); overflow:hidden; position:relative; }
.ops-visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(240,214,155,.16),transparent 32%); opacity:.75; mix-blend-mode:screen; }
.ops-visual::after { content:"Storage · Port · Vessel · Route · Delivery"; position:absolute; left:22px; bottom:22px; padding:14px 18px; border-radius:999px; border:1px solid var(--line); background:rgba(3,7,13,.70); color:var(--gold2); font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; backdrop-filter:blur(12px); }
.large-copy { font-size:1.08rem; margin-top:18px; }
.micro-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:24px; }
.soft-card { padding:22px; box-shadow:none; }
.soft-card h3 { font-size:1.35rem; margin-bottom:8px; }

.desk { background:linear-gradient(180deg,rgba(255,255,255,.018),transparent); }
.desk-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:22px; align-items:stretch; }
.desk-screen { min-height:420px; border:1px solid var(--line); border-radius:var(--radius-xl); background:linear-gradient(90deg,rgba(3,7,13,.88),rgba(3,7,13,.42)),url('../assets/trade-desk.webp') center/cover no-repeat; position:relative; overflow:hidden; box-shadow:var(--shadow); }
.desk-screen::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent,rgba(240,214,155,.13),transparent); transform:translateX(-120%); animation:sweep 9s ease-in-out infinite; }
@keyframes sweep { 0%,56%,100% { transform:translateX(-120%); } 72% { transform:translateX(120%); } }
.desk-ui { position:absolute; left:22px; right:22px; bottom:22px; border:1px solid var(--line2); border-radius:22px; background:rgba(3,7,13,.72); backdrop-filter:blur(14px); padding:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.desk-ui div { border:1px solid var(--line2); border-radius:14px; padding:12px; background:rgba(255,255,255,.035); color:var(--muted); font-size:.78rem; }

.download-card { display:grid; grid-template-columns:1fr .9fr; gap:22px; align-items:center; border:1px solid var(--line); border-radius:var(--radius-xl); background:linear-gradient(135deg,rgba(214,168,90,.10),rgba(7,16,26,.82)); padding:34px; box-shadow:var(--shadow); }
.doc-cover { border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 72% 24%,rgba(214,168,90,.13),transparent 30%),linear-gradient(160deg,#0b1522,#050a11); padding:26px; min-height:270px; display:flex; flex-direction:column; justify-content:space-between; }
.doc-cover img { width:170px; filter:drop-shadow(0 0 22px rgba(214,168,90,.16)); }
.doc-cover span { color:var(--gold2); letter-spacing:.12em; text-transform:uppercase; font-size:.72rem; font-weight:900; }
.doc-cover h3 { font-size:1.9rem; margin-top:8px; }

.accordions { display:grid; gap:12px; }
details { border:1px solid var(--line2); border-radius:22px; background:rgba(255,255,255,.03); overflow:hidden; }
summary { padding:18px 20px; cursor:pointer; color:var(--gold2); font-weight:850; letter-spacing:.08em; text-transform:uppercase; font-size:.8rem; }
details p, details ul { padding:0 20px 20px; color:var(--muted); }

.cta { padding:86px 0; background:radial-gradient(circle at 20% 20%,rgba(214,168,90,.16),transparent 30%),linear-gradient(135deg,rgba(7,16,26,.92),rgba(3,7,13,.96)); border-top:1px solid var(--line2); }
.cta-panel { text-align:center; border:1px solid var(--line); border-radius:var(--radius-xl); padding:48px; background:rgba(255,255,255,.025); box-shadow:var(--shadow); }
.cta-panel p { max-width:760px; margin:18px auto 0; }

.footer { padding:34px 0; border-top:1px solid var(--line2); background:#02050a; }
.footer-inner { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
.footer-logo { width:150px; max-height:82px; object-fit:contain; margin-bottom:10px; }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; justify-content:flex-end; color:var(--muted); font-size:.82rem; }
.footer-links a:hover { color:var(--gold2); }
.footer-note { margin-top:20px; padding-top:18px; border-top:1px solid var(--line2); color:#837c70; font-size:.78rem; line-height:1.55; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .72s ease, transform .72s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

.ripple-field { position:absolute; width:260px; height:260px; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) scale(.2); background:radial-gradient(circle,rgba(240,214,155,.18),rgba(120,168,199,.07) 42%,transparent 70%); opacity:0; pointer-events:none; transition:opacity .35s ease,transform .55s ease; z-index:3; }
.market-card:hover .ripple-field { opacity:1; transform:translate(-50%,-50%) scale(1); }

@media(max-width:1100px) {
  .nav-links { display:none; }
  .hero-inner,.section-head,.market-grid,.split,.desk-grid,.download-card,.cap-row,.manifesto-grid { grid-template-columns:1fr; }
  .market-cards { grid-template-columns:repeat(2,1fr); }
  .timeline { grid-template-columns:repeat(3,1fr); }
  .hero-bg { grid-template-columns:1fr; }
  .hero-bg-right { display:none; }
  .hero-panel { justify-self:start; }
  .authority-strip { grid-template-columns:repeat(2,1fr); }
  .cap-title { position:static; }
}

@media(max-width:720px) {
  :root { --header:74px; }
  .container { width:min(var(--max),calc(100% - 26px)); }
  .brand-logo { width:112px; }
  .nav-cta { padding:.68rem .86rem; font-size:.66rem; }
  h1 { font-size:2.58rem; }
  h2 { font-size:2.05rem; }
  .hero-inner { padding:58px 0 38px; }
  .hero-panel { display:none; }
  .authority-strip,.market-cards,.cap-list,.benchmark-grid,.timeline,.desk-ui,.footer-inner,.micro-grid { grid-template-columns:1fr; }
  .authority-item { border-right:0; border-bottom:1px solid var(--line2); }
  .authority-item:last-child { border-bottom:0; }
  .section { padding:70px 0; }
  .section.compact { padding:52px 0; }
  .manifesto { padding-top:122px; }
  .market-card { min-height:320px; }
  .ambient-earth { opacity:.34; }
  .earth-wrap { min-height:420px; display:block; text-align:center; }
  .earth-wrap img { margin:0 auto; }
  .hub { position:relative; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; margin:5px; display:inline-flex; }
  .hub-line { display:none; }
  .hero-bg-left { background-position:center top; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .reveal { opacity:1; transform:none; }
}


/* V26 Sovereign Trading House refinements */
:root {
  --bg:#02060b;
  --bg2:#06111d;
  --panel:rgba(8,15,24,.66);
  --panel2:rgba(10,18,29,.82);
  --gold:#c99b43;
  --gold2:#e7c982;
  --gold3:#9a6d25;
  --blue:#5d8daa;
  --teal:#608f88;
  --line:rgba(201,155,67,.25);
  --radius-xl:38px;
  --radius-lg:28px;
}
body {
  background:
    radial-gradient(circle at 18% -6%, rgba(201,155,67,.13), transparent 25%),
    radial-gradient(circle at 82% 10%, rgba(61,101,138,.12), transparent 27%),
    linear-gradient(180deg,#02060b 0%,#07131f 42%,#050a11 72%,#02060b 100%);
}
.cursor-glow { opacity:.74; filter:blur(22px); }
.moving-glow { opacity:.62; filter:blur(36px); }
.header { background:rgba(2,6,11,.74); }
.header.is-scrolled { background:rgba(2,6,11,.92); }
.nav-cta,.btn { letter-spacing:.105em; }
.hero { min-height:calc(100vh + 16px); }
.hero-inner { grid-template-columns:minmax(0,1fr) 330px; padding:104px 0 58px; }
.hero-panel { background:linear-gradient(145deg,rgba(201,155,67,.095),rgba(5,13,22,.68)); border-color:rgba(201,155,67,.24); }
.authority-strip { transform:translateY(42%); background:rgba(4,12,20,.62); border-color:rgba(201,155,67,.22); }
.authority-item strong { color:#e9d4a4; }
.section { padding:108px 0; }
.manifesto { padding-top:140px; }
.manifesto-mark { background:radial-gradient(circle at 50% 34%,rgba(201,155,67,.10),transparent 44%),rgba(255,255,255,.018); }
.market-card { border-radius:34px; min-height:392px; }
.market-card::before { background:linear-gradient(0deg,rgba(2,6,11,.96) 0%,rgba(2,6,11,.54) 48%,rgba(2,6,11,.08) 100%); }
.card-content h3 { font-size:1.62rem; }
.capabilities { background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004)); }
.cap-item,.benchmark,.soft-card,.step,.market-panel,.desk-panel { border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.040),rgba(255,255,255,.014)); }
.cap-item:hover,.benchmark:hover,.soft-card:hover,.step:hover,.market-panel:hover,.desk-panel:hover { background:linear-gradient(145deg,rgba(201,155,67,.052),rgba(255,255,255,.016)); }
.execution { background:linear-gradient(0deg,rgba(2,6,11,.74),rgba(2,6,11,.92)),url('../assets/boardroom-wide.webp') center/cover fixed no-repeat; }
.step { min-height:230px; }
.earth-wrap img { filter:drop-shadow(0 0 62px rgba(201,155,67,.17)); }
.hub { background:rgba(3,8,14,.78); color:#ecd19b; border-color:rgba(201,155,67,.28); }
.ops-visual::after { content:"Supply · Storage · Port · Vessel · Delivery"; }
.download-card { background:linear-gradient(135deg,rgba(201,155,67,.082),rgba(5,13,22,.78)); }
.cta-panel { background:linear-gradient(145deg,rgba(255,255,255,.030),rgba(255,255,255,.012)); }
.footer-note { color:#928b7f; }
@media(max-width:1100px) { .hero-inner { grid-template-columns:1fr; } }


/* V27 Sovereign Authority Refinement - less broker tone, more institutional trading house */
:root{
  --champagne:#f2dfb2;
  --ink:#02050a;
  --panel-soft:rgba(7,15,25,.58);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 18%, rgba(201,155,67,.075), transparent 26%),
    radial-gradient(circle at 83% 10%, rgba(93,141,170,.072), transparent 28%),
    linear-gradient(90deg, transparent, rgba(242,223,178,.018), transparent);
  animation:v27AmbientBreath 18s ease-in-out infinite alternate;
}

@keyframes v27AmbientBreath{
  0%{opacity:.56; transform:scale(1);}
  100%{opacity:.88; transform:scale(1.018);}
}

.ambient-line{
  position:fixed;
  left:0;
  right:0;
  top:18vh;
  height:1px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(242,223,178,.18), rgba(93,141,170,.10), transparent);
  opacity:.48;
  animation:v27LineDrift 16s ease-in-out infinite alternate;
}

@keyframes v27LineDrift{
  0%{transform:translateY(0); opacity:.28;}
  100%{transform:translateY(46vh); opacity:.58;}
}

.header .nav-cta{
  background:rgba(255,255,255,.026);
  color:var(--champagne);
  box-shadow:none;
}

.hero{
  min-height:calc(100vh + 34px);
}

.hero-copy{
  max-width:890px;
}

.hero-panel{
  border-radius:42px;
  background:
    radial-gradient(circle at 20% 10%, rgba(242,223,178,.09), transparent 34%),
    linear-gradient(150deg, rgba(7,15,25,.64), rgba(5,10,16,.38));
}

.authority-strip{
  border-radius:34px;
  box-shadow:0 30px 110px rgba(0,0,0,.34);
}

.manifesto-grid{
  grid-template-columns:.42fr 1.58fr;
}

.manifesto-mark{
  border-radius:44px;
}

.section-head p,
.hero-lead,
.manifesto-copy p,
.large-copy{
  color:#d7cec0;
}

.value-chain{
  padding-top:0;
}

.value-chain-panel{
  border:1px solid rgba(201,155,67,.20);
  border-radius:42px;
  background:
    radial-gradient(circle at 18% 22%, rgba(201,155,67,.105), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.010));
  padding:38px;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:28px;
  align-items:center;
  box-shadow:0 26px 90px rgba(0,0,0,.24);
}

.value-chain-panel h2{
  font-size:clamp(2rem,3.5vw,3.7rem);
}

.chain-flow{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;
  gap:10px;
  align-items:center;
}

.chain-flow span{
  border:1px solid rgba(201,155,67,.24);
  border-radius:999px;
  padding:12px 16px;
  color:var(--champagne);
  background:rgba(3,7,13,.58);
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:.74rem;
  text-align:center;
  white-space:nowrap;
}

.chain-flow i{
  height:1px;
  background:linear-gradient(90deg, rgba(201,155,67,.12), rgba(242,223,178,.42), rgba(201,155,67,.12));
  position:relative;
}

.chain-flow i::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  width:6px;
  height:6px;
  border-top:1px solid rgba(242,223,178,.60);
  border-right:1px solid rgba(242,223,178,.60);
  transform:translateY(-50%) rotate(45deg);
}

.market-card{
  transition:transform .32s ease, border-color .32s ease, filter .32s ease;
}
.market-card:hover{
  filter:saturate(1.04) brightness(1.04);
}

.cap-row{
  grid-template-columns:.84fr 1.16fr;
}

.cap-item strong{
  font-size:.88rem;
  letter-spacing:.09em;
}

.timeline{
  gap:14px;
}

.step{
  min-height:214px;
  border-radius:34px;
}

.step h3{
  font-size:1.25rem;
}

.market-panel,
.desk-panel{
  border-radius:42px;
}

.earth-wrap{
  border-radius:46px;
  background:
    radial-gradient(circle at 50% 44%, rgba(201,155,67,.10), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.026), rgba(255,255,255,.008));
  border:1px solid rgba(201,155,67,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.30);
  overflow:hidden;
}

.earth-wrap::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:42px;
  background:
    linear-gradient(120deg, transparent, rgba(242,223,178,.060), transparent);
  transform:translateX(-100%);
  animation:v27Sweep 11s ease-in-out infinite;
  pointer-events:none;
}

@keyframes v27Sweep{
  0%,55%,100%{transform:translateX(-100%); opacity:0;}
  70%{opacity:1;}
  88%{transform:translateX(100%); opacity:0;}
}

.hub{
  box-shadow:0 0 20px rgba(201,155,67,.11);
}

.hub::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  margin-right:7px;
  background:var(--champagne);
  box-shadow:0 0 16px rgba(242,223,178,.65);
}

.download-card{
  border-radius:44px;
}

.doc-cover{
  border-radius:36px;
}

.cta-panel{
  border-radius:48px;
}

.footer{
  background:linear-gradient(180deg,#02050a,#010307);
}

@media(max-width:1100px){
  .value-chain-panel{grid-template-columns:1fr;}
  .chain-flow{grid-template-columns:1fr; gap:8px;}
  .chain-flow i{height:20px; width:1px; justify-self:center; background:linear-gradient(180deg, rgba(201,155,67,.12), rgba(242,223,178,.42), rgba(201,155,67,.12));}
  .chain-flow i::after{right:auto; left:50%; top:auto; bottom:-2px; transform:translateX(-50%) rotate(135deg);}
  .manifesto-grid{grid-template-columns:1fr;}
}

@media(max-width:720px){
  .value-chain-panel{padding:24px;}
  .hero-lead{font-size:1rem;}
}


/* V28 - Commercial Language & Governance Upgrade refinements */
.relationship .download-card { background:linear-gradient(135deg,rgba(11,20,32,.88),rgba(6,13,22,.78)); }
.relationship-card { background:radial-gradient(circle at 50% 20%,rgba(214,168,90,.14),transparent 45%),rgba(255,255,255,.024); }
.footer-links a[href="privacy.html"], .footer-links a[href="terms.html"], .footer-links a[href="commercial-conditions.html"] { color:#d8cfbf; }
.accordions details p a, .download-card p a { color:var(--gold2); border-bottom:1px solid rgba(240,214,155,.28); }
.cap-item strong { letter-spacing:.02em; }
.market-card p { font-size:.94rem; line-height:1.55; }
@media (max-width:760px){ .hero-panel { display:none; } .authority-item span { font-size:.78rem; } .market-card p { font-size:.90rem; } }