/* Source: activate-global-service-page (2).html */
.page-activate-global-service-page{
--navy: #0A1628;
--navy-mid: #132240;
--navy-light: #1B3057;
--gold: #C8952A;
--gold-light: #E8B84B;
--gold-pale: #FFF8EC;
--blue-accent: #1E6FFF;
--blue-soft: #EEF3FF;
--white: #ffffff;
--off-white: #F8F9FC;
--gray-100: #F1F3F7;
--gray-200: #E2E6EF;
--gray-400: #9AA3B5;
--gray-600: #5C6478;
--gray-800: #2E3547;
--success: #0C9E6E;
--font-heading: 'DM Sans', system-ui, sans-serif;
--font-body: 'DM Sans', system-ui, sans-serif;
--radius: 12px;
--radius-lg: 20px;
--shadow-sm: 0 2px 8px rgba(10,22,40,0.08);
--shadow-md: 0 8px 32px rgba(10,22,40,0.12);
--shadow-lg: 0 20px 60px rgba(10,22,40,0.16);
}
:root {
/* ===== PRIMARY COLORS ===== */
--navy: #0A1628;
--navy-mid: #132240;
--navy-light: #1B3057;
--gold: #C8952A;
--gold-light: #E8B84B;
--gold-pale: #FFF8EC;
--blue-accent: #1E6FFF;
--blue-soft: #EEF3FF;
--green: #0C9E6E;
--green-pale: #EDFBF5;
--red: #EF4444;
--red-pale: #FEECEC;
--amber: #D97706;
--amber-bg: #FFFBEB;
/* ===== CATEGORY COLORS (dynamic use) ===== */
--cat: #2C1F6B;
--cat-mid: #3D2E8C;
--cat-light: #6B5FD4;
--cat-pale: #F0EEFF;
--cat-border: rgba(44,31,107,0.2);
/* ===== BASE COLORS ===== */
--white: #ffffff;
--off-white: #F8F9FC;
--g100: #F1F3F7;
--g200: #E2E6EF;
--g400: #9AA3B5;
--g600: #5C6478;
--g700: #3D4557;
--g800: #2E3547;
--gray-50: #F2F4F8;
--gray-100: #F1F3F7;
--gray-200: #E2E6EF;
--gray-400: #9AA3B5;
--gray-600: #5C6478;
--gray-800: #2E3547;
--r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px;
--sh-xs: 0 1px 4px rgba(11,31,58,0.07);
--sh-sm: 0 4px 16px rgba(11,31,58,0.09);
--sh-md: 0 10px 36px rgba(11,31,58,0.12);
--sh-lg: 0 24px 64px rgba(11,31,58,0.16);
--sh-xl: 0 40px 100px rgba(11,31,58,0.2);
/* ===== UI ===== */
--success: #0C9E6E;
--wa-green: #25D366;
/* ===== TYPOGRAPHY ===== */
--font-heading: 'DM Sans', system-ui, sans-serif;
--font-body: 'DM Sans', system-ui, sans-serif;
--font-head: 'DM Sans', system-ui, sans-serif;
/* ===== RADIUS ===== */
--radius: 12px;
--radius-lg: 20px;
--rl:20px;
/* ===== SHADOW ===== */
--shadow-sm: 0 2px 8px rgba(10,22,40,0.08);
--shadow-md: 0 8px 32px rgba(10,22,40,0.12);
--shadow-lg: 0 20px 60px rgba(10,22,40,0.16);
--r:12px;--rl:20px;
--s1:0 2px 8px rgba(10,22,40,.08);--s2:0 8px 32px rgba(10,22,40,.12);--s3:0 20px 60px rgba(10,22,40,.16);
}
.page-activate-global-service-page *, .page-activate-global-service-page *::before, .page-activate-global-service-page *::after{ box-sizing: border-box; margin: 0; padding: 0; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html{ scroll-behavior: smooth; font-size: 16px; font-family: 'DM Sans', system-ui, sans-serif;}
.page-activate-global-service-page{
font-family: var(--font-body);
color: var(--gray-800);
background: var(--white);
line-height: 1.6;
overflow-x: hidden;
}
.logo img{
width:150px;
}
.page-activate-global-service-page .container{ max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.page-activate-global-service-page .section-label{
display: inline-flex; align-items: center; gap: 8px;
background: var(--gold-pale); color: #C9961A;
font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
text-transform: uppercase; padding: 6px 14px; border-radius: 100px;
border: 1px solid rgba(200,149,42,0.25); margin-bottom: 16px;
}
.page-activate-global-service-page .section-label::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #C9961A; }
.page-activate-global-service-page .section-title{ font-family: var(--font-heading); font-size: clamp(28px,4vw,42px); color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
.page-activate-global-service-page .section-sub{ font-size: 20px; color: var(--gray-600); line-height: 1.7; max-width: 620px; }
.page-activate-global-service-page .btn{
display: inline-flex; align-items: center; gap: 8px;
font-family: var(--font-body); font-size: 15px; font-weight: 600;
padding: 14px 28px; border-radius: var(--radius); border: none;
cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.page-activate-global-service-page .btn-primary{ background: #C9961A; color: var(--navy); }
.page-activate-global-service-page .btn-primary:hover{ background: var(--gold-light); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(200,149,42,0.4); }
.page-activate-global-service-page .btn-secondary{ background: transparent; color: var(--white); border: 1.5px solid rgba(255,255,255,0.4); }
.page-activate-global-service-page .btn-secondary:hover{ background: rgba(255,255,255,0.1); }
.page-activate-global-service-page .btn-outline-navy{ background: transparent; color: var(--navy); border: 1.5px solid var(--gray-200); }
.page-activate-global-service-page .btn-outline-navy:hover{ border-color: #C9961A; color: #C9961A; }
.page-activate-global-service-page .check-icon{ color: var(--success); font-size: 18px; flex-shrink: 0; }
.page-activate-global-service-page .tag{ display: inline-block; background: var(--blue-soft); color: var(--blue-accent); font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 6px; letter-spacing: 0.5px; }
header{
position: sticky; top: 0; z-index: 100;
background: var(--navy);
border-bottom: 1px solid rgba(255,255,255,0.08);
backdrop-filter: blur(12px);
}
.header-inner{
display: flex; align-items: center; justify-content: space-between;
height: 68px; gap: 24px;
}
.page-activate-global-service-page .logo{
font-family: var(--font-heading); font-size: 20px; font-weight: 700;
color: var(--white); text-decoration: none; display: flex; align-items: center; gap: 10px;
}
.page-activate-global-service-page .logo-icon{
width: 36px; height: 36px; border-radius: 8px;
background: linear-gradient(135deg, #C9961A, var(--gold-light));
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 800; color: var(--navy); font-family: var(--font-heading);
}
nav{ display: flex; align-items: center; gap: 6px; }
nav a{
color: rgba(255,255,255,0.75); font-size: 14px; font-weight: 500;
padding: 8px 14px; border-radius: 8px; text-decoration: none;
transition: all 0.2s;
}
nav a:hover{ color: var(--white); background: rgba(255,255,255,0.08); }
nav a.active{ color: #C9961A; }
.header-cta{ display: flex; align-items: center; gap: 12px; }
.phone-pill{
display: flex; align-items: center; gap: 8px;
color: rgba(255,255,255,0.8); font-size: 15px; font-weight: 500;
}
.phone-pill span{ font-size: 15px; }
.page-activate-global-service-page .breadcrumb{
background: var(--gray-100); padding: 10px 0;
font-size: 15px; color: var(--gray-600);
}
.page-activate-global-service-page .breadcrumb a{ color: var(--gray-600); text-decoration: none; }
.page-activate-global-service-page .breadcrumb a:hover{ color: var(--navy); }
.page-activate-global-service-page .breadcrumb span{ margin: 0 8px; }
.page-activate-global-service-page .hero{
background: var(--navy);
padding: 80px 0 0;
overflow: hidden;
position: relative;
}
.page-activate-global-service-page .hero::before{
content: '';
position: absolute; top: 0; right: 0;
width: 50%; height: 100%;
background: radial-gradient(ellipse at 80% 50%, rgba(200,149,42,0.08) 0%, transparent 70%);
pointer-events: none;
}
.page-activate-global-service-page .hero-grid{
display: grid; grid-template-columns: 1fr 480px; gap: 60px; align-items: center;
}
.page-activate-global-service-page .hero-badge{
display: inline-flex; align-items: center; gap: 10px;
background: rgba(200,149,42,0.12); border: 1px solid rgba(200,149,42,0.3);
color: var(--gold-light); font-size: 15px; font-weight: 600;
padding: 8px 16px; border-radius: 100px; margin-bottom: 24px;
letter-spacing: 0.5px;
}
.page-activate-global-service-page .guarantee-dot{ width: 8px; height: 8px; border-radius: 50%; background: #C9961A; animation: page-activate-global-service-page-pulse 2s infinite; }
@keyframes page-activate-global-service-page-pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.6;transform:scale(1.3)} }
.page-activate-global-service-page .hero h1{
font-family: var(--font-heading); font-size: clamp(34px,4.5vw,56px);
color: var(--white); line-height: 1.12; margin-bottom: 24px;
}
.page-activate-global-service-page .hero h1 .highlight{
color: #C9961A;
position: relative;
}
.page-activate-global-service-page .hero-desc{
font-size: 20px; color: rgba(255,255,255,0.72); line-height: 1.75; margin-bottom: 36px; max-width: 540px;
}
.page-activate-global-service-page .hero-actions{ display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 48px; }
.page-activate-global-service-page .whatsapp-btn{
display: inline-flex; align-items: center; gap: 10px;
background: #25D366; color: white; font-size: 15px; font-weight: 600;
padding: 14px 24px; border-radius: var(--radius); text-decoration: none;
transition: all 0.2s;
}
.page-activate-global-service-page .whatsapp-btn:hover{ background: #1ebe5d; transform: translateY(-1px); }
.page-activate-global-service-page .hero-trust{
display: flex; flex-wrap: wrap; gap: 28px; align-items: center;
padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.1);
}
.page-activate-global-service-page .trust-item{ display: flex; align-items: center; gap: 10px; }
.page-activate-global-service-page .trust-num{ font-family: var(--font-heading); font-size: 24px; font-weight: 700; color: var(--white); }
.page-activate-global-service-page .trust-label{ font-size: 12px; color: rgba(255,255,255,0.55); line-height: 1.3; max-width: 80px; }
.page-activate-global-service-page .hero-form-card{
background: var(--white); border-radius: var(--radius-lg);
padding: 36px 32px; box-shadow: var(--shadow-lg);
position: relative; z-index: 2;
margin-bottom: -60px;
}
.page-activate-global-service-page .form-card-header{ margin-bottom: 24px; }
.page-activate-global-service-page .form-card-title{ font-family: var(--font-heading); font-size: 22px; color: var(--navy); margin-bottom: 8px; }
.page-activate-global-service-page .form-card-sub{ font-size: 14px; color: var(--gray-600); }
.page-activate-global-service-page .form-group{ margin-bottom: 16px; }
.page-activate-global-service-page .form-group label{ display: block; font-size: 15px; font-weight: 600; color: var(--gray-800); margin-bottom: 6px; }
.page-activate-global-service-page .form-group input, .page-activate-global-service-page .form-group select{
width: 100%; padding: 12px 14px; border: 1.5px solid var(--gray-200);
border-radius: var(--radius); font-family: var(--font-body); font-size: 14px; color: var(--gray-800);
transition: border-color 0.2s; outline: none; background: var(--white);
}
.page-activate-global-service-page .form-group input:focus, .page-activate-global-service-page .form-group select:focus{ border-color: #C9961A; }
.page-activate-global-service-page .form-grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.page-activate-global-service-page .form-submit{
width: 100%; background: #C9961A; color: var(--navy); border: none;
padding: 14px; border-radius: var(--radius); font-family: var(--font-body);
font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.2s;
margin-top: 4px;
}
.page-activate-global-service-page .form-submit:hover{ background: var(--gold-light); }
.page-activate-global-service-page .form-guarantee{
display: flex; align-items: center; gap: 8px; justify-content: center;
margin-top: 14px; font-size: 12px; color: var(--gray-600);
}
.page-activate-global-service-page .form-guarantee span{ font-size: 16px; }
.page-activate-global-service-page .hero-spacer{ height: 80px; background: var(--navy); }
.page-activate-global-service-page .trust-bar{
background: var(--gold-pale); border-top: 1px solid rgba(200,149,42,0.2);
border-bottom: 1px solid rgba(200,149,42,0.2); padding: 18px 0;
margin-top: 80px;
}
.page-activate-global-service-page .trust-bar-inner{
display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: center;
}
.page-activate-global-service-page .trust-bar-item{ display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--navy); }
.page-activate-global-service-page .trust-bar-item .icon{ font-size: 20px; }
.page-activate-global-service-page .problem-section{ padding: 40px 0; background: var(--off-white); }
.page-activate-global-service-page .problem-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.page-activate-global-service-page .problem-cards{ display: flex; flex-direction: column; gap: 14px; }
.page-activate-global-service-page .problem-card{
background: var(--white); border-radius: var(--radius); padding: 20px 24px;
border-left: 4px solid #FF4D4D; display: flex; gap: 16px; align-items: flex-start;
box-shadow: var(--shadow-sm);
}
.page-activate-global-service-page .problem-card .p-icon{ font-size: 24px; flex-shrink: 0; margin-top: 2px; }
.page-activate-global-service-page .problem-card h4{ font-size: 15px; font-weight: 600; color: var(--navy); margin-bottom: 4px; }
.page-activate-global-service-page .problem-card p{ font-size: 15px; color: var(--gray-600); }
.page-activate-global-service-page .solution-badge{
display: inline-flex; align-items: center; gap: 10px;
background: var(--success); color: white; padding: 12px 20px; border-radius: var(--radius);
font-size: 14px; font-weight: 600; margin-bottom: 24px;
}
.page-activate-global-service-page .guarantee-section{
padding: 40px 0;
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
position: relative; overflow: hidden;
}
.page-activate-global-service-page .guarantee-section::after{
content: ''; position: absolute; top: -100px; right: -100px;
width: 500px; height: 500px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,149,42,0.12) 0%, transparent 70%);
pointer-events: none;
}
.page-activate-global-service-page .guarantee-inner{ display: grid; grid-template-columns: 1fr 380px; gap: 64px; align-items: center; position: relative; z-index: 2; }
.page-activate-global-service-page .guarantee-badge-big{
width: 180px; height: 180px; border-radius: 50%;
background: linear-gradient(135deg, #C9961A, var(--gold-light));
display: flex; flex-direction: column; align-items: center; justify-content: center;
box-shadow: 0 0 0 12px rgba(200,149,42,0.15), 0 0 0 24px rgba(200,149,42,0.08);
text-align: center; flex-shrink: 0;
}
.page-activate-global-service-page .guarantee-badge-big .g-icon{ font-size: 42px; color: var(--navy); }
.page-activate-global-service-page .guarantee-badge-big .g-text{ font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.3; }
.page-activate-global-service-page .guarantee-right{ display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.page-activate-global-service-page .guarantee-points{ display: flex; flex-direction: column; gap: 14px; }
.page-activate-global-service-page .guarantee-point{ display: flex; gap: 14px; align-items: flex-start; }
.page-activate-global-service-page .gp-check{
width: 28px; height: 28px; border-radius: 50%; background: rgba(200,149,42,0.2);
border: 1.5px solid #C9961A; display: flex; align-items: center; justify-content: center;
font-size: 15px; color: #C9961A; flex-shrink: 0; margin-top: 2px;
}
.page-activate-global-service-page .gp-text h4{ font-size: 15px; font-weight: 600; color: var(--white); margin-bottom: 3px; }
.page-activate-global-service-page .gp-text p{ font-size: 15px; color: rgba(255,255,255,0.6); }
.page-activate-global-service-page .process-section{ padding: 40px 0; background: var(--white); }
.page-activate-global-service-page .process-header{ text-align: center; margin-bottom: 56px; }
.page-activate-global-service-page .process-header .section-sub{ margin: 0 auto; }
.page-activate-global-service-page .process-steps{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative; }
.page-activate-global-service-page .process-steps::before{
content: ''; position: absolute; top: 36px; left: 10%; right: 10%; height: 2px;
background: linear-gradient(90deg, #C9961A 0%, var(--gray-200) 100%);
z-index: 0;
}
.page-activate-global-service-page .step{
display: flex; flex-direction: column; align-items: center; text-align: center;
padding: 0 12px; position: relative; z-index: 1;
}
.page-activate-global-service-page .step-num{
width: 72px; height: 72px; border-radius: 50%;
background: var(--navy); border: 3px solid #C9961A;
display: flex; align-items: center; justify-content: center;
font-family: var(--font-heading); font-size: 22px; font-weight: 700; color: #C9961A;
margin-bottom: 20px; box-shadow: var(--shadow-md);
transition: all 0.2s;
}
.page-activate-global-service-page .step:hover .step-num{ background: #C9961A; color: var(--navy); transform: scale(1.1); }
.page-activate-global-service-page .step-icon{ font-size: 28px; margin-bottom: 8px; }
.page-activate-global-service-page .step h4{ font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.page-activate-global-service-page .step p{ font-size: 12px; color: var(--gray-600); line-height: 1.5; }
.page-activate-global-service-page .step-time{ font-size: 11px; font-weight: 600; color: #C9961A; margin-top: 6px; }
.page-activate-global-service-page .audience-section{ padding: 40px 0; background: var(--off-white); }
.page-activate-global-service-page .audience-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.page-activate-global-service-page .audience-card{
background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px;
border: 1.5px solid var(--gray-200); transition: all 0.25s;
position: relative; overflow: hidden;
}
.page-activate-global-service-page .audience-card::before{
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, #C9961A, var(--gold-light));
transform: scaleX(0); transition: transform 0.25s; transform-origin: left;
}
.page-activate-global-service-page .audience-card:hover{ border-color: #C9961A; box-shadow: var(--shadow-md); transform: translateY(-4px); }
.page-activate-global-service-page .audience-card:hover::before{ transform: scaleX(1); }
.page-activate-global-service-page .audience-icon{ font-size: 40px; margin-bottom: 16px; display: block; }
.page-activate-global-service-page .audience-card h3{ font-family: var(--font-heading); font-size: 20px; color: var(--navy); margin-bottom: 12px; }
.page-activate-global-service-page .audience-card p{ font-size: 14px; color: var(--gray-600); line-height: 1.65; margin-bottom: 20px; }
.page-activate-global-service-page .audience-list{ list-style: none; display: flex; flex-direction: column; gap: 8px; }
.page-activate-global-service-page .audience-list li{ display: flex; gap: 8px; font-size: 15px; color: var(--gray-700); }
.page-activate-global-service-page .audience-list li::before{ content: '✓'; color: var(--success); font-weight: 700; flex-shrink: 0; }
.page-activate-global-service-page .features-section{ padding: 40px 0; background: var(--white); }
.page-activate-global-service-page .features-layout{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.page-activate-global-service-page .features-visual{
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
border-radius: var(--radius-lg); padding: 40px 36px;
position: relative; overflow: hidden;
}
.page-activate-global-service-page .features-visual::before{
content: ''; position: absolute; top: -60px; right: -60px;
width: 220px; height: 220px; border-radius: 50%;
background: rgba(200,149,42,0.1);
}
.page-activate-global-service-page .account-mockup{ position: relative; z-index: 2; }
.page-activate-global-service-page .account-card-vis{
background: linear-gradient(135deg, #C9961A 0%, var(--gold-light) 100%);
border-radius: 16px; padding: 24px 28px; margin-bottom: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.page-activate-global-service-page .card-chip{ width: 36px; height: 28px; background: rgba(255,255,255,0.5); border-radius: 6px; margin-bottom: 16px; }
.page-activate-global-service-page .card-num{ font-family: monospace; font-size: 17px; letter-spacing: 2px; color: var(--navy); font-weight: 700; margin-bottom: 16px; }
.page-activate-global-service-page .card-bottom{ display: flex; justify-content: space-between; align-items: flex-end; }
.page-activate-global-service-page .card-name{ font-size: 15px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 0.5px; }
.page-activate-global-service-page .card-bank{ font-family: var(--font-heading); font-size: 11px; font-weight: 700; color: var(--navy-light); }
.page-activate-global-service-page .account-details{ display: flex; flex-direction: column; gap: 10px; }
.page-activate-global-service-page .account-detail-item{ display: flex; justify-content: space-between; align-items: center; }
.page-activate-global-service-page .ad-label{ font-size: 17px; color: rgba(255,255,255,0.5); }
.page-activate-global-service-page .ad-value{ font-size: 14px; font-weight: 600; color: var(--white); }
.page-activate-global-service-page .features-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.page-activate-global-service-page .feature-item{
display: flex; gap: 14px; padding: 18px 16px;
background: var(--off-white); border-radius: var(--radius);
border: 1px solid var(--gray-100); transition: all 0.2s;
}
.page-activate-global-service-page .feature-item:hover{ border-color: #C9961A; background: var(--gold-pale); }
.page-activate-global-service-page .feature-icon{ font-size: 24px; flex-shrink: 0; }
.page-activate-global-service-page .feature-item h4{ font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 3px; }
.page-activate-global-service-page .feature-item p{ font-size: 12px; color: var(--gray-600); line-height: 1.4; }
.page-activate-global-service-page .comparison-section{ padding: 40px 0; background: var(--off-white); }
.page-activate-global-service-page .comparison-header{ text-align: center; margin-bottom: 48px; }
.page-activate-global-service-page .comparison-table{ width: 100%; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.page-activate-global-service-page .comparison-table table{ width: 100%; border-collapse: collapse; background: var(--white); }
.page-activate-global-service-page .comparison-table th{
padding: 20px 24px; font-size: 14px; font-weight: 700;
text-align: center; border-bottom: 2px solid var(--gray-200);
}
.page-activate-global-service-page .comparison-table th.highlight-col{ background: var(--navy); color: #C9961A; }
.page-activate-global-service-page .comparison-table th:first-child{ text-align: left; background: var(--gray-100); color: var(--gray-600); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.page-activate-global-service-page .comparison-table td{ padding: 16px 24px; font-size: 14px; border-bottom: 1px solid var(--gray-100); text-align: center; vertical-align: middle; }
.page-activate-global-service-page .comparison-table td:first-child{ text-align: left; font-weight: 500; color: var(--gray-800); }
.page-activate-global-service-page .comparison-table td.highlight-col{ background: rgba(10,22,40,0.03); font-weight: 600; }
.page-activate-global-service-page .comparison-table tr:last-child td{ border-bottom: none; }
.page-activate-global-service-page .comparison-table tr:hover td{ background: var(--off-white); }
.page-activate-global-service-page .comparison-table tr:hover td.highlight-col{ background: rgba(200,149,42,0.06); }
.page-activate-global-service-page .yes{ color: var(--success); font-size: 20px; }
.page-activate-global-service-page .no{ color: #ccc; font-size: 20px; }
.page-activate-global-service-page .partial{ color: #C9961A; font-size: 15px; font-weight: 600; }
.page-activate-global-service-page .pricing-section{ padding: 40px 0; background: var(--white); }
.page-activate-global-service-page .pricing-header{ text-align: center; margin-bottom: 48px; }
.page-activate-global-service-page .pricing-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.page-activate-global-service-page .pricing-card{
background: var(--white); border-radius: var(--radius-lg); padding: 36px 28px;
border: 1.5px solid var(--gray-200); position: relative; transition: all 0.25s;
}
.page-activate-global-service-page .pricing-card:hover{ border-color: #C9961A; box-shadow: var(--shadow-md); transform: translateY(-4px); }
.page-activate-global-service-page .pricing-card.featured{
background: var(--navy); border-color: #C9961A;
transform: scale(1.03); box-shadow: var(--shadow-lg);
}
.page-activate-global-service-page .pricing-card.featured:hover{ transform: scale(1.03) translateY(-4px); }
.page-activate-global-service-page .popular-badge{
position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
background: #C9961A; color: var(--navy); font-size: 12px; font-weight: 700;
padding: 5px 16px; border-radius: 100px; white-space: nowrap; letter-spacing: 0.5px;
}
.page-activate-global-service-page .pricing-name{ font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--gray-400); margin-bottom: 8px; }
.page-activate-global-service-page .pricing-card.featured .pricing-name{ color: var(--gold-light); }
.page-activate-global-service-page .pricing-price{ display: flex; align-items: flex-end; gap: 4px; margin-bottom: 6px; }
.page-activate-global-service-page .price-currency{ font-size: 22px; font-weight: 700; color: var(--navy); padding-bottom: 6px; }
.page-activate-global-service-page .price-amount{ font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: var(--navy); line-height: 1; }
.page-activate-global-service-page .pricing-card.featured .price-currency, .page-activate-global-service-page .pricing-card.featured .price-amount{ color: var(--white); }
.page-activate-global-service-page .price-period{ font-size: 14px; color: var(--gray-400); padding-bottom: 8px; }
.page-activate-global-service-page .pricing-desc{ font-size: 15px; color: var(--gray-600); margin-bottom: 28px; line-height: 1.5; }
.page-activate-global-service-page .pricing-card.featured .pricing-desc{ color: rgba(255,255,255,0.6); }
.page-activate-global-service-page .pricing-features{ list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.page-activate-global-service-page .pricing-features li{ display: flex; gap: 10px; font-size: 16px; color: var(--gray-700); }
.page-activate-global-service-page .pricing-card.featured .pricing-features li{ color: rgba(255,255,255,0.85); }
.page-activate-global-service-page .pricing-features li .pf-check{ color: var(--success); font-size: 16px; flex-shrink: 0; margin-top: 2px; }
.page-activate-global-service-page .pricing-features li.dimmed{ color: var(--gray-400); }
.page-activate-global-service-page .pricing-features li.dimmed .pf-check{ color: var(--gray-300); }
.page-activate-global-service-page .pricing-cta-btn{ width: 100%; padding: 14px; border-radius: var(--radius); font-family: var(--font-body); font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; border: none; }
.page-activate-global-service-page .pricing-cta-btn.outline{ background: transparent; border: 1.5px solid var(--gray-200); color: var(--navy); }
.page-activate-global-service-page .pricing-cta-btn.outline:hover{ border-color: var(--navy); }
.page-activate-global-service-page .pricing-cta-btn.primary{ background: #C9961A; color: var(--navy); }
.page-activate-global-service-page .pricing-cta-btn.primary:hover{ background: var(--gold-light); }
.page-activate-global-service-page .testimonials-section{ padding: 40px 0; background: var(--off-white); }
.page-activate-global-service-page .testimonials-header{ text-align: center; margin-bottom: 48px; }
.page-activate-global-service-page .rating-row{ display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 48px; flex-wrap: wrap; }
.page-activate-global-service-page .rating-score{ font-family: var(--font-heading); font-size: 56px; font-weight: 700; color: var(--navy); line-height: 1; }
.page-activate-global-service-page .rating-details{ display: flex; flex-direction: column; }
.page-activate-global-service-page .stars{ font-size: 24px; color: #F59E0B; letter-spacing: 2px; margin-bottom: 4px; }
.page-activate-global-service-page .rating-label{ font-size: 15px; color: var(--gray-600); }
.page-activate-global-service-page .testimonials-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.page-activate-global-service-page .testimonial-card{
background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px;
border: 1px solid var(--gray-200); transition: all 0.25s;
}
.page-activate-global-service-page .testimonial-card:hover{ box-shadow: var(--shadow-md); transform: translateY(-4px); }
.page-activate-global-service-page .testimonial-card.featured-review{ border-color: #C9961A; background: var(--gold-pale); }
.page-activate-global-service-page .review-stars{ color: #F59E0B; font-size: 16px; letter-spacing: 2px; margin-bottom: 16px; }
.page-activate-global-service-page .review-text{ font-size: 14px; color: var(--gray-700); line-height: 1.7; margin-bottom: 24px; font-style: italic; }
.page-activate-global-service-page .reviewer{ display: flex; align-items: center; gap: 12px; }
.page-activate-global-service-page .reviewer-avatar{
width: 44px; height: 44px; border-radius: 50%;
background: linear-gradient(135deg, var(--navy), var(--navy-light));
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 700; color: #C9961A; font-family: var(--font-heading);
flex-shrink: 0;
}
.page-activate-global-service-page .reviewer-name{ font-size: 14px; font-weight: 700; color: var(--navy); }
.page-activate-global-service-page .reviewer-meta{ font-size: 12px; color: var(--gray-600); display: flex; align-items: center; gap: 6px; }
.page-activate-global-service-page .verified-badge{ font-size: 11px; background: var(--blue-soft); color: var(--blue-accent); padding: 2px 7px; border-radius: 4px; font-weight: 600; }
.page-activate-global-service-page .faq-section{ padding: 40px 0; background: var(--white); }
.page-activate-global-service-page .faq-layout{ display: grid; grid-template-columns: 340px 1fr; gap: 64px; }
.page-activate-global-service-page .faq-sidebar{ position: sticky; top: 90px; height: fit-content; }
.page-activate-global-service-page .faq-sidebar-title{ font-family: var(--font-heading); font-size: 28px; color: var(--navy); margin-bottom: 12px; }
.page-activate-global-service-page .faq-sidebar-text{ font-size: 15px; color: var(--gray-600); line-height: 1.7; margin-bottom: 28px; }
.page-activate-global-service-page .faq-categories{ display: flex; flex-direction: column; gap: 8px; }
.page-activate-global-service-page .faq-cat-btn{
background: transparent; border: 1.5px solid var(--gray-200); border-radius: var(--radius);
padding: 12px 16px; text-align: left; font-family: var(--font-body); font-size: 14px;
font-weight: 500; color: var(--gray-700); cursor: pointer; transition: all 0.2s;
}
.page-activate-global-service-page .faq-cat-btn:hover, .page-activate-global-service-page .faq-cat-btn.active{ background: var(--gold-pale); border-color: #C9961A; color: var(--navy); font-weight: 600; }
.page-activate-global-service-page .faq-list{ display: flex; flex-direction: column; gap: 2px; }
.page-activate-global-service-page .faq-item{ border: 1px solid var(--gray-200); border-radius: var(--radius); overflow: hidden; }
.page-activate-global-service-page .faq-question{
width: 100%; background: var(--white); border: none; padding: 20px 24px;
text-align: left; font-family: var(--font-body); font-size: 20px; font-weight: 600;
color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center;
gap: 16px; transition: background 0.2s;
}
.page-activate-global-service-page .faq-question:hover{ background: var(--off-white); }
.page-activate-global-service-page .faq-question.open{ background: var(--navy); color: var(--white); }
.page-activate-global-service-page .faq-icon{ font-size: 20px; flex-shrink: 0; font-weight: 300; }
.page-activate-global-service-page .faq-answer{
background: var(--off-white); padding: 0 24px;
max-height: 0; overflow: hidden; transition: all 0.3s ease;
}
.page-activate-global-service-page .faq-answer.open{ max-height: 200px; padding: 20px 24px; }
.page-activate-global-service-page .faq-answer p{ font-size: 14px; color: var(--gray-600); line-height: 1.7; }
.page-activate-global-service-page .cta-section{
background: linear-gradient(135deg, #C9961A 0%, var(--gold-light) 100%);
padding: 72px 0;
}
.page-activate-global-service-page .cta-inner{ display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.page-activate-global-service-page .cta-title{ font-family: var(--font-heading); font-size: clamp(26px,3vw,36px); color: var(--navy); line-height: 1.2; margin-bottom: 12px; }
.page-activate-global-service-page .cta-sub{ font-size: 18px; color: rgba(10,22,40,0.7); }
.page-activate-global-service-page .cta-buttons{ display: flex; gap: 14px; flex-wrap: wrap; flex-shrink: 0; }
.page-activate-global-service-page .btn-navy{ background: var(--navy); color: var(--white); }
.page-activate-global-service-page .btn-navy:hover{ background: var(--navy-mid); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(10,22,40,0.25); }
.page-activate-global-service-page .btn-white{ background: var(--white); color: var(--navy); }
.page-activate-global-service-page .btn-white:hover{ background: var(--off-white); }
.page-activate-global-service-page .sticky-cta{
position: fixed; bottom: 0; left: 0; right: 0; z-index: 99;
background: var(--navy); border-top: 1px solid rgba(255,255,255,0.1);
padding: 12px 24px; display: none;
box-shadow: 0 -8px 24px rgba(10,22,40,0.2);
}
.page-activate-global-service-page .sticky-cta-inner{ display: flex; gap: 12px; max-width: 600px; margin: 0 auto; }
.page-activate-global-service-page .sticky-cta .btn{ flex: 1; justify-content: center; font-size: 14px; padding: 12px; }
.site-footer.site-footer-brand{ background: var(--navy); color: rgba(255,255,255,0.7); padding: 60px 0 24px; }
.site-footer.site-footer-brand .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.site-footer.site-footer-brand .footer-brand .logo{ margin-bottom: 16px; display: block; }
.site-footer.site-footer-brand .footer-brand p{ font-size: 15px; line-height: 1.7; max-width: 280px; }
.site-footer.site-footer-brand .footer-col h5{ font-size: 15px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
.site-footer.site-footer-brand .footer-col a{ display: block; font-size: 15px; color: rgba(255,255,255,0.6); text-decoration: none; margin-bottom: 10px; transition: color 0.2s; }
.site-footer.site-footer-brand .footer-col a:hover{ color: #C9961A; }
.site-footer.site-footer-brand .footer-bottom{ border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.site-footer.site-footer-brand .footer-bottom p{ font-size: 12px; }
.site-footer.site-footer-brand .footer-badges{ display: flex; gap: 10px; }
.site-footer.site-footer-brand .footer-badge{
display: inline-flex; align-items: center; gap: 6px;
background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
padding: 6px 12px; border-radius: 6px; font-size: 11px; font-weight: 600;
color: rgba(255,255,255,0.7); white-space: nowrap;
}
.site-footer.site-footer-brand .footer-badge span{ color: #C9961A; }
.page-activate-global-service-page .annotation{
background: #C9961A; color: var(--navy); font-size: 11px; font-weight: 800;
padding: 3px 10px; border-radius: 4px; display: inline-block;
text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px;
}
.page-activate-global-service-page .section-divider{ height: 1px; background: var(--gray-200); margin: 0; }
@media (max-width: 1024px){
.page-activate-global-service-page .hero-grid{ grid-template-columns: 1fr; }
.page-activate-global-service-page .hero-form-card{ margin-bottom: 0; }
.page-activate-global-service-page .guarantee-inner{ grid-template-columns: 1fr; text-align: center; }
.page-activate-global-service-page .guarantee-right{ align-items: center; }
.page-activate-global-service-page .problem-grid{ grid-template-columns: 1fr; }
.page-activate-global-service-page .features-layout{ grid-template-columns: 1fr; }
.page-activate-global-service-page .faq-layout{ grid-template-columns: 1fr; }
.page-activate-global-service-page .faq-sidebar{ position: static; }
}
@media (max-width: 768px){
.page-activate-global-service-page .process-steps{ grid-template-columns: 1fr 1fr; }
.page-activate-global-service-page .process-steps::before{ display: none; }
.page-activate-global-service-page .audience-grid{ grid-template-columns: 1fr; }
.page-activate-global-service-page .pricing-grid{ grid-template-columns: 1fr; }
.page-activate-global-service-page .testimonials-grid{ grid-template-columns: 1fr; }
.site-footer.site-footer-brand .footer-grid{ grid-template-columns: 1fr 1fr !important; }
nav{ display: none; }
.page-activate-global-service-page .cta-inner{ grid-template-columns: 1fr; }
.page-activate-global-service-page .sticky-cta{ display: block; }
.page-activate-global-service-page .comparison-table{ overflow-x: auto; }
.page-activate-global-service-page .features-list{ grid-template-columns: 1fr; }
}
/* Source: activate_global_homepage (1).html */
.page-activate-global-homepage{
--navy: #0D1B2A;
--navy-mid: #1A3356;
--navy-light: #2D4E7E;
--gold: #C9961A;
--gold-light: #F0C257;
--gold-bg: #FDF6E3;
--off-white: #F7F8FA;
--white: #ffffff;
--text-body: #374151;
--text-muted: #6B7280;
--text-light: #9CA3AF;
--border: #E5E7EB;
--border-dark: #D1D5DB;
--success: #059669;
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px;
--radius-xl: 24px;
--shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
--shadow-md: 0 4px 16px rgba(13,27,42,0.10);
--shadow-lg: 0 12px 40px rgba(13,27,42,0.14);
}
.page-activate-global-homepage *, .page-activate-global-homepage *::before, .page-activate-global-homepage *::after{ box-sizing: border-box; margin: 0; padding: 0; }
html{ scroll-behavior: smooth; }
.page-activate-global-homepage{ font-family: 'DM Sans', sans-serif; font-size: 16px; color: var(--text-body); background: var(--white); line-height: 1.65; padding-top: 0px !important; overflow:hidden}
.page-activate-global-homepage h1, .page-activate-global-homepage h2, .page-activate-global-homepage h3, .page-activate-global-homepage h4{ font-family: 'DM Serif Display', serif; color: var(--navy); line-height: 1.2; }
.page-activate-global-homepage h1{ font-size: clamp(34px, 5vw, 58px); }
.page-activate-global-homepage h2{ font-size: clamp(26px, 3.5vw, 42px); }
.page-activate-global-homepage h3{ font-size: clamp(18px, 2vw, 24px); }
.page-activate-global-homepage p{ line-height: 1.7; }
.page-activate-global-homepage a{ text-decoration: none; color: inherit; }
.page-activate-global-homepage img{ max-width: 100%; display: block; }
.page-activate-global-homepage .container{ max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.page-activate-global-homepage .container-wide{ max-width: 1400px; margin: 0 auto; padding: 0 24px; }
.page-activate-global-homepage .btn{ display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: var(--radius-md); font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; white-space: nowrap; }
.header-actions .btn-primary{ background: #C9961A; color: var(--navy); padding: 10px 20px !important; font-size: 15px !important; white-space: nowrap;}
.page-activate-global-homepage .btn-primary{ background: #C9961A; color: var(--navy); }
.page-activate-global-homepage .btn-primary:hover{ background: #B8880F; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(201,150,26,0.35); }
.page-activate-global-homepage .btn-outline{ background: transparent; color: var(--white); border: 1.5px solid rgba(255,255,255,0.5); }
.page-activate-global-homepage .btn-outline:hover{ background: rgba(255,255,255,0.1); border-color: var(--white); }
.page-activate-global-homepage .btn-navy{ background: var(--navy); color: var(--white); }
.page-activate-global-homepage .btn-navy:hover{ background: var(--navy-mid); transform: translateY(-1px); }
.page-activate-global-homepage .btn-ghost{ background:#B8880F; color: var(--navy); border: 1.5px solid #B8880F; }
.page-activate-global-homepage .btn-ghost:hover{ background: var(--navy); color: var(--white); }
.page-activate-global-homepage .btn-sm{ padding: 10px 20px; font-size: 15px; }
.page-activate-global-homepage .btn-lg{ padding: 16px 36px; font-size: 16px; }
.page-activate-global-homepage .btn svg{ width: 18px; height: 18px; }
.top-bar{ background: var(--navy); padding: 9px 0; font-size: 15px; color: rgba(255,255,255,0.75); position: fixed;
z-index: 9;
top: 0px;
width: 100%;}
.top-bar-inner{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.top-bar-left{ display: flex; align-items: center; gap: 20px; }
.top-bar-item{ display: flex; align-items: center; gap: 6px; font-size:13px;}
.top-bar-item a{ color: rgba(255,255,255,0.85); transition: color 0.15s;text-decoration: none !important; }
.top-bar-item a:hover{ color: var(--gold-light); }
.top-bar-right{ display: flex; align-items: center; gap: 16px; }
.top-badge{ background: #C9961A; color: var(--navy); padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; }
.top-bar-dot{ width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,0.3); }
.header{ background: var(--white); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.header-inner{ display: flex; align-items: center; justify-content: space-between; padding: 14px 0; gap: 20px; }
.logo{ display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo-mark{ width: 40px; height: 40px; background: var(--navy); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.logo-mark svg{ width: 22px; height: 22px; fill: #C9961A; }
.logo-text{ display: flex; flex-direction: column; line-height: 1.1; }
.logo-name{ font-family: 'DM Serif Display', serif; font-size: 18px; color: var(--navy); }
.logo-tagline{ font-size: 10px; color: var(--text-muted); letter-spacing: 0.08em; text-transform: uppercase; font-family: 'DM Sans', sans-serif; }
nav{ display: flex; align-items: center; gap: 4px; }
.nav-link{ padding: 8px 12px; font-size: 14px; font-weight: 500; color: var(--text-body); border-radius: var(--radius-sm); transition: all 0.15s; position: relative; }
.nav-link:hover, .nav-link.active{ color: var(--navy); background: var(--off-white); }
.nav-link .arrow{ font-size: 9px; opacity: 0.5; margin-left: 2px; }
.header-actions{ display: flex; align-items: center; gap: 10px; }
.name-checker-wrap{ display: flex; border: 1.5px solid var(--border-dark); border-radius: var(--radius-md); overflow: hidden; background: var(--white); }
.name-checker-wrap input{ border: none; outline: none; padding: 9px 14px; font-size: 15px; font-family: 'DM Sans', sans-serif; width: 190px; color: var(--text-body); }
.name-checker-wrap button{ background: var(--navy); color: var(--white); border: none; padding: 9px 14px; font-size: 15px; font-weight: 600; cursor: pointer; font-family: 'DM Sans', sans-serif; white-space: nowrap; }
.page-activate-global-homepage .hero{background: var(--navy); color: var(--white); padding: 80px 0 0; position: relative; overflow: hidden; }
.page-activate-global-homepage .hero::before{ content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.page-activate-global-homepage .hero-inner{ display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: center; position: relative; }
.page-activate-global-homepage .hero-eyebrow{ display: flex; align-items: center; gap: 8px; margin-bottom: 20px; }
.page-activate-global-homepage .hero-badge{ background: rgba(201,150,26,0.2); border: 1px solid rgba(201,150,26,0.4); color: var(--gold-light); padding: 5px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; }
.page-activate-global-homepage .hero-flag{ font-size: 16px; }
.page-activate-global-homepage .hero h1{ color: var(--white); margin-bottom: 20px; }
.page-activate-global-homepage .hero h1 span{ color: var(--gold-light); }
.page-activate-global-homepage .hero-sub{ font-size: 20px; color: rgba(255,255,255,0.80); max-width: 560px; margin-bottom: 32px; line-height: 1.65; }
.page-activate-global-homepage .hero-ctas{ display: flex; align-items: center; gap: 14px; margin-bottom: 40px; flex-wrap: wrap; }
.page-activate-global-homepage .hero-proof{ display: flex; align-items: center; gap: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); flex-wrap: wrap; }
.page-activate-global-homepage .proof-item{ display: flex; flex-direction: column; }
.page-activate-global-homepage .proof-num{ font-family: 'DM Serif Display', serif; font-size: 24px; color: var(--gold-light); }
.page-activate-global-homepage .proof-label{ font-size: 12px; color: rgba(255,255,255,0.60); margin-top: 1px; }
.page-activate-global-homepage .hero-form-card{ background: var(--white); border-radius: var(--radius-xl); padding: 32px 28px; box-shadow: var(--shadow-lg); }
.page-activate-global-homepage .form-heading{ font-family: 'DM Serif Display', serif; font-size: 20px; color: var(--navy); margin-bottom: 6px; }
.page-activate-global-homepage .form-sub{ font-size: 15px; color: var(--text-muted); margin-bottom: 20px; }
.page-activate-global-homepage .form-field{ margin-bottom: 14px; }
.page-activate-global-homepage .form-field label{ display: block; font-size: 12px; font-weight: 600; color: var(--navy); margin-bottom: 5px; letter-spacing: 0.02em; text-transform: uppercase; }
.page-activate-global-homepage .form-field input, .page-activate-global-homepage .form-field select{ width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: var(--radius-sm); font-size: 14px; font-family: 'DM Sans', sans-serif; color: var(--text-body); outline: none; transition: border 0.15s; }
.page-activate-global-homepage .form-field input:focus, .page-activate-global-homepage .form-field select:focus{ border-color: var(--navy-light); }
.page-activate-global-homepage .form-submit{ width: 100%; padding: 14px; background: #C9961A; color: var(--navy); border: none; border-radius: var(--radius-md); font-size: 15px; font-weight: 700; cursor: pointer; font-family: 'DM Sans', sans-serif; transition: background 0.2s; margin-top: 4px; }
.page-activate-global-homepage .form-submit:hover{ background: #B8880F; }
.page-activate-global-homepage .form-guarantee{ text-align: center; margin-top: 12px; font-size: 12px; color: var(--text-muted); display: flex; align-items: center; justify-content: center; gap: 5px; }
.page-activate-global-homepage .form-guarantee svg{ width: 14px; height: 14px; color: var(--success); }
.page-activate-global-homepage .hero-wave{ margin-top: 60px; display: block; width: 100%; }
.page-activate-global-homepage .trust-bar{ background: var(--off-white); border-bottom: 1px solid var(--border); padding: 18px 0;display: none; }
.page-activate-global-homepage .trust-bar-inner{ display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }
.page-activate-global-homepage .trust-item{ display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: var(--navy); }
.page-activate-global-homepage .trust-icon{ width: 36px; height: 36px; border-radius: 50%; background: var(--gold-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.page-activate-global-homepage .trust-icon svg{ width: 18px; height: 18px; }
.page-activate-global-homepage .section{ padding: 40px 0; }
.page-activate-global-homepage .section-sm{ padding: 56px 0; }
.page-activate-global-homepage .section-alt{ background: var(--off-white); }
.page-activate-global-homepage .section-navy{ background: var(--navy); color: var(--white); }
.page-activate-global-homepage .section-header{ text-align: center; max-width: 640px; margin: 0 auto 56px; }
.page-activate-global-homepage .section-eyebrow{ display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #C9961A; margin-bottom: 12px; }
.page-activate-global-homepage .section-header p{ color: var(--text-muted); font-size: 20px; margin-top: 12px; }
.page-activate-global-homepage .audience-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.page-activate-global-homepage .audience-card{ background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius-lg); padding: 24px 20px; cursor: pointer; transition: all 0.2s; position: relative; overflow: hidden; }
.page-activate-global-homepage .audience-card:hover{ border-color: var(--navy); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.page-activate-global-homepage .audience-card.featured{ border-color: #C9961A; background: var(--gold-bg); }
.page-activate-global-homepage .audience-icon{ font-size: 28px; margin-bottom: 12px; }
.page-activate-global-homepage .audience-card h4{ font-family: 'DM Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.page-activate-global-homepage .audience-card p{ font-size: 20px; color: var(--text-muted); line-height: 1.55; }
.page-activate-global-homepage .audience-card .arrow-link{ display: flex; align-items: center; gap: 4px; font-size: 15px; font-weight: 600; color: var(--navy); margin-top: 12px; }
.page-activate-global-homepage .pop-badge{ position: absolute; top: 12px; right: 12px; background: #C9961A; color: var(--navy); font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 20px; letter-spacing: 0.04em; }
.page-activate-global-homepage .services-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.page-activate-global-homepage .service-card{ background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px 24px; transition: all 0.2s; }
.page-activate-global-homepage .service-card:hover{ border-color: var(--navy-light); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.page-activate-global-homepage .service-icon{ width: 48px; height: 48px; border-radius: var(--radius-md); background: var(--navy); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.page-activate-global-homepage .service-icon svg{ width: 24px; height: 24px; fill: #C9961A; }
.page-activate-global-homepage .service-card h3{ font-family: 'DM Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.page-activate-global-homepage .service-card p{ font-size: 20px; color: var(--text-muted); line-height: 1.6; margin-bottom: 14px; }
.page-activate-global-homepage .service-link{ font-size: 15px; font-weight: 600; color: var(--navy); display: flex; align-items: center; gap: 4px; }
.page-activate-global-homepage .steps-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
.page-activate-global-homepage .steps-wrap::before{ content: ''; position: absolute; top: 32px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(90deg, #C9961A 0%, #C9961A 100%); border-radius: 2px; z-index: 0; }
.page-activate-global-homepage .step{ text-align: center; padding: 0 20px; position: relative; z-index: 1;box-shadow: none; flex-direction:column}
.page-activate-global-homepage .step-number{ width: 64px; height: 64px; border-radius: 50%; background: var(--navy); color: #C9961A; font-family: 'DM Serif Display', serif; font-size: 26px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; border: 4px solid var(--white); box-shadow: 0 0 0 2px #C9961A; }
.page-activate-global-homepage .step h4{ font-family: 'DM Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.page-activate-global-homepage .step p{ font-size: 20px; color: var(--text-muted); line-height: 1.55; }
.page-activate-global-homepage .steps-footer{ text-align: center; margin-top: 48px; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.page-activate-global-homepage .speed-badge{ display: flex; align-items: center; gap: 8px; background: var(--success); color: var(--white); padding: 10px 20px; border-radius: 40px; font-size: 14px; font-weight: 600; }
.page-activate-global-homepage .feature-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.page-activate-global-homepage .feature-content .section-eyebrow{ display: block; text-align: left; }
.page-activate-global-homepage .feature-content h2{ text-align: left; margin-bottom: 16px; }
.page-activate-global-homepage .feature-list{ list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 14px; }
.page-activate-global-homepage .feature-list li{ display: flex; align-items: flex-start; gap: 12px; font-size: 20px; }
.page-activate-global-homepage .check-icon{ width: 22px; height: 22px; border-radius: 50%; background: var(--success); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.page-activate-global-homepage .check-icon svg{ width: 12px; height: 12px; stroke: white; fill: none; }
.page-activate-global-homepage .feature-visual{ background: var(--navy); border-radius: var(--radius-xl); padding: 36px 32px; color: var(--white); }
.page-activate-global-homepage .feature-stat-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 24px; }
.page-activate-global-homepage .feature-stat{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-lg); padding: 20px; }
.page-activate-global-homepage .feature-stat-num{ font-family: 'DM Serif Display', serif; font-size: 32px; color: var(--gold-light); }
.page-activate-global-homepage .feature-stat-label{ font-size: 17px; color: rgba(255,255,255,0.60); margin-top: 4px; }
.page-activate-global-homepage .pricing-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 960px; margin: 0 auto; }
.page-activate-global-homepage .pricing-card{ background: var(--white) !important; border: 1.5px solid var(--border); border-radius: var(--radius-xl); padding: 32px 28px; position: relative; transition: all 0.2s; }
.page-activate-global-homepage .pricing-card.featured{ border-color: var(--navy); box-shadow: var(--shadow-lg); transform: scale(1.03); }
.page-activate-global-homepage .popular-badge{ position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #C9961A; color: var(--navy); font-size: 11px; font-weight: 800; padding: 5px 16px; border-radius: 20px; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }
.page-activate-global-homepage .plan-name{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 10px; }
.page-activate-global-homepage .plan-price{ font-family: 'DM Serif Display', serif; font-size: 46px; color: var(--navy); line-height: 1; margin-bottom: 6px; }
.page-activate-global-homepage .plan-price span{ font-size: 20px; vertical-align: super; margin-right: 2px; }
.page-activate-global-homepage .plan-desc{ font-size: 18px; color: var(--text-muted); margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
.page-activate-global-homepage .plan-features{ list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.page-activate-global-homepage .plan-features li{ display: flex; align-items: flex-start; gap: 10px; font-size: 17.5px; color: var(--text-body); }
.page-activate-global-homepage .plan-features .tick{ color: var(--success); font-size: 15px; flex-shrink: 0; }
.page-activate-global-homepage .plan-cta{ width: 100%; padding: 15px; border-radius: var(--radius-md); font-size: 14px; font-weight: 700; cursor: pointer; font-family: 'DM Sans', sans-serif; border: none; transition: all 0.2s; }
.page-activate-global-homepage .plan-cta-primary{ background: #C9961A; color: var(--navy); }
.page-activate-global-homepage .plan-cta-primary:hover{ background: #B8880F; }
.page-activate-global-homepage .plan-cta-outline{ background: transparent; color: var(--navy); border: 1.5px solid var(--navy) !important; }
.page-activate-global-homepage .plan-cta-outline:hover{ background: var(--navy); color: var(--white); }
.page-activate-global-homepage .bank-section{ background: var(--navy); padding: 40px 0; color: var(--white); }
.page-activate-global-homepage .bank-inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.page-activate-global-homepage .bank-content h2{ color: var(--white); margin-bottom: 12px; }
.page-activate-global-homepage .bank-content p{ color: rgba(255,255,255,0.75); font-size: 20px; margin-bottom: 28px; }
.page-activate-global-homepage .guarantee-pill{ display: inline-flex; align-items: center; gap: 8px; background: rgba(201,150,26,0.15); border: 1px solid rgba(201,150,26,0.35); color: var(--gold-light); padding: 8px 16px; border-radius: 40px; font-size: 15px; font-weight: 600; margin-bottom: 24px; position:relative;}
.page-activate-global-homepage .bank-logos-wrap{ background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-xl); padding: 28px; }
.page-activate-global-homepage .bank-logos-label{ font-size: 14px; color: rgba(255,255,255,0.80); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 0.08em; }
.page-activate-global-homepage .bank-logos-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.page-activate-global-homepage .bank-logo-item{ background: rgba(255,255,255,0.08); border-radius: var(--radius-md); padding: 12px 8px; text-align: center; font-size: 15px; font-weight: 700; color: rgba(255,255,255,0.70); letter-spacing: 0.05em; }
.page-activate-global-homepage .bank-stats{ display: flex; gap: 32px; margin-top: 28px; }
.page-activate-global-homepage .bstat{ display: flex; flex-direction: column; }
.page-activate-global-homepage .bstat-num{ font-family: 'DM Serif Display', serif; font-size: 28px; color: var(--gold-light); }
.page-activate-global-homepage .bstat-label{ font-size: 16px; color: rgba(255,255,255,0.55); }
.page-activate-global-homepage .why-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 56px; }
.page-activate-global-homepage .why-card{ padding: 28px 24px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--border); }
.page-activate-global-homepage .why-number{ font-family: 'DM Serif Display', serif; font-size: 14px; color: #C9961A; margin-bottom: 12px; }
.page-activate-global-homepage .why-card h4{ font-family: 'DM Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.page-activate-global-homepage .why-card p{ font-size: 20px; color: var(--text-muted); }
.page-activate-global-homepage .compare-table{ width: 100%; border-collapse: collapse; background: var(--white); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border); }
.page-activate-global-homepage .compare-table th, .page-activate-global-homepage .compare-table td{ padding: 14px 20px; text-align: center; font-size: 14px; border-bottom: 1px solid var(--border); }
.page-activate-global-homepage .compare-table th{ background: var(--navy); color: var(--white); font-weight: 600; }
.page-activate-global-homepage .compare-table th:first-child, .page-activate-global-homepage .compare-table td:first-child{ text-align: left; }
.page-activate-global-homepage .compare-table td:nth-child(2){ background: rgba(240,194,87,0.08); font-weight: 600; color: var(--navy); }
.page-activate-global-homepage .tick-yes{ color: var(--success); font-size: 18px; }
.page-activate-global-homepage .tick-no{ color: #D1D5DB; font-size: 18px; }
.page-activate-global-homepage .tick-partial{ color: #C9961A; font-size: 14px; font-weight: 600; }
.page-activate-global-homepage .compare-table tr:last-child td{ border-bottom: none; }
.page-activate-global-homepage .our-col-head{ display: flex; align-items: center; gap: 6px; justify-content: center; }
.page-activate-global-homepage .our-col-head .star-badge{ background: #C9961A; color: var(--navy); font-size: 10px; padding: 2px 8px; border-radius: 20px; font-weight: 800; }
.page-activate-global-homepage .countries-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; margin-top: 40px; }
.page-activate-global-homepage .country-chip{ display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-md); font-size: 15px; font-weight: 500; color: var(--navy); transition: all 0.15s; }
.page-activate-global-homepage .country-chip:hover{ border-color: var(--navy); background: var(--off-white); }
.page-activate-global-homepage .country-flag{ font-size: 18px; }
.page-activate-global-homepage .countries-note{ text-align: center; margin-top: 24px; font-size: 14px; color: var(--text-muted); }
.page-activate-global-homepage .testimonials-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.page-activate-global-homepage .testimonial-card{ background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px 24px; }
.page-activate-global-homepage .t-stars{ color: #C9961A; font-size: 15px; margin-bottom: 14px; letter-spacing: 2px; }
.page-activate-global-homepage .t-text{ font-size: 18px; color: var(--text-body); line-height: 1.65; margin-bottom: 20px; font-style: italic; }
.page-activate-global-homepage .t-author{ display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--border); }
.page-activate-global-homepage .t-avatar{ width: 40px; height: 40px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; font-family: 'DM Serif Display', serif; font-size: 16px; color: #C9961A; flex-shrink: 0; }
.page-activate-global-homepage .t-meta h5{ font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 700; color: var(--navy); }
.page-activate-global-homepage .t-meta p{ font-size: 15px; color: var(--text-muted); }
.page-activate-global-homepage .t-tag{ display: inline-block; background: var(--off-white); border: 1px solid var(--border); border-radius: 20px; font-size: 15px; padding: 2px 8px; color: var(--text-muted); margin-top: 3px; }
.page-activate-global-homepage .partner-band{ background: var(--gold-bg); border-top: 2px solid #C9961A; border-bottom: 2px solid #C9961A; padding: 40px 0; }
.page-activate-global-homepage .partner-inner{ display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.page-activate-global-homepage .partner-text h3{ font-family: 'DM Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.page-activate-global-homepage .partner-text p{ font-size: 18px; color: var(--text-muted); max-width: 480px; }
.page-activate-global-homepage .blog-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.page-activate-global-homepage .blog-card{ background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: all 0.2s; }
.page-activate-global-homepage .blog-card:hover{ box-shadow: var(--shadow-md); transform: translateY(-2px); }
.page-activate-global-homepage .blog-img{ height: 180px; background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); display: flex; align-items: center; justify-content: center; }
.page-activate-global-homepage .blog-img-label{ font-family: 'DM Serif Display', serif; font-size: 20px; color: rgba(255,255,255,0.25); text-align: center; padding: 20px; }
.page-activate-global-homepage .blog-body{ padding: 24px; }
.page-activate-global-homepage .blog-tag{ display: inline-block; background: var(--off-white); color: var(--text-muted); font-size: 11px; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.page-activate-global-homepage .blog-card h4{ font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 8px; line-height: 1.45; }
.page-activate-global-homepage .blog-card p{ font-size: 18px; color: var(--text-muted); line-height: 1.6; margin-bottom: 14px; }
.page-activate-global-homepage .blog-meta{ display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--text-light); }
.page-activate-global-homepage .blog-read-more{ color: var(--navy); font-weight: 600; font-size: 15px; }
.page-activate-global-homepage .faq-wrap{ max-width: 780px; margin: 0 auto; }
.page-activate-global-homepage .faq-item{ border:none;border-bottom: 1px solid var(--border); }
.page-activate-global-homepage .faq-question{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; text-align: left; background: none; border: none; cursor: pointer; font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 600; color: var(--navy); gap: 16px; }
.page-activate-global-homepage .faq-icon{ width: 24px; height: 24px; border-radius: 50%; background: var(--navy); flex-shrink: 0; display: flex;color:#fff; align-items: center; justify-content: center; transition: transform 0.2s; }
.page-activate-global-homepage .faq-icon svg{ width: 12px; height: 12px; stroke: var(--white); fill: none; stroke-width: 2.5; }
.page-activate-global-homepage .faq-answer{ display: none; padding: 0 0 20px; font-size: 17px; color: var(--text-body); line-height: 1.7; }
.page-activate-global-homepage .faq-answer.open{ display: block; }
.page-activate-global-homepage .faq-icon.open{ background: #C9961A; transform: rotate(45deg); }
.page-activate-global-homepage .final-cta{ background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); padding: 100px 0; text-align: center; color: var(--white); }
.page-activate-global-homepage .final-cta h2{ color: var(--white); margin-bottom: 16px; }
.page-activate-global-homepage .final-cta p{ color: rgba(255,255,255,0.75); font-size: 20px; max-width: 540px; margin: 0 auto 36px; }
.page-activate-global-homepage .final-cta-btns{ display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.page-activate-global-homepage .urgency-chips{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.page-activate-global-homepage .urgency-chip{ background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.75); padding: 8px 16px; border-radius: 40px; font-size: 18px; }
.page-activate-global-homepage .urgency-chip strong{ color: var(--gold-light); }
.site-footer.site-footer-home{ background: #060F18; color: rgba(255,255,255,0.70); padding: 64px 0 0; }
.site-footer.site-footer-home .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.site-footer.site-footer-home .footer-about p{ font-size: 14px; line-height: 1.7; margin-top: 16px; margin-bottom: 20px; }
.site-footer.site-footer-home .footer-contact-item{ display: flex; align-items: flex-start; gap: 8px; font-size: 15px; margin-bottom: 8px; }
.site-footer.site-footer-home .footer-contact-item a{ color: rgba(255,255,255,0.70); transition: color 0.15s; }
.site-footer.site-footer-home .footer-contact-item a:hover{ color: var(--gold-light); }
.site-footer.site-footer-home .footer-col-title{ font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 700; color: var(--white); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }
.site-footer.site-footer-home .footer-links{ list-style: none; display: flex; flex-direction: column; gap: 9px; }
.site-footer.site-footer-home .footer-links a{ font-size: 14px; color: rgba(255,255,255,0.60); transition: color 0.15s; }
.site-footer.site-footer-home .footer-links a:hover{ color: var(--gold-light); }
.site-footer.site-footer-home .footer-bottom{ padding: 20px 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: rgba(255,255,255,0.40); flex-wrap: wrap; gap: 8px; }
.site-footer.site-footer-home .footer-bottom-links{ display: flex; gap: 20px; }
.site-footer.site-footer-home .footer-bottom-links a{ color: rgba(255,255,255,0.40); }
.site-footer.site-footer-home .footer-bottom-links a:hover{ color: rgba(255,255,255,0.70); }
.site-footer.site-footer-home .footer-trust{ display: flex; align-items: center; gap: 16px; margin-top: 20px; }
.site-footer.site-footer-home .footer-trust-badge{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-md); padding: 8px 14px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.60); }
.site-footer.site-footer-home .social-links{ display: flex; gap: 10px; margin-top: 20px; }
.site-footer.site-footer-home .social-link{ width: 36px; height: 36px; border-radius: var(--radius-sm); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); display: flex; align-items: center; justify-content: center; transition: all 0.15s; color: rgba(255,255,255,0.60); font-size: 15px; font-weight: 700; }
.site-footer.site-footer-home .social-link:hover{ background: #C9961A; color: var(--navy); border-color: #C9961A; }
.site-footer.site-footer-home .footer-nl input{ width: 100%; padding: 10px 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-sm); color: var(--white); font-size: 15px; font-family: 'DM Sans', sans-serif; outline: none; margin-bottom: 8px; }
.site-footer.site-footer-home .footer-nl button{ width: 100%; padding: 10px; background: #C9961A; color: var(--navy); border: none; border-radius: var(--radius-sm); font-size: 15px; font-weight: 700; cursor: pointer; font-family: 'DM Sans', sans-serif; }
.site-footer.site-footer-home .reg-num{ font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 4px; }
.page-activate-global-homepage .section-label{ display: inline-block; background: #FF6B35; color: white; font-size: 10px; font-weight: 800; padding: 3px 10px; border-radius: 20px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; font-family: 'DM Sans', sans-serif; }
@media (max-width: 960px){
.page-activate-global-homepage .hero-inner{ grid-template-columns: 1fr; }
.page-activate-global-homepage .hero-form-card{ max-width: 500px; }
.page-activate-global-homepage .services-grid{ grid-template-columns: repeat(2, 1fr); }
.page-activate-global-homepage .steps-wrap{ grid-template-columns: repeat(1, 1fr); gap: 32px; }
.page-activate-global-homepage .steps-wrap::before{ display: none; }
.page-activate-global-homepage .feature-split{ grid-template-columns: 1fr; }
.page-activate-global-homepage .pricing-grid{ grid-template-columns: 1fr; max-width: 400px; }
.page-activate-global-homepage .pricing-card.featured{ transform: scale(1); }
.page-activate-global-homepage .bank-inner{ grid-template-columns: 1fr; }
.page-activate-global-homepage .why-grid{ grid-template-columns: repeat(2, 1fr); }
.page-activate-global-homepage .testimonials-grid{ grid-template-columns: 1fr; }
.page-activate-global-homepage .blog-grid{ grid-template-columns: 1fr; }
.site-footer.site-footer-home .footer-grid{ grid-template-columns: 1fr 1fr; }
.page-activate-global-homepage .hero-proof{ gap: 16px; }
.page-activate-global-homepage .audience-grid{ grid-template-columns: repeat(1, 1fr); }
.page-activate-global-homepage .bank-logos-grid{ grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 640px){
.top-bar-right, .top-bar-dot{ display: none; }
.page-activate-global-homepage .services-grid{ grid-template-columns: 1fr; }
.page-activate-global-homepage .why-grid{ grid-template-columns: 1fr; }
.site-footer.site-footer-home .footer-grid{ grid-template-columns: 1fr !important; }
.page-activate-global-homepage .compare-table{ font-size: 12px; }
.page-activate-global-homepage .compare-table th, .page-activate-global-homepage .compare-table td{ padding: 10px 12px; }
}
/* Source: activate_global_mobile (1).html */
.page-activate-global-mobile{
--navy: #0D1B2A;
--navy-mid: #1A3356;
--navy-light: #2D4E7E;
--gold: #C9961A;
--gold-l: #F0C257;
--gold-bg: #FDF6E3;
--off: #F7F8FA;
--white: #ffffff;
--body: #374151;
--muted: #6B7280;
--faint: #9CA3AF;
--border: #E5E7EB;
--success: #059669;
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 22px;
--sh-sm: 0 1px 4px rgba(0,0,0,0.07);
--sh-md: 0 4px 18px rgba(13,27,42,0.11);
--sh-lg: 0 10px 40px rgba(13,27,42,0.16);
}
.page-activate-global-mobile *, .page-activate-global-mobile *::before, .page-activate-global-mobile *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
.page-activate-global-mobile{
font-family:'DM Sans',sans-serif;
font-size:15px;
color:var(--body);
background:var(--white);
line-height:1.6;
padding-bottom:72px;
}
.page-activate-global-mobile h1, .page-activate-global-mobile h2, .page-activate-global-mobile h3, .page-activate-global-mobile h4{font-family:'DM Serif Display',serif;color:var(--navy);line-height:1.2}
.page-activate-global-mobile h1{font-size:32px}
.page-activate-global-mobile h2{font-size:26px}
.page-activate-global-mobile h3{font-size:20px}
.page-activate-global-mobile h4{font-size:16px;font-family:'DM Sans',sans-serif;font-weight:700}
.page-activate-global-mobile p{line-height:1.68}
.page-activate-global-mobile a{text-decoration:none;color:inherit}
.page-activate-global-mobile img{max-width:100%;display:block}
.page-activate-global-mobile .px{padding-left:20px;padding-right:20px}
.page-activate-global-mobile .sec{padding:52px 0}
.page-activate-global-mobile .sec-alt{background:var(--off)}
.page-activate-global-mobile .sec-hd{text-align:center;margin-bottom:36px}
.page-activate-global-mobile .sec-hd p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.65}
.page-activate-global-mobile .eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#C9961A;margin-bottom:10px}
.page-activate-global-mobile .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--r-md);font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;cursor:pointer;border:none;white-space:nowrap;transition:all .18s;-webkit-tap-highlight-color:transparent}
.page-activate-global-mobile .btn-w{width:100%}
.page-activate-global-mobile .btn-gold{background:#C9961A;color:var(--navy)}
.page-activate-global-mobile .btn-gold:active{background:#a87c12}
.page-activate-global-mobile .btn-navy{background:var(--navy);color:var(--white)}
.page-activate-global-mobile .btn-navy:active{background:var(--navy-mid)}
.page-activate-global-mobile .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.page-activate-global-mobile .btn-outline:active{background:var(--navy);color:var(--white)}
.page-activate-global-mobile .btn-ghost-w{background:rgba(255,255,255,.10);color:var(--white);border:1.5px solid rgba(255,255,255,.40)}
.page-activate-global-mobile .btn-ghost-w:active{background:rgba(255,255,255,.20)}
.page-activate-global-mobile .btn svg{width:17px;height:17px;flex-shrink:0}
.top-strip{background:var(--navy);padding:8px 20px;display:flex;align-items:center;justify-content:space-between}
.top-strip a{color:rgba(255,255,255,.85);font-size:12px;display:flex;align-items:center;gap:5px}
.top-strip a svg{width:12px;height:12px;flex-shrink:0}
.strip-badge{background:#C9961A;color:var(--navy);font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.03em}
.header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:var(--sh-sm)}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px}
.logo{display:flex;align-items:center;gap:9px}
.logo-mark{width:36px;height:36px;background:var(--navy);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-mark svg{width:19px;height:19px;fill:#C9961A}
.logo-name{font-family:'DM Serif Display',serif;font-size:16px;color:var(--navy);line-height:1.1}
.logo-tag{font-size:9px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-family:'DM Sans',sans-serif}
.header-right{display:flex;align-items:center;gap:8px}
.wa-btn{width:40px;height:40px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wa-btn svg{width:20px;height:20px;fill:white}
.hamburger{width:40px;height:40px;background:var(--off);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex-shrink:0}
.hamburger span{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:300;opacity:0;pointer-events:none;transition:opacity .25s}
.nav-overlay.open{opacity:1;pointer-events:all}
.nav-drawer{position:fixed;top:0;right:-320px;width:300px;height:100%;background:var(--navy);z-index:400;transition:right .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0 0 80px}
.nav-drawer.open{right:0}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.10)}
.drawer-close{width:36px;height:36px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.80);font-size:20px;line-height:1}
.drawer-section{padding:16px 20px 8px}
.drawer-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px}
.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px;font-weight:500;color:rgba(255,255,255,.85)}
.drawer-link:last-child{border-bottom:none}
.drawer-link span{font-size:12px;opacity:.4}
.drawer-ctas{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.drawer-contact{padding:0 20px 16px;font-size:15px;color:rgba(255,255,255,.50)}
.drawer-contact a{color:rgba(255,255,255,.75);display:block;margin-top:6px}
.checker-bar{background:var(--navy-mid);padding:14px 20px}
.checker-bar p{font-size:12px;color:rgba(255,255,255,.65);margin-bottom:8px;text-align:center}
.checker-input-row{display:flex;border-radius:var(--r-md);overflow:hidden;border:1.5px solid rgba(255,255,255,.25)}
.checker-input-row input{flex:1;border:none;outline:none;padding:11px 14px;font-size:14px;font-family:'DM Sans',sans-serif;background:rgba(255,255,255,.95);color:var(--navy)}
.checker-input-row button{background:#C9961A;color:var(--navy);border:none;padding:11px 16px;font-size:15px;font-weight:700;font-family:'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.page-activate-global-mobile .hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 65%,#1E4080 100%);color:var(--white);padding:40px 20px 0;position:relative;overflow:hidden}
.page-activate-global-mobile .hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M20 20h4v4h-4zM0 0h4v4H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.page-activate-global-mobile .hero-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:16px}
.page-activate-global-mobile .hero-badge{background:rgba(201,150,26,.20);border:1px solid rgba(201,150,26,.40);color:var(--gold-l);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em}
.page-activate-global-mobile .hero h1{color:var(--white);font-size:30px;margin-bottom:14px;position:relative}
.page-activate-global-mobile .hero h1 span{color:var(--gold-l)}
.page-activate-global-mobile .hero-sub{font-size:15px;color:rgba(255,255,255,.78);margin-bottom:24px;line-height:1.65;position:relative}
.page-activate-global-mobile .hero-sub strong{color:rgba(255,255,255,.95)}
.page-activate-global-mobile .hero-ctas{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;position:relative}
.page-activate-global-mobile .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.10);border-radius:var(--r-lg);overflow:hidden;margin-bottom:0;position:relative}
.page-activate-global-mobile .proof-item{background:rgba(255,255,255,.05);padding:16px 12px;text-align:center}
.page-activate-global-mobile .proof-num{font-family:'DM Serif Display',serif;font-size:22px;color:var(--gold-l);display:block}
.page-activate-global-mobile .proof-label{font-size:11px;color:rgba(255,255,255,.55);margin-top:3px;display:block;line-height:1.3}
.page-activate-global-mobile .hero-wave{margin-top:32px;display:block;width:100%}
.page-activate-global-mobile .trust-bar{background:var(--off);border-bottom:1px solid var(--border);padding:14px 0}
.page-activate-global-mobile .trust-scroll{display:flex;gap:20px;overflow-x:auto;padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.page-activate-global-mobile .trust-scroll::-webkit-scrollbar{display:none}
.page-activate-global-mobile .trust-item{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--navy);white-space:nowrap;flex-shrink:0}
.page-activate-global-mobile .trust-dot{width:20px;height:20px;border-radius:50%;background:var(--gold-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-activate-global-mobile .trust-dot svg{width:11px;height:11px}
.page-activate-global-mobile .audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-activate-global-mobile .aud-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:18px 14px;position:relative;overflow:hidden}
.page-activate-global-mobile .aud-card.feat{border-color:#C9961A;background:var(--gold-bg)}
.page-activate-global-mobile .aud-icon{font-size:24px;margin-bottom:10px}
.page-activate-global-mobile .aud-card h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:5px;font-family:'DM Sans',sans-serif}
.page-activate-global-mobile .aud-card p{font-size:12px;color:var(--muted);line-height:1.5}
.page-activate-global-mobile .aud-link{font-size:12px;font-weight:700;color:var(--navy);margin-top:10px;display:block}
.page-activate-global-mobile .pop-tag{position:absolute;top:10px;right:10px;background:#C9961A;color:var(--navy);font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;letter-spacing:.04em}
.page-activate-global-mobile .service-list{display:flex;flex-direction:column;gap:1px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}
.page-activate-global-mobile .svc-row{background:var(--white);display:flex;align-items:center;gap:14px;padding:16px 18px;transition:background .15s;border-bottom:1px solid var(--border)}
.page-activate-global-mobile .svc-row:last-child{border-bottom:none}
.page-activate-global-mobile .svc-icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-activate-global-mobile .svc-icon svg{width:20px;height:20px;fill:#C9961A}
.page-activate-global-mobile .svc-body{flex:1;min-width:0}
.page-activate-global-mobile .svc-body h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:2px}
.page-activate-global-mobile .svc-body p{font-size:12px;color:var(--muted);line-height:1.4}
.page-activate-global-mobile .svc-arrow{color:var(--muted);font-size:16px;flex-shrink:0}
.page-activate-global-mobile .timeline{display:flex;flex-direction:column;gap:0;position:relative}
.page-activate-global-mobile .timeline::before{content:'';position:absolute;left:20px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,#C9961A 0%,rgba(201,150,26,.20) 100%)}
.page-activate-global-mobile .t-step{display:flex;gap:20px;padding-bottom:28px;position:relative}
.page-activate-global-mobile .t-step:last-child{padding-bottom:0}
.page-activate-global-mobile .t-num{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#C9961A;font-family:'DM Serif Display',serif;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--white);box-shadow:0 0 0 2px #C9961A;position:relative;z-index:1}
.page-activate-global-mobile .t-content{padding-top:6px}
.page-activate-global-mobile .t-content h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:5px}
.page-activate-global-mobile .t-content p{font-size:15px;color:var(--muted);line-height:1.55}
.page-activate-global-mobile .speed-pill{display:flex;align-items:center;gap:7px;background:var(--success);color:var(--white);padding:10px 16px;border-radius:40px;font-size:15px;font-weight:700;margin-top:24px;width:fit-content}
.page-activate-global-mobile .speed-pill svg{width:15px;height:15px}
.page-activate-global-mobile .feat-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.page-activate-global-mobile .feat-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:var(--r-lg);padding:16px}
.page-activate-global-mobile .feat-stat-n{font-family:'DM Serif Display',serif;font-size:26px;color:var(--gold-l)}
.page-activate-global-mobile .feat-stat-l{font-size:11px;color:rgba(255,255,255,.55);margin-top:3px}
.page-activate-global-mobile .doc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.page-activate-global-mobile .doc-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:4px 11px;border-radius:20px;font-size:11px;color:rgba(255,255,255,.75)}
.page-activate-global-mobile .feat-dark{background:var(--navy);border-radius:22px;padding:26px 22px;color:var(--white);margin-top:20px}
.page-activate-global-mobile .feat-dark-label{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.page-activate-global-mobile .checklist{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.page-activate-global-mobile .cl-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.85)}
.page-activate-global-mobile .cl-check{width:20px;height:20px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.page-activate-global-mobile .cl-check svg{width:10px;height:10px;stroke:white;fill:none;stroke-width:2.5}
.page-activate-global-mobile .cl-item strong{color:white}
.page-activate-global-mobile .pricing-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px}
.page-activate-global-mobile .pricing-scroll::-webkit-scrollbar{display:none}
.page-activate-global-mobile .p-card{background:var(--white);border:1.5px solid var(--border);border-radius:22px;padding:26px 22px;flex:0 0 82vw;max-width:320px;scroll-snap-align:start;position:relative}
.page-activate-global-mobile .p-card.feat{border-color:var(--navy);box-shadow:var(--sh-lg)}
.page-activate-global-mobile .pop-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#C9961A;color:var(--navy);font-size:10px;font-weight:800;padding:4px 14px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.page-activate-global-mobile .plan-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);margin-bottom:8px}
.page-activate-global-mobile .plan-price{font-family:'DM Serif Display',serif;font-size:42px;color:var(--navy);line-height:1}
.page-activate-global-mobile .plan-price sup{font-size:18px;vertical-align:super}
.page-activate-global-mobile .plan-desc{font-size:12px;color:var(--muted);margin:8px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.page-activate-global-mobile .plan-feats{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:9px}
.page-activate-global-mobile .plan-feats li{display:flex;gap:8px;font-size:15px;color:var(--body)}
.page-activate-global-mobile .plan-feats .tk{color:var(--success);font-size:14px;flex-shrink:0}
.page-activate-global-mobile .plan-btn{width:100%;padding:15px;border-radius:var(--r-md);font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;border:none;transition:all .18s}
.page-activate-global-mobile .plan-btn-g{background:#C9961A;color:var(--navy)}
.page-activate-global-mobile .plan-btn-o{background:transparent;color:var(--navy);border:1.5px solid var(--navy)!important}
.page-activate-global-mobile .scroll-hint{text-align:center;margin-top:8px;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}
.page-activate-global-mobile .scroll-dots{display:flex;gap:5px;justify-content:center;margin-top:12px}
.page-activate-global-mobile .sdot{width:6px;height:6px;border-radius:50%;background:var(--border)}
.page-activate-global-mobile .sdot.active{background:var(--navy);width:18px;border-radius:3px}
.page-activate-global-mobile .bank-sec{background:var(--navy);padding:52px 20px;color:var(--white)}
.page-activate-global-mobile .guarantee-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(201,150,26,.15);border:1px solid rgba(201,150,26,.35);color:var(--gold-l);padding:7px 14px;border-radius:40px;font-size:12px;font-weight:600;margin-bottom:16px}
.page-activate-global-mobile .bank-sec h2{color:var(--white);margin-bottom:10px}
.page-activate-global-mobile .bank-sec p.lead{color:rgba(255,255,255,.72);font-size:15px;line-height:1.65;margin-bottom:22px}
.page-activate-global-mobile .bank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.page-activate-global-mobile .bs-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-lg);padding:14px 10px;text-align:center}
.page-activate-global-mobile .bs-num{font-family:'DM Serif Display',serif;font-size:22px;color:var(--gold-l);display:block}
.page-activate-global-mobile .bs-label{font-size:10px;color:rgba(255,255,255,.50);margin-top:3px;display:block;line-height:1.3}
.page-activate-global-mobile .bank-logos-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:20px}
.page-activate-global-mobile .bl-label{font-size:10px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.page-activate-global-mobile .bl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.page-activate-global-mobile .bl-item{background:rgba(255,255,255,.08);border-radius:var(--r-sm);padding:10px 5px;text-align:center;font-size:9px;font-weight:800;color:rgba(255,255,255,.65);letter-spacing:.04em}
.page-activate-global-mobile .bank-note{margin-top:16px;font-size:12px;color:rgba(255,255,255,.50);line-height:1.55}
.page-activate-global-mobile .bank-note strong{color:rgba(255,255,255,.80)}
.page-activate-global-mobile .why-list{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.page-activate-global-mobile .why-row{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 16px;display:flex;gap:14px;align-items:flex-start}
.page-activate-global-mobile .why-num{font-family:'DM Serif Display',serif;font-size:22px;color:#C9961A;flex-shrink:0;line-height:1;margin-top:2px}
.page-activate-global-mobile .why-row h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:5px}
.page-activate-global-mobile .why-row p{font-size:15px;color:var(--muted);line-height:1.55}
.page-activate-global-mobile .compare-wrap{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}
.page-activate-global-mobile .compare-wrap table{width:100%;border-collapse:collapse;font-size:15px}
.page-activate-global-mobile .compare-wrap th{background:var(--navy);color:var(--white);padding:12px 10px;font-weight:600;text-align:center}
.page-activate-global-mobile .compare-wrap th:first-child{text-align:left}
.page-activate-global-mobile .compare-wrap td{padding:12px 10px;border-bottom:1px solid var(--border);background:var(--white);text-align:center}
.page-activate-global-mobile .compare-wrap td:first-child{text-align:left;font-size:12px;color:var(--body)}
.page-activate-global-mobile .compare-wrap td:nth-child(2){background:rgba(240,194,87,.08);font-weight:700;color:var(--navy)}
.page-activate-global-mobile .compare-wrap tr:last-child td{border-bottom:none}
.page-activate-global-mobile .yes{color:var(--success);font-size:16px}
.page-activate-global-mobile .no{color:#D1D5DB;font-size:16px}
.page-activate-global-mobile .our-head{display:flex;flex-direction:column;align-items:center;gap:3px}
.page-activate-global-mobile .our-star{background:#C9961A;color:var(--navy);font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px}
.page-activate-global-mobile .countries-scroll{display:flex;flex-wrap:wrap;gap:8px}
.page-activate-global-mobile .country-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);font-size:12px;font-weight:600;color:var(--navy)}
.page-activate-global-mobile .c-flag{font-size:16px}
.page-activate-global-mobile .testi-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px}
.page-activate-global-mobile .testi-scroll::-webkit-scrollbar{display:none}
.page-activate-global-mobile .t-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 18px;flex:0 0 84vw;max-width:320px;scroll-snap-align:start}
.page-activate-global-mobile .t-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-activate-global-mobile .t-text{font-size:15px;color:var(--body);line-height:1.65;font-style:italic;margin-bottom:16px}
.page-activate-global-mobile .t-footer{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.page-activate-global-mobile .t-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:14px;color:#C9961A;flex-shrink:0}
.page-activate-global-mobile .t-name{font-size:15px;font-weight:700;color:var(--navy)}
.page-activate-global-mobile .t-role{font-size:11px;color:var(--muted)}
.page-activate-global-mobile .t-tag{display:inline-block;background:var(--off);border:1px solid var(--border);font-size:10px;padding:2px 7px;border-radius:20px;color:var(--muted);margin-top:2px}
.page-activate-global-mobile .partner-band{background:var(--gold-bg);border-top:2px solid #C9961A;border-bottom:2px solid #C9961A;padding:28px 20px;text-align:center}
.page-activate-global-mobile .partner-band h3{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:8px}
.page-activate-global-mobile .partner-band p{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.6}
.page-activate-global-mobile .blog-list{display:flex;flex-direction:column;gap:16px}
.page-activate-global-mobile .blog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;gap:0;flex-direction:column}
.page-activate-global-mobile .blog-img-strip{height:120px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);display:flex;align-items:center;justify-content:center;padding:16px}
.page-activate-global-mobile .blog-img-strip span{font-family:'DM Serif Display',serif;font-size:16px;color:rgba(255,255,255,.22);text-align:center}
.page-activate-global-mobile .blog-body{padding:18px}
.page-activate-global-mobile .blog-tag{display:inline-block;background:var(--off);color:var(--muted);font-size:10px;padding:2px 8px;border-radius:20px;margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.page-activate-global-mobile .blog-card h4{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:7px;line-height:1.45}
.page-activate-global-mobile .blog-card p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.page-activate-global-mobile .blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--faint)}
.page-activate-global-mobile .blog-rm{color:var(--navy);font-weight:700;font-size:12px}
.page-activate-global-mobile .faq-wrap{display:flex;flex-direction:column}
.page-activate-global-mobile .faq-item{border-bottom:1px solid var(--border)}
.page-activate-global-mobile .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:var(--navy);text-align:left;gap:12px;line-height:1.4;-webkit-tap-highlight-color:transparent}
.page-activate-global-mobile .faq-ico{width:26px;height:26px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
.page-activate-global-mobile .faq-ico svg{width:11px;height:11px;stroke:var(--white);fill:none;stroke-width:2.5}
.page-activate-global-mobile .faq-ico.open{background:#C9961A;transform:rotate(45deg)}
.page-activate-global-mobile .faq-a{display:none;font-size:14px;color:var(--body);line-height:1.7;padding-bottom:16px}
.page-activate-global-mobile .faq-a.open{display:block}
.page-activate-global-mobile .final-cta{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);padding:52px 20px;text-align:center;color:var(--white)}
.page-activate-global-mobile .final-cta h2{color:var(--white);margin-bottom:12px}
.page-activate-global-mobile .final-cta p{color:rgba(255,255,255,.72);font-size:15px;margin-bottom:24px;line-height:1.65}
.page-activate-global-mobile .final-ctas{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.page-activate-global-mobile .urgency-wrap{display:flex;flex-direction:column;gap:8px}
.page-activate-global-mobile .u-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.70);padding:9px 14px;border-radius:40px;font-size:12px;text-align:center}
.page-activate-global-mobile .u-chip strong{color:var(--gold-l)}
.page-activate-global-mobile .footer{background:#060F18;color:rgba(255,255,255,.65);padding:40px 0 0}
.page-activate-global-mobile .footer-logo-row{padding:0 20px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.page-activate-global-mobile .footer-about-text{font-size:15px;line-height:1.7;margin:14px 0 16px}
.page-activate-global-mobile .footer-contact a{display:flex;align-items:flex-start;gap:7px;font-size:15px;color:rgba(255,255,255,.65);margin-bottom:8px}
.page-activate-global-mobile .footer-contact a:hover{color:var(--gold-l)}
.page-activate-global-mobile .reg-line{font-size:10px;color:rgba(255,255,255,.28);margin-top:8px}
.page-activate-global-mobile .social-row{display:flex;gap:8px;margin-top:14px}
.page-activate-global-mobile .soc-btn{width:34px;height:34px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:rgba(255,255,255,.55)}
.page-activate-global-mobile .f-acc-item{border-bottom:1px solid rgba(255,255,255,.07)}
.page-activate-global-mobile .f-acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.page-activate-global-mobile .f-acc-btn span{font-size:16px;color:rgba(255,255,255,.35);transition:transform .2s}
.page-activate-global-mobile .f-acc-btn.open span{transform:rotate(45deg)}
.page-activate-global-mobile .f-acc-links{display:none;padding:0 20px 14px;flex-direction:column;gap:8px}
.page-activate-global-mobile .f-acc-links.open{display:flex}
.page-activate-global-mobile .f-acc-links a{font-size:15px;color:rgba(255,255,255,.55)}
.page-activate-global-mobile .f-acc-links a:hover{color:var(--gold-l)}
.page-activate-global-mobile .footer-bottom{padding:16px 20px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:rgba(255,255,255,.30);text-align:center}
.page-activate-global-mobile .footer-bottom a{color:rgba(255,255,255,.35);margin:0 8px}
.page-activate-global-mobile .footer-trust-row{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.07)}
.page-activate-global-mobile .f-trust-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-sm);padding:7px 12px;font-size:11px;font-weight:600;color:rgba(255,255,255,.55);flex:1;text-align:center}
.page-activate-global-mobile .bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--white);border-top:1px solid var(--border);padding:10px 16px;display:flex;gap:10px;box-shadow:0 -4px 20px rgba(0,0,0,.10)}
.page-activate-global-mobile .bottom-bar .btn{flex:1;font-size:14px;padding:15px 10px}
.page-activate-global-mobile .mt-4{margin-top:16px}
.page-activate-global-mobile .mt-6{margin-top:24px}
.page-activate-global-mobile .center{text-align:center}
.page-activate-global-mobile .muted{color:var(--muted);font-size:15px}
/* Source: eu-company-formation-non-residents.html */
.page-eu-company-formation-non-residents{
--navy:#0A1628;--navy-mid:#132240;--navy-light:#1B3057;
--gold:#C8952A;--gold-light:#E8B84B;--gold-pale:#FFF8EC;
--blue:#1E6FFF;--blue-soft:#EEF3FF;
--white:#fff;--off:#F8F9FC;
--g100:#F1F3F7;--g200:#E2E6EF;--g400:#9AA3B5;--g600:#5C6478;--g700:#3D4557;--g800:#2E3547;
--green:#0C9E6E;--green-pale:#EDFBF5;
--red:#EF4444;
--eu-blue:#003399;--eu-blue-soft:#EEF2FF;
--fh:'DM Sans',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;
--r:12px;--rl:20px;
--s1:0 2px 8px rgba(10,22,40,.08);--s2:0 8px 32px rgba(10,22,40,.12);--s3:0 20px 60px rgba(10,22,40,.16);
}
.page-eu-company-formation-non-residents *, .page-eu-company-formation-non-residents *::before, .page-eu-company-formation-non-residents *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
.page-eu-company-formation-non-residents{font-family:var(--fb);color:var(--g800);background:var(--white);line-height:1.6;overflow-x:hidden}
.page-eu-company-formation-non-residents .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-eu-company-formation-non-residents .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-eu-company-formation-non-residents .sp{padding:40px 0}.page-eu-company-formation-non-residents .sp-alt{padding:40px 0;background:var(--off)}
.page-eu-company-formation-non-residents .sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:#C9961A;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.page-eu-company-formation-non-residents .sl::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A}
.page-eu-company-formation-non-residents .sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.page-eu-company-formation-non-residents .sl.eu{background:rgba(0,51,153,.1);border-color:rgba(0,51,153,.3);color:#6B88D9}
.page-eu-company-formation-non-residents .sl.eu::before{background:#6B88D9}
.page-eu-company-formation-non-residents .st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.page-eu-company-formation-non-residents .st.inv{color:#fff}
.page-eu-company-formation-non-residents .ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.page-eu-company-formation-non-residents .ss.inv{color:rgba(255,255,255,.65)}
.page-eu-company-formation-non-residents .sh{margin-bottom:48px}.page-eu-company-formation-non-residents .sh.c{text-align:center}.page-eu-company-formation-non-residents .sh.c .ss{margin:0 auto}
.page-eu-company-formation-non-residents .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.page-eu-company-formation-non-residents .bg{background:#C9961A;color:var(--navy)}.page-eu-company-formation-non-residents .bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.page-eu-company-formation-non-residents .bn{background:var(--navy);color:#fff}.page-eu-company-formation-non-residents .bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.page-eu-company-formation-non-residents .bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4) !important}.page-eu-company-formation-non-residents .bgh:hover{background:rgba(255,255,255,.1)}
.page-eu-company-formation-non-residents .bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-eu-company-formation-non-residents .bo:hover{border-color:#C9961A;color:#C9961A}
.page-eu-company-formation-non-residents .wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.page-eu-company-formation-non-residents .wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.page-eu-company-formation-non-residents .pgb{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s}
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.page-eu-company-formation-non-residents .logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.page-eu-company-formation-non-residents .li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#C9961A,var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:#C9961A}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.page-eu-company-formation-non-residents .bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.page-eu-company-formation-non-residents .bc a{color:var(--g600);text-decoration:none}.page-eu-company-formation-non-residents .bc a:hover{color:var(--navy)}
.page-eu-company-formation-non-residents .bc span{margin:0 7px}
.page-eu-company-formation-non-residents .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px;}
.page-eu-company-formation-non-residents .hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.page-eu-company-formation-non-residents .hero::after{content:'';position:absolute;bottom:0;left:0;width:40%;height:50%;background:radial-gradient(ellipse at 10% 90%,rgba(0,51,153,.07) 0%,transparent 60%);pointer-events:none}
.page-eu-company-formation-non-residents .hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.page-eu-company-formation-non-residents .hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.page-eu-company-formation-non-residents .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-eu-company-formation-non-residents-pulse 2s infinite}
@keyframes page-eu-company-formation-non-residents-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-eu-company-formation-non-residents .hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.11;margin-bottom:20px}
.page-eu-company-formation-non-residents .hero h1 .hl{color:#C9961A}
.page-eu-company-formation-non-residents .eu-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.page-eu-company-formation-non-residents .eflag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:12px;font-weight:600;padding:6px 15px;border-radius:100px}
.page-eu-company-formation-non-residents .eflag .tx{font-size:11px;color:rgba(255,255,255,.5);margin-left:1px}
.page-eu-company-formation-non-residents .hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:20px;max-width:560px}
.page-eu-company-formation-non-residents .geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.page-eu-company-formation-non-residents .gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.page-eu-company-formation-non-residents .ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.page-eu-company-formation-non-residents .ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.page-eu-company-formation-non-residents .ti .tn{font-family:var(--fh);font-size:25px;color:#C9961A;font-weight:700}
.page-eu-company-formation-non-residents .ti .tl{font-size:12px;color:rgba(255,255,255,.5);line-height:1.35}
.page-eu-company-formation-non-residents .hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.page-eu-company-formation-non-residents .hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.page-eu-company-formation-non-residents .hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.page-eu-company-formation-non-residents .fg{margin-bottom:15px}
.page-eu-company-formation-non-residents .fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.page-eu-company-formation-non-residents .fg input, .page-eu-company-formation-non-residents .fg select{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.page-eu-company-formation-non-residents .fg input:focus, .page-eu-company-formation-non-residents .fg select:focus{border-color:#C9961A}
.page-eu-company-formation-non-residents .fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-eu-company-formation-non-residents .fsub{width:100%;padding:15px;background:#C9961A;color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.page-eu-company-formation-non-residents .fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.page-eu-company-formation-non-residents .falt{display:none;gap:8px;margin-top:10px}
.page-eu-company-formation-non-residents .fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.page-eu-company-formation-non-residents .fab:hover{border-color:#C9961A;color:#C9961A}
.page-eu-company-formation-non-residents .fab.ww{background:#25D366;color:#fff;border-color:#25D366}.page-eu-company-formation-non-residents .fab.ww:hover{background:#1ebe5d}
.page-eu-company-formation-non-residents .fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
.page-eu-company-formation-non-residents .ts{background:#C9961A}
.page-eu-company-formation-non-residents .tsi{display:flex;flex-wrap:wrap;justify-content:center}
.page-eu-company-formation-non-residents .tsi-i{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.page-eu-company-formation-non-residents .tsi-i:last-child{border-right:none}
.page-eu-company-formation-non-residents .mkt-sec{background:linear-gradient(135deg,#06101F 0%,var(--navy) 60%,#0F1E3A 100%);padding:40px 0;position:relative;overflow:hidden}
.page-eu-company-formation-non-residents .mkt-sec::after{content:'';position:absolute;top:-30%;right:-8%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,51,153,.12) 0%,transparent 70%)}
.page-eu-company-formation-non-residents .mkt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.page-eu-company-formation-non-residents .mst{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-eu-company-formation-non-residents .mst:hover{background:rgba(200,149,42,.07);border-color:rgba(200,149,42,.3)}
.page-eu-company-formation-non-residents .mst-num{font-family:var(--fh);font-size:40px;color:#C9961A;font-weight:700;line-height:1}
.page-eu-company-formation-non-residents .mst-unit{font-size:18px;color:var(--gold-light)}
.page-eu-company-formation-non-residents .mst-lbl{font-size:17px;color:rgba(255,255,255,.6);margin-top:8px;line-height:1.4}
.page-eu-company-formation-non-residents .mkt-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.page-eu-company-formation-non-residents .mr{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:22px;transition:all .25s}
.page-eu-company-formation-non-residents .mr:hover{background:rgba(255,255,255,.07);border-color:rgba(200,149,42,.3)}
.page-eu-company-formation-non-residents .mr-ic{font-size:32px;margin-bottom:11px}
.page-eu-company-formation-non-residents .mr-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.page-eu-company-formation-non-residents .mr-desc{font-size:17px;color:rgba(255,255,255,.6);line-height:1.65}
.page-eu-company-formation-non-residents .jur-sec{padding:40px 0}
.page-eu-company-formation-non-residents .jur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-eu-company-formation-non-residents .jcard{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.page-eu-company-formation-non-residents .jcard:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-eu-company-formation-non-residents .jcard.rec{border-color:#C9961A}
.page-eu-company-formation-non-residents .jc-rec{position:absolute;top:-1px;right:18px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-eu-company-formation-non-residents .jc-hd{padding:20px 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--g100)}
.page-eu-company-formation-non-residents .jc-flag{font-size:30px}
.page-eu-company-formation-non-residents .jc-nm{font-family:var(--fh);font-size:19px;color:var(--navy)}
.page-eu-company-formation-non-residents .jc-sub{font-size:12px;color:var(--g600)}
.page-eu-company-formation-non-residents .jc-tax{margin-left:auto;text-align:right}
.page-eu-company-formation-non-residents .jc-tax-num{font-family:var(--fh);font-size:20px;color:var(--green);font-weight:700;line-height:1}
.page-eu-company-formation-non-residents .jc-tax-lbl{font-size:10px;color:var(--g400);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.page-eu-company-formation-non-residents .jc-bdy{padding:18px 22px}
.page-eu-company-formation-non-residents .jc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--g100);font-size:15px}
.page-eu-company-formation-non-residents .jc-row:last-child{border-bottom:none}
.page-eu-company-formation-non-residents .jc-row .lbl{color:var(--g600);font-weight:500}
.page-eu-company-formation-non-residents .jc-row .val{font-weight:600;color:var(--navy);text-align:right}
.page-eu-company-formation-non-residents .jc-row .val.grn{color:var(--green)}
.page-eu-company-formation-non-residents .jc-row .val.org{color:#C9961A}
.page-eu-company-formation-non-residents .jc-row .val.red{color:var(--red)}
.page-eu-company-formation-non-residents .jc-best{margin-top:14px;padding:9px 12px;border-radius:var(--r);font-size:12px}
.page-eu-company-formation-non-residents .jc-cta{margin-top:14px;display:flex;gap:8px}
.page-eu-company-formation-non-residents .jc-btn{flex:1;padding:9px 12px;border-radius:var(--r);font-size:12px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s;border:none;font-family:var(--fb)}
.page-eu-company-formation-non-residents .jc-btn.g{background:#C9961A;color:var(--navy)}.page-eu-company-formation-non-residents .jc-btn.g:hover{background:var(--gold-light)}
.page-eu-company-formation-non-residents .jc-btn.b{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-eu-company-formation-non-residents .jc-btn.b:hover{border-color:#C9961A;color:#C9961A}
.page-eu-company-formation-non-residents .comp-sec{background:var(--navy);padding:40px 0}
.page-eu-company-formation-non-residents .comp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px;font-size:15px}
.page-eu-company-formation-non-residents .comp-tbl thead th{background:rgba(200,149,42,.15);color:var(--gold-light);padding:12px 14px;text-align:left;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}
.page-eu-company-formation-non-residents .comp-tbl thead th:first-child{background:rgba(255,255,255,.06);color:rgba(255,255,255,.6)}
.page-eu-company-formation-non-residents .comp-tbl td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.8);background:rgba(255,255,255,.03);vertical-align:middle}
.page-eu-company-formation-non-residents .comp-tbl td:first-child{font-weight:600;color:rgba(255,255,255,.6);background:rgba(255,255,255,.04)}
.page-eu-company-formation-non-residents .comp-tbl tr:last-child td{border-bottom:none}
.page-eu-company-formation-non-residents .comp-tbl tr:hover td{background:rgba(255,255,255,.06)}
.page-eu-company-formation-non-residents .cb-grn{color:#4ADE80;font-weight:700}
.page-eu-company-formation-non-residents .cb-org{color:var(--gold-light);font-weight:600}
.page-eu-company-formation-non-residents .cb-red{color:#FC8181}
.page-eu-company-formation-non-residents .cb-tick{color:#4ADE80;font-size:15px}
.page-eu-company-formation-non-residents .cb-x{color:#FC8181;font-size:15px}
.page-eu-company-formation-non-residents .dual-sec{padding:40px 0}
.page-eu-company-formation-non-residents .dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-eu-company-formation-non-residents .dual-card{border-radius:var(--rl);overflow:hidden}
.page-eu-company-formation-non-residents .dc-hd{padding:20px 26px;display:flex;align-items:center;gap:12px}
.page-eu-company-formation-non-residents .dc-hd.uk{background:var(--navy)}
.page-eu-company-formation-non-residents .dc-hd.eu{background:#003399}
.page-eu-company-formation-non-residents .dc-nm{font-family:var(--fh);font-size:19px;color:#fff}
.page-eu-company-formation-non-residents .dc-sub{font-size:12px;color:rgba(255,255,255,.6);margin-top:2px}
.page-eu-company-formation-non-residents .dc-bdy{padding:20px 26px;background:#fff;border:1px solid var(--g200);border-top:none;border-radius:0 0 var(--rl) var(--rl)}
.page-eu-company-formation-non-residents .dc-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--g100);font-size:17px;color:var(--g700)}
.page-eu-company-formation-non-residents .dc-row:last-child{border-bottom:none}
.page-eu-company-formation-non-residents .dc-row-ic{flex-shrink:0;margin-top:1px}
.page-eu-company-formation-non-residents .dual-cta{margin-top:32px;padding:22px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.25);border-radius:var(--rl);text-align:center}
.page-eu-company-formation-non-residents .dual-cta-ttl{font-family:var(--fh);font-size:18px;color:var(--navy);margin-bottom:8px}
.page-eu-company-formation-non-residents .dual-cta-desc{font-size:17px;color:var(--g600);margin-bottom:16px;line-height:1.6}
.page-eu-company-formation-non-residents .est-sec{background:var(--off);padding:40px 0}
.page-eu-company-formation-non-residents .est-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.page-eu-company-formation-non-residents .est-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,131,99,.1);border:1px solid rgba(0,131,99,.3);color:#0C9E6E;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.page-eu-company-formation-non-residents .est-pts{display:flex;flex-direction:column;gap:15px;margin-top:24px}
.page-eu-company-formation-non-residents .ep{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border:1px solid var(--g200);border-radius:var(--r)}
.page-eu-company-formation-non-residents .ep-ic{font-size:20px;flex-shrink:0}
.page-eu-company-formation-non-residents .ep-txt strong{display:block;font-size:18px;color:var(--navy);margin-bottom:2px}
.page-eu-company-formation-non-residents .ep-txt span{font-size:16px;color:var(--g600)}
.page-eu-company-formation-non-residents .est-vis{background:var(--navy);border-radius:var(--rl);padding:30px}
.page-eu-company-formation-non-residents .ev-ttl{font-family:var(--fh);font-size:19px;color:#fff;margin-bottom:6px}
.page-eu-company-formation-non-residents .ev-sub{font-size:15px;color:rgba(255,255,255,.6);margin-bottom:22px}
.page-eu-company-formation-non-residents .ev-steps{display:flex;flex-direction:column;gap:14px}
.page-eu-company-formation-non-residents .evs{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r)}
.page-eu-company-formation-non-residents .evs-num{width:26px;height:26px;border-radius:50%;background:#C9961A;color:var(--navy);font-family:var(--fh);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-eu-company-formation-non-residents .evs-txt strong{display:block;font-size:18px;color:#fff;margin-bottom:2px}
.page-eu-company-formation-non-residents .evs-txt span{font-size:16px;color:rgba(255,255,255,.55)}
.page-eu-company-formation-non-residents .proc-sec{background:var(--navy);padding:40px 0}
.page-eu-company-formation-non-residents .proc-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative}
.page-eu-company-formation-non-residents .proc-wrap::before{content:'';position:absolute;top:39px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0}
.page-eu-company-formation-non-residents .ps{text-align: center;
padding: 0 10px;
position: relative;
z-index: 1;
align-items: center;
background: transparent;
border: none; flex-direction: column;}
.page-eu-company-formation-non-residents .ps-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid #C9961A;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.page-eu-company-formation-non-residents .ps-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:6px}
.page-eu-company-formation-non-residents .ps-desc{font-size:16px;color:rgba(255,255,255,.5);line-height:1.55}
.page-eu-company-formation-non-residents .ps-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:#C9961A;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
.page-eu-company-formation-non-residents .bank-sec{padding:40px 0}
.page-eu-company-formation-non-residents .bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-eu-company-formation-non-residents .bank-challenge{display:flex;flex-direction:column;gap:12px}
.page-eu-company-formation-non-residents .bc2{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:var(--r)}
.page-eu-company-formation-non-residents .bc2-ic{font-size:18px;flex-shrink:0}
.page-eu-company-formation-non-residents .bc2-txt strong{display:block;font-size:18px;color:var(--red);margin-bottom:2px}
.page-eu-company-formation-non-residents .bc2-txt span{font-size:16px;color:var(--g600)}
.page-eu-company-formation-non-residents .bank-solutions{display:flex;flex-direction:column;gap:12px}
.page-eu-company-formation-non-residents .bs{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--green-pale);border:1px solid rgba(12,158,110,.15);border-radius:var(--r)}
.page-eu-company-formation-non-residents .bs-ic{font-size:18px;flex-shrink:0}
.page-eu-company-formation-non-residents .bs-txt strong{display:block;font-size:18px;color:var(--green);margin-bottom:2px}
.page-eu-company-formation-non-residents .bs-txt span{font-size:16px;color:var(--g600)}
.page-eu-company-formation-non-residents .bank-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.page-eu-company-formation-non-residents .bo2{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:14px;display:flex;align-items:center;gap:14px;transition:all .2s}
.page-eu-company-formation-non-residents .bo2:hover{border-color:#C9961A}
.page-eu-company-formation-non-residents .bo2-ic{font-size:22px;flex-shrink:0}
.page-eu-company-formation-non-residents .bo2-txt strong{display:block;font-size:18px;color:var(--navy)}
.page-eu-company-formation-non-residents .bo2-txt span{font-size:16px;color:var(--g600)}
.page-eu-company-formation-non-residents .bo2-tag{margin-left:auto;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:100px}
.page-eu-company-formation-non-residents .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-eu-company-formation-non-residents .inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-eu-company-formation-non-residents .inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-eu-company-formation-non-residents .inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.page-eu-company-formation-non-residents .inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.page-eu-company-formation-non-residents .inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-eu-company-formation-non-residents .inc-tag{display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.page-eu-company-formation-non-residents .inc-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-eu-company-formation-non-residents .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-eu-company-formation-non-residents .pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-eu-company-formation-non-residents .pc:hover{border-color:#C9961A;box-shadow:var(--s2);transform:translateY(-3px)}
.page-eu-company-formation-non-residents .pfl{font-size:34px;margin-bottom:7px}
.page-eu-company-formation-non-residents .prg{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:8px}
.page-eu-company-formation-non-residents .pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.page-eu-company-formation-non-residents .pds{font-size:17px;color:var(--g600);line-height:1.6}
.page-eu-company-formation-non-residents .pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-eu-company-formation-non-residents .pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.page-eu-company-formation-non-residents .pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.page-eu-company-formation-non-residents .pk.feat{border-color:#C9961A;box-shadow:0 0 0 1px #C9961A,var(--s3)}
.page-eu-company-formation-non-residents .pk-rb{position:absolute;top:-1px;right:20px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-eu-company-formation-non-residents .pk-hdr{padding:24px 24px 16px;border-bottom:1px solid var(--g100)}
.page-eu-company-formation-non-residents .pk-ic{font-size:24px;margin-bottom:9px}
.page-eu-company-formation-non-residents .pk-nm{font-family:var(--fh);font-size:18px;color:var(--navy);margin-bottom:3px}
.page-eu-company-formation-non-residents .pk-tag{font-size:12px;color:var(--g600);margin-bottom:15px}
.page-eu-company-formation-non-residents .pk-pr{display:flex;align-items:baseline;gap:3px}
.page-eu-company-formation-non-residents .pk-cur{font-size:16px;font-weight:700;color:var(--navy)}
.page-eu-company-formation-non-residents .pk-amt{font-family:var(--fh);font-size:36px;color:var(--navy);line-height:1}
.page-eu-company-formation-non-residents .pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.page-eu-company-formation-non-residents .pk-bdy{padding:18px 24px}
.page-eu-company-formation-non-residents .pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.page-eu-company-formation-non-residents .pkf:last-child{border-bottom:none}
.page-eu-company-formation-non-residents .pkf.dim{color:var(--g400)}
.page-eu-company-formation-non-residents .pk-ft{padding:0 24px 24px}
.page-eu-company-formation-non-residents .pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.page-eu-company-formation-non-residents .pk-btn.gld{background:#C9961A;color:var(--navy)}.page-eu-company-formation-non-residents .pk-btn.gld:hover{background:var(--gold-light)}
.page-eu-company-formation-non-residents .pk-btn.drk{background:var(--navy);color:#fff}.page-eu-company-formation-non-residents .pk-btn.drk:hover{background:var(--navy-mid)}
.page-eu-company-formation-non-residents .pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-eu-company-formation-non-residents .pk-btn.brd:hover{border-color:#C9961A;color:#C9961A}
.page-eu-company-formation-non-residents .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-eu-company-formation-non-residents .tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.page-eu-company-formation-non-residents .tc:hover{box-shadow:var(--s2);border-color:#C9961A}
.page-eu-company-formation-non-residents .tc-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-eu-company-formation-non-residents .tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.page-eu-company-formation-non-residents .tc-au{display:flex;align-items:center;gap:11px}
.page-eu-company-formation-non-residents .tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:#C9961A;font-weight:700}
.page-eu-company-formation-non-residents .tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.page-eu-company-formation-non-residents .tc-rl{font-size:11px;color:var(--g600)}
.page-eu-company-formation-non-residents .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.page-eu-company-formation-non-residents .fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.page-eu-company-formation-non-residents .fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.page-eu-company-formation-non-residents .fqb:hover{background:var(--off)}.page-eu-company-formation-non-residents .fqb.open{background:var(--gold-pale);color:#C9961A}
.page-eu-company-formation-non-residents .fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.page-eu-company-formation-non-residents .fqb.open .fqi{background:#C9961A;color:#fff}
.page-eu-company-formation-non-residents .fqa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.page-eu-company-formation-non-residents .fqa.open{max-height:280px}
.page-eu-company-formation-non-residents .fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
.page-eu-company-formation-non-residents .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.page-eu-company-formation-non-residents .cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-eu-company-formation-non-residents .cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.page-eu-company-formation-non-residents .cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.page-eu-company-formation-non-residents .cta-ttl .g{color:#C9961A}
.page-eu-company-formation-non-residents .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.page-eu-company-formation-non-residents .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.page-eu-company-formation-non-residents .consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.page-eu-company-formation-non-residents .cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.page-eu-company-formation-non-residents .cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.page-eu-company-formation-non-residents .cc-ic{font-size:22px}
.page-eu-company-formation-non-residents .cc-txt strong{display:block;font-size:15px;font-weight:600}
.page-eu-company-formation-non-residents .cc-txt span{font-size:11px;color:rgba(255,255,255,.5)}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.page-eu-company-formation-non-residents .stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.page-eu-company-formation-non-residents .smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
@media(max-width:1024px){
.page-eu-company-formation-non-residents .hg{grid-template-columns:1fr}.page-eu-company-formation-non-residents .hf{position:static;margin-top:40px}
.page-eu-company-formation-non-residents .jur-grid{grid-template-columns:1fr 1fr}
.page-eu-company-formation-non-residents .mkt-stats{grid-template-columns:repeat(2,1fr)}
.page-eu-company-formation-non-residents .mkt-reasons{grid-template-columns:repeat(2,1fr)}
.page-eu-company-formation-non-residents .est-grid, .page-eu-company-formation-non-residents .dual-grid, .page-eu-company-formation-non-residents .bank-grid{grid-template-columns:1fr;gap:36px}
.page-eu-company-formation-non-residents .cta-grid{grid-template-columns:1fr}.page-eu-company-formation-non-residents .cta-btns{flex-direction:row}
.page-eu-company-formation-non-residents .persona-grid{grid-template-columns:repeat(2,1fr)}
.page-eu-company-formation-non-residents .inc-grid{grid-template-columns:1fr 1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr}
.page-eu-company-formation-non-residents .pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
}
@media(max-width:768px){
.page-eu-company-formation-non-residents .sp, .page-eu-company-formation-non-residents .sp-alt{padding:56px 0}
nav{display:none}.hp{display:none}
.page-eu-company-formation-non-residents .jur-grid{grid-template-columns:1fr}
.page-eu-company-formation-non-residents .proc-wrap{grid-template-columns:1fr 1fr}.page-eu-company-formation-non-residents .proc-wrap::before{display:none}
.page-eu-company-formation-non-residents .tst-grid{grid-template-columns:1fr}
.page-eu-company-formation-non-residents .faq-grid{grid-template-columns:1fr}
.page-eu-company-formation-non-residents .persona-grid{grid-template-columns:1fr}
.page-eu-company-formation-non-residents .inc-grid{grid-template-columns:1fr}
.page-eu-company-formation-non-residents .mkt-stats{grid-template-columns:1fr 1fr}
.page-eu-company-formation-non-residents .mkt-reasons{grid-template-columns:1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px}
.page-eu-company-formation-non-residents .cta-btns{flex-direction:column}
.page-eu-company-formation-non-residents .comp-tbl{font-size:11px}.page-eu-company-formation-non-residents .comp-tbl th, .page-eu-company-formation-non-residents .comp-tbl td{padding:8px 10px}
.page-eu-company-formation-non-residents .stickmob{display:block}
}
/* Source: marketplace-company-formation.html */
.page-marketplace-company-formation{
--navy:#0A1628;--navy-mid:#132240;--navy-light:#1B3057;
--gold:#C8952A;--gold-light:#E8B84B;--gold-pale:#FFF8EC;
--blue:#1E6FFF;--blue-soft:#EEF3FF;
--white:#fff;--off:#F8F9FC;
--g100:#F1F3F7;--g200:#E2E6EF;--g400:#9AA3B5;--g600:#5C6478;--g700:#3D4557;--g800:#2E3547;
--green:#0C9E6E;--green-pale:#EDFBF5;
--red:#EF4444;--red-pale:#FEECEC;
--orange:#F97316;--orange-pale:#FFF7ED;
--fh:'DM Sans',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;
--r:12px;--rl:20px;
--s1:0 2px 8px rgba(10,22,40,.08);--s2:0 8px 32px rgba(10,22,40,.12);--s3:0 20px 60px rgba(10,22,40,.16);
}
.page-marketplace-company-formation *, .page-marketplace-company-formation *::before, .page-marketplace-company-formation *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
.page-marketplace-company-formation{font-family:var(--fb);color:var(--g800);background:var(--white);line-height:1.6;overflow-x:hidden}
.page-marketplace-company-formation .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-marketplace-company-formation .sp{padding:40px 0}.page-marketplace-company-formation .sp-alt{padding:40px 0;background:var(--off)}
.page-marketplace-company-formation .sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:#C9961A;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.page-marketplace-company-formation .sl::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A}
.page-marketplace-company-formation .sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.page-marketplace-company-formation .st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.page-marketplace-company-formation .st.inv{color:#fff}
.page-marketplace-company-formation .ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.page-marketplace-company-formation .ss.inv{color:rgba(255,255,255,.65)}
.page-marketplace-company-formation .sh{margin-bottom:48px}.page-marketplace-company-formation .sh.c{text-align:center}.page-marketplace-company-formation .sh.c .ss{margin:0 auto}
.page-marketplace-company-formation .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none; white-space: nowrap;}
.page-marketplace-company-formation .bg{background:#C9961A;color:var(--navy)}.page-marketplace-company-formation .bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.page-marketplace-company-formation .bn{background:var(--navy);color:#fff}.page-marketplace-company-formation .bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.page-marketplace-company-formation .bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.page-marketplace-company-formation .bgh:hover{background:rgba(255,255,255,.1)}
.page-marketplace-company-formation .bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-marketplace-company-formation .bo:hover{border-color:#C9961A;color:#C9961A}
.page-marketplace-company-formation .wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.page-marketplace-company-formation .wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.page-marketplace-company-formation .pgb{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s}
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.page-marketplace-company-formation .logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.page-marketplace-company-formation .li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#C9961A,var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:#C9961A}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.page-marketplace-company-formation .bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.page-marketplace-company-formation .bc a{color:var(--g600);text-decoration:none}.page-marketplace-company-formation .bc a:hover{color:var(--navy)}
.page-marketplace-company-formation .bc span{margin:0 7px}
.page-marketplace-company-formation .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px}
.page-marketplace-company-formation .hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.page-marketplace-company-formation .hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.page-marketplace-company-formation .hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.page-marketplace-company-formation .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-marketplace-company-formation-pulse 2s infinite}
@keyframes page-marketplace-company-formation-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-marketplace-company-formation .hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.11;margin-bottom:20px}
.page-marketplace-company-formation .hero h1 .hl{color:#C9961A}
.page-marketplace-company-formation .hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:18px;max-width:560px}
.page-marketplace-company-formation .platforms{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.page-marketplace-company-formation .plat{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:15px;font-weight:600;padding:7px 14px;border-radius:100px;transition:all .2s}
.page-marketplace-company-formation .plat:hover{background:rgba(200,149,42,.15);border-color:rgba(200,149,42,.4);color:var(--gold-light)}
.page-marketplace-company-formation .plat-ic{font-size:16px}
.page-marketplace-company-formation .geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.page-marketplace-company-formation .gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.page-marketplace-company-formation .ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.page-marketplace-company-formation .ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.page-marketplace-company-formation .ti .tn{font-family:var(--fh);font-size:25px;color:#C9961A;font-weight:700}
.page-marketplace-company-formation .ti .tl{font-size:12px;color:rgba(255,255,255,.5);line-height:1.35}
.page-marketplace-company-formation .hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.page-marketplace-company-formation .hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.page-marketplace-company-formation .hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.page-marketplace-company-formation .fg{margin-bottom:15px}
.page-marketplace-company-formation .fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.page-marketplace-company-formation .fg input, .page-marketplace-company-formation .fg select{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.page-marketplace-company-formation .fg input:focus, .page-marketplace-company-formation .fg select:focus{border-color:#C9961A}
.page-marketplace-company-formation .fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-marketplace-company-formation .fsub{width:100%;padding:15px;background:#C9961A;color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.page-marketplace-company-formation .fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.page-marketplace-company-formation .falt{display:none;gap:8px;margin-top:10px}
.page-marketplace-company-formation .fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.page-marketplace-company-formation .fab:hover{border-color:#C9961A;color:#C9961A}
.page-marketplace-company-formation .fab.ww{background:#25D366;color:#fff;border-color:#25D366}.page-marketplace-company-formation .fab.ww:hover{background:#1ebe5d}
.page-marketplace-company-formation .fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
.page-marketplace-company-formation .ts{background:#C9961A; display: none;}
.page-marketplace-company-formation .tsi{display:flex;flex-wrap:wrap;justify-content:center}
.page-marketplace-company-formation .tsi-i{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.page-marketplace-company-formation .tsi-i:last-child{border-right:none}
.page-marketplace-company-formation .pain-sec{background:linear-gradient(135deg,#06101F 0%,var(--navy) 60%,#0F1E3A 100%);padding:40px 0;position:relative;overflow:hidden}
.page-marketplace-company-formation .pain-sec::after{content:'';position:absolute;top:-30%;right:-8%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.06) 0%,transparent 70%)}
.page-marketplace-company-formation .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-marketplace-company-formation .rej-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#FC8181;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.page-marketplace-company-formation .rej-cards{display:flex;flex-direction:column;gap:12px}
.page-marketplace-company-formation .rc{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:var(--r)}
.page-marketplace-company-formation .rc-ic{font-size:18px;flex-shrink:0}
.page-marketplace-company-formation .rc-txt strong{display:block;font-size:20px;color:#FC8181}
.page-marketplace-company-formation .rc-txt span{font-size:16px;color:rgba(255,255,255,.5)}
.page-marketplace-company-formation .sol-cards{display:flex;flex-direction:column;gap:12px}
.page-marketplace-company-formation .sc{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(12,158,110,.07);border:1px solid rgba(12,158,110,.2);border-radius:var(--r)}
.page-marketplace-company-formation .sc-ic{font-size:18px;flex-shrink:0}
.page-marketplace-company-formation .sc-txt strong{display:block;font-size:20px;color:#4ADE80}
.page-marketplace-company-formation .sc-txt span{font-size:16px;color:rgba(255,255,255,.5)}
.page-marketplace-company-formation .pain-arrow{text-align:center;margin:8px 0;font-size:24px;color:#C9961A}
.page-marketplace-company-formation .plat-sec{padding:40px 0}
.page-marketplace-company-formation .plat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px}
.page-marketplace-company-formation .plat-card{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s}
.page-marketplace-company-formation .plat-card:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-marketplace-company-formation .plat-card.feat{border-color:#C9961A}
.page-marketplace-company-formation .pc-hd{padding:20px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--g100)}
.page-marketplace-company-formation .pc-logo{font-size:28px}
.page-marketplace-company-formation .pc-nm{font-family:var(--fh);font-size:19px;color:var(--navy)}
.page-marketplace-company-formation .pc-mkt{font-size:12px;color:var(--g600)}
.page-marketplace-company-formation .pc-pill{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:100px}
.page-marketplace-company-formation .pc-bdy{padding:20px 24px}
.page-marketplace-company-formation .pc-req-ttl{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--g400);margin-bottom:12px}
.page-marketplace-company-formation .pc-req{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.page-marketplace-company-formation .pc-req:last-child{border-bottom:none}
.page-marketplace-company-formation .pc-req .ic{font-size:14px;flex-shrink:0;margin-top:1px}
.page-marketplace-company-formation .pc-note{margin-top:14px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);border-radius:var(--r);padding:10px 14px;font-size:12px;color:var(--g700)}
.page-marketplace-company-formation .pc-note strong{color:var(--navy)}
.page-marketplace-company-formation .mkt-sec{background:var(--navy);padding:40px 0}
.page-marketplace-company-formation .mkt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.page-marketplace-company-formation .mst{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:26px;text-align:center;transition:all .25s}
.page-marketplace-company-formation .mst:hover{background:rgba(200,149,42,.07);border-color:rgba(200,149,42,.3)}
.page-marketplace-company-formation .mst-num{font-family:var(--fh);font-size:36px;color:#C9961A;font-weight:700;line-height:1}
.page-marketplace-company-formation .mst-unit{font-size:19px;color:var(--gold-light)}
.page-marketplace-company-formation .mst-lbl{font-size:17px;color:rgba(255,255,255,.6);margin-top:8px;line-height:1.4}
.page-marketplace-company-formation .mkt-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.page-marketplace-company-formation .mr{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:22px;transition:all .25s}
.page-marketplace-company-formation .mr:hover{background:rgba(255,255,255,.07);border-color:rgba(200,149,42,.3)}
.page-marketplace-company-formation .mr-ic{font-size:28px;margin-bottom:11px}
.page-marketplace-company-formation .mr-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.page-marketplace-company-formation .mr-desc{font-size:17px;color:rgba(255,255,255,.6);line-height:1.65}
.page-marketplace-company-formation .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-marketplace-company-formation .inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-marketplace-company-formation .inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-marketplace-company-formation .inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.page-marketplace-company-formation .inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.page-marketplace-company-formation .inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-marketplace-company-formation .inc-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.page-marketplace-company-formation .inc-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-marketplace-company-formation .proc-sec{background:var(--navy);padding:40px 0}
.page-marketplace-company-formation .proc-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative}
.page-marketplace-company-formation .proc-wrap::before{content:'';position:absolute;top:39px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0}
.page-marketplace-company-formation .ps{ text-align: center;
padding: 0 10px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
background: transparent;
border: none; flex-direction: column;}
.page-marketplace-company-formation .ps-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid #C9961A;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.page-marketplace-company-formation .ps-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:6px}
.page-marketplace-company-formation .ps-desc{font-size:16px;color:rgba(255,255,255,.5);line-height:1.5}
.page-marketplace-company-formation .ps-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:#C9961A;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
.page-marketplace-company-formation .act-sec{padding:40px 0}
.page-marketplace-company-formation .act-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-marketplace-company-formation .act-list{display:flex;flex-direction:column;gap:0}
.page-marketplace-company-formation .act-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--g100);position:relative}
.page-marketplace-company-formation .act-item:last-child{border-bottom:none}
.page-marketplace-company-formation .act-num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#C9961A;font-family:var(--fh);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-marketplace-company-formation .act-num.done{background:var(--green);color:#fff}
.page-marketplace-company-formation .act-nm{font-size:20px;font-weight:600;color:var(--navy);margin-bottom:3px}
.page-marketplace-company-formation .act-desc{font-size:16px;color:var(--g600);line-height:1.5}
.page-marketplace-company-formation .act-tag{display:inline-block;margin-top:5px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:100px}
.page-marketplace-company-formation .act-note{background:var(--gold-pale);border:1px solid rgba(200,149,42,.25);border-radius:var(--rl);padding:26px}
.page-marketplace-company-formation .an-ttl{font-family:var(--fh);font-size:19px;color:var(--navy);margin-bottom:16px}
.page-marketplace-company-formation .an-pts{display:flex;flex-direction:column;gap:12px}
.page-marketplace-company-formation .anp{display:flex;align-items:flex-start;gap:10px;font-size:18px;color:var(--g700);line-height:1.6}
.page-marketplace-company-formation .anp-ic{color:var(--green);font-size:14px;flex-shrink:0;margin-top:2px}
.page-marketplace-company-formation .vat-sec{background:var(--off);padding:40px 0}
.page-marketplace-company-formation .vat-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-marketplace-company-formation .vat-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);overflow:hidden;box-shadow:var(--s1)}
.page-marketplace-company-formation .vc-hd{padding:14px 20px;background:var(--navy);display:flex;align-items:center;gap:10px}
.page-marketplace-company-formation .vc-hd-ttl{font-family:var(--fh);font-size:16px;color:#fff}
.page-marketplace-company-formation .vc-hd-ic{font-size:18px}
.page-marketplace-company-formation .vc-bdy{padding:16px 20px}
.page-marketplace-company-formation .vrow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--g100);font-size:17px}
.page-marketplace-company-formation .vrow:last-child{border-bottom:none}
.page-marketplace-company-formation .vrow .lbl{color:var(--g600);font-weight:500}
.page-marketplace-company-formation .vrow .val{font-weight:600;color:var(--navy)}
.page-marketplace-company-formation .vrow .val.red{color:var(--red)}
.page-marketplace-company-formation .vrow .val.grn{color:var(--green)}
.page-marketplace-company-formation .vrow .val.org{color:var(--orange)}
.page-marketplace-company-formation .vat-pts{display:flex;flex-direction:column;gap:15px}
.page-marketplace-company-formation .vp{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#fff;border:1px solid var(--g200);border-radius:var(--r)}
.page-marketplace-company-formation .vp-ic{font-size:20px;flex-shrink:0}
.page-marketplace-company-formation .vp-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-marketplace-company-formation .vp-txt span{font-size:16px;color:var(--g600)}
.page-marketplace-company-formation .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-marketplace-company-formation .pc2{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-marketplace-company-formation .pc2:hover{border-color:#C9961A;box-shadow:var(--s2);transform:translateY(-3px)}
.page-marketplace-company-formation .pfl{font-size:34px;margin-bottom:7px}
.page-marketplace-company-formation .prg{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:8px}
.page-marketplace-company-formation .pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.page-marketplace-company-formation .pds{font-size:18px;color:var(--g600);line-height:1.6}
.page-marketplace-company-formation .pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-marketplace-company-formation .pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.page-marketplace-company-formation .pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.page-marketplace-company-formation .pk.feat{border-color:#C9961A;box-shadow:0 0 0 1px #C9961A,var(--s3)}
.page-marketplace-company-formation .pk-rb{position:absolute;top:-1px;right:20px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-marketplace-company-formation .pk-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--g100)}
.page-marketplace-company-formation .pk-ic{font-size:26px;margin-bottom:10px}
.page-marketplace-company-formation .pk-nm{font-family:var(--fh);font-size:19px;color:var(--navy);margin-bottom:3px}
.page-marketplace-company-formation .pk-tag{font-size:12px;color:var(--g600);margin-bottom:14px}
.page-marketplace-company-formation .pk-pr{display:flex;align-items:baseline;gap:3px}
.page-marketplace-company-formation .pk-cur{font-size:18px;font-weight:700;color:var(--navy)}
.page-marketplace-company-formation .pk-amt{font-family:var(--fh);font-size:40px;color:var(--navy);line-height:1}
.page-marketplace-company-formation .pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.page-marketplace-company-formation .pk-bdy{padding:20px 26px}
.page-marketplace-company-formation .pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:17px;color:var(--g700)}
.page-marketplace-company-formation .pkf:last-child{border-bottom:none}
.page-marketplace-company-formation .pkf.dim{color:var(--g400)}
.page-marketplace-company-formation .pk-ft{padding:0 26px 26px}
.page-marketplace-company-formation .pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.page-marketplace-company-formation .pk-btn.gld{background:#C9961A;color:var(--navy)}.page-marketplace-company-formation .pk-btn.gld:hover{background:var(--gold-light)}
.page-marketplace-company-formation .pk-btn.drk{background:var(--navy);color:#fff}.page-marketplace-company-formation .pk-btn.drk:hover{background:var(--navy-mid)}
.page-marketplace-company-formation .pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-marketplace-company-formation .pk-btn.brd:hover{border-color:#C9961A;color:#C9961A}
.page-marketplace-company-formation .cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.page-marketplace-company-formation .cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600}
.page-marketplace-company-formation .cmp-tbl th.hi{background:#C9961A;color:var(--navy); width: auto !important;}
.page-marketplace-company-formation .cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--g200);background:#fff;font-size:15px;color:var(--g700)}
.page-marketplace-company-formation .cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy)}
.page-marketplace-company-formation .cmp-tbl tr:last-child td{border-bottom:none}
.page-marketplace-company-formation .cmp-tbl tr:hover td{background:var(--off)}.page-marketplace-company-formation .cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.page-marketplace-company-formation .y{color:var(--green);font-size:17px;font-weight:700}
.page-marketplace-company-formation .n{color:var(--red);font-size:15px}
.page-marketplace-company-formation .m{color:#C9961A;font-size:15px;font-weight:600}
.page-marketplace-company-formation .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-marketplace-company-formation .tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.page-marketplace-company-formation .tc:hover{box-shadow:var(--s2);border-color:#C9961A}
.page-marketplace-company-formation .tc-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-marketplace-company-formation .tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.page-marketplace-company-formation .tc-au{display:flex;align-items:center;gap:11px}
.page-marketplace-company-formation .tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:#C9961A;font-weight:700}
.page-marketplace-company-formation .tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.page-marketplace-company-formation .tc-rl{font-size:11px;color:var(--g600)}
.page-marketplace-company-formation .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.page-marketplace-company-formation .fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.page-marketplace-company-formation .fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.page-marketplace-company-formation .fqb:hover{background:var(--off)}.page-marketplace-company-formation .fqb.open{background:var(--gold-pale);color:#C9961A}
.page-marketplace-company-formation .fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.page-marketplace-company-formation .fqb.open .fqi{background:#C9961A;color:#fff}
.page-marketplace-company-formation .fqa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.page-marketplace-company-formation .fqa.open{max-height:260px}
.page-marketplace-company-formation .fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
.page-marketplace-company-formation .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.page-marketplace-company-formation .cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-marketplace-company-formation .cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.page-marketplace-company-formation .cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.page-marketplace-company-formation .cta-ttl .g{color:#C9961A}
.page-marketplace-company-formation .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.page-marketplace-company-formation .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.page-marketplace-company-formation .consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.page-marketplace-company-formation .cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.page-marketplace-company-formation .cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.page-marketplace-company-formation .cc-ic{font-size:22px}
.page-marketplace-company-formation .cc-txt strong{display:block;font-size:15px;font-weight:600}
.page-marketplace-company-formation .cc-txt span{font-size:11px;color:rgba(255,255,255,.5)}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.page-marketplace-company-formation .stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.page-marketplace-company-formation .smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
@media(max-width:1024px){
.page-marketplace-company-formation .hg{grid-template-columns:1fr}.page-marketplace-company-formation .hf{position:static;margin-top:40px}
.page-marketplace-company-formation .pain-grid{grid-template-columns:1fr;gap:36px}
.page-marketplace-company-formation .plat-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .act-grid, .page-marketplace-company-formation .vat-grid{grid-template-columns:1fr;gap:36px}
.page-marketplace-company-formation .mkt-stats{grid-template-columns:repeat(2,1fr)}
.page-marketplace-company-formation .mkt-reasons{grid-template-columns:repeat(2,1fr)}
.page-marketplace-company-formation .cta-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .cta-btns{flex-direction:row}
.page-marketplace-company-formation .persona-grid{grid-template-columns:repeat(2,1fr)}
.page-marketplace-company-formation .inc-grid{grid-template-columns:1fr 1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr}
.page-marketplace-company-formation .pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
}
@media(max-width:768px){
.page-marketplace-company-formation .sp, .page-marketplace-company-formation .sp-alt{padding:56px 0}
nav{display:none}.hp{display:none}
.page-marketplace-company-formation .plat-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .proc-wrap{grid-template-columns:1fr 1fr}.page-marketplace-company-formation .proc-wrap::before{display:none}
.page-marketplace-company-formation .tst-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .faq-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .persona-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .inc-grid{grid-template-columns:1fr}
.page-marketplace-company-formation .mkt-stats{grid-template-columns:1fr 1fr}
.page-marketplace-company-formation .mkt-reasons{grid-template-columns:1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px}
.page-marketplace-company-formation .cta-btns{flex-direction:column}
.page-marketplace-company-formation .cmp-tbl{font-size:12px}.page-marketplace-company-formation .cmp-tbl th, .page-marketplace-company-formation .cmp-tbl td{padding:10px 12px}
.page-marketplace-company-formation .stickmob{display:block}
}
/* Source: nominee-director-service.html */
.page-nominee-director-service{
--navy:#0A1628;--navy-mid:#132240;--navy-light:#1B3057;
--gold:#C8952A;--gold-light:#E8B84B;--gold-pale:#FFF8EC;
--blue:#1E6FFF;--blue-soft:#EEF3FF;
--white:#fff;--off:#F8F9FC;
--g100:#F1F3F7;--g200:#E2E6EF;--g400:#9AA3B5;--g600:#5C6478;--g700:#3D4557;--g800:#2E3547;
--green:#0C9E6E;--green-pale:#EDFBF5;
--red:#EF4444;--red-pale:#FEECEC;
--purple:#7C3AED;--purple-pale:#F5F3FF;
--fh:'DM Sans',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;
--r:12px;--rl:20px;
--s1:0 2px 8px rgba(10,22,40,.08);--s2:0 8px 32px rgba(10,22,40,.12);--s3:0 20px 60px rgba(10,22,40,.16);
}
.page-nominee-director-service *, .page-nominee-director-service *::before, .page-nominee-director-service *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
.page-nominee-director-service{font-family:var(--fb);color:var(--g800);background:var(--white);line-height:1.6;overflow-x:hidden}
.page-nominee-director-service .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-nominee-director-service .sp{padding:40px 0}.page-nominee-director-service .sp-alt{padding:40px 0;background:var(--off)}
.page-nominee-director-service .sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:#C9961A;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.page-nominee-director-service .sl::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A}
.page-nominee-director-service .sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.page-nominee-director-service .st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.page-nominee-director-service .st.inv{color:#fff}
.page-nominee-director-service .ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.page-nominee-director-service .ss.inv{color:rgba(255,255,255,.65)}
.page-nominee-director-service .sh{margin-bottom:48px}.page-nominee-director-service .sh.c{text-align:center}.page-nominee-director-service .sh.c .ss{margin:0 auto}
.page-nominee-director-service .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.page-nominee-director-service .bg{background:#C9961A;color:var(--navy)}.page-nominee-director-service .bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.page-nominee-director-service .bn{background:var(--navy);color:#fff}.page-nominee-director-service .bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.page-nominee-director-service .bw{background:#fff;color:var(--navy)}.page-nominee-director-service .bw:hover{background:var(--g100)}
.page-nominee-director-service .bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.page-nominee-director-service .bgh:hover{background:rgba(255,255,255,.1)}
.page-nominee-director-service .bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-nominee-director-service .bo:hover{border-color:#C9961A;color:#C9961A}
.page-nominee-director-service .wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.page-nominee-director-service .wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.page-nominee-director-service .tick{color:var(--green);font-size:14px;flex-shrink:0}
.page-nominee-director-service .cross{color:var(--red);font-size:15px;flex-shrink:0}
.page-nominee-director-service .pgb{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s}
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.page-nominee-director-service .logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.page-nominee-director-service .li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#C9961A,var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:#C9961A}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.page-nominee-director-service .bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.page-nominee-director-service .bc a{color:var(--g600);text-decoration:none}.page-nominee-director-service .bc a:hover{color:var(--navy)}
.page-nominee-director-service .bc span{margin:0 7px}
.page-nominee-director-service .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px;}
.page-nominee-director-service .hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.page-nominee-director-service .hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.page-nominee-director-service .hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.page-nominee-director-service .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-nominee-director-service-pulse 2s infinite}
@keyframes page-nominee-director-service-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-nominee-director-service .hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.11;margin-bottom:20px}
.page-nominee-director-service .hero h1 .hl{color:#C9961A}
.page-nominee-director-service .hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:18px;max-width:560px}
.page-nominee-director-service .geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.page-nominee-director-service .gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.page-nominee-director-service .ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.page-nominee-director-service .ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.page-nominee-director-service .ti .tn{font-family:var(--fh);font-size:25px;color:#C9961A;font-weight:700}
.page-nominee-director-service .ti .tl{font-size:15px;color:rgba(255,255,255,.5);line-height:1.35}
.page-nominee-director-service .hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.page-nominee-director-service .hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.page-nominee-director-service .hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.page-nominee-director-service .fg{margin-bottom:15px}
.page-nominee-director-service .fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.page-nominee-director-service .fg input, .page-nominee-director-service .fg select, .page-nominee-director-service .fg textarea{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.page-nominee-director-service .fg input:focus, .page-nominee-director-service .fg select:focus{border-color:#C9961A}
.page-nominee-director-service .fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-nominee-director-service .fsub{width:100%;padding:15px;background:#C9961A;color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.page-nominee-director-service .fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.page-nominee-director-service .falt{display:none !important;gap:8px;margin-top:10px}
.page-nominee-director-service .fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.page-nominee-director-service .fab:hover{border-color:#C9961A;color:#C9961A}
.page-nominee-director-service .fab.ww{background:#25D366;color:#fff;border-color:#25D366}.page-nominee-director-service .fab.ww:hover{background:#1ebe5d}
.page-nominee-director-service .fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
.page-nominee-director-service .ts{background:#C9961A; display:none;}
.page-nominee-director-service .tsi{display:flex;flex-wrap:wrap;justify-content:center}
.page-nominee-director-service .tsi-item{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.page-nominee-director-service .tsi-item:last-child{border-right:none}
.page-nominee-director-service .wi-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-nominee-director-service .wi-def{background:var(--gold-pale);border:2px solid rgba(200,149,42,.3);border-radius:var(--rl);padding:28px;margin-bottom:24px}
.page-nominee-director-service .wi-def-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:10px}
.page-nominee-director-service .wi-def-txt{font-size:19px;color:var(--g700);line-height:1.8}
.page-nominee-director-service .wi-pts{display:flex;flex-direction:column;gap:15px}
.page-nominee-director-service .wip{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--white);border:1px solid var(--g200);border-radius:var(--r)}
.page-nominee-director-service .wip-ic{font-size:20px;flex-shrink:0}
.page-nominee-director-service .wip-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-nominee-director-service .wip-txt span{font-size:18px;color:var(--g600)}
.page-nominee-director-service .wi-right{display:flex;flex-direction:column;gap:18px}
.page-nominee-director-service .wi-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);overflow:hidden;box-shadow:var(--s1)}
.page-nominee-director-service .wic-hd{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--g100)}
.page-nominee-director-service .wic-ic{font-size:18px}
.page-nominee-director-service .wic-ttl{font-family:var(--fh);font-size:18px;color:var(--navy)}
.page-nominee-director-service .wic-tag{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px}
.page-nominee-director-service .wic-bdy{padding:14px 18px}
.page-nominee-director-service .wic-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--g100);font-size:19px;color:var(--g700)}
.page-nominee-director-service .wic-row:last-child{border-bottom:none}
.page-nominee-director-service .legal-sec{background:linear-gradient(135deg,#06101F 0%,var(--navy) 60%,#0F1E3A 100%);padding:40px 0;position:relative;overflow:hidden}
.page-nominee-director-service .legal-sec::after{content:'';position:absolute;top:-30%;right:-8%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.08) 0%,transparent 70%)}
.page-nominee-director-service .leg-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-nominee-director-service .legal-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(12,158,110,.15);border:1px solid rgba(12,158,110,.3);color:#4ADE80;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.page-nominee-director-service .legal-cite{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;margin-bottom:18px}
.page-nominee-director-service .leg-ref-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:10px}
.page-nominee-director-service .leg-quote{font-family:var(--fh);font-size:16px;color:#fff;line-height:1.6;font-style:italic;margin-bottom:10px}
.page-nominee-director-service .leg-src{font-size:11px;color:rgba(255,255,255,.4)}
.page-nominee-director-service .legal-pts{display:flex;flex-direction:column;gap:12px}
.page-nominee-director-service .lp{display:flex;align-items:flex-start;gap:11px;padding:15px 16px;background:rgba(12,158,110,.07);border:1px solid rgba(12,158,110,.2);border-radius:var(--r)}
.page-nominee-director-service .lp-ic{font-size:16px;flex-shrink:0}
.page-nominee-director-service .lp-txt{font-size:18px;color:rgba(255,255,255,.8);line-height:1.6}
.page-nominee-director-service .lp-txt strong{color:#fff}
.page-nominee-director-service .leg-right{display:flex;flex-direction:column;gap:14px}
.page-nominee-director-service .lr-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:22px}
.page-nominee-director-service .lr-card.hi{border-color:rgba(200,149,42,.4);background:rgba(200,149,42,.07)}
.page-nominee-director-service .lr-ic{font-size:28px;margin-bottom:10px}
.page-nominee-director-service .lr-ttl{font-family:var(--fh);font-size:17px;color:#fff;margin-bottom:6px}
.page-nominee-director-service .lr-desc{font-size:18px;color:rgba(255,255,255,.6);line-height:1.65}
.page-nominee-director-service .ctrl-sec{background:var(--off);padding:40px 0}
.page-nominee-director-service .ctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.page-nominee-director-service .ctrl-flow{display:flex;flex-direction:column;gap:0}
.page-nominee-director-service .cf-node{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:0}
.page-nominee-director-service .cf-line{width:2px;background:linear-gradient(180deg,#C9961A,transparent);height:40px;margin-left:20px}
.page-nominee-director-service .cf-dot{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid #C9961A}
.page-nominee-director-service .cf-dot.you{background:var(--navy);border-color:#C9961A}
.page-nominee-director-service .cf-dot.doc{background:var(--gold-pale);border-color:#C9961A}
.page-nominee-director-service .cf-dot.nom{background:var(--g100);border-color:var(--g200)}
.page-nominee-director-service .cf-dot.ch{background:var(--blue-soft);border-color:var(--blue)}
.page-nominee-director-service .cf-content{flex:1;padding-bottom:24px}
.page-nominee-director-service .cf-ttl{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:5px}
.page-nominee-director-service .cf-desc{font-size:18px;color:var(--g600);line-height:1.6}
.page-nominee-director-service .cf-tag{display:inline-block;margin-top:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 9px;border-radius:100px}
.page-nominee-director-service .ctrl-docs{display:flex;flex-direction:column;gap:16px}
.page-nominee-director-service .doc-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:22px;box-shadow:var(--s1);transition:all .25s}
.page-nominee-director-service .doc-card:hover{border-color:#C9961A;box-shadow:var(--s2)}
.page-nominee-director-service .dc-hd{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.page-nominee-director-service .dc-ic{width:44px;height:44px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.page-nominee-director-service .dc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-nominee-director-service .dc-tag{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green)}
.page-nominee-director-service .dc-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-nominee-director-service .cc-sec{background:var(--navy);padding:40px 0}
.page-nominee-director-service .cc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.page-nominee-director-service .cc-col{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);overflow:hidden}
.page-nominee-director-service .cc-col.can{border-color:rgba(12,158,110,.3);background:rgba(12,158,110,.05)}
.page-nominee-director-service .cc-col.cant{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}
.page-nominee-director-service .cc-hd{padding:16px 22px;display:flex;align-items:center;gap:11px}
.page-nominee-director-service .cc-hd.can{background:rgba(12,158,110,.1);border-bottom:1px solid rgba(12,158,110,.2)}
.page-nominee-director-service .cc-hd.cant{background:rgba(239,68,68,.08);border-bottom:1px solid rgba(239,68,68,.2)}
.page-nominee-director-service .cc-hd-ttl{font-family:var(--fh);font-size:18px;color:#fff}
.page-nominee-director-service .cc-hd-sub{font-size:12px;color:rgba(255,255,255,.5);margin-left:auto}
.page-nominee-director-service .cc-bdy{padding:8px 0}
.page-nominee-director-service .cc-row{display:flex;align-items:flex-start;gap:11px;padding:11px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.page-nominee-director-service .cc-row:last-child{border-bottom:none}
.page-nominee-director-service .cc-ic{font-size:14px;flex-shrink:0;margin-top:1px}
.page-nominee-director-service .cc-txt{font-size:18px;color:rgba(255,255,255,.8);line-height:1.5}
.page-nominee-director-service .cc-txt strong{color:#fff}
.page-nominee-director-service .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-nominee-director-service .why-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-nominee-director-service .why-card:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-nominee-director-service .why-ic{font-size:32px;margin-bottom:12px}
.page-nominee-director-service .why-ttl{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:8px}
.page-nominee-director-service .why-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-nominee-director-service .why-tag{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px;background:var(--blue-soft);color:var(--blue)}
.page-nominee-director-service .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-nominee-director-service .uc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;transition:all .25s}
.page-nominee-director-service .uc:hover{background:rgba(255,255,255,.08);border-color:rgba(200,149,42,.4);transform:translateY(-3px)}
.page-nominee-director-service .uc-ic{font-size:30px;margin-bottom:12px}
.page-nominee-director-service .uc-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:8px}
.page-nominee-director-service .uc-desc{font-size:18px;color:rgba(255,255,255,.62);line-height:1.6}
.page-nominee-director-service .uc-tag{display:inline-block;margin-top:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px;background:rgba(200,149,42,.12);color:var(--gold-light);border:1px solid rgba(200,149,42,.25)}
.page-nominee-director-service .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-nominee-director-service .inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-nominee-director-service .inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-nominee-director-service .inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.page-nominee-director-service .inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.page-nominee-director-service .inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-nominee-director-service .inc-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.page-nominee-director-service .inc-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-nominee-director-service .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-nominee-director-service .pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-nominee-director-service .pc:hover{border-color:#C9961A;box-shadow:var(--s2);transform:translateY(-3px)}
.page-nominee-director-service .pfl{font-size:34px;margin-bottom:7px}
.page-nominee-director-service .prg{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:8px}
.page-nominee-director-service .pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.page-nominee-director-service .pds{font-size:18px;color:var(--g600);line-height:1.6}
.page-nominee-director-service .proc-sec{background:var(--navy);padding:40px 0}
.page-nominee-director-service .proc-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.page-nominee-director-service .proc-wrap::before{content:'';position:absolute;top:39px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0}
.page-nominee-director-service .ps{text-align: center;
padding: 0 14px;
position: relative;
z-index: 1;
align-items: center;
background: transparent;
gap: 0px;
border: none; flex-direction: column;}
.refund-dv .ps{text-align: center;
padding: 0 14px;
position: relative;
z-index: 1;
align-items: center;
background: transparent;
gap: 0px;
border: none;}
.page-nominee-director-service .ps-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid #C9961A;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.page-nominee-director-service .ps-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.page-nominee-director-service .ps-desc{font-size:16px;color:rgba(255,255,255,.55);line-height:1.6}
.page-nominee-director-service .ps-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:#C9961A;font-size:14px;font-weight:700;padding:3px 10px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
.page-nominee-director-service .aml-sec{padding:40px 0}
.page-nominee-director-service .aml-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.page-nominee-director-service .aml-docs{display:flex;flex-direction:column;gap:15px}
.page-nominee-director-service .ad{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--g200);border-radius:var(--r);transition:all .2s}
.page-nominee-director-service .ad:hover{border-color:#C9961A}
.page-nominee-director-service .ad-num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#C9961A;font-family:var(--fh);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-nominee-director-service .ad-ic{font-size:20px;flex-shrink:0}
.page-nominee-director-service .ad-txt strong{display:block;font-size:20px;color:var(--navy)}
.page-nominee-director-service .ad-txt span{font-size:16px;color:var(--g600)}
.page-nominee-director-service .aml-note{background:var(--gold-pale);border:1px solid rgba(200,149,42,.25);border-radius:var(--rl);padding:24px}
.page-nominee-director-service .an-ttl{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:14px}
.page-nominee-director-service .an-pts{display:flex;flex-direction:column;gap:11px}
.page-nominee-director-service .anp{display:flex;align-items:flex-start;gap:10px;font-size:18px;color:var(--g700);line-height:1.6}
.page-nominee-director-service .anp-ic{color:var(--green);font-size:14px;flex-shrink:0;margin-top:2px}
.page-nominee-director-service .pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-nominee-director-service .pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.page-nominee-director-service .pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.page-nominee-director-service .pk.feat{border-color:#C9961A;box-shadow:0 0 0 1px #C9961A,var(--s3)}
.page-nominee-director-service .pk-rb{position:absolute;top:-1px;right:20px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-nominee-director-service .pk-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--g100)}
.page-nominee-director-service .pk-ic{font-size:26px;margin-bottom:10px}
.page-nominee-director-service .pk-nm{font-family:var(--fh);font-size:19px;color:var(--navy);margin-bottom:3px}
.page-nominee-director-service .pk-tag{font-size:12px;color:var(--g600);margin-bottom:14px}
.page-nominee-director-service .pk-pr{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}
.page-nominee-director-service .pk-cur{font-size:18px;font-weight:700;color:var(--navy)}
.page-nominee-director-service .pk-amt{font-family:var(--fh);font-size:40px;color:var(--navy);line-height:1}
.page-nominee-director-service .pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.page-nominee-director-service .pk-bdy{padding:20px 26px}
.page-nominee-director-service .pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.page-nominee-director-service .pkf:last-child{border-bottom:none}
.page-nominee-director-service .pkf.dim{color:var(--g400)}
.page-nominee-director-service .pk-ft{padding:0 26px 26px}
.page-nominee-director-service .pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.page-nominee-director-service .pk-btn.gld{background:#C9961A;color:var(--navy)}.page-nominee-director-service .pk-btn.gld:hover{background:var(--gold-light)}
.page-nominee-director-service .pk-btn.drk{background:var(--navy);color:#fff}.page-nominee-director-service .pk-btn.drk:hover{background:var(--navy-mid)}
.page-nominee-director-service .pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-nominee-director-service .pk-btn.brd:hover{border-color:#C9961A;color:#C9961A}
.page-nominee-director-service .cmp-sec{background:var(--off);padding:40px 0}
.page-nominee-director-service .cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.page-nominee-director-service .cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600}
.page-nominee-director-service .cmp-tbl th.hi{background:#C9961A;color:var(--navy); width:auto !important;}
.page-nominee-director-service .cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--g200);background:#fff;font-size:15px;color:var(--g700)}
.page-nominee-director-service .cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy)}
.page-nominee-director-service .cmp-tbl tr:last-child td{border-bottom:none}
.page-nominee-director-service .cmp-tbl tr:hover td{background:var(--off)}.page-nominee-director-service .cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.page-nominee-director-service .y{color:var(--green);font-size:17px;font-weight:700}
.page-nominee-director-service .n{color:var(--red);font-size:15px}
.page-nominee-director-service .m{color:#C9961A;font-size:15px;font-weight:600}
.page-nominee-director-service .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-nominee-director-service .tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.page-nominee-director-service .tc:hover{box-shadow:var(--s2);border-color:#C9961A}
.page-nominee-director-service .tc-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-nominee-director-service .tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.page-nominee-director-service .tc-au{display:flex;align-items:center;gap:11px}
.page-nominee-director-service .tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:#C9961A;font-weight:700}
.page-nominee-director-service .tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.page-nominee-director-service .tc-rl{font-size:11px;color:var(--g600)}
.page-nominee-director-service .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.page-nominee-director-service .fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.page-nominee-director-service .fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.page-nominee-director-service .fqb:hover{background:var(--off)}
.page-nominee-director-service .fqb.open{background:var(--gold-pale);color:#C9961A}
.page-nominee-director-service .fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.page-nominee-director-service .fqb.open .fqi{background:#C9961A;color:#fff}
.page-nominee-director-service .fqa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.page-nominee-director-service .fqa.open{max-height:260px}
.page-nominee-director-service .fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
.page-nominee-director-service .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.page-nominee-director-service .cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-nominee-director-service .cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.page-nominee-director-service .cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.page-nominee-director-service .cta-ttl .g{color:#C9961A}
.page-nominee-director-service .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.page-nominee-director-service .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.page-nominee-director-service .consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.page-nominee-director-service .cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.page-nominee-director-service .cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.page-nominee-director-service .cc-ic{font-size:22px}
.page-nominee-director-service .cc-txt strong{display:block;font-size:18px;font-weight:600}
.page-nominee-director-service .cc-txt span{font-size:11px;color:rgba(255,255,255,.5)}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.page-nominee-director-service .stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.page-nominee-director-service .smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
.page-nominee-director-service #nomineeEnquiryModal{
align-items:center;
justify-content:center;
padding:18px;
background:rgba(6,16,31,.78);
backdrop-filter:blur(8px);
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-backdrop{
background:linear-gradient(180deg, rgba(6,16,31,.68), rgba(6,16,31,.80));
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-panel{
width:min(100%,560px);
max-height:min(88vh,860px);
margin:0;
padding:0;
border-radius:28px;
overflow:hidden;
background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
border:1px solid rgba(201,150,26,.18);
box-shadow:0 30px 100px rgba(0,0,0,.34);
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-head{
margin:0;
padding:20px 20px 18px;
background:linear-gradient(135deg, #0A1628 0%, #132240 100%);
color:#fff;
border-bottom:1px solid rgba(255,255,255,.08);
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-title{
color:#fff;
font-size:22px;
letter-spacing:-0.02em;
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-sub{
color:rgba(255,255,255,.72);
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-close{
background:rgba(255,255,255,.10);
color:#fff;
border:1px solid rgba(255,255,255,.14);
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-body{
padding:18px;
}
.page-nominee-director-service #nomineeEnquiryModal .hf{
border:1px solid rgba(201,150,26,.14);
border-radius:22px;
background:#fff;
padding:18px;
box-shadow:0 12px 36px rgba(10,22,40,.08);
}
.page-nominee-director-service #nomineeEnquiryModal .hft{
font-family:var(--fh);
font-size:19px;
color:var(--navy);
margin-bottom:4px;
}
.page-nominee-director-service #nomineeEnquiryModal .hfs{
font-size:14px;
color:var(--g600);
margin-bottom:18px;
}
.page-nominee-director-service #nomineeEnquiryModal .fg2{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.page-nominee-director-service #nomineeEnquiryModal .fg{
margin-bottom:14px;
}
.page-nominee-director-service #nomineeEnquiryModal .fg label{
display:block;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--navy);
margin-bottom:6px;
}
.page-nominee-director-service #nomineeEnquiryModal .fg input,
.page-nominee-director-service #nomineeEnquiryModal .fg select{
width:100%;
height:48px;
padding:12px 14px;
border:1.5px solid #D8DEE9;
border-radius:14px;
background:linear-gradient(180deg,#fff 0%, #fcfdff 100%);
color:var(--g800);
font-family:var(--fb);
font-size:14px;
outline:none;
box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
transition:border-color .18s, box-shadow .18s, transform .18s;
}
.page-nominee-director-service #nomineeEnquiryModal .fg input::placeholder{
color:#9AA3B5;
}
.page-nominee-director-service #nomineeEnquiryModal .fg input:focus,
.page-nominee-director-service #nomineeEnquiryModal .fg select:focus{
border-color:#C9961A;
box-shadow:0 0 0 4px rgba(201,150,26,.14);
transform:translateY(-1px);
}
.page-nominee-director-service #nomineeEnquiryModal .fsub{
width:100%;
height:50px;
margin-top:6px;
background:linear-gradient(135deg,#C9961A 0%, #E8B84B 100%);
color:var(--navy);
border:none;
border-radius:14px;
font-size:15px;
font-weight:800;
box-shadow:0 10px 24px rgba(201,150,26,.24);
}
.page-nominee-director-service #nomineeEnquiryModal .fsub:hover{
background:linear-gradient(135deg,#D7A637 0%, #F0C257 100%);
}
.page-nominee-director-service #nomineeEnquiryModal .falt{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:8px;
margin-top:12px;
}
.page-nominee-director-service #nomineeEnquiryModal .fab{
min-height:42px;
border-radius:12px;
background:#F6F8FC;
border:1px solid #E4E8F0;
color:var(--navy);
font-size:12px;
font-weight:700;
}
.page-nominee-director-service #nomineeEnquiryModal .fab.ww{
background:#25D366;
border-color:#25D366;
color:#fff;
}
.page-nominee-director-service #nomineeEnquiryModal .fg-ok{
margin-top:14px;
padding:12px 14px;
border-radius:14px;
background:var(--gold-pale);
border:1px solid rgba(201,150,26,.18);
color:#8A6312;
font-size:12px;
font-weight:600;
}
@media(max-width:1024px){
.page-nominee-director-service .hg{grid-template-columns:1fr}.page-nominee-director-service .hf{position:static;margin-top:40px}
.page-nominee-director-service .wi-grid, .page-nominee-director-service .leg-grid, .page-nominee-director-service .ctrl-grid, .page-nominee-director-service .aml-grid{grid-template-columns:1fr;gap:36px}
.page-nominee-director-service .cta-grid{grid-template-columns:1fr}
.page-nominee-director-service .cta-btns{flex-direction:row}
.page-nominee-director-service .persona-grid{grid-template-columns:repeat(2,1fr)}
.page-nominee-director-service .why-grid, .page-nominee-director-service .uc-grid{grid-template-columns:repeat(2,1fr)}
.page-nominee-director-service .inc-grid{grid-template-columns:1fr 1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr}
.page-nominee-director-service .pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.page-nominee-director-service .cc-wrap{grid-template-columns:1fr}
}
@media(max-width:768px){
.page-nominee-director-service .sp, .page-nominee-director-service .sp-alt{padding:56px 0}
nav{display:none}.hp{display:none}
.page-nominee-director-service .proc-wrap{grid-template-columns:1fr 1fr}.page-nominee-director-service .proc-wrap::before{display:none}
.page-nominee-director-service .tst-grid{grid-template-columns:1fr}
.page-nominee-director-service .faq-grid{grid-template-columns:1fr}
.page-nominee-director-service .persona-grid, .page-nominee-director-service .why-grid, .page-nominee-director-service .uc-grid{grid-template-columns:1fr}
.page-nominee-director-service .inc-grid{grid-template-columns:1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px}
.page-nominee-director-service .cta-btns{flex-direction:column}
.page-nominee-director-service .cmp-tbl{font-size:12px}.page-nominee-director-service .cmp-tbl th, .page-nominee-director-service .cmp-tbl td{padding:10px 12px}
.page-nominee-director-service .stickmob{display:block}
.page-nominee-director-service #nomineeEnquiryModal{
padding:0;
align-items:stretch;
justify-content:stretch;
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-panel{
width:100%;
max-height:none;
height:100vh;
margin:0;
border-radius:0;
display:flex;
flex-direction:column;
}
.page-nominee-director-service #nomineeEnquiryModal .mobile-enquiry-body{
flex:1;
overflow:auto;
-webkit-overflow-scrolling:touch;
padding:16px;
}
.page-nominee-director-service #nomineeEnquiryModal .hf{
border-radius:18px;
}
.page-nominee-director-service #nomineeEnquiryModal .falt{
grid-template-columns:1fr;
}
.page-nominee-director-service #nomineeEnquiryModal .fg2{
grid-template-columns:1fr;
}
}
/* Source: uk-company-formation-non-residents_2.html */
.page-uk-company-formation-non-residents-2{
--navy: #0A1628;
--navy-mid: #132240;
--navy-light: #1B3057;
--gold: #C8952A;
--gold-light: #E8B84B;
--gold-pale: #FFF8EC;
--blue-accent: #1E6FFF;
--blue-soft: #EEF3FF;
--white: #ffffff;
--off-white: #F8F9FC;
--gray-100: #F1F3F7;
--gray-200: #E2E6EF;
--gray-400: #9AA3B5;
--gray-600: #5C6478;
--gray-700: #3D4557;
--gray-800: #2E3547;
--success: #0C9E6E;
--success-pale:#EDFBF5;
--font-head: 'DM Sans', system-ui, sans-serif;
--font-body: 'DM Sans', system-ui, sans-serif;
--r: 12px;
--r-lg: 20px;
--sh-sm: 0 2px 8px rgba(10,22,40,.08);
--sh-md: 0 8px 32px rgba(10,22,40,.12);
--sh-lg: 0 20px 60px rgba(10,22,40,.16);
}
.page-uk-company-formation-non-residents-2 *, .page-uk-company-formation-non-residents-2 *::before, .page-uk-company-formation-non-residents-2 *::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
.page-uk-company-formation-non-residents-2{font-family:var(--font-body);color:var(--gray-800);background:var(--white);line-height:1.6;overflow-x:hidden;}
.container{max-width:1200px !important;margin:0 auto !important;padding:0 24px !important;}
.page-uk-company-formation-non-residents-2 .sec-pad{padding:40px 0;}
.page-uk-company-formation-non-residents-2 .sec-label{
display:inline-flex;align-items:center;gap:8px;
background:var(--gold-pale);color:#C9961A;
font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px;
}
.page-uk-company-formation-non-residents-2 .sec-label::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A;}
.page-uk-company-formation-non-residents-2 .sec-label.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light);}
.page-uk-company-formation-non-residents-2 .sec-title{font-family:var(--font-head);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px;}
.page-uk-company-formation-non-residents-2 .sec-title.inv{color:var(--white);}
.page-uk-company-formation-non-residents-2 .sec-sub{font-size:20px;color:var(--gray-600);line-height:1.7;max-width:620px;}
.page-uk-company-formation-non-residents-2 .sec-sub.inv{color:rgba(255,255,255,.65);}
.page-uk-company-formation-non-residents-2 .sec-hdr{margin-bottom:48px;}
.page-uk-company-formation-non-residents-2 .sec-hdr.center{text-align:center;}
.page-uk-company-formation-non-residents-2 .sec-hdr.center .sec-sub{margin:0 auto;}
.page-uk-company-formation-non-residents-2 .btn{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--font-body);font-size:15px;font-weight:600;
padding:14px 28px;border-radius:var(--r);border:none;
cursor:pointer;transition:all .2s;text-decoration:none;
}
.page-uk-company-formation-non-residents-2 .btn-gold{background:#C9961A;color:var(--navy);}
.page-uk-company-formation-non-residents-2 .btn-gold:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4);}
.page-uk-company-formation-non-residents-2 .btn-navy{background:var(--navy);color:var(--white);}
.page-uk-company-formation-non-residents-2 .btn-navy:hover{background:var(--navy-mid);transform:translateY(-1px);}
.page-uk-company-formation-non-residents-2 .btn-white{background:var(--white);color:var(--navy);}
.page-uk-company-formation-non-residents-2 .btn-white:hover{background:var(--gray-100);}
.page-uk-company-formation-non-residents-2 .btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.4);}
.page-uk-company-formation-non-residents-2 .btn-ghost:hover{background:rgba(255,255,255,.1);}
.page-uk-company-formation-non-residents-2 .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200);}
.page-uk-company-formation-non-residents-2 .btn-outline:hover{border-color:#C9961A;color:#C9961A;}
.page-uk-company-formation-non-residents-2 .wa-btn{
display:inline-flex;align-items:center;gap:10px;
background:#25D366;color:#fff;font-size:15px;font-weight:600;
padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s;width: auto;
height: auto;
}
.page-uk-company-formation-non-residents-2 .wa-btn:hover{background:#1ebe5d;transform:translateY(-1px);}
.page-uk-company-formation-non-residents-2 .tick{color:var(--success);flex-shrink:0;}
.page-uk-company-formation-non-residents-2 .cross{color:var(--gray-400);flex-shrink:0;}
.page-uk-company-formation-non-residents-2 .progress-bar{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s;}
header{
position:sticky;top:0;z-index:200;
background:var(--navy);
border-bottom:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px);
}
.page-uk-company-formation-non-residents-2 .hdr-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px;}
.page-uk-company-formation-non-residents-2 .logo{
font-family:var(--font-head);font-size:20px;font-weight:700;
color:var(--white);text-decoration:none;display:flex;align-items:center;gap:10px;
}
.page-uk-company-formation-non-residents-2 .logo-icon{
width:36px;height:36px;border-radius:8px;flex-shrink:0;
background:linear-gradient(135deg,#C9961A,var(--gold-light));
display:flex;align-items:center;justify-content:center;
font-size:16px;font-weight:800;color:var(--navy);font-family:var(--font-head);
}
nav{display:flex;align-items:center;gap:4px;}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s;}
nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
nav a.act{color:#C9961A;}
.page-uk-company-formation-non-residents-2 .hdr-cta{display:flex;align-items:center;gap:12px;}
.page-uk-company-formation-non-residents-2 .hdr-phone{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none;}
.page-uk-company-formation-non-residents-2 .breadcrumb{background:var(--gray-100);padding:10px 0;font-size:15px;color:var(--gray-600);}
.page-uk-company-formation-non-residents-2 .breadcrumb a{color:var(--gray-600);text-decoration:none;}
.page-uk-company-formation-non-residents-2 .breadcrumb a:hover{color:var(--navy);}
.page-uk-company-formation-non-residents-2 .breadcrumb span{margin:0 7px;}
.page-uk-company-formation-non-residents-2 .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px}
.page-uk-company-formation-non-residents-2 .hero::before{
content:'';position:absolute;top:0;right:0;width:55%;height:100%;
background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.1) 0%,transparent 65%);
pointer-events:none;
}
.page-uk-company-formation-non-residents-2 .hero::after{
content:'';position:absolute;bottom:0;left:0;width:40%;height:55%;
background:radial-gradient(ellipse at 10% 90%,rgba(30,111,255,.06) 0%,transparent 60%);
pointer-events:none;
}
.page-uk-company-formation-non-residents-2 .hero-grid{display:grid;grid-template-columns:1fr 456px;gap:56px;align-items:flex-start;}
.page-uk-company-formation-non-residents-2 .hero-badge{
display:inline-flex;align-items:center;gap:10px;
background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);
color:var(--gold-light);font-size:15px;font-weight:600;
padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px;
}
.page-uk-company-formation-non-residents-2 .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-uk-company-formation-non-residents-2-pulse 2s infinite;}
@keyframes page-uk-company-formation-non-residents-2-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-uk-company-formation-non-residents-2 .hero h1{font-family:var(--font-head);font-size:clamp(32px,4.3vw,54px);color:#fff;line-height:1.11;margin-bottom:20px;}
.page-uk-company-formation-non-residents-2 .hero h1 .hl{color:#C9961A;}
.page-uk-company-formation-non-residents-2 .hero-desc{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:18px;max-width:550px;}
.page-uk-company-formation-non-residents-2 .geo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}
.page-uk-company-formation-non-residents-2 .geo-tag{
display:inline-flex;align-items:center;gap:6px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
color:rgba(255,255,255,.8);font-size:12px;font-weight:500;
padding:5px 12px;border-radius:100px;
}
.page-uk-company-formation-non-residents-2 .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;}
.page-uk-company-formation-non-residents-2 .hero-trust{
display:flex;flex-wrap:wrap;gap:28px;align-items:center;
padding:24px 0;border-top:1px solid rgba(255,255,255,.1);
}
.page-uk-company-formation-non-residents-2 .t-item .t-num{font-family:var(--font-head);font-size:26px;color:#C9961A;font-weight:700;}
.page-uk-company-formation-non-residents-2 .t-item .t-lbl{font-size:12px;color:rgba(255,255,255,.55);line-height:1.35;}
.page-uk-company-formation-non-residents-2 .hero-form{
background:var(--white);border-radius:var(--r-lg);padding:30px;
box-shadow:var(--sh-lg);position:sticky;top:88px;
}
.page-uk-company-formation-non-residents-2 .hf-title{font-family:var(--font-head);font-size:21px;color:var(--navy);margin-bottom:4px;}
.page-uk-company-formation-non-residents-2 .hf-sub{font-size:15px;color:var(--gray-600);margin-bottom:22px;}
.page-uk-company-formation-non-residents-2 .fg{margin-bottom:14px;}
.page-uk-company-formation-non-residents-2 .fg label{display:block;font-size:12px;font-weight:600;color:var(--gray-800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.page-uk-company-formation-non-residents-2 .fg input, .page-uk-company-formation-non-residents-2 .fg select, .page-uk-company-formation-non-residents-2 .fg textarea{
width:100%;padding:10px 15px;border:1.5px solid var(--gray-200);
border-radius:var(--r);font-family:var(--font-body);font-size:14px;
color:var(--gray-800);background:#fff;transition:border-color .2s;outline:none;
}
.page-uk-company-formation-non-residents-2 .fg input:focus, .page-uk-company-formation-non-residents-2 .fg select:focus{border-color:#C9961A;}
.page-uk-company-formation-non-residents-2 .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.page-uk-company-formation-non-residents-2 .form-submit{
width:100%;padding:15px;background:#C9961A;color:var(--navy);
font-size:15px;font-weight:700;border:none;border-radius:var(--r);
cursor:pointer;transition:all .2s;font-family:var(--font-body);
}
.page-uk-company-formation-non-residents-2 .form-submit:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35);}
.page-uk-company-formation-non-residents-2 .form-alts{display:none;gap:8px;margin-top:10px;}
.page-uk-company-formation-non-residents-2 .form-alt-btn{
flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;
text-decoration:none;transition:all .2s;border:1.5px solid var(--gray-200);color:var(--gray-800);
}
.page-uk-company-formation-non-residents-2 .form-alt-btn:hover{border-color:#C9961A;color:#C9961A;}
.page-uk-company-formation-non-residents-2 .form-alt-btn.wa{background:#25D366;color:#fff;border-color:#25D366;}
.page-uk-company-formation-non-residents-2 .form-alt-btn.wa:hover{background:#1ebe5d;}
.page-uk-company-formation-non-residents-2 .form-guar{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--success-pale);border-radius:var(--r);font-size:12px;color:var(--success);font-weight:500;}
.page-uk-company-formation-non-residents-2 .trust-strip{background:#C9961A; display: none;}
.page-uk-company-formation-non-residents-2 .ts-inner{display:flex;flex-wrap:wrap;justify-content:center;}
.page-uk-company-formation-non-residents-2 .ts-item{
display:flex;align-items:center;gap:10px;
padding:17px 30px;border-right:1px solid rgba(10,22,40,.15);
font-size:15px;font-weight:600;color:var(--navy);
}
.page-uk-company-formation-non-residents-2 .ts-item:last-child{border-right:none;}
.page-uk-company-formation-non-residents-2 .ts-item .ic{font-size:18px;}
.page-uk-company-formation-non-residents-2 .guar-band{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);
padding:64px 0;position:relative;overflow:hidden;
}
.page-uk-company-formation-non-residents-2 .guar-band::before{
content:'';position:absolute;top:-30%;right:-8%;
width:420px;height:420px;border-radius:50%;
background:radial-gradient(circle,rgba(200,149,42,.09) 0%,transparent 70%);
}
.page-uk-company-formation-non-residents-2 .guar-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.page-uk-company-formation-non-residents-2 .guar-title{font-family:var(--font-head);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:14px;}
.page-uk-company-formation-non-residents-2 .guar-title .g{color:#C9961A;}
.page-uk-company-formation-non-residents-2 .guar-desc{font-size:17px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:24px;}
.page-uk-company-formation-non-residents-2 .guar-pts{display:flex;flex-direction:column;gap:14px;}
.page-uk-company-formation-non-residents-2 .guar-pt{display:flex;align-items:flex-start;gap:12px;}
.page-uk-company-formation-non-residents-2 .gp-ic{
width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:2px;
background:rgba(200,149,42,.15);border:1px solid rgba(200,149,42,.3);
display:flex;align-items:center;justify-content:center;font-size:12px;color:#C9961A;font-weight:700;
}
.page-uk-company-formation-non-residents-2 .gp-txt{font-size:16px;color:rgba(255,255,255,.8);line-height:1.6;}
.page-uk-company-formation-non-residents-2 .gp-txt strong{color:#fff;}
.page-uk-company-formation-non-residents-2 .guar-badges{display:flex;flex-direction:column;gap:16px;}
.page-uk-company-formation-non-residents-2 .g-badge{
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
border-radius:var(--r-lg);padding:22px 26px;
}
.page-uk-company-formation-non-residents-2 .g-badge.feat{background:rgba(200,149,42,.09);border-color:rgba(200,149,42,.3);}
.page-uk-company-formation-non-residents-2 .g-badge-ic{font-size:30px;margin-bottom:8px;}
.page-uk-company-formation-non-residents-2 .g-badge-ttl{font-family:var(--font-head);font-size:20px;color:#C9961A;margin-bottom:6px;}
.page-uk-company-formation-non-residents-2 .g-badge-desc{font-size:17px;color:rgba(255,255,255,.6);line-height:1.6;}
.page-uk-company-formation-non-residents-2 .ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.page-uk-company-formation-non-residents-2 .ben-card{
background:var(--off-white);border:1px solid var(--gray-200);
border-radius:var(--r-lg);padding:26px;transition:all .25s;
}
.page-uk-company-formation-non-residents-2 .ben-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#C9961A;}
.page-uk-company-formation-non-residents-2 .ben-ic{font-size:30px;margin-bottom:12px;}
.page-uk-company-formation-non-residents-2 .ben-ttl{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:7px;}
.page-uk-company-formation-non-residents-2 .ben-desc{font-size:18px;color:var(--gray-600);line-height:1.65;}
.page-uk-company-formation-non-residents-2 .ct-section{background:var(--navy);padding:40px 0;}
.page-uk-company-formation-non-residents-2 .ct-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px;}
.page-uk-company-formation-non-residents-2 .ct-card{
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
border-radius:var(--r-lg);padding:30px;transition:all .25s;position:relative;overflow:hidden;
}
.page-uk-company-formation-non-residents-2 .ct-card:hover{background:rgba(255,255,255,.07);border-color:rgba(200,149,42,.4);transform:translateY(-3px);}
.page-uk-company-formation-non-residents-2 .ct-card.pop{border-color:rgba(200,149,42,.5);background:rgba(200,149,42,.06);}
.page-uk-company-formation-non-residents-2 .ct-card::before{
content:'';position:absolute;bottom:0;right:0;
width:120px;height:120px;border-radius:50%;
background:radial-gradient(circle,rgba(200,149,42,.06) 0%,transparent 70%);
}
.page-uk-company-formation-non-residents-2 .ct-pop{
position:absolute;top:18px;right:18px;
background:#C9961A;color:var(--navy);
font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:.5px;
}
.page-uk-company-formation-non-residents-2 .ct-ic{font-size:44px;margin-bottom:14px;}
.page-uk-company-formation-non-residents-2 .ct-nm{font-family:var(--font-head);font-size:21px;color:#fff;margin-bottom:3px;}
.page-uk-company-formation-non-residents-2 .ct-sh{font-size:14px;font-weight:700;color:#C9961A;text-transform:uppercase;letter-spacing:1px;margin-bottom:11px;}
.page-uk-company-formation-non-residents-2 .ct-desc{font-size:17px;color:rgba(255,255,255,.62);line-height:1.65;margin-bottom:18px;}
.page-uk-company-formation-non-residents-2 .ct-feats{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
.page-uk-company-formation-non-residents-2 .ct-feat{display:flex;align-items:flex-start;gap:9px;font-size:17px;color:rgba(255,255,255,.78);}
.page-uk-company-formation-non-residents-2 .ct-feat::before{content:'✓';color:#C9961A;font-weight:700;font-size:11px;flex-shrink:0;margin-top:2px;}
.page-uk-company-formation-non-residents-2 .ct-best{
background:rgba(200,149,42,.09);border:1px solid rgba(200,149,42,.18);
border-radius:8px;padding:9px 15px;font-size:12px;color:rgba(255,255,255,.65);
}
.page-uk-company-formation-non-residents-2 .ct-best strong{color:var(--gold-light);}
.page-uk-company-formation-non-residents-2 .ct-spd{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:700;color:#C9961A;}
.page-uk-company-formation-non-residents-2 .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.page-uk-company-formation-non-residents-2 .persona-card{
background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);
padding:24px;text-align:center;transition:all .25s;
}
.page-uk-company-formation-non-residents-2 .persona-card:hover{border-color:#C9961A;box-shadow:var(--sh-md);transform:translateY(-3px);}
.page-uk-company-formation-non-residents-2 .p-flag{font-size:34px;margin-bottom:7px;}
.page-uk-company-formation-non-residents-2 .p-rgn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:9px;}
.page-uk-company-formation-non-residents-2 .p-ttl{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:7px;}
.page-uk-company-formation-non-residents-2 .p-desc{font-size:18px;color:var(--gray-600);line-height:1.6;}
.page-uk-company-formation-non-residents-2 .proc-section{background:var(--off-white);padding:40px 0;}
.page-uk-company-formation-non-residents-2 .proc-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative;}
.page-uk-company-formation-non-residents-2 .proc-wrap::before{
content:'';position:absolute;top:39px;left:12%;right:12%;height:2px;
background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0;
}
.page-uk-company-formation-non-residents-2 .proc-step{text-align:center;padding:0 16px;position:relative;z-index:1;}
.page-uk-company-formation-non-residents-2 .proc-num{
width:78px;height:78px;border-radius:50%;margin:0 auto 18px;
background:#fff;border:3px solid #C9961A;
display:flex;align-items:center;justify-content:center;
font-size:26px;box-shadow:0 4px 16px rgba(200,149,42,.2);
}
.page-uk-company-formation-non-residents-2 .proc-ttl{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:7px;}
.page-uk-company-formation-non-residents-2 .proc-desc{font-size:18px;color:var(--gray-600);line-height:1.6;}
.page-uk-company-formation-non-residents-2 .proc-time{display:inline-block;margin-top:9px;background:var(--gold-pale);color:#C9961A;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;}
.page-uk-company-formation-non-residents-2 .pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.page-uk-company-formation-non-residents-2 .pkg-card{
background:#fff;border:2px solid var(--gray-200);
border-radius:var(--r-lg);overflow:hidden;transition:all .25s;position:relative;
}
.page-uk-company-formation-non-residents-2 .pkg-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.page-uk-company-formation-non-residents-2 .pkg-card.feat{border-color:#C9961A;box-shadow:0 0 0 1px #C9961A,var(--sh-lg);}
.page-uk-company-formation-non-residents-2 .pkg-ribbon{
position:absolute;top:-1px;right:20px;
background:#C9961A;color:var(--navy);
font-size:10px;font-weight:700;padding:5px 12px;
border-radius:0 0 8px 8px;letter-spacing:.5px;
}
.page-uk-company-formation-non-residents-2 .pkg-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--gray-100);}
.page-uk-company-formation-non-residents-2 .pkg-ic{font-size:26px;margin-bottom:10px;}
.page-uk-company-formation-non-residents-2 .pkg-nm{font-family:var(--font-head);font-size:19px;color:var(--navy);margin-bottom:3px;}
.page-uk-company-formation-non-residents-2 .pkg-tag{font-size:12px;color:var(--gray-600);margin-bottom:14px;}
.page-uk-company-formation-non-residents-2 .pkg-price{display:flex;align-items:baseline;gap:3px;}
.page-uk-company-formation-non-residents-2 .pkg-cur{font-size:18px;font-weight:700;color:var(--navy);}
.page-uk-company-formation-non-residents-2 .pkg-amt{font-family:var(--font-head);font-size:40px;color:var(--navy);line-height:1;}
.page-uk-company-formation-non-residents-2 .pkg-per{font-size:12px;color:var(--gray-400);margin-left:3px;}
.page-uk-company-formation-non-residents-2 .pkg-body{padding:20px 26px;}
.page-uk-company-formation-non-residents-2 .pkg-feat{
display:flex;align-items:flex-start;gap:9px;
padding:6px 0;border-bottom:1px solid var(--gray-100);
font-size:18px;color:var(--gray-700);
}
.page-uk-company-formation-non-residents-2 .pkg-feat:last-child{border-bottom:none;}
.page-uk-company-formation-non-residents-2 .pkg-feat.dim{color:var(--gray-400);}
.page-uk-company-formation-non-residents-2 .pkg-foot{padding:0 26px 26px;}
.page-uk-company-formation-non-residents-2 .pkg-btn{
width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;
border:none;border-radius:var(--r);cursor:pointer;font-family:var(--font-body);
transition:all .2s;text-decoration:none;display:block;
}
.page-uk-company-formation-non-residents-2 .pkg-btn.gold{background:#C9961A;color:var(--navy);}
.page-uk-company-formation-non-residents-2 .pkg-btn.gold:hover{background:var(--gold-light);}
.page-uk-company-formation-non-residents-2 .pkg-btn.dark{background:var(--navy);color:#fff;}
.page-uk-company-formation-non-residents-2 .pkg-btn.dark:hover{background:var(--navy-mid);}
.page-uk-company-formation-non-residents-2 .pkg-btn.bdr{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200);}
.page-uk-company-formation-non-residents-2 .pkg-btn.bdr:hover{border-color:#C9961A;color:#C9961A;}
.page-uk-company-formation-non-residents-2 .cmp-section{background:var(--off-white);padding:40px 0;}
.page-uk-company-formation-non-residents-2 .cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);margin-top:48px;}
.page-uk-company-formation-non-residents-2 .cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600;}
.page-uk-company-formation-non-residents-2 .cmp-tbl th.hi{background:#C9961A;color:var(--navy); width:auto !important}
.page-uk-company-formation-non-residents-2 .cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--gray-200);background:#fff;font-size:15px;color:var(--gray-700);}
.page-uk-company-formation-non-residents-2 .cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy);}
.page-uk-company-formation-non-residents-2 .cmp-tbl tr:last-child td{border-bottom:none;}
.page-uk-company-formation-non-residents-2 .cmp-tbl tr:hover td{background:var(--off-white);}
.page-uk-company-formation-non-residents-2 .cmp-tbl tr:hover td.hi{background:var(--gold-pale);}
.page-uk-company-formation-non-residents-2 .y{color:var(--success);font-size:17px;font-weight:700;}
.page-uk-company-formation-non-residents-2 .n{color:#EF4444;font-size:15px;}
.page-uk-company-formation-non-residents-2 .m{color:#C9961A;font-size:15px;font-weight:600;}
.page-uk-company-formation-non-residents-2 .addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.page-uk-company-formation-non-residents-2 .addon-card{
background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);
padding:20px;text-align:center;transition:all .2s;
}
.page-uk-company-formation-non-residents-2 .addon-card:hover{border-color:#C9961A;box-shadow:var(--sh-sm);}
.page-uk-company-formation-non-residents-2 .ao-ic{font-size:26px;margin-bottom:9px;}
.page-uk-company-formation-non-residents-2 .ao-nm{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.page-uk-company-formation-non-residents-2 .ao-pr{font-size:17px;font-weight:700;color:#C9961A;}
.page-uk-company-formation-non-residents-2 .ctry-section{background:var(--navy);padding:40px 0;}
.page-uk-company-formation-non-residents-2 .ctry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;}
.page-uk-company-formation-non-residents-2 .ctry-card{
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
border-radius:var(--r);padding:16px;text-align:center;transition:all .2s;
}
.page-uk-company-formation-non-residents-2 .ctry-card:hover{background:rgba(200,149,42,.08);border-color:rgba(200,149,42,.3);}
.page-uk-company-formation-non-residents-2 .ctry-flag{font-size:26px;margin-bottom:7px;}
.page-uk-company-formation-non-residents-2 .ctry-nm{font-size:18px;font-weight:600;color:#fff;margin-bottom:3px;}
.page-uk-company-formation-non-residents-2 .ctry-desc{font-size:16px;color:rgba(255,255,255,.45);}
.page-uk-company-formation-non-residents-2 .docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:48px;}
.page-uk-company-formation-non-residents-2 .doc-list{display:flex;flex-direction:column;gap:11px;}
.page-uk-company-formation-non-residents-2 .doc-item{
display:flex;align-items:center;gap:15px;
background:var(--off-white);border:1px solid var(--gray-200);
border-radius:var(--r);padding:15px 16px;
}
.page-uk-company-formation-non-residents-2 .doc-ic{font-size:20px;flex-shrink:0;}
.page-uk-company-formation-non-residents-2 .doc-txt strong{font-size:20px;color:var(--navy);display:block;}
.page-uk-company-formation-non-residents-2 .doc-txt span{font-size:16px;color:var(--gray-600);}
.page-uk-company-formation-non-residents-2 .docs-note{
background:var(--gold-pale);border:1px solid rgba(200,149,42,.25);
border-radius:var(--r-lg);padding:28px;
}
.page-uk-company-formation-non-residents-2 .docs-note-ttl{font-family:var(--font-head);font-size:22px;color:var(--navy);margin-bottom:18px;}
.page-uk-company-formation-non-residents-2 .dn-item{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px;}
.page-uk-company-formation-non-residents-2 .dn-item:last-child{margin-bottom:0;}
.page-uk-company-formation-non-residents-2 .dn-ck{color:var(--success);font-size:19px;flex-shrink:0;margin-top:2px;}
.page-uk-company-formation-non-residents-2 .dn-txt{font-size:18px;color:var(--gray-700);line-height:1.6;}
.page-uk-company-formation-non-residents-2 .tst-section{background:var(--off-white);padding:40px 0;}
.page-uk-company-formation-non-residents-2 .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.page-uk-company-formation-non-residents-2 .tst-card{
background:#fff;border-radius:var(--r-lg);padding:26px;
border:1px solid var(--gray-200);transition:all .2s;
}
.page-uk-company-formation-non-residents-2 .tst-card:hover{box-shadow:var(--sh-md);border-color:#C9961A;}
.page-uk-company-formation-non-residents-2 .tst-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px;}
.page-uk-company-formation-non-residents-2 .tst-txt{font-size:18px;color:var(--gray-700);line-height:1.7;margin-bottom:16px;font-style:italic;}
.page-uk-company-formation-non-residents-2 .tst-auth{display:flex;align-items:center;gap:11px;}
.page-uk-company-formation-non-residents-2 .tst-av{
width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;
display:flex;align-items:center;justify-content:center;
font-family:var(--font-head);font-size:18px;color:#C9961A;font-weight:700;
}
.page-uk-company-formation-non-residents-2 .tst-nm{font-size:18px;font-weight:600;color:var(--navy);}
.page-uk-company-formation-non-residents-2 .tst-role{font-size:11px;color:var(--gray-600);}
.page-uk-company-formation-non-residents-2 .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;}
.page-uk-company-formation-non-residents-2 .faq-item{border:1px solid var(--gray-200);border-radius:var(--r);overflow:hidden;}
.page-uk-company-formation-non-residents-2 .faq-q{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:16px 18px;background:#fff;border:none;cursor:pointer;
font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--navy);text-align:left;
transition:all .2s;
}
.page-uk-company-formation-non-residents-2 .faq-q:hover{background:var(--off-white);}
.page-uk-company-formation-non-residents-2 .faq-q.open{background:var(--gold-pale);color:#C9961A;}
.page-uk-company-formation-non-residents-2 .faq-ic{
width:22px;height:22px;border-radius:50%;background:var(--gray-100);
display:flex;align-items:center;justify-content:center;
font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s;
}
.page-uk-company-formation-non-residents-2 .faq-q.open .faq-ic{background:#C9961A;color:#fff;}
.page-uk-company-formation-non-residents-2 .faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease,padding .32s ease;}
.page-uk-company-formation-non-residents-2 .faq-a.open{max-height:260px !important;}
.page-uk-company-formation-non-residents-2 .faq-a p{padding:0 18px 16px;font-size:17px;color:var(--gray-600);line-height:1.7;}
.page-uk-company-formation-non-residents-2 .cta-band{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);
padding:40px 0;position:relative;overflow:hidden;
}
.page-uk-company-formation-non-residents-2 .cta-band::before{
content:'';position:absolute;top:-35%;right:-5%;
width:380px;height:380px;border-radius:50%;
background:radial-gradient(circle,rgba(200,149,42,.11) 0%,transparent 70%);
}
.page-uk-company-formation-non-residents-2 .cta-inner{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;}
.page-uk-company-formation-non-residents-2 .cta-title{font-family:var(--font-head);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px;}
.page-uk-company-formation-non-residents-2 .cta-title .g{color:#C9961A;}
.page-uk-company-formation-non-residents-2 .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:560px;}
.page-uk-company-formation-non-residents-2 .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px;}
.page-uk-company-formation-non-residents-2 .consult-bar{
margin-top:48px;padding-top:40px;
border-top:1px solid rgba(255,255,255,.1);
display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
}
.page-uk-company-formation-non-residents-2 .consult-ch{
display:flex;align-items:center;gap:12px;
padding:14px 22px;border-radius:var(--r);
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
text-decoration:none;transition:all .2s;color:#fff;
}
.page-uk-company-formation-non-residents-2 .consult-ch:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);}
.page-uk-company-formation-non-residents-2 .cc-ic{font-size:22px;}
.page-uk-company-formation-non-residents-2 .cc-txt strong{display:block;font-size:15px;font-weight:600;}
.page-uk-company-formation-non-residents-2 .cc-txt span{font-size:11px;color:rgba(255,255,255,.55);}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0;}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px;}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0;}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s;}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A;}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3);}
.page-uk-company-formation-non-residents-2 .sticky-mob{
display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;
background:#fff;border-top:1px solid var(--gray-200);
padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12);
}
.page-uk-company-formation-non-residents-2 .smob-inner{display:flex;gap:10px;max-width:600px;margin:0 auto;}
@media(max-width:1024px){
.page-uk-company-formation-non-residents-2 .hero-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .hero-form{position:static;margin-top:40px;}
.page-uk-company-formation-non-residents-2 .guar-grid{grid-template-columns:1fr;gap:36px;}
.page-uk-company-formation-non-residents-2 .pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto;}
.page-uk-company-formation-non-residents-2 .ct-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .persona-grid{grid-template-columns:repeat(2,1fr);}
.page-uk-company-formation-non-residents-2 .cta-inner{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .cta-btns{flex-direction:row;}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr;}
.page-uk-company-formation-non-residents-2 .addon-grid{grid-template-columns:repeat(2,1fr);}
.page-uk-company-formation-non-residents-2 .ctry-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
.page-uk-company-formation-non-residents-2 .sec-pad{padding:56px 0;}
nav{display:none;}
.page-uk-company-formation-non-residents-2 .hdr-phone{display:none;}
.page-uk-company-formation-non-residents-2 .ben-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .proc-wrap{grid-template-columns:1fr 1fr;}
.page-uk-company-formation-non-residents-2 .proc-wrap::before{display:none;}
.page-uk-company-formation-non-residents-2 .tst-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .faq-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .docs-grid{grid-template-columns:1fr;}
.page-uk-company-formation-non-residents-2 .ctry-grid{grid-template-columns:repeat(2,1fr);}
.page-uk-company-formation-non-residents-2 .persona-grid{grid-template-columns:1fr;}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px;}
.page-uk-company-formation-non-residents-2 .cta-btns{flex-direction:column;}
.page-uk-company-formation-non-residents-2 .consult-bar{gap:10px;}
.page-uk-company-formation-non-residents-2 .sticky-mob{display:block;}
.page-uk-company-formation-non-residents-2 .hero-trust{gap:20px;}
.page-uk-company-formation-non-residents-2 .cmp-tbl{font-size:12px;}
.page-uk-company-formation-non-residents-2 .cmp-tbl th, .page-uk-company-formation-non-residents-2 .cmp-tbl td{padding:10px 12px;}
}
/* Source: uk-readymade-shelf-companies.html */
.page-uk-readymade-shelf-companies{
--navy:#0A1628;--navy-mid:#132240;--navy-light:#1B3057;
--gold:#C8952A;--gold-light:#E8B84B;--gold-pale:#FFF8EC;
--blue:#1E6FFF;--blue-soft:#EEF3FF;
--white:#fff;--off:#F8F9FC;
--g100:#F1F3F7;--g200:#E2E6EF;--g400:#9AA3B5;--g600:#5C6478;--g700:#3D4557;--g800:#2E3547;
--green:#0C9E6E;--green-pale:#EDFBF5;
--red:#EF4444;--red-pale:#FEECEC;
--purple:#7C3AED;--purple-pale:#F5F3FF;
--amber:#D97706;--amber-pale:#FFFBEB;
--fh:'DM Sans',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;
--r:12px;--rl:20px;
--s1:0 2px 8px rgba(10,22,40,.08);--s2:0 8px 32px rgba(10,22,40,.12);--s3:0 20px 60px rgba(10,22,40,.16);
}
.page-uk-readymade-shelf-companies *, .page-uk-readymade-shelf-companies *::before, .page-uk-readymade-shelf-companies *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
.page-uk-readymade-shelf-companies{font-family:var(--fb);color:var(--g800);background:var(--white);line-height:1.6;overflow-x:hidden}
.page-uk-readymade-shelf-companies .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-uk-readymade-shelf-companies .sp{padding:40px 0}.page-uk-readymade-shelf-companies .sp-alt{padding:40px 0;background:var(--off)}
.page-uk-readymade-shelf-companies .sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:#C9961A;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.page-uk-readymade-shelf-companies .sl::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A}
.page-uk-readymade-shelf-companies .sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.page-uk-readymade-shelf-companies .st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.page-uk-readymade-shelf-companies .st.inv{color:#fff}
.page-uk-readymade-shelf-companies .ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.page-uk-readymade-shelf-companies .ss.inv{color:rgba(255,255,255,.65)}
.page-uk-readymade-shelf-companies .sh{margin-bottom:48px}.page-uk-readymade-shelf-companies .sh.c{text-align:center}.page-uk-readymade-shelf-companies .sh.c .ss{margin:0 auto}
.page-uk-readymade-shelf-companies .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.page-uk-readymade-shelf-companies .bg{background:#C9961A;color:var(--navy)}.page-uk-readymade-shelf-companies .bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.page-uk-readymade-shelf-companies .bn{background:var(--navy);color:#fff}.page-uk-readymade-shelf-companies .bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.page-uk-readymade-shelf-companies .bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.page-uk-readymade-shelf-companies .bgh:hover{background:rgba(255,255,255,.1)}
.page-uk-readymade-shelf-companies .bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-uk-readymade-shelf-companies .bo:hover{border-color:#C9961A;color:#C9961A}
.page-uk-readymade-shelf-companies .wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.page-uk-readymade-shelf-companies .wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.page-uk-readymade-shelf-companies .pgb{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s}
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.page-uk-readymade-shelf-companies .logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.page-uk-readymade-shelf-companies .li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#C9961A,var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:#C9961A}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.page-uk-readymade-shelf-companies .bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.page-uk-readymade-shelf-companies .bc a{color:var(--g600);text-decoration:none}.page-uk-readymade-shelf-companies .bc a:hover{color:var(--navy)}
.page-uk-readymade-shelf-companies .bc span{margin:0 7px}
.page-uk-readymade-shelf-companies .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px}
.page-uk-readymade-shelf-companies .hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.page-uk-readymade-shelf-companies .hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.page-uk-readymade-shelf-companies .hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.page-uk-readymade-shelf-companies .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-uk-readymade-shelf-companies-pulse 2s infinite}
@keyframes page-uk-readymade-shelf-companies-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-uk-readymade-shelf-companies .hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.11;margin-bottom:20px}
.page-uk-readymade-shelf-companies .hero h1 .hl{color:#C9961A}
.page-uk-readymade-shelf-companies .hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:18px;max-width:560px}
.page-uk-readymade-shelf-companies .age-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.page-uk-readymade-shelf-companies .atag{display:inline-flex;align-items:center;gap:7px;border:1px solid;font-size:12px;font-weight:700;padding:6px 14px;border-radius:100px}
.page-uk-readymade-shelf-companies .atag.fresh{background:rgba(12,158,110,.1);border-color:rgba(12,158,110,.35);color:#4ADE80}
.page-uk-readymade-shelf-companies .atag.aged{background:rgba(200,149,42,.1);border-color:rgba(200,149,42,.35);color:var(--gold-light)}
.page-uk-readymade-shelf-companies .atag.vintage{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.35);color:#A78BFA}
.page-uk-readymade-shelf-companies .geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.page-uk-readymade-shelf-companies .gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.page-uk-readymade-shelf-companies .ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.page-uk-readymade-shelf-companies .ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.page-uk-readymade-shelf-companies .ti .tn{font-family:var(--fh);font-size:25px;color:#C9961A;font-weight:700}
.page-uk-readymade-shelf-companies .ti .tl{font-size:12px;color:rgba(255,255,255,.5);line-height:1.35}
.page-uk-readymade-shelf-companies .hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.page-uk-readymade-shelf-companies .hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.page-uk-readymade-shelf-companies .hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.page-uk-readymade-shelf-companies .fg{margin-bottom:15px}
.page-uk-readymade-shelf-companies .fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.page-uk-readymade-shelf-companies .fg input, .page-uk-readymade-shelf-companies .fg select{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.page-uk-readymade-shelf-companies .fg input:focus, .page-uk-readymade-shelf-companies .fg select:focus{border-color:#C9961A}
.page-uk-readymade-shelf-companies .fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-uk-readymade-shelf-companies .fsub{width:100%;padding:15px;background:#C9961A;color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.page-uk-readymade-shelf-companies .fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.page-uk-readymade-shelf-companies .falt{display:none;gap:8px;margin-top:10px}
.page-uk-readymade-shelf-companies .fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.page-uk-readymade-shelf-companies .fab:hover{border-color:#C9961A;color:#C9961A}
.page-uk-readymade-shelf-companies .fab.ww{background:#25D366;color:#fff;border-color:#25D366}.page-uk-readymade-shelf-companies .fab.ww:hover{background:#1ebe5d}
.page-uk-readymade-shelf-companies .fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
.page-uk-readymade-shelf-companies .ts{background:#C9961A}
.page-uk-readymade-shelf-companies .tsi{display:flex;flex-wrap:wrap;justify-content:center}
.page-uk-readymade-shelf-companies .tsi-i{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.page-uk-readymade-shelf-companies .tsi-i:last-child{border-right:none}
.page-uk-readymade-shelf-companies .wi-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-uk-readymade-shelf-companies .wi-def{background:var(--gold-pale);border:2px solid rgba(200,149,42,.3);border-radius:var(--rl);padding:28px;margin-bottom:22px}
.page-uk-readymade-shelf-companies .wi-def-lbl{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:10px}
.page-uk-readymade-shelf-companies .wi-def-txt{font-size:19px;color:var(--g700);line-height:1.8}
.page-uk-readymade-shelf-companies .wi-pts{display:flex;flex-direction:column;gap:12px}
.page-uk-readymade-shelf-companies .wip{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--white);border:1px solid var(--g200);border-radius:var(--r)}
.page-uk-readymade-shelf-companies .wip-ic{font-size:20px;flex-shrink:0}
.page-uk-readymade-shelf-companies .wip-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-uk-readymade-shelf-companies .wip-txt span{font-size:18px;color:var(--g600)}
.page-uk-readymade-shelf-companies .age-sec{background:var(--navy);padding:40px 0}
.page-uk-readymade-shelf-companies .age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-uk-readymade-shelf-companies .age-card{border-radius:var(--rl);padding:30px;position:relative;transition:all .25s;cursor:default}
.page-uk-readymade-shelf-companies .age-card:hover{transform:translateY(-4px)}
.page-uk-readymade-shelf-companies .age-card.fresh{background:rgba(12,158,110,.07);border:1px solid rgba(12,158,110,.3)}
.page-uk-readymade-shelf-companies .age-card.aged{background:rgba(200,149,42,.07);border:1px solid rgba(200,149,42,.4)}
.page-uk-readymade-shelf-companies .age-card.vintage{background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.35)}
.page-uk-readymade-shelf-companies .age-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:100px;margin-bottom:14px}
.page-uk-readymade-shelf-companies .age-badge.fresh{background:rgba(12,158,110,.15);border:1px solid rgba(12,158,110,.3);color:#4ADE80}
.page-uk-readymade-shelf-companies .age-badge.aged{background:rgba(200,149,42,.15);border:1px solid rgba(200,149,42,.3);color:var(--gold-light)}
.page-uk-readymade-shelf-companies .age-badge.vintage{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:#A78BFA}
.page-uk-readymade-shelf-companies .age-yr{font-family:var(--fh);font-size:36px;color:#fff;font-weight:700;line-height:1;margin-bottom:6px}
.page-uk-readymade-shelf-companies .age-range{font-size:17px;color:rgba(255,255,255,.6);margin-bottom:14px}
.page-uk-readymade-shelf-companies .age-ttl{font-family:var(--fh);font-size:19px;color:#fff;margin-bottom:10px}
.page-uk-readymade-shelf-companies .age-desc{font-size:17px;color:rgba(255,255,255,.62);line-height:1.65;margin-bottom:18px}
.page-uk-readymade-shelf-companies .age-pts{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.page-uk-readymade-shelf-companies .agp{display:flex;align-items:flex-start;gap:8px;font-size:16px;color:rgba(255,255,255,.78)}
.page-uk-readymade-shelf-companies .agp::before{content:'✓';font-weight:700;font-size:13px;flex-shrink:0;margin-top:2px}
.page-uk-readymade-shelf-companies .agp.fresh::before{color:#4ADE80}
.page-uk-readymade-shelf-companies .agp.aged::before{color:var(--gold-light)}
.page-uk-readymade-shelf-companies .agp.vintage::before{color:#A78BFA}
.page-uk-readymade-shelf-companies .age-who{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;font-size:15px;color:rgba(255,255,255,.55)}
.page-uk-readymade-shelf-companies .age-who strong{color:rgba(255,255,255,.85)}
.page-uk-readymade-shelf-companies .age-pr{margin-top:14px;display:flex;align-items:baseline;gap:3px}
.page-uk-readymade-shelf-companies .age-pr-lbl{font-size:14px;color:rgba(255,255,255,.4);margin-right:4px}
.page-uk-readymade-shelf-companies .age-pr-num{font-family:var(--fh);font-size:24px;color:#C9961A;font-weight:700}
.page-uk-readymade-shelf-companies .age-pr-per{font-size:14px;color:rgba(255,255,255,.4)}
.page-uk-readymade-shelf-companies .vat-sec{padding:40px 0}
.page-uk-readymade-shelf-companies .vat-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.page-uk-readymade-shelf-companies .vat-highlight{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);border-radius:var(--rl);padding:32px;position:relative;overflow:hidden}
.page-uk-readymade-shelf-companies .vat-highlight::before{content:'';position:absolute;bottom:-20%;right:-10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-uk-readymade-shelf-companies .vat-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:12px}
.page-uk-readymade-shelf-companies .vat-ttl{font-family:var(--fh);font-size:clamp(20px,3vw,28px);color:#fff;line-height:1.25;margin-bottom:16px}
.page-uk-readymade-shelf-companies .vat-ttl .g{color:#C9961A}
.page-uk-readymade-shelf-companies .vat-timing{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.page-uk-readymade-shelf-companies .vt{text-align:center;padding:14px 20px;border-radius:var(--r);flex:1;min-width:100px}
.page-uk-readymade-shelf-companies .vt.before{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25)}
.page-uk-readymade-shelf-companies .vt.after{background:rgba(12,158,110,.12);border:1px solid rgba(12,158,110,.25)}
.page-uk-readymade-shelf-companies .vt-num{font-family:var(--fh);font-size:26px;font-weight:700;line-height:1}
.page-uk-readymade-shelf-companies .vt.before .vt-num{color:#FC8181}
.page-uk-readymade-shelf-companies .vt.after .vt-num{color:#4ADE80}
.page-uk-readymade-shelf-companies .vt-lbl{font-size:15px;font-weight:600;margin-top:4px}
.page-uk-readymade-shelf-companies .vt.before .vt-lbl{color:rgba(239,68,68,.7)}
.page-uk-readymade-shelf-companies .vt.after .vt-lbl{color:rgba(12,158,110,.8)}
.page-uk-readymade-shelf-companies .vat-desc{font-size:18px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:20px}
.page-uk-readymade-shelf-companies .vat-pts{display:flex;flex-direction:column;gap:15px}
.page-uk-readymade-shelf-companies .vp{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border:1px solid var(--g200);border-radius:var(--r)}
.page-uk-readymade-shelf-companies .vp-ic{font-size:20px;flex-shrink:0}
.page-uk-readymade-shelf-companies .vp-txt strong{display:block;font-size:19px;color:var(--navy);margin-bottom:2px}
.page-uk-readymade-shelf-companies .vp-txt span{font-size:16px;color:var(--g600)}
.page-uk-readymade-shelf-companies .trans-sec{background:var(--off);padding:40px 0}
.page-uk-readymade-shelf-companies .trans-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative}
.page-uk-readymade-shelf-companies .trans-flow::before{content:'';position:absolute;top:39px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0}
.page-uk-readymade-shelf-companies .ts2{text-align:center;padding:0 10px;position:relative;z-index:1}
.page-uk-readymade-shelf-companies .ts2-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:var(--white);border:2px solid #C9961A;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 16px rgba(200,149,42,.15)}
.page-uk-readymade-shelf-companies .ts2-ttl{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:6px}
.page-uk-readymade-shelf-companies .ts2-desc{font-size:16px;color:var(--g600);line-height:1.55}
.page-uk-readymade-shelf-companies .ts2-time{display:inline-block;margin-top:8px;background:var(--gold-pale);color:#C9961A;font-size:14px;font-weight:700;padding:3px 9px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
.page-uk-readymade-shelf-companies .vs-sec{background:var(--navy);padding:40px 0}
.page-uk-readymade-shelf-companies .vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.page-uk-readymade-shelf-companies .vs-col{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);overflow:hidden}
.page-uk-readymade-shelf-companies .vs-col.rm{border-color:rgba(200,149,42,.4);background:rgba(200,149,42,.06)}
.page-uk-readymade-shelf-companies .vs-hd{padding:18px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}
.page-uk-readymade-shelf-companies .vs-hd.rm{border-bottom-color:rgba(200,149,42,.2);background:rgba(200,149,42,.08)}
.page-uk-readymade-shelf-companies .vs-hd-ic{font-size:24px}
.page-uk-readymade-shelf-companies .vs-hd-ttl{font-family:var(--fh);font-size:18px;color:#fff}
.page-uk-readymade-shelf-companies .vs-hd-sub{font-size:12px;color:rgba(255,255,255,.5)}
.page-uk-readymade-shelf-companies .vs-bdy{padding:6px 0}
.page-uk-readymade-shelf-companies .vs-row{display:flex;align-items:flex-start;gap:11px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.page-uk-readymade-shelf-companies .vs-row:last-child{border-bottom:none}
.page-uk-readymade-shelf-companies .vs-row-ic{font-size:16px;flex-shrink:0;margin-top:1px}
.page-uk-readymade-shelf-companies .vs-row-txt{font-size:17px;color:rgba(255,255,255,.78);line-height:1.5}
.page-uk-readymade-shelf-companies .vs-row-txt strong{color:#fff}
.page-uk-readymade-shelf-companies .vs-note{margin-top:32px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:16px 24px;font-size:15px;color:rgba(255,255,255,.6)}
.page-uk-readymade-shelf-companies .vs-note a{color:#C9961A;text-decoration:none;font-weight:600}
.page-uk-readymade-shelf-companies .guar-sec{padding:40px 0}
.page-uk-readymade-shelf-companies .guar-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.page-uk-readymade-shelf-companies .guar-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-pale);border:1px solid rgba(12,158,110,.3);color:var(--green);font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.page-uk-readymade-shelf-companies .check-list{display:flex;flex-direction:column;gap:12px}
.page-uk-readymade-shelf-companies .cl-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--white);border:1px solid var(--g200);border-radius:var(--r);transition:all .2s}
.page-uk-readymade-shelf-companies .cl-item:hover{border-color:#C9961A}
.page-uk-readymade-shelf-companies .cl-ic{width:30px;height:30px;border-radius:50%;background:var(--green-pale);border:1px solid rgba(12,158,110,.2);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;color:var(--green);font-weight:700}
.page-uk-readymade-shelf-companies .cl-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-uk-readymade-shelf-companies .cl-txt span{font-size:17px;color:var(--g600)}
.page-uk-readymade-shelf-companies .guar-cert{background:var(--navy);border-radius:var(--rl);padding:32px;text-align:center}
.page-uk-readymade-shelf-companies .gc-ic{font-size:48px;margin-bottom:16px}
.page-uk-readymade-shelf-companies .gc-ttl{font-family:var(--fh);font-size:24px;color:#fff;margin-bottom:10px}
.page-uk-readymade-shelf-companies .gc-desc{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:20px}
.page-uk-readymade-shelf-companies .gc-pts{display:flex;flex-direction:column;gap:10px;text-align:left}
.page-uk-readymade-shelf-companies .gcp{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(12,158,110,.08);border:1px solid rgba(12,158,110,.2);border-radius:var(--r);font-size:17px;color:rgba(255,255,255,.8)}
.page-uk-readymade-shelf-companies .gcp-ic{color:#4ADE80;font-size:14px;flex-shrink:0}
.page-uk-readymade-shelf-companies .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-uk-readymade-shelf-companies .uc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;transition:all .25s}
.page-uk-readymade-shelf-companies .uc:hover{transform:translateY(-3px);box-shadow:var(--s2);border-color:#C9961A}
.page-uk-readymade-shelf-companies .uc-ic{font-size:30px;margin-bottom:11px}
.page-uk-readymade-shelf-companies .uc-ttl{font-family:var(--fh);font-size:16px;color:var(--navy);margin-bottom:7px}
.page-uk-readymade-shelf-companies .uc-desc{font-size:18px;color:var(--g600);line-height:1.6}
.page-uk-readymade-shelf-companies .uc-tag{display:inline-block;margin-top:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px;background:var(--blue-soft);color:var(--blue)}
.page-uk-readymade-shelf-companies .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-uk-readymade-shelf-companies .inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-uk-readymade-shelf-companies .inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-uk-readymade-shelf-companies .inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.page-uk-readymade-shelf-companies .inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.page-uk-readymade-shelf-companies .inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-uk-readymade-shelf-companies .inc-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.page-uk-readymade-shelf-companies .inc-desc{font-size:17px;color:var(--g600);line-height:1.65}
.page-uk-readymade-shelf-companies .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-uk-readymade-shelf-companies .pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-uk-readymade-shelf-companies .pc:hover{border-color:#C9961A;box-shadow:var(--s2);transform:translateY(-3px)}
.page-uk-readymade-shelf-companies .pfl{font-size:34px;margin-bottom:7px}
.page-uk-readymade-shelf-companies .prg{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:8px}
.page-uk-readymade-shelf-companies .pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.page-uk-readymade-shelf-companies .pds{font-size:17px;color:var(--g600);line-height:1.6}
.page-uk-readymade-shelf-companies .cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.page-uk-readymade-shelf-companies .cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600}
.page-uk-readymade-shelf-companies .cmp-tbl th.hi{background:#C9961A;color:var(--navy); width: auto !important;}
.page-uk-readymade-shelf-companies .cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--g200);background:#fff;font-size:15px;color:var(--g700)}
.page-uk-readymade-shelf-companies .cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy)}
.page-uk-readymade-shelf-companies .cmp-tbl tr:last-child td{border-bottom:none}
.page-uk-readymade-shelf-companies .cmp-tbl tr:hover td{background:var(--off)}.page-uk-readymade-shelf-companies .cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.page-uk-readymade-shelf-companies .y{color:var(--green);font-size:17px;font-weight:700}
.page-uk-readymade-shelf-companies .n{color:var(--red);font-size:15px}
.page-uk-readymade-shelf-companies .m{color:#C9961A;font-size:15px;font-weight:600}
.page-uk-readymade-shelf-companies .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-uk-readymade-shelf-companies .tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.page-uk-readymade-shelf-companies .tc:hover{box-shadow:var(--s2);border-color:#C9961A}
.page-uk-readymade-shelf-companies .tc-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-uk-readymade-shelf-companies .tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.page-uk-readymade-shelf-companies .tc-au{display:flex;align-items:center;gap:11px}
.page-uk-readymade-shelf-companies .tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:#C9961A;font-weight:700}
.page-uk-readymade-shelf-companies .tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.page-uk-readymade-shelf-companies .tc-rl{font-size:11px;color:var(--g600)}
.page-uk-readymade-shelf-companies .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.page-uk-readymade-shelf-companies .fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.page-uk-readymade-shelf-companies .fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.page-uk-readymade-shelf-companies .fqb:hover{background:var(--off)}.page-uk-readymade-shelf-companies .fqb.open{background:var(--gold-pale);color:#C9961A}
.page-uk-readymade-shelf-companies .fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.page-uk-readymade-shelf-companies .fqb.open .fqi{background:#C9961A;color:#fff}
.page-uk-readymade-shelf-companies .fqa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.page-uk-readymade-shelf-companies .fqa.open{max-height:280px}
.page-uk-readymade-shelf-companies .fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
.page-uk-readymade-shelf-companies .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.page-uk-readymade-shelf-companies .cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-uk-readymade-shelf-companies .cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.page-uk-readymade-shelf-companies .cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.page-uk-readymade-shelf-companies .cta-ttl .g{color:#C9961A}
.page-uk-readymade-shelf-companies .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.page-uk-readymade-shelf-companies .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.page-uk-readymade-shelf-companies .consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.page-uk-readymade-shelf-companies .cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.page-uk-readymade-shelf-companies .cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.page-uk-readymade-shelf-companies .cc-ic{font-size:22px}
.page-uk-readymade-shelf-companies .cc-txt strong{display:block;font-size:15px;font-weight:600}
.page-uk-readymade-shelf-companies .cc-txt span{font-size:11px;color:rgba(255,255,255,.5)}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.page-uk-readymade-shelf-companies .stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.page-uk-readymade-shelf-companies .smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
@media(max-width:1024px){
.page-uk-readymade-shelf-companies .hg{grid-template-columns:1fr}.page-uk-readymade-shelf-companies .hf{position:static;margin-top:40px}
.page-uk-readymade-shelf-companies .wi-grid, .page-uk-readymade-shelf-companies .vat-grid, .page-uk-readymade-shelf-companies .guar-grid{grid-template-columns:1fr;gap:36px}
.page-uk-readymade-shelf-companies .vs-grid, .page-uk-readymade-shelf-companies .age-grid{grid-template-columns:1fr}
.page-uk-readymade-shelf-companies .cta-grid{grid-template-columns:1fr}.page-uk-readymade-shelf-companies .cta-btns{flex-direction:row}
.page-uk-readymade-shelf-companies .persona-grid{grid-template-columns:repeat(2,1fr)}
.page-uk-readymade-shelf-companies .inc-grid{grid-template-columns:1fr 1fr}
.page-uk-readymade-shelf-companies .uc-grid{grid-template-columns:repeat(2,1fr)}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.page-uk-readymade-shelf-companies .sp, .page-uk-readymade-shelf-companies .sp-alt{padding:56px 0}
nav{display:none}.hp{display:none}
.page-uk-readymade-shelf-companies .age-grid{grid-template-columns:1fr}
.page-uk-readymade-shelf-companies .trans-flow{grid-template-columns:1fr 1fr}.page-uk-readymade-shelf-companies .trans-flow::before{display:none}
.page-uk-readymade-shelf-companies .tst-grid{grid-template-columns:1fr}
.page-uk-readymade-shelf-companies .faq-grid{grid-template-columns:1fr}
.page-uk-readymade-shelf-companies .persona-grid, .page-uk-readymade-shelf-companies .uc-grid{grid-template-columns:1fr}
.page-uk-readymade-shelf-companies .inc-grid{grid-template-columns:1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px}
.page-uk-readymade-shelf-companies .cta-btns{flex-direction:column}
.page-uk-readymade-shelf-companies .cmp-tbl{font-size:12px}.page-uk-readymade-shelf-companies .cmp-tbl th, .page-uk-readymade-shelf-companies .cmp-tbl td{padding:10px 12px}
.page-uk-readymade-shelf-companies .stickmob{display:block}
}
/* Source: uk-registered-office-address.html */
.page-uk-registered-office-address{
--navy: #0A1628;
--navy-mid: #132240;
--navy-light: #1B3057;
--gold: #C8952A;
--gold-light: #E8B84B;
--gold-pale: #FFF8EC;
--blue: #1E6FFF;
--blue-soft: #EEF3FF;
--white: #fff;
--off: #F8F9FC;
--g100: #F1F3F7;
--g200: #E2E6EF;
--g400: #9AA3B5;
--g600: #5C6478;
--g700: #3D4557;
--g800: #2E3547;
--green: #0C9E6E;
--green-pale: #EDFBF5;
--red: #EF4444;
--fh: 'DM Sans', system-ui, sans-serif;
--fb: 'DM Sans', system-ui, sans-serif;
--r: 12px;
--rl: 20px;
--s1: 0 2px 8px rgba(10,22,40,.08);
--s2: 0 8px 32px rgba(10,22,40,.12);
--s3: 0 20px 60px rgba(10,22,40,.16);
}
.page-uk-registered-office-address *, .page-uk-registered-office-address *::before, .page-uk-registered-office-address *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
.page-uk-registered-office-address{font-family:var(--fb);color:var(--g800);background:var(--white);line-height:1.6;overflow-x:hidden}
.page-uk-registered-office-address .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-uk-registered-office-address .sp{padding:40px 0}
.page-uk-registered-office-address .sp-sm{padding:56px 0}
.page-uk-registered-office-address .sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:#C9961A;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.page-uk-registered-office-address .sl::before{content:'';width:6px;height:6px;border-radius:50%;background:#C9961A}
.page-uk-registered-office-address .sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.page-uk-registered-office-address .st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.page-uk-registered-office-address .st.inv{color:var(--white)}
.page-uk-registered-office-address .ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.page-uk-registered-office-address .ss.inv{color:rgba(255,255,255,.65)}
.page-uk-registered-office-address .sh{margin-bottom:48px}
.page-uk-registered-office-address .sh.c{text-align:center}.page-uk-registered-office-address .sh.c .ss{margin:0 auto}
.page-uk-registered-office-address .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.page-uk-registered-office-address .bg{background:#C9961A;color:var(--navy)}.page-uk-registered-office-address .bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.page-uk-registered-office-address .bn{background:var(--navy);color:#fff}.page-uk-registered-office-address .bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.page-uk-registered-office-address .bw{background:#fff;color:var(--navy)}.page-uk-registered-office-address .bw:hover{background:var(--g100)}
.page-uk-registered-office-address .bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.page-uk-registered-office-address .bgh:hover{background:rgba(255,255,255,.1)}
.page-uk-registered-office-address .bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-uk-registered-office-address .bo:hover{border-color:#C9961A;color:#C9961A}
.page-uk-registered-office-address .wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.page-uk-registered-office-address .wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.page-uk-registered-office-address .pgb{position:fixed;top:0;left:0;height:3px;background:#C9961A;z-index:300;width:0;transition:width .1s}
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.page-uk-registered-office-address .logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.page-uk-registered-office-address .li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#C9961A,var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:#C9961A}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.page-uk-registered-office-address .bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.page-uk-registered-office-address .bc a{color:var(--g600);text-decoration:none}.page-uk-registered-office-address .bc a:hover{color:var(--navy)}
.page-uk-registered-office-address .bc span{margin:0 7px}
.page-uk-registered-office-address .hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative; margin-top:0px}
.page-uk-registered-office-address .hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.page-uk-registered-office-address .hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.page-uk-registered-office-address .hb{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.page-uk-registered-office-address .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:page-uk-registered-office-address-pulse 2s infinite}
@keyframes page-uk-registered-office-address-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.page-uk-registered-office-address .hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.12;margin-bottom:20px}
.page-uk-registered-office-address .hero h1 .hl{color:#C9961A}
.page-uk-registered-office-address .hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:16px;max-width:560px}
.page-uk-registered-office-address .geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.page-uk-registered-office-address .gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.page-uk-registered-office-address .ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.page-uk-registered-office-address .ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.page-uk-registered-office-address .ti .tn{font-family:var(--fh);font-size:25px;color:#C9961A;font-weight:700}
.page-uk-registered-office-address .ti .tl{font-size:14px;color:rgba(255,255,255,.5);line-height:1.35}
.page-uk-registered-office-address .hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.page-uk-registered-office-address .hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.page-uk-registered-office-address .hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.page-uk-registered-office-address .fg{margin-bottom:15px}
.page-uk-registered-office-address .fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.page-uk-registered-office-address .fg input, .page-uk-registered-office-address .fg select{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.page-uk-registered-office-address .fg input:focus, .page-uk-registered-office-address .fg select:focus{border-color:#C9961A}
.page-uk-registered-office-address .fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-uk-registered-office-address .fsub{width:100%;padding:15px;background:#C9961A;color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.page-uk-registered-office-address .fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.page-uk-registered-office-address .falt{display:none;gap:8px;margin-top:10px}
.page-uk-registered-office-address .fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.page-uk-registered-office-address .fab:hover{border-color:#C9961A;color:#C9961A}
.page-uk-registered-office-address .fab.ww{background:#25D366;color:#fff;border-color:#25D366}.page-uk-registered-office-address .fab.ww:hover{background:#1ebe5d}
.page-uk-registered-office-address .fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
.page-uk-registered-office-address .ts{background:#C9961A}
.page-uk-registered-office-address .tsi{display:flex;flex-wrap:wrap;justify-content:center}
.page-uk-registered-office-address .tsit{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.page-uk-registered-office-address .tsit:last-child{border-right:none}
.page-uk-registered-office-address .legal-band{background:linear-gradient(135deg,#06101F 0%,#0A1628 60%,#0F1E3A 100%);padding:64px 0;position:relative;overflow:hidden}
.page-uk-registered-office-address .legal-band::after{content:'';position:absolute;top:-40%;right:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.08) 0%,transparent 70%)}
.page-uk-registered-office-address .lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-uk-registered-office-address .lb-pre{display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#FC8181;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.page-uk-registered-office-address .lb-ttl{font-family:var(--fh);font-size:clamp(22px,3.2vw,34px);color:#fff;line-height:1.25;margin-bottom:14px}
.page-uk-registered-office-address .lb-ttl .g{color:#C9961A}
.page-uk-registered-office-address .lb-desc{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:26px}
.page-uk-registered-office-address .lb-pts{display:flex;flex-direction:column;gap:15px}
.page-uk-registered-office-address .lbp{display:flex;align-items:flex-start;gap:11px;font-size:17px;color:rgba(255,255,255,.8)}
.page-uk-registered-office-address .lbp-ic{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:2px;background:rgba(200,149,42,.15);border:1px solid rgba(200,149,42,.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#C9961A}
.page-uk-registered-office-address .lb-law{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:28px}
.page-uk-registered-office-address .law-ttl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:14px}
.page-uk-registered-office-address .law-cite{font-family:var(--fh);font-size:17px;color:#fff;line-height:1.5;margin-bottom:16px;font-style:italic}
.page-uk-registered-office-address .law-ref{font-size:12px;color:rgba(255,255,255,.45)}
.page-uk-registered-office-address .risk-cards{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.page-uk-registered-office-address .risk-c{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:var(--r)}
.page-uk-registered-office-address .rc-ic{font-size:18px;flex-shrink:0}
.page-uk-registered-office-address .rc-txt strong{display:block;font-size:20px;color:#FC8181}
.page-uk-registered-office-address .rc-txt span{font-size:16px;color:rgba(255,255,255,.5)}
.page-uk-registered-office-address .wi-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-uk-registered-office-address .wi-def{background:var(--gold-pale);border:2px solid rgba(200,149,42,.3);border-radius:var(--rl);padding:28px;position:relative}
.page-uk-registered-office-address .wi-def::before{content:'';position:absolute;top:-1px;left:28px;width:60px;height:3px;background:#C9961A;border-radius:0 0 3px 3px}
.page-uk-registered-office-address .wi-def-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:10px}
.page-uk-registered-office-address .wi-def-text{font-size:18px;color:var(--g700);line-height:1.75}
.page-uk-registered-office-address .wi-facts{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.page-uk-registered-office-address .wf{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--off);border:1px solid var(--g200);border-radius:var(--r)}
.page-uk-registered-office-address .wf-ic{font-size:20px;flex-shrink:0}
.page-uk-registered-office-address .wf-txt strong{display:block;font-size:19px;color:var(--navy);margin-bottom:2px}
.page-uk-registered-office-address .wf-txt span{font-size:16px;color:var(--g600)}
.page-uk-registered-office-address .wi-vis{display:flex;flex-direction:column;gap:16px}
.page-uk-registered-office-address .wv-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:22px;box-shadow:var(--s1);transition:all .25s}
.page-uk-registered-office-address .wv-card:hover{border-color:#C9961A;box-shadow:var(--s2)}
.page-uk-registered-office-address .wv-hd{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.page-uk-registered-office-address .wv-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.page-uk-registered-office-address .wv-nm{font-family:var(--fh);font-size:16px;color:var(--navy)}
.page-uk-registered-office-address .wv-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px}
.page-uk-registered-office-address .wv-desc{font-size:15px;color:var(--g600);line-height:1.6}
.page-uk-registered-office-address .at-section{background:var(--navy);padding:40px 0}
.page-uk-registered-office-address .at-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-uk-registered-office-address .at-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:28px;transition:all .25s;position:relative}
.page-uk-registered-office-address .at-card:hover{background:rgba(255,255,255,.07);border-color:rgba(200,149,42,.4)}
.page-uk-registered-office-address .at-card.rec{border-color:rgba(200,149,42,.5);background:rgba(200,149,42,.06)}
.page-uk-registered-office-address .at-rec{position:absolute;top:-1px;right:20px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-uk-registered-office-address .at-ic{font-size:32px;margin-bottom:14px}
.page-uk-registered-office-address .at-nm{font-family:var(--fh);font-size:23px;color:#fff;margin-bottom:5px}
.page-uk-registered-office-address .at-sub{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:12px}
.page-uk-registered-office-address .at-desc{font-size:18px;color:rgba(255,255,255,.62);line-height:1.65;margin-bottom:18px}
.page-uk-registered-office-address .at-pts{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.page-uk-registered-office-address .atp{display:flex;align-items:flex-start;gap:8px;font-size:17px;color:rgba(255,255,255,.75)}
.page-uk-registered-office-address .atp::before{content:'✓';color:#C9961A;font-weight:700;font-size:10px;flex-shrink:0;margin-top:2px}
.page-uk-registered-office-address .at-who{background:rgba(200,149,42,.08);border:1px solid rgba(200,149,42,.15);border-radius:8px;padding:9px 12px;font-size:15px;color:rgba(255,255,255,.6)}
.page-uk-registered-office-address .at-who strong{color:var(--gold-light)}
.page-uk-registered-office-address .at-note{margin-top:40px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:16px;font-size:15px;color:rgba(255,255,255,.6)}
.page-uk-registered-office-address .at-note a{color:#C9961A;text-decoration:none;font-weight:600}
.page-uk-registered-office-address .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-uk-registered-office-address .ic{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.page-uk-registered-office-address .ic:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#C9961A}
.page-uk-registered-office-address .ic-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.page-uk-registered-office-address .ic-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.page-uk-registered-office-address .ic-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.page-uk-registered-office-address .ic-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.page-uk-registered-office-address .ic-desc{font-size:18px;color:var(--g600);line-height:1.65}
.page-uk-registered-office-address .priv-section{background:var(--off);padding:40px 0}
.page-uk-registered-office-address .priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-uk-registered-office-address .priv-visual{position:relative}
.page-uk-registered-office-address .before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.page-uk-registered-office-address .ba-card{border-radius:var(--rl);overflow:hidden}
.page-uk-registered-office-address .ba-hd{padding:15px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:7px}
.page-uk-registered-office-address .ba-hd.before{background:#FEECEC;color:var(--red)}
.page-uk-registered-office-address .ba-hd.after{background:var(--green-pale);color:var(--green)}
.page-uk-registered-office-address .ba-body{padding:16px;background:#fff;border:1px solid var(--g200);border-top:none;border-radius:0 0 var(--rl) var(--rl)}
.page-uk-registered-office-address .ba-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--g100);font-size:16px}
.page-uk-registered-office-address .ba-row:last-child{border-bottom:none}
.page-uk-registered-office-address .ba-row .lbl{color:var(--g600);font-weight:500}
.page-uk-registered-office-address .ba-row .val{font-weight:600}
.page-uk-registered-office-address .ba-row .val.red{color:var(--red)}
.page-uk-registered-office-address .ba-row .val.grn{color:var(--green)}
.page-uk-registered-office-address .priv-stat{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.page-uk-registered-office-address .ps{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);border-radius:var(--r); flex-direction:row; text-align:left !important}
.page-uk-registered-office-address .ps-ic{font-size:20px;flex-shrink:0}
.page-uk-registered-office-address .ps-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-uk-registered-office-address .ps-txt span{font-size:16px;color:var(--g600)}
.page-uk-registered-office-address .mail-section{background:var(--navy);padding:40px 0}
.page-uk-registered-office-address .ml-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.page-uk-registered-office-address .ml-flow::before{content:'';position:absolute;top:39px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#C9961A,var(--gold-light));z-index:0}
.page-uk-registered-office-address .ms{text-align:center;padding:0 14px;position:relative;z-index:1}
.page-uk-registered-office-address .ms-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid #C9961A;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.page-uk-registered-office-address .ms-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.page-uk-registered-office-address .ms-desc{font-size:17px;color:rgba(255,255,255,.55);line-height:1.6}
.page-uk-registered-office-address .ms-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:#C9961A;font-size:15px;font-weight:700;padding:3px 10px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
.page-uk-registered-office-address .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-uk-registered-office-address .pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.page-uk-registered-office-address .pc:hover{border-color:#C9961A;box-shadow:var(--s2);transform:translateY(-3px)}
.page-uk-registered-office-address .pfl{font-size:34px;margin-bottom:7px}
.page-uk-registered-office-address .prg{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#C9961A;margin-bottom:8px}
.page-uk-registered-office-address .pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.page-uk-registered-office-address .pds{font-size:18px;color:var(--g600);line-height:1.6}
.page-uk-registered-office-address .price-section{background:var(--off);padding:40px 0}
.page-uk-registered-office-address .pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-uk-registered-office-address .pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.page-uk-registered-office-address .pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.page-uk-registered-office-address .pk.feat{border-color:#C9961A;box-shadow:0 0 0 1px #C9961A,var(--s3)}
.page-uk-registered-office-address .pk-rb{position:absolute;top:-1px;right:20px;background:#C9961A;color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.page-uk-registered-office-address .pk-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--g100)}
.page-uk-registered-office-address .pk-ic{font-size:26px;margin-bottom:10px}
.page-uk-registered-office-address .pk-nm{font-family:var(--fh);font-size:19px;color:var(--navy);margin-bottom:3px}
.page-uk-registered-office-address .pk-tag{font-size:12px;color:var(--g600);margin-bottom:14px}
.page-uk-registered-office-address .pk-pr{display:flex;align-items:baseline;gap:3px}
.page-uk-registered-office-address .pk-cur{font-size:18px;font-weight:700;color:var(--navy)}
.page-uk-registered-office-address .pk-amt{font-family:var(--fh);font-size:40px;color:var(--navy);line-height:1}
.page-uk-registered-office-address .pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.page-uk-registered-office-address .pk-bdy{padding:20px 26px}
.page-uk-registered-office-address .pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.page-uk-registered-office-address .pkf:last-child{border-bottom:none}
.page-uk-registered-office-address .pkf.dim{color:var(--g400)}
.page-uk-registered-office-address .pk-ft{padding:0 26px 26px}
.page-uk-registered-office-address .pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.page-uk-registered-office-address .pk-btn.gld{background:#C9961A;color:var(--navy)}.page-uk-registered-office-address .pk-btn.gld:hover{background:var(--gold-light)}
.page-uk-registered-office-address .pk-btn.drk{background:var(--navy);color:#fff}.page-uk-registered-office-address .pk-btn.drk:hover{background:var(--navy-mid)}
.page-uk-registered-office-address .pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.page-uk-registered-office-address .pk-btn.brd:hover{border-color:#C9961A;color:#C9961A}
.page-uk-registered-office-address .price-note{text-align:center;margin-top:24px;padding:16px 22px;background:var(--gold-pale);border-radius:var(--rl);border:1px solid rgba(200,149,42,.25);font-size:14px;color:var(--g600)}
.page-uk-registered-office-address .price-note a{color:#C9961A;font-weight:600;text-decoration:none}
.page-uk-registered-office-address .addr-section{padding:40px 0}
.page-uk-registered-office-address .addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.page-uk-registered-office-address .addr-card{background:var(--navy);border-radius:var(--rl);padding:36px;text-align:center;position:relative;overflow:hidden}
.page-uk-registered-office-address .addr-card::before{content:'';position:absolute;bottom:-30%;right:-15%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.08) 0%,transparent 70%)}
.page-uk-registered-office-address .addr-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#C9961A;margin-bottom:16px}
.page-uk-registered-office-address .addr-bk{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px;margin-bottom:20px;font-size:15px;color:rgba(255,255,255,.85);line-height:2;font-family:var(--fh)}
.page-uk-registered-office-address .addr-bk strong{color:#fff;font-size:17px}
.page-uk-registered-office-address .addr-note{font-size:11px;color:rgba(255,255,255,.4)}
.page-uk-registered-office-address .addr-feats{display:flex;flex-direction:column;gap:14px}
.page-uk-registered-office-address .af{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border:1px solid var(--g200);border-radius:var(--r)}
.page-uk-registered-office-address .af-ic{font-size:20px;flex-shrink:0}
.page-uk-registered-office-address .af-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.page-uk-registered-office-address .af-txt span{font-size:16px;color:var(--g600)}
.page-uk-registered-office-address .cmp-section{background:var(--off);padding:40px 0}
.page-uk-registered-office-address .cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.page-uk-registered-office-address .cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600}
.page-uk-registered-office-address .cmp-tbl th.hi{background:#C9961A;color:var(--navy); width:auto !important}
.page-uk-registered-office-address .cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--g200);background:#fff;font-size:15px;color:var(--g700)}
.page-uk-registered-office-address .cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy)}
.page-uk-registered-office-address .cmp-tbl tr:last-child td{border-bottom:none}
.page-uk-registered-office-address .cmp-tbl tr:hover td{background:var(--off)}.page-uk-registered-office-address .cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.page-uk-registered-office-address .y{color:var(--green);font-size:17px;font-weight:700}
.page-uk-registered-office-address .n{color:var(--red);font-size:15px}
.page-uk-registered-office-address .m{color:#C9961A;font-size:15px;font-weight:600}
.page-uk-registered-office-address .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.page-uk-registered-office-address .tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.page-uk-registered-office-address .tc:hover{box-shadow:var(--s2);border-color:#C9961A}
.page-uk-registered-office-address .tc-stars{color:#C9961A;font-size:14px;letter-spacing:2px;margin-bottom:12px}
.page-uk-registered-office-address .tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.page-uk-registered-office-address .tc-au{display:flex;align-items:center;gap:11px}
.page-uk-registered-office-address .tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:#C9961A;font-weight:700}
.page-uk-registered-office-address .tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.page-uk-registered-office-address .tc-rl{font-size:11px;color:var(--g600)}
.page-uk-registered-office-address .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.page-uk-registered-office-address .fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.page-uk-registered-office-address .fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:18px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.page-uk-registered-office-address .fqb:hover{background:var(--off)}
.page-uk-registered-office-address .fqb.open{background:var(--gold-pale);color:#C9961A}
.page-uk-registered-office-address .fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.page-uk-registered-office-address .fqb.open .fqi{background:#C9961A;color:#fff}
.page-uk-registered-office-address .fqa{max-height:0;overflow:hidden;transition:max-height .32s ease,padding .32s ease}
.page-uk-registered-office-address .fqa.open{max-height:260px}
.page-uk-registered-office-address .fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
.page-uk-registered-office-address .cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.page-uk-registered-office-address .cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.page-uk-registered-office-address .cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.page-uk-registered-office-address .cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.page-uk-registered-office-address .cta-ttl .g{color:#C9961A}
.page-uk-registered-office-address .cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.page-uk-registered-office-address .cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.page-uk-registered-office-address .consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.page-uk-registered-office-address .cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.page-uk-registered-office-address .cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.page-uk-registered-office-address .cc-ic{font-size:22px}
.page-uk-registered-office-address .cc-txt strong{display:block;font-size:15px;font-weight:600}
.page-uk-registered-office-address .cc-txt span{font-size:11px;color:rgba(255,255,255,.5)}
.site-footer.site-footer-standard{background:#06101F;padding:60px 0 0}
.site-footer.site-footer-standard .ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer.site-footer-standard .ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.site-footer.site-footer-standard .ftb, .site-footer.site-footer-standard .ft-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.site-footer.site-footer-standard .ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.site-footer.site-footer-standard .ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.site-footer.site-footer-standard .ft-col a:hover{color:#C9961A}
.site-footer.site-footer-standard .ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer.site-footer-standard .ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.page-uk-registered-office-address .stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.page-uk-registered-office-address .smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
@media(max-width:1024px){
.page-uk-registered-office-address .hg{grid-template-columns:1fr}.page-uk-registered-office-address .hf{position:static;margin-top:40px}
.page-uk-registered-office-address .lb-grid{grid-template-columns:1fr;gap:36px}
.page-uk-registered-office-address .wi-grid{grid-template-columns:1fr;gap:36px}
.page-uk-registered-office-address .at-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .priv-grid{grid-template-columns:1fr;gap:36px}
.page-uk-registered-office-address .addr-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .cta-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .cta-btns{flex-direction:row}
.page-uk-registered-office-address .persona-grid{grid-template-columns:repeat(2,1fr)}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr 1fr}
.page-uk-registered-office-address .pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.page-uk-registered-office-address .inc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.page-uk-registered-office-address .sp{padding:56px 0}
nav{display:none}.hp{display:none}
.page-uk-registered-office-address .at-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .tst-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .faq-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .ml-flow{grid-template-columns:1fr 1fr}.page-uk-registered-office-address .ml-flow::before{display:none}
.page-uk-registered-office-address .inc-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .persona-grid{grid-template-columns:1fr}
.page-uk-registered-office-address .before-after{grid-template-columns:1fr}
.site-footer.site-footer-standard .ft-grid{grid-template-columns:1fr;gap:28px}
.page-uk-registered-office-address .cta-btns{flex-direction:column}
.page-uk-registered-office-address .cmp-tbl{font-size:12px}.page-uk-registered-office-address .cmp-tbl th, .page-uk-registered-office-address .cmp-tbl td{padding:10px 12px}
.page-uk-registered-office-address .stickmob{display:block}
}
/* GLOBAL HEADER / TOPBAR */
.top-bar, .top-strip {
background: var(--navy) !important;
color: rgba(255,255,255,0.78) !important;
}
.top-bar, .top-strip { padding: 9px 0 !important; }
.top-bar-inner, .header-inner, .header-row, .hi {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
}
.top-bar-inner, .top-bar-left, .top-bar-right, .header-actions, .header-cta, .hc, .phone-pill, .name-checker-wrap, .checker-input-row, .header-row {
display: flex !important;
align-items: center !important;
}
.top-bar-left { gap: 20px !important; }
.top-bar-right, .header-actions, .header-cta, .hc { gap: 12px !important; }
.top-bar-item { display: flex !important; align-items: center !important; gap: 6px !important; }
.top-bar-item a { color: rgba(255,255,255,0.85) !important; transition: color 0.15s !important; }
.top-bar-item a:hover { color: var(--gold-light) !important; }
.top-bar-dot { width: 3px !important; height: 3px !important; border-radius: 50% !important; background: rgba(255,255,255,0.3) !important; display: none; }
.top-badge, .strip-badge {
background: #C9961A !important;
color: var(--navy) !important;
padding: 3px 10px !important;
border-radius: 20px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.03em !important;
}
.top-strip a { color: rgba(255,255,255,0.85) !important; font-size: 12px !important; display: flex !important; align-items: center !important; gap: 5px !important; }
.top-strip a svg { width: 12px !important; height: 12px !important; flex-shrink: 0 !important; }
header, .header {
background: var(--white) !important;
border-bottom: 1px solid var(--border) !important;
position: fixed !important;
top: 0 !important;
z-index: 200 !important;
box-shadow: var(--shadow-sm) !important;
left: 0px;
right: 0px;
margin-top: 42px;
}
.header-inner, .header-row, .hi { padding: 14px 0 !important; height: 68px !important; }
.logo {
color: var(--navy) !important;
text-decoration: none !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.logo { font-family: var(--font-heading) !important; font-size: 20px !important; font-weight: 700 !important; }
.logo-name { font-family: var(--font-heading) !important; font-size: 18px !important; color: var(--navy) !important; }
.logo-mark, .logo-icon, .li {
width: 36px !important;
height: 36px !important;
border-radius: 8px !important;
/*background: linear-gradient(135deg, #C9961A, var(--gold-light)) !important;*/
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
font-weight: 800 !important;
color: var(--navy) !important;
font-family: var(--font-heading) !important;
flex-shrink: 0 !important;
}
.logo-mark svg, .logo-icon svg { width: 22px !important; height: 22px !important; fill: #C9961A !important; }
.logo-text { display: flex !important; flex-direction: column !important; line-height: 1.1 !important; }
.logo-tagline, .logo-tag { font-size: 10px !important; color: var(--text-muted) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-family: var(--font-body) !important; }
nav { display: flex !important; align-items: center !important; gap: 4px !important; }
nav a, .nav-link {
color: var(--text-body) !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 8px 15px !important;
border-radius: 8px !important;
text-decoration: none !important;
transition: all 0.2s !important;
}
nav a:hover, .nav-link:hover, nav a.active, .nav-link.active, nav a.act { color: var(--navy) !important; background: var(--off-white) !important; }
nav a.active, .nav-link.active, nav a.act { color: #C9961A !important; background: transparent !important; }
nav a .arrow, .nav-link .arrow { font-size: 9px !important; opacity: 0.5 !important; margin-left: 2px !important; }
.phone-pill, .hp { color: var(--text-body) !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; gap: 7px !important; }
.phone-pill span { font-size: 15px !important; }
.name-checker-wrap, .checker-input-row {
border: 1.5px solid #E5E7EB !important;
border-radius: var(--radius-md) !important;
overflow: hidden !important;
background: var(--white) !important;
}
.name-checker-wrap input, .checker-input-row input {
border: none !important;
outline: none !important;
padding: 9px 14px !important;
font-size: 15px !important;
font-family: var(--font-body) !important;
width: 190px !important;
color: var(--text-body) !important;
}
.name-checker-wrap button, .checker-input-row button {
background: var(--navy) !important;
color: var(--white) !important;
border: none !important;
padding: 9px 14px !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
font-family: var(--font-body) !important;
white-space: nowrap !important;
}
.checker-bar { background: var(--navy-mid) !important; padding: 14px 20px !important; }
.checker-bar p { font-size: 12px !important; color: rgba(255,255,255,0.65) !important; margin-bottom: 8px !important; text-align: center !important; }
@media (max-width: 768px) {
.page-activate-global-homepage .top-bar{ display: none !important; }
.page-activate-global-homepage .header-inner{
padding: 10px 16px !important;
height: auto !important;
gap: 12px !important;
position: relative;
z-index: 250;
}
.page-activate-global-homepage .logo{
min-width: 0;
gap: 8px !important;
}
.page-activate-global-homepage .logo-mark{
width: 36px;
height: 36px;
}
.page-activate-global-homepage .logo-name{
font-size: 15px !important;
}
.page-activate-global-homepage .logo-tagline{
font-size: 8px !important;
letter-spacing: 0.06em !important;
white-space: nowrap;
}
.page-activate-global-homepage .navbar-nav{
display: none !important;
}
.page-activate-global-homepage .hamburger{
display: flex !important;
margin-left: auto;
flex-shrink: 0;
position: relative;
z-index: 260;
}
.top-bar-right, .top-bar-dot, .top-bar-left, .top-strip { display: none !important; }
nav, .hp { display: none !important; }
.header-inner, .header-row, .hi { padding: 12px 16px !important; height: auto !important; }
.header-actions, .header-cta, .hc { gap: 8px !important; }
}
.hero-ctas .btn.btn-outline.btn-lg{
display: inline-flex;
align-items: center;
gap: 10px;
background: #25D366;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 14px 14px;
text-decoration: none;
transition: all .2s;
}
/* Homepage header nav fix */
.page-activate-global-homepage .header-inner{
min-width: 0;
}
.page-activate-global-homepage .hamburger{
display: none;
}
.page-activate-global-homepage .navbar-nav{
list-style: none !important;
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: flex-end;
gap: 2px;
margin: 0 0 0 auto !important;
padding: 0 !important;
flex: 1 1 auto;
min-width: 0;
flex-wrap: nowrap;
overflow: visible;
}
.page-activate-global-homepage .navbar-nav > li{
position: relative;
flex: 0 0 auto;
}
.page-activate-global-homepage .navbar-nav > li > a{
display: flex;
align-items: center;
min-height: 40px;
padding: 8px 12px;
border-radius: 8px;
color: var(--text-body);
font-size: 15px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease;
}
.page-activate-global-homepage .navbar-nav > li > a:hover,
.page-activate-global-homepage .navbar-nav > li > a:focus-visible{
color: var(--navy);
background: var(--off-white);
}
.page-activate-global-homepage .navbar-nav > li.current-menu-item > a,
.page-activate-global-homepage .navbar-nav > li.current_page_item > a{
color: #C9961A;
background: transparent;
}
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children > a::after{
content: "â–¾";
margin-left: 6px;
font-size: 20px;
line-height: 1;
opacity: .6;
}
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children > a{
cursor: pointer;
}
.page-activate-global-homepage .navbar-nav .sub-menu{
list-style: none;
margin: 0;
padding: 10px;
position: absolute;
top: calc(100% + 10px);
left: 0;
min-width: 300px;
background: #fff;
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: var(--shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
z-index: 999;
}
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children:hover > .sub-menu,
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children:focus-within > .sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children.open > .sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.page-activate-global-homepage .navbar-nav .sub-menu li{
margin: 0;
}
.page-activate-global-homepage .navbar-nav .sub-menu a{
display: block;
padding: 10px 12px;
border-radius: 10px;
color: var(--gray-800);
font-size: 15px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
}
.page-activate-global-homepage .navbar-nav .sub-menu a:hover,
.page-activate-global-homepage .navbar-nav .sub-menu a:focus-visible{
background: var(--off-white);
color: var(--navy);
}
@media (max-width: 1180px){
.page-activate-global-homepage .header-inner{
gap: 16px;
}
.page-activate-global-homepage .navbar-nav{
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
-ms-overflow-style: none;
}
.page-activate-global-homepage .navbar-nav::-webkit-scrollbar{
display: none;
}
.page-activate-global-homepage .navbar-nav > li > a{
padding: 8px 10px;
font-size: 12px;
}
}
@media (max-width: 980px){
.page-activate-global-homepage .navbar-nav > li > a{
padding: 8px 9px;
}
.page-activate-global-homepage .navbar-nav .sub-menu{
min-width: 260px;
}
}
/* Homepage drawer should mirror the desktop menu */
.page-activate-global-homepage .navbar-nav > li.menu-item-has-children > a::after{
content: "\25BE";
}
.page-activate-global-homepage .nav-drawer{
width: min(92vw, 360px);
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list{
list-style: none;
margin: 0;
padding: 0;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list > li{
border-bottom: 1px solid rgba(255,255,255,.06);
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list > li:last-child{
border-bottom: none;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list > li > a{
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
font-size: 15px;
font-weight: 500;
color: rgba(255,255,255,.88);
text-decoration: none;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list > li.menu-item-has-children > a::after{
content: "\203A";
font-size: 18px;
line-height: 1;
opacity: .4;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list .sub-menu{
position: static;
min-width: 0;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 0;
background: transparent;
padding: 0 0 8px 14px;
margin-top: -2px;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list .sub-menu li{
border-bottom: 0;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list .sub-menu a{
padding: 8px 0;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,.70);
white-space: normal;
}
.page-activate-global-homepage .nav-drawer .drawer-nav-list .sub-menu a:hover,
.page-activate-global-homepage .nav-drawer .drawer-nav-list .sub-menu a:focus-visible{
color: #fff;
background: transparent;
}
@media (max-width: 768px){
.page-activate-global-homepage .header-inner{
padding: 10px 16px !important;
gap: 12px !important;
height: auto !important;
}
.page-activate-global-homepage .header-inner > .navbar-nav{
display: none !important;
}
.page-activate-global-homepage .hamburger{
display: flex !important;
margin-left: auto !important;
touch-action: manipulation;
cursor: pointer;
}
.page-activate-global-homepage .top-bar{
display: none !important;
}
.page-activate-global-homepage .logo-tagline{
font-size: 8px !important;
letter-spacing: 0.05em !important;
white-space: nowrap;
}
}
/* Homepage bootstrap-style collapse menu */
.page-activate-global-homepage .home-nav-collapse{
display: none;
}
.page-activate-global-homepage .home-nav-collapse-inner{
max-width: 1200px;
margin: 0 auto;
padding: 0 24px 16px;
}
.page-activate-global-homepage .home-nav-collapse-label{
font-size: 10px;
font-weight: 700;
color: rgba(255,255,255,.35);
letter-spacing: .10em;
text-transform: uppercase;
margin-bottom: 8px;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list{
list-style: none;
margin: 0;
padding: 0;
background: #fff;
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: var(--shadow-lg);
overflow: hidden;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li{
border-bottom: 1px solid rgba(10,22,40,.08);
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li:last-child{
border-bottom: none;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li > a{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 14px 16px;
color: var(--navy);
font-size: 15px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li.menu-item-has-children > a::after{
content: "\25BE";
font-size: 10px;
opacity: .55;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li.menu-item-has-children > a{
cursor: pointer;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list .sub-menu{
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 0;
background: #F7F8FA;
padding: 6px 0 10px;
margin: 0;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list .sub-menu a{
display: block;
width: 100%;
padding: 10px 16px 10px 28px;
color: var(--gray-800);
font-size: 14px;
font-weight: 500;
white-space: normal;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list .sub-menu a:hover,
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list .sub-menu a:focus-visible{
background: rgba(10,22,40,.04);
color: var(--navy);
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li.open > .sub-menu{
display: block;
}
@media (max-width: 768px){
.page-activate-global-homepage .home-nav-collapse{
display: block;
max-height: 0;
overflow: hidden;
transition: max-height .28s ease;
background: var(--navy);
}
.page-activate-global-homepage .home-nav-collapse.open{
max-height: 900px;
padding-top: 17px;
position: fixed;
z-index: 10;
left: 0px;
right: 0px;
top:50px;
}
.page-activate-global-homepage .home-nav-collapse-inner{
padding: 0 16px 16px;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list > li > a{
white-space: normal;
}
.page-activate-global-homepage .home-nav-collapse .drawer-nav-list .sub-menu a{
padding-right: 16px;
}
.page-activate-global-homepage .home-nav-collapse .drawer-ctas{
background: transparent;
padding: 14px 0 0;
}
.page-activate-global-homepage .home-nav-collapse .drawer-ctas .btn{
width: 100%;
justify-content: center;
}
.page-activate-global-homepage .mobile-enquiry-modal{
align-items: stretch;
justify-content: stretch;
padding: 0;
}
.page-activate-global-homepage #homeEnquiryModal:target{
display: flex !important;
}
body:has(.page-activate-global-homepage #homeEnquiryModal:target){
overflow: hidden;
}
.page-activate-global-homepage .mobile-enquiry-panel{
width: 100%;
max-height: none;
height: 100vh;
margin: 0;
border-radius: 0;
display: flex;
flex-direction: column;
padding: 0;
}
.page-activate-global-homepage .mobile-enquiry-head{
position: sticky;
top: 0;
background: #fff;
margin: 0;
padding: 16px 16px 14px;
border-bottom: 1px solid var(--border);
z-index: 1;
}
.page-activate-global-homepage .mobile-enquiry-body{
flex: 1;
overflow: auto;
padding: 16px;
-webkit-overflow-scrolling: touch;
}
.page-activate-global-homepage .mobile-enquiry-body .hero-form-card,
.page-activate-global-homepage .mobile-enquiry-body .form-panel,
.page-activate-global-homepage .mobile-enquiry-body .hf{
width: 100%;
max-width: none;
margin: 0;
border-radius: 0;
box-shadow: none;
}
}
.page-activate-global-homepage .top-bar{
/* position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 710 !important; */
}
.page-activate-global-homepage .hero{
margin-top: 72px;
}
.page-activate-global-homepage .sticky-mobile{
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1200 !important;
display: none !important;
transform: translateZ(0);
}
.page-activate-global-homepage .sticky-mobile-inner{
width: 100%;
max-width: 600px;
}
.page-activate-global-homepage .sticky-mobile .btn{
flex: 1 !important;
}
@media (max-width: 768px){
.page-activate-global-homepage{
padding-bottom: 0px;
padding-top: 0px !important;
}
.page-activate-global-homepage header{
position: fixed !important;
top: 0px !important;
left: 0 !important;
right: 0 !important;
z-index: 700 !important;
width: 100%;
}
.page-activate-global-homepage .top-bar{
display: none !important;
}
.page-activate-global-homepage header{
top: 0 !important;
margin-top: 0px !important;
}
.page-activate-global-homepage .hero{
margin-top: 75px;
}
.page-activate-global-homepage .sticky-mobile{
display: flex !important;
}
}
.page-activate-global-homepage .footer{ background: #060F18; color: rgba(255,255,255,0.70); padding: 64px 0 0; }
.page-activate-global-homepage .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.page-activate-global-homepage .footer-about p{ font-size: 16px; line-height: 1.7; margin-top: 16px; margin-bottom: 20px; }
.page-activate-global-homepage .footer-contact-item{ display: flex; align-items: flex-start; gap: 8px; font-size: 15px; margin-bottom: 8px; }
.page-activate-global-homepage .footer-contact-item a{ color: rgba(255,255,255,0.70); transition: color 0.15s; }
.page-activate-global-homepage .footer-contact-item a:hover{ color: var(--gold-light); }
.page-activate-global-homepage .footer-col-title{ font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 700; color: var(--white); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }
.page-activate-global-homepage .footer-links{ list-style: none; display: flex; flex-direction: column; gap: 9px; }
.page-activate-global-homepage .footer-links a{ font-size: 16px; color: rgba(255,255,255,0.60); transition: color 0.15s; }
.page-activate-global-homepage .footer-links a:hover{ color: var(--gold-light); }
.page-activate-global-homepage .footer-bottom{ padding: 20px 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: rgba(255,255,255,0.40); flex-wrap: wrap; gap: 8px; }
.page-activate-global-homepage .footer-bottom-links{ display: flex; gap: 20px; }
.page-activate-global-homepage .footer-bottom-links a{ color: rgba(255,255,255,0.40); }
.page-activate-global-homepage .footer-bottom-links a:hover{ color: rgba(255,255,255,0.70); }
.page-activate-global-homepage .footer-trust{ display: flex; align-items: center; gap: 16px; margin-top: 20px; }
.page-activate-global-homepage .footer-trust-badge{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-md); padding: 8px 14px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.60); }
.page-activate-global-homepage .social-links{ display: flex; gap: 10px; margin-top: 20px; }
.page-activate-global-homepage .social-link{ width: 36px; height: 36px; border-radius: var(--radius-sm); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); display: flex; align-items: center; justify-content: center; transition: all 0.15s; color: rgba(255,255,255,0.60); font-size: 15px; font-weight: 700; }
.page-activate-global-homepage .social-link:hover{ background: #C9961A; color: var(--navy); border-color: #C9961A; }
.page-activate-global-homepage .footer-nl input{ width: 100%; padding: 10px 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-sm); color: var(--white); font-size: 15px; font-family: 'DM Sans', sans-serif; outline: none; margin-bottom: 8px; }
.page-activate-global-homepage .footer-nl button{ width: 100%; padding: 10px; background: #C9961A; color: var(--navy); border: none; border-radius: var(--radius-sm); font-size: 15px; font-weight: 700; cursor: pointer; font-family: 'DM Sans', sans-serif; }
.page-activate-global-homepage .reg-num{ font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 4px; }
.page-activate-global-homepage .section-label{ display: inline-block; background: #FF6B35; color: white; font-size: 10px; font-weight: 800; padding: 3px 10px; border-radius: 20px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; font-family: 'DM Sans', sans-serif; }
.container{max-width:1200px;margin:0 auto;padding:0 28px}
/* ── SHARED COMPONENTS ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:16px;
background:#EDF4FA;color:#1E4D6B;border:1px solid rgba(30,77,107,0.18);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:#1E4D6B}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:15px 26px;border-radius:var(--r-sm);transition:all 0.22s;cursor:pointer}
.btn-gold{background:#C9961A;color:#0B1F3A}
.btn-gold:hover{background:#C8952A;transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-slate{background:#1E4D6B;color:var(--white)}
.btn-slate:hover{background:#2A6490;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#0B1F3A;border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:#1E4D6B;color:#1E4D6B}
.btn-ghost-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.08)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
PRIVACY BANNER
Compact like Contact page. Slate left stripe.
Right = Privacy at a Glance card
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden; margin-top: 112px;}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#1E4D6B 0%,#4A90BE 100%)}
.service-banner::after{
content:'';position:absolute;inset:0;
background-image:linear-gradient(rgba(30,77,107,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,77,107,0.025) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.service-banner.m-86{
margin-top:112px ;
}
.banner-top-bar{background:#0B1F3A;padding:9px 0;border-left:5px solid #1E4D6B;}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.breadcrumb-nav a:hover{color:#C9961A}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.2);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600; padding-left:12px}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s;text-decoration: none;}
.service-pill:hover{color:#C9961A;border-color:#C9961A}
.service-pill.active{color:#4A90BE;border-color:rgba(74,144,190,0.6);background:rgba(30,77,107,0.25)}
.banner-main{padding:0px 0 0;position:relative;z-index:2; margin-top:60px}
.banner-grid{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:center;padding-left:28px}
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#1E4D6B;margin-bottom:14px}
.banner-service-tag .tag-line{width:32px;height:2px;background:#1E4D6B}
.banner-title{font-family:var(--font-head);font-size:clamp(28px,3.5vw,44px);color:#0B1F3A;line-height:1.12;margin-bottom:14px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:#1E4D6B}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#1E4D6B,#4A90BE);border-radius:2px}
/* Version + update strip */
.policy-meta-strip{
display:flex;flex-wrap:wrap;gap:0;
border:1px solid var(--gray-100);border-radius:var(--r-md);
overflow:hidden;box-shadow:var(--sh-xs);
}
.pm-item{
flex:1;min-width:120px;padding:15px 18px;background:var(--white);
border-right:1px solid var(--gray-100);
}
.pm-item:last-child{border-right:none}
.pm-label{font-size:10px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:3px}
.pm-value{font-size:15px;font-weight:700;color:#0B1F3A}
/* ── Privacy at a Glance Card (5th unique right visual) ── */
.glance-wrap{position:relative;padding-bottom:0}
.gdpr-badge{
position:absolute;top:-14px;right:0;z-index:20;
background:#1E4D6B;color:var(--white);
font-size:11px;font-weight:700;padding:7px 16px;border-radius:100px;
box-shadow:var(--sh-sm);letter-spacing:0.3px;
display:flex;align-items:center;gap:7px;
}
.gdpr-badge::before{content:'🇬🇧';font-size:15px}
.glance-card{
background:#1E4D6B;border-radius:22px;
padding:30px 28px;box-shadow:var(--sh-xl);
position:relative;overflow:hidden;
}
.glance-card::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.04)}
.glance-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:6px;position:relative;z-index:2}
.glance-heading{font-family:var(--font-head);font-size:17px;color:var(--white);margin-bottom:20px;position:relative;z-index:2;line-height:1.3}
.glance-heading span{color:#C8952A}
.glance-rows{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2;margin-bottom:20px}
.glance-row{
display:flex;align-items:flex-start;gap:15px;
padding:15px 15px;border-radius:var(--r-md);
background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);
transition:background 0.2s;
}
.glance-row:hover{background:rgba(255,255,255,0.12)}
.gr-icon{
width:32px;height:32px;border-radius:8px;flex-shrink:0;
background:rgba(255,255,255,0.12);
display:flex;align-items:center;justify-content:center;
font-size:16px;margin-top:1px;
}
.gr-body{}
.gr-title{font-size:12px;font-weight:700;color:var(--white);margin-bottom:2px}
.gr-desc{font-size:11px;color:rgba(255,255,255,0.55);line-height:1.4}
.gr-tag{
display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;
letter-spacing:0.6px;padding:2px 7px;border-radius:100px;margin-top:3px;
}
.gr-tag.yes{background:rgba(11,158,109,0.2);color:#4ECCA3;border:1px solid rgba(11,158,109,0.3)}
.gr-tag.info{background:rgba(200,149,42,0.15);color:#C8952A;border:1px solid rgba(200,149,42,0.25)}
.glance-divider{height:1px;background:rgba(255,255,255,0.08);margin-bottom:16px;position:relative;z-index:2}
.glance-footer{
display:flex;align-items:center;justify-content:space-between;
position:relative;z-index:2;
}
.gf-law{font-size:11px;color:rgba(255,255,255,0.4);line-height:1.4}
.gf-ico{
display:flex;flex-direction:column;align-items:center;
font-size:10px;font-weight:700;color:rgba(255,255,255,0.5);text-align:center;
}
.gf-ico span{font-size:28px;display:block;margin-bottom:2px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:#0B1F3A;padding:15px 0;position:relative;z-index:2}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
POLICY BODY — Two column layout
Left: Sticky Table of Contents
Right: Full policy content
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.policy-section{padding:72px 0 80px;background:var(--white);position:relative}
.policy-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1E4D6B 0%,#4A90BE 40%,transparent 100%)}
.policy-layout{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:flex-start}
/* ── LEFT: Table of Contents ── */
.toc-panel{position:sticky;top:84px;height:fit-content}
.toc-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:#0B1F3A;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:24px}
.toc-list li a{
display:flex;align-items:center;gap:8px;text-decoration: none;
font-size:12px;font-weight:600;color:var(--gray-500);
padding:9px 12px;border-radius:var(--r-sm);
border-left:2px solid transparent;
transition:all 0.18s;
}
.toc-list li a:hover{color:#1E4D6B;background:#EDF4FA;border-left-color:#1E4D6B}
.toc-list li a.active{color:#1E4D6B;background:#EDF4FA;border-left-color:#1E4D6B;font-weight:700}
.toc-num{font-size:10px;color:var(--gray-400);font-weight:600;flex-shrink:0;width:16px}
/* Data rights box */
.rights-box{
background:#0B1F3A;border-radius:var(--r-lg);padding:18px 16px;
margin-top:4px;
}
.rb-title{font-size:12px;font-weight:700;color:var(--white);margin-bottom:4px}
.rb-sub{font-size:11px;color:rgba(255,255,255,0.5);line-height:1.4;margin-bottom:14px}
.rb-btn{
display:flex;align-items:center;gap:6px;
background:#1E4D6B;color:var(--white);
font-size:11px;font-weight:700;padding:8px 14px;border-radius:6px;
width:100%;justify-content:center;transition:all 0.18s;
}
.rb-btn:hover{background:#2A6490}
/* Updated badge */
.updated-badge{
display:inline-flex;align-items:center;gap:7px;
background:#EDF4FA;color:#1E4D6B;
font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;
border:1px solid rgba(30,77,107,0.18);margin-bottom:20px;
}
/* ── RIGHT: Policy Content ── */
.policy-content{}
.policy-intro-box{
background:var(--off-white);border-radius:var(--r-lg);
padding:24px 28px;margin-bottom:40px;
border-left:4px solid #1E4D6B;
}
.pi-text{font-size:14px;color:var(--gray-700);line-height:1.75}
.pi-text strong{color:#0B1F3A}
/* Section anchors */
.policy-block{margin-bottom:48px;scroll-margin-top:90px}
.policy-block:last-child{margin-bottom:0}
.pb-header{
display:flex;align-items:flex-start;gap:16px;
margin-bottom:20px;padding-bottom:16px;
border-bottom:2px solid var(--gray-100);
}
.pb-num{
width:40px;height:40px;border-radius:10px;flex-shrink:0;
background:#EDF4FA;border:1px solid rgba(30,77,107,0.18);
display:flex;align-items:center;justify-content:center;
font-family:var(--font-head);font-size:14px;font-weight:700;color:#1E4D6B;
}
.pb-title{font-family:var(--font-head);font-size:22px;color:#0B1F3A;line-height:1.15}
.pb-subtitle{font-size:12px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.7px;margin-top:2px}
/* Policy body typography */
.policy-text{font-size:14px;color:var(--gray-700);line-height:1.8}
.policy-text p{margin-bottom:14px}
.policy-text p:last-child{margin-bottom:0}
.policy-text strong{color:#0B1F3A;font-weight:700}
.policy-text a{color:#1E4D6B;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.policy-text a:hover{color:#2A6490}
.policy-text ul,.policy-text ol{padding-left:20px;margin-bottom:14px;display:flex;flex-direction:column;gap:7px}
.policy-text li{font-size:14px;color:var(--gray-700);line-height:1.65}
.policy-text ul li::marker{color:#1E4D6B}
/* Data table */
.data-table{width:100%;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);margin:20px 0;border:1px solid var(--gray-100)}
.data-table table{width:100%;border-collapse:collapse}
.data-table thead tr{background:#1E4D6B}
.data-table th{padding:14px 18px;font-size:12px;font-weight:700;color:var(--white);text-align:left;letter-spacing:0.3px}
.data-table td{padding:15px 18px;font-size:15px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:top}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:nth-child(even) td{background:var(--gray-50)}
/* Rights grid */
.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.right-card{
background:var(--off-white);border-radius:var(--r-md);padding:18px 16px;
border:1px solid var(--gray-100);transition:all 0.18s;
}
.right-card:hover{border-color:rgba(30,77,107,0.18);background:#EDF4FA}
.rc-icon{font-size:22px;display:block;margin-bottom:8px}
.rc-title{font-family:var(--font-head);font-size:15px;color:#0B1F3A;margin-bottom:4px}
.rc-desc{font-size:12px;color:var(--gray-600);line-height:1.5}
/* Cookie types */
.cookie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.cookie-card{
background:var(--off-white);border-radius:var(--r-md);padding:16px 14px;
border:1px solid var(--gray-100);transition:all 0.18s;
}
.cookie-card:hover{border-color:rgba(30,77,107,0.18)}
.cc-icon{font-size:20px;display:block;margin-bottom:8px}
.cc-name{font-size:12px;font-weight:700;color:#0B1F3A;margin-bottom:4px}
.cc-desc{font-size:11px;color:var(--gray-600);line-height:1.4;margin-bottom:8px}
.cc-tag{
display:inline-flex;font-size:10px;font-weight:700;
padding:2px 8px;border-radius:100px;
}
.cc-tag.essential{background:var(--success-bg);color:var(--success)}
.cc-tag.optional{background:#EDF4FA;color:#1E4D6B}
/* Contact data card */
.contact-data-card{
background:linear-gradient(135deg,#0B1F3A 0%,#15305A 100%);
border-radius:var(--r-lg);padding:24px 24px;
display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;
position:relative;overflow:hidden;
}
.contact-data-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(30,77,107,0.2) 0%,transparent 70%)}
.cdc-item{position:relative;z-index:2}
.cdc-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px}
.cdc-value{font-size:15px;font-weight:700;color:var(--white);line-height:1.5}
.cdc-value a{color:#4A90BE;font-weight:700}
/* Highlight box */
.highlight-box{
background:#EDF4FA;border:1px solid rgba(30,77,107,0.18);
border-radius:var(--r-md);padding:18px 20px;margin:16px 0;
display:flex;gap:14px;align-items:flex-start;
}
.hb-icon{font-size:22px;flex-shrink:0;margin-top:1px}
.hb-text{font-size:15px;color:#1E4D6B;line-height:1.65;font-weight:600}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
CTA BAND
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.cta-band{background:var(--off-white);border-top:1px solid var(--gray-100);padding:56px 0}
.cta-band-inner{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.ctab-title{font-family:var(--font-head);font-size:clamp(20px,2.5vw,28px);color:#0B1F3A;margin-bottom:8px}
.ctab-sub{font-size:14px;color:var(--gray-600)}
.ctab-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
/* Sticky mobile */
.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:300;background:#0B1F3A;border-top:1px solid rgba(255,255,255,0.08);padding:10px 20px;display:none}
.sticky-mobile-inner{display:flex;gap:10px;max-width:500px;margin:0 auto}
.sticky-mobile .btn{flex:1;justify-content:center;font-size:15px;padding:11px}
/* ── RESPONSIVE ── */
@media(max-width:1100px){
.banner-grid{grid-template-columns:1fr}
.glance-wrap{display:none}
.policy-layout{grid-template-columns:1fr}
.toc-panel{position:static;margin-bottom:32px}
.toc-list{display:grid;grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr !important}
.cta-band-inner{grid-template-columns:1fr;gap:20px}
.rights-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.site-nav,.header-phone{display:none}
.toc-list{grid-template-columns:1fr}
.rights-grid{grid-template-columns:1fr}
.cookie-grid{grid-template-columns:1fr 1fr}
.contact-data-card{grid-template-columns:1fr}
.data-table{overflow-x:auto; padding: 15px 8px;}
.footer-grid{grid-template-columns:1fr 1fr !important}
.sticky-mobile{display:block}
body{padding-bottom:64px}
.policy-meta-strip{flex-direction:column}
.pm-item{border-right:none;border-bottom:1px solid var(--gray-100)}
.pm-item:last-child{border-bottom:none}
}
@media(max-width:480px){
.cookie-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr !important}
}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.banner-left{animation:fadeUp 0.5s ease both}
.glance-wrap{animation:fadeUp 0.55s 0.15s ease both}
.cta-band .btn {
display: inline-flex;
align-items: center;
gap: 9px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 700;
padding: 15px 26px;
border-radius: var(--r-sm);
transition: all 0.22s;
cursor: pointer;
text-decoration: none;
color: #000;
}
/* ── SHARED COMPONENTS ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:18px;
background:var(--cat-pale);color:var(--cat);border:1px solid var(--cat-border);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat)}
.section-title{font-family:var(--font-head);font-size:clamp(24px,3vw,38px);color:var(--navy);line-height:1.18;margin-bottom:14px}
.section-sub{font-size:18px;color:var(--gray-600);line-height:1.75;max-width:580px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:15px 26px;border-radius:var(--r-sm);transition:all 0.22s;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-copper{background:var(--cat);color:var(--white)}
.btn-copper:hover{background:var(--cat-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(154,52,18,0.35)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--cat);color:var(--cat)}
.btn-wa{background:var(--wa-green);color:var(--white)}
.btn-wa:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,0.35)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
HEADER
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.site-header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,0.07)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:19px;font-weight:700;color:var(--white)}
.logo-mark{width:34px;height:34px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy)}
.site-nav{display:flex;align-items:center;gap:2px}
.site-nav a{font-size:15px;font-weight:600;color:rgba(255,255,255,0.65);padding:7px 15px;border-radius:6px;transition:all 0.18s}
.site-nav a:hover{color:var(--white);background:rgba(255,255,255,0.07)}
.site-nav a.active{color:var(--gold)}
.header-right{display:flex;align-items:center;gap:12px}
.header-phone{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.7)}
.wa-btn-hdr{display:inline-flex;align-items:center;gap:7px;background:var(--wa-green);color:var(--white);font-size:15px;font-weight:700;padding:8px 16px;border-radius:6px;transition:all 0.2s}
.wa-btn-hdr:hover{background:#1ebe5d;transform:translateY(-1px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
CONTACT PAGE BANNER
Compact vs service pages — Contact should be
direct. Banner is ~40% shorter.
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cat) 0%,var(--cat-light) 100%)}
.service-banner::after{
content:'';position:absolute;inset:0;
background-image:linear-gradient(rgba(154,52,18,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(154,52,18,0.025) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--cat)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.2);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:var(--cat-light);border-color:rgba(212,107,71,0.6);background:rgba(154,52,18,0.2)}
/* Compact banner — less vertical space than service pages */
.banner-main{padding:0px 0 0;position:relative;z-index:2}
.banner-grid{display:grid;grid-template-columns:1fr 460px;gap:52px;align-items:center;padding-left:28px}
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cat);margin-bottom:16px}
.banner-service-tag .tag-line{width:32px;height:2px;background:var(--cat)}
.banner-title{font-family:var(--font-head);font-size:clamp(30px,3.8vw,48px);color:var(--navy);line-height:1.1;margin-bottom:14px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:var(--cat)}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cat),var(--cat-light));border-radius:2px}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
/* Response promise strip — replaces stats strip on contact page */
.response-strip{
display:flex;flex-wrap:wrap;gap:0;
border:1px solid var(--gray-100);border-radius:var(--r-md);
overflow:hidden;box-shadow:var(--sh-xs);
}
.response-item{
flex:1;min-width:120px;padding:14px 18px;background:var(--white);
border-right:1px solid var(--gray-100);display:flex;align-items:center;gap:10px;
position:relative;transition:background 0.18s;
}
.response-item:last-child{border-right:none}
.response-item:hover{background:var(--cat-pale)}
.response-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.18s}
.response-item:hover::before{background:var(--cat)}
.ri-icon{font-size:20px;flex-shrink:0}
.ri-label{font-size:11px;font-weight:700;color:var(--navy);margin-bottom:2px}
.ri-time{font-size:10px;color:var(--cat);font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
/* ── CONTACT CHANNELS CARD (right side — unique to contact page) ── */
.channels-wrap{position:relative;padding-bottom:0}
.live-badge{
position:absolute;top:-14px;right:0;z-index:20;
display:flex;align-items:center;gap:7px;
background:var(--success);color:var(--white);
font-size:11px;font-weight:700;padding:7px 16px;border-radius:100px;
box-shadow:var(--sh-sm);letter-spacing:0.3px;
}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--white);animation:livePulse 2s infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.4)}}
.channels-card{
background:var(--navy);border-radius:var(--r-xl);
padding:32px 28px;box-shadow:var(--sh-xl);
position:relative;overflow:hidden;
}
.channels-card::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(154,52,18,0.12) 0%,transparent 70%)}
.channels-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:6px;position:relative;z-index:2}
.channels-heading{font-family:var(--font-head);font-size:18px;color:var(--white);margin-bottom:22px;position:relative;z-index:2;line-height:1.25}
.channels-heading span{color:var(--gold-light)}
/* Individual channel rows */
.channel-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2;margin-bottom:22px}
.channel-row{
display:flex;align-items:center;gap:16px;
padding:16px 18px;border-radius:var(--r-md);
border:1px solid rgba(255,255,255,0.08);
background:rgba(255,255,255,0.05);
transition:all 0.22s;cursor:pointer;text-decoration:none;
}
.channel-row:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);transform:translateX(4px)}
.channel-row.wa-row:hover{background:rgba(37,211,102,0.15);border-color:rgba(37,211,102,0.3)}
.channel-row.phone-row:hover{background:rgba(200,149,42,0.12);border-color:rgba(200,149,42,0.25)}
.channel-row.email-row:hover{background:rgba(107,95,212,0.12);border-color:rgba(107,95,212,0.25)}
.ch-icon-box{
width:42px;height:42px;border-radius:10px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;font-size:20px;
}
.ch-icon-box.wa{background:rgba(37,211,102,0.2)}
.ch-icon-box.phone{background:rgba(200,149,42,0.2)}
.ch-icon-box.email{background:rgba(107,95,212,0.2)}
.ch-icon-box.linkedin{background:rgba(10,102,194,0.2)}
.ch-body{flex:1}
.ch-label{font-size:12px;font-weight:700;color:var(--white);margin-bottom:2px}
.ch-value{font-size:15px;color:rgba(255,255,255,0.55);font-weight:500}
.ch-badge{
font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;
padding:3px 9px;border-radius:100px;flex-shrink:0;
}
.ch-badge.fast{background:rgba(11,158,109,0.2);color:#4ECCA3;border:1px solid rgba(11,158,109,0.3)}
.ch-badge.medium{background:rgba(200,149,42,0.15);color:var(--gold-light);border:1px solid rgba(200,149,42,0.25)}
.ch-badge.standard{background:rgba(107,95,212,0.15);color:#A99DFF;border:1px solid rgba(107,95,212,0.25)}
.channels-divider{height:1px;background:rgba(255,255,255,0.07);margin-bottom:18px;position:relative;z-index:2}
.channels-hours{
display:flex;align-items:center;justify-content:space-between;
position:relative;z-index:2;
}
.ch-hours-label{font-size:11px;color:rgba(255,255,255,0.4);font-weight:600;text-transform:uppercase;letter-spacing:0.6px}
.ch-hours-value{font-size:12px;font-weight:700;color:rgba(255,255,255,0.7)}
.ch-hours-online{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--success)}
.ch-hours-online::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success);animation:livePulse 2s infinite}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:var(--navy);padding:15px 0;position:relative;z-index:2}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
MAIN CONTACT SECTION
Left = smart enquiry form
Right = contact details panel
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.contact-main{padding:72px 0;background:var(--off-white);position:relative}
.contact-main::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:flex-start}
/* ── LEFT: Smart Enquiry Form ── */
.form-panel{background:var(--white);border-radius:var(--r-xl);padding:40px 36px;box-shadow:var(--sh-md);border:1px solid var(--gray-100)}
.form-panel-header{margin-bottom:28px}
.form-panel-title{font-family:var(--font-head);font-size:22px;color:var(--navy);margin-bottom:6px}
.form-panel-sub{font-size:15px;color:var(--gray-500)}
/* Enquiry type selector (tabbed) */
.enquiry-tabs{display:flex;gap:0;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);overflow:hidden;margin-bottom:24px}
.eq-tab{
flex:1;padding:10px 12px;text-align:center;
font-size:12px;font-weight:700;color:var(--gray-500);
background:var(--white);border:none;border-right:1px solid var(--gray-200);
transition:all 0.18s;cursor:pointer;
}
.eq-tab:last-child{border-right:none}
.eq-tab:hover{background:var(--cat-pale);color:var(--cat)}
.eq-tab.active{background:var(--cat);color:var(--white)}
.eq-tab .et-icon{font-size:14px;display:block;margin-bottom:3px}
.eq-tab .et-label{font-size:10px;text-transform:uppercase;letter-spacing:0.7px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:12px;font-weight:700;color:var(--gray-700);margin-bottom:5px;letter-spacing:0.3px}
.form-label .req{color:var(--cat);margin-left:2px}
.form-input,.form-select,.form-textarea{
width:100%;padding:11px 14px;
border:1.5px solid var(--gray-200);border-radius:var(--r-sm);
font-family:var(--font-body);font-size:15px;color:var(--gray-800);
outline:none;transition:border-color 0.2s,box-shadow 0.2s;background:var(--white);
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
border-color:var(--cat);
box-shadow:0 0 0 3px rgba(154,52,18,0.08);
}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6}
.form-btn{
width:100%;background:var(--cat);color:var(--white);border:none;
padding:15px;border-radius:var(--r-sm);
font-family:var(--font-body);font-size:14px;font-weight:700;
cursor:pointer;transition:all 0.22s;margin-top:4px;
display:flex;align-items:center;justify-content:center;gap:10px;
}
.form-btn:hover{background:var(--cat-mid);transform:translateY(-1px);box-shadow:0 6px 20px rgba(154,52,18,0.3)}
.form-btn .btn-icon{font-size:16px}
.form-privacy{
display:flex;align-items:flex-start;gap:8px;
margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5;
}
.form-privacy-icon{font-size:15px;flex-shrink:0;margin-top:1px}
/* Form success state (hidden by default) */
.form-success{
display:none;text-align:center;padding:32px 20px;
}
.fs-icon{font-size:56px;margin-bottom:16px;display:block}
.fs-title{font-family:var(--font-head);font-size:22px;color:var(--success);margin-bottom:8px}
.fs-sub{font-size:14px;color:var(--gray-600);line-height:1.65}
/* ── RIGHT: Contact Details Panel ── */
.details-panel{display:flex;flex-direction:column;gap:20px;position:sticky;top:84px}
.detail-card{
background:var(--white);border-radius:var(--r-lg);
padding:24px 22px;border:1px solid var(--gray-100);
box-shadow:var(--sh-xs);transition:all 0.22s;
}
.detail-card:hover{box-shadow:var(--sh-sm);border-color:var(--cat-border)}
.detail-card-title{
font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--navy);
margin-bottom:16px;display:flex;align-items:center;gap:8px;
}
.dct-icon{font-size:18px}
/* Channel items inside detail card */
.detail-channels{display:flex;flex-direction:column;gap:12px}
.detail-channel{
display:flex;align-items:center;gap:14px;
padding:15px 14px;border-radius:var(--r-md);
border:1px solid var(--gray-100);
text-decoration:none;transition:all 0.2s;
}
.detail-channel:hover{border-color:var(--cat-border);background:var(--cat-pale)}
.dc-icon{
width:38px;height:38px;border-radius:9px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;font-size:18px;
}
.dc-icon.wa-c{background:rgba(37,211,102,0.12)}
.dc-icon.ph-c{background:rgba(200,149,42,0.12)}
.dc-icon.em-c{background:rgba(107,95,212,0.12)}
.dc-body{flex:1;min-width:0}
.dc-label{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.6px;margin-bottom:2px}
.dc-value{font-size:15px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-time{font-size:13px;color:var(--cat);font-weight:700}
/* Social links */
.social-row{display:flex;gap:10px;margin-top:4px}
.social-btn{
display:inline-flex;align-items:center;gap:7px;
padding:9px 14px;border-radius:var(--r-sm);
font-size:12px;font-weight:700;border:1.5px solid var(--gray-200);
color:var(--gray-600);transition:all 0.18s;
}
.social-btn:hover{border-color:var(--navy);color:var(--navy);background:var(--gray-50)}
/* Office + reg info */
.reg-card{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);
border-radius:var(--r-lg);padding:24px 22px;
position:relative;overflow:hidden;
}
.reg-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(154,52,18,0.12) 0%,transparent 70%)}
.rc-label{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:14px;position:relative;z-index:2}
.rc-rows{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.rc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.rc-key{font-size:14px;color:rgba(255,255,255,0.4);font-weight:600;flex-shrink:0}
.rc-val{font-size:16px;font-weight:700;color:rgba(255,255,255,0.8);text-align:right}
/* Hours block */
.hours-block{
background:var(--white);border-radius:var(--r-lg);
padding:20px 22px;border:1px solid var(--gray-100);box-shadow:var(--sh-xs);
}
.hours-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.online-now{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;color:var(--success)}
.online-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:livePulse 2s infinite}
.hours-rows{display:flex;flex-direction:column;gap:8px}
.hours-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.hours-row .day{color:var(--gray-500);font-weight:600}
.hours-row .time{color:var(--navy);font-weight:700}
.hours-row.today{background:var(--cat-pale);border-radius:6px;padding:4px 8px;margin:0 -8px}
.hours-row.today .day{color:var(--cat);font-weight:800}
.hours-row.closed .time{color:var(--gray-400)}
.hours-note{font-size:11px;color:var(--gray-400);margin-top:12px;line-height:1.5;border-top:1px solid var(--gray-100);padding-top:10px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
SELF-SERVICE QUICK LINKS
"Before you contact us" — reduces avoidable
enquiries and helps visitors self-serve
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.selfserve-section{padding:64px 0;background:var(--white)}
.selfserve-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap}
.ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ss-card{
background:var(--off-white);border-radius:var(--r-lg);padding:24px 20px;
border:1.5px solid var(--gray-100);transition:all 0.25s;
display:flex;flex-direction:column;gap:10px;
text-decoration:none;
}
.ss-card:hover{border-color:var(--cat);background:var(--cat-pale);transform:translateY(-4px);box-shadow:var(--sh-sm)}
.ss-icon{font-size:32px;display:block}
.ss-title{font-family:var(--font-head);font-size:18px;color:var(--navy);line-height:1.2;font-weight:700}
.ss-desc{font-size:15px;color:var(--gray-600);line-height:1.5;flex:1}
.ss-link{
display:flex;align-items:center;gap:6px;
font-size:12px;font-weight:700;color:var(--cat);
margin-top:4px;
}
.ss-link::after{content:'→’';transition:transform 0.18s;display:inline-block}
.ss-card:hover .ss-link::after{transform:translateX(4px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
MINI SOCIAL PROOF
Compact — not duplicated, not excessive
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.proof-strip{
background:var(--off-white);border-top:1px solid var(--gray-100);
border-bottom:1px solid var(--gray-100);padding:40px 0;
}
.proof-strip-inner{
display:flex;align-items:center;justify-content:space-between;
gap:28px;flex-wrap:wrap;
}
.proof-rating{display:flex;align-items:center;gap:16px}
.pr-score{font-family:var(--font-head);font-size:44px;font-weight:700;color:var(--navy);line-height:1}
.pr-detail{}
.pr-stars{font-size:18px;color:#F59E0B;letter-spacing:2px}
.pr-label{font-size:15px;font-weight:700;color:var(--navy)}
.pr-count{font-size:11px;color:var(--gray-400)}
.proof-divider{width:1px;height:52px;background:var(--gray-200)}
.proof-stat{text-align:center}
.ps-num{font-family:var(--font-head);font-size:26px;color:var(--navy);font-weight:700}
.ps-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.7px}
.proof-quote{
max-width:360px;
background:var(--white);border-radius:var(--r-lg);
padding:18px 20px;border:1px solid var(--gray-100);
box-shadow:var(--sh-xs);
}
.pq-text{font-size:15px;color:var(--gray-700);line-height:1.65;font-style:italic;margin-bottom:12px}
.pq-author{display:flex;align-items:center;gap:10px}
.pq-avatar{
width:34px;height:34px;border-radius:50%;flex-shrink:0;
background:linear-gradient(135deg,var(--cat),var(--cat-light));
display:flex;align-items:center;justify-content:center;
font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--white);
}
.pq-name{font-size:12px;font-weight:700;color:var(--navy)}
.pq-meta{font-size:10px;color:var(--gray-400)}
.pq-verified{background:var(--success-bg);color:var(--success);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
FOOTER
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
footer{background:var(--navy);color:rgba(255,255,255,0.6);padding:56px 0 22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
.f-brand-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--white);margin-bottom:14px}
.f-brand-desc{font-size:15px;line-height:1.65;max-width:270px;margin-bottom:20px}
.f-badges{display:flex;gap:8px;flex-wrap:wrap}
.f-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);padding:5px 11px;border-radius:5px;font-size:10px;font-weight:700;color:rgba(255,255,255,0.6)}
.f-badge span{color:var(--gold)}
.f-col h5{font-size:11px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px}
.f-col a{display:block;font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:9px;transition:color 0.18s}
.f-col a:hover{color:var(--cat-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:11px}
/* Sticky mobile */
.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:1px solid rgba(255,255,255,0.08);padding:10px 20px;display:none}
.sticky-mobile-inner{display:flex;gap:10px;max-width:500px;margin:0 auto}
.sticky-mobile .btn{flex:1;justify-content:center;font-size:15px;padding:11px}
/* ── RESPONSIVE ── */
@media(max-width:1100px){
.banner-grid{grid-template-columns:1fr;gap:32px}
.channels-wrap{display:none}
.contact-grid{grid-template-columns:1fr;gap:36px}
.details-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ss-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.site-nav,.header-phone{display:none}
.details-panel{grid-template-columns:1fr; display:flex; width:100%;}
.ss-grid{grid-template-columns:1fr 1fr}
.proof-strip-inner{flex-direction:column;align-items:flex-start}
.proof-divider{display:none}
.footer-grid{grid-template-columns:1fr 1fr}
.sticky-mobile{display:block}
body{padding-bottom:64px}
.response-strip{flex-direction:column}
.response-item{border-right:none;border-bottom:1px solid var(--gray-100)}
.response-item:last-child{border-bottom:none}
.form-row{grid-template-columns:1fr}
.contact-grid{
display:flex; flex-direction: column;
}
.banner-grid{
padding-left:0px;
}
.detail-channel{
flex-direction: column;
}
}
@media(max-width:480px){
.ss-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.enquiry-tabs{flex-wrap:wrap}
}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.banner-left{animation:fadeUp 0.5s ease both}
.channels-wrap{animation:fadeUp 0.55s 0.15s ease both}
.form-panel{animation:fadeUp 0.5s 0.1s ease both}
a{text-decoration:none;color:inherit}
/* ── SHARED COMPONENTS ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:18px;
background:var(--cat-pale);color:var(--cat-mid);border:1px solid var(--cat-border);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat-mid)}
.section-title{font-family:var(--font-head);font-size:clamp(26px,3.5vw,40px);color:var(--navy);line-height:1.18;margin-bottom:14px}
.section-sub{font-size:20px !important;color:var(--gray-600);line-height:1.75;max-width:600px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:15px 26px;border-radius:var(--r-sm);transition:all 0.22s}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-indigo{background:var(--cat-mid);color:var(--white)}
.btn-indigo:hover{background:var(--cat);transform:translateY(-2px);box-shadow:0 8px 24px rgba(61,46,140,0.35)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--cat-mid);color:var(--cat-mid)}
.btn-ghost-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.08)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
ABOUT PAGE BANNER
Left stripe = indigo (vs gold=banking, teal=partner)
Right = Brand Manifesto Card (unique to About page)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cat) 0%,var(--cat-light) 100%)}
.service-banner::after{
content:'';position:absolute;inset:0;
background-image:linear-gradient(rgba(44,31,107,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(44,31,107,0.025) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--cat)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:#fff !important;font-size:18px !important; font-weight:600 !important}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:var(--cat-light);border-color:rgba(107,95,212,0.6);background:rgba(44,31,107,0.25)}
.banner-main{padding:0px 0 0;position:relative;z-index:2}
.banner-grid{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:flex-end;padding-left:28px}
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cat-mid);margin-bottom:20px}
.banner-service-tag .tag-line{width:32px;height:2px;background:var(--cat-mid)}
.banner-title{font-family:var(--font-head);font-size:clamp(32px,4vw,52px);color:var(--navy);line-height:1.1;margin-bottom:18px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:var(--cat-mid)}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cat),var(--cat-light));border-radius:2px}
.banner-stats{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;margin-bottom:32px;box-shadow:var(--sh-xs)}
.banner-stat{flex:1;min-width:100px;padding:16px 20px;background:var(--white);border-right:1px solid var(--gray-100);position:relative}
.banner-stat:last-child{border-right:none}
.banner-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.2s}
.banner-stat:hover::before{background:var(--cat-mid)}
.stat-num{font-family:var(--font-head);font-size:24px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:4px}
.stat-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.8px}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap}
/* ── MANIFESTO CARD (About page unique visual) ── */
.manifesto-wrap{position:relative;padding-bottom:40px}
/* Registered badge pill */
.reg-badge{
position:absolute;top:-14px;right:0;z-index:20;
background:var(--navy);
color:rgba(255,255,255,0.7);font-size:11px;font-weight:700;
padding:7px 16px;border-radius:100px;
border:1px solid rgba(255,255,255,0.12);
box-shadow:var(--sh-md);
letter-spacing:0.3px;
}
.reg-badge span{color:var(--gold-light)}
.manifesto-card{
background:var(--cat);
border-radius:var(--r-xl);
padding:36px 32px;
position:relative;
overflow:hidden;
box-shadow:var(--sh-xl);
}
/* Geometric bg pattern on the manifesto card */
.manifesto-card::before{
content:'';position:absolute;
top:-60px;right:-60px;
width:240px;height:240px;border-radius:50%;
background:rgba(255,255,255,0.04);
}
.manifesto-card::after{
content:'';position:absolute;
bottom:-40px;left:-40px;
width:180px;height:180px;border-radius:50%;
background:rgba(255,255,255,0.03);
}
.manifesto-eyebrow{
font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:rgba(255,255,255,0.4);margin-bottom:20px;position:relative;z-index:2;
}
.manifesto-lines{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;margin-bottom:28px}
.manifesto-line{
display:flex;align-items:flex-start;gap:14px;
padding:14px 16px;
border-radius:var(--r-md);
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.08);
transition:all 0.2s;
}
.manifesto-line:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15)}
.ml-num{
font-family:var(--font-head);font-size:11px;font-weight:700;
color:rgba(255,255,255,0.3);flex-shrink:0;padding-top:3px;
}
.ml-text{
font-family:var(--font-head);font-size:18px;font-weight:700;
color:var(--white);line-height:1.3;
}
.ml-text span{color:var(--gold-light)}
.manifesto-divider{height:1px;background:rgba(255,255,255,0.08);margin-bottom:20px;position:relative;z-index:2}
.manifesto-footer{
display:flex;align-items:center;justify-content:space-between;
position:relative;z-index:2;
}
.mf-reg{font-size:11px;color:rgba(255,255,255,0.35);line-height:1.4}
.mf-since{
display:flex;flex-direction:column;align-items:flex-end;
font-size:11px;color:rgba(255,255,255,0.4);
}
.mf-since strong{font-family:var(--font-head);font-size:20px;color:rgba(255,255,255,0.8);font-weight:700}
/* Visual info strip */
.visual-info{position:absolute;bottom:0;left:0;right:0;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm)}
.info-item{text-align:center}
.info-val{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--navy)}
.info-key{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.6px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:var(--navy);padding:14px 0;position:relative;display:none;z-index:2}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
THE PROBLEM WE EXIST TO SOLVE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.origin-section{padding:88px 0;background:var(--off-white);position:relative;overflow:hidden}
.origin-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.origin-left h2{font-family:var(--font-head);font-size:clamp(28px,3.5vw,42px);color:var(--navy);line-height:1.15;margin-bottom:20px}
.origin-left h2 .red{color:#D64040}
.origin-left p{font-size:18px;color:var(--gray-600);line-height:1.8;margin-bottom:16px}
.origin-left p strong{color:var(--navy);font-weight:700}
.origin-quote{
border-left:4px solid var(--cat-mid);
padding:16px 20px;margin:28px 0;
background:var(--cat-pale);border-radius:0 var(--r-md) var(--r-md) 0;
}
.origin-quote p{font-family:var(--font-head);font-size:17px;color:var(--cat);font-style:italic;line-height:1.5;font-weight:600}
/* Pain points (before) */
.pain-cards{display:flex;flex-direction:column;gap:12px}
.pain-card{
background:var(--white);border-radius:var(--r-md);padding:18px 20px;
border-left:4px solid #D64040;
display:flex;gap:14px;align-items:flex-start;
box-shadow:var(--sh-xs);
}
.pain-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.pain-card h4{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px}
.pain-card p{font-size:18px;color:var(--gray-600);line-height:1.5}
/* Solution shift badge */
.shift-badge{
display:inline-flex;align-items:center;gap:10px;
background:var(--success);color:var(--white);
padding:10px 18px;border-radius:var(--r-md);
font-size:15px;font-weight:700;margin-top:20px;
}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
MISSION / VISION / VALUES
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.mvv-section{padding:88px 0;background:var(--white)}
.mvv-header{text-align:center;margin-bottom:60px}
.mvv-header .section-sub{margin:0 auto}
.mvv-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md)}
.mvv-card{padding:48px 36px;position:relative;overflow:hidden}
.mvv-card.mission{background:var(--cat)}
.mvv-card.vision{background:var(--cat-mid)}
.mvv-card.values-card{background:var(--navy)}
.mvv-card::before{
content:'';position:absolute;
bottom:-60px;right:-60px;
width:200px;height:200px;border-radius:50%;
background:rgba(255,255,255,0.04);
}
.mvv-icon{font-size:40px;margin-bottom:20px;display:block;position:relative;z-index:2}
.mvv-type{
font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:rgba(255,255,255,0.4);margin-bottom:10px;
position:relative;z-index:2;
}
.mvv-title{
font-family:var(--font-head);font-size:24px;font-weight:700;
color:var(--white);margin-bottom:16px;
position:relative;z-index:2;
}
.mvv-title span{color:var(--gold-light)}
.mvv-text{
font-size:18px;color:rgba(255,255,255,0.72);line-height:1.75;
position:relative;z-index:2;
}
/* Values list */
.values-list{display:flex;flex-direction:column;gap:0;position:relative;z-index:2}
.value-item{
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
display:flex;align-items:flex-start;gap:12px;
}
.value-item:last-child{border-bottom:none}
.vi-mark{
width:24px;height:24px;border-radius:6px;flex-shrink:0;
background:rgba(200,149,42,0.2);border:1px solid rgba(200,149,42,0.35);
display:flex;align-items:center;justify-content:center;
font-size:11px;color:var(--gold-light);font-weight:700;
margin-top:2px;
}
.vi-text h5{font-size:18px;font-weight:700;color:var(--white);margin-bottom:2px}
.vi-text p{font-size:16px;color:rgba(255,255,255,0.5);line-height:1.4}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
OUR STORY — TIMELINE
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.story-section{padding:88px 0;background:var(--off-white);position:relative;overflow:hidden}
.story-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.story-header{text-align:center;margin-bottom:64px}
.story-header .section-sub{margin:0 auto}
.timeline{position:relative;max-width:860px;margin:0 auto}
/* Central line */
.timeline::before{
content:'';position:absolute;left:50%;top:0;bottom:0;
width:2px;background:linear-gradient(180deg,var(--cat) 0%,var(--cat-light) 60%,var(--gray-200) 100%);
transform:translateX(-50%);
}
.tl-item{display:flex;gap:0;margin-bottom:48px;position:relative}
.tl-item:last-child{margin-bottom:0}
/* Alternating left/right */
.tl-item:nth-child(odd){flex-direction:row}
.tl-item:nth-child(even){flex-direction:row-reverse}
.tl-content{
width:calc(50% - 36px);background:var(--white);border-radius:var(--r-lg);
padding:24px 24px;box-shadow:var(--sh-sm);border:1px solid var(--gray-100);
transition:all 0.22s;position:relative;
}
.tl-content:hover{box-shadow:var(--sh-md);border-color:var(--cat-border);transform:translateY(-3px)}
/* Arrow pointing toward the line */
.tl-item:nth-child(odd) .tl-content::after{
content:'';position:absolute;right:-10px;top:24px;
border:5px solid transparent;border-left-color:var(--gray-100);
}
.tl-item:nth-child(even) .tl-content::after{
content:'';position:absolute;left:-10px;top:24px;
border:5px solid transparent;border-right-color:var(--gray-100);
}
.tl-center{
width:72px;flex-shrink:0;
display:flex;flex-direction:column;align-items:center;
position:relative;z-index:2;
}
.tl-dot{
width:48px;height:48px;border-radius:50%;
background:var(--white);
border:3px solid var(--cat-mid);
display:flex;align-items:center;justify-content:center;
font-size:20px;box-shadow:var(--sh-sm);
flex-shrink:0;
transition:all 0.22s;
}
.tl-item:hover .tl-dot{background:var(--cat-mid);transform:scale(1.1)}
.tl-year{
font-family:var(--font-head);font-size:12px;font-weight:700;
color:var(--cat-mid);letter-spacing:0.5px;text-align:center;
margin-top:8px;white-space:nowrap;
}
.tl-tag{
display:inline-flex;align-items:center;
background:var(--cat-pale);color:var(--cat-mid);
font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;
padding:3px 10px;border-radius:100px;margin-bottom:10px;border:1px solid var(--cat-border);
}
.tl-content h4{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:8px;line-height:1.25}
.tl-content p{font-size:18px;color:var(--gray-600);line-height:1.65}
.tl-highlight{
display:inline-flex;align-items:center;gap:6px;
background:var(--navy);color:var(--white);
font-size:13px;font-weight:700;padding:4px 12px;border-radius:6px;
margin-top:12px;
}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
BY THE NUMBERS
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.numbers-section{
padding:88px 0;
background:var(--cat);
position:relative;overflow:hidden;
}
.numbers-section::before{
content:'';position:absolute;
top:-100px;right:-80px;width:400px;height:400px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 65%);
}
.numbers-section::after{
content:'';position:absolute;
bottom:-80px;left:-60px;width:300px;height:300px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,0.04) 0%,transparent 65%);
}
.numbers-header{text-align:center;margin-bottom:56px;position:relative;z-index:2}
.numbers-header h2{font-family:var(--font-head);font-size:clamp(28px,3.5vw,40px);color:var(--white);margin-bottom:10px}
.numbers-header p{font-size:20px;color:rgba(255,255,255,0.6)}
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;position:relative;z-index:2}
.number-block{
background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);
padding:40px 28px;text-align:center;transition:all 0.22s;
position:relative;overflow:hidden;
}
.number-block:first-child{border-radius:var(--r-lg) 0 0 var(--r-lg)}
.number-block:last-child{border-radius:0 var(--r-lg) var(--r-lg) 0}
.number-block:hover{background:rgba(255,255,255,0.1)}
.nb-icon{font-size:32px;margin-bottom:16px;display:block}
.nb-num{
font-family:var(--font-head);font-size:clamp(36px,4vw,56px);
font-weight:700;color:var(--white);line-height:1;margin-bottom:8px;
}
.nb-num span{color:var(--gold-light)}
.nb-label{font-size:20px;font-weight:700;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:8px}
.nb-desc{font-size:17px;color:rgba(255,255,255,0.4);line-height:1.55;max-width:180px;margin:0 auto}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
WHAT WE STAND FOR (Challenger positioning)
3 big statements with full-width visual impact
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.standfor-section{padding:88px 0;background:var(--white)}
.standfor-header{text-align:center;margin-bottom:56px}
.standfor-header .section-sub{margin:0 auto}
.standfor-items{display:flex;flex-direction:column;gap:2px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md)}
.standfor-item{
display:flex;align-items:stretch;
transition:all 0.25s;cursor:default;
}
.si-number{
width:96px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
background:var(--cat);
font-family:var(--font-head);font-size:48px;font-weight:700;
color:rgba(255,255,255,0.25);
padding:36px 0;
transition:all 0.25s;
}
.standfor-item:hover .si-number{background:var(--cat-mid);color:rgba(255,255,255,0.45)}
.si-body{
flex:1;background:var(--off-white);padding:36px 40px;
border-left:none;display:flex;align-items:center;gap:36px;
transition:background 0.25s;
}
.standfor-item:hover .si-body{background:var(--gray-50)}
.si-icon{font-size:44px;flex-shrink:0}
.si-content{}
.si-tag{
font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--cat-mid);margin-bottom:8px;display:block;
}
.si-headline{
font-family:var(--font-head);font-size:clamp(20px,2.5vw,28px);
color:var(--navy);margin-bottom:10px;line-height:1.2;
}
.si-headline span{color:var(--cat-mid)}
.si-desc{font-size:18px;color:var(--gray-600);line-height:1.7;max-width:620px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
GLOBAL REACH
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.reach-section{padding:88px 0;background:var(--off-white)}
.reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.reach-left{}
.reach-visual{
background:var(--navy);border-radius:var(--r-xl);
padding:36px 32px;position:relative;overflow:hidden;
box-shadow:var(--sh-lg);
}
.reach-visual::before{content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(107,95,212,0.15) 0%,transparent 70%)}
/* World dots map (CSS only) */
.world-map-placeholder{
height:220px;border-radius:var(--r-md);
background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);
display:flex;flex-direction:column;align-items:center;justify-content:center;
margin-bottom:24px;position:relative;overflow:hidden;
}
.world-text{font-family:var(--font-head);font-size:48px;font-weight:700;color:rgba(255,255,255,0.06);letter-spacing:-2px;text-align:center;line-height:1}
.world-overlay{
position:absolute;inset:0;display:flex;flex-wrap:wrap;
align-items:center;justify-content:center;gap:6px;padding:20px;
}
.country-dot{
background:var(--cat-light);border-radius:100px;
font-size:10px;font-weight:700;color:var(--white);
padding:3px 10px;opacity:0.85;
animation:dotFade 4s ease-in-out infinite;
}
.country-dot:nth-child(even){animation-delay:1.5s;opacity:0.6}
.country-dot:nth-child(3n){animation-delay:2.8s;background:var(--gold);color:var(--navy)}
@keyframes dotFade{0%,100%{opacity:0.4}50%{opacity:1}}
.reach-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reach-stat{
background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);
border-radius:var(--r-md);padding:16px 18px;text-align:center;transition:all 0.2s;
}
.reach-stat:hover{background:rgba(255,255,255,0.1)}
.rs-num{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--white)}
.rs-label{font-size:11px;color:rgba(255,255,255,0.45);font-weight:600;text-transform:uppercase;letter-spacing:0.7px}
/* Industries served */
.industries-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:20px}
.industry-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.industry-tag{
display:flex;align-items:center;gap:7px;
background:var(--white);border:1px solid var(--gray-100);
padding:9px 16px;border-radius:100px;
font-size:15px;font-weight:600;color:var(--navy);
box-shadow:var(--sh-xs);transition:all 0.18s;
}
.industry-tag:hover{border-color:var(--cat-border);background:var(--cat-pale);color:var(--cat-mid)}
.industry-tag .it-icon{font-size:16px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TESTIMONIALS
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.testi-section{padding:88px 0;background:var(--white)}
.testi-header{text-align:center;margin-bottom:44px}
.testi-header .section-sub{margin:0 auto}
.rating-bar{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:48px;flex-wrap:wrap}
.rating-big{font-family:var(--font-head);font-size:52px;font-weight:700;color:var(--navy);line-height:1}
.stars-row{font-size:22px;color:#F59E0B;letter-spacing:2px}
.rating-count{font-size:12px;color:var(--gray-400);margin-top:3px}
.rating-divider{width:1px;height:56px;background:var(--gray-200)}
.rs-b .rs-num{font-family:var(--font-head);font-size:26px;color:var(--navy)}
.rs-b .rs-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.7px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi-card{background:var(--off-white);border-radius:var(--r-lg);padding:28px 24px;border:1.5px solid var(--gray-100);transition:all 0.22s;display:flex;flex-direction:column;gap:14px}
.testi-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
.testi-card.featured-t{border-color:var(--cat-mid);background:var(--cat-pale)}
.tc-stars{font-size:14px;color:#F59E0B;letter-spacing:2px}
.tc-quote{font-size:18px;color:var(--gray-700);line-height:1.72;font-style:italic;flex:1}
.tc-reviewer{display:flex;align-items:center;gap:12px}
.tc-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--cat),var(--cat-mid));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white)}
.tc-name{font-size:15px;font-weight:700;color:var(--navy)}
.tc-meta{font-size:11px;color:var(--gray-400);display:flex;align-items:center;gap:5px;margin-top:2px}
.tc-verified{background:var(--success-bg);color:var(--success);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
DUAL CTA
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.dual-cta-section{padding:0 0 88px;background:var(--white)}
.dual-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md)}
.dcta-card{padding:56px 44px;position:relative;overflow:hidden}
.dcta-card.client-cta{background:var(--navy)}
.dcta-card.partner-cta{background:var(--cat)}
.dcta-card::before{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.04)}
.dcta-tag{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:14px;display:block;position:relative;z-index:2}
.dcta-title{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--white);margin-bottom:12px;line-height:1.2;position:relative;z-index:2}
.dcta-title span{color:var(--gold-light)}
.dcta-desc{font-size:18px;color:rgba(255,255,255,0.6);line-height:1.65;margin-bottom:28px;position:relative;z-index:2;max-width:360px}
.dcta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
/* Sticky mobile */
.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:1px solid rgba(255,255,255,0.08);padding:10px 20px;display:none}
.sticky-mobile-inner{display:flex;gap:10px;max-width:500px;margin:0 auto}
.sticky-mobile .btn{flex:1;justify-content:center;font-size:15px;padding:11px}
/* ── RESPONSIVE ── */
@media(max-width:1100px){
.banner-grid{grid-template-columns:1fr;gap:36px}
.manifesto-wrap{display:none}
.origin-grid{grid-template-columns:1fr;gap:40px}
.mvv-grid{grid-template-columns:1fr}
.mvv-card.vision{order:-1}
.numbers-grid{grid-template-columns:repeat(2,1fr)}
.number-block:first-child{border-radius:var(--r-lg) 0 0 0}
.number-block:nth-child(2){border-radius:0 var(--r-lg) 0 0}
.number-block:nth-child(3){border-radius:0 0 0 var(--r-lg)}
.number-block:last-child{border-radius:0 0 var(--r-lg) 0}
.reach-grid{grid-template-columns:1fr;gap:40px}
.testi-grid{grid-template-columns:1fr 1fr}
.dual-cta-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.standfor-item{flex-direction:column}
.si-number{width:100%;padding:18px;font-size:32px;justify-content:flex-start;padding-left:36px}
}
@media(max-width:768px){
.site-nav,.header-phone{display:none}
.mvv-grid{grid-template-columns:1fr}
.numbers-grid{grid-template-columns:1fr 1fr}
.testi-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.sticky-mobile{display:block}
body{padding-bottom:64px}
.banner-stats{flex-direction:column}
.banner-stat{border-right:none;border-bottom:1px solid var(--gray-100)}
.banner-stat:last-child{border-bottom:none}
.timeline::before{left:32px}
.tl-item,.tl-item:nth-child(even){flex-direction:column}
.tl-content{width:100%;margin-left:0px; padding: 98px 24px;}
.tl-content::after,.tl-item:nth-child(even) .tl-content::after{display:none}
.tl-center{position: absolute;
left: 28px;
top: 14px;}
.tl-item{padding-left:0;padding-bottom:40px;position:relative}
.si-body{flex-direction:column;gap:16px;padding:24px}
}
@media(max-width:480px){
.numbers-grid{grid-template-columns:1fr}
.reach-stats{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr}
}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.banner-left{animation:fadeUp 0.55s ease both}
.banner-stat:nth-child(1){animation:fadeUp 0.55s 0.1s ease both}
.banner-stat:nth-child(2){animation:fadeUp 0.55s 0.2s ease both}
.banner-stat:nth-child(3){animation:fadeUp 0.55s 0.3s ease both}
.banner-stat:nth-child(4){animation:fadeUp 0.55s 0.4s ease both}
.manifesto-wrap{animation:fadeUp 0.65s 0.15s ease both}
/* ── SHARED COMPONENTS (matches service page template) ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:18px;
background:var(--cat-pale);color:var(--cat);border:1px solid var(--cat-border);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat)}
.section-title{font-family:var(--font-head);font-size:clamp(26px,3.5vw,40px);color:var(--navy);line-height:1.18;margin-bottom:14px}
.section-sub{font-size:20px;color:var(--gray-600);line-height:1.75;max-width:600px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:15px 26px;border-radius:var(--r-sm);transition:all 0.22s}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-teal{background:var(--cat);color:var(--white)}
.btn-teal:hover{background:var(--cat-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,126,106,0.35)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--navy)}
.btn-ghost-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.1)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
HEADER (identical structure to service page)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
PARTNER BANNER
Teal left stripe (vs gold for Banking service)
— Same template skeleton, different cat-color
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cat) 0%,var(--cat-light) 100%)}
.service-banner::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(10,126,106,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,126,106,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--cat)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.25);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:var(--cat-light);border-color:var(--cat-light);background:rgba(10,126,106,0.12)}
.banner-main{padding:0px 0 0;position:relative;z-index:2}
.banner-grid{display:grid;grid-template-columns:1fr 460px;gap:48px;align-items:flex-end;padding-left:28px}
/* Banner left */
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cat);margin-bottom:20px}
.banner-service-tag .tag-line{width:32px;height:2px;background:var(--cat)}
.banner-title{font-family:var(--font-head);font-size:clamp(34px,4vw,54px);color:var(--navy);line-height:1.1;margin-bottom:18px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:var(--cat)}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cat),var(--cat-light));border-radius:2px}
.banner-desc{font-size:20px;color:var(--gray-600);line-height:1.75;max-width:520px;margin-bottom:32px}
.banner-stats{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;margin-bottom:32px;box-shadow:var(--sh-xs)}
.banner-stat{flex:1;min-width:100px;padding:16px 20px;background:var(--white);border-right:1px solid var(--gray-100);position:relative}
.banner-stat:last-child{border-right:none}
.banner-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.2s}
.banner-stat:hover::before{background:var(--cat)}
.stat-num{font-family:var(--font-head);font-size:24px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:4px}
.stat-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.8px}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap}
/* Banner right — Earnings calculator visual */
.banner-visual{position:relative;padding-bottom:40px}
.free-badge{
position:absolute;top:-14px;right:0;z-index:20;
background:linear-gradient(135deg,var(--cat),var(--cat-light));
color:var(--white);font-family:var(--font-head);font-size:11px;font-weight:700;
padding:7px 16px;border-radius:100px;
box-shadow:0 4px 16px rgba(10,126,106,0.35);
letter-spacing:0.5px;text-transform:uppercase;
}
.calc-card{
background:var(--navy);border-radius:var(--r-xl);
padding:28px 28px;box-shadow:var(--sh-xl);position:relative;z-index:2;
}
.calc-label{font-size:11px;font-weight:700;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}
.calc-title{font-family:var(--font-head);font-size:18px;color:var(--white);margin-bottom:22px}
.calc-row{margin-bottom:16px}
.calc-row-label{font-size:12px;color:rgba(255,255,255,0.55);font-weight:600;margin-bottom:6px}
.calc-slider-track{
width:100%;height:6px;background:rgba(255,255,255,0.12);border-radius:3px;
position:relative;margin-bottom:8px;
}
.calc-slider-fill{
height:100%;border-radius:3px;
background:linear-gradient(90deg,var(--cat),var(--cat-light));
transition:width 0.3s;
}
.calc-slider-thumb{
position:absolute;top:50%;transform:translate(-50%,-50%);
width:16px;height:16px;border-radius:50%;
background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,0.3);
cursor:pointer;
}
.calc-values{display:flex;justify-content:space-between}
.calc-val{font-size:11px;color:rgba(255,255,255,0.35)}
.calc-divider{height:1px;background:rgba(255,255,255,0.08);margin:18px 0}
.calc-result{
background:linear-gradient(135deg,rgba(10,126,106,0.25),rgba(10,126,106,0.12));
border:1px solid rgba(10,126,106,0.35);border-radius:var(--r-md);
padding:18px 20px;
display:flex;align-items:center;justify-content:space-between;
}
.cr-label{font-size:12px;color:rgba(255,255,255,0.55);font-weight:600;margin-bottom:4px}
.cr-amount{font-family:var(--font-head);font-size:32px;font-weight:700;color:var(--cat-light);line-height:1}
.cr-period{font-size:11px;color:rgba(255,255,255,0.4);margin-top:3px}
.cr-icon{font-size:40px;opacity:0.7}
.calc-note{font-size:11px;color:rgba(255,255,255,0.3);margin-top:12px;line-height:1.5;text-align:center}
/* Visual info strip */
.visual-info{position:absolute;bottom:0;left:0;right:0;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm)}
.info-item{text-align:center}
.info-val{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--navy)}
.info-key{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.6px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON (same as service page, teal tint)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:var(--navy);padding:14px 0;position:relative;z-index:2}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
WHO CAN PARTNER — PERSONA CARDS
The "service variants" template slot
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.personas-section{padding:40px 0 88px;background:var(--off-white);position:relative}
.personas-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.personas-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.personas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.persona-card{
background:var(--white);border-radius:var(--r-lg);border:1.5px solid var(--gray-100);
overflow:hidden;transition:all 0.28s cubic-bezier(0.34,1.2,0.64,1);
display:flex;flex-direction:column;position:relative;
}
.persona-card:hover{border-color:var(--cat);box-shadow:0 12px 40px rgba(11,31,58,0.14);transform:translateY(-6px)}
.persona-accent{height:4px;background:var(--cat);flex-shrink:0}
.persona-body{padding:22px 20px;flex:1;display:flex;flex-direction:column}
.persona-icon{font-size:36px;display:block;margin-bottom:14px}
.persona-name{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:8px}
.persona-desc{font-size:17px;color:var(--gray-600);line-height:1.6;margin-bottom:16px;}
.persona-earn{
background:var(--cat-pale);border:1px solid var(--cat-border);
border-radius:var(--r-sm);padding:10px 14px;
display:flex;align-items:center;justify-content:space-between;margin-bottom:14px; display:none;
}
.pe-label{font-size:10px;font-weight:700;color:var(--cat);text-transform:uppercase;letter-spacing:0.7px}
.pe-amount{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--cat)}
.persona-services{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.persona-services li{display:flex;gap:7px;font-size:16px;color:var(--gray-600)}
.persona-services li::before{content:'✓';color:var(--success);font-weight:800;flex-shrink:0}
.persona-cta{
display:flex;align-items:center;justify-content:space-between;
padding:11px 16px;background:var(--gray-50);border-top:1px solid var(--gray-100);
transition:all 0.2s;flex-shrink:0;border-radius:0 0 calc(var(--r-lg) - 1.5px) calc(var(--r-lg) - 1.5px);
}
.persona-card:hover .persona-cta{background:var(--cat);color:var(--white)}
.pct-text{font-size:12px;font-weight:700;color:var(--navy);transition:color 0.2s}
.persona-card:hover .pct-text{color:var(--white)}
.pct-arrow{font-size:16px;color:var(--gray-400);transition:all 0.2s}
.persona-card:hover .pct-arrow{color:var(--white);transform:translateX(4px)}
/* Not sure box */
.personas-footer{margin-top:28px;background:var(--navy);border-radius:var(--r-lg);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.personas-footer h4{font-family:var(--font-head);font-size:17px;color:var(--white);margin-bottom:5px}
.personas-footer p{font-size:15px;color:rgba(255,255,255,0.55)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
PARTNER TIERS
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.tiers-section{padding:40px 0;background:var(--white)}
.tiers-header{text-align:center;margin-bottom:52px}
.tiers-header .section-sub{margin:0 auto}
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tier-card{
border-radius:var(--r-xl);padding:36px 28px;
border:1.5px solid var(--gray-100);position:relative;
transition:all 0.25s;
}
.tier-card:hover{box-shadow:var(--sh-md);transform:translateY(-5px)}
.tier-card.featured{background:var(--navy);border-color:var(--cat);transform:scale(1.03);box-shadow:var(--sh-lg)}
.tier-card.featured:hover{transform:scale(1.03) translateY(-5px)}
.tier-popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cat);color:var(--white);font-size:11px;font-weight:700;padding:5px 16px;border-radius:100px;white-space:nowrap;letter-spacing:0.5px}
.tier-icon{font-size:36px;display:block;margin-bottom:16px}
.tier-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--gray-400);margin-bottom:6px}
.tier-card.featured .tier-name{color:rgba(255,255,255,0.5)}
.tier-title{font-family:var(--font-head);font-size:24px;color:var(--navy);margin-bottom:8px}
.tier-card.featured .tier-title{color:var(--white)}
.tier-commission{
background:var(--cat-pale) !important;border:1px solid var(--cat-border) !important;
border-radius:var(--r-sm);padding:12px 16px;margin-bottom:20px;
}
.tier-card.featured .tier-commission{background:rgba(10,126,106,0.18);border-color:rgba(10,126,106,0.4)}
.tc-row{display:flex;align-items:center;justify-content:space-between}
.tc-label{font-size:11px;font-weight:700;color:var(--cat);text-transform:uppercase;letter-spacing:0.7px}
.tc-value{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--cat)}
.tier-desc{font-size:17px;color:var(--gray-600);line-height:1.65;margin-bottom:22px}
.tier-card.featured .tier-desc{color:rgba(255,255,255,0.6)}
.tier-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.tier-features li{display:flex;gap:10px;font-size:15px;color:var(--gray-700)}
.tier-card.featured .tier-features li{color:rgba(255,255,255,0.85)}
.tier-features li .tf-check{color:var(--success);font-size:15px;flex-shrink:0;margin-top:2px}
.tier-features li.dim{color:var(--gray-400)}
.tier-features li.dim .tf-check{color:var(--gray-300)}
.tier-cta-btn{width:100%;padding:14px;border-radius:var(--r-sm);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s;border:none}
.tier-cta-btn.outline{background:transparent;border:1.5px solid var(--gray-200);color:var(--navy)}
.tier-cta-btn.outline:hover{border-color:var(--cat);color:var(--cat)}
.tier-cta-btn.primary-teal{background:var(--cat);color:var(--white)}
.tier-cta-btn.primary-teal:hover{background:var(--cat-light)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
WHAT YOU CAN SELL (service portfolio)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.portfolio-section{padding:40px 0;background:var(--off-white)}
.portfolio-header{text-align:center;margin-bottom:44px}
.portfolio-header .section-sub{margin:0 auto}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.portfolio-item{
background:var(--white);border-radius:var(--r-lg);padding:24px 20px;
border:1px solid var(--gray-100);transition:all 0.22s;
display:flex;flex-direction:column;gap:12px;
}
.portfolio-item:hover{border-color:var(--cat);box-shadow:var(--sh-sm);transform:translateY(-3px)}
.pi-icon-row{display:flex;align-items:center;gap:12px}
.pi-icon{
width:42px;height:42px;border-radius:10px;flex-shrink:0;
background:var(--cat-pale);border:1px solid var(--cat-border);
display:flex;align-items:center;justify-content:center;font-size:20px;
}
.pi-name{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);line-height:1.2}
.pi-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;color:var(--cat);margin-top:2px}
.pi-desc{font-size:17px;color:var(--gray-600);line-height:1.55}
.pi-commission{
display:flex;align-items:center;justify-content:space-between;
padding:8px 12px;background:var(--cat-pale);border-radius:6px;
}
.pic-label{font-size:10px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.pic-val{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--cat)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
HOW IT WORKS (partner onboarding)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.partner-process-section{padding:40px 0;background:var(--white)}
.partner-process-header{text-align:center;margin-bottom:52px}
.partner-process-header .section-sub{margin:0 auto}
.partner-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}
.partner-track::before{content:'';position:absolute;top:34px;left:calc(12% + 17px);right:calc(12% + 17px);height:2px;background:linear-gradient(90deg,var(--cat) 0%,var(--gray-200) 100%);z-index:0}
.partner-process-section .ps{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px; background:transparent; border:none}
.partner-process-section .ps-circle{width:68px;height:68px;border-radius:50%;background:var(--white);border:2.5px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--sh-sm);transition:all 0.25s;position:relative}
.partner-process-section .ps-circle .ps-num{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--gray-400);letter-spacing:0.5px;text-transform:uppercase;line-height:1}
.partner-process-section .ps-circle .ps-icon{font-size:22px;line-height:1}
.partner-process-section .ps:hover .ps-circle{border-color:var(--cat);background:var(--cat-pale);transform:scale(1.1);box-shadow:0 6px 24px rgba(10,126,106,0.22)}
.partner-process-section .ps-title{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:6px}
.partner-process-section .ps-desc{font-size:17px;color:var(--gray-500);line-height:1.5}
.partner-process-section .ps-day{font-size:14px;font-weight:700;color:var(--cat);margin-top:6px;letter-spacing:0.5px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
PARTNER SUCCESS STORIES
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.stories-section{padding:40px 0;background:var(--off-white)}
.stories-header{text-align:center;margin-bottom:44px}
.stories-header .section-sub{margin:0 auto}
.rating-bar{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:48px;flex-wrap:wrap}
.rating-big{font-family:var(--font-head);font-size:52px;font-weight:700;color:var(--navy);line-height:1}
.stars{font-size:22px;color:#F59E0B;letter-spacing:2px}
.rating-count{font-size:12px;color:var(--gray-400);margin-top:3px}
.rating-divider{width:1px;height:56px;background:var(--gray-200)}
.rating-stat .rs-num{font-family:var(--font-head);font-size:26px;color:var(--navy);line-height:1}
.rating-stat .rs-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.7px}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story-card{background:var(--white);border-radius:var(--r-lg);padding:28px 24px;border:1.5px solid var(--gray-100);transition:all 0.22s;display:flex;flex-direction:column;gap:16px}
.story-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
.story-card.featured-s{border-color:var(--cat);background:var(--cat-pale)}
.sc-stars{font-size:14px;color:#F59E0B;letter-spacing:2px}
.sc-quote{font-size:18px;color:var(--gray-700);line-height:1.72;font-style:italic}
/* Earnings highlight badge */
.sc-result{
display:flex;align-items:center;gap:10px;
background:var(--navy);border-radius:var(--r-sm);padding:10px 14px;
}
.sc-result-icon{font-size:20px}
.sc-result-text{font-size:12px;font-weight:700;color:var(--white);line-height:1.3}
.sc-result-text span{color:var(--cat-light);font-family:var(--font-head);font-size:15px}
.sc-reviewer{display:flex;align-items:center;gap:12px}
.sc-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--cat),var(--cat-light));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--white)}
.sc-name{font-size:15px;font-weight:700;color:var(--navy)}
.sc-meta{font-size:11px;color:var(--gray-400);display:flex;align-items:center;gap:5px;margin-top:2px}
.sc-verified{background:var(--success-bg);color:var(--success);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}
.sc-type-badge{background:var(--cat-pale);color:var(--cat);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
PARTNER ADVANTAGES (Why Activate Global)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.advantages-section{padding:40px 0;background:var(--white)}
.advantages-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.advantages-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.adv-item{
background:var(--off-white);border-radius:var(--r-md);padding:22px 18px;
border:1px solid var(--gray-100);transition:all 0.22s;
}
.adv-item:hover{border-color:var(--cat);background:var(--cat-pale)}
.adv-icon{font-size:28px;margin-bottom:10px;display:block}
.adv-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:5px}
.adv-desc{font-size:16px;color:var(--gray-600);line-height:1.55}
/* Right: Feature visual */
.adv-visual{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);
border-radius:var(--r-xl);padding:36px 32px;position:relative;overflow:hidden;
}
.adv-visual::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgba(10,126,106,0.12)}
.adv-visual-title{font-family:var(--font-head);font-size:22px;color:var(--white);margin-bottom:6px;position:relative;z-index:2}
.adv-visual-sub{font-size:18px;color:rgba(255,255,255,0.5);margin-bottom:24px;position:relative;z-index:2}
.adv-metric-row{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.adv-metric{
background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
border-radius:var(--r-md);padding:14px 18px;
display:flex;align-items:center;justify-content:space-between;
}
.am-label{font-size:12px;color:rgba(255,255,255,0.55);font-weight:600}
.am-value{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--cat-light)}
.adv-guarantee-strip{
margin-top:18px;background:linear-gradient(135deg,rgba(10,126,106,0.2),rgba(10,126,106,0.1));
border:1px solid rgba(10,126,106,0.35);border-radius:var(--r-md);
padding:14px 18px;display:flex;align-items:center;gap:12px;position:relative;z-index:2;
}
.ags-icon{font-size:28px}
.ags-text h5{font-size:15px;font-weight:700;color:var(--white);margin-bottom:2px}
.ags-text p{font-size:11px;color:rgba(255,255,255,0.5);line-height:1.4}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
FAQ
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.faq-section{padding:40px 0;background:var(--off-white)}
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:56px}
.faq-sidebar{position:sticky;top:80px;height:fit-content}
.fqs-title{font-family:var(--font-head);font-size:26px;color:var(--navy);margin-bottom:10px}
.fqs-sub{font-size:14px;color:var(--gray-600);line-height:1.65;margin-bottom:22px}
.faq-cats{display:flex;flex-direction:column;gap:6px}
.faq-cat{background:transparent;border:1.5px solid var(--gray-100);border-radius:var(--r-sm);padding:11px 14px;text-align:left;font-size:15px;font-weight:600;color:var(--gray-600);transition:all 0.18s}
.faq-cat:hover,.faq-cat.active{background:var(--cat-pale);border-color:var(--cat);color:var(--navy)}
.faq-contact-box{margin-top:24px;background:var(--navy);border-radius:var(--r-md);padding:18px}
.faq-contact-box h5{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}
.faq-contact-box p{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:12px;line-height:1.5}
.faq-list{display:flex;flex-direction:column;gap:3px}
.faq-item{border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;transition:border-color 0.2s}
.faq-item.open{border-color:var(--navy)}
.faq-q{width:100%;background:var(--white);border:none;padding:18px 22px;text-align:left;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background 0.18s}
.faq-q:hover{background:var(--gray-50)}
.faq-item.open .faq-q{background:var(--navy);color:var(--white)}
.faq-icon{font-size:18px;flex-shrink:0;font-weight:300}
.faq-a{background:var(--gray-50);max-height:0;overflow:hidden;transition:all 0.32s ease;padding:0 22px}
.faq-a.open{max-height:250px;padding:18px 22px}
.faq-a p{font-size:15px;color:var(--gray-600);line-height:1.72}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
INQUIRY FORM (BOFU) — same structure as service page
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.inquiry-section{padding:40px 0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}
.inquiry-section::before{content:'';position:absolute;top:-120px;right:-80px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(10,126,106,0.1) 0%,transparent 65%)}
.inquiry-section::after{content:'';position:absolute;bottom:-80px;left:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(10,126,106,0.07) 0%,transparent 65%)}
.inquiry-grid{display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center;position:relative;z-index:2}
.inquiry-left h2{font-family:var(--font-head);font-size:clamp(28px,3.5vw,40px);color:var(--white);line-height:1.2;margin-bottom:14px}
.inquiry-left h2 span{color:var(--cat-light)}
.inquiry-left p{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.72;margin-bottom:28px}
.inquiry-benefits{display:flex;flex-direction:column;gap:15px}
.ib-item{display:flex;align-items:flex-start;gap:12px}
.ib-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:rgba(10,126,106,0.15);border:1px solid rgba(10,126,106,0.3);display:flex;align-items:center;justify-content:center;font-size:15px}
.ib-text h5{font-size:15px;font-weight:700;color:var(--white);margin-bottom:2px}
.ib-text p{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.5}
.inquiry-form-box{background:var(--white);border-radius:var(--r-xl);padding:36px 32px;box-shadow:var(--sh-xl)}
.form-box-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:4px}
.form-box-sub{font-size:15px;color:var(--gray-400);margin-bottom:24px}
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:12px;font-weight:700;color:var(--gray-700);margin-bottom:5px;letter-spacing:0.3px}
.form-input,.form-select{width:100%;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);font-family:var(--font-body);font-size:15px;color:var(--gray-800);outline:none;transition:border-color 0.2s;background:var(--white)}
.form-input:focus,.form-select:focus{border-color:var(--cat)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-btn{width:100%;background:var(--cat);color:var(--white);border:none;padding:14px;border-radius:var(--r-sm);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s;margin-top:6px}
.form-btn:hover{background:var(--cat-light)}
.form-note{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;color:var(--gray-400);justify-content:center}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
CTA BAND + FOOTER (same as service page)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.cta-band{background:linear-gradient(135deg,var(--cat) 0%,var(--cat-light) 100%);padding:64px 0}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.ctab-title{font-family:var(--font-head);font-size:clamp(24px,3vw,34px);color:var(--white);line-height:1.2;margin-bottom:8px}
.ctab-sub{font-size:15px;color:rgba(255,255,255,0.75)}
.ctab-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
/* Sticky mobile */
.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:1px solid rgba(255,255,255,0.08);padding:10px 20px;display:none}
.sticky-mobile-inner{display:flex;gap:10px;max-width:500px;margin:0 auto}
.sticky-mobile .btn{flex:1;justify-content:center;font-size:15px;padding:11px}
/* ── RESPONSIVE ── */
@media(max-width:1100px){.banner-grid{grid-template-columns:1fr;gap:36px}.banner-visual{display:none}.personas-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.tiers-grid{grid-template-columns:1fr}.partner-track{grid-template-columns:repeat(2,1fr)}.partner-track::before{display:none}.advantages-layout{grid-template-columns:1fr}.stories-grid{grid-template-columns:1fr 1fr}.inquiry-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.faq-sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.site-nav,.header-phone{display:none}.personas-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.partner-track{grid-template-columns:1fr 1fr}.stories-grid{grid-template-columns:1fr}.advantages-list{grid-template-columns:1fr}.cta-band-inner{flex-direction:column}.ctab-actions{width:100%}.ctab-actions .btn{flex:1;justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}.sticky-mobile{display:block}body{padding-bottom:64px}.banner-stats{flex-direction:column}.banner-stat{border-right:none;border-bottom:1px solid var(--gray-100)}.banner-stat:last-child{border-bottom:none}}
@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseTeal{0%,100%{box-shadow:0 0 0 0 rgba(10,126,106,0.4)}70%{box-shadow:0 0 0 10px rgba(10,126,106,0)}}
.banner-left{animation:fadeUp 0.55s ease both}
.banner-stat:nth-child(1){animation:fadeUp 0.55s 0.1s ease both}
.banner-stat:nth-child(2){animation:fadeUp 0.55s 0.2s ease both}
.banner-stat:nth-child(3){animation:fadeUp 0.55s 0.3s ease both}
.banner-stat:nth-child(4){animation:fadeUp 0.55s 0.4s ease both}
/* ── SHARED COMPONENTS ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:16px;
background:var(--cat-pale);color:var(--cat);border:1px solid var(--cat-border);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat)}
.section-title{font-family:var(--font-head);font-size:clamp(24px,3vw,38px);color:var(--navy);line-height:1.18;margin-bottom:14px}
.section-sub{font-size:20px;color:var(--gray-600);line-height:1.75;max-width:600px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:15px 26px;border-radius:var(--r-sm);transition:all 0.22s;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-green{background:var(--cat);color:var(--white)}
.btn-green:hover{background:var(--cat-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(22,101,52,0.3)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--cat);color:var(--cat)}
.btn-ghost-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.08)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
BANNER — Forest Green stripe
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cat) 0%,var(--cat-light) 100%)}
.service-banner::after{
content:'';position:absolute;inset:0;
background-image:linear-gradient(rgba(22,101,52,0.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(22,101,52,0.025) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--cat)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.2);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:#4ADE80;border-color:rgba(74,222,128,0.5);background:rgba(22,101,52,0.25)}
.banner-main{padding:0px 0 0;position:relative;z-index:2}
.banner-grid{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:center;padding-left:28px}
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cat);margin-bottom:14px}
.banner-service-tag .tag-line{width:32px;height:2px;background:var(--cat)}
.banner-title{font-family:var(--font-head);font-size:clamp(28px,3.5vw,46px);color:var(--navy);line-height:1.1;margin-bottom:14px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:var(--cat)}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cat),var(--cat-light));border-radius:2px}
.banner-desc{font-size:20px;color:var(--gray-600);line-height:1.75;max-width:500px;margin-bottom:24px}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
/* Policy meta strip */
.policy-meta-strip{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-xs)}
.pm-item{flex:1;min-width:100px;padding:15px 18px;background:var(--white);border-right:1px solid var(--gray-100)}
.pm-item:last-child{border-right:none}
.pm-label{font-size:10px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:3px}
.pm-value{font-size:15px;font-weight:700;color:var(--navy)}
/* ── Refund Promise Card (6th unique right visual) ── */
.promise-wrap{position:relative;padding-bottom:0}
.guarantee-pill{
position:absolute;top:-14px;right:0;z-index:20;
display:flex;align-items:center;gap:7px;
background:linear-gradient(135deg,var(--cat),var(--cat-mid));
color:var(--white);font-size:11px;font-weight:700;
padding:7px 16px;border-radius:100px;
box-shadow:0 4px 16px rgba(22,101,52,0.3);
letter-spacing:0.3px;
}
.promise-card{
background:var(--cat);border-radius:var(--r-xl);
padding:30px 28px;box-shadow:var(--sh-xl);
position:relative;overflow:hidden;
}
.promise-card::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.04)}
.promise-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:6px;position:relative;z-index:2}
.promise-heading{font-family:var(--font-head);font-size:18px;color:var(--white);margin-bottom:6px;position:relative;z-index:2;line-height:1.3}
.promise-heading span{color:var(--gold-light)}
.promise-sub{font-size:12px;color:rgba(255,255,255,0.55);margin-bottom:20px;position:relative;z-index:2}
/* Guarantee highlight block */
.guarantee-block{
background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);
border-radius:var(--r-lg);padding:20px 18px;margin-bottom:16px;
position:relative;z-index:2;
display:flex;align-items:flex-start;gap:14px;
}
.gb-shield{font-size:36px;flex-shrink:0}
.gb-title{font-family:var(--font-head);font-size:17px;color:var(--white);margin-bottom:4px}
.gb-title span{color:var(--gold-light)}
.gb-text{font-size:12px;color:rgba(255,255,255,0.65);line-height:1.55}
/* Refund rows */
.refund-rows{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;margin-bottom:18px}
.refund-row{
display:flex;align-items:center;justify-content:space-between;
padding:11px 14px;border-radius:var(--r-md);
background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);
}
.rr-label{font-size:12px;font-weight:600;color:rgba(255,255,255,0.75)}
.rr-tag{
font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;
padding:3px 10px;border-radius:100px;
}
.rr-tag.full{background:rgba(74,222,128,0.2);color:#4ADE80;border:1px solid rgba(74,222,128,0.3)}
.rr-tag.partial{background:rgba(232,184,75,0.2);color:var(--gold-light);border:1px solid rgba(232,184,75,0.3)}
.rr-tag.none{background:rgba(252,165,165,0.15);color:#FCA5A5;border:1px solid rgba(252,165,165,0.25)}
.rr-tag.guaranteed{background:rgba(74,222,128,0.25);color:#4ADE80;border:1px solid rgba(74,222,128,0.4);font-size:11px}
.promise-divider{height:1px;background:rgba(255,255,255,0.08);margin-bottom:14px;position:relative;z-index:2}
.promise-footer{font-size:11px;color:rgba(255,255,255,0.35);line-height:1.5;position:relative;z-index:2}
/* Visual info strip */
.visual-info{margin-top:12px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm)}
.info-item{text-align:center}
.info-val{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--navy)}
.info-key{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.6px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:var(--navy);padding:15px 0;position:relative;z-index:2}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
GUARANTEE HIGHLIGHT STRIP
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.guarantee-strip{
padding:56px 0;
background:linear-gradient(135deg,var(--cat) 0%,var(--cat-mid) 100%);
position:relative;overflow:hidden;
}
.guarantee-strip::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 65%)}
.guarantee-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;z-index:2}
.gi-left{display:flex;align-items:center;gap:24px}
.gi-medal{
width:80px;height:80px;border-radius:50%;flex-shrink:0;
background:linear-gradient(135deg,var(--gold),var(--gold-light));
display:flex;flex-direction:column;align-items:center;justify-content:center;
box-shadow:0 0 0 8px rgba(200,149,42,0.15),var(--sh-md);
font-size:32px;
}
.gi-text h3{font-family:var(--font-head);font-size:24px;color:var(--white);margin-bottom:8px}
.gi-text p{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.65;max-width:520px}
.gi-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.gi-pill{
display:flex;align-items:center;gap:6px;
background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);
padding:6px 15px;border-radius:100px;
font-size:12px;font-weight:600;color:rgba(255,255,255,0.85);
}
.gi-pill-check{color:var(--gold-light);font-size:15px}
.gi-cta{flex-shrink:0}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
SERVICE-BY-SERVICE REFUND GRID
The core content section — visual cards
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.refund-grid-section{padding:40px 0;background:var(--off-white);position:relative}
.refund-grid-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.rg-header{text-align:center;margin-bottom:48px}
.rg-header .section-sub{margin:0 auto}
.service-refund-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sr-card{
background:var(--white);border-radius:var(--r-xl);
border:1.5px solid var(--gray-100);
overflow:hidden;transition:all 0.25s;
display:flex;flex-direction:column;
}
.sr-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
/* Top accent + service header */
.sr-accent{height:4px}
.sr-accent.guaranteed-acc{background:linear-gradient(90deg,var(--cat),var(--cat-light))}
.sr-accent.full-acc{background:linear-gradient(90deg,var(--success),#22c55e)}
.sr-accent.partial-acc{background:linear-gradient(90deg,var(--amber),#f59e0b)}
.sr-accent.conditional-acc{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.sr-header{padding:22px 22px 16px;border-bottom:1px solid var(--gray-100)}
.sr-icon-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sr-icon{
width:44px;height:44px;border-radius:10px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;font-size:22px;
}
.sr-icon.g-icon{background:var(--cat-pale)}
.sr-icon.s-icon{background:var(--success-bg)}
.sr-icon.a-icon{background:var(--amber-bg)}
.sr-icon.b-icon{background:#EFF6FF}
.sr-name{font-family:var(--font-head);font-size:16px;color:var(--navy);line-height:1.2}
.sr-type-tag{
display:inline-flex;align-items:center;
font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;
padding:3px 9px;border-radius:100px;margin-top:3px;
}
.sr-type-tag.guaranteed-tag{background:var(--cat-pale);color:var(--cat)}
.sr-type-tag.full-tag{background:var(--success-bg);color:var(--success)}
.sr-type-tag.partial-tag{background:var(--amber-bg);color:var(--amber)}
.sr-type-tag.conditional-tag{background:#EFF6FF;color:#2563EB}
/* Refund outcome badge */
.sr-outcome{
display:flex;align-items:center;justify-content:space-between;
padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--gray-100);
background:var(--off-white);
}
.sr-outcome-label{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.6px}
.sr-outcome-val{
font-family:var(--font-head);font-size:14px;font-weight:700;
}
.sr-outcome-val.green{color:var(--cat)}
.sr-outcome-val.amber{color:var(--amber)}
.sr-outcome-val.blue{color:#2563EB}
/* Body */
.sr-body{padding:18px 22px;flex:1;display:flex;flex-direction:column;gap:14px}
.sr-conditions{display:flex;flex-direction:column;gap:8px}
.condition-item{display:flex;align-items:flex-start;gap:10px}
.ci-dot{
width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px;
display:flex;align-items:center;justify-content:center;font-size:10px;
}
.ci-dot.yes{background:var(--cat-pale);color:var(--cat);font-weight:800}
.ci-dot.partial{background:var(--amber-bg);color:var(--amber);font-weight:800}
.ci-dot.no{background:var(--red-bg);color:var(--red);font-weight:800}
.ci-text{font-size:12px;color:var(--gray-600);line-height:1.55}
.ci-text strong{color:var(--navy)}
/* Bottom CTA */
.sr-footer{
padding:15px 22px;background:var(--gray-50);
border-top:1px solid var(--gray-100);
display:flex;align-items:center;justify-content:space-between;
transition:all 0.2s;
}
.sr-card:hover .sr-footer{background:var(--cat);border-top-color:var(--cat)}
.sr-footer-text{font-size:12px;font-weight:700;color:var(--gray-600);transition:color 0.2s}
.sr-card:hover .sr-footer-text{color:var(--white)}
.sr-footer-arrow{font-size:16px;color:var(--gray-400);transition:all 0.2s}
.sr-card:hover .sr-footer-arrow{color:var(--white);transform:translateX(4px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
HOW TO REQUEST A REFUND (Process steps)
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.process-section{padding:40px 0;background:var(--white)}
.process-header{text-align:center;margin-bottom:52px}
.process-header .section-sub{margin:0 auto}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}
.process-track::before{content:'';position:absolute;top:34px;left:calc(12% + 17px);right:calc(12% + 17px);height:2px;background:linear-gradient(90deg,var(--cat) 0%,var(--gray-200) 100%);z-index:0}
.process-section .ps{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px}
.process-section .ps-circle{width:68px;height:68px;border-radius:50%;background:var(--white);border:2.5px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--sh-sm);transition:all 0.25s;position:relative}
.process-section .ps-circle .ps-num{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--gray-400);letter-spacing:0.5px;text-transform:uppercase;line-height:1}
.process-section .ps-circle .ps-icon{font-size:22px;line-height:1}
.process-section .ps:hover .ps-circle{border-color:var(--cat);background:var(--cat-pale);transform:scale(1.1);box-shadow:0 6px 24px rgba(22,101,52,0.2)}
.process-section .ps-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px}
.process-section .ps-desc{font-size:12px;color:var(--gray-500);line-height:1.5}
.process-section .ps-time{font-size:10px;font-weight:700;color:var(--cat);margin-top:6px;letter-spacing:0.5px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TIMELINE TABLE — Cancellation windows
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.timeline-section{padding:40px 0;background:var(--off-white)}
.timeline-header{text-align:center;margin-bottom:44px}
.timeline-header .section-sub{margin:0 auto}
.timeline-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:flex-start}
/* Cancellation window visual */
.cancel-window{
background:var(--white);border-radius:var(--r-xl);
border:1px solid var(--gray-100);overflow:hidden;
box-shadow:var(--sh-sm);
}
.cw-header{
background:var(--cat);padding:20px 24px;
}
.cw-title{font-family:var(--font-head);font-size:18px;color:var(--white);margin-bottom:4px}
.cw-sub{font-size:12px;color:rgba(255,255,255,0.6)}
.cw-body{padding:0}
.cw-row{
display:flex;align-items:stretch;
border-bottom:1px solid var(--gray-100);
transition:background 0.18s;
}
.cw-row:last-child{border-bottom:none}
.cw-row:hover{background:var(--cat-pale)}
.cw-time{
width:130px;flex-shrink:0;
padding:16px 18px;
background:var(--gray-50);
border-right:1px solid var(--gray-100);
display:flex;flex-direction:column;justify-content:center;
}
.cw-time-label{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--navy)}
.cw-time-sub{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.cw-outcome{flex:1;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cw-outcome-text{font-size:15px;color:var(--gray-700);line-height:1.5}
.cw-badge{
font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;
padding:4px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0;
}
.cw-badge.full-refund{background:var(--cat-pale);color:var(--cat);border:1px solid var(--cat-border)}
.cw-badge.partial{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}
.cw-badge.no-refund{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}
.cw-badge.guaranteed{background:var(--cat-pale);color:var(--cat);border:1px solid var(--cat-border)}
/* Non-refundable items */
.non-refund-box{
background:var(--white);border-radius:var(--r-xl);
border:1px solid var(--gray-100);overflow:hidden;
box-shadow:var(--sh-sm);
}
.nr-header{background:var(--navy);padding:20px 24px}
.nr-title{font-family:var(--font-head);font-size:18px;color:var(--white);margin-bottom:4px}
.nr-sub{font-size:12px;color:rgba(255,255,255,0.55)}
.nr-items{padding:8px 0}
.nr-item{
display:flex;align-items:flex-start;gap:14px;
padding:14px 22px;border-bottom:1px solid var(--gray-50);
transition:background 0.18s;
}
.nr-item:last-child{border-bottom:none}
.nr-item:hover{background:var(--red-bg)}
.nr-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.nr-text h5{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:2px}
.nr-text p{font-size:12px;color:var(--gray-600);line-height:1.5}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
IMPORTANT NOTES — Alert boxes
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.notes-section{padding:64px 0;background:var(--white)}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.note-card{
border-radius:var(--r-lg);padding:24px 20px;
display:flex;flex-direction:column;gap:10px;
border:1.5px solid;
}
.note-card.info{background:var(--cat-pale);border-color:var(--cat-border)}
.note-card.warning{background:var(--amber-bg);border-color:var(--amber-border)}
.note-card.alert{background:var(--red-bg);border-color:var(--red-border)}
.nc-icon{font-size:28px;display:block}
.nc-title{font-family:var(--font-head);font-size:15px;margin-bottom:2px}
.note-card.info .nc-title{color:var(--cat)}
.note-card.warning .nc-title{color:var(--amber)}
.note-card.alert .nc-title{color:var(--red)}
.nc-text{font-size:15px;line-height:1.65}
.note-card.info .nc-text{color:var(--cat)}
.note-card.warning .nc-text{color:#92400E}
.note-card.alert .nc-text{color:#991B1B}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
FAQ
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.faq-section{padding:40px 0;background:var(--off-white)}
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:52px}
.faq-sidebar{position:sticky;top:84px;height:fit-content}
.fqs-title{font-family:var(--font-head);font-size:24px;color:var(--navy);margin-bottom:10px}
.fqs-sub{font-size:14px;color:var(--gray-600);line-height:1.65;margin-bottom:22px}
.faq-contact-box{background:var(--navy);border-radius:var(--r-md);padding:18px}
.faq-contact-box h5{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}
.faq-contact-box p{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:12px;line-height:1.5}
.faq-list{display:flex;flex-direction:column;gap:3px}
.faq-item{border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;transition:border-color 0.2s}
.faq-item.open{border-color:var(--navy)}
.faq-q{width:100%;background:var(--white);border:none;padding:18px 22px;text-align:left;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background 0.18s}
.faq-q:hover{background:var(--gray-50)}
.faq-item.open .faq-q{background:var(--navy);color:var(--white)}
.faq-icon{font-size:18px;flex-shrink:0;font-weight:300}
.faq-a{background:var(--gray-50);max-height:0;overflow:hidden;transition:all 0.32s ease;padding:0 22px}
.faq-a.open{max-height:250px;padding:18px 22px}
.faq-a p{font-size:15px;color:var(--gray-600);line-height:1.72}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
CTA BAND
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.cta-band{
background:linear-gradient(135deg,var(--cat) 0%,var(--cat-mid) 100%);
padding:64px 0;
}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.ctab-title{font-family:var(--font-head);font-size:clamp(22px,2.8vw,32px);color:var(--white);margin-bottom:8px;line-height:1.2}
.ctab-sub{font-size:14px;color:rgba(255,255,255,0.7)}
.ctab-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
/* Sticky mobile */
.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:1px solid rgba(255,255,255,0.08);padding:10px 20px;display:none}
.sticky-mobile-inner{display:flex;gap:10px;max-width:500px;margin:0 auto}
.sticky-mobile .btn{flex:1;justify-content:center;font-size:15px;padding:11px}
/* ── RESPONSIVE ── */
@media(max-width:1100px){
.banner-grid{grid-template-columns:1fr}
.promise-wrap{display:none}
.service-refund-grid{grid-template-columns:repeat(2,1fr)}
.process-track{grid-template-columns:repeat(2,1fr)}
.process-track::before{display:none}
.timeline-layout{grid-template-columns:1fr;gap:28px}
.notes-grid{grid-template-columns:1fr 1fr}
.faq-layout{grid-template-columns:1fr}
.faq-sidebar{position:static}
.cta-band-inner{flex-direction:column}
.ctab-actions{width:100%}
.ctab-actions .btn{flex:1;justify-content:center}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.site-nav,.header-phone{display:none}
.service-refund-grid{grid-template-columns:1fr}
.notes-grid{grid-template-columns:1fr}
.guarantee-inner{flex-direction:column}
.footer-grid{grid-template-columns:1fr 1fr}
.sticky-mobile{display:block}
body{padding-bottom:64px}
.policy-meta-strip{flex-direction:column}
.pm-item{border-right:none;border-bottom:1px solid var(--gray-100)}
.pm-item:last-child{border-bottom:none}
}
@media(max-width:480px){
.footer-grid{grid-template-columns:1fr}
}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.banner-left{animation:fadeUp 0.5s ease both}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sp{padding:40px 0}.sp-alt{padding:40px 0;background:var(--off)}
.sl{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);color:var(--gold);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;border:1px solid rgba(200,149,42,.25);margin-bottom:16px}
.sl::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sl.inv{background:rgba(200,149,42,.12);border-color:rgba(200,149,42,.3);color:var(--gold-light)}
.st{font-family:var(--fh);font-size:clamp(26px,4vw,42px);color:var(--navy);line-height:1.2;margin-bottom:16px}
.st.inv{color:#fff}
.ss{font-size:20px;color:var(--g600);line-height:1.7;max-width:620px}
.ss.inv{color:rgba(255,255,255,.65)}
.sh{margin-bottom:48px}.sh.c{text-align:center}.sh.c .ss{margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.bg{background:var(--gold);color:var(--navy)}.bg:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.4)}
.bn{background:var(--navy);color:#fff}.bn:hover{background:var(--navy-mid);transform:translateY(-1px)}
.bgh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.bgh:hover{background:rgba(255,255,255,.1)}
.bo{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.bo:hover{border-color:var(--gold);color:var(--gold)}
.wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;border-radius:var(--r);text-decoration:none;transition:all .2s}.wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.pgb{position:fixed;top:0;left:0;height:3px;background:var(--gold);z-index:300;width:0;transition:width .1s}
/* HEADER */
header{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.hi{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.logo{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.li{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--navy);font-family:var(--fh);flex-shrink:0}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;padding:8px 15px;border-radius:8px;text-decoration:none;transition:all .2s}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.act{color:var(--gold)}
.hc{display:flex;align-items:center;gap:12px}
.hp{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;text-decoration:none}
.bc{background:var(--g100);padding:10px 0;font-size:15px;color:var(--g600)}
.bc a{color:var(--g600);text-decoration:none}.bc a:hover{color:var(--navy)}
.bc span{margin:0 7px}
/* HERO */
.hero{background:var(--navy);padding:76px 0 0;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(200,149,42,.09) 0%,transparent 65%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:0;left:0;width:40%;height:50%;background:radial-gradient(ellipse at 0% 100%,rgba(0,51,153,.07) 0%,transparent 60%);pointer-events:none}
.hg{display:grid;grid-template-columns:1fr 452px;gap:56px;align-items:flex-start}
.hbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);color:var(--gold-light);font-size:15px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.4px}
.pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}
.hero h1{font-family:var(--fh);font-size:clamp(30px,4.2vw,52px);color:#fff;line-height:1.11;margin-bottom:20px}
.hero h1 .hl{color:var(--gold)}
.hero-d{font-size:20px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:18px;max-width:560px}
.jflags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.jf{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:12px;font-weight:600;padding:6px 15px;border-radius:100px}
.geo{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.gtag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px}
.ha{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.ht{display:flex;flex-wrap:wrap;gap:26px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}
.ti .tn{font-family:var(--fh);font-size:25px;color:var(--gold);font-weight:700}
.ti .tl{font-size:12px;color:rgba(255,255,255,.5);line-height:1.35}
/* Form */
.hf{background:#fff;border-radius:var(--rl);padding:28px;box-shadow:var(--s3);position:sticky;top:88px}
.hft{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:4px}
.hfs{font-size:15px;color:var(--g600);margin-bottom:20px}
.fg{margin-bottom:15px}
.fg label{display:block;font-size:12px;font-weight:600;color:var(--g800);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.fg input,.fg select{width:100%;padding:10px 15px;border:1.5px solid var(--g200);border-radius:var(--r);font-family:var(--fb);font-size:14px;color:var(--g800);background:#fff;transition:border-color .2s;outline:none}
.fg input:focus,.fg select:focus{border-color:var(--gold)}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fsub{width:100%;padding:15px;background:var(--gold);color:var(--navy);font-size:15px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.fsub:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,149,42,.35)}
.falt{display:flex;gap:8px;margin-top:10px}
.fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--r);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1.5px solid var(--g200);color:var(--g800)}
.fab:hover{border-color:var(--gold);color:var(--gold)}
.fab.ww{background:#25D366;color:#fff;border-color:#25D366}.fab.ww:hover{background:#1ebe5d}
.fg-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 15px;background:var(--green-pale);border-radius:var(--r);font-size:12px;color:var(--green);font-weight:500}
/* Trust strip */
.ts{background:var(--gold); display: none;}
.tsi{display:flex;flex-wrap:wrap;justify-content:center}
.tsi-i{display:flex;align-items:center;gap:10px;padding:17px 28px;border-right:1px solid rgba(10,22,40,.15);font-size:15px;font-weight:600;color:var(--navy)}
.tsi-i:last-child{border-right:none}
/* LEGAL COMPLIANCE BAND */
.legal-band{background:linear-gradient(135deg,#06101F 0%,var(--navy) 60%,#0F1E3A 100%);padding:64px 0;position:relative;overflow:hidden}
.legal-band::after{content:'';position:absolute;top:-40%;right:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.08) 0%,transparent 70%)}
.lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lb-pre{display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#FC8181;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.lb-ttl{font-family:var(--fh);font-size:clamp(22px,3.2vw,34px);color:#fff;line-height:1.25;margin-bottom:14px}
.lb-ttl .g{color:var(--gold)}
.lb-desc{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:26px}
.lb-pts{display:flex;flex-direction:column;gap:15px}
.lbp{display:flex;align-items:flex-start;gap:11px;font-size:17px;color:rgba(255,255,255,.8)}
.lbp-ic{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:2px;background:rgba(200,149,42,.15);border:1px solid rgba(200,149,42,.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gold)}
.risk-cards{display:flex;flex-direction:column;gap:12px}
.rc{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:var(--r)}
.rc-ic{font-size:18px;flex-shrink:0}
.rc-txt strong{display:block;font-size:20px;color:#FC8181}
.rc-txt span{font-size:17px;color:rgba(255,255,255,.5)}
.eu-law-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;margin-bottom:18px}
.elb-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:10px}
.elb-txt{font-family:var(--fh);font-size:16px;color:#fff;line-height:1.55;font-style:italic;margin-bottom:10px}
.elb-src{font-size:11px;color:rgba(255,255,255,.4)}
/* PER-COUNTRY REQUIREMENTS */
.country-sec{background:var(--navy);padding:40px 0}
.cj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cj{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);overflow:hidden;transition:all .25s}
.cj:hover{background:rgba(255,255,255,.07);border-color:rgba(200,149,42,.35);transform:translateY(-3px)}
.cj.hi{border-color:rgba(200,149,42,.45);background:rgba(200,149,42,.06)}
.cj-hd{padding:18px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.cj.hi .cj-hd{border-bottom-color:rgba(200,149,42,.2)}
.cj-flag{font-size:26px}
.cj-nm{font-family:var(--fh);font-size:17px;color:#fff}
.cj-reg{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}
.cj-bdy{padding:16px 20px}
.cjr{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px;color:rgba(255,255,255,.75)}
.cjr:last-child{border-bottom:none}
.cjr-ic{font-size:15px;flex-shrink:0;margin-top:1px}
.cj-note{margin-top:12px;padding:9px 12px;background:rgba(200,149,42,.08);border:1px solid rgba(200,149,42,.2);border-radius:8px;font-size:14px;color:rgba(255,255,255,.6)}
.cj-note strong{color:var(--gold-light)}
/* WHAT IS SECTION */
.wi-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.wi-def{background:var(--gold-pale);border:2px solid rgba(200,149,42,.3);border-radius:var(--rl);padding:28px;margin-bottom:22px}
.wi-def-lbl{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:10px}
.wi-def-txt{font-size:19px;color:var(--g700);line-height:1.8}
.wi-pts{display:flex;flex-direction:column;gap:12px}
.wip{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--white);border:1px solid var(--g200);border-radius:var(--r)}
.wip-ic{font-size:20px;flex-shrink:0}
.wip-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.wip-txt span{font-size:18px;color:var(--g600)}
.wi-right{display:flex;flex-direction:column;gap:16px}
.wi-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);overflow:hidden;box-shadow:var(--s1)}
.wic-hd{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--g100)}
.wic-ic{font-size:18px}
.wic-ttl{font-family:var(--fh);font-size:15px;color:var(--navy)}
.wic-tag{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px}
.wic-bdy{padding:14px 18px}
.wic-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.wic-row:last-child{border-bottom:none}
/* WHAT'S INCLUDED */
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:var(--gold)}
.inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.inc-tag{display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.inc-desc{font-size:18px;color:var(--g600);line-height:1.65}
/* PRIVACY SHIELD */
.priv-sec{background:var(--off);padding:40px 0}
.priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.priv-stat{display:flex;flex-direction:column;gap:14px}
.ps{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);border-radius:var(--r)}
.ps-ic{font-size:20px;flex-shrink:0}
.ps-txt strong{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}
.ps-txt span{font-size:16px;color:var(--g600)}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ba-card{border-radius:var(--rl);overflow:hidden}
.ba-hd{padding:11px 16px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:7px}
.ba-hd.before{background:#FEECEC;color:var(--red)}
.ba-hd.after{background:var(--green-pale);color:var(--green)}
.ba-body{padding:16px;background:#fff;border:1px solid var(--g200);border-top:none;border-radius:0 0 var(--rl) var(--rl)}
.ba-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--g100);font-size:15px}
.ba-row:last-child{border-bottom:none}
.ba-row .lbl{color:var(--g600);font-weight:500}
.ba-row .val{font-weight:600}
.ba-row .val.red{color:var(--red)}
.ba-row .val.grn{color:var(--green)}
/* MAIL FLOW */
.mail-sec{background:var(--navy);padding:40px 0}
.ml-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.ml-flow::before{content:'';position:absolute;top:39px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:0}
.ms{text-align:center;padding:0 14px;position:relative;z-index:1}
.ms-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.ms-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.ms-desc{font-size:17px;color:rgba(255,255,255,.55);line-height:1.6}
.ms-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:var(--gold);font-size:14px;font-weight:700;padding:3px 10px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
/* WHO IS THIS FOR */
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.pc:hover{border-color:var(--gold);box-shadow:var(--s2);transform:translateY(-3px)}
.pfl{font-size:34px;margin-bottom:7px}
.prg{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:8px}
.pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.pds{font-size:18px;color:var(--g600);line-height:1.6}
/* PRICING */
.pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.pk.feat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--s3)}
.pk-rb{position:absolute;top:-1px;right:20px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.pk-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--g100)}
.pk-ic{font-size:26px;margin-bottom:10px}
.pk-nm{font-family:var(--fh);font-size:19px;color:var(--navy);margin-bottom:3px}
.pk-tag{font-size:12px;color:var(--g600);margin-bottom:14px}
.pk-pr{display:flex;align-items:baseline;gap:3px}
.pk-cur{font-size:18px;font-weight:700;color:var(--navy)}
.pk-amt{font-family:var(--fh);font-size:40px;color:var(--navy);line-height:1}
.pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.pk-bdy{padding:20px 26px}
.pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:18px;color:var(--g700)}
.pkf:last-child{border-bottom:none}
.pkf.dim{color:var(--g400)}
.pk-ft{padding:0 26px 26px}
.pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.pk-btn.gld{background:var(--gold);color:var(--navy)}.pk-btn.gld:hover{background:var(--gold-light)}
.pk-btn.drk{background:var(--navy);color:#fff}.pk-btn.drk:hover{background:var(--navy-mid)}
.pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.pk-btn.brd:hover{border-color:var(--gold);color:var(--gold)}
/* COMPARE */
.cmp-sec{background:var(--off);padding:40px 0}
.cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px !important;text-align:left;font-size:15px;font-weight:600}
.cmp-tbl th.hi{background:var(--gold);color:var(--navy); width: auto !important;}
.cmp-tbl td{padding:15px 20px !important;border-bottom:1px solid var(--g200);background:#fff;font-size:15px;color:var(--g700)}
.cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy); width: auto;}
.cmp-tbl tr:last-child td{border-bottom:none}
.cmp-tbl tr:hover td{background:var(--off)}.cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.y{color:var(--green);font-size:17px;font-weight:700}
.n{color:var(--red);font-size:15px}
.m{color:var(--gold);font-size:15px;font-weight:600}
/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.tc{background:#fff;border-radius:var(--rl);padding:26px;border:1px solid var(--g200);transition:all .2s}
.tc:hover{box-shadow:var(--s2);border-color:var(--gold)}
.tc-stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:12px}
.tc-txt{font-size:18px;color:var(--g700);line-height:1.7;margin-bottom:16px;font-style:italic}
.tc-au{display:flex;align-items:center;gap:11px}
.tc-av{width:38px;height:38px;border-radius:50%;background:var(--navy);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;color:var(--gold);font-weight:700}
.tc-nm{font-size:15px;font-weight:600;color:var(--navy)}
.tc-rl{font-size:11px;color:var(--g600)}
/* FAQ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.fq{border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}
.fqb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:none;cursor:pointer;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--navy);text-align:left;transition:all .2s}
.fqb:hover{background:var(--off)}.fqb.open{background:var(--gold-pale);color:var(--gold)}
.fqi{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:var(--navy);transition:all .2s}
.fqb.open .fqi{background:var(--gold);color:#fff}
.fqa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.fqa.open{max-height:280px}
.fqa p{padding:0 18px 16px;font-size:15px;color:var(--g600);line-height:1.7}
/* CTA */
.cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:40px 0;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:-35%;right:-5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.cta-ttl{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);color:#fff;line-height:1.2;margin-bottom:12px}
.cta-ttl .g{color:var(--gold)}
.cta-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:540px}
.cta-btns{display:flex;flex-direction:column;gap:11px;min-width:240px}
.consult-bar{margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.cc{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:all .2s;color:#fff}
.cc:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.cc-ic{font-size:22px}
.cc-txt strong{display:block;font-size:18px !important;font-weight:600}
.cc-txt span{font-size:14px !important;color:rgba(255,255,255,.5)}
/* FOOTER */
footer{background:#06101F;padding:60px 0 0}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-brand p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-top:12px}
.ftb{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,.55);margin:4px 3px 0 0}
.ft-col h5{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.ft-col a{display:block;font-size:15px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:7px;transition:color .2s}
.ft-col a:hover{color:var(--gold)}
.ft-btm{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.ft-btm p{font-size:11px;color:rgba(255,255,255,.3)}
.stickmob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid var(--g200);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.12)}
.smi{display:flex;gap:10px;max-width:600px;margin:0 auto}
@media(max-width:1024px){
.hg{grid-template-columns:1fr}.hf{position:static;margin-top:40px}
.lb-grid{grid-template-columns:1fr;gap:36px}
.wi-grid{grid-template-columns:1fr;gap:36px}
.cj-grid{grid-template-columns:1fr 1fr}
.priv-grid{grid-template-columns:1fr;gap:36px}
.cta-grid{grid-template-columns:1fr}.cta-btns{flex-direction:row}
.persona-grid{grid-template-columns:repeat(2,1fr)}
.inc-grid{grid-template-columns:1fr 1fr}
.ft-grid{grid-template-columns:1fr 1fr}
.pkg-wrap{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
}
@media(max-width:768px){
.sp,.sp-alt{padding:56px 0}
nav{display:none}.hp{display:none}
.cj-grid{grid-template-columns:1fr}
.ml-flow{grid-template-columns:1fr }.ml-flow::before{display:none}
.tst-grid{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
.persona-grid{grid-template-columns:1fr}
.inc-grid{grid-template-columns:1fr}
.before-after{grid-template-columns:1fr}
.ft-grid{grid-template-columns:1fr;gap:28px}
.cta-btns{flex-direction:column}
.cmp-tbl{font-size:12px}.cmp-tbl th,.cmp-tbl td{padding:10px 12px}
.stickmob{display:block}
}
.section-label {
display: inline-flex; align-items: center; gap: 8px;
background: var(--gold-pale); color: var(--gold);
font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
text-transform: uppercase; padding: 6px 14px; border-radius: 100px;
border: 1px solid rgba(200,149,42,0.25); margin-bottom: 16px;
}
.section-label::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.section-title { font-family: var(--font-heading); font-size: clamp(28px,4vw,42px); color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
.section-sub { font-size: 20px; color: var(--gray-600); line-height: 1.7; max-width: 620px; }
.btn {
display: inline-flex; align-items: center; gap: 8px;
font-family: var(--font-body); font-size: 15px; font-weight: 600;
padding: 14px 28px; border-radius: var(--radius); border: none;
cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.btn-primary { background: var(--gold); color: var(--navy); }
.btn-primary:hover { background: var(--gold-light); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(200,149,42,0.4); }
.btn-secondary { background: transparent; color: var(--white); border: 1.5px solid rgba(255,255,255,0.4); }
.btn-secondary:hover { background: rgba(255,255,255,0.1); }
.btn-outline-navy { background: transparent; color: var(--navy); border: 1.5px solid var(--gray-200); }
.btn-outline-navy:hover { border-color: var(--gold); color: var(--gold); }
.check-icon { color: var(--success); font-size: 18px; flex-shrink: 0; }
.tag { display: inline-block; background: var(--blue-soft); color: var(--blue-accent); font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 6px; letter-spacing: 0.5px; }
/* ─── STICKY HEADER ─── */
header {
position: sticky; top: 0; z-index: 100;
background: var(--navy);
border-bottom: 1px solid rgba(255,255,255,0.08);
backdrop-filter: blur(12px);
}
.header-inner {
display: flex; align-items: center; justify-content: space-between;
height: 68px; gap: 24px;
}
.logo {
font-family: var(--font-heading); font-size: 20px; font-weight: 700;
color: var(--white); text-decoration: none; display: flex; align-items: center; gap: 10px;
}
.logo-icon {
width: 36px; height: 36px; border-radius: 8px;
background: linear-gradient(135deg, var(--gold), var(--gold-light));
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 800; color: var(--navy); font-family: var(--font-heading);
}
nav { display: flex; align-items: center; gap: 6px; }
nav a {
color: rgba(255,255,255,0.75); font-size: 14px; font-weight: 500;
padding: 8px 14px; border-radius: 8px; text-decoration: none;
transition: all 0.2s;
}
nav a:hover { color: var(--white); background: rgba(255,255,255,0.08); }
nav a.active { color: var(--gold); }
.header-cta { display: flex; align-items: center; gap: 12px; }
.phone-pill {
display: flex; align-items: center; gap: 8px;
color: rgba(255,255,255,0.8); font-size: 15px; font-weight: 500;
}
.phone-pill span { font-size: 15px; }
/* ─── BREADCRUMB ─── */
.breadcrumb {
background: var(--gray-100); padding: 10px 0;
font-size: 15px; color: var(--gray-600);
}
.breadcrumb a { color: var(--gray-600); text-decoration: none; }
.breadcrumb a:hover { color: var(--navy); }
.breadcrumb span { margin: 0 8px; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 1: HERO (TOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.hero {
background: var(--navy);
padding: 80px 0 0;
overflow: hidden;
position: relative;
margin-top:0px;
}
.hero::before {
content: '';
position: absolute; top: 0; right: 0;
width: 50%; height: 100%;
background: radial-gradient(ellipse at 80% 50%, rgba(200,149,42,0.08) 0%, transparent 70%);
pointer-events: none;
}
.hero-grid {
display: grid; grid-template-columns: 1fr 480px; gap: 60px; align-items: center;
}
.hero-badge {
display: inline-flex; align-items: center; gap: 10px;
background: rgba(200,149,42,0.12); border: 1px solid rgba(200,149,42,0.3);
color: var(--gold-light); font-size: 15px; font-weight: 600;
padding: 8px 16px; border-radius: 100px; margin-bottom: 24px;
letter-spacing: 0.5px;
}
.guarantee-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.6;transform:scale(1.3)} }
.hero h1 {
font-family: var(--font-heading); font-size: clamp(34px,4.5vw,56px);
color: var(--white); line-height: 1.12; margin-bottom: 24px;
}
.hero h1 .highlight {
color: var(--gold);
position: relative;
}
.hero-desc {
font-size: 20px; color: rgba(255,255,255,0.72); line-height: 1.75; margin-bottom: 36px; max-width: 540px;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 48px; }
.whatsapp-btn {
display: inline-flex; align-items: center; gap: 10px;
background: #25D366; color: white; font-size: 15px; font-weight: 600;
padding: 14px 24px; border-radius: var(--radius); text-decoration: none;
transition: all 0.2s;
}
.whatsapp-btn:hover { background: #1ebe5d; transform: translateY(-1px); }
.hero-trust {
display: flex; flex-wrap: wrap; gap: 28px; align-items: center;
padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.1);
}
.trust-item { display: flex; align-items: center; gap: 10px; }
.trust-num { font-family: var(--font-heading); font-size: 24px; font-weight: 700; color: var(--white); }
.trust-label { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.3; max-width: 80px; }
/* Hero Right: Form Card */
.hero-form-card {
background: var(--white); border-radius: var(--radius-lg);
padding: 36px 32px; box-shadow: var(--shadow-lg);
position: relative; z-index: 2;
margin-bottom: -60px;
}
.form-card-header { margin-bottom: 24px; }
.form-card-title { font-family: var(--font-heading); font-size: 22px; color: var(--navy); margin-bottom: 8px; }
.form-card-sub { font-size: 14px; color: var(--gray-600); }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 15px; font-weight: 600; color: var(--gray-800); margin-bottom: 6px; }
.form-group input, .form-group select {
width: 100%; padding: 12px 14px; border: 1.5px solid var(--gray-200);
border-radius: var(--radius); font-family: var(--font-body); font-size: 14px; color: var(--gray-800);
transition: border-color 0.2s; outline: none; background: var(--white);
}
.form-group input:focus, .form-group select:focus { border-color: var(--gold); }
.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-submit {
width: 100%; background: var(--gold); color: var(--navy); border: none;
padding: 14px; border-radius: var(--radius); font-family: var(--font-body);
font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.2s;
margin-top: 4px;
}
.form-submit:hover { background: var(--gold-light); }
.form-guarantee {
display: flex; align-items: center; gap: 8px; justify-content: center;
margin-top: 14px; font-size: 12px; color: var(--gray-600);
}
.form-guarantee span { font-size: 16px; }
/* ─── HERO BOTTOM SPACER ─── */
.hero-spacer { height: 80px; background: var(--navy); }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 2: TRUST BAR */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-bar {
background: var(--gold-pale); border-top: 1px solid rgba(200,149,42,0.2);
border-bottom: 1px solid rgba(200,149,42,0.2); padding: 18px 0;
margin-top: 0px;
display: none;
}
.trust-bar-inner {
display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: center;
}
.trust-bar-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--navy); }
.trust-bar-item .icon { font-size: 20px; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 3: PROBLEM STATEMENT (TOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.problem-section { padding: 40px 0; background: var(--off-white); }
.problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.problem-cards { display: flex; flex-direction: column; gap: 14px; }
.problem-card {
background: var(--white); border-radius: var(--radius); padding: 20px 24px;
border-left: 4px solid #FF4D4D; display: flex; gap: 16px; align-items: flex-start;
box-shadow: var(--shadow-sm);
}
.problem-card .p-icon { font-size: 24px; flex-shrink: 0; margin-top: 2px; }
.problem-card h4 { font-size: 15px; font-weight: 600; color: var(--navy); margin-bottom: 4px; }
.problem-card p { font-size: 15px; color: var(--gray-600); }
.solution-badge {
display: inline-flex; align-items: center; gap: 10px;
background: var(--success); color: white; padding: 12px 20px; border-radius: var(--radius);
font-size: 14px; font-weight: 600; margin-bottom: 24px;
}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 4: THE GUARANTEE SECTION */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.guarantee-section {
padding: 40px 0;
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
position: relative; overflow: hidden;
}
.guarantee-section::after {
content: ''; position: absolute; top: -100px; right: -100px;
width: 500px; height: 500px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,149,42,0.12) 0%, transparent 70%);
pointer-events: none;
}
.guarantee-inner { display: grid; grid-template-columns: 1fr 380px; gap: 64px; align-items: center; position: relative; z-index: 2; }
.guarantee-badge-big {
width: 180px; height: 180px; border-radius: 50%;
background: linear-gradient(135deg, var(--gold), var(--gold-light));
display: flex; flex-direction: column; align-items: center; justify-content: center;
box-shadow: 0 0 0 12px rgba(200,149,42,0.15), 0 0 0 24px rgba(200,149,42,0.08);
text-align: center; flex-shrink: 0;
}
.guarantee-badge-big .g-icon { font-size: 42px; color: var(--navy); }
.guarantee-badge-big .g-text { font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.3; }
.guarantee-right { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.guarantee-points { display: flex; flex-direction: column; gap: 14px; }
.guarantee-point { display: flex; gap: 14px; align-items: flex-start; }
.gp-check {
width: 28px; height: 28px; border-radius: 50%; background: rgba(200,149,42,0.2);
border: 1.5px solid var(--gold); display: flex; align-items: center; justify-content: center;
font-size: 15px; color: var(--gold); flex-shrink: 0; margin-top: 2px;
}
.gp-text h4 { font-size: 15px; font-weight: 600; color: var(--white); margin-bottom: 3px; }
.gp-text p { font-size: 15px; color: rgba(255,255,255,0.6); }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 5: HOW IT WORKS (MOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.process-section { padding: 40px 0; background: var(--white); }
.process-header { text-align: center; margin-bottom: 56px; }
.process-header .section-sub { margin: 0 auto; }
.process-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative; }
.process-steps::before {
content: ''; position: absolute; top: 36px; left: 10%; right: 10%; height: 2px;
background: linear-gradient(90deg, var(--gold) 0%, var(--gray-200) 100%);
z-index: 0;
}
.process-steps .step {
display: flex; flex-direction: column; align-items: center !important; text-align: center !important;
padding: 0 12px; position: relative; z-index: 1; box-shadow:none !important
}
.step-num {
width: 72px; height: 72px; border-radius: 50%;
background: var(--navy); border: 3px solid var(--gold);
display: flex; align-items: center; justify-content: center;
font-family: var(--font-heading); font-size: 22px; font-weight: 700; color: var(--gold);
margin-bottom: 20px; box-shadow: var(--shadow-md);
transition: all 0.2s;
}
.step:hover .step-num { background: var(--gold); color: var(--navy); transform: scale(1.1); }
.step-icon { font-size: 28px; margin-bottom: 8px; }
.step h4 { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.step p { font-size: 16px; color: var(--gray-600); line-height: 1.5; }
.step-time { font-size: 14px; font-weight: 600; color: var(--gold); margin-top: 6px; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 6: WHO IT'S FOR (MOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.audience-section { padding: 40px 0; background: var(--off-white); }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.audience-card {
background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px;
border: 1.5px solid var(--gray-200); transition: all 0.25s;
position: relative; overflow: hidden;
}
.audience-card::before {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, var(--gold), var(--gold-light));
transform: scaleX(0); transition: transform 0.25s; transform-origin: left;
}
.audience-card:hover { border-color: var(--gold); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.audience-card:hover::before { transform: scaleX(1); }
.audience-icon { font-size: 40px; margin-bottom: 16px; display: block; }
.audience-card h3 { font-family: var(--font-heading); font-size: 20px; color: var(--navy); margin-bottom: 12px; }
.audience-card p { font-size: 18px; color: var(--gray-600); line-height: 1.65; margin-bottom: 20px; }
.audience-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.audience-list li { display: flex; gap: 8px; font-size: 17px; color: var(--gray-700); }
.audience-list li::before { content: '✓'; color: var(--success); font-weight: 700; flex-shrink: 0; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 7: FEATURES (MOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.features-section { padding: 40px 0; background: var(--white); }
.features-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.features-visual {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
border-radius: var(--radius-lg); padding: 40px 36px;
position: relative; overflow: hidden;
}
.features-visual::before {
content: ''; position: absolute; top: -60px; right: -60px;
width: 220px; height: 220px; border-radius: 50%;
background: rgba(200,149,42,0.1);
}
.account-mockup { position: relative; z-index: 2; }
.account-card-vis {
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
border-radius: 16px; padding: 24px 28px; margin-bottom: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.card-chip { width: 36px; height: 28px; background: rgba(255,255,255,0.5); border-radius: 6px; margin-bottom: 16px; }
.card-num { font-family: monospace; font-size: 17px; letter-spacing: 2px; color: var(--navy); font-weight: 700; margin-bottom: 16px; }
.card-bottom { display: flex; justify-content: space-between; align-items: flex-end; }
.card-name { font-size: 15px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 0.5px; }
.card-bank { font-family: var(--font-heading); font-size: 11px; font-weight: 700; color: var(--navy-light); }
.account-details { display: flex; flex-direction: column; gap: 10px; }
.account-detail-item { display: flex; justify-content: space-between; align-items: center; }
.ad-label { font-size: 16px; color: rgba(255,255,255,0.5); }
.ad-value { font-size: 18px; font-weight: 600; color: var(--white); }
.features-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.feature-item {
display: flex; gap: 14px; padding: 18px 16px;
background: var(--off-white); border-radius: var(--radius);
border: 1px solid var(--gray-100); transition: all 0.2s;
}
.feature-item:hover { border-color: var(--gold); background: var(--gold-pale); }
.feature-icon { font-size: 24px; flex-shrink: 0; }
.feature-item h4 { font-size: 20px; font-weight: 600; color: var(--navy); margin-bottom: 3px; }
.feature-item p { font-size: 16px; color: var(--gray-600); line-height: 1.4; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 8: COMPARISON TABLE (MOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.comparison-section { padding: 40px 0; background: var(--off-white); }
.comparison-header { text-align: center; margin-bottom: 48px; }
.comparison-table { width: 100%; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.comparison-table table { width: 100%; border-collapse: collapse; background: var(--white); }
.comparison-table th {
padding: 20px 24px; font-size: 14px; font-weight: 700;
text-align: center; border-bottom: 2px solid var(--gray-200);
}
.comparison-table th.highlight-col { background: var(--navy); color: var(--gold); }
.comparison-table th:first-child { text-align: left; background: var(--gray-100); color: var(--gray-600); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.comparison-table td { padding: 16px 24px; font-size: 14px; border-bottom: 1px solid var(--gray-100); text-align: center; vertical-align: middle; }
.comparison-table td:first-child { text-align: left; font-weight: 500; color: var(--gray-800); }
.comparison-table td.highlight-col { background: rgba(10,22,40,0.03); font-weight: 600; }
.comparison-table tr:last-child td { border-bottom: none; }
.comparison-table tr:hover td { background: var(--off-white); }
.comparison-table tr:hover td.highlight-col { background: rgba(200,149,42,0.06); }
.yes { color: var(--success); font-size: 20px; }
.no { color: #ccc; font-size: 20px; }
.partial { color: var(--gold); font-size: 15px; font-weight: 600; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 9: PRICING (MOFU→BOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.pricing-section { padding: 40px 0; background: var(--white); }
.pricing-header { text-align: center; margin-bottom: 48px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pricing-card {
background: var(--white); border-radius: var(--radius-lg); padding: 36px 28px;
border: 1.5px solid var(--gray-200); position: relative; transition: all 0.25s;
}
.pricing-card:hover { border-color: var(--gold); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.pricing-card.featured {
background: var(--navy); border-color: var(--gold);
transform: scale(1.03); box-shadow: var(--shadow-lg);
}
.pricing-card.featured:hover { transform: scale(1.03) translateY(-4px); }
.popular-badge {
position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 700;
padding: 5px 16px; border-radius: 100px; white-space: nowrap; letter-spacing: 0.5px;
}
.pricing-name { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--gray-400); margin-bottom: 8px; }
.pricing-card.featured .pricing-name { color: var(--gold-light); }
.pricing-price { display: flex; align-items: flex-end; gap: 4px; margin-bottom: 6px; }
.price-currency { font-size: 22px; font-weight: 700; color: var(--navy); padding-bottom: 6px; }
.price-amount { font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: var(--navy); line-height: 1; }
.pricing-card.featured .price-currency, .pricing-card.featured .price-amount { color: var(--white); }
.price-period { font-size: 14px; color: var(--gray-400); padding-bottom: 8px; }
.pricing-desc { font-size: 18px; color: var(--gray-600); margin-bottom: 28px; line-height: 1.5; }
.pricing-card.featured .pricing-desc { color: rgba(255,255,255,0.6); }
.pricing-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.pricing-features li { display: flex; gap: 10px; font-size: 14px; color: var(--gray-700); }
.pricing-card.featured .pricing-features li { color: rgba(255,255,255,0.85); }
.pricing-features li .pf-check { color: var(--success); font-size: 16px; flex-shrink: 0; margin-top: 2px; }
.pricing-features li.dimmed { color: var(--gray-400); }
.pricing-features li.dimmed .pf-check { color: var(--gray-300); }
.pricing-cta-btn { width: 100%; padding: 14px; border-radius: var(--radius); font-family: var(--font-body); font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; border: none; }
.pricing-cta-btn.outline { background: transparent; border: 1.5px solid var(--gray-200); color: var(--navy); }
.pricing-cta-btn.outline:hover { border-color: var(--navy); }
.pricing-cta-btn.primary { background: var(--gold); color: var(--navy); }
.pricing-cta-btn.primary:hover { background: var(--gold-light); }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 10: TESTIMONIALS (BOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.testimonials-section { padding: 40px 0; background: var(--off-white); }
.testimonials-header { text-align: center; margin-bottom: 48px; }
.rating-row { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 48px; flex-wrap: wrap; }
.rating-score { font-family: var(--font-heading); font-size: 56px; font-weight: 700; color: var(--navy); line-height: 1; }
.rating-details { display: flex; flex-direction: column; }
.stars { font-size: 24px; color: #F59E0B; letter-spacing: 2px; margin-bottom: 4px; }
.rating-label { font-size: 15px; color: var(--gray-600); }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.testimonial-card {
background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px;
border: 1px solid var(--gray-200); transition: all 0.25s;
}
.testimonial-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.testimonial-card.featured-review { border-color: var(--gold); background: var(--gold-pale); }
.review-stars { color: #F59E0B; font-size: 16px; letter-spacing: 2px; margin-bottom: 16px; }
.review-text { font-size: 18px; color: var(--gray-700); line-height: 1.7; margin-bottom: 24px; font-style: italic; }
.reviewer { display: flex; align-items: center; gap: 12px; }
.reviewer-avatar {
width: 44px; height: 44px; border-radius: 50%;
background: linear-gradient(135deg, var(--navy), var(--navy-light));
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 700; color: var(--gold); font-family: var(--font-heading);
flex-shrink: 0;
}
.reviewer-name { font-size: 14px; font-weight: 700; color: var(--navy); }
.reviewer-meta { font-size: 12px; color: var(--gray-600); display: flex; align-items: center; gap: 6px; }
.verified-badge { font-size: 11px; background: var(--blue-soft); color: var(--blue-accent); padding: 2px 7px; border-radius: 4px; font-weight: 600; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 11: FAQ (AEO/VSO) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.faq-section { padding: 40px 0; background: var(--white); }
.faq-layout { display: grid; grid-template-columns: 340px 1fr; gap: 64px; }
.faq-sidebar { position: sticky; top: 90px; height: fit-content; }
.faq-sidebar-title { font-family: var(--font-heading); font-size: 28px; color: var(--navy); margin-bottom: 12px; }
.faq-sidebar-text { font-size: 15px; color: var(--gray-600); line-height: 1.7; margin-bottom: 28px; }
.faq-categories { display: flex; flex-direction: column; gap: 8px; }
.faq-cat-btn {
background: transparent; border: 1.5px solid var(--gray-200); border-radius: var(--radius);
padding: 12px 16px; text-align: left; font-family: var(--font-body); font-size: 14px;
font-weight: 500; color: var(--gray-700); cursor: pointer; transition: all 0.2s;
}
.faq-cat-btn:hover, .faq-cat-btn.active { background: var(--gold-pale); border-color: var(--gold); color: var(--navy); font-weight: 600; }
.faq-list { display: flex; flex-direction: column; gap: 2px; }
.faq-item { border: 1px solid var(--gray-200); border-radius: var(--radius); overflow: hidden; }
.faq-question {
width: 100%; background: var(--white); border: none; padding: 20px 24px;
text-align: left; font-family: var(--font-body); font-size: 20px; font-weight: 600;
color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center;
gap: 16px; transition: background 0.2s;
}
.faq-question:hover { background: var(--off-white); }
.faq-question.open { background: var(--navy); color: var(--white); }
.faq-icon { font-size: 20px; flex-shrink: 0; font-weight: 300; }
.faq-answer {
background: var(--off-white); padding: 0 24px;
max-height: 0; overflow: hidden; transition: all 0.3s ease;
}
.faq-answer.open { max-height: 200px; padding: 20px 24px; }
.faq-answer p { font-size: 18px; color: var(--gray-600); line-height: 1.7; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION 12: CTA BAND (BOFU) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.cta-section {
background: linear-gradient(135deg, #C8952A 0%, #E8B84B 100%);
padding: 72px 0;
}
.cta-inner { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.cta-title { font-family: var(--font-heading); font-size: clamp(26px,3vw,36px); color: var(--navy); line-height: 1.2; margin-bottom: 12px; }
.cta-sub { font-size: 18px; color: rgba(10,22,40,0.7); }
.cta-buttons { display: flex; gap: 14px; flex-wrap: wrap; flex-shrink: 0; }
.btn-navy { background: var(--navy); color: var(--white); }
.btn-navy:hover { background: var(--navy-mid); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(10,22,40,0.25); }
.btn-white { background: var(--white); color: var(--navy); }
.btn-white:hover { background: var(--off-white); }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* SECTION: STICKY BOTTOM BAR (Mobile CTA) */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.sticky-cta {
position: fixed; bottom: 0; left: 0; right: 0; z-index: 99;
background: var(--navy); border-top: 1px solid rgba(255,255,255,0.1);
padding: 12px 24px; display: none;
box-shadow: 0 -8px 24px rgba(10,22,40,0.2);
}
.sticky-cta-inner { display: flex; gap: 12px; max-width: 600px; margin: 0 auto; }
.sticky-cta .btn { flex: 1; justify-content: center; font-size: 14px; padding: 12px; }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* FOOTER */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
footer { background: var(--navy); color: rgba(255,255,255,0.7); padding: 60px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.footer-brand .logo { margin-bottom: 16px; display: block; }
.footer-brand p { font-size: 15px; line-height: 1.7; max-width: 280px; }
.footer-col h5 { font-size: 15px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
.footer-col a { display: block; font-size: 15px; color: rgba(255,255,255,0.6); text-decoration: none; margin-bottom: 10px; transition: color 0.2s; }
.footer-col a:hover { color: var(--gold); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.footer-bottom p { font-size: 12px; }
.footer-badges { display: flex; gap: 10px; }
.footer-badge {
display: inline-flex; align-items: center; gap: 6px;
background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
padding: 6px 12px; border-radius: 6px; font-size: 11px; font-weight: 600;
color: rgba(255,255,255,0.7); white-space: nowrap;
}
.footer-badge span { color: var(--gold); }
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* FLOATING ELEMENTS & LABELS */
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.annotation {
background: var(--gold); color: var(--navy); font-size: 11px; font-weight: 800;
padding: 3px 10px; border-radius: 4px; display: inline-block;
text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px;
}
/* ─── SECTION DIVIDER ─── */
.section-divider { height: 1px; background: var(--gray-200); margin: 0; }
/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
.hero-grid { grid-template-columns: 1fr; }
.hero-form-card { margin-bottom: 0; }
.guarantee-inner { grid-template-columns: 1fr; text-align: center; }
.guarantee-right { align-items: center; }
.problem-grid { grid-template-columns: 1fr; }
.features-layout { grid-template-columns: 1fr; }
.faq-layout { grid-template-columns: 1fr; }
.faq-sidebar { position: static; }
}
@media (max-width: 768px) {
.process-steps { grid-template-columns: 1fr ; }
.process-steps::before { display: none; }
.audience-grid { grid-template-columns: 1fr; }
.pricing-grid { grid-template-columns: 1fr; }
.testimonials-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
nav { display: none; }
.cta-inner { grid-template-columns: 1fr; }
.sticky-cta { display: block; }
.comparison-table { overflow-x: auto; }
.features-list { grid-template-columns: 1fr; }
.service-banner{
margin-top:72px;
}
.page-uk-company-formation-non-residents-2 .hero{
margin-top:0px;
}
.page-uk-registered-office-address .hero{
margin-top:0px;
}
.page-uk-readymade-shelf-companies .hero{
margin-top:0px;
}
.page-eu-company-formation-non-residents .hero{
margin-top:0px;
}
.page-marketplace-company-formation .hero{
margin-top:0px;
}
.hero{
margin-top:0px;
}
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.bgh {
background: transparent;
color: #fff;
border: 1.5px solid rgba(255, 255, 255, .4);
}
.cta-band .btn.bgh{
color:#fff !important;
}
.mobile-enquiry-panel{
position:absolute;
width:min(100%,620px);
max-height:calc(90vh - 24px);
overflow:auto;
background:#fff;
border-radius:24px 24px 18px 18px;
box-shadow:0 24px 80px rgba(0,0,0,0.28);
padding:16px;
margin-bottom:calc(56px + env(safe-area-inset-bottom, 0px));
top: 10%;
}
/* Mobile sticky CTA + enquiry modal */
.stickmob,
.sticky-mob,
.sticky-mobile,
.sticky-cta,
.bottom-bar{
display:none;
position:fixed;
bottom:0;
left:0;
right:0;
z-index:350;
background:#0B1F3A;
border-top:1px solid rgba(255,255,255,0.08);
box-shadow:0 -12px 30px rgba(10,22,40,0.18);
padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
}
.smi,
.smob-inner,
.sticky-mobile-inner,
.sticky-cta-inner,
.bottom-bar-inner{
display:flex;
gap:10px;
max-width:600px;
margin:0 auto;
}
.stickmob a,
.sticky-mob a,
.sticky-mobile a,
.sticky-cta a,
.bottom-bar a{
flex:1 !important;
min-height:48px;
justify-content:center;
border-radius:14px;
font-size:14px;
font-weight:700;
text-decoration:none;
padding:12px 14px;
}
.stickmob a.wa,
.sticky-mob a.wa-btn,
.sticky-mobile a.wa,
.sticky-cta a.wa,
.bottom-bar a.wa{
background:#25D366;
color:#fff;
}
.stickmob a.btn,
.stickmob a.bg,
.sticky-mob a.btn,
.sticky-mob a.btn-gold,
.sticky-mobile a.btn,
.sticky-mobile a.bg,
.sticky-cta a.btn,
.sticky-cta a.bg,
.bottom-bar a.btn,
.bottom-bar a.bg{
background:#C9961A;
color:#0A1628;
}
.mobile-enquiry-modal{
position:fixed;
inset:0;
z-index:900;
display:none;
align-items:flex-end;
justify-content:center;
padding:12px;
opacity:0;
pointer-events:none;
}
.mobile-enquiry-modal.open,
.mobile-enquiry-modal:target{
display:flex;
opacity:1;
pointer-events:auto;
}
.mobile-enquiry-backdrop{
position:absolute;
inset:0;
background:rgba(6,16,31,0.72);
backdrop-filter:blur(6px);
}
.mobile-enquiry-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
.mobile-enquiry-title{
font-family:var(--font-head);
font-size:20px;
color:#0A1628;
line-height:1.2;
}
.mobile-enquiry-sub{
font-size:14px;
color:var(--gray-600);
margin-top:4px;
}
.mobile-enquiry-close{
width:36px;
height:36px;
border:0;
border-radius:50%;
background:var(--gray-100);
color:#0A1628;
font-size:26px;
line-height:1;
cursor:pointer;
flex-shrink:0;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-enquiry-body .hf,
.mobile-enquiry-body .hero-form-card,
.mobile-enquiry-body .form-panel{
position:static !important;
top:auto !important;
margin:0 !important;
max-width:none !important;
}
body.mobile-enquiry-open,
body:has(.mobile-enquiry-modal:target){
overflow:hidden;
}
@media (max-width:768px){
header{
position:sticky !important;
top:0 !important;
z-index:500 !important;
}
.stickmob,
.sticky-mob,
.sticky-mobile,
.sticky-cta,
.bottom-bar{
display:block !important;
}
body{
padding-bottom:67px;
}
.mobile-enquiry-panel{
width:min(100%,520px);
}
.mobile-enquiry-modal:target,
.mobile-enquiry-modal.open{
align-items:stretch;
justify-content:stretch;
padding:0;
}
.mobile-enquiry-modal:target .mobile-enquiry-panel,
.mobile-enquiry-modal.open .mobile-enquiry-panel{
width:100%;
max-height:none;
height:100vh;
margin:0;
border-radius:0;
display:flex;
flex-direction:column;
}
.mobile-enquiry-modal:target .mobile-enquiry-body,
.mobile-enquiry-modal.open .mobile-enquiry-body{
flex:1;
overflow:auto;
-webkit-overflow-scrolling:touch;
padding:16px;
}
.mobile-enquiry-panel {
position: relative;
width: min(100%, 520px);
max-height: calc(100vh - 24px);
overflow: auto;
background: #fff;
border-radius: 24px 24px 18px 18px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
padding: 16px;
top:0px !important;
margin-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
}
}
@media (min-width:769px){
.mobile-enquiry-modal{
display:flex !important;
}
.page-activate-global-homepage .mobile-enquiry-modal.open,
.page-activate-global-homepage .mobile-enquiry-modal:target{
align-items:center;
}
.page-activate-global-homepage .mobile-enquiry-panel{
position:relative;
top:auto;
width:min(94vw,820px);
max-height:calc(100vh - 48px);
overflow:visible;
padding:18px;
margin:0;
}
.page-activate-global-homepage .mobile-enquiry-body .hero-form-card{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px 16px;
padding:24px;
}
.page-activate-global-homepage .mobile-enquiry-body .form-heading,
.page-activate-global-homepage .mobile-enquiry-body .form-sub,
.page-activate-global-homepage .mobile-enquiry-body .form-submit,
.page-activate-global-homepage .mobile-enquiry-body .form-guarantee{
grid-column:1 / -1;
}
.page-activate-global-homepage .mobile-enquiry-body .form-sub,
.page-activate-global-homepage .mobile-enquiry-body .form-field{
margin-bottom:0;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7{
grid-column:1 / -1;
width:100%;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px 16px;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form .hidden-fields-container,
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-response-output{
grid-column:1 / -1;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form .hidden-fields-container{
display:none;
}
.page-activate-global-homepage .mobile-enquiry-body .fg-row{
display:contents;
}
.page-activate-global-homepage .mobile-enquiry-body .fg{
margin:0;
}
.page-activate-global-homepage .mobile-enquiry-body .fg p,
.page-activate-global-homepage .mobile-enquiry-body .form-label p{
margin:0;
}
.page-activate-global-homepage .mobile-enquiry-body .form-label{
display:block;
font-size:12px;
font-weight:600;
color:var(--navy);
margin-bottom:5px;
letter-spacing:0.02em;
text-transform:uppercase;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form-control-wrap{
display:block;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 input:not([type="submit"]),
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 select,
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 textarea{
width:100%;
padding:11px 14px;
border:1.5px solid var(--border);
border-radius:var(--radius-sm);
font-size:14px;
font-family:'DM Sans',sans-serif;
color:var(--text-body);
outline:none;
transition:border 0.15s;
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 input:not([type="submit"]):focus,
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 select:focus,
.page-activate-global-homepage .mobile-enquiry-body .wpcf7 textarea:focus{
border-color:var(--navy-light);
}
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form > .fg:has(.form-submit),
.page-activate-global-homepage .mobile-enquiry-body .wpcf7-form > .fg:nth-last-child(2){
grid-column:1 / -1;
}
}
.hero .btn.bgh{
display: none;
}
.cta-btns .btn.btn-ghost{
color:#fff !important;
}
.hero-actions .btn.btn-ghost{
display: none;
}
.c{max-width:1200px;margin:0 auto;padding:0 28px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:14px;font-weight:700;padding:12px 22px;border-radius:var(--r);transition:all .22s;cursor:pointer}
.bg{background:var(--gold);color:var(--navy)}.bg:hover{background:var(--gl);transform:translateY(-2px);box-shadow:0 6px 20px rgba(200,149,42,.38)}
.bw{background:var(--wa);color:#fff}.bw:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}
/* READING PROGRESS */
.rp{position:fixed;top:64px;left:0;right:0;height:3px;background:var(--g1);z-index:199}
.rpf{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gl));transition:width .1s linear;border-radius:0 2px 2px 0}
/* PAGE HEADER */
.ah{background:var(--w);border-left:5px solid var(--gold);position:relative;overflow:hidden; margin-top:120px}
.ah::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,149,42,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.tb{background:var(--navy);padding:9px 0;border-left:5px solid var(--gold)}
.tbi{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bc{display:flex !important;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.55); background:transparent;}
.bc a{color:rgba(255,255,255,.55)}.bc a:hover{color:var(--gold)}
.bc .sp{color:rgba(255,255,255,.2);font-size:10px}.bc .cu{color:rgba(255,255,255,.85);font-weight:600}
.shb{display:flex;align-items:center;gap:8px}
.shl{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.8px}
.shbtn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);transition:all .18s}
.shbtn:hover{background:rgba(200,149,42,.2);border-color:var(--gold);color:var(--gold)}
.ata{padding:32px 0 24px;position:relative;z-index:2}
.acat{display:inline-flex;align-items:center;gap:7px;background:#EFF6FF;color:#1D4ED8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:4px 12px;border-radius:100px;border:1px solid rgba(29,78,216,.18);margin-bottom:12px}
.atit{font-family:var(--fh);font-size:clamp(22px,3.5vw,36px);color:var(--navy);line-height:1.18;margin-bottom:14px;max-width:820px}
.amet{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--g5)}
.ami{display:flex;align-items:center;gap:6px;font-weight:600}
.amd{width:4px;height:4px;border-radius:50%;background:var(--g2)}
.atags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.atag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;background:var(--ow);color:var(--g5);border:1px solid var(--g1);transition:all .18s}
.atag:hover{background:var(--gp);border-color:rgba(200,149,42,.22);color:var(--gold)}
/* 2-COLUMN ARTICLE LAYOUT */
.al{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;padding:40px 0 64px;align-items:flex-start}
/* ARTICLE LEFT */
.aimg{border-radius:var(--rx);overflow:hidden;margin-bottom:28px;box-shadow:var(--s3);max-height:440px;background:var(--g1)}
.aimg img{width:100%;max-height:440px;object-fit:cover}
/* TOC */
.toc{background:var(--ow);border:1px solid var(--g1);border-radius:var(--rl);padding:18px 20px;margin-bottom:28px;border-left:4px solid var(--gold)}
.toch{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer}
.toctit{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.toctg{font-size:12px;color:var(--g4);font-weight:600}
.tocl{display:flex;flex-direction:column;gap:3px}
.toci{display:flex;align-items:flex-start;gap:9px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--g6);transition:all .18s;border:1px solid transparent}
.toci:hover,.toci.act{background:var(--gp);border-color:rgba(200,149,42,.22);color:var(--gold);font-weight:700}
.toci:hover{color:var(--navy)}
.tn{font-size:11px;color:var(--g4);font-weight:700;flex-shrink:0;margin-top:2px;min-width:18px}
/* PROSE */
.prose{font-size:15px;color:var(--g7);line-height:1.82}
.prose p{margin-bottom:16px}
.prose h2{font-family:var(--fh);font-size:clamp(18px,2.5vw,23px);color:var(--navy);line-height:1.22;margin:32px 0 12px;padding-top:8px;border-top:2px solid var(--g1)}
.prose h3{font-family:var(--fh);font-size:17px;color:var(--navy);margin:22px 0 9px}
.prose ul,.prose ol{padding-left:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:7px}
.prose li{font-size:15px;color:var(--g7);line-height:1.7}
.prose ul li::marker,.prose ol li::marker{color:var(--gold);font-weight:800}
.prose strong{color:var(--navy);font-weight:700}
.prose a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--navy)}
/* Pull quote */
.pq{border-left:5px solid var(--gold);background:var(--gp);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;margin:20px 0}
.pq p{font-family:var(--fh);font-size:16px;color:var(--navy);font-style:italic;line-height:1.55;margin:0;font-weight:600}
/* Highlight box */
.hb{background:var(--ow);border:1px solid var(--g1);border-radius:var(--rl);padding:16px 18px;margin:18px 0;display:flex;gap:13px}
.hbi{font-size:22px;flex-shrink:0;margin-top:2px}
.hbt h4{font-family:var(--fh);font-size:14px;color:var(--navy);margin-bottom:5px}
.hbt p,.hbt ul{font-size:13px;color:var(--g6);line-height:1.65;margin:0}
.hbt ul{padding-left:14px;margin-top:7px;display:flex;flex-direction:column;gap:4px}
.hbt ul li::marker{color:var(--gold)}
/* Steps */
.steps{display:flex;flex-direction:column;gap:11px;margin:18px 0}
.step{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;background:var(--w);border-radius:var(--r);border:1px solid var(--g1);box-shadow:var(--s1);transition:all .18s}
.step:hover{border-color:rgba(200,149,42,.22);background:var(--gp)}
.snum{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--navy);color:var(--gl);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:11px;font-weight:700;margin-top:2px}
.scon h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:2px}
.scon p{font-size:13px;color:var(--g6);line-height:1.5;margin:0}
/* Cost table */
.ctab{width:100%;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin:18px 0;border:1px solid var(--g1)}
.ctab table{width:100%;border-collapse:collapse}
.ctab thead tr{background:var(--navy)}
.ctab th{padding:12px 15px;font-size:12px;font-weight:700;color:#fff;text-align:left}
.ctab td{padding:11px 15px;font-size:13px;border-bottom:1px solid var(--g1);color:var(--g7);vertical-align:top}
.ctab tr:last-child td{border-bottom:none}
.ctab tr:nth-child(even) td{background:var(--ow)}
.ctab tr:hover td{background:var(--gp)}
.cbadge{display:inline-flex;font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--gp);color:var(--gold);border:1px solid rgba(200,149,42,.22)}
/* FAQ */
/* .fl{display:flex;flex-direction:column;gap:3px;margin:16px 0}
.fi{border:1px solid var(--g1);border-radius:var(--r);overflow:hidden}
.fi.open{border-color:var(--navy)}
.fq{width:100%;background:var(--w);border:none;padding:14px 17px;text-align:left;font-family:var(--fb);font-size:14px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:14px;transition:background .18s}
.fq:hover{background:var(--ow)}.fi.open .fq{background:var(--navy);color:#fff}
.fic{font-size:18px;flex-shrink:0;transition:transform .3s}
.fa{background:var(--ow);max-height:0;overflow:hidden;transition:all .32s ease;padding:0 17px}
.fa.open{max-height:180px;padding:14px 17px}
.fa p{font-size:13px;color:var(--g6);line-height:1.7;margin:0}
*/
/* Author */
.aub{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--ow);border-radius:var(--rl);border:1px solid var(--g1);margin:32px 0 24px}
.aav{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--navy),var(--nvm));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:17px;font-weight:700;color:var(--gl)}
.aut h4{font-family:var(--fh);font-size:15px;color:var(--navy);margin-bottom:2px}
.aut .rol{font-size:12px;font-weight:700;color:var(--gold);margin-bottom:4px}
.aut p{font-size:13px;color:var(--g6);line-height:1.6}
/* Bottom share */
.sbot{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--g1);border-bottom:1px solid var(--g1);margin-bottom:40px}
.sblbl{font-size:13px;font-weight:700;color:var(--g7)}
.sbts{display:flex;gap:8px;flex-wrap:wrap}
.sbt{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:7px 12px;border-radius:var(--r);border:1.5px solid var(--g2);color:var(--g6);transition:all .18s}
.sbt:hover{border-color:var(--navy);color:var(--navy);background:var(--ow)}
.sbt.ws{border-color:rgba(37,211,102,.4);color:var(--wa)}.sbt.ws:hover{background:rgba(37,211,102,.08)}
/* CTA BAND  used twice (mid + end) */
.ctaband{background:#0a1628;border-radius:var(--rx);padding:26px 26px;margin:36px 0;position:relative;overflow:hidden;box-shadow:var(--s4)}
.ctaband::before{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.12) 0%,transparent 70%)}
.ctain{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;z-index:2}
.ctatag{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;display:block}
.ctath{font-family:var(--fh);font-size:clamp(15px,2vw,20px);color:#fff;line-height:1.25;margin-bottom:4px}
.ctadesc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.55;max-width:370px}
.ctabts{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.ctabts .btn{font-size:13px;padding:10px 18px}
/* RELATED ARTICLES */
.rels{margin-bottom:44px}
.relh{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:11px;border-bottom:2px solid var(--g1)}
.reltt{font-family:var(--fh);font-size:20px;color:var(--navy);display:flex;align-items:center;gap:9px}
.rella{font-size:13px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:5px;transition:gap .18s}
.rella:hover{gap:9px;color:var(--navy)}
.relg{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.relc{display:flex;align-items:flex-start;gap:12px;padding:13px;background:var(--w);border-radius:var(--rl);border:1px solid var(--g1);transition:all .22s}
.relc:hover{box-shadow:var(--s3);border-color:var(--g2);transform:translateY(-3px)}
.relthumb{width:72px;height:56px;border-radius:9px;flex-shrink:0;overflow:hidden;background:var(--g1)}
.relthumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.relc:hover .relthumb img{transform:scale(1.08)}
.reltp{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px}
.relcat{display:inline-flex;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:2px 7px;border-radius:100px;margin-bottom:4px}
.reltit{font-family:var(--fh);font-size:13px;color:var(--navy);line-height:1.3;margin-bottom:4px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}
.relc:hover .reltit{color:var(--gold)}
.relmet{font-size:10px;color:var(--g4);font-weight:600;display:flex;align-items:center;gap:5px}
.reldot{width:3px;height:3px;border-radius:50%;background:var(--g2)}
/* SIDEBAR */
.aside{position:sticky;top:calc(64px + 12px);height:fit-content;display:flex;flex-direction:column;gap:16px}
/* Services panel */
.ssvc{background:var(--w);border-radius:var(--rx);border:1px solid var(--g1);overflow:hidden;box-shadow:var(--s2)}
.ssvch{background:var(--navy);padding:13px 17px;display:flex;align-items:center;gap:9px}
.ssvchi{font-size:15px}
.ssvctt{font-family:var(--fh);font-size:13px;font-weight:700;color:#fff}
.ssvcst{font-size:11px;color:rgba(255,255,255,.45)}
.ssvccta{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:linear-gradient(135deg,var(--gold),var(--gl));font-size:12px;font-weight:700;color:var(--navy);transition:opacity .18s;border-bottom:1px solid rgba(0,0,0,.07)}
.ssvccta:hover{opacity:.88}
.sgrp{padding:9px 0}
.sglab{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--g4);padding:4px 14px 6px;display:block}
.slink{display:flex;align-items:center;gap:8px;padding:7px 14px;transition:all .18s;border-left:3px solid transparent}
.slink:hover,.slink.act{background:var(--gp);border-left-color:var(--gold)}
.slico{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--ow);border:1px solid var(--g1);transition:all .18s}
.slink:hover .slico,.slink.act .slico{background:var(--gp);border-color:rgba(200,149,42,.22)}
.sltxt{flex:1;font-size:12px;font-weight:600;color:var(--g7);line-height:1.25;transition:color .18s}
.slink:hover .sltxt,.slink.act .sltxt{color:var(--navy)}
.slarr{font-size:12px;color:var(--g2);transition:all .18s}
.slink:hover .slarr{color:var(--gold);transform:translateX(2px)}
.sdiv{height:1px;background:var(--g1);margin:3px 14px}
/* Inquiry widget */
.sinq{background:var(--navy);border-radius:var(--rx);padding:18px 16px;position:relative;overflow:hidden;box-shadow:var(--s3)}
.sinq::before{content:'';position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.1) 0%,transparent 70%)}
.sinqt{font-family:var(--fh);font-size:14px;color:#fff;margin-bottom:3px;position:relative;z-index:2}
.sinqs{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:13px;position:relative;z-index:2}
.sform{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
.sinp{width:100%;padding:9px 12px;border:1.5px solid rgba(255,255,255,.13);border-radius:var(--r);font-family:var(--fb);font-size:13px;color:#fff;background:rgba(255,255,255,.08);outline:none;transition:border-color .2s}
.sinp::placeholder{color:rgba(255,255,255,.37)}.sinp:focus{border-color:rgba(200,149,42,.5)}
.ssel{width:100%;padding:9px 12px;border:1.5px solid rgba(255,255,255,.13);border-radius:var(--r);font-family:var(--fb);font-size:13px;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);outline:none}
.ssel option{background:var(--navy)}
.ssbmt{width:100%;background:var(--gold);color:var(--navy);border:none;padding:11px;border-radius:var(--r);font-family:var(--fb);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.ssbmt:hover{background:var(--gl)}
.sor{display:flex;align-items:center;gap:8px;margin:1px 0}
.sor span{font-size:11px;color:rgba(255,255,255,.3);font-weight:600}
.sor::before,.sor::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
.swab{width:100%;background:var(--wa);color:#fff;border:none;padding:11px;border-radius:var(--r);font-family:var(--fb);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}
.swab:hover{background:#1ebe5d}
.snote{font-size:10px;color:rgba(255,255,255,.28);text-align:center;margin-top:4px;position:relative;z-index:2}
/* Latest posts widget */
.slat{background:var(--w);border-radius:var(--rx);border:1px solid var(--g1);overflow:hidden;box-shadow:var(--s1)}
.slath{background:var(--ow);padding:12px 15px;border-bottom:1px solid var(--g1)}
.slattt{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:7px}
.slatp{display:flex;flex-direction:column}
.spost{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-bottom:1px solid rgba(232,236,244,.5);transition:background .18s}
.spost:last-child{border-bottom:none}.spost:hover{background:var(--gp)}
.spth{width:48px;height:36px;border-radius:7px;flex-shrink:0;overflow:hidden;background:var(--g1)}
.spth img{width:100%;height:100%;object-fit:cover}
.sptp{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:17px}
.sptt{font-size:12px;font-weight:700;color:var(--navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spost:hover .sptt{color:var(--gold)}
.spdt{font-size:10px;color:var(--g4);font-weight:600;margin-top:2px}
.slatall{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-top:1px solid var(--g1);font-size:12px;font-weight:700;color:var(--gold);transition:background .18s}
.slatall:hover{background:var(--gp)}
/* Sticky mobile CTA */
.stk{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:1px solid rgba(255,255,255,.08);padding:10px 18px;display:none}
.stki{display:flex;gap:10px;max-width:500px;margin:0 auto}
.stki .btn{flex:1;justify-content:center;font-size:13px;padding:11px}
/* RESPONSIVE */
@media(max-width:1100px){
.al{grid-template-columns:1fr;gap:36px}
.aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.nav,.hp{display:none}
.aside{grid-template-columns:1fr}
.relg{grid-template-columns:1fr}
.ctain{flex-direction:column;gap:12px}
.ctabts{width:100%}.ctabts .btn{flex:1;justify-content:center}
.fg{grid-template-columns:1fr 1fr}
.stk{display:block}
body{padding-bottom:64px}
.shb{display:none}
}
@media(max-width:480px){.fg{grid-template-columns:1fr}}
/* BLOG PAGE HEADER  slim editorial, not a full service banner */
.blog-page-header{background:var(--white);border-left:5px solid var(--gold);position:relative;overflow:hidden; margin-top:112px;}
.blog-page-header::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,149,42,0.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
/* Top bar  same pattern as all pages */
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--gold)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex !important;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55);transition:color 0.18s}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.2);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:var(--gold-light);border-color:rgba(232,184,75,0.5);background:rgba(200,149,42,0.15)}
/* Editorial header body */
.blog-header-body{padding:40px 0 32px;position:relative;z-index:2}
.blog-header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.bh-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.bh-tag-line{width:28px;height:2px;background:var(--gold)}
.bh-title{font-family:var(--font-head);font-size:clamp(26px,3.5vw,42px);color:var(--navy);line-height:1.12;margin-bottom:10px;letter-spacing:-0.3px}
.bh-title .accent{color:var(--gold);position:relative}
.bh-title .accent::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px}
.bh-desc{font-size:20px;color:var(--gray-600);line-height:1.7;max-width:560px}
.bh-stats{display:flex;gap:0;border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;flex-shrink:0;box-shadow:var(--sh-xs);align-self:flex-start;margin-top:6px}
.bh-stat{padding:14px 22px;background:var(--white);border-right:1px solid var(--gray-100);text-align:center;transition:background 0.18s;position:relative}
.bh-stat:last-child{border-right:none}
.bh-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.2s}
.bh-stat:hover::before{background:var(--gold)}
.bh-stat:hover{background:var(--gold-pale)}
.bhs-num{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:3px}
.bhs-label{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.8px}
/* FILTER BAR  sticky */
.filter-bar{background:var(--white);border-bottom:1px solid var(--gray-100);border-top:1px solid var(--gray-100);position:sticky;top:64px;z-index:100;box-shadow:var(--sh-xs)}
.filter-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;flex-wrap:wrap}
.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}
.filter-tab{font-size:13px;font-weight:600;padding:7px 16px;border-radius:100px;color:var(--gray-600);border:1.5px solid var(--gray-200);transition:all 0.18s}
.filter-tab:hover{color:var(--navy);border-color:var(--navy)}
.filter-tab.active{background:var(--navy);color:var(--white);border-color:var(--navy)}
.tab-count{font-size:10px;font-weight:700;background:rgba(0,0,0,0.12);padding:1px 6px;border-radius:100px;margin-left:4px}
.filter-tab.active .tab-count{background:rgba(255,255,255,0.2)}
.blog-search{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;transition:border-color 0.2s}
.blog-search:focus-within{border-color:var(--gold)}
.blog-search input{border:none;outline:none;padding:8px 14px;font-family:var(--font-body);font-size:13px;color:var(--gray-800);width:200px;background:var(--white)}
.blog-search input::placeholder{color:var(--gray-400)}
.blog-search-btn{padding:8px 14px;background:var(--gray-50);border-left:1px solid var(--gray-200);color:var(--gray-500);font-size:15px;transition:all 0.18s}
.blog-search-btn:hover{background:var(--gold-pale);color:var(--gold)}
/* BLOG MAIN */
.blog-main{padding:48px 0 72px;background:var(--white)}
/* FEATURED POST */
.featured-post{display:grid;grid-template-columns:1.1fr 1fr;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--gray-100);margin-bottom:56px;transition:all 0.25s}
.featured-post:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}
.fp-image{position:relative;overflow:hidden;min-height:360px;background:var(--gray-100)}
.fp-image img{transition:transform 0.5s ease}
.featured-post:hover .fp-image img{transform:scale(1.04)}
.fp-badge{position:absolute;top:18px;left:18px;z-index:2;background:var(--gold);color:var(--navy);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:100px;box-shadow:var(--sh-sm)}
.fp-content{padding:40px;background:var(--white);display:flex;flex-direction:column;justify-content:center;gap:16px}
.fp-cat{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;padding:4px 10px;border-radius:100px;width:fit-content}
.fp-title{font-family:var(--font-head);font-size:clamp(19px,2.5vw,26px);color:var(--navy);line-height:1.22}
.fp-excerpt{font-size:14px;color:var(--gray-600);line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.fp-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--gray-400);font-weight:600}
.fp-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--gray-300)}
.fp-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gold);transition:gap 0.2s}
.fp-cta:hover{gap:14px;color:var(--navy)}
/* POSTS GRID */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--gray-100);overflow:hidden;transition:all 0.25s;display:flex;flex-direction:column}
.post-card:hover{box-shadow:var(--sh-md);transform:translateY(-5px);border-color:var(--gray-200)}
.pc-thumb{position:relative;overflow:hidden;padding-top:56.25%;background:var(--gray-100);flex-shrink:0}
.pc-thumb img{position:absolute;inset:0;transition:transform 0.45s ease}
.post-card:hover .pc-thumb img{transform:scale(1.06)}
.pc-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(11,31,58,0.5) 100%);opacity:0;transition:opacity 0.3s}
.post-card:hover .pc-overlay{opacity:1}
.pc-cat{position:absolute;top:14px;left:14px;z-index:2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;padding:4px 10px;border-radius:100px;box-shadow:var(--sh-xs)}
.pc-thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}
.pc-body{padding:22px 20px;flex:1;display:flex;flex-direction:column;gap:10px}
.pc-title{font-family:var(--font-head);font-size:20px;color:var(--navy);line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.18s}
.post-card:hover .pc-title{color:var(--gold)}
.pc-excerpt{font-size:16px;color:var(--gray-600);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.pc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--gray-100);margin-top:auto}
.pc-meta-item{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--gray-400);font-weight:600}
.pc-dot{width:3px;height:3px;border-radius:50%;background:var(--gray-300)}
.pc-read{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:var(--gold);margin-top:4px;transition:gap 0.2s}
.pc-read:hover{gap:10px;color:var(--navy)}
/* Empty state */
.empty-state{grid-column:1/-1;text-align:center;padding:64px 24px}
.es-icon{font-size:56px;display:block;margin:0 auto 16px}
.es-title{font-family:var(--font-head);font-size:22px;color:var(--navy);margin-bottom:8px}
.es-sub{font-size:14px;color:var(--gray-500)}
/* PAGINATION */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:52px}
.page-btn{min-width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--gray-600);border:1.5px solid var(--gray-200);padding:0 12px;transition:all 0.18s}
.page-btn:hover{border-color:var(--navy);color:var(--navy)}
.page-btn.active{background:var(--navy);color:var(--white);border-color:var(--navy)}
.page-ellipsis{font-size:14px;color:var(--gray-400);padding:0 6px;display:flex;align-items:center}
/* NEWSLETTER */
.newsletter-section{padding:56px 0;background:var(--off-white);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}
.newsletter-inner{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:center}
.nl-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.nl-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.nl-title{font-family:var(--font-head);font-size:clamp(20px,2.8vw,28px);color:var(--navy);line-height:1.2;margin-bottom:10px}
.nl-desc{font-size:16px;color:var(--gray-600);line-height:1.7;margin-bottom:20px}
.nl-topics{display:flex;flex-wrap:wrap;gap:6px}
.nl-topic{font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;background:var(--gray-50);color:var(--gray-500);border:1px solid var(--gray-200)}
.nl-form-box{background:var(--white);border-radius:var(--r-xl);padding:28px 28px;box-shadow:var(--sh-sm);border:1px solid var(--gray-100)}
.nl-form-title{font-family:var(--font-head);font-size:17px;color:var(--navy);margin-bottom:4px}
.nl-form-sub{font-size:12px;color:var(--gray-400);margin-bottom:18px}
.nl-row{display:flex;gap:10px;margin-bottom:12px}
.nl-input{flex:1;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);font-family:var(--font-body);font-size:13px;color:var(--gray-800);outline:none;transition:border-color 0.2s;width:100%}
.nl-input:focus{border-color:var(--gold)}
.nl-btn{background:var(--gold);color:var(--navy);border:none;padding:11px 20px;border-radius:var(--r-sm);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap}
.nl-btn:hover{background:var(--gold-light)}
.nl-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--gray-400);line-height:1.5}
.nl-consent input{margin-top:2px;accent-color:var(--gold)}
.nl-consent a{color:var(--gold);text-decoration:underline}
/* SERVICES TEASER */
.services-teaser{padding:52px 0;background:var(--white)}
.st-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.st-left h3{font-family:var(--font-head);font-size:22px;color:var(--navy);margin-bottom:6px}
.st-left p{font-size:18px;color:var(--gray-600);max-width:480px;line-height:1.6}
.st-links{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.st-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:10px 18px;border-radius:var(--r-sm);border:1.5px solid var(--gray-200);color:var(--gray-700);transition:all 0.18s}
.st-link:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}
/* RESPONSIVE */
@media(max-width:1100px){
.featured-post{grid-template-columns:1fr}.fp-image{min-height:280px}
.posts-grid{grid-template-columns:repeat(2,1fr)}
.newsletter-inner{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.site-nav,.header-phone{display:none}
.posts-grid{grid-template-columns:1fr}
.blog-header-inner{flex-direction:column;align-items:flex-start}
.filter-bar-inner{flex-direction:column;align-items:flex-start;gap:12px}
.blog-search{width:100%}
.blog-search input{flex:1;width:100%}
.st-inner{flex-direction:column}
.st-links{width:100%}
.footer-grid{grid-template-columns:1fr 1fr}
.sticky-mobile{display:block}
body{padding-bottom:64px}
.nl-row{flex-direction:column}
.page-activate-global-homepage .btn{
white-space:normal;
}
}
@media(max-width:480px){
.footer-grid{grid-template-columns:1fr}
.filter-tab{font-size:12px;padding:6px 12px}
.bh-stats{flex-direction:column}
.bh-stat{border-right:none;border-bottom:1px solid var(--gray-100)}
.bh-stat:last-child{border-bottom:none}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.featured-post{animation:fadeUp 0.5s 0.05s ease both}
.post-card:nth-child(1){animation:fadeUp 0.45s 0.08s ease both}
.post-card:nth-child(2){animation:fadeUp 0.45s 0.14s ease both}
.post-card:nth-child(3){animation:fadeUp 0.45s 0.20s ease both}
.post-card:nth-child(4){animation:fadeUp 0.45s 0.26s ease both}
.post-card:nth-child(5){animation:fadeUp 0.45s 0.32s ease both}
.post-card:nth-child(6){animation:fadeUp 0.45s 0.38s ease both}
/* ── SHARED ── */
.section-label{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
padding:6px 14px;border-radius:100px;margin-bottom:18px;
background:var(--cat-pale);color:var(--cat-mid);border:1px solid var(--cat-border);
}
.section-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat-mid)}
.section-title{font-family:var(--font-head);font-size:clamp(26px,3.5vw,42px);color:var(--navy);line-height:1.15;margin-bottom:14px}
.section-sub{font-size:16px;color:var(--gray-600);line-height:1.75;max-width:620px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:13px 26px;border-radius:var(--r-sm);transition:all 0.22s;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-gold-main{background:var(--gold);color:var(--navy)}
.btn-gold-main:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,149,42,0.38)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--cat-mid);color:var(--cat-mid)}
.btn-ghost-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.3)}
.btn-ghost-white:hover{background:rgba(255,255,255,0.08)}
.btn-wa{background:#25D366;color:var(--white)}
.btn-wa:hover{background:#1ebe5d;transform:translateY(-2px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
BANNER — Violet stripe, unique right visual
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.service-banner{background:var(--white);position:relative;overflow:hidden}
.service-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-light) 100%)}
.service-banner::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(200,149,42,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,149,42,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.banner-top-bar{background:var(--cat);padding:9px 0;border-left:5px solid var(--cat)}
.banner-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55)}
.breadcrumb-nav a{color:rgba(255,255,255,0.55)}
.breadcrumb-nav a:hover{color:var(--gold)}
.breadcrumb-nav .sep{color:rgba(255,255,255,0.2);font-size:10px}
.breadcrumb-nav .current{color:rgba(255,255,255,0.85);font-weight:600}
.banner-top-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);transition:all 0.18s}
.service-pill:hover{color:var(--gold);border-color:var(--gold)}
.service-pill.active{color:var(--cat-light);border-color:rgba(167,139,250,0.5);background:rgba(200,149,42,0.15)}
.banner-main{padding:0px 0 0;position:relative;z-index:2}
.banner-grid{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:center;padding-left:28px}
.banner-service-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cat-mid);margin-bottom:18px}
.banner-service-tag .tag-line{width:32px;height:2px;background:var(--cat-mid)}
.banner-title{font-family:var(--font-head);font-size:clamp(32px,4vw,52px);color:var(--navy);line-height:1.08;margin-bottom:18px;letter-spacing:-0.5px}
.banner-title .accent{position:relative;display:inline-block;color:var(--cat-mid)}
.banner-title .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cat),var(--cat-light));border-radius:2px}
.banner-desc{font-size:20px;color:var(--gray-600);line-height:1.75;max-width:520px;margin-bottom:32px}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
/* Stats strip */
.banner-stats{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-xs)}
.banner-stat{flex:1;min-width:100px;padding:15px 18px;background:var(--white);border-right:1px solid var(--gray-100);position:relative;transition:background 0.18s}
.banner-stat:last-child{border-right:none}
.banner-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background 0.2s}
.banner-stat:hover::before{background:var(--cat-mid)}
.banner-stat:hover{background:var(--cat-pale)}
.stat-num{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:3px}
.stat-label{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.8px}
/* ── Service Navigator Card (banner right — unique) ── */
.navigator-wrap{position:relative;padding-bottom:40px}
.nav-badge{
position:absolute;top:-14px;right:0;z-index:20;
background:linear-gradient(135deg,var(--cat),var(--cat-mid));
color:var(--white);font-size:11px;font-weight:700;
padding:7px 16px;border-radius:100px;
box-shadow:0 4px 16px rgba(200,149,42,0.25);
letter-spacing:0.3px;
}
.nav-card{
background:var(--navy);border-radius:var(--r-xl);
padding:28px 26px;box-shadow:var(--sh-xl);
position:relative;overflow:hidden;
}
.nav-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,0.12) 0%,transparent 70%)}
.nav-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:6px;position:relative;z-index:2}
.nav-heading{font-family:var(--font-head);font-size:17px;color:var(--white);margin-bottom:20px;position:relative;z-index:2;line-height:1.3}
.nav-heading span{color:var(--cat-light)}
/* Track rows */
.nav-tracks{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;margin-bottom:18px}
.nav-track{
border-radius:var(--r-md);overflow:hidden;
border:1px solid rgba(255,255,255,0.08);
transition:all 0.25s;
}
.nav-track-header{
display:flex;align-items:center;justify-content:space-between;
padding:13px 16px;cursor:pointer;transition:background 0.18s;
}
.nav-track.uk-track .nav-track-header{background:rgba(29,78,216,0.15)}
.nav-track.eu-track .nav-track-header{background:rgba(8,145,178,0.12)}
.nav-track.gl-track .nav-track-header{background:rgba(11,158,109,0.12)}
.nav-track:hover .nav-track-header{opacity:0.85}
.nt-left{display:flex;align-items:center;gap:10px}
.nt-icon{font-size:18px}
.nt-label{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white)}
.nt-right{display:flex;align-items:center;gap:8px}
.nt-count{
font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;
}
.uk-track .nt-count{background:rgba(59,130,246,0.3);color:#93C5FD}
.eu-track .nt-count{background:rgba(6,182,212,0.3);color:#67E8F9}
.gl-track .nt-count{background:rgba(34,197,94,0.3);color:#86EFAC}
.nt-arrow{font-size:12px;color:rgba(255,255,255,0.4);transition:transform 0.25s}
.nav-track.open .nt-arrow{transform:rotate(90deg)}
.nav-track-items{
max-height:0;overflow:hidden;
transition:max-height 0.3s ease;
background:rgba(255,255,255,0.04);
}
.nav-track.open .nav-track-items{max-height:220px}
.nav-track-item{
display:flex;align-items:center;gap:10px;
padding:9px 16px;
border-top:1px solid rgba(255,255,255,0.05);
font-size:16px;color:rgba(255,255,255,0.65);
transition:background 0.15s;text-decoration:none;
}
.nav-track-item:hover{background:rgba(255,255,255,0.06);color:var(--white)}
.nti-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.uk-track .nti-dot{background:#60A5FA}
.eu-track .nti-dot{background:#22D3EE}
.gl-track .nti-dot{background:#34D399}
.nti-arrow{margin-left:auto;font-size:10px;opacity:0;transition:opacity 0.15s}
.nav-track-item:hover .nti-arrow{opacity:1}
.nav-divider{height:1px;background:rgba(255,255,255,0.07);margin-bottom:14px;position:relative;z-index:2}
.nav-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.nav-footer-label{font-size:11px;color:rgba(255,255,255,0.35)}
.nav-footer-cta{
font-size:12px;font-weight:700;color:var(--cat-light);
display:flex;align-items:center;gap:5px;transition:color 0.18s;
}
.nav-footer-cta:hover{color:var(--white)}
/* Visual info strip */
.visual-info{position:absolute;bottom:0;left:0;right:0;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm); z-index:99;}
.info-item{text-align:center}
.info-val{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--navy)}
.info-key{font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.6px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TRUST RIBBON
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.trust-ribbon{background:var(--navy);padding:13px 0}
.ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px}
.ribbon-item{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.75)}
.ribbon-divider{width:1px;height:20px;background:rgba(255,255,255,0.12)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
JOURNEY SELECTOR — TOFU
3 self-routing paths for different visitor intent
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.journey-section{padding:72px 0;background:var(--off-white);position:relative}
.journey-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cat) 0%,var(--cat-light) 40%,transparent 100%)}
.journey-header{text-align:center;margin-bottom:44px}
.journey-header .section-sub{margin:0 auto}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.journey-card{
background:var(--white);border-radius:var(--r-xl);
border:2px solid var(--gray-100);padding:32px 28px;
display:flex;flex-direction:column;gap:16px;
cursor:pointer;transition:all 0.28s cubic-bezier(0.34,1.2,0.64,1);
position:relative;overflow:hidden;text-decoration:none;
}
.journey-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;transform:scaleX(0);transition:transform 0.25s;transform-origin:left}
.journey-card.j1::before{background:linear-gradient(90deg,var(--uk-col),#3B82F6)}
.journey-card.j2::before{background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.journey-card.j3::before{background:linear-gradient(90deg,var(--eu-col),var(--gl-col))}
.journey-card:hover{border-color:var(--cat-mid);box-shadow:var(--sh-md);transform:translateY(-6px)}
.journey-card:hover::before{transform:scaleX(1)}
.journey-card:focus{outline:3px solid var(--cat-light);outline-offset:2px}
.jc-icon{font-size:44px;display:block}
.jc-tag{
display:inline-flex;align-items:center;
font-size:10px;font-weight:700;text-transform:uppercase;
letter-spacing:0.8px;padding:3px 10px;border-radius:100px;
}
.j1 .jc-tag{background:var(--uk-bg);color:var(--uk-col);border:1px solid var(--uk-border)}
.j2 .jc-tag{background:var(--fast-bg);color:var(--fast-col);border:1px solid rgba(200,149,42,0.25)}
.j3 .jc-tag{background:var(--eu-bg);color:var(--eu-col);border:1px solid var(--eu-border)}
.jc-title{font-family:var(--font-head);font-size:20px;color:var(--navy);line-height:1.25}
.jc-desc{font-size:17px;color:var(--gray-600);line-height:1.65;flex:1}
.jc-services{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.jc-service-tag{
font-size:14px;font-weight:700;padding:3px 9px;border-radius:6px;
background:var(--gray-50);color:var(--gray-500);
border:1px solid var(--gray-100);
}
.jc-cta{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--cat-mid);margin-top:4px}
.jc-cta-arrow{font-size:16px;transition:transform 0.2s}
.journey-card:hover .jc-cta-arrow{transform:translateX(4px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
SERVICES GRID — MOFU
9 cards, grouped UK / EU / Global
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.services-section{padding:80px 0;background:var(--white)}
.services-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:52px;flex-wrap:wrap}
/* Category group headers */
.services-group{margin-bottom:52px}
.services-group:last-child{margin-bottom:0}
.sg-header{
display:flex;align-items:center;gap:16px;
margin-bottom:24px;padding-bottom:14px;
border-bottom:2px solid var(--gray-100);
}
.sg-tag{
display:inline-flex;align-items:center;gap:7px;
font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;
padding:6px 14px;border-radius:100px;
}
.sg-tag.uk-tag{background:var(--uk-bg);color:var(--uk-col);border:1px solid var(--uk-border)}
.sg-tag.eu-tag{background:var(--eu-bg);color:var(--eu-col);border:1px solid var(--eu-border)}
.sg-tag.gl-tag{background:var(--gl-bg);color:var(--gl-col);border:1px solid var(--gl-border)}
.sg-count{font-size:12px;color:var(--gray-400);font-weight:600}
/* Service card grid */
.sg-grid{display:grid;gap:18px}
.sg-grid.five-col{grid-template-columns:repeat(5,1fr)}
.sg-grid.three-col{grid-template-columns:repeat(3,1fr)}
.sg-grid.one-col{grid-template-columns:1fr}
.svc-card{
background:var(--white);border-radius:var(--r-lg);
border:1.5px solid var(--gray-100);
display:flex;flex-direction:column;
transition:all 0.28s cubic-bezier(0.34,1.2,0.64,1);
overflow:hidden;position:relative;
}
.svc-card:hover{border-color:var(--cat-border);box-shadow:var(--sh-md);transform:translateY(-6px)}
/* Top category bar */
.svc-bar{height:4px;flex-shrink:0}
.svc-bar.uk{background:linear-gradient(90deg,var(--uk-col),#3B82F6)}
.svc-bar.eu{background:linear-gradient(90deg,var(--eu-col),#22D3EE)}
.svc-bar.gl{background:linear-gradient(90deg,var(--gl-col),#34D399)}
.svc-body{padding:22px 20px;flex:1;display:flex;flex-direction:column;gap:12px}
/* Service icon + name */
.svc-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}
.svc-icon-box{
width:44px;height:44px;border-radius:10px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;font-size:22px;
}
.svc-icon-box.uk-icon{background:var(--uk-bg)}
.svc-icon-box.eu-icon{background:var(--eu-bg)}
.svc-icon-box.gl-icon{background:var(--gl-bg)}
.svc-meta{}
.svc-name{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:3px}
.svc-cat-tag{
display:inline-flex;align-items:center;gap:4px;
font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;
}
.svc-cat-tag.uk{color:var(--uk-col)}
.svc-cat-tag.eu{color:var(--eu-col)}
.svc-cat-tag.gl{color:var(--gl-col)}
.svc-desc{font-size:17px;color:var(--gray-600);line-height:1.6;flex:1}
/* Feature list */
.svc-features{display:flex;flex-direction:column;gap:5px}
.svc-feat{display:flex;align-items:flex-start;gap:7px;font-size:17px;color:var(--gray-600)}
.svc-feat-check{color:var(--success);font-size:10px;font-weight:800;flex-shrink:0;margin-top:2px}
/* Delivery badge */
.svc-delivery{
display:inline-flex;align-items:center;gap:5px;
font-size:14px;font-weight:700;padding:4px 10px;border-radius:6px;
background:var(--gold-pale);color:var(--gold);border:1px solid rgba(200,149,42,0.2);
}
/* CTA footer */
.svc-footer{
padding:12px 20px;background:var(--gray-50);
border-top:1px solid var(--gray-100);
display:flex;align-items:center;justify-content:space-between;
transition:all 0.2s;
}
.svc-card:hover .svc-footer{background:var(--cat);border-top-color:var(--cat)}
.svc-footer-text{font-size:12px;font-weight:700;color:var(--gray-500);transition:color 0.2s}
.svc-card:hover .svc-footer-text{color:var(--white)}
.svc-footer-arrow{font-size:16px;color:var(--gray-300);transition:all 0.2s}
.svc-card:hover .svc-footer-arrow{color:var(--white);transform:translateX(4px)}
/* Global Business Expansion — featured card spans full row */
.svc-card.featured-svc{
grid-column:1/-1;
flex-direction:row;align-items:center;
}
.svc-card.featured-svc .svc-bar{width:4px;height:auto;flex-shrink:0;background:linear-gradient(180deg,var(--cat),var(--cat-light))}
.svc-card.featured-svc .svc-body{flex-direction:row;align-items:center;gap:32px;padding:28px 28px}
.svc-card.featured-svc .svc-features{flex-direction:row;flex-wrap:wrap;gap:10px}
.svc-card.featured-svc .svc-feat{width:calc(50% - 10px)}
.svc-card.featured-svc .svc-footer{width:auto;border-top:none;border-left:1px solid var(--gray-100);padding:28px;flex-direction:column;gap:12px;align-items:center;flex-shrink:0;min-width:160px}
.svc-card.featured-svc:hover .svc-footer{background:var(--cat);border-left-color:var(--cat)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
WHO WE SERVE — MOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.audience-section{padding:80px 0;background:var(--off-white)}
.audience-header{text-align:center;margin-bottom:48px}
.audience-header .section-sub{margin:0 auto}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.audience-card{
background:var(--white);border-radius:var(--r-xl);padding:32px 26px;
border:1.5px solid var(--gray-100);transition:all 0.25s;
position:relative;overflow:hidden;
}
.audience-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transition:transform 0.25s;transform-origin:left}
.audience-card:hover{border-color:rgba(200,149,42,0.35);box-shadow:var(--sh-md);transform:translateY(-5px)}
.audience-card:hover::after{transform:scaleX(1)}
.ac-icon{font-size:40px;display:block;margin-bottom:16px}
.ac-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:10px}
.ac-desc{font-size:13px;color:var(--gray-600);line-height:1.65;margin-bottom:18px}
.ac-services{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.ac-svc-tag{font-size:14px;font-weight:700;padding:3px 9px;border-radius:6px;background:var(--gold-pale);color:var(--gold);border:1px solid rgba(200,149,42,0.25)}
.ac-cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gold)}
.ac-cta-arrow{transition:transform 0.2s}
.audience-card:hover .ac-cta-arrow{transform:translateX(4px)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
HOW IT WORKS — MOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.process-section{padding:80px 0;background:var(--white)}
.process-header{text-align:center;margin-bottom:56px}
.process-header .section-sub{margin:0 auto}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}
.process-track::before{content:'';position:absolute;top:34px;left:calc(12% + 17px);right:calc(12% + 17px);height:2px;background:linear-gradient(90deg,var(--cat) 0%,var(--gray-200) 100%);z-index:0}
.process-section .ps{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px; border: none; background: transparent;}
.process-section .ps-circle{width:68px;height:68px;border-radius:50%;background:var(--white);border:2.5px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--sh-sm);transition:all 0.25s}
.process-section .ps-circle .ps-num{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--gray-400);line-height:1}
.process-section .ps-circle .ps-icon{font-size:22px;line-height:1}
.process-section .ps:hover .ps-circle{border-color:var(--cat-mid);background:var(--cat-pale);transform:scale(1.1);box-shadow:0 6px 24px rgba(200,149,42,0.15)}
.process-section .ps-title{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:6px}
.process-section .ps-desc{font-size:17px;color:var(--gray-500);line-height:1.5}
.process-section .ps-time{font-size:14px;font-weight:700;color:var(--cat-mid);margin-top:6px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
WHY CHOOSE US — MOFU
6 USP cards, guarantee first
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.why-section{padding:80px 0;background:var(--off-white)}
.why-section::before{display:none}
.why-grid-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-start}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-card{
background:var(--white);border-radius:var(--r-lg);padding:22px 18px;
border:1px solid var(--gray-100);transition:all 0.22s;
}
.why-card:hover{border-color:var(--cat-border);background:var(--cat-pale)}
.why-icon{font-size:28px;display:block;margin-bottom:10px}
.why-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:5px}
.why-desc{font-size:17px;color:var(--gray-600);line-height:1.55}
/* Featured guarantee card */
.why-card.guarantee-card{
grid-column:1/-1;
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);
border-color:transparent;
display:flex;align-items:center;gap:20px;
padding:24px 22px;
}
.why-card.guarantee-card .why-icon{font-size:40px;flex-shrink:0;margin-bottom:0}
.why-card.guarantee-card .why-title{color:var(--white);font-size:16px;margin-bottom:6px}
.why-card.guarantee-card .why-desc{color:rgba(255,255,255,0.6);font-size:13px}
.guarantee-pill-sm{display:inline-flex;align-items:center;gap:5px;background:rgba(200,149,42,0.2);color:var(--gold-light);font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;margin-top:6px;border:1px solid rgba(200,149,42,0.3)}
/* Right: differentiator visual */
.why-visual{
background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);border-radius:var(--r-xl);
padding:36px 32px;position:relative;overflow:hidden;box-shadow:var(--sh-lg);
}
.why-visual::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.04)}
.wv-title{font-family:var(--font-head);font-size:20px;color:var(--white);margin-bottom:6px;position:relative;z-index:2}
.wv-sub{font-size:13px;color:rgba(255,255,255,0.55);margin-bottom:24px;position:relative;z-index:2}
.wv-metrics{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.wv-metric{
background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);
border-radius:var(--r-md);padding:14px 18px;
display:flex;align-items:center;justify-content:space-between;
}
.wvm-label{font-size:18px;color:rgba(255,255,255,0.55);font-weight:600}
.wvm-value{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--gold-light)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
COMPARISON TABLE — MOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.compare-section{padding:80px 0;background:var(--white)}
.compare-header{text-align:center;margin-bottom:44px}
.compare-header .section-sub{margin:0 auto}
.compare-wrap{background:var(--white);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--gray-100)}
.compare-wrap table{width:100%;border-collapse:collapse}
.compare-wrap thead tr{background:var(--navy)}
.compare-wrap th{padding:18px 22px;font-size:13px;font-weight:700;text-align:center;color:rgba(255,255,255,0.6)}
.compare-wrap th:first-child{text-align:left;width:32%}
.compare-wrap th.ours{color:var(--cat-light);font-size:14px}
.compare-wrap td{padding:13px 22px;font-size:13px;border-bottom:1px solid var(--gray-50);text-align:center;vertical-align:middle}
.compare-wrap td:first-child{text-align:left;font-weight:600;color:var(--gray-700)}
.compare-wrap td.ours{background:rgba(200,149,42,0.04)}
.compare-wrap tr:last-child td{border-bottom:none}
.compare-wrap tr:hover td{background:var(--gray-50)}
.compare-wrap tr:hover td.ours{background:rgba(200,149,42,0.07)}
.c-yes{color:var(--success);font-size:18px}
.c-no{color:var(--gray-300);font-size:18px}
.c-partial{font-size:12px;font-weight:600;color:var(--gray-400)}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
TESTIMONIALS — BOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.testi-section{padding:80px 0;background:var(--off-white)}
.testi-header{text-align:center;margin-bottom:44px}
.testi-header .section-sub{margin:0 auto}
.rating-bar{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:48px;flex-wrap:wrap}
.rating-big{font-family:var(--font-head);font-size:52px;font-weight:700;color:var(--navy);line-height:1}
.stars-row{font-size:22px;color:#F59E0B;letter-spacing:2px}
.rating-count{font-size:12px;color:var(--gray-400);margin-top:3px}
.rating-divider{width:1px;height:56px;background:var(--gray-200)}
.rs-b{text-align:center}
.rs-b .rs-num{font-family:var(--font-head);font-size:26px;color:var(--navy)}
.rs-b .rs-label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:0.7px}
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.testi-card{background:var(--white);border-radius:var(--r-lg);padding:28px 24px;border:1.5px solid var(--gray-100);transition:all 0.22s;display:flex;flex-direction:column;gap:14px}
.testi-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
.testi-card.featured-t{border-color:var(--cat-mid);background:var(--cat-pale)}
.tc-stars{font-size:14px;color:#F59E0B;letter-spacing:2px}
.tc-service-tag{display:inline-flex;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;padding:2px 8px;border-radius:4px;background:var(--uk-bg);color:var(--uk-col);border:1px solid var(--uk-border)}
.tc-service-tag.eu{background:var(--eu-bg);color:var(--eu-col);border-color:var(--eu-border)}
.tc-service-tag.gl{background:var(--gl-bg);color:var(--gl-col);border-color:var(--gl-border)}
.tc-quote{font-size:18px;color:var(--gray-700);line-height:1.72;font-style:italic;flex:1}
.tc-reviewer{display:flex;align-items:center;gap:12px}
.tc-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--navy),var(--navy-mid));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--gold)}
.tc-name{font-size:13px;font-weight:700;color:var(--navy)}
.tc-meta{font-size:11px;color:var(--gray-400);display:flex;align-items:center;gap:5px;margin-top:2px}
.tc-verified{background:var(--success-bg);color:var(--success);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
FAQ — BOFU / AEO
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.faq-section{padding:80px 0;background:var(--white)}
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:52px}
.faq-sidebar{position:sticky;top:84px;height:fit-content}
.fqs-title{font-family:var(--font-head);font-size:24px;color:var(--navy);margin-bottom:10px}
.fqs-sub{font-size:14px;color:var(--gray-600);line-height:1.65;margin-bottom:22px}
.faq-cats{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.faq-cat{background:transparent;border:1.5px solid var(--gray-100);border-radius:var(--r-sm);padding:11px 14px;text-align:left;font-size:13px;font-weight:600;color:var(--gray-600);transition:all 0.18s}
.faq-cat:hover,.faq-cat.active{background:var(--cat-pale);border-color:var(--cat-mid);color:var(--navy)}
.faq-contact-box{background:var(--navy);border-radius:var(--r-md);padding:18px}
.faq-contact-box h5{font-size:13px;font-weight:700;color:var(--white);margin-bottom:6px}
.faq-contact-box p{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:12px;line-height:1.5}
.faq-list{display:flex;flex-direction:column;gap:3px}
.faq-item{border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden;transition:border-color 0.2s}
.faq-item.open{border-color:var(--navy)}
.faq-q{width:100%;background:var(--white);border:none;padding:18px 22px;text-align:left;font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background 0.18s}
.faq-q:hover{background:var(--gray-50)}
.faq-item.open .faq-q{background:var(--navy);color:var(--white)}
.faq-icon{font-size:18px;flex-shrink:0;font-weight:300}
.faq-a{background:var(--gray-50);max-height:0;overflow:hidden;transition:all 0.32s ease;padding:0 22px}
.faq-a.open{max-height:250px !important;padding:18px 22px}
.faq-a p{font-size:17px;color:var(--gray-600);line-height:1.72}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
INQUIRY FORM — BOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.inquiry-section{padding:80px 0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}
.inquiry-section::before{content:'';position:absolute;top:-120px;right:-80px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,0.1) 0%,transparent 65%)}
.inquiry-section::after{content:'';position:absolute;bottom:-80px;left:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,0.07) 0%,transparent 65%)}
.inquiry-grid{display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center;position:relative;z-index:2}
.inquiry-left h2{font-family:var(--font-head);font-size:clamp(28px,3.5vw,40px);color:var(--white);line-height:1.2;margin-bottom:14px}
.inquiry-left h2 span{color:var(--cat-light)}
.inquiry-left p{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.72;margin-bottom:28px}
.inquiry-benefits{display:flex;flex-direction:column;gap:13px}
.ib-item{display:flex;align-items:flex-start;gap:12px}
.ib-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:rgba(200,149,42,0.15);border:1px solid rgba(200,149,42,0.25);display:flex;align-items:center;justify-content:center;font-size:15px}
.ib-text h5{font-size:13px;font-weight:700;color:var(--white);margin-bottom:2px}
.ib-text p{font-size:16px;color:rgba(255,255,255,0.5);line-height:1.5}
.inquiry-form-box{background:var(--white);border-radius:var(--r-xl);padding:36px 32px;box-shadow:var(--sh-xl)}
.form-box-title{font-family:var(--font-head);font-size:20px;color:var(--navy);margin-bottom:4px}
.form-box-sub{font-size:13px;color:var(--gray-400);margin-bottom:24px}
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:12px;font-weight:700;color:var(--gray-700);margin-bottom:5px;letter-spacing:0.3px}
.form-input,.form-select{width:100%;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);font-family:var(--font-body);font-size:13px;color:var(--gray-800);outline:none;transition:all 0.2s;background:var(--white)}
.form-input:focus,.form-select:focus{border-color:var(--cat-mid);box-shadow:0 0 0 3px rgba(200,149,42,0.08)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-btn{width:100%;background:var(--cat-mid);color:var(--white);border:none;padding:14px;border-radius:var(--r-sm);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s;margin-top:6px}
.form-btn:hover{background:var(--cat)}
.form-note{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;color:var(--gray-400);justify-content:center}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
DUAL CTA BAND — BOFU
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.dual-cta{padding:0;background:var(--white)}
.dual-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dcta-card{padding:56px 48px;position:relative;overflow:hidden}
.dcta-card.client-cta{background:var(--cat)}
.dcta-card.partner-cta{background:var(--navy)}
.dcta-card::before{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.04)}
.dcta-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:14px;display:block;position:relative;z-index:2}
.dcta-title{font-family:var(--font-head);font-size:26px;color:var(--white);margin-bottom:12px;line-height:1.2;position:relative;z-index:2}
.dcta-title span{color:var(--gold-light)}
.dcta-desc{font-size:18px;color:rgba(255,255,255,0.6);line-height:1.65;margin-bottom:28px;position:relative;z-index:2;max-width:360px}
.dcta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
/* ── RESPONSIVE ── */
@media(max-width:1200px){.sg-grid.five-col{grid-template-columns:repeat(3,1fr)}.svc-card.featured-svc{flex-direction:column}.svc-card.featured-svc .svc-bar{width:100%;height:4px}.svc-card.featured-svc .svc-body{flex-direction:column;gap:16px}.svc-card.featured-svc .svc-features{flex-direction:column}.svc-card.featured-svc .svc-feat{width:100%}.svc-card.featured-svc .svc-footer{width:100%;border-left:none;border-top:1px solid var(--gray-100);flex-direction:row;min-width:auto}}
@media(max-width:1100px){.banner-grid{grid-template-columns:1fr}.navigator-wrap{display:none}.journey-grid{grid-template-columns:1fr 1fr}.sg-grid.three-col{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr 1fr}.why-grid-wrap{grid-template-columns:1fr}.testi-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.faq-sidebar{position:static}.inquiry-grid{grid-template-columns:1fr}.dual-cta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.site-nav,.header-phone{display:none}.journey-grid{grid-template-columns:1fr}.sg-grid.five-col,.sg-grid.three-col{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr}.process-track{grid-template-columns:repeat(1,1fr)}.process-track::before{display:none}.why-list{grid-template-columns:1fr}.why-card.guarantee-card{flex-direction:column}.compare-wrap{overflow-x:auto}.footer-grid{grid-template-columns:1fr 1fr}.sticky-mobile{display:block}body{padding-bottom:64px}.banner-stats{flex-direction:column}.banner-stat{border-right:none;border-bottom:1px solid var(--gray-100)}.banner-stat:last-child{border-bottom:none};div#wmn-fx{
bottom:101px !important
}}
@media(max-width:480px){.sg-grid.five-col,.sg-grid.three-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.banner-left{animation:fadeUp 0.55s ease both}
.navigator-wrap{animation:fadeUp 0.6s 0.15s ease both}
.banner-stat:nth-child(1){animation:fadeUp 0.5s 0.1s ease both}
.banner-stat:nth-child(2){animation:fadeUp 0.5s 0.2s ease both}
.banner-stat:nth-child(3){animation:fadeUp 0.5s 0.3s ease both}
.banner-stat:nth-child(4){animation:fadeUp 0.5s 0.4s ease both}
/* â•â• LEGAL SECTION â•â• */
.legal-sec{background:linear-gradient(135deg,#06101F 0%,var(--navy) 60%,#0F1E3A 100%);padding:80px 0;position:relative;overflow:hidden}
.legal-sec::after{content:'';position:absolute;top:-30%;right:-8%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,42,.08) 0%,transparent 70%)}
.leg-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.legal-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(12,158,110,.15);border:1px solid rgba(12,158,110,.3);color:#4ADE80;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.legal-cite{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;margin-bottom:18px}
.leg-ref-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:10px}
.leg-quote{font-family:var(--fh);font-size:16px;color:#fff;line-height:1.6;font-style:italic;margin-bottom:10px}
.leg-src{font-size:11px;color:rgba(255,255,255,.4)}
.legal-pts{display:flex;flex-direction:column;gap:12px}
.lp{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;background:rgba(12,158,110,.07);border:1px solid rgba(12,158,110,.2);border-radius:var(--r)}
.lp-ic{font-size:16px;flex-shrink:0}
.lp-txt{font-size:13px;color:rgba(255,255,255,.8);line-height:1.6}
.lp-txt strong{color:#fff}
.leg-right{display:flex;flex-direction:column;gap:14px}
.lr-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:22px}
.lr-card.hi{border-color:rgba(200,149,42,.4);background:rgba(200,149,42,.07)}
.lr-ic{font-size:28px;margin-bottom:10px}
.lr-ttl{font-family:var(--fh);font-size:17px;color:#fff;margin-bottom:6px}
.lr-desc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.65}
/* â•â• CONTROL SECTION â•â• */
.ctrl-sec{background:var(--off);padding:80px 0}
.ctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ctrl-flow{display:flex;flex-direction:column;gap:0}
.cf-node{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:0}
.cf-line{width:2px;background:linear-gradient(180deg,var(--gold),transparent);height:40px;margin-left:20px}
.cf-dot{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid var(--gold)}
.cf-dot.you{background:var(--navy);border-color:var(--gold)}
.cf-dot.doc{background:var(--gold-pale);border-color:var(--gold)}
.cf-dot.nom{background:var(--g100);border-color:var(--g200)}
.cf-dot.ch{background:var(--blue-soft);border-color:var(--blue)}
.cf-content{flex:1;padding-bottom:24px}
.cf-ttl{font-family:var(--fh);font-size:16px;color:var(--navy);margin-bottom:5px}
.cf-desc{font-size:13px;color:var(--g600);line-height:1.6}
.cf-tag{display:inline-block;margin-top:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 9px;border-radius:100px}
.ctrl-docs{display:flex;flex-direction:column;gap:16px}
.doc-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:22px;box-shadow:var(--s1);transition:all .25s}
.doc-card:hover{border-color:var(--gold);box-shadow:var(--s2)}
.dc-hd{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.dc-ic{width:44px;height:44px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dc-nm{font-family:var(--fh);font-size:15px;color:var(--navy)}
.dc-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green)}
.dc-desc{font-size:13px;color:var(--g600);line-height:1.65}
/* â•â• CAN / CANNOT TABLE â•â• */
.cc-sec{background:var(--navy);padding:80px 0}
.cc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.cc-col{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);overflow:hidden}
.cc-col.can{border-color:rgba(12,158,110,.3);background:rgba(12,158,110,.05)}
.cc-col.cant{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}
.cc-hd{padding:16px 22px;display:flex;align-items:center;gap:11px}
.cc-hd.can{background:rgba(12,158,110,.1);border-bottom:1px solid rgba(12,158,110,.2)}
.cc-hd.cant{background:rgba(239,68,68,.08);border-bottom:1px solid rgba(239,68,68,.2)}
.cc-hd-ttl{font-family:var(--fh);font-size:18px;color:#fff}
.cc-hd-sub{font-size:12px;color:rgba(255,255,255,.5);margin-left:auto}
.cc-bdy{padding:8px 0}
.cc-row{display:flex;align-items:flex-start;gap:11px;padding:11px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.cc-row:last-child{border-bottom:none}
.cc-ic{font-size:14px;flex-shrink:0;margin-top:1px}
.cc-txt{font-size:13px;color:rgba(255,255,255,.8);line-height:1.5}
.cc-txt strong{color:#fff}
/* â•â• WHY NON-RESIDENTS NEED THIS â•â• */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.why-card{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:var(--gold)}
.why-ic{font-size:32px;margin-bottom:12px}
.why-ttl{font-family:var(--fh);font-size:17px;color:var(--navy);margin-bottom:8px}
.why-desc{font-size:17px;color:var(--g600);line-height:1.65}
.why-tag{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px;background:var(--blue-soft);color:var(--blue)}
/* â•â• USE CASES â•â• */
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:24px;transition:all .25s}
.uc:hover{background:rgba(255,255,255,.08);border-color:rgba(200,149,42,.4);transform:translateY(-3px)}
.uc-ic{font-size:30px;margin-bottom:12px}
.uc-ttl{font-family:var(--fh);font-size:16px;color:#fff;margin-bottom:8px}
.uc-desc{font-size:13px;color:rgba(255,255,255,.62);line-height:1.6}
.uc-tag{display:inline-block;margin-top:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px;background:rgba(200,149,42,.12);color:var(--gold-light);border:1px solid rgba(200,149,42,.25)}
/* â•â• WHAT'S INCLUDED â•â• */
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.inc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:26px;transition:all .25s}
.inc:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:var(--gold)}
.inc-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.inc-ic{width:46px;height:46px;border-radius:10px;background:var(--gold-pale);border:1px solid rgba(200,149,42,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.inc-nm{font-family:var(--fh);font-size:20px;color:var(--navy)}
.inc-badge{display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--green-pale);color:var(--green);margin-top:2px}
.inc-desc{font-size:18px;color:var(--g600);line-height:1.65}
/* â•â• PERSONA â•â• */
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc{background:#fff;border:1px solid var(--g200);border-radius:var(--rl);padding:24px;text-align:center;transition:all .25s}
.pc:hover{border-color:var(--gold);box-shadow:var(--s2);transform:translateY(-3px)}
.pfl{font-size:34px;margin-bottom:7px}
.prg{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:8px}
.pnm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:7px}
.pds{font-size:17px;color:var(--g600);line-height:1.6}
/* â•â• PROCESS â•â• */
.proc-sec{background:var(--navy);padding:80px 0}
.proc-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.proc-wrap::before{content:'';position:absolute;top:39px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:0}
.proc-sec .ps{text-align:center;padding:0px 14px;position:relative;z-index:1}
.proc-sec .ps-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,.06);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px rgba(200,149,42,.2)}
.proc-sec .ps-ttl{font-family:var(--fh);font-size:20px;color:#fff;margin-bottom:7px}
.proc-sec .ps-desc{font-size:17px;color:rgba(255,255,255,.55);line-height:1.6}
.proc-sec .ps-time{display:inline-block;margin-top:8px;background:rgba(200,149,42,.12);color:var(--gold);font-size:14px;font-weight:700;padding:3px 10px;border-radius:100px;border:1px solid rgba(200,149,42,.25)}
/* â•â• AML/KYC TRANSPARENCY â•â• */
.aml-sec{padding:80px 0}
.aml-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.aml-docs{display:flex;flex-direction:column;gap:13px}
.ad{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--g200);border-radius:var(--r);transition:all .2s}
.ad:hover{border-color:var(--gold)}
.ad-num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--fh);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ad-ic{font-size:20px;flex-shrink:0}
.ad-txt strong{display:block;font-size:13px;color:var(--navy)}
.ad-txt span{font-size:12px;color:var(--g600)}
.aml-note{background:var(--gold-pale);border:1px solid rgba(200,149,42,.25);border-radius:var(--rl);padding:24px}
.an-ttl{font-family:var(--fh);font-size:18px;color:var(--navy);margin-bottom:14px}
.an-pts{display:flex;flex-direction:column;gap:11px}
.anp{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--g700);line-height:1.6}
.anp-ic{color:var(--green);font-size:14px;flex-shrink:0;margin-top:2px}
/* â•â• PRICING â•â• */
.pkg-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.pk{background:#fff;border:2px solid var(--g200);border-radius:var(--rl);overflow:hidden;transition:all .25s;position:relative}
.pk:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.pk.feat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--s3)}
.pk-rb{position:absolute;top:-1px;right:20px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;letter-spacing:.5px}
.pk-hdr{padding:26px 26px 18px;border-bottom:1px solid var(--g100)}
.pk-ic{font-size:26px;margin-bottom:10px}
.pk-nm{font-family:var(--fh);font-size:20px;color:var(--navy);margin-bottom:3px}
.pk-tag{font-size:12px;color:var(--g600);margin-bottom:14px}
.pk-pr{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}
.pk-cur{font-size:18px;font-weight:700;color:var(--navy)}
.pk-amt{font-family:var(--fh);font-size:40px;color:var(--navy);line-height:1}
.pk-per{font-size:12px;color:var(--g400);margin-left:3px}
.pk-bdy{padding:20px 26px}
.pkf{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid var(--g100);font-size:16px;color:var(--g700)}
.pkf:last-child{border-bottom:none}
.pkf.dim{color:var(--g400)}
.pk-ft{padding:0 26px 26px}
.pk-btn{width:100%;padding:12px;text-align:center;font-size:14px;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;display:block}
.pk-btn.gld{background:var(--gold);color:var(--navy)}.pk-btn.gld:hover{background:var(--gold-light)}
.pk-btn.drk{background:var(--navy);color:#fff}.pk-btn.drk:hover{background:var(--navy-mid)}
.pk-btn.brd{background:transparent;color:var(--navy);border:1.5px solid var(--g200)}.pk-btn.brd:hover{border-color:var(--gold);color:var(--gold)}
/* â•â• COMPARE â•â• */
.cmp-sec{background:var(--off);padding:80px 0}
.cmp-tbl{width:100%;border-collapse:collapse;border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2);margin-top:48px}
.cmp-tbl th{background:var(--navy);color:#fff;padding:15px 20px;text-align:left;font-size:13px;font-weight:600}
.cmp-tbl th.hi{background:var(--gold);color:var(--navy)}
.cmp-tbl td{padding:13px 20px;border-bottom:1px solid var(--g200);background:#fff;font-size:13px;color:var(--g700)}
.cmp-tbl td.hi{background:var(--gold-pale);font-weight:600;color:var(--navy)}
.cmp-tbl tr:last-child td{border-bottom:none}
.cmp-tbl tr:hover td{background:var(--off)}.cmp-tbl tr:hover td.hi{background:var(--gold-pale)}
.y{color:var(--green);font-size:17px;font-weight:700}
.n{color:var(--red);font-size:15px}
.m{color:var(--gold);font-size:13px;font-weight:600}
div#wmn-fx {
position: fixed;
bottom: 40% !important;
right: 25px;
z-index: 99999;
}
.pi-commission{
display:none;
}
.why-what-do{
display: flex;
margin: 25px 0px;
}
@media(max-width:768px){
div#wmn-fx {
bottom: 105px !important;
}
div#wmn-fx {
display:none;
}
.wp-singular.page-template iframe{
bottom:20% !important;
}
.blog-page-header {
background: var(--white);
border-left: 5px solid var(--gold);
position: relative;
overflow: hidden;
margin-top: 76px;
}
.why-what-do{
flex-direction:column;
}
.ah {
background: var(--w);
border-left: 5px solid var(--gold);
position: relative;
overflow: hidden;
margin-top: 77px;
display: none;
}
.c {
padding: 70px 28px 0px 28px;
}
.page-activate-global-homepage .feature-stat-grid {
display: grid;
grid-template-columns: 1fr !important;
gap: 20px;
margin-top: 24px;
}
.service-banner.m-86 {
margin-top: 76px;
}
.page-activate-global-homepage .hero-form-card{
padding: 0px;
}
.banner-top-bar{background:#0B1F3A;padding:9px 0;border-left:5px solid #1E4D6B; display: none !important;}
.btn {
white-space: normal;
}
.inc-grid {
grid-template-columns: 1fr;
}
.persona-grid {
grid-template-columns: 1fr;
}
.pkg-wrap {
grid-template-columns: 1fr !important;
}
.table-dv{
width: 100%;
overflow-x: scroll;
}
}
.ctaband .bw {
background: #1ebe5d;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(37, 211, 102, .4);
}
.blog-main .pc-thumb img{
width:100%;
}
.blog-main .pc-cat {
background: #C9961A;
}