/* investment-fraud.html */
/* ===== Investment fraud page: added sections ===== */
.ponzi-explain-section{background:linear-gradient(135deg,#0f172a 0%,#0b1220 60%, #0f172a 100%); padding:5rem 0; position:relative; overflow:hidden;}
.ponzi-explain-section:before{content:""; position:absolute; inset:-40% -20%; background:radial-gradient(circle at 20% 30%, rgba(98,191,202,0.22), transparent 55%); pointer-events:none;}
.ponzi-explain-section:after{content:""; position:absolute; inset:-40% -20%; background:radial-gradient(circle at 80% 70%, rgba(200,168,78,0.18), transparent 55%); pointer-events:none;}
.ponzi-explain-grid{display:grid; grid-template-columns: 1.05fr 0.95fr; gap:3rem; align-items:center; position:relative; z-index:1;}
.ponzi-kicker{display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem; border-radius:999px; background:rgba(98,191,202,0.12); border:1px solid rgba(98,191,202,0.25); color:#62BFCA; font-weight:800; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase;}
.ponzi-explain-title{color:#fff; font-weight:900; line-height:1.15; font-size:2.4rem; margin:.9rem 0 1rem;}
.ponzi-explain-lead{color:rgba(255,255,255,0.82); font-size:1.05rem; line-height:1.75; max-width: 56ch;}
.ponzi-points{margin-top:1.6rem; display:grid; gap:.9rem;}
.ponzi-point{display:flex; gap:.85rem; align-items:flex-start; padding:1rem 1rem; border-radius:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10);}
.ponzi-point svg{flex:0 0 auto; margin-top:.15rem;}
.ponzi-point b{color:#fff;}
.ponzi-point span{color:rgba(255,255,255,0.78); line-height:1.6; display:block; margin-top:.15rem;}
.ponzi-cta-row{margin-top:1.8rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center;}
.ponzi-cta-row .btn{display:inline-flex; align-items:center; gap:.6rem;}
.ponzi-trust{color:rgba(255,255,255,0.65); font-size:.92rem;}
.ponzi-visual{position:relative; border-radius:18px; overflow:hidden; box-shadow:0 18px 48px rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.12);}
.ponzi-visual img{display:block; width:100%; height:520px; object-fit:cover; transform:scale(1.02);}
.ponzi-visual-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.85) 78%);}
.ponzi-visual-badge{position:absolute; left:18px; top:18px; display:inline-flex; align-items:center; gap:.6rem; background:rgba(15,23,42,0.72); border:1px solid rgba(98,191,202,0.25); border-radius:999px; padding:.55rem .9rem; color:#fff; font-weight:800; font-size:.85rem;}
.ponzi-visual-badge svg{stroke:#62BFCA;}
.ponzi-visual-caption{position:absolute; left:18px; right:18px; bottom:18px; padding:1rem 1rem; border-radius:14px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); backdrop-filter: blur(6px);}
.ponzi-visual-caption b{color:#fff;}
.ponzi-visual-caption p{margin:.35rem 0 0; color:rgba(255,255,255,0.78); line-height:1.55; font-size:.95rem;}
.ponzi-process-section{background:#ffffff; padding:5rem 0;}
.ponzi-process-steps{display:grid; gap:1.25rem; margin-top:2rem;}
.ponzi-step{display:flex; gap:1.25rem; padding:1.35rem 1.35rem; border-radius:16px; background:#f8fafc; border:1px solid #e5e7eb; box-shadow:0 8px 22px rgba(15,23,42,0.06);}
.ponzi-step-num{width:46px; height:46px; border-radius:14px; background:#0f172a; color:#62BFCA; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.15rem; flex:0 0 auto;}
.ponzi-step h4{margin:0 0 .35rem; font-weight:900; color:#0f172a; font-size:1.08rem;}
.ponzi-step p{margin:0; color:#64748b; line-height:1.75; font-size:1rem;}
.ponzi-process-grid{display:grid; grid-template-columns: 1fr 1fr; gap:3.5rem; align-items:center;}
.ponzi-process-image{position:relative; border-radius:18px; overflow:hidden; box-shadow:0 16px 44px rgba(15,23,42,0.14); border:1px solid rgba(15,23,42,0.10);}
.ponzi-process-image img{width:100%; height:520px; object-fit:cover; display:block;}
.ponzi-process-image .badge{position:absolute; right:16px; bottom:16px; background:#0f172a; color:#fff; border:1px solid rgba(98,191,202,0.35); border-radius:999px; padding:.6rem 1rem; font-weight:800; display:flex; align-items:center; gap:.55rem;}
.ponzi-process-image .badge svg{stroke:#62BFCA;}
@media (max-width: 980px){
.ponzi-explain-grid, .ponzi-process-grid{grid-template-columns: 1fr; gap:2rem;}
.ponzi-visual img, .ponzi-process-image img{height:380px;}
.ponzi-explain-title{font-size:2.05rem;}
}
@media (max-width: 560px){
.ponzi-explain-section, .ponzi-process-section{padding:4rem 0;}
.ponzi-point{padding:.9rem .9rem;}
.ponzi-step{padding:1.1rem 1.1rem;}
}
/* ===== Interactive hover + tap effects (matched to Our Approach cards) ===== */
/* --- Understanding investment fraud (left-column boxes) --- */
.ponzi-point{
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
will-change: transform;
}
/* glass glow layer */
.ponzi-point::before{
content:"";
position:absolute;
inset:-2px;
opacity:0;
pointer-events:none;
background:
radial-gradient(120px 120px at 20% 20%, rgba(98,191,202,0.26), transparent 60%),
radial-gradient(140px 140px at 85% 75%, rgba(200,168,78,0.22), transparent 62%),
linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02));
filter: blur(10px);
transition: opacity .28s ease;
}
.ponzi-point:hover{
transform: translateY(-6px);
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.18);
box-shadow: 0 14px 32px rgba(0,0,0,0.35);
}
.ponzi-point:hover::before{ opacity:1; }
/* icon colour shift + subtle emphasis */
.ponzi-point svg{
transition: transform .28s ease, stroke .28s ease, opacity .28s ease;
}
.ponzi-point:hover svg{
stroke: #c8a84e;
transform: translateY(-1px);
opacity: 0.98;
}
.ponzi-point b{
transition: color .28s ease;
}
.ponzi-point:hover b{ color:#ffffff; }
/* --- Our Process steps (left-column boxes) --- */
.ponzi-step{
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
will-change: transform;
}
.ponzi-step::before{
content:"";
position:absolute;
inset:-2px;
opacity:0;
pointer-events:none;
background:
radial-gradient(140px 140px at 18% 25%, rgba(98,191,202,0.20), transparent 60%),
radial-gradient(160px 160px at 85% 80%, rgba(200,168,78,0.16), transparent 62%),
linear-gradient(135deg, rgba(255,255,255,0.75), rgba(255,255,255,0.00));
filter: blur(14px);
transition: opacity .28s ease;
}
.ponzi-step:hover{
transform: translateY(-6px);
border-color: rgba(98,191,202,0.45);
background: #ffffff;
box-shadow: 0 18px 44px rgba(15,23,42,0.14);
}
.ponzi-step:hover::before{ opacity:1; }
/* number glow on hover */
.ponzi-step-num{
transition: box-shadow .28s ease, transform .28s ease, background .28s ease, color .28s ease;
}
.ponzi-step:hover .ponzi-step-num{
box-shadow:
0 10px 24px rgba(15,23,42,0.28),
0 0 0 6px rgba(98,191,202,0.16);
transform: translateY(-1px);
}
/* --- Mobile tap micro-interactions (no-hover devices) --- */
@media (hover: none){
.ponzi-point:active{
transform: translateY(-4px);
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.18);
box-shadow: 0 12px 26px rgba(0,0,0,0.30);
}
.ponzi-point:active::before{ opacity:1; }
.ponzi-point:active svg{ stroke:#c8a84e; transform: translateY(-1px); }
.ponzi-step:active{
transform: translateY(-4px);
border-color: rgba(98,191,202,0.45);
background:#ffffff;
box-shadow: 0 16px 36px rgba(15,23,42,0.13);
}
.ponzi-step:active::before{ opacity:1; }
.ponzi-step:active .ponzi-step-num{
box-shadow:
0 10px 22px rgba(15,23,42,0.26),
0 0 0 6px rgba(98,191,202,0.16);
transform: translateY(-1px);
}
}
/* ===== Investment Fraud: Verification services (new) ===== */
.verify-duo-section{background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%); padding:5rem 0; position:relative; overflow:hidden;}
.verify-duo-section:before{content:""; position:absolute; inset:-30% -20%; background:radial-gradient(circle at 15% 20%, rgba(98,191,202,0.14), transparent 55%); pointer-events:none;}
.verify-duo-section:after{content:""; position:absolute; inset:-30% -20%; background:radial-gradient(circle at 85% 75%, rgba(200,168,78,0.10), transparent 55%); pointer-events:none;}
.verify-duo-grid{display:grid; grid-template-columns: 1fr 1fr; gap:2.25rem; position:relative; z-index:1; margin-top:2.25rem;}
.verify-card{border-radius:18px; background:#ffffff; border:1px solid #e5e7eb; box-shadow:0 14px 38px rgba(15,23,42,0.08); overflow:hidden; display:flex; flex-direction:column;}
.verify-card-top{padding:1.6rem 1.6rem 1.2rem;}
.verify-badge{display:inline-flex; align-items:center; gap:.55rem; padding:.55rem 1rem; border-radius:999px; background:rgba(98,191,202,0.12); border:1px solid rgba(98,191,202,0.25); color:#0f172a; font-weight:900; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase;}
.verify-badge svg{stroke:#62BFCA;}
.verify-title{margin:.9rem 0 .55rem; font-weight:900; font-size:1.55rem; color:#0f172a; line-height:1.2;}
.verify-lead{margin:0; color:#64748b; line-height:1.75; font-size:1.02rem;}
.verify-phases{padding:0 1.6rem 1.6rem; display:grid; gap:.9rem;}
.phase{display:flex; gap:.9rem; align-items:flex-start; padding:1rem 1rem; border-radius:14px; background:#f8fafc; border:1px solid #e5e7eb; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;}
.phase svg{flex:0 0 auto; margin-top:.15rem; stroke:#0f172a;}
.phase b{display:block; color:#0f172a; font-weight:900; margin-bottom:.15rem;}
.phase span{display:block; color:#64748b; line-height:1.65;}
.phase:hover{transform: translateY(-6px); border-color: rgba(98,191,202,0.45); background:#ffffff; box-shadow:0 18px 44px rgba(15,23,42,0.12);}
.verify-image{position:relative; height:240px; overflow:hidden; border-top:1px solid #e5e7eb;}
.verify-image img{width:100%; height:100%; object-fit:cover; display:block;}
.verify-image:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,23,42,0.00) 0%, rgba(15,23,42,0.38) 100%);}
/* CTA strip inside cards */
.verify-cta{margin-top:auto; padding:1.25rem 1.6rem 1.6rem; display:flex; gap:1rem; flex-wrap:wrap; align-items:center; border-top:1px solid #e5e7eb; background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);}
.verify-cta .btn{display:inline-flex; align-items:center; gap:.6rem;}
.verify-cta small{color:#64748b; font-weight:600;}
@media (max-width: 980px){
.verify-duo-grid{grid-template-columns:1fr; gap:1.5rem;}
.verify-image{height:220px;}
}
@media (max-width: 560px){
.verify-duo-section{padding:4rem 0;}
.verify-card-top{padding:1.35rem 1.35rem 1.05rem;}
.verify-phases{padding:0 1.35rem 1.35rem;}
.verify-cta{padding:1.15rem 1.35rem 1.35rem;}
}
/* ===== Visual enhancement: image overlays + parallax + subtle motion ===== */
.iye-parallax-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform: translateY(0px) scale(1.08);
transition: transform .9s cubic-bezier(.2,.8,.2,1);
will-change: transform;
}
.ponzi-visual:hover .iye-parallax-img,
.verify-image:hover .iye-parallax-img{
transform: translateY(0px) scale(1.16);
}
/* Enrich existing overlay (keeps badge/caption legibility) */
.ponzi-visual-overlay{
background:
radial-gradient(80% 60% at 20% 10%, rgba(98,191,202,0.18), transparent 60%),
radial-gradient(70% 60% at 90% 30%, rgba(200,168,78,0.14), transparent 55%),
linear-gradient(180deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.88) 78%);
}
/* Add a clean overlay for verification images */
.verify-image:after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(70% 60% at 20% 20%, rgba(98,191,202,0.12), transparent 60%),
linear-gradient(180deg, rgba(2,6,23,0.00) 0%, rgba(2,6,23,0.45) 70%, rgba(2,6,23,0.62) 100%);
pointer-events:none;
}
.iye-image-overlay-lite{
position:absolute;
inset:0;
background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0));
mix-blend-mode: overlay;
opacity:.55;
pointer-events:none;
}
/* Entrance motion (respects reduced motion) */
.iye-inview{
opacity:1 !important;
transform: translateY(0) !important;
}
.ponzi-visual, .verify-image{
opacity:0;
transform: translateY(14px);
transition: opacity .8s ease, transform .8s ease;
}
@media (prefers-reduced-motion: reduce){
.iye-parallax-img{transition:none; transform:none;}
.ponzi-visual, .verify-image{transition:none; opacity:1; transform:none;}
}
/* investment-fraud.html */
/* ===== Page utilities (moved from deleted section) ===== */
/* ===== NEW NAVIGATION STYLES ===== */
/* Desktop dropdown nav */
.nav-list {
display: flex;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.nav-list > li {
position: relative;
}
.nav-link {
display: flex;
align-items: center;
gap: 0.3rem;
padding: 0.75rem 1rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--primary, #0a1628);
text-decoration: none;
transition: color 0.25s ease;
white-space: nowrap;
}
.nav-link:hover {
color: var(--accent, #c8a84e);
}
.nav-link .dropdown-arrow {
width: 10px;
height: 10px;
transition: transform 0.25s ease;
flex-shrink: 0;
}
.nav-list > li:hover .dropdown-arrow,
.nav-list > li.dropdown-open .dropdown-arrow {
transform: rotate(180deg);
}
/* Desktop dropdown panel */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: var(--white, #fff);
border: 1px solid var(--gray-200, #e5e7eb);
border-radius: 12px;
box-shadow: 0 12px 32px rgba(0,0,0,0.12);
padding: 0.5rem 0;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
z-index: 1000;
}
.nav-list > li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-menu a {
display: block;
padding: 0.75rem 1.25rem;
font-size: 0.875rem;
font-weight: 600;
color: var(--primary, #0a1628);
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
.dropdown-menu a:hover {
background: var(--gray-50, #f9fafb);
color: var(--accent, #c8a84e);
}
/* Hide desktop nav on mobile */
@media (max-width: 900px) {
.nav { display: none !important; }
}
/* ===== BURGER / MOBILE MENU ===== */
.mobile-toggle {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
background: none;
border: none;
cursor: pointer;
z-index: 1100;
gap: 5px;
}
.mobile-toggle span {
display: block;
width: 24px;
height: 2px;
background: var(--primary, #0a1628);
border-radius: 2px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 900px) {
.mobile-toggle { display: flex; }
}
/* Burger X animation */
.mobile-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.mobile-toggle.active span:nth-child(2) {
opacity: 0;
}
.mobile-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* Mobile overlay menu */
.mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(10, 22, 40, 0.5);
backdrop-filter: blur(4px);
z-index: 1050;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-menu {
position: fixed;
top: 0;
right: 0;
width: 320px;
max-width: 85vw;
height: 100vh;
background: var(--white, #fff);
z-index: 1060;
transform: translateX(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
overflow-y: auto;
display: flex;
flex-direction: column;
}
.mobile-menu.active {
transform: translateX(0);
}
.mobile-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 1.5rem;
border-bottom: 1px solid var(--gray-200, #e5e7eb);
}
.mobile-menu-header .logo-title {
font-size: 1rem;
font-weight: 800;
letter-spacing: 0.1em;
color: var(--primary, #0a1628);
}
.mobile-menu-close {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gray-50, #f9fafb);
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease;
}
.mobile-menu-close:hover {
background: var(--gray-200, #e5e7eb);
}
.mobile-menu-body {
padding: 1rem 0;
flex: 1;
}
/* Mobile nav items */
.mobile-nav-item {
border-bottom: 1px solid var(--gray-100, #f3f4f6);
}
.mobile-nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.5rem;
font-size: 0.9375rem;
font-weight: 700;
color: var(--primary, #0a1628);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: background 0.2s ease;
cursor: pointer;
}
.mobile-nav-link:hover {
background: var(--gray-50, #f9fafb);
}
.mobile-nav-link .mobile-arrow {
width: 16px;
height: 16px;
transition: transform 0.3s ease;
color: var(--gray-400, #9ca3af);
}
.mobile-nav-item.open .mobile-nav-link .mobile-arrow {
transform: rotate(180deg);
color: var(--accent, #c8a84e);
}
.mobile-nav-item.open > .mobile-nav-link {
color: var(--accent, #c8a84e);
}
/* Mobile sub-menu */
.mobile-sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
background: var(--gray-50, #f9fafb);
}
.mobile-nav-item.open .mobile-sub-menu {
max-height: 300px;
}
.mobile-sub-menu a {
display: block;
padding: 0.75rem 1.5rem 0.75rem 2.5rem;
font-size: 0.875rem;
font-weight: 600;
color: var(--gray-600, #4b5563);
text-decoration: none;
transition: color 0.2s ease, background 0.2s ease;
}
.mobile-sub-menu a:hover {
color: var(--accent, #c8a84e);
background: var(--gray-100, #f3f4f6);
}
/* Mobile menu divider & secondary links */
.mobile-menu-divider {
height: 1px;
background: var(--gray-200, #e5e7eb);
margin: 0.75rem 1.5rem;
}
.mobile-secondary-links {
padding: 0.25rem 0;
}
.mobile-secondary-links a {
display: block;
padding: 0.75rem 1.5rem;
font-size: 0.8125rem;
font-weight: 600;
color: var(--gray-500, #6b7280);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: color 0.2s ease;
}
.mobile-secondary-links a:hover {
color: var(--accent, #c8a84e);
}
/* Mobile menu footer CTA */
.mobile-menu-footer {
padding: 1.25rem 1.5rem;
border-top: 1px solid var(--gray-200, #e5e7eb);
}
.mobile-menu-footer .btn {
display: block;
width: 100%;
text-align: center;
padding: 1rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--accent, #c8a84e);
color: var(--white, #fff);
border-radius: 10px;
text-decoration: none;
transition: background 0.25s ease, transform 0.25s ease;
}
.mobile-menu-footer .btn:hover {
background: #d4edf4;
color: var(--primary, #0a1628);
transform: translateY(-2px);
}
/* Prevent body scroll when menu open */
body.menu-open {
overflow: hidden;
}
/* ===== END NAV STYLES ===== */
/* Logo image styles */
.logo-img {
height: 110px;
width: auto;
display: block;
}
/* Mobile logo fix - prevent stretching on mobile devices */
@media (max-width: 900px) {
.logo-img {
height: 70px;
max-width: 220px;
object-fit: contain;
}
}
/* Reduce Book a Call button padding to give logo more space */
.header-actions .btn-primary {
padding-left: 1rem;
padding-right: 1rem;
}
/* Book a Call button hover override */
.header-actions .btn-primary:hover {
background: #d4edf4 !important;
color: var(--primary, #0a1628) !important;
}
.service-item:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
section[style*="grid-template-columns: repeat(2, 1fr)"] > div > div[style*="grid-template-columns: repeat(2, 1fr)"] {
grid-template-columns: 1fr !important;
}
}