Latest Brand System
Extracted from the current full stacked landing page and converted into a reusable website style guide like your reference dashboard.
Core Feel
Black espresso luxury, champagne gold, editorial beauty education, glass CTAs, soft glow, rounded panels, and premium lash academy positioning.
Conversion Logic
Every major section supports authority, desire, proof, curriculum clarity, application intent, and urgency without making the page feel cheap.
Production Use
Built for GoHighLevel/Elementor HTML blocks. Copy components individually or use the full code tab as the master source.
Recommended Page Order
Header → Hero → Featured Trust → License Pills → Founder Authority → Reviews → Video Proof → Curriculum → Agenda → Application Popup/Form → FAQ → Footer.
Design JSON
Portable token map for designers, developers, and future page builds.
limitlashes-latest-style-guide.json
{
"brand": {
"name": "Limitlashes™",
"subBrand": "Limitlashes™ Academy",
"founder": "Cosmina Esanu",
"coreOffer": "Luxury lash training for artists who want premium standards, stronger retention, cleaner sets, confidence, and higher pricing power.",
"voice": [
"luxury editorial",
"premium education",
"direct",
"feminine authority",
"conversion-focused",
"clean and polished"
]
},
"visualSystem": {
"mood": "black espresso luxury with champagne gold, glass panels, editorial typography, soft glow, fine-line dividers, rounded cards and pill CTAs",
"designReferences": [
"Dior-style editorial spacing",
"Coca-Cola-level brand consistency",
"Apple liquid glass CTA influence",
"premium beauty academy positioning"
]
},
"colors": {
"goldPrimary": "#E7C562",
"goldSoft": "#FBEFA1",
"goldBright": "#FADD64",
"deepGold": "#C9972B",
"quoteGold": "#E7C562",
"brownText": "#4C3A00",
"black": "#060606",
"smoke": "#0A0706",
"deepEspresso": "#140C09",
"espresso": "#2C1D18",
"mocha": "#5A3A2D",
"taupe": "#E7C562",
"latte": "#E7C562",
"almond": "#E6D8C9",
"ivory": "#F5EFE8"
},
"typography": {
"display": "TheBold for uppercase hero impact; Playfair Display for editorial titles",
"script": "Pinyon Script for one luxury accent word only",
"body": "Circularregular / Inter",
"subhead": "Playfair Display italic or Cormorant Garamond italic",
"ui": "TheBold uppercase with tracked letter spacing"
},
"gradients": {
"headline": "linear-gradient(180deg,#f7e9a8 0%,#E7C562 38%,#c99a2e 72%,#f8e9a2 100%)",
"button": "linear-gradient(115deg,#b8860b 0%,#E7C562 22%,#fff1a8 46%,#d9b24d 68%,#f9e98f 84%,#c6921e 100%)",
"panel": "linear-gradient(180deg,rgba(20,10,7,.96) 0%,rgba(9,5,4,.99) 100%)",
"glass": "linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.015) 100%)"
},
"radius": {
"card": "24px-34px",
"pill": "9999px",
"image": "22px-30px"
},
"shadows": {
"luxPanel": "0 26px 70px rgba(0,0,0,.5)",
"goldGlow": "0 0 26px rgba(231,197,98,.18)",
"cta": "0 14px 34px rgba(0,0,0,.34)"
},
"components": [
"fixed luxury nav",
"language dropdown",
"video hero",
"primary gold stacked CTA",
"secondary liquid glass CTA",
"micro trust pills",
"featured logo strip",
"license pills",
"founder authority card",
"review cards",
"video proof cards",
"curriculum cards",
"agenda flow",
"application popup/form",
"footer"
],
"languageEngine": {
"languages": [
"en",
"es",
"pt",
"zh"
],
"pattern": "body[data-lang] controls .lang-en, .lang-es, .lang-pt, .lang-zh visibility",
"fallback": "English"
},
"assemblyOrder": [
"Header",
"Hero + Featured Trust",
"Licensing Strip",
"Founder Authority",
"Reviews",
"Video Proof",
"Curriculum",
"Agenda",
"Application / Popup",
"FAQ",
"Footer"
]
}
Color Palette
The latest landing page color matrix: smoke-black base, espresso panels, champagne gold hierarchy, ivory copy, and Limitlashes™ gold support text.
Black
#050302
Smoke
#0A0706
Deep Espresso
#140C09
Espresso
#2C1D18
Mocha
#5A3A2D
Gold Primary
#E7C562
Soft Gold
#FBEFA1
Bright Gold
#FADD64
Quote Gold
#E7C562
Brand Gold
#E7C562
Gold Accent
#E7C562
Ivory
#F5EFE8
Typography
Use fewer fonts per section. The premium look comes from contrast, spacing, and restraint.
Display
Industry leaders in the making.
Use Playfair Display for editorial authority titles.
Impact
Training. Premium Results.
Use TheBold for high-impact hero lines and UI labels.
Script Accent
Luxury
Use Pinyon Script for one emotional accent word only.
Body + Subhead
Premium standards. Real results.
Use Circularregular/Inter for body copy and Cormorant/Playfair italic for premium quotes.
Assets
Main visual assets pulled from the landing page.
Header Logo
Use fixed nav. Desktop: 180–300px depending on layout. Mobile: 120–180px.
Featured Logos
Use white/inverted inside hero below micro-trust.
Satisfaction Badge
Use inside the scroll-to-discover/trust section.
Components
Core UI pieces from the latest landing page.
Trust Pills
Limited Seats Hands-On Training
Use directly below CTAs and inside proof areas.
License Pills
Use two authority pills: Board of Mass. License #7080417 and Lash Trainer License #333-HS-11.
Section Library
Representative copy-ready blocks extracted from the latest full landing page. Use the Full Code tab for the complete source.
LIMITLASHES™️ – HEADER (GHL SPLIT BLOCK 1) – FULL LOGO LOCKUP VERSION
<!-- =========================
LIMITLASHES™️ – HEADER (GHL SPLIT BLOCK 1) – FULL LOGO LOCKUP VERSION
Paste into: 1. HEADER
========================= -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<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=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&family=Pinyon+Script&display=swap" rel="stylesheet">
<style>
/* =========================================
01. BRAND TOKENS & COLOR MATRIX
========================================= */
:root {
--ll-gold1: #E7C562;
--ll-gold2: #FBEFA1;
--ll-gold3: #FADD64;
--ll-brown: #4C3A00;
--ll-black: #060606;
--espresso: #2C1D18;
--deep-espresso: #140C09;
--mocha: #5A3A2D;
--taupe: #E7C562;
--latte: #E7C562;
--almond: #E6D8C9;
--ivory: #F5EFE8;
--smoke: #0a0706;
--line-light: rgba(255, 242, 179, 0.12);
--line-dark: rgba(231, 197, 98, 0.25);
--lux-gradient: linear-gradient(135deg, var(--ll-gold2) 0%, var(--ll-gold1) 50%, var(--taupe) 100%);
--button-gradient: linear-gradient(180deg, var(--ll-gold2) 0%, var(--ll-gold1) 100%);
--glass-bg: rgba(20, 12, 9, 0.4);
--card-gradient: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
--radius-card: 24px;
--radius-pill: 9999px;
--shadow-lux: 0 24px 70px rgba(0,0,0,0.6);
}
/* =========================================
02. BRAND FONTS
========================================= */
@font-face {
font-family: 'Circularregular';
src: url('https://cdn.courses.apisystem.tech/memberships/eGfzeXUA7dtQ6d3Y68hk/post-materials/d11086be-8159-4099-bc5a-c0263fc252c8/Gilroy-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'TheBold';
src: url('https://cdn.courses.apisystem.tech/memberships/eGfzeXUA7dtQ6d3Y68hk/post-materials/d11086be-8159-4099-bc5a-c0263fc252c8/THEBOLDFONT--1-.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* =========================================
03. GLOBAL SAFETY
========================================= */
body {
font-family: 'Circularregular', 'Inter', sans-serif !important;
background-color: var(--smoke);
color: var(--ivory);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
.font-display {
font-family: 'TheBold', sans-serif;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.font-editorial {
font-family: 'Playfair Display', serif;
font-style: italic;
}
.font-script {
font-family: 'Pinyon Script', cursive;
font-weight: 400;
line-height: 0.8;
}
.font-sans-bold {
font-family: 'TheBold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.headline-gradient {
background: var(--lux-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
/* =========================================
04. LANGUAGE ENGINE
========================================= */
.lang-content {
display: none;
}
body[data-lang="en"] .lang-en { display: block; }
body[data-lang="es"] .lang-es { display: block; }
body[data-lang="pt"] .lang-pt { display: block; }
body[data-lang="zh"] .lang-zh { display: block; }
body[data-lang="en"] span.lang-en,
body[data-lang="es"] span.lang-es,
body[data-lang="pt"] span.lang-pt,
body[data-lang="zh"] span.lang-zh {
display: inline;
}
/* =========================================
05. HEADER UI COMPONENTS
========================================= */
.lux-nav {
background:
linear-gradient(180deg, rgba(10, 7, 6, 0.90) 0%, rgba(10, 7, 6, 0.82) 100%);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-bottom: 1px solid var(--line-light);
box-shadow:
0 10px 40px rgba(0,0,0,0.5),
inset 0 -1px 0 rgba(255,255,255,0.02);
transition: all 0.3s ease;
}
.ll-header-inner {
position: relative;
}
.ll-header-inner::after {
content: "";
position: absolute;
inset: auto 0 -1px 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.18) 50%, transparent 100%);
pointer-events: none;
opacity: 0.55;
}
.interactive-squircle {
border-radius: var(--radius-pill);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
cursor: pointer;
}
.smokey-golden-edge {
background: linear-gradient(135deg, rgba(44,29,24,0.95), rgba(20,12,9,0.98));
color: var(--ivory);
border: 1px solid rgba(231, 197, 98, 0.22);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.08),
0 0 15px rgba(231, 197, 98, 0.12),
0 0 5px rgba(231, 197, 98, 0.04);
}
.smokey-golden-edge:hover {
border-color: rgba(231, 197, 98, 0.5);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.15),
0 0 24px rgba(231, 197, 98, 0.18);
transform: translateY(-1px);
}
.glow-edge-primary {
background: var(--button-gradient);
color: var(--ll-brown);
border: 1px solid rgba(255,255,255,0.42);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.7),
0 12px 30px rgba(0,0,0,0.4),
0 0 20px rgba(231, 197, 98, 0.25);
transition: all 0.3s ease;
}
.glow-edge-primary:hover {
transform: translateY(-2px);
filter: brightness(1.08);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.9),
0 15px 35px rgba(0,0,0,0.5),
0 0 35px rgba(250, 221, 100, 0.4);
}
.nav-matrix-container {
background: rgba(15, 10, 8, 0.72);
border: 1px solid rgba(255,255,255,0.05);
border-radius: var(--radius-pill);
padding: 4px 6px;
display: flex;
align-items: center;
gap: 6px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}
.matrix-icon {
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: var(--taupe);
text-decoration: none;
flex-shrink: 0;
}
.matrix-icon:hover {
background: rgba(231, 197, 98, 0.1);
color: var(--ll-gold1);
box-shadow: inset 0 0 0 1px rgba(231, 197, 98, 0.25);
}
/* =========================================
06. FULL LOGO LOCKUP
========================================= */
.ll-header-logo-wrap {
display: flex;
align-items: center;
min-width: 0;
flex-shrink: 0;
}
.ll-header-full-logo {
width: 180px;
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
filter: drop-shadow(0 0 24px rgba(231, 197, 98, 0.08));
}
/* =========================================
07. CENTER NAV LINKS
========================================= */
.ll-nav-links {
position: relative;
}
.ll-nav-link {
position: relative;
text-decoration: none;
color: rgba(245,239,232,0.9);
transition: color 0.25s ease, opacity 0.25s ease;
padding-bottom: 8px;
font-family: 'TheBold', sans-serif;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
white-space: nowrap;
}
.ll-nav-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: linear-gradient(90deg, var(--ll-gold1), transparent 95%);
transition: width 0.28s ease;
}
.ll-nav-link:hover {
color: var(--ll-gold2);
}
.ll-nav-link:hover::after {
width: 100%;
}
/* =========================================
08. LANGUAGE DROPDOWN
========================================= */
.lang-dropdown-content {
display: none;
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 220px;
background: rgba(20, 12, 9, 0.97);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid var(--line-light);
border-radius: 18px;
padding: 0.75rem;
box-shadow: 0 18px 40px rgba(0,0,0,0.55);
z-index: 99999;
}
.lang-dropdown-content.is-open {
display: block;
}
.lang-option {
display: block;
width: 100%;
text-align: left;
padding: 0.95rem 1rem;
font-size: 0.95rem;
color: var(--ivory);
border-radius: 12px;
transition: background 0.2s ease, color 0.2s ease;
background: transparent;
border: none;
cursor: pointer;
font-family: 'Circularregular', 'Inter', sans-serif;
}
.lang-option:hover {
background: rgba(231, 197, 98, 0.12);
color: var(--ll-gold2);
}
/* =========================================
09. CTA LA
LIMITLASHES™️ – HERO + FEATURED STRIP (FINAL POLISHED V2) FIXES: 1) Reduced space between header and hero title 2) Added
<!-- =========================
LIMITLASHES™️ – HERO + FEATURED STRIP (FINAL POLISHED V2)
FIXES:
1) Reduced space between header and hero title
2) Added delicate fading fine-lines around "Luxury"
3) Two hero buttons like reference
4) Moved "Scroll to Discover" into Featured section
========================= -->
<style>
/* =========================================
HERO-ONLY STYLES
========================================= */
.ll-hero-section {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
overflow: hidden;
background: #000;
}
.ll-hero-video {
transform: scale(1.03);
filter: contrast(1.08) saturate(0.62) brightness(0.82);
}
.hero-overlay {
background:
radial-gradient(circle at 50% 22%, rgba(231,197,98,0.07) 0%, transparent 34%),
radial-gradient(circle at 18% 78%, rgba(255,255,255,0.03) 0%, transparent 24%),
linear-gradient(180deg, rgba(6,6,6,0.28) 0%, rgba(10,7,6,0.62) 44%, rgba(10,7,6,0.88) 78%, var(--smoke) 100%);
}
.ll-hero-vignette {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(6,6,6,0.35) 0%, transparent 20%, transparent 80%, rgba(6,6,6,0.35) 100%);
z-index: 11;
pointer-events: none;
}
.ll-hero-glow {
position: absolute;
width: 520px;
height: 520px;
border-radius: 999px;
background: radial-gradient(circle, rgba(231,197,98,0.08) 0%, transparent 68%);
filter: blur(18px);
z-index: 12;
pointer-events: none;
}
.ll-hero-glow.one {
top: 8%;
left: -8%;
}
.ll-hero-glow.two {
bottom: 8%;
right: -8%;
}
/* FIXED: reduced gap below header */
.ll-hero-safe-top {
padding-top: 80px;
}
/* FIXED: align content higher instead of dead-center */
.ll-hero-inner {
width: 100%;
max-width: 1440px;
margin: 0 auto;
min-height: calc(100vh - 0px);
display: flex;
align-items: flex-start;
justify-content: center;
text-align: center;
padding: 42px 24px 64px;
position: relative;
z-index: 20;
}
.ll-hero-content {
width: 100%;
max-width: 1260px;
margin: 0 auto;
position: relative;
}
.ll-hero-divider {
width: 120px;
height: 1px;
margin: 0 auto 1rem;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.65) 50%, transparent 100%);
}
/* =========================================
EDITORIAL SCRIPT + FINE LINES
========================================= */
.ll-hero-script-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-bottom: 0.25rem;
}
.ll-hero-script-line {
width: min(11vw, 88px);
height: 1px;
flex-shrink: 0;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.48) 100%);
}
.ll-hero-script-line.right {
background: linear-gradient(90deg, rgba(231,197,98,0.48) 0%, transparent 100%);
}
.ll-hero-script {
font-family: 'Pinyon Script', cursive;
font-size: clamp(2.9rem, 7vw, 6rem);
line-height: 0.82;
color: var(--ll-gold1);
margin: 0;
text-shadow: 0 0 28px rgba(231,197,98,0.08);
white-space: nowrap;
}
/* =========================================
HEADLINE
========================================= */
.ll-hero-title {
margin-bottom: 0.8rem;
}
.ll-hero-title-line1 {
display: block;
font-family: 'TheBold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--ivory);
font-size: clamp(2.45rem, 8vw, 6rem);
line-height: 0.92;
margin-bottom: 0.08em;
}
.ll-hero-title-line2 {
display: block;
font-family: 'TheBold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: clamp(2.6rem, 8.8vw, 6.5rem);
line-height: 0.9;
}
.headline-gradient {
background: linear-gradient(180deg, #f7e9a8 0%, #E7C562 38%, #c99a2e 72%, #f8e9a2 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 0 0 18px rgba(231,197,98,0.06);
}
.ll-hero-sub {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: clamp(1.18rem, 3vw, 2rem);
line-height: 1.28;
color: var(--latte);
max-width: 900px;
margin: 0 auto 1.35rem;
text-shadow: 0 8px 24px rgba(0,0,0,0.28);
}
.ll-hero-copy {
max-width: 820px;
margin: 0 auto 1.75rem;
font-family: 'Circularregular', sans-serif;
font-size: clamp(0.96rem, 1.6vw, 1.08rem);
line-height: 1.75;
color: rgba(245,239,232,0.88);
}
/* =========================================
HERO BUTTONS
========================================= */
.ll-hero-buttons {
display: flex;
justify-content: center;
align-items: stretch;
gap: 18px;
flex-wrap: wrap;
margin-top: 0.35rem;
}
.ll-hero-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 340px;
min-height: 72px;
padding: 0 34px;
border-radius: 999px;
text-decoration: none;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
cursor: pointer;
}
.ll-hero-btn:hover {
transform: translateY(-2px);
}
.ll-hero-btn > span {
position: relative;
z-index: 2;
}
/* =========================================
STACKED PRIMARY CTA (2-LINE APPLY BUTTON)
========================================= */
.ll-hero-btn-stack {
min-height: 92px;
padding: 14px 34px;
}
.ll-btn-stack {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
text-align: center;
width: 100%;
}
.ll-btn-stack-main {
display: block;
font-family: 'TheBold', sans-serif;
font-size: 1rem;
line-height: 1;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #1a120d;
white-space: nowrap;
}
.ll-btn-stack-sub {
display: block;
font-family: 'Circularregular', sans-serif;
font-size: 0.9rem;
line-height: 1.05;
letter-spacing: 0.01em;
color: rgba(26,18,13,0.72);
white-space: nowrap;
}
/* GOLD PRIMARY */
.ll-hero-btn-primary{
background:linear-gradient(
135deg,
#c89b2c 0%,
#e2be55 22%,
#f4e8a3 48%,
#d9b247 72%,
#f0dc88 100%
);
border:1px solid rgba(255,240,170,.45);
box-shadow:
0 8px 24px rgba(226,190,85,.18),
inset 0 1px 0 rgba(255,255,255,.25);
}
.ll-hero-btn-primary span{
color:#1A120D !important;
}
/* =========================================
APPLE GLASS / LIQUID GLASS SECONDARY BUTTON
========================================= */
.ll-hero-btn-secondary {
position: relative;
background:
linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.015) 100%),
linear-gradient(135deg, rgba(60,35,24,0.18) 0%, rgba(20,12,9,0.14) 100%);
border: 1px solid rgba(255,255,255,0.10);
backdrop-filter: blur(18px) saturate(145%);
-webkit-backdrop-filter: blur(18px) saturate(145%);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.14),
inset 0 -1px 0 rgba(0,0,0,0.08),
0 0 0 1px rgba(231,197,98,0.06),
0 10px 28px rgba(0,0,0,0.22);
overflow: hidden;
}
/* Soft top gloss */
.ll-hero-btn-secondary::before {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
pointer-events: none;
background:
linear-gradient(180deg,
rgba(255,255,255,0.12) 0%,
rgba(255,255,255,0.05) 16%,
rgba(255,255,255,0.015) 34%,
transparent 52%,
transparent 100%);
z-index: 1;
}
/* Glass reflection sweep */
.ll-hero-btn-secondary::after {
content: "";
position: absolute;
top: 8%;
bottom: 8%;
left: -28%;
width: 34%;
border-radius: 999px;
background: linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.10) 50%,
rgba(255,255,255,0) 100%
);
transform: skewX(-18deg);
opacity: 0.45;
pointer-events: none;
z-index: 1;
}
.ll-hero-btn-secondary span {
position: relative;
z-index: 2;
color: #F2D463;
text-shadow:
0 0 10px rgba(231,197,98,0.08);
}
.ll-hero-btn-secondary > span {
position: relative;
z-index: 2;
font-family: 'TheBold', sans-serif;
font-size: 0.98rem;
letter-spacing: 0.16em;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
color: #E7C562;
text-shadow: 0 0 10px rgba(231,197,98,0.08);
}
/* Hover = slightly brighter glass */
.ll-hero-btn-secon
01. HERO SECTION
<!-- =========================================
01. HERO SECTION
========================================= -->
<section class="ll-hero-section relative min-h-screen flex items-start justify-center ll-hero-safe-top">
02. FEATURED / TRUST STRIP
<!-- =========================================
02. FEATURED / TRUST STRIP
========================================= -->
<section class="ll-featured-strip-full ll-featured-strip-shell">
<div class="ll-featured-inner">
LIMITLASHES™️ – FOUNDER / AUTHORITY BLOCK (EDITORIAL LUXURY VERSION)
<!-- =========================
LIMITLASHES™️ – FOUNDER / AUTHORITY BLOCK (EDITORIAL LUXURY VERSION)
Paste into: 3. FOUNDER / AUTHORITY
========================= -->
<style>
/* SECTION-ONLY STYLES */
.ll-founder-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 72px 0;
background: transparent;
}
.ll-founder-shell {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}
.ll-founder-panel {
position: relative;
overflow: hidden;
border-radius: 34px;
border: 1px solid rgba(231,197,98,0.18);
background:
radial-gradient(circle at 76% 12%, rgba(231,197,98,0.045) 0%, transparent 28%),
radial-gradient(circle at 18% 82%, rgba(231,197,98,0.03) 0%, transparent 30%),
linear-gradient(180deg, rgba(20,10,7,0.96) 0%, rgba(9,5,4,0.99) 100%);
box-shadow:
0 26px 70px rgba(0,0,0,0.5),
inset 0 1px 0 rgba(255,255,255,0.03);
padding: 34px;
}
.ll-founder-panel::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(135deg, rgba(255,255,255,0.018), transparent 34%, transparent 70%, rgba(231,197,98,0.025));
}
.ll-founder-grid {
display: grid;
grid-template-columns: 0.92fr 1.08fr;
gap: 34px;
align-items: center;
position: relative;
z-index: 2;
}
/* LEFT SIDE */
.ll-founder-media {
position: relative;
}
.ll-founder-img-wrap {
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
border-radius: 30px;
overflow: hidden;
border: 1px solid rgba(231,197,98,0.14);
box-shadow: 0 22px 60px rgba(0,0,0,0.55);
background: #0a0504;
}
.ll-founder-img-wrap::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.18) 100%);
}
.ll-founder-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0.98;
filter: contrast(1.04) saturate(1.02);
}
.ll-founder-credential {
position: absolute;
left: 18px;
bottom: 18px;
z-index: 3;
display: flex;
align-items: center;
gap: 12px;
width: min(88%, 320px);
padding: 14px 16px;
border-radius: 22px;
border: 1px solid rgba(231,197,98,0.18);
background:
linear-gradient(180deg, rgba(18,9,7,0.94) 0%, rgba(10,5,4,0.98) 100%);
box-shadow:
0 18px 40px rgba(0,0,0,0.48),
inset 0 1px 0 rgba(255,255,255,0.02);
backdrop-filter: blur(6px);
}
.ll-founder-credential-icon {
width: 54px;
height: 54px;
object-fit: contain;
flex-shrink: 0;
}
.ll-founder-credential-label {
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 9px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--taupe);
margin: 0 0 4px;
line-height: 1.2;
}
.ll-founder-credential-title {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: clamp(1rem, 1.2vw, 1.22rem);
line-height: 1.05;
color: var(--ll-gold1);
letter-spacing: 0.01em;
}
/* RIGHT SIDE */
.ll-founder-content {
position: relative;
z-index: 2;
}
.ll-founder-eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--taupe);
opacity: 0.96;
}
.ll-founder-eyebrow::before,
.ll-founder-eyebrow::after {
content: "";
width: 56px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(231,197,98,0.4), transparent);
flex-shrink: 0;
}
.ll-founder-title {
margin: 0 0 12px;
font-family: 'Playfair Display', serif;
font-weight: 500;
font-size: clamp(2.7rem, 5.4vw, 5.3rem);
line-height: 0.94;
letter-spacing: -0.02em;
color: var(--ivory);
}
.ll-founder-title .accent {
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 1.18em;
line-height: 0.8;
color: var(--ll-gold2);
display: inline-block;
transform: translateY(0.04em);
margin-left: 4px;
white-space: nowrap;
}
.ll-founder-sub {
margin: 0 0 16px;
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-weight: 500;
font-size: clamp(1.45rem, 2.15vw, 2.35rem);
line-height: 1.08;
color: var(--cream);
}
.ll-founder-meta {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding: 10px 14px;
border-radius: 999px;
margin-bottom: 18px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(231,197,98,0.12);
box-shadow: inset 0 0 18px rgba(231,197,98,0.02);
}
.ll-founder-meta span {
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 9px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--taupe);
line-height: 1.2;
}
.ll-founder-meta .dot {
width: 5px;
height: 5px;
border-radius: 999px;
background: rgba(231,197,98,0.5);
flex-shrink: 0;
}
.ll-founder-body {
font-family: 'Circularregular', 'Inter', sans-serif;
font-size: 1rem;
line-height: 1.8;
color: rgba(245,239,232,0.82);
margin: 0 0 22px;
max-width: 720px;
}
/* PROOF PILLS */
.ll-founder-proof {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 12px;
margin-bottom: 22px;
}
.ll-founder-proof-item {
display: flex;
align-items: center;
gap: 10px;
min-height: 58px;
padding: 14px 16px;
border-radius: 18px;
border: 1px solid rgba(231,197,98,0.1);
background:
linear-gradient(180deg, rgba(18,9,7,0.72) 0%, rgba(10,5,4,0.82) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.015);
}
.ll-founder-proof-item i {
width: 17px;
height: 17px;
color: var(--ll-gold1);
flex-shrink: 0;
}
.ll-founder-proof-item span {
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1.45;
color: var(--taupe);
}
/* FEATURE CARDS */
.ll-founder-feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 16px;
margin-bottom: 20px;
}
.ll-founder-feature-card {
position: relative;
min-height: 100%;
padding: 20px 20px 18px;
border-radius: 24px;
border: 1px solid rgba(231,197,98,0.14);
background:
linear-gradient(180deg, rgba(24,12,8,0.88) 0%, rgba(11,6,4,0.96) 100%);
box-shadow:
0 12px 34px rgba(0,0,0,0.28),
inset 0 1px 0 rgba(255,255,255,0.015);
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.ll-founder-feature-card:hover {
transform: translateY(-4px);
border-color: rgba(231,197,98,0.28);
box-shadow:
0 18px 42px rgba(0,0,0,0.34),
0 0 26px rgba(231,197,98,0.05);
}
.ll-founder-feature-icon {
margin-bottom: 12px;
}
.ll-founder-feature-icon i {
width: 24px;
height: 24px;
color: var(--ll-gold1);
}
.ll-founder-feature-title {
margin: 0 0 8px;
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 1.7vw, 2rem);
line-height: 1.04;
color: var(--ivory);
letter-spacing: -0.01em;
}
.ll-founder-feature-title .accent {
font-family: 'Pinyon Script', cursive;
font-size: 1.12em;
line-height: 0.8;
color: var(--ll-gold2);
margin-left: 4px;
display: inline-block;
transform: translateY(0.03em);
}
.ll-founder-feature-copy {
margin: 0;
font-family: 'Circularregular', 'Inter', sans-serif;
font-size: 0.94rem;
line-height: 1.7;
color: rgba(245,239,232,0.76);
}
/* MICRO TRUST ROW */
.ll-founder-mini-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.ll-founder-mini-pill {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 12px 16px;
border-radius: 999px;
border: 1px solid rgba(231,197,98,0.12);
background: rgba(255,255,255,0.02);
box-shadow: inset 0 0 18px rgba(231,197,98,0.02);
}
.ll-founder-mini-pill i {
width: 14px;
height: 14px;
color: var(--ll-gold1);
flex-shrink: 0;
}
.ll-founder-mini-pill span {
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 9px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--taupe);
line-height: 1.2;
white-space: nowrap;
}
/* RESPONSIVE */
@media (max-width: 1100px) {
.ll-founder-grid {
grid-template-columns: 1fr;
gap: 26px;
}
.ll-founder-media {
max-width: 620px;
margin: 0 auto;
width: 100%;
}
.ll-founder-content {
tex
LIMITLASHES™️ – REVIEWS / SOCIAL PROOF (FINAL POLISHED + HEADER LANGUAGE ENGINE COMPATIBLE) - FIXED
<!-- =========================
LIMITLASHES™️ – REVIEWS / SOCIAL PROOF (FINAL POLISHED + HEADER LANGUAGE ENGINE COMPATIBLE) - FIXED
Paste into: REVIEWS
========================= -->
<style>
/* =========================
SECTION WRAP
========================= */
.ll-reviews-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 100px 0 78px;
overflow: hidden;
background:
radial-gradient(circle at 16% 16%, rgba(231,197,98,0.055) 0%, transparent 30%),
radial-gradient(circle at 84% 18%, rgba(255,255,255,0.018) 0%, transparent 24%),
radial-gradient(circle at 50% 100%, rgba(231,197,98,0.03) 0%, transparent 36%),
linear-gradient(180deg, rgba(6,4,3,1) 0%, rgba(12,7,6,1) 45%, rgba(8,4,3,1) 100%);
}
.ll-reviews-wrap::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(255,255,255,0.012) 0%, transparent 14%, transparent 86%, rgba(255,255,255,0.012) 100%);
opacity: 0.55;
}
.ll-reviews-shell {
position: relative;
z-index: 2;
max-width: 1320px;
margin: 0 auto;
padding: 0 22px;
}
.ll-reviews-top {
max-width: 1020px;
margin: 0 auto 48px;
text-align: center;
}
/* =========================
LANGUAGE ENGINE (FIXED)
IMPORTANT: HIDE BOTH .lang-content AND .lang-block BY DEFAULT
========================= */
.ll-reviews-wrap .lang-content,
.ll-reviews-wrap .lang-block {
display: none !important;
}
body[data-lang="en"] .ll-reviews-wrap .lang-en.lang-content { display: inline !important; }
body[data-lang="es"] .ll-reviews-wrap .lang-es.lang-content { display: inline !important; }
body[data-lang="pt"] .ll-reviews-wrap .lang-pt.lang-content { display: inline !important; }
body[data-lang="zh"] .ll-reviews-wrap .lang-zh.lang-content { display: inline !important; }
body[data-lang="en"] .ll-reviews-wrap .lang-en.lang-block { display: block !important; }
body[data-lang="es"] .ll-reviews-wrap .lang-es.lang-block { display: block !important; }
body[data-lang="pt"] .ll-reviews-wrap .lang-pt.lang-block { display: block !important; }
body[data-lang="zh"] .ll-reviews-wrap .lang-zh.lang-block { display: block !important; }
/* Fallback if body[data-lang] is missing */
body:not([data-lang]) .ll-reviews-wrap .lang-en.lang-content { display: inline !important; }
body:not([data-lang]) .ll-reviews-wrap .lang-en.lang-block { display: block !important; }
/* =========================
EDITORIAL LABEL + FINE LINES
========================= */
.ll-reviews-label {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
margin: 0 0 18px;
}
.ll-reviews-label::before,
.ll-reviews-label::after {
content: "";
width: 74px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.5) 50%, transparent 100%);
opacity: 0.9;
}
.ll-reviews-eyebrow {
margin: 0;
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(231,197,98,0.9);
white-space: nowrap;
}
/* =========================
EDITORIAL TITLE
========================= */
.ll-reviews-title {
margin: 0 0 16px;
font-family: 'Playfair Display', serif;
font-size: clamp(2.35rem, 5vw, 5.2rem);
line-height: 0.98;
font-weight: 600;
letter-spacing: -0.025em;
color: #F8F3EE;
}
.ll-reviews-title .line-1,
.ll-reviews-title .line-2 {
display: block;
}
.ll-reviews-title .line-2 {
margin-top: 0.04em;
}
/* Luxury script accent for EN / ES / PT */
.ll-reviews-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.95em;
line-height: 0.75;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(0.06em);
background: linear-gradient(135deg, #f9efc8 0%, #E7C562 30%, #c89317 68%, #f6e8af 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
text-shadow: 0 0 24px rgba(231,197,98,0.08);
}
/* Chinese headline tuning */
.ll-reviews-title .lang-zh .line-1 {
font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'Heiti SC', sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.06;
}
.ll-reviews-title .lang-zh .line-2 {
margin-top: 0.12em;
}
/* IMPORTANT: Chinese should NOT use Pinyon Script */
.ll-reviews-title .lang-zh .accent {
font-family: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
font-weight: 700;
font-size: 0.62em;
line-height: 1.08;
letter-spacing: 0;
white-space: nowrap;
transform: none;
background: linear-gradient(135deg, #f9efc8 0%, #E7C562 32%, #c89317 70%, #f6e8af 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
text-shadow: 0 0 18px rgba(231,197,98,0.06);
}
.ll-reviews-sub {
max-width: 840px;
margin: 0 auto 14px;
font-family: 'Cormorant Garamond', 'Playfair Display', serif;
font-size: clamp(1.18rem, 1.5vw, 1.7rem);
line-height: 1.35;
font-style: italic;
font-weight: 500;
color: rgba(245,239,232,0.9);
}
.ll-section-copy {
max-width: 920px;
margin: 0 auto;
font-family: 'Circularregular', 'Inter', sans-serif;
font-size: clamp(0.98rem, 1.04vw, 1.08rem);
line-height: 1.75;
color: rgba(245,239,232,0.72);
}
/* =========================
FEATURED / TRUST PILLS
========================= */
.ll-reviews-pills {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
margin: 26px 0 0;
}
.ll-reviews-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 999px;
background:
linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.015) 100%);
border: 1px solid rgba(231,197,98,0.14);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.03),
0 10px 26px rgba(0,0,0,0.22);
font-family: 'TheBold', 'Montserrat', sans-serif;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(245,239,232,0.84);
}
.ll-reviews-pill .dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: linear-gradient(180deg, #FBEFA1 0%, #E7C562 100%);
box-shadow: 0 0 10px rgba(231,197,98,0.35);
flex-shrink: 0;
}
/* =========================
REVIEW GRID
========================= */
.ll-reviews-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin: 42px 0 36px;
}
.ll-review-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
padding: 26px;
border-radius: 28px;
background:
radial-gradient(circle at 84% 8%, rgba(231,197,98,0.045) 0%, transparent 26%),
linear-gradient(180deg, rgba(26,14,10,0.94) 0%, rgba(11,6,5,0.98) 100%);
border: 1px solid rgba(231,197,98,0.12);
box-shadow:
0 22px 56px rgba(0,0,0,0.42),
inset 0 1px 0 rgba(255,255,255,0.02);
overflow: hidden;
}
.ll-review-card::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
padding: 1px;
background: linear-gradient(180deg, rgba(231,197,98,0.16), rgba(231,197,98,0.02));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0.45;
}
.ll-review-stars {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 14px;
position: relative;
z-index: 1;
}
.ll-review-stars svg {
width: 15px;
height: 15px;
fill: #E7C562;
color: #E7C562;
}
.ll-review-quote-mark {
margin-bottom: 8px;
font-family: 'Playfair Display', serif;
font-size: 2.1rem;
line-height: 0.75;
color: rgba(231,197,98,0.22);
position: relative;
z-index: 1;
}
.ll-review-quote {
position: relative;
z-index: 1;
margin: 0 0 22px;
flex-grow: 1;
font-family: 'Cormorant Garamond', 'Playfair Display', serif;
font-size: 1.12rem;
line-height: 1.72;
font-style: italic;
font-weight: 500;
color: rgba(247,241,232,0.92);
}
.ll-review-author {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 14px;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid rgba(231,197,98,0.08);
}
.ll-review-avatar {
width: 54px;
height: 54px;
border-radius: 999px;
display: gr
LIMITLASHES™️ – VIDEO TESTIMONIAL / RESULTS (NEW LUXURY EDITORIAL DESIGN)
<!-- =========================
LIMITLASHES™️ – VIDEO TESTIMONIAL / RESULTS (NEW LUXURY EDITORIAL DESIGN)
Paste into: VIDEO TESTIMONIAL / RESULTS
========================= -->
<style>
.ll-video-proof-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 100px 0;
overflow: hidden;
background:
radial-gradient(circle at 14% 16%, rgba(231,197,98,0.08) 0%, transparent 32%),
radial-gradient(circle at 84% 72%, rgba(231,197,98,0.06) 0%, transparent 28%),
linear-gradient(180deg, #0b0604 0%, #140c09 42%, #1a100c 100%);
}
.ll-video-proof-shell {
max-width: 1380px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
/* Decorative glows */
.ll-video-proof-glow {
position: absolute;
border-radius: 999px;
pointer-events: none;
z-index: 1;
filter: blur(28px);
}
.ll-video-proof-glow.one {
width: 540px;
height: 540px;
top: -140px;
left: -140px;
background: radial-gradient(circle, rgba(231,197,98,0.10) 0%, rgba(231,197,98,0.04) 30%, transparent 70%);
}
.ll-video-proof-glow.two {
width: 480px;
height: 480px;
right: -120px;
bottom: -140px;
background: radial-gradient(circle, rgba(231,197,98,0.08) 0%, rgba(231,197,98,0.03) 35%, transparent 72%);
}
.ll-video-proof-glow.three {
width: 280px;
height: 280px;
top: 26%;
right: 18%;
background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 72%);
filter: blur(20px);
}
/* Header */
.ll-video-proof-top {
text-align: center;
max-width: 980px;
margin: 0 auto 58px;
position: relative;
}
.ll-video-proof-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid rgba(231,197,98,0.18);
background: rgba(231,197,98,0.05);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.ll-video-proof-kicker-dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, #E7C562 0%, #c9a227 100%);
box-shadow: 0 0 12px rgba(231,197,98,0.35);
flex-shrink: 0;
}
.ll-video-proof-kicker-text {
font-family: 'Montserrat', 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--taupe);
line-height: 1;
}
.ll-video-proof-title {
margin: 0 0 18px;
font-family: 'Playfair Display', serif;
font-size: clamp(2.7rem, 5vw, 5.8rem);
line-height: 0.98;
font-weight: 700;
color: var(--ivory);
letter-spacing: -0.02em;
}
.ll-video-proof-title .script {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-size: 1.12em;
font-weight: 400;
line-height: 0.8;
margin-right: 10px;
transform: translateY(-2px);
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 38%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.ll-video-proof-sub {
margin: 0 auto;
max-width: 760px;
font-family: 'Cormorant Garamond', serif;
font-size: 1.45rem;
line-height: 1.5;
color: var(--latte);
opacity: 0.94;
}
/* Video Grid */
.ll-video-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
margin-bottom: 34px;
}
.ll-video-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
border-radius: 30px;
overflow: hidden;
background:
linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%),
linear-gradient(180deg, rgba(26,16,12,0.92) 0%, rgba(13,8,6,0.98) 100%);
border: 1px solid rgba(231,197,98,0.12);
box-shadow:
0 26px 70px rgba(0,0,0,0.42),
inset 0 1px 0 rgba(255,255,255,0.04);
transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
isolation: isolate;
}
.ll-video-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(135deg, rgba(231,197,98,0.24), rgba(255,255,255,0.03), rgba(231,197,98,0.12));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
opacity: 0.9;
}
.ll-video-card:hover {
transform: translateY(-8px);
border-color: rgba(231,197,98,0.24);
box-shadow:
0 32px 85px rgba(0,0,0,0.52),
0 0 30px rgba(231,197,98,0.08),
inset 0 1px 0 rgba(255,255,255,0.05);
}
/* Video frame */
.ll-video-frame {
padding: 14px 14px 0;
}
.ll-video-thumb {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
border-radius: 22px;
background: #0f0a08;
border: 1px solid rgba(231,197,98,0.10);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}
.ll-video-thumb::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.04) 100%);
pointer-events: none;
}
.ll-video-thumb video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
background: #000;
}
.ll-video-floating-badge {
position: absolute;
top: 14px;
left: 14px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(11,6,4,0.72);
border: 1px solid rgba(231,197,98,0.18);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.ll-video-floating-badge span {
font-family: 'Montserrat', 'TheBold', sans-serif;
font-size: 9px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #f3ddb1;
line-height: 1;
}
.ll-video-floating-badge i {
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, #E7C562 0%, #c89b1f 100%);
box-shadow: 0 0 12px rgba(231,197,98,0.28);
}
/* Body */
.ll-video-body {
padding: 22px 22px 22px;
display: flex;
flex-direction: column;
flex: 1;
}
.ll-video-tag {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
border-radius: 999px;
padding: 8px 12px;
margin-bottom: 14px;
border: 1px solid rgba(231,197,98,0.12);
background: rgba(231,197,98,0.04);
}
.ll-video-tag span {
font-family: 'Montserrat', 'TheBold', sans-serif;
font-size: 9px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--taupe);
line-height: 1.1;
}
.ll-video-title {
margin: 0 0 12px;
font-family: 'Playfair Display', serif;
font-size: 1.75rem;
line-height: 1.08;
font-weight: 700;
color: var(--ivory);
letter-spacing: -0.01em;
}
.ll-video-copy {
margin: 0 0 18px;
font-family: 'Cormorant Garamond', serif;
font-size: 1.18rem;
line-height: 1.6;
color: var(--latte);
opacity: 0.95;
flex: 1;
}
/* Footer Meta */
.ll-video-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,0.06);
flex-wrap: wrap;
}
.ll-video-meta-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.ll-video-avatar {
width: 48px;
height: 48px;
border-radius: 999px;
display: grid;
place-items: center;
flex-shrink: 0;
background:
radial-gradient(circle at 30% 30%, rgba(231,197,98,0.28), rgba(42,26,19,0.95));
border: 1px solid rgba(231,197,98,0.18);
box-shadow: inset 0 0 14px rgba(231,197,98,0.05);
color: var(--ll-gold1);
font-family: 'Playfair Display', serif;
font-size: 1rem;
font-weight: 700;
}
.ll-video-person p:first-child {
margin: 0 0 4px;
font-family: 'Montserrat', 'TheBold', sans-serif;
font-size: 0.72rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--ivory);
line-height: 1.3;
}
.ll-video-person p:last-child {
margin: 0;
font-family: 'Cormorant Garamond', serif;
font-size: 1rem;
line-height: 1.2;
color: var(--taupe);
}
.ll-video-duration {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
padding: 8px 12px;
border: 1px solid rgba(255,255,255,0.07);
background: rgba(255,255,255,0.03);
font-family: 'Montserrat', 'TheBold', sans-serif;
font-size: 9px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--taupe);
line-height: 1;
white-space: nowrap;
}
/* Results Panel */
.ll-results-bar {
position: relative;
LIMITLASHES™️ – APPLY / FORM SECTION (LUXURY EDITORIAL V6 – RIGHT PANEL HEADER + GAP FIX)
<!-- =========================
LIMITLASHES™️ – APPLY / FORM SECTION (LUXURY EDITORIAL V6 – RIGHT PANEL HEADER + GAP FIX)
Paste into: APPLY / FORM
========================= -->
<style>
.ll-apply-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 88px 0 78px;
background:
radial-gradient(circle at 18% 18%, rgba(231,197,98,0.05) 0%, transparent 34%),
radial-gradient(circle at 82% 72%, rgba(231,197,98,0.04) 0%, transparent 30%),
linear-gradient(180deg, rgba(8,4,3,0.98) 0%, rgba(16,8,6,1) 100%);
overflow: hidden;
}
.ll-apply-shell {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.ll-apply-panel {
position: relative;
background:
radial-gradient(circle at 20% 18%, rgba(231,197,98,0.035) 0%, transparent 34%),
linear-gradient(180deg, rgba(20,12,9,0.95) 0%, rgba(10,5,4,0.98) 100%);
border: 1px solid rgba(231,197,98,0.12);
border-radius: 30px;
overflow: hidden;
box-shadow:
0 26px 70px rgba(0,0,0,0.48),
inset 0 0 0 1px rgba(255,255,255,0.015);
}
.ll-apply-grid {
display: grid;
grid-template-columns: 0.96fr 1.04fr;
gap: 0;
align-items: stretch;
}
.ll-apply-left {
position: relative;
padding: 42px 38px;
background:
radial-gradient(circle at 24% 14%, rgba(231,197,98,0.06) 0%, transparent 28%),
linear-gradient(180deg, rgba(24,14,11,0.92) 0%, rgba(13,8,6,0.98) 100%);
border-right: 1px solid rgba(231,197,98,0.08);
}
.ll-apply-right {
position: relative;
padding: 22px;
background:
linear-gradient(180deg, rgba(18,11,9,0.9) 0%, rgba(11,7,5,0.98) 100%);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
/* =========================
LANGUAGE FIX
========================= */
.ll-apply-wrap .lang-content {
display: none;
}
body[data-lang="en"] .ll-apply-wrap .lang-en.lang-content { display: block; }
body[data-lang="es"] .ll-apply-wrap .lang-es.lang-content { display: block; }
body[data-lang="pt"] .ll-apply-wrap .lang-pt.lang-content { display: block; }
body[data-lang="zh"] .ll-apply-wrap .lang-zh.lang-content { display: block; }
body[data-lang="en"] .ll-apply-wrap span.lang-en.lang-content { display: inline; }
body[data-lang="es"] .ll-apply-wrap span.lang-es.lang-content { display: inline; }
body[data-lang="pt"] .ll-apply-wrap span.lang-pt.lang-content { display: inline; }
body[data-lang="zh"] .ll-apply-wrap span.lang-zh.lang-content { display: inline; }
.ll-apply-title .ll-apply-line.lang-content {
display: none;
}
body[data-lang="en"] .ll-apply-title .ll-apply-line.lang-en.lang-content { display: block; }
body[data-lang="es"] .ll-apply-title .ll-apply-line.lang-es.lang-content { display: block; }
body[data-lang="pt"] .ll-apply-title .ll-apply-line.lang-pt.lang-content { display: block; }
body[data-lang="zh"] .ll-apply-title .ll-apply-line.lang-zh.lang-content { display: block; }
/* =========================
LEFT SIDE
========================= */
.ll-apply-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
border-radius: 999px;
background: rgba(231,197,98,0.05);
border: 1px solid rgba(231,197,98,0.12);
margin-bottom: 18px;
}
.ll-apply-eyebrow i {
width: 15px;
height: 15px;
color: var(--ll-gold1, #E7C562);
flex-shrink: 0;
}
.ll-apply-eyebrow span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(248,243,238,0.75);
line-height: 1;
}
.ll-apply-title {
margin: 0 0 16px;
font-family: 'Playfair Display', serif;
font-size: clamp(2.15rem, 4.2vw, 4.7rem);
line-height: 0.95;
font-weight: 700;
letter-spacing: -0.02em;
color: #F8F3EE;
}
.ll-apply-title .ll-apply-line {
display: block;
}
.ll-apply-title .ll-apply-line + .ll-apply-line {
margin-top: 0.02em;
}
.ll-apply-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.86em;
line-height: 0.8;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(-0.02em);
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-apply-sub {
margin: 0 0 22px;
max-width: 520px;
font-family: 'Circularregular', 'Inter', sans-serif;
font-size: clamp(1rem, 1.15vw, 1.12rem);
line-height: 1.75;
font-weight: 400;
color: rgba(248,243,238,0.82);
}
.ll-apply-trust {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 22px;
}
.ll-apply-trust-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(231,197,98,0.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.01);
}
.ll-apply-trust-pill i {
width: 14px;
height: 14px;
color: var(--ll-gold1, #E7C562);
flex-shrink: 0;
}
.ll-apply-trust-pill span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(248,243,238,0.76);
line-height: 1.2;
}
.ll-apply-points {
display: grid;
gap: 12px;
margin-bottom: 0;
}
.ll-apply-point {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px 16px;
border-radius: 18px;
background:
linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.01) 100%);
border: 1px solid rgba(231,197,98,0.07);
}
.ll-apply-point i {
width: 18px;
height: 18px;
color: var(--ll-gold1, #E7C562);
margin-top: 2px;
flex-shrink: 0;
}
.ll-apply-point p {
margin: 0;
font-family: 'Circularregular', 'Inter', sans-serif;
font-size: 0.93rem;
line-height: 1.65;
color: rgba(248,243,238,0.8);
}
.ll-apply-point p strong {
color: #F8F3EE;
font-family: 'TheBold', sans-serif;
font-weight: 400;
letter-spacing: 0.02em;
}
/* =========================
RIGHT HEADER INSIDE FORM COLUMN
========================= */
.ll-form-hero {
text-align: center;
padding: 4px 8px 14px;
}
.ll-form-hero-label {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin-bottom: 10px;
}
.ll-form-hero-line {
width: 48px;
height: 1px;
background: linear-gradient(90deg, rgba(231,197,98,0), rgba(231,197,98,0.45), rgba(231,197,98,0));
}
.ll-form-hero-text {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.92);
line-height: 1;
white-space: nowrap;
}
.ll-form-hero-title {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 3vw, 3.5rem);
line-height: 0.98;
font-weight: 700;
letter-spacing: -0.02em;
color: #F8F3EE;
}
.ll-form-hero-title .accent {
display: inline-block;
margin-left: 0.04em;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.88em;
line-height: 0.8;
white-space: nowrap;
transform: translateY(0.03em);
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-form-hero-sub {
margin: 10px auto 0;
max-width: 620px;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.25rem, 1.55vw, 2.1rem);
line-height: 1.2;
font-style: italic;
color: rgba(231,197,98,0.95);
}
.ll-form-hero-trust {
margin-top: 12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 22px;
}
.ll-form-hero-trust span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(248,243,238,0.72);
white-space: nowrap;
}
/* =========================
RIGHT SIDE / FORM
========================= */
.ll-form-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 10px;
margin-top: 4px;
}
.ll-form-topbar-left {
display: flex;
align-items: center;
gap: 10px;
}
.ll-form-dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: rgba(231,197,98,0.8);
box-shadow: 0 0 10px rgba(231,197,98,0.35);
flex-shrink: 0;
}
.ll-form-topbar-label {
font-famil
LIMITLASHES™ – CURRICULUM SECTION (LUXURY EDITORIAL V3 – FULLY ALIGNED)
<!-- =========================
LIMITLASHES™ – CURRICULUM SECTION (LUXURY EDITORIAL V3 – FULLY ALIGNED)
Paste into: CURRICULUM SECTION
========================= -->
<style>
.ll-curriculum-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 96px 0;
overflow: hidden;
background:
radial-gradient(circle at 14% 18%, rgba(231,197,98,0.05) 0%, transparent 32%),
radial-gradient(circle at 84% 80%, rgba(231,197,98,0.04) 0%, transparent 28%),
linear-gradient(180deg, #090504 0%, #140c09 100%);
}
.ll-curriculum-glow {
position: absolute;
width: 560px;
height: 560px;
border-radius: 999px;
background: radial-gradient(circle, rgba(231,197,98,0.045) 0%, transparent 72%);
filter: blur(26px);
pointer-events: none;
z-index: 1;
}
.ll-curriculum-glow.one {
top: -180px;
left: -180px;
}
.ll-curriculum-glow.two {
bottom: -220px;
right: -160px;
}
.ll-curriculum-shell {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.ll-curriculum-panel {
position: relative;
border-radius: 34px;
overflow: hidden;
background:
radial-gradient(circle at 18% 12%, rgba(231,197,98,0.03) 0%, transparent 28%),
linear-gradient(180deg, rgba(20,12,9,0.95) 0%, rgba(10,6,5,0.98) 100%);
border: 1px solid rgba(231,197,98,0.12);
box-shadow:
0 28px 80px rgba(0,0,0,0.56),
inset 0 0 0 1px rgba(255,255,255,0.015);
padding: 50px 40px 40px;
}
/* =========================
LANGUAGE SYSTEM (REAL HEADER-ALIGNED)
========================= */
.ll-curriculum-wrap .lang-content {
display: none !important;
}
body[data-lang="en"] .ll-curriculum-wrap .lang-en.lang-content,
body:not([data-lang]) .ll-curriculum-wrap .lang-en.lang-content {
display: inline !important;
}
body[data-lang="es"] .ll-curriculum-wrap .lang-es.lang-content {
display: inline !important;
}
body[data-lang="pt"] .ll-curriculum-wrap .lang-pt.lang-content {
display: inline !important;
}
body[data-lang="zh"] .ll-curriculum-wrap .lang-zh.lang-content {
display: inline !important;
}
.ll-curriculum-title .lang-content,
.ll-curriculum-card-title .lang-content {
display: none !important;
}
body[data-lang="en"] .ll-curriculum-title .lang-en.lang-content,
body:not([data-lang]) .ll-curriculum-title .lang-en.lang-content,
body[data-lang="es"] .ll-curriculum-title .lang-es.lang-content,
body[data-lang="pt"] .ll-curriculum-title .lang-pt.lang-content,
body[data-lang="zh"] .ll-curriculum-title .lang-zh.lang-content,
body[data-lang="en"] .ll-curriculum-card-title .lang-en.lang-content,
body:not([data-lang]) .ll-curriculum-card-title .lang-en.lang-content,
body[data-lang="es"] .ll-curriculum-card-title .lang-es.lang-content,
body[data-lang="pt"] .ll-curriculum-card-title .lang-pt.lang-content,
body[data-lang="zh"] .ll-curriculum-card-title .lang-zh.lang-content {
display: block !important;
}
/* =========================
TOP INTRO
========================= */
.ll-curriculum-top {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 28px;
align-items: end;
margin-bottom: 26px;
}
.ll-curriculum-label {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
max-width: 100%;
flex-wrap: nowrap;
}
.ll-curriculum-label-line {
width: 62px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.65) 50%, transparent 100%);
flex-shrink: 0;
}
.ll-curriculum-label-text {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(231,197,98,0.88);
line-height: 1;
white-space: nowrap;
}
.ll-curriculum-title {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: clamp(2.4rem, 4.25vw, 5.2rem);
line-height: 0.98;
font-weight: 700;
letter-spacing: -0.025em;
color: #F8F3EE;
}
.ll-curriculum-title .line-1,
.ll-curriculum-title .line-2 {
display: block;
}
.ll-curriculum-title .line-2 {
margin-top: 0.02em;
}
.ll-curriculum-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.92em;
line-height: 0.82;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(-0.02em);
margin-left: 0.04em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-curriculum-sub {
margin: 0;
max-width: 660px;
font-family: 'Circularregular', sans-serif;
font-size: 1rem;
line-height: 1.9;
color: rgba(248,243,238,0.78);
}
/* =========================
EDITORIAL STAT STRIP
========================= */
.ll-curriculum-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-bottom: 26px;
}
.ll-curriculum-stat {
position: relative;
border-radius: 20px;
padding: 18px 18px 16px;
background:
linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.008) 100%);
border: 1px solid rgba(231,197,98,0.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.01);
}
.ll-curriculum-stat-head {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.ll-curriculum-stat-head i {
width: 15px;
height: 15px;
color: #E7C562;
flex-shrink: 0;
}
.ll-curriculum-stat-head span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.84);
line-height: 1;
}
.ll-curriculum-stat-value {
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
line-height: 1;
font-weight: 600;
color: #F8F3EE;
letter-spacing: -0.02em;
}
/* =========================
MODULE GRID
========================= */
.ll-curriculum-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.ll-curriculum-card {
position: relative;
border-radius: 24px;
padding: 22px;
background:
radial-gradient(circle at 14% 10%, rgba(231,197,98,0.022) 0%, transparent 26%),
linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.008) 100%);
border: 1px solid rgba(231,197,98,0.08);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.01),
0 14px 36px rgba(0,0,0,0.18);
}
.ll-curriculum-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.ll-curriculum-badge {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 14px;
border-radius: 999px;
background: rgba(231,197,98,0.05);
border: 1px solid rgba(231,197,98,0.12);
}
.ll-curriculum-badge i {
width: 14px;
height: 14px;
color: #E7C562;
flex-shrink: 0;
}
.ll-curriculum-badge span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.82);
line-height: 1;
}
.ll-curriculum-number {
font-family: 'TheBold', sans-serif;
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(248,243,238,0.5);
white-space: nowrap;
}
.ll-curriculum-card-title {
margin: 0 0 10px;
font-family: 'Playfair Display', serif;
font-size: 1.68rem;
line-height: 1.05;
font-weight: 600;
letter-spacing: -0.02em;
color: #F8F3EE;
}
.ll-curriculum-card-title .line-1,
.ll-curriculum-card-title .line-2 {
display: block;
}
.ll-curriculum-card-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.9em;
line-height: 0.82;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(-0.02em);
margin-left: 0.04em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-curriculum-card-sub {
margin: 0 0 16px;
font-family: 'Circularregular', sans-serif;
font-size: 0.95rem;
line-height: 1.72;
color: rgba(248,243,238,0.72);
}
.ll-curriculum-list {
display: grid;
gap: 10px;
}
.ll-curriculum-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 12px;
border-radius: 14px;
background: rgba(255,255,255,0.016);
bor
LIMITLASHES™ – WHO THIS IS FOR BLOCK V4 FINAL HIGH-FASHION EDITORIAL VERSION
<!-- =========================
LIMITLASHES™ – WHO THIS IS FOR BLOCK V4
FINAL HIGH-FASHION EDITORIAL VERSION
Paste into: WHO THIS IS FOR SECTION
========================= -->
<style>
.ll-fit-v4-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 110px 0;
overflow: hidden;
background:
radial-gradient(circle at 12% 14%, rgba(231,197,98,0.05) 0%, transparent 28%),
radial-gradient(circle at 86% 82%, rgba(231,197,98,0.04) 0%, transparent 30%),
linear-gradient(180deg, #080504 0%, #140c09 100%);
}
.ll-fit-v4-wrap * {
box-sizing: border-box;
}
.ll-fit-v4-glow {
position: absolute;
width: 620px;
height: 620px;
border-radius: 999px;
background: radial-gradient(circle, rgba(231,197,98,0.045) 0%, transparent 72%);
filter: blur(28px);
pointer-events: none;
z-index: 1;
}
.ll-fit-v4-glow.one {
top: -220px;
left: -180px;
}
.ll-fit-v4-glow.two {
bottom: -220px;
right: -160px;
}
.ll-fit-v4-shell {
max-width: 1360px;
margin: 0 auto;
padding: 0 22px;
position: relative;
z-index: 2;
}
.ll-fit-v4-frame {
position: relative;
border-radius: 36px;
overflow: hidden;
padding: 54px 42px 42px;
background:
radial-gradient(circle at 18% 10%, rgba(231,197,98,0.028) 0%, transparent 28%),
linear-gradient(180deg, rgba(20,12,9,0.95) 0%, rgba(10,6,5,0.985) 100%);
border: 1px solid rgba(231,197,98,0.12);
box-shadow:
0 30px 90px rgba(0,0,0,0.58),
inset 0 0 0 1px rgba(255,255,255,0.012);
}
/* =========================
HEADER
========================= */
.ll-fit-v4-top {
text-align: center;
max-width: 980px;
margin: 0 auto 34px;
}
.ll-fit-v4-label {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}
.ll-fit-v4-label-line {
width: 72px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.7) 50%, transparent 100%);
}
.ll-fit-v4-label-text {
font-family: 'TheBold', sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(231,197,98,0.9);
white-space: nowrap;
}
.ll-fit-v4-title {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: clamp(2.6rem, 4.5vw, 5.8rem);
line-height: 0.96;
font-weight: 700;
letter-spacing: -0.03em;
color: #F8F3EE;
}
.ll-fit-v4-title .line-1,
.ll-fit-v4-title .line-2 {
display: block;
}
.ll-fit-v4-title .line-2 {
margin-top: 0.02em;
}
.ll-fit-v4-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.9em;
line-height: 0.82;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(-0.02em);
margin-left: 0.04em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-fit-v4-sub {
margin: 16px auto 0;
max-width: 820px;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.18rem, 1.55vw, 1.6rem);
line-height: 1.55;
font-weight: 500;
letter-spacing: 0.01em;
color: rgba(248,243,238,0.78);
}
/* =========================
MAIN EDITORIAL SPLIT
========================= */
.ll-fit-v4-main {
position: relative;
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 28px;
align-items: stretch;
margin-top: 12px;
}
.ll-fit-v4-divider {
position: relative;
width: 1px;
min-height: 100%;
background: linear-gradient(
180deg,
transparent 0%,
rgba(231,197,98,0.12) 6%,
rgba(231,197,98,0.38) 18%,
rgba(231,197,98,0.22) 50%,
rgba(231,197,98,0.38) 82%,
rgba(231,197,98,0.12) 94%,
transparent 100%
);
}
.ll-fit-v4-divider::before,
.ll-fit-v4-divider::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 9px;
height: 9px;
border-radius: 999px;
background: radial-gradient(circle, rgba(248,237,196,0.95) 0%, rgba(231,197,98,0.65) 45%, rgba(231,197,98,0.15) 100%);
box-shadow: 0 0 18px rgba(231,197,98,0.3);
}
.ll-fit-v4-divider::before {
top: 18px;
}
.ll-fit-v4-divider::after {
bottom: 18px;
}
/* COLUMNS */
.ll-fit-v4-col {
position: relative;
min-width: 0;
}
.ll-fit-v4-col.good {
padding-right: 8px;
}
.ll-fit-v4-col.bad {
padding-left: 8px;
}
.ll-fit-v4-col-label {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.ll-fit-v4-col-label i {
width: 15px;
height: 15px;
color: #E7C562;
flex-shrink: 0;
}
.ll-fit-v4-col-label span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.82);
}
.ll-fit-v4-col.bad .ll-fit-v4-col-label span {
color: rgba(248,243,238,0.58);
}
.ll-fit-v4-col-title {
margin: 0 0 14px;
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 2.4vw, 3rem);
line-height: 0.98;
font-weight: 600;
letter-spacing: -0.025em;
color: #F8F3EE;
}
.ll-fit-v4-col-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.9em;
line-height: 0.82;
margin-left: 0.05em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-fit-v4-col-sub {
margin: 0 0 22px;
max-width: 560px;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.05rem, 1.35vw, 1.3rem);
line-height: 1.6;
font-weight: 500;
color: rgba(248,243,238,0.74);
}
.ll-fit-v4-quote {
margin: 0 0 20px;
padding: 0 0 0 16px;
border-left: 1px solid rgba(231,197,98,0.2);
font-family: 'Playfair Display', serif;
font-size: clamp(1.08rem, 1.35vw, 1.4rem);
line-height: 1.52;
font-style: italic;
color: rgba(248,243,238,0.88);
}
.ll-fit-v4-quote .accent {
font-family: 'Pinyon Script', cursive;
font-size: 1.12em;
font-style: normal;
margin-left: 0.06em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-fit-v4-list {
display: grid;
gap: 12px;
margin-top: 8px;
}
.ll-fit-v4-item {
display: grid;
grid-template-columns: 18px 1fr;
gap: 12px;
align-items: start;
padding: 0 0 12px;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ll-fit-v4-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ll-fit-v4-item i {
width: 16px;
height: 16px;
margin-top: 3px;
color: #E7C562;
flex-shrink: 0;
}
.ll-fit-v4-col.bad .ll-fit-v4-item i {
color: #b58a6d;
}
.ll-fit-v4-item span {
font-family: 'Circularregular', sans-serif;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(248,243,238,0.74);
}
/* =========================
BOTTOM NOTES
========================= */
.ll-fit-v4-bottom {
margin-top: 34px;
padding-top: 24px;
border-top: 1px solid rgba(231,197,98,0.08);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.ll-fit-v4-note {
position: relative;
}
.ll-fit-v4-note-head {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.ll-fit-v4-note-head i {
width: 15px;
height: 15px;
color: #E7C562;
flex-shrink: 0;
}
.ll-fit-v4-note-head span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.82);
}
.ll-fit-v4-note p {
margin: 0;
font-family: 'Circularregular', sans-serif;
font-size: 0.94rem;
line-height: 1.75;
color: rgba(248,243,238,0.7);
}
/* =========================
MOBILE
========================= */
@media (max-width: 980px) {
.ll-fit-v4-main {
grid-template-columns: 1fr;
gap: 26px;
}
.ll-fit-v4-divider {
display: none;
}
.ll-fit-v4-col.good,
.ll-fit-v4-col.bad {
padding: 0;
}
.ll-fit-v4-bottom {
grid-template-columns: 1fr;
gap: 18px;
}
}
@media (max-width: 767px) {
.ll-fit-v4-wrap {
padding: 58px 0;
}
.ll-fit-v4-shell {
padding: 0 14px;
}
.ll-fit
LIMITLASHES™ – FAQ BLOCK V4 FINAL HIGH-FASHION EDITORIAL VERSION WITH JSON-LD FAQ SCHEMA
<!-- =========================
LIMITLASHES™ – FAQ BLOCK V4
FINAL HIGH-FASHION EDITORIAL VERSION
WITH JSON-LD FAQ SCHEMA
Paste into: FAQ SECTION
========================= -->
<style>
.ll-faq-v4-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
padding: 110px 0;
overflow: hidden;
background:
radial-gradient(circle at 14% 14%, rgba(231,197,98,0.05) 0%, transparent 28%),
radial-gradient(circle at 86% 82%, rgba(231,197,98,0.04) 0%, transparent 30%),
linear-gradient(180deg, #080504 0%, #140c09 100%);
}
.ll-faq-v4-wrap * {
box-sizing: border-box;
}
.ll-faq-v4-glow {
position: absolute;
width: 620px;
height: 620px;
border-radius: 999px;
background: radial-gradient(circle, rgba(231,197,98,0.045) 0%, transparent 72%);
filter: blur(28px);
pointer-events: none;
z-index: 1;
}
.ll-faq-v4-glow.one {
top: -220px;
left: -180px;
}
.ll-faq-v4-glow.two {
bottom: -220px;
right: -160px;
}
.ll-faq-v4-shell {
max-width: 1360px;
margin: 0 auto;
padding: 0 22px;
position: relative;
z-index: 2;
}
.ll-faq-v4-frame {
position: relative;
border-radius: 36px;
overflow: hidden;
padding: 54px 42px 42px;
background:
radial-gradient(circle at 18% 10%, rgba(231,197,98,0.028) 0%, transparent 28%),
linear-gradient(180deg, rgba(20,12,9,0.95) 0%, rgba(10,6,5,0.985) 100%);
border: 1px solid rgba(231,197,98,0.12);
box-shadow:
0 30px 90px rgba(0,0,0,0.58),
inset 0 0 0 1px rgba(255,255,255,0.012);
}
/* =========================
TOP
========================= */
.ll-faq-v4-top {
text-align: center;
max-width: 980px;
margin: 0 auto 34px;
}
.ll-faq-v4-label {
display: inline-flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}
.ll-faq-v4-label-line {
width: 72px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.7) 50%, transparent 100%);
}
.ll-faq-v4-label-text {
font-family: 'TheBold', sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(231,197,98,0.9);
white-space: nowrap;
}
.ll-faq-v4-title {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: clamp(2.6rem, 4.5vw, 5.8rem);
line-height: 0.96;
font-weight: 700;
letter-spacing: -0.03em;
color: #F8F3EE;
}
.ll-faq-v4-title .line-1,
.ll-faq-v4-title .line-2 {
display: block;
}
.ll-faq-v4-title .line-2 {
margin-top: 0.02em;
}
.ll-faq-v4-title .accent {
display: inline-block;
font-family: 'Pinyon Script', cursive;
font-weight: 400;
font-size: 0.9em;
line-height: 0.82;
letter-spacing: 0;
white-space: nowrap;
transform: translateY(-0.02em);
margin-left: 0.04em;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #E7C562;
}
.ll-faq-v4-sub {
margin: 16px auto 0;
max-width: 860px;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.18rem, 1.55vw, 1.6rem);
line-height: 1.55;
font-weight: 500;
letter-spacing: 0.01em;
color: rgba(248,243,238,0.78);
}
/* =========================
GRID
========================= */
.ll-faq-v4-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 22px;
align-items: start;
}
.ll-faq-v4-col {
display: grid;
gap: 14px;
}
/* =========================
FAQ ITEM
========================= */
.ll-faq-v4-item {
position: relative;
border-radius: 22px;
overflow: hidden;
background:
radial-gradient(circle at 14% 10%, rgba(231,197,98,0.02) 0%, transparent 26%),
linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.008) 100%);
border: 1px solid rgba(231,197,98,0.07);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.01),
0 10px 28px rgba(0,0,0,0.14);
transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.ll-faq-v4-item:hover {
border-color: rgba(231,197,98,0.12);
transform: translateY(-1px);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.01),
0 14px 34px rgba(0,0,0,0.18);
}
.ll-faq-v4-item[open] {
border-color: rgba(231,197,98,0.14);
}
.ll-faq-v4-item summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 20px 20px;
}
.ll-faq-v4-item summary::-webkit-details-marker {
display: none;
}
.ll-faq-v4-q-wrap {
min-width: 0;
}
.ll-faq-v4-q-tag {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.ll-faq-v4-q-tag i {
width: 13px;
height: 13px;
color: #E7C562;
flex-shrink: 0;
}
.ll-faq-v4-q-tag span {
font-family: 'TheBold', sans-serif;
font-size: 9px;
line-height: 1;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(231,197,98,0.78);
}
.ll-faq-v4-q {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: 1.26rem;
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.015em;
color: #F8F3EE;
}
.ll-faq-v4-icon {
width: 40px;
height: 40px;
border-radius: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(231,197,98,0.05);
border: 1px solid rgba(231,197,98,0.12);
flex-shrink: 0;
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.ll-faq-v4-icon i {
width: 17px;
height: 17px;
color: #E7C562;
}
.ll-faq-v4-item[open] .ll-faq-v4-icon {
transform: rotate(180deg);
background: rgba(231,197,98,0.08);
border-color: rgba(231,197,98,0.18);
}
.ll-faq-v4-a {
padding: 0 20px 20px;
}
.ll-faq-v4-a-inner {
padding-top: 2px;
border-top: 1px solid rgba(231,197,98,0.06);
}
.ll-faq-v4-a p {
margin: 14px 0 0;
font-family: 'Circularregular', sans-serif;
font-size: 0.95rem;
line-height: 1.78;
color: rgba(248,243,238,0.74);
}
/* =========================
BOTTOM NOTE
========================= */
.ll-faq-v4-bottom {
margin-top: 24px;
padding-top: 22px;
border-top: 1px solid rgba(231,197,98,0.08);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: start;
}
.ll-faq-v4-note {
position: relative;
}
.ll-faq-v4-note-head {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.ll-faq-v4-note-head i {
width: 15px;
height: 15px;
color: #E7C562;
flex-shrink: 0;
}
.ll-faq-v4-note-head span {
font-family: 'TheBold', sans-serif;
font-size: 10px;
line-height: 1;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(231,197,98,0.82);
}
.ll-faq-v4-note p {
margin: 0;
font-family: 'Circularregular', sans-serif;
font-size: 0.94rem;
line-height: 1.75;
color: rgba(248,243,238,0.7);
}
.ll-faq-v4-apply {
text-align: right;
}
.ll-faq-v4-apply p {
margin-bottom: 14px;
}
.ll-faq-v4-apply-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 14px 24px;
border-radius: 999px;
text-decoration: none;
font-family: 'TheBold', sans-serif;
font-size: 12px;
line-height: 1;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #1b120d;
background: linear-gradient(135deg, #f8edc4 0%, #E7C562 35%, #c9971e 70%, #f5e7b2 100%);
border: 1px solid rgba(255,255,255,0.12);
box-shadow:
0 10px 26px rgba(0,0,0,0.22),
inset 0 1px 0 rgba(255,255,255,0.22);
transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
.ll-faq-v4-apply-btn:hover {
transform: translateY(-2px);
filter: brightness(1.03);
box-shadow:
0 14px 34px rgba(0,0,0,0.26),
inset 0 1px 0 rgba(255,255,255,0.24);
}
.ll-faq-v4-apply-btn i {
width: 15px;
height: 15px;
color: #1b120d;
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 1180px) {
.ll-faq-v4-grid,
.ll-faq-v4-bottom {
grid-template-columns: 1fr;
}
.ll-faq-v4-apply {
text-align: left;
}
}
@media (max-width: 767px) {
.ll-faq-v4-wrap {
padding: 58px 0;
}
.ll-faq-v4-shell {
padding: 0 14px;
}
.ll-faq-v4-frame {
padding: 26px 18px 20px;
border-radius: 22px;
}
.ll-faq-v4-top {
margin-bottom: 22px;
}
.ll-faq
LIMITLASHES™ – FOOTER BLOCK V1.2 Tagline Removed / Clean Luxury Footer Standalone GHL / Custom HTML Safe
<!-- =========================
LIMITLASHES™ – FOOTER BLOCK V1.2
Tagline Removed / Clean Luxury Footer
Standalone GHL / Custom HTML Safe
========================= -->
<style>
.ll-footer-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
overflow: hidden;
padding: 70px 0 60px;
background:
radial-gradient(circle at 18% 18%, rgba(231,197,98,0.05) 0%, transparent 30%),
radial-gradient(circle at 82% 80%, rgba(231,197,98,0.04) 0%, transparent 28%),
linear-gradient(180deg, #0a0706 0%, #050302 100%);
border-top: 1px solid rgba(255, 242, 179, 0.08);
}
.ll-footer-wrap * {
box-sizing: border-box;
}
.ll-footer-shell {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.ll-footer-panel {
border-radius: 28px;
padding: 42px 24px 28px;
text-align: center;
background:
linear-gradient(180deg, rgba(20,12,9,0.38) 0%, rgba(10,7,6,0.18) 100%);
border: 1px solid rgba(255,255,255,0.05);
box-shadow:
0 24px 70px rgba(0,0,0,0.45),
inset 0 0 0 1px rgba(255,255,255,0.015);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.ll-footer-badge-btn {
width: 72px;
height: 72px;
margin: 0 auto 22px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
cursor: pointer;
background: linear-gradient(135deg, #2C1D18, #140C09);
border: 1px solid rgba(231, 197, 98, 0.25);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.08),
0 0 18px rgba(231, 197, 98, 0.12),
0 0 6px rgba(231, 197, 98, 0.04);
transition: all 0.3s ease;
}
.ll-footer-badge-btn:hover {
transform: translateY(-2px);
border-color: rgba(231, 197, 98, 0.45);
box-shadow:
inset 0 1px 2px rgba(255,255,255,0.12),
0 0 26px rgba(231, 197, 98, 0.18);
}
.ll-footer-badge-btn img {
width: 94%;
height: 94%;
object-fit: contain;
display: block;
}
.ll-footer-logo {
height: 42px;
object-fit: contain;
margin: 0 auto 18px;
opacity: 0.65;
display: block;
max-width: 100%;
}
.ll-footer-copy .lang-content {
display: none;
}
body[data-lang="en"] .ll-footer-copy .lang-en,
body[data-lang="es"] .ll-footer-copy .lang-es,
body[data-lang="pt"] .ll-footer-copy .lang-pt,
body[data-lang="zh"] .ll-footer-copy .lang-zh {
display: block;
}
/* SOCIAL ICON PILL */
.ll-footer-socials {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 7px;
border-radius: 999px;
margin-bottom: 20px;
background: rgba(15, 10, 8, 0.68);
border: 1px solid rgba(255,255,255,0.05);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.015),
0 8px 24px rgba(0,0,0,0.2);
}
.ll-footer-socials a {
width: 42px;
height: 42px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #E7C562;
text-decoration: none;
transition: all 0.25s ease;
flex-shrink: 0;
}
.ll-footer-socials a:hover {
background: rgba(231, 197, 98, 0.1);
color: #E7C562;
box-shadow: inset 0 0 0 1px rgba(231, 197, 98, 0.28);
transform: translateY(-1px);
}
.ll-footer-socials svg {
width: 17px;
height: 17px;
display: block;
stroke: currentColor;
}
.ll-footer-divider {
width: 90px;
height: 1px;
margin: 0 auto 18px;
background: linear-gradient(90deg, transparent 0%, rgba(231,197,98,0.35) 50%, transparent 100%);
}
.ll-footer-copy {
margin: 0 auto;
max-width: 640px;
font-family: 'Circularregular', sans-serif;
font-size: 12px;
line-height: 1.8;
color: #78716c;
}
@media (max-width: 767px) {
.ll-footer-wrap {
padding: 52px 0 42px;
}
.ll-footer-shell {
padding: 0 14px;
}
.ll-footer-panel {
border-radius: 22px;
padding: 28px 16px 20px;
}
.ll-footer-badge-btn {
width: 62px;
height: 62px;
margin-bottom: 18px;
padding: 4px;
}
.ll-footer-logo {
height: 32px;
margin-bottom: 14px;
}
.ll-footer-socials {
gap: 6px;
padding: 6px;
margin-bottom: 16px;
}
.ll-footer-socials a {
width: 38px;
height: 38px;
}
.ll-footer-socials svg {
width: 15px;
height: 15px;
}
.ll-footer-copy {
font-size: 11px;
line-height: 1.7;
}
}
</style>
<footer class="ll-footer-wrap" id="ll-footer">
<div class="ll-footer-shell">
<div class="ll-footer-panel">
Language Engine
The page supports English, Spanish, Portuguese, and Chinese using body[data-lang].
Rule
All translatable text is wrapped in .lang-en, .lang-es, .lang-pt, or .lang-zh with .lang-content or section-specific block classes.
Storage
The selected language saves to localStorage as limitlashes_lang and updates the current language label in the header.
Language Pattern
body[data-lang="en"] .lang-en { display:block; }
body[data-lang="es"] .lang-es { display:block; }
body[data-lang="pt"] .lang-pt { display:block; }
body[data-lang="zh"] .lang-zh { display:block; }
function setLanguage(langCode) {
document.body.setAttribute('data-lang', langCode);
localStorage.setItem('limitlashes_lang', langCode);
}
Assembly Rules
Use this when building future pages, thank-you pages, popups, or campaign variations.
Hero Rule
Keep the headline high, use a dark video overlay, add script accent with fine lines, then CTA + curriculum button + micro-trust + featured logos.
Authority Rule
Don’t hide license proof. Show it near the top and repeat the strongest trust proof close to application sections.
Mobile Rule
Use full-width buttons, reduce letter spacing, shrink logos, increase hero top padding under fixed nav, and stack all card grids.
Luxury Rule
Use fewer elements per row, more breathing room, soft glows, thin dividers, rounded cards, and restrained gold. Too much gold makes it look cheap.
SEO + AEO
Search structure for lash training and premium lash academy positioning.
Primary Keywords
lash training, lash certification, lash training academy, advanced lash training, lash educator training, lash trainer license, luxury lash training.
AEO Questions
What is included in a lash training course? How do I become a certified lash artist? What makes a lash training premium? How do I improve lash retention?
Schema Ideas
Course, FAQPage, LocalBusiness, Organization, Person, Review, VideoObject.
Conversion Anchors
Limited seats, hands-on correction, premium standards, retention improvement, licensed training authority, founder credibility, student proof.
Full Code Library
Real copy/paste source code — not shortened snippets. Edit, save, preview, copy, export, lock, or add complete landing pages and thank-you pages here like a private code document library.
