ABLC NEXT 2026 — Where the Bioeconomy Scales
ABLC NEXT 2026
2026 ThemesAgendaSpecial EventsRegister NowRegister
<!-- ============ 1. HERO ============ -->
<section class="hero-glow grid-bg relative overflow-hidden border-b border-slate-800">
<div class="mx-auto max-w-7xl px-4 pb-20 pt-16 sm:px-6 sm:pt-24 lg:px-8 lg:pb-28">
<div class="max-w-3xl">
<!-- Eyebrow badges -->
<div class="mb-6 flex flex-wrap items-center gap-2.5">
<span class="inline-flex items-center gap-1.5 rounded-full border border-mint/40 bg-mint/10 px-3 py-1 text-xs font-semibold uppercase tracking-wider text-mintSoft">
<span class="h-1.5 w-1.5 rounded-full bg-mint animate-pulse"></span>
Registration Open
</span>
<span class="inline-flex items-center rounded-full border border-slate-700 bg-inkLight/60 px-3 py-1 text-xs font-semibold uppercase tracking-wider text-slate-300">
Advanced Bioeconomy Leadership Conference
</span>
</div>
<h1 class="text-5xl font-black leading-[1.05] tracking-tight text-white sm:text-6xl lg:text-7xl">
ABLC <span class="text-gradient">NEXT</span> 2026
</h1>
<p class="mt-6 max-w-2xl text-xl font-semibold leading-snug text-slate-100 sm:text-2xl">
Where the Bioeconomy Scales:
<span class="text-mintSoft">From FOAK Fragility to Commercial Deployment.</span>
</p>
<!-- Date / venue chips -->
<div class="mt-8 flex flex-wrap items-center gap-3 text-sm font-medium">
<span class="inline-flex items-center gap-2 rounded-lg border border-slate-700 bg-inkLight/70 px-3.5 py-2 text-slate-200">
<svg class="h-4 w-4 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
October 21–23, 2026
</span>
<span class="inline-flex items-center gap-2 rounded-lg border border-slate-700 bg-inkLight/70 px-3.5 py-2 text-slate-200">
<svg class="h-4 w-4 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
Hotel Nikko • San Francisco, CA
</span>
</div>
<!-- Pricing callout -->
<div class="mt-8 inline-flex flex-wrap items-center gap-x-4 gap-y-2 rounded-xl border border-mint/30 bg-mint/[0.07] px-5 py-4">
<span class="text-xs font-bold uppercase tracking-widest text-mintSoft">Early Bird Rate</span>
<span class="text-2xl font-extrabold text-white">From $648 <span class="text-sm font-semibold text-slate-400">/ Delegate</span></span>
<span class="text-xs font-medium text-slate-400">Rates rise as the room fills — lock yours in.</span>
</div>
<!-- Dual CTAs -->
<div class="mt-9 flex flex-col gap-3 sm:flex-row sm:items-center">
<a href="#register" class="inline-flex items-center justify-center gap-2 rounded-xl bg-mint px-7 py-3.5 text-base font-bold text-ink transition hover:bg-mintSoft hover:shadow-glow focus:outline-none focus:ring-2 focus:ring-mint focus:ring-offset-2 focus:ring-offset-ink">
Register Now
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#agenda" class="inline-flex items-center justify-center gap-2 rounded-xl border border-slate-600 bg-transparent px-7 py-3.5 text-base font-semibold text-slate-100 transition hover:border-mint hover:text-mintSoft">
Explore 2026 Agenda
</a>
</div>
</div>
</div>
</section>
<!-- ============ 2. STATS & PROOF BAR ============ -->
<section class="border-b border-slate-800 bg-inkLight/40">
<div class="mx-auto grid max-w-7xl grid-cols-2 divide-slate-800 px-4 py-10 sm:px-6 lg:grid-cols-4 lg:divide-x lg:px-8">
<div class="px-4 py-4 text-center">
<p class="text-4xl font-black tracking-tight text-white">450<span class="text-mint">+</span></p>
<p class="mt-1.5 text-xs font-semibold uppercase tracking-widest text-slate-400">Executive Delegates</p>
</div>
<div class="px-4 py-4 text-center">
<p class="text-4xl font-black tracking-tight text-white">35<span class="text-mint">+</span></p>
<p class="mt-1.5 text-xs font-semibold uppercase tracking-widest text-slate-400">Industry Sponsors</p>
</div>
<div class="px-4 py-4 text-center">
<p class="text-4xl font-black tracking-tight text-white">24</p>
<p class="mt-1.5 text-xs font-semibold uppercase tracking-widest text-slate-400">Hours of Content</p>
</div>
<div class="px-4 py-4 text-center">
<p class="text-4xl font-black tracking-tight text-white">7</p>
<p class="mt-1.5 text-xs font-semibold uppercase tracking-widest text-slate-400">Co-Located Summits</p>
</div>
</div>
</section>
<!-- ============ 3. THE 2026 THEMATIC SHIFT ============ -->
<section id="shift" class="grid-bg-fine relative border-b border-slate-800">
<div class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8 lg:py-24">
<div class="max-w-2xl">
<p class="text-xs font-bold uppercase tracking-[0.2em] text-mint">The 2026 Thematic Shift</p>
<h2 class="mt-3 text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
The industry stopped asking <em class="not-italic text-slate-400">"which molecule?"</em><br class="hidden sm:block" />
It started asking <span class="text-mintSoft">"which system deploys?"</span>
</h2>
<p class="mt-4 text-base leading-relaxed text-slate-400">
ABLC NEXT 2026 retires the molecule silos and reorganizes the entire program around the four systems that decide whether projects reach — and survive — commercial scale.
</p>
</div>
<!-- From / To comparison -->
<div class="mt-12 grid gap-6 lg:grid-cols-[1fr_auto_1fr] lg:items-stretch">
<!-- FROM card -->
<div class="rounded-2xl border border-slate-700/80 bg-inkLight/50 p-7 shadow-card">
<span class="inline-flex items-center rounded-full border border-slate-600 bg-slate-800/70 px-3 py-1 text-[11px] font-bold uppercase tracking-widest text-slate-400">The Old Map</span>
<h3 class="mt-4 text-xl font-bold text-slate-200">Molecule Silos</h3>
<ul class="mt-5 space-y-3 text-sm text-slate-400">
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-slate-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>
Fuels track over here, chemicals over there
</li>
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-slate-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>
Biomaterials treated as a separate conversation
</li>
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-slate-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>
Same deployment failures, rediscovered per silo
</li>
</ul>
</div>
<!-- Arrow -->
<div class="flex items-center justify-center lg:px-2">
<span class="flex h-12 w-12 rotate-90 items-center justify-center rounded-full border border-mint/40 bg-mint/10 text-mint shadow-glow lg:rotate-0">
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</span>
</div>
<!-- TO card -->
<div class="rounded-2xl border border-mint/40 bg-mint/[0.06] p-7 shadow-card">
<span class="inline-flex items-center rounded-full border border-mint/50 bg-mint/15 px-3 py-1 text-[11px] font-bold uppercase tracking-widest text-mintSoft">The 2026 Map</span>
<h3 class="mt-4 text-xl font-bold text-white">Systems Deployment</h3>
<ul class="mt-5 space-y-3 text-sm text-slate-300">
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
One program, organized by deployment system
</li>
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
Cross-molecule lessons, priced and portable
</li>
<li class="flex items-start gap-3">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
Built for operators, financiers, and policymakers together
</li>
</ul>
</div>
</div>
<!-- Four systems pillar cards -->
<div class="mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
<!-- Feedstock -->
<div class="group rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 transition hover:-translate-y-1 hover:border-mint/60 hover:shadow-glow">
<span class="flex h-11 w-11 items-center justify-center rounded-xl bg-mint/10 ring-1 ring-mint/30 text-mint">
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 20A7 7 0 0 1 4 13c0-4 3-8 8-11 5 3 8 7 8 11a7 7 0 0 1-7 7"/><path d="M12 22V11"/></svg>
</span>
<h4 class="mt-4 text-base font-bold text-white">Feedstock Systems</h4>
<p class="mt-2 text-sm leading-relaxed text-slate-400">Aggregation networks, specification discipline, and the logistics architecture behind bankable supply.</p>
</div>
<!-- FOAK Risk -->
<div class="group rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 transition hover:-translate-y-1 hover:border-mint/60 hover:shadow-glow">
<span class="flex h-11 w-11 items-center justify-center rounded-xl bg-mint/10 ring-1 ring-mint/30 text-mint">
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21.7 18.9-8.8-15.2a1 1 0 0 0-1.8 0L2.3 18.9a1 1 0 0 0 .9 1.6h17.6a1 1 0 0 0 .9-1.6Z"/><path d="M12 9v4M12 17h.01"/></svg>
</span>
<h4 class="mt-4 text-base font-bold text-white">FOAK Risk</h4>
<p class="mt-2 text-sm leading-relaxed text-slate-400">Tech transfer, commissioning, and the ramp — where first-of-a-kind capital is actually won or lost.</p>
</div>
<!-- Capital Stacking -->
<div class="group rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 transition hover:-translate-y-1 hover:border-mint/60 hover:shadow-glow">
<span class="flex h-11 w-11 items-center justify-center rounded-xl bg-mint/10 ring-1 ring-mint/30 text-mint">
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3 2 8l10 5 10-5-10-5Z"/><path d="m2 13 10 5 10-5"/><path d="M2 12.5 12 17.5l10-5"/></svg>
</span>
<h4 class="mt-4 text-base font-bold text-white">Capital Stacking</h4>
<p class="mt-2 text-sm leading-relaxed text-slate-400">Layering equity, debt, offtake, and public capital so the stack survives the ramp — not just the FID press release.</p>
</div>
<!-- Policy -->
<div class="group rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 transition hover:-translate-y-1 hover:border-mint/60 hover:shadow-glow">
<span class="flex h-11 w-11 items-center justify-center rounded-xl bg-mint/10 ring-1 ring-mint/30 text-mint">
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v18M3 21h18M6 21V11l6-4 6 4v10"/></svg>
</span>
<h4 class="mt-4 text-base font-bold text-white">Policy Architecture</h4>
<p class="mt-2 text-sm leading-relaxed text-slate-400">45Z, LCFS, SAF mandates, and the contract structures that convert policy exposure into investable revenue.</p>
</div>
</div>
</div>
</section>
<!-- ============ 4. INTERACTIVE AGENDA PREVIEW ============ -->
<section id="agenda" class="relative border-b border-slate-800">
<div class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8 lg:py-24">
<div class="flex flex-col gap-6 md:flex-row md:items-end md:justify-between">
<div class="max-w-2xl">
<p class="text-xs font-bold uppercase tracking-[0.2em] text-mint">Agenda Preview</p>
<h2 class="mt-3 text-3xl font-extrabold tracking-tight text-white sm:text-4xl">Three days. Anchor questions, not panel titles.</h2>
<p class="mt-4 text-base leading-relaxed text-slate-400">Every anchor session opens with the question the industry is actually arguing about — and puts operators, capital, and policy in the same room to answer it.</p>
</div>
<!-- Tabs -->
<div role="tablist" aria-label="Agenda days" class="flex w-full gap-2 rounded-xl border border-slate-700 bg-inkLight/60 p-1.5 md:w-auto">
<button role="tab" id="tab-day1" aria-selected="true" aria-controls="panel-day1"
class="tab-btn flex-1 rounded-lg border border-transparent px-4 py-2.5 text-sm font-semibold text-slate-300 transition hover:text-mintSoft md:flex-none md:px-5"
onclick="switchDay('day1')">
<span class="block text-[10px] font-bold uppercase tracking-widest opacity-70">Day 1 · Wed</span>
Oct 21
</button>
<button role="tab" id="tab-day2" aria-selected="false" aria-controls="panel-day2"
class="tab-btn flex-1 rounded-lg border border-transparent px-4 py-2.5 text-sm font-semibold text-slate-300 transition hover:text-mintSoft md:flex-none md:px-5"
onclick="switchDay('day2')">
<span class="block text-[10px] font-bold uppercase tracking-widest opacity-70">Day 2 · Thu</span>
Oct 22
</button>
<button role="tab" id="tab-day3" aria-selected="false" aria-controls="panel-day3"
class="tab-btn flex-1 rounded-lg border border-transparent px-4 py-2.5 text-sm font-semibold text-slate-300 transition hover:text-mintSoft md:flex-none md:px-5"
onclick="switchDay('day3')">
<span class="block text-[10px] font-bold uppercase tracking-widest opacity-70">Day 3 · Fri</span>
Oct 23
</button>
</div>
</div>
<!-- ===== Day 1: Wednesday, Oct 21 ===== -->
<div id="panel-day1" role="tabpanel" aria-labelledby="tab-day1" class="day-panel active mt-10">
<div class="grid gap-5 lg:grid-cols-2">
<!-- 3:00 PM Feedstocks Summit -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">3:00 PM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">NEXT Feedstocks Leadership Summit</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">Everyone says there isn't enough feedstock. Is that really the problem?</h3>
<div class="mt-5 space-y-3 border-t border-slate-700/70 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">WO</span>
<div>
<p class="text-sm font-semibold text-slate-100">Wendy Owens</p>
<p class="text-xs text-slate-400">CEO, Hexas Biomass</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">NS</span>
<div>
<p class="text-sm font-semibold text-slate-100">Naveen Sikka</p>
<p class="text-xs text-slate-400">CEO, TerViva</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">FP</span>
<div>
<p class="text-sm font-semibold text-slate-100">Fred Petok</p>
<p class="text-xs text-slate-400">Constellation Energy Advisors</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">BG</span>
<div>
<p class="text-sm font-semibold text-slate-100">Bill Goldner <span class="ml-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-400 ring-1 ring-slate-700">Invited</span></p>
<p class="text-xs text-slate-400">USDA</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">KW</span>
<div>
<p class="text-sm font-semibold text-slate-100">Karin Warner <span class="ml-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-400 ring-1 ring-slate-700">Invited</span></p>
<p class="text-xs text-slate-400">BioCircular Valley</p>
</div>
</div>
</div>
</article>
<!-- 4:00 PM Maritime & SAF Summit -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">4:00 PM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">NEXT Maritime Fuels & SAF Leadership Summit</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">If SAF and maritime fuels are such large opportunities, why do so many projects still struggle to move forward?</h3>
<div class="mt-5 space-y-3 border-t border-slate-700/70 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">CC</span>
<div>
<p class="text-sm font-semibold text-slate-100">Chris Cooper</p>
<p class="text-xs text-slate-400">CEO, XCF Global</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">MO</span>
<div>
<p class="text-sm font-semibold text-slate-100">Mary Kate O'Brien</p>
<p class="text-xs text-slate-400">CEO, SAFFIRE</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">TU</span>
<div>
<p class="text-sm font-semibold text-slate-100">Timothy Urban</p>
<p class="text-xs text-slate-400">Senior Principal, Bracewell</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">CE</span>
<div>
<p class="text-sm font-semibold text-slate-100">Christopher Efird <span class="ml-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-400 ring-1 ring-slate-700">Invited</span></p>
<p class="text-xs text-slate-400">CEO, NXT Fuels</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">NA</span>
<div>
<p class="text-sm font-semibold text-slate-100">Nick Andrews <span class="ml-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-400 ring-1 ring-slate-700">Invited</span></p>
<p class="text-xs text-slate-400">CEO, USA Bioenergy</p>
</div>
</div>
</div>
</article>
<!-- 5:15 PM Keynote -->
<article class="flex flex-col rounded-2xl border border-mint/40 bg-mint/[0.06] p-6 shadow-card transition hover:border-mint/70">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">5:15 PM</span>
<span class="rounded-md bg-mint/20 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/40">Keynote Feature</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">The Bioeconomy and the First of a Kind Fragility</h3>
<div class="mt-5 space-y-3 border-t border-mint/20 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/20 text-xs font-extrabold text-mintSoft ring-1 ring-mint/40">JL</span>
<div>
<p class="text-sm font-semibold text-slate-100">Jim Lane</p>
<p class="text-xs text-slate-400">Editor & Publisher, The Daily Digest</p>
</div>
</div>
</div>
</article>
<!-- 6:00 PM Sunrise Club Opening -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">6:00 PM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">Networking</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">Sunrise Club Opening Session & Networking Like Crazy</h3>
<p class="mt-3 text-sm leading-relaxed text-slate-400">Self-introductions and structured networking to open the conference — the fastest hour of connections you'll make all year.</p>
<div class="mt-5 space-y-3 border-t border-slate-700/70 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">JL</span>
<div>
<p class="text-sm font-semibold text-slate-100">Led by Jim Lane</p>
<p class="text-xs text-slate-400">Editor & Publisher, The Daily Digest</p>
</div>
</div>
</div>
</article>
</div>
</div>
<!-- ===== Day 2: Thursday, Oct 22 ===== -->
<div id="panel-day2" role="tabpanel" aria-labelledby="tab-day2" class="day-panel mt-10">
<div class="grid gap-5 lg:grid-cols-3">
<!-- 9:05 AM Industry Horizons Forum -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">9:05 AM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">Industry Horizons Forum</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">How do companies survive when markets, policies, incentives, and customer demand keep changing?</h3>
<div class="mt-5 space-y-3 border-t border-slate-700/70 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">JH</span>
<div>
<p class="text-sm font-semibold text-slate-100">Jennifer Holmgren</p>
<p class="text-xs text-slate-400">CEO, LanzaTech</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">JS</span>
<div>
<p class="text-sm font-semibold text-slate-100">John Shaw</p>
<p class="text-xs text-slate-400">CEO, Itaconix</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">PS</span>
<div>
<p class="text-sm font-semibold text-slate-100">Paul Schubert</p>
<p class="text-xs text-slate-400">CEO, Strategic Biofuels</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">AB</span>
<div>
<p class="text-sm font-semibold text-slate-100">Adam Blaziak</p>
<p class="text-xs text-slate-400">COO, Amyris</p>
</div>
</div>
<div class="flex items-center gap-3 rounded-lg bg-mint/[0.07] px-2.5 py-2 ring-1 ring-mint/20">
<span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-mint/20 text-[11px] font-extrabold text-mintSoft ring-1 ring-mint/40">JL</span>
<div>
<p class="text-xs font-bold uppercase tracking-wider text-mintSoft">Moderator</p>
<p class="text-sm font-semibold text-slate-100">Jim Lane <span class="text-xs font-normal text-slate-400">— The Daily Digest</span></p>
</div>
</div>
</div>
</article>
<!-- 11:30 AM Finance & Investment Summit -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">11:30 AM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">The Finance & Investment Summit</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">Where is the money? Structuring financeable projects in today's market.</h3>
<div class="mt-5 border-t border-slate-700/70 pt-4">
<p class="text-[11px] font-bold uppercase tracking-widest text-slate-500">Speakers</p>
<ul class="mt-2.5 space-y-2 text-sm">
<li><span class="font-semibold text-slate-100">Allison Larr</span> <span class="text-xs text-slate-400">— Director, Barclays Capital</span></li>
<li><span class="font-semibold text-slate-100">Mark Glotfelty</span> <span class="text-xs text-slate-400">— MD, RBC Capital Markets</span></li>
<li><span class="font-semibold text-slate-100">Joseph Abramson</span> <span class="text-xs text-slate-400">— Executive Director, Morgan Stanley</span></li>
<li><span class="font-semibold text-slate-100">George Schulz</span> <span class="text-xs text-slate-400">— CEO, New Energy Risk</span></li>
<li><span class="font-semibold text-slate-100">Ken Hill</span> <span class="text-xs text-slate-400">— MD, BioCarbon Strategies</span></li>
<li><span class="font-semibold text-slate-100">Jim Alderson-Smith</span> <span class="text-xs text-slate-400">— MD, Crux Climate</span></li>
</ul>
<div class="mt-4 rounded-lg bg-mint/[0.07] px-3 py-2.5 ring-1 ring-mint/20">
<p class="text-[11px] font-bold uppercase tracking-wider text-mintSoft">Moderators</p>
<p class="mt-1 text-sm font-semibold text-slate-100">John Kirkwood <span class="text-xs font-normal text-slate-400">— Faegre Drinker</span></p>
<p class="text-sm font-semibold text-slate-100">Mark Riedy <span class="text-xs font-normal text-slate-400">— Womble Bond Dickinson</span></p>
</div>
</div>
</article>
<!-- 1:30 & 2:30 PM Parallel Tracks -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">1:30 & 2:30 PM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">Parallel Track Summits</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">Three tracks. Pick your deployment stage.</h3>
<div class="mt-5 space-y-4 border-t border-slate-700/70 pt-4">
<div class="rounded-xl border border-slate-700 bg-ink/40 p-4">
<span class="rounded bg-mint/15 px-2 py-0.5 text-[10px] font-bold uppercase tracking-widest text-mintSoft ring-1 ring-mint/30">Track A</span>
<p class="mt-2 text-sm font-bold text-white">Bench to Demo Summit</p>
<p class="mt-1 text-xs leading-relaxed text-slate-400">Making Pilot Scale Work</p>
</div>
<div class="rounded-xl border border-slate-700 bg-ink/40 p-4">
<span class="rounded bg-mint/15 px-2 py-0.5 text-[10px] font-bold uppercase tracking-widest text-mintSoft ring-1 ring-mint/30">Track B</span>
<p class="mt-2 text-sm font-bold text-white">Commercial Scale Summit</p>
<p class="mt-1 text-xs leading-relaxed text-slate-400">The Business of Bio & Commercial-Scale Finance</p>
</div>
<div class="rounded-xl border border-slate-700 bg-ink/40 p-4">
<span class="rounded bg-mint/15 px-2 py-0.5 text-[10px] font-bold uppercase tracking-widest text-mintSoft ring-1 ring-mint/30">Track C</span>
<p class="mt-2 text-sm font-bold text-white">NEXT Technologies Summit</p>
<p class="mt-1 text-xs leading-relaxed text-slate-400">Horizon 2030 Technologies & Downstream Processing</p>
</div>
</div>
</article>
</div>
</div>
<!-- ===== Day 3: Friday, Oct 23 ===== -->
<div id="panel-day3" role="tabpanel" aria-labelledby="tab-day3" class="day-panel mt-10">
<div class="grid gap-5 lg:grid-cols-3">
<!-- 8:15 AM Sustainable Futures Summit -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">8:15 AM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">Sustainable Futures Summit</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">How do companies remain durable when everything around them keeps changing?</h3>
<div class="mt-5 space-y-3 border-t border-slate-700/70 pt-4">
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">EM</span>
<div>
<p class="text-sm font-semibold text-slate-100">Eric McAfee</p>
<p class="text-xs text-slate-400">CEO, Aemetis</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">DR</span>
<div>
<p class="text-sm font-semibold text-slate-100">Dave Rubenstein</p>
<p class="text-xs text-slate-400">CEO, California Ethanol + Power</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">DD</span>
<div>
<p class="text-sm font-semibold text-slate-100">Douglas Dagan</p>
<p class="text-xs text-slate-400">SVP, Suburban Propane</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">RB</span>
<div>
<p class="text-sm font-semibold text-slate-100">Rebecca Boudreaux</p>
<p class="text-xs text-slate-400">CEO, Oberon Fuels</p>
</div>
</div>
<div class="flex items-center gap-3">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-mint/15 text-xs font-extrabold text-mintSoft ring-1 ring-mint/30">BF</span>
<div>
<p class="text-sm font-semibold text-slate-100">Brian Foody <span class="ml-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-400 ring-1 ring-slate-700">Invited</span></p>
<p class="text-xs text-slate-400">CEO, Iogen</p>
</div>
</div>
</div>
</article>
<!-- 11:00 AM Next-Gen Companies Summit -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-6 shadow-card transition hover:border-mint/50">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">11:00 AM</span>
<span class="rounded-md bg-slate-800 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider text-slate-400">ABLC Next-Gen Companies Summit</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">The class of 2026: the companies building what comes next.</h3>
<div class="mt-5 border-t border-slate-700/70 pt-4">
<p class="text-[11px] font-bold uppercase tracking-widest text-slate-500">Featuring</p>
<ul class="mt-2.5 space-y-2 text-sm">
<li><span class="font-semibold text-slate-100">Mark Mauss</span> <span class="text-xs text-slate-400">— Lutros</span></li>
<li><span class="font-semibold text-slate-100">Cem Oszuer</span> <span class="text-xs text-slate-400">— Synpet</span></li>
<li><span class="font-semibold text-slate-100">Michelle Ruiz</span> <span class="text-xs text-slate-400">— Hyfe</span></li>
<li><span class="font-semibold text-slate-100">Aaninedeeta Banerjee</span> <span class="text-xs text-slate-400">— Resource Chemical</span></li>
<li><span class="font-semibold text-slate-100">Hamid Heidari</span> <span class="text-xs text-slate-400">— C+UP</span></li>
<li><span class="font-semibold text-slate-100">Dave Kestenbaum</span> <span class="text-xs text-slate-400">— Cauldron Ferm</span></li>
</ul>
</div>
</article>
<!-- 2:30 PM Due Diligence Wolfpack -->
<article class="flex flex-col rounded-2xl border border-mint/40 bg-mint/[0.06] p-6 shadow-card transition hover:border-mint/70">
<div class="flex flex-wrap items-center gap-2">
<span class="rounded-md bg-mint/15 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/30">2:30 PM</span>
<span class="rounded-md bg-mint/20 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-mintSoft ring-1 ring-mint/40">The Due Diligence Wolfpack</span>
</div>
<h3 class="mt-4 text-lg font-bold leading-snug text-white">How do you know what's real?</h3>
<div class="mt-5 border-t border-mint/20 pt-4">
<p class="text-[11px] font-bold uppercase tracking-widest text-slate-500">Evaluators</p>
<ul class="mt-2.5 grid grid-cols-1 gap-x-4 gap-y-2 text-sm">
<li><span class="font-semibold text-slate-100">David Dodds</span> <span class="text-xs text-slate-400">— Dodds & Associates</span></li>
<li><span class="font-semibold text-slate-100">Henna Poikolainen</span> <span class="text-xs text-slate-400">— AFRY</span></li>
<li><span class="font-semibold text-slate-100">James Iademarco</span> <span class="text-xs text-slate-400">— Strategic Avalanche</span></li>
<li><span class="font-semibold text-slate-100">Steve Slome</span> <span class="text-xs text-slate-400">— Nexant ECA</span></li>
<li><span class="font-semibold text-slate-100">Steve Weiss</span> <span class="text-xs text-slate-400">— Grey Heron</span></li>
<li><span class="font-semibold text-slate-100">Joel Stone</span> <span class="text-xs text-slate-400">— ConVergince</span></li>
<li><span class="font-semibold text-slate-100">Sam Nejame</span> <span class="text-xs text-slate-400">— Promotum</span></li>
<li><span class="font-semibold text-slate-100">Dave Collings</span> <span class="text-xs text-slate-400">— Worley</span></li>
<li><span class="font-semibold text-slate-100">Michele Rubino</span> <span class="text-xs text-slate-400">— 3Peaks</span></li>
</ul>
<div class="mt-4 rounded-lg bg-mint/[0.10] px-3 py-2.5 ring-1 ring-mint/25">
<p class="text-[11px] font-bold uppercase tracking-wider text-mintSoft">Moderator</p>
<p class="mt-1 text-sm font-semibold text-slate-100">Jim Lane <span class="text-xs font-normal text-slate-400">— The Daily Digest</span></p>
</div>
</div>
</article>
</div>
</div>
<!-- Sticky CTA -->
<div class="sticky bottom-4 z-40 mt-12 flex justify-center">
<a href="#register" class="inline-flex items-center gap-2.5 rounded-full border border-mint/50 bg-ink/95 px-7 py-3.5 text-sm font-bold text-mintSoft shadow-glow backdrop-blur transition hover:bg-mint hover:text-ink">
View Complete Agenda & Speaker Roster
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
</div>
</div>
</section>
<!-- ============ 5. WOLFPACK & SPECIAL EVENTS ============ -->
<section id="special" class="grid-bg-fine relative border-b border-slate-800">
<div class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8 lg:py-24">
<div class="max-w-2xl">
<p class="text-xs font-bold uppercase tracking-[0.2em] text-mint">Signature Experiences</p>
<h2 class="mt-3 text-3xl font-extrabold tracking-tight text-white sm:text-4xl">Not panels. Pressure tests.</h2>
</div>
<div class="mt-12 grid gap-6 lg:grid-cols-5">
<!-- Wolfpack highlight card (spans 3) -->
<article class="relative overflow-hidden rounded-2xl border border-mint/40 bg-gradient-to-br from-mint/[0.10] via-inkLight/60 to-inkLight/60 p-8 shadow-card lg:col-span-3">
<div class="absolute right-6 top-6 hidden opacity-20 sm:block" aria-hidden="true">
<svg class="h-28 w-28 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<div class="flex flex-wrap items-center gap-2">
<span class="inline-flex items-center gap-1.5 rounded-full border border-mint/50 bg-mint/15 px-3 py-1 text-[11px] font-bold uppercase tracking-widest text-mintSoft">Flagship Session</span>
<span class="inline-flex items-center rounded-full border border-slate-600 bg-slate-800/70 px-3 py-1 text-[11px] font-bold uppercase tracking-widest text-slate-300">Friday, Oct 23 • 2:30 PM</span>
</div>
<h3 class="mt-5 text-2xl font-extrabold tracking-tight text-white sm:text-3xl">The Due Diligence Wolfpack</h3>
<p class="mt-2 text-lg font-semibold text-mintSoft">"How do you know what's real?"</p>
<p class="mt-4 max-w-xl text-base leading-relaxed text-slate-300">
Nine of the bioeconomy's most experienced technical and commercial evaluators pressure-test deployment claims live on stage — moderated by Jim Lane.
</p>
<div class="mt-6 max-w-xl">
<p class="text-[11px] font-bold uppercase tracking-widest text-slate-400">The Pack</p>
<ul class="mt-3 grid gap-x-6 gap-y-2 text-sm text-slate-300 sm:grid-cols-2">
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">David Dodds</span> — Dodds & Associates</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Henna Poikolainen</span> — AFRY</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">James Iademarco</span> — Strategic Avalanche</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Steve Slome</span> — Nexant ECA</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Steve Weiss</span> — Grey Heron</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Joel Stone</span> — ConVergince</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Sam Nejame</span> — Promotum</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Dave Collings</span> — Worley</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Michele Rubino</span> — 3Peaks</span>
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
<span><span class="font-semibold text-slate-100">Jim Lane</span> — Moderator, The Daily Digest</span>
</li>
</ul>
</div>
<a href="#register" class="mt-8 inline-flex items-center gap-2 rounded-xl bg-mint px-6 py-3 text-sm font-bold text-ink transition hover:bg-mintSoft hover:shadow-glow">
Register to Attend
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
</article>
<!-- Sunrise Club card (spans 2) -->
<article class="flex flex-col rounded-2xl border border-slate-700/80 bg-inkLight/50 p-8 shadow-card transition hover:border-mint/50 lg:col-span-2">
<div class="flex flex-wrap items-center gap-2">
<span class="inline-flex w-fit items-center gap-1.5 rounded-full border border-slate-600 bg-slate-800/70 px-3 py-1 text-[11px] font-bold uppercase tracking-widest text-slate-300">
<svg class="h-3.5 w-3.5 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2v3M5.2 6.2l2.1 2.1M2 13h3M19 13h3M16.7 8.3l2.1-2.1M8 17a4 4 0 1 1 8 0"/><path d="M3 21h18"/></svg>
Opens Wed, Oct 21 • 6:00 PM
</span>
</div>
<h3 class="mt-5 text-2xl font-extrabold tracking-tight text-white">Sunrise Club Opening Session & Networking Like Crazy</h3>
<p class="mt-4 text-base leading-relaxed text-slate-300">
The conference's opening networking ritual: rapid-fire self-introductions and structured networking that puts the whole room on a first-name basis before Day 2 begins — led by Jim Lane.
</p>
<ul class="mt-6 space-y-3 text-sm text-slate-300">
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
Self-introductions across the full delegation
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
Structured networking led by Jim Lane
</li>
<li class="flex items-start gap-2.5">
<svg class="mt-0.5 h-4 w-4 shrink-0 text-mint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>
Included with every delegate pass
</li>
</ul>
<a href="#register" class="mt-auto inline-flex items-center gap-2 pt-8 text-sm font-bold text-mintSoft transition hover:text-mint">
Reserve Your Spot
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
</article>
</div>
</div>
</section>
<!-- ============ REGISTER / FINAL CTA ============ -->
<section id="register" class="hero-glow relative overflow-hidden">
<div class="mx-auto max-w-4xl px-4 py-20 text-center sm:px-6 lg:px-8 lg:py-24">
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">The deployment decade has a front row.</h2>
<p class="mx-auto mt-4 max-w-xl text-base leading-relaxed text-slate-400">
Join 450+ executives shaping how the bioeconomy scales. Early bird rates from <span class="font-bold text-mintSoft">$648 per delegate</span> — available for a limited time.
</p>
<div class="mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row">
<a href="#" class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-mint px-8 py-4 text-base font-bold text-ink transition hover:bg-mintSoft hover:shadow-glow sm:w-auto">
Register Now — From $648
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#agenda" class="inline-flex w-full items-center justify-center rounded-xl border border-slate-600 px-8 py-4 text-base font-semibold text-slate-100 transition hover:border-mint hover:text-mintSoft sm:w-auto">
Explore 2026 Agenda
</a>
</div>
<p class="mt-6 text-xs text-slate-500">Group rates and sponsor packages available • October 21–23, 2026 • Hotel Nikko, San Francisco</p>
</div>
</section>ABLC NEXT 2026 — Advanced Bioeconomy Leadership Conference
ThemesAgendaSpecial EventsRegister
© 2026 ABLC. All rights reserved.