/wire-template.
<!DOCTYPE html>
<?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><?xml encoding="utf-8"?><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ARTSABERS — Partner Program</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>:root {
/* Ember ombre */
--ember-glow: #FFB347;
--ember-bright: #FF9540;
--ember: #FF7A2E;
--ember-forge: #E85D18;
--ember-deep: #D14810;
--ember-smoulder: #8B2E08;
--ember-scar: #5A1A00;
--on-primary-fixed: #2A0800;
/* Hull ladder */
--carbon: #060606;
--void: #0A0A0A;
--charcoal: #141414;
--charcoal-warm: #161412;
--hull-panel: #1A1A1A;
--hull-panel-lift: #242424;
--hull-panel-dark: #0F0F0F;
--hull-chrome-shadow: #2E2E2E;
--hull-edge: #363636;
/* Chrome / whites */
--chrome-highlight: #FAFAFA;
--chrome-glint: #E8E4DD;
--chrome-warm: #F5F0E8;
--chrome-dim: #B8B0A6;
/* Semantic surface tokens (MAS82) */
--bg-card: #131313;
--bg-card-lift: #1A1A1A;
--bg-card-deep: #0F0F0F;
--bg-section: #141414;
--bg-section-warm: #161412;
--bg-section-deep: #0A0A0A;
/* Type */
--font-display: 'Orbitron', sans-serif;
--font-body: 'Onest', sans-serif;
/* Shadows */
--panel-lift: inset 0 1px 0 rgba(250,250,250,0.08), 0 8px 24px -8px rgba(0,0,0,0.9);
--panel-lift-hover: inset 0 1px 0 rgba(250,250,250,0.15), 0 12px 32px -8px rgba(0,0,0,0.95);
--ember-glow-sm: 0 0 16px rgba(255,122,46,0.35);
--ember-glow-md: 0 0 24px rgba(255,122,46,0.5);
--ember-hot-rim: inset 0 0 0 1px rgba(255,122,46,0.6), 0 0 24px rgba(255,122,46,0.5);
--chrome-top-soft: inset 0 1px 0 rgba(250,250,250,0.30);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
background: var(--carbon);
color: var(--chrome-warm);
font-family: var(--font-body);
font-size: 16px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
ul { list-style: none; }
/* ===== BUTTON (utility block) ===== */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 32px;
font-family: var(--font-display);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: 0;
transition: box-shadow .2s ease, transform .2s ease, background .2s ease;
cursor: pointer;
}
.btn--primary {
background: linear-gradient(180deg, var(--ember-glow) 0%, var(--ember) 50%, var(--ember-deep) 100%);
color: var(--on-primary-fixed);
box-shadow: var(--ember-glow-sm), inset 0 1px 0 rgba(255,255,255,0.25);
}
.btn--primary:hover { box-shadow: var(--ember-glow-md), inset 0 1px 0 rgba(255,255,255,0.4); }
.btn--ghost {
background: transparent;
color: var(--chrome-warm);
outline: 1px solid rgba(62,62,62,0.6);
outline-offset: -1px;
}
.btn--ghost:hover {
background: var(--hull-panel-lift);
box-shadow: var(--chrome-top-soft);
}
/* ===== PANEL SEAM (utility block) ===== */
.panel-seam {
position: relative;
height: 2px;
background: linear-gradient(90deg, transparent 0%, rgba(255,122,46,0.7) 30%, rgba(255,179,71,0.85) 50%, rgba(255,122,46,0.7) 70%, transparent 100%);
box-shadow:
0 0 16px rgba(255,122,46,0.55),
0 0 40px rgba(255,122,46,0.25),
0 6px 40px -8px rgba(255,122,46,0.35);
z-index: 2;
}
/* ===== SITE HEADER (block) ===== */
.site-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(6,6,6,0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 1px 0 rgba(62,62,62,0.35), 0 4px 20px -8px rgba(0,0,0,0.9);
}
.site-header__inner {
max-width: 1440px;
margin: 0 auto;
padding: 18px 40px;
display: flex;
align-items: center;
gap: 40px;
}
.site-header__brand {
display: flex;
align-items: center;
gap: 14px;
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0.16em;
font-size: 16px;
color: var(--chrome-highlight);
}
.site-header__brand-mark {
width: 34px;
height: 34px;
display: grid;
place-items: center;
background: linear-gradient(180deg, var(--ember-glow), var(--ember-deep));
color: var(--on-primary-fixed);
font-family: var(--font-display);
font-weight: 700;
font-size: 18px;
box-shadow: var(--ember-glow-sm);
}
.site-header__nav {
display: flex;
align-items: center;
gap: 28px;
margin-left: 32px;
}
.site-header__link {
font-family: var(--font-display);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--chrome-warm);
padding: 6px 0;
border-bottom: 1px solid transparent;
transition: color .15s ease, border-color .15s ease;
}
.site-header__link:hover { color: var(--chrome-highlight); }
.site-header__link--is-active {
color: var(--ember);
border-bottom-color: var(--ember);
}
.site-header__actions {
margin-left: auto;
display: flex;
gap: 22px;
align-items: center;
}
.site-header__icon {
font-family: var(--font-display);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--chrome-dim);
}
.site-header__icon:hover { color: var(--chrome-highlight); }
/* ===== PARTNER HERO (block) ===== */
.partner-hero {
position: relative;
min-height: 560px;
background: var(--carbon);
overflow: hidden;
display: flex;
align-items: center;
}
.partner-hero__bg {
position: absolute; inset: 0;
background:
linear-gradient(180deg,
#202020 0%,
#101010 34%,
#0A0A0A 49.5%,
#141414 50.5%,
#1C1C1C 55%,
#050505 100%);
}
.partner-hero__bg::before {
/* Top plate lower shadow */
content: '';
position: absolute; left: 0; right: 0;
top: 30%; bottom: 50%;
background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.55) 100%);
}
.partner-hero__seam {
position: absolute; left: 0; right: 0;
top: 50%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(255,122,46,0.55) 15%, rgba(255,179,71,0.9) 50%, rgba(255,122,46,0.55) 85%, transparent 100%);
box-shadow:
0 0 22px rgba(255,122,46,0.6),
0 0 60px rgba(255,122,46,0.28),
0 12px 60px -8px rgba(255,122,46,0.35);
z-index: 1;
}
.partner-hero__overlay {
position: absolute; inset: 0;
background:
linear-gradient(180deg, rgba(6,6,6,0.62) 0%, rgba(6,6,6,0.72) 50%, rgba(6,6,6,0.88) 100%),
linear-gradient(90deg, rgba(6,6,6,0.10) 0%, rgba(6,6,6,0.55) 100%);
}
.partner-hero__ember-bloom {
position: absolute;
top: -80px; left: -120px;
width: 60%; height: 90%;
background: radial-gradient(ellipse at top left, rgba(255,122,46,0.32), rgba(255,122,46,0.12) 40%, transparent 68%);
pointer-events: none;
z-index: 1;
}
.partner-hero__inner {
position: relative;
z-index: 3;
max-width: 1440px;
margin: 0 auto;
padding: 96px 40px;
width: 100%;
}
.partner-hero__wrap {
max-width: 780px;
}
.partner-hero__eyebrow {
font-family: var(--font-display);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ember);
margin-bottom: 24px;
display: inline-flex;
align-items: center;
gap: 12px;
}
.partner-hero__eyebrow::before {
content: '';
width: 32px;
height: 1px;
background: var(--ember);
box-shadow: 0 0 8px rgba(255,122,46,0.7);
}
.partner-hero__title {
font-family: var(--font-display);
font-weight: 700;
font-size: 68px;
line-height: 1.02;
letter-spacing: 0.8px;
color: var(--chrome-highlight);
margin-bottom: 28px;
text-shadow: 0 2px 40px rgba(0,0,0,0.6);
}
.partner-hero__sub {
font-size: 19px;
line-height: 1.55;
color: var(--chrome-warm);
max-width: 640px;
margin-bottom: 40px;
}
.partner-hero__meta {
display: flex;
gap: 36px;
margin-top: 48px;
padding-top: 28px;
border-top: 1px solid rgba(184,176,166,0.14);
}
.partner-hero__meta-item {
display: flex;
flex-direction: column;
gap: 6px;
}
.partner-hero__meta-label {
font-family: var(--font-display);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--chrome-dim);
}
.partner-hero__meta-value {
font-family: var(--font-display);
font-size: 22px;
font-weight: 600;
color: var(--ember);
font-variant-numeric: tabular-nums;
}
/* ===== SECTION SHELL (block) ===== */
.section {
position: relative;
padding: 112px 0;
}
.section--carbon { background: var(--carbon); }
.section--charcoal { background: var(--bg-section); }
.section--charcoal-warm { background: var(--bg-section-warm); }
.section--void { background: var(--bg-section-deep); }
.section__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 40px;
}
.section__head {
max-width: 760px;
margin-bottom: 64px;
}
.section__eyebrow {
font-family: var(--font-display);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ember);
margin-bottom: 20px;
display: inline-flex;
align-items: center;
gap: 12px;
}
.section__eyebrow::before {
content: '';
width: 24px;
height: 1px;
background: var(--ember);
box-shadow: 0 0 6px rgba(255,122,46,0.7);
}
.section__title {
font-family: var(--font-display);
font-weight: 700;
font-size: 44px;
line-height: 1.08;
letter-spacing: 0.8px;
color: var(--chrome-highlight);
margin-bottom: 20px;
}
.section__title--sm { font-size: 36px; letter-spacing: 0.8px; }
.section__title--md { font-size: 40px; letter-spacing: 0.8px; }
.section__lede {
font-size: 17px;
color: var(--chrome-dim);
max-width: 560px;
}
/* ===== HULL PATTERN (utility, sections with pattern) ===== */
.section--patterned-g {
position: relative;
}
.section--patterned-g::before {
content: '';
position: absolute; inset: 0;
background:
linear-gradient(90deg,
#1A1A1A 0%,
#101010 34%,
#0A0A0A 49.5%,
#141414 50.5%,
#1C1C1C 55%,
#0C0C0C 100%);
z-index: 0;
}
.section--patterned-g::after {
content: '';
position: absolute;
left: 50%;
top: 0; bottom: 0;
width: 1px;
background: linear-gradient(180deg, transparent 0%, rgba(255,122,46,0.35) 10%, rgba(255,179,71,0.55) 50%, rgba(255,122,46,0.35) 90%, transparent 100%);
box-shadow:
0 0 22px rgba(255,122,46,0.32),
0 0 60px rgba(255,122,46,0.18);
z-index: 0;
}
.section--patterned-g .section__mask {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(6,6,6,0.74) 0%, rgba(6,6,6,0.78) 50%, rgba(6,6,6,0.88) 100%);
z-index: 0;
}
.section--patterned-g .section__inner { position: relative; z-index: 1; }
/* ===== VALUES GRID (block) - six-cell why-partner ===== */
.values-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: rgba(184,176,166,0.10);
box-shadow: 0 0 0 1px rgba(184,176,166,0.10);
}
.values-grid__cell {
background: var(--bg-card);
padding: 40px 36px 44px;
display: flex;
flex-direction: column;
gap: 18px;
min-height: 240px;
position: relative;
box-shadow: var(--chrome-top-soft);
}
.values-grid__glyph {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border: 1px solid var(--ember);
color: var(--ember);
font-family: var(--font-display);
font-weight: 600;
font-size: 20px;
box-shadow: var(--ember-glow-sm);
font-variant-numeric: tabular-nums;
}
.values-grid__title {
font-family: var(--font-display);
font-weight: 700;
font-size: 20px;
letter-spacing: 0.8px;
color: var(--chrome-highlight);
margin-top: 4px;
}
.values-grid__body {
font-size: 16px;
color: var(--chrome-warm);
line-height: 1.6;
}
/* ===== HOW EDITORIAL (block) - 3-step editorial ===== */
.how-editorial {
display: flex;
flex-direction: column;
gap: 0;
}
.how-editorial__step {
display: grid;
grid-template-columns: 220px 1fr;
gap: 60px;
align-items: flex-start;
padding: 56px 0;
border-top: 1px solid rgba(184,176,166,0.12);
position: relative;
}
.how-editorial__step:first-child { border-top: 0; padding-top: 0; }
.how-editorial__step:last-child { padding-bottom: 0; }
.how-editorial__marker {
display: flex;
align-items: center;
gap: 16px;
}
.how-editorial__num {
width: 64px;
height: 64px;
border-radius: 50%;
display: grid;
place-items: center;
border: 1px solid var(--ember);
color: var(--ember);
font-family: var(--font-display);
font-weight: 600;
font-size: 24px;
font-variant-numeric: tabular-nums;
box-shadow: var(--ember-glow-sm);
flex-shrink: 0;
}
.how-editorial__connector {
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--ember) 0%, rgba(255,122,46,0.15) 100%);
}
.how-editorial__body {
padding-top: 8px;
}
.how-editorial__eyebrow {
font-family: var(--font-display);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--chrome-dim);
margin-bottom: 12px;
}
.how-editorial__title {
font-family: var(--font-display);
font-weight: 700;
font-size: 30px;
color: var(--chrome-highlight);
margin-bottom: 16px;
letter-spacing: 0.8px;
}
.how-editorial__copy {
font-size: 17px;
line-height: 1.6;
color: var(--chrome-warm);
max-width: 640px;
}
/* ===== TIER BAND (block) - 4-cell commission grid ===== */
.tier-band {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.tier-band__cell {
background: var(--bg-card);
padding: 34px 28px 36px;
display: flex;
flex-direction: column;
gap: 18px;
min-height: 340px;
position: relative;
box-shadow: var(--panel-lift);
}
.tier-band__cell--featured {
box-shadow: var(--ember-hot-rim), 0 8px 24px -8px rgba(0,0,0,0.9);
}
.tier-band__badge {
font-family: var(--font-display);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--chrome-dim);
padding-bottom: 14px;
border-bottom: 1px solid rgba(184,176,166,0.14);
}
.tier-band__cell--featured .tier-band__badge { color: var(--ember); }
.tier-band__name {
font-family: var(--font-display);
font-weight: 700;
font-size: 26px;
color: var(--chrome-highlight);
letter-spacing: -0.005em;
}
.tier-band__rate {
display: flex;
align-items: baseline;
gap: 4px;
margin-top: 4px;
}
.tier-band__rate-num {
font-family: var(--font-display);
font-weight: 700;
font-size: 58px;
line-height: 1;
color: var(--ember);
font-variant-numeric: tabular-nums;
letter-spacing: -0.02em;
}
.tier-band__rate-unit {
font-family: var(--font-display);
font-weight: 500;
font-size: 22px;
color: var(--ember);
}
.tier-band__specs {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 10px;
}
.tier-band__spec {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 6px;
font-size: 13px;
color: var(--chrome-warm);
padding: 4px 0;
}
.tier-band__spec-label {
font-family: var(--font-body);
color: var(--chrome-dim);
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
flex-shrink: 0;
}
.tier-band__spec-leader {
flex: 1;
border-bottom: 1px dotted rgba(184,176,166,0.24);
margin: 0 8px;
transform: translateY(-4px);
}
.tier-band__spec-value {
font-family: var(--font-display);
font-weight: 600;
color: var(--chrome-warm);
font-variant-numeric: tabular-nums;
font-size: 13px;
}
.tier-band__spec-value--ember { color: var(--ember); }
.tier-band__note {
margin-top: 32px;
font-size: 14px;
color: var(--chrome-dim);
max-width: 720px;
}
/* ===== TESTIMONIAL SPLIT (block) - 2-column ===== */
.testimonial-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.testimonial-split__card {
background: var(--bg-card);
padding: 44px 40px;
display: flex;
flex-direction: column;
gap: 28px;
position: relative;
box-shadow: var(--panel-lift);
}
.testimonial-split__mark {
font-family: var(--font-display);
font-size: 64px;
font-weight: 700;
color: var(--ember);
line-height: 0.6;
margin-top: 8px;
text-shadow: 0 0 20px rgba(255,122,46,0.4);
}
.testimonial-split__quote {
font-family: var(--font-display);
font-style: italic;
font-weight: 500;
font-size: 21px;
line-height: 1.45;
color: var(--chrome-highlight);
}
.testimonial-split__attribution {
display: flex;
align-items: center;
gap: 20px;
padding-top: 24px;
border-top: 1px solid rgba(184,176,166,0.14);
margin-top: auto;
}
.testimonial-split__portrait {
width: 68px;
height: 68px;
border-radius: 50%;
border: 1px solid var(--ember);
padding: 3px;
box-shadow: var(--ember-glow-sm);
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.testimonial-split__portrait-img {
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient(135deg, #2a2a2a, #0a0a0a);
position: relative;
}
.testimonial-split__portrait-img::after {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.08), transparent 50%);
}
.testimonial-split__meta { display: flex; flex-direction: column; gap: 4px; }
.testimonial-split__name {
font-family: var(--font-display);
font-weight: 600;
font-size: 16px;
color: var(--chrome-highlight);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.testimonial-split__handle {
font-family: var(--font-display);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--chrome-dim);
}
/* ===== APPLY FORM (block) ===== */
.apply-form {
max-width: 900px;
}
.apply-form__fieldset {
background: var(--bg-card);
border: 1px solid rgba(62,62,62,0.55);
padding: 44px 48px 48px;
position: relative;
box-shadow: var(--panel-lift);
}
.apply-form__legend {
font-family: var(--font-display);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ember);
padding: 0 14px;
margin-left: -14px;
background: var(--bg-card);
}
.apply-form__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px 32px;
margin-top: 8px;
}
.apply-form__field { display: flex; flex-direction: column; gap: 10px; }
.apply-form__field--full { grid-column: 1 / -1; }
.apply-form__label {
font-family: var(--font-display);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--chrome-dim);
}
.apply-form__label-req::after {
content: ' *';
color: var(--ember);
}
.apply-form__input,
.apply-form__select,
.apply-form__textarea {
background: transparent;
border: 0;
border-bottom: 1px solid rgba(62,62,62,0.7);
padding: 12px 0;
font-family: var(--font-body);
font-size: 16px;
color: var(--chrome-warm);
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
border-radius: 0;
}
.apply-form__input::placeholder,
.apply-form__textarea::placeholder { color: rgba(184,176,166,0.5); }
.apply-form__input:focus,
.apply-form__select:focus,
.apply-form__textarea:focus {
border-bottom-color: var(--ember);
box-shadow: 0 6px 24px -12px rgba(255,122,46,0.7);
}
.apply-form__select {
appearance: none;
-webkit-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--ember) 50%),
linear-gradient(-45deg, transparent 50%, var(--ember) 50%);
background-position: right 4px top 22px, right 10px top 22px;
background-size: 6px 6px;
background-repeat: no-repeat;
padding-right: 24px;
}
.apply-form__textarea {
border: 1px solid rgba(62,62,62,0.7);
padding: 14px 16px;
min-height: 112px;
resize: vertical;
line-height: 1.55;
}
.apply-form__textarea:focus {
border-color: var(--ember);
}
.apply-form__consent {
grid-column: 1 / -1;
display: flex;
gap: 14px;
align-items: flex-start;
padding-top: 8px;
}
.apply-form__checkbox {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid rgba(62,62,62,0.9);
background: var(--bg-card-deep);
cursor: pointer;
position: relative;
flex-shrink: 0;
margin-top: 2px;
border-radius: 0;
transition: border-color .15s, box-shadow .15s;
}
.apply-form__checkbox:checked {
background: linear-gradient(180deg, var(--ember-glow), var(--ember-deep));
border-color: var(--ember);
box-shadow: var(--ember-glow-sm);
}
.apply-form__checkbox:checked::after {
content: '';
position: absolute;
left: 6px; top: 2px;
width: 5px; height: 10px;
border: solid var(--on-primary-fixed);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.apply-form__consent-text {
font-size: 14px;
line-height: 1.5;
color: var(--chrome-warm);
}
.apply-form__consent-text a {
color: var(--ember);
border-bottom: 1px solid rgba(255,122,46,0.4);
}
.apply-form__submit-row {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 28px;
margin-top: 20px;
padding-top: 24px;
border-top: 1px solid rgba(184,176,166,0.14);
flex-wrap: wrap;
}
.apply-form__submit-note {
font-size: 13px;
color: var(--chrome-dim);
max-width: 380px;
}
/* ===== FAQ ACCORDION (block) ===== */
.faq-accordion {
border-top: 1px solid rgba(184,176,166,0.14);
}
.faq-accordion__item {
border-bottom: 1px solid rgba(184,176,166,0.14);
}
.faq-accordion__item > summary {
list-style: none;
padding: 28px 24px;
cursor: pointer;
display: flex;
align-items: center;
gap: 24px;
font-family: var(--font-display);
font-weight: 600;
font-size: 20px;
color: var(--chrome-highlight);
transition: background .2s ease;
letter-spacing: -0.005em;
}
.faq-accordion__item > summary::-webkit-details-marker { display: none; }
.faq-accordion__item > summary:hover { background: rgba(255,122,46,0.03); }
.faq-accordion__chevron {
width: 32px;
height: 32px;
display: grid;
place-items: center;
border: 1px solid var(--ember);
color: var(--ember);
font-size: 16px;
font-weight: 600;
flex-shrink: 0;
transition: transform .2s ease, box-shadow .2s ease;
margin-left: auto;
}
.faq-accordion__item[open] .faq-accordion__chevron {
background: linear-gradient(180deg, var(--ember-glow), var(--ember-deep));
color: var(--on-primary-fixed);
transform: rotate(45deg);
box-shadow: var(--ember-glow-sm);
}
.faq-accordion__body {
padding: 0 24px 32px;
max-width: 780px;
}
.faq-accordion__copy {
font-size: 16px;
line-height: 1.65;
color: var(--chrome-warm);
}
/* ===== NEWSLETTER BAND (block) ===== */
.newsletter-band {
position: relative;
background: linear-gradient(180deg, var(--ember-glow) 0%, var(--ember) 45%, var(--ember-forge) 100%);
padding: 88px 40px;
overflow: hidden;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(90,26,0,0.4);
}
.newsletter-band::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 0%, rgba(255,255,255,0.22), transparent 45%),
radial-gradient(ellipse at 80% 100%, rgba(90,26,0,0.28), transparent 55%);
pointer-events: none;
}
.newsletter-band__inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto;
gap: 60px;
align-items: center;
}
.newsletter-band__copy { max-width: 640px; }
.newsletter-band__eyebrow {
font-family: var(--font-display);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--on-primary-fixed);
margin-bottom: 16px;
opacity: 0.75;
}
.newsletter-band__title {
font-family: var(--font-display);
font-weight: 700;
font-size: 42px;
line-height: 1.05;
color: var(--on-primary-fixed);
margin-bottom: 12px;
letter-spacing: 0.8px;
}
.newsletter-band__sub {
font-size: 17px;
color: var(--ember-scar);
line-height: 1.5;
font-weight: 500;
}
.newsletter-band__form {
display: flex;
gap: 12px;
align-items: stretch;
min-width: 460px;
}
.newsletter-band__input {
flex: 1;
background: rgba(6,6,6,0.08);
border: 1px solid rgba(42,8,0,0.35);
padding: 18px 20px;
font-family: var(--font-body);
font-size: 16px;
color: var(--on-primary-fixed);
outline: none;
border-radius: 0;
min-width: 260px;
}
.newsletter-band__input::placeholder { color: rgba(42,8,0,0.55); }
.newsletter-band__input:focus {
border-color: var(--on-primary-fixed);
background: rgba(6,6,6,0.14);
}
.newsletter-band__btn {
padding: 18px 28px;
background: var(--on-primary-fixed);
color: var(--ember-glow);
font-family: var(--font-display);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--on-primary-fixed);
transition: background .15s, color .15s;
border-radius: 0;
cursor: pointer;
}
.newsletter-band__btn:hover {
background: transparent;
color: var(--on-primary-fixed);
border-color: var(--on-primary-fixed);
}
/* ===== SITE FOOTER (block) ===== */
.site-footer {
background: var(--carbon);
padding: 88px 0 44px;
color: var(--chrome-dim);
}
.site-footer__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 40px;
}
.site-footer__top {
display: grid;
grid-template-columns: 1.4fr repeat(4, 1fr);
gap: 48px;
padding-bottom: 60px;
border-bottom: 1px solid rgba(184,176,166,0.10);
}
.site-footer__brand {
display: flex;
flex-direction: column;
gap: 18px;
}
.site-footer__brand-line {
display: flex;
align-items: center;
gap: 14px;
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0.16em;
color: var(--chrome-highlight);
font-size: 16px;
}
.site-footer__tagline {
font-family: var(--font-display);
font-style: italic;
font-size: 14px;
color: var(--chrome-warm);
max-width: 260px;
line-height: 1.5;
}
.site-footer__col-title {
font-family: var(--font-display);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--ember);
margin-bottom: 18px;
}
.site-footer__list { display: flex; flex-direction: column; gap: 10px; }
.site-footer__link {
font-size: 14px;
color: var(--chrome-dim);
transition: color .15s;
}
.site-footer__link:hover { color: var(--chrome-highlight); }
.site-footer__bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 32px;
gap: 24px;
flex-wrap: wrap;
}
.site-footer__legal {
font-family: var(--font-display);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--chrome-dim);
}
.site-footer__legal-links { display: flex; gap: 22px; }
.site-footer__legal-links a {
font-family: var(--font-display);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--chrome-dim);
}
.site-footer__legal-links a:hover { color: var(--chrome-highlight); }
/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
.site-header__inner { padding: 16px 24px; flex-wrap: wrap; gap: 20px; }
.site-header__nav { margin-left: 0; gap: 20px; flex-wrap: wrap; }
.partner-hero__inner { padding: 72px 24px; }
.partner-hero__title { font-size: 52px; letter-spacing: 0.8px; }
.section { padding: 88px 0; }
.section__inner { padding: 0 24px; }
.section__title { font-size: 36px; letter-spacing: 0.8px; }
.values-grid { grid-template-columns: repeat(2, 1fr); }
.tier-band { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.testimonial-split { grid-template-columns: 1fr; }
.site-footer__top { grid-template-columns: 1fr 1fr; }
.newsletter-band__inner { grid-template-columns: 1fr; gap: 32px; }
.newsletter-band__form { min-width: 0; }
}
@media (max-width: 640px) {
.site-header__actions { display: none; }
.partner-hero { min-height: auto; }
.partner-hero__inner { padding: 64px 20px; }
.partner-hero__title { font-size: 40px; letter-spacing: 0.8px; }
.partner-hero__sub { font-size: 16px; }
.partner-hero__meta { flex-wrap: wrap; gap: 24px; }
.section { padding: 64px 0; }
.section__inner { padding: 0 20px; }
.section__head { margin-bottom: 40px; }
.section__title { font-size: 28px; letter-spacing: 0.8px; }
.section__title--md, .section__title--sm { font-size: 26px; letter-spacing: 0.8px; }
.values-grid { grid-template-columns: 1fr; }
.values-grid__cell { min-height: auto; padding: 32px 24px; }
.how-editorial__step { grid-template-columns: 1fr; gap: 24px; padding: 40px 0; }
.how-editorial__connector { display: none; }
.how-editorial__title { font-size: 22px; letter-spacing: 0.8px; }
.how-editorial__copy { font-size: 16px; }
.tier-band { grid-template-columns: 1fr; }
.tier-band__cell { min-height: auto; }
.testimonial-split__card { padding: 32px 24px; }
.testimonial-split__quote { font-size: 18px; }
.apply-form__fieldset { padding: 32px 24px 36px; }
.apply-form__grid { grid-template-columns: 1fr; gap: 24px; }
.newsletter-band { padding: 56px 20px; }
.newsletter-band__title { font-size: 30px; letter-spacing: 0.8px; }
.newsletter-band__form { flex-direction: column; }
.site-footer__top { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; }
.site-footer__bottom { flex-direction: column; align-items: flex-start; }
.faq-accordion__item > summary { font-size: 16px; padding: 22px 12px; gap: 16px; }
.faq-accordion__body { padding: 0 12px 24px; }
}
/* orbitron-retrofit: title-em italic kill */
[class*="__title"] em, [class*="__title"] i,
[class*="-title"] em, [class*="-title"] i,
[class*="__heading"] em, [class*="__heading"] i,
[class*="-heading"] em, [class*="-heading"] i { font-style: normal; }
/* -- Reconciled from family 14002 canonical 12840:tf-newsletter-signup -- */
.container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 48px; }
/* =========================================================
CAPTURE BAND — full orange ombre (biggest ember moment)
========================================================= */
.capture {
position: relative;
background: linear-gradient(180deg, var(--ember-glow) 0%, var(--ember-bright) 25%, var(--ember) 55%, var(--ember-forge) 100%);
padding: 140px 0;
box-shadow:
inset 0 2px 0 rgba(255,235,180,0.55),
inset 0 -1px 0 rgba(90,26,0,0.55),
0 -12px 40px -8px rgba(255,122,46,0.55);
overflow: hidden;
}
.capture::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 30%, rgba(255,235,180,0.35) 0%, rgba(255,235,180,0) 55%),
radial-gradient(ellipse at 80% 70%, rgba(209,72,16,0.35) 0%, rgba(209,72,16,0) 60%);
pointer-events: none;
}
.capture__inner {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
z-index: 2;
}
.capture__copy { max-width: 620px; }
.capture__eyebrow {
font-family: var(--font-display);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--on-primary-fixed);
opacity: 0.72;
margin-bottom: 20px;
}
.capture__title {
font-family: var(--font-display);
font-size: clamp(48px, 5.5vw, 78px);
font-weight: 700;
line-height: 0.95;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--on-primary-fixed);
margin-bottom: 24px;
}
.capture__sub {
font-family: var(--font-display);
font-size: 20px;
font-weight: 500;
line-height: 1.4;
color: var(--on-primary-fixed);
opacity: 0.86;
max-width: 520px;
}
.capture__form {
display: flex;
flex-direction: column;
gap: 20px;
padding: 44px;
background: rgba(20,20,20,0.94);
box-shadow:
inset 0 1px 0 rgba(250,250,250,0.2),
0 30px 60px -20px rgba(0,0,0,0.7);
}
.capture__form-lbl {
font-family: var(--font-display);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--ember-glow);
}
.capture__form-input {
background: transparent;
border: 0;
border-bottom: 1px solid rgba(184,176,166,0.35);
padding: 14px 0;
font-family: var(--font-body);
font-size: 17px;
color: var(--chrome-warm);
outline: none;
transition: border-color 200ms ease, box-shadow 200ms ease;
width: 100%;
}
.capture__form-input::placeholder { color: var(--chrome-dim); opacity: 0.7; }
.capture__form-input:focus {
border-bottom-color: var(--ember);
box-shadow: 0 2px 12px -2px rgba(255,122,46,0.4);
}
.capture__form-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 20px 30px;
background: linear-gradient(180deg, var(--ember-glow) 0%, var(--ember) 50%, var(--ember-deep) 100%);
color: var(--on-primary-fixed);
font-family: var(--font-display);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.20em;
text-transform: uppercase;
box-shadow: var(--ember-glow-sm);
transition: box-shadow 200ms ease;
margin-top: 8px;
}
.capture__form-cta:hover { box-shadow: var(--ember-glow-md); }
.capture__form-fine {
font-family: var(--font-body);
font-size: 12px;
color: var(--chrome-dim);
line-height: 1.5;
}
@media (max-width: 640px) {
.container { padding: 0 24px; }
.promo-bar__inner { gap: 16px; font-size: 10px; }
.promo-bar__item { gap: 16px; }
.hero__telemetry-row { flex-wrap: wrap; gap: 20px; }
.hero__tagline { display: none; }
.trust-bar__row { grid-template-columns: 1fr 1fr; row-gap: 24px; }
.trust-bar__cell { border-right: 0; padding: 4px 12px; }
.saber-core__grid { grid-template-columns: 1fr; }
.faction-grid { grid-template-columns: 1fr; }
.faction-tile { height: 340px; }
.section-head { flex-direction: column; align-items: flex-start; gap: 24px; }
.section-head__right { text-align: left; }
.capture { padding: 90px 0; }
.site-footer__grid { grid-template-columns: 1fr; gap: 40px; }
.site-footer__base { flex-direction: column; align-items: flex-start; gap: 20px; }
}
</style>
</head>
<body>
<!-- ===== SITE HEADER ===== -->
<header class="site-header">
<div class="site-header__inner">
<a href="#" class="site-header__brand">
<span class="site-header__brand-mark">A</span>
<span class="site-header__brand-name">ARTSABERS</span>
</a>
<nav class="site-header__nav" aria-label="Primary">
<a href="#" class="site-header__link">Lightsabers</a>
<a href="#" class="site-header__link">Cosplay Helmets</a>
<a href="#" class="site-header__link">Parts & Accessories</a>
<a href="#" class="site-header__link">Offers</a>
<a href="#" class="site-header__link site-header__link--is-active">Partner Program</a>
</nav>
<div class="site-header__actions">
<a href="#" class="site-header__icon">Search</a>
<a href="#" class="site-header__icon">Account</a>
<a href="#" class="site-header__icon">Cart · 0</a>
</div>
</div>
</header>
<!-- ===== PARTNER HERO ===== -->
<a id="tf-hero-campaign-1" data-tf-family="hero-campaign" style="display:contents"></a>
<section class="partner-hero">
<div class="partner-hero__bg" aria-hidden="true"></div>
<div class="partner-hero__seam" aria-hidden="true"></div>
<div class="partner-hero__overlay" aria-hidden="true"></div>
<div class="partner-hero__ember-bloom" aria-hidden="true"></div>
<div class="partner-hero__inner">
<div class="partner-hero__wrap">
<p class="partner-hero__eyebrow">Partner Program · UK Based</p>
<h1 class="partner-hero__title">Bring your community.<br>Build your income.</h1>
<p class="partner-hero__sub">We partner with cosplayers, duellists, content creators, and event organisers who care about the craft. Not every affiliate scheme is one of these.</p>
<a href="#apply" class="btn btn--primary">Apply to the program →</a>
<div class="partner-hero__meta">
<div class="partner-hero__meta-item">
<span class="partner-hero__meta-label">Base Rate</span>
<span class="partner-hero__meta-value">10 – 18%</span>
</div>
<div class="partner-hero__meta-item">
<span class="partner-hero__meta-label">Cookie Window</span>
<span class="partner-hero__meta-value">45 days</span>
</div>
<div class="partner-hero__meta-item">
<span class="partner-hero__meta-label">Payment</span>
<span class="partner-hero__meta-value">Monthly</span>
</div>
<div class="partner-hero__meta-item">
<span class="partner-hero__meta-label">Review Turnaround</span>
<span class="partner-hero__meta-value">1 wk</span>
</div>
</div>
</div>
</div>
</section>
<div class="panel-seam" aria-hidden="true"></div>
<!-- ===== 3. WHY PARTNER — 6-cell values grid ===== -->
<section class="section section--carbon">
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">Why partner with us</p>
<h2 class="section__title">Six things a generic affiliate program can’t offer.</h2>
<p class="section__lede">Because they don’t stand behind what they sell.</p>
</div>
<a id="tf-trust-prose-cells-1" data-tf-family="trust-prose-cells" style="display:contents"></a>
<div class="values-grid">
<div class="values-grid__cell">
<div class="values-grid__glyph">01</div>
<h3 class="values-grid__title">Real commission.</h3>
<p class="values-grid__body">Up to 15% per sale. Cookie window: 45 days. Paid monthly, no minimums after month one.</p>
</div>
<div class="values-grid__cell">
<div class="values-grid__glyph">02</div>
<h3 class="values-grid__title">Real products to talk about.</h3>
<p class="values-grid__body">1,100+ hilts. Actual duelling-grade builds. No factory-catalogue drops.</p>
</div>
<div class="values-grid__cell">
<div class="values-grid__glyph">03</div>
<h3 class="values-grid__title">Direct human support.</h3>
<p class="values-grid__body">Your dedicated contact is a real person on our team, not a bot in a portal.</p>
</div>
<div class="values-grid__cell">
<div class="values-grid__glyph">04</div>
<h3 class="values-grid__title">Free hilts for review.</h3>
<p class="values-grid__body">Approved partners get a free hilt to review annually — for keeps, no returns required.</p>
</div>
<div class="values-grid__cell">
<div class="values-grid__glyph">05</div>
<h3 class="values-grid__title">Discount codes for your community.</h3>
<p class="values-grid__body">Custom discount code for your audience. Trackable, revocable, yours.</p>
</div>
<div class="values-grid__cell">
<div class="values-grid__glyph">06</div>
<h3 class="values-grid__title">We’re selective.</h3>
<p class="values-grid__body">We check credentials. That means when you get accepted, it means something.</p>
</div>
</div>
</div>
</section>
<!-- ===== 4. HOW IT WORKS — 3-stage editorial (patterned G) ===== -->
<section class="section section--void section--patterned-g">
<div class="section__mask" aria-hidden="true"></div>
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">How it works</p>
<h2 class="section__title section__title--md">Three steps. One partnership.</h2>
<p class="section__lede">No portal, no bot. Every application is reviewed by a real person on our team — and every accepted partner starts with a welcome pack in their inbox the same day.</p>
</div>
<a id="tf-progress-step-strip-1" data-tf-family="progress-step-strip" style="display:contents"></a>
<div class="how-editorial">
<div class="how-editorial__step">
<div class="how-editorial__marker">
<div class="how-editorial__num">01</div>
<div class="how-editorial__connector"></div>
</div>
<div class="how-editorial__body">
<p class="how-editorial__eyebrow">Step One</p>
<h3 class="how-editorial__title">Apply.</h3>
<p class="how-editorial__copy">Fill out the form below. Tell us who you are, what you make, and where your audience is. We review within one working week.</p>
</div>
</div>
<div class="how-editorial__step">
<div class="how-editorial__marker">
<div class="how-editorial__num">02</div>
<div class="how-editorial__connector"></div>
</div>
<div class="how-editorial__body">
<p class="how-editorial__eyebrow">Step Two</p>
<h3 class="how-editorial__title">Get accepted.</h3>
<p class="how-editorial__copy">Selected partners get a welcome pack — discount code, tracking links, review hilt, and a real human contact. No portal, no bot.</p>
</div>
</div>
<div class="how-editorial__step">
<div class="how-editorial__marker">
<div class="how-editorial__num">03</div>
<div class="how-editorial__connector"></div>
</div>
<div class="how-editorial__body">
<p class="how-editorial__eyebrow">Step Three</p>
<h3 class="how-editorial__title">Get paid.</h3>
<p class="how-editorial__copy">Monthly by bank transfer or PayPal. No minimums after your first month. Statements arrive by email; income breakdowns are itemised per sale.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ===== 5. COMMISSION STRUCTURE — 4-cell tier band ===== -->
<section class="section section--charcoal-warm">
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">What you earn</p>
<h2 class="section__title section__title--sm">Straight rates. No small print.</h2>
<p class="section__lede">Every tier is transparent about the maths — the rate, the volume it kicks in at, and what it looks like on a mid-catalogue hilt.</p>
</div>
<a id="tf-product-tier-comparison-1" data-tf-family="product-tier-comparison" style="display:contents"></a>
<div class="tier-band">
<div class="tier-band__cell">
<div class="tier-band__badge">Tier 01</div>
<h3 class="tier-band__name">Padawan</h3>
<div class="tier-band__rate">
<span class="tier-band__rate-num">10</span>
<span class="tier-band__rate-unit">%</span>
</div>
<div class="tier-band__specs">
<div class="tier-band__spec">
<span class="tier-band__spec-label">Volume</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value">0–10 / mo</span>
</div>
<div class="tier-band__spec">
<span class="tier-band__spec-label">$299 × 10</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value tier-band__spec-value--ember">~$299</span>
</div>
</div>
</div>
<div class="tier-band__cell">
<div class="tier-band__badge">Tier 02</div>
<h3 class="tier-band__name">Knight</h3>
<div class="tier-band__rate">
<span class="tier-band__rate-num">12</span>
<span class="tier-band__rate-unit">%</span>
</div>
<div class="tier-band__specs">
<div class="tier-band__spec">
<span class="tier-band__spec-label">Volume</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value">11–30 / mo</span>
</div>
<div class="tier-band__spec">
<span class="tier-band__spec-label">$299 × 25</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value tier-band__spec-value--ember">~$897</span>
</div>
</div>
</div>
<div class="tier-band__cell tier-band__cell--featured">
<div class="tier-band__badge">Tier 03 · Popular</div>
<h3 class="tier-band__name">Master</h3>
<div class="tier-band__rate">
<span class="tier-band__rate-num">15</span>
<span class="tier-band__rate-unit">%</span>
</div>
<div class="tier-band__specs">
<div class="tier-band__spec">
<span class="tier-band__spec-label">Volume</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value">31+ / mo</span>
</div>
<div class="tier-band__spec">
<span class="tier-band__spec-label">$299 × 50</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value tier-band__spec-value--ember">~$2,242</span>
</div>
</div>
</div>
<div class="tier-band__cell">
<div class="tier-band__badge">Tier 04 · Bespoke</div>
<h3 class="tier-band__name">Grandmaster</h3>
<div class="tier-band__rate">
<span class="tier-band__rate-num">18</span>
<span class="tier-band__rate-unit">%</span>
</div>
<div class="tier-band__specs">
<div class="tier-band__spec">
<span class="tier-band__spec-label">Volume</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value">100+ / mo</span>
</div>
<div class="tier-band__spec">
<span class="tier-band__spec-label">Review hilts</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value tier-band__spec-value--ember">Included</span>
</div>
<div class="tier-band__spec">
<span class="tier-band__spec-label">First look at drops</span>
<span class="tier-band__spec-leader"></span>
<span class="tier-band__spec-value tier-band__spec-value--ember">Yes</span>
</div>
</div>
</div>
</div>
<p class="tier-band__note">Tiers reset monthly. Once you hit Master or Grandmaster, we lock it in for the year regardless of monthly variation.</p>
</div>
</section>
<!-- ===== 6. TESTIMONIALS ===== -->
<section class="section section--carbon">
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">Partners speak</p>
<h2 class="section__title section__title--md">Real partners. Real earnings. Real support.</h2>
</div>
<a id="tf-testimonial-1" data-tf-family="testimonial" style="display:contents"></a>
<div class="testimonial-split">
<div class="testimonial-split__card">
<div class="testimonial-split__mark">“</div>
<blockquote class="testimonial-split__quote">ARTSABERS is the only affiliate I recommend. They actually pay on time, and the hilts sell themselves.</blockquote>
<div class="testimonial-split__attribution">
<div class="testimonial-split__portrait">
<div class="testimonial-split__portrait-img"></div>
</div>
<div class="testimonial-split__meta">
<span class="testimonial-split__name">Someone</span>
<span class="testimonial-split__handle">200K IG · Partner since 2024</span>
</div>
</div>
</div>
<div class="testimonial-split__card">
<div class="testimonial-split__mark">“</div>
<blockquote class="testimonial-split__quote">I’ve done affiliate deals with three saber brands. ARTSABERS is the only one where the community actually converts.</blockquote>
<div class="testimonial-split__attribution">
<div class="testimonial-split__portrait">
<div class="testimonial-split__portrait-img"></div>
</div>
<div class="testimonial-split__meta">
<span class="testimonial-split__name">Someone Else</span>
<span class="testimonial-split__handle">YouTube 87K · Partner since 2023</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== 7. APPLICATION FORM (patterned G) ===== -->
<section class="section section--void section--patterned-g" id="apply">
<div class="section__mask" aria-hidden="true"></div>
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">Apply now</p>
<h2 class="section__title section__title--md">Tell us who you are.</h2>
<p class="section__lede">We review every application. Real people, one working week response.</p>
</div>
<a id="tf-form-1" data-tf-family="form" style="display:contents"></a>
<form class="apply-form" onsubmit="event.preventDefault();">
<fieldset class="apply-form__fieldset">
<legend class="apply-form__legend">Your Application</legend>
<div class="apply-form__grid">
<div class="apply-form__field">
<label class="apply-form__label apply-form__label-req" for="pp-name">Full name</label>
<input class="apply-form__input" type="text" id="pp-name" name="name" required placeholder="Rey Palpatine">
</div>
<div class="apply-form__field">
<label class="apply-form__label apply-form__label-req" for="pp-email">Email</label>
<input class="apply-form__input" type="email" id="pp-email" name="email" required placeholder="rey@yourdomain.com">
</div>
<div class="apply-form__field">
<label class="apply-form__label apply-form__label-req" for="pp-channel">Primary channel / platform</label>
<select class="apply-form__select" id="pp-channel" name="channel" required>
<option value="">Select one</option>
<option>Instagram</option>
<option>YouTube</option>
<option>TikTok</option>
<option>Twitch</option>
<option>Blog</option>
<option>Podcast</option>
<option>Event</option>
<option>Duelling Club</option>
<option>Other</option>
</select>
</div>
<div class="apply-form__field">
<label class="apply-form__label apply-form__label-req" for="pp-url">Channel URL or handle</label>
<input class="apply-form__input" type="text" id="pp-url" name="channel_url" required placeholder="@handle or full URL">
</div>
<div class="apply-form__field">
<label class="apply-form__label" for="pp-audience">Audience size</label>
<select class="apply-form__select" id="pp-audience" name="audience_size">
<option value="">Select range</option>
<option>Under 5K</option>
<option>5K – 50K</option>
<option>50K – 500K</option>
<option>500K+</option>
<option>Live event attendance</option>
</select>
</div>
<div class="apply-form__field">
<label class="apply-form__label" for="pp-region">Primary audience region</label>
<select class="apply-form__select" id="pp-region" name="region">
<option value="">Select one</option>
<option>United States</option>
<option>Canada</option>
<option>Australia / New Zealand</option>
<option>United Kingdom & Europe</option>
<option>Global</option>
</select>
</div>
<div class="apply-form__field apply-form__field--full">
<label class="apply-form__label apply-form__label-req" for="pp-about">What you make / do</label>
<textarea class="apply-form__textarea" id="pp-about" name="about" required maxlength="500" placeholder="Tell us in a sentence or two what your channel or community is about."></textarea>
</div>
<div class="apply-form__field apply-form__field--full">
<label class="apply-form__label" for="pp-why">Why ARTSABERS</label>
<textarea class="apply-form__textarea" id="pp-why" name="why" maxlength="300" placeholder="Optional — what draws you to our catalogue in particular?"></textarea>
</div>
<label class="apply-form__consent">
<input class="apply-form__checkbox" type="checkbox" id="pp-consent" name="consent" required>
<span class="apply-form__consent-text">I agree to the <a href="#">Partner Program terms</a> and consent to ARTSABERS holding my details for the purpose of reviewing this application.</span>
</label>
<div class="apply-form__submit-row">
<button type="submit" class="btn btn--primary">Send my application →</button>
<p class="apply-form__submit-note">We review within one working week. If we accept, your welcome pack is with you the same day.</p>
</div>
</div>
</fieldset>
</form>
</div>
</section>
<!-- ===== 8. PARTNER FAQ ===== -->
<section class="section section--carbon">
<div class="section__inner">
<div class="section__head">
<p class="section__eyebrow">Partner FAQ</p>
<h2 class="section__title section__title--sm">The questions applicants ask.</h2>
</div>
<a id="tf-faq-accordion-1" data-tf-family="faq-accordion" style="display:contents"></a>
<div class="faq-accordion">
<details class="faq-accordion__item" open>
<summary>
<span>How long until I get paid after a sale?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">Monthly on the 15th, covering the previous calendar month. Bank transfer or PayPal. No minimum threshold after your first payment.</p>
</div>
</details>
<details class="faq-accordion__item">
<summary>
<span>Do I need a certain audience size to apply?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">No hard floor. We’ve accepted partners with 800 engaged followers and turned down applicants with 100K disengaged ones. What matters is that your audience trusts your recommendations and overlaps with people who buy replica sabers.</p>
</div>
</details>
<details class="faq-accordion__item">
<summary>
<span>Can I promote outside my main channel?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">Yes. Your tracking link and discount code work anywhere — secondary channels, Discord, event tabling, print. The only exclusions are paid search bidding on ARTSABERS brand terms and coupon-aggregator sites.</p>
</div>
</details>
<details class="faq-accordion__item">
<summary>
<span>What if my discount code gets shared publicly?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">It happens. If a code leaks to a coupon site or reseller feed, we’ll flag it, revoke it, and issue you a replacement — your commission history stays intact. No penalty for the leak; we’d rather fix it than argue about it.</p>
</div>
</details>
<details class="faq-accordion__item">
<summary>
<span>Do you offer free hilts for content?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">Every accepted partner gets one review hilt on join, and Master + Grandmaster tiers get an additional review hilt each year. Grandmaster partners are eligible for review units of new drops before public release. Yours to keep, no returns required.</p>
</div>
</details>
<details class="faq-accordion__item">
<summary>
<span>Can I terminate the partnership at any time?</span>
<span class="faq-accordion__chevron">+</span>
</summary>
<div class="faq-accordion__body">
<p class="faq-accordion__copy">Yes — either side, any time, no notice needed. Any commission you’ve already earned still gets paid on the next monthly cycle. We’d ask you to remove active tracking links, but there’s no clawback and no exit paperwork.</p>
</div>
</details>
</div>
</div>
</section>
<!-- ===== 9. NEWSLETTER (MAS73 canonical treatment) ===== -->
<a id="tf-newsletter-signup-1" data-tf-family="newsletter-signup" style="display:contents"></a>
<section class="capture">
<div class="container">
<div class="capture__inner">
<div class="capture__copy">
<div class="capture__eyebrow">◆ Join the comms</div>
<h2 class="capture__title">From factory floor<br>to your inbox.</h2>
<p class="capture__sub">Get 10% off your first saber, plus early access to new drops, ARTSABERS Exclusives, and the workshop pieces that never make it to the public catalogue.</p>
</div>
<div class="capture__form">
<span class="capture__form-lbl">Comms · Signal In</span>
<input class="capture__form-input" type="email" placeholder="your@email.com">
<button class="capture__form-cta">Open the signal →</button>
<span class="capture__form-fine">One drop a week. Unsubscribe with one click. We never share your details.</span>
</div>
</div>
</div>
</section>
<!-- ===== 10. SITE FOOTER ===== -->
<footer class="site-footer">
<div class="site-footer__inner">
<div class="site-footer__top">
<div class="site-footer__brand">
<div class="site-footer__brand-line">
<span class="site-header__brand-mark">A</span>
<span>ARTSABERS</span>
</div>
<p class="site-footer__tagline">“From factory floor to your door.”</p>
<p style="font-size:12px; color: var(--chrome-dim); line-height:1.6; max-width: 280px;">Star Wars-inspired replica sabers — every character, every Saber Core, every duelling grade. Global delivery in 7–10 days.</p>
</div>
<div>
<h4 class="site-footer__col-title">Shop</h4>
<ul class="site-footer__list">
<li><a href="#" class="site-footer__link">Lightsabers</a></li>
<li><a href="#" class="site-footer__link">Cosplay Helmets</a></li>
<li><a href="#" class="site-footer__link">Parts & Accessories</a></li>
<li><a href="#" class="site-footer__link">Bundles</a></li>
<li><a href="#" class="site-footer__link">Offers & Deals</a></li>
</ul>
</div>
<div>
<h4 class="site-footer__col-title">Explore</h4>
<ul class="site-footer__list">
<li><a href="#" class="site-footer__link">Saber Core Tiers</a></li>
<li><a href="#" class="site-footer__link">Character Index</a></li>
<li><a href="#" class="site-footer__link">Duelling Grades</a></li>
<li><a href="#" class="site-footer__link">ARTSABERS Exclusive</a></li>
</ul>
</div>
<div>
<h4 class="site-footer__col-title">Support</h4>
<ul class="site-footer__list">
<li><a href="#" class="site-footer__link">Contact Us</a></li>
<li><a href="#" class="site-footer__link">Delivery & Returns</a></li>
<li><a href="#" class="site-footer__link">Warranty</a></li>
<li><a href="#" class="site-footer__link">XenoConfigurator App</a></li>
<li><a href="#" class="site-footer__link">FAQ</a></li>
</ul>
</div>
<div>
<h4 class="site-footer__col-title">The Brand</h4>
<ul class="site-footer__list">
<li><a href="#" class="site-footer__link">About ARTSABERS</a></li>
<li><a href="#" class="site-footer__link">Partner Program</a></li>
<li><a href="#" class="site-footer__link">Wholesale</a></li>
<li><a href="#" class="site-footer__link">Sister brand: Saber 66</a></li>
</ul>
</div>
</div>
<div class="site-footer__bottom">
<p class="site-footer__legal">© 2026 ARTSABERS · A Nerdworks brand · Star Wars is a trademark of Lucasfilm Ltd.</p>
<div class="site-footer__legal-links">
<a href="#">Terms</a>
<a href="#">Privacy</a>
<a href="#">Cookies</a>
</div>
</div>
</div>
</footer>
</body>
</html>