*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img, picture, svg { display: block; max-width: 100%; height: auto; }
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; } :root {
--c-bg:        #111111;
--c-bg-2:      #1a1a1a;
--c-bg-3:      #0a0a0a;
--c-surface:   #222222;
--c-border:    #333333;
--c-text:      #ffffff;
--c-text-2:    #d1d5db;
--c-text-3:    #9ca3af;
--c-text-4:    #6b7280;
--c-text-mute: #444444;
--c-brand:     #ff5500;
--c-brand-2:   #ff8800;
--c-brand-hov: #e04b00;
--c-brand-act: #cc4400;
--c-yellow:    #ffd700;
--c-yellow-2:  #facc15;
--c-red:       #dc2626;
--c-green:     #4ade80;
--r-sm: 4px;
--r-md: 6px;
--r-lg: 8px;
--r-xl: 12px;
--font-body:    'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
--font-display: 'Anton', 'Inter', system-ui, sans-serif;
} body {
font-family: var(--font-body);
background-color: var(--c-bg);
color: var(--c-text);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.feb-lp h1, .feb-lp h2, .feb-lp h3,
.feb-lp .headline {
font-family: var(--font-display);
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 400;
line-height: 1.1;
margin: 0;
}
.feb-lp h1 { font-size: clamp(2rem, 6vw, 3.75rem); }
.feb-lp h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); }
.feb-lp h3 { font-size: clamp(1.125rem, 2.5vw, 1.5rem); font-weight: 700; }
.feb-lp p { margin: 0; }
.feb-accent { color: var(--c-brand); }
.feb-muted  { color: var(--c-text-3); }
.feb-uppercase { text-transform: uppercase; letter-spacing: 0.05em; } .feb-section {
padding: 3rem 1rem;
}
.feb-section--alt { background-color: var(--c-bg-2); }
.feb-section--deep { background-color: var(--c-bg-3); border-block: 1px solid #222; }
.feb-section--gradient {
background: linear-gradient(to bottom, var(--c-bg-2), var(--c-bg));
}
.feb-container { width: 100%; max-width: 56rem; margin-inline: auto; }
.feb-container--sm { max-width: 48rem; }
.feb-container--xs { max-width: 36rem; }
.feb-stack > * + * { margin-top: var(--stack, 1.5rem); }
.feb-stack-tight > * + * { margin-top: 1rem; } .feb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1rem 1.5rem;
font-weight: 900;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: var(--r-sm);
transition: transform .2s, background-color .2s, box-shadow .2s;
box-shadow: 0 8px 16px -8px rgba(0,0,0,0.5);
text-align: center;
line-height: 1.2;
}
.feb-btn:hover { transform: scale(1.03); }
.feb-btn:active { transform: scale(0.98); }
.feb-btn--primary {
background-color: var(--c-brand);
color: #fff;
}
.feb-btn--primary:hover { background-color: var(--c-brand-act); }
.feb-btn--secondary {
background-color: var(--c-yellow-2);
color: #000;
}
.feb-btn--secondary:hover { background-color: var(--c-yellow); }
.feb-btn--outline {
background: transparent;
color: var(--c-brand);
border: 2px solid var(--c-brand);
font-size: 0.875rem;
padding: 0.875rem 1.25rem;
}
.feb-btn--outline:hover { background-color: var(--c-brand); color: #fff; }
.feb-btn--full { display: flex; width: 100%; }
.feb-btn--pulse { animation: feb-pulse 2s infinite; }
.feb-btn--xl {
flex-direction: column;
padding: 1.5rem;
font-size: 1.125rem;
}
.feb-btn--xl small {
font-size: 0.75rem;
font-weight: 400;
opacity: 0.85;
text-transform: none;
letter-spacing: 0;
}
@media (min-width: 768px) {
.feb-btn--xl { flex-direction: row; }
}
@keyframes feb-pulse {
0%, 100% { opacity: 1; }
50% { opacity: .85; }
} .feb-form { display: grid; gap: 1.25rem; text-align: left; }
.feb-form-card {
background-color: var(--c-bg);
border: 1px solid #222;
border-radius: var(--r-lg);
padding: 2rem 1.5rem;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4);
}
.feb-form-header { text-align: center; margin-bottom: 2rem; }
.feb-form-header h3 { color: var(--c-text); margin-bottom: 0.5rem; }
.feb-form-header p { color: var(--c-text-3); font-size: 0.875rem; }
.feb-label {
display: block;
color: var(--c-text-4);
font-weight: 500;
font-size: 0.875rem;
margin-bottom: 0.375rem;
}
.feb-input {
display: block;
width: 100%;
background-color: #090909;
border: 1px solid var(--c-border);
color: #e5e5e5;
padding: 0.875rem 1rem;
border-radius: var(--r-md);
font-size: 0.9375rem;
line-height: 1.5;
transition: border-color .2s, background-color .2s;
}
.feb-input::placeholder { color: var(--c-text-mute); }
.feb-input:focus {
outline: none;
border-color: var(--c-brand);
background-color: #050505;
}
select.feb-input { cursor: pointer; appearance: none; padding-right: 2.5rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
}
.feb-submit {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
background-color: var(--c-brand);
color: #fff;
font-weight: 800;
font-size: 1rem;
text-transform: uppercase;
border-radius: var(--r-md);
padding: 1.125rem;
margin-top: 0.625rem;
letter-spacing: 0.05em;
transition: background-color .2s, transform .2s;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}
.feb-submit:hover:not(:disabled) { background-color: var(--c-brand-hov); transform: translateY(-1px); }
.feb-submit:active { transform: translateY(0); }
.feb-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.feb-honeypot { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.feb-form-error { color: #f87171; font-size: 0.875rem; text-align: center; margin-top: 0.5rem; }
.feb-form-fineprint { text-align: center; font-size: 0.75rem; color: #525252; margin-top: 0.5rem; }
.feb-form-fineprint a { text-decoration: underline; } .feb-modal {
position: fixed;
inset: 0;
z-index: 50;
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
}
.feb-modal[open] { display: flex; }
.feb-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.9);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.feb-modal-content {
position: relative;
z-index: 10;
width: 100%;
max-width: 32rem;
max-height: 90vh;
overflow-y: auto;
background-color: var(--c-bg);
border: 1px solid var(--c-border);
border-radius: var(--r-lg);
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
animation: feb-fade-up 0.3s ease-out;
padding: 0.25rem;
}
.feb-modal-close {
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
color: #d1d5db;
background-color: var(--c-surface);
border: 1px solid #444;
border-radius: 9999px;
transition: color .2s, background-color .2s;
}
.feb-modal-close:hover { color: #fff; background-color: rgba(220,38,38,0.2); }
body.feb-lock { overflow: hidden; }
@keyframes feb-fade-up {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
} .feb-carousel {
position: relative;
width: 100%;
max-width: 42rem;
margin-inline: auto;
aspect-ratio: 3 / 2;
border-radius: var(--r-xl);
overflow: hidden;
border: 2px solid var(--c-border);
background: #000;
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
touch-action: pan-y;
}
.feb-carousel-track {
display: flex;
width: 100%;
height: 100%;
transition: transform 0.4s ease;
}
.feb-carousel-slide {
flex: 0 0 100%;
width: 100%;
height: 100%;
}
.feb-carousel-slide img {
width: 100%;
height: 100%;
object-fit: contain;
}
.feb-carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
background-color: rgba(0,0,0,0.5);
color: #fff;
border-radius: 9999px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
transition: background-color .2s;
}
.feb-carousel-btn:hover { background-color: var(--c-brand); }
.feb-carousel-btn--prev { left: 0.5rem; }
.feb-carousel-btn--next { right: 0.5rem; }
.feb-carousel-dots {
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
display: flex;
justify-content: center;
gap: 0.5rem;
z-index: 20;
pointer-events: none;
}
.feb-carousel-dot {
height: 0.375rem;
width: 0.375rem;
border-radius: 9999px;
background-color: rgba(255,255,255,0.5);
transition: width 0.3s, background-color 0.3s;
}
.feb-carousel-dot--active {
background-color: var(--c-brand);
width: 1.5rem;
} .feb-accordion { display: grid; gap: 1rem; }
.feb-accordion-item {
background-color: var(--c-bg-2);
border: 1px solid var(--c-border);
border-radius: var(--r-lg);
overflow: hidden;
transition: border-color .3s;
}
.feb-accordion-item:hover { border-color: rgba(255,85,0,0.5); }
.feb-accordion-trigger {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
text-align: left;
font-weight: 700;
font-size: 1.125rem;
color: var(--c-text);
}
.feb-accordion-trigger::before {
content: "?";
color: var(--c-brand);
font-weight: 700;
margin-right: 0.75rem;
}
.feb-accordion-icon {
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
color: var(--c-brand);
transition: transform 0.3s;
}
.feb-accordion-item[data-open="true"] .feb-accordion-trigger { color: var(--c-brand); }
.feb-accordion-item[data-open="true"] .feb-accordion-icon { transform: rotate(180deg); }
.feb-accordion-panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease;
}
.feb-accordion-item[data-open="true"] .feb-accordion-panel { grid-template-rows: 1fr; }
.feb-accordion-panel > div {
overflow: hidden;
}
.feb-accordion-content {
padding: 0 1.25rem 1.25rem;
color: var(--c-text-3);
font-size: 0.9375rem;
line-height: 1.6;
border-top: 1px solid rgba(51,51,51,0.5);
margin-top: 0.5rem;
padding-top: 1rem;
} .feb-card {
background-color: var(--c-bg);
padding: 1.25rem;
border-radius: var(--r-lg);
border-left: 4px solid var(--c-red);
display: flex;
align-items: flex-start;
gap: 1rem;
}
.feb-card-icon {
flex-shrink: 0;
color: var(--c-red);
margin-top: 0.25rem;
}
.feb-card h3 { font-family: var(--font-body); font-size: 1.125rem; font-weight: 700; text-transform: none; letter-spacing: 0; margin-bottom: 0.25rem; }
.feb-card p { color: var(--c-text-3); line-height: 1.4; font-size: 0.9375rem; }
.feb-step {
position: relative;
background: #000;
padding: 1rem;
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
display: flex;
align-items: flex-start;
gap: 1rem;
overflow: hidden;
}
.feb-step-number {
position: absolute;
top: 0;
right: 0;
padding: 1rem;
font-size: 4rem;
font-weight: 900;
color: rgba(255,255,255,0.1);
font-family: var(--font-display);
line-height: 1;
}
.feb-step-icon {
background-color: var(--c-brand);
color: #fff;
padding: 0.75rem;
border-radius: 9999px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.feb-step-body { z-index: 1; }
.feb-step h3 { font-family: var(--font-body); font-size: 1.125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0.5rem; }
.feb-step p { color: var(--c-text-3); font-size: 0.875rem; } .feb-divider { border: none; border-top: 1px solid var(--c-border); margin: 0; }
.feb-center { text-align: center; }
.feb-grid { display: grid; gap: 1rem; }
.feb-grid-2 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .feb-grid-md-3 { grid-template-columns: repeat(3, 1fr); } }
.feb-flex { display: flex; }
.feb-flex-col { flex-direction: column; }
.feb-items-center { align-items: center; }
.feb-justify-center { justify-content: center; }
.feb-gap-2 { gap: 0.5rem; }
.feb-gap-4 { gap: 1rem; }
.feb-mt-4 { margin-top: 1rem; }
.feb-mt-8 { margin-top: 2rem; }
.feb-mb-4 { margin-bottom: 1rem; }
.feb-mb-6 { margin-bottom: 1.5rem; }
.feb-mb-8 { margin-bottom: 2rem; }
.feb-mb-10 { margin-bottom: 2.5rem; } .feb-lp ::selection {
background-color: var(--c-brand);
color: #fff;
}