<!DOCTYPE html>

<head>

<title>Foresight Improv | Futurists Unscripted</title>

<style>

:root {

--primary-color: #0b192c; /* Deep navy from the graphic */

--accent-color: #d4af37; /* Gold from the graphic */

--text-color: #333;

--bg-color: #fafafa;

}

* {

margin: 0;

padding: 0;

box-sizing: border-box;

font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

scroll-behavior: smooth;

}

body {

color: var(--text-color);

background-color: var(--bg-color);

line-height: 1.6;

}

/* Navigation */

header {

background-color: #fff;

padding: 1rem 5%;

display: flex;

justify-content: space-between;

align-items: center;

position: sticky;

top: 0;

z-index: 1000;

box-shadow: 0 2px 10px rgba(0,0,0,0.1);

}

.logo {

font-size: 1.5rem;

font-weight: 800;

color: var(--primary-color);

text-transform: uppercase;

letter-spacing: 1px;

text-decoration: none;

}

nav a {

margin-left: 20px;

text-decoration: none;

color: var(--text-color);

font-weight: 600;

transition: color 0.3s;

}

nav a:hover {

color: var(--accent-color);

}

/* Hero Section */

.hero {

display: flex;

flex-direction: column;

align-items: center;

text-align: center;

padding: 80px 20px;

background: linear-gradient(to bottom, #fff, #f0f4f8);

}

.hero img {

max-width: 450px;

width: 100%;

height: auto;

border-radius: 50%;

box-shadow: 0 10px 30px rgba(0,0,0,0.15);

margin-bottom: 30px;

}

.hero h1 {

font-size: 3.5rem;

color: var(--primary-color);

margin-bottom: 15px;

line-height: 1.2;

}

.hero p {

font-size: 1.3rem;

color: #555;

max-width: 700px;

margin-bottom: 30px;

}

.btn {

display: inline-block;

padding: 15px 35px;

background-color: var(--primary-color);

color: #fff;

text-decoration: none;

border-radius: 30px;

font-size: 1.1rem;

font-weight: bold;

transition: all 0.3s ease;

text-transform: uppercase;

letter-spacing: 1px;

}

.btn:hover {

background-color: var(--accent-color);

color: var(--primary-color);

transform: translateY(-2px);

box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);

}

/* Section Global Styles */

section {

padding: 80px 5%;

}

.section-title {

text-align: center;

font-size: 2.5rem;

color: var(--primary-color);

margin-bottom: 50px;

position: relative;

}

.section-title::after {

content: '';

display: block;

width: 80px;

height: 4px;

background-color: var(--accent-color);

margin: 15px auto 0;

border-radius: 2px;

}

/* What is Foresight Improv */

.about-text {

max-width: 800px;

margin: 0 auto;

text-align: center;

font-size: 1.2rem;

color: #444;

}

/* Upcoming Events */

.events {

background-color: var(--primary-color);

color: #fff;

}

.events .section-title {

color: #fff;

}

.event-card {

background: rgba(255,255,255,0.1);

border: 1px solid rgba(255,255,255,0.2);

padding: 40px;

border-radius: 10px;

max-width: 600px;

margin: 0 auto;

text-align: center;

}

.event-card h3 {

font-size: 2rem;

color: var(--accent-color);

margin-bottom: 10px;

}

.event-card p {

font-size: 1.1rem;

margin-bottom: 15px;

}

.event-card .details {

font-weight: bold;

font-size: 1.2rem;

margin-top: 20px;

}

/* Futurists Grid */

.grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 30px;

max-width: 1200px;

margin: 0 auto;

}

.person-card {

background: #fff;

padding: 30px;

border-radius: 10px;

text-align: center;

box-shadow: 0 5px 15px rgba(0,0,0,0.05);

transition: transform 0.3s ease;

}

.person-card:hover {

transform: translateY(-5px);

}

.person-card h3 {

font-size: 1.5rem;

color: var(--primary-color);

margin-bottom: 5px;

}

.person-card h4 {

font-size: 1rem;

color: var(--accent-color);

margin-bottom: 15px;

text-transform: uppercase;

letter-spacing: 0.5px;

}

.person-card p {

font-size: 0.95rem;

color: #666;

}

/* Guest Stars */

.guest-stars {

background-color: #f0f4f8;

text-align: center;

}

.guest-stars img {

max-width: 300px;

width: 100%;

border-radius: 50%;

margin-bottom: 40px;

box-shadow: 0 10px 30px rgba(0,0,0,0.1);

}

/* Contact Form */

.contact-form {

max-width: 600px;

margin: 0 auto;

background: #fff;

padding: 40px;

border-radius: 10px;

box-shadow: 0 5px 20px rgba(0,0,0,0.05);

}

.form-group {

margin-bottom: 20px;

}

.form-group label {

display: block;

margin-bottom: 5px;

font-weight: bold;

color: var(--primary-color);

}

.form-group input, .form-group textarea {

width: 100%;

padding: 12px;

border: 1px solid #ccc;

border-radius: 5px;

font-size: 1rem;

}

.form-group textarea {

height: 150px;

resize: vertical;

}

.contact-form .btn {

width: 100%;

border: none;

cursor: pointer;

}

/* Footer */

footer {

text-align: center;

padding: 30px;

background-color: #111;

color: #888;

}

/* Mobile Adjustments */

@media (max-width: 768px) {

header { flex-direction: column; gap: 15px; }

nav a { margin: 0 10px; }

.hero h1 { font-size: 2.5rem; }

}

</style>

</head>

<body>

<a href="#" class="logo">Foresight Improv</a>

<nav>

<a href="#about">About</a>

<a href="#events">Events</a>

<a href="#guests">Guest Stars</a>

<a href="#contact">Contact</a>

</nav>

</header>

<h1>Predicting the Unpredictable</h1>

<p>When expert futurism meets live improvisation. Submit your topics and watch us construct the future in 3 minutes or less.</p>

</section>

<h2 class="section-title">What is Foresight Improv?</h2>

<p>Do you wish you could predict the future? Come challenge our panel of futurists as they try to do it themselves! Foresight Improv puts our experts' knowledge to the ultimate test by challenging them to audit what they know and improvise a cohesive view of the future based entirely on audience-selected topics.</p>

<br>

<p>Attendees submit their ideas and burning questions into a fishbowl. Once drawn, our panel has 3 minutes or less to spur a constructive, insightful, and entertaining view of where that topic is heading. Expect a rousing, dynamic, fun-filled adventure into the future and beyond!</p>

</div>

</section>

<h2 class="section-title">Upcoming Events</h2>

<p>Join us in Austin for our flagship interactive panel. Drop your topics in the fishbowl and watch the founders build the future in real-time.</p>

March 16, 2026 <br>

2:00 PM – 3:00 PM CT <br>

JW Marriott - Salon E

</div>

<br>

<a href="https://schedule.sxsw.com/events/PP1162532" target="_blank" class="btn" style="background:#fff; color:var(--primary-color); font-size: 0.9rem; padding: 10px 20px;">View Official Schedule</a>

</div>

</section>

<h2 class="section-title">Who Are The Futurists?</h2>

<h3>Ian Beacraft</h3>

<h4>CEO, Signal And Cipher</h4>

<p>Ian is a "Gonzo Futurist" and the CEO of Signal and Cipher. He helps companies prepare for a future powered by people and enabled by AI, leading innovation strategies for brands like Nike, Samsung, and Microsoft by experimenting with emerging tech before it leaves the lab.</p>

</div>

<h3>Matt Carmichael</h3>

<h4>Editor, What the Future (Ipsos)</h4>

<p>Matt is a futurist at Ipsos and the founding editor of the award-winning "What the Future". A lead author for Ipsos Global Trends and former editor at Advertising Age, Matt explores demographics and future forecasting through expert interviews and consumer research.</p>

</div>

<h3>Annie Hardy</h3>

<h4>Global AI Architect & Futurist, Cisco</h4>

<p>Annie is an inventor, entrepreneur, and trained qualitative futurist. At Cisco, she reverse-engineers the future into actionable steps for AI implementation. She is a member of the NIST US AI Consortium and sits on Cisco’s Responsible AI Champs team.</p>

</div>

<h3>Alexandra Whittington</h3>

<h4>Futurist, TATA Consultancy Services</h4>

<p>Alexandra is a visionary strategist exploring the intersections of emerging technologies and social change. She holds a master's in strategic foresight from the University of Houston, where she taught for over a decade before joining the Future of Business team at TCS.</p>

</div>

</section>

<h2 class="section-title">Guest Stars</h2>

<h3>Henry Coutinho-Mason</h3>

<h4>Author, Future Normal</h4>

<p>Henry is an award-winning social entrepreneur and author of "The Future Normal" and "Trend-Driven Innovation." Having delivered over 200 keynotes in 30 countries and served as Managing Director of TrendWatching for a decade, Henry brings global consumer trends to the improv stage.</p>

</div>

</section>

<h2 class="section-title">Contact Us</h2>

</div>

<label for="email">Email Address</label>

</div>

<label for="message">Message</label>

</div>

<button type="submit" class="btn">Send Message</button>

</form>

</section>

</footer>

</body>

</html>