/** Shopify CDN: Minification failed
Line 190:2 Unexpected "<"
**/
/* ── Inner page hero ── */
.page-hero {
background: var(--clr-dark);
padding: calc(64px + var(--sp-16)) 0 var(--sp-16);
color: var(--clr-white);
position: relative;
overflow: hidden;
}
.page-hero::before {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(137,230,142,.12) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}
.page-hero::after {
content: '';
position: absolute;
width: 600px; height: 500px;
background: radial-gradient(ellipse, rgba(137,230,142,.13) 0%, transparent 70%);
top: 50%; right: 0;
transform: translateY(-50%);
pointer-events: none;
}
.page-hero__inner {
position: relative; z-index: 1;
display: grid;
grid-template-columns: 1fr;
gap: var(--sp-10);
align-items: center;
}
@media (min-width: 1024px) {
.page-hero__inner { grid-template-columns: 1fr 520px; }
}
.page-hero__breadcrumb {
display: flex;
align-items: center;
gap: .4rem;
font-size: var(--text-xs);
font-weight: var(--font-medium);
color: var(--clr-grey-500);
margin-bottom: var(--sp-6);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
}
.page-hero__breadcrumb a { color: var(--clr-grey-500); transition: color var(--ease-fast); }
.page-hero__breadcrumb a:hover { color: var(--clr-primary); }
.page-hero__breadcrumb-sep { color: var(--clr-grey-600); }
.page-hero__breadcrumb-current { color: var(--clr-primary); }
.page-hero__title {
font-size: var(--text-3xl);
font-weight: var(--font-black);
line-height: 1.1;
letter-spacing: var(--tracking-tight);
margin-bottom: var(--sp-5);
}
@media (min-width: 768px) { .page-hero__title { font-size: var(--text-4xl); } }
@media (min-width: 1024px) { .page-hero__title { font-size: var(--text-5xl); } }
.page-hero__title-accent {
background: linear-gradient(135deg, #89e68e 0%, #5cc463 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: block;
}
.page-hero__lead {
font-size: var(--text-lg);
color: var(--clr-grey-400);
line-height: var(--leading-relaxed);
margin-bottom: var(--sp-6);
max-width: 680px;
}
.page-hero__stats { display: flex; flex-wrap: wrap; gap: var(--sp-6) var(--sp-10); }
.page-hero__stat-value {
display: block;
font-size: var(--text-2xl);
font-weight: var(--font-black);
color: var(--clr-primary);
letter-spacing: var(--tracking-tight);
}
.page-hero__stat-label {
font-size: var(--text-xs);
color: var(--clr-grey-500);
font-weight: var(--font-medium);
text-transform: uppercase;
letter-spacing: var(--tracking-wider);
}
/* ── Timeline ── */
.timeline { display: flex; flex-direction: column; }
.timeline__item {
display: grid;
grid-template-columns: 76px 1fr;
gap: var(--sp-6);
padding-bottom: var(--sp-8);
}
.timeline__item:last-child { padding-bottom: 0; }
.timeline__year-col { display: flex; flex-direction: column; align-items: center; gap: var(--sp-2); }
.timeline__year {
font-size: var(--text-sm);
font-weight: var(--font-black);
color: var(--clr-primary-text);
background: var(--clr-primary-muted);
padding: var(--sp-1) var(--sp-3);
border-radius: var(--r-full);
white-space: nowrap;
}
.timeline__line {
flex: 1;
width: 2px;
background: linear-gradient(to bottom, var(--clr-primary), rgba(137,230,142,.08));
min-height: 32px;
}
.timeline__item:last-child .timeline__line { display: none; }
.timeline__content { padding-top: var(--sp-1); }
.timeline__heading {
font-size: var(--text-xl);
font-weight: var(--font-bold);
color: var(--clr-dark);
margin-bottom: var(--sp-3);
}
.timeline__text { font-size: var(--text-base); color: var(--clr-grey-700); line-height: var(--leading-relaxed); }
/* ── Metric table (dark) ── */
.metric-table-wrap {
overflow-x: auto;
border-radius: var(--r-xl);
border: 1px solid rgba(255,255,255,.06);
margin-top: var(--sp-6);
}
.metric-table { width: 100%; font-size: var(--text-sm); min-width: 480px; }
.metric-table thead { background: rgba(137,230,142,.07); }
.metric-table th {
padding: var(--sp-4) var(--sp-5);
font-size: var(--text-xs);
font-weight: var(--font-bold);
letter-spacing: var(--tracking-wider);
text-transform: uppercase;
color: var(--clr-grey-400);
text-align: left;
}
.metric-table td {
padding: var(--sp-4) var(--sp-5);
border-bottom: 1px solid rgba(255,255,255,.04);
color: var(--clr-grey-300);
line-height: var(--leading-relaxed);
}
.metric-table tr:last-child td { border-bottom: 0; }
.metric-table td:first-child { font-weight: var(--font-semibold); color: var(--clr-white); }
.metric-table td:nth-child(2) { font-weight: var(--font-bold); color: var(--clr-primary); }
/* ── Verify identity list ── */
.verify-list { display: flex; flex-direction: column; gap: var(--sp-3); margin-top: var(--sp-6); }
.verify-item { display: flex; align-items: flex-start; gap: var(--sp-3); font-size: var(--text-sm); color: var(--clr-grey-300); line-height: var(--leading-relaxed); }
.verify-item__mark { flex-shrink: 0; font-size: 14px; margin-top: 1px; }
/* ── Not-list (what we are not) ── */
.not-list { display: flex; flex-direction: column; gap: var(--sp-3); margin-top: var(--sp-5); }
.not-list__item { display: flex; align-items: flex-start; gap: var(--sp-3); font-size: var(--text-base); color: var(--clr-grey-700); line-height: var(--leading-relaxed); }
.not-list__icon {
flex-shrink: 0;
width: 20px; height: 20px;
background: #fee2e2;
border-radius: var(--r-full);
display: flex; align-items: center; justify-content: center;
font-size: 11px;
margin-top: 2px;
}
/* ── Why choose us reasons ── */
.reason-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px; height: 32px;
background: rgba(137,230,142,.12);
border-radius: var(--r-full);
font-size: var(--text-sm);
font-weight: var(--font-black);
color: var(--clr-primary);
flex-shrink: 0;
margin-bottom: var(--sp-3);
}