@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKK58VXh.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Instrument Serif';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjgn7MsNo.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Instrument Serif';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7M.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Instrument Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizBRFtNs2ka5fXjeivQ4LroWlx-6zsTjmbI.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Instrument Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}:root {
--navy: #0C1B2E;
--navy-light: #142D4A;
--navy-mid: #1A3A5C;
--gold: #DF4A26;
--gold-light: #E8C980;
--gold-dim: rgba(212, 168, 83, 0.15);
--cream: #FAF7F2;
--white: #FFFFFF;
--gray-50: #F8F9FA;
--gray-100: #F1F3F5;
--gray-200: #E9ECEF;
--gray-300: #DEE2E6;
--gray-400: #ADB5BD;
--gray-500: #6C757D;
--gray-600: #495057;
--gray-700: #343A40;
--gray-800: #212529;
--red-accent: #E74C3C;
--green-accent: #2ECC71;
--font-display: 'Instrument Serif', Georgia, serif;
--font-body: 'DM Sans', -apple-system, sans-serif;
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
body {
font-family: var(--font-body);
color: var(--gray-800);
background: var(--white);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
} .nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: rgba(12, 27, 46, 0.95);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(212, 168, 83, 0.1);
transition: all 0.4s var(--ease-out);
}
.nav-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
align-items: center;
justify-content: space-between;
height: 72px;
}
.nav-logo,
a.custom-logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
height: 36px;
}
.nav-logo img,
a.custom-logo-link img.custom-logo {
height: 32px;
width: auto;
filter: none;
transition: opacity 0.2s;
}
.nav-logo img:hover,
a.custom-logo-link:hover img.custom-logo {
opacity: 0.85;
}
.nav-logo-text {
font-family: var(--font-body);
font-size: 1.4rem;
font-weight: 700;
color: var(--white);
letter-spacing: -0.02em;
display: none;
}
.nav-logo-text span {
color: var(--gold);
}
.nav-logo img[data-failed="true"] {
display: none;
}
.nav-logo img[data-failed="true"]+.nav-logo-text {
display: inline;
}
.nav-links {
display: flex;
align-items: center;
gap: 2rem;
}
.nav-links a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
transition: color 0.2s;
cursor: pointer;
}
.nav-links a:hover {
color: var(--white);
}
.nav-links a.active {
color: var(--gold);
}
.nav-cta {
background: var(--gold);
color: var(--navy) !important;
padding: 0.6rem 1.4rem;
border-radius: 6px;
font-weight: 600 !important;
font-size: 0.85rem !important;
transition: all 0.2s;
opacity: 1 !important;
}
.nav-cta:hover {
background: var(--gold-light);
transform: translateY(-1px);
} .mobile-menu-toggle {
display: none;
background: none;
border: none;
color: var(--white);
font-size: 1.5rem;
cursor: pointer;
padding: 0.5rem;
z-index: 1001;
line-height: 1;
} body.mobile-menu-active {
overflow: hidden;
} .mobile-menu-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.mobile-menu-overlay.active {
display: block;
} @media (max-width: 900px) { .mobile-menu-toggle {
display: block;
} .nav {
overflow: visible !important;
}
.nav-links {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
height: calc(100vh - 72px);
height: calc(100dvh - 72px);
min-height: 400px;
background: var(--navy);
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 1rem 0;
overflow-y: auto;
z-index: 1000;
-webkit-overflow-scrolling: touch;
}
.nav-links.mobile-open {
display: flex !important;
} body.admin-bar .nav-links {
height: calc(100vh - 72px - 32px);
height: calc(100dvh - 72px - 32px);
}
.nav-links>a,
.nav-links>.nav-dropdown>a {
display: block;
padding: 1rem 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 1rem;
}
.nav-links>a:hover,
.nav-links>.nav-dropdown>a:hover {
background: rgba(255, 255, 255, 0.05);
}
.nav-links .nav-cta {
margin: 1rem 1.5rem;
text-align: center;
display: block;
} .nav-dropdown {
position: relative;
}
.nav-dropdown>a::after {
content: ' ▾';
float: right;
transition: transform 0.3s;
}
.nav-dropdown.mobile-open>a::after {
transform: rotate(180deg);
}
.nav-dropdown-menu {
position: static !important;
display: none;
background: rgba(0, 0, 0, 0.2);
box-shadow: none;
border-radius: 0;
padding: 0;
min-width: auto;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.nav-dropdown.mobile-open .nav-dropdown-menu {
display: block;
}
.nav-dropdown-menu a {
padding: 0.75rem 1.5rem 0.75rem 2.5rem !important;
font-size: 0.9rem !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.nav-dropdown-menu a.dd-label {
color: var(--gold) !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-top: 1rem !important;
padding-left: 2.5rem !important;
cursor: default;
}
} .hero {
position: relative;
min-height: 100vh;
background: var(--navy);
display: flex;
align-items: center;
overflow: hidden;
padding-top: 72px;
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 80% 60% at 70% 40%, rgba(212, 168, 83, 0.08) 0%, transparent 60%),
radial-gradient(ellipse 60% 80% at 20% 80%, rgba(26, 58, 92, 0.5) 0%, transparent 50%);
}
.hero-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(212, 168, 83, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(212, 168, 83, 0.03) 1px, transparent 1px);
background-size: 60px 60px;
mask-image: radial-gradient(ellipse 70% 70% at 60% 50%, black 20%, transparent 70%);
}
.hero-content {
position: relative;
z-index: 2;
max-width: 1280px;
margin: 0 auto;
padding: 4rem 2rem;
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 4rem;
align-items: center;
}
.hero-tag {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.4rem 1rem;
background: var(--gold-dim);
border: 1px solid rgba(212, 168, 83, 0.25);
border-radius: 100px;
font-size: 0.8rem;
font-weight: 600;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 1.5rem;
animation: fadeUp 0.8s var(--ease-out) both;
}
.hero-tag::before {
content: '';
width: 6px;
height: 6px;
background: var(--gold);
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
.hero h1 {
font-family: var(--font-display);
font-size: clamp(2.8rem, 5vw, 4.2rem);
line-height: 1.08;
color: var(--white);
margin-bottom: 1.5rem;
animation: fadeUp 0.8s 0.1s var(--ease-out) both;
}
.hero h1 em {
font-style: italic;
color: var(--gold);
}
.hero-sub {
font-size: 1.1rem;
line-height: 1.7;
color: rgba(255, 255, 255, 0.6);
max-width: 520px;
margin-bottom: 2.5rem;
animation: fadeUp 0.8s 0.2s var(--ease-out) both;
}
.hero-actions {
display: flex;
gap: 1rem;
flex-wrap: wrap;
animation: fadeUp 0.8s 0.3s var(--ease-out) both;
}
.btn-primary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.9rem 2rem;
background: var(--gold);
color: var(--navy);
border: none;
border-radius: 8px;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.25s var(--ease-out);
}
.btn-primary:hover {
background: var(--gold-light);
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(212, 168, 83, 0.3);
}
.btn-secondary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.9rem 2rem;
background: transparent;
color: var(--white);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: all 0.25s;
}
.btn-secondary:hover {
border-color: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.05);
} .btn-secondary-light,
.single-content-wrap~div .btn-secondary,
.related-section~div .btn-secondary {
color: var(--navy);
border-color: var(--gray-300);
}
.btn-secondary-light:hover,
.single-content-wrap~div .btn-secondary:hover,
.related-section~div .btn-secondary:hover {
border-color: var(--gold);
color: var(--gold);
background: var(--gold-dim);
}
.hero-stats {
animation: fadeUp 0.8s 0.4s var(--ease-out) both;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 16px;
padding: 2.5rem;
}
.hero-stat-number {
font-family: var(--font-display);
font-size: 2.8rem;
color: var(--gold);
line-height: 1;
}
.hero-stat-label {
font-size: 0.82rem;
color: rgba(255, 255, 255, 0.5);
margin-top: 0.3rem;
line-height: 1.4;
}
.hero-stat {
padding: 0.5rem 0;
}
.hero-stat:nth-child(1),
.hero-stat:nth-child(2) {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
padding-bottom: 1.5rem;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .logos-bar {
background: var(--gray-50);
border-top: 1px solid var(--gray-200);
border-bottom: 1px solid var(--gray-200);
padding: 2.5rem 2rem;
}
.logos-bar-inner {
max-width: 1280px;
margin: 0 auto;
text-align: center;
}
.logos-bar-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gray-400);
margin-bottom: 1.5rem;
}
.logos-row {
display: flex;
align-items: center;
justify-content: center;
gap: 3rem;
flex-wrap: wrap;
}
.logo-item {
font-family: var(--font-body);
font-weight: 700;
font-size: 1rem;
color: var(--gray-400);
letter-spacing: -0.01em;
opacity: 0.6;
transition: opacity 0.2s;
display: inline-flex;
align-items: center;
}
.logo-item img {
max-height: 32px;
width: auto;
filter: grayscale(100%);
opacity: 0.7;
transition: filter 0.2s, opacity 0.2s;
}
.logo-item:hover {
opacity: 1;
}
.logo-item:hover img {
filter: grayscale(0%);
opacity: 1;
}
.logos-row a {
text-decoration: none;
}
.logos-row a .logo-item {
cursor: pointer;
} .credibility-strip {
padding: 2.5rem 2rem;
background: var(--white);
border-bottom: 1px solid var(--gray-200);
}
.credibility-strip-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 2.5rem;
flex-wrap: wrap;
}
.credibility-item {
display: flex;
align-items: center;
gap: 0.75rem;
}
.credibility-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--navy);
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-weight: 700;
font-size: 0.75rem;
overflow: hidden;
}
.credibility-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.credibility-text {
font-size: 0.82rem;
color: var(--gray-500);
line-height: 1.3;
}
.credibility-text strong {
color: var(--navy);
display: block;
}
.credibility-divider {
width: 1px;
height: 32px;
background: var(--gray-200);
}
.credibility-badge {
font-size: 0.82rem;
color: var(--gold);
font-weight: 600;
text-decoration: none;
transition: opacity 0.2s;
}
.credibility-badge:hover {
opacity: 0.8;
}
.credibility-badge img {
max-height: 28px;
width: auto;
}
a.credibility-badge {
display: inline-flex;
align-items: center;
} .differentiator {
padding: 6rem 2rem;
background: var(--white);
}
.differentiator-inner {
max-width: 1280px;
margin: 0 auto;
}
.section-tag {
display: inline-block;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gold);
margin-bottom: 1rem;
}
.section-title {
font-family: var(--font-display);
font-size: clamp(2rem, 3.5vw, 2.8rem);
line-height: 1.15;
color: var(--navy);
max-width: 700px;
margin-bottom: 1rem;
}
.section-title em {
font-style: italic;
color: var(--gold);
}
.section-sub {
font-size: 1.05rem;
line-height: 1.7;
color: var(--gray-500);
max-width: 600px;
margin-bottom: 3.5rem;
}
.diff-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.diff-card {
position: relative;
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 16px;
padding: 2.5rem 2rem;
transition: all 0.3s var(--ease-out);
cursor: pointer;
text-decoration: none;
display: block;
}
.diff-card:hover {
border-color: var(--gold);
transform: translateY(-4px);
box-shadow: 0 20px 60px rgba(12, 27, 46, 0.08);
}
.diff-card-number {
font-family: var(--font-display);
font-size: 3rem;
color: var(--gold);
opacity: 0.3;
line-height: 1;
margin-bottom: 1rem;
}
.diff-card h3 {
font-size: 1.15rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.75rem;
line-height: 1.3;
}
.diff-card p {
font-size: 0.9rem;
line-height: 1.65;
color: var(--gray-500);
margin-bottom: 1.5rem;
}
.diff-card-link {
font-size: 0.85rem;
font-weight: 600;
color: var(--gold);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.4rem;
transition: gap 0.2s;
}
.diff-card:hover .diff-card-link {
gap: 0.7rem;
} .why-section {
padding: 6rem 2rem;
background: var(--navy);
position: relative;
overflow: hidden;
}
.why-section::before {
content: '';
position: absolute;
top: -200px;
right: -200px;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(212, 168, 83, 0.06) 0%, transparent 70%);
border-radius: 50%;
}
.why-inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.why-inner .section-tag {
color: var(--gold);
}
.why-inner .section-title {
color: var(--white);
}
.why-inner .section-sub {
color: rgba(255, 255, 255, 0.5);
}
.why-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.why-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 2rem;
transition: all 0.3s;
}
.why-card:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(212, 168, 83, 0.3);
}
.why-card-icon {
width: 40px;
height: 40px;
background: var(--gold-dim);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
font-size: 1.1rem;
}
.why-card h4 {
font-size: 1rem;
font-weight: 600;
color: var(--white);
margin-bottom: 0.5rem;
}
.why-card p {
font-size: 0.88rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.5);
} .cases-section {
padding: 6rem 2rem;
background: var(--cream);
}
.cases-inner {
max-width: 1280px;
margin: 0 auto;
}
.cases-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.case-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2rem;
transition: all 0.3s var(--ease-out);
}
.case-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(12, 27, 46, 0.08);
}
.case-industry {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gold);
margin-bottom: 1rem;
}
.case-card h4 {
font-size: 1.05rem;
font-weight: 700;
color: var(--navy);
line-height: 1.35;
margin-bottom: 0.75rem;
}
.case-card p {
font-size: 0.88rem;
line-height: 1.6;
color: var(--gray-500);
margin-bottom: 1.5rem;
}
.case-metric {
display: flex;
gap: 1.5rem;
padding-top: 1rem;
border-top: 1px solid var(--gray-100);
}
.case-metric-item strong {
display: block;
font-family: var(--font-display);
font-size: 1.5rem;
color: var(--navy);
}
.case-metric-item span {
font-size: 0.75rem;
color: var(--gray-400);
} .cta-section {
padding: 6rem 2rem;
background: var(--navy);
text-align: center;
}
.cta-inner {
max-width: 680px;
margin: 0 auto;
}
.cta-inner h2 {
font-family: var(--font-display);
font-size: clamp(2rem, 3.5vw, 2.6rem);
color: var(--white);
line-height: 1.2;
margin-bottom: 1rem;
}
.cta-inner h2 em {
font-style: italic;
color: var(--gold);
}
.cta-inner p {
font-size: 1.05rem;
color: rgba(255, 255, 255, 0.5);
line-height: 1.6;
margin-bottom: 2.5rem;
}
.cta-actions {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
} .footer {
background: var(--gray-800);
padding: 4rem 2rem 2rem;
}
.footer-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 3rem;
}
.footer-brand p {
font-size: 0.88rem;
line-height: 1.6;
color: var(--gray-400);
margin-top: 0.75rem;
max-width: 280px;
}
.footer-col h5 {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gray-400);
margin-bottom: 1rem;
}
.footer-col a {
display: block;
font-size: 0.88rem;
color: var(--gray-500);
text-decoration: none;
padding: 0.3rem 0;
transition: color 0.2s;
cursor: pointer;
}
.footer-col a:hover {
color: var(--white);
}
.footer-bottom {
max-width: 1280px;
margin: 2rem auto 0;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom span {
font-size: 0.8rem;
color: var(--gray-500);
}
.footer-socials {
display: flex;
gap: 1rem;
}
.footer-socials a {
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.06);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--gray-400);
text-decoration: none;
font-size: 0.85rem;
transition: all 0.2s;
}
.footer-socials a:hover {
background: var(--gold);
color: var(--navy);
} .inner-hero {
padding: 10rem 2rem 4rem;
background: var(--navy);
position: relative;
}
.inner-hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 50% 80% at 50% 100%, rgba(212, 168, 83, 0.05) 0%, transparent 70%);
}
.inner-hero-content {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.inner-hero .section-tag {
color: var(--gold);
}
.inner-hero h1 {
font-family: var(--font-display);
font-size: clamp(2.4rem, 4vw, 3.2rem);
color: var(--white);
line-height: 1.15;
max-width: 700px;
margin-bottom: 1rem;
}
.inner-hero h1 em {
font-style: italic;
color: var(--gold);
}
.inner-hero p {
font-size: 1.1rem;
line-height: 1.7;
color: rgba(255, 255, 255, 0.55);
max-width: 560px;
} .solutions-grid {
padding: 5rem 2rem;
max-width: 1280px;
margin: 0 auto;
}
.solution-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
padding: 4rem 0;
border-bottom: 1px solid var(--gray-200);
}
.solution-block:last-child {
border-bottom: none;
}
.solution-block:nth-child(even) {
direction: rtl;
}
.solution-block:nth-child(even)>* {
direction: ltr;
}
.solution-label {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gold);
margin-bottom: 0.75rem;
}
.solution-block h3 {
font-family: var(--font-display);
font-size: 1.8rem;
color: var(--navy);
line-height: 1.2;
margin-bottom: 1rem;
}
.solution-block h3 em {
font-style: italic;
color: var(--gold);
}
.solution-block p {
font-size: 0.95rem;
line-height: 1.7;
color: var(--gray-500);
margin-bottom: 1.5rem;
}
.solution-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 2rem;
}
.solution-features li {
font-size: 0.88rem;
color: var(--gray-600);
padding-left: 1.2rem;
position: relative;
}
.solution-features li::before {
content: '';
position: absolute;
left: 0;
top: 0.55rem;
width: 6px;
height: 6px;
background: var(--gold);
border-radius: 50%;
}
.solution-visual {
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 16px;
height: 340px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.solution-visual-inner {
font-family: var(--font-display);
font-size: 4rem;
color: var(--navy);
opacity: 0.08;
} .values-grid {
padding: 5rem 2rem;
max-width: 1280px;
margin: 0 auto;
}
.values-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-top: 2rem;
}
.value-card {
padding: 2rem;
border: 1px solid var(--gray-200);
border-radius: 12px;
transition: all 0.3s;
}
.value-card:hover {
border-color: var(--gold);
}
.value-card h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.5rem;
}
.value-card p {
font-size: 0.88rem;
line-height: 1.6;
color: var(--gray-500);
}
.team-section {
padding: 5rem 2rem;
background: var(--gray-50);
}
.team-inner {
max-width: 1280px;
margin: 0 auto;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 2.5rem;
}
.team-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 14px;
overflow: hidden;
transition: all 0.3s;
}
.team-card:hover {
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}
.team-photo {
height: 280px;
background: var(--navy);
display: flex;
align-items: center;
justify-content: center;
}
.team-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-photo-placeholder {
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(212, 168, 83, 0.15);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-display);
font-size: 2rem;
color: var(--gold);
}
.team-info {
padding: 1.5rem;
}
.team-info h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
}
.team-info span {
font-size: 0.82rem;
color: var(--gray-400);
} .plugiq-hero {
padding: 10rem 2rem 5rem;
background: linear-gradient(170deg, var(--navy) 0%, #0F2B4A 100%);
position: relative;
overflow: hidden;
}
.plugiq-hero::after {
content: '';
position: absolute;
top: 50%;
right: -10%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(212, 168, 83, 0.1) 0%, transparent 60%);
border-radius: 50%;
transform: translateY(-50%);
}
.plugiq-content {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
position: relative;
z-index: 2;
}
.plugiq-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.4rem 1rem;
background: rgba(46, 204, 113, 0.1);
border: 1px solid rgba(46, 204, 113, 0.2);
border-radius: 100px;
font-size: 0.75rem;
font-weight: 600;
color: var(--green-accent);
margin-bottom: 1.5rem;
}
.plugiq-content h1 {
font-family: var(--font-display);
font-size: clamp(2.4rem, 4vw, 3rem);
color: var(--white);
line-height: 1.15;
margin-bottom: 1rem;
}
.plugiq-content h1 em {
color: var(--gold);
font-style: italic;
}
.plugiq-demo-box {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 2.5rem;
}
.plugiq-step {
display: flex;
gap: 1rem;
padding: 1rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.plugiq-step:last-child {
border-bottom: none;
}
.plugiq-step-num {
width: 28px;
height: 28px;
flex-shrink: 0;
background: var(--gold-dim);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 700;
color: var(--gold);
}
.plugiq-step h5 {
font-size: 0.9rem;
font-weight: 600;
color: var(--white);
margin-bottom: 0.25rem;
}
.plugiq-step p {
font-size: 0.82rem;
color: rgba(255, 255, 255, 0.45);
line-height: 1.5;
}
.plugiq-pricing {
padding: 5rem 2rem;
background: var(--white);
}
.pricing-inner {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-top: 3rem;
}
.pricing-card {
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2.5rem 2rem;
text-align: left;
transition: all 0.3s;
position: relative;
}
.pricing-card.featured {
border-color: var(--gold);
box-shadow: 0 0 0 1px var(--gold);
}
.pricing-card.featured::before {
content: 'Most Popular';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: var(--gold);
color: var(--navy);
padding: 0.2rem 1rem;
border-radius: 100px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
}
.pricing-tier {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gray-400);
margin-bottom: 0.5rem;
}
.pricing-price {
font-family: var(--font-display);
font-size: 2.4rem;
color: var(--navy);
margin-bottom: 0.25rem;
}
.pricing-price span {
font-size: 1rem;
color: var(--gray-400);
}
.pricing-desc {
font-size: 0.85rem;
color: var(--gray-500);
margin-bottom: 1.5rem;
line-height: 1.5;
}
.pricing-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 2rem;
}
.pricing-features li {
font-size: 0.85rem;
color: var(--gray-600);
padding-left: 1.4rem;
position: relative;
}
.pricing-features li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--green-accent);
font-weight: 700;
}
.pricing-btn {
width: 100%;
padding: 0.8rem;
border-radius: 8px;
font-family: var(--font-body);
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
text-align: center;
transition: all 0.2s;
text-decoration: none;
display: block;
}
.pricing-btn-primary {
background: var(--gold);
color: var(--navy);
border: none;
}
.pricing-btn-primary:hover {
background: var(--gold-light);
}
.pricing-btn-secondary {
background: transparent;
color: var(--navy);
border: 1px solid var(--gray-300);
}
.pricing-btn-secondary:hover {
border-color: var(--navy);
} .contact-grid {
padding: 5rem 2rem;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 4rem;
}
.contact-info h3 {
font-family: var(--font-display);
font-size: 1.8rem;
color: var(--navy);
margin-bottom: 1rem;
}
.contact-info p {
font-size: 0.95rem;
color: var(--gray-500);
line-height: 1.7;
margin-bottom: 2rem;
}
.contact-detail {
display: flex;
gap: 1rem;
padding: 1rem 0;
border-bottom: 1px solid var(--gray-100);
}
.contact-detail-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
background: var(--gold-dim);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
.contact-detail h5 {
font-size: 0.85rem;
font-weight: 600;
color: var(--navy);
}
.contact-detail p {
font-size: 0.85rem;
color: var(--gray-500);
margin: 0;
}
.contact-form {
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 16px;
padding: 2.5rem;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
margin-bottom: 1rem;
}
.form-group {
margin-bottom: 1rem;
}
.form-group label {
display: block;
font-size: 0.82rem;
font-weight: 600;
color: var(--gray-700);
margin-bottom: 0.4rem;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid var(--gray-300);
border-radius: 8px;
font-family: var(--font-body);
font-size: 0.9rem;
color: var(--gray-800);
background: var(--white);
transition: border-color 0.2s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--gold);
box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
} .nav-dropdown {
position: relative;
}
.nav-dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: -1rem;
background: rgba(12, 27, 46, 0.98);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px;
padding: 0.5rem;
min-width: 260px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
z-index: 100;
} @media (min-width: 901px) {
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown-menu.js-open,
.nav-dropdown-menu.js-hover {
display: block;
}
}
.nav-dropdown-menu a {
display: block !important;
padding: 0.6rem 1rem !important;
border-radius: 6px;
font-size: 0.82rem !important;
transition: background 0.15s;
}
.nav-dropdown-menu a:hover {
background: rgba(255, 255, 255, 0.06);
color: var(--white) !important;
}
.nav-dropdown-menu .dd-label {
font-size: 0.68rem !important;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gold) !important;
padding: 0.5rem 1rem 0.2rem !important;
cursor: default;
}
.nav-dropdown-menu .dd-label:hover {
background: transparent;
} .service-detail {
padding: 5rem 2rem;
max-width: 1280px;
margin: 0 auto;
}
.service-detail-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 4rem;
}
.service-detail h2 {
font-family: var(--font-display);
font-size: 1.6rem;
color: var(--navy);
margin: 2rem 0 0.75rem;
line-height: 1.25;
}
.service-detail h2 em {
font-style: italic;
color: var(--gold);
}
.service-detail h2:first-child {
margin-top: 0;
}
.service-detail p {
font-size: 0.95rem;
line-height: 1.7;
color: var(--gray-500);
margin-bottom: 1rem;
}
.service-sidebar {
position: sticky;
top: 100px;
}
.sidebar-card {
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2rem;
margin-bottom: 1.5rem;
}
.sidebar-card h4 {
font-size: 0.95rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.75rem;
}
.sidebar-card p {
font-size: 0.85rem;
color: var(--gray-500);
line-height: 1.6;
margin-bottom: 1rem;
}
.sidebar-card ul {
list-style: none;
padding: 0;
}
.sidebar-card li {
font-size: 0.85rem;
color: var(--gray-600);
padding: 0.4rem 0 0.4rem 1.2rem;
position: relative;
}
.sidebar-card li::before {
content: '';
position: absolute;
left: 0;
top: 0.7rem;
width: 5px;
height: 5px;
background: var(--gold);
border-radius: 50%;
}
.cert-badges {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.5rem;
}
.cert-badge {
display: inline-block;
padding: 0.3rem 0.8rem;
background: var(--gold-dim);
border: 1px solid rgba(212, 168, 83, 0.2);
border-radius: 100px;
font-size: 0.72rem;
font-weight: 600;
color: var(--gold);
} .blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
padding: 3rem 0;
}
.blog-card {
border: 1px solid var(--gray-200);
border-radius: 14px;
overflow: hidden;
transition: all 0.3s var(--ease-out);
cursor: pointer;
text-decoration: none;
display: block;
}
.blog-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(12, 27, 46, 0.08);
}
.blog-thumb {
height: 180px;
background: var(--navy);
display: flex;
align-items: center;
justify-content: center;
}
.blog-thumb-icon {
font-size: 2.5rem;
opacity: 0.15;
}
.blog-body {
padding: 1.5rem;
}
.blog-tag {
font-size: 0.68rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--gold);
margin-bottom: 0.5rem;
}
.blog-card h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
line-height: 1.35;
margin-bottom: 0.5rem;
}
.blog-card p {
font-size: 0.85rem;
color: var(--gray-500);
line-height: 1.55;
}
.blog-date {
font-size: 0.75rem;
color: var(--gray-400);
margin-top: 0.75rem;
} .wp-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
padding: 3rem 0;
}
.wp-card {
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2rem;
background: var(--gray-50);
transition: all 0.3s;
}
.wp-card:hover {
border-color: var(--gold);
}
.wp-icon {
width: 48px;
height: 48px;
background: var(--gold-dim);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
margin-bottom: 1rem;
}
.wp-card h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.5rem;
}
.wp-card p {
font-size: 0.85rem;
color: var(--gray-500);
line-height: 1.6;
margin-bottom: 1.5rem;
} .role-card {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem 2rem;
border: 1px solid var(--gray-200);
border-radius: 12px;
margin-bottom: 0.75rem;
transition: all 0.2s;
cursor: pointer;
text-decoration: none;
}
.role-card:hover {
border-color: var(--gold);
background: var(--gray-50);
}
.role-card h4 {
font-size: 0.95rem;
font-weight: 700;
color: var(--navy);
}
.role-card span {
font-size: 0.82rem;
color: var(--gray-400);
}
.role-meta {
display: flex;
gap: 1.5rem;
align-items: center;
}
.role-badge {
padding: 0.3rem 0.8rem;
background: var(--gold-dim);
border-radius: 100px;
font-size: 0.72rem;
font-weight: 600;
color: var(--gold);
} .partner-hero-logos {
display: flex;
gap: 2rem;
flex-wrap: wrap;
margin-top: 1.5rem;
}
.partner-logo-box {
padding: 0.8rem 1.5rem;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
font-size: 0.9rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.6);
}
.partner-detail {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
padding: 3rem 0;
border-bottom: 1px solid var(--gray-200);
}
.partner-detail:last-child {
border-bottom: none;
}
.partner-detail h3 {
font-family: var(--font-display);
font-size: 1.5rem;
color: var(--navy);
margin-bottom: 0.75rem;
}
.partner-detail h3 em {
font-style: italic;
color: var(--gold);
} .press-item {
display: flex;
gap: 2rem;
align-items: flex-start;
padding: 2rem 0;
border-bottom: 1px solid var(--gray-100);
}
.press-date {
flex-shrink: 0;
width: 80px;
font-size: 0.82rem;
font-weight: 600;
color: var(--gray-400);
}
.press-item h4 {
font-size: 1.05rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.4rem;
}
.press-item h4 a {
color: var(--navy);
text-decoration: none;
}
.press-item h4 a:hover {
color: var(--gold);
}
.press-item p {
font-size: 0.88rem;
color: var(--gray-500);
line-height: 1.6;
}
.press-source {
font-size: 0.75rem;
color: var(--gold);
font-weight: 600;
} .event-card {
display: grid;
grid-template-columns: 120px 1fr auto;
gap: 2rem;
align-items: center;
padding: 2rem;
border: 1px solid var(--gray-200);
border-radius: 14px;
margin-bottom: 1rem;
transition: all 0.2s;
}
.event-card:hover {
border-color: var(--gold);
}
.event-date-box {
text-align: center;
padding: 1rem;
background: var(--navy);
border-radius: 10px;
color: var(--white);
}
.event-date-box .month {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gold);
}
.event-date-box .day {
font-family: var(--font-display);
font-size: 2rem;
}
.event-card h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.3rem;
}
.event-card p {
font-size: 0.85rem;
color: var(--gray-500);
} .assess-dim-pip {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--gray-400);
padding: 0.3rem 0.8rem;
border-radius: 100px;
transition: all 0.3s;
}
.assess-dim-pip.active {
color: var(--gold);
background: var(--gold-dim);
}
.assess-dim-pip.done {
color: var(--green-accent);
}
.assess-option {
display: block;
width: 100%;
padding: 1rem 1.2rem;
margin-bottom: 0.6rem;
background: var(--white);
border: 2px solid var(--gray-200);
border-radius: 10px;
font-family: var(--font-body);
font-size: 0.92rem;
color: var(--navy);
text-align: left;
cursor: pointer;
transition: all 0.2s;
}
.assess-option:hover {
border-color: var(--gold);
background: rgba(212, 168, 83, 0.04);
}
.assess-option.selected {
border-color: var(--gold);
background: var(--gold-dim);
font-weight: 600;
} .use-case-card {
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2rem;
transition: all 0.3s;
}
.use-case-card:hover {
border-color: var(--gold);
}
.use-case-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
.use-case-tag {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gold);
}
.use-case-timing {
display: flex;
align-items: center;
gap: 0.5rem;
}
.use-case-timing .old {
font-size: 0.75rem;
color: var(--gray-400);
text-decoration: line-through;
}
.use-case-timing .new {
font-size: 0.75rem;
font-weight: 700;
color: var(--green-accent);
}
.use-case-card h4 {
font-size: 1.05rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 0.5rem;
}
.use-case-card p {
font-size: 0.88rem;
color: var(--gray-500);
line-height: 1.6;
} .page-content {
padding: 5rem 2rem;
max-width: 1280px;
margin: 0 auto;
}
.page-content-full {
padding: 0;
} .alignleft {
float: left;
margin-right: 1.5rem;
}
.alignright {
float: right;
margin-left: 1.5rem;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
font-size: 0.85rem;
color: var(--gray-500);
}
.screen-reader-text {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
} body.admin-bar .nav {
top: 32px;
}
body.admin-bar .inner-hero {
padding-top: calc(10rem + 32px);
}
body.admin-bar .plugiq-hero {
padding-top: calc(10rem + 32px);
} a.case-card,
a.wp-card {
text-decoration: none;
color: inherit;
display: block;
cursor: pointer;
}
a.case-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(12, 27, 46, 0.08);
border-color: var(--gold);
} .clickable-card {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.clickable-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(12, 27, 46, 0.08);
border-color: var(--gold);
} .single-hero {
background: var(--navy);
color: var(--white);
padding: 10rem 2rem 4rem;
text-align: center;
background-size: cover;
background-position: center;
}
.single-hero-inner {
max-width: 860px;
margin: 0 auto;
}
.single-hero .section-tag {
color: var(--gold);
font-size: 0.82rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 1rem;
font-family: var(--font-body);
}
.single-hero h1 {
font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3.2rem);
font-weight: 400;
line-height: 1.2;
margin-bottom: 1rem;
color: var(--white);
}
.single-hero h1 em {
color: var(--gold);
font-style: italic;
}
.single-hero-sub {
font-size: 1.1rem;
color: var(--gray-400);
}
.single-badge {
display: inline-block;
background: var(--gold-dim);
color: var(--gold);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0.3rem 0.8rem;
border-radius: 4px;
margin-bottom: 1rem;
} .metrics-strip {
background: var(--cream);
padding: 2.5rem 2rem;
}
.metrics-strip-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 4rem;
}
.metric-block {
text-align: center;
}
.metric-value {
font-family: var(--font-display);
font-size: 2.8rem;
font-weight: 400;
color: var(--gold);
line-height: 1.1;
}
.metric-label {
font-size: 0.85rem;
color: var(--gray-500);
margin-top: 0.3rem;
} .single-content-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 4rem 2rem;
}
.single-main {
display: grid;
grid-template-columns: 280px 1fr;
gap: 3rem;
align-items: start;
}
.single-main-reverse {
grid-template-columns: 1fr 320px;
} .single-sidebar {
position: sticky;
top: 100px;
}
.single-sidebar-sticky {
position: sticky;
top: 100px;
}
.sidebar-block {
padding: 1rem 0;
border-bottom: 1px solid var(--gray-200);
}
.sidebar-block:first-child {
padding-top: 0;
}
.sidebar-label {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gray-400);
margin-bottom: 0.35rem;
font-family: var(--font-body);
}
.sidebar-value {
font-size: 0.92rem;
color: var(--gray-700);
line-height: 1.5;
}
.sidebar-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.sidebar-tag {
display: inline-block;
background: var(--gold-dim);
color: var(--gold);
font-size: 0.72rem;
font-weight: 600;
padding: 0.25rem 0.6rem;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.05em;
} .sidebar-cta-card {
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.sidebar-cta-card h4 {
font-family: var(--font-display);
font-size: 1.15rem;
color: var(--navy);
margin-bottom: 0.5rem;
}
.sidebar-cta-icon {
font-size: 2rem;
margin-bottom: 0.75rem;
} .sidebar-post-list {
display: flex;
flex-direction: column;
gap: 0;
}
.sidebar-post-item {
display: block;
padding: 0.75rem 0;
border-bottom: 1px solid var(--gray-100);
text-decoration: none;
transition: background 0.15s;
}
.sidebar-post-item:hover {
background: var(--gray-50);
padding-left: 0.5rem;
}
.sidebar-post-title {
display: block;
font-size: 0.88rem;
color: var(--navy);
font-weight: 500;
line-height: 1.4;
}
.sidebar-post-date {
font-size: 0.75rem;
color: var(--gray-400);
}
.sidebar-archive-list {
list-style: none;
padding: 0;
margin: 0.5rem 0 0;
}
.sidebar-archive-list li {
padding: 0.4rem 0;
border-bottom: 1px solid var(--gray-100);
}
.sidebar-archive-list li a {
font-size: 0.85rem;
color: var(--gray-600);
text-decoration: none;
}
.sidebar-archive-list li a:hover {
color: var(--gold);
} .single-body {
min-width: 0; }
.content-section {
margin-bottom: 2.5rem;
}
.content-section h2 {
font-family: var(--font-display);
font-size: 1.6rem;
font-weight: 400;
color: var(--navy);
margin-bottom: 1rem;
}
.content-section h2 em {
color: var(--gold);
font-style: italic;
}
.content-section p {
font-size: 0.95rem;
color: var(--gray-600);
line-height: 1.75;
}
.editor-content {
font-size: 0.95rem;
color: var(--gray-700);
line-height: 1.75;
}
.editor-content h2 {
font-family: var(--font-display);
font-size: 1.5rem;
color: var(--navy);
margin: 2rem 0 1rem;
}
.editor-content h3 {
font-family: var(--font-display);
font-size: 1.25rem;
color: var(--navy);
margin: 1.5rem 0 0.75rem;
}
.editor-content p {
margin-bottom: 1rem;
}
.editor-content ul,
.editor-content ol {
padding-left: 1.5rem;
margin-bottom: 1rem;
}
.editor-content li {
margin-bottom: 0.4rem;
}
.editor-content img {
max-width: 100%;
height: auto;
border-radius: 14px;
margin: 1.5rem 0;
}
.editor-content blockquote {
border-left: 3px solid var(--gold);
padding: 1rem 1.5rem;
margin: 1.5rem 0;
background: var(--gray-50);
border-radius: 0 8px 8px 0;
font-style: italic;
color: var(--gray-600);
} .styled-list {
list-style: none;
padding: 0;
}
.styled-list li {
position: relative;
padding: 0.5rem 0 0.5rem 1.5rem;
font-size: 0.92rem;
color: var(--gray-600);
line-height: 1.6;
}
.styled-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.85rem;
width: 6px;
height: 6px;
background: var(--gold);
border-radius: 50%;
} .profile-layout {
display: grid;
grid-template-columns: 300px 1fr;
gap: 3rem;
align-items: start;
}
.profile-sidebar {
position: sticky;
top: 100px;
text-align: center;
}
.profile-photo-wrap {
width: 200px;
height: 200px;
margin: 0 auto 1.5rem;
border-radius: 50%;
overflow: hidden;
background: var(--navy);
display: flex;
align-items: center;
justify-content: center;
}
.profile-photo-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-name-card h3 {
font-family: var(--font-display);
font-size: 1.4rem;
color: var(--navy);
margin-bottom: 0.25rem;
}
.profile-role {
font-size: 0.92rem;
color: var(--gold);
font-weight: 500;
}
.profile-socials {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 1.5rem;
}
.profile-social-link {
display: block;
font-size: 0.85rem;
color: var(--gray-600);
text-decoration: none;
padding: 0.5rem 0.75rem;
border: 1px solid var(--gray-200);
border-radius: 8px;
transition: all 0.2s;
}
.profile-social-link:hover {
border-color: var(--gold);
color: var(--gold);
background: var(--gold-dim);
}
.profile-body {
min-width: 0;
}
.bio-text {
font-size: 0.95rem;
color: var(--gray-600);
line-height: 1.8;
}
.bio-text p {
margin-bottom: 1rem;
}
.profile-cta {
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 14px;
padding: 2rem;
margin-top: 2rem;
}
.profile-cta h3 {
font-family: var(--font-display);
font-size: 1.2rem;
color: var(--navy);
margin-bottom: 0.5rem;
}
.profile-cta p {
font-size: 0.9rem;
color: var(--gray-500);
margin-bottom: 1rem;
} .blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.blog-card {
display: block;
text-decoration: none;
color: inherit;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 14px;
overflow: hidden;
transition: all 0.3s;
}
.blog-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 48px rgba(12, 27, 46, 0.08);
border-color: var(--gold);
}
.blog-card-img {
height: 180px;
overflow: hidden;
}
.blog-card-body {
padding: 1.5rem;
}
.blog-card-cat {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gold);
margin-bottom: 0.5rem;
display: block;
}
.blog-card-body h4 {
font-family: var(--font-display);
font-size: 1.1rem;
color: var(--navy);
margin-bottom: 0.5rem;
line-height: 1.3;
}
.blog-card-body p {
font-size: 0.85rem;
color: var(--gray-500);
line-height: 1.5;
margin-bottom: 0.75rem;
}
.blog-card-date {
font-size: 0.75rem;
color: var(--gray-400);
}
.blog-meta-strip {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.88rem;
color: var(--gray-400);
margin-top: 0.5rem;
}
.blog-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--gray-200);
} .countdown-strip {
background: var(--gold);
padding: 1.5rem 2rem;
}
.countdown-inner {
max-width: 600px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 2rem;
}
.countdown-block {
text-align: center;
}
.cd-num {
display: block;
font-family: var(--font-display);
font-size: 2.2rem;
color: var(--navy);
line-height: 1;
}
.cd-label {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(12, 27, 46, 0.6);
} .speakers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.speaker-card {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-radius: 12px;
}
.speaker-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--navy);
color: var(--gold);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-display);
font-size: 1rem;
flex-shrink: 0;
} .share-section {
border-top: 1px solid var(--gray-200);
padding-top: 1.5rem;
margin-top: 2rem;
}
.share-section h4 {
font-family: var(--font-display);
font-size: 1.1rem;
color: var(--navy);
margin-bottom: 0.75rem;
}
.share-links {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.share-btn {
display: inline-block;
padding: 0.5rem 1rem;
font-size: 0.82rem;
font-weight: 600;
text-decoration: none;
border: 1px solid var(--gray-200);
border-radius: 8px;
color: var(--gray-600);
transition: all 0.2s;
}
.share-btn:hover {
border-color: var(--gold);
color: var(--gold);
background: var(--gold-dim);
} .related-section {
background: var(--cream);
padding: 6rem 2rem;
}
.related-inner {
max-width: 1280px;
margin: 0 auto;
}
.section-title {
font-family: var(--font-display);
font-size: clamp(1.8rem, 3vw, 2.4rem);
color: var(--navy);
font-weight: 400;
}
.section-title em {
color: var(--gold);
font-style: italic;
} .single-cta-form {
background: var(--navy);
padding: 6rem 2rem;
}
.single-cta-form-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: start;
}
.single-cta-text {
color: var(--white);
}
.single-cta-text .section-tag {
color: var(--gold);
font-size: 0.82rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 1rem;
display: block;
}
.single-cta-text h2 {
font-family: var(--font-display);
font-size: clamp(1.6rem, 3vw, 2.2rem);
color: var(--white);
margin-bottom: 1rem;
}
.single-cta-text h2 em {
color: var(--gold);
font-style: italic;
}
.single-cta-text p {
font-size: 0.95rem;
color: var(--gray-400);
line-height: 1.6;
margin-bottom: 1.5rem;
} .job-meta-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-top: 1rem;
}
.job-meta-item {
font-size: 0.88rem;
color: var(--gray-400);
} @media (max-width: 900px) { .mobile-menu-toggle {
display: block;
} .hero-content {
grid-template-columns: 1fr;
text-align: center;
gap: 2rem;
}
.hero-content {
grid-template-columns: 1fr;
gap: 2rem;
text-align: center;
padding: 3rem 1.5rem;
}
.hero-tag {
margin: 0 auto 1.5rem;
}
.hero-sub {
margin-left: auto;
margin-right: auto;
}
.hero-stats {
display: none;
}
.hero-actions {
justify-content: center;
flex-wrap: wrap;
}
.hero h1 {
font-size: 2.2rem;
}
.hero-sub {
font-size: 1rem;
} .diff-grid,
.cases-grid,
.values-cards,
.team-grid,
.pricing-grid {
grid-template-columns: 1fr;
}
.why-grid {
grid-template-columns: 1fr;
}
.solution-block {
grid-template-columns: 1fr;
}
.solution-block:nth-child(even) {
direction: ltr;
}
.solution-visual {
height: 200px;
}
.footer-inner {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.plugiq-content {
grid-template-columns: 1fr;
gap: 2rem;
}
.contact-grid {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
.blog-grid {
grid-template-columns: 1fr;
}
.wp-grid {
grid-template-columns: 1fr;
}
.partner-detail {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.service-detail-grid {
grid-template-columns: 1fr;
}
.event-card {
grid-template-columns: 80px 1fr;
}
.event-card .btn-primary {
display: none;
}
.credibility-strip-inner {
flex-direction: column;
gap: 1rem;
}
.credibility-divider {
display: none;
} .single-main,
.single-main-reverse {
grid-template-columns: 1fr;
}
.single-cta-form-inner {
grid-template-columns: 1fr;
}
.profile-layout {
grid-template-columns: 1fr;
}
.profile-sidebar {
position: static;
text-align: center;
}
.single-sidebar {
position: static;
}
.metrics-strip-inner {
flex-direction: column;
gap: 1.5rem;
}
.speakers-grid {
grid-template-columns: 1fr;
}
.countdown-inner {
gap: 1rem;
}
.cd-num {
font-size: 1.6rem;
} .inner-hero {
padding: 7rem 1.5rem 2.5rem;
min-height: auto;
}
.inner-hero h1 {
font-size: 1.8rem;
line-height: 1.3;
}
.inner-hero p {
font-size: 0.95rem;
} .section-title {
font-size: 1.6rem;
} .logos-bar {
padding: 2rem 1rem;
}
.logos-bar-label {
font-size: 0.65rem;
margin-bottom: 1rem;
}
.logos-row {
gap: 1.5rem;
}
.logo-item {
font-size: 0.85rem;
}
.logo-item img {
max-height: 28px;
} .plugiq-hero {
padding: 7rem 1.5rem 3rem;
}
.plugiq-hero h1 {
font-size: 1.8rem;
}
.plugiq-demo-box {
padding: 1.5rem;
}
.use-case-card {
padding: 1.5rem;
} [style*="grid-template-columns:repeat(2,1fr)"],
[style*="grid-template-columns: repeat(2,1fr)"],
[style*="grid-template-columns:repeat(2, 1fr)"],
[style*="grid-template-columns: repeat(2, 1fr)"] {
grid-template-columns: 1fr !important;
} .solutions-grid {
padding: 2rem 1rem;
gap: 2rem;
}
.solution-block {
padding: 2rem 1.5rem;
}
.solution-label {
font-size: 0.7rem;
}
.solution-block h3 {
font-size: 1.4rem;
}
.solution-features {
padding-left: 1rem;
} .partner-hero-logos {
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.partner-logo-box {
padding: 0.5rem 0.8rem;
font-size: 0.7rem;
} .contact-info h3 {
font-size: 1.3rem;
}
.contact-detail {
flex-direction: column;
text-align: center;
gap: 0.5rem;
} #assessment-app {
padding: 0;
}
#assess-question-card {
padding: 1.5rem;
}
#assess-question {
font-size: 1.2rem;
}
.assess-dim-pip {
font-size: 0.65rem;
padding: 0.3rem 0.5rem;
}
#assess-results .sidebar-card {
padding: 1.5rem;
} .sidebar-card {
padding: 1.5rem;
}
.diff-card {
padding: 1.5rem;
}
.why-card {
padding: 1.5rem;
}
.case-card {
padding: 1.5rem;
}
.value-card {
padding: 1.5rem;
} .cta-section {
padding: 3rem 1.5rem;
}
.cta-inner h2 {
font-size: 1.6rem;
} .footer {
padding: 3rem 1rem 1.5rem;
}
.footer-logo {
font-size: 1.4rem;
}
.footer-tagline {
font-size: 0.85rem;
}
}
@media (max-width: 600px) { .nav-inner {
padding: 0 1rem;
} .logos-bar {
padding: 1.5rem 1rem;
}
.logos-bar-label {
font-size: 0.6rem;
line-height: 1.5;
}
.logos-row {
gap: 1rem;
}
.logo-item {
font-size: 0.75rem;
}
.logo-item img {
max-height: 24px;
} .footer-inner {
grid-template-columns: 1fr;
text-align: center;
}
.footer-bottom {
flex-direction: column;
gap: 1rem;
text-align: center;
}
.footer-links {
justify-content: center;
flex-wrap: wrap;
} .hero {
padding-top: 72px;
}
.hero-content {
padding: 2rem 1rem;
}
.hero h1 {
font-size: 1.8rem;
}
.hero-sub {
font-size: 0.9rem;
}
.hero-actions {
flex-direction: column;
width: 100%;
gap: 0.75rem;
}
.hero-actions .btn-primary,
.hero-actions .btn-secondary {
width: 100%;
justify-content: center;
padding: 0.9rem 1.5rem;
} .inner-hero {
padding: 6.5rem 1rem 2rem;
}
.inner-hero h1 {
font-size: 1.5rem;
} .differentiator {
padding: 3rem 1rem;
}
.why-section {
padding: 3rem 1rem;
}
.cases-section {
padding: 3rem 1rem;
}
.cta-section {
padding: 2.5rem 1rem;
}
.solutions-grid {
padding: 2rem 1rem;
}
.service-detail {
padding: 2rem 1rem;
}
.contact-grid {
padding: 2rem 1rem;
}
.page-content {
padding: 2rem 1rem;
} .team-grid {
grid-template-columns: 1fr !important;
} .plugiq-hero {
padding: 6.5rem 1rem 2rem;
}
.plugiq-hero h1 {
font-size: 1.5rem;
}
.plugiq-step {
flex-direction: column;
text-align: center;
}
.plugiq-step-num {
margin: 0 auto 0.5rem;
}
.use-case-card h4 {
font-size: 1rem;
}
.use-case-header {
flex-direction: column;
gap: 0.5rem;
align-items: flex-start;
} .press-item {
flex-direction: column;
gap: 0.5rem;
}
.press-date {
width: auto;
} .single-hero {
padding: 6.5rem 1rem 2rem;
}
.single-content-wrap {
padding: 2rem 1rem;
}
.related-section {
padding: 3rem 1rem;
}
.single-cta-form {
padding: 3rem 1rem;
}
.profile-photo-wrap {
width: 140px;
height: 140px;
}
.job-meta-strip {
flex-direction: column;
gap: 0.5rem;
}
.blog-meta-strip {
flex-direction: column;
gap: 0.25rem;
}
.blog-meta-strip span:nth-child(2n) {
display: none;
}
.share-links {
flex-direction: column;
}
.share-btn {
text-align: center;
} .form-group label {
font-size: 0.8rem;
}
.form-group input,
.form-group select,
.form-group textarea {
font-size: 16px;
}  .btn-primary,
.btn-secondary {
padding: 0.8rem 1.2rem;
font-size: 0.85rem;
} #assess-results>div:nth-child(2) {
grid-template-columns: 1fr !important;
} .credibility-item {
padding: 1rem;
}
.cred-number {
font-size: 1.8rem;
}
.cred-label {
font-size: 0.75rem;
} .solution-visual {
height: 150px;
}
.solution-visual-inner {
font-size: 2.5rem;
}
} @media (max-width: 380px) {
.nav-inner {
height: 64px;
}
.nav-links {
top: 100%;
height: calc(100vh - 64px);
height: calc(100dvh - 64px);
}
.hero {
padding-top: 64px;
}
.inner-hero {
padding-top: 5.5rem;
}
.hero h1 {
font-size: 1.5rem;
}
.inner-hero h1 {
font-size: 1.3rem;
}
.section-title {
font-size: 1.3rem;
}
.cta-inner h2 {
font-size: 1.3rem;
}
.partner-hero-logos {
gap: 0.3rem;
}
.partner-logo-box {
padding: 0.4rem 0.6rem;
font-size: 0.6rem;
}
} .sidebar-category-list {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-category-list li {
border-bottom: 1px solid var(--gray-200);
}
.sidebar-category-list li:last-child {
border-bottom: none;
}
.sidebar-category-list a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
color: var(--gray-700);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s ease;
}
.sidebar-category-list a:hover {
color: var(--gold);
}
.sidebar-category-list .cat-count {
background: var(--gray-100);
color: var(--gray-500);
font-size: 0.75rem;
padding: 0.2rem 0.5rem;
border-radius: 10px;
font-weight: 500;
} .sidebar-categories-inline {
line-height: 1.8;
}
.sidebar-categories-inline a {
color: var(--gray-700);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s ease;
white-space: nowrap;
}
.sidebar-categories-inline a:hover {
color: var(--gold);
}
.sidebar-categories-inline a span {
color: var(--gray-400);
font-size: 0.8rem;
margin-left: 2px;
}
.sidebar-categories-inline .cat-separator {
color: var(--gray-300);
margin: 0 0.5rem;
} .blog-hero-with-subscribe .inner-hero-content {
max-width: 1280px;
margin: 0 auto;
}
.blog-hero-subscribe input[type="email"]::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.blog-hero-subscribe input[type="email"]:focus {
outline: none;
border-color: var(--gold);
background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 900px) {
.blog-hero-with-subscribe .inner-hero-content {
flex-direction: column;
text-align: center;
}
.blog-hero-subscribe {
flex: 1 1 100% !important;
max-width: 400px;
}
} .descasio-dynamic-form {
max-width: 100%;
}
.descasio-dynamic-form .form-group {
margin-bottom: 1rem;
}
.descasio-dynamic-form label {
display: block;
font-weight: 600;
font-size: 0.85rem;
color: var(--gray-700);
margin-bottom: 0.4rem;
}
.descasio-dynamic-form input[type="text"],
.descasio-dynamic-form input[type="email"],
.descasio-dynamic-form input[type="tel"],
.descasio-dynamic-form input[type="url"],
.descasio-dynamic-form input[type="number"],
.descasio-dynamic-form select,
.descasio-dynamic-form textarea {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid var(--gray-300);
border-radius: 8px;
font-family: var(--font-body);
font-size: 0.95rem;
color: var(--gray-800);
background: var(--white);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.descasio-dynamic-form input:focus,
.descasio-dynamic-form select:focus,
.descasio-dynamic-form textarea:focus {
outline: none;
border-color: var(--gold);
box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.15);
}
.descasio-dynamic-form input[type="file"] {
padding: 0.5rem;
font-size: 0.85rem;
} .metrics-strip-inner {
flex-wrap: wrap;
}
.metrics-strip .metric-block {
flex: 1 1 140px;
min-width: 140px;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}