3424 lines
131 KiB
HTML
3424 lines
131 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Paprika Laptop Mockup</title>
|
||
<style>
|
||
:root {
|
||
--red: #d9432f;
|
||
--deep-red: #a9372d;
|
||
--ink: #241b14;
|
||
--text: #5c5249;
|
||
--muted: #8d847a;
|
||
--line: #e9e1d8;
|
||
--paper: #fffdfa;
|
||
--panel: rgba(255,255,255,.86);
|
||
--green: #4f7d61;
|
||
--header-text: #41505a;
|
||
}
|
||
|
||
* { box-sizing: border-box; }
|
||
|
||
html {
|
||
background: var(--paper);
|
||
color: var(--ink);
|
||
font-family: Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
min-height: 100vh;
|
||
background:
|
||
linear-gradient(rgba(38,27,19,.032) 1px, transparent 1px),
|
||
linear-gradient(90deg, rgba(38,27,19,.032) 1px, transparent 1px),
|
||
radial-gradient(circle at 50% 34%, rgba(255,255,255,.98) 0 34%, rgba(255,255,255,.64) 52%, rgba(255,253,250,0) 72%),
|
||
var(--paper);
|
||
background-size: 112px 112px, 112px 112px, 100% 920px, auto;
|
||
background-repeat: repeat, repeat, no-repeat, repeat;
|
||
}
|
||
|
||
.site-header {
|
||
height: 92px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 18px;
|
||
padding: 0 clamp(72px, 6vw, 92px);
|
||
border-bottom: 1px solid rgba(38,27,19,.08);
|
||
background: rgba(255,253,250,.94);
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 20;
|
||
backdrop-filter: blur(14px);
|
||
}
|
||
|
||
.brand {
|
||
flex: 0 0 auto;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.brand-name {
|
||
color: var(--red);
|
||
font-family: "Avenir Next", Avenir, sans-serif;
|
||
font-size: clamp(39px, 4vw, 50px);
|
||
line-height: .9;
|
||
font-weight: 900;
|
||
letter-spacing: -.04em;
|
||
}
|
||
|
||
.brand-tag {
|
||
max-width: 238px;
|
||
color: var(--header-text);
|
||
font-size: 15px;
|
||
line-height: 1.13;
|
||
font-weight: 650;
|
||
}
|
||
|
||
.nav {
|
||
margin-left: clamp(44px, 4.4vw, 60px);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: clamp(12px, 1.25vw, 18px);
|
||
color: var(--header-text);
|
||
font-size: 15px;
|
||
font-weight: 720;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.nav a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.nav a.active {
|
||
color: var(--deep-red);
|
||
}
|
||
|
||
.nav-dropdown {
|
||
position: relative;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-height: 50px;
|
||
}
|
||
|
||
.nav-trigger {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 7px;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.nav-chevron {
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.resources-menu {
|
||
position: absolute;
|
||
top: calc(100% + 15px);
|
||
left: 50%;
|
||
width: 285px;
|
||
padding: 20px 22px;
|
||
border-radius: 14px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
background: rgba(255,253,250,.98);
|
||
box-shadow: 0 28px 70px rgba(48,35,24,.14);
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transform: translate(-50%, 8px);
|
||
transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
|
||
white-space: normal;
|
||
}
|
||
|
||
.nav-dropdown:hover .resources-menu,
|
||
.nav-dropdown:focus-within .resources-menu {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
transform: translate(-50%, 0);
|
||
}
|
||
|
||
.resources-menu a {
|
||
display: block;
|
||
padding: 0;
|
||
color: var(--ink);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.resources-menu a + a {
|
||
margin-top: 18px;
|
||
}
|
||
|
||
.resources-menu strong {
|
||
display: block;
|
||
color: var(--ink);
|
||
font-size: 16px;
|
||
line-height: 1.22;
|
||
font-weight: 800;
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
.resources-menu span {
|
||
display: block;
|
||
margin-top: 4px;
|
||
color: #9b7c5c;
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.resources-menu a:hover strong {
|
||
color: var(--deep-red);
|
||
}
|
||
|
||
.start {
|
||
margin-left: 4px;
|
||
height: 50px;
|
||
padding: 0 22px 0 24px;
|
||
border-radius: 999px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 13px;
|
||
background: var(--red);
|
||
color: #fffdfa !important;
|
||
box-shadow: 0 20px 42px rgba(217,67,47,.18);
|
||
}
|
||
|
||
.start .button-arrow {
|
||
font-size: 24px;
|
||
line-height: 1;
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
main {
|
||
min-height: 72vh;
|
||
}
|
||
|
||
.hero {
|
||
width: min(1040px, calc(100% - 56px));
|
||
margin: 0 auto;
|
||
padding: clamp(86px, 10vh, 132px) 0 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.hero.subpage {
|
||
padding-top: clamp(72px, 9vh, 112px);
|
||
}
|
||
|
||
h1 {
|
||
max-width: 980px;
|
||
margin: 0 auto;
|
||
font-family: "Avenir Next", Avenir, sans-serif;
|
||
font-size: clamp(54px, 6.3vw, 74px);
|
||
line-height: .99;
|
||
font-weight: 780;
|
||
letter-spacing: -.014em;
|
||
color: #211812;
|
||
}
|
||
|
||
.subpage h1 {
|
||
max-width: 900px;
|
||
font-size: clamp(44px, 5.2vw, 66px);
|
||
line-height: 1.04;
|
||
}
|
||
|
||
.judging-hero h1 {
|
||
max-width: 960px;
|
||
font-size: clamp(44px, 5.2vw, 66px);
|
||
}
|
||
|
||
.hero-kicker {
|
||
margin: 0 0 22px;
|
||
color: var(--red);
|
||
font-size: 14px;
|
||
font-weight: 900;
|
||
letter-spacing: .14em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
h1 em,
|
||
.time-line {
|
||
color: var(--deep-red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-weight: 700;
|
||
font-style: italic;
|
||
letter-spacing: -.02em;
|
||
}
|
||
|
||
h1 .accent {
|
||
color: var(--red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-weight: 700;
|
||
font-style: italic;
|
||
letter-spacing: -.02em;
|
||
}
|
||
|
||
.subhead {
|
||
max-width: 850px;
|
||
margin: 38px auto 0;
|
||
color: var(--text);
|
||
font-size: clamp(20px, 2vw, 24px);
|
||
line-height: 1.58;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.subpage .subhead {
|
||
max-width: 760px;
|
||
font-size: 22px;
|
||
}
|
||
|
||
.press-hero-subhead {
|
||
max-width: 1060px;
|
||
font-size: 22px;
|
||
}
|
||
|
||
.faq-hero .subhead {
|
||
max-width: 1120px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.press-hero {
|
||
width: min(1120px, calc(100% - 56px));
|
||
}
|
||
|
||
.actions {
|
||
margin-top: 46px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 16px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.button {
|
||
min-width: 196px;
|
||
height: 58px;
|
||
padding: 0 30px;
|
||
border-radius: 999px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-decoration: none;
|
||
font-size: 17px;
|
||
font-weight: 820;
|
||
}
|
||
|
||
.button.primary {
|
||
color: #fffdfa;
|
||
background: var(--red);
|
||
box-shadow: 0 24px 54px rgba(217,67,47,.2);
|
||
}
|
||
|
||
.button.secondary {
|
||
color: #2a211a;
|
||
background: rgba(255,255,255,.7);
|
||
border: 1px solid #ded5ca;
|
||
box-shadow: 0 18px 40px rgba(56,41,28,.06);
|
||
}
|
||
|
||
.microcopy {
|
||
max-width: 710px;
|
||
margin: 34px auto 0;
|
||
color: #91887e;
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
font-style: italic;
|
||
}
|
||
|
||
.time-line {
|
||
margin: 26px auto 0;
|
||
font-size: 31px;
|
||
line-height: 1.25;
|
||
font-weight: 600;
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
.cards,
|
||
.section,
|
||
.form-wrap {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.cards {
|
||
margin-top: clamp(72px, 10vh, 104px);
|
||
margin-bottom: 96px;
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.home-services-intro {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: clamp(76px, 10vh, 112px) auto 0;
|
||
}
|
||
|
||
.statement-section {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 112px auto 104px;
|
||
}
|
||
|
||
.home-services-intro .kicker,
|
||
.statement-section .kicker,
|
||
.process-kicker,
|
||
.question-kicker {
|
||
color: var(--red);
|
||
font-size: 14px;
|
||
font-weight: 900;
|
||
letter-spacing: .14em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.home-services-intro h2,
|
||
.statement-section h2,
|
||
.question-section .section-title {
|
||
margin: 18px 0 0;
|
||
max-width: 780px;
|
||
color: #102d2e;
|
||
font-size: clamp(48px, 6vw, 74px);
|
||
line-height: .98;
|
||
font-weight: 840;
|
||
letter-spacing: -.025em;
|
||
}
|
||
|
||
.home-services-intro p {
|
||
margin: 24px 0 0 6px;
|
||
max-width: 720px;
|
||
color: #746a60;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 21px;
|
||
line-height: 1.45;
|
||
font-style: italic;
|
||
}
|
||
|
||
.statement-section p {
|
||
margin: 28px 0 0;
|
||
max-width: 640px;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.72;
|
||
}
|
||
|
||
.home-services-intro + .cards {
|
||
margin-top: 54px;
|
||
}
|
||
|
||
.section {
|
||
margin-top: 86px;
|
||
margin-bottom: 86px;
|
||
}
|
||
|
||
.section.tight {
|
||
margin-top: 54px;
|
||
}
|
||
|
||
.why-proof {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 72px auto 110px;
|
||
}
|
||
|
||
.why-proof-intro {
|
||
max-width: 860px;
|
||
margin: 0 auto 44px;
|
||
text-align: center;
|
||
}
|
||
|
||
.why-proof-intro .process-kicker {
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.why-proof-intro h2 {
|
||
margin: 0;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.8vw, 58px);
|
||
line-height: 1.02;
|
||
font-weight: 840;
|
||
letter-spacing: -.02em;
|
||
}
|
||
|
||
.why-proof-grid {
|
||
display: grid;
|
||
gap: 20px;
|
||
}
|
||
|
||
.why-reason {
|
||
display: grid;
|
||
grid-template-columns: 270px 1fr;
|
||
gap: 38px;
|
||
padding: 38px 42px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 24px 70px rgba(48,35,24,.06);
|
||
}
|
||
|
||
.why-reason-side {
|
||
padding-top: 2px;
|
||
}
|
||
|
||
.why-reason-num {
|
||
color: var(--red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 30px;
|
||
line-height: 1;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.why-reason h3 {
|
||
margin: 18px 0 0;
|
||
color: #102d2e;
|
||
font-size: 28px;
|
||
line-height: 1.12;
|
||
font-weight: 840;
|
||
letter-spacing: -.012em;
|
||
}
|
||
|
||
.why-reason-body p {
|
||
margin: 0;
|
||
color: #5d6667;
|
||
font-size: 17px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.why-reason-body p + p {
|
||
margin-top: 14px;
|
||
}
|
||
|
||
.why-tagline {
|
||
margin-top: 20px;
|
||
padding-top: 16px;
|
||
border-top: 1px solid rgba(217,67,47,.18);
|
||
color: var(--deep-red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 21px;
|
||
line-height: 1.34;
|
||
font-style: italic;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.why-closing {
|
||
margin-top: 26px;
|
||
padding: 34px 40px;
|
||
border-radius: 8px;
|
||
background: rgba(217,67,47,.06);
|
||
border: 1px solid rgba(217,67,47,.14);
|
||
text-align: center;
|
||
}
|
||
|
||
.why-closing h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: clamp(30px, 3.6vw, 44px);
|
||
line-height: 1.05;
|
||
font-weight: 840;
|
||
letter-spacing: -.018em;
|
||
}
|
||
|
||
.why-closing p {
|
||
max-width: 820px;
|
||
margin: 18px auto 0;
|
||
color: #5f564e;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.why-closing .why-tagline {
|
||
display: inline-block;
|
||
margin-top: 24px;
|
||
padding: 16px 24px 0;
|
||
}
|
||
|
||
.why-v2 {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 74px auto 110px;
|
||
}
|
||
|
||
.why-v2-lede {
|
||
display: grid;
|
||
grid-template-columns: 1.05fr .95fr;
|
||
gap: 44px;
|
||
align-items: center;
|
||
margin-bottom: 30px;
|
||
padding: 42px 46px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
background: rgba(255,255,255,.76);
|
||
box-shadow: 0 24px 70px rgba(48,35,24,.055);
|
||
}
|
||
|
||
.why-v2-lede h2 {
|
||
margin: 0;
|
||
color: #211812;
|
||
font-size: clamp(34px, 4.2vw, 54px);
|
||
line-height: 1.02;
|
||
font-weight: 840;
|
||
letter-spacing: -.02em;
|
||
}
|
||
|
||
.why-v2-lede p {
|
||
margin: 20px 0 0;
|
||
max-width: 600px;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.why-v2-standards {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 12px;
|
||
}
|
||
|
||
.why-v2-standard {
|
||
min-height: 112px;
|
||
padding: 20px 18px;
|
||
border-radius: 6px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
background: rgba(255,253,250,.88);
|
||
}
|
||
|
||
.why-v2-standard b {
|
||
display: block;
|
||
color: var(--red);
|
||
font-size: 12px;
|
||
letter-spacing: .12em;
|
||
text-transform: uppercase;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.why-v2-standard span {
|
||
color: #102d2e;
|
||
font-size: 16px;
|
||
line-height: 1.38;
|
||
font-weight: 760;
|
||
}
|
||
|
||
.why-v2-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 20px;
|
||
}
|
||
|
||
.why-card {
|
||
min-height: 300px;
|
||
padding: 32px 34px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 22px 66px rgba(48,35,24,.055);
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.why-card.featured {
|
||
grid-column: 1 / -1;
|
||
min-height: 0;
|
||
display: grid;
|
||
grid-template-columns: 300px 1fr;
|
||
gap: 42px;
|
||
padding: 40px 44px;
|
||
border-top: 4px solid var(--red);
|
||
background: rgba(255,255,255,.88);
|
||
}
|
||
|
||
.why-card.featured h3 {
|
||
font-size: clamp(32px, 3.4vw, 44px);
|
||
line-height: 1.04;
|
||
}
|
||
|
||
.why-card.featured p {
|
||
margin-top: 4px;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.why-card-num {
|
||
color: var(--red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 28px;
|
||
line-height: 1;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.why-card h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 29px;
|
||
line-height: 1.12;
|
||
font-weight: 840;
|
||
letter-spacing: -.012em;
|
||
}
|
||
|
||
.why-card p {
|
||
margin: 18px 0 0;
|
||
color: #5d6667;
|
||
font-size: 16.5px;
|
||
line-height: 1.58;
|
||
}
|
||
|
||
.why-card-line {
|
||
margin-top: auto;
|
||
padding-top: 22px;
|
||
color: var(--deep-red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 20px;
|
||
line-height: 1.32;
|
||
font-style: italic;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.why-card.peace {
|
||
background: rgba(217,67,47,.06);
|
||
border-color: rgba(217,67,47,.14);
|
||
}
|
||
|
||
.why-v2-peace {
|
||
margin-top: 28px;
|
||
padding: 48px 54px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(217,67,47,.16);
|
||
background: rgba(217,67,47,.06);
|
||
text-align: center;
|
||
}
|
||
|
||
.why-v2-peace .process-kicker {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.why-v2-peace h2 {
|
||
max-width: 980px;
|
||
margin: 14px auto 0;
|
||
color: #102d2e;
|
||
font-size: clamp(38px, 5vw, 62px);
|
||
line-height: 1.02;
|
||
font-weight: 840;
|
||
letter-spacing: -.024em;
|
||
}
|
||
|
||
.why-v2-peace p {
|
||
max-width: 860px;
|
||
margin: 28px auto 0;
|
||
color: #625a52;
|
||
font-size: 19px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.why-v2-peace .why-card-line {
|
||
display: inline-block;
|
||
margin-top: 28px;
|
||
padding-top: 20px;
|
||
min-width: 260px;
|
||
border-top: 1px solid rgba(217,67,47,.18);
|
||
font-size: 25px;
|
||
}
|
||
|
||
.resource-hub {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 70px auto 100px;
|
||
}
|
||
|
||
.resource-tabs {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
margin: 0 auto 42px;
|
||
}
|
||
|
||
.resource-tab {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-height: 44px;
|
||
padding: 0 20px;
|
||
border: 1px solid rgba(38,27,19,.14);
|
||
border-radius: 999px;
|
||
background: rgba(255,255,255,.78);
|
||
color: #324351;
|
||
font-size: 15px;
|
||
font-weight: 800;
|
||
box-shadow: 0 14px 34px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.resource-tab.active {
|
||
border-color: rgba(217,67,47,.34);
|
||
color: var(--deep-red);
|
||
background: rgba(217,67,47,.08);
|
||
}
|
||
|
||
.resource-group {
|
||
margin-top: 52px;
|
||
}
|
||
|
||
.resource-group:first-of-type {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.resource-group-head {
|
||
display: flex;
|
||
align-items: end;
|
||
justify-content: space-between;
|
||
gap: 28px;
|
||
margin-bottom: 22px;
|
||
padding-bottom: 18px;
|
||
border-bottom: 1px solid rgba(38,27,19,.1);
|
||
}
|
||
|
||
.resource-group h2 {
|
||
margin: 0;
|
||
color: #211812;
|
||
font-size: 34px;
|
||
line-height: 1.08;
|
||
font-weight: 820;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.resource-group p {
|
||
margin: 0;
|
||
max-width: 520px;
|
||
color: #6d645b;
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.resource-cards {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 18px;
|
||
}
|
||
|
||
.resource-card {
|
||
min-height: 150px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.82);
|
||
padding: 24px;
|
||
box-shadow: 0 18px 42px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.resource-card h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 21px;
|
||
line-height: 1.18;
|
||
font-weight: 840;
|
||
}
|
||
|
||
.resource-card p {
|
||
margin-top: 14px;
|
||
font-size: 15px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.faq-page {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 66px auto 110px;
|
||
}
|
||
|
||
.faq-lede {
|
||
max-width: 860px;
|
||
margin: 0 auto 46px;
|
||
padding: 30px 34px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.78);
|
||
color: #5f574f;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
text-align: center;
|
||
box-shadow: 0 20px 58px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.faq-section {
|
||
display: grid;
|
||
grid-template-columns: 270px minmax(0, 1fr);
|
||
gap: 34px;
|
||
margin-top: 34px;
|
||
padding-top: 34px;
|
||
border-top: 1px solid rgba(38,27,19,.1);
|
||
}
|
||
|
||
.faq-section:first-of-type {
|
||
margin-top: 0;
|
||
padding-top: 0;
|
||
border-top: 0;
|
||
}
|
||
|
||
.faq-section-head {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.faq-section-head .process-kicker {
|
||
text-align: left;
|
||
}
|
||
|
||
.faq-section-head h2 {
|
||
margin: 14px 0 0;
|
||
color: #211812;
|
||
font-size: 34px;
|
||
line-height: 1.08;
|
||
font-weight: 840;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.faq-section-head p {
|
||
margin: 16px 0 0;
|
||
color: #7b7168;
|
||
font-size: 15.5px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.faq-list {
|
||
display: grid;
|
||
gap: 14px;
|
||
}
|
||
|
||
.faq-item {
|
||
display: grid;
|
||
grid-template-columns: 46px minmax(0, 1fr);
|
||
gap: 18px;
|
||
padding: 24px 26px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 18px 44px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.faq-num {
|
||
color: var(--red);
|
||
font-size: 16px;
|
||
line-height: 1.2;
|
||
font-weight: 900;
|
||
letter-spacing: .1em;
|
||
}
|
||
|
||
.faq-item h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 22px;
|
||
line-height: 1.22;
|
||
font-weight: 840;
|
||
letter-spacing: -.006em;
|
||
}
|
||
|
||
.faq-item p {
|
||
margin: 12px 0 0;
|
||
color: #4f5d5d;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
font-size: 16.3px;
|
||
line-height: 1.68;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.legal-doc {
|
||
width: min(920px, calc(100% - 72px));
|
||
margin: 70px auto 108px;
|
||
}
|
||
|
||
.legal-doc-head {
|
||
padding: 42px 46px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.8);
|
||
text-align: center;
|
||
box-shadow: 0 20px 58px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.legal-doc-head .process-kicker {
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.legal-doc-head h1 {
|
||
margin: 0;
|
||
color: #211812;
|
||
font-size: clamp(44px, 5vw, 68px);
|
||
line-height: 1.02;
|
||
font-weight: 840;
|
||
letter-spacing: -.024em;
|
||
}
|
||
|
||
.legal-date {
|
||
margin-top: 20px;
|
||
color: #766d64;
|
||
font-size: 17px;
|
||
line-height: 1.5;
|
||
font-weight: 650;
|
||
}
|
||
|
||
.legal-sections {
|
||
margin-top: 26px;
|
||
display: grid;
|
||
gap: 14px;
|
||
}
|
||
|
||
.legal-section {
|
||
padding: 26px 30px;
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 18px 44px rgba(48,35,24,.04);
|
||
}
|
||
|
||
.legal-section h2 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 23px;
|
||
line-height: 1.22;
|
||
font-weight: 840;
|
||
letter-spacing: -.006em;
|
||
}
|
||
|
||
.legal-section p {
|
||
margin: 14px 0 0;
|
||
color: #4f5d5d;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
font-size: 16.2px;
|
||
line-height: 1.7;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.legal-section ul {
|
||
margin: 16px 0 0;
|
||
padding-left: 22px;
|
||
color: #4f5d5d;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
font-size: 16.2px;
|
||
line-height: 1.7;
|
||
}
|
||
|
||
.legal-section li + li {
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.criteria-page {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 66px auto 108px;
|
||
}
|
||
|
||
.criteria-intro,
|
||
.criteria-disclaimer {
|
||
border: 1px solid rgba(38,27,19,.1);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.78);
|
||
box-shadow: 0 20px 58px rgba(48,35,24,.045);
|
||
}
|
||
|
||
.criteria-intro {
|
||
padding: 36px 42px 38px;
|
||
color: #5d554d;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.criteria-intro p {
|
||
margin: 0;
|
||
max-width: 980px;
|
||
}
|
||
|
||
.criteria-note-inline {
|
||
margin-top: 24px;
|
||
padding: 24px 0 0;
|
||
border-top: 1px solid rgba(217,67,47,.18);
|
||
}
|
||
|
||
.criteria-note-inline h2 {
|
||
margin: 0 0 12px;
|
||
color: var(--red);
|
||
font-size: 16px;
|
||
letter-spacing: .13em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.criteria-note-inline p,
|
||
.criteria-disclaimer p {
|
||
margin: 0;
|
||
color: #625a52;
|
||
font-size: 16.5px;
|
||
line-height: 1.66;
|
||
}
|
||
|
||
.criteria-note-inline p + p {
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.criteria-grid {
|
||
margin-top: 28px;
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 20px;
|
||
}
|
||
|
||
.criterion-card {
|
||
min-height: 0;
|
||
padding: 30px 32px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
border-radius: 8px;
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 22px 58px rgba(48,35,24,.05);
|
||
}
|
||
|
||
.criterion-meta {
|
||
color: var(--red);
|
||
font-size: 15px;
|
||
font-weight: 900;
|
||
letter-spacing: .13em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.criterion-card h2 {
|
||
position: relative;
|
||
display: inline-block;
|
||
margin: 13px 0 0;
|
||
color: #102d2e;
|
||
font-size: 30px;
|
||
line-height: 1.08;
|
||
font-weight: 880;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.criterion-card h2::after {
|
||
content: "";
|
||
display: block;
|
||
width: 42px;
|
||
height: 3px;
|
||
margin-top: 12px;
|
||
border-radius: 999px;
|
||
background: rgba(217,67,47,.74);
|
||
}
|
||
|
||
.criterion-card p {
|
||
margin: 16px 0 0;
|
||
color: #4f5d5d;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
font-size: 16.2px;
|
||
line-height: 1.7;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.criterion-block {
|
||
margin-top: 18px;
|
||
padding-top: 16px;
|
||
border-top: 1px solid rgba(38,27,19,.08);
|
||
}
|
||
|
||
.criterion-label {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
color: var(--deep-red);
|
||
font-size: 13px;
|
||
font-weight: 900;
|
||
letter-spacing: .08em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.criteria-disclaimer {
|
||
margin-top: 24px;
|
||
padding: 24px 28px;
|
||
}
|
||
|
||
.section-head {
|
||
max-width: 760px;
|
||
margin-bottom: 34px;
|
||
}
|
||
|
||
.section-title {
|
||
margin: 0;
|
||
color: #211812;
|
||
font-size: clamp(34px, 4vw, 46px);
|
||
line-height: 1.12;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.section-copy {
|
||
margin: 18px 0 0;
|
||
color: var(--text);
|
||
font-size: 20px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.card,
|
||
.panel,
|
||
.mini,
|
||
.article,
|
||
.field,
|
||
.notice {
|
||
border-radius: 4px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
background: var(--panel);
|
||
box-shadow: 0 26px 70px rgba(48,35,24,.075);
|
||
}
|
||
|
||
.card {
|
||
min-height: 326px;
|
||
padding: 30px 31px 28px;
|
||
border-top: 5px solid var(--red);
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.meta {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.num {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
background: #fff0ed;
|
||
color: var(--deep-red);
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 13px;
|
||
font-weight: 850;
|
||
}
|
||
|
||
.label {
|
||
color: var(--deep-red);
|
||
font-size: 12px;
|
||
font-weight: 850;
|
||
letter-spacing: .12em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.green-label {
|
||
color: var(--green);
|
||
}
|
||
|
||
.card h2,
|
||
.panel h2,
|
||
.mini h3,
|
||
.article h3,
|
||
.notice h2 {
|
||
margin: 0;
|
||
color: #172a2b;
|
||
font-weight: 820;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.card h2 {
|
||
font-size: clamp(22px, 2vw, 25px);
|
||
line-height: 1.24;
|
||
}
|
||
|
||
.card p,
|
||
.panel p,
|
||
.mini p,
|
||
.article p,
|
||
.notice p,
|
||
li {
|
||
color: #5e6969;
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.card p {
|
||
margin: 20px 0 0;
|
||
}
|
||
|
||
.explore {
|
||
margin-top: auto;
|
||
padding-top: 26px;
|
||
color: var(--deep-red);
|
||
text-decoration: none;
|
||
font-size: 15px;
|
||
font-weight: 850;
|
||
}
|
||
|
||
.services-record-note {
|
||
width: min(860px, calc(100% - 72px));
|
||
margin: -42px auto 78px;
|
||
padding-top: 28px;
|
||
border-top: 1px solid rgba(217,67,47,.18);
|
||
color: #625a52;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 20px;
|
||
line-height: 1.58;
|
||
font-style: italic;
|
||
text-align: center;
|
||
}
|
||
|
||
.services-cta {
|
||
margin: 56px 0 0;
|
||
padding: clamp(36px, 4.8vw, 56px) clamp(72px, 8vw, 112px);
|
||
background: var(--red);
|
||
color: #fffdfa;
|
||
}
|
||
|
||
.services-cta-inner {
|
||
max-width: 1240px;
|
||
margin: 0 auto;
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) auto;
|
||
gap: 56px;
|
||
align-items: center;
|
||
}
|
||
|
||
.services-cta h2 {
|
||
max-width: 680px;
|
||
margin: 0;
|
||
color: #fffdfa;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: clamp(40px, 4.5vw, 56px);
|
||
line-height: 1.02;
|
||
font-weight: 800;
|
||
letter-spacing: -.03em;
|
||
}
|
||
|
||
.services-cta p {
|
||
max-width: 680px;
|
||
margin: 20px 0 0;
|
||
color: rgba(255,253,250,.9);
|
||
font-size: 17px;
|
||
line-height: 1.58;
|
||
font-weight: 520;
|
||
}
|
||
|
||
.services-cta .button {
|
||
min-width: 250px;
|
||
color: var(--red);
|
||
background: #fffdfa;
|
||
box-shadow: 0 24px 54px rgba(100,20,12,.16);
|
||
}
|
||
|
||
.two-col {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 18px;
|
||
}
|
||
|
||
.panel {
|
||
padding: 34px;
|
||
}
|
||
|
||
.panel h2 {
|
||
font-size: 27px;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
.panel p {
|
||
margin: 18px 0 0;
|
||
}
|
||
|
||
.mini {
|
||
min-height: 174px;
|
||
padding: 24px;
|
||
}
|
||
|
||
.mini h3 {
|
||
font-size: 18px;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
.mini p {
|
||
margin: 12px 0 0;
|
||
font-size: 15px;
|
||
line-height: 1.45;
|
||
}
|
||
|
||
.article {
|
||
padding: 28px;
|
||
min-height: 210px;
|
||
}
|
||
|
||
.article h3 {
|
||
font-size: 23px;
|
||
line-height: 1.22;
|
||
}
|
||
|
||
.article p {
|
||
margin: 16px 0 0;
|
||
}
|
||
|
||
.split-feature {
|
||
display: grid;
|
||
grid-template-columns: .95fr 1.1fr;
|
||
gap: 72px;
|
||
align-items: start;
|
||
}
|
||
|
||
.list {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
border-top: 1px solid rgba(38,27,19,.1);
|
||
}
|
||
|
||
.list li {
|
||
display: grid;
|
||
grid-template-columns: 34px 1fr;
|
||
gap: 18px;
|
||
padding: 25px 0;
|
||
border-bottom: 1px solid rgba(38,27,19,.1);
|
||
align-items: start;
|
||
color: #40484e;
|
||
font-size: 20px;
|
||
line-height: 1.35;
|
||
font-weight: 780;
|
||
}
|
||
|
||
.arrow {
|
||
color: var(--red);
|
||
font-weight: 900;
|
||
font-size: 24px;
|
||
line-height: 1.1;
|
||
}
|
||
|
||
.list li.no-arrow .arrow {
|
||
display: none;
|
||
}
|
||
|
||
.list li.no-arrow {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.question-section {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 110px auto 98px;
|
||
text-align: center;
|
||
}
|
||
|
||
.question-section .section-head {
|
||
max-width: 850px;
|
||
}
|
||
|
||
.question-section .section-title {
|
||
max-width: 780px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
color: #211812;
|
||
font-size: clamp(34px, 4vw, 46px);
|
||
line-height: 1.12;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.question-section .section-copy {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
max-width: 880px;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.question-card {
|
||
margin-top: 58px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 24px 70px rgba(48,35,24,.065);
|
||
padding: 42px 52px;
|
||
text-align: left;
|
||
}
|
||
|
||
.question-card-title {
|
||
margin: 0 0 30px;
|
||
color: var(--red);
|
||
font-size: 14px;
|
||
font-weight: 900;
|
||
letter-spacing: .14em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.questions {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 0 56px;
|
||
}
|
||
|
||
.question-item {
|
||
display: grid;
|
||
grid-template-columns: 38px 1fr;
|
||
gap: 14px;
|
||
padding: 18px 0;
|
||
border-bottom: 1px solid rgba(38,27,19,.1);
|
||
color: #3f3a34;
|
||
font-size: 17px;
|
||
line-height: 1.42;
|
||
}
|
||
|
||
.question-num {
|
||
color: var(--red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 20px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.press-standard {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 88px auto 100px;
|
||
text-align: center;
|
||
}
|
||
|
||
.press-standard .section-head {
|
||
max-width: 760px;
|
||
margin: 0 auto 48px;
|
||
padding-top: 38px;
|
||
border-top: 1px solid rgba(38,27,19,.1);
|
||
text-align: center;
|
||
}
|
||
|
||
.press-standard .section-title {
|
||
margin-top: 18px;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.4vw, 52px);
|
||
line-height: 1.08;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.press-standard .section-copy {
|
||
max-width: 780px;
|
||
margin: 18px auto 0;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.58;
|
||
}
|
||
|
||
.press-check-card {
|
||
max-width: 940px;
|
||
margin: 0 auto;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
background: rgba(255,255,255,.86);
|
||
box-shadow: 0 26px 70px rgba(48,35,24,.065);
|
||
padding: 36px 46px 34px;
|
||
text-align: left;
|
||
}
|
||
|
||
.press-check-item {
|
||
display: grid;
|
||
grid-template-columns: 46px 1fr;
|
||
gap: 22px;
|
||
padding: 18px 0;
|
||
border-bottom: 1px solid rgba(38,27,19,.1);
|
||
color: #3f3a34;
|
||
font-size: 16px;
|
||
line-height: 1.46;
|
||
}
|
||
|
||
.press-check-num {
|
||
color: var(--red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 20px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.press-check-closing {
|
||
margin: 30px 0 0;
|
||
padding-top: 24px;
|
||
border-top: 2px solid var(--red);
|
||
color: var(--deep-red);
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 22px;
|
||
line-height: 1.35;
|
||
font-style: italic;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.press-cadence {
|
||
width: min(960px, calc(100% - 72px));
|
||
margin: 78px auto 24px;
|
||
padding: 34px 52px 30px;
|
||
border-top: 3px solid var(--red);
|
||
border-radius: 0 0 8px 8px;
|
||
background: linear-gradient(rgba(217,67,47,.04), rgba(255,253,250,0));
|
||
text-align: center;
|
||
}
|
||
|
||
.press-cadence p {
|
||
margin: 0;
|
||
color: #5f564e;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 21px;
|
||
line-height: 1.58;
|
||
font-style: italic;
|
||
}
|
||
|
||
.outlet-network {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 0 auto 100px;
|
||
text-align: center;
|
||
}
|
||
|
||
.outlet-network-head {
|
||
max-width: 760px;
|
||
margin: 0 auto 38px;
|
||
padding-top: 34px;
|
||
border-top: 1px solid rgba(38,27,19,.1);
|
||
}
|
||
|
||
.outlet-network h2 {
|
||
margin: 14px 0 0;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.4vw, 52px);
|
||
line-height: 1.08;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.outlet-network p {
|
||
margin: 18px auto 0;
|
||
max-width: 650px;
|
||
color: #625a52;
|
||
font-size: 17px;
|
||
line-height: 1.66;
|
||
}
|
||
|
||
.outlet-grid {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 11px 12px;
|
||
width: min(1120px, 100%);
|
||
box-sizing: border-box;
|
||
margin: 0 auto;
|
||
padding: 36px 34px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
background: rgba(255,255,255,.82);
|
||
box-shadow: 0 24px 70px rgba(48,35,24,.055);
|
||
}
|
||
|
||
.outlet-name {
|
||
padding: 8px 11px;
|
||
border-radius: 999px;
|
||
border: 1px solid rgba(38,27,19,.09);
|
||
background: rgba(255,253,250,.76);
|
||
color: #3f4a4d;
|
||
font-size: 14px;
|
||
line-height: 1.2;
|
||
font-weight: 720;
|
||
}
|
||
|
||
.avoid-section {
|
||
width: min(1180px, calc(100% - 72px));
|
||
margin: 0 auto 100px;
|
||
text-align: center;
|
||
}
|
||
|
||
.avoid-section .section-head {
|
||
max-width: 880px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.avoid-section .section-title {
|
||
margin-top: 18px;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.4vw, 52px);
|
||
line-height: 1.08;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.avoid-section .section-copy {
|
||
max-width: 840px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.avoid-grid {
|
||
margin-top: 42px;
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 18px;
|
||
}
|
||
|
||
.avoid-card {
|
||
min-height: 300px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
background: rgba(255,255,255,.86);
|
||
box-shadow: 0 24px 64px rgba(48,35,24,.055);
|
||
overflow: hidden;
|
||
text-align: left;
|
||
}
|
||
|
||
.avoid-mock {
|
||
position: relative;
|
||
min-height: 178px;
|
||
padding: 18px;
|
||
border-bottom: 1px solid rgba(38,27,19,.1);
|
||
background:
|
||
linear-gradient(135deg, rgba(16,45,46,.08), rgba(217,67,47,.05)),
|
||
rgba(255,253,250,.9);
|
||
}
|
||
|
||
.mock-bar {
|
||
width: 100%;
|
||
height: 14px;
|
||
border-radius: 999px;
|
||
background: rgba(38,27,19,.14);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.mock-source {
|
||
display: inline-block;
|
||
margin-bottom: 16px;
|
||
color: #102d2e;
|
||
font-size: 12px;
|
||
font-weight: 900;
|
||
letter-spacing: .12em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.mock-title {
|
||
width: 84%;
|
||
height: 48px;
|
||
border-radius: 4px;
|
||
background: rgba(16,45,46,.22);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.mock-disclosure {
|
||
display: inline-block;
|
||
padding: 8px 10px;
|
||
border-radius: 999px;
|
||
border: 1px solid rgba(217,67,47,.24);
|
||
background: rgba(217,67,47,.08);
|
||
color: var(--deep-red);
|
||
font-size: 11px;
|
||
font-weight: 900;
|
||
letter-spacing: .08em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.avoid-x-stamp {
|
||
position: absolute;
|
||
right: 28px;
|
||
bottom: 13px;
|
||
width: 42px;
|
||
height: 42px;
|
||
border: 2px solid rgba(169,55,45,.52);
|
||
border-radius: 999px;
|
||
color: var(--deep-red);
|
||
background: rgba(255,253,250,.64);
|
||
transform: rotate(-6deg);
|
||
box-shadow: 0 10px 24px rgba(169,55,45,.08);
|
||
}
|
||
|
||
.avoid-x-stamp::before {
|
||
content: "!";
|
||
position: absolute;
|
||
inset: 0;
|
||
display: grid;
|
||
place-items: center;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 28px;
|
||
line-height: 1;
|
||
font-weight: 800;
|
||
font-style: italic;
|
||
}
|
||
|
||
.avoid-card-body {
|
||
padding: 22px;
|
||
}
|
||
|
||
.avoid-card h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 20px;
|
||
line-height: 1.18;
|
||
font-weight: 820;
|
||
}
|
||
|
||
.avoid-card p {
|
||
margin: 12px 0 0;
|
||
color: #5e6969;
|
||
font-size: 15px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.avoid-explain {
|
||
margin-top: 24px;
|
||
padding: 30px 34px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(217,67,47,.13);
|
||
background: rgba(217,67,47,.05);
|
||
text-align: left;
|
||
display: grid;
|
||
grid-template-columns: .75fr 1.25fr;
|
||
gap: 28px;
|
||
align-items: start;
|
||
}
|
||
|
||
.avoid-explain h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 26px;
|
||
line-height: 1.15;
|
||
font-weight: 820;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.avoid-explain ul {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
.avoid-explain li {
|
||
padding: 0 0 12px 24px;
|
||
position: relative;
|
||
color: #4e5657;
|
||
font-size: 17px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.avoid-explain li::before {
|
||
content: "→";
|
||
position: absolute;
|
||
left: 0;
|
||
color: var(--red);
|
||
font-weight: 900;
|
||
}
|
||
|
||
.avoid-explain-note {
|
||
grid-column: 1 / -1;
|
||
margin: 0;
|
||
padding-top: 18px;
|
||
border-top: 1px solid rgba(217,67,47,.18);
|
||
color: #625a52;
|
||
font-size: 17px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.judging-counts {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 86px auto 96px;
|
||
text-align: center;
|
||
}
|
||
|
||
.judging-counts .section-head {
|
||
max-width: 820px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
margin-bottom: 48px;
|
||
}
|
||
|
||
.judging-counts .section-title {
|
||
margin-top: 18px;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.4vw, 52px);
|
||
line-height: 1.08;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.judging-counts .section-copy {
|
||
max-width: 980px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
color: #625a52;
|
||
font-size: 18px;
|
||
line-height: 1.58;
|
||
}
|
||
|
||
.judging-counts-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 18px 24px;
|
||
text-align: left;
|
||
}
|
||
|
||
.judging-count-card {
|
||
min-height: 126px;
|
||
padding: 26px 30px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 22px 60px rgba(48,35,24,.052);
|
||
display: grid;
|
||
grid-template-columns: 34px 1fr;
|
||
gap: 20px;
|
||
align-items: start;
|
||
}
|
||
|
||
.judging-count-card:first-child {
|
||
border-color: rgba(217,67,47,.42);
|
||
}
|
||
|
||
.judging-count-card .arrow {
|
||
font-size: 24px;
|
||
}
|
||
|
||
.judging-count-card h3 {
|
||
margin: 0;
|
||
color: #283947;
|
||
font-size: 22px;
|
||
line-height: 1.2;
|
||
font-weight: 820;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.judging-count-card p {
|
||
margin: 10px 0 0;
|
||
color: #817970;
|
||
font-size: 15px;
|
||
line-height: 1.48;
|
||
}
|
||
|
||
.judging-network,
|
||
.judging-package {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 0 auto 100px;
|
||
text-align: center;
|
||
}
|
||
|
||
.judging-network-head,
|
||
.judging-package-head {
|
||
max-width: 820px;
|
||
margin: 0 auto 46px;
|
||
padding-top: 34px;
|
||
border-top: 1px solid rgba(38,27,19,.1);
|
||
}
|
||
|
||
.judging-network h2,
|
||
.judging-package h2 {
|
||
margin: 14px 0 0;
|
||
color: #211812;
|
||
font-size: clamp(38px, 4.4vw, 52px);
|
||
line-height: 1.08;
|
||
font-weight: 780;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.judging-network p,
|
||
.judging-package p {
|
||
margin: 18px auto 0;
|
||
max-width: 680px;
|
||
color: #625a52;
|
||
font-size: 17px;
|
||
line-height: 1.62;
|
||
}
|
||
|
||
.judging-network-group {
|
||
text-align: left;
|
||
margin-top: 36px;
|
||
}
|
||
|
||
.judging-network-group h3 {
|
||
margin: 0 0 18px;
|
||
color: var(--red);
|
||
font-size: 14px;
|
||
font-weight: 900;
|
||
letter-spacing: .14em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.judging-network-chips {
|
||
max-width: 1040px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 12px 14px;
|
||
}
|
||
|
||
.judging-network-chip {
|
||
padding: 10px 15px;
|
||
border-radius: 999px;
|
||
border: 1px solid rgba(38,27,19,.09);
|
||
background: rgba(255,255,255,.76);
|
||
color: #3f4a4d;
|
||
font-size: 15px;
|
||
line-height: 1.2;
|
||
font-weight: 720;
|
||
box-shadow: 0 14px 36px rgba(48,35,24,.035);
|
||
}
|
||
|
||
.judging-network-note {
|
||
margin-top: 44px;
|
||
padding: 23px 28px;
|
||
border-radius: 8px;
|
||
background: rgba(38,27,19,.035);
|
||
color: #746a60;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-size: 18px;
|
||
line-height: 1.45;
|
||
font-style: italic;
|
||
text-align: center;
|
||
}
|
||
|
||
.judging-package-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 18px 24px;
|
||
text-align: left;
|
||
}
|
||
|
||
.judging-package-card {
|
||
min-height: 142px;
|
||
padding: 28px 30px;
|
||
border-radius: 8px;
|
||
border: 1px solid rgba(38,27,19,.11);
|
||
background: rgba(255,255,255,.84);
|
||
box-shadow: 0 22px 60px rgba(48,35,24,.052);
|
||
display: grid;
|
||
grid-template-columns: 36px 1fr;
|
||
gap: 20px;
|
||
align-items: start;
|
||
}
|
||
|
||
.check-dot {
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: var(--deep-red);
|
||
color: #fffdfa;
|
||
font-size: 20px;
|
||
font-weight: 900;
|
||
line-height: 1;
|
||
}
|
||
|
||
.judging-package-card h3 {
|
||
margin: 0;
|
||
color: #283947;
|
||
font-size: 21px;
|
||
line-height: 1.2;
|
||
font-weight: 820;
|
||
letter-spacing: -.01em;
|
||
}
|
||
|
||
.judging-package-card p {
|
||
margin: 12px 0 0;
|
||
color: #817970;
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.process-section {
|
||
width: min(1160px, calc(100% - 72px));
|
||
margin: 98px auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.process-section .section-copy {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.steps {
|
||
margin-top: 50px;
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.step {
|
||
min-height: 220px;
|
||
padding: 28px 22px;
|
||
border: 1px solid rgba(38,27,19,.12);
|
||
border-radius: 6px;
|
||
background: rgba(255,255,255,.82);
|
||
box-shadow: 0 20px 54px rgba(48,35,24,.055);
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: flex-start;
|
||
text-align: center;
|
||
}
|
||
|
||
.step-num {
|
||
width: 42px;
|
||
height: 42px;
|
||
border-radius: 50%;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: var(--red);
|
||
color: white;
|
||
font-family: Georgia, "Times New Roman", serif;
|
||
font-weight: 700;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.step p {
|
||
margin: 0;
|
||
color: #514b45;
|
||
font-size: 16.5px;
|
||
line-height: 1.42;
|
||
}
|
||
|
||
.pricing-band {
|
||
margin: 52px auto 0;
|
||
padding: 34px 40px;
|
||
border-radius: 10px;
|
||
border: 1px solid rgba(217,67,47,.12);
|
||
background: rgba(217,67,47,.06);
|
||
display: grid;
|
||
grid-template-columns: 1fr auto;
|
||
gap: 28px;
|
||
align-items: center;
|
||
text-align: left;
|
||
}
|
||
|
||
.pricing-band h3 {
|
||
margin: 0;
|
||
color: #102d2e;
|
||
font-size: 32px;
|
||
line-height: 1.15;
|
||
font-weight: 840;
|
||
letter-spacing: -.018em;
|
||
}
|
||
|
||
.pricing-band strong {
|
||
color: var(--red);
|
||
}
|
||
|
||
.pricing-band p {
|
||
max-width: 720px;
|
||
margin: 14px 0 0;
|
||
color: #746a60;
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.form-wrap {
|
||
margin-top: 54px;
|
||
margin-bottom: 90px;
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.field {
|
||
min-height: 58px;
|
||
padding: 18px;
|
||
color: #80766b;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.field strong {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
color: #30241c;
|
||
font-size: 18px;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
.field span:not(.req) {
|
||
display: block;
|
||
color: #80766b;
|
||
font-size: 15px;
|
||
line-height: 1.55;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.field.upload {
|
||
grid-column: span 2;
|
||
min-height: 66px;
|
||
border-style: dashed;
|
||
background: rgba(255,255,255,.54);
|
||
}
|
||
|
||
.field.upload-inline {
|
||
grid-column: span 1;
|
||
}
|
||
|
||
.req {
|
||
color: var(--red);
|
||
font-weight: 900;
|
||
}
|
||
|
||
.field.large {
|
||
grid-column: span 2;
|
||
min-height: 126px;
|
||
}
|
||
|
||
.field.question-field {
|
||
min-height: 216px;
|
||
}
|
||
|
||
.field.start-question-field {
|
||
min-height: 190px;
|
||
}
|
||
|
||
.form-note {
|
||
grid-column: span 2;
|
||
color: #8d847a;
|
||
font-size: 13px;
|
||
line-height: 1.5;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.notice {
|
||
max-width: 840px;
|
||
margin: 60px auto 96px;
|
||
padding: 42px;
|
||
text-align: center;
|
||
}
|
||
|
||
.notice h2 {
|
||
font-size: 34px;
|
||
line-height: 1.16;
|
||
}
|
||
|
||
footer {
|
||
padding: 34px clamp(36px, 6vw, 92px) 46px;
|
||
border-top: 1px solid rgba(38,27,19,.09);
|
||
color: #8e857b;
|
||
font-size: 13px;
|
||
line-height: 1.6;
|
||
background: rgba(255,253,250,.78);
|
||
}
|
||
|
||
.footer-links {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 18px;
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.footer-links a {
|
||
color: #5c5249;
|
||
text-decoration: none;
|
||
font-weight: 700;
|
||
}
|
||
|
||
@media (max-width: 1080px) {
|
||
.site-header {
|
||
align-items: flex-start;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.nav {
|
||
width: 100%;
|
||
margin-left: 0;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.cards,
|
||
.two-col,
|
||
.grid,
|
||
.split-feature,
|
||
.press-standard,
|
||
.press-cadence,
|
||
.outlet-network,
|
||
.avoid-grid,
|
||
.why-reason,
|
||
.why-card.featured,
|
||
.why-v2-lede,
|
||
.why-v2-grid,
|
||
.criteria-grid,
|
||
.faq-section,
|
||
.form-wrap,
|
||
.questions,
|
||
.steps {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.field.large,
|
||
.form-note {
|
||
grid-column: span 1;
|
||
}
|
||
|
||
.pricing-band {
|
||
grid-template-columns: 1fr;
|
||
text-align: center;
|
||
}
|
||
|
||
.outlet-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.press-check-card {
|
||
padding: 34px 30px;
|
||
}
|
||
|
||
.press-check-item {
|
||
grid-template-columns: 38px 1fr;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<a class="brand" href="?page=home">
|
||
<div class="brand-name">Paprika</div>
|
||
<div class="brand-tag">Attorney Curated Evidence Building for O-1 Talent</div>
|
||
</a>
|
||
<nav class="nav" id="nav">
|
||
<a href="?page=press" data-page="press">Press</a>
|
||
<a href="?page=judging" data-page="judging">Judging</a>
|
||
<a href="?page=scholarly" data-page="scholarly">Scholarly Articles</a>
|
||
<a href="?page=services" data-page="services">Services</a>
|
||
<a href="?page=why" data-page="why">Why Paprika</a>
|
||
<div class="nav-dropdown">
|
||
<a href="?page=resources" class="nav-trigger" data-page="resources">Resources <span class="nav-chevron">⌄</span></a>
|
||
<div class="resources-menu" aria-label="Resources menu">
|
||
<a href="?page=faq" data-page="faq"><strong>Frequently Asked Questions</strong><span>Common questions before you start</span></a>
|
||
<a href="?page=resources" data-page="resources"><strong>O-1A Criteria Overview</strong><span>All 8 O-1A criteria, explained</span></a>
|
||
</div>
|
||
</div>
|
||
<a href="?page=start" class="start" data-page="start">Start Here <span class="button-arrow">→</span></a>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="app"></main>
|
||
|
||
<footer>
|
||
<div class="footer-links">
|
||
<a href="?page=why">About</a>
|
||
<a href="?page=faq">FAQ</a>
|
||
<a href="?page=terms">Terms</a>
|
||
<a href="?page=privacy">Privacy</a>
|
||
<a href="?page=disclaimer">Disclaimer</a>
|
||
</div>
|
||
<div>Paprika is not a law firm and does not provide legal advice or immigration representation.</div>
|
||
<div>Use of our services does not create an attorney-client relationship.</div>
|
||
</footer>
|
||
|
||
<script>
|
||
const serviceCards = `
|
||
<section class="cards">
|
||
${card("01", "Press", "Editorial feature in a recognized publication in your field.", "Tailored to your profile. Reviewed for outlet credibility, editorial independence, and evidence value — beyond name recognition.", "Explore Press", "press")}
|
||
${card("02", "Judging", "Opportunities to judge work that matters.", "We help you secure judging roles at credible competitions, awards panels, and peer review journals that count.", "Explore Judging", "judging")}
|
||
${card("03", "Scholarly Articles", "Scholarly articles in credible, peer-reviewed publications.", "We help you publish in peer-reviewed, Scopus-indexed, and Google-verified journals in support of the Scholarly Articles criterion.", "Explore Articles", "scholarly")}
|
||
</section>`;
|
||
|
||
const pageData = {
|
||
home: {
|
||
title: `O-1 evidence should not be built in a <em>panic.</em>`,
|
||
subhead: `Paprika helps founders, engineers, researchers, executives, and creators build credible public recognition early — through attorney-curated press, judging opportunities, and evidence-conscious visibility strategy.`,
|
||
body: `
|
||
<section class="hero">
|
||
<h1>O-1 evidence should not be built in a <em>panic.</em></h1>
|
||
<p class="subhead">Paprika helps founders, engineers, researchers, executives, and creators build credible public recognition early — through attorney-curated press, judging opportunities, and evidence-conscious visibility strategy.</p>
|
||
<div class="actions">
|
||
<a class="button primary" href="?page=start">Send Us Your Profile</a>
|
||
<a class="button secondary" href="?page=ask">Ask a Question</a>
|
||
</div>
|
||
<p class="microcopy">Share your LinkedIn or CV. We review your background and tell you what evidence path makes sense for your profile and timeline — no commitment required.</p>
|
||
<p class="time-line">The only thing you cannot buy later is time.</p>
|
||
</section>
|
||
${servicesIntro()}
|
||
${serviceCards}
|
||
${whyEarlySection()}
|
||
${standardPreview()}
|
||
${howItWorks()}`
|
||
},
|
||
press: pressPage(),
|
||
judging: judgingPage(),
|
||
scholarly: scholarlyPage(),
|
||
services: {
|
||
body: `
|
||
${heroWithKicker("Services", "Build every part of your<br>O‑1 profile in <span class=\"accent\">one place.</span>", "Attorney-curated, tailored to your profile, and fully documented.")}
|
||
<section class="cards">
|
||
${card("01", "Press", "Editorial feature in a recognized publication in your field.", "Tailored to your profile. Reviewed for outlet credibility, editorial independence, and evidence value — beyond name recognition.", "Explore Press", "press")}
|
||
${card("02", "Judging", "Opportunities to judge work that matters.", "We help you secure judging roles at credible competitions, awards panels, and peer review journals that count.", "Explore Judging", "judging")}
|
||
${card("03", "Scholarly Articles", "Scholarly articles in credible, peer-reviewed publications.", "We help you publish in peer-reviewed, Scopus-indexed, and Google-verified journals in support of the Scholarly Articles criterion.", "Explore Articles", "scholarly")}
|
||
${card("04", "Expert consultation", "Know where you stand before you commit.", "A profile review and evidence path recommendation tailored to your background, field, and goals.", "Start Here", "start")}
|
||
${card("05", "Agency representation", "Useful when you have multiple engagements or no single employer.", "We can refer you to trusted agent petitioners who can serve as your U.S. agent for O-1 purposes, if you need one.", "Start Here", "start")}
|
||
${card("06", "Attorney Referral", "The right attorney, when you need one.", "<strong>Need an attorney?</strong> We can introduce you to O-1 immigration attorneys selected for elite legal training, BigLaw-level rigor, thoughtful case strategy, and genuine care for your outcome.", "Start Here", "start")}
|
||
</section>
|
||
<p class="services-record-note">Paprika helps you build a public record over time — so your profile looks like what it is:<br>real recognition, built before you needed it.</p>
|
||
${servicesCta()}
|
||
`
|
||
},
|
||
why: {
|
||
body: `
|
||
${heroWithKicker("Why Paprika", "Evidence built to matter.", "Attorney-curated, tailored to your profile, timed with purpose, and completely documented — here's what sets Paprika apart.")}
|
||
${whyPaprikaProof()}`
|
||
},
|
||
resources: {
|
||
body: `
|
||
${heroWithKicker("Resources", "The 8 O-1A criteria, explained.", "What each O-1A criterion means, what matters, and what to watch out for.")}
|
||
${o1CriteriaPage()}`
|
||
},
|
||
faq: {
|
||
body: `
|
||
${heroWithKicker("Resources", "Frequently asked questions.", "", { extraClass: "faq-hero", actions: false })}
|
||
${faqPage()}
|
||
${servicesCta("Questions answered.<br>Now let's talk about<br>your profile.", "Share your background. We'll review it and recommend the evidence path that fits — no commitment required.")}`
|
||
},
|
||
blog: {
|
||
body: `
|
||
${hero("Field notes on evidence, visibility, and timing.", "Thoughtful articles for people building a public record with immigration standards in mind.")}
|
||
${articleGrid([
|
||
["Not all press helps", "Why outlet format and article framing matter."],
|
||
["Judging before filing", "How evaluation roles can support a stronger public record."],
|
||
["The timing problem", "Why a sudden burst of visibility can look manufactured."],
|
||
["Founder recognition", "How to show individual merit when coverage is about a company."],
|
||
["Scholarly articles", "When authorship helps and when it feels disconnected."],
|
||
["Evidence files", "What to save before links disappear or pages change."]
|
||
])}`
|
||
},
|
||
start: {
|
||
body: `
|
||
${hero("Start here.", "Tell us a little about your background, goals, and timeline — whether you're actively preparing or just starting to explore. No need to have everything figured out. A quick summary is enough to start.")}
|
||
<section class="form-wrap">
|
||
<div class="field">Name <span class="req">*</span></div>
|
||
<div class="field">Email <span class="req">*</span></div>
|
||
<div class="field">LinkedIn</div>
|
||
<div class="field">Company Website</div>
|
||
<div class="field">Current Role / Company</div>
|
||
<div class="field">Field or Industry</div>
|
||
<div class="field upload"><strong>Attach Resume or CV <span>(optional)</span></strong></div>
|
||
<div class="field large start-question-field"><strong>What brings you to Paprika? <span class="req">*</span></strong><span>Tell us where you are in your O-1 journey. Whether you have a specific goal, are building evidence early, or are just exploring, a quick summary is enough.</span></div>
|
||
<div class="field large start-question-field"><strong>What recognition have you already built, if any?</strong><span>Press, interviews, judging roles, awards, speaking, scholarly articles, patents, funding, major projects, or other recognition. A quick summary is perfectly fine — no need to be comprehensive.</span></div>
|
||
<div class="field large start-question-field"><strong>Is there a timeline on your mind?</strong><span>Whether it is urgent, months away, or just a future possibility, an approximate timeline helps us recommend the right pace.</span></div>
|
||
<a class="button primary" href="?page=thanks">Submit Profile</a>
|
||
<div class="form-note">Submitting this form does not create an attorney-client relationship or constitute legal advice. Paprika is not a law firm and does not provide legal services.</div>
|
||
</section>`
|
||
},
|
||
ask: {
|
||
body: `
|
||
${hero("Ask a question.", "Not ready to submit your full profile yet? Send us a quick question. We’ll help you understand whether Paprika may be a fit.")}
|
||
<section class="form-wrap">
|
||
<div class="field">Name <span class="req">*</span></div>
|
||
<div class="field">Email <span class="req">*</span></div>
|
||
<div class="field">LinkedIn <span>(optional)</span></div>
|
||
<div class="field upload upload-inline"><strong>Attach Resume or CV <span>(optional)</span></strong></div>
|
||
<div class="field large question-field"><strong>Your question <span class="req">*</span></strong><span>Ask us anything — about our services, your situation, or where to start.</span></div>
|
||
<a class="button primary" href="?page=thanks">Send Question</a>
|
||
<div class="form-note">Submitting this form does not create an attorney-client relationship or constitute legal advice. Paprika is not a law firm and does not provide legal services.</div>
|
||
</section>`
|
||
},
|
||
thanks: {
|
||
body: `
|
||
<section class="notice">
|
||
<h2>Thank you. We received your background.</h2>
|
||
<p>The Paprika team will review your profile and follow up with next steps. If your timeline is urgent, mention that in your reply.</p>
|
||
<div class="actions"><a class="button secondary" href="?page=home">Back to Homepage</a></div>
|
||
</section>`
|
||
},
|
||
about: {
|
||
body: `
|
||
${hero("Built for serious talent before the filing pressure starts.", "Paprika helps high-achieving professionals build credible public recognition through evidence-conscious visibility.")}
|
||
<section class="section">
|
||
<div class="two-col">
|
||
${panel("What makes Paprika different", "The work is reviewed through an attorney-caliber lens for credibility, field relevance, timing, and documentation.")}
|
||
${panel("Operating structure", "Paprika is a media and evidence-building company. It is separate from legal-service brands and does not provide legal representation.")}
|
||
</div>
|
||
</section>`
|
||
},
|
||
terms: legalTermsPage(),
|
||
privacy: legalPrivacyPage(),
|
||
disclaimer: legalDisclaimerPage()
|
||
};
|
||
|
||
function hero(title, subhead) {
|
||
return `
|
||
<section class="hero subpage press-hero">
|
||
<h1>${title}</h1>
|
||
<p class="subhead">${subhead}</p>
|
||
<div class="actions">
|
||
<a class="button primary" href="?page=start">Start Here</a>
|
||
<a class="button secondary" href="?page=ask">Ask a Question</a>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function heroWithKicker(kicker, title, subhead, options = {}) {
|
||
const className = kicker.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
|
||
const extraClass = options.extraClass ? ` ${options.extraClass}` : "";
|
||
const showActions = options.actions !== false;
|
||
return `
|
||
<section class="hero subpage ${className}-hero${extraClass}">
|
||
<div class="hero-kicker">${kicker}</div>
|
||
<h1>${title}</h1>
|
||
${subhead ? `<p class="subhead">${subhead}</p>` : ""}
|
||
${showActions ? `<div class="actions">
|
||
<a class="button primary" href="?page=start">Start Here</a>
|
||
<a class="button secondary" href="?page=ask">Ask a Question</a>
|
||
</div>` : ""}
|
||
</section>`;
|
||
}
|
||
|
||
function servicesCta(title = "You’ve done the work. Now build the record that shows it.", text = "Share your background. We’ll help identify the evidence path that fits your field, timeline, and O-1 goals.") {
|
||
return `
|
||
<section class="services-cta">
|
||
<div class="services-cta-inner">
|
||
<div>
|
||
<h2>${title}</h2>
|
||
<p>${text}</p>
|
||
</div>
|
||
<a class="button" href="?page=start">Send Us Your Profile <span class="button-arrow">→</span></a>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function card(num, label, title, text, link, page) {
|
||
return `
|
||
<article class="card">
|
||
<div class="meta"><span class="num">${num}</span><span class="label">${label}</span></div>
|
||
<h2>${title}</h2>
|
||
<p>${text}</p>
|
||
<a class="explore" href="?page=${page}">${link}</a>
|
||
</article>`;
|
||
}
|
||
|
||
function panel(title, text) {
|
||
return `<article class="panel"><h2>${title}</h2><p>${text}</p></article>`;
|
||
}
|
||
|
||
function productPage(title, subhead, panels, minis) {
|
||
return {
|
||
body: `
|
||
${hero(title, subhead)}
|
||
<section class="section">
|
||
<div class="two-col">${panels.map(([h,t]) => panel(h,t)).join("")}</div>
|
||
</section>
|
||
${miniGrid(minis)}`
|
||
};
|
||
}
|
||
|
||
function judgingPage() {
|
||
return {
|
||
body: `
|
||
${heroWithKicker("Judging", "Judging roles should show that your field trusts your expertise.", "Paprika helps source and vet selective evaluation opportunities where you are asked to review, rank, score, or judge others’ work.")}
|
||
${judgingCounts()}
|
||
${judgingNetwork()}
|
||
${judgingPackage()}
|
||
${servicesCta("Extraordinary work deserves a record that shows it.", "Share your background. We’ll help identify the evidence path that fits your field, timeline, and O-1 goals.")}`
|
||
};
|
||
}
|
||
|
||
function scholarlyPage() {
|
||
const panels = [
|
||
["Attorney-curated strategy", "We identify publication opportunities that fit your field, background, and O-1 profile — with an evidence-conscious lens on credibility, relevance, and positioning."],
|
||
["Complete evidence packet", "Everything organized and ready to use. The result is a clean, professional package that brings the evidence together in a clear, usable format to support your O-1 profile."]
|
||
];
|
||
|
||
return {
|
||
body: `
|
||
${heroWithKicker("Scholarly Articles", "Scholarly articles in credible, peer-reviewed publications.", "We help you publish in peer-reviewed, Scopus-indexed, and Google-verified journals in support of the Scholarly Articles criterion.")}
|
||
<section class="section">
|
||
<div class="two-col">${panels.map(([h,t]) => panel(h,t)).join("")}</div>
|
||
</section>
|
||
${servicesCta("Build authorship evidence with purpose.", "Share your background. We’ll help identify whether scholarly articles make sense for your field, timeline, and O-1 goals.")}`
|
||
};
|
||
}
|
||
|
||
function productPageWithKicker(kicker, title, subhead, panels, minis) {
|
||
return {
|
||
body: `
|
||
${heroWithKicker(kicker, title, subhead)}
|
||
<section class="section">
|
||
<div class="two-col">${panels.map(([h,t]) => panel(h,t)).join("")}</div>
|
||
</section>
|
||
${minis.length ? miniGrid(minis) : ""}`
|
||
};
|
||
}
|
||
|
||
function pressPage() {
|
||
return {
|
||
body: `
|
||
${pressHero("Attorney-Curated Press for O-1 Talent.", "Press that works as evidence, not just visibility. Editorial coverage is strongest when the outlet, format, field relevance, and documentation all work together.")}
|
||
${pressCadenceNote()}
|
||
${pressLookFor()}
|
||
${pressAvoidSection()}
|
||
${outletNetwork()}
|
||
${servicesCta("Build the record your work deserves.", "Share your background. We’ll help identify the evidence path that fits your field, timeline, and O-1 goals.")}`
|
||
};
|
||
}
|
||
|
||
function pressHero(title, subhead) {
|
||
return `
|
||
<section class="hero subpage">
|
||
<div class="hero-kicker">Press</div>
|
||
<h1>${title}</h1>
|
||
<p class="subhead press-hero-subhead">${subhead}</p>
|
||
<div class="actions">
|
||
<a class="button primary" href="?page=start">Start Here</a>
|
||
<a class="button secondary" href="?page=ask">Ask a Question</a>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function judgingCounts() {
|
||
const items = [
|
||
["Startup pitch competitions", "Accelerator demo-day judging panels and pitch evaluation roles."],
|
||
["Hackathon & innovation judging", "Judging roles at selective, well-recognized hackathons and innovation competitions."],
|
||
["Industry award committees", "Award evaluation committees in your professional field."],
|
||
["Academic & conference peer review", "Peer review roles at established, credible journals and recognized academic conferences in your field."],
|
||
["Grant review panels", "Reviewing applications for grant programs, fellowships, or accelerators."],
|
||
["Research competition judging", "Evaluating research projects, theses, or competitive scientific submissions."]
|
||
];
|
||
return `
|
||
<section class="judging-counts">
|
||
<div class="section-head">
|
||
<div class="process-kicker">Judging evidence</div>
|
||
<h2 class="section-title">What counts as judging.</h2>
|
||
<p class="section-copy">Judging must be selective, field-relevant, and genuinely evaluative. Paprika secures roles where your background speaks for itself — as a reviewer, judge, committee member, or evaluator in your field.</p>
|
||
</div>
|
||
<div class="judging-counts-grid">
|
||
${items.map(([title, text]) => judgingCountCard(title, text)).join("")}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function judgingCountCard(title, text) {
|
||
return `
|
||
<article class="judging-count-card">
|
||
<span class="arrow">→</span>
|
||
<div>
|
||
<h3>${title}</h3>
|
||
<p>${text}</p>
|
||
</div>
|
||
</article>`;
|
||
}
|
||
|
||
function judgingNetwork() {
|
||
const items = [
|
||
"Y Combinator Demo Day Adjacent", "TechCrunch Disrupt", "SXSW Pitch", "Web Summit", "Slush", "Collision",
|
||
"F.ounders", "Startup Grind Global", "MassChallenge", "Plug and Play", "500 Global", "Berkeley SkyDeck",
|
||
"AngelPad", "Techstars", "Founder Institute", "NewChip Accelerator",
|
||
"Field-specific peer review panels", "Academic journal review", "Conference TPCs", "Design competition juries",
|
||
"Arts award panels", "Research grant committees"
|
||
];
|
||
return `
|
||
<section class="judging-network">
|
||
<div class="judging-network-head">
|
||
<div class="process-kicker">Judging network</div>
|
||
<h2>Examples from Paprika's judging network.</h2>
|
||
</div>
|
||
<div class="judging-network-chips">
|
||
${items.map((item) => `<span class="judging-network-chip">${item}</span>`).join("")}
|
||
</div>
|
||
<div class="judging-network-note">Competition and judging placement is matched to your field, background, and timeline.</div>
|
||
</section>`;
|
||
}
|
||
|
||
function judgingNetworkGroup(title, items) {
|
||
return `
|
||
<div class="judging-network-group">
|
||
<h3>${title}</h3>
|
||
<div class="judging-network-chips">
|
||
${items.map((item) => `<span class="judging-network-chip">${item}</span>`).join("")}
|
||
</div>
|
||
</div>`;
|
||
}
|
||
|
||
function judgingPackage() {
|
||
const items = [
|
||
["Signed organizer recommendation letter", "A signed letter from the competition or program organizer documenting your judging role, panel selectivity, and the scope of your evaluation work."],
|
||
["Judge selection documentation", "How judges were selected and what criteria were used — the selectivity narrative."],
|
||
["Organizer correspondence", "Email and formal communication confirming your participation, preserved for the record."],
|
||
["Agenda & event page", "Official agenda, program materials, or event page showing the judging opportunity and the context of your role."],
|
||
["Panel agenda & bio listing", "Program documentation showing your name and judging role."],
|
||
["Ready-to-use packet", "A structured summary of your judging role — the panel's selectivity, field relevance, and the substance of what you evaluated — compiled with all supporting materials into a single clean packet."]
|
||
];
|
||
return `
|
||
<section class="judging-package">
|
||
<div class="judging-package-head">
|
||
<div class="process-kicker">Evidence package</div>
|
||
<h2>Your judging role, fully documented.</h2>
|
||
</div>
|
||
<div class="judging-package-grid">
|
||
${items.map(([title, text]) => judgingPackageCard(title, text)).join("")}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function judgingPackageCard(title, text) {
|
||
return `
|
||
<article class="judging-package-card">
|
||
<span class="check-dot">✓</span>
|
||
<div>
|
||
<h3>${title}</h3>
|
||
<p>${text}</p>
|
||
</div>
|
||
</article>`;
|
||
}
|
||
|
||
function pressLookFor() {
|
||
return `
|
||
<section class="press-standard">
|
||
<div class="section-head">
|
||
<div>
|
||
<div class="process-kicker">Evidence standards</div>
|
||
<h2 class="section-title">What Paprika looks for.</h2>
|
||
</div>
|
||
<p class="section-copy">Before recommending any placement, we evaluate your profile and the opportunity against the considerations that actually matter for immigration evidence.</p>
|
||
</div>
|
||
<div class="press-check-card">
|
||
${pressCheck("01", "Is the article about you personally — your expertise, your work, your recognition — not just your company?")}
|
||
${pressCheck("02", "Does the headline feature your name and connect to your field?")}
|
||
${pressCheck("03", "Is the content editorial genuine coverage, not a paid feature or contributor post?")}
|
||
${pressCheck("04", "Does the outlet have real readership, editorial standards, and a clean track record?")}
|
||
${pressCheck("05", "Is there any contributor, sponsored, or editorial-staff-not-involved disclosure, among countless others, that signals the article lacks true independence?")}
|
||
${pressCheck("06", "Does the timing fit a natural, organic-looking trajectory rather than a sudden cluster before filing?")}
|
||
${pressCheck("07", "Does the coverage complement your other O-1 criteria?")}
|
||
<p class="press-check-closing">The outlet name is not the evidence. The editorial independence is.</p>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function outletNetwork() {
|
||
const outlets = [
|
||
"Forbes", "Bloomberg", "Vogue", "Business Insider", "USA Today", "TechCrunch", "VentureBeat", "Los Angeles Times", "HuffPost",
|
||
"Newsweek", "Marie Claire", "Mashable", "Rolling Stone", "Maxim", "GQ", "Yahoo News", "People",
|
||
"Elle", "OK!", "Billboard", "Los Angeles Magazine", "MarketWatch", "Men's Journal", "SmartCompany", "Success", "CEOWorld Magazine", "Grit Daily",
|
||
"Benzinga", "Fast Company México", "WWD", "Global Banking & Finance Review", "Paper", "Fashion Times", "Paste", "Bustle",
|
||
"Footwear News", "Nylon", "Cosmopolitan", "Inverse", "Fox", "The Zoe Report", "Entrepreneur", "Life & Style",
|
||
"International Business Times", "Tech Times", "Galore", "Digital Journal", "CBJ", "LA Weekly", "Muscle & Fitness", "Geek Extreme",
|
||
"Venture Capital Post", "Harper's Bazaar", "E! News", "Detroit Free Press", "SFGate", "Hollywood Life", "Glamour",
|
||
"Grazia", "Investing.com", "GeekWire", "Time"
|
||
];
|
||
return `
|
||
<section class="outlet-network">
|
||
<div class="outlet-network-head">
|
||
<div>
|
||
<div class="process-kicker">Our outlet network</div>
|
||
<h2>Representative outlets.</h2>
|
||
</div>
|
||
<p>Our network is not limited to the publications below.</p>
|
||
</div>
|
||
<div class="outlet-grid">
|
||
${outlets.map((name) => `<span class="outlet-name">${name}</span>`).join("")}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function pressCheck(num, text) {
|
||
return `<div class="press-check-item"><span class="press-check-num">${num}</span><span>${text}</span></div>`;
|
||
}
|
||
|
||
function pressCadenceNote() {
|
||
return `
|
||
<section class="press-cadence">
|
||
<p>Uncurated evidence that appears without strategy or in a single burst right before filing raises questions. Paprika helps you build a natural cadence of press over time — so your profile looks like what it is: real recognition, built before you needed it.</p>
|
||
</section>`;
|
||
}
|
||
|
||
function pressAvoidSection() {
|
||
return `
|
||
<section class="avoid-section">
|
||
<div class="section-head">
|
||
<div class="process-kicker">What to avoid</div>
|
||
<h2 class="section-title">Press that will not help your case.</h2>
|
||
<p class="section-copy">A recognizable outlet name is not enough. Disclosures, contributor labels, sponsored formats, and weak editorial involvement can make a placement much harder to use as evidence.</p>
|
||
</div>
|
||
<div class="avoid-grid">
|
||
${avoidCard("Major Tech Publication", "Contributor content", "A byline or label that signals the article was not selected through normal editorial review.")}
|
||
${avoidCard("National Daily", "Editorial staff not involved", "A disclosure that the outlet’s editors did not participate in creating or approving the content.")}
|
||
${avoidCard("Lifestyle Magazine", "Sponsored or promotional placement", "Coverage that reads like marketing, advertorial content, or company promotion rather than recognition of your work.")}
|
||
</div>
|
||
<div class="avoid-explain">
|
||
<h3>Why these labels matter.</h3>
|
||
<ul>
|
||
<li>The outlet did not editorially choose to cover this person.</li>
|
||
<li>A third party produced or paid for the content.</li>
|
||
<li>The article is not evidence of independent recognition. It reads more like advertising.</li>
|
||
</ul>
|
||
<p class="avoid-explain-note">This is one of the most common and costly mistakes in O-1 press strategy. Paprika’s attorney-curated review evaluates every placement for editorial independence before it moves forward. We do not present contributor content — regardless of how it is labeled — as editorial coverage.</p>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function avoidCard(source, label, text) {
|
||
return `
|
||
<article class="avoid-card">
|
||
<div class="avoid-mock">
|
||
<div class="mock-bar"></div>
|
||
<span class="mock-source">${source}</span>
|
||
<span class="mock-disclosure">${label}</span>
|
||
<span class="avoid-x-stamp" aria-hidden="true"></span>
|
||
</div>
|
||
<div class="avoid-card-body">
|
||
<h3>${label}</h3>
|
||
<p>${text}</p>
|
||
</div>
|
||
</article>`;
|
||
}
|
||
|
||
function miniGrid(items) {
|
||
return `<section class="section tight"><div class="grid">${items.map(([h,t]) => `<article class="mini"><h3>${h}</h3><p>${t}</p></article>`).join("")}</div></section>`;
|
||
}
|
||
|
||
function articleGrid(items) {
|
||
return `<section class="section"><div class="grid">${items.map(([h,t]) => `<article class="article"><h3>${h}</h3><p>${t}</p></article>`).join("")}</div></section>`;
|
||
}
|
||
|
||
function o1CriteriaPage() {
|
||
const criteria = [
|
||
{
|
||
num: "01",
|
||
title: "Awards",
|
||
subtitle: "Nationally or internationally recognized prizes or awards for excellence in your field.",
|
||
body: "Awards can support an O-1A profile when they show recognized achievement in your field. What matters is not just the name of the award, but the standard behind it: who gives it, how winners are selected, how competitive the process is, whether recognized experts are involved, and whether the recognition extends beyond a narrow internal setting.",
|
||
strong: "Industry awards from major organizations, government fellowships, and competitive national or international prizes with expert-led selection.",
|
||
watch: "Internal company awards, participation certificates, pay-to-win honors, or awards with unclear selection standards.",
|
||
bottom: "The strongest awards show real selectivity, recognition in your field, and independent expert judgment — not just a title or certificate."
|
||
},
|
||
{
|
||
num: "02",
|
||
title: "Memberships",
|
||
subtitle: "Membership in associations that require outstanding achievements, judged by recognized experts.",
|
||
body: "Memberships can support an O-1A profile when admission itself reflects achievement. The key issue is whether membership is genuinely selective: what the admission standard is, who evaluates candidates, whether recognized experts are involved in making the judgment, and whether your membership tier actually reflects achievement.",
|
||
strong: "Fellow or invited tiers of professional societies, selective academies, founder or research communities with merit-based admission, and associations where admission requires demonstrated achievement formally reviewed by experts in the field.",
|
||
watch: "Memberships open to anyone who pays dues, ordinary professional associations, paid directories, networking groups, or organizations where anyone in the field can join.",
|
||
bottom: "The strongest memberships are earned, not purchased — admission itself should say something about your work."
|
||
},
|
||
{
|
||
num: "03",
|
||
title: "Published Material About You",
|
||
subtitle: "Published material about you and your work in professional publications, major trade publications, or major media.",
|
||
body: "Published material can support an O-1A profile when the coverage recognizes you, your work, and your role in the field. The key issue is not whether the outlet name looks impressive, but whether the piece is genuinely about you: what it says about your work, whether the publication is credible, whether the format is independent, and whether the article is clearly documented with a title, date, author, and source.",
|
||
strong: "Independent editorial features, interviews, and field-specific articles in credible publications that discuss your work, expertise, recognition, or impact.",
|
||
watch: "Contributor-style articles, sponsored or paid placements, self-authored content, promotional pieces, or articles that mainly cover a company without clearly recognizing your individual role — no matter how recognizable the outlet name is.",
|
||
bottom: "The strongest press is about you, written independently, in an outlet that matters to your field. A famous logo is not the same as editorial recognition."
|
||
},
|
||
{
|
||
num: "04",
|
||
title: "Judging the Work of Others",
|
||
subtitle: "Serving as a judge of others' work in your field or an allied field.",
|
||
body: "Judging can support an O-1A profile when it shows that your expertise was trusted to evaluate work in your field. The key issue is whether the role is genuinely evaluative: why you were selected, what you actually assessed, whether the role connects to your field, and whether your participation is clearly documented.",
|
||
strong: "Journal peer review, conference review committees, grant review panels, award committees, startup pitch or competition judging, hackathon judging, research competition judging, and other selective evaluation roles where your expertise is used to assess work in your field.",
|
||
watch: "Ceremonial titles, vague advisory roles, informal mentorship, event attendance, student-only activities with limited field relevance, one-off or little-known hackathons with unclear judging standards, or opportunities with no clear evaluation function.",
|
||
bottom: "The strongest judging roles are selective, genuinely evaluative, field-relevant, and well documented — not just your name on an event page."
|
||
},
|
||
{
|
||
num: "05",
|
||
title: "Original Contributions of Major Significance",
|
||
subtitle: "Original scientific, scholarly, or business-related contributions of major significance in your field.",
|
||
body: "Original contributions can support an O-1A profile when your work did more than solve an internal problem or show personal talent. The key issue is impact: what you created, why it was original, who used it or relied on it, and whether there is evidence that the contribution mattered beyond your immediate role. Originality alone is not enough — there should be evidence that the contribution was recognized, used, adopted, cited, or relied on beyond the ordinary course of your work.",
|
||
strong: "Cited research, widely adopted products or tools, patents in commercial use, open-source projects with meaningful usage, technical methods adopted by others, industry-recognized innovations, and expert commentary explaining the significance of your work.",
|
||
watch: "Calling something “innovative” without evidence of impact, internal projects with no outside recognition, patents that were never used, products with unclear adoption, or achievements described only by your employer without independent support.",
|
||
bottom: "The strongest contributions show originality and significance together — not just that you built something impressive, but that the field noticed, used, adopted, cited, or relied on it."
|
||
},
|
||
{
|
||
num: "06",
|
||
title: "Scholarly Articles",
|
||
subtitle: "Authorship of scholarly articles in your field, in professional journals or other major media.",
|
||
body: "Scholarly articles can support an O-1A profile when they show that you have contributed written expertise to your field. The key issue is not just whether an article was published, but whether it is genuinely scholarly and reflects your subject-matter expertise: what you wrote about, whether the topic fits your field, whether the publication has credible editorial or peer-review standards, whether the venue has meaningful field recognition, and whether your authorship is clearly documented — you as the author, not just a cited or quoted figure.",
|
||
strong: "Peer-reviewed journal articles, indexed publications, reviewed conference papers, scholarly book chapters with editorial oversight, and substantive professional or trade articles that demonstrate expertise in an area connected to your O-1A profile.",
|
||
watch: "Low-quality journals, pay-to-publish outlets with weak editorial standards, preprints with no peer review or citation history, blog-style posts without editorial oversight, irrelevant topics, unclear authorship on multi-author papers, superficial commentary, or articles that do not connect to the field you are trying to establish.",
|
||
bottom: "The strongest scholarly articles show real authorship, credible publication standards, and clear field relevance — not just that your name appeared on a published piece."
|
||
},
|
||
{
|
||
num: "07",
|
||
title: "Critical or Essential Role",
|
||
subtitle: "Serving in a critical or essential capacity for organizations or establishments with a distinguished reputation.",
|
||
body: "A critical or essential role can support an O-1A profile when the evidence shows two things together: your role mattered, and the organization itself had a distinguished reputation. The key issue is not just your title, but what the role actually required: what you owned, what decisions you influenced, what outcomes you helped drive, and why your work was important to the organization’s activities.",
|
||
strong: "Founder or executive roles at credible startups, leadership of major products or initiatives, key technical or business roles tied to revenue, funding, launches, growth, research output, or strategic decisions, and roles at organizations with strong outside signals such as recognized investors, major funding, press coverage, awards, selective accelerator participation, major customers, or significant market traction.",
|
||
watch: "Impressive titles without clear authority or impact, generic employment letters that do not explain what you actually did, ordinary job descriptions, junior or peripheral roles at famous organizations, senior roles at organizations with little outside recognition, or evidence that proves the organization is distinguished without showing why your role was critical.",
|
||
bottom: "The strongest critical-role evidence proves both halves — a distinguished organization and a role that was genuinely important to what the organization achieved."
|
||
},
|
||
{
|
||
num: "08",
|
||
title: "High Salary or Remuneration",
|
||
subtitle: "High salary or other significantly high compensation compared with others in your field.",
|
||
body: "This is one of the most objectively documentable criteria — but only with the right comparison data. A large number on its own proves little. High compensation can support an O-1A profile when the evidence shows not just what you earned or will earn, but why it is high for your field. The key issue is comparison: your role, level, industry, geography, total compensation package, and the benchmark data showing your compensation is meaningfully above comparable professionals. Location matters — a salary that is high in one market may be ordinary in another.",
|
||
strong: "Signed offer letters or employment agreements, recent pay records, tax documents with sensitive information redacted, bonus documentation, equity grant agreements with vesting schedules and valuation support, and third-party compensation data for comparable roles in the same field and market.",
|
||
watch: "Salary numbers without comparison data, equity without valuation support, broad or cherry-picked benchmarks, promised future compensation without written documentation, or compensation that sounds high in general but is not clearly high for the relevant role, field, and location.",
|
||
bottom: "The strongest high-compensation evidence shows both the number and the context — what you earned or will earn, how it is documented, and why it is high compared with the right market."
|
||
}
|
||
];
|
||
|
||
return `
|
||
<section class="criteria-page">
|
||
<div class="criteria-intro">
|
||
<p>The O-1A visa is for individuals with extraordinary ability in the sciences, education, business, or athletics. Most applicants build an O-1A profile by showing evidence under at least three of the eight criteria, unless they have received a major internationally recognized award, such as a Nobel Prize. This page explains what each criterion means, in plain English.</p>
|
||
<div class="criteria-note-inline">
|
||
<h2>A note before you read</h2>
|
||
<p>Meeting three criteria is the threshold, not the finish line. The O-1A analysis is not just a numbers game. After the minimum evidence categories are addressed, USCIS may evaluate the totality of the record to determine whether the evidence shows sustained national or international acclaim and extraordinary ability in the field.</p>
|
||
<p>That is why quality matters. A smaller set of credible, well-documented, field-relevant evidence can be stronger than a larger set of disconnected materials that only look impressive on the surface.</p>
|
||
</div>
|
||
</div>
|
||
<div class="criteria-grid">
|
||
${criteria.map(criterionCard).join("")}
|
||
</div>
|
||
<div class="criteria-disclaimer">
|
||
<p>This overview is general information about the O-1A visa category, not legal advice about any individual's eligibility. Paprika is not a law firm and does not provide legal services. For case-specific guidance, consult a licensed immigration attorney.</p>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function criterionCard(item) {
|
||
return `
|
||
<article class="criterion-card">
|
||
<div class="criterion-meta">${item.num} — Criterion</div>
|
||
<h2>${item.title}</h2>
|
||
<p><strong>${item.subtitle}</strong></p>
|
||
<p>${item.body}</p>
|
||
<div class="criterion-block"><span class="criterion-label">Stronger examples</span><p>${item.strong}</p></div>
|
||
<div class="criterion-block"><span class="criterion-label">Watch out for</span><p>${item.watch}</p></div>
|
||
<div class="criterion-block"><span class="criterion-label">Bottom line</span><p>${item.bottom}</p></div>
|
||
</article>`;
|
||
}
|
||
|
||
function faqPage() {
|
||
const groups = [
|
||
{
|
||
kicker: "About Paprika",
|
||
title: "How Paprika works.",
|
||
copy: "",
|
||
items: [
|
||
{
|
||
num: "01",
|
||
q: "Is Paprika a law firm?",
|
||
a: ["No. Paprika is not a law firm and does not provide legal advice or legal representation. Using Paprika does not create an attorney-client relationship."]
|
||
},
|
||
{
|
||
num: "02",
|
||
q: "What does Paprika actually do?",
|
||
a: ["Paprika helps build and document the evidence side of an O-1 profile. We start with your background, field, timeline, and goals, then create an attorney-curated evidence path tailored to your profile for a stronger, more coherent record. The goal is simple: evidence built with purpose, not random visibility."]
|
||
},
|
||
{
|
||
num: "03",
|
||
q: "Who is Paprika for?",
|
||
a: ["Founders, engineers, researchers, executives, creators, and other high-achieving professionals building the public recognition their O-1 profile needs. It's especially useful for people who have done strong work, but whose public record does not yet fully show it."]
|
||
},
|
||
{
|
||
num: "04",
|
||
q: "How does the Paprika process work?",
|
||
a: ["You share your background, field, existing recognition, and timeline. We review your profile, recommend an evidence path that fits, and then help build it with documentation from the start."]
|
||
},
|
||
{
|
||
num: "05",
|
||
q: "When should I start?",
|
||
a: ["As early as practical. Evidence is usually stronger when it is not rushed — coverage built over time looks like what it is: real recognition, while evidence that appears in a single burst right before filing raises questions. Starting early gives each piece more time, context, and purpose. Even one well-chosen evidence piece can meaningfully strengthen the record available when it is time to file."]
|
||
},
|
||
{
|
||
num: "06",
|
||
q: "Does Paprika guarantee visa approval?",
|
||
a: ["No — and you should be cautious of anyone who does. USCIS makes the final decision based on the full petition and supporting evidence. Paprika helps build and organize evidence, but we do not control government decisions or provide legal representation. What we stand behind is our work: when a specific deliverable is included in a written scope, we deliver it."]
|
||
},
|
||
{
|
||
num: "07",
|
||
q: "Do I need an immigration attorney before using Paprika?",
|
||
a: [
|
||
"No — and some people never hire one. You can start building evidence before selecting an attorney, alongside an attorney you already have, or before deciding how to handle the next step.",
|
||
"Paprika helps build and organize the evidence record. If you have counsel, we can work alongside them. If you do not, you can still use Paprika to prepare clear, well-documented materials for whatever next step you choose. And if you want legal representation, we can introduce you to specialized O-1 immigration attorneys."
|
||
]
|
||
},
|
||
{
|
||
num: "08",
|
||
q: "Is it legitimate to build O-1A evidence?",
|
||
a: ["Yes — when the evidence is real, earned, and accurately documented. Building an O-1 profile is not about manufacturing credentials. It is about identifying legitimate opportunities that fit your background, completing the actual work, and creating a clear record of what happened. Paprika helps build that record with purpose: real recognition, real participation, and complete documentation — not fake awards, empty titles, or evidence that only looks impressive on the surface."]
|
||
},
|
||
{
|
||
num: "09",
|
||
q: "Is my information secure?",
|
||
a: ["Yes. Paprika is designed to protect sensitive professional and personal information. Your information is transmitted securely and stored using reputable services with industry-standard protections. Access is limited to team members who need it to perform the service, and attorneys only see your materials after you authorize access."]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
kicker: "O1 Visa",
|
||
title: "O-1 Basics",
|
||
copy: "",
|
||
items: [
|
||
{
|
||
num: "10",
|
||
q: "What is the O-1A visa?",
|
||
a: ["The O-1A visa is for individuals with extraordinary ability in the sciences, education, business, or athletics. U.S. regulations describe extraordinary ability as a level of expertise showing that a person is among the small percentage who have risen to the very top of the field. See our plain-English breakdown: The 8 O-1A Criteria, Explained."]
|
||
},
|
||
{
|
||
num: "11",
|
||
q: "What does “evidence-building” mean?",
|
||
a: ["Evidence-building means developing and documenting credible, field-relevant recognition that can support an O-1. It is not just about having more materials – it is about building a clearer record: what the evidence is, why it fits your field, and how it connects to your profile."]
|
||
},
|
||
{
|
||
num: "12",
|
||
q: "Is more evidence always better?",
|
||
a: ["No. More evidence is not always stronger evidence. A smaller set of credible, well-documented, field-relevant evidence can be stronger than a larger set of disconnected materials that only look impressive on the surface."]
|
||
},
|
||
{
|
||
num: "13",
|
||
q: "Do I need to be featured in The New York Times or another top-tier outlet?",
|
||
a: ["No. A top-tier outlet can be valuable, but it’s not the only path — and chasing famous logos is often the wrong strategy. What matters is whether the coverage is credible, independent, field-relevant, meaningfully about you, and properly documented. A famous logo is not the same as editorial recognition."]
|
||
},
|
||
{
|
||
num: "14",
|
||
q: "Do hackathon judging roles help?",
|
||
a: ["They can — but not all hackathons are equal. A hackathon judging role is stronger when the event is credible, the judging standards are clear, your role is genuinely evaluative, and the subject matter connects to your field. One-off or little-known hackathons with unclear standards adds little."]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
kicker: "Timeline",
|
||
title: "How long things take.",
|
||
copy: "",
|
||
items: [
|
||
{
|
||
num: "15",
|
||
q: "Does the timing of my articles matter?",
|
||
a: ["Yes, more than most people realize. If all your press coverage is published just before filing, it can appear rushed and artificial. Coverage spaced out over time demonstrate a naturally established profile rather than one manufactured all at once. This is exactly why starting early matters."]
|
||
},
|
||
{
|
||
num: "16",
|
||
q: "How long does press take?",
|
||
a: ["It varies by publication, topic, editorial process, and how quickly you provide the information needed. It typically ranges from a few days to several weeks per placement."]
|
||
},
|
||
{
|
||
num: "17",
|
||
q: "How long does it take to secure a judging role?",
|
||
a: ["Timing depends on your field, the event calendar, organizer availability, and your profile fit. Some judging paths may open within weeks; others follow competition cycles, conference review schedules, or invitation timelines. After intake, Paprika provides a proposed path and realistic timing."]
|
||
},
|
||
{
|
||
num: "18",
|
||
q: "How long do scholarly articles take?",
|
||
a: ["It depends on the publication path. Peer-reviewed journals and conference proceedings can take months; professional or field-specific articles may move faster. Paprika helps identify publication paths that fit your field, timeline, and evidence goals."]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
kicker: "Pricing Structure",
|
||
title: "Pricing, scope, and refunds",
|
||
copy: "",
|
||
items: [
|
||
{
|
||
num: "19",
|
||
q: "How is pricing structured?",
|
||
a: ["Pricing depends on the evidence path, number of deliverables, outlet or opportunity tier, and timeline needs. After intake, Paprika provides a written scope and quote before work begins."]
|
||
},
|
||
{
|
||
num: "20",
|
||
q: "Do you offer refunds?",
|
||
a: ["Refund terms are set in your written scope and service agreement. We do not offer refunds based on visa outcomes, because Paprika does not control USCIS decisions. If we are unable to secure the agreed-upon media placements within the timeframe specified in your agreement, you are entitled to a refund."]
|
||
}
|
||
]
|
||
}
|
||
];
|
||
|
||
return `
|
||
<section class="faq-page">
|
||
${groups.map(faqGroup).join("")}
|
||
</section>`;
|
||
}
|
||
|
||
function faqGroup(group) {
|
||
return `
|
||
<section class="faq-section">
|
||
<div class="faq-section-head">
|
||
<div class="process-kicker">${group.kicker}</div>
|
||
<h2>${group.title}</h2>
|
||
${group.copy ? `<p>${group.copy}</p>` : ""}
|
||
</div>
|
||
<div class="faq-list">
|
||
${group.items.map(faqItem).join("")}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function faqItem(item) {
|
||
return `
|
||
<article class="faq-item">
|
||
<div class="faq-num">${item.num}</div>
|
||
<div>
|
||
<h3>${item.q}</h3>
|
||
${item.a.map(text => `<p>${text}</p>`).join("")}
|
||
</div>
|
||
</article>`;
|
||
}
|
||
|
||
function resourcesHub() {
|
||
return `
|
||
<section class="resource-hub">
|
||
${resourceGroup("FAQ", "Short answers before you share your profile or choose a path.", [
|
||
["Is Paprika a law firm?", "No. Paprika is an evidence-building company and does not provide legal advice or immigration representation."],
|
||
["Can I start small?", "Yes. You can begin with a profile review, one article, or one judging opportunity."],
|
||
["Does Paprika guarantee approval?", "No service can guarantee an immigration outcome. Paprika focuses on credibility, documentation, and evidence value."]
|
||
])}
|
||
${resourceGroup("O-1A criteria, explained", "Plain-English guides to the evidentiary categories people most often misunderstand.", [
|
||
["Press and published material", "How coverage about you can support recognition when the outlet, framing, and documentation are credible."],
|
||
["Judging the work of others", "What makes an evaluation role selective, field-relevant, and genuinely substantive."],
|
||
["Scholarly articles and authorship", "How peer-reviewed or expert-authored publications can support authority in your field."]
|
||
])}
|
||
${resourceGroup("O-1 information", "Context for timing, documentation, and building a public record before filing pressure.", [
|
||
["Evidence timeline", "Why recognition built over time usually reads more naturally than last-minute activity."],
|
||
["Documentation checklist", "Materials worth saving as press, judging, and publication opportunities happen."],
|
||
["Working with counsel", "How Paprika materials can be organized for later attorney review and exhibit preparation."]
|
||
])}
|
||
</section>`;
|
||
}
|
||
|
||
function resourceGroup(title, copy, items) {
|
||
return `
|
||
<section class="resource-group">
|
||
<div class="resource-group-head">
|
||
<h2>${title}</h2>
|
||
<p>${copy}</p>
|
||
</div>
|
||
<div class="resource-cards">
|
||
${items.map(([h,t]) => `<article class="resource-card"><h3>${h}</h3><p>${t}</p></article>`).join("")}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function legalPage(title, items) {
|
||
return {
|
||
body: `
|
||
${hero(title, "Readable policy content for the Paprika website design prototype.")}
|
||
<section class="section"><div class="two-col">${items.map(([h,t]) => panel(h,t)).join("")}</div></section>`
|
||
};
|
||
}
|
||
|
||
function legalTermsPage() {
|
||
const sections = [
|
||
["1. Agreement to These Terms", "By accessing the Paprika website or purchasing Paprika services (“the Services”), operated by MeetPaprika (“Paprika,” “we,” “us,” or “our”), you agree to these Terms of Service. If you do not agree, please do not use the Services."],
|
||
["2. What Paprika Provides", "Paprika is a non-legal evidence preparation and documentation service for individuals building an O-1 profile. We help clients identify, organize, document, and compile evidence of their professional achievements. Paprika does not provide legal advice, determine immigration eligibility, prepare immigration petitions, or file immigration applications. The specific services, deliverables, timelines, and fees for each engagement are set out in a written scope agreed before work begins (“Written Scope”)."],
|
||
["3. Not a Law Firm — No Legal Advice", "Paprika is not a law firm and does not provide legal advice or legal representation. Content on this website, communications with our team, and materials we prepare are general information and evidence-support services — not legal advice about any individual's eligibility, petition strategy, or case. References to \"attorney-curated\" mean that evidence-building services are reviewed for general immigration-evidence relevance by licensed legal professionals or legally trained reviewers; they do not mean legal advice is being provided."],
|
||
["4. No Attorney-Client Relationship", "Use of the Services — including submitting a form, asking a question, booking a call, or purchasing an engagement — does not create an attorney-client relationship with Paprika or any individual associated with Paprika. If you engage an immigration attorney, including one we refer you to, that relationship is formed separately under the attorney's own engagement terms."],
|
||
["5. No Guarantee of Immigration Outcomes", "Immigration decisions are made by USCIS and other government agencies based on the full petition and record. Paprika does not guarantee visa approval, the treatment of any evidence by any government agency, or any legal outcome. Where a specific deliverable is included in a Written Scope, we stand behind that deliverable under the terms of the applicable agreement — but no deliverable is a promise of an immigration result."],
|
||
["6. Attorney Referrals", "Paprika may refer clients to independent immigration attorneys, including affiliated legal services. Any such relationship is disclosed at the time of referral. Referred attorneys operate under their own engagement agreements, fees, conflict checks, and professional obligations, independent of Paprika."],
|
||
["7. Fees, Payment, and Refunds", "Fees are set out in your Written Scope and quoted before work begins. Unless your Written Scope states otherwise: payment terms, milestones, and any deposit requirements are as stated in the Written Scope; refund terms are governed by the Written Scope and applicable service agreement. We do not offer refunds based on visa or immigration outcomes. If we are unable to deliver an agreed placement or deliverable within the timeframe specified in your agreement, your remedy — including any refund — is as set out in that agreement."],
|
||
["8. Client Responsibilities and Accuracy of Information", "You agree to provide accurate, truthful, and complete information about your background, credentials, and work. Paprika's services depend on the integrity of the information you provide. You are responsible for reviewing materials we prepare and for the accuracy of any information you or your representatives submit to any publication, organization, or government agency."],
|
||
["9. Evidence Integrity", "Paprika builds and documents real recognition: genuine editorial coverage, genuine evaluative roles, and genuine authorship. We do not fabricate credentials, create fictitious awards or titles, or misrepresent the nature of any placement or role. We may decline or discontinue any engagement that, in our judgment, would require misrepresenting facts."],
|
||
["10. Third-Party Decisions", "Publications, competitions, journals, and other organizations make their own editorial, selection, and acceptance decisions. Paprika coordinates and supports placements but does not control third-party editorial judgment, publication timing, event scheduling, or organizational decisions. Deliverable commitments are as defined in your Written Scope."],
|
||
["11. Your Materials", "You retain ownership of the documents and information you provide to us. You grant Paprika a limited license to use them solely to perform the Services. We do not sell your information or use it for purposes unrelated to your engagement. Our handling of personal information is described in our Privacy Policy."],
|
||
["12. Work Product", "Upon full payment, deliverables prepared specifically for you under a Written Scope are yours to use. Paprika retains ownership of its methods, templates, internal processes, and know-how."],
|
||
["13. Prohibited Uses", "You may not use the Services to pursue fraudulent immigration filings or misrepresent your background or credentials; interfere with or attempt to gain unauthorized access to our systems or other clients' information; or resell or redistribute our services or materials without written permission."],
|
||
["14. Disclaimer of Warranties", "Except as expressly stated in a Written Scope, the Services are provided \"as is\" and \"as available,\" without warranties of any kind, express or implied, including implied warranties of merchantability, fitness for a particular purpose, and non-infringement."],
|
||
["15. Limitation of Liability", "To the maximum extent permitted by law, Paprika is not liable for indirect, incidental, special, consequential, or punitive damages, including loss of profits, opportunities, or immigration outcomes, arising from the Services. Our total liability for any claim arising from an engagement shall not exceed the amount you paid Paprika under the applicable Written Scope."],
|
||
["16. Changes to These Terms", "We may update these Terms from time to time. Material changes will be posted on this page with an updated date. Continued use of the Services after changes take effect constitutes acceptance."],
|
||
["18. Governing Law", "These Terms are governed by the laws of the State of Delaware, without regard to conflict of law provisions."],
|
||
["19. Contact", "Questions about these Terms: support@meetpaprika.com."]
|
||
];
|
||
|
||
return {
|
||
body: `
|
||
<section class="legal-doc">
|
||
<div class="legal-doc-head">
|
||
<div class="process-kicker">Terms</div>
|
||
<h1>Terms of Service</h1>
|
||
<div class="legal-date">Last updated: July 6, 2026</div>
|
||
</div>
|
||
<div class="legal-sections">
|
||
${sections.map(([title, text]) => `<article class="legal-section"><h2>${title}</h2><p>${text}</p></article>`).join("")}
|
||
</div>
|
||
</section>`
|
||
};
|
||
}
|
||
|
||
function legalPrivacyPage() {
|
||
const sections = [
|
||
["1. Introduction", ["Paprika (\"we,\" \"us,\" or \"our\") respects your privacy. This Privacy Policy explains how we collect, use, store, and protect your information when you visit our website or use our services."]],
|
||
["2. Information We Collect", [
|
||
"Information you provide. When you submit our intake form, ask a question, or engage our services, we may collect your name, email address, LinkedIn URL, website, current role and company, field or industry, location, visa status or goals, timeline, budget range, descriptions of your background and existing recognition, and any documents you choose to share, such as a CV or resume.",
|
||
"Information collected during an engagement. If you become a client, we collect the information needed to deliver your services — including biographical and professional details used for press placements, judging applications, and publication submissions, plus related correspondence.",
|
||
"Usage data. We collect standard website analytics, such as page views and general interaction patterns. This data is used in aggregate and is not tied to the content of your documents."
|
||
]],
|
||
["3. How We Use Your Information", ["We use your information to review your background and recommend an evidence path; deliver the services in your written scope; prepare documentation and evidence packages; respond to your questions and communicate about your engagement; process payments; and improve our website and services using aggregate data."]],
|
||
["4. How We Share Your Information", [
|
||
"We do not sell your personal information. We share information only as follows:",
|
||
"To deliver your services. Delivering Paprika's services inherently involves sharing relevant information with third parties on your behalf — for example, providing your professional background to publications or editors in connection with opportunities you have engaged us to pursue. We share what is needed for the specific opportunity, consistent with your engagement.",
|
||
"With attorneys, only when you authorize it. We do not share your profile or materials with any attorney — including attorneys we refer you to — unless you authorize that sharing.",
|
||
"With service providers. We use reputable third-party tools to operate our business, such as form, scheduling, file storage, customer management, email, and analytics providers. These providers process information solely to support our services and are not permitted to use it for their own purposes.",
|
||
"As required by law. We may disclose information if required by law, legal process, or to protect the rights, safety, or property of Paprika or others."
|
||
]],
|
||
["5. Data Storage and Security", ["Your information is transmitted securely and stored using reputable services with industry-standard protections. Access is limited to team members who need it to perform the services. We take reasonable administrative and technical measures to protect your information, though no method of transmission or storage is completely secure."]],
|
||
["6. Data Retention", ["We retain your information for as long as needed to deliver your services, maintain our business records, and comply with legal obligations. If you are not a client, intake and inquiry information is retained only as long as reasonably needed to respond and follow up."]],
|
||
["7. Your Rights", ["You may request access to the personal information we hold about you, correction of inaccurate information, or deletion of your information, subject to any legally required retention (such as payment and tax records). To make a request, contact us at support@meetpaprika.com. Depending on where you live, you may have additional rights under applicable privacy laws, including California law."]],
|
||
["8. Cookies", ["We use essential cookies for website functionality and analytics tools to understand general usage. We do not use advertising cookies or sell data collected through cookies."]],
|
||
["9. Children's Privacy", ["Our website and services are not intended for anyone under 18. We do not knowingly collect information from children."]],
|
||
["10. International Users", ["Our services are operated from the United States. If you access them from elsewhere, your information may be transferred to and processed in the United States."]],
|
||
["11. Changes to This Policy", ["We may update this Privacy Policy from time to time. Material changes will be posted on this page with an updated date."]],
|
||
["12. Contact", ["Questions about this Policy or your information: support@meetpaprika.com."]]
|
||
];
|
||
|
||
return {
|
||
body: `
|
||
<section class="legal-doc">
|
||
<div class="legal-doc-head">
|
||
<div class="process-kicker">Privacy</div>
|
||
<h1>Privacy Policy</h1>
|
||
<div class="legal-date">Last updated: July 6, 2026</div>
|
||
</div>
|
||
<div class="legal-sections">
|
||
${sections.map(([title, paragraphs]) => `<article class="legal-section"><h2>${title}</h2>${paragraphs.map(text => `<p>${text}</p>`).join("")}</article>`).join("")}
|
||
</div>
|
||
</section>`
|
||
};
|
||
}
|
||
|
||
function legalDisclaimerPage() {
|
||
const sections = [
|
||
{
|
||
title: "Not a Law Firm",
|
||
content: [
|
||
{ type: "p", text: "Paprika is not a law firm and does not provide legal advice, legal representation, immigration legal services, or petition filing services. Paprika is an evidence preparation and documentation service for individuals building an O-1 profile. We help clients identify, organize, document, and compile evidence related to their professional achievements. The specific services, deliverables, timelines, and fees for each engagement are set out in a written scope agreed before work begins (“Written Scope”)." },
|
||
{ type: "p", text: "Nothing on this website, in our communications, or in materials prepared by Paprika should be understood as legal advice about any individual’s immigration eligibility, petition strategy, filing options, petitioner or agent structure, or likely outcome." }
|
||
]
|
||
},
|
||
{
|
||
title: "What \"Attorney-Curated\" Means",
|
||
content: [
|
||
{ type: "p", text: "References to \"attorney-curated\" mean that Paprika's evidence-building services is shaped by an attorney-informed standard for evidence quality, including credibility, field fit, timing, independence, coherence, and documentation." },
|
||
{ type: "p", text: "This reflects a service-quality standard for how opportunities are evaluated, selected, organized, and documented. It is general in nature and is not a legal review of any individual’s immigration eligibility, petition strategy, or case merits." },
|
||
{ type: "p", text: "\"Attorney-curated\" does not mean any of the following:" },
|
||
{ type: "ul", items: [
|
||
"that Paprika is providing legal advice or legal services;",
|
||
"that Paprika is making an immigration eligibility determination about you;",
|
||
"that Paprika is preparing, reviewing, or filing an immigration petition;",
|
||
"that any attorney is acting as your attorney or representing your interests;",
|
||
"that a legal opinion has been given about whether any evidence satisfies any O-1 criterion; or",
|
||
"that any evidence will be accepted, credited, or weighed in any particular way by USCIS or any other government agency."
|
||
]},
|
||
{ type: "p", text: "Paprika may consider whether an evidence opportunity appears generally relevant to an O-1 profile. That consideration is a service-quality judgment, not a legal conclusion. Any determination about whether evidence satisfies a legal criterion, how evidence should be presented or used in a petition, or what a petition should contain must be made by independent, licensed immigration counsel engaged by you." }
|
||
]
|
||
},
|
||
{
|
||
title: "No Attorney-Client Relationship",
|
||
content: [
|
||
{ type: "p", text: "Use of Paprika's does not create an attorney-client relationship. This includes visiting the website, submitting a form, asking a question, booking a call, uploading materials, receiving communications from our team, purchasing services, or receiving an evidence package. No attorney-client relationship is formed with Paprika or with any person associated with Paprika." }
|
||
]
|
||
},
|
||
{
|
||
title: "Independent Counsel",
|
||
content: [
|
||
{ type: "p", text: "O-1 eligibility, petition strategy, petitioner and agent structures, filing decisions, responses to government requests, and immigration case strategy are legal matters. You should consult independent, licensed immigration counsel for advice about your specific situation. If you engage an attorney, that relationship is formed separately under the attorney's own engagement terms." }
|
||
]
|
||
},
|
||
{
|
||
title: "Attorney Referral Disclosure",
|
||
content: [
|
||
{ type: "p", text: "Paprika may refer clients to independent immigration attorneys, including affiliated legal services. Where such a relationship exists, it is disclosed at the time of referral. Referred attorneys operate under their own engagement agreements, fees, and professional obligations, independent of Paprika. A referral is not a guarantee of eligibility, approval, or legal outcome." }
|
||
]
|
||
},
|
||
{
|
||
title: "No Outcome Guarantee",
|
||
content: [
|
||
{ type: "p", text: "Immigration decisions are made by USCIS and other government agencies based on the full petition, record, applicable law, and agency discretion. Paprika does not guarantee visa approval, petition approval, government treatment of any evidence, avoidance of a request for evidence or denial, or any legal outcome. Where a specific deliverable is included in a Written Scope, Paprika stands behind that deliverable under the terms of the applicable agreement — but no deliverable is a promise of an immigration result." }
|
||
]
|
||
},
|
||
{
|
||
title: "User Responsibility",
|
||
content: [
|
||
{ type: "p", text: "You are responsible for providing accurate, complete, and truthful information to Paprika." },
|
||
{ type: "p", text: "Paprika may rely on the information, documents, and representations you provide, and does not independently verify every fact, credential, employment history, award, publication, or achievement unless verification is expressly included in the Written Scope." },
|
||
{ type: "p", text: "You should not submit false, misleading, fabricated, or exaggerated information. Paprika may decline, pause, or terminate services if we believe information provided is inaccurate, incomplete, misleading, or inconsistent with the purpose of building a credible evidence record." }
|
||
]
|
||
},
|
||
{
|
||
title: "General Information Only",
|
||
content: [
|
||
{ type: "p", text: "Content on this website is provided for general informational purposes only. It may describe O-1 evidence categories, common documentation considerations, or general evidence-building concepts, but it is not legal advice and should not be relied on as a substitute for advice from a licensed immigration attorney." }
|
||
]
|
||
},
|
||
{
|
||
title: "Questions",
|
||
content: [
|
||
{ type: "p", text: "If anything on this page is unclear, contact us at support@meetpaprika.com." }
|
||
]
|
||
}
|
||
];
|
||
|
||
return {
|
||
body: `
|
||
<section class="legal-doc">
|
||
<div class="legal-doc-head">
|
||
<div class="process-kicker">Legal Notice</div>
|
||
<h1>Disclaimer</h1>
|
||
<div class="legal-date">Last updated: July 6, 2026</div>
|
||
</div>
|
||
<div class="legal-sections">
|
||
${sections.map(disclaimerSection).join("")}
|
||
</div>
|
||
</section>`
|
||
};
|
||
}
|
||
|
||
function disclaimerSection(section) {
|
||
return `
|
||
<article class="legal-section">
|
||
<h2>${section.title}</h2>
|
||
${section.content.map(disclaimerPart).join("")}
|
||
</article>`;
|
||
}
|
||
|
||
function disclaimerPart(part) {
|
||
if (part.type === "ul") {
|
||
return `<ul>${part.items.map(item => `<li>${item}</li>`).join("")}</ul>`;
|
||
}
|
||
return `<p>${part.text}</p>`;
|
||
}
|
||
|
||
function whyEarlySection() {
|
||
return `
|
||
<section class="statement-section split-feature">
|
||
<div class="section-head">
|
||
<div class="kicker">Start Early</div>
|
||
<h2>The one thing you cannot buy later is time.</h2>
|
||
<p>Evidence that appears in a single burst right before filing raises questions. Paprika helps you build a public record over time — so your profile looks like what it is: real recognition, built before you needed it.</p>
|
||
</div>
|
||
<ul class="list">
|
||
<li><span class="arrow">→</span><span>Build recognition before you need to prove it</span></li>
|
||
<li><span class="arrow">→</span><span>Create a more natural publication and judging timeline</span></li>
|
||
<li><span class="arrow">→</span><span>Avoid last-minute evidence panic</span></li>
|
||
<li><span class="arrow">→</span><span>Give you or your immigration attorney stronger materials to work with</span></li>
|
||
<li class="no-arrow"><span class="arrow">→</span><span>Start today — one article or one judging role can dramatically change your timeline.</span></li>
|
||
</ul>
|
||
</section>`;
|
||
}
|
||
|
||
function servicesIntro() {
|
||
return `
|
||
<section class="home-services-intro">
|
||
<div class="kicker">Core services</div>
|
||
<h2>Three core services.</h2>
|
||
<p>Curated by attorneys. Designed for evidence value, not vanity.</p>
|
||
</section>`;
|
||
}
|
||
|
||
function standardPreview() {
|
||
return `
|
||
<section class="question-section">
|
||
<div class="section-head" style="margin-left:auto;margin-right:auto;">
|
||
<div class="process-kicker">Our standard</div>
|
||
<h2 class="section-title">Not all press helps. Not all judging counts.</h2>
|
||
<p class="section-copy">Paprika focuses on evidence value. Before recommending any placement or opportunity, we evaluate it against the standards that matter for your specific profile and future immigration review.</p>
|
||
</div>
|
||
<div class="question-card">
|
||
<h3 class="question-card-title">The questions we ask before recommending anything</h3>
|
||
<div class="questions">
|
||
${question("01", "Is the article actually about you — not just your company or product?")}
|
||
${question("02", "Does it connect to your specific professional field and O-1 criteria?")}
|
||
${question("03", "Does the outlet appear credible, independent, and documentable?")}
|
||
${question("04", "Does the timing make sense for a natural, organic-looking public profile?")}
|
||
${question("05", "Does the judging role involve genuinely evaluating others’ work — or is it ceremonial?")}
|
||
${question("06", "Does the authorship reflect real expertise, or does it read as promotional content?")}
|
||
${question("07", "Can this be clearly organized and used in an evidence package?")}
|
||
${question("08", "Does it complement your other existing criteria?")}
|
||
</div>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function question(num, text) {
|
||
return `<div class="question-item"><span class="question-num">${num}</span><span>${text}</span></div>`;
|
||
}
|
||
|
||
function howItWorks() {
|
||
return `
|
||
<section class="process-section">
|
||
<div class="process-kicker">How it works</div>
|
||
<h2 class="section-title" style="margin-top:18px;">Four simple steps</h2>
|
||
<p class="section-copy">Four steps from profile review to a clean, documented evidence package.</p>
|
||
<div class="steps">
|
||
${step("1", "Send us your profile — LinkedIn, CV, or a short description of your work<br>and goals.")}
|
||
${step("2", "We assess your background and recommend the evidence path that fits.")}
|
||
${step("3", "We work with you — building a credible public record tailored to your profile, timeline, and O-1 goals.")}
|
||
${step("4", "Receive a clean, documented evidence package built for O-1 review — organized with publication details, screenshots, source links, outlet context, and supporting materials.")}
|
||
</div>
|
||
<div class="pricing-band">
|
||
<div>
|
||
<h3>Packages start at <strong>$1,699+</strong></h3>
|
||
<p>Final pricing depends on outlet level, timeline, field, and evidence goals. We'll recommend what makes sense after reviewing your background.</p>
|
||
</div>
|
||
<a class="button primary" href="?page=services">See Services</a>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function step(num, text) {
|
||
return `<article class="step"><div class="step-num">${num}</div><p>${text}</p></article>`;
|
||
}
|
||
|
||
function standardGrid() {
|
||
return miniGrid([
|
||
["Quality of source", "Is the outlet credible, independent, and documentable?"],
|
||
["Field fit", "Does it connect to your specific field and criteria?"],
|
||
["Timing", "Does the timing support a natural public profile?"],
|
||
["Documentation", "Can it be organized for attorney review?"],
|
||
["Substance", "Is it genuinely evaluative or authoritative?"],
|
||
["Individual recognition", "Does it focus on your work, not only your company?"],
|
||
["Attorney usability", "Will counsel be able to use it cleanly?"],
|
||
["Overall picture", "Does it strengthen the evidence story across criteria?"]
|
||
]);
|
||
}
|
||
|
||
function whyPaprikaProof() {
|
||
const reasons = [
|
||
["01", "Attorney-curated. Built to matter.", "Some evidence looks impressive — until it has to support an O-1 profile.<br><br>A famous outlet name, a glossy article, or a judging title is not enough if the opportunity is promotional, editorially ambiguous, off-field, or poorly documented. A contributor feature in a popular publication carries less evidentiary weight than a field-specific editorial piece that clearly supports your recognition.<br><br>Most people only find out when it is too late to fix.<br><br>Paprika looks beneath the surface. Every opportunity is evaluated for credibility, independence, field fit, timing, and documentation. The result is evidence you can stand behind — not just evidence that looks like it should help.", "Not more evidence. Better evidence."],
|
||
["02", "Built before you need it.", "Recognition built in a rush can feel thin, reactive, and less convincing. Paprika helps you build with a cleaner cadence — one that gives each piece time, context, and purpose.<br><br>Starting early gives you more control. Even one well-chosen article can meaningfully change what your profile looks like when it is time to file.", "Start earlier. Build stronger."],
|
||
["03", "A coherent profile, tailored to you.", "A strong O-1 profile is not a collection of impressive things. It is a coherent story about who you are and what your field recognizes you for.<br><br>Paprika starts with your background, field, existing recognition, goals, and timeline — then builds an evidence path designed for your specific profile. Every piece is selected for how it fits the larger picture: what it shows, why it belongs, and how it supports the recognition story your profile needs to tell.<br><br>The result is evidence that works together — not a pile of disconnected achievements.", "The right pieces. A stronger O-1 story."],
|
||
["04", "A complete evidence record.", "Paprika does not stop at the placement. We deliver a complete evidence file behind it — relevant publication details, screenshots, source links, outlet/event context, editor/organizer correspondence, organizer recommendation letters where applicable, and other supporting materials.<br><br>Everything is organized, contextualized, and prepared in a clear, complete evidence package designed to support your O-1 profile.", "No scattered files. No missing context. Evidence ready for the next step."],
|
||
["05", "Everything in one place.", "Paprika helps you build the evidence side of your O-1 profile in a way that fits your specific background, field, timeline, and goals — whether you plan to work with an attorney or take your own next step.<br><br>If you decide to engage legal counsel, we can introduce you to carefully selected O-1 immigration attorneys held to the standard of BigLaw rigor and elite legal training. Not a name pulled from a directory of thousands — a deliberate introduction to counsel who meets a higher standard.", "Evidence, documentation, and the right attorney when you want one. All in one place."]
|
||
];
|
||
|
||
return `
|
||
<section class="why-v2">
|
||
<div class="why-v2-grid">
|
||
${reasons.map(([num, title, text, line], index) => whyV2Card(num, title, text, line, index === 0)).join("")}
|
||
</div>
|
||
<div class="why-v2-peace">
|
||
<div class="process-kicker">Peace of mind</div>
|
||
<h2>You do not have to second-guess what you are building.</h2>
|
||
<p>When every piece of evidence is attorney-curated, tailored to your profile, timed with purpose, and completely documented, the path feels clearer.</p>
|
||
<div class="why-card-line">You just build.</div>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function whyV2Card(num, title, text, line, featured = false) {
|
||
return `
|
||
<article class="why-card${featured ? " featured" : ""}">
|
||
<div>
|
||
<div class="why-card-num">${num}</div>
|
||
<h3>${title}</h3>
|
||
</div>
|
||
<div>
|
||
<p>${text}</p>
|
||
<div class="why-card-line">${line}</div>
|
||
</div>
|
||
</article>`;
|
||
}
|
||
|
||
function pressQuality() {
|
||
return `
|
||
<section class="section">
|
||
<div class="section-head">
|
||
<h2 class="section-title">The outlet, format, label, and framing all matter.</h2>
|
||
</div>
|
||
<div class="two-col">
|
||
<article class="panel">
|
||
<div class="label">Contributor content</div>
|
||
<h2>Major outlet placement that may not help</h2>
|
||
<p>A recognized outlet with a contributor or sponsored label. The editorial team was not involved. Evidentiary weight is limited.</p>
|
||
</article>
|
||
<article class="panel">
|
||
<div class="label green-label">Editorial feature</div>
|
||
<h2>Independent coverage with stronger evidence value</h2>
|
||
<p>A field-specific publication that independently chose to cover your work. Stronger evidence of genuine recognition.</p>
|
||
</article>
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
const params = new URLSearchParams(window.location.search);
|
||
const page = params.get("page") || "home";
|
||
const selected = pageData[page] ? page : "home";
|
||
document.title = `Paprika - ${selected}`;
|
||
document.getElementById("app").innerHTML = pageData[selected].body;
|
||
document.querySelectorAll("[data-page]").forEach((link) => {
|
||
if (link.dataset.page === selected) link.classList.add("active");
|
||
});
|
||
if (["faq", "resources"].includes(selected)) {
|
||
document.querySelector(".nav-trigger")?.classList.add("active");
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|