/* IEET About Page — drop into Avada Builder Code element */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
.ieet-ab-wrap {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #0f2035;
max-width: 1080px;
margin: 0 auto;
}
/* ─── Hero ─── */
.ieet-ab-hero {
background: linear-gradient(140deg, #0b1f35 0%, #123459 55%, #1a5a8c 100%);
border-radius: 20px;
padding: clamp(48px, 7vw, 88px) clamp(28px, 5vw, 72px);
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 64px;
}
.ieet-ab-hero::before {
content: '';
position: absolute;
top: -80px; right: -80px;
width: 380px; height: 380px;
background: radial-gradient(circle, rgba(0,180,216,0.12) 0%, transparent 70%);
pointer-events: none;
}
.ieet-ab-hero::after {
content: '';
position: absolute;
bottom: -60px; left: -60px;
width: 280px; height: 280px;
background: radial-gradient(circle, rgba(26,90,140,0.3) 0%, transparent 70%);
pointer-events: none;
}
.ieet-ab-eyebrow {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #00b4d8;
border: 1px solid rgba(0,180,216,0.4);
border-radius: 20px;
padding: 5px 14px;
margin-bottom: 24px;
}
.ieet-ab-hero h1 {
font-size: clamp(28px, 5vw, 50px);
font-weight: 800;
color: #fff;
line-height: 1.15;
letter-spacing: -0.02em;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.ieet-ab-hero h1 em {
font-style: normal;
color: #7fd8ee;
}
.ieet-ab-hero-sub {
font-size: clamp(15px, 2vw, 18px);
color: rgba(255,255,255,0.75);
max-width: 620px;
margin: 0 auto 36px;
line-height: 1.65;
position: relative;
z-index: 1;
}
.ieet-ab-hero-ctas {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.ieet-ab-btn-orange {
display: inline-block;
background: #f97316;
color: #fff;
font-weight: 700;
font-size: 15px;
padding: 13px 28px;
border-radius: 8px;
text-decoration: none;
transition: background 0.2s;
}
.ieet-ab-btn-orange:hover { background: #ea6c0a; }
.ieet-ab-btn-ghost {
display: inline-block;
background: transparent;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 12px 28px;
border-radius: 8px;
border: 1.5px solid rgba(255,255,255,0.35);
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
}
.ieet-ab-btn-ghost:hover {
border-color: rgba(255,255,255,0.7);
background: rgba(255,255,255,0.07);
}
/* ─── Section label ─── */
.ieet-ab-section-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #00b4d8;
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.ieet-ab-section-label::after {
content: '';
flex: 1;
height: 2px;
background: linear-gradient(90deg, #00b4d8 0%, transparent 100%);
border-radius: 2px;
max-width: 120px;
}
/* ─── Priorities ─── */
.ieet-ab-priorities {
margin-bottom: 72px;
}
.ieet-ab-priorities-header {
margin-bottom: 36px;
}
.ieet-ab-priorities-header h2 {
font-size: clamp(22px, 3.5vw, 34px);
font-weight: 800;
color: #0f2035;
letter-spacing: -0.02em;
}
.ieet-ab-priorities-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.ieet-ab-priority-card {
background: #f4f8fc;
border: 1.5px solid #dde8f2;
border-radius: 14px;
padding: 32px 28px;
position: relative;
overflow: hidden;
}
.ieet-ab-priority-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
border-radius: 14px 14px 0 0;
}
.ieet-ab-priority-card.blue::before { background: #00b4d8; }
.ieet-ab-priority-card.teal::before { background: #0ea5e9; }
.ieet-ab-priority-card.purple::before { background: #7c3aed; }
.ieet-ab-priority-icon {
width: 44px; height: 44px;
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 18px;
}
.ieet-ab-priority-icon.blue { background: rgba(0,180,216,0.12); color: #00b4d8; }
.ieet-ab-priority-icon.teal { background: rgba(14,165,233,0.12); color: #0ea5e9; }
.ieet-ab-priority-icon.purple { background: rgba(124,58,237,0.12); color: #7c3aed; }
.ieet-ab-priority-card h3 {
font-size: 17px;
font-weight: 700;
color: #0f2035;
margin-bottom: 12px;
letter-spacing: -0.01em;
}
.ieet-ab-priority-card p {
font-size: 14.5px;
color: #3a5570;
line-height: 1.65;
}
/* ─── Mission ─── */
.ieet-ab-mission {
margin-bottom: 72px;
}
.ieet-ab-mission-header {
margin-bottom: 36px;
}
.ieet-ab-mission-header h2 {
font-size: clamp(22px, 3.5vw, 34px);
font-weight: 800;
color: #0f2035;
letter-spacing: -0.02em;
}
.ieet-ab-mission-callout {
background: linear-gradient(140deg, #0b1f35 0%, #123459 55%, #1a5a8c 100%);
border-radius: 16px;
padding: 40px 44px;
margin-bottom: 36px;
position: relative;
overflow: hidden;
}
.ieet-ab-mission-callout::after {
content: '';
position: absolute;
top: -60px; right: -60px;
width: 250px; height: 250px;
background: radial-gradient(circle, rgba(0,180,216,0.1) 0%, transparent 70%);
pointer-events: none;
}
.ieet-ab-mission-callout p {
font-size: clamp(16px, 2.2vw, 20px);
color: #fff;
line-height: 1.7;
position: relative;
z-index: 1;
}
.ieet-ab-mission-callout p strong {
color: #7fd8ee;
font-weight: 700;
}
.ieet-ab-mission-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.ieet-ab-mission-col p {
font-size: 15.5px;
color: #3a5570;
line-height: 1.72;
margin-bottom: 20px;
}
.ieet-ab-mission-col p:last-child { margin-bottom: 0; }
/* ─── What We Do ─── */
.ieet-ab-what {
background: linear-gradient(140deg, #0b1f35 0%, #123459 55%, #1a5a8c 100%);
border-radius: 20px;
padding: clamp(44px, 6vw, 72px) clamp(28px, 5vw, 60px);
margin-bottom: 64px;
position: relative;
overflow: hidden;
}
.ieet-ab-what::after {
content: '';
position: absolute;
bottom: -80px; right: -80px;
width: 320px; height: 320px;
background: radial-gradient(circle, rgba(0,180,216,0.1) 0%, transparent 70%);
pointer-events: none;
}
.ieet-ab-what .ieet-ab-section-label {
color: #7fd8ee;
}
.ieet-ab-what .ieet-ab-section-label::after {
background: linear-gradient(90deg, rgba(127,216,238,0.6) 0%, transparent 100%);
}
.ieet-ab-what-header h2 {
font-size: clamp(22px, 3.5vw, 34px);
font-weight: 800;
color: #fff;
letter-spacing: -0.02em;
margin-bottom: 10px;
}
.ieet-ab-what-intro {
font-size: 15.5px;
color: rgba(255,255,255,0.72);
line-height: 1.6;
margin-bottom: 40px;
max-width: 680px;
}
.ieet-ab-questions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
position: relative;
z-index: 1;
}
.ieet-ab-question-card {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 12px;
padding: 26px 28px;
display: flex;
gap: 18px;
align-items: flex-start;
}
.ieet-ab-q-num {
font-size: 13px;
font-weight: 800;
color: #00b4d8;
background: rgba(0,180,216,0.15);
border-radius: 6px;
min-width: 30px; height: 30px;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}
.ieet-ab-question-card p {
font-size: 14.5px;
color: rgba(255,255,255,0.88);
line-height: 1.6;
}
/* ─── Get Connected ─── */
.ieet-ab-connect {
margin-bottom: 24px;
}
.ieet-ab-connect-inner {
background: #f4f8fc;
border: 1.5px solid #dde8f2;
border-radius: 20px;
padding: clamp(44px, 6vw, 64px) clamp(28px, 5vw, 60px);
display: grid;
grid-template-columns: 1fr auto;
gap: 48px;
align-items: center;
}
.ieet-ab-connect h2 {
font-size: clamp(20px, 3vw, 30px);
font-weight: 800;
color: #0f2035;
letter-spacing: -0.02em;
margin-bottom: 14px;
}
.ieet-ab-connect-text {
font-size: 15px;
color: #3a5570;
line-height: 1.68;
max-width: 560px;
}
.ieet-ab-social-links {
display: flex;
flex-direction: column;
gap: 12px;
flex-shrink: 0;
}
.ieet-ab-social-link {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: #0f2035;
font-size: 14px;
font-weight: 600;
padding: 11px 18px;
background: #fff;
border: 1.5px solid #dde8f2;
border-radius: 10px;
transition: border-color 0.2s, box-shadow 0.2s;
min-width: 164px;
}
.ieet-ab-social-link:hover {
border-color: #00b4d8;
box-shadow: 0 2px 12px rgba(0,180,216,0.1);
}
.ieet-ab-social-icon {
width: 20px; height: 20px;
flex-shrink: 0;
}
/* ─── Responsive ─── */
@media (max-width: 860px) {
.ieet-ab-priorities-grid { grid-template-columns: 1fr; gap: 16px; }
.ieet-ab-mission-body { grid-template-columns: 1fr; }
.ieet-ab-questions { grid-template-columns: 1fr; }
.ieet-ab-connect-inner { grid-template-columns: 1fr; }
.ieet-ab-social-links { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 580px) {
.ieet-ab-hero { border-radius: 14px; }
.ieet-ab-what { border-radius: 14px; }
.ieet-ab-mission-callout { padding: 28px 24px; }
.ieet-ab-connect-inner { padding: 32px 24px; }
}
About IEET
Ethics, technology,
and democratic progress
A nonprofit think tank studying the ethical and policy implications of emerging technologies — with a commitment to human freedom, health, and democratic governance.
Health and Longevity
We make the case for longer, healthier lives as a genuine policy priority — and push back on ageist and ableist attitudes that limit access to health technology.
Global Democracy and Security
We work to strengthen democratic institutions at the global level and advocate for policies that reduce catastrophic risks to humanity and the biosphere.
Political Empowerment
We investigate how emerging technologies can expand citizen engagement and give ordinary people more meaningful control over the decisions that shape their lives.
The Institute for Ethics and Emerging Technologies is a nonprofit think tank which promotes ideas about how technological progress can increase freedom, happiness, and human flourishing in democratic societies. We believe that technological progress can be a catalyst for positive human development so long as we ensure that technologies are safe and equitably distributed. We call this a 'technoprogressive' orientation.
Focusing on emerging technologies that have the potential to positively transform social conditions and the quality of human lives — especially human enhancement technologies — the IEET seeks to cultivate academic, professional, and popular understanding of their implications, both positive and negative, and to encourage responsible public policies for their safe and equitable use.
The liberal democratic revolution, centuries old and still growing strong, has at its core the idea that people are happiest when they have rational control over their lives. Reason, science, and technology provide one kind of control, slowly freeing us from ignorance, toil, pain, and disease. Democracy provides the other kinds of control, through civil liberties and electoral participation.
Technology and democracy complement one another, ensuring that safe technology is generally accessible and democratically accountable. The convergence of nanotechnology, biotechnology, information technology, and cognitive science in the coming decades will give us unimaginable technological mastery of nature and ourselves. That mastery requires progressive democratization.
Our purpose is to stimulate and support constructive study of ethical issues connected with these powerful emerging technologies.
What we do
The Institute for Ethics and Emerging Technologies was formed to study and debate vital questions about technology, society, and our collective future.
01
Which technologies — especially new ones — are likely to have the greatest impact on human beings and human societies in the 21st century?
02
What ethical issues do those technologies and their applications raise for humans, our civilization, and our world?
03
How much can we extrapolate from the past, and how much accelerating change should we anticipate?
04
What policy positions can be recommended to promote the best possible outcomes for individuals and societies?
Get connected
Follow our work
We seek to engage the human rights community, legal scholars, reproductive rights activists, advocates of public health, and others in a campaign to deepen and broaden the intersection of human rights and technology policy.
