1193 lines
42 KiB
HTML
1193 lines
42 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>For Individuals — Abigail</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--ink: #0A0E1A;
|
||
--ink-2: #1A1F2E;
|
||
--paper: #FAFAF7;
|
||
--paper-2: #F2F2EE;
|
||
--signal: #2E6BFF;
|
||
--signal-2: #1E50CC;
|
||
--caution: #E8A33D;
|
||
--mute: #8A8F99;
|
||
--mute-2: #C7C9CE;
|
||
--rule: #E5E5E0;
|
||
--rule-dark: #2A2F3D;
|
||
}
|
||
* { box-sizing: border-box; }
|
||
html, body {
|
||
margin: 0; padding: 0;
|
||
background: var(--paper);
|
||
color: var(--ink);
|
||
font-family: "Inter", -apple-system, "PingFang SC", sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
a { color: inherit; text-decoration: none; }
|
||
.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
|
||
|
||
/* NAV */
|
||
nav {
|
||
position: sticky; top: 0; z-index: 50;
|
||
background: rgba(250,250,247,0.85);
|
||
backdrop-filter: blur(12px);
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
nav .container {
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
height: 64px;
|
||
}
|
||
.brand { font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
|
||
.brand-dot { color: var(--signal); }
|
||
.nav-links { display: flex; gap: 32px; font-size: 14px; }
|
||
.nav-links a:hover { color: var(--signal); }
|
||
.nav-links a.active { color: var(--signal); font-weight: 500; }
|
||
.nav-cta {
|
||
background: var(--ink); color: var(--paper);
|
||
padding: 8px 16px; border-radius: 8px;
|
||
font-size: 14px; font-weight: 500;
|
||
transition: background 0.15s;
|
||
}
|
||
.nav-cta:hover { background: var(--ink-2); }
|
||
.nav-links { align-items: center; }
|
||
.nav-dropdown { position: relative; }
|
||
.nav-trigger {
|
||
background: transparent; border: 0;
|
||
font: inherit; font-size: 14px; color: var(--ink);
|
||
cursor: pointer;
|
||
display: inline-flex; align-items: center; gap: 4px;
|
||
padding: 0;
|
||
}
|
||
.nav-trigger:hover { color: var(--signal); }
|
||
.nav-trigger svg { transition: transform 0.2s; }
|
||
.nav-dropdown.open .nav-trigger svg { transform: rotate(180deg); }
|
||
.dropdown-menu {
|
||
position: absolute;
|
||
top: calc(100% + 12px);
|
||
left: 50%;
|
||
transform: translateX(-50%) translateY(-4px);
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
border: 1px solid var(--rule-dark);
|
||
border-radius: 14px;
|
||
padding: 12px;
|
||
min-width: 240px;
|
||
box-shadow: 0 12px 40px rgba(10,14,26,0.2);
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
transition: opacity 0.18s, transform 0.18s;
|
||
}
|
||
.nav-dropdown.open .dropdown-menu {
|
||
opacity: 1;
|
||
pointer-events: auto;
|
||
transform: translateX(-50%) translateY(0);
|
||
}
|
||
.dropdown-menu a {
|
||
display: block;
|
||
padding: 12px 16px;
|
||
font-family: "JetBrains Mono", monospace;
|
||
font-size: 14px;
|
||
color: var(--paper);
|
||
border-radius: 8px;
|
||
transition: background 0.12s, color 0.12s;
|
||
}
|
||
.dropdown-menu a:hover {
|
||
background: var(--ink-2);
|
||
color: var(--signal);
|
||
}
|
||
|
||
/* HERO with embedded form */
|
||
.hero {
|
||
padding: 80px 0 64px;
|
||
}
|
||
.hero-grid {
|
||
display: grid;
|
||
grid-template-columns: 1.2fr 1fr;
|
||
gap: 64px;
|
||
align-items: center;
|
||
}
|
||
.eyebrow {
|
||
font-size: 12px; font-weight: 600;
|
||
color: var(--signal);
|
||
letter-spacing: 0.12em; text-transform: uppercase;
|
||
margin-bottom: 16px;
|
||
}
|
||
.hero h1 {
|
||
font-size: 56px;
|
||
font-weight: 700;
|
||
line-height: 1.05;
|
||
letter-spacing: -0.025em;
|
||
margin: 0 0 20px;
|
||
}
|
||
.hero h1 em { font-style: normal; color: var(--signal); }
|
||
.hero-lead {
|
||
font-size: 18px; color: var(--mute);
|
||
line-height: 1.55;
|
||
margin: 0 0 28px;
|
||
}
|
||
.hero-trust {
|
||
display: flex; gap: 24px; align-items: center;
|
||
font-size: 13px; color: var(--mute);
|
||
}
|
||
.hero-trust .dot {
|
||
width: 6px; height: 6px; border-radius: 50%;
|
||
background: var(--signal);
|
||
display: inline-block; margin-right: 6px;
|
||
}
|
||
|
||
/* Lead form */
|
||
.lead-form {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 16px;
|
||
padding: 28px;
|
||
box-shadow: 0 4px 20px rgba(10,14,26,0.04);
|
||
}
|
||
.lead-form-title {
|
||
font-size: 17px; font-weight: 600;
|
||
margin-bottom: 4px;
|
||
}
|
||
.lead-form-sub {
|
||
font-size: 13px; color: var(--mute);
|
||
margin-bottom: 20px;
|
||
}
|
||
.form-row {
|
||
display: grid; grid-template-columns: 1fr 1fr;
|
||
gap: 12px;
|
||
margin-bottom: 12px;
|
||
}
|
||
.field { display: flex; flex-direction: column; }
|
||
.field label {
|
||
font-size: 12px; font-weight: 600;
|
||
color: var(--mute);
|
||
letter-spacing: 0.04em;
|
||
margin-bottom: 4px;
|
||
}
|
||
.field input, .field select {
|
||
background: var(--paper-2);
|
||
border: 1px solid var(--rule);
|
||
border-radius: 8px;
|
||
padding: 10px 12px;
|
||
font: inherit;
|
||
font-size: 14px;
|
||
color: var(--ink);
|
||
transition: border-color 0.15s, background 0.15s;
|
||
}
|
||
.field input:focus, .field select:focus {
|
||
outline: none;
|
||
border-color: var(--signal);
|
||
background: #FFFFFF;
|
||
}
|
||
.form-submit {
|
||
width: 100%;
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
border: 0;
|
||
padding: 14px 18px;
|
||
border-radius: 10px;
|
||
font: inherit;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
margin-top: 8px;
|
||
transition: background 0.15s;
|
||
}
|
||
.form-submit:hover { background: var(--signal); }
|
||
.form-fine {
|
||
font-size: 11px; color: var(--mute);
|
||
margin-top: 12px; line-height: 1.5;
|
||
}
|
||
|
||
/* Stats band */
|
||
.stats {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
padding: 56px 0;
|
||
}
|
||
.stats-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 32px;
|
||
text-align: center;
|
||
}
|
||
.stat-num {
|
||
font-size: 56px; font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
color: var(--signal);
|
||
margin-bottom: 4px;
|
||
line-height: 1;
|
||
}
|
||
.stat-label {
|
||
font-size: 14px; color: var(--mute-2);
|
||
max-width: 240px; margin: 0 auto;
|
||
}
|
||
|
||
/* Section base */
|
||
.section { padding: 80px 0; }
|
||
.section-head {
|
||
text-align: center;
|
||
margin-bottom: 48px;
|
||
}
|
||
.section-head h2 {
|
||
font-size: 36px; font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
margin: 0 0 12px;
|
||
line-height: 1.15;
|
||
}
|
||
.section-head p {
|
||
font-size: 17px; color: var(--mute);
|
||
max-width: 600px; margin: 0 auto;
|
||
}
|
||
|
||
/* Reasons carousel — horizontal scroll cards */
|
||
.scroller {
|
||
display: flex; gap: 20px;
|
||
overflow-x: auto;
|
||
padding: 8px 32px 24px;
|
||
margin: 0 -32px;
|
||
scroll-snap-type: x mandatory;
|
||
scrollbar-width: thin;
|
||
}
|
||
.scroller::-webkit-scrollbar { height: 6px; }
|
||
.scroller::-webkit-scrollbar-thumb { background: var(--mute-2); border-radius: 3px; }
|
||
.reason-card {
|
||
flex: 0 0 320px;
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 16px;
|
||
padding: 28px;
|
||
scroll-snap-align: start;
|
||
}
|
||
.reason-icon {
|
||
width: 40px; height: 40px;
|
||
background: var(--paper-2);
|
||
border-radius: 10px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
font-size: 18px; font-weight: 700;
|
||
color: var(--signal);
|
||
margin-bottom: 16px;
|
||
font-family: "JetBrains Mono", monospace;
|
||
}
|
||
.reason-card h3 {
|
||
font-size: 17px; font-weight: 600;
|
||
margin: 0 0 8px;
|
||
}
|
||
.reason-card p {
|
||
font-size: 14px; color: var(--mute);
|
||
margin: 0;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
/* Process timeline — five steps */
|
||
.timeline {
|
||
display: grid;
|
||
grid-template-columns: repeat(5, 1fr);
|
||
gap: 16px;
|
||
position: relative;
|
||
}
|
||
.timeline::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 24px;
|
||
left: 8%;
|
||
right: 8%;
|
||
height: 2px;
|
||
background: var(--rule);
|
||
z-index: 0;
|
||
}
|
||
.step {
|
||
text-align: center;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.step-num {
|
||
width: 48px; height: 48px;
|
||
border-radius: 50%;
|
||
background: var(--paper);
|
||
border: 2px solid var(--ink);
|
||
color: var(--ink);
|
||
display: flex; align-items: center; justify-content: center;
|
||
font-weight: 700;
|
||
font-size: 16px;
|
||
margin: 0 auto 16px;
|
||
}
|
||
.step.featured .step-num {
|
||
background: var(--signal);
|
||
border-color: var(--signal);
|
||
color: white;
|
||
}
|
||
.step h3 {
|
||
font-size: 15px; font-weight: 600;
|
||
margin: 0 0 6px;
|
||
}
|
||
.step p {
|
||
font-size: 13px; color: var(--mute);
|
||
margin: 0;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
/* Visa directory — tabbed */
|
||
.tab-row {
|
||
display: inline-flex;
|
||
background: var(--paper-2);
|
||
border: 1px solid var(--rule);
|
||
border-radius: 999px;
|
||
padding: 4px;
|
||
margin-bottom: 32px;
|
||
}
|
||
.tab-row button {
|
||
background: transparent;
|
||
border: 0;
|
||
padding: 10px 22px;
|
||
font: inherit;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: var(--mute);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: all 0.15s;
|
||
}
|
||
.tab-row button.active {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
}
|
||
.visa-tabs-wrap { text-align: center; }
|
||
.visa-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 16px;
|
||
}
|
||
.visa-card {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
}
|
||
.visa-summary {
|
||
width: 100%;
|
||
background: transparent;
|
||
border: 0;
|
||
padding: 20px 24px;
|
||
text-align: left;
|
||
font: inherit;
|
||
cursor: pointer;
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
color: var(--ink);
|
||
}
|
||
.visa-summary-left {
|
||
display: flex; align-items: center; gap: 16px;
|
||
}
|
||
.visa-code {
|
||
font-family: "JetBrains Mono", monospace;
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
background: var(--paper-2);
|
||
color: var(--ink);
|
||
padding: 4px 10px;
|
||
border-radius: 6px;
|
||
}
|
||
.visa-title {
|
||
font-size: 15px; font-weight: 600;
|
||
}
|
||
.visa-title small {
|
||
display: block;
|
||
font-weight: 400;
|
||
color: var(--mute);
|
||
font-size: 12px;
|
||
margin-top: 2px;
|
||
}
|
||
.visa-chevron {
|
||
width: 16px; height: 16px;
|
||
position: relative;
|
||
transition: transform 0.2s;
|
||
}
|
||
.visa-chevron::before {
|
||
content: "";
|
||
position: absolute;
|
||
width: 10px; height: 10px;
|
||
border-right: 2px solid var(--mute);
|
||
border-bottom: 2px solid var(--mute);
|
||
transform: rotate(45deg);
|
||
top: 1px; left: 2px;
|
||
}
|
||
.visa-card.open .visa-chevron { transform: rotate(180deg); }
|
||
.visa-body {
|
||
max-height: 0; overflow: hidden;
|
||
transition: max-height 0.25s ease;
|
||
}
|
||
.visa-card.open .visa-body { max-height: 400px; }
|
||
.visa-body-inner {
|
||
padding: 0 24px 20px;
|
||
border-top: 1px solid var(--rule);
|
||
padding-top: 16px;
|
||
font-size: 14px;
|
||
}
|
||
.visa-meta {
|
||
display: flex; gap: 24px;
|
||
margin-bottom: 12px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.visa-meta-item {
|
||
font-size: 12px;
|
||
}
|
||
.visa-meta-item .k {
|
||
color: var(--mute);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.06em;
|
||
display: block;
|
||
margin-bottom: 2px;
|
||
}
|
||
.visa-meta-item .v {
|
||
font-weight: 600;
|
||
color: var(--ink);
|
||
}
|
||
.visa-desc {
|
||
color: var(--mute);
|
||
line-height: 1.55;
|
||
margin: 0;
|
||
}
|
||
|
||
/* By-situation cards */
|
||
.situation-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 16px;
|
||
}
|
||
.situation-card {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 12px;
|
||
padding: 24px;
|
||
}
|
||
.situation-card h3 {
|
||
font-size: 16px; font-weight: 600;
|
||
margin: 0 0 4px;
|
||
}
|
||
.situation-card .role {
|
||
font-size: 12px;
|
||
color: var(--mute);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
margin-bottom: 12px;
|
||
}
|
||
.situation-card p {
|
||
font-size: 14px;
|
||
color: var(--mute);
|
||
margin: 0 0 16px;
|
||
line-height: 1.55;
|
||
}
|
||
.situation-pills {
|
||
display: flex; gap: 6px; flex-wrap: wrap;
|
||
}
|
||
.pill {
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
padding: 4px 10px;
|
||
border-radius: 999px;
|
||
background: var(--paper-2);
|
||
color: var(--ink);
|
||
font-family: "JetBrains Mono", monospace;
|
||
}
|
||
.pill.primary { background: var(--signal); color: white; }
|
||
|
||
/* Founder credibility */
|
||
.credibility {
|
||
background: var(--paper-2);
|
||
}
|
||
.cred-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 64px;
|
||
align-items: center;
|
||
}
|
||
.cred-quote {
|
||
font-size: 24px;
|
||
font-weight: 500;
|
||
letter-spacing: -0.01em;
|
||
line-height: 1.35;
|
||
margin: 0 0 24px;
|
||
}
|
||
.cred-author {
|
||
font-size: 14px; color: var(--mute);
|
||
line-height: 1.55;
|
||
}
|
||
.cred-author strong { color: var(--ink); font-weight: 600; }
|
||
.cred-stats {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 24px;
|
||
}
|
||
.cred-stat {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 12px;
|
||
padding: 24px;
|
||
}
|
||
.cred-stat .num {
|
||
font-size: 32px; font-weight: 700;
|
||
color: var(--signal);
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 4px;
|
||
}
|
||
.cred-stat .label {
|
||
font-size: 13px; color: var(--mute);
|
||
line-height: 1.45;
|
||
}
|
||
|
||
/* CTA */
|
||
.cta-band {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
border-radius: 24px;
|
||
padding: 72px 48px;
|
||
text-align: center;
|
||
margin-bottom: 96px;
|
||
}
|
||
.cta-band h2 {
|
||
font-size: 40px; font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
margin: 0 0 16px;
|
||
line-height: 1.1;
|
||
}
|
||
.cta-band p {
|
||
color: var(--mute-2);
|
||
font-size: 17px;
|
||
max-width: 540px; margin: 0 auto 32px;
|
||
}
|
||
.cta-buttons { display: inline-flex; gap: 12px; }
|
||
.btn-primary {
|
||
background: var(--signal); color: white;
|
||
padding: 14px 24px;
|
||
border-radius: 10px;
|
||
font-weight: 600; font-size: 15px;
|
||
}
|
||
.btn-primary:hover { background: var(--signal-2); }
|
||
.btn-secondary {
|
||
background: transparent; color: var(--paper);
|
||
border: 1px solid var(--rule-dark);
|
||
padding: 14px 24px;
|
||
border-radius: 10px;
|
||
font-weight: 600; font-size: 15px;
|
||
}
|
||
.btn-secondary:hover { background: var(--ink-2); }
|
||
|
||
/* Footer */
|
||
footer {
|
||
border-top: 1px solid var(--rule);
|
||
padding: 48px 0 64px;
|
||
color: var(--mute);
|
||
font-size: 13px;
|
||
}
|
||
footer .container {
|
||
display: flex; justify-content: space-between;
|
||
align-items: flex-start;
|
||
flex-wrap: wrap; gap: 32px;
|
||
}
|
||
.footer-links { display: flex; gap: 32px; }
|
||
.disclaimer {
|
||
border-top: 1px dashed var(--rule);
|
||
margin-top: 32px; padding-top: 24px;
|
||
font-size: 12px;
|
||
line-height: 1.55;
|
||
max-width: 760px;
|
||
}
|
||
|
||
.panel { display: none; }
|
||
.panel.active { display: block; }
|
||
|
||
/* Responsive */
|
||
@media (max-width: 880px) {
|
||
.hero h1 { font-size: 40px; }
|
||
.hero-grid, .cred-grid { grid-template-columns: 1fr; gap: 40px; }
|
||
.stats-grid, .timeline { grid-template-columns: 1fr; gap: 32px; }
|
||
.timeline::before { display: none; }
|
||
.visa-grid, .situation-grid, .cred-stats { grid-template-columns: 1fr; }
|
||
.nav-links { display: none; }
|
||
.cta-band { padding: 48px 24px; }
|
||
.section { padding: 56px 0; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<nav>
|
||
<div class="container">
|
||
<a class="brand" href="abigail_pricing.html">Abigail<span class="brand-dot">.</span></a>
|
||
<div class="nav-links">
|
||
<a href="abigail_individuals.html" class="active">Individuals</a>
|
||
<a href="abigail_employers.html">Employers</a>
|
||
<div class="nav-dropdown" id="resourcesDropdown">
|
||
<button class="nav-trigger" aria-haspopup="true">
|
||
Resources
|
||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</button>
|
||
<div class="dropdown-menu" role="menu">
|
||
<a href="abigail_library.html">Library</a>
|
||
<a href="#">Case Studies</a>
|
||
<a href="#how-it-works">Visa Pathways</a>
|
||
<a href="#">Events</a>
|
||
<a href="#">Careers</a>
|
||
</div>
|
||
</div>
|
||
<a href="abigail_pricing.html">Pricing</a>
|
||
</div>
|
||
<a href="#hero" class="nav-cta">Start screener</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero" id="hero">
|
||
<div class="container">
|
||
<div class="hero-grid">
|
||
<div>
|
||
<div class="eyebrow">For high-skill individuals</div>
|
||
<h1>Immigration, rebuilt for the people <em>doing the work.</em></h1>
|
||
<p class="hero-lead">AI does the intake, evidence mapping, and drafting. Ivy / BigLaw-trained attorneys ensure the quality — only if you want them. File in 5 business days, with full control.</p>
|
||
<div class="hero-trust">
|
||
<span><span class="dot"></span>Flat fees</span>
|
||
<span><span class="dot"></span>5-day prep target</span>
|
||
<span><span class="dot"></span>No retainers</span>
|
||
</div>
|
||
</div>
|
||
|
||
<form class="lead-form" onsubmit="event.preventDefault(); alert('Beta access — we will be in touch.');">
|
||
<div class="lead-form-title">Get on the beta list.</div>
|
||
<div class="lead-form-sub">Free AI screener · pathways in under 5 minutes</div>
|
||
<div class="form-row">
|
||
<div class="field">
|
||
<label>First name</label>
|
||
<input type="text" name="first" required>
|
||
</div>
|
||
<div class="field">
|
||
<label>Last name</label>
|
||
<input type="text" name="last" required>
|
||
</div>
|
||
</div>
|
||
<div class="field" style="margin-bottom: 12px;">
|
||
<label>Work email</label>
|
||
<input type="email" name="email" required>
|
||
</div>
|
||
<div class="field" style="margin-bottom: 12px;">
|
||
<label>LinkedIn (optional)</label>
|
||
<input type="url" name="linkedin" placeholder="linkedin.com/in/…">
|
||
</div>
|
||
<div class="field">
|
||
<label>How did you hear about us?</label>
|
||
<select name="source">
|
||
<option value="">Choose…</option>
|
||
<option>Referred by a friend</option>
|
||
<option>Search engine</option>
|
||
<option>Twitter / X</option>
|
||
<option>LinkedIn</option>
|
||
<option>Press / podcast</option>
|
||
<option>Other</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="form-submit">Request beta access</button>
|
||
<div class="form-fine">By submitting, you agree to be contacted about Abigail's beta. We never share your information. The free screener does not constitute legal advice.</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STATS -->
|
||
<section class="stats">
|
||
<div class="container">
|
||
<div class="stats-grid">
|
||
<div>
|
||
<div class="stat-num">5 days</div>
|
||
<div class="stat-label">Target prep turnaround, intake to attorney-ready package</div>
|
||
</div>
|
||
<div>
|
||
<div class="stat-num">10+</div>
|
||
<div class="stat-label">Visa & green-card categories covered by the AI screener</div>
|
||
</div>
|
||
<div>
|
||
<div class="stat-num">Ivy / BigLaw</div>
|
||
<div class="stat-label">Standard for every reviewing attorney in the network</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- REASONS / CAROUSEL -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Why people choose Abigail</h2>
|
||
<p>What sets us apart from law firms, form-prep tools, and AI-assisted attorney services.</p>
|
||
</div>
|
||
</div>
|
||
<div class="container" style="overflow:hidden;">
|
||
<div class="scroller">
|
||
<div class="reason-card">
|
||
<div class="reason-icon">01</div>
|
||
<h3>AI drafts, not blanks</h3>
|
||
<p>Petition narrative, support letter frameworks, and cover letter are generated from your actual facts — substantive output, not templates.</p>
|
||
</div>
|
||
<div class="reason-card">
|
||
<div class="reason-icon">02</div>
|
||
<h3>Attorney review is optional</h3>
|
||
<p>Self-serve the full package, or layer on Ivy / BigLaw-trained attorney review. You decide what the case needs — not a billable-hour model.</p>
|
||
</div>
|
||
<div class="reason-card">
|
||
<div class="reason-icon">03</div>
|
||
<h3>Flat fees, no surprises</h3>
|
||
<p>Published prices for every case type. No hourly billing, no retainers, no scope creep.</p>
|
||
</div>
|
||
<div class="reason-card">
|
||
<div class="reason-icon">04</div>
|
||
<h3>You see everything</h3>
|
||
<p>Every form field, every supporting document, every line of the petition narrative — fully visible before anything is filed in your name.</p>
|
||
</div>
|
||
<div class="reason-card">
|
||
<div class="reason-icon">05</div>
|
||
<h3>5-day prep target</h3>
|
||
<p>AI-native preparation runs in parallel with evidence collection. Your package is ready when your last document arrives — not weeks later.</p>
|
||
</div>
|
||
<div class="reason-card">
|
||
<div class="reason-icon">06</div>
|
||
<h3>RFE-ready from day one</h3>
|
||
<p>If a Request for Evidence arrives, the AI already has full case context — making RFE responses faster and more accurate.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- HOW IT WORKS / FIVE STEPS -->
|
||
<section class="section" id="how-it-works" style="background:var(--paper-2); scroll-margin-top:80px;">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="eyebrow">How it works</div>
|
||
<h2>From "Am I eligible?" to filed.</h2>
|
||
<p>Five steps. Most take minutes. Attorney review only if you want it.</p>
|
||
</div>
|
||
|
||
<div class="timeline">
|
||
<div class="step">
|
||
<div class="step-num">1</div>
|
||
<h3>Free AI Screener</h3>
|
||
<p>Multi-visa analysis. Outputs candidate pathways and a green-card roadmap.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">2</div>
|
||
<h3>Guided intake</h3>
|
||
<p>TurboTax-style plain-English questions. No legal jargon.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">3</div>
|
||
<h3>Document intelligence</h3>
|
||
<p>Upload your evidence. AI classifies, extracts, and runs consistency checks.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">4</div>
|
||
<h3>AI drafting</h3>
|
||
<p>Petition narrative, support letter frameworks, cover letter — all grounded in your facts.</p>
|
||
</div>
|
||
<div class="step featured">
|
||
<div class="step-num">5</div>
|
||
<h3>Review & file</h3>
|
||
<p>Self-file, or add Ivy / BigLaw-trained attorney review for a 3–5 day sign-off.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- VISA DIRECTORY -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Find your path</h2>
|
||
<p>Browse by visa type, or by your situation. The screener will give you a personalized recommendation in under 5 minutes.</p>
|
||
</div>
|
||
|
||
<div class="visa-tabs-wrap">
|
||
<div class="tab-row" role="tablist">
|
||
<button data-vtab="type" class="active">By visa type</button>
|
||
<button data-vtab="situation">By situation</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- By type panel -->
|
||
<div class="vpanel active" data-vtab="type">
|
||
<h3 style="font-size:13px; text-transform:uppercase; letter-spacing:0.1em; color:var(--mute); margin:32px 0 12px;">Green-card pathways</h3>
|
||
<div class="visa-grid">
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">EB-1A</span>
|
||
<span class="visa-title">Extraordinary Ability<small>Self-petition · no employer required</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Self</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Permanent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Premium processing</span><span class="v">Available</span></div>
|
||
</div>
|
||
<p class="visa-desc">For individuals with sustained national or international acclaim. Ten USCIS criteria; three required. Best for researchers, founders, and senior practitioners with publications, awards, peer recognition, or critical employment evidence.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">EB-2 NIW</span>
|
||
<span class="visa-title">National Interest Waiver<small>Self-petition · skip the labor cert</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Self</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Permanent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Advanced degree</span><span class="v">Typically required</span></div>
|
||
</div>
|
||
<p class="visa-desc">For professionals whose work has substantial merit and national importance. Common for engineers, scientists, and entrepreneurs whose contributions waive the standard labor certification requirement.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">EB-1B</span>
|
||
<span class="visa-title">Outstanding Researcher<small>Employer-sponsored</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Permanent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Experience</span><span class="v">3+ years</span></div>
|
||
</div>
|
||
<p class="visa-desc">For researchers internationally recognized for outstanding work in a specific academic field. Requires a tenure-track or comparable permanent research offer from a US institution.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">EB-2 / EB-3</span>
|
||
<span class="visa-title">Standard Employment-Based<small>Labor cert required</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Permanent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Process</span><span class="v">PERM → I-140 → I-485</span></div>
|
||
</div>
|
||
<p class="visa-desc">The standard employer-sponsored green-card path. Requires PERM labor certification before petitioning. Wait times depend on country of birth and priority date.</p>
|
||
</div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 style="font-size:13px; text-transform:uppercase; letter-spacing:0.1em; color:var(--mute); margin:40px 0 12px;">Nonimmigrant work visas</h3>
|
||
<div class="visa-grid">
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">O-1A</span>
|
||
<span class="visa-title">Extraordinary Ability<small>Science, business, athletics</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer / agent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Up to 3 years, renewable</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">No</span></div>
|
||
</div>
|
||
<p class="visa-desc">For individuals with extraordinary ability in their field. Eight USCIS criteria; three required. Popular alternative to H-1B for senior engineers, researchers, and founders — no lottery, faster timeline.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">O-1B</span>
|
||
<span class="visa-title">Extraordinary Ability — Arts<small>Arts, motion pictures, TV</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer / agent</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Up to 3 years, renewable</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">No</span></div>
|
||
</div>
|
||
<p class="visa-desc">The arts-track counterpart to O-1A. For individuals with distinction in the arts, or extraordinary achievement in motion picture / television production.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">H-1B</span>
|
||
<span class="visa-title">Specialty Occupation<small>Cap-subject lottery</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Up to 6 years</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">Yes (most cases)</span></div>
|
||
</div>
|
||
<p class="visa-desc">The default work visa for professionals with at least a bachelor's degree in a specialty field. Annual lottery; cap-exempt for certain employers (universities, nonprofits).</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">L-1A / L-1B</span>
|
||
<span class="visa-title">Intracompany Transferee<small>Manager / specialized knowledge</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Up to 7 (L-1A) / 5 (L-1B) years</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">No</span></div>
|
||
</div>
|
||
<p class="visa-desc">For employees of multinational companies transferring to a US office. L-1A: executives and managers. L-1B: specialized knowledge workers. Requires 1+ year of qualifying employment abroad.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">TN</span>
|
||
<span class="visa-title">USMCA Professional<small>Canadian & Mexican citizens</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">Up to 3 years, renewable</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">No</span></div>
|
||
</div>
|
||
<p class="visa-desc">Treaty-based work visa for Canadian and Mexican citizens in a defined list of professional occupations. Fast adjudication, often same-day at the border for Canadian applicants.</p>
|
||
</div></div>
|
||
</div>
|
||
|
||
<div class="visa-card">
|
||
<button class="visa-summary">
|
||
<span class="visa-summary-left">
|
||
<span class="visa-code">E-3</span>
|
||
<span class="visa-title">Australian Specialty Occupation<small>Australian citizens</small></span>
|
||
</span>
|
||
<span class="visa-chevron"></span>
|
||
</button>
|
||
<div class="visa-body"><div class="visa-body-inner">
|
||
<div class="visa-meta">
|
||
<div class="visa-meta-item"><span class="k">Sponsorship</span><span class="v">Employer</span></div>
|
||
<div class="visa-meta-item"><span class="k">Validity</span><span class="v">2 years, indefinitely renewable</span></div>
|
||
<div class="visa-meta-item"><span class="k">Cap-subject</span><span class="v">Yes (separate, rarely full)</span></div>
|
||
</div>
|
||
<p class="visa-desc">Australia-only equivalent of H-1B. Dedicated annual cap that rarely fills. Spouses eligible for work authorization.</p>
|
||
</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- By situation panel -->
|
||
<div class="vpanel" data-vtab="situation">
|
||
<div class="situation-grid">
|
||
<div class="situation-card">
|
||
<div class="role">Researcher · academia</div>
|
||
<h3>Postdoc or PI with publications</h3>
|
||
<p>You have peer-reviewed papers, citations, and probably some peer-review service. The screener will usually surface O-1A and EB-1B / EB-1A as top candidates.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">O-1A</span>
|
||
<span class="pill primary">EB-1B</span>
|
||
<span class="pill">EB-1A</span>
|
||
<span class="pill">EB-2 NIW</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="situation-card">
|
||
<div class="role">Founder · startup</div>
|
||
<h3>Building a company in the US</h3>
|
||
<p>Press coverage, fundraising milestones, and product traction are all evidence. Self-petition paths usually win for founders who don't want to be employer-tied.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">O-1A</span>
|
||
<span class="pill primary">EB-1A</span>
|
||
<span class="pill">EB-2 NIW</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="situation-card">
|
||
<div class="role">Engineer · senior IC or lead</div>
|
||
<h3>Senior engineer at a US company</h3>
|
||
<p>Strong salary, patents, talks, and open-source contributions can support extraordinary-ability paths — often a faster route than waiting for the H-1B lottery.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">O-1A</span>
|
||
<span class="pill">H-1B</span>
|
||
<span class="pill">EB-1A</span>
|
||
<span class="pill">EB-2 NIW</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="situation-card">
|
||
<div class="role">Student · F-1 OPT expiring</div>
|
||
<h3>OPT clock running out</h3>
|
||
<p>Most students default to the H-1B lottery. With strong publications, awards, or salary, O-1A may be a viable backup or replacement.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">H-1B</span>
|
||
<span class="pill">O-1A</span>
|
||
<span class="pill">Cap-exempt H-1B</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="situation-card">
|
||
<div class="role">Cross-border employee</div>
|
||
<h3>Transferring within a multinational</h3>
|
||
<p>If you've worked at a related entity abroad for 1+ year, an intracompany transfer is the cleanest path. L-1A for managers, L-1B for specialized knowledge.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">L-1A</span>
|
||
<span class="pill primary">L-1B</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="situation-card">
|
||
<div class="role">Canadian or Mexican professional</div>
|
||
<h3>Working under USMCA</h3>
|
||
<p>If your role is on the TN occupation list and you're a citizen of Canada or Mexico, TN is the fastest and simplest path. Renewable indefinitely.</p>
|
||
<div class="situation-pills">
|
||
<span class="pill primary">TN</span>
|
||
<span class="pill">H-1B</span>
|
||
<span class="pill">O-1A</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOUNDER CREDIBILITY -->
|
||
<section class="section credibility">
|
||
<div class="container">
|
||
<div class="cred-grid">
|
||
<div>
|
||
<div class="eyebrow">Built from inside the system</div>
|
||
<p class="cred-quote">"I came to the US alone at 16, trained as a Kirkland M&A attorney, then managed 150+ immigration matters in-house. I built Abigail because every part of this process is broken — and I've seen it from every seat."</p>
|
||
<p class="cred-author"><strong>Abigail Founder</strong><br>Columbia Law · Kirkland & Ellis · In-house counsel managing H-1B, L-1, O-1 portfolios</p>
|
||
</div>
|
||
<div class="cred-stats">
|
||
<div class="cred-stat">
|
||
<div class="num">150+</div>
|
||
<div class="label">Immigration matters managed in-house by the founder, across H-1B, L-1, and O-1 categories</div>
|
||
</div>
|
||
<div class="cred-stat">
|
||
<div class="num">JD</div>
|
||
<div class="label">Columbia Law School graduate; M&A training at Kirkland & Ellis</div>
|
||
</div>
|
||
<div class="cred-stat">
|
||
<div class="num">4</div>
|
||
<div class="label">Vantage points: immigrant, attorney, in-house counsel, enterprise client</div>
|
||
</div>
|
||
<div class="cred-stat">
|
||
<div class="num">Ivy / BigLaw</div>
|
||
<div class="label">The standard for every reviewing attorney we engage</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FINAL CTA -->
|
||
<section style="padding-top:80px">
|
||
<div class="container">
|
||
<div class="cta-band">
|
||
<h2>Your pathways, in 5 minutes.</h2>
|
||
<p>Run the free AI screener. See your candidate visas and green-card roadmap before you spend a dollar.</p>
|
||
<div class="cta-buttons">
|
||
<a href="#hero" class="btn-primary">Start free screener</a>
|
||
<a href="abigail_pricing.html" class="btn-secondary">See pricing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="container">
|
||
<div>
|
||
<div class="brand" style="color:var(--ink); margin-bottom:8px;">Abigail<span class="brand-dot">.</span></div>
|
||
<div>AI-native immigration platform</div>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div>
|
||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Product</div>
|
||
<div><a href="abigail_individuals.html">Individuals</a></div>
|
||
<div><a href="abigail_pricing.html">Employers</a></div>
|
||
<div><a href="#hero">Screener</a></div>
|
||
</div>
|
||
<div>
|
||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Company</div>
|
||
<div><a href="#">About</a></div>
|
||
<div><a href="#">Security</a></div>
|
||
<div><a href="#">Contact</a></div>
|
||
</div>
|
||
<div>
|
||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Legal</div>
|
||
<div><a href="#">Terms</a></div>
|
||
<div><a href="#">Privacy</a></div>
|
||
<div><a href="#">Legal services</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="disclaimer">
|
||
Abigail Technologies, Inc. operates an AI-native immigration platform and does not provide legal services. Legal services, where elected, are provided by Abigail Legal Services, P.C. through a separate engagement letter. Information on this site is for general informational purposes and is not legal advice. Use of the platform's screener output does not constitute an attorney-client relationship.
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Resources dropdown
|
||
const dd = document.getElementById("resourcesDropdown");
|
||
if (dd) {
|
||
const trigger = dd.querySelector(".nav-trigger");
|
||
trigger.addEventListener("click", (e) => {
|
||
e.stopPropagation();
|
||
dd.classList.toggle("open");
|
||
});
|
||
document.addEventListener("click", () => dd.classList.remove("open"));
|
||
dd.querySelector(".dropdown-menu").addEventListener("click", (e) => e.stopPropagation());
|
||
}
|
||
|
||
// Visa directory tabs
|
||
const vtabs = document.querySelectorAll(".tab-row button");
|
||
const vpanels = document.querySelectorAll(".vpanel");
|
||
vtabs.forEach(btn => {
|
||
btn.addEventListener("click", () => {
|
||
vtabs.forEach(b => b.classList.toggle("active", b === btn));
|
||
vpanels.forEach(p => p.classList.toggle("active", p.dataset.vtab === btn.dataset.vtab));
|
||
});
|
||
});
|
||
|
||
// Visa cards expand/collapse
|
||
document.querySelectorAll(".visa-summary").forEach(s => {
|
||
s.addEventListener("click", () => s.parentElement.classList.toggle("open"));
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|