1212 lines
40 KiB
HTML
1212 lines
40 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>For Employers — 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;
|
||
--halt: #D7423F;
|
||
--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 */
|
||
.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);
|
||
margin: 0 0 28px;
|
||
}
|
||
.hero-trust {
|
||
display: flex; gap: 24px; align-items: center;
|
||
font-size: 13px; color: var(--mute);
|
||
flex-wrap: wrap;
|
||
}
|
||
.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; margin-bottom: 12px; }
|
||
.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;
|
||
}
|
||
|
||
/* Logos band */
|
||
.logos {
|
||
padding: 32px 0;
|
||
border-top: 1px solid var(--rule);
|
||
border-bottom: 1px solid var(--rule);
|
||
background: var(--paper-2);
|
||
}
|
||
.logos-head {
|
||
text-align: center;
|
||
font-size: 11px; font-weight: 600;
|
||
color: var(--mute);
|
||
letter-spacing: 0.12em; text-transform: uppercase;
|
||
margin-bottom: 20px;
|
||
}
|
||
.logos-grid {
|
||
display: flex; flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 48px;
|
||
align-items: center;
|
||
}
|
||
.logo-pill {
|
||
font-family: "JetBrains Mono", monospace;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: var(--mute);
|
||
letter-spacing: -0.01em;
|
||
}
|
||
|
||
/* 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;
|
||
max-width: 720px;
|
||
margin-left: auto; margin-right: auto;
|
||
}
|
||
.section-head p {
|
||
font-size: 17px; color: var(--mute);
|
||
max-width: 600px; margin: 0 auto;
|
||
}
|
||
|
||
/* Pain points */
|
||
.pains {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 20px;
|
||
}
|
||
.pain-card {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-left: 3px solid var(--halt);
|
||
border-radius: 12px;
|
||
padding: 28px;
|
||
}
|
||
.pain-card h3 {
|
||
font-size: 17px; font-weight: 600;
|
||
margin: 0 0 8px;
|
||
}
|
||
.pain-card p {
|
||
font-size: 14px; color: var(--mute);
|
||
margin: 0; line-height: 1.6;
|
||
}
|
||
.pain-strike {
|
||
text-decoration: line-through;
|
||
color: var(--mute);
|
||
font-size: 13px;
|
||
margin-top: 12px;
|
||
}
|
||
.pain-result {
|
||
margin-top: 12px;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
color: var(--signal);
|
||
}
|
||
|
||
/* Mechanism cards */
|
||
.mechanisms {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 20px;
|
||
}
|
||
.mech-card {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
border-radius: 16px;
|
||
padding: 32px;
|
||
}
|
||
.mech-num {
|
||
font-family: "JetBrains Mono", monospace;
|
||
font-size: 12px;
|
||
color: var(--signal);
|
||
letter-spacing: 0.08em;
|
||
margin-bottom: 16px;
|
||
}
|
||
.mech-card h3 {
|
||
font-size: 20px; font-weight: 600;
|
||
margin: 0 0 12px;
|
||
letter-spacing: -0.01em;
|
||
}
|
||
.mech-card p {
|
||
font-size: 14px; color: var(--mute-2);
|
||
margin: 0 0 20px;
|
||
line-height: 1.6;
|
||
}
|
||
.mech-card ul {
|
||
list-style: none; padding: 0; margin: 0;
|
||
font-size: 13px;
|
||
}
|
||
.mech-card ul li {
|
||
padding: 6px 0 6px 20px;
|
||
position: relative;
|
||
border-top: 1px solid var(--rule-dark);
|
||
}
|
||
.mech-card ul li:first-child { border-top: 0; }
|
||
.mech-card ul li::before {
|
||
content: "→";
|
||
position: absolute;
|
||
left: 0;
|
||
color: var(--signal);
|
||
}
|
||
|
||
/* Integrations */
|
||
.int-section { background: var(--paper-2); }
|
||
.int-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 16px;
|
||
}
|
||
.int-card {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 12px;
|
||
padding: 24px;
|
||
display: flex; flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 12px;
|
||
transition: border-color 0.15s, transform 0.15s;
|
||
}
|
||
.int-card:hover {
|
||
border-color: var(--signal);
|
||
transform: translateY(-2px);
|
||
}
|
||
.int-name {
|
||
font-weight: 600; font-size: 15px;
|
||
}
|
||
.int-tag {
|
||
font-size: 11px;
|
||
color: var(--mute);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.int-status {
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
padding: 3px 8px;
|
||
border-radius: 999px;
|
||
background: var(--paper-2);
|
||
color: var(--ink);
|
||
}
|
||
.int-status.live { background: rgba(46,107,255,0.1); color: var(--signal); }
|
||
.int-status.soon { background: rgba(232,163,61,0.15); color: var(--caution); }
|
||
|
||
/* Product walkthrough */
|
||
.walk-row {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1.2fr;
|
||
gap: 64px;
|
||
align-items: center;
|
||
margin-bottom: 80px;
|
||
}
|
||
.walk-row.reverse { grid-template-columns: 1.2fr 1fr; }
|
||
.walk-row.reverse .walk-text { order: 2; }
|
||
.walk-row.reverse .walk-visual { order: 1; }
|
||
.walk-text h3 {
|
||
font-size: 28px; font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
margin: 0 0 16px;
|
||
line-height: 1.2;
|
||
}
|
||
.walk-text p {
|
||
font-size: 16px; color: var(--mute);
|
||
margin: 0 0 20px;
|
||
line-height: 1.6;
|
||
}
|
||
.walk-text ul {
|
||
list-style: none; padding: 0; margin: 0;
|
||
font-size: 14px;
|
||
}
|
||
.walk-text ul li {
|
||
padding: 6px 0 6px 24px;
|
||
position: relative;
|
||
}
|
||
.walk-text ul li::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0; top: 12px;
|
||
width: 14px; height: 14px;
|
||
background: var(--signal);
|
||
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3 3 7-7' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
|
||
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3 3 7-7' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
|
||
}
|
||
|
||
/* Mock UI panels */
|
||
.mock {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
box-shadow: 0 10px 40px rgba(10,14,26,0.06);
|
||
}
|
||
.mock-bar {
|
||
background: var(--paper-2);
|
||
padding: 10px 16px;
|
||
border-bottom: 1px solid var(--rule);
|
||
display: flex; align-items: center; gap: 6px;
|
||
font-size: 11px;
|
||
color: var(--mute);
|
||
}
|
||
.mock-bar .dot {
|
||
width: 10px; height: 10px; border-radius: 50%;
|
||
background: var(--mute-2);
|
||
}
|
||
.mock-bar .label {
|
||
margin-left: 12px;
|
||
font-family: "JetBrains Mono", monospace;
|
||
}
|
||
.mock-body { padding: 20px; }
|
||
|
||
.profile-row {
|
||
display: flex; justify-content: space-between;
|
||
padding: 12px 0;
|
||
border-top: 1px solid var(--rule);
|
||
font-size: 13px;
|
||
}
|
||
.profile-row:first-child { border-top: 0; }
|
||
.profile-row .k { color: var(--mute); }
|
||
.profile-row .v { font-weight: 500; font-family: "JetBrains Mono", monospace; }
|
||
|
||
.alert-row {
|
||
display: flex; gap: 12px;
|
||
padding: 12px;
|
||
border-radius: 8px;
|
||
background: var(--paper-2);
|
||
margin-bottom: 8px;
|
||
font-size: 13px;
|
||
align-items: flex-start;
|
||
}
|
||
.alert-row .badge {
|
||
flex-shrink: 0;
|
||
width: 24px; height: 24px;
|
||
background: var(--caution);
|
||
color: white;
|
||
border-radius: 50%;
|
||
display: flex; align-items: center; justify-content: center;
|
||
font-weight: 700;
|
||
font-size: 13px;
|
||
}
|
||
.alert-row .badge.halt { background: var(--halt); }
|
||
.alert-row .text { flex: 1; line-height: 1.45; }
|
||
.alert-row .text strong { display: block; margin-bottom: 2px; }
|
||
.alert-row .text small { color: var(--mute); }
|
||
|
||
.form-line {
|
||
display: flex; justify-content: space-between;
|
||
padding: 10px 0;
|
||
font-size: 13px;
|
||
border-top: 1px solid var(--rule);
|
||
}
|
||
.form-line:first-child { border-top: 0; }
|
||
.form-line .field-label {
|
||
color: var(--mute);
|
||
font-family: "JetBrains Mono", monospace;
|
||
font-size: 12px;
|
||
}
|
||
.form-line .field-value {
|
||
font-weight: 500;
|
||
}
|
||
.form-line .field-value::after {
|
||
content: " ✓";
|
||
color: var(--signal);
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* Compliance band */
|
||
.compliance {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
padding: 80px 0;
|
||
}
|
||
.compliance .section-head h2 { color: var(--paper); }
|
||
.compliance .section-head p { color: var(--mute-2); }
|
||
.compliance-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 16px;
|
||
}
|
||
.comp-card {
|
||
background: var(--ink-2);
|
||
border: 1px solid var(--rule-dark);
|
||
border-radius: 12px;
|
||
padding: 24px;
|
||
}
|
||
.comp-card .num {
|
||
font-size: 28px; font-weight: 700;
|
||
color: var(--signal);
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 4px;
|
||
line-height: 1;
|
||
}
|
||
.comp-card h4 {
|
||
font-size: 15px; font-weight: 600;
|
||
margin: 12px 0 6px;
|
||
}
|
||
.comp-card p {
|
||
font-size: 13px;
|
||
color: var(--mute-2);
|
||
margin: 0;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
/* Comparison table */
|
||
.compare-table {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
.compare-row {
|
||
display: grid;
|
||
grid-template-columns: 1.4fr repeat(3, 1fr);
|
||
padding: 16px 24px;
|
||
border-top: 1px solid var(--rule);
|
||
font-size: 14px;
|
||
align-items: center;
|
||
}
|
||
.compare-row:first-child { border-top: 0; }
|
||
.compare-row.head {
|
||
background: var(--paper-2);
|
||
font-size: 11px; font-weight: 600;
|
||
letter-spacing: 0.1em; text-transform: uppercase;
|
||
color: var(--mute);
|
||
}
|
||
.compare-row.head .col-abigail { color: var(--signal); }
|
||
.col-feat { font-weight: 500; }
|
||
.col-abigail { color: var(--signal); font-weight: 600; }
|
||
|
||
/* Tier preview */
|
||
.tier-preview {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 20px;
|
||
}
|
||
.tier-card {
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--rule);
|
||
border-radius: 16px;
|
||
padding: 28px;
|
||
}
|
||
.tier-card.featured {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
border-color: var(--ink);
|
||
}
|
||
.tier-card .name {
|
||
font-size: 13px; font-weight: 600;
|
||
color: var(--mute);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
margin-bottom: 8px;
|
||
}
|
||
.tier-card.featured .name { color: var(--mute-2); }
|
||
.tier-card .price {
|
||
font-size: 32px; font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 4px;
|
||
}
|
||
.tier-card .unit { font-size: 13px; color: var(--mute); }
|
||
.tier-card.featured .unit { color: var(--mute-2); }
|
||
.tier-card .for {
|
||
font-size: 14px; color: var(--mute);
|
||
margin: 12px 0 0;
|
||
}
|
||
.tier-card.featured .for { color: var(--mute-2); }
|
||
|
||
/* 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;
|
||
}
|
||
|
||
@media (max-width: 880px) {
|
||
.hero h1 { font-size: 40px; }
|
||
.hero-grid, .walk-row, .walk-row.reverse { grid-template-columns: 1fr; gap: 32px; }
|
||
.walk-row.reverse .walk-text, .walk-row.reverse .walk-visual { order: unset; }
|
||
.pains, .mechanisms, .int-grid, .compliance-grid, .tier-preview {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.compare-row { grid-template-columns: 1fr; gap: 6px; }
|
||
.compare-row.head { display: none; }
|
||
.compare-row > div::before {
|
||
content: attr(data-label);
|
||
display: block;
|
||
font-size: 11px;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
color: var(--mute);
|
||
margin-bottom: 2px;
|
||
}
|
||
.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">Individuals</a>
|
||
<a href="abigail_employers.html" class="active">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="abigail_individuals.html#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">Book a demo</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero" id="hero">
|
||
<div class="container">
|
||
<div class="hero-grid">
|
||
<div>
|
||
<div class="eyebrow">For employers</div>
|
||
<h1>Immigration <em>infrastructure,</em><br>not outside counsel.</h1>
|
||
<p class="hero-lead">A live HR-integrated system of record for your global mobility program. Forms auto-populate from Workday or Rippling. Compliance runs automatically. Filings ship in 5 business days, not 5 weeks.</p>
|
||
<div class="hero-trust">
|
||
<span><span class="dot"></span>Zero-touch form generation</span>
|
||
<span><span class="dot"></span>5-year PAF compliance</span>
|
||
<span><span class="dot"></span>SOC 2 roadmap</span>
|
||
</div>
|
||
</div>
|
||
|
||
<form class="lead-form" onsubmit="event.preventDefault(); alert('Demo request received — we will be in touch within 1 business day.');">
|
||
<div class="lead-form-title">Book a 30-min demo.</div>
|
||
<div class="lead-form-sub">See your Company Master Profile live in your tenant</div>
|
||
<div class="form-row">
|
||
<div class="field" style="margin:0">
|
||
<label>First name</label>
|
||
<input type="text" required>
|
||
</div>
|
||
<div class="field" style="margin:0">
|
||
<label>Last name</label>
|
||
<input type="text" required>
|
||
</div>
|
||
</div>
|
||
<div class="field">
|
||
<label>Work email</label>
|
||
<input type="email" required>
|
||
</div>
|
||
<div class="field">
|
||
<label>Company</label>
|
||
<input type="text" required>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="field" style="margin:0">
|
||
<label>Role</label>
|
||
<select>
|
||
<option>People / HR</option>
|
||
<option>Legal / GC</option>
|
||
<option>Talent / Recruiting</option>
|
||
<option>Finance / Ops</option>
|
||
<option>Founder / Exec</option>
|
||
</select>
|
||
</div>
|
||
<div class="field" style="margin:0">
|
||
<label>Foreign employees</label>
|
||
<select>
|
||
<option>1–10</option>
|
||
<option>11–50</option>
|
||
<option>51–200</option>
|
||
<option>200+</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="field">
|
||
<label>Current HRIS</label>
|
||
<select>
|
||
<option>Choose…</option>
|
||
<option>Rippling</option>
|
||
<option>Workday</option>
|
||
<option>BambooHR</option>
|
||
<option>Gusto</option>
|
||
<option>SAP SuccessFactors</option>
|
||
<option>Other / None</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="form-submit">Request demo</button>
|
||
<div class="form-fine">By submitting, you agree to be contacted about Abigail. We never share company data. Demos do not constitute legal advice.</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- LOGOS / HRIS -->
|
||
<section class="logos">
|
||
<div class="container">
|
||
<div class="logos-head">Connects directly to your HRIS</div>
|
||
<div class="logos-grid">
|
||
<div class="logo-pill">Rippling</div>
|
||
<div class="logo-pill">Workday</div>
|
||
<div class="logo-pill">BambooHR</div>
|
||
<div class="logo-pill">Gusto</div>
|
||
<div class="logo-pill">SAP SuccessFactors</div>
|
||
<div class="logo-pill">ADP</div>
|
||
<div class="logo-pill">Justworks</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PAIN POINTS -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Outside counsel runs on spreadsheets and email.</h2>
|
||
<p>Even at $25K+ per filing, the HR-to-counsel handoff hasn't fundamentally changed in 20 years. Here's what every people team deals with.</p>
|
||
</div>
|
||
<div class="pains">
|
||
<div class="pain-card">
|
||
<h3>The data courier problem</h3>
|
||
<p>Every filing means HR exporting the same headcount, salary bands, job descriptions, and org charts from Workday — then emailing them to counsel. Next quarter, they ask again.</p>
|
||
<div class="pain-strike">Manual export → email → counsel re-enters into forms</div>
|
||
<div class="pain-result">→ Eliminated. Live API ingestion.</div>
|
||
</div>
|
||
<div class="pain-card">
|
||
<h3>RFEs from preventable errors</h3>
|
||
<p>Transliterated names, mismatched dates, missing pay-stub gaps — overworked paralegals managing 50–100 cases miss the basics. RFEs freeze your employee's ability to travel for months.</p>
|
||
<div class="pain-strike">Paralegal catches issue in week 4 of prep</div>
|
||
<div class="pain-result">→ AI consistency check catches it at upload.</div>
|
||
</div>
|
||
<div class="pain-card">
|
||
<h3>Compliance is a billable hour</h3>
|
||
<p>Public Access Files, 5-year retention, LCA amendments — every compliance review is another invoice. There's no system of record outside the firm's internal docket.</p>
|
||
<div class="pain-strike">Hourly compliance audits, no continuity</div>
|
||
<div class="pain-result">→ Automated, continuous, audit-ready.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- THE THREE MECHANISMS -->
|
||
<section class="section" style="background:var(--paper-2);">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="eyebrow">The Zero-Touch System of Record</div>
|
||
<h2>Three mechanisms. One platform.</h2>
|
||
<p>Abigail isn't a faster law firm. It's the infrastructure layer between your HRIS and immigration filings.</p>
|
||
</div>
|
||
<div class="mechanisms">
|
||
<div class="mech-card">
|
||
<div class="mech-num">MECHANISM 01</div>
|
||
<h3>Continuous API ingestion</h3>
|
||
<p>Abigail syncs your live Company Master Profile from your HRIS — headcount, compensation, job descriptions, role changes, org structure — in real time, not at filing time.</p>
|
||
<ul>
|
||
<li>Rippling, Workday, BambooHR, Gusto, SAP</li>
|
||
<li>Read-only by default, scoped permissions</li>
|
||
<li>Auto-sync on HRIS data changes</li>
|
||
</ul>
|
||
</div>
|
||
<div class="mech-card">
|
||
<div class="mech-num">MECHANISM 02</div>
|
||
<h3>Zero-touch form generation</h3>
|
||
<p>When HR clicks "Initiate H-1B," LCAs, I-129s, and all employer-side forms auto-populate from the live profile. HR confirms a summary — they don't fill out questionnaires.</p>
|
||
<ul>
|
||
<li>LCA, I-129 B/C, job description addendum</li>
|
||
<li>Zero data re-entry across filings</li>
|
||
<li>Consistency guaranteed across every petition</li>
|
||
</ul>
|
||
</div>
|
||
<div class="mech-card">
|
||
<div class="mech-num">MECHANISM 03</div>
|
||
<h3>Automated 5-year compliance</h3>
|
||
<p>Public Access Files generated and stored on every LCA. 5-year retention clock tracked. Status-change alerts proactive. Audit reports on demand. No billable hours required.</p>
|
||
<ul>
|
||
<li>PAF generation + immutable storage</li>
|
||
<li>Status-expiration alerts (60 / 30 / 7 days)</li>
|
||
<li>Audit-ready reporting in one click</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- INTEGRATIONS -->
|
||
<section class="section int-section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Integrations</h2>
|
||
<p>Live HRIS sync at launch. SSO and additional connectors on the roadmap.</p>
|
||
</div>
|
||
<div class="int-grid">
|
||
<div class="int-card">
|
||
<div class="int-name">Rippling</div>
|
||
<div class="int-tag">HRIS · Payroll</div>
|
||
<span class="int-status live">Live</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">Workday</div>
|
||
<div class="int-tag">HRIS · Enterprise</div>
|
||
<span class="int-status live">Live</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">BambooHR</div>
|
||
<div class="int-tag">HRIS · Mid-market</div>
|
||
<span class="int-status live">Live</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">Gusto</div>
|
||
<div class="int-tag">HRIS · Payroll</div>
|
||
<span class="int-status live">Live</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">SAP SuccessFactors</div>
|
||
<div class="int-tag">HRIS · Enterprise</div>
|
||
<span class="int-status soon">Q3 2026</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">ADP</div>
|
||
<div class="int-tag">Payroll</div>
|
||
<span class="int-status soon">Q3 2026</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">Okta SSO</div>
|
||
<div class="int-tag">Identity</div>
|
||
<span class="int-status soon">Q4 2026</span>
|
||
</div>
|
||
<div class="int-card">
|
||
<div class="int-name">Azure AD</div>
|
||
<div class="int-tag">Identity</div>
|
||
<span class="int-status soon">Q4 2026</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- WALKTHROUGH -->
|
||
<section class="section" id="walkthrough" style="scroll-margin-top:80px;">
|
||
<div class="container">
|
||
|
||
<div class="section-head">
|
||
<div class="eyebrow">How it works</div>
|
||
<h2>From "Connect HRIS" to filed.</h2>
|
||
<p>Three product surfaces your HR team will actually use.</p>
|
||
</div>
|
||
|
||
<!-- Row 1 -->
|
||
<div class="walk-row">
|
||
<div class="walk-text">
|
||
<h3>The Company Master Profile</h3>
|
||
<p>One source of truth, synced from your HRIS. Headcount, compensation bands, job descriptions, org chart — all current, all auditable.</p>
|
||
<ul>
|
||
<li>Auto-syncs on HRIS data change</li>
|
||
<li>Read-only mirror of your authoritative HR data</li>
|
||
<li>Powers every filing in your tenant</li>
|
||
</ul>
|
||
</div>
|
||
<div class="walk-visual">
|
||
<div class="mock">
|
||
<div class="mock-bar">
|
||
<div class="dot"></div><div class="dot"></div><div class="dot"></div>
|
||
<div class="label">acme-robotics · Company Master Profile</div>
|
||
</div>
|
||
<div class="mock-body">
|
||
<div class="profile-row"><span class="k">Headcount</span><span class="v">142</span></div>
|
||
<div class="profile-row"><span class="k">Foreign nationals</span><span class="v">12</span></div>
|
||
<div class="profile-row"><span class="k">H-1B active</span><span class="v">4</span></div>
|
||
<div class="profile-row"><span class="k">O-1 active</span><span class="v">2</span></div>
|
||
<div class="profile-row"><span class="k">L-1 active</span><span class="v">1</span></div>
|
||
<div class="profile-row"><span class="k">F-1 OPT</span><span class="v">5</span></div>
|
||
<div class="profile-row"><span class="k">Last HRIS sync</span><span class="v">2 minutes ago · Rippling</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Row 2 -->
|
||
<div class="walk-row reverse">
|
||
<div class="walk-text">
|
||
<h3>The Compliance Dashboard</h3>
|
||
<p>What used to be a quarterly billable hour, running continuously. Renewals, LCA amendments, status expirations — all surfaced before they become problems.</p>
|
||
<ul>
|
||
<li>60 / 30 / 7-day expiration alerts</li>
|
||
<li>Automatic LCA amendment triggers on salary change</li>
|
||
<li>5-year PAF retention clock tracked per filing</li>
|
||
</ul>
|
||
</div>
|
||
<div class="walk-visual">
|
||
<div class="mock">
|
||
<div class="mock-bar">
|
||
<div class="dot"></div><div class="dot"></div><div class="dot"></div>
|
||
<div class="label">acme-robotics · Compliance · Q3 2026</div>
|
||
</div>
|
||
<div class="mock-body">
|
||
<div class="alert-row">
|
||
<div class="badge">2</div>
|
||
<div class="text"><strong>H-1B renewals due in 45 days</strong><small>Wei Chen, Priya Shah — auto-initiate?</small></div>
|
||
</div>
|
||
<div class="alert-row">
|
||
<div class="badge halt">!</div>
|
||
<div class="text"><strong>LCA amendment triggered</strong><small>Salary change detected via Rippling sync · Marco Reyes</small></div>
|
||
</div>
|
||
<div class="alert-row">
|
||
<div class="badge">1</div>
|
||
<div class="text"><strong>F-1 OPT expiring in 90 days</strong><small>Kenta Yamada — review H-1B pathway</small></div>
|
||
</div>
|
||
<div class="alert-row">
|
||
<div class="badge">✓</div>
|
||
<div class="text"><strong>5 PAFs generated this quarter</strong><small>All in-cycle · retention through 2031</small></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Row 3 -->
|
||
<div class="walk-row">
|
||
<div class="walk-text">
|
||
<h3>One-click filing initiation</h3>
|
||
<p>HR clicks "Initiate H-1B." Employer-side forms — LCA, I-129 B/C, job description addendum — pre-populate from the Master Profile. The employee fills their own intake directly in Abigail. No questionnaire from outside counsel.</p>
|
||
<ul>
|
||
<li>Zero forms HR has to fill out</li>
|
||
<li>Employee intake embedded — no email coordination</li>
|
||
<li>5-business-day prep target, intake to attorney-ready</li>
|
||
</ul>
|
||
</div>
|
||
<div class="walk-visual">
|
||
<div class="mock">
|
||
<div class="mock-bar">
|
||
<div class="dot"></div><div class="dot"></div><div class="dot"></div>
|
||
<div class="label">H-1B · Wei Chen · Auto-populated from Master Profile</div>
|
||
</div>
|
||
<div class="mock-body">
|
||
<div class="form-line"><span class="field-label">employer_name</span><span class="field-value">Acme Robotics, Inc.</span></div>
|
||
<div class="form-line"><span class="field-label">fein</span><span class="field-value">XX-XXXXXXX</span></div>
|
||
<div class="form-line"><span class="field-label">job_title</span><span class="field-value">Senior ML Engineer</span></div>
|
||
<div class="form-line"><span class="field-label">wage_offer</span><span class="field-value">$215,000 / year</span></div>
|
||
<div class="form-line"><span class="field-label">lca_case_number</span><span class="field-value">I-200-26174-XXXXXX</span></div>
|
||
<div class="form-line"><span class="field-label">worksite_address</span><span class="field-value">San Francisco, CA</span></div>
|
||
<div class="form-line"><span class="field-label">soc_code</span><span class="field-value">15-2051</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- COMPLIANCE / SECURITY -->
|
||
<section class="compliance">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Built for enterprise security and compliance.</h2>
|
||
<p>Immigration data is among the most sensitive HR data your company holds. Treat it accordingly.</p>
|
||
</div>
|
||
<div class="compliance-grid">
|
||
<div class="comp-card">
|
||
<div class="num">SOC 2</div>
|
||
<h4>Type II on roadmap</h4>
|
||
<p>Type I in Q3 2026, Type II in Q4. Audit firm engaged.</p>
|
||
</div>
|
||
<div class="comp-card">
|
||
<div class="num">AES-256</div>
|
||
<h4>Encryption at rest</h4>
|
||
<p>All immigration documents encrypted with customer-managed keys on the Enterprise tier.</p>
|
||
</div>
|
||
<div class="comp-card">
|
||
<div class="num">5-year</div>
|
||
<h4>PAF retention</h4>
|
||
<p>Automatic Public Access File generation and immutable retention per USCIS regulations.</p>
|
||
</div>
|
||
<div class="comp-card">
|
||
<div class="num">Audit</div>
|
||
<h4>Full audit log</h4>
|
||
<p>Every access, every change, every filing event — exportable for compliance review.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- COMPARISON -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="eyebrow">vs. the alternatives</div>
|
||
<h2>HR data should flow to the AI, not to the lawyer.</h2>
|
||
<p>Alma has 60+ HRIS integrations. They feed an attorney-primary workflow. That's why their O-1A is still $8,000.</p>
|
||
</div>
|
||
|
||
<div class="compare-table">
|
||
<div class="compare-row head">
|
||
<div>Capability</div>
|
||
<div class="col-abigail">Abigail</div>
|
||
<div>Alma</div>
|
||
<div>BigLaw (H&K, Fragomen)</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">HR API integration</div>
|
||
<div class="col-abigail" data-label="Abigail">Live · feeds AI</div>
|
||
<div data-label="Alma">Live · feeds attorney</div>
|
||
<div data-label="BigLaw">None · manual export</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">Form generation</div>
|
||
<div class="col-abigail" data-label="Abigail">Zero-touch · auto-populated</div>
|
||
<div data-label="Alma">Attorney-mediated</div>
|
||
<div data-label="BigLaw">Manual questionnaire</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">Continuous compliance</div>
|
||
<div class="col-abigail" data-label="Abigail">Automated</div>
|
||
<div data-label="Alma">Partial</div>
|
||
<div data-label="BigLaw">Hourly billed</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">O-1A flat fee</div>
|
||
<div class="col-abigail" data-label="Abigail">$5,500 (Atty review)</div>
|
||
<div data-label="Alma">$8,000</div>
|
||
<div data-label="BigLaw">$15K–$25K</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">Prep turnaround</div>
|
||
<div class="col-abigail" data-label="Abigail">5 business days</div>
|
||
<div data-label="Alma">2 weeks</div>
|
||
<div data-label="BigLaw">4–6 weeks</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">Persistent system of record</div>
|
||
<div class="col-abigail" data-label="Abigail">Yes</div>
|
||
<div data-label="Alma">Partial</div>
|
||
<div data-label="BigLaw">No</div>
|
||
</div>
|
||
<div class="compare-row">
|
||
<div class="col-feat" data-label="Capability">Attorney credential</div>
|
||
<div class="col-abigail" data-label="Abigail">Ivy / BigLaw</div>
|
||
<div data-label="Alma">Mixed network</div>
|
||
<div data-label="BigLaw">BigLaw</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- TIER PREVIEW -->
|
||
<section class="section" style="background:var(--paper-2);">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<h2>Plans that scale with your foreign-national headcount.</h2>
|
||
<p>Annual SaaS subscription + per-filing flat fees. Volume bundles on the Enterprise tier.</p>
|
||
</div>
|
||
<div class="tier-preview">
|
||
<div class="tier-card">
|
||
<div class="name">Starter</div>
|
||
<div class="price">$3,000<span class="unit"> / year</span></div>
|
||
<p class="for">1–10 foreign-national employees. Rippling / BambooHR / Gusto integration. Compliance dashboard.</p>
|
||
</div>
|
||
<div class="tier-card featured">
|
||
<div class="name">Growth</div>
|
||
<div class="price">$10,000<span class="unit"> / year</span></div>
|
||
<p class="for">Up to 50 sponsored employees. Workday + SAP. Embedded employee intake. Implementation manager.</p>
|
||
</div>
|
||
<div class="tier-card">
|
||
<div class="name">Enterprise</div>
|
||
<div class="price">Custom</div>
|
||
<p class="for">Unlimited headcount. SSO, custom roles, SOC 2 Type II report, data residency, named legal partner.</p>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center; margin-top:32px;">
|
||
<a href="abigail_pricing.html" class="btn-primary" style="display:inline-block;">See full pricing →</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FINAL CTA -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="cta-band">
|
||
<h2>Replace the data courier.<br>Run immigration as infrastructure.</h2>
|
||
<p>30-minute demo. We'll connect a test HRIS tenant and show your Company Master Profile populate in real time.</p>
|
||
<div class="cta-buttons">
|
||
<a href="#hero" class="btn-primary">Book a demo</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_employers.html">Employers</a></div>
|
||
<div><a href="abigail_pricing.html">Pricing</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. Demos and screener output do not constitute an attorney-client relationship.
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
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());
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|