Add v1 services pages
This commit is contained in:
seven
307
v1/attorneys.html
Normal file
307
v1/attorneys.html
Normal file
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Attorney Network — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.standards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.standard-card {
|
||||
background: var(--ink-2);
|
||||
border: 1px solid var(--rule-dark);
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
}
|
||||
.standard-card .num {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
color: var(--signal);
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.08em;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.standard-card h3 { font-size: 15px; font-weight: 600; color: var(--paper); margin: 0 0 8px; }
|
||||
.standard-card p { font-size: 13px; color: var(--mute-2); margin: 0; line-height: 1.5; }
|
||||
|
||||
.role-grid {
|
||||
display: grid; grid-template-columns: repeat(2, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
.role-card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 16px;
|
||||
padding: 32px;
|
||||
}
|
||||
.role-card .role-label {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 12px;
|
||||
color: var(--signal);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.role-card h3 {
|
||||
font-size: 22px; font-weight: 700;
|
||||
letter-spacing: -0.01em;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.role-card .role-desc {
|
||||
font-size: 14px;
|
||||
color: var(--mute);
|
||||
margin: 0 0 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.role-card .credentials {
|
||||
display: flex; flex-direction: column;
|
||||
gap: 8px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid var(--rule);
|
||||
}
|
||||
.role-card .credentials .row {
|
||||
display: flex; justify-content: space-between;
|
||||
font-size: 13px;
|
||||
}
|
||||
.role-card .credentials .k {
|
||||
color: var(--mute);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
font-size: 11px;
|
||||
}
|
||||
.role-card .credentials .v {
|
||||
font-weight: 600;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.vetting-grid {
|
||||
display: grid; grid-template-columns: repeat(4, 1fr);
|
||||
gap: 24px;
|
||||
}
|
||||
.vetting-step { text-align: center; }
|
||||
.vetting-num {
|
||||
width: 44px; height: 44px;
|
||||
border-radius: 50%;
|
||||
background: var(--paper);
|
||||
border: 2px solid var(--ink);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
margin: 0 auto 14px;
|
||||
}
|
||||
.vetting-step h3 { font-size: 15px; font-weight: 600; margin: 0 0 6px; }
|
||||
.vetting-step p { font-size: 13px; color: var(--mute); margin: 0; line-height: 1.5; }
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.standards-grid, .role-grid, .vetting-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="attorneys.html" class="active">Attorneys</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="petitions.html">Petitions</a>
|
||||
<a href="press.html">Press support</a>
|
||||
<a href="judging.html">Peer-review intros</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
<a href="login.html" style="color:var(--mute);">Log in</a>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html" class="nav-cta">See pricing</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero centered">
|
||||
<div class="container">
|
||||
<div class="eyebrow">The Attorney Network</div>
|
||||
<h1>The same credentials Fortune 500 companies retain.<br>Without the <em>Fortune 500 invoice.</em></h1>
|
||||
<p class="lead">When you elect attorney review, your case is signed off by an Ivy / BigLaw-trained immigration attorney engaged through Abigail Legal Services, P.C. — not a scattered network of solo practitioners.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section dark">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>The credential floor — every attorney we engage clears it.</h2>
|
||||
<p>A single, verifiable standard. No exceptions, no two-tier sourcing, no offshored review.</p>
|
||||
</div>
|
||||
|
||||
<div class="standards-grid">
|
||||
<div class="standard-card">
|
||||
<div class="num">STANDARD 01</div>
|
||||
<h3>Top-tier JD</h3>
|
||||
<p>Columbia, Stanford, Yale, Harvard, NYU, Chicago, Penn, Berkeley — or an equivalent comparably-ranked law program.</p>
|
||||
</div>
|
||||
<div class="standard-card">
|
||||
<div class="num">STANDARD 02</div>
|
||||
<h3>BigLaw training</h3>
|
||||
<p>At least three years at an AmLaw 100 firm (Kirkland, Latham, Cravath, Skadden, Wachtell, S&C, etc.) before joining the network.</p>
|
||||
</div>
|
||||
<div class="standard-card">
|
||||
<div class="num">STANDARD 03</div>
|
||||
<h3>Immigration depth</h3>
|
||||
<p>Substantive employment-immigration experience: 50+ approved O-1A / EB-1 / H-1B petitions or equivalent in-house immigration leadership.</p>
|
||||
</div>
|
||||
<div class="standard-card">
|
||||
<div class="num">STANDARD 04</div>
|
||||
<h3>Active US bar</h3>
|
||||
<p>Bar admission in good standing in a US jurisdiction. Malpractice insurance carried through Abigail Legal Services, P.C.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>How the roles work.</h2>
|
||||
<p>Every reviewed case has a named attorney of record. Most cases are handled by a single senior attorney; complex matters add a partner.</p>
|
||||
</div>
|
||||
|
||||
<div class="role-grid">
|
||||
<div class="role-card">
|
||||
<div class="role-label">Lead Reviewing Attorney</div>
|
||||
<h3>The attorney on your case.</h3>
|
||||
<p class="role-desc">Reviews the AI-prepared package end-to-end, annotates and revises where needed, signs the petition, and serves as your point of contact through filing and any post-filing actions in the Lifecycle tier.</p>
|
||||
<div class="credentials">
|
||||
<div class="row"><span class="k">Training</span><span class="v">Top-tier JD · BigLaw</span></div>
|
||||
<div class="row"><span class="k">Experience</span><span class="v">5–15 years immigration</span></div>
|
||||
<div class="row"><span class="k">Caseload cap</span><span class="v">≤ 25 active matters</span></div>
|
||||
<div class="row"><span class="k">Bar</span><span class="v">Active US jurisdiction</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="role-card">
|
||||
<div class="role-label">Supervising Partner</div>
|
||||
<h3>For complex strategy decisions.</h3>
|
||||
<p class="role-desc">Pulled in for borderline qualification calls, novel RFE arguments, or cases involving multiple parallel filings. Partners are former senior immigration leads at AmLaw 100 firms or in-house counsel at large multinationals.</p>
|
||||
<div class="credentials">
|
||||
<div class="row"><span class="k">Training</span><span class="v">Top-tier JD · BigLaw partner track</span></div>
|
||||
<div class="row"><span class="k">Experience</span><span class="v">12+ years immigration</span></div>
|
||||
<div class="row"><span class="k">Engaged when</span><span class="v">Complex / borderline cases</span></div>
|
||||
<div class="row"><span class="k">Bar</span><span class="v">Active, multiple jurisdictions</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>How we vet attorneys.</h2>
|
||||
<p>A four-stage process. Every reviewing attorney goes through it. We turn away most candidates.</p>
|
||||
</div>
|
||||
<div class="vetting-grid">
|
||||
<div class="vetting-step">
|
||||
<div class="vetting-num">1</div>
|
||||
<h3>Credential audit</h3>
|
||||
<p>Bar standing, education, firm history, and malpractice record verified independently.</p>
|
||||
</div>
|
||||
<div class="vetting-step">
|
||||
<div class="vetting-num">2</div>
|
||||
<h3>Sample review</h3>
|
||||
<p>Candidates review a representative test petition. Quality of annotation, precision of feedback, and legal sharpness are scored.</p>
|
||||
</div>
|
||||
<div class="vetting-step">
|
||||
<div class="vetting-num">3</div>
|
||||
<h3>Working trial</h3>
|
||||
<p>Three live cases under partner supervision. We watch for turnaround discipline and accuracy, not just credentials on paper.</p>
|
||||
</div>
|
||||
<div class="vetting-step">
|
||||
<div class="vetting-num">4</div>
|
||||
<h3>Continuous review</h3>
|
||||
<p>Every client engagement is rated. Anyone who slips below the bar is rotated out, not coached.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>You'll know your attorney's name and credentials before they touch your case.</h2>
|
||||
<p>When attorney review is elected, you're matched to a specific named attorney and receive their full credentialed bio before they begin work.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="../abigail_pricing.html" class="btn btn-primary">See attorney-reviewed tier</a>
|
||||
<a href="services.html" class="btn btn-secondary">All services</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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;">Services</div>
|
||||
<div><a href="services.html">All services</a></div>
|
||||
<div><a href="press.html">Press support</a></div>
|
||||
<div><a href="judging.html">Peer-review intros</a></div>
|
||||
<div><a href="attorneys.html">Attorney network</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
|
||||
<div><a href="../abigail_library.html">Library</a></div>
|
||||
<div><a href="petitions.html">Petitions</a></div>
|
||||
<div><a href="../abigail_pricing.html">Pricing</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="login.html">Log in</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="disclaimer">
|
||||
Abigail Technologies, Inc. is not a law firm. Attorney review and representation, where elected, are provided by Abigail Legal Services, P.C. through a separate engagement letter. Credential standards are network minimums; specific attorney profiles are disclosed when matched to a case. Stated credentials are accurate as of beta launch.
|
||||
</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>
|
||||
329
v1/judging.html
Normal file
329
v1/judging.html
Normal file
@@ -0,0 +1,329 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Peer-Review Intros — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.hero-grid {
|
||||
display: grid; grid-template-columns: 1.3fr 1fr;
|
||||
gap: 64px; align-items: start;
|
||||
}
|
||||
.criteria-quote {
|
||||
background: var(--paper-2);
|
||||
border-left: 3px solid var(--signal);
|
||||
padding: 20px 24px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
color: var(--ink);
|
||||
}
|
||||
.criteria-quote .src {
|
||||
display: block;
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 11px;
|
||||
color: var(--mute);
|
||||
margin-top: 12px;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.what-counts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
|
||||
.what-card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
}
|
||||
.what-card h3 {
|
||||
font-size: 16px; font-weight: 600;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.what-card p {
|
||||
font-size: 14px; color: var(--mute); margin: 0 0 12px;
|
||||
}
|
||||
.what-card ul {
|
||||
list-style: none; padding: 0; margin: 0;
|
||||
font-size: 13px; color: var(--ink);
|
||||
}
|
||||
.what-card li {
|
||||
padding: 4px 0 4px 20px;
|
||||
position: relative;
|
||||
}
|
||||
.what-card li::before {
|
||||
content: "✓";
|
||||
position: absolute; left: 0;
|
||||
color: var(--signal);
|
||||
font-weight: 700;
|
||||
}
|
||||
.steps {
|
||||
display: grid; grid-template-columns: repeat(4, 1fr);
|
||||
gap: 24px;
|
||||
position: relative;
|
||||
}
|
||||
.step { text-align: center; }
|
||||
.step-num {
|
||||
width: 44px; height: 44px;
|
||||
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 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; }
|
||||
.faq-item { border-top: 1px solid var(--rule); }
|
||||
.faq-item:last-child { border-bottom: 1px solid var(--rule); }
|
||||
.faq-q {
|
||||
width: 100%; background: transparent; border: 0;
|
||||
text-align: left;
|
||||
padding: 20px 0;
|
||||
font: inherit; font-size: 16px; font-weight: 600;
|
||||
cursor: pointer;
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
color: var(--ink);
|
||||
}
|
||||
.faq-a {
|
||||
max-height: 0; overflow: hidden;
|
||||
color: var(--mute);
|
||||
font-size: 14px; line-height: 1.6;
|
||||
transition: max-height 0.25s, padding 0.25s;
|
||||
}
|
||||
.faq-item.open .faq-a { max-height: 400px; padding: 0 0 20px; }
|
||||
@media (max-width: 880px) {
|
||||
.hero-grid, .what-counts-grid, .steps { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="attorneys.html">Attorneys</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="petitions.html">Petitions</a>
|
||||
<a href="press.html">Press support</a>
|
||||
<a href="judging.html">Peer-review intros</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
<a href="login.html" style="color:var(--mute);">Log in</a>
|
||||
</div>
|
||||
<a href="#contact" class="nav-cta">Get matched</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<div class="eyebrow">Peer-Review Introductions · O-1A Criterion 4</div>
|
||||
<h1>Build the <em>judging</em> evidence USCIS actually credits.</h1>
|
||||
<p class="lead">Many strong candidates miss Criterion 4 simply because no one ever invited them to review. Abigail introduces qualified applicants to journals, conferences, panels, and grant committees actively seeking reviewers in their field.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#contact" class="btn btn-primary">Request matching</a>
|
||||
<a href="../abigail_library.html" class="btn btn-secondary">Read the guide</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="criteria-quote">
|
||||
<strong>Criterion 4:</strong> Evidence of the alien's participation, either individually or on a panel, as a judge of the work of others in the same or an allied field of specialization for which classification is sought.
|
||||
<span class="src">8 C.F.R. § 214.2(o)(3)(iii)(B)(4)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>What counts as "judging."</h2>
|
||||
<p>USCIS reads Criterion 4 broadly — but only when the evidence is documented properly. Here's what we help match you to.</p>
|
||||
</div>
|
||||
|
||||
<div class="what-counts-grid">
|
||||
<div class="what-card">
|
||||
<h3>Academic peer review</h3>
|
||||
<p>Refereeing manuscripts for peer-reviewed journals or conference proceedings.</p>
|
||||
<ul>
|
||||
<li>Journal manuscript reviews</li>
|
||||
<li>Conference paper reviews (NeurIPS, ICML, ACL, CHI, etc.)</li>
|
||||
<li>Special-issue editorial roles</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="what-card">
|
||||
<h3>Conference & panel judging</h3>
|
||||
<p>Serving on selection committees, panels, or technical program committees.</p>
|
||||
<ul>
|
||||
<li>Conference program committees</li>
|
||||
<li>Best-paper / best-poster panels</li>
|
||||
<li>Industry track selection committees</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="what-card">
|
||||
<h3>Competition & hackathon judging</h3>
|
||||
<p>Evaluating submissions to competitive events in your field.</p>
|
||||
<ul>
|
||||
<li>Hackathon technical judging</li>
|
||||
<li>Startup competition panels</li>
|
||||
<li>Industry awards programs</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="what-card">
|
||||
<h3>Grant & funding review</h3>
|
||||
<p>Reviewing applications for grant programs, fellowships, or accelerators.</p>
|
||||
<ul>
|
||||
<li>NSF / NIH study sections (rare but powerful)</li>
|
||||
<li>Foundation grant panels</li>
|
||||
<li>Accelerator / fellowship selection</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>How the matching service works.</h2>
|
||||
<p>A 60-day engagement. We do the outreach. You do the reviews. Documentation is automatic.</p>
|
||||
</div>
|
||||
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-num">1</div>
|
||||
<h3>Profile intake</h3>
|
||||
<p>You share your field, publications, prior reviewing experience, availability, and target O-1A timeline.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">2</div>
|
||||
<h3>Targeted outreach</h3>
|
||||
<p>We identify journals, conferences, and panels actively recruiting reviewers in your specialty — then make introductions.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">3</div>
|
||||
<h3>You review</h3>
|
||||
<p>You accept invitations that fit your time and expertise. Decline anything that doesn't. Quality of review is on you.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">4</div>
|
||||
<h3>Documentation</h3>
|
||||
<p>For each accepted review, Abigail collects the invitation letter and completion confirmation — formatted as O-1A exhibits.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>Common questions.</h2>
|
||||
</div>
|
||||
<div style="max-width: 780px; margin: 0 auto;">
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">Can you guarantee a specific number of review invitations? <span>+</span></button>
|
||||
<div class="faq-a">No. We can guarantee the outreach (a defined number of targeted introductions per engagement), but acceptance is at the discretion of the program. Most applicants in a fitting field receive 3–8 viable invitations over the 60-day engagement.</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">Is peer-review service legal advice? <span>+</span></button>
|
||||
<div class="faq-a">No. Peer-review introductions are a non-legal professional service. Legal evaluation of how your accumulated evidence maps to O-1A criteria is a separate service provided by Abigail Legal Services, P.C. under separate engagement.</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">How early should I start this before filing? <span>+</span></button>
|
||||
<div class="faq-a">Ideally 4–6 months before your target filing date. Most reviews take 4–8 weeks from invitation to completion documentation. Starting 60 days out is feasible but tight.</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">What if I already have one or two review invitations? <span>+</span></button>
|
||||
<div class="faq-a">Even better. We focus on filling gaps — adding 2–4 more high-credibility reviews can move a borderline Criterion 4 into clearly-satisfied territory.</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">Do I have to use Abigail for my filing to use this service? <span>+</span></button>
|
||||
<div class="faq-a">No. Evidence-building services are available standalone. But the documentation we produce is exhibit-ready for any attorney's package.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="contact">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>Get matched.</h2>
|
||||
<p>Tell us your field, your timeline, and the criterion you're trying to strengthen. We'll respond within one business day.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="../abigail_individuals.html#hero" class="btn btn-primary">Start with intake</a>
|
||||
<a href="services.html" class="btn btn-secondary">See all services</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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;">Services</div>
|
||||
<div><a href="services.html">All services</a></div>
|
||||
<div><a href="press.html">Press support</a></div>
|
||||
<div><a href="judging.html">Peer-review intros</a></div>
|
||||
<div><a href="attorneys.html">Attorney network</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
|
||||
<div><a href="../abigail_library.html">Library</a></div>
|
||||
<div><a href="petitions.html">Petitions</a></div>
|
||||
<div><a href="../abigail_pricing.html">Pricing</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="login.html">Log in</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="disclaimer">
|
||||
Peer-review introduction is a non-legal professional service. Abigail does not guarantee specific review invitations or O-1A approval outcomes. Documentation produced is exhibit-formatted but does not constitute legal advice. Legal services, where elected, are provided by Abigail Legal Services, P.C. under separate engagement.
|
||||
</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());
|
||||
}
|
||||
document.querySelectorAll(".faq-q").forEach(q => {
|
||||
q.addEventListener("click", () => q.parentElement.classList.toggle("open"));
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
313
v1/login.html
Normal file
313
v1/login.html
Normal file
@@ -0,0 +1,313 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Log in — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
body { background: var(--paper); }
|
||||
|
||||
/* Minimal nav for login */
|
||||
nav .container { justify-content: space-between; }
|
||||
nav .nav-links a { color: var(--mute); font-size: 13px; }
|
||||
nav .nav-links a:hover { color: var(--ink); }
|
||||
|
||||
.login-shell {
|
||||
min-height: calc(100vh - 64px);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
/* Left panel */
|
||||
.login-left {
|
||||
padding: 80px 64px;
|
||||
display: flex; flex-direction: column;
|
||||
justify-content: center;
|
||||
max-width: 560px;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.login-left h1 {
|
||||
font-size: 36px; font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
line-height: 1.1;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.login-left h1 em { font-style: normal; color: var(--signal); }
|
||||
.login-left .sub {
|
||||
font-size: 15px;
|
||||
color: var(--mute);
|
||||
margin: 0 0 32px;
|
||||
}
|
||||
|
||||
.auth-form { display: flex; flex-direction: column; gap: 14px; }
|
||||
.auth-form .field { margin-bottom: 0; }
|
||||
.auth-form .field input {
|
||||
padding: 12px 14px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.password-row {
|
||||
display: flex; justify-content: space-between;
|
||||
align-items: baseline;
|
||||
}
|
||||
.password-row a {
|
||||
font-size: 12px;
|
||||
color: var(--signal);
|
||||
font-weight: 500;
|
||||
}
|
||||
.password-row a:hover { text-decoration: underline; }
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
background: var(--ink);
|
||||
color: var(--paper);
|
||||
border: 0;
|
||||
padding: 14px;
|
||||
border-radius: 10px;
|
||||
font: inherit;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.submit-btn:hover { background: var(--signal); }
|
||||
|
||||
.divider {
|
||||
display: flex; align-items: center;
|
||||
gap: 16px;
|
||||
margin: 24px 0;
|
||||
font-size: 12px;
|
||||
color: var(--mute);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.divider::before, .divider::after {
|
||||
content: ""; flex: 1; height: 1px; background: var(--rule);
|
||||
}
|
||||
|
||||
.oauth-row { display: flex; flex-direction: column; gap: 8px; }
|
||||
.oauth-btn {
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
gap: 10px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 10px;
|
||||
padding: 11px 14px;
|
||||
font: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--ink);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.oauth-btn:hover {
|
||||
border-color: var(--ink);
|
||||
background: var(--paper-2);
|
||||
}
|
||||
.oauth-btn svg { flex-shrink: 0; }
|
||||
|
||||
.signup-link {
|
||||
margin-top: 28px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: var(--mute);
|
||||
}
|
||||
.signup-link a {
|
||||
color: var(--ink);
|
||||
font-weight: 600;
|
||||
}
|
||||
.signup-link a:hover { color: var(--signal); }
|
||||
|
||||
.legal-fine {
|
||||
margin-top: 36px;
|
||||
font-size: 11px;
|
||||
color: var(--mute);
|
||||
line-height: 1.6;
|
||||
max-width: 360px;
|
||||
}
|
||||
.legal-fine a {
|
||||
color: var(--mute);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Right panel */
|
||||
.login-right {
|
||||
background: var(--ink);
|
||||
color: var(--paper);
|
||||
padding: 80px 64px;
|
||||
display: flex; flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.login-right::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 600px; height: 600px;
|
||||
background: radial-gradient(circle, var(--signal) 0%, transparent 60%);
|
||||
top: -100px; right: -200px;
|
||||
opacity: 0.18;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.login-right-inner {
|
||||
position: relative;
|
||||
max-width: 480px;
|
||||
}
|
||||
.right-eyebrow {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 12px;
|
||||
color: var(--signal);
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.login-right h2 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
line-height: 1.15;
|
||||
margin: 0 0 24px;
|
||||
}
|
||||
.login-right h2 em { font-style: normal; color: var(--signal); }
|
||||
.login-right .right-lead {
|
||||
font-size: 16px;
|
||||
color: var(--mute-2);
|
||||
line-height: 1.6;
|
||||
margin: 0 0 32px;
|
||||
}
|
||||
.features {
|
||||
display: flex; flex-direction: column;
|
||||
gap: 14px;
|
||||
}
|
||||
.feat-row {
|
||||
display: flex; align-items: flex-start; gap: 12px;
|
||||
font-size: 14px;
|
||||
color: var(--paper);
|
||||
}
|
||||
.feat-check {
|
||||
width: 20px; height: 20px;
|
||||
background: var(--signal);
|
||||
border-radius: 50%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
flex-shrink: 0;
|
||||
color: white;
|
||||
}
|
||||
.feat-row span { color: var(--mute-2); }
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.login-shell { grid-template-columns: 1fr; }
|
||||
.login-right { display: none; }
|
||||
.login-left { padding: 48px 24px; max-width: 100%; margin: 0; }
|
||||
nav .nav-links { display: none; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
</div>
|
||||
<a href="#signup" class="nav-cta">Request access</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="login-shell">
|
||||
|
||||
<!-- LEFT: Login form -->
|
||||
<div class="login-left">
|
||||
<h1>Welcome back to <em>Abigail.</em></h1>
|
||||
<p class="sub">Sign in to continue your case.</p>
|
||||
|
||||
<form class="auth-form" onsubmit="event.preventDefault(); alert('Beta sign-in not yet active — please request access.');">
|
||||
<div class="field">
|
||||
<label>Email</label>
|
||||
<input type="email" name="email" required placeholder="you@company.com" autocomplete="email">
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="password-row">
|
||||
<label>Password</label>
|
||||
<a href="#reset">Forgot password?</a>
|
||||
</div>
|
||||
<input type="password" name="password" required placeholder="••••••••" autocomplete="current-password">
|
||||
</div>
|
||||
<button type="submit" class="submit-btn">Sign in</button>
|
||||
</form>
|
||||
|
||||
<div class="divider">or continue with</div>
|
||||
|
||||
<div class="oauth-row">
|
||||
<button class="oauth-btn" type="button" onclick="alert('SSO not yet active in beta.')">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||
<path d="M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 01-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
|
||||
<path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 009 18z" fill="#34A853"/>
|
||||
<path d="M3.964 10.71A5.41 5.41 0 013.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 000 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/>
|
||||
<path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 00.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
|
||||
</svg>
|
||||
Continue with Google
|
||||
</button>
|
||||
<button class="oauth-btn" type="button" onclick="alert('SSO not yet active in beta.')">
|
||||
<svg width="16" height="18" viewBox="0 0 16 18" fill="none">
|
||||
<path d="M13.55 9.563c-.024-2.428 1.985-3.595 2.077-3.654-1.13-1.653-2.892-1.879-3.521-1.906-1.501-.153-2.929.882-3.692.882-.764 0-1.937-.86-3.184-.837-1.638.023-3.145.953-3.987 2.422-1.7 2.949-.434 7.314 1.221 9.708.806 1.165 1.768 2.476 3.03 2.43 1.214-.047 1.673-.79 3.139-.79 1.466 0 1.881.79 3.169.766 1.31-.022 2.139-1.187 2.94-2.355.926-1.348 1.308-2.658 1.331-2.726-.029-.013-2.55-.98-2.575-3.879zM11.106 2.43c.673-.815 1.127-1.949.997-3.083-.965.04-2.135.643-2.832 1.456-.624.72-1.17 1.875-1.024 2.984 1.077.083 2.18-.547 2.86-1.357z" fill="currentColor"/>
|
||||
</svg>
|
||||
Continue with Apple
|
||||
</button>
|
||||
<button class="oauth-btn" type="button" onclick="alert('SSO not yet active in beta.')">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||
<path d="M16.338 0H1.662C.744 0 0 .744 0 1.662v14.676C0 17.256.744 18 1.662 18h14.676C17.256 18 18 17.256 18 16.338V1.662C18 .744 17.256 0 16.338 0zM5.339 15.339H2.668V6.997h2.671v8.342zm-1.336-9.494a1.55 1.55 0 110-3.099 1.55 1.55 0 010 3.1zm11.336 9.494h-2.671v-4.058c0-.967-.018-2.213-1.348-2.213-1.35 0-1.557 1.054-1.557 2.143v4.128H7.092V6.997h2.564v1.14h.036c.357-.677 1.23-1.39 2.532-1.39 2.71 0 3.215 1.783 3.215 4.103v4.489z" fill="#0A66C2"/>
|
||||
</svg>
|
||||
Continue with LinkedIn
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="signup-link">
|
||||
Don't have an account? <a href="#signup">Request beta access</a>
|
||||
</div>
|
||||
|
||||
<div class="legal-fine">
|
||||
By signing in you agree to Abigail's <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a>. Use of the platform does not constitute legal advice or create an attorney-client relationship; legal services where elected are provided by Abigail Legal Services, P.C. under separate engagement.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: Marketing panel -->
|
||||
<div class="login-right">
|
||||
<div class="login-right-inner">
|
||||
<div class="right-eyebrow">Beta · Limited access</div>
|
||||
<h2>AI does the work.<br>Attorneys ensure the quality.<br><em>You</em> pay for the result.</h2>
|
||||
<p class="right-lead">Abigail is in private beta. If you don't have an account yet, request access — we onboard new users weekly.</p>
|
||||
|
||||
<div class="features">
|
||||
<div class="feat-row">
|
||||
<div class="feat-check">✓</div>
|
||||
<span>Free AI Visa Screener · multi-visa pathways in 5 minutes</span>
|
||||
</div>
|
||||
<div class="feat-row">
|
||||
<div class="feat-check">✓</div>
|
||||
<span>5-business-day target prep, intake to filing-ready</span>
|
||||
</div>
|
||||
<div class="feat-row">
|
||||
<div class="feat-check">✓</div>
|
||||
<span>Ivy / BigLaw-trained attorneys when you elect review</span>
|
||||
</div>
|
||||
<div class="feat-row">
|
||||
<div class="feat-check">✓</div>
|
||||
<span>Flat fees, no retainers, full visibility into your filing</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
500
v1/petitions.html
Normal file
500
v1/petitions.html
Normal file
@@ -0,0 +1,500 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Petitions — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.filter-chips {
|
||||
display: flex; flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.chip {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 999px;
|
||||
padding: 8px 16px;
|
||||
font: inherit;
|
||||
font-size: 13px;
|
||||
color: var(--mute);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.chip:hover { color: var(--ink); border-color: var(--mute-2); }
|
||||
.chip.active {
|
||||
background: var(--ink);
|
||||
color: var(--paper);
|
||||
border-color: var(--ink);
|
||||
}
|
||||
|
||||
.petitions-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 24px;
|
||||
}
|
||||
.pet-card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 16px;
|
||||
padding: 32px;
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.pet-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }
|
||||
.pet-code {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
background: var(--paper-2);
|
||||
padding: 4px 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.pet-card h3 {
|
||||
font-size: 20px; font-weight: 700;
|
||||
letter-spacing: -0.01em;
|
||||
margin: 0;
|
||||
}
|
||||
.pet-subtitle {
|
||||
font-size: 13px;
|
||||
color: var(--mute);
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
.pet-grid-meta {
|
||||
display: grid; grid-template-columns: 1fr 1fr;
|
||||
gap: 12px;
|
||||
padding: 16px 0;
|
||||
border-top: 1px solid var(--rule);
|
||||
border-bottom: 1px solid var(--rule);
|
||||
margin-bottom: 16px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.pet-grid-meta .k {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--mute);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.pet-grid-meta .v { font-weight: 600; }
|
||||
.pet-section { font-size: 13px; line-height: 1.55; }
|
||||
.pet-section h4 {
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--mute);
|
||||
margin: 12px 0 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pet-section ul {
|
||||
list-style: none; padding: 0; margin: 0 0 8px;
|
||||
}
|
||||
.pet-section ul li {
|
||||
padding: 3px 0 3px 16px;
|
||||
position: relative;
|
||||
color: var(--ink);
|
||||
}
|
||||
.pet-section ul li::before {
|
||||
content: "→";
|
||||
color: var(--signal);
|
||||
position: absolute; left: 0;
|
||||
}
|
||||
.pet-link {
|
||||
margin-top: auto;
|
||||
padding-top: 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--ink);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
border-top: 1px solid var(--rule);
|
||||
}
|
||||
.pet-card:hover .pet-link { color: var(--signal); }
|
||||
|
||||
.anatomy-wrap {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 20px;
|
||||
padding: 40px;
|
||||
}
|
||||
.anatomy-grid {
|
||||
display: grid; grid-template-columns: repeat(2, 1fr);
|
||||
gap: 24px;
|
||||
}
|
||||
.anatomy-row {
|
||||
display: flex; gap: 16px;
|
||||
padding: 16px 0;
|
||||
border-top: 1px solid var(--rule);
|
||||
}
|
||||
.anatomy-row:first-child, .anatomy-row:nth-child(2) { border-top: 0; padding-top: 0; }
|
||||
.anatomy-num {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--signal);
|
||||
flex-shrink: 0;
|
||||
width: 32px;
|
||||
}
|
||||
.anatomy-row h4 { font-size: 14px; font-weight: 600; margin: 0 0 4px; }
|
||||
.anatomy-row p { font-size: 13px; color: var(--mute); margin: 0; line-height: 1.55; }
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.petitions-grid, .anatomy-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="attorneys.html">Attorneys</a>
|
||||
<div class="nav-dropdown" id="resourcesDropdown">
|
||||
<button class="nav-trigger active" 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="petitions.html">Petitions</a>
|
||||
<a href="press.html">Press support</a>
|
||||
<a href="judging.html">Peer-review intros</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
<a href="login.html" style="color:var(--mute);">Log in</a>
|
||||
</div>
|
||||
<a href="../abigail_individuals.html#hero" class="nav-cta">Start screener</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero centered">
|
||||
<div class="container">
|
||||
<div class="eyebrow">Resources · Petitions</div>
|
||||
<h1>Every petition we cover, <em>explained</em> like a builder.</h1>
|
||||
<p class="lead">What the criteria actually require, what evidence USCIS credits, and where most filings go wrong. Browse by visa type or by your situation.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="filter-chips" id="chips">
|
||||
<button class="chip active" data-tag="all">All</button>
|
||||
<button class="chip" data-tag="gc">Green card</button>
|
||||
<button class="chip" data-tag="work">Work visa</button>
|
||||
<button class="chip" data-tag="self">Self-petition</button>
|
||||
<button class="chip" data-tag="employer">Employer-sponsored</button>
|
||||
</div>
|
||||
|
||||
<div class="petitions-grid">
|
||||
|
||||
<!-- O-1A -->
|
||||
<div class="pet-card" data-tags="work self">
|
||||
<div class="pet-head"><span class="pet-code">O-1A</span></div>
|
||||
<h3>Extraordinary Ability</h3>
|
||||
<p class="pet-subtitle">Science, business, education, athletics</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer or agent</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Up to 3 years, renewable</div></div>
|
||||
<div><div class="k">Cap</div><div class="v">No lottery</div></div>
|
||||
<div><div class="k">Family</div><div class="v">O-3 dependents</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>Sustained acclaim, demonstrated by 3 of 8 evidentiary criteria. Most filings rest on awards, peer review, original contributions, salary, and press.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Weak Criterion 3 (press): brief quotes, not feature pieces</li>
|
||||
<li>Missing Criterion 4 (judging): no documented peer review</li>
|
||||
<li>"Critical employment" claim without role-specific evidence</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the O-1A guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- O-1B -->
|
||||
<div class="pet-card" data-tags="work">
|
||||
<div class="pet-head"><span class="pet-code">O-1B</span></div>
|
||||
<h3>Extraordinary Ability — Arts</h3>
|
||||
<p class="pet-subtitle">Arts, motion pictures, television</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer or agent</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Up to 3 years, renewable</div></div>
|
||||
<div><div class="k">Cap</div><div class="v">No lottery</div></div>
|
||||
<div><div class="k">Family</div><div class="v">O-3 dependents</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>Distinction in the arts (3 of 6 criteria), or extraordinary achievement in motion picture / TV (3 of 6 + lead roles).</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Conflating "arts" criteria with motion picture / TV criteria</li>
|
||||
<li>Evidence focused on personal artistic merit, missing distinction</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the O-1B guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- EB-1A -->
|
||||
<div class="pet-card" data-tags="gc self">
|
||||
<div class="pet-head"><span class="pet-code">EB-1A</span></div>
|
||||
<h3>Extraordinary Ability — Green Card</h3>
|
||||
<p class="pet-subtitle">Self-petition, no labor cert, no employer required</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Self</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Permanent residence</div></div>
|
||||
<div><div class="k">Premium proc.</div><div class="v">Available</div></div>
|
||||
<div><div class="k">Priority date</div><div class="v">Often current</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>Sustained national or international acclaim, demonstrated by 3 of 10 criteria — plus a final-merits determination that the applicant is at the top of their field.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Treating it as "O-1A but harder" — the final-merits step is independent</li>
|
||||
<li>Heavy criterion stack with weak narrative tying it together</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the EB-1A guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- EB-2 NIW -->
|
||||
<div class="pet-card" data-tags="gc self">
|
||||
<div class="pet-head"><span class="pet-code">EB-2 NIW</span></div>
|
||||
<h3>National Interest Waiver</h3>
|
||||
<p class="pet-subtitle">Self-petition, advanced degree or exceptional ability</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Self</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Permanent residence</div></div>
|
||||
<div><div class="k">Premium proc.</div><div class="v">Available</div></div>
|
||||
<div><div class="k">Backlog (China/India)</div><div class="v">2–6 years</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>The three-prong Dhanasar test: substantial merit and national importance · well-positioned to advance the endeavor · waiver of labor cert benefits the US.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Generic statements of "national importance" with no specifics</li>
|
||||
<li>Prong-2 (well-positioned) under-evidenced for early-career applicants</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the NIW guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- H-1B -->
|
||||
<div class="pet-card" data-tags="work employer">
|
||||
<div class="pet-head"><span class="pet-code">H-1B</span></div>
|
||||
<h3>Specialty Occupation</h3>
|
||||
<p class="pet-subtitle">The default work visa, subject to annual lottery</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Up to 6 years</div></div>
|
||||
<div><div class="k">Cap</div><div class="v">85K annual lottery</div></div>
|
||||
<div><div class="k">Family</div><div class="v">H-4 dependents</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>A specialty occupation (requires a specific bachelor's-level degree), the applicant's qualification for it, and a certified LCA.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Weak "specialty occupation" argument for ambiguous job titles</li>
|
||||
<li>Job description doesn't tie to the required degree field</li>
|
||||
<li>LCA wage tier mismatched to actual role seniority</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the H-1B guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- L-1 -->
|
||||
<div class="pet-card" data-tags="work employer">
|
||||
<div class="pet-head"><span class="pet-code">L-1A / L-1B</span></div>
|
||||
<h3>Intracompany Transferee</h3>
|
||||
<p class="pet-subtitle">Manager / executive (L-1A) or specialized knowledge (L-1B)</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">7 years (L-1A) / 5 (L-1B)</div></div>
|
||||
<div><div class="k">Cap</div><div class="v">None</div></div>
|
||||
<div><div class="k">Family</div><div class="v">L-2 (work auth)</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>One year of qualifying employment at a related foreign entity in the prior three years, transferring to a US office in the same managerial or specialized-knowledge role.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>"Manager" claim without genuine subordinates or budget authority</li>
|
||||
<li>"Specialized knowledge" defined too broadly to be credible</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the L-1 guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- EB-1B -->
|
||||
<div class="pet-card" data-tags="gc employer">
|
||||
<div class="pet-head"><span class="pet-code">EB-1B</span></div>
|
||||
<h3>Outstanding Researcher</h3>
|
||||
<p class="pet-subtitle">For academic and industry researchers</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">Permanent residence</div></div>
|
||||
<div><div class="k">Premium proc.</div><div class="v">Available</div></div>
|
||||
<div><div class="k">Experience</div><div class="v">3+ years required</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>International recognition for outstanding achievement in a specific academic field. 2 of 6 criteria, plus a permanent research position.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>"Outstanding" claim relies on citation count alone — without field context</li>
|
||||
<li>Recommender letters too generic to establish international recognition</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the EB-1B guide →</a>
|
||||
</div>
|
||||
|
||||
<!-- TN -->
|
||||
<div class="pet-card" data-tags="work employer">
|
||||
<div class="pet-head"><span class="pet-code">TN</span></div>
|
||||
<h3>USMCA Professional</h3>
|
||||
<p class="pet-subtitle">Canadian and Mexican citizens only</p>
|
||||
<div class="pet-grid-meta">
|
||||
<div><div class="k">Sponsorship</div><div class="v">Employer</div></div>
|
||||
<div><div class="k">Validity</div><div class="v">3 years, indefinitely renewable</div></div>
|
||||
<div><div class="k">Cap</div><div class="v">None</div></div>
|
||||
<div><div class="k">Adjudication</div><div class="v">Often same-day (border)</div></div>
|
||||
</div>
|
||||
<div class="pet-section">
|
||||
<h4>What USCIS wants</h4>
|
||||
<p>Treaty-based work authorization in one of the listed USMCA professional occupations, with the degree credentials each occupation requires.</p>
|
||||
<h4>Where filings go wrong</h4>
|
||||
<ul>
|
||||
<li>Trying to fit a non-listed occupation by analogy</li>
|
||||
<li>"Management Consultant" use without sufficient justification</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="pet-link" href="../abigail_library.html">Read the TN guide →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>The anatomy of any petition.</h2>
|
||||
<p>What every winning filing contains, regardless of visa type. Skip any of these and USCIS will notice.</p>
|
||||
</div>
|
||||
|
||||
<div class="anatomy-wrap">
|
||||
<div class="anatomy-grid">
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">01</span>
|
||||
<div><h4>Form package</h4><p>Properly completed USCIS forms (I-129, I-140, G-28 where applicable) with consistent dates and identifiers across every line.</p></div>
|
||||
</div>
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">02</span>
|
||||
<div><h4>Petition narrative</h4><p>A structured argument tying the applicant's facts to each statutory criterion, with cross-references to exhibits.</p></div>
|
||||
</div>
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">03</span>
|
||||
<div><h4>Evidence exhibits</h4><p>Tabbed, indexed supporting documents — degrees, awards, publications, contracts, media — each mapped to a specific criterion.</p></div>
|
||||
</div>
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">04</span>
|
||||
<div><h4>Recommendation letters</h4><p>Specific, signed letters from credible experts in the field, addressing the applicant's particular contributions — not generic endorsements.</p></div>
|
||||
</div>
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">05</span>
|
||||
<div><h4>Cover letter</h4><p>The roadmap. A clear summary of the petition, the legal standard, and where each piece of evidence lands.</p></div>
|
||||
</div>
|
||||
<div class="anatomy-row">
|
||||
<span class="anatomy-num">06</span>
|
||||
<div><h4>Filing fees</h4><p>Correct fee amounts (they change). Premium processing if elected. Wrong fees = rejection without review.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>Not sure which petition fits?</h2>
|
||||
<p>The free AI screener analyzes all major visa types simultaneously and outputs candidate pathways with evidence gap analysis.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="../abigail_individuals.html#hero" class="btn btn-primary">Run the screener</a>
|
||||
<a href="../abigail_library.html" class="btn btn-secondary">Browse the library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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;">Services</div>
|
||||
<div><a href="services.html">All services</a></div>
|
||||
<div><a href="press.html">Press support</a></div>
|
||||
<div><a href="judging.html">Peer-review intros</a></div>
|
||||
<div><a href="attorneys.html">Attorney network</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
|
||||
<div><a href="../abigail_library.html">Library</a></div>
|
||||
<div><a href="petitions.html">Petitions</a></div>
|
||||
<div><a href="../abigail_pricing.html">Pricing</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="login.html">Log in</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="disclaimer">
|
||||
Content on this page is general informational summary and is not legal advice. Immigration law and USCIS practice change; verify specifics against current USCIS policy or consult a licensed attorney. Reading this page does not create 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());
|
||||
}
|
||||
|
||||
const chips = document.querySelectorAll("#chips .chip");
|
||||
const cards = document.querySelectorAll(".pet-card");
|
||||
chips.forEach(c => c.addEventListener("click", () => {
|
||||
chips.forEach(x => x.classList.toggle("active", x === c));
|
||||
const tag = c.dataset.tag;
|
||||
cards.forEach(card => {
|
||||
const tags = (card.dataset.tags || "").split(/\s+/);
|
||||
card.style.display = (tag === "all" || tags.includes(tag)) ? "" : "none";
|
||||
});
|
||||
}));
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
308
v1/press.html
Normal file
308
v1/press.html
Normal file
@@ -0,0 +1,308 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Press & Media Support — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.hero-grid {
|
||||
display: grid; grid-template-columns: 1.3fr 1fr;
|
||||
gap: 64px; align-items: start;
|
||||
}
|
||||
.criteria-quote {
|
||||
background: var(--paper-2);
|
||||
border-left: 3px solid var(--signal);
|
||||
padding: 20px 24px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.criteria-quote .src {
|
||||
display: block;
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 11px;
|
||||
color: var(--mute);
|
||||
margin-top: 12px;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.what-counts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
|
||||
.what-card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
}
|
||||
.what-card h3 { font-size: 16px; font-weight: 600; margin: 0 0 8px; }
|
||||
.what-card p { font-size: 14px; color: var(--mute); margin: 0 0 12px; }
|
||||
.what-card ul { list-style: none; padding: 0; margin: 0; font-size: 13px; }
|
||||
.what-card li {
|
||||
padding: 4px 0 4px 20px;
|
||||
position: relative;
|
||||
}
|
||||
.what-card li::before {
|
||||
content: "✓";
|
||||
position: absolute; left: 0;
|
||||
color: var(--signal);
|
||||
font-weight: 700;
|
||||
}
|
||||
.anti-card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-left: 3px solid var(--halt);
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
}
|
||||
.anti-card h3 { font-size: 16px; font-weight: 600; margin: 0 0 8px; color: var(--halt); }
|
||||
.anti-card p { font-size: 14px; color: var(--mute); margin: 0 0 12px; }
|
||||
.anti-card ul { list-style: none; padding: 0; margin: 0; font-size: 13px; }
|
||||
.anti-card li { padding: 4px 0 4px 20px; position: relative; }
|
||||
.anti-card li::before {
|
||||
content: "✕";
|
||||
position: absolute; left: 0;
|
||||
color: var(--halt);
|
||||
font-weight: 700;
|
||||
}
|
||||
.steps {
|
||||
display: grid; grid-template-columns: repeat(4, 1fr);
|
||||
gap: 24px;
|
||||
}
|
||||
.step { text-align: center; }
|
||||
.step-num {
|
||||
width: 44px; height: 44px;
|
||||
border-radius: 50%;
|
||||
background: var(--paper);
|
||||
border: 2px solid var(--ink);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-weight: 700; font-size: 16px;
|
||||
margin: 0 auto 16px;
|
||||
}
|
||||
.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; }
|
||||
@media (max-width: 880px) {
|
||||
.hero-grid, .what-counts-grid, .steps { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="attorneys.html">Attorneys</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="petitions.html">Petitions</a>
|
||||
<a href="press.html">Press support</a>
|
||||
<a href="judging.html">Peer-review intros</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
<a href="login.html" style="color:var(--mute);">Log in</a>
|
||||
</div>
|
||||
<a href="#contact" class="nav-cta">Talk to a strategist</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<div class="eyebrow">Press & Media Support · O-1A Criterion 3</div>
|
||||
<h1>Coverage that <em>actually</em> qualifies as evidence.</h1>
|
||||
<p class="lead">Press placements are the single most-misunderstood O-1A criterion. We help applicants secure media coverage in the publications USCIS recognizes — and avoid the wasted effort that doesn't count.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#contact" class="btn btn-primary">Request a strategy call</a>
|
||||
<a href="../abigail_library.html" class="btn btn-secondary">Read the guide</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="criteria-quote">
|
||||
<strong>Criterion 3:</strong> Published material in professional or major trade publications or major media, relating to the alien's work in the field for which classification is sought.
|
||||
<span class="src">8 C.F.R. § 214.2(o)(3)(iii)(B)(3)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>What actually counts.</h2>
|
||||
<p>USCIS looks at three things: the publication's stature, whether the article is <em>about you</em> (not just quoting you), and the field relevance.</p>
|
||||
</div>
|
||||
|
||||
<div class="what-counts-grid">
|
||||
<div class="what-card">
|
||||
<h3>Major trade & industry publications</h3>
|
||||
<p>Profile or feature pieces in publications respected within your specialty.</p>
|
||||
<ul>
|
||||
<li>Industry trade press (TechCrunch for tech, Variety for film, etc.)</li>
|
||||
<li>Specialty publications with broad circulation in your field</li>
|
||||
<li>Recognized academic-adjacent outlets (Nature News, Quanta, MIT Tech Review)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="what-card">
|
||||
<h3>Major general media</h3>
|
||||
<p>Coverage in publications with broad national or international reach.</p>
|
||||
<ul>
|
||||
<li>National newspapers and magazines</li>
|
||||
<li>Major broadcast / streaming media segments</li>
|
||||
<li>Established business or news outlets</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="what-card">
|
||||
<h3>Long-form digital media</h3>
|
||||
<p>Substantive coverage in respected digital outlets and podcasts with editorial standards.</p>
|
||||
<ul>
|
||||
<li>Editorial podcast features (not promotional)</li>
|
||||
<li>YouTube channels with credentialed editorial process</li>
|
||||
<li>Newsletter platforms with verified scale</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="anti-card">
|
||||
<h3>What doesn't count</h3>
|
||||
<p>Common applicant mistakes that USCIS routinely rejects.</p>
|
||||
<ul>
|
||||
<li>Self-published blog posts or LinkedIn articles you wrote</li>
|
||||
<li>Press releases distributed by your employer</li>
|
||||
<li>Brief quotes in articles primarily about someone else</li>
|
||||
<li>Sponsored content or pay-to-publish outlets</li>
|
||||
<li>Coverage outside your professional field</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>How the engagement works.</h2>
|
||||
<p>A structured 90-day program. Editorial outreach, not paid placement. No guarantees, but a defined process.</p>
|
||||
</div>
|
||||
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-num">1</div>
|
||||
<h3>Story discovery</h3>
|
||||
<p>We work with you to identify the angles in your work that journalists will actually find newsworthy.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">2</div>
|
||||
<h3>Outlet mapping</h3>
|
||||
<p>We build a target list of publications matched to your field, your story, and USCIS's stature requirements.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">3</div>
|
||||
<h3>Pitch & coordinate</h3>
|
||||
<p>Tailored pitches to identified journalists. We coordinate interviews, fact-checking, and review windows.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">4</div>
|
||||
<h3>Documentation</h3>
|
||||
<p>Published coverage formatted as O-1A exhibits, with circulation evidence and editorial credential documentation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>What we don't do.</h2>
|
||||
<p>Honest about the boundary between PR and pay-to-play.</p>
|
||||
</div>
|
||||
<div style="max-width: 760px; margin: 0 auto; display:flex; flex-direction:column; gap:16px;">
|
||||
<div class="anti-card">
|
||||
<h3>No paid placements</h3>
|
||||
<p>We don't buy coverage. Paid editorial undermines O-1A admissibility and is increasingly flagged by USCIS adjudicators. Every placement is earned editorial.</p>
|
||||
</div>
|
||||
<div class="anti-card">
|
||||
<h3>No guaranteed coverage counts</h3>
|
||||
<p>We guarantee structured outreach to a defined number of outlets. We do not guarantee any specific journalist will write about you, or any specific publication will run a piece.</p>
|
||||
</div>
|
||||
<div class="anti-card">
|
||||
<h3>No fake bylines</h3>
|
||||
<p>We don't write articles for you to "publish under your name" in outlets that take submissions for fees. USCIS regularly rejects these.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="contact">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>Start with a strategy call.</h2>
|
||||
<p>A 30-minute call covering your story, target timeline, current evidence, and whether press is the right gap-filler for your case.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="../abigail_individuals.html#hero" class="btn btn-primary">Request a call</a>
|
||||
<a href="services.html" class="btn btn-secondary">See all services</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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;">Services</div>
|
||||
<div><a href="services.html">All services</a></div>
|
||||
<div><a href="press.html">Press support</a></div>
|
||||
<div><a href="judging.html">Peer-review intros</a></div>
|
||||
<div><a href="attorneys.html">Attorney network</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
|
||||
<div><a href="../abigail_library.html">Library</a></div>
|
||||
<div><a href="petitions.html">Petitions</a></div>
|
||||
<div><a href="../abigail_pricing.html">Pricing</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="login.html">Log in</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="disclaimer">
|
||||
Press & media support is a non-legal professional service. Abigail does not guarantee specific media placements or O-1A approval outcomes. All outreach is editorial; no paid placements. Documentation is exhibit-formatted but does not constitute legal advice. Legal services, where elected, are provided by Abigail Legal Services, P.C. under separate engagement.
|
||||
</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>
|
||||
260
v1/services.html
Normal file
260
v1/services.html
Normal file
@@ -0,0 +1,260 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Services — 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">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.svc-group { margin-bottom: 64px; }
|
||||
.svc-group-head {
|
||||
display: flex; align-items: baseline; gap: 16px;
|
||||
margin-bottom: 24px;
|
||||
padding-bottom: 16px;
|
||||
border-bottom: 1px solid var(--rule);
|
||||
}
|
||||
.svc-group-num {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
color: var(--signal);
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.svc-group h2 {
|
||||
font-size: 28px; font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
margin: 0;
|
||||
}
|
||||
.svc-group .lead {
|
||||
font-size: 15px;
|
||||
color: var(--mute);
|
||||
margin: -8px 0 24px;
|
||||
max-width: 720px;
|
||||
}
|
||||
.svc-card { display: flex; flex-direction: column; }
|
||||
.svc-card .pill { align-self: flex-start; margin-bottom: 12px; }
|
||||
.svc-card h3 { margin-bottom: 6px; }
|
||||
.svc-card .price-line {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 13px;
|
||||
color: var(--ink);
|
||||
margin: 16px 0 8px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid var(--rule);
|
||||
}
|
||||
.svc-card .price-line span { color: var(--signal); font-weight: 600; }
|
||||
.svc-card .link {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--ink);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.svc-card.hover:hover .link { color: var(--signal); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="../abigail_individuals.html">Individuals</a>
|
||||
<a href="../abigail_employers.html">Employers</a>
|
||||
<a href="services.html" class="active">Services</a>
|
||||
<a href="attorneys.html">Attorneys</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="petitions.html">Petitions</a>
|
||||
<a href="press.html">Press support</a>
|
||||
<a href="judging.html">Peer-review intros</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../abigail_pricing.html">Pricing</a>
|
||||
<a href="login.html" style="color:var(--mute);">Log in</a>
|
||||
</div>
|
||||
<a href="../abigail_individuals.html#hero" class="nav-cta">Start screener</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero centered">
|
||||
<div class="container">
|
||||
<div class="eyebrow">Services</div>
|
||||
<h1>One platform. <em>Five</em> services.<br>Pick what your case needs.</h1>
|
||||
<p class="lead">From AI-only document preparation to full-lifecycle attorney representation, plus evidence-building services that strengthen the petition itself.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
|
||||
<!-- Group 1: Filing Services -->
|
||||
<div class="svc-group">
|
||||
<div class="svc-group-head">
|
||||
<span class="svc-group-num">01</span>
|
||||
<h2>Filing Services</h2>
|
||||
</div>
|
||||
<p class="lead">Get the petition built, reviewed, and filed. Choose the level of attorney involvement that matches your case.</p>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill">Self-serve</span>
|
||||
<h3>AI Drafting Package</h3>
|
||||
<p>AI handles the full filing: intake, evidence map, petition narrative, support letter frameworks, cover letter, and form population. You review, sign, and file.</p>
|
||||
<div class="price-line"><span>From $1,500</span> · flat fee per filing</div>
|
||||
<a class="link" href="../abigail_pricing.html">See pricing →</a>
|
||||
</div>
|
||||
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill signal">Most popular</span>
|
||||
<h3>AI + Attorney Review</h3>
|
||||
<p>Everything in the AI package, plus an Ivy / BigLaw-trained attorney reviews, annotates, and signs off. 3–5 business-day turnaround. Engagement via Abigail Legal Services, P.C.</p>
|
||||
<div class="price-line"><span>From $5,500</span> · flat fee per filing</div>
|
||||
<a class="link" href="../abigail_pricing.html">See pricing →</a>
|
||||
</div>
|
||||
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill">Premium</span>
|
||||
<h3>Lifecycle Representation</h3>
|
||||
<p>Continuous attorney coverage across the full case lifecycle. RFE / NOID responses, status-change strategy, renewals, and green-card pathway planning included.</p>
|
||||
<div class="price-line"><span>Custom</span> · annual engagement</div>
|
||||
<a class="link" href="../abigail_pricing.html">Talk to us →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Group 2: Evidence-Building Services -->
|
||||
<div class="svc-group">
|
||||
<div class="svc-group-head">
|
||||
<span class="svc-group-num">02</span>
|
||||
<h2>Evidence-Building Services</h2>
|
||||
</div>
|
||||
<p class="lead">Targeted help for the criteria where applicants commonly fall short. Optional add-ons to any filing tier.</p>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill caution">Add-on</span>
|
||||
<h3>Press & Media Support</h3>
|
||||
<p>Coordinated outreach to industry publications, podcasts, and journalists — building media coverage that qualifies for O-1A Criterion 3 (published material about you).</p>
|
||||
<div class="price-line"><span>From $2,500</span> · 90-day engagement</div>
|
||||
<a class="link" href="press.html">Learn more →</a>
|
||||
</div>
|
||||
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill caution">Add-on</span>
|
||||
<h3>Peer-Review Intros</h3>
|
||||
<p>Matched introductions to journals, conferences, hackathons, and grant panels seeking reviewers in your field — building evidence for O-1A Criterion 4 (judging the work of others).</p>
|
||||
<div class="price-line"><span>From $1,800</span> · 60-day engagement</div>
|
||||
<a class="link" href="judging.html">Learn more →</a>
|
||||
</div>
|
||||
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill caution">Add-on</span>
|
||||
<h3>RFE Response</h3>
|
||||
<p>AI-drafted, attorney-reviewed RFE / NOID responses. The AI has full case context, making responses faster and more precise than starting fresh.</p>
|
||||
<div class="price-line"><span>From $799</span> · per response</div>
|
||||
<a class="link" href="../abigail_pricing.html">See pricing →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Group 3: Front-Door -->
|
||||
<div class="svc-group">
|
||||
<div class="svc-group-head">
|
||||
<span class="svc-group-num">03</span>
|
||||
<h2>Free Services</h2>
|
||||
</div>
|
||||
<p class="lead">Start here, regardless of which path you eventually take.</p>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill signal">Free</span>
|
||||
<h3>AI Visa Screener</h3>
|
||||
<p>Multi-visa simultaneous analysis with green-card roadmap. Outputs candidate pathways and evidence gap analysis based on your background — not a quiz, a structured reasoning engine.</p>
|
||||
<a class="link" href="../abigail_individuals.html#hero">Run the screener →</a>
|
||||
</div>
|
||||
|
||||
<div class="card hover svc-card">
|
||||
<span class="pill signal">Free</span>
|
||||
<h3>Library & Guides</h3>
|
||||
<p>Attorney-written breakdowns of every visa category, the criteria USCIS actually credits, and how to respond when an RFE shows up.</p>
|
||||
<a class="link" href="../abigail_library.html">Browse the library →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>Not sure which to start with?</h2>
|
||||
<p>The free screener tells you which visa pathway fits and which evidence gaps to close. Most users start there.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="../abigail_individuals.html#hero" class="btn btn-primary">Start the free screener</a>
|
||||
<a href="../abigail_pricing.html" class="btn btn-secondary">See full pricing</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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;">Services</div>
|
||||
<div><a href="services.html">All services</a></div>
|
||||
<div><a href="press.html">Press support</a></div>
|
||||
<div><a href="judging.html">Peer-review intros</a></div>
|
||||
<div><a href="attorneys.html">Attorney network</a></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
|
||||
<div><a href="../abigail_library.html">Library</a></div>
|
||||
<div><a href="petitions.html">Petitions</a></div>
|
||||
<div><a href="../abigail_pricing.html">Pricing</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="login.html">Log in</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. Evidence-building services are non-legal professional services and do not guarantee specific media placements or peer-review invitations. Use of the platform's screener output does not constitute legal advice or 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>
|
||||
279
v1/styles.css
Normal file
279
v1/styles.css
Normal file
@@ -0,0 +1,279 @@
|
||||
: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: 28px; font-size: 14px; align-items: center; }
|
||||
.nav-links > a:hover, .nav-trigger: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); }
|
||||
|
||||
/* Resources dropdown */
|
||||
.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 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 56px; }
|
||||
.hero.centered { text-align: 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 p.lead {
|
||||
font-size: 18px; color: var(--mute);
|
||||
margin: 0 0 28px;
|
||||
max-width: 620px;
|
||||
}
|
||||
.hero.centered p.lead { margin-left: auto; margin-right: auto; }
|
||||
|
||||
/* Section */
|
||||
.section { padding: 80px 0; }
|
||||
.section.alt { background: var(--paper-2); }
|
||||
.section.dark { background: var(--ink); color: var(--paper); }
|
||||
.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: 760px; margin-left: auto; margin-right: auto;
|
||||
}
|
||||
.section-head p {
|
||||
font-size: 17px; color: var(--mute);
|
||||
max-width: 600px; margin: 0 auto;
|
||||
}
|
||||
.section.dark .section-head h2 { color: var(--paper); }
|
||||
.section.dark .section-head p { color: var(--mute-2); }
|
||||
|
||||
/* Buttons */
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 12px 22px;
|
||||
border-radius: 10px;
|
||||
font-weight: 600; font-size: 14px;
|
||||
transition: all 0.15s;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
}
|
||||
.btn-primary { background: var(--signal); color: white; }
|
||||
.btn-primary:hover { background: var(--signal-2); }
|
||||
.btn-secondary {
|
||||
background: transparent; color: var(--ink);
|
||||
border-color: var(--ink);
|
||||
}
|
||||
.btn-secondary:hover { background: var(--ink); color: var(--paper); }
|
||||
|
||||
/* Card grids */
|
||||
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
|
||||
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
|
||||
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
|
||||
|
||||
.card {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 16px;
|
||||
padding: 28px;
|
||||
transition: border-color 0.15s, transform 0.15s;
|
||||
}
|
||||
.card.hover:hover {
|
||||
border-color: var(--signal);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.card h3 {
|
||||
font-size: 18px; font-weight: 600;
|
||||
margin: 0 0 8px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.card p { font-size: 14px; color: var(--mute); margin: 0; line-height: 1.55; }
|
||||
|
||||
/* CTA band */
|
||||
.cta-band {
|
||||
background: var(--ink);
|
||||
color: var(--paper);
|
||||
border-radius: 24px;
|
||||
padding: 64px 48px;
|
||||
text-align: center;
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
.cta-band h2 {
|
||||
font-size: 36px; 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 28px;
|
||||
}
|
||||
.cta-buttons { display: inline-flex; gap: 12px; }
|
||||
.cta-band .btn-secondary {
|
||||
color: var(--paper);
|
||||
border-color: var(--rule-dark);
|
||||
}
|
||||
.cta-band .btn-secondary:hover {
|
||||
background: var(--ink-2);
|
||||
color: var(--paper);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* Pill / tag */
|
||||
.pill {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
background: var(--paper-2);
|
||||
color: var(--mute);
|
||||
}
|
||||
.pill.signal { background: rgba(46,107,255,0.1); color: var(--signal); }
|
||||
.pill.caution { background: rgba(232,163,61,0.15); color: var(--caution); }
|
||||
|
||||
/* Form */
|
||||
.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, .field textarea {
|
||||
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, .field textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--signal);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 880px) {
|
||||
.hero h1 { font-size: 40px; }
|
||||
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
|
||||
.nav-links { display: none; }
|
||||
.cta-band { padding: 48px 24px; }
|
||||
.section { padding: 56px 0; }
|
||||
}
|
||||
Reference in New Issue
Block a user