#fw-section-custom-html-3062d678-7026-468e-809b-c2b163121ea7 {
section.kdcc-about-hero {
margin: 0px 0px -35px 0px;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
position: relative;
overflow: hidden;
padding: 100px 40px 80px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 1;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy {
animation: kdcc-about-fadeUp 0.8s ease-out both;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy span.kdcc-about-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy h1.kdcc-about-hero-h1 {
font-size: 42px;
font-weight: 900;
color: #ffffff;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy p.kdcc-about-hero-bridge {
font-size: 18px;
color: #b0b3ba;
line-height: 1.7;
margin: 0 0 36px 0;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy div.kdcc-about-hero-ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 48px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
border: none;
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn:hover {
transform: translateY(-2px);
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn.kdcc-about-btn-red {
background: #ec4f59;
color: #ffffff;
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn.kdcc-about-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn.kdcc-about-btn-blue {
background: #14b9dc;
color: #ffffff;
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn.kdcc-about-btn-blue:hover {
box-shadow: 0 6px 20px rgba(20,185,220,0.4);
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats {
display: flex;
gap: 16px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat {
flex: 1;
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
background: rgba(255,255,255,0.04);
border-radius: 0 12px 12px 0;
border-left: 4px solid #ec4f59;
transition: transform 0.2s ease, background 0.2s ease;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat:hover {
transform: translateY(-2px);
background: rgba(255,255,255,0.07);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-red {
border-left-color: #ec4f59;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-blue {
border-left-color: #14b9dc;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-green {
border-left-color: #67bb26;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat span.kdcc-about-stat-num {
font-size: 32px;
font-weight: 900;
color: #ffffff;
line-height: 1;
white-space: nowrap;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-red span.kdcc-about-stat-num {
color: #ec4f59;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-blue span.kdcc-about-stat-num {
color: #14b9dc;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat.kdcc-about-stat-green span.kdcc-about-stat-num {
color: #67bb26;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat div.kdcc-about-stat-text {
display: flex;
flex-direction: column;
gap: 2px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat div.kdcc-about-stat-text span.kdcc-about-stat-label {
font-size: 13px;
font-weight: 700;
color: rgba(255,255,255,0.85);
line-height: 1.3;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat div.kdcc-about-stat-text span.kdcc-about-stat-sub {
font-size: 11px;
font-weight: 400;
color: rgba(255,255,255,0.4);
line-height: 1.3;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-visual {
display: flex;
align-items: center;
justify-content: center;
animation: kdcc-about-fadeUp 0.8s ease-out 0.2s both;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container {
position: relative;
width: 460px;
height: 460px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-ring {
position: absolute;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-ring-outer {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-ring-inner {
width: 60%;
height: 60%;
top: 20%;
left: 20%;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
animation: kdcc-about-orbit 40s linear infinite;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container:hover div.kdcc-about-orbit-track {
animation-play-state: paused;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot {
position: absolute;
animation: kdcc-about-orbit-counter 40s linear infinite;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container:hover div.kdcc-about-orbit-track div.kdcc-about-orbit-dot {
animation-play-state: paused;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-core {
width: 18px;
height: 18px;
border-radius: 50%;
transition: transform 0.35s ease, opacity 0.35s ease;
animation: kdcc-about-dotPulse 3s ease-in-out infinite;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -45%);
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease, transform 0.4s ease;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container:hover div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-core {
opacity: 0;
transform: scale(0);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container:hover div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand div.kdcc-about-dot-photo {
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #ec4f59;
box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand div.kdcc-about-dot-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand span.kdcc-about-dot-name {
font-size: 12px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
white-space: nowrap;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand span.kdcc-about-dot-role {
font-size: 10px;
font-weight: 500;
color: rgba(255,255,255,0.5);
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-1 {
top: 0%;
left: 50%;
margin: -9px 0 0 -9px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-1 div.kdcc-about-dot-core {
background: #ec4f59;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-1 div.kdcc-about-dot-expand div.kdcc-about-dot-photo {
border-color: #ec4f59;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-2 {
top: 75%;
left: 6.7%;
margin: -9px 0 0 -9px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-2 div.kdcc-about-dot-core {
background: #14b9dc;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-2 div.kdcc-about-dot-expand div.kdcc-about-dot-photo {
border-color: #14b9dc;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-3 {
top: 75%;
left: 93.3%;
margin: -9px 0 0 -9px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot-3 div.kdcc-about-dot-core {
background: #67bb26;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand.kdcc-about-dot-expand-you div.kdcc-about-dot-you-icon {
width: 90px;
height: 90px;
border-radius: 50%;
border: 3px solid #67bb26;
background: rgba(103,187,38,0.12);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-track div.kdcc-about-orbit-dot div.kdcc-about-dot-expand.kdcc-about-dot-expand-you div.kdcc-about-dot-you-icon span.material-symbols-outlined {
font-size: 36px;
color: #67bb26;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-center div.kdcc-about-orbit-logo {
width: 140px;
height: 140px;
border-radius: 50%;
background: rgba(255,255,255,0.06);
border: 2px solid rgba(255,255,255,0.12);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
backdrop-filter: blur(4px);
overflow: hidden;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-center div.kdcc-about-orbit-logo img.kdcc-about-logo-img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
@media (max-width: 1024px) {
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid {
grid-template-columns: 1fr;
gap: 60px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy {
text-align: center;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy p.kdcc-about-hero-bridge {
max-width: 100%;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy div.kdcc-about-hero-ctas {
justify-content: center;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats {
justify-content: center;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container {
width: 400px;
height: 400px;
}
}
@media (max-width: 768px) {
section.kdcc-about-hero {
padding: 72px 20px 64px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy h1.kdcc-about-hero-h1 {
font-size: 30px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy p.kdcc-about-hero-bridge {
font-size: 16px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats {
flex-direction: column;
gap: 12px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container {
width: 340px;
height: 340px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-center div.kdcc-about-orbit-logo {
width: 110px;
height: 110px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy div.kdcc-about-hero-ctas {
flex-direction: column;
align-items: center;
}
section.kdcc-about-hero div.kdcc-about-hero-inner a.kdcc-about-btn {
width: 100%;
justify-content: center;
max-width: 320px;
}
}
@media (max-width: 480px) {
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-grid div.kdcc-about-hero-copy h1.kdcc-about-hero-h1 {
font-size: 26px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container {
width: 290px;
height: 290px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-orbit-container div.kdcc-about-orbit-center div.kdcc-about-orbit-logo {
width: 90px;
height: 90px;
}
section.kdcc-about-hero div.kdcc-about-hero-inner div.kdcc-about-hero-stats div.kdcc-about-stat span.kdcc-about-stat-num {
font-size: 26px;
}
}
}
#fw-section-custom-html-45e8c5e4-517b-400b-9104-9f3a310eaf3f {
/* Mission Section */
/* Remove Fourthwall section padding */
section.custom-html,
[data-section-id*="mission"] {
padding: 0;
margin: 0;
}
.kdcc-mission {
padding: 80px 50px;
background: #ffffff;
}
.kdcc-mission-container {
max-width: 1300px;
margin: 0 auto;
}
.kdcc-mission-text {
font-size: 19px;
line-height: 1.7;
color: #313540;
margin-bottom: 32px;
max-width: none;
}
.kdcc-mission-text:last-child {
margin-bottom: 0;
}
.kdcc-founder {
color: #14b9dc;
font-weight: 600;
}
.kdcc-mission-footer {
display: flex;
align-items: center;
gap: 32px;
margin-top: 32px;
}
.kdcc-mission-text-inline {
margin-bottom: 0;
flex: 1;
}
.kdcc-mission-cta {
display: inline-block;
padding: 16px 32px;
background: #14b9dc;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
white-space: nowrap;
flex-shrink: 0;
}
.kdcc-mission-cta:hover {
background: #0f9ab8;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(20, 185, 220, 0.4);
}
/* Mobile */
@media (max-width: 768px) {
.kdcc-mission {
padding: 60px 30px;
}
.kdcc-mission-text {
font-size: 17px;
margin-bottom: 28px;
}
.kdcc-mission-footer {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.kdcc-mission-cta {
width: 100%;
text-align: center;
font-size: 16px;
padding: 14px 28px;
}
}
}
#fw-section-custom-html-3c7b3d97-ffa5-45e6-ae5c-1c350348e8d9 {
/* Who We Are Section - Simple Version (No Animation) */
/* Remove Fourthwall section padding */
section.custom-html,
[data-section-id*="who"] {
padding: 0;
margin: 0;
}
.kdcc-who-we-are {
padding: 80px 50px;
background: #f8f8f8;
}
.kdcc-who-container {
max-width: 1300px;
margin: 0 auto;
}
.kdcc-who-title {
font-size: 42px;
font-weight: 900;
color: #14b9dc;
margin-bottom: 50px;
text-transform: uppercase;
letter-spacing: -1px;
text-align: center;
}
/* Two Column Cards */
.kdcc-who-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 80px;
}
.kdcc-who-card {
background: #ffffff;
padding: 32px;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.kdcc-who-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.kdcc-who-card-photo {
width: 100%;
max-width: 500px;
height: 500px;
margin: 0 auto 24px;
border-radius: 12px;
overflow: hidden;
background: #e8e8e8;
}
.kdcc-who-card-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.kdcc-who-card-name {
font-size: 28px;
font-weight: 700;
color: #e74c3c;
margin-bottom: 16px;
}
.kdcc-who-card-name.kdcc-ike {
color: #14b9dc;
}
.kdcc-who-card-text {
font-size: 16px;
line-height: 1.7;
color: #313540;
}
/* Together Section */
.kdcc-together-section {
margin-top: 80px;
padding-top: 60px;
border-top: 3px solid #14b9dc;
text-align: center;
}
.kdcc-together-title {
font-size: 48px;
font-weight: 900;
color: #313540;
margin-bottom: 50px;
text-transform: uppercase;
}
.kdcc-together-photo {
max-width: 800px;
height: 500px;
margin: 0 auto 50px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.kdcc-together-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.kdcc-together-content {
max-width: 900px;
margin: 0 auto;
}
.kdcc-together-content p {
font-size: 18px;
line-height: 1.8;
color: #313540;
margin-bottom: 40px;
}
/* Discord Button - Blurple */
.kdcc-discord-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 16px 32px;
background: #5865F2;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(88, 101, 242, 0.3);
}
.kdcc-discord-btn:hover {
background: #4752C4;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(88, 101, 242, 0.4);
}
.kdcc-discord-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
/* Tablet */
@media (max-width: 968px) {
.kdcc-who-we-are {
padding: 60px 30px;
}
.kdcc-who-title {
font-size: 32px;
}
.kdcc-who-cards {
gap: 30px;
margin-bottom: 60px;
}
.kdcc-together-title {
font-size: 36px;
}
.kdcc-together-content p {
font-size: 16px;
}
}
/* Mobile */
@media (max-width: 768px) {
.kdcc-who-we-are {
padding: 60px 20px;
}
.kdcc-who-cards {
grid-template-columns: 1fr;
gap: 30px;
margin-bottom: 50px;
}
.kdcc-who-card {
padding: 24px;
}
.kdcc-who-card-photo {
max-width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.kdcc-who-card-name {
font-size: 24px;
}
.kdcc-who-card-text {
font-size: 15px;
}
.kdcc-together-section {
margin-top: 40px;
padding-top: 40px;
}
.kdcc-together-title {
font-size: 32px;
margin-bottom: 30px;
}
.kdcc-together-photo {
max-width: 100%;
height: auto;
aspect-ratio: 8 / 5;
margin-bottom: 30px;
}
.kdcc-together-content p {
font-size: 16px;
}
.kdcc-discord-btn {
display: flex;
width: 100%;
justify-content: center;
font-size: 16px;
padding: 14px 24px;
}
}
}
#fw-section-custom-html-5ab10756-1572-45f4-a116-a92e2835ee32 {
section.kdcc-about-why {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 0 40px 100px;
position: relative;
}
section.kdcc-about-why div.kdcc-about-why-accent {
height: 5px;
background: linear-gradient(90deg, #ec4f59 0%, #ec4f59 25%, #14b9dc 25%, #14b9dc 50%, #67bb26 50%, #67bb26 75%, #f59e0b 75%, #f59e0b 100%);
margin: 0 -40px 80px;
}
section.kdcc-about-why div.kdcc-about-why-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header {
margin-bottom: 56px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header span.kdcc-about-why-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header h2.kdcc-about-why-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header p.kdcc-about-why-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid {
display: grid;
grid-template-columns: 5fr 6fr;
gap: 56px;
align-items: start;
margin-bottom: 64px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo {
position: sticky;
top: 100px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo div.kdcc-about-why-photo-frame {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
line-height: 0;
position: relative;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo div.kdcc-about-why-photo-frame::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(90deg, #ec4f59, #14b9dc, #67bb26);
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo div.kdcc-about-why-photo-frame img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo div.kdcc-about-why-photo-caption {
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
font-size: 13px;
color: #6e6e73;
font-style: italic;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo div.kdcc-about-why-photo-caption span.material-symbols-outlined {
font-size: 18px;
color: #ec4f59;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-story {
padding-top: 8px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-story p.kdcc-about-why-text {
font-size: 17px;
color: #313540;
line-height: 1.75;
margin: 0 0 28px 0;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-story p.kdcc-about-why-text strong {
color: #313540;
font-weight: 700;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value {
background: #ffffff;
border-radius: 0 12px 12px 0;
border-left: 4px solid #ec4f59;
padding: 28px 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease;
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-red {
border-left-color: #ec4f59;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-blue {
border-left-color: #14b9dc;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-green {
border-left-color: #67bb26;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value div.kdcc-about-why-value-icon {
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-red div.kdcc-about-why-value-icon {
background: rgba(236,79,89,0.1);
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-blue div.kdcc-about-why-value-icon {
background: rgba(20,185,220,0.1);
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-green div.kdcc-about-why-value-icon {
background: rgba(103,187,38,0.1);
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value div.kdcc-about-why-value-icon span.material-symbols-outlined {
font-size: 24px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-red div.kdcc-about-why-value-icon span.material-symbols-outlined {
color: #ec4f59;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-blue div.kdcc-about-why-value-icon span.material-symbols-outlined {
color: #14b9dc;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value.kdcc-about-why-value-green div.kdcc-about-why-value-icon span.material-symbols-outlined {
color: #67bb26;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value span.kdcc-about-why-value-title {
font-size: 17px;
font-weight: 700;
color: #313540;
line-height: 1.3;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value span.kdcc-about-why-value-desc {
font-size: 14px;
color: #6e6e73;
line-height: 1.6;
}
@media (max-width: 1024px) {
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid {
grid-template-columns: 1fr;
gap: 48px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-photo {
position: static;
max-width: 560px;
margin: 0 auto;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header {
text-align: center;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values {
grid-template-columns: 1fr;
max-width: 600px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
section.kdcc-about-why {
padding: 0 20px 72px;
}
section.kdcc-about-why div.kdcc-about-why-accent {
margin: 0 -20px 56px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header {
margin-bottom: 40px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header h2.kdcc-about-why-h2 {
font-size: 30px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header p.kdcc-about-why-bridge {
font-size: 16px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid {
margin-bottom: 48px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-grid div.kdcc-about-why-story p.kdcc-about-why-text {
font-size: 16px;
}
}
@media (max-width: 480px) {
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-header h2.kdcc-about-why-h2 {
font-size: 26px;
}
section.kdcc-about-why div.kdcc-about-why-inner div.kdcc-about-why-values div.kdcc-about-why-value {
padding: 22px 20px;
}
}
}
#fw-section-custom-html-c6991c00-fe38-47f1-bcdf-65c304990c8e {
section.kdcc-about-kando {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 100px 40px;
position: relative;
}
section.kdcc-about-kando div.kdcc-about-kando-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header {
margin-bottom: 64px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header span.kdcc-about-kando-eyebrow {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header h2.kdcc-about-kando-h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header h2.kdcc-about-kando-h2 span.kdcc-about-kando-kan {
color: #ec4f59;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header h2.kdcc-about-kando-h2 span.kdcc-about-kando-do {
color: #14b9dc;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header p.kdcc-about-kando-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps {
display: flex;
flex-direction: column;
gap: 0;
margin-bottom: 48px;
border-top: 2px solid #ec4f59;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step {
display: grid;
grid-template-columns: 100px 1fr;
align-items: center;
gap: 32px;
padding: 28px 0;
border-bottom: 2px solid #e5e7eb;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:nth-child(1) { border-bottom-color: #14b9dc; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:nth-child(2) { border-bottom-color: #7c3aed; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:nth-child(3) { border-bottom-color: #67bb26; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:nth-child(4) { border-bottom-color: #f59e0b; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:nth-child(5) { border-bottom-color: #313540; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:hover {
padding-left: 20px;
background: linear-gradient(90deg, rgba(0,0,0,0.015) 0%, transparent 60%);
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter {
font-family: 'Space Grotesk', sans-serif;
font-size: 72px;
font-weight: 900;
line-height: 1;
letter-spacing: -3px;
transition: transform 0.3s ease;
user-select: none;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step:hover div.kdcc-ak-letter {
transform: scale(1.15);
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter.kdcc-ak-letter-k { color: #ec4f59; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter.kdcc-ak-letter-a { color: #14b9dc; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter.kdcc-ak-letter-n { color: #7c3aed; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter.kdcc-ak-letter-d { color: #67bb26; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter.kdcc-ak-letter-o { color: #f59e0b; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text {
display: flex;
flex-direction: column;
gap: 6px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.3px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name.kdcc-ak-name-k { color: #ec4f59; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name.kdcc-ak-name-a { color: #14b9dc; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name.kdcc-ak-name-n { color: #7c3aed; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name.kdcc-ak-name-d { color: #67bb26; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name.kdcc-ak-name-o { color: #f59e0b; }
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-desc {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #6e6e73;
line-height: 1.6;
max-width: 560px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner p.kdcc-ak-entity {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #6e6e73;
line-height: 1.7;
text-align: center;
margin-bottom: 32px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta a.kdcc-about-kando-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 18px 40px;
border-radius: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
background: #14b9dc;
color: #ffffff;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta a.kdcc-about-kando-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.4);
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta a.kdcc-about-kando-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta span.kdcc-about-kando-cta-sub {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
color: #6e6e73;
}
@media (max-width: 768px) {
section.kdcc-about-kando {
padding: 72px 20px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header h2.kdcc-about-kando-h2 {
font-size: 30px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header p.kdcc-about-kando-bridge {
font-size: 16px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step {
grid-template-columns: 64px 1fr;
gap: 20px;
padding: 22px 0;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter {
font-size: 52px;
letter-spacing: -2px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-name {
font-size: 17px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-text span.kdcc-ak-desc {
font-size: 14px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-cta a.kdcc-about-kando-btn {
padding: 16px 28px;
font-size: 13px;
}
}
@media (max-width: 480px) {
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-about-kando-header h2.kdcc-about-kando-h2 {
font-size: 26px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step {
grid-template-columns: 48px 1fr;
gap: 16px;
}
section.kdcc-about-kando div.kdcc-about-kando-inner div.kdcc-ak-steps a.kdcc-ak-step div.kdcc-ak-letter {
font-size: 40px;
}
}
}
#fw-section-custom-html-40cca6cb-a1f8-45ff-adbd-d32cd1bdf0cc {
section.kdcc-about-timeline {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 100px 40px;
position: relative;
overflow: hidden;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header {
margin-bottom: 56px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header span.kdcc-about-timeline-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header h2.kdcc-about-timeline-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header p.kdcc-about-timeline-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
}
section.kdcc-about-timeline a.kdcc-tl-a {
color: #14b9dc;
text-decoration: underline;
text-underline-offset: 3px;
font-weight: 600;
transition: color 0.2s ease;
}
section.kdcc-about-timeline a.kdcc-tl-a:hover {
color: #ec4f59;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track {
position: relative;
margin-bottom: 40px;
padding: 0 20px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-line {
position: absolute;
top: 22px;
left: 20px;
right: 20px;
height: 3px;
background: rgba(0,0,0,0.06);
border-radius: 2px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-line div.kdcc-tl-line-fill {
height: 100%;
width: 0%;
background: #14b9dc;
border-radius: 2px;
transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn {
background: none;
border: none;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 0;
outline: none;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn div.kdcc-tl-dot-circle {
width: 44px;
height: 44px;
border-radius: 50%;
background: #ffffff;
border: 3px solid rgba(0,0,0,0.08);
transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn span.kdcc-tl-dot-date {
font-size: 12px;
font-weight: 700;
color: rgba(0,0,0,0.2);
transition: color 0.4s ease;
white-space: nowrap;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn:hover div.kdcc-tl-dot-circle {
border-color: #14b9dc;
transform: scale(1.08);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn.kdcc-tl-past div.kdcc-tl-dot-circle {
background: #14b9dc;
border-color: #14b9dc;
transform: scale(0.8);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn.kdcc-tl-past span.kdcc-tl-dot-date {
color: #14b9dc;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn.kdcc-tl-active div.kdcc-tl-dot-circle {
background: #14b9dc;
border-color: #14b9dc;
transform: scale(1.2);
box-shadow: 0 0 0 8px rgba(20,185,220,0.2);
animation: kdcc-tl-dotPop 0.35s ease-out;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn.kdcc-tl-active span.kdcc-tl-dot-date {
color: #313540;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage {
position: relative;
min-height: 220px;
margin-bottom: 48px;
transition: min-height 0.4s ease;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
transform: translateX(40px) scale(0.97);
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
display: flex;
align-items: flex-start;
gap: 36px;
padding: 40px 44px;
background: #ffffff;
border-radius: 0 16px 16px 0;
border-left: 5px solid #14b9dc;
box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card.kdcc-tl-card-show {
opacity: 1;
transform: translateX(0) scale(1);
pointer-events: auto;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-num {
font-size: 88px;
font-weight: 900;
line-height: 1;
color: rgba(20,185,220,0.1);
flex-shrink: 0;
letter-spacing: -4px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body {
padding-top: 4px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body span.kdcc-tl-card-date {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
background: rgba(20,185,220,0.08);
padding: 4px 12px;
border-radius: 4px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body h3.kdcc-tl-card-title {
font-size: 24px;
font-weight: 900;
color: #313540;
margin: 0 0 14px 0;
line-height: 1.3;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body p.kdcc-tl-card-desc {
font-size: 16px;
color: #6e6e73;
line-height: 1.75;
margin: 0;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body p.kdcc-tl-card-desc strong {
color: #313540;
font-weight: 700;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav button.kdcc-tl-nav-btn {
width: 48px;
height: 48px;
border-radius: 50%;
background: #ffffff;
border: 1px solid rgba(0,0,0,0.08);
color: #313540;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, opacity 0.3s ease;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav button.kdcc-tl-nav-btn:hover {
border-color: #14b9dc;
box-shadow: 0 4px 12px rgba(20,185,220,0.15);
transform: scale(1.05);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav button.kdcc-tl-nav-btn span.material-symbols-outlined {
font-size: 22px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav span.kdcc-tl-nav-count {
font-size: 14px;
font-weight: 700;
color: #6e6e73;
letter-spacing: 1px;
min-width: 48px;
text-align: center;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta {
text-align: center;
margin-top: 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity 0.5s ease, transform 0.5s ease;
max-height: 0;
overflow: hidden;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta.kdcc-tl-cta-show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
max-height: 200px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta a.kdcc-tl-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 18px 40px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
background: #5865F2;
color: #ffffff;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta a.kdcc-tl-cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta a.kdcc-tl-cta-btn svg.kdcc-tl-discord-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta span.kdcc-tl-cta-sub {
font-size: 13px;
color: #6e6e73;
}
@media (max-width: 768px) {
section.kdcc-about-timeline {
padding: 72px 20px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header {
margin-bottom: 40px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header h2.kdcc-about-timeline-h2 {
font-size: 30px;
}
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header p.kdcc-about-timeline-bridge {
font-size: 16px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track {
padding: 0;
margin-bottom: 28px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-line {
left: 0;
right: 0;
top: 12px;
height: 2px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn {
gap: 10px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn div.kdcc-tl-dot-circle {
width: 24px;
height: 24px;
border-width: 2px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn.kdcc-tl-active div.kdcc-tl-dot-circle {
box-shadow: 0 0 0 5px rgba(20,185,220,0.2);
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn span.kdcc-tl-dot-date {
display: none;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage {
margin-bottom: 24px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card {
flex-direction: column;
gap: 0;
padding: 24px 20px;
border-left-width: 4px;
border-radius: 0 12px 12px 0;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-num {
display: none;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body {
padding-top: 0;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body span.kdcc-tl-card-date {
font-size: 11px;
padding: 3px 10px;
margin-bottom: 8px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body h3.kdcc-tl-card-title {
font-size: 19px;
margin-bottom: 10px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body p.kdcc-tl-card-desc {
font-size: 15px;
line-height: 1.65;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav button.kdcc-tl-nav-btn {
width: 44px;
height: 44px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-nav {
gap: 32px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta {
margin-top: 36px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-cta a.kdcc-tl-cta-btn {
padding: 16px 28px;
font-size: 13px;
}
}
@media (max-width: 480px) {
section.kdcc-about-timeline div.kdcc-about-timeline-inner div.kdcc-about-timeline-header h2.kdcc-about-timeline-h2 {
font-size: 26px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-track div.kdcc-tl-dots button.kdcc-tl-dot-btn div.kdcc-tl-dot-circle {
width: 20px;
height: 20px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card {
padding: 20px 16px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body h3.kdcc-tl-card-title {
font-size: 17px;
}
section.kdcc-about-timeline div.kdcc-tl-widget div.kdcc-tl-stage div.kdcc-tl-card div.kdcc-tl-card-body p.kdcc-tl-card-desc {
font-size: 14px;
}
}
}
#fw-section-custom-html-a5fcc2ed-a5dd-409f-a82d-21acd479a2a4 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ec4f59;
--color-background-rgb: 236, 79, 89;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 127;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-about-cta {
margin: -35px 0 -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 100px 40px 0;
position: relative;
}
section.kdcc-about-cta div.kdcc-about-cta-inner {
max-width: 1400px;
margin: 0 auto;
padding-bottom: 100px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header {
margin-bottom: 48px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header span.kdcc-about-cta-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header h2.kdcc-about-cta-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header p.kdcc-about-cta-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards {
display: flex;
flex-direction: column;
gap: 20px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team {
display: flex;
align-items: center;
gap: 20px;
padding: 28px 32px;
background: #f5f5f7;
border-radius: 0 12px 12px 0;
border-left: 4px solid #ec4f59;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
cursor: pointer;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(236,79,89,0.15);
background: #ffffff;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: rgba(236,79,89,0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-icon span.material-symbols-outlined {
font-size: 26px;
color: #ec4f59;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-text {
flex: 1;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-text span.kdcc-about-cta-card-title {
display: block;
font-size: 19px;
font-weight: 700;
color: #ec4f59;
line-height: 1.3;
margin-bottom: 4px;
transition: text-decoration 0.2s ease;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team:hover div.kdcc-about-cta-card-text span.kdcc-about-cta-card-title {
text-decoration: underline;
text-underline-offset: 3px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-text span.kdcc-about-cta-card-desc {
font-size: 14px;
color: #6e6e73;
line-height: 1.5;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team span.kdcc-about-cta-card-arrow {
font-size: 24px;
color: #ec4f59;
flex-shrink: 0;
transition: transform 0.2s ease;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team:hover span.kdcc-about-cta-card-arrow {
transform: translateX(4px);
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 28px 32px;
background: #f5f5f7;
border-radius: 0 12px 12px 0;
border-left: 4px solid #67bb26;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: rgba(103,187,38,0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-icon span.material-symbols-outlined {
font-size: 26px;
color: #67bb26;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-content {
flex: 1;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-content span.kdcc-about-cta-card-title {
display: block;
font-size: 19px;
font-weight: 700;
color: #313540;
line-height: 1.3;
margin-bottom: 6px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-content span.kdcc-about-cta-card-desc {
display: block;
font-size: 14px;
color: #6e6e73;
line-height: 1.6;
margin-bottom: 18px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form {
display: flex;
gap: 12px;
margin-bottom: 10px;
justify-content: center;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form input.kdcc-about-cta-input {
flex: 1;
max-width: 360px;
padding: 14px 18px;
border: 2px solid rgba(0,0,0,0.08);
border-radius: 6px;
font-size: 14px;
font-family: inherit;
color: #313540;
background: #ffffff;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form input.kdcc-about-cta-input:focus {
border-color: #67bb26;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form button.kdcc-about-cta-submit {
padding: 14px 28px;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
font-family: inherit;
background: #67bb26;
color: #ffffff;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
white-space: nowrap;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form button.kdcc-about-cta-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter span.kdcc-about-cta-fine {
font-size: 12px;
color: rgba(0,0,0,0.3);
display: block;
text-align: center;
}
section.kdcc-about-cta div.kdcc-about-cta-accent {
height: 5px;
background: linear-gradient(90deg, #ec4f59 0%, #ec4f59 25%, #14b9dc 25%, #14b9dc 50%, #67bb26 50%, #67bb26 75%, #f59e0b 75%, #f59e0b 100%);
}
@media (max-width: 768px) {
section.kdcc-about-cta {
padding: 72px 20px 0;
}
section.kdcc-about-cta div.kdcc-about-cta-inner {
padding-bottom: 72px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header h2.kdcc-about-cta-h2 {
font-size: 30px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header p.kdcc-about-cta-bridge {
font-size: 16px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team {
padding: 22px 20px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter {
flex-direction: column;
padding: 22px 20px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form {
flex-direction: column;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form input.kdcc-about-cta-input {
max-width: 100%;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter form.kdcc-about-cta-form button.kdcc-about-cta-submit {
text-align: center;
}
}
@media (max-width: 480px) {
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-header h2.kdcc-about-cta-h2 {
font-size: 26px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards a.kdcc-about-cta-card.kdcc-about-cta-card-team div.kdcc-about-cta-card-icon {
width: 44px;
height: 44px;
}
section.kdcc-about-cta div.kdcc-about-cta-inner div.kdcc-about-cta-cards div.kdcc-about-cta-card.kdcc-about-cta-card-newsletter div.kdcc-about-cta-card-icon {
width: 44px;
height: 44px;
}
}
}
#fw-section-custom-html-d750ed8f-f20d-4eed-a34b-6a35ccccede0 {
div.container.wrapper:has(> section.ak-hero),
div.container.wrapper:has(> link + section.ak-hero) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-hero {
margin: 0 0 -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: white;
}
section.ak-hero div.ak-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px 80px 40px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid {
display: flex;
align-items: stretch;
gap: 48px;
margin-bottom: 56px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text {
flex: 1 1 52%;
min-width: 0;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 20px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text h1 {
font-size: clamp(30px, 3.6vw, 48px);
font-weight: 900;
line-height: 1.1;
margin: 0 0 24px 0;
color: white;
letter-spacing: -0.5px;
text-transform: none;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text p.ak-hero-bridge {
font-size: 18px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.7);
margin: 0 0 32px 0;
text-transform: none;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #14b9dc;
color: white;
padding: 16px 32px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: none;
transition: all 0.3s ease;
box-shadow: 0 4px 16px rgba(20, 185, 220, 0.3);
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-primary:hover {
background: #12a5c7;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20, 185, 220, 0.4);
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-primary:hover span.ak-btn-icon {
animation: akIconBounce 0.5s ease;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: white;
padding: 16px 32px;
border-radius: 6px;
border: 2px solid rgba(255,255,255,0.25);
text-decoration: none;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: none;
transition: all 0.3s ease;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-ghost:hover {
border-color: rgba(255,255,255,0.6);
background: rgba(255,255,255,0.08);
transform: translateY(-2px);
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-ghost:hover span.ak-btn-icon {
animation: akIconBounce 0.5s ease;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns span.ak-btn-icon {
font-size: 20px;
line-height: 1;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media {
flex: 1 1 48%;
min-width: 0;
display: flex;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel {
background: rgba(255,255,255,0.04);
border-radius: 20px;
padding: 20px 20px 16px 20px;
border: 1px solid rgba(255,255,255,0.08);
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 14px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel p.ak-hero-video-label {
margin: 0;
font-size: 14px;
font-weight: 700;
color: rgba(255,255,255,0.85);
letter-spacing: 0.3px;
text-transform: none;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel div.ak-hero-video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel div.ak-hero-video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel p.ak-hero-video-desc {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255,255,255,0.45);
text-transform: none;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat {
background: rgba(255,255,255,0.05);
border-radius: 0 12px 12px 0;
padding: 24px 20px;
transition: background 0.3s ease;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat:hover {
background: rgba(255,255,255,0.09);
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-stat-blue {
border-left: 4px solid #14b9dc;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-stat-red {
border-left: 4px solid #ec4f59;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-stat-green {
border-left: 4px solid #67bb26;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-stat-gold {
border-left: 4px solid #f59e0b;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat span.ak-stat-num {
display: block;
font-size: 34px;
font-weight: 900;
color: white;
line-height: 1;
margin-bottom: 8px;
text-transform: none;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat span.ak-stat-label {
display: block;
font-size: 13px;
color: rgba(255,255,255,0.5);
line-height: 1.3;
letter-spacing: 0.3px;
text-transform: none;
}
@media (max-width: 1024px) {
section.ak-hero div.ak-hero-inner {
padding: 64px 40px 56px 40px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid {
flex-direction: column;
gap: 40px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text {
flex: none;
width: 100%;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media {
flex: none;
width: 100%;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
section.ak-hero div.ak-hero-inner {
padding: 56px 24px 40px 24px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats {
gap: 12px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat {
padding: 20px 16px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat span.ak-stat-num {
font-size: 28px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-media div.ak-hero-video-panel {
padding: 14px 14px 12px 14px;
}
}
@media (max-width: 480px) {
section.ak-hero div.ak-hero-inner {
padding: 48px 20px 32px 20px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns {
flex-direction: column;
}
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-primary,
section.ak-hero div.ak-hero-inner div.ak-hero-grid div.ak-hero-text div.ak-hero-btns a.ak-btn-ghost {
justify-content: center;
width: 100%;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat {
padding: 16px 14px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat span.ak-stat-num {
font-size: 22px;
}
section.ak-hero div.ak-hero-inner div.ak-hero-stats div.ak-hero-stat span.ak-stat-label {
font-size: 12px;
}
}
}
#fw-section-custom-html-e9789455-976e-4e1b-86db-77976548f72c {
div.container.wrapper:has(> section.ak-cred),
div.container.wrapper:has(> link + section.ak-cred),
div.container.wrapper:has(> style + section.ak-cred) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-cred {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.ak-cred div.ak-cred-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.ak-cred div.ak-cred-inner div.ak-cred-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 16px;
text-align: left;
}
section.ak-cred div.ak-cred-inner h2.ak-cred-title {
font-size: clamp(28px, 3.4vw, 42px);
font-weight: 900;
color: #313540;
text-align: left;
margin: 0 0 48px 0;
letter-spacing: -0.3px;
text-transform: none;
}
section.ak-cred div.ak-cred-inner p.ak-cred-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
max-width: 880px;
text-transform: none;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap {
position: relative;
overflow: hidden;
margin-bottom: 64px;
-webkit-mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);
mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail {
display: flex;
gap: 60px;
align-items: center;
height: 88px;
width: max-content;
animation: akMarqueeScroll 68s linear infinite;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail:hover {
animation-play-state: paused;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail img {
height: 56px;
width: 115px;
max-width: none;
display: block;
object-fit: contain;
flex-shrink: 0;
filter: grayscale(100%);
opacity: 0.45;
transition: opacity 0.25s ease, filter 0.25s ease;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail img:hover {
filter: grayscale(0%);
opacity: 1;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial {
display: flex;
gap: 56px;
align-items: flex-start;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-left {
flex: 0 0 320px;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-left h3 {
font-size: clamp(26px, 2.8vw, 36px);
font-weight: 900;
color: #313540;
line-height: 1.2;
margin: 0;
text-transform: none;
border-left: 4px solid #14b9dc;
padding-left: 24px;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right {
flex: 1;
min-width: 0;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right p {
font-size: 17px;
color: #4a4a4f;
line-height: 1.8;
margin: 0 0 20px 0;
text-transform: none;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right p:last-child {
margin-bottom: 0;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right p strong {
color: #313540;
font-weight: 700;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right p a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-right p a:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-left {
flex: 0 0 260px;
}
}
@media (max-width: 768px) {
section.ak-cred div.ak-cred-inner {
padding: 64px 24px;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial {
flex-direction: column;
gap: 24px;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-left {
flex: none;
}
section.ak-cred div.ak-cred-inner div.ak-cred-editorial div.ak-cred-editorial-left h3 {
padding-left: 20px;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap {
-webkit-mask-image: linear-gradient(to right, transparent, black 48px, black calc(100% - 48px), transparent);
mask-image: linear-gradient(to right, transparent, black 48px, black calc(100% - 48px), transparent);
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail {
gap: 40px;
height: 56px;
}
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail img {
height: 34px;
width: 110px;
}
}
@media (prefers-reduced-motion: reduce) {
section.ak-cred div.ak-cred-inner div.ak-marquee-wrap div.ak-marquee-rail {
animation: none;
}
}
}
#fw-section-custom-html-8dc85199-9e48-4985-96cd-517aebcf9939 {
div.container.wrapper:has(> section.ak-who),
div.container.wrapper:has(> link + section.ak-who),
div.container.wrapper:has(> style + section.ak-who),
div.container.wrapper:has(> script + section.ak-who) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-who {
margin: -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
}
section.ak-who div.ak-who-inner {
max-width: 1400px;
margin: 0 auto;
padding: 96px 40px;
}
section.ak-who div.ak-who-inner header.ak-who-header {
text-align: left;
margin: 0 0 56px 0;
}
section.ak-who div.ak-who-inner header.ak-who-header div.ak-who-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 16px;
}
section.ak-who div.ak-who-inner header.ak-who-header h2.ak-who-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #ffffff;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
white-space: nowrap;
}
section.ak-who div.ak-who-inner header.ak-who-header h2.ak-who-title span.ak-who-highlight {
position: relative;
display: inline-block;
color: #ffffff;
white-space: nowrap;
}
section.ak-who div.ak-who-inner header.ak-who-header p.ak-who-bridge {
font-size: 18px;
color: #b8b8bf;
line-height: 1.6;
margin: 0;
text-transform: none;
}
section.ak-who div.ak-who-inner header.ak-who-header p.ak-who-bridge em {
font-style: italic;
}
section.ak-who div.ak-who-inner div.ak-who-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card {
background: #ffffff;
border-radius: 6px;
padding: 44px 36px 36px 36px;
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
border: 2px solid #14b9dc;
transition: transform 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 6px 24px rgba(0,0,0,0.25);
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-blue {
border-color: #14b9dc;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-red {
border-color: #ec4f59;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-green {
border-color: #67bb26;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card:hover {
transform: translateY(-6px);
box-shadow: 0 14px 36px rgba(0,0,0,0.4);
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card div.ak-who-card-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 18px;
gap: 16px;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card div.ak-who-card-top div.ak-who-best-for {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
color: #6e6e73;
font-weight: 700;
padding-top: 14px;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card div.ak-who-card-top div.ak-who-icon-wrap {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
border-radius: 12px;
flex-shrink: 0;
transition: background 0.25s ease;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card div.ak-who-card-top div.ak-who-icon-wrap span.material-symbols-outlined {
font-size: 30px;
transition: color 0.25s ease;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-blue div.ak-who-card-top div.ak-who-icon-wrap span.material-symbols-outlined {
color: #14b9dc;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-red div.ak-who-card-top div.ak-who-icon-wrap span.material-symbols-outlined {
color: #ec4f59;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-green div.ak-who-card-top div.ak-who-icon-wrap span.material-symbols-outlined {
color: #67bb26;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-blue:hover div.ak-who-card-top div.ak-who-icon-wrap {
background: #14b9dc;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-red:hover div.ak-who-card-top div.ak-who-icon-wrap {
background: #ec4f59;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card-green:hover div.ak-who-card-top div.ak-who-icon-wrap {
background: #67bb26;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card:hover div.ak-who-card-top div.ak-who-icon-wrap span.material-symbols-outlined {
color: #ffffff;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card h3.ak-who-card-title {
font-size: clamp(26px, 2.2vw, 32px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.3px;
text-transform: none;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card p.ak-who-card-desc {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin: 0 0 32px 0;
text-transform: none;
flex-grow: 1;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card p.ak-who-card-desc strong {
color: #313540;
font-weight: 800;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card a.ak-who-cta {
display: inline-block;
padding: 13px 28px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: none;
box-shadow: 0 4px 14px rgba(236, 79, 89, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-top: auto;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card a.ak-who-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(236, 79, 89, 0.45);
}
@media (max-width: 1024px) {
section.ak-who div.ak-who-inner {
padding: 80px 32px;
}
section.ak-who div.ak-who-inner header.ak-who-header h2.ak-who-title {
white-space: normal;
}
section.ak-who div.ak-who-inner div.ak-who-grid {
grid-template-columns: 1fr;
max-width: 560px;
gap: 24px;
}
}
@media (max-width: 768px) {
section.ak-who div.ak-who-inner {
padding: 64px 24px;
}
section.ak-who div.ak-who-inner header.ak-who-header {
margin-bottom: 44px;
}
section.ak-who div.ak-who-inner div.ak-who-grid article.ak-who-card {
padding: 36px 28px 32px 28px;
}
}
}
#fw-section-custom-html-a6680b37-f7e2-41dd-992c-b685245145b8 {
div.container.wrapper:has(> section.ak-how),
div.container.wrapper:has(> link + section.ak-how),
div.container.wrapper:has(> style + section.ak-how),
div.container.wrapper:has(> script + section.ak-how) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-how {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.ak-how div.ak-how-inner {
max-width: 1400px;
margin: 0 auto;
padding: 96px 40px;
}
section.ak-how div.ak-how-inner div.ak-how-grid {
display: grid;
grid-template-columns: 380px 1fr;
gap: 96px;
align-items: start;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar {
position: sticky;
top: 100px;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar div.ak-how-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 16px;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar h2.ak-how-title {
font-size: clamp(28px, 3vw, 40px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 22px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar p.ak-how-bridge {
font-size: 17px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 32px 0;
text-transform: none;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar a.ak-how-cta {
display: inline-block;
padding: 16px 32px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.5px;
text-transform: uppercase;
box-shadow: 0 6px 18px rgba(236, 79, 89, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-bottom: 28px;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar a.ak-how-cta:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(236, 79, 89, 0.4);
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar p.ak-how-foot {
font-size: 13px;
color: #6e6e73;
line-height: 1.7;
margin: 0;
padding-top: 24px;
border-top: 1px solid #ececef;
text-transform: none;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar p.ak-how-foot strong {
color: #313540;
font-weight: 800;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline::before {
content: '';
position: absolute;
left: 27px;
top: 28px;
height: var(--ak-how-line-end, calc(100% - 64px));
width: 3px;
background: #ececef;
border-radius: 2px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline div.ak-how-line-fill {
position: absolute;
left: 27px;
top: 28px;
width: 3px;
height: 0;
background: linear-gradient(to bottom, #14b9dc 0%, #ec4f59 25%, #67bb26 50%, #5865F2 75%, #f59e0b 100%);
border-radius: 2px;
transition: height 0.15s linear;
pointer-events: none;
z-index: 0;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step {
display: grid;
grid-template-columns: 56px 1fr;
gap: 32px;
margin-bottom: 56px;
position: relative;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step:last-child {
margin-bottom: 0;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker {
position: relative;
z-index: 2;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker div.ak-how-step-icon {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #ffffff;
border: 2px solid #ececef;
transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker a.ak-how-step-link {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #ffffff;
border: 2px solid #ececef;
text-decoration: none;
cursor: pointer;
transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker a.ak-how-step-link:hover {
transform: scale(1.1);
border-color: #aaaaaf;
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker div.ak-how-step-icon span.material-symbols-outlined {
font-size: 30px;
color: #aaaaaf;
transition: color 0.35s ease;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon {
transform: scale(1.08);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-blue div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon {
background: #e3f5fa;
border-color: #14b9dc;
box-shadow: 0 6px 18px rgba(20, 185, 220, 0.25);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-blue div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon span.material-symbols-outlined {
color: #14b9dc;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-red div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon {
background: #fde8ea;
border-color: #ec4f59;
box-shadow: 0 6px 18px rgba(236, 79, 89, 0.25);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-red div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon span.material-symbols-outlined {
color: #ec4f59;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-green div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon {
background: #e6f4d8;
border-color: #67bb26;
box-shadow: 0 6px 18px rgba(103, 187, 38, 0.25);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-green div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon span.material-symbols-outlined {
color: #67bb26;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-purple div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon {
background: #e8eaff;
border-color: #5865F2;
box-shadow: 0 6px 18px rgba(88, 101, 242, 0.25);
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-purple div.ak-how-step-marker.ak-how-step-active .ak-how-step-icon span.material-symbols-outlined {
color: #5865F2;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content {
padding-top: 4px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content div.ak-how-step-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content div.ak-how-step-meta div.ak-how-step-num {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
color: #6e6e73;
font-weight: 800;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content div.ak-how-step-meta div.ak-how-step-badge {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
background: #ec4f59;
font-weight: 800;
padding: 4px 10px;
border-radius: 100px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content h3.ak-how-step-title {
font-size: clamp(22px, 2vw, 28px);
font-weight: 900;
color: #313540;
line-height: 1.2;
margin: 0 0 14px 0;
letter-spacing: -0.3px;
text-transform: none;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content p.ak-how-step-desc {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
text-transform: none;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-content p.ak-how-step-desc strong {
color: #313540;
font-weight: 800;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end {
margin-bottom: 0;
margin-top: 8px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end div.ak-how-step-marker a.ak-how-end-link {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #ffffff;
border: 2px solid #ececef;
text-decoration: none;
transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end div.ak-how-step-marker a.ak-how-end-link span.material-symbols-outlined {
font-size: 30px;
color: #aaaaaf;
transition: color 0.35s ease;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end div.ak-how-step-marker.ak-how-step-active a.ak-how-end-link {
background: #fdf0d4;
border-color: #f59e0b;
box-shadow: 0 6px 18px rgba(245, 158, 11, 0.3);
transform: scale(1.08);
animation: akHowArrowBounce 2.4s ease-in-out infinite;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end div.ak-how-step-marker.ak-how-step-active a.ak-how-end-link span.material-symbols-outlined {
color: #f59e0b;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step-end div.ak-how-step-marker.ak-how-step-active a.ak-how-end-link:hover {
animation: none;
transform: translateY(4px) scale(1.12);
box-shadow: 0 10px 28px rgba(245, 158, 11, 0.5);
}
@keyframes akHowArrowBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(6px); }
}
@media (max-width: 1024px) {
section.ak-how div.ak-how-inner {
padding: 80px 32px;
}
section.ak-how div.ak-how-inner div.ak-how-grid {
grid-template-columns: 1fr;
gap: 56px;
}
section.ak-how div.ak-how-inner div.ak-how-grid aside.ak-how-sidebar {
position: static;
}
}
@media (max-width: 640px) {
section.ak-how div.ak-how-inner {
padding: 64px 24px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step {
grid-template-columns: 48px 1fr;
gap: 20px;
margin-bottom: 44px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker div.ak-how-step-icon {
width: 48px;
height: 48px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline li.ak-how-step div.ak-how-step-marker div.ak-how-step-icon span.material-symbols-outlined {
font-size: 24px;
}
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline::before,
section.ak-how div.ak-how-inner div.ak-how-grid ol.ak-how-timeline div.ak-how-line-fill {
left: 23px;
}
}
}
#fw-section-custom-html-593e6f9d-e435-4ebf-b6f8-c3661242c102 {
div.container.wrapper:has(> section.ak-services),
div.container.wrapper:has(> link + section.ak-services),
div.container.wrapper:has(> style + section.ak-services),
div.container.wrapper:has(> script + section.ak-services) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-services {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.ak-services div.ak-services-inner {
max-width: 1400px;
margin: 0 auto;
padding: 96px 40px;
}
section.ak-services div.ak-services-inner header.ak-services-header {
text-align: left;
margin: 0 0 72px 0;
}
section.ak-services div.ak-services-inner header.ak-services-header div.ak-services-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 16px;
}
section.ak-services div.ak-services-inner header.ak-services-header h2.ak-services-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.ak-services div.ak-services-inner header.ak-services-header p.ak-services-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.ak-services div.ak-services-inner header.ak-services-header p.ak-services-bridge strong {
color: #313540;
font-weight: 800;
}
section.ak-services div.ak-tier-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-bottom: 0;
}
section.ak-services article.ak-tier {
display: flex;
flex-direction: column;
align-items: flex-start;
background: #ffffff;
border: 2px solid #ececef;
border-radius: 16px;
padding: 40px 36px 100px 36px;
box-shadow: 0 6px 24px rgba(0,0,0,0.05);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s ease, opacity 0.5s ease, filter 0.5s ease;
position: relative;
}
section.ak-services article.ak-tier:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0,0,0,0.09);
}
section.ak-services article.ak-tier-blue {
border-color: #14b9dc;
}
section.ak-services article.ak-tier-red {
border-color: #ec4f59;
}
section.ak-services article.ak-tier-gold {
border-color: #f59e0b;
}
section.ak-services div.ak-tier-grid:has(.ak-tier-highlighted) article.ak-tier:not(.ak-tier-highlighted) {
opacity: 0.28;
transform: scale(0.95);
filter: saturate(0.35) blur(1px);
}
section.ak-services div.ak-tier-grid:has(.ak-tier-highlighted) article.ak-tier:not(.ak-tier-highlighted):hover {
opacity: 0.55;
filter: saturate(0.6) blur(0);
}
section.ak-services article.ak-tier.ak-tier-highlighted {
transform: translateY(-28px) scale(1.05);
z-index: 5;
position: relative;
}
section.ak-services article.ak-tier-blue.ak-tier-highlighted {
border-color: #14b9dc;
border-width: 4px;
box-shadow: 0 0 0 8px rgba(20, 185, 220, 0.2), 0 40px 90px rgba(20, 185, 220, 0.45), 0 20px 50px rgba(0,0,0,0.15);
}
section.ak-services article.ak-tier-red.ak-tier-highlighted {
border-color: #ec4f59;
border-width: 4px;
box-shadow: 0 0 0 8px rgba(236, 79, 89, 0.2), 0 40px 90px rgba(236, 79, 89, 0.45), 0 20px 50px rgba(0,0,0,0.15);
}
section.ak-services article.ak-tier-gold.ak-tier-highlighted {
border-color: #f59e0b;
border-width: 4px;
box-shadow: 0 0 0 8px rgba(245, 158, 11, 0.2), 0 40px 90px rgba(245, 158, 11, 0.45), 0 20px 50px rgba(0,0,0,0.15);
}
section.ak-services article.ak-tier div.ak-tier-icon {
width: 96px;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
margin-bottom: 28px;
}
section.ak-services article.ak-tier div.ak-tier-icon span.material-symbols-outlined {
font-size: 48px;
}
section.ak-services article.ak-tier-blue div.ak-tier-icon {
background: #e3f5fa;
}
section.ak-services article.ak-tier-blue div.ak-tier-icon span.material-symbols-outlined {
color: #14b9dc;
}
section.ak-services article.ak-tier-red div.ak-tier-icon {
background: #fde8ea;
}
section.ak-services article.ak-tier-red div.ak-tier-icon span.material-symbols-outlined {
color: #ec4f59;
}
section.ak-services article.ak-tier-gold div.ak-tier-icon {
background: #fdf0d4;
}
section.ak-services article.ak-tier-gold div.ak-tier-icon span.material-symbols-outlined {
color: #f59e0b;
}
section.ak-services article.ak-tier div.ak-tier-tag {
display: inline-block;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 4px 10px;
border-radius: 4px;
margin-bottom: 14px;
}
section.ak-services article.ak-tier div.ak-tier-flag {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.2px;
padding: 10px 18px;
border-radius: 100px;
color: #ffffff;
margin-bottom: 18px;
animation: ak-flag-pulse 2.4s ease-in-out infinite;
}
section.ak-services article.ak-tier div.ak-tier-flag span.material-symbols-outlined {
font-size: 18px;
font-weight: 800;
}
section.ak-services article.ak-tier div.ak-tier-flag-red {
background: #ec4f59;
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.45), 0 0 0 4px rgba(236, 79, 89, 0.12);
}
section.ak-services article.ak-tier div.ak-tier-flag-gold {
background: #f59e0b;
box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45), 0 0 0 4px rgba(245, 158, 11, 0.12);
}
@keyframes ak-flag-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
section.ak-services article.ak-tier-blue div.ak-tier-tag {
background: #e3f5fa;
color: #14b9dc;
}
section.ak-services article.ak-tier-red div.ak-tier-tag {
background: #fde8ea;
color: #ec4f59;
}
section.ak-services article.ak-tier-gold div.ak-tier-tag {
background: #fdf0d4;
color: #f59e0b;
}
section.ak-services article.ak-tier h3.ak-tier-name {
font-size: clamp(28px, 2.6vw, 36px);
font-weight: 900;
color: #313540;
line-height: 1.1;
margin: 0 0 6px 0;
letter-spacing: -0.5px;
text-transform: none;
}
section.ak-services article.ak-tier div.ak-tier-situation {
font-size: 14px;
font-weight: 700;
color: #6e6e73;
line-height: 1.35;
margin-bottom: 14px;
font-style: italic;
}
section.ak-services article.ak-tier div.ak-tier-meta {
font-size: 16px;
font-weight: 800;
color: #313540;
margin-bottom: 24px;
}
section.ak-services article.ak-tier p.ak-tier-desc {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin: 0 0 18px 0;
}
section.ak-services article.ak-tier p.ak-tier-desc:last-of-type {
margin-bottom: 28px;
}
section.ak-services article.ak-tier p.ak-tier-desc strong {
color: #313540;
font-weight: 800;
}
section.ak-services article.ak-tier a.ak-tier-cta {
display: inline-block;
padding: 16px 30px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border-radius: 100px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.4px;
box-shadow: 0 8px 22px rgba(236, 79, 89, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-top: auto;
}
section.ak-services article.ak-tier a.ak-tier-cta:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(236, 79, 89, 0.42);
}
section.ak-services article.ak-tier div.ak-tier-trust {
position: absolute;
left: 36px;
right: 36px;
bottom: 36px;
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 12px;
line-height: 1.55;
color: #6e6e73;
font-weight: 600;
}
section.ak-services article.ak-tier div.ak-tier-trust span.material-symbols-outlined {
font-size: 18px;
flex-shrink: 0;
margin-top: 1px;
}
section.ak-services article.ak-tier-red div.ak-tier-trust span.material-symbols-outlined {
color: #ec4f59;
}
section.ak-services article.ak-tier-gold div.ak-tier-trust span.material-symbols-outlined {
color: #f59e0b;
}
section.ak-services article.ak-tier div.ak-tier-trust strong {
color: #313540;
font-weight: 800;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger {
position: absolute;
left: 36px;
right: 36px;
bottom: 36px;
display: flex;
align-items: center;
gap: 10px;
background: transparent;
border: 1.5px solid transparent;
border-radius: 10px;
padding: 10px 14px;
font-family: inherit;
font-size: 12px;
line-height: 1.55;
color: #6e6e73;
font-weight: 600;
cursor: pointer;
text-align: left;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
box-sizing: border-box;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger:hover {
background: #e3f5fa;
border-color: #14b9dc;
color: #14b9dc;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger > span.material-symbols-outlined {
font-size: 18px;
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
transition: transform 0.2s ease;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger:hover > span.material-symbols-outlined {
transform: scale(1.1);
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger > span:not(.material-symbols-outlined) {
flex: 1;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger strong {
color: #313540;
font-weight: 800;
border-bottom: 1px dashed #14b9dc;
padding-bottom: 1px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger:hover strong {
color: #14b9dc;
border-bottom-color: transparent;
}
section.ak-services article.ak-tier button.ak-tier-modal-trigger::after {
content: "";
display: none;
}
dialog.ak-modal {
border: none;
padding: 0;
background: transparent;
max-width: 560px;
width: calc(100% - 40px);
max-height: 90vh;
margin: auto;
overflow: visible;
}
dialog.ak-modal::backdrop {
background: rgba(49, 53, 64, 0.65);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
dialog.ak-modal[open] {
animation: ak-modal-fade 0.3s ease-out;
}
@keyframes ak-modal-fade {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
dialog.ak-modal div.ak-modal-card {
background: #ffffff;
border-radius: 20px;
padding: 48px 44px 44px 44px;
box-shadow: 0 32px 80px rgba(0,0,0,0.4);
position: relative;
max-height: 90vh;
overflow-y: auto;
}
dialog.ak-modal button.ak-modal-close {
position: absolute;
top: 20px;
right: 20px;
width: 36px;
height: 36px;
background: #f5f5f7;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
color: #6e6e73;
}
dialog.ak-modal button.ak-modal-close:hover {
background: #ececef;
transform: scale(1.05);
}
dialog.ak-modal button.ak-modal-close span.material-symbols-outlined {
font-size: 22px;
}
dialog.ak-modal div.ak-modal-icon {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background: #e3f5fa;
margin-bottom: 24px;
}
dialog.ak-modal div.ak-modal-icon span.material-symbols-outlined {
font-size: 38px;
color: #14b9dc;
}
dialog.ak-modal div.ak-modal-tag {
display: inline-block;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 4px 10px;
border-radius: 4px;
margin-bottom: 14px;
background: #e3f5fa;
color: #14b9dc;
}
dialog.ak-modal h3.ak-modal-title {
font-size: 32px;
font-weight: 900;
color: #313540;
line-height: 1.1;
margin: 0 0 6px 0;
letter-spacing: -0.6px;
text-transform: none;
}
dialog.ak-modal div.ak-modal-situation {
font-size: 15px;
font-weight: 700;
color: #6e6e73;
line-height: 1.4;
margin-bottom: 24px;
font-style: italic;
}
dialog.ak-modal div.ak-modal-price-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 18px 20px;
background: #f5f5f7;
border-radius: 12px;
margin-bottom: 8px;
}
dialog.ak-modal div.ak-modal-price {
font-size: 36px;
font-weight: 900;
color: #313540;
line-height: 1;
letter-spacing: -1px;
font-variant-numeric: tabular-nums;
}
dialog.ak-modal div.ak-modal-price span.ak-modal-strike {
font-size: 22px;
font-weight: 700;
color: #9ca3af;
text-decoration: line-through;
margin-right: 8px;
letter-spacing: -0.5px;
}
dialog.ak-modal div.ak-modal-price span.ak-modal-per {
font-size: 15px;
font-weight: 700;
color: #6e6e73;
letter-spacing: 0;
}
dialog.ak-modal div.ak-modal-save {
display: inline-flex;
align-items: center;
background: #67bb26;
color: #ffffff;
font-size: 12px;
font-weight: 800;
padding: 7px 14px;
border-radius: 100px;
text-transform: uppercase;
letter-spacing: 1px;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(103, 187, 38, 0.32);
}
dialog.ak-modal div.ak-modal-meta {
font-size: 13px;
color: #6e6e73;
font-weight: 600;
margin-bottom: 24px;
padding: 0 4px;
}
dialog.ak-modal p.ak-modal-desc {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin: 0 0 24px 0;
}
dialog.ak-modal p.ak-modal-desc strong {
color: #313540;
font-weight: 800;
}
dialog.ak-modal ul.ak-modal-list {
list-style: none;
padding: 0;
margin: 0 0 32px 0;
}
dialog.ak-modal ul.ak-modal-list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 14px;
color: #4a4a4f;
line-height: 1.55;
padding: 8px 0;
}
dialog.ak-modal ul.ak-modal-list li span.material-symbols-outlined {
font-size: 20px;
color: #67bb26;
flex-shrink: 0;
margin-top: 1px;
}
dialog.ak-modal a.ak-modal-cta {
display: block;
width: 100%;
text-align: center;
padding: 18px 28px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border-radius: 100px;
font-size: 16px;
font-weight: 800;
letter-spacing: 0.5px;
box-shadow: 0 10px 28px rgba(236, 79, 89, 0.4);
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
dialog.ak-modal a.ak-modal-cta:hover {
transform: translateY(-2px);
box-shadow: 0 14px 36px rgba(236, 79, 89, 0.5);
}
@media (max-width: 1024px) {
section.ak-services div.ak-services-inner {
padding: 80px 32px;
}
section.ak-services div.ak-tier-grid {
grid-template-columns: 1fr;
gap: 64px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
margin-bottom: 96px;
}
}
@media (max-width: 768px) {
section.ak-services div.ak-services-inner {
padding: 64px 24px;
}
section.ak-services article.ak-tier div.ak-tier-icon {
width: 80px;
height: 80px;
border-radius: 20px;
}
section.ak-services article.ak-tier div.ak-tier-icon span.material-symbols-outlined {
font-size: 40px;
}
section.ak-services article.ak-tier div.ak-tier-upsell-row {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
section.ak-services article.ak-tier a.ak-tier-upsell-cta {
text-align: center;
}
section.ak-services article.ak-tier a.ak-tier-cta {
display: block;
width: 100%;
text-align: center;
padding: 16px 20px;
font-size: 15px;
white-space: normal;
box-sizing: border-box;
}
}
}
#fw-section-custom-html-03972411-919b-41d7-a434-3777c91a3f18 {
section.ak-services {
margin: -35px 0;
background: #f8f9fa;
}
section.ak-services div.ak-services-inner {
max-width: 1400px;
margin: 0 auto;
padding: 90px 40px;
}
section.ak-services div.ak-services-inner h2 {
font-size: 38px;
font-weight: 700;
color: #14b9dc;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 16px 0;
}
section.ak-services div.ak-services-inner p.ak-services-intro {
text-align: left;
font-size: 18px;
color: #666;
line-height: 1.6;
max-width: 1400px;
margin: 0 auto 56px auto;
}
section.ak-services div.ak-services-inner div.ak-tier-grid {
display: grid;
grid-template-columns: 1fr 1.08fr 1fr;
align-items: center;
margin-bottom: 64px;
padding: 30px 0;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-inner-wrap {
background: white;
border-radius: 12px;
padding: 36px 28px 32px 28px;
display: flex;
flex-direction: column;
box-shadow: 0 2px 16px rgba(0,0,0,0.07);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card-featured {
z-index: 10;
position: relative;
margin: 0 -14px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card-featured div.ak-tier-inner-wrap {
border: 3px solid #ec4f59;
box-shadow: 0 20px 60px rgba(236,79,89,0.2), 0 8px 24px rgba(0,0,0,0.08);
padding: 48px 32px 44px 32px;
border-radius: 16px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-tag {
display: inline-block;
color: white;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 6px 16px;
border-radius: 999px;
margin-bottom: 16px;
width: fit-content;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tag-blue {
background: #14b9dc;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tag-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236,79,89,0.3);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tag-gold {
background: linear-gradient(135deg, #f59e0b, #d97706);
box-shadow: 0 4px 12px rgba(245,158,11,0.3);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card h3 {
font-size: 24px;
font-weight: 700;
color: #313540;
margin-bottom: 4px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-format {
font-size: 14px;
color: #999;
margin-bottom: 20px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-price {
margin-bottom: 12px;
line-height: 1;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card span.ak-price-big {
font-size: 48px;
font-weight: 800;
color: #313540;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card span.ak-price-small {
font-size: 24px;
font-weight: 700;
vertical-align: super;
color: #313540;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card span.ak-price-per {
font-size: 16px;
font-weight: 400;
color: #999;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card p.ak-tier-outcome {
font-size: 15px;
font-style: italic;
color: #14b9dc;
line-height: 1.5;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e8eaed;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card ul.ak-tier-includes {
list-style: none;
padding: 0;
margin: 0 0 24px 0;
flex-grow: 1;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card ul.ak-tier-includes li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
color: #444;
line-height: 1.4;
padding: 6px 0;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card ul.ak-tier-includes li span.material-symbols-outlined {
font-size: 20px;
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card ul.ak-tier-includes li.ak-tier-bonus {
color: #f59e0b;
font-weight: 600;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card ul.ak-tier-includes li.ak-tier-bonus span.material-symbols-outlined {
color: #f59e0b;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn {
display: block;
text-align: center;
padding: 18px 30px;
border-radius: 12px;
text-decoration: none;
font-size: 17px;
font-weight: 700;
transition: all 0.3s ease;
margin-bottom: 12px;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-blue {
background: #14b9dc;
color: white;
box-shadow: 0 4px 16px rgba(20,185,220,0.3);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-blue:hover {
background: #0ea3c4;
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(20,185,220,0.4);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-red {
background: #ec4f59;
color: white;
box-shadow: 0 4px 16px rgba(236,79,89,0.3);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-red:hover {
background: #d9434d;
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(236,79,89,0.4);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-gold {
background: linear-gradient(135deg, #f59e0b, #d97706);
color: white;
box-shadow: 0 4px 16px rgba(245,158,11,0.3);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card a.ak-tier-btn-gold:hover {
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(245,158,11,0.4);
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-note {
text-align: center;
font-size: 13px;
color: #999;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-slots {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #ec4f59;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card div.ak-tier-slots span.material-symbols-outlined {
font-size: 16px;
color: #ec4f59;
}
section.ak-services div.ak-services-inner div.ak-packages {
max-width: 900px;
margin: 0 auto;
}
section.ak-services div.ak-services-inner div.ak-packages h3 {
font-size: 22px;
font-weight: 700;
color: #313540;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
section.ak-services div.ak-services-inner div.ak-packages p.ak-packages-intro {
text-align: center;
font-size: 16px;
color: #666;
line-height: 1.5;
margin: 0 auto 24px auto;
max-width: 600px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card {
background: white;
border-radius: 16px;
padding: 28px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card div.ak-package-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card h4 {
font-size: 18px;
font-weight: 700;
color: #313540;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card div.ak-package-save {
display: inline-flex;
align-items: center;
gap: 4px;
background: rgba(103,187,38,0.12);
color: #67bb26;
font-size: 13px;
font-weight: 700;
padding: 6px 14px;
border-radius: 999px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card div.ak-package-save span.material-symbols-outlined {
font-size: 16px;
color: #67bb26;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card div.ak-package-price {
margin-bottom: 12px;
line-height: 1;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card span.ak-price-big {
font-size: 36px;
font-weight: 800;
color: #313540;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card span.ak-price-small {
font-size: 18px;
font-weight: 700;
vertical-align: super;
color: #313540;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card p {
font-size: 15px;
color: #666;
line-height: 1.5;
margin-bottom: 16px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card a.ak-package-btn {
display: inline-block;
background: #313540;
color: white;
padding: 14px 28px;
border-radius: 12px;
text-decoration: none;
font-size: 15px;
font-weight: 600;
transition: all 0.3s ease;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-card a.ak-package-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
@media (max-width: 1024px) {
section.ak-services div.ak-services-inner div.ak-tier-grid {
grid-template-columns: 1fr;
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 64px;
gap: 24px;
padding: 0;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card-featured {
margin: 0;
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card-featured div.ak-tier-inner-wrap {
padding: 36px 28px 32px 28px;
}
}
@media (max-width: 768px) {
section.ak-services div.ak-services-inner {
padding: 72px 24px;
}
section.ak-services div.ak-services-inner h2 {
font-size: 32px;
}
section.ak-services div.ak-services-inner div.ak-packages div.ak-package-grid {
grid-template-columns: 1fr;
}
}
section.ak-services div.ak-services-inner div.ak-tier-grid div.ak-tier-card p.ak-tier-ideal {
font-size: 14px;
color: #67bb26;
font-weight: 600;
line-height: 1.5;
margin-bottom: 20px;
}
}
#fw-section-custom-html-402e1e35-6a33-4618-8f77-8934a7bdecbc {
div.container.wrapper:has(> section.ak-who),
div.container.wrapper:has(> link + section.ak-who) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-who {
margin: -35px 0;
background: #f8f9fa;
}
section.ak-who div.ak-who-inner {
max-width: 1400px;
margin: 0 auto;
padding: 90px 40px;
border-top: 3px solid #e0e0e0;
}
section.ak-who div.ak-who-inner h2 {
font-size: 38px;
font-weight: 700;
color: #313540;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 48px 0;
}
section.ak-who div.ak-who-inner div.ak-who-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 64px;
}
section.ak-who div.ak-who-inner div.ak-who-grid div.ak-who-card {
background: white;
border-radius: 16px;
padding: 28px 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
text-align: center;
}
section.ak-who div.ak-who-inner div.ak-who-grid div.ak-who-card span.material-symbols-outlined {
font-size: 36px;
margin-bottom: 12px;
display: block;
}
section.ak-who div.ak-who-inner div.ak-who-grid div.ak-who-card h3 {
font-size: 18px;
font-weight: 700;
color: #313540;
margin-bottom: 10px;
}
section.ak-who div.ak-who-inner div.ak-who-grid div.ak-who-card p {
font-size: 15px;
color: #666;
line-height: 1.6;
text-align: left;
}
section.ak-who div.ak-who-inner div.ak-what-not {
background: #313540;
border-radius: 16px;
padding: 48px 40px;
color: white;
}
section.ak-who div.ak-who-inner div.ak-what-not h3 {
font-size: 24px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 32px;
color: white;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-not-list {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 500px;
margin: 0 auto 32px auto;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-not-list div.ak-not-item {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
color: rgba(255,255,255,0.85);
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-not-list div.ak-not-item span.material-symbols-outlined {
font-size: 22px;
color: #ec4f59;
flex-shrink: 0;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is {
border-top: 1px solid rgba(255,255,255,0.15);
padding-top: 28px;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is p {
font-size: 17px;
line-height: 1.7;
color: rgba(255,255,255,0.85);
text-align: left;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is p strong {
color: white;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is p a {
color: #14b9dc;
text-decoration: underline;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is-cta {
text-align: center;
margin-top: 28px;
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is-cta a.ak-who-btn {
display: inline-block;
background: #14b9dc;
color: white;
padding: 16px 32px;
border-radius: 12px;
text-decoration: none;
font-size: 17px;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 4px 16px rgba(20,185,220,0.3);
}
section.ak-who div.ak-who-inner div.ak-what-not div.ak-what-is-cta a.ak-who-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(20,185,220,0.4);
}
@media (max-width: 1024px) {
section.ak-who div.ak-who-inner div.ak-who-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
section.ak-who div.ak-who-inner {
padding: 72px 24px;
}
section.ak-who div.ak-who-inner h2 {
font-size: 32px;
}
section.ak-who div.ak-who-inner div.ak-who-grid {
grid-template-columns: 1fr;
}
section.ak-who div.ak-who-inner div.ak-what-not {
padding: 36px 24px;
}
}
}
#fw-section-custom-html-5625f28d-b102-4e94-b0f6-d2fe88e41ba4 {
div.container.wrapper:has(> section.ak-faq),
div.container.wrapper:has(> link + section.ak-faq),
div.container.wrapper:has(> style + section.ak-faq),
div.container.wrapper:has(> script + section.ak-faq) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-faq {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.ak-faq div.ak-faq-inner {
max-width: 1400px;
margin: 0 auto;
padding: 96px 40px;
}
section.ak-faq header.ak-faq-header {
text-align: left;
margin: 0 0 56px 0;
}
section.ak-faq header.ak-faq-header div.ak-faq-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 16px;
}
section.ak-faq header.ak-faq-header h2.ak-faq-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.ak-faq header.ak-faq-header p.ak-faq-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.ak-faq header.ak-faq-header p.ak-faq-bridge strong {
color: #313540;
font-weight: 800;
}
section.ak-faq header.ak-faq-header p.ak-faq-bridge a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid #14b9dc;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.ak-faq header.ak-faq-header p.ak-faq-bridge a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.ak-faq div.ak-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.ak-faq details.ak-faq-item {
background: #ffffff;
border: 2px solid #ececef;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
section.ak-faq details.ak-faq-item:hover {
border-color: #cdd0d6;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
section.ak-faq details.ak-faq-item[open] {
border-color: #14b9dc;
background: #fafdfe;
box-shadow: 0 8px 28px rgba(20, 185, 220, 0.1);
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 24px 28px;
user-select: none;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary::-webkit-details-marker {
display: none;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary span.ak-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary span.ak-faq-icon {
flex-shrink: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.ak-faq details.ak-faq-item:hover summary.ak-faq-summary span.ak-faq-icon {
background: #e3f5fa;
color: #14b9dc;
}
section.ak-faq details.ak-faq-item[open] summary.ak-faq-summary span.ak-faq-icon {
background: #14b9dc;
color: #ffffff;
transform: rotate(45deg);
}
section.ak-faq details.ak-faq-item div.ak-faq-answer {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin: 0 0 14px 0;
padding: 0 28px;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p:last-child {
margin-bottom: 0;
padding-bottom: 28px;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p:first-child {
padding-top: 0;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 1px solid #14b9dc;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p a strong {
color: inherit;
}
@media (max-width: 768px) {
section.ak-faq div.ak-faq-inner {
padding: 64px 24px;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary {
padding: 20px 22px;
gap: 14px;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary span.ak-faq-q {
font-size: 15px;
}
section.ak-faq details.ak-faq-item summary.ak-faq-summary span.ak-faq-icon {
width: 32px;
height: 32px;
font-size: 20px;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p {
font-size: 15px;
padding: 0 22px;
margin: 0 0 12px 0;
}
section.ak-faq details.ak-faq-item div.ak-faq-answer p:last-child {
margin-bottom: 0;
padding-bottom: 22px;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-content {
flex-direction: column;
text-align: center;
gap: 18px;
padding: 32px 24px;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-content div.ak-faq-footer-text h3 {
font-size: 18px;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-content a.ak-faq-footer-cta {
width: 100%;
justify-content: center;
}
}
section.ak-faq div.ak-faq-footer {
margin-top: 40px;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-content {
display: flex;
align-items: center;
gap: 24px;
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
padding: 28px 32px;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-content:hover {
background: #fafdfe;
box-shadow: 0 8px 24px rgba(20, 185, 220, 0.12);
}
section.ak-faq div.ak-faq-footer span.ak-faq-footer-icon {
flex-shrink: 0;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #e3f5fa;
color: #14b9dc;
border-radius: 14px;
font-size: 30px;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-text {
flex: 1;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-text h3 {
font-size: 19px;
font-weight: 800;
color: #313540;
margin: 0 0 6px 0;
letter-spacing: -0.2px;
line-height: 1.3;
}
section.ak-faq div.ak-faq-footer div.ak-faq-footer-text p {
font-size: 15px;
color: #6e6e73;
line-height: 1.55;
margin: 0;
}
section.ak-faq div.ak-faq-footer a.ak-faq-footer-cta {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 8px;
background: #14b9dc;
color: #ffffff;
text-decoration: none;
padding: 14px 24px;
border-radius: 8px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.3px;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
section.ak-faq div.ak-faq-footer a.ak-faq-footer-cta:hover {
background: #0e8fa8;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(20, 185, 220, 0.32);
}
section.ak-faq div.ak-faq-footer a.ak-faq-footer-cta span.material-symbols-outlined {
font-size: 18px;
transition: transform 0.2s ease;
}
section.ak-faq div.ak-faq-footer a.ak-faq-footer-cta:hover span.material-symbols-outlined {
transform: translateX(3px);
}
}
#fw-section-custom-html-e804fb98-c61a-495b-8bbf-abd8cf267f3c {
div.container.wrapper:has(> section.ak-finalcta) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.ak-finalcta {
margin: -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
}
section.ak-finalcta div.ak-finalcta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 96px 40px;
text-align: left;
}
section.ak-finalcta div.ak-finalcta-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
font-weight: 700;
margin-bottom: 20px;
}
section.ak-finalcta h2.ak-finalcta-title {
font-size: clamp(32px, 4.2vw, 56px);
font-weight: 900;
color: #ffffff;
line-height: 1.1;
margin: 0 0 28px 0;
letter-spacing: -0.5px;
text-transform: none;
}
section.ak-finalcta p.ak-finalcta-bridge {
font-size: 19px;
color: #d1d5db;
line-height: 1.7;
margin: 0 0 44px 0;
}
section.ak-finalcta p.ak-finalcta-bridge strong {
color: #ffffff;
font-weight: 800;
}
section.ak-finalcta div.ak-finalcta-button-wrap {
margin-bottom: 72px;
text-align: left;
}
section.ak-finalcta a.ak-finalcta-cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
padding: 20px 44px;
border-radius: 8px;
font-size: 17px;
font-weight: 800;
letter-spacing: 0.5px;
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.32);
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
section.ak-finalcta a.ak-finalcta-cta:hover {
background: #d93d47;
transform: translateY(-3px);
box-shadow: 0 14px 32px rgba(236, 79, 89, 0.42);
}
section.ak-finalcta a.ak-finalcta-cta span.material-symbols-outlined {
font-size: 22px;
font-weight: 800;
transition: transform 0.3s ease;
}
section.ak-finalcta a.ak-finalcta-cta:hover span.material-symbols-outlined {
transform: translateY(-4px);
}
section.ak-finalcta div.ak-finalcta-trust {
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
text-align: left;
}
section.ak-finalcta div.ak-finalcta-trust-card {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
display: flex;
align-items: center;
gap: 16px;
transition: transform 0.3s ease;
}
section.ak-finalcta div.ak-finalcta-trust-card:hover {
transform: translateY(-3px);
}
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-red,
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-green,
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-blue {
border: none;
}
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-red:hover,
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-green:hover,
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-blue:hover {
box-shadow: none;
}
section.ak-finalcta div.ak-finalcta-trust-card span.ak-trust-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
font-size: 26px;
margin-bottom: 0;
flex-shrink: 0;
}
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-red span.ak-trust-icon {
background: rgba(236, 79, 89, 0.15);
color: #ec4f59;
}
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-green span.ak-trust-icon {
background: rgba(103, 187, 38, 0.15);
color: #67bb26;
}
section.ak-finalcta div.ak-finalcta-trust-card.ak-trust-blue span.ak-trust-icon {
background: rgba(20, 185, 220, 0.15);
color: #14b9dc;
}
section.ak-finalcta div.ak-finalcta-trust-card h3.ak-trust-title {
font-size: 17px;
font-weight: 800;
color: #ffffff;
margin: 0;
line-height: 1.3;
letter-spacing: -0.2px;
text-transform: none;
}
@media (max-width: 968px) {
section.ak-finalcta div.ak-finalcta-trust {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
@media (max-width: 768px) {
section.ak-finalcta div.ak-finalcta-inner {
padding: 64px 24px;
}
section.ak-finalcta p.ak-finalcta-bridge {
font-size: 17px;
margin-bottom: 36px;
}
section.ak-finalcta div.ak-finalcta-button-wrap {
margin-bottom: 56px;
}
section.ak-finalcta a.ak-finalcta-cta {
padding: 18px 32px;
font-size: 16px;
}
section.ak-finalcta div.ak-finalcta-trust-card {
padding: 28px 24px;
}
}
}
#fw-section-custom-html-3b387f08-76ea-46b1-ba16-244dbc112e86 {
div.container.wrapper:has(> section.kdcc-faq-hero),
div.container.wrapper:has(> link + section.kdcc-faq-hero),
div.container.wrapper:has(> style + section.kdcc-faq-hero),
div.container.wrapper:has(> script + section.kdcc-faq-hero) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-hero {
margin: 0 0 -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
}
section.kdcc-faq-hero div.kdcc-faq-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px 72px;
}
section.kdcc-faq-hero div.kdcc-faq-hero-grid {
display: grid;
grid-template-columns: 1fr 360px;
gap: 56px;
align-items: center;
margin-bottom: 56px;
}
section.kdcc-faq-hero p.kdcc-faq-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
margin: 0 0 20px 0;
color: #14b9dc;
}
section.kdcc-faq-hero h1.kdcc-faq-h1 {
font-size: clamp(34px, 4.4vw, 56px);
font-weight: 900;
color: #ffffff;
margin: 0 0 24px 0;
line-height: 1.05;
letter-spacing: -0.5px;
text-transform: uppercase;
}
section.kdcc-faq-hero p.kdcc-faq-bridge {
font-size: 18px;
color: #b0b3ba;
max-width: 760px;
line-height: 1.7;
margin: 0 0 28px 0;
}
section.kdcc-faq-hero div.kdcc-faq-search-wrap {
max-width: 760px;
}
section.kdcc-faq-hero div.kdcc-faq-search {
position: relative;
display: flex;
align-items: center;
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 12px;
padding: 4px 6px 4px 18px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-faq-hero div.kdcc-faq-search:focus-within {
border-color: #0e8fa8;
box-shadow: 0 0 0 4px rgba(20,185,220,0.25);
}
section.kdcc-faq-hero span.kdcc-faq-search-icon {
color: #14b9dc;
font-size: 22px;
margin-right: 12px;
flex-shrink: 0;
}
section.kdcc-faq-hero input.kdcc-faq-search-input {
flex: 1;
background: transparent;
border: none;
outline: none;
color: #313540;
font-size: 16px;
font-weight: 500;
padding: 16px 0;
font-family: inherit;
min-width: 0;
}
section.kdcc-faq-hero input.kdcc-faq-search-input::placeholder {
color: #9ca3af;
font-weight: 400;
}
section.kdcc-faq-hero button.kdcc-faq-search-clear {
display: none;
align-items: center;
justify-content: center;
background: rgba(236,79,89,0.12);
border: none;
color: #ec4f59;
width: 36px;
height: 36px;
border-radius: 8px;
cursor: pointer;
flex-shrink: 0;
margin-right: 4px;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-faq-hero button.kdcc-faq-search-clear:hover {
background: rgba(236,79,89,0.22);
transform: scale(1.05);
}
section.kdcc-faq-hero button.kdcc-faq-search-clear .material-symbols-outlined {
font-size: 18px;
}
section.kdcc-faq-hero div.kdcc-faq-search-meta {
min-height: 22px;
margin-top: 12px;
}
section.kdcc-faq-hero span.kdcc-faq-search-count {
font-size: 13px;
font-weight: 700;
color: #14b9dc;
letter-spacing: 0.3px;
}
section.kdcc-faq-hero p.kdcc-faq-browse {
font-size: 13px;
color: rgba(255,255,255,0.55);
line-height: 1.7;
margin: 10px 0 0 0;
letter-spacing: 0.2px;
}
section.kdcc-faq-hero p.kdcc-faq-browse a {
color: #ffffff;
text-decoration: none;
font-weight: 700;
transition: color 0.2s ease;
}
section.kdcc-faq-hero p.kdcc-faq-browse a:hover {
color: #14b9dc;
}
section.kdcc-faq-hero div.kdcc-faq-hero-visual {
display: flex;
flex-direction: column;
gap: 14px;
justify-content: center;
}
section.kdcc-faq-hero div.kdcc-faq-hero-visual-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255,255,255,0.5);
margin-bottom: 4px;
}
section.kdcc-faq-hero a.kdcc-faq-float {
display: flex;
align-items: center;
gap: 14px;
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 12px;
padding: 18px 22px;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: pointer;
box-shadow: 0 6px 20px rgba(0,0,0,0.28);
}
section.kdcc-faq-hero a.kdcc-faq-float:hover {
transform: translateX(6px);
box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}
section.kdcc-faq-hero span.kdcc-faq-float-icon {
width: 42px;
height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-faq-hero a.kdcc-faq-float-1 { border-color: #14b9dc; }
section.kdcc-faq-hero a.kdcc-faq-float-2 { border-color: #ec4f59; }
section.kdcc-faq-hero a.kdcc-faq-float-3 { border-color: #67bb26; }
section.kdcc-faq-hero a.kdcc-faq-float-1:hover { box-shadow: 0 8px 24px rgba(20,185,220,0.35); }
section.kdcc-faq-hero a.kdcc-faq-float-2:hover { box-shadow: 0 8px 24px rgba(236,79,89,0.35); }
section.kdcc-faq-hero a.kdcc-faq-float-3:hover { box-shadow: 0 8px 24px rgba(103,187,38,0.35); }
section.kdcc-faq-hero span.kdcc-faq-float-q {
display: block;
font-size: 15px;
font-weight: 800;
color: #313540;
line-height: 1.35;
margin-bottom: 6px;
}
section.kdcc-faq-hero span.kdcc-faq-float-hint {
display: block;
font-size: 12px;
font-weight: 700;
opacity: 0.85;
}
section.kdcc-faq-hero a.kdcc-faq-float:hover span.kdcc-faq-float-hint {
opacity: 1;
}
section.kdcc-faq-hero details.kdcc-faq-glance {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
padding: 32px 36px;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 8px 28px rgba(0,0,0,0.18);
}
section.kdcc-faq-hero details.kdcc-faq-glance[open] {
border-color: #ec4f59;
box-shadow: 0 10px 32px rgba(236,79,89,0.18);
}
section.kdcc-faq-hero details.kdcc-faq-glance summary {
list-style: none;
cursor: pointer;
font-size: 1.2rem;
font-weight: 800;
color: #313540;
display: flex;
align-items: center;
gap: 18px;
line-height: 1.35;
}
section.kdcc-faq-hero details.kdcc-faq-glance summary::marker,
section.kdcc-faq-hero details.kdcc-faq-glance summary::-webkit-details-marker {
display: none;
}
section.kdcc-faq-hero img.kdcc-faq-glance-logo {
width: 48px;
height: 48px;
border-radius: 10px;
flex-shrink: 0;
object-fit: contain;
background: #f5f5f7;
padding: 4px;
}
section.kdcc-faq-hero details.kdcc-faq-glance div.kdcc-faq-body {
height: auto;
overflow: visible;
}
section.kdcc-faq-hero details.kdcc-faq-glance div.kdcc-faq-body p {
margin: 18px 0 0 0;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
}
section.kdcc-faq-hero details.kdcc-faq-glance div.kdcc-faq-body p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-hero div.kdcc-faq-noresults {
margin-top: 32px;
padding: 44px 32px;
background: #ffffff;
border: 2px solid #ec4f59;
border-radius: 14px;
text-align: center;
box-shadow: 0 8px 28px rgba(0,0,0,0.18);
}
section.kdcc-faq-hero div.kdcc-faq-noresults span.material-symbols-outlined {
font-size: 48px;
color: #ec4f59;
margin-bottom: 12px;
display: inline-block;
}
section.kdcc-faq-hero div.kdcc-faq-noresults h3 {
font-size: 20px;
font-weight: 800;
color: #313540;
margin: 0 0 8px 0;
}
section.kdcc-faq-hero div.kdcc-faq-noresults p {
font-size: 15px;
color: #6e6e73;
margin: 0 0 22px 0;
line-height: 1.6;
}
section.kdcc-faq-hero a.kdcc-faq-noresults-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: #14b9dc;
color: #ffffff;
text-decoration: none;
padding: 14px 26px;
border-radius: 8px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.3px;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-faq-hero a.kdcc-faq-noresults-cta:hover {
background: #0e8fa8;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(20,185,220,0.32);
}
section.kdcc-faq-hero a.kdcc-faq-noresults-cta .material-symbols-outlined {
font-size: 18px;
color: #ffffff;
margin: 0;
}
mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 1024px) {
section.kdcc-faq-hero div.kdcc-faq-hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media (max-width: 768px) {
section.kdcc-faq-hero div.kdcc-faq-hero-inner {
padding: 36px 22px 56px;
}
section.kdcc-faq-hero p.kdcc-faq-bridge {
font-size: 16px;
margin-bottom: 24px;
}
section.kdcc-faq-hero input.kdcc-faq-search-input {
font-size: 15px;
padding: 14px 0;
}
section.kdcc-faq-hero p.kdcc-faq-browse {
font-size: 12px;
}
section.kdcc-faq-hero details.kdcc-faq-glance {
padding: 26px 22px;
}
section.kdcc-faq-hero details.kdcc-faq-glance summary {
font-size: 1.05rem;
gap: 14px;
}
section.kdcc-faq-hero img.kdcc-faq-glance-logo {
width: 40px;
height: 40px;
}
section.kdcc-faq-hero details.kdcc-faq-glance div.kdcc-faq-body p {
font-size: 15px;
}
section.kdcc-faq-hero div.kdcc-faq-noresults {
padding: 32px 22px;
}
}
}
#fw-section-custom-html-9d45dd5d-439b-475a-9b86-c0413d02fda5 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-563a8c2b-a18a-4ec7-be73-9b50013060c3 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-5fc092c7-fb8b-41cc-8646-0fedbdf1fa53 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-08256fcb-e540-426c-a2f8-74669a9e2364 {
section.kdcc-faq-section.kdcc-faq-part1 {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
padding-top: 0;
}
section.kdcc-faq-part1 div.kdcc-faq-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 56px 40px;
}
section.kdcc-faq-part1 h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
margin-top: 52px;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
color: #313540;
}
section.kdcc-faq-part1 h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-part1 h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-part1 details.kdcc-faq-item {
background: #ffffff;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
margin-bottom: 12px;
padding: 20px 28px;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.25s ease;
}
section.kdcc-faq-part1 details.kdcc-faq-item:hover {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0,0,0,0.07);
}
section.kdcc-faq-part1 details.kdcc-faq-item[open] {
border-left-color: #ec4f59;
}
section.kdcc-faq-part1 details.kdcc-faq-item summary {
list-style: none;
cursor: pointer;
font-size: 1.1rem;
font-weight: 700;
color: #313540;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.4;
gap: 16px;
}
section.kdcc-faq-part1 details.kdcc-faq-item summary::marker,
section.kdcc-faq-part1 details.kdcc-faq-item summary::-webkit-details-marker {
display: none;
}
section.kdcc-faq-part1 details.kdcc-faq-item summary::after {
content: "+";
font-size: 1.3rem;
font-weight: 700;
color: #14b9dc;
transition: all 0.25s ease;
flex-shrink: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: rgba(20,185,220,0.08);
}
section.kdcc-faq-part1 details.kdcc-faq-item[open] summary::after {
content: "\2212";
color: #ec4f59;
background: rgba(236,79,89,0.08);
}
section.kdcc-faq-part1 div.kdcc-faq-body {
height: 0;
overflow: hidden;
transition: height 0.3s ease;
display: block;
will-change: height;
}
section.kdcc-faq-part1 details.kdcc-faq-item p {
margin-top: 14px;
font-size: 1rem;
line-height: 1.75;
color: #555;
}
section.kdcc-faq-part1 details.kdcc-faq-item p + p {
margin-top: 10px;
}
section.kdcc-faq-part1 details.kdcc-faq-item a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
section.kdcc-faq-part1 details.kdcc-faq-item a:hover {
color: #ec4f59;
text-decoration: underline;
}
section.kdcc-faq-part1 details.kdcc-faq-item ul {
margin-top: 12px;
margin-bottom: 0;
padding-left: 22px;
list-style-type: disc;
}
section.kdcc-faq-part1 details.kdcc-faq-item li {
margin-bottom: 8px;
color: #555;
line-height: 1.7;
font-size: 1rem;
list-style-type: disc;
}
section.kdcc-faq-part1 details.kdcc-faq-item li::marker {
color: #14b9dc;
}
section.kdcc-faq-part1 details.kdcc-faq-item li:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
section.kdcc-faq-part1 div.kdcc-faq-wrapper {
padding: 40px 20px;
}
section.kdcc-faq-part1 h3.kdcc-faq-cat {
font-size: 1.15rem;
margin-top: 40px;
gap: 10px;
}
section.kdcc-faq-part1 h3.kdcc-faq-cat .material-symbols-outlined {
width: 34px;
height: 34px;
font-size: 18px;
}
section.kdcc-faq-part1 details.kdcc-faq-item {
padding: 16px 20px;
}
section.kdcc-faq-part1 details.kdcc-faq-item summary {
font-size: 1rem;
}
section.kdcc-faq-part1 details.kdcc-faq-item p,
section.kdcc-faq-part1 details.kdcc-faq-item li {
font-size: 0.95rem;
}
}
}
#fw-section-custom-html-aefeda46-9030-40e6-b381-a78378539846 {
section.kdcc-faq-section.kdcc-faq-part2 {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
padding-top: 0;
padding-bottom: 0;
}
section.kdcc-faq-part2 div.kdcc-faq-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 56px;
}
section.kdcc-faq-part2 h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
margin-top: 52px;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
color: #313540;
}
section.kdcc-faq-part2 h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-part2 h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-part2 details.kdcc-faq-item {
background: #ffffff;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
margin-bottom: 12px;
padding: 20px 28px;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.25s ease;
}
section.kdcc-faq-part2 details.kdcc-faq-item:hover {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0,0,0,0.07);
}
section.kdcc-faq-part2 details.kdcc-faq-item[open] {
border-left-color: #ec4f59;
}
section.kdcc-faq-part2 details.kdcc-faq-item summary {
list-style: none;
cursor: pointer;
font-size: 1.1rem;
font-weight: 700;
color: #313540;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.4;
gap: 16px;
}
section.kdcc-faq-part2 details.kdcc-faq-item summary::marker,
section.kdcc-faq-part2 details.kdcc-faq-item summary::-webkit-details-marker {
display: none;
}
section.kdcc-faq-part2 details.kdcc-faq-item summary::after {
content: "+";
font-size: 1.3rem;
font-weight: 700;
color: #14b9dc;
transition: all 0.25s ease;
flex-shrink: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: rgba(20,185,220,0.08);
}
section.kdcc-faq-part2 details.kdcc-faq-item[open] summary::after {
content: "\2212";
color: #ec4f59;
background: rgba(236,79,89,0.08);
}
section.kdcc-faq-part2 div.kdcc-faq-body {
height: 0;
overflow: hidden;
transition: height 0.3s ease;
display: block;
will-change: height;
}
section.kdcc-faq-part2 details.kdcc-faq-item p {
margin-top: 14px;
font-size: 1rem;
line-height: 1.75;
color: #555;
}
section.kdcc-faq-part2 details.kdcc-faq-item p + p {
margin-top: 10px;
}
section.kdcc-faq-part2 details.kdcc-faq-item a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
section.kdcc-faq-part2 details.kdcc-faq-item a:hover {
color: #ec4f59;
text-decoration: underline;
}
section.kdcc-faq-part2 details.kdcc-faq-item ul {
margin-top: 12px;
margin-bottom: 0;
padding-left: 22px;
list-style-type: disc;
}
section.kdcc-faq-part2 details.kdcc-faq-item li {
margin-bottom: 8px;
color: #555;
line-height: 1.7;
font-size: 1rem;
list-style-type: disc;
}
section.kdcc-faq-part2 details.kdcc-faq-item li::marker {
color: #14b9dc;
}
section.kdcc-faq-part2 details.kdcc-faq-item li:last-child {
margin-bottom: 0;
}
section.kdcc-faq-part2 div.kdcc-faq-cta {
text-align: center;
margin-top: 56px;
padding: 48px 32px;
background: #ffffff;
border-radius: 0 16px 16px 0;
border-left: 4px solid #14b9dc;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
section.kdcc-faq-part2 div.kdcc-faq-cta h3 {
font-size: 1.4rem;
font-weight: 800;
color: #313540;
margin-bottom: 10px;
}
section.kdcc-faq-part2 div.kdcc-faq-cta p {
color: #6e6e73;
margin-bottom: 28px;
font-size: 1rem;
}
section.kdcc-faq-part2 div.kdcc-faq-cta-buttons {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
section.kdcc-faq-part2 a.kdcc-faq-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
border-radius: 6px;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.3s ease;
}
section.kdcc-faq-part2 a.kdcc-faq-btn-contact {
background: #14b9dc;
color: #ffffff;
box-shadow: 0 3px 10px rgba(20,185,220,0.2);
}
section.kdcc-faq-part2 a.kdcc-faq-btn-contact:hover {
transform: translateY(-2px);
box-shadow: 0 5px 16px rgba(20,185,220,0.3);
}
section.kdcc-faq-part2 a.kdcc-faq-btn-membership {
background: #ec4f59;
color: #ffffff;
box-shadow: 0 3px 10px rgba(236,79,89,0.2);
}
section.kdcc-faq-part2 a.kdcc-faq-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 5px 16px rgba(236,79,89,0.3);
}
section.kdcc-faq-part2 a.kdcc-faq-btn .material-symbols-outlined {
font-size: 18px;
}
section.kdcc-faq-part2 div.kdcc-faq-resources {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #eee;
}
section.kdcc-faq-part2 div.kdcc-faq-resources a {
display: inline-flex;
align-items: center;
gap: 4px;
color: #14b9dc;
font-size: 0.85rem;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
section.kdcc-faq-part2 div.kdcc-faq-resources a:hover {
color: #ec4f59;
}
section.kdcc-faq-part2 div.kdcc-faq-resources a .material-symbols-outlined {
font-size: 14px;
}
section.kdcc-faq-part2 div.kdcc-faq-back-top {
text-align: center;
margin-top: 28px;
padding-bottom: 12px;
}
section.kdcc-faq-part2 a.kdcc-back-top-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #14b9dc;
font-weight: 700;
font-size: 0.9rem;
text-decoration: none;
padding: 10px 20px;
transition: all 0.3s ease;
}
section.kdcc-faq-part2 a.kdcc-back-top-link:hover {
color: #ec4f59;
transform: translateY(-2px);
}
section.kdcc-faq-part2 a.kdcc-back-top-link .material-symbols-outlined {
font-size: 16px;
}
@media (max-width: 768px) {
section.kdcc-faq-part2 div.kdcc-faq-wrapper {
padding: 0 20px 40px;
}
section.kdcc-faq-part2 h3.kdcc-faq-cat {
font-size: 1.15rem;
margin-top: 40px;
gap: 10px;
}
section.kdcc-faq-part2 h3.kdcc-faq-cat .material-symbols-outlined {
width: 34px;
height: 34px;
font-size: 18px;
}
section.kdcc-faq-part2 details.kdcc-faq-item {
padding: 16px 20px;
}
section.kdcc-faq-part2 details.kdcc-faq-item summary {
font-size: 1rem;
}
section.kdcc-faq-part2 details.kdcc-faq-item p,
section.kdcc-faq-part2 details.kdcc-faq-item li {
font-size: 0.95rem;
}
section.kdcc-faq-part2 div.kdcc-faq-cta {
padding: 32px 20px;
}
section.kdcc-faq-part2 div.kdcc-faq-cta h3 {
font-size: 1.2rem;
}
section.kdcc-faq-part2 div.kdcc-faq-cta-buttons {
flex-direction: column;
align-items: center;
}
section.kdcc-faq-part2 a.kdcc-faq-btn {
width: 100%;
max-width: 280px;
justify-content: center;
}
section.kdcc-faq-part2 div.kdcc-faq-resources {
gap: 8px;
}
}
}
#fw-section-custom-html-3310dfc4-9ebd-4eb6-acfb-2822858f6f51 {
/* Container */
.kdcc-faq-section {
background: #f8f9fa;
padding: 60px 0;
margin-top: 0;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.kdcc-faq-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
/* Page Title */
.kdcc-faq-title {
text-align: center;
font-size: 42px;
font-weight: 800;
color: #313540;
margin-bottom: 20px;
line-height: 1.15;
}
/* Page Subtitle */
.kdcc-faq-subtitle {
text-align: center;
font-size: 1.15rem;
color: #555;
margin-bottom: 40px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* Section Headers */
.kdcc-faq-section-header {
font-size: 1.6rem;
font-weight: 700;
color: #14b9dc;
margin-top: 50px;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 2px solid #14b9dc;
text-align: center;
line-height: 1.2;
}
.kdcc-faq-section-header:first-of-type {
margin-top: 0;
}
/* FAQ card style */
.kdcc-faq-item {
background: #ffffff;
border-radius: 12px;
margin-bottom: 14px;
padding: 24px 28px;
border: 1px solid #e5e5e5;
transition: background 0.3s ease;
}
.kdcc-faq-item:hover {
border-color: #d0d0d0;
}
/* Question row */
.kdcc-faq-item summary {
list-style: none;
cursor: pointer;
font-size: 1.2rem;
font-weight: 600;
color: #ec4f59;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.35;
}
/* Remove default marker */
.kdcc-faq-item summary::marker,
.kdcc-faq-item summary::-webkit-details-marker {
display: none;
}
/* Plus icon */
.kdcc-faq-item summary::after {
content: "+";
font-size: 1.6rem;
font-weight: 700;
color: #ec4f59;
transition: all 0.25s ease;
flex-shrink: 0;
margin-left: 16px;
}
/* Minus icon when open */
.kdcc-faq-item[open] summary::after {
content: "−";
color: #14b9dc;
transform: rotate(180deg);
}
/* Answer wrapper */
.kdcc-faq-body {
height: 0;
overflow: hidden;
transition: height 0.25s ease;
display: block;
will-change: height;
}
/* Answer body */
.kdcc-faq-item p {
margin-top: 14px;
font-size: 1.1rem;
line-height: 1.75;
color: #333;
animation: faqFade 0.25s ease-in;
}
.kdcc-faq-item p + p {
margin-top: 12px;
}
/* Links in answers */
.kdcc-faq-item a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
.kdcc-faq-item a:hover {
color: #ec4f59;
text-decoration: underline;
}
/* Lists in answers */
.kdcc-faq-item ul {
margin-top: 12px;
margin-bottom: 0;
padding-left: 24px;
list-style-type: disc;
}
.kdcc-faq-item li {
margin-bottom: 10px;
color: #333;
line-height: 1.7;
font-size: 1.1rem;
list-style-type: disc;
}
.kdcc-faq-item li::marker {
color: #14b9dc;
}
.kdcc-faq-item li:last-child {
margin-bottom: 0;
}
/* Start Here tweaks */
.kdcc-faq-start {
margin-bottom: 26px;
}
.kdcc-faq-start summary {
color: #313540;
font-weight: 800;
}
.kdcc-faq-start summary::after {
color: #14b9dc;
}
.kdcc-faq-start-links {
margin-top: 14px;
font-size: 1rem;
}
.kdcc-faq-start-sep {
margin: 0 10px;
color: #9aa0a6;
}
/* Animation */
@keyframes faqFade {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
/* Bottom CTA Section */
.kdcc-faq-cta {
text-align: center;
margin-top: 50px;
padding: 40px 30px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e5e5;
}
.kdcc-faq-cta h3 {
font-size: 1.5rem;
font-weight: 700;
color: #313540;
margin-bottom: 12px;
}
.kdcc-faq-cta p {
color: #555;
margin-bottom: 24px;
font-size: 1rem;
}
.kdcc-faq-cta-buttons {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.kdcc-faq-btn {
display: inline-block;
padding: 14px 28px;
border-radius: 8px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s ease;
}
.kdcc-faq-btn-primary {
background: #14b9dc;
color: #ffffff;
}
.kdcc-faq-btn-primary:hover {
background: #0fa8c9;
transform: translateY(-2px);
}
.kdcc-faq-btn-secondary {
background: #ffffff;
color: #313540;
border: 2px solid #313540;
}
.kdcc-faq-btn-secondary:hover {
background: #313540;
color: #ffffff;
transform: translateY(-2px);
}
/* Back to Top */
.kdcc-faq-back-top {
text-align: center;
margin-top: 30px;
padding-bottom: 20px;
}
.kdcc-back-top-link {
display: inline-block;
color: #14b9dc;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
padding: 10px 20px;
transition: all 0.3s ease;
}
.kdcc-back-top-link:hover {
color: #ec4f59;
}
/* Mobile tuning */
@media (max-width: 768px) {
.kdcc-faq-title { font-size: 32px; }
.kdcc-faq-subtitle {
font-size: 1rem;
padding: 0 10px;
}
.kdcc-faq-section-header { font-size: 1.3rem; }
.kdcc-faq-item { padding: 18px 20px; }
.kdcc-faq-item summary { font-size: 1.1rem; }
.kdcc-faq-item p,
.kdcc-faq-item li { font-size: 1rem; }
.kdcc-faq-cta { padding: 30px 20px; }
.kdcc-faq-cta h3 { font-size: 1.3rem; }
.kdcc-faq-cta-buttons {
flex-direction: column;
align-items: center;
}
.kdcc-faq-btn {
width: 100%;
max-width: 280px;
text-align: center;
}
}
}
#fw-section-custom-html-7ba0b9cd-9fe6-4bc9-8abf-1761db347912 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-f9d37059-02e6-4c3a-b0ee-2d2f79347cdc {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-9862f298-a171-4f08-a642-ad1cb610c396 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-b7a257fd-e906-449b-87f2-578ba97604ec {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-7e4a9fff-c4a1-44ee-be35-7e272fdcf9c8 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-45136a7d-7168-4c97-a0e3-240397f02871 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-0413a8b5-0627-4261-a038-e3dafe63c03f {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-6274e48e-a7d9-49d4-8bef-6fe80d3b3e4d {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section {
margin: -35px 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -34px;
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
}
#fw-section-custom-html-b937dfbd-888d-4e29-a218-449475997281 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
section.custom-html:has(section.kdcc-faq-schema-host) {
display: none !important;
}
section.kdcc-faq-schema-host {
display: none !important;
}
}
#fw-section-custom-html-21c60b4e-2a0b-4320-ab17-263695419a2b {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
section.custom-html:has(section.kdcc-faq-schema-host) {
display: none !important;
}
section.kdcc-faq-schema-host {
display: none !important;
}
}
#fw-section-custom-html-0f86c5d2-1048-462e-98ed-4cbd83f76e79 {
div.container.wrapper:has(> section.kdcc-faq-section),
div.container.wrapper:has(> link + section.kdcc-faq-section),
div.container.wrapper:has(> style + section.kdcc-faq-section),
div.container.wrapper:has(> script + section.kdcc-faq-section) {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
section.kdcc-faq-section {
margin: -70px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 1;
}
section.kdcc-faq-section:nth-of-type(even) {
background: #ffffff;
}
section.kdcc-faq-section.kdcc-faq-section-continued {
margin-top: -69px;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
position: relative;
z-index: 2;
}
section.kdcc-faq-section.kdcc-faq-section-continued div.kdcc-faq-section-inner {
padding-top: 0;
}
div.container.wrapper:has(> section.kdcc-faq-section-continued),
div.container.wrapper:has(> link + section.kdcc-faq-section-continued),
div.container.wrapper:has(> style + section.kdcc-faq-section-continued),
div.container.wrapper:has(> script + section.kdcc-faq-section-continued) {
margin-top: 0;
padding-top: 0;
}
section.kdcc-faq-section.kdcc-faq-section-continued.kdcc-faq-section-white {
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-faq-section div.kdcc-faq-section-inner {
max-width: 1400px;
margin: 0 auto;
padding: 88px 40px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
text-align: left;
margin: 0 0 48px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow .material-symbols-outlined {
font-size: 22px;
color: #14b9dc;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow img.kdcc-faq-eyebrow-svg {
width: 22px;
height: 22px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
}
section.kdcc-faq-section p.kdcc-faq-section-eyebrow svg {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
color: #14b9dc;
}
section.kdcc-faq-section#faq-discord p.kdcc-faq-section-eyebrow svg {
color: #5865F2;
}
section.kdcc-faq-section h2.kdcc-faq-section-title {
font-size: clamp(28px, 3.4vw, 46px);
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 18px 0;
letter-spacing: -0.4px;
text-transform: none;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 18px;
color: #4a4a4f;
line-height: 1.7;
margin: 0;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section div.kdcc-faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item {
background: #ffffff;
border: 2px solid #14b9dc;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
section.kdcc-faq-section details.kdcc-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.15);
}
section.kdcc-faq-section details.kdcc-faq-item[open] {
border-color: #ec4f59;
box-shadow: 0 10px 28px rgba(236,79,89,0.18);
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 26px 30px;
user-select: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::-webkit-details-marker,
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary::marker {
display: none;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 17px;
font-weight: 800;
color: #313540;
line-height: 1.4;
letter-spacing: -0.2px;
flex: 1;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f7;
color: #6e6e73;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
section.kdcc-faq-section details.kdcc-faq-item:hover summary.kdcc-faq-summary span.kdcc-faq-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item[open] summary.kdcc-faq-summary span.kdcc-faq-icon {
background: #ec4f59;
color: #ffffff;
transform: rotate(45deg);
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;
padding: 0 30px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
max-height: 3000px;
padding: 0 30px 28px 30px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p {
font-size: 16px;
color: #4a4a4f;
line-height: 1.75;
margin: 0 0 14px 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:last-child {
margin-bottom: 0;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p:first-child {
margin-top: 4px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p em {
color: #14b9dc;
font-style: italic;
font-weight: 600;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a {
color: #14b9dc;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid rgba(20,185,220,0.3);
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a:hover {
color: #ec4f59;
border-bottom-color: #ec4f59;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p a strong {
color: inherit;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ul,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer ol {
margin: 12px 0 14px 0;
padding-left: 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 16px;
color: #4a4a4f;
line-height: 1.7;
margin-bottom: 8px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li::marker {
color: #14b9dc;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li strong {
color: #313540;
font-weight: 800;
}
section.kdcc-faq-section h3.kdcc-faq-cat {
display: flex;
align-items: center;
gap: 14px;
font-size: 1.35rem;
font-weight: 800;
color: #313540;
margin: 56px 0 24px 0;
padding-bottom: 16px;
border-bottom: 2px solid #e5e5e5;
line-height: 1.2;
}
section.kdcc-faq-section h3.kdcc-faq-cat:first-child {
margin-top: 0;
}
section.kdcc-faq-section h3.kdcc-faq-cat .material-symbols-outlined {
font-size: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
color: #ffffff;
background: #14b9dc;
}
section.kdcc-faq-section mark.kdcc-hl {
background: rgba(20,185,220,0.35);
color: inherit;
padding: 0 2px;
border-radius: 3px;
font-weight: 800;
}
@media (max-width: 768px) {
section.kdcc-faq-section div.kdcc-faq-section-inner {
padding: 64px 22px;
}
section.kdcc-faq-section header.kdcc-faq-section-header {
margin-bottom: 36px;
}
section.kdcc-faq-section p.kdcc-faq-section-bridge {
font-size: 16px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary {
padding: 22px 22px;
gap: 14px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-q {
font-size: 15.5px;
}
section.kdcc-faq-section details.kdcc-faq-item summary.kdcc-faq-summary span.kdcc-faq-icon {
width: 34px;
height: 34px;
font-size: 20px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer {
padding: 0 22px;
}
section.kdcc-faq-section details.kdcc-faq-item[open] div.kdcc-faq-answer {
padding: 0 22px 24px 22px;
}
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer p,
section.kdcc-faq-section details.kdcc-faq-item div.kdcc-faq-answer li {
font-size: 15px;
}
}
section.custom-html:has(section.kdcc-faq-schema-host) {
display: none !important;
}
section.kdcc-faq-schema-host {
display: none !important;
}
}
#fw-section-custom-html-582b457f-639a-47e9-89b9-e483bcc2309a {
section.kdcc-team-hero {
margin: 0px 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
section.kdcc-team-hero div.kdcc-team-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 440px;
gap: 56px;
align-items: center;
}
section.kdcc-team-hero div.kdcc-team-hero-content {
min-width: 0;
}
section.kdcc-team-hero div.kdcc-team-hero-content p.kdcc-team-hero-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 600;
margin: 0 0 20px;
}
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
margin: 0 0 24px;
color: white;
}
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline span.kdcc-team-hero-kan {
color: #ec4f59;
}
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline span.kdcc-team-hero-do {
color: #14b9dc;
}
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline span.kdcc-team-hero-creators {
color: white;
}
section.kdcc-team-hero div.kdcc-team-hero-content p.kdcc-team-hero-bridge {
font-size: 18px;
line-height: 1.7;
color: #b0b3ba;
margin: 0 0 40px;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat {
text-align: center;
padding: 18px 10px;
background: rgba(255,255,255,0.08);
border-radius: 10px;
border-top: 3px solid #ec4f59;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat:nth-child(2) {
border-top-color: #14b9dc;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat:nth-child(3) {
border-top-color: #67bb26;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat:nth-child(4) {
border-top-color: #f59e0b;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat span.kdcc-team-hero-stat-num {
display: block;
font-size: 1.6rem;
font-weight: 800;
color: white;
line-height: 1;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat span.kdcc-team-hero-stat-label {
display: block;
font-size: 0.68rem;
color: #a0a3ab;
margin-top: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.3;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
padding: 20px;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card {
text-align: center;
transition: transform 0.4s ease;
text-decoration: none;
display: block;
cursor: pointer;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card:hover {
transform: scale(1.04) rotate(0deg);
z-index: 2;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-andrew {
transform: rotate(-2.5deg);
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-ike {
transform: rotate(1.8deg);
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-stanley {
transform: rotate(1.2deg);
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-you {
transform: rotate(-1.5deg);
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card div.kdcc-yb-frame {
background: white;
padding: 10px 10px 8px;
border-radius: 4px;
box-shadow: 0 4px 16px rgba(0,0,0,0.35), 0 1px 3px rgba(0,0,0,0.2);
aspect-ratio: 3 / 4;
overflow: hidden;
position: relative;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card div.kdcc-yb-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 2px;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card div.kdcc-yb-frame.kdcc-yb-frame-empty {
display: flex;
align-items: center;
justify-content: center;
background: white;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card div.kdcc-yb-frame.kdcc-yb-frame-empty span.kdcc-yb-you-text {
font-size: 2.2rem;
font-weight: 800;
color: #67bb26;
letter-spacing: 1px;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card span.kdcc-yb-name {
display: block;
font-size: 0.95rem;
font-weight: 700;
color: white;
margin-top: 12px;
line-height: 1.2;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-andrew span.kdcc-yb-name {
color: #ec4f59;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-ike span.kdcc-yb-name {
color: #14b9dc;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-stanley span.kdcc-yb-name {
color: #f59e0b;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook div.kdcc-yb-you span.kdcc-yb-name {
color: #67bb26;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook a.kdcc-yearbook-card span.kdcc-yb-title {
display: block;
font-size: 0.7rem;
color: #7a7d85;
margin-top: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@media (max-width: 1024px) {
section.kdcc-team-hero div.kdcc-team-hero-inner {
grid-template-columns: 1fr 380px;
gap: 40px;
}
}
@media (max-width: 768px) {
section.kdcc-team-hero div.kdcc-team-hero-inner {
grid-template-columns: 1fr;
gap: 40px;
padding: 64px 20px 56px;
}
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline {
font-size: 32px;
}
section.kdcc-team-hero div.kdcc-team-hero-content p.kdcc-team-hero-bridge {
font-size: 16px;
margin-bottom: 32px;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stats {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook {
max-width: 360px;
margin: 0 auto;
gap: 20px;
padding: 12px;
}
}
@media (max-width: 480px) {
section.kdcc-team-hero div.kdcc-team-hero-content h1.kdcc-team-hero-headline {
font-size: 28px;
}
section.kdcc-team-hero div.kdcc-team-hero-content div.kdcc-team-hero-stat span.kdcc-team-hero-stat-num {
font-size: 1.25rem;
}
section.kdcc-team-hero div.kdcc-team-hero-yearbook {
max-width: 280px;
gap: 16px;
}
}
}
#fw-section-custom-html-346f6469-fe3b-4f4a-8fa6-6735cd4d4978 {
section.kdcc-team-founders {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
section.kdcc-team-founders div.kdcc-team-founders-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 80px;
}
section.kdcc-team-founders div.kdcc-team-founders-inner p.kdcc-team-founders-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 600;
margin: 0 0 20px;
text-align: center;
}
section.kdcc-team-founders div.kdcc-team-founders-inner h2.kdcc-team-founders-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
margin: 0 0 20px;
text-align: center;
color: #313540;
}
section.kdcc-team-founders div.kdcc-team-founders-inner h2.kdcc-team-founders-headline span.kdcc-team-founders-kan {
color: #ec4f59;
}
section.kdcc-team-founders div.kdcc-team-founders-inner h2.kdcc-team-founders-headline span.kdcc-team-founders-do {
color: #14b9dc;
}
section.kdcc-team-founders div.kdcc-team-founders-inner p.kdcc-team-founders-bridge {
font-size: 18px;
line-height: 1.7;
color: #6e6e73;
margin: 0 0 20px;
text-align: left;
}
section.kdcc-team-founders div.kdcc-team-founders-inner p.kdcc-team-founders-capsule {
font-size: 15px;
line-height: 1.65;
color: #8e8e93;
margin: 0 0 56px;
text-align: left;
}
section.kdcc-team-founders div.kdcc-team-founder-card {
display: grid;
grid-template-columns: 320px 1fr;
gap: 48px;
align-items: start;
background: white;
border-radius: 0 16px 16px 0;
border-left: 4px solid #ec4f59;
padding: 40px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
margin-bottom: 48px;
scroll-margin-top: 24px;
}
section.kdcc-team-founders div.kdcc-team-founder-card:last-child {
margin-bottom: 0;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike {
border-left-color: #14b9dc;
}
section.kdcc-team-founders div.kdcc-founder-photo-wrap {
position: relative;
width: 280px;
height: 280px;
}
section.kdcc-team-founders div.kdcc-founder-photo-accent {
position: absolute;
top: -8px;
right: -8px;
width: 100%;
height: 100%;
border-radius: 16px;
background: linear-gradient(135deg, #ec4f59 0%, #f59e0b 100%);
opacity: 0.12;
}
section.kdcc-team-founders div.kdcc-founder-photo-accent.kdcc-accent-ike {
background: linear-gradient(135deg, #14b9dc 0%, #67bb26 100%);
}
section.kdcc-team-founders div.kdcc-founder-photo {
position: relative;
width: 100%;
height: 100%;
border-radius: 16px;
overflow: hidden;
background: #eee;
}
section.kdcc-team-founders div.kdcc-founder-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
section.kdcc-team-founders div.kdcc-founder-quick-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 20px;
padding: 16px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
section.kdcc-team-founders div.kdcc-founder-qstat {
text-align: center;
}
section.kdcc-team-founders div.kdcc-founder-qstat span.kdcc-founder-qstat-num {
display: block;
font-size: 1.15rem;
font-weight: 800;
color: #ec4f59;
line-height: 1;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike div.kdcc-founder-qstat span.kdcc-founder-qstat-num {
color: #14b9dc;
}
section.kdcc-team-founders div.kdcc-founder-qstat span.kdcc-founder-qstat-label {
display: block;
font-size: 0.65rem;
color: #999;
margin-top: 4px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.3;
}
section.kdcc-team-founders div.kdcc-founder-social-links {
display: flex;
gap: 10px;
margin-top: 16px;
flex-wrap: wrap;
}
section.kdcc-team-founders div.kdcc-founder-social-links a.kdcc-founder-social {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 8px;
font-size: 0.8rem;
font-weight: 600;
color: #313540;
text-decoration: none;
background: #f4f4f5;
transition: all 0.2s ease;
}
section.kdcc-team-founders div.kdcc-founder-social-links a.kdcc-founder-social:hover {
background: #14b9dc;
color: white;
transform: translateY(-1px);
}
section.kdcc-team-founders div.kdcc-founder-social-links a.kdcc-founder-social svg {
flex-shrink: 0;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p.kdcc-founder-name-label {
font-size: 1.6rem;
font-weight: 800;
color: #313540;
margin: 0 0 4px;
line-height: 1.2;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-andrew div.kdcc-founder-bio-side p.kdcc-founder-name-label {
color: #ec4f59;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike div.kdcc-founder-bio-side p.kdcc-founder-name-label {
color: #14b9dc;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p.kdcc-founder-role-label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #999;
font-weight: 600;
margin: 0 0 20px;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p {
font-size: 0.95rem;
line-height: 1.65;
color: #555;
margin: 0 0 14px;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p strong {
color: #313540;
font-weight: 600;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p a {
color: #14b9dc;
text-decoration: none;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p a:hover {
text-decoration: underline;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike {
grid-template-columns: 1fr 320px;
}
@media (max-width: 960px) {
section.kdcc-team-founders div.kdcc-team-founder-card {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 24px;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike {
grid-template-columns: 1fr;
}
section.kdcc-team-founders div.kdcc-team-founder-card.kdcc-founder-ike div.kdcc-founder-photo-side {
order: -1;
}
section.kdcc-team-founders div.kdcc-founder-photo-side {
display: flex;
flex-direction: column;
align-items: center;
}
section.kdcc-team-founders div.kdcc-founder-photo-wrap {
width: 200px;
height: 200px;
}
section.kdcc-team-founders div.kdcc-founder-quick-stats {
width: 100%;
max-width: 320px;
}
section.kdcc-team-founders div.kdcc-founder-social-links {
justify-content: center;
}
}
@media (max-width: 768px) {
section.kdcc-team-founders div.kdcc-team-founders-inner {
padding: 56px 20px 64px;
}
section.kdcc-team-founders div.kdcc-team-founders-inner h2.kdcc-team-founders-headline {
font-size: 32px;
}
section.kdcc-team-founders div.kdcc-team-founders-inner p.kdcc-team-founders-bridge {
font-size: 16px;
margin-bottom: 40px;
}
section.kdcc-team-founders div.kdcc-team-founder-card {
padding: 24px 20px;
margin-bottom: 32px;
}
section.kdcc-team-founders div.kdcc-founder-photo-wrap {
width: 160px;
height: 160px;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p.kdcc-founder-name-label {
font-size: 1.35rem;
text-align: center;
}
section.kdcc-team-founders div.kdcc-founder-bio-side p.kdcc-founder-role-label {
text-align: center;
}
}
@media (max-width: 480px) {
section.kdcc-team-founders div.kdcc-founder-social-links {
flex-direction: column;
}
section.kdcc-team-founders div.kdcc-founder-social-links a.kdcc-founder-social {
justify-content: center;
}
}
}
#fw-section-custom-html-f4b2e809-b449-41c7-8dbc-2120ff54be02 {
section.kdcc-team-crew {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
section.kdcc-team-crew div.kdcc-team-crew-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 80px;
}
section.kdcc-team-crew div.kdcc-team-crew-inner p.kdcc-team-crew-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #313540;
font-weight: 600;
margin: 0 0 20px;
text-align: center;
}
section.kdcc-team-crew div.kdcc-team-crew-inner p.kdcc-team-crew-eyebrow span.kdcc-team-crew-eyebrow-blue {
color: #14b9dc;
}
section.kdcc-team-crew div.kdcc-team-crew-inner h2.kdcc-team-crew-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
margin: 0 0 20px;
text-align: center;
color: #313540;
}
section.kdcc-team-crew div.kdcc-team-crew-inner p.kdcc-team-crew-bridge {
font-size: 18px;
line-height: 1.7;
color: #6e6e73;
margin: 0 0 56px;
text-align: left;
}
section.kdcc-team-crew div.kdcc-team-crew-card {
display: grid;
grid-template-columns: 320px 1fr;
gap: 48px;
align-items: start;
background: #f5f5f7;
border-radius: 0 16px 16px 0;
border-left: 4px solid #f59e0b;
padding: 40px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
margin-bottom: 40px;
scroll-margin-top: 24px;
}
section.kdcc-team-crew div.kdcc-team-crew-card.kdcc-crew-card-community {
border-left-color: #67bb26;
grid-template-columns: 160px 1fr;
gap: 40px;
align-items: center;
padding: 32px 40px;
}
section.kdcc-team-crew div.kdcc-crew-photo-wrap {
position: relative;
width: 280px;
height: 280px;
}
section.kdcc-team-crew div.kdcc-crew-photo-accent-el {
position: absolute;
top: -8px;
right: -8px;
width: 100%;
height: 100%;
border-radius: 16px;
background: linear-gradient(135deg, #f59e0b 0%, #ec4f59 100%);
opacity: 0.12;
}
section.kdcc-team-crew div.kdcc-crew-photo-img {
position: relative;
width: 100%;
height: 100%;
border-radius: 16px;
overflow: hidden;
background: #eee;
}
section.kdcc-team-crew div.kdcc-crew-photo-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
section.kdcc-team-crew div.kdcc-crew-mini-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 20px;
padding: 16px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
section.kdcc-team-crew div.kdcc-crew-mini-stat {
text-align: center;
}
section.kdcc-team-crew div.kdcc-crew-mini-stat span.kdcc-crew-mini-num {
display: block;
font-size: 1.15rem;
font-weight: 800;
color: #f59e0b;
line-height: 1;
}
section.kdcc-team-crew div.kdcc-crew-mini-stat span.kdcc-crew-mini-label {
display: block;
font-size: 0.65rem;
color: #999;
margin-top: 4px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.3;
}
section.kdcc-team-crew div.kdcc-crew-social-row {
display: flex;
gap: 10px;
margin-top: 16px;
flex-wrap: wrap;
}
section.kdcc-team-crew div.kdcc-crew-social-row a.kdcc-crew-social-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 8px;
font-size: 0.8rem;
font-weight: 600;
color: #313540;
text-decoration: none;
background: #eaeaeb;
transition: all 0.2s ease;
}
section.kdcc-team-crew div.kdcc-crew-social-row a.kdcc-crew-social-btn:hover {
background: #14b9dc;
color: white;
transform: translateY(-1px);
}
section.kdcc-team-crew div.kdcc-crew-social-row a.kdcc-crew-social-btn.kdcc-crew-social-book:hover {
background: #f59e0b;
}
section.kdcc-team-crew div.kdcc-crew-social-row a.kdcc-crew-social-btn svg {
flex-shrink: 0;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p.kdcc-crew-member-name {
font-size: 1.6rem;
font-weight: 800;
color: #f59e0b;
margin: 0 0 4px;
line-height: 1.2;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p.kdcc-crew-member-role {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #999;
font-weight: 600;
margin: 0 0 20px;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p {
font-size: 0.95rem;
line-height: 1.65;
color: #555;
margin: 0 0 14px;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p strong {
color: #313540;
font-weight: 600;
}
section.kdcc-team-crew div.kdcc-crew-community-icon {
width: 120px;
height: 120px;
border-radius: 16px;
border: 4px dashed #ccc;
background: #f9f9fa;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
section.kdcc-team-crew div.kdcc-crew-community-icon span.kdcc-crew-community-you {
font-size: 2rem;
font-weight: 700;
color: #67bb26;
letter-spacing: 1px;
}
section.kdcc-team-crew div.kdcc-crew-community-content p.kdcc-crew-community-name {
font-size: 1.4rem;
font-weight: 800;
color: #67bb26;
margin: 0 0 12px;
line-height: 1.2;
}
section.kdcc-team-crew div.kdcc-crew-community-content p {
font-size: 0.95rem;
line-height: 1.65;
color: #555;
margin: 0 0 14px;
}
section.kdcc-team-crew div.kdcc-crew-community-content p strong {
color: #313540;
font-weight: 600;
}
section.kdcc-team-crew div.kdcc-crew-community-cta {
margin: 20px 0 0;
}
section.kdcc-team-crew div.kdcc-crew-community-cta a.kdcc-crew-discord-btn {
display: inline-block;
padding: 14px 28px;
background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
color: white;
text-decoration: none;
border-radius: 6px;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
section.kdcc-team-crew div.kdcc-crew-community-cta a.kdcc-crew-discord-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(88,101,242,0.35);
}
section.kdcc-team-crew div.kdcc-crew-community-content p.kdcc-crew-hiring-note {
font-size: 0.8rem;
color: #999;
font-style: italic;
margin: 16px 0 0;
}
@media (max-width: 960px) {
section.kdcc-team-crew div.kdcc-team-crew-card {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 24px;
}
section.kdcc-team-crew div.kdcc-team-crew-card.kdcc-crew-card-community {
grid-template-columns: 1fr;
gap: 24px;
text-align: center;
padding: 32px 24px;
}
section.kdcc-team-crew div.kdcc-crew-photo-col {
display: flex;
flex-direction: column;
align-items: center;
}
section.kdcc-team-crew div.kdcc-crew-photo-wrap {
width: 200px;
height: 200px;
}
section.kdcc-team-crew div.kdcc-crew-mini-stats {
width: 100%;
max-width: 320px;
}
section.kdcc-team-crew div.kdcc-crew-social-row {
justify-content: center;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p.kdcc-crew-member-name {
text-align: center;
}
section.kdcc-team-crew div.kdcc-crew-bio-col p.kdcc-crew-member-role {
text-align: center;
}
section.kdcc-team-crew div.kdcc-crew-community-icon {
width: 100px;
height: 100px;
}
}
@media (max-width: 768px) {
section.kdcc-team-crew div.kdcc-team-crew-inner {
padding: 56px 20px 64px;
}
section.kdcc-team-crew div.kdcc-team-crew-inner h2.kdcc-team-crew-headline {
font-size: 32px;
}
section.kdcc-team-crew div.kdcc-team-crew-inner p.kdcc-team-crew-bridge {
font-size: 16px;
margin-bottom: 40px;
}
section.kdcc-team-crew div.kdcc-team-crew-card {
padding: 24px 20px;
}
section.kdcc-team-crew div.kdcc-crew-photo-wrap {
width: 160px;
height: 160px;
}
}
@media (max-width: 480px) {
section.kdcc-team-crew div.kdcc-crew-social-row {
flex-direction: column;
}
section.kdcc-team-crew div.kdcc-crew-social-row a.kdcc-crew-social-btn {
justify-content: center;
}
}
}
#fw-section-custom-html-b0714121-00d5-4b37-a1a3-ea5b35ab3448 {
section.kdcc-team-cta {
margin: -40px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
position: relative;
z-index: 1;
}
section.kdcc-team-cta div.kdcc-team-cta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 80px;
text-align: center;
}
section.kdcc-team-cta div.kdcc-team-cta-inner p.kdcc-team-cta-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 600;
margin: 0 0 20px;
}
section.kdcc-team-cta div.kdcc-team-cta-inner h2.kdcc-team-cta-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
margin: 0 0 20px;
color: white;
}
section.kdcc-team-cta div.kdcc-team-cta-inner p.kdcc-team-cta-sub {
font-size: 18px;
line-height: 1.7;
color: #b0b3ba;
max-width: 680px;
margin: 0 auto 40px;
}
section.kdcc-team-cta div.kdcc-team-cta-inner div.kdcc-team-cta-actions {
display: flex;
flex-direction: column;
align-items: center;
}
section.kdcc-team-cta div.kdcc-team-cta-inner div.kdcc-team-cta-actions a.kdcc-team-cta-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 32px;
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
color: white;
text-decoration: none;
border-radius: 6px;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 4px 16px rgba(236,79,89,0.3);
}
section.kdcc-team-cta div.kdcc-team-cta-inner div.kdcc-team-cta-actions a.kdcc-team-cta-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236,79,89,0.4);
}
section.kdcc-team-cta div.kdcc-team-cta-inner div.kdcc-team-cta-actions p.kdcc-team-cta-sublink {
font-size: 0.85rem;
color: #7a7d85;
margin: 16px 0 0;
font-weight: 500;
}
@media (max-width: 768px) {
section.kdcc-team-cta div.kdcc-team-cta-inner {
padding: 64px 20px 72px;
}
section.kdcc-team-cta div.kdcc-team-cta-inner h2.kdcc-team-cta-headline {
font-size: 32px;
}
section.kdcc-team-cta div.kdcc-team-cta-inner p.kdcc-team-cta-sub {
font-size: 16px;
margin-bottom: 40px;
}
section.kdcc-team-cta div.kdcc-team-cta-inner div.kdcc-team-cta-actions a.kdcc-team-cta-primary {
width: 100%;
max-width: 280px;
text-align: center;
}
}
@media (max-width: 480px) {
section.kdcc-team-cta div.kdcc-team-cta-inner h2.kdcc-team-cta-headline {
font-size: 28px;
}
}
}
#fw-section-custom-html-973ba23a-c2f1-4cf0-9580-224add4124e9 {
/* Hero Section with Video Background */
.kdcc-hero {
background: #313540;
color: white;
padding: 100px 24px 60px;
position: relative;
overflow: hidden;
}
/* Background Video Container */
.kdcc-hero-video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
/* Background Video */
.kdcc-hero-video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
}
/* Dark Overlay (makes text readable) */
.kdcc-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(49, 53, 64, 0.75);
z-index: 1;
}
/* Optional: Gradient overlay instead of solid */
.kdcc-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(49, 53, 64, 0.85) 0%,
rgba(49, 53, 64, 0.70) 50%,
rgba(20, 185, 220, 0.15) 100%
);
z-index: 1;
}
/* Remove old gradient (replaced by video) */
.kdcc-hero::before {
display: none;
}
/* Content above video */
.kdcc-hero-container {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.kdcc-hero h1 {
font-size: 72px;
font-weight: 900;
line-height: 1.1;
margin-bottom: 32px;
letter-spacing: -2px;
color: #ffffff;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.kdcc-hero-subtitle {
font-size: 24px;
color: rgba(255, 255, 255, 0.95);
margin-bottom: 48px;
font-weight: 400;
max-width: 1200px;
line-height: 1.6;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.kdcc-hero-ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.kdcc-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 18px 36px;
border-radius: 8px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s;
cursor: pointer;
border: none;
font-size: 16px;
}
.kdcc-btn-primary {
background: #ec4f59;
color: white;
}
.kdcc-btn-primary:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.4);
}
.kdcc-btn-outline {
background: rgba(255, 255, 255, 0.1);
color: white;
border: 2px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
}
.kdcc-btn-outline:hover {
background: rgba(255, 255, 255, 0.2);
border-color: white;
}
.kdcc-btn-discord {
background: #5865F2;
color: white;
border: none;
}
.kdcc-btn-discord:hover {
background: #4752c4;
}
@media (max-width: 768px) {
.kdcc-hero h1 {
font-size: 48px;
}
.kdcc-hero-subtitle {
font-size: 18px;
}
.kdcc-hero-ctas {
flex-direction: column;
align-items: stretch;
}
}
}
#fw-section-custom-html-305a87fb-4028-4887-a6ff-ce19d553a7a6 {
.kdcc-value {
margin-top: -100px !important;
padding: 80px 24px;
background: white;
}
.kdcc-container {
max-width: 1400px;
margin: 0 auto;
}
.kdcc-section-header {
text-align: center;
margin-bottom: 60px;
}
.kdcc-section-header h2 {
font-size: 48px;
font-weight: 800;
color: #ec4f59;
margin-bottom: 36px;
line-height: 1.2;
}
.kdcc-value-story {
max-width: 100%;
margin: 0 0 48px 0;
text-align: left;
}
.kdcc-value-story p {
font-size: 18px;
color: #313540;
line-height: 1.8;
margin-bottom: 0;
}
.kdcc-section-header p {
font-size: 20px;
color: #6e6e73;
max-width: 800px;
margin: 0 auto;
line-height: 1.7;
}
.kdcc-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 60px;
}
.kdcc-icon-card {
text-align: center;
padding: 32px 24px;
background: #f5f5f7;
border-radius: 16px;
transition: transform 0.3s;
}
.kdcc-icon-card:hover {
transform: translateY(-4px);
}
.kdcc-icon-card-icon {
font-size: 48px;
margin-bottom: 16px;
}
.kdcc-icon-card h3 {
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.kdcc-icon-card p {
font-size: 14px;
color: #6e6e73;
line-height: 1.6;
}
.kdcc-value-cta {
text-align: center;
margin-top: 60px;
}
.kdcc-value-cta .kdcc-btn {
background: #ec4f59;
color: white;
padding: 18px 48px;
font-size: 18px;
border-radius: 6px;
text-decoration: none;
display: inline-block;
font-weight: 700;
transition: all 0.3s;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.25);
}
.kdcc-value-cta .kdcc-btn:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.35);
}
.kdcc-value-links {
margin-top: 24px;
font-size: 16px;
color: #6e6e73;
}
.kdcc-value-links a {
color: #313540;
text-decoration: underline;
font-weight: 600;
transition: color 0.3s;
}
.kdcc-value-links a:hover {
color: #ec4f59;
}
.kdcc-value-links span {
margin: 0 8px;
}
@media (max-width: 1024px) {
.kdcc-icon-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.kdcc-icon-grid {
grid-template-columns: 1fr;
}
.kdcc-section-header h2 {
font-size: 32px;
}
.kdcc-value-story p {
font-size: 16px;
}
}
}
#fw-section-custom-html-1b91c08c-51f3-4414-b810-b29cd68c9f89 {
.kdcc-community {
margin-top: -100px !important;
padding: 80px 24px;
background: #f5f5f7;
}
.kdcc-community-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
max-width: 1200px;
margin: 0 auto 60px;
}
.kdcc-community-content h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 24px;
line-height: 1.2;
color: #313540;
}
.kdcc-community-content h2 span {
color: #ec4f59;
}
.kdcc-community-content p {
font-size: 18px;
color: #6e6e73;
margin-bottom: 20px;
line-height: 1.7;
}
.kdcc-community-list {
list-style: none;
padding: 0;
margin-top: 20px;
}
.kdcc-community-list li {
padding: 8px 0 8px 28px;
position: relative;
color: #313540;
}
.kdcc-community-list li::before {
content: "✓";
position: absolute;
left: 0;
color: #ec4f59;
font-weight: 900;
}
/* Carousel Styles */
.kdcc-carousel {
position: relative;
}
.kdcc-carousel input[type="radio"] {
display: none;
}
.carousel-container {
position: relative;
width: 100%;
height: 100%;
min-height: 400px;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
background: #f5f5f5;
}
.carousel-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 1;
}
#img1:checked ~ .carousel-container .carousel-image:nth-child(1),
#img2:checked ~ .carousel-container .carousel-image:nth-child(2),
#img3:checked ~ .carousel-container .carousel-image:nth-child(3) {
opacity: 1;
z-index: 2;
}
.carousel-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
filter: blur(25px) brightness(1.1);
transform: scale(1.2);
z-index: 1;
}
.carousel-image img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
display: block;
z-index: 2;
}
.carousel-dots {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.carousel-dots label {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: background 0.3s;
}
.carousel-dots label:hover {
background: #999;
}
#img1:checked ~ .carousel-dots label:nth-child(1),
#img2:checked ~ .carousel-dots label:nth-child(2),
#img3:checked ~ .carousel-dots label:nth-child(3) {
background: #313540;
}
.kdcc-testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1400px;
margin: 0 auto;
}
.kdcc-testimonial-card {
background: white;
padding: 32px;
border-radius: 16px;
border-left: 4px solid #ec4f59;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s;
}
.kdcc-testimonial-card:hover {
transform: translateY(-4px);
}
.kdcc-testimonial-icon {
font-size: 32px;
margin-bottom: 16px;
}
.kdcc-testimonial-text {
font-size: 16px;
color: #313540;
font-style: italic;
margin-bottom: 16px;
line-height: 1.6;
}
.kdcc-testimonial-author {
font-weight: 700;
color: #ec4f59;
font-size: 14px;
}
@media (max-width: 1024px) {
.kdcc-community-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.kdcc-testimonial-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
@media (max-width: 768px) {
.kdcc-community-grid {
grid-template-columns: 1fr;
}
.kdcc-community-content h2 {
font-size: 32px;
}
.carousel-container {
min-height: 300px;
}
.kdcc-testimonial-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-b9064fef-bdc7-413d-aa6f-f1cbf5d80948 {
.kdcc-kando {
margin-top: -100px !important;
padding: 80px 24px;
background: white;
}
.kdcc-kando-header {
text-align: center;
max-width: 1200px;
margin: 0 auto;
}
.kdcc-kando-header h2 {
font-size: 42px;
font-weight: 800;
color: #14b9dc;
margin-bottom: 24px;
line-height: 1.2;
}
.kdcc-kando-header p {
font-size: 16px;
color: #313540;
line-height: 1.7;
margin: 0 auto;
}
.kdcc-kando-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1400px;
margin: 80px auto 0;
}
.kdcc-kando-card {
background: #f5f5f7;
padding: 40px;
border-radius: 16px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
/* Make card a link without link styling */
a.kdcc-kando-card {
text-decoration: none;
display: block;
cursor: pointer;
}
.kdcc-kando-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #ec4f59, #14b9dc);
}
.kdcc-kando-letter {
width: 60px;
height: 60px;
background: #ec4f59;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 800;
margin: 0 auto 20px;
transition: all 0.3s ease;
}
.kdcc-kando-card h3 {
font-size: 24px;
font-weight: 800;
margin-bottom: 12px;
color: #ec4f59;
transition: all 0.3s ease;
}
.kdcc-kando-card h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 16px;
color: #313540;
transition: all 0.3s ease;
}
.kdcc-kando-card p {
font-size: 15px;
color: #6e6e73;
line-height: 1.7;
transition: all 0.3s ease;
}
/* THAT'S IT CARD - Special Styling */
.kdcc-kando-card.kdcc-kando-final {
background: #14b9dc;
color: white;
}
.kdcc-kando-card.kdcc-kando-final h3,
.kdcc-kando-card.kdcc-kando-final h4 {
color: white;
}
.kdcc-kando-card.kdcc-kando-final p {
color: rgba(255, 255, 255, 0.9);
}
.kdcc-kando-card.kdcc-kando-final .kdcc-kando-letter {
background: white;
color: #14b9dc;
}
/* HOVER EFFECT FOR THAT'S IT CARD */
.kdcc-kando-card.kdcc-kando-final:hover {
background: #0da3c9;
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(20, 185, 220, 0.3);
}
.kdcc-kando-card.kdcc-kando-final:hover .kdcc-kando-letter {
transform: scale(1.1);
}
.kdcc-kando-card.kdcc-kando-final:hover h3 {
transform: scale(1.05);
}
/* Mobile */
@media (max-width: 768px) {
.kdcc-kando-grid {
grid-template-columns: 1fr;
}
.kdcc-kando-header h2 {
font-size: 32px;
}
}
}
#fw-section-tiers-23aef579-55c5-4c63-98f7-0292643af194 {
--color-primary: #010101;
--color-primary-rgb: 1, 1, 1;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #010101;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* ===== HIDE GROWTH YEAR TIER ===== */
.tiers__container .grid__column:nth-child(4) {
display: none !important;
}
/* ===== SECTION HEADER - RED ===== */
.tiers__heading {
color: #ec4f59 !important;
}
/* ===== BOXES - RED BORDERS + ROUNDED CORNERS ===== */
.tiers__tier {
border: 3px solid #ec4f59 !important;
border-radius: 24px !important;
}
/* ===== BUTTONS - RED + ROUNDED ===== */
.button {
background: #ec4f59 !important;
border-color: #ec4f59 !important;
border-radius: 8px !important;
}
.button:hover {
background: #d63f49 !important;
border-color: #d63f49 !important;
}
/* ===== CHECKMARKS - RED ===== */
.tiers__tier-feature-icon {
color: #ec4f59 !important;
}
/* ===== ANNUAL LINK - BLUE ===== */
.tiers__tier-annual-link {
color: #14b9dc !important;
}
.tiers__tier-annual-link:hover {
color: #0da3c9 !important;
}
/* ===== SAVE 17% - TEXT WITH GLOW ===== */
.tiers__tier-annual-link {
display: inline-block !important;
color: #14b9dc !important;
font-weight: 800 !important;
font-size: 15px !important;
text-decoration: none !important;
padding: 8px 16px !important;
border-radius: 6px !important;
background: rgba(20, 185, 220, 0.1) !important;
transition: all 0.3s ease !important;
box-shadow: 0 0 0 rgba(20, 185, 220, 0) !important;
}
.tiers__tier-annual-link:hover {
background: rgba(20, 185, 220, 0.15) !important;
box-shadow: 0 0 20px rgba(20, 185, 220, 0.3) !important;
transform: scale(1.05) !important;
}
/* ===== GUARANTEE TEXT - PAID TIERS ONLY ===== */
.tiers__container .grid__column:nth-child(2) .tiers__tier-inner::after,
.tiers__container .grid__column:nth-child(3) .tiers__tier-inner::after {
content: "✓ 30-Day Money-Back Guarantee • ✓ Instant Access • ✓ Secure Payment" !important;
display: block !important;
margin-top: 24px !important;
padding-top: 24px !important;
border-top: 2px solid #f5f5f7 !important;
color: #6e6e73 !important;
font-size: 13px !important;
text-align: center !important;
line-height: 1.5 !important;
}
}
#fw-section-recent-videos-50a9ba17-4d90-46fa-b836-0c4fb0aeb932 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ===== SECTION - DARK BACKGROUND ===== */
.recent-videos {
background: #313540 !important;
}
/* ===== HEADING - WHITE & CENTERED ===== */
.recent-videos .section-header__heading {
color: white !important;
text-align: center !important;
margin-bottom: 16px !important;
}
/* ===== ADD SUBTITLE TEXT AFTER HEADING ===== */
.recent-videos .section-header__heading::after {
content: "Get free YouTube strategies, advice, and creative help content from our channel." !important;
display: block !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #a1a1a6 !important;
margin-top: 16px !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
}
/* ===== MOVE BUTTON BELOW VIDEOS (HIDE TOP BUTTON) ===== */
.recent-videos__header .section-header__cta {
display: none !important;
}
/* ===== SHOW BOTTOM BUTTON & CENTER IT ===== */
.recent-videos__cta-container {
display: block !important;
text-align: center !important;
margin-top: 40px !important;
}
/* ===== BUTTON - RED ===== */
.recent-videos .button {
background: #ec4f59 !important;
border-color: #ec4f59 !important;
}
.recent-videos .button:hover {
background: #d63f49 !important;
border-color: #d63f49 !important;
}
/* ===== VIDEO CARDS - DARK BACKGROUND ===== */
.video-tile {
background: #2d2d2f !important;
}
/* ===== VIDEO TITLES - WHITE ===== */
.video-tile__title {
color: white !important;
}
/* ===== VIDEO CAPTION AREA - DARK ===== */
.video-tile__caption {
background: #2d2d2f !important;
}
}
#fw-section-featured-collection-68c689c7-cbcc-4511-aca3-1c218ed41eff {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #f5f5f7;
--color-background-rgb: 245, 245, 247;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 245;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
.collection__heading::after {
content: "New buyers only. Spend $15+ on merch and get 1 free month of KDCC Knowledge tier. Renews at standard rate unless canceled.";
display: block;
margin-top: 6px;
font-size: clamp(12.5px, 1.2vw, 13.5px);
line-height: 1.55;
color: #7a7d85;
font-weight: 400;
text-transform: none;
letter-spacing: 0.15px;
}
}
#fw-section-custom-html-753a4350-197c-42d9-b38b-0ad79c1f99a1 {
.kdcc-faq {
max-width: 800px;
margin: 0 auto;
padding: 0 16px;
font-family: 'Inter', sans-serif;
}
.kdcc-faq h2 {
text-align: center;
color: #14b9dc;
margin-bottom: 24px;
font-size: 2rem;
font-weight: 900;
}
/* FAQ container cards */
.kdcc-faq-item {
background: #ffffff; /* Clean white */
border-radius: 12px;
box-shadow: 0 1px 6px rgba(0,0,0,.06);
margin: 14px 0;
padding: 18px 20px;
transition: background-color 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
}
/* Subtle hover tint */
.kdcc-faq-item:hover {
background-color: rgba(20,185,220,0.03);
box-shadow: 0 2px 10px rgba(20,185,220,0.1);
}
/* Open FAQ: red accent glow and subtle border */
.kdcc-faq-item[open] {
background-color: #ffffff;
border: 1px solid rgba(236,79,89,0.4); /* KDCC red accent */
box-shadow: 0 0 10px rgba(236,79,89,0.25);
}
/* Question row styling */
.kdcc-faq-q {
list-style: none;
cursor: pointer;
font-weight: 800;
color: #ec4f59;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1rem;
transition: color 0.25s ease;
}
/* Color shift on hover and open */
.kdcc-faq-item:hover .kdcc-faq-q,
.kdcc-faq-item[open] .kdcc-faq-q {
color: #14b9dc;
}
.kdcc-faq-item summary::-webkit-details-marker {
display: none;
}
/* Plus/minus animation */
.kdcc-faq-q::after {
content: "+";
font-size: 1.4rem;
color: #ec4f59;
font-weight: 700;
transition: transform 0.25s ease, color 0.25s ease;
}
.kdcc-faq-item[open] .kdcc-faq-q::after {
content: "–";
color: #14b9dc;
transform: rotate(180deg);
}
/* Answer: smooth expand/slide */
.kdcc-faq-a {
margin-top: 10px;
color: #313540;
line-height: 1.55;
font-size: 1rem;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 300ms ease, opacity 250ms ease, transform 250ms ease;
opacity: 0;
transform: translateY(-2px);
}
.kdcc-faq-item[open] .kdcc-faq-a {
grid-template-rows: 1fr;
opacity: 1;
transform: translateY(0);
}
/* Keeps answer content smooth during animation */
.kdcc-faq-a-inner {
overflow: hidden;
}
.kdcc-faq-a strong {
font-weight: 600;
color: #111;
}
.kdcc-faq-a a {
color: #14b9dc;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
.kdcc-faq-a a:hover {
color: #ec4f59;
}
/* Responsive adjustments */
@media (max-width: 600px) {
.kdcc-faq h2 { font-size: 1.6rem; }
.kdcc-faq-q { font-size: 1rem; }
}
}
#fw-section-custom-html-9f7e62cf-3551-404a-b2bf-a4f9c2f45fb8 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ec4f59;
--color-background-rgb: 236, 79, 89;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 127;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC Newsletter Signup - Fully Responsive Red CTA Style */
.kdcc-signup {
--kdcc-red: #ec4f59;
--kdcc-dark: #313540;
max-width: 100% !important;
margin: 0 !important;
background: #ec4f59 !important;
border: none !important;
border-radius: 0 !important;
padding: clamp(40px, 8vw, 60px) 24px !important;
box-shadow: none !important;
text-align: center !important;
}
/* Remove any default ConvertKit padding/margins */
.kdcc-signup > div,
.kdcc-signup [data-style="minimal"] {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
/* Heading - Responsive sizing */
.kdcc-signup .formkit-header {
margin: 0 0 clamp(16px, 3vw, 24px) !important;
text-align: center !important;
}
.kdcc-signup .formkit-header h2 {
color: white !important;
font-weight: 900 !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-align: center !important;
margin: 0 !important;
font-size: clamp(28px, 5vw, 50px) !important;
letter-spacing: -1px !important;
white-space: normal !important;
}
/* Subheader - Responsive sizing */
.kdcc-signup .formkit-subheader {
margin: 0 0 clamp(24px, 5vw, 40px) !important;
text-align: center !important;
color: white !important;
font-size: clamp(14px, 2vw, 22px) !important;
line-height: 1.6 !important;
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
opacity: 0.95 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-subheader p {
margin: 0 0 8px !important;
}
.kdcc-signup .formkit-subheader p:last-child {
margin-bottom: 0 !important;
}
.kdcc-signup .formkit-subheader strong {
font-weight: 400 !important;
}
/* Form Fields - Responsive layout */
.kdcc-signup .formkit-fields {
margin: 0 auto !important;
display: flex !important;
gap: clamp(12px, 2vw, 16px) !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
max-width: 700px !important;
}
.kdcc-signup .formkit-field {
flex: 1 1 280px !important;
min-width: 0 !important;
}
/* Input Field - Responsive */
.kdcc-signup .formkit-input {
width: 100% !important;
background: white !important;
color: var(--kdcc-dark) !important;
border: none !important;
border-radius: 12px !important;
padding: clamp(14px, 2vw, 18px) clamp(16px, 2vw, 20px) !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
line-height: 1.25 !important;
transition: all 0.2s !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
text-align: center !important;
}
.kdcc-signup .formkit-input::placeholder {
color: #666 !important;
font-weight: 700 !important;
text-align: center !important;
}
.kdcc-signup .formkit-input:focus {
outline: none !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-2px) !important;
}
/* Submit Button - Responsive */
.kdcc-signup .formkit-submit {
flex: 1 1 280px !important;
border: none !important;
border-radius: 12px !important;
background: white !important;
color: var(--kdcc-dark) !important;
font-weight: 800 !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
padding: clamp(14px, 2vw, 18px) clamp(24px, 4vw, 48px) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.kdcc-signup .formkit-submit:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}
.kdcc-signup .formkit-submit:active {
transform: translateY(0) !important;
}
.kdcc-signup .formkit-submit:focus {
outline: none !important;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3) !important;
}
/* Guarantee Text - Responsive */
.kdcc-signup .formkit-guarantee {
margin: clamp(16px, 3vw, 24px) 0 0 !important;
text-align: center !important;
color: white !important;
font-size: clamp(13px, 1.5vw, 17px) !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-guarantee p {
margin: 0 !important;
}
/* ConvertKit Alerts */
.kdcc-signup .formkit-alert {
width: 100% !important;
margin: 14px 0 0 !important;
text-align: center !important;
border-radius: 10px !important;
}
/* Spinner - Hidden by default */
.kdcc-signup .formkit-spinner {
display: none !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
margin-right: 8px !important;
}
/* Show spinner when form is submitting */
.kdcc-signup .formkit-submit[data-active="true"] .formkit-spinner {
display: inline-block !important;
}
.kdcc-signup .formkit-spinner div {
box-sizing: border-box !important;
display: block !important;
position: absolute !important;
width: 16px !important;
height: 16px !important;
margin: 2px !important;
border: 2px solid !important;
border-radius: 50% !important;
animation: formkit-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite !important;
border-color: var(--kdcc-dark) transparent transparent transparent !important;
}
@keyframes formkit-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Accessibility */
.kdcc-signup .sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* Only needed for very small screens - stack vertically */
@media (max-width: 640px) {
.kdcc-signup .formkit-fields {
flex-direction: column !important;
}
.kdcc-signup .formkit-field,
.kdcc-signup .formkit-submit {
flex: 1 1 100% !important;
}
}
}
#fw-section-custom-html-f1259c2d-68c0-45af-97fe-d731217840a6 {
section.kdcc-nl-hero {
margin: 0 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
padding: 0;
overflow: hidden;
box-sizing: border-box;
}
section.kdcc-nl-hero div,
section.kdcc-nl-hero span,
section.kdcc-nl-hero p,
section.kdcc-nl-hero h1,
section.kdcc-nl-hero input,
section.kdcc-nl-hero button,
section.kdcc-nl-hero img,
section.kdcc-nl-hero a {
box-sizing: border-box;
}
section.kdcc-nl-hero div.kdcc-nl-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px 88px;
box-sizing: border-box;
overflow: hidden;
}
section.kdcc-nl-hero div.kdcc-nl-hero-inner div.kdcc-nl-hero-grid {
display: grid;
grid-template-columns: 1fr 440px;
gap: 64px;
align-items: center;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content {
text-align: left;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content p.kdcc-nl-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 20px 0;
line-height: 1;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content h1.kdcc-nl-hero-title {
font-size: 48px;
font-weight: 900;
color: #ffffff;
margin: 0 0 24px 0;
line-height: 1.08;
letter-spacing: -0.01em;
text-transform: uppercase;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content p.kdcc-nl-hero-bridge {
font-size: 18px;
color: #c5c8ce;
margin: 0 0 40px 0;
line-height: 1.7;
max-width: 680px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-form {
max-width: 680px;
margin: 0 0 20px 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form form,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form [data-uid],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-form {
width: 100%;
max-width: 100%;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields {
display: flex;
flex-direction: row;
gap: 12px;
margin: 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields .formkit-field {
flex: 1;
margin: 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields .formkit-field input.formkit-input,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields input[type="email"],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields input[type="email"] {
width: 100%;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
border: 2px solid rgba(255, 255, 255, 0.15);
border-radius: 6px;
background: rgba(255, 255, 255, 0.95);
color: #313540;
text-align: left;
margin: 0;
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields .formkit-field input.formkit-input::placeholder,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields input[type="email"]::placeholder {
color: rgba(49, 53, 64, 0.5);
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields .formkit-field input.formkit-input:focus,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields input[type="email"]:focus {
outline: none;
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.25);
background: #ffffff;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button.formkit-submit,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button[data-element="submit"],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields button[type="submit"] {
padding: 16px 28px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: #ffffff;
background: #ec4f59;
border: none;
border-radius: 6px;
cursor: pointer;
margin: 0;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(236, 79, 89, 0.4);
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button.formkit-submit:hover,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button[data-element="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.5);
background: #d93d47;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form [data-element="powered-by"],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-powered-by,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-powered-by-convertkit-container {
display: none;
height: 0;
overflow: hidden;
visibility: hidden;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-bonus {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-bonus span.kdcc-nl-bonus-icon {
font-size: 20px;
color: #f59e0b;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-bonus span.kdcc-nl-bonus-text {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
font-weight: 500;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-bonus span.kdcc-nl-bonus-text strong {
color: #f59e0b;
font-weight: 700;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-proof {
display: flex;
align-items: center;
gap: 10px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-proof span.kdcc-nl-proof-check {
font-size: 20px;
color: #67bb26;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-proof span.kdcc-nl-proof-text {
font-size: 14px;
color: rgba(255, 255, 255, 0.75);
font-weight: 500;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-visual {
display: flex;
justify-content: center;
align-items: center;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-hero-visual div.kdcc-nl-email {
width: 100%;
max-width: 100%;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
box-sizing: border-box;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-toolbar {
display: flex;
align-items: center;
padding: 14px 20px;
background: #f5f5f7;
border-bottom: 1px solid #e8e8ed;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-toolbar div.kdcc-nl-toolbar-dots {
display: flex;
gap: 7px;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-toolbar-dots div.kdcc-nl-dot {
width: 10px;
height: 10px;
border-radius: 50%;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-toolbar-dots div.kdcc-nl-dot-red { background: #ec4f59; }
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-toolbar-dots div.kdcc-nl-dot-blue { background: #14b9dc; }
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-toolbar-dots div.kdcc-nl-dot-green { background: #67bb26; }
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-toolbar div.kdcc-nl-toolbar-label {
font-size: 13px;
font-weight: 600;
color: #9a9aa0;
margin-left: auto;
letter-spacing: 0.3px;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-header {
display: flex;
align-items: center;
gap: 14px;
padding: 18px 20px;
border-bottom: 1px solid #eeeef0;
background: #ffffff;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-header img.kdcc-nl-email-logo {
width: 44px;
height: 44px;
min-width: 44px;
border-radius: 10px;
object-fit: cover;
}
section.kdcc-nl-hero div.kdcc-nl-email-header div.kdcc-nl-email-meta {
flex: 1;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-email-header div.kdcc-nl-email-meta div.kdcc-nl-email-from {
font-size: 14px;
font-weight: 700;
color: #313540;
margin-bottom: 2px;
}
section.kdcc-nl-hero div.kdcc-nl-email-header div.kdcc-nl-email-meta div.kdcc-nl-email-subject {
font-size: 12px;
color: #9a9aa0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.kdcc-nl-hero div.kdcc-nl-email-header div.kdcc-nl-email-badge {
font-size: 11px;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
padding: 4px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-body {
height: 320px;
overflow: hidden;
position: relative;
background: #ffffff;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-body::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
pointer-events: none;
z-index: 2;
}
section.kdcc-nl-hero div.kdcc-nl-email-body div.kdcc-nl-email-scroll {
padding: 8px 12px;
}
@-webkit-keyframes kdccNlEmailScroll {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}
@keyframes kdccNlEmailScroll {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}
section.kdcc-nl-hero div.kdcc-nl-hero-visual div.kdcc-nl-email div.kdcc-nl-email-body div.kdcc-nl-email-scroll div.kdcc-nl-email-track {
-webkit-animation: kdccNlEmailScroll 28s linear infinite;
animation: kdccNlEmailScroll 28s linear infinite;
}
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item {
display: flex;
align-items: stretch;
margin-bottom: 8px;
border-radius: 10px;
overflow: hidden;
background: #f5f5f7;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item:hover {
background: #eef0f2;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-email-item-bar {
width: 4px;
min-width: 4px;
flex-shrink: 0;
}
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-bar-blue { background: #14b9dc; }
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-bar-red { background: #ec4f59; }
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-bar-green { background: #67bb26; }
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-bar-gold { background: #f59e0b; }
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-bar-purple { background: #5865F2; }
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-email-item-content {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
flex: 1;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-icon {
font-size: 22px;
font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 22;
min-width: 22px;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-blue { color: #14b9dc; }
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-red { color: #ec4f59; }
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-green { color: #67bb26; }
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-gold { color: #f59e0b; }
section.kdcc-nl-hero div.kdcc-nl-email-item-content span.kdcc-nl-ei-purple { color: #5865F2; }
section.kdcc-nl-hero div.kdcc-nl-email-item-content div.kdcc-nl-ei-text {
flex: 1;
min-width: 0;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content div.kdcc-nl-ei-text strong {
display: block;
font-size: 14px;
font-weight: 700;
color: #313540;
margin-bottom: 2px;
line-height: 1.3;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content div.kdcc-nl-ei-text span {
display: block;
font-size: 12px;
color: #9a9aa0;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1060px) {
section.kdcc-nl-hero div.kdcc-nl-hero-inner div.kdcc-nl-hero-grid {
grid-template-columns: 1fr 380px;
gap: 48px;
}
}
@media (max-width: 960px) {
section.kdcc-nl-hero div.kdcc-nl-hero-inner div.kdcc-nl-hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-visual {
max-width: 440px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields {
flex-direction: column;
}
}
@media (max-width: 768px) {
section.kdcc-nl-hero div.kdcc-nl-hero-inner {
padding: 60px 20px 50px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-inner div.kdcc-nl-hero-grid {
grid-template-columns: 1fr;
gap: 32px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content h1.kdcc-nl-hero-title {
font-size: 32px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content p.kdcc-nl-hero-bridge {
font-size: 16px;
margin-bottom: 28px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-form {
max-width: 100%;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields .formkit-field input.formkit-input,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields input[type="email"],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields input[type="email"] {
width: 100%;
box-sizing: border-box;
}
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button.formkit-submit,
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .formkit-fields button[data-element="submit"],
section.kdcc-nl-hero div.kdcc-nl-hero-content div.kdcc-nl-hero-form .seva-fields button[type="submit"] {
width: 100%;
box-sizing: border-box;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-visual {
max-width: 100%;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-body {
height: 240px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-bonus {
flex-wrap: wrap;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content div.kdcc-nl-hero-proof {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
section.kdcc-nl-hero div.kdcc-nl-hero-inner {
padding: 48px 16px 40px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content h1.kdcc-nl-hero-title {
font-size: 26px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content p.kdcc-nl-eyebrow {
font-size: 11px;
letter-spacing: 2px;
}
section.kdcc-nl-hero div.kdcc-nl-hero-grid div.kdcc-nl-hero-content p.kdcc-nl-hero-bridge {
font-size: 15px;
}
section.kdcc-nl-hero div.kdcc-nl-email div.kdcc-nl-email-body {
height: 200px;
}
section.kdcc-nl-hero div.kdcc-nl-email-track div.kdcc-nl-email-item div.kdcc-nl-email-item-content {
padding: 12px 12px;
gap: 10px;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content div.kdcc-nl-ei-text strong {
font-size: 13px;
}
section.kdcc-nl-hero div.kdcc-nl-email-item-content div.kdcc-nl-ei-text span {
font-size: 11px;
}
}
}
#fw-section-custom-html-c90d1232-93dc-487d-bdb4-5e48046279ee {
section.kdcc-nl-proof {
margin: -35px 0 -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 0;
overflow: hidden;
box-sizing: border-box;
}
section.kdcc-nl-proof div,
section.kdcc-nl-proof span,
section.kdcc-nl-proof p,
section.kdcc-nl-proof h2,
section.kdcc-nl-proof h3,
section.kdcc-nl-proof h4,
section.kdcc-nl-proof a,
section.kdcc-nl-proof strong,
section.kdcc-nl-proof img {
box-sizing: border-box;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner p.kdcc-nl-proof-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 20px 0;
line-height: 1;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner h2.kdcc-nl-proof-title {
font-size: 42px;
font-weight: 900;
color: #313540;
margin: 0 0 20px 0;
line-height: 1.1;
text-transform: uppercase;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner h2.kdcc-nl-proof-title span.kdcc-nl-proof-accent {
color: #ec4f59;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner p.kdcc-nl-proof-bridge {
font-size: 18px;
color: #6e6e73;
margin: 0 0 48px 0;
line-height: 1.65;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner div.kdcc-nl-stats-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 56px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat {
background: #ffffff;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
padding: 24px 22px;
display: flex;
align-items: center;
gap: 18px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat-red { border-left-color: #ec4f59; }
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat-blue { border-left-color: #14b9dc; }
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat-purple { border-left-color: #5865F2; }
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat-green { border-left-color: #67bb26; }
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-icon {
width: 48px;
height: 48px;
min-width: 48px;
background: rgba(20, 185, 220, 0.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-icon span.material-symbols-outlined {
font-size: 24px;
color: #14b9dc;
font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}
section.kdcc-nl-proof div.kdcc-nl-stat-red div.kdcc-nl-stat-icon { background: rgba(236, 79, 89, 0.12); }
section.kdcc-nl-proof div.kdcc-nl-stat-red div.kdcc-nl-stat-icon span.material-symbols-outlined { color: #ec4f59; }
section.kdcc-nl-proof div.kdcc-nl-stat-blue div.kdcc-nl-stat-icon { background: rgba(20, 185, 220, 0.12); }
section.kdcc-nl-proof div.kdcc-nl-stat-blue div.kdcc-nl-stat-icon span.material-symbols-outlined { color: #14b9dc; }
section.kdcc-nl-proof div.kdcc-nl-stat-purple div.kdcc-nl-stat-icon { background: rgba(88, 101, 242, 0.12); }
section.kdcc-nl-proof div.kdcc-nl-stat-purple div.kdcc-nl-stat-icon span.material-symbols-outlined { color: #5865F2; }
section.kdcc-nl-proof div.kdcc-nl-stat-green div.kdcc-nl-stat-icon { background: rgba(103, 187, 38, 0.12); }
section.kdcc-nl-proof div.kdcc-nl-stat-green div.kdcc-nl-stat-icon span.material-symbols-outlined { color: #67bb26; }
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-number {
font-size: 28px;
font-weight: 900;
color: #313540;
line-height: 1;
margin-bottom: 4px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-label {
font-size: 12px;
font-weight: 600;
color: #6e6e73;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.3;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-context {
font-size: 12px;
font-weight: 400;
color: #9a9aa0;
line-height: 1.4;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #eeeef0;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner div.kdcc-nl-blog-section h3.kdcc-nl-blog-heading {
font-size: 20px;
font-weight: 900;
color: #313540;
margin: 0 0 28px 0;
text-transform: uppercase;
}
section.kdcc-nl-proof div.kdcc-nl-blog-section h3.kdcc-nl-blog-heading span.kdcc-nl-blog-heading-accent {
color: #14b9dc;
}
section.kdcc-nl-proof div.kdcc-nl-blog-section p.kdcc-nl-blog-subhead {
font-size: 16px;
color: #6e6e73;
margin: 0 0 28px 0;
line-height: 1.6;
}
section.kdcc-nl-proof div.kdcc-nl-blog-section div.kdcc-nl-blog-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card {
display: flex;
flex-direction: column;
background: #ffffff;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
overflow: hidden;
text-decoration: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-bc-red { border-left-color: #ec4f59; }
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-bc-green { border-left-color: #67bb26; }
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-bc-gold { border-left-color: #f59e0b; }
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-img {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card:hover div.kdcc-nl-blog-img img {
transform: scale(1.05);
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-img div.kdcc-nl-blog-tag {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #ffffff;
background: #14b9dc;
padding: 4px 10px;
border-radius: 4px;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-img div.kdcc-nl-tag-red { background: #ec4f59; }
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-img div.kdcc-nl-tag-green { background: #67bb26; }
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-img div.kdcc-nl-tag-gold { background: #f59e0b; }
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-body {
padding: 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body h4.kdcc-nl-blog-title {
font-size: 15px;
font-weight: 700;
color: #313540;
margin: 0 0 8px 0;
line-height: 1.35;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body p.kdcc-nl-blog-excerpt {
font-size: 13px;
color: #6e6e73;
margin: 0 0 16px 0;
line-height: 1.5;
flex: 1;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-blog-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
color: #ffffff;
text-transform: uppercase;
padding: 10px 16px;
background: #14b9dc;
border-radius: 6px;
margin-top: auto;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-btn-red { background: #ec4f59; }
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-btn-green { background: #67bb26; }
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-btn-gold { background: #f59e0b; }
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card:hover span.kdcc-nl-blog-btn {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-blog-btn span.kdcc-nl-blog-arrow {
font-size: 16px;
font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 16;
transition: transform 0.2s ease;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card:hover span.kdcc-nl-blog-btn span.kdcc-nl-blog-arrow {
transform: translateX(3px);
}
@media (max-width: 1100px) {
section.kdcc-nl-proof div.kdcc-nl-blog-section div.kdcc-nl-blog-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 960px) {
section.kdcc-nl-proof div.kdcc-nl-proof-inner div.kdcc-nl-stats-row {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
section.kdcc-nl-proof div.kdcc-nl-proof-inner {
padding: 64px 20px;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner h2.kdcc-nl-proof-title {
font-size: 28px;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner p.kdcc-nl-proof-bridge {
font-size: 16px;
margin-bottom: 36px;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner div.kdcc-nl-stats-row {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 40px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat {
padding: 20px 20px;
gap: 16px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-number {
font-size: 24px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-context {
font-size: 12px;
}
section.kdcc-nl-proof div.kdcc-nl-blog-section div.kdcc-nl-blog-grid {
grid-template-columns: 1fr 1fr;
gap: 16px;
}
section.kdcc-nl-proof div.kdcc-nl-blog-section p.kdcc-nl-blog-subhead {
font-size: 15px;
}
}
@media (max-width: 580px) {
section.kdcc-nl-proof div.kdcc-nl-blog-section div.kdcc-nl-blog-grid {
grid-template-columns: 1fr;
gap: 16px;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card {
flex-direction: row;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-img {
width: 120px;
min-width: 120px;
aspect-ratio: auto;
}
section.kdcc-nl-proof div.kdcc-nl-blog-grid a.kdcc-nl-blog-card div.kdcc-nl-blog-body {
padding: 14px;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body p.kdcc-nl-blog-excerpt {
display: none;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body span.kdcc-nl-blog-btn {
padding: 8px 12px;
font-size: 11px;
}
section.kdcc-nl-proof a.kdcc-nl-blog-card div.kdcc-nl-blog-body h4.kdcc-nl-blog-title {
font-size: 14px;
}
}
@media (max-width: 480px) {
section.kdcc-nl-proof div.kdcc-nl-proof-inner {
padding: 48px 16px;
}
section.kdcc-nl-proof div.kdcc-nl-proof-inner h2.kdcc-nl-proof-title {
font-size: 24px;
}
section.kdcc-nl-proof div.kdcc-nl-stats-row div.kdcc-nl-stat div.kdcc-nl-stat-text div.kdcc-nl-stat-number {
font-size: 22px;
}
}
}
#fw-section-custom-html-002fc17f-6e67-4ff5-8fe9-b6b0f7d73d22 {
section.kdcc-nl-cta {
margin: -35px 0 -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 0;
overflow: hidden;
box-sizing: border-box;
}
section.kdcc-nl-cta div,
section.kdcc-nl-cta span,
section.kdcc-nl-cta p,
section.kdcc-nl-cta h2,
section.kdcc-nl-cta h3,
section.kdcc-nl-cta a,
section.kdcc-nl-cta input,
section.kdcc-nl-cta button,
section.kdcc-nl-cta strong {
box-sizing: border-box;
}
section.kdcc-nl-cta div.kdcc-nl-cta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-inner div.kdcc-nl-cta-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content p.kdcc-nl-cta-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 20px 0;
line-height: 1;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content h2.kdcc-nl-cta-title {
font-size: 38px;
font-weight: 900;
color: #313540;
margin: 0 0 16px 0;
line-height: 1.1;
text-transform: uppercase;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content h2.kdcc-nl-cta-title span.kdcc-nl-cta-accent {
color: #67bb26;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content p.kdcc-nl-cta-bridge {
font-size: 18px;
color: #6e6e73;
margin: 0 0 32px 0;
line-height: 1.65;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form {
max-width: 100%;
margin: 0 0 20px 0;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form form,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form [data-uid],
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-form {
width: 100%;
max-width: 100%;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields {
display: flex;
flex-direction: row;
gap: 12px;
margin: 0;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field {
flex: 1;
margin: 0;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field input.formkit-input,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields input[type="email"],
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields input[type="email"] {
width: 100%;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
border: 2px solid #d1d1d6;
border-radius: 6px;
background: #f5f5f7;
color: #313540;
text-align: left;
margin: 0;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field input.formkit-input::placeholder,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields input[type="email"]::placeholder {
color: rgba(49, 53, 64, 0.45);
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field input.formkit-input:focus,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields input[type="email"]:focus {
outline: none;
border-color: #67bb26;
box-shadow: 0 0 0 3px rgba(103, 187, 38, 0.2);
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button.formkit-submit,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button[data-element="submit"],
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields button[type="submit"] {
padding: 16px 24px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: #ffffff;
background: #67bb26;
border: none;
border-radius: 6px;
cursor: pointer;
margin: 0;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(103, 187, 38, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button.formkit-submit:hover,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button[data-element="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(103, 187, 38, 0.4);
background: #5aa621;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form [data-element="powered-by"],
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-powered-by,
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-powered-by-convertkit-container {
display: none;
height: 0;
overflow: hidden;
visibility: hidden;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-proof {
display: flex;
align-items: center;
gap: 10px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-proof span.kdcc-nl-cta-proof-icon {
font-size: 20px;
color: #67bb26;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-proof span.kdcc-nl-cta-proof-text {
font-size: 14px;
color: #6e6e73;
font-weight: 500;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-resources h3.kdcc-nl-cta-resources-label {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #9a9aa0;
margin: 0 0 20px 0;
line-height: 1;
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card {
background: #f5f5f7;
border-left: 4px solid #ec4f59;
border-radius: 0 12px 12px 0;
padding: 20px 20px;
display: flex;
align-items: center;
gap: 16px;
text-decoration: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: transform 0.25s ease, box-shadow 0.25s ease;
margin-bottom: 12px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card:last-child {
margin-bottom: 0;
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-red { border-left-color: #ec4f59; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-purple { border-left-color: #5865F2; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-blue { border-left-color: #14b9dc; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-gold { border-left-color: #f59e0b; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-red span.kdcc-nl-resource-icon { color: #ec4f59; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-purple span.kdcc-nl-resource-icon { color: #5865F2; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-blue span.kdcc-nl-resource-icon { color: #14b9dc; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-rc-gold span.kdcc-nl-resource-icon { color: #f59e0b; }
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card span.kdcc-nl-resource-icon {
font-size: 24px;
font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
min-width: 24px;
}
section.kdcc-nl-cta a.kdcc-nl-resource-card div.kdcc-nl-resource-text {
flex: 1;
}
section.kdcc-nl-cta a.kdcc-nl-resource-card div.kdcc-nl-resource-text strong {
display: block;
font-size: 15px;
font-weight: 700;
color: #313540;
margin-bottom: 2px;
}
section.kdcc-nl-cta a.kdcc-nl-resource-card div.kdcc-nl-resource-text span {
font-size: 13px;
color: #6e6e73;
line-height: 1.4;
}
section.kdcc-nl-cta a.kdcc-nl-resource-card span.kdcc-nl-resource-arrow {
font-size: 20px;
color: #c5c8ce;
font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
transition: transform 0.2s ease, color 0.2s ease;
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card:hover span.kdcc-nl-resource-arrow {
transform: translateX(4px);
color: #14b9dc;
}
@media (max-width: 960px) {
section.kdcc-nl-cta div.kdcc-nl-cta-inner div.kdcc-nl-cta-grid {
grid-template-columns: 1fr;
gap: 48px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields,
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields,
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form div[data-element="fields"] {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field,
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields .formkit-field {
width: 100%;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields .formkit-field input.formkit-input,
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields input[type="email"],
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields input[type="email"] {
width: 100%;
max-width: 100%;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button.formkit-submit,
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .formkit-fields button[data-element="submit"],
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content div.kdcc-nl-cta-form .seva-fields button[type="submit"] {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
section.kdcc-nl-cta div.kdcc-nl-cta-inner {
padding: 64px 20px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content h2.kdcc-nl-cta-title {
font-size: 28px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content p.kdcc-nl-cta-bridge {
font-size: 16px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-content div.kdcc-nl-cta-proof {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
section.kdcc-nl-cta div.kdcc-nl-cta-inner {
padding: 48px 16px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-grid div.kdcc-nl-cta-content h2.kdcc-nl-cta-title {
font-size: 24px;
}
section.kdcc-nl-cta div.kdcc-nl-cta-resources a.kdcc-nl-resource-card {
padding: 16px 16px;
}
}
}
#fw-section-custom-html-7f5a7f3a-12a3-47d8-9163-2598afa23ab6 {
.kdcc-newsletter-container {
max-width: 100%;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: #1a1a1a;
background: #fafafa;
}
.kdcc-hero {
background: #313540;
padding: 100px 40px 80px;
text-align: center;
position: relative;
overflow: hidden;
}
.kdcc-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 50%, rgba(52, 152, 219, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(155, 89, 182, 0.1) 0%, transparent 50%);
pointer-events: none;
}
.kdcc-hero-content {
max-width: 900px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.kdcc-hero-title {
font-size: 56px;
font-weight: 900;
color: white;
margin-bottom: 24px;
line-height: 1.1;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.kdcc-hero-subtitle {
font-size: 20px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 20px;
line-height: 1.6;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.kdcc-hero-tagline {
font-size: 20px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 48px;
line-height: 1.6;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.kdcc-hero-note {
font-size: 19px;
color: rgba(255, 255, 255, 0.8);
margin-top: 24px;
}
.kdcc-hero-note strong {
color: white;
font-weight: 600;
}
.kdcc-signup-form {
max-width: 600px;
margin: 0 auto;
}
.kdcc-signup-form form,
.kdcc-signup-form [data-uid],
.kdcc-signup-form .formkit-form {
width: 100% !important;
max-width: 100% !important;
}
.kdcc-signup-form .formkit-fields,
.kdcc-signup-form .seva-fields {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin: 0 !important;
max-width: 700px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.kdcc-signup-form input[type="email"],
.kdcc-signup-form input[type="text"],
.kdcc-signup-form .formkit-input {
width: 100% !important;
padding: 18px 24px !important;
font-size: 16px !important;
border: 2px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 8px !important;
background: white !important;
margin: 0 !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
transition: all 0.3s ease !important;
color: #1a1a1a !important;
font-weight: 500 !important;
text-align: center !important;
}
.kdcc-signup-form input[type="email"]::placeholder,
.kdcc-signup-form input[type="text"]::placeholder,
.kdcc-signup-form .formkit-input::placeholder {
color: rgba(26, 26, 26, 0.5) !important;
text-align: center !important;
}
.kdcc-signup-form input[type="email"]:focus,
.kdcc-signup-form input[type="text"]:focus,
.kdcc-signup-form .formkit-input:focus {
outline: none !important;
border-color: rgba(255, 255, 255, 0.6) !important;
background: white !important;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}
.kdcc-signup-form button[type="submit"],
.kdcc-signup-form input[type="submit"],
.kdcc-signup-form .formkit-submit {
width: 100% !important;
padding: 18px 40px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: white !important;
background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
border: none !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
margin: 0 !important;
box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4) !important;
position: relative !important;
overflow: hidden !important;
}
.kdcc-signup-form button[type="submit"]::before,
.kdcc-signup-form input[type="submit"]::before,
.kdcc-signup-form .formkit-submit::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
transition: left 0.5s !important;
}
.kdcc-signup-form button[type="submit"]:hover::before,
.kdcc-signup-form input[type="submit"]:hover::before,
.kdcc-signup-form .formkit-submit:hover::before {
left: 100% !important;
}
.kdcc-signup-form button[type="submit"]:hover,
.kdcc-signup-form input[type="submit"]:hover,
.kdcc-signup-form .formkit-submit:hover {
background: linear-gradient(135deg, #c0392b 0%, #a93226 100%) !important;
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 8px 25px rgba(231, 76, 60, 0.6) !important;
}
.kdcc-signup-form button[type="submit"]:active,
.kdcc-signup-form input[type="submit"]:active,
.kdcc-signup-form .formkit-submit:active {
transform: translateY(0px) scale(0.98) !important;
}
.kdcc-signup-form .formkit-field {
width: 100% !important;
margin: 0 !important;
}
.kdcc-signup-form [data-element="powered-by"],
.kdcc-signup-form .formkit-powered-by,
.kdcc-signup-form .formkit-powered-by-convertkit-container {
display: none !important;
}
.kdcc-social-proof-section,
.kdcc-benefits-section,
.kdcc-video-section,
.kdcc-testimonials-section,
.kdcc-resources-section {
padding: 80px 40px;
background: white;
}
.kdcc-social-proof-section {
background: #fafafa;
}
.kdcc-resources-section {
background: #fafafa;
}
.kdcc-section-title {
font-size: 36px;
font-weight: 900;
color: #2c3e50;
text-align: center;
margin-bottom: 60px;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.kdcc-highlight {
color: #e74c3c;
}
.kdcc-blue {
color: #3498db;
}
.kdcc-trust-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.kdcc-trust-item {
text-align: center;
}
.kdcc-trust-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 28px;
font-weight: bold;
margin: 0 auto 20px;
}
.kdcc-trust-item p {
font-size: 16px;
color: #555;
line-height: 1.6;
}
.kdcc-trust-item strong {
color: #2c3e50;
font-weight: 700;
}
.kdcc-benefits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1200px;
margin: 0 auto;
}
.kdcc-benefit-card {
background: #fafafa;
padding: 40px 32px;
border-radius: 12px;
text-align: center;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.kdcc-benefit-card:hover {
background: white;
border-color: #3498db;
transform: translateY(-8px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.kdcc-benefit-icon {
font-size: 48px;
margin-bottom: 20px;
display: block;
}
.kdcc-benefit-card h3 {
font-size: 20px;
font-weight: 700;
color: #2c3e50;
margin-bottom: 12px;
}
.kdcc-benefit-card p {
font-size: 16px;
color: #666;
line-height: 1.6;
}
.kdcc-video-container {
max-width: 1200px;
margin: 0 auto;
}
.kdcc-video-wrapper {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
padding-bottom: 56.25%;
height: 0;
}
.kdcc-video-embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.kdcc-testimonial-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.kdcc-testimonial-card {
background: white;
padding: 50px 45px 40px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
position: relative;
transition: all 0.3s ease;
}
.kdcc-testimonial-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.kdcc-testimonial-card::before {
content: '"';
position: absolute;
top: 10px;
left: 30px;
font-size: 80px;
color: rgba(231, 76, 60, 0.15);
font-family: Georgia, serif;
line-height: 1;
}
.kdcc-testimonial-text {
font-size: 18px;
color: #333;
line-height: 1.7;
margin-bottom: 24px;
font-style: italic;
position: relative;
z-index: 1;
}
.kdcc-testimonial-author {
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.kdcc-testimonial-author strong {
display: block;
font-size: 16px;
font-weight: 700;
color: #2c3e50;
margin-bottom: 4px;
}
.kdcc-testimonial-author span {
font-size: 14px;
color: #666;
}
.kdcc-resource-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1200px;
margin: 0 auto;
}
.kdcc-resource-card {
background: white;
padding: 40px 32px;
border-radius: 12px;
text-align: center;
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
display: block;
border: 2px solid #e0e0e0;
position: relative;
}
.kdcc-resource-card:hover {
border-color: #3498db;
transform: translateY(-8px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.kdcc-resource-icon {
font-size: 56px;
margin-bottom: 20px;
display: block;
}
.kdcc-resource-card h3 {
font-size: 22px;
font-weight: 700;
color: #2c3e50;
margin-bottom: 12px;
}
.kdcc-resource-card p {
font-size: 16px;
color: #666;
line-height: 1.6;
margin-bottom: 20px;
}
.kdcc-resource-arrow {
display: inline-block;
color: #e74c3c;
font-size: 24px;
font-weight: bold;
transition: transform 0.3s ease;
}
.kdcc-resource-card:hover .kdcc-resource-arrow {
transform: translateX(8px);
}
@media (max-width: 1024px) {
.kdcc-trust-grid,
.kdcc-benefits-grid,
.kdcc-resource-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.kdcc-hero {
padding: 60px 24px 50px;
}
.kdcc-hero-title {
font-size: 36px;
}
.kdcc-hero-subtitle {
font-size: 18px;
}
.kdcc-section-title {
font-size: 28px;
margin-bottom: 40px;
}
.kdcc-social-proof-section,
.kdcc-benefits-section,
.kdcc-video-section,
.kdcc-testimonials-section,
.kdcc-resources-section {
padding: 60px 24px;
}
.kdcc-trust-grid,
.kdcc-benefits-grid,
.kdcc-testimonial-grid,
.kdcc-resource-grid {
grid-template-columns: 1fr;
gap: 24px;
}
}
@media (max-width: 480px) {
.kdcc-hero-title {
font-size: 28px;
}
.kdcc-section-title {
font-size: 24px;
}
.kdcc-signup-form input[type="email"],
.kdcc-signup-form input[type="text"],
.kdcc-signup-form .formkit-input {
font-size: 16px !important;
}
}
}
#fw-section-custom-html-8d956bbf-a0e9-43c0-ba67-b856453fb210 {
section.kdcc-ph-hero {
position: relative;
margin: 0px 0 -35px 0;
padding: 0;
background: #313540;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
overflow: hidden;
}
section.kdcc-ph-hero .kdcc-ph-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 80px;
position: relative;
}
section.kdcc-ph-hero .kdcc-ph-grid {
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 64px;
align-items: stretch;
}
section.kdcc-ph-hero .kdcc-ph-pitch {
padding-top: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
section.kdcc-ph-hero .kdcc-ph-eyebrow {
display: inline-block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 28px;
}
section.kdcc-ph-hero .kdcc-ph-headline {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(32px, 3.4vw, 48px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.025em;
color: #ffffff;
margin: 0 0 32px 0;
text-transform: none;
}
section.kdcc-ph-hero .kdcc-ph-mark {
position: relative;
display: inline;
}
section.kdcc-ph-hero .kdcc-ph-subhead {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(17px, 1.5vw, 21px);
font-weight: 500;
line-height: 1.4;
color: rgba(255,255,255,0.92);
margin: 0 0 28px 0;
font-style: italic;
letter-spacing: -0.005em;
}
section.kdcc-ph-hero .kdcc-ph-subhead strong {
color: #ffffff;
font-weight: 700;
font-style: normal;
}
section.kdcc-ph-hero .kdcc-ph-lede {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px;
line-height: 1.65;
color: rgba(255,255,255,0.78);
margin: 0 0 32px 0;
font-weight: 400;
}
section.kdcc-ph-hero .kdcc-ph-lede strong {
color: #ffffff;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-trust {
display: flex;
align-items: flex-start;
gap: 10px;
}
section.kdcc-ph-hero .kdcc-ph-trust-icon {
font-size: 20px;
color: #67bb26;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-ph-hero .kdcc-ph-trust-text {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.55;
color: rgba(255,255,255,0.7);
letter-spacing: 0.01em;
}
section.kdcc-ph-hero .kdcc-ph-trust-text strong {
color: #ffffff;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-amazon-disclosure {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
font-style: italic;
font-weight: 400;
line-height: 1.5;
color: rgba(255,255,255,0.45);
margin: 18px 0 0 0;
max-width: 640px;
letter-spacing: 0.005em;
}
section.kdcc-ph-hero .kdcc-ph-form-wrap {
width: 100%;
}
section.kdcc-ph-hero .kdcc-ph-form-card {
background: #ffffff;
border-radius: 16px;
padding: 36px 36px 32px;
box-shadow: 0 30px 80px -20px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04) inset;
color: #313540;
}
section.kdcc-ph-hero .kdcc-ph-form-header {
margin-bottom: 24px;
padding-bottom: 22px;
border-bottom: 1px solid #eef0f3;
}
section.kdcc-ph-hero .kdcc-ph-form-header h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
color: #313540;
margin: 0 0 8px 0;
text-transform: none;
}
section.kdcc-ph-hero .kdcc-ph-form-header p {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-ph-hero .kdcc-ph-form-header strong {
color: #313540;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-form {
display: flex;
flex-direction: column;
gap: 16px;
}
section.kdcc-ph-hero .kdcc-ph-field {
display: flex;
flex-direction: column;
gap: 6px;
}
section.kdcc-ph-hero .kdcc-ph-field label {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #313540;
letter-spacing: 0.01em;
}
section.kdcc-ph-hero .kdcc-ph-req {
color: #ec4f59;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-input {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 1.5px solid #e6e8ec;
border-radius: 8px;
padding: 12px 14px;
width: 100%;
box-sizing: border-box;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
-webkit-appearance: none;
appearance: none;
}
section.kdcc-ph-hero .kdcc-ph-input::placeholder {
color: #9ca3af;
font-weight: 400;
}
section.kdcc-ph-hero .kdcc-ph-input:focus {
outline: none;
border-color: #ec4f59;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(236,79,89,0.12);
}
section.kdcc-ph-hero .kdcc-ph-textarea {
min-height: 110px;
resize: vertical;
font-family: 'Plus Jakarta Sans', sans-serif;
line-height: 1.55;
}
section.kdcc-ph-hero .kdcc-ph-honey {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
section.kdcc-ph-hero .kdcc-ph-consent-field {
margin-top: 4px;
}
section.kdcc-ph-hero .kdcc-ph-consent-label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
}
section.kdcc-ph-hero .kdcc-ph-checkbox {
flex-shrink: 0;
width: 16px;
height: 16px;
margin-top: 2px;
accent-color: #ec4f59;
cursor: pointer;
}
section.kdcc-ph-hero .kdcc-ph-consent-text {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 12px;
line-height: 1.5;
color: #6e6e73;
}
section.kdcc-ph-hero .kdcc-ph-consent-text strong {
color: #313540;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-consent-text a {
color: #ec4f59;
text-decoration: underline;
text-underline-offset: 2px;
}
section.kdcc-ph-hero .kdcc-ph-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 16px 28px;
border-radius: 8px;
background: #ec4f59;
color: #ffffff;
border: none;
cursor: pointer;
width: 100%;
margin-top: 6px;
box-shadow: 0 8px 24px -8px rgba(236,79,89,0.55);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
section.kdcc-ph-hero .kdcc-ph-submit:hover {
background: #f25f68;
transform: translateY(-2px);
box-shadow: 0 14px 32px -10px rgba(236,79,89,0.7);
}
section.kdcc-ph-hero .kdcc-ph-submit:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
}
section.kdcc-ph-hero .kdcc-ph-submit .material-symbols-outlined {
font-size: 20px;
}
section.kdcc-ph-hero .kdcc-ph-spinner {
width: 18px;
height: 18px;
border: 2px solid rgba(255,255,255,0.35);
border-top-color: #ffffff;
border-radius: 50%;
animation: kdcc-ph-spin 0.8s linear infinite;
}
@keyframes kdcc-ph-spin {
to { transform: rotate(360deg); }
}
section.kdcc-ph-hero .kdcc-ph-success {
text-align: center;
padding: 24px 8px 8px;
}
section.kdcc-ph-hero .kdcc-ph-success-badge {
width: 64px;
height: 64px;
margin: 0 auto 18px;
border-radius: 50%;
background: #67bb26;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-ph-hero .kdcc-ph-success-badge .material-symbols-outlined {
font-size: 36px;
color: #ffffff;
}
section.kdcc-ph-hero .kdcc-ph-success h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: 24px;
font-weight: 700;
color: #313540;
margin: 0 0 12px 0;
text-transform: none;
}
section.kdcc-ph-hero .kdcc-ph-success p {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
line-height: 1.6;
color: #6e6e73;
margin: 0 0 20px 0;
}
section.kdcc-ph-hero .kdcc-ph-success p strong {
color: #313540;
font-weight: 700;
}
section.kdcc-ph-hero .kdcc-ph-reset-btn {
background: #313540;
box-shadow: 0 8px 24px -8px rgba(49,53,64,0.55);
}
section.kdcc-ph-hero .kdcc-ph-reset-btn:hover {
background: #424652;
box-shadow: 0 14px 32px -10px rgba(49,53,64,0.7);
}
@media (max-width: 1100px) {
section.kdcc-ph-hero .kdcc-ph-inner {
padding: 80px 32px 80px;
}
section.kdcc-ph-hero .kdcc-ph-grid {
grid-template-columns: 1fr;
gap: 48px;
}
section.kdcc-ph-hero .kdcc-ph-eyebrow {
margin-top: 0;
}
section.kdcc-ph-hero .kdcc-ph-form-wrap {
max-width: 620px;
}
}
@media (max-width: 720px) {
section.kdcc-ph-hero .kdcc-ph-inner {
padding: 64px 20px 64px;
}
section.kdcc-ph-hero .kdcc-ph-grid {
gap: 40px;
}
section.kdcc-ph-hero .kdcc-ph-eyebrow {
font-size: 12px;
letter-spacing: 0.18em;
margin-bottom: 22px;
}
section.kdcc-ph-hero .kdcc-ph-headline {
font-size: clamp(28px, 7vw, 38px);
margin-bottom: 22px;
}
section.kdcc-ph-hero .kdcc-ph-lede {
font-size: 16px;
line-height: 1.6;
margin-bottom: 24px;
}
section.kdcc-ph-hero .kdcc-ph-trust {
flex-wrap: wrap;
}
section.kdcc-ph-hero .kdcc-ph-form-card {
padding: 28px 22px 24px;
}
section.kdcc-ph-hero .kdcc-ph-form-header h2 {
font-size: 21px;
}
}
@media (max-width: 480px) {
section.kdcc-ph-hero .kdcc-ph-eyebrow {
margin-top: 0;
}
}
}
#fw-section-custom-html-c8008c52-2e36-4c08-9852-18978de0b9dd {
section.kdcc-pt-trust {
position: relative;
margin: -35px 0 -35px 0;
padding: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
border-top: 1px solid #eef2f7;
border-bottom: 1px solid #eef2f7;
overflow: hidden;
}
section.kdcc-pt-trust .kdcc-pt-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
position: relative;
}
section.kdcc-pt-trust .kdcc-pt-eyebrow {
display: inline-block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 16px;
}
section.kdcc-pt-trust .kdcc-pt-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 3.6vw, 46px);
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.02em;
color: #313540;
margin: 0 0 56px 0;
text-transform: none;
}
section.kdcc-pt-trust .kdcc-pt-marquee {
position: relative;
overflow: hidden;
margin-bottom: 64px;
-webkit-mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);
mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);
}
section.kdcc-pt-trust .kdcc-pt-rail {
display: flex;
gap: 40px;
align-items: center;
height: 108px;
width: max-content;
transform: translate3d(0, 0, 0);
will-change: transform;
}
section.kdcc-pt-trust .kdcc-pt-rail.is-ready {
animation: kdcc-pt-scroll var(--kdcc-pt-loop-dur, 40s) linear infinite;
}
section.kdcc-pt-trust .kdcc-pt-rail:hover {
animation-play-state: paused;
}
section.kdcc-pt-trust .kdcc-pt-set {
display: flex;
gap: 40px;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
section.kdcc-pt-trust .kdcc-pt-item {
line-height: 0;
flex-shrink: 0;
}
section.kdcc-pt-trust .kdcc-pt-item img {
height: 80px;
width: auto;
max-width: 200px;
object-fit: contain;
display: block;
}
section.kdcc-pt-trust .kdcc-pt-body {
width: 100%;
}
section.kdcc-pt-trust .kdcc-pt-body p.kdcc-pt-leadin {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(20px, 1.8vw, 24px);
line-height: 1.4;
color: #313540;
margin: 0 0 24px 0;
text-transform: none;
letter-spacing: -0.01em;
}
section.kdcc-pt-trust .kdcc-pt-body p.kdcc-pt-leadin strong {
font-weight: 800;
color: #313540;
}
section.kdcc-pt-trust .kdcc-pt-body p {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #4a4a4f;
margin: 0 0 18px 0;
text-transform: none;
}
section.kdcc-pt-trust .kdcc-pt-body p:last-of-type {
margin-bottom: 32px;
}
section.kdcc-pt-trust .kdcc-pt-body p strong {
color: #313540;
font-weight: 700;
}
section.kdcc-pt-trust .kdcc-pt-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 16px 32px;
border-radius: 8px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 8px 24px -8px rgba(236, 79, 89, 0.45);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
section.kdcc-pt-trust .kdcc-pt-cta:hover {
background: #f25f68;
transform: translateY(-2px);
box-shadow: 0 14px 32px -10px rgba(236, 79, 89, 0.6);
}
section.kdcc-pt-trust .kdcc-pt-cta .material-symbols-outlined {
font-size: 20px;
transition: transform 0.25s ease;
}
section.kdcc-pt-trust .kdcc-pt-cta:hover .material-symbols-outlined {
transform: translateY(-2px);
}
@media (max-width: 768px) {
section.kdcc-pt-trust .kdcc-pt-inner {
padding: 64px 24px;
}
section.kdcc-pt-trust .kdcc-pt-title {
margin-bottom: 40px;
}
section.kdcc-pt-trust .kdcc-pt-marquee {
margin-bottom: 48px;
-webkit-mask-image: linear-gradient(to right, transparent, black 48px, black calc(100% - 48px), transparent);
mask-image: linear-gradient(to right, transparent, black 48px, black calc(100% - 48px), transparent);
}
section.kdcc-pt-trust .kdcc-pt-rail {
gap: 44px;
height: 64px;
}
section.kdcc-pt-trust .kdcc-pt-set {
gap: 44px;
}
section.kdcc-pt-trust .kdcc-pt-item img {
height: 38px;
max-width: 120px;
}
section.kdcc-pt-trust .kdcc-pt-body p {
font-size: 16px;
line-height: 1.7;
}
section.kdcc-pt-trust .kdcc-pt-cta {
width: 100%;
}
}
@media (max-width: 480px) {
section.kdcc-pt-trust .kdcc-pt-marquee {
-webkit-mask-image: linear-gradient(to right, transparent, black 32px, black calc(100% - 32px), transparent);
mask-image: linear-gradient(to right, transparent, black 32px, black calc(100% - 32px), transparent);
}
section.kdcc-pt-trust .kdcc-pt-rail {
gap: 36px;
}
section.kdcc-pt-trust .kdcc-pt-set {
gap: 36px;
}
}
@media (prefers-reduced-motion: reduce) {
section.kdcc-pt-trust .kdcc-pt-rail.is-ready {
animation: none;
}
}
}
#fw-section-custom-html-ee6bf4b2-67d5-45d1-b92f-712c0ff2ce2b {
section.kdcc-pa-audience {
position: relative;
margin: -35px 0 -35px 0;
padding: 0;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
color: #313540;
overflow-x: hidden;
}
section.kdcc-pa-audience .kdcc-pa-block {
position: relative;
width: 100%;
}
section.kdcc-pa-audience .kdcc-pa-inner {
max-width: 1400px;
margin: 0 auto;
padding: 110px 40px;
position: relative;
}
section.kdcc-pa-audience .kdcc-pa-eyebrow {
display: inline-block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 24px;
}
section.kdcc-pa-audience .kdcc-pa-block-intro {
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.018)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.018)'/%3E%3C/svg%3E");
}
section.kdcc-pa-audience .kdcc-pa-intro-grid {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 96px;
align-items: center;
}
section.kdcc-pa-audience .kdcc-pa-intro-words .kdcc-pa-headline {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(40px, 4.6vw, 64px);
font-weight: 700;
line-height: 1.04;
letter-spacing: -0.025em;
color: #313540;
margin: 0 0 28px 0;
text-transform: none;
}
section.kdcc-pa-audience .kdcc-pa-intro-lede {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 18px;
line-height: 1.7;
color: #4a4a4f;
margin: 0;
max-width: 540px;
}
section.kdcc-pa-audience .kdcc-pa-intro-lede strong {
color: #313540;
font-weight: 700;
}
section.kdcc-pa-audience .kdcc-pa-intro-stats {
display: flex;
flex-direction: column;
}
section.kdcc-pa-audience .kdcc-pa-stat-row {
display: grid;
grid-template-columns: minmax(260px, max-content) 1fr;
gap: 56px;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid rgba(49,53,64,0.16);
}
section.kdcc-pa-audience .kdcc-pa-stat-row:first-child {
padding-top: 0;
}
section.kdcc-pa-audience .kdcc-pa-stat-row:last-child {
border-bottom: none;
padding-bottom: 0;
}
section.kdcc-pa-audience .kdcc-pa-stat-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(48px, 4.8vw, 76px);
font-weight: 700;
line-height: 0.9;
letter-spacing: -0.035em;
color: #ec4f59;
display: inline-flex;
align-items: flex-start;
white-space: nowrap;
}
section.kdcc-pa-audience .kdcc-pa-stat-plus {
font-size: 0.55em;
color: #ec4f59;
font-weight: 700;
margin-left: 2px;
}
section.kdcc-pa-audience .kdcc-pa-stat-label {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #4a4a4f;
}
section.kdcc-pa-audience .kdcc-pa-stat-label a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(20,185,220,0.3);
transition: border-color 0.2s ease;
}
section.kdcc-pa-audience .kdcc-pa-stat-label a:hover {
border-bottom-color: #14b9dc;
}
section.kdcc-pa-audience .kdcc-pa-block-channels {
background: #faf8f5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(49,53,64,0.025)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(49,53,64,0.025)'/%3E%3C/svg%3E");
}
section.kdcc-pa-audience .kdcc-pa-channels-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
align-items: stretch;
}
section.kdcc-pa-audience .kdcc-pa-channels-grid > * {
min-width: 0;
box-sizing: border-box;
}
section.kdcc-pa-audience .kdcc-pa-channels-image {
position: relative;
aspect-ratio: 4 / 5;
overflow: hidden;
border-radius: 4px;
background: #313540;
}
section.kdcc-pa-audience .kdcc-pa-channels-words {
background: #ffffff;
border-radius: 4px;
padding: 72px 64px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 12px 40px -16px rgba(49,53,64,0.18);
min-width: 0;
max-width: 100%;
overflow: hidden;
}
section.kdcc-pa-audience .kdcc-pa-channels-image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 30% 25%;
display: block;
filter: grayscale(100%) brightness(1.15);
mix-blend-mode: multiply;
z-index: 1;
transition: transform 0.6s ease;
}
section.kdcc-pa-audience .kdcc-pa-channels-image::before {
content: '';
position: absolute;
inset: 0;
background: #ec4f59;
z-index: 0;
}
section.kdcc-pa-audience .kdcc-pa-channels-image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(236,79,89,0.0) 0%, rgba(49,53,64,0.35) 100%);
pointer-events: none;
z-index: 2;
}
section.kdcc-pa-audience .kdcc-pa-channels-image:hover img {
transform: scale(1.04);
}
section.kdcc-pa-audience .kdcc-pa-channels-words .kdcc-pa-channels-h {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(36px, 4vw, 54px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.025em;
color: #313540;
margin: 0 0 44px 0;
text-transform: none;
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
section.kdcc-pa-audience .kdcc-pa-channels-list {
list-style: none;
margin: 0;
padding: 0;
}
section.kdcc-pa-audience .kdcc-pa-channels-list li {
display: grid;
grid-template-columns: 160px 1fr;
gap: 28px;
align-items: baseline;
padding: 28px 0;
border-bottom: 1px solid rgba(49,53,64,0.14);
}
section.kdcc-pa-audience .kdcc-pa-channels-list li:first-child {
padding-top: 0;
}
section.kdcc-pa-audience .kdcc-pa-channels-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
section.kdcc-pa-audience .kdcc-pa-list-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(34px, 3.4vw, 46px);
font-weight: 700;
letter-spacing: -0.025em;
color: #ec4f59;
line-height: 1;
}
section.kdcc-pa-audience .kdcc-pa-list-label {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 17px;
line-height: 1.55;
color: #4a4a4f;
font-weight: 500;
}
section.kdcc-pa-audience .kdcc-pa-list-label a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(20,185,220,0.3);
transition: border-color 0.2s ease;
}
section.kdcc-pa-audience .kdcc-pa-list-label a:hover {
border-bottom-color: #14b9dc;
}
section.kdcc-pa-audience .kdcc-pa-block-quote {
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-pa-audience .kdcc-pa-block-quote .kdcc-pa-inner {
padding: 110px 40px;
}
section.kdcc-pa-audience .kdcc-pa-profile-card {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 0;
margin: 0 auto;
background: #3a3e4a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 30px 80px -20px rgba(0,0,0,0.5);
border: 1px solid rgba(255,255,255,0.06);
}
section.kdcc-pa-audience .kdcc-pa-profile-info {
padding: 56px 56px 56px 56px;
display: flex;
flex-direction: column;
}
section.kdcc-pa-audience .kdcc-pa-profile-eyebrow {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
color: #ec4f59;
margin-bottom: 16px;
}
section.kdcc-pa-audience .kdcc-pa-profile-name {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(34px, 3.6vw, 48px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.025em;
color: #ffffff;
margin: 0 0 8px 0;
text-transform: none;
}
section.kdcc-pa-audience .kdcc-pa-profile-subtitle {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
color: rgba(255,255,255,0.55);
font-weight: 500;
margin-bottom: 24px;
}
section.kdcc-pa-audience .kdcc-pa-profile-divider {
width: 48px;
height: 2px;
background: #ec4f59;
margin-bottom: 32px;
}
section.kdcc-pa-audience .kdcc-pa-profile-fields {
display: flex;
flex-direction: column;
gap: 0;
margin: 0 0 36px 0;
padding: 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field {
display: grid;
grid-template-columns: 160px 1fr;
gap: 24px;
padding: 18px 0;
border-bottom: 1px solid rgba(255,255,255,0.08);
align-items: baseline;
}
section.kdcc-pa-audience .kdcc-pa-profile-field:first-child {
padding-top: 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field:last-child {
border-bottom: none;
padding-bottom: 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field dt {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
margin: 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field dd {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: rgba(255,255,255,0.85);
margin: 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field dd strong {
color: #ec4f59;
font-weight: 700;
}
section.kdcc-pa-audience .kdcc-pa-profile-photo {
position: relative;
background: #2a2d36;
min-height: 100%;
}
section.kdcc-pa-audience .kdcc-pa-profile-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: absolute;
inset: 0;
}
section.kdcc-pa-audience .kdcc-pa-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 18px 36px;
border-radius: 8px;
background: #14b9dc;
color: #ffffff;
text-decoration: none;
border: none;
cursor: pointer;
align-self: flex-start;
box-shadow: 0 14px 32px -10px rgba(20, 185, 220, 0.6);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
section.kdcc-pa-audience .kdcc-pa-cta:hover {
background: #25c8eb;
transform: translateY(-2px);
box-shadow: 0 18px 40px -12px rgba(20, 185, 220, 0.7);
}
section.kdcc-pa-audience .kdcc-pa-cta .material-symbols-outlined {
font-size: 20px;
transition: transform 0.25s ease;
}
section.kdcc-pa-audience .kdcc-pa-cta:hover .material-symbols-outlined {
transform: translateY(-2px);
}
@media (max-width: 1100px) {
section.kdcc-pa-audience .kdcc-pa-inner {
padding: 90px 32px;
}
section.kdcc-pa-audience .kdcc-pa-block-quote .kdcc-pa-inner {
padding: 100px 32px;
}
section.kdcc-pa-audience .kdcc-pa-intro-grid {
grid-template-columns: 1fr;
gap: 56px;
}
section.kdcc-pa-audience .kdcc-pa-channels-grid {
grid-template-columns: 1fr;
gap: 32px;
}
section.kdcc-pa-audience .kdcc-pa-channels-image {
aspect-ratio: 16 / 10;
max-width: 720px;
}
section.kdcc-pa-audience .kdcc-pa-channels-words {
padding: 48px 40px;
}
section.kdcc-pa-audience .kdcc-pa-stat-row {
grid-template-columns: minmax(180px, 1fr) 1.6fr;
gap: 24px;
}
section.kdcc-pa-audience .kdcc-pa-profile-card {
grid-template-columns: 1fr;
}
section.kdcc-pa-audience .kdcc-pa-profile-photo {
aspect-ratio: 16 / 10;
min-height: 0;
order: -1;
}
section.kdcc-pa-audience .kdcc-pa-profile-photo img {
position: relative;
}
section.kdcc-pa-audience .kdcc-pa-profile-info {
padding: 48px 40px;
}
}
@media (max-width: 760px) {
section.kdcc-pa-audience .kdcc-pa-inner {
padding: 64px 20px;
}
section.kdcc-pa-audience .kdcc-pa-block-quote .kdcc-pa-inner {
padding: 72px 20px;
}
section.kdcc-pa-audience .kdcc-pa-intro-grid {
gap: 44px;
}
section.kdcc-pa-audience .kdcc-pa-headline {
font-size: clamp(32px, 8vw, 44px) !important;
}
section.kdcc-pa-audience .kdcc-pa-intro-lede {
font-size: 16px;
}
section.kdcc-pa-audience .kdcc-pa-stat-row {
grid-template-columns: 1fr;
gap: 8px;
padding: 24px 0;
}
section.kdcc-pa-audience .kdcc-pa-stat-num {
font-size: clamp(48px, 14vw, 72px);
}
section.kdcc-pa-audience .kdcc-pa-stat-label {
font-size: 15px;
}
section.kdcc-pa-audience .kdcc-pa-channels-grid {
gap: 24px;
}
section.kdcc-pa-audience .kdcc-pa-channels-words {
padding: 36px 28px;
}
section.kdcc-pa-audience .kdcc-pa-channels-h {
font-size: clamp(28px, 7vw, 36px);
margin-bottom: 24px;
}
section.kdcc-pa-audience .kdcc-pa-channels-list li {
grid-template-columns: 1fr;
gap: 6px;
padding: 18px 0;
}
section.kdcc-pa-audience .kdcc-pa-list-num {
font-size: 28px;
}
section.kdcc-pa-audience .kdcc-pa-list-label {
font-size: 14px;
}
section.kdcc-pa-audience .kdcc-pa-profile-info {
padding: 36px 28px;
}
section.kdcc-pa-audience .kdcc-pa-profile-field {
grid-template-columns: 1fr;
gap: 4px;
padding: 16px 0;
}
section.kdcc-pa-audience .kdcc-pa-profile-field dd {
font-size: 15px;
}
section.kdcc-pa-audience .kdcc-pa-cta {
width: 100%;
}
}
}
#fw-section-custom-html-0a90553b-3c17-4d7a-9257-e8d822383658 {
section.kdcc-pw-why {
position: relative;
margin: -35px 0 -35px 0;
padding: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(49,53,64,0.022)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(49,53,64,0.022)'/%3E%3C/svg%3E");
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
color: #313540;
}
section.kdcc-pw-why .kdcc-pw-inner {
max-width: 1400px;
margin: 0 auto;
padding: 120px 40px;
position: relative;
}
section.kdcc-pw-why .kdcc-pw-header {
margin-bottom: 96px;
max-width: 900px;
}
section.kdcc-pw-why .kdcc-pw-eyebrow {
display: inline-block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 24px;
}
section.kdcc-pw-why .kdcc-pw-headline {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(48px, 5.4vw, 80px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.035em;
color: #313540;
margin: 0;
text-transform: none;
}
section.kdcc-pw-why .kdcc-pw-pillars {
list-style: none;
margin: 0;
padding: 0;
counter-reset: kdcc-pw-counter;
}
section.kdcc-pw-why .kdcc-pw-pillar {
display: grid;
grid-template-columns: minmax(280px, 360px) 1fr;
gap: 80px;
align-items: center;
padding: 88px 0;
border-bottom: 1px solid rgba(49,53,64,0.12);
position: relative;
}
section.kdcc-pw-why .kdcc-pw-pillar:first-child {
padding-top: 0;
border-top: 1px solid rgba(49,53,64,0.12);
padding-top: 88px;
}
section.kdcc-pw-why .kdcc-pw-pillar:last-child {
border-bottom: none;
padding-bottom: 0;
}
section.kdcc-pw-why .kdcc-pw-numbox {
display: flex;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
section.kdcc-pw-why .kdcc-pw-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(140px, 18vw, 260px);
font-weight: 700;
line-height: 0.85;
letter-spacing: -0.06em;
display: block;
transform-origin: left center;
transition: filter 0.3s ease;
}
section.kdcc-pw-why:not(.kdcc-pw-no-anim) .kdcc-pw-pillar .kdcc-pw-num {
opacity: 0;
transform: scale(0.82) translateY(20px);
transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
section.kdcc-pw-why:not(.kdcc-pw-no-anim) .kdcc-pw-pillar .kdcc-pw-pillar-h {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}
section.kdcc-pw-why:not(.kdcc-pw-no-anim) .kdcc-pw-pillar .kdcc-pw-pillar-body {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.28s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.28s;
}
section.kdcc-pw-why .kdcc-pw-pillar.kdcc-pw-in-view .kdcc-pw-num {
opacity: 1;
transform: scale(1) translateY(0);
}
section.kdcc-pw-why .kdcc-pw-pillar.kdcc-pw-in-view .kdcc-pw-pillar-h {
opacity: 1;
transform: translateY(0);
}
section.kdcc-pw-why .kdcc-pw-pillar.kdcc-pw-in-view .kdcc-pw-pillar-body {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
section.kdcc-pw-why .kdcc-pw-pillar .kdcc-pw-num,
section.kdcc-pw-why .kdcc-pw-pillar .kdcc-pw-pillar-h,
section.kdcc-pw-why .kdcc-pw-pillar .kdcc-pw-pillar-body {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
section.kdcc-pw-why .kdcc-pw-pillar-01 .kdcc-pw-num {
color: #ec4f59;
}
section.kdcc-pw-why .kdcc-pw-pillar-02 .kdcc-pw-num {
color: #14b9dc;
}
section.kdcc-pw-why .kdcc-pw-pillar-03 .kdcc-pw-num {
color: #67bb26;
}
section.kdcc-pw-why .kdcc-pw-pillar-04 .kdcc-pw-num {
color: #f59e0b;
}
section.kdcc-pw-why .kdcc-pw-pillar:hover .kdcc-pw-num {
filter: brightness(1.08);
}
section.kdcc-pw-why .kdcc-pw-content {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 720px;
}
section.kdcc-pw-why .kdcc-pw-pillar-h {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 3.2vw, 44px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.025em;
color: #313540;
margin: 0;
text-transform: none;
}
section.kdcc-pw-why .kdcc-pw-pillar-body {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 17px;
line-height: 1.7;
color: #4a4a4f;
margin: 0;
font-weight: 500;
}
section.kdcc-pw-why .kdcc-pw-pillar-body strong {
color: #313540;
font-weight: 700;
}
@media (max-width: 1100px) {
section.kdcc-pw-why .kdcc-pw-inner {
padding: 96px 32px;
}
section.kdcc-pw-why .kdcc-pw-header {
margin-bottom: 72px;
}
section.kdcc-pw-why .kdcc-pw-pillar {
grid-template-columns: minmax(220px, 280px) 1fr;
gap: 56px;
padding: 64px 0;
}
section.kdcc-pw-why .kdcc-pw-pillar:first-child {
padding-top: 64px;
}
}
@media (max-width: 760px) {
section.kdcc-pw-why .kdcc-pw-inner {
padding: 72px 20px;
}
section.kdcc-pw-why .kdcc-pw-header {
margin-bottom: 56px;
}
section.kdcc-pw-why .kdcc-pw-headline {
font-size: clamp(36px, 9vw, 56px);
}
section.kdcc-pw-why .kdcc-pw-pillar {
grid-template-columns: 1fr;
gap: 16px;
padding: 48px 0;
}
section.kdcc-pw-why .kdcc-pw-pillar:first-child {
padding-top: 48px;
}
section.kdcc-pw-why .kdcc-pw-num {
font-size: clamp(110px, 32vw, 180px);
line-height: 0.8;
}
section.kdcc-pw-why .kdcc-pw-pillar-h {
font-size: clamp(24px, 6.5vw, 32px);
}
section.kdcc-pw-why .kdcc-pw-pillar-body {
font-size: 16px;
}
}
}
#fw-section-custom-html-fe6a27d0-3bf3-4ea5-a2fd-6a179522af12 {
section.kdcc-pp-work {
position: relative;
margin: -35px 0 -35px 0;
padding: 0;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
color: #313540;
overflow-x: hidden;
}
section.kdcc-pp-work .kdcc-pp-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
section.kdcc-pp-work .kdcc-pp-eyebrow {
display: inline-block;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 24px;
}
section.kdcc-pp-work .kdcc-pp-header-wrap {
background: #ffffff;
padding: 120px 0 96px;
}
section.kdcc-pp-work .kdcc-pp-headline {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(48px, 6.4vw, 96px);
font-weight: 700;
line-height: 0.98;
letter-spacing: -0.035em;
color: #313540;
margin: 0 0 40px 0;
text-transform: none;
}
section.kdcc-pp-work .kdcc-pp-lede {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 19px;
line-height: 1.7;
color: #4a4a4f;
margin: 0;
max-width: 760px;
font-weight: 500;
}
section.kdcc-pp-work .kdcc-pp-stats-wrap {
background: #313540;
padding: 80px 0;
position: relative;
}
section.kdcc-pp-work .kdcc-pp-stats {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
}
section.kdcc-pp-work .kdcc-pp-stat {
padding: 0 40px;
border-right: 1px solid rgba(255,255,255,0.12);
display: flex;
flex-direction: column;
gap: 18px;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-stat:first-child {
padding-left: 0;
}
section.kdcc-pp-work .kdcc-pp-stat:last-child {
border-right: none;
padding-right: 0;
}
section.kdcc-pp-work .kdcc-pp-stat-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(56px, 6vw, 88px);
font-weight: 700;
line-height: 0.92;
letter-spacing: -0.04em;
color: #ffffff;
display: inline-flex;
align-items: flex-start;
}
section.kdcc-pp-work .kdcc-pp-stat-plus {
font-size: 0.5em;
color: #ec4f59;
font-weight: 700;
margin-left: 4px;
line-height: 1.1;
}
section.kdcc-pp-work .kdcc-pp-stat-label {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: rgba(255,255,255,0.7);
font-weight: 500;
max-width: 240px;
}
section.kdcc-pp-work .kdcc-pp-brands-wrap {
background: #ffffff;
padding: 120px 0 100px;
}
section.kdcc-pp-work .kdcc-pp-section-head {
margin-bottom: 64px;
max-width: 900px;
}
section.kdcc-pp-work .kdcc-pp-section-h {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(36px, 4.2vw, 56px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.028em;
color: #313540;
margin: 0;
text-transform: none;
}
section.kdcc-pp-work .kdcc-pp-brands-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid rgba(49,53,64,0.14);
}
section.kdcc-pp-work .kdcc-pp-brand-row {
display: grid;
grid-template-columns: minmax(220px, 1fr) minmax(160px, 200px) 2fr;
gap: 48px;
align-items: center;
padding: 36px 0;
border-bottom: 1px solid rgba(49,53,64,0.14);
transition: background 0.2s ease;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-brand-row:hover {
background: rgba(20,185,220,0.03);
}
section.kdcc-pp-work .kdcc-pp-brand-name {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 2.6vw, 38px);
font-weight: 700;
letter-spacing: -0.025em;
color: #313540;
line-height: 1;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-brand-tag {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #ec4f59;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-brand-desc {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #4a4a4f;
margin: 0;
font-weight: 500;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-origin-wrap {
background: #faf8f5;
padding: 110px 0;
position: relative;
}
section.kdcc-pp-work .kdcc-pp-origin {
max-width: 900px;
margin: 0 auto;
text-align: left;
padding-left: 48px;
border-left: 3px solid #ec4f59;
}
section.kdcc-pp-work .kdcc-pp-origin-label {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #ec4f59;
margin-bottom: 16px;
}
section.kdcc-pp-work .kdcc-pp-origin-brand {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(48px, 5.4vw, 76px);
font-weight: 700;
letter-spacing: -0.035em;
color: #313540;
line-height: 1;
margin-bottom: 36px;
}
section.kdcc-pp-work .kdcc-pp-origin-story {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(20px, 1.8vw, 24px);
line-height: 1.55;
color: #313540;
margin: 0 0 20px 0;
font-weight: 400;
letter-spacing: -0.005em;
}
section.kdcc-pp-work .kdcc-pp-origin-story:last-child {
margin-bottom: 0;
font-style: italic;
color: #6e6e73;
font-size: clamp(17px, 1.5vw, 20px);
}
section.kdcc-pp-work .kdcc-pp-origin-story strong {
color: #313540;
font-weight: 700;
}
section.kdcc-pp-work .kdcc-pp-formats-wrap {
background: #ffffff;
padding: 120px 0 100px;
}
section.kdcc-pp-work .kdcc-pp-formats-list {
list-style: none;
margin: 0 0 88px 0;
padding: 0;
border-top: 1px solid rgba(49,53,64,0.14);
}
section.kdcc-pp-work .kdcc-pp-format-row {
display: grid;
grid-template-columns: 56px minmax(280px, 360px) 1fr;
gap: 48px;
align-items: start;
padding: 36px 0;
border-bottom: 1px solid rgba(49,53,64,0.14);
transition: background 0.2s ease;
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-format-row:hover {
background: rgba(20,185,220,0.03);
}
section.kdcc-pp-work .kdcc-pp-format-icon {
font-size: 36px;
color: #14b9dc;
line-height: 1;
}
section.kdcc-pp-work .kdcc-pp-format-body {
min-width: 0;
}
section.kdcc-pp-work .kdcc-pp-format-h {
font-family: 'Space Grotesk', sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.018em;
color: #313540;
margin: 0 0 6px 0;
text-transform: none;
}
section.kdcc-pp-work .kdcc-pp-format-desc {
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #4a4a4f;
margin: 0;
font-weight: 500;
max-width: 640px;
}
section.kdcc-pp-work .kdcc-pp-final-cta {
text-align: center;
padding: 24px 0 0;
}
section.kdcc-pp-work .kdcc-pp-final-text {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.018em;
color: #313540;
margin: 0 0 32px 0;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
section.kdcc-pp-work .kdcc-pp-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 18px 36px;
background: #ec4f59;
color: #ffffff;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 12px 32px -10px rgba(236,79,89,0.5);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
section.kdcc-pp-work .kdcc-pp-cta-btn:hover {
background: #f25f68;
transform: translateY(-3px);
box-shadow: 0 18px 40px -12px rgba(236,79,89,0.6);
}
section.kdcc-pp-work .kdcc-pp-cta-btn .material-symbols-outlined {
font-size: 20px;
transition: transform 0.25s ease;
}
section.kdcc-pp-work .kdcc-pp-cta-btn:hover .material-symbols-outlined {
transform: translateY(-2px);
}
@media (max-width: 1100px) {
section.kdcc-pp-work .kdcc-pp-inner {
padding: 0 32px;
}
section.kdcc-pp-work .kdcc-pp-header-wrap {
padding: 96px 0 80px;
}
section.kdcc-pp-work .kdcc-pp-stats-wrap {
padding: 64px 0;
}
section.kdcc-pp-work .kdcc-pp-stats {
grid-template-columns: repeat(2, 1fr);
gap: 48px 0;
}
section.kdcc-pp-work .kdcc-pp-stat {
padding: 0 32px;
}
section.kdcc-pp-work .kdcc-pp-stat:nth-child(2) {
border-right: none;
padding-right: 0;
}
section.kdcc-pp-work .kdcc-pp-stat:nth-child(3) {
padding-left: 0;
}
section.kdcc-pp-work .kdcc-pp-brands-wrap,
section.kdcc-pp-work .kdcc-pp-formats-wrap {
padding: 96px 0 80px;
}
section.kdcc-pp-work .kdcc-pp-origin-wrap {
padding: 88px 0;
}
section.kdcc-pp-work .kdcc-pp-brand-row {
grid-template-columns: 1fr;
gap: 14px;
padding: 32px 0;
}
section.kdcc-pp-work .kdcc-pp-format-row {
grid-template-columns: 48px 1fr;
gap: 24px;
padding: 32px 0;
}
section.kdcc-pp-work .kdcc-pp-format-row .kdcc-pp-format-h {
margin-top: 4px;
}
}
@media (max-width: 760px) {
section.kdcc-pp-work .kdcc-pp-inner {
padding: 0 20px;
}
section.kdcc-pp-work .kdcc-pp-header-wrap {
padding: 72px 0 56px;
}
section.kdcc-pp-work .kdcc-pp-headline {
font-size: clamp(40px, 11vw, 60px);
margin-bottom: 28px;
}
section.kdcc-pp-work .kdcc-pp-lede {
font-size: 16px;
}
section.kdcc-pp-work .kdcc-pp-stats-wrap {
padding: 56px 0;
}
section.kdcc-pp-work .kdcc-pp-stats {
grid-template-columns: 1fr;
gap: 40px;
}
section.kdcc-pp-work .kdcc-pp-stat {
padding: 0;
border-right: none;
border-bottom: 1px solid rgba(255,255,255,0.12);
padding-bottom: 32px;
}
section.kdcc-pp-work .kdcc-pp-stat:last-child {
border-bottom: none;
padding-bottom: 0;
}
section.kdcc-pp-work .kdcc-pp-stat-num {
font-size: clamp(56px, 16vw, 80px);
}
section.kdcc-pp-work .kdcc-pp-brands-wrap,
section.kdcc-pp-work .kdcc-pp-formats-wrap {
padding: 72px 0 56px;
}
section.kdcc-pp-work .kdcc-pp-section-head {
margin-bottom: 44px;
}
section.kdcc-pp-work .kdcc-pp-section-h {
font-size: clamp(28px, 8vw, 40px);
}
section.kdcc-pp-work .kdcc-pp-brand-row {
padding: 28px 0;
}
section.kdcc-pp-work .kdcc-pp-brand-name {
font-size: clamp(26px, 7vw, 32px);
}
section.kdcc-pp-work .kdcc-pp-origin-wrap {
padding: 64px 0;
}
section.kdcc-pp-work .kdcc-pp-origin {
padding-left: 28px;
}
section.kdcc-pp-work .kdcc-pp-origin-brand {
font-size: clamp(40px, 12vw, 56px);
margin-bottom: 28px;
}
section.kdcc-pp-work .kdcc-pp-origin-story {
font-size: 18px;
}
section.kdcc-pp-work .kdcc-pp-formats-list {
margin-bottom: 64px;
}
section.kdcc-pp-work .kdcc-pp-format-row {
padding: 28px 0;
grid-template-columns: 40px 1fr;
gap: 18px;
}
section.kdcc-pp-work .kdcc-pp-format-icon {
font-size: 30px;
}
section.kdcc-pp-work .kdcc-pp-format-h {
font-size: 19px;
}
section.kdcc-pp-work .kdcc-pp-format-desc {
font-size: 15px;
}
section.kdcc-pp-work .kdcc-pp-cta-btn {
width: 100%;
justify-content: center;
}
}
}
#fw-section-custom-html-30e92393-b296-490a-8f54-15443c059d5a {
section.kdcc-process-section {
background: #ffffff;
padding: 0;
margin: -35px 0 -35px 0;
width: 100%;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
section.kdcc-process-section .kdcc-process-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px;
text-align: center;
}
section.kdcc-process-section .kdcc-process-header {
margin-bottom: 64px;
}
section.kdcc-process-section .kdcc-section-title {
font-size: 42px;
font-weight: 800;
color: #313540;
margin: 0 0 16px 0;
text-align: center;
}
section.kdcc-process-section .kdcc-section-subtitle {
font-size: 18px;
color: #64748b;
margin: 0;
text-align: center;
line-height: 1.6;
}
/* Timeline */
section.kdcc-process-section .kdcc-process-timeline {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
width: 100%;
padding: 0;
}
section.kdcc-process-section .kdcc-process-line {
position: absolute;
top: 40px;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #14b9dc 0%, #ec4f59 50%, #67bb26 100%);
border-radius: 2px;
z-index: 1;
}
section.kdcc-process-section .kdcc-process-step {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
flex: 1;
}
section.kdcc-process-section .kdcc-step-marker {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-process-section .kdcc-process-step:hover .kdcc-step-marker {
transform: scale(1.08);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}
section.kdcc-process-section .kdcc-marker-blue {
background: #14b9dc;
}
section.kdcc-process-section .kdcc-marker-red {
background: #ec4f59;
}
section.kdcc-process-section .kdcc-marker-green {
background: #67bb26;
}
section.kdcc-process-section .kdcc-step-num {
font-size: 28px;
font-weight: 800;
color: #ffffff;
}
section.kdcc-process-section .kdcc-step-content {
text-align: center;
max-width: 200px;
}
section.kdcc-process-section .kdcc-step-title {
font-size: 22px;
font-weight: 700;
color: #313540;
margin: 0 0 8px 0;
}
section.kdcc-process-section .kdcc-step-desc {
font-size: 15px;
color: #64748b;
margin: 0;
line-height: 1.6;
}
/* Tablet */
@media (max-width: 800px) {
section.kdcc-process-section .kdcc-process-inner {
padding: 80px 32px;
}
section.kdcc-process-section .kdcc-section-title {
font-size: 36px;
}
section.kdcc-process-section .kdcc-process-line {
left: 0;
right: 0;
top: 32px;
}
section.kdcc-process-section .kdcc-step-marker {
width: 64px;
height: 64px;
}
section.kdcc-process-section .kdcc-step-num {
font-size: 24px;
}
}
/* Mobile */
@media (max-width: 640px) {
section.kdcc-process-section .kdcc-process-inner {
padding: 60px 24px;
}
section.kdcc-process-section .kdcc-process-header {
margin-bottom: 48px;
}
section.kdcc-process-section .kdcc-section-title {
font-size: 32px;
}
section.kdcc-process-section .kdcc-section-subtitle {
font-size: 16px;
}
section.kdcc-process-section .kdcc-process-timeline {
flex-direction: column;
gap: 40px;
align-items: center;
}
section.kdcc-process-section .kdcc-process-line {
display: none;
}
section.kdcc-process-section .kdcc-step-content {
max-width: 100%;
padding: 0 20px;
}
section.kdcc-process-section .kdcc-step-title {
font-size: 20px;
}
}
}
#fw-section-custom-html-ec4d7444-48d6-43cd-b1c6-e723e7285011 {
/* Section */
section.kdcc-integration-section {
background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
padding: 0;
margin: -35px 0 -35px 0;
width: 100%;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
section.kdcc-integration-section .kdcc-integration-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px;
}
/* Header */
.kdcc-center-header {
text-align: center;
margin: 0 auto 32px auto;
max-width: 900px;
font-size: 48px;
font-weight: 800;
letter-spacing: -0.5px;
color: #ec4f59;
line-height: 1.2;
}
.kdcc-intro-paragraph {
max-width: 100%;
margin: 0 0 56px 0;
text-align: left;
font-size: 20px;
color: #475569;
line-height: 1.8;
}
/* Grid */
.kdcc-integration-grid {
display: flex;
gap: 40px;
align-items: stretch;
}
.kdcc-sponsor-benefits,
.kdcc-integration-video {
flex: 1 1 0;
min-width: 0;
}
/* Benefits */
.kdcc-sponsor-benefits {
background: #ffffff;
border-radius: 16px;
padding: 32px 40px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
}
.kdcc-benefits-title {
font-size: 22px;
font-weight: 800;
color: #313540;
margin: 0 0 24px 0;
}
.kdcc-benefits-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 18px;
}
.kdcc-benefits-list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 17px;
color: #313540;
line-height: 1.7;
}
.kdcc-benefits-list li .material-icons {
font-size: 22px;
color: #14b9dc;
flex-shrink: 0;
margin-top: 2px;
}
/* Video */
.kdcc-integration-video {
background: #313540;
border-radius: 16px;
padding: 32px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
}
.kdcc-video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.kdcc-video-wrapper iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.kdcc-video-caption {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
margin: 20px 0 0 0;
text-align: center;
}
.kdcc-video-caption .material-icons {
font-size: 18px;
color: #ec4f59;
}
/* Tablet */
@media (max-width: 1024px) {
section.kdcc-integration-section .kdcc-integration-inner { padding: 80px 32px; }
.kdcc-integration-grid { flex-direction: column; gap: 32px; }
.kdcc-sponsor-benefits, .kdcc-integration-video { flex: 0 0 auto; }
}
/* Mobile */
@media (max-width: 768px) {
section.kdcc-integration-section .kdcc-integration-inner { padding: 60px 24px; }
.kdcc-center-header { font-size: 32px; }
.kdcc-intro-paragraph { font-size: 17px; margin-bottom: 40px; }
.kdcc-sponsor-benefits { padding: 24px; }
.kdcc-integration-video { padding: 24px; }
.kdcc-benefits-list li { font-size: 15px; }
}
/* Small mobile */
@media (max-width: 480px) {
.kdcc-center-header { font-size: 26px; }
.kdcc-benefits-title { font-size: 18px; }
.kdcc-sponsor-benefits { padding: 20px; }
.kdcc-integration-video { padding: 20px; }
}
}
#fw-section-custom-html-03a44132-3964-47ac-8a2c-b24965cc69a5 {
/* Section */
section.kdcc-services-section {
background: linear-gradient(135deg, #1a1d2e 0%, #313540 100%);
padding: 0;
margin: -35px 0 -35px 0;
width: 100%;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
section.kdcc-services-section div.kdcc-services-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px;
}
/* Header */
section.kdcc-services-section header.kdcc-services-header {
margin-bottom: 64px;
}
section.kdcc-services-section h2.kdcc-section-title.kdcc-title-light {
font-size: 48px;
font-weight: 800;
color: #ffffff;
margin: 0 0 32px 0;
text-align: center;
}
section.kdcc-services-section p.kdcc-section-subtitle.kdcc-subtitle-light {
font-size: 20px;
color: rgba(255, 255, 255, 0.9);
margin: 0;
text-align: left;
max-width: 100%;
line-height: 1.8;
}
/* Grid */
section.kdcc-services-section div.kdcc-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 40px;
}
/* Cards */
section.kdcc-services-section article.kdcc-service-card {
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 16px;
padding: 32px;
transition: all 0.3s ease;
}
section.kdcc-services-section article.kdcc-service-card:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.25);
transform: translateY(-4px);
}
section.kdcc-services-section div.kdcc-service-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
section.kdcc-services-section div.kdcc-service-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-services-section div.kdcc-service-icon.kdcc-icon-blue { background: #14b9dc; }
section.kdcc-services-section div.kdcc-service-icon.kdcc-icon-red { background: #ec4f59; }
section.kdcc-services-section div.kdcc-service-icon.kdcc-icon-green { background: #67bb26; }
section.kdcc-services-section div.kdcc-service-icon.kdcc-icon-gold { background: #f59e0b; }
section.kdcc-services-section div.kdcc-service-icon span.material-icons {
font-size: 24px;
color: #ffffff;
}
section.kdcc-services-section h3.kdcc-service-title {
font-size: 18px;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 1.3;
}
section.kdcc-services-section p.kdcc-service-note {
font-size: 15px;
color: #e2e8f0;
margin: 0 0 16px 0;
line-height: 1.6;
}
/* List */
section.kdcc-services-section ul.kdcc-service-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
section.kdcc-services-section ul.kdcc-service-list li {
font-size: 15px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.6;
padding-left: 20px;
position: relative;
}
section.kdcc-services-section ul.kdcc-service-list li::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #14b9dc;
border-radius: 50%;
}
/* Custom Campaign */
section.kdcc-services-section aside.kdcc-custom-campaign {
background: linear-gradient(135deg, rgba(20, 185, 220, 0.15) 0%, rgba(103, 187, 38, 0.15) 100%);
border: 2px solid rgba(20, 185, 220, 0.3);
border-radius: 20px;
padding: 40px;
}
section.kdcc-services-section div.kdcc-custom-content {
display: flex;
align-items: center;
gap: 24px;
}
section.kdcc-services-section div.kdcc-custom-icon {
width: 72px;
height: 72px;
background: linear-gradient(135deg, #14b9dc 0%, #67bb26 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-services-section div.kdcc-custom-icon span.material-icons {
font-size: 36px;
color: #ffffff;
}
section.kdcc-services-section div.kdcc-custom-text h3 {
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin: 0 0 12px 0;
}
section.kdcc-services-section div.kdcc-custom-text p {
font-size: 16px;
color: #e2e8f0;
margin: 0;
line-height: 1.7;
}
/* Tablet */
@media (max-width: 1024px) {
section.kdcc-services-section div.kdcc-services-grid { grid-template-columns: repeat(2, 1fr); }
}
/* Mobile */
@media (max-width: 768px) {
section.kdcc-services-section div.kdcc-services-inner { padding: 60px 24px; }
section.kdcc-services-section header.kdcc-services-header { margin-bottom: 48px; }
section.kdcc-services-section h2.kdcc-section-title.kdcc-title-light { font-size: 32px; }
section.kdcc-services-section p.kdcc-section-subtitle.kdcc-subtitle-light { font-size: 17px; }
section.kdcc-services-section div.kdcc-services-grid { grid-template-columns: 1fr; }
section.kdcc-services-section article.kdcc-service-card { padding: 24px; }
section.kdcc-services-section div.kdcc-custom-content { flex-direction: column; text-align: center; }
section.kdcc-services-section div.kdcc-custom-text h3 { font-size: 22px; }
section.kdcc-services-section aside.kdcc-custom-campaign { padding: 28px; }
}
/* Small mobile */
@media (max-width: 480px) {
section.kdcc-services-section h2.kdcc-section-title.kdcc-title-light { font-size: 26px; }
section.kdcc-services-section h3.kdcc-service-title { font-size: 16px; }
section.kdcc-services-section div.kdcc-custom-icon { width: 60px; height: 60px; }
section.kdcc-services-section div.kdcc-custom-icon span.material-icons { font-size: 30px; }
section.kdcc-services-section div.kdcc-custom-text h3 { font-size: 20px; }
section.kdcc-services-section div.kdcc-custom-text p { font-size: 15px; }
}
}
#fw-section-custom-html-fd616eba-5417-49d0-800d-4f762177a814 {
/* Heading section: no background, tight spacing */
#kp-heading{
background:none !important;
padding:0 !important;
margin:12px 0 8px !important; /* minimal space above/below */
width:100%;
}
#kp-heading .kp-wrap{
max-width:1200px;
margin:0 auto;
text-align:center !important;
}
#kp-heading .kp-title{
margin:0 !important;
font-size:80px !important; /* same “perfect” size */
font-weight:900;
text-transform:uppercase;
letter-spacing:3px;
line-height:1.05;
color:#14b9dc !important; /* KDCC blue */
}
/* Optional: tighten the next section start */
#kdcc-hero{
margin-top:0 !important;
padding-top:16px !important;
}
/* Responsive scale */
@media (max-width:1024px){ #kp-heading .kp-title{ font-size:64px !important; } }
@media (max-width:768px){ #kp-heading .kp-title{ font-size:48px !important; } }
@media (max-width:480px){ #kp-heading .kp-title{ font-size:36px !important; } }
#creator-partnerships {
text-align: center;
margin: 0; /* remove outside spacing */
padding: 20px 0 10px; /* tighten vertical spacing */
}
}
#fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC Example Integration — stable desktop + fixed mobile width */
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"]{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] > .container.wrapper{
max-width:1340px !important;
width:100% !important;
margin:0 auto !important;
padding:24px 22px 26px !important;
box-sizing:border-box !important;
border:1px solid #edf2f7;
border-radius:0 !important;
overflow:visible;
background:
radial-gradient(120% 90% at 10% 10%, #eaf7ff 0%, rgba(234,247,255,.65) 32%, rgba(234,247,255,0) 60%),
linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 10px 24px rgba(16,24,40,.05);
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .video-with-text__heading{
color:#ec4f59; letter-spacing:.02em; margin:0 0 10px;
}
@media (min-width:954px){
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .grid{
display:grid !important;
grid-template-columns:520px 1fr;
column-gap:28px;
align-items:center;
margin-left:0 !important;
margin-right:0 !important;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .grid > .grid__column{
width:auto !important;
max-width:none !important;
flex:none !important;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .grid > .grid__column:first-child{ grid-column:2; }
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .grid > .grid__column:last-child{ grid-column:1; }
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .video-with-text__video-container{ width:100%; }
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] iframe{
width:100% !important;
aspect-ratio:16/9;
border:0;
border-radius:0 !important;
display:block;
}
@media (max-width:959.98px){
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"]{
padding-left:16px;
padding-right:16px;
box-sizing:border-box;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] > .container.wrapper{
max-width:100% !important;
width:100% !important;
margin:0 !important;
padding:18px 16px 18px !important;
border-radius:0 !important;
overflow:visible !important;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .grid{
display:block !important;
margin-left:0 !important;
margin-right:0 !important;
}
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .video-with-text__video-container{ margin-top:12px; }
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"] .html-formatter ul{ padding-left:18px; }
}
@media (max-width:360px){
section[data-section-id="fw-section-video-with-text-07d7a36d-a604-4c37-baf5-2db125827f02"]{
padding-left:14px;
padding-right:14px;
}
}
}
#fw-section-custom-html-00e80fdf-13ac-49f3-b61b-a0edd7af9add {
/* ============================================
KDCC PARTNERSHIPS - SECTION 2: SPONSORS MARQUEE
Proven working version with JS-based animation
============================================ */
/* Theme */
:root {
--kdcc-red: #ec4f59;
--kdcc-dark: #313540;
/* marquee tuning */
--gap: 50px; /* space between logos and between the two sets */
--marquee-h: 84px; /* rail height */
}
/* Section look */
.kdcc-sponsors {
background:
radial-gradient(90% 120% at 10% 10%, #f0fbff 0%, #fff 40%),
linear-gradient(180deg, #fff 0%, #f8fafc 100%);
border-top: 1px solid #eef2f7;
border-bottom: 1px solid #eef2f7;
color: var(--kdcc-dark);
text-align: center;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
.kdcc-sponsors .ks-wrap {
max-width: 1120px;
margin: 0 auto;
padding: 48px 20px 56px;
}
.kdcc-sponsors .kdcc-red-title {
color: var(--kdcc-red) !important;
margin-bottom: 28px !important;
font-size: 32px;
font-weight: 700;
}
/* Marquee rail with soft edge fades via mask */
.kdcc-marquee {
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent, black 72px, black calc(100% - 72px), transparent);
mask-image: linear-gradient(to right, transparent, black 72px, black calc(100% - 72px), transparent);
}
.kdcc-marquee__rail {
display: flex;
gap: var(--gap);
align-items: center;
height: var(--marquee-h);
width: max-content;
transform: translate3d(0, 0, 0);
will-change: transform;
}
/* Start animation only after clone + measurement */
.kdcc-marquee__rail.is-ready {
animation: kdcc-scroll var(--loop-dur, 40s) linear infinite;
}
.kdcc-marquee__rail:hover {
animation-play-state: paused;
}
/* Pixel-precise loop distance to avoid jitter */
@keyframes kdcc-scroll {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(calc(-1 * var(--loop-px, 1000px)), 0, 0); }
}
/* One logical set of logos */
.kdcc-set {
display: flex;
gap: var(--gap);
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
/* Logos */
.kdcc-item {
line-height: 0;
}
.kdcc-item img {
height: calc(var(--marquee-h) - 22px);
width: auto;
object-fit: contain;
display: block;
opacity: 0.85;
transition: opacity 0.3s ease;
}
.kdcc-item img:hover {
opacity: 1;
}
/* Responsive */
@media (max-width: 800px) {
.kdcc-marquee {
-webkit-mask-image: linear-gradient(to right, transparent, black 56px, black calc(100% - 56px), transparent);
mask-image: linear-gradient(to right, transparent, black 56px, black calc(100% - 56px), transparent);
}
:root { --marquee-h: 76px; }
.kdcc-sponsors .kdcc-red-title {
font-size: 26px;
}
}
@media (max-width: 560px) {
.kdcc-marquee {
-webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
}
:root { --marquee-h: 68px; --gap: 36px; }
.kdcc-sponsors .kdcc-red-title {
font-size: 22px;
}
.kdcc-sponsors .ks-wrap {
padding: 40px 16px 48px;
}
}
@media (prefers-reduced-motion: reduce) {
.kdcc-marquee__rail.is-ready {
animation: none;
}
}
}
#fw-section-custom-html-b73f06be-c67a-46b5-bbe6-2d28a96b5c83 {
:root{
--kdcc-blue:#14b9dc;
--kdcc-dark:#313540;
--kdcc-white:#ffffff;
--kdcc-red:#ec4f59;
--kdcc-yellow:#fed771;
--kdcc-green:#67bb26;
}
/* --- Services wrapper --- */
[data-kdcc-services]{
font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial;
background: radial-gradient(90% 120% at 10% 10%, #f0fbff 0%, #fff 40%),
linear-gradient(180deg, #fff 0%, #f8fafc 100%);
border-top:1px solid #eef2f7;
border-bottom:1px solid #eef2f7;
color: var(--kdcc-dark);
}
.ks-wrap{ max-width:1120px; margin:0 auto; padding:56px 20px 64px; }
/* Centered heading + description */
.ks-title,
.ks-sub {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 820px;
}
.ks-title{ font-size:34px; line-height:1.1; margin:0 0 10px; font-weight:800; }
.ks-sub{ font-size:18px; margin:0 0 24px; color:#4a5162; }
/* Accordion container */
.ks-accordion{ display:grid; gap:14px; }
/* Card */
.ks-item{
background:#fff;
border:1px solid #eef2f7;
border-radius:14px;
box-shadow:0 4px 10px rgba(21,27,38,.04);
overflow:hidden;
}
/* Remove default marker */
.ks-item summary{ list-style:none; }
.ks-item summary::-webkit-details-marker{ display:none; }
/* Summary row */
.ks-summary{
display:flex;
align-items:center;
gap:12px;
padding:18px 20px;
cursor:pointer;
user-select:none;
}
.ks-summary:hover{ background:#f8fbfd; }
.ks-label{
font-weight:800;
font-size:18px;
color:var(--kdcc-dark);
flex:1;
}
/* Plus / minus icon (pure CSS) */
.ks-icon{
width:28px; height:28px; border-radius:999px;
background:#f2fbfe;
box-shadow:0 1px 2px rgba(0,0,0,.06);
position:relative; flex:0 0 28px;
}
.ks-icon::before,
.ks-icon::after{
content:"";
position:absolute; left:50%; top:50%;
transform:translate(-50%,-50%);
background:#0d3a44; border-radius:2px;
}
.ks-icon::before{ width:14px; height:2px; } /* horizontal */
.ks-icon::after{ width:2px; height:14px; } /* vertical */
/* When open, show minus only */
.ks-item[open] .ks-icon::after{ display:none; }
.ks-item[open] .ks-icon{ background:#e7fbff; }
/* Panel body */
.ks-panel{
text-align: left;
padding: 12px 22px 18px;
border-top: 1px solid #eef2f7;
animation:ks-smooth .25s ease;
}
@keyframes ks-smooth{ from{ opacity:.6 } to{ opacity:1 } }
.ks-note{ color:#5b6376; font-size:16px; margin:2px 0 10px; line-height:1.55; }
/* Restore bullets with KDCC style */
.ks-list{
list-style: disc outside;
margin:0;
padding-left:20px;
}
.ks-list li{
display:list-item;
margin:6px 0;
font-size:16px;
line-height:1.55;
color:#2f3443;
font-weight:500;
}
.ks-list li::marker{ color: var(--kdcc-blue); }
/* ===== WHY BRANDS PARTNER STRIP ===== */
.ks-why{
margin: 28px 0 10px;
background:#ffffff;
border:1px solid #eef2f7;
border-radius:14px;
box-shadow:0 4px 10px rgba(21,27,38,.04);
padding:18px 20px;
}
.ks-why-title{
margin:0 0 10px;
font-size:20px;
font-weight:800;
text-align:center;
color:#ec4f59;
}
/* Four compact benefits in one row on desktop, wrap on mobile */
.ks-why-list{
display:grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap:10px;
list-style:none;
margin:0;
padding:0;
}
.ks-why-item{
display:flex;
align-items:center;
gap:10px;
background:#f9fcfe;
border:1px solid #eef2f7;
border-radius:12px;
padding:14px 16px;
font-weight:700;
color:#313540;
font-size:15px;
box-shadow:0 3px 8px rgba(0,0,0,.03);
}
/* Number badge */
.ks-num{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-weight:800;
font-size:20px;
color:#14b9dc;
min-width:38px;
text-align:center;
background:#e8faff;
border-radius:8px;
padding:6px 0;
box-shadow:inset 0 1px 2px rgba(0,0,0,.06);
}
.ks-text{ flex:1; line-height:1.4; }
/* Responsive */
@media (max-width:960px){
.ks-wrap{ padding:48px 20px 56px; }
.ks-title{ font-size:28px; }
.ks-label{ font-size:17px; }
.ks-why-list{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:520px){
.ks-why-list{ grid-template-columns: 1fr; }
}
/* CTA button */
.ks-cta{ margin-top:28px; text-align:center; }
.kdcc-cta-btn{
display:inline-flex; align-items:center; justify-content:center;
padding:14px 32px; border-radius:30px;
text-transform:uppercase; font-weight:800; font-size:16px;
text-decoration:none !important; border:none !important;
background:#14b9dc !important; color:#ffffff !important;
box-shadow:0 4px 8px rgba(20,185,220,.35);
}
.kdcc-cta-btn:hover{ filter:brightness(.95); }
.kdcc-cta-btn:active{ transform:translateY(1px); }
/* Re-center the heading and subtext only */
[data-kdcc-services] .ks-wrap > .ks-title,
[data-kdcc-services] .ks-wrap > .ks-sub {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 820px;
}
}
#fw-section-custom-html-4eb2d4af-a412-42c7-a219-218d778b9520 {
:root{
--kdcc-blue:#14b9dc;
--kdcc-dark:#313540;
--kdcc-white:#ffffff;
--kdcc-red:#ec4f59;
}
/* Hero shell */
[data-kdcc-hero]{
font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial;
background: radial-gradient(90% 120% at 10% 10%, #f0fbff 0%, #fff 40%),
linear-gradient(180deg, #fff 0%, #f8fafc 100%);
border-bottom:1px solid #eef2f7;
color: var(--kdcc-dark);
}
[data-kdcc-hero] .kh-wrap{
max-width:1120px;
margin:0 auto;
padding:72px 20px 56px;
text-align:center;
}
/* Title (kept here for size/spacing; color is forced inline) */
[data-kdcc-hero] .kh-title{
font-size:40px;
line-height:1.1;
margin:0 0 12px;
font-weight:800;
}
/* Subtext */
[data-kdcc-hero] .kh-sub{
font-size:18px;
max-width:820px;
margin:0 auto 20px;
color:#4a5162;
}
/* CTA button */
[data-kdcc-hero] .kh-cta{ margin-top:20px; }
[data-kdcc-hero] .kdcc-cta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 32px;
border-radius:30px;
text-transform:uppercase;
font-weight:800;
font-size:16px;
line-height:1;
text-decoration:none !important;
cursor:pointer;
border:none !important;
background:#14b9dc !important;
background-image:none !important;
color:#ffffff !important;
box-shadow:0 4px 8px rgba(20,185,220,.35);
}
[data-kdcc-hero] .kdcc-cta-btn:hover{ filter:brightness(.95); }
[data-kdcc-hero] .kdcc-cta-btn:active{ transform:translateY(1px); }
[data-kdcc-hero] .kdcc-cta-btn:link,
[data-kdcc-hero] .kdcc-cta-btn:visited,
[data-kdcc-hero] .kdcc-cta-btn *{
color:#ffffff !important;
}
/* Stats */
[data-kdcc-hero] .kh-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
padding:0;
margin:28px auto 0;
list-style:none;
max-width:880px;
}
[data-kdcc-hero] .kh-stats li{
background:#fff;
border:1px solid #eef2f7;
border-radius:14px;
padding:16px 12px;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
}
[data-kdcc-hero] .kh-stats strong{
font-size:22px;
color:var(--kdcc-dark);
}
[data-kdcc-hero] .kh-stats span{
font-size:13px;
color:#5b6376;
}
/* Responsive */
@media (max-width: 960px){
[data-kdcc-hero] .kh-wrap{ padding:56px 20px 40px; }
[data-kdcc-hero] .kh-title{ font-size:32px; }
[data-kdcc-hero] .kh-stats{ grid-template-columns:repeat(2,1fr); }
}
}
#fw-section-custom-html-8cda72cf-f14c-4485-ab18-2cf8b64c42c9 {
/* ===== UNIFIED LOOK: WHY + PROCESS ===== */
/* Soft section background to match both strips */
[data-kdcc-how],
.ks-why{
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
border-top: 1px solid #eef2f7;
border-bottom: 1px solid #eef2f7;
padding: 40px 20px 50px;
}
/* Titles: red, centered, bold */
[data-kdcc-how] .ks-title,
.ks-why-title{
text-align: center;
margin: 8px auto 32px;
font-weight: 800;
font-size: 28px;
color: #ec4f59 !important;
}
/* Intro under Our Process */
.ks-intro{
text-align: center;
font-size: 17px;
color: #4a5162;
margin: 0 auto 26px;
max-width: 740px;
line-height: 1.6;
}
.ks-intro strong{
color:#14b9dc;
font-weight:700;
}
/* ===== WHY BRANDS PARTNER (numbered style to match process) ===== */
.ks-why{
border: 1px solid #eef2f7;
border-radius: 14px;
box-shadow: 0 4px 10px rgba(21,27,38,.04);
padding: 18px 20px 20px;
}
.ks-why-list{
display:grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap:16px;
list-style:none;
margin: 4px 0 0;
padding:0;
}
/* Unify card look */
.ks-why-item{
display:flex;
align-items:center;
gap:12px;
background:#f9fcfe;
border:1px solid #eef2f7;
border-radius:14px;
padding:18px;
font-weight:600;
color:#313540;
font-size:15px;
line-height:1.45;
box-shadow:0 3px 8px rgba(0,0,0,.03);
transition: transform .2s ease, box-shadow .2s ease;
}
.ks-why-item:hover{
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(0,0,0,.05);
}
/* Number bubble to match Our Process circles */
.ks-num{
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial;
font-weight:800;
font-size:20px;
color:#14b9dc;
background:#e8faff;
border-radius:50%;
box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
flex: 0 0 46px;
transition: background .2s ease, color .2s ease;
}
.ks-why-item:hover .ks-num{
background:#14b9dc;
color:#ffffff;
}
.ks-text{ flex:1; }
/* ===== OUR PROCESS - PROGRESS BAR STYLE ===== */
.how-steps{
display: flex;
align-items: flex-start;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
position: relative;
max-width: 1340px;
margin: 0 auto;
}
/* Connecting line behind circles - ALL RED - FULL WIDTH */
.how-steps::before{
content: '';
position: absolute;
top: 28px;
left: 28px;
right: 28px;
height: 4px;
background: #ec4f59;
z-index: 0;
border-radius: 2px;
}
.how-steps li{
flex: 1;
text-align: center;
position: relative;
z-index: 1;
padding: 0 20px;
}
/* Number bubble - ALL BLUE */
.step-num{
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 0 auto 15px;
font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial;
font-weight: 800;
font-size: 24px;
color: #ffffff;
background: #14b9dc;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.4);
transition: all .3s ease;
position: relative;
}
/* Faded red line from number down to content box - connects to top */
.step-num::after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 15px;
background: linear-gradient(to bottom, #ec4f59, rgba(236, 79, 89, 0.2));
}
.how-steps li:hover .step-num{
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(20, 185, 220, 0.5);
}
/* Step title - BIGGER and positioned in the box */
.how-steps li strong{
display: block;
font-size: 22px;
font-weight: 800;
color: #313540;
margin-bottom: 12px;
position: relative;
z-index: 1;
padding-top: 20px;
}
/* Description text */
.how-steps li{
font-size: 15px;
line-height: 1.55;
color: #5b6376;
font-weight: 500;
position: relative;
z-index: 1;
padding-bottom: 20px;
}
/* Spacious card background - starts right where line ends */
.how-steps li::after{
content: '';
position: absolute;
top: 86px;
left: 10px;
right: 10px;
bottom: -10px;
background: #ffffff;
border: 1px solid #eef2f7;
border-radius: 14px;
box-shadow: 0 3px 8px rgba(0,0,0,.04);
z-index: -1;
}
/* Responsive */
@media (max-width: 960px){
.ks-why-list{ grid-template-columns: 1fr 1fr; }
/* Stack steps vertically on mobile */
.how-steps{
flex-direction: column;
gap: 32px;
max-width: 400px;
}
/* Vertical red line */
.how-steps::before{
top: 60px;
bottom: 60px;
left: 28px;
right: auto;
width: 4px;
height: auto;
background: #ec4f59;
}
.how-steps li{
display: flex;
align-items: center;
text-align: left;
gap: 20px;
padding: 0;
}
.step-num{
flex-shrink: 0;
margin: 0;
}
.step-num::after{
display: none;
}
.how-steps li::after{
display: none;
}
.how-steps li strong{
padding-top: 0;
margin-bottom: 8px;
font-size: 18px;
}
[data-kdcc-how] .ks-title,
.ks-why-title{ font-size:26px; }
.ks-intro{ font-size:16px; margin-bottom:20px; }
}
@media (max-width: 520px){
.ks-why-list{ grid-template-columns: 1fr; }
}
}
#fw-section-custom-html-f2200813-cb2f-477d-bb75-64d25919a184 {
/* Section */
section.kdcc-final-cta {
background: linear-gradient(135deg, #ec4f59 0%, #d43f49 100%);
padding: 0;
margin: -35px 0 -35px 0;
width: 100%;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
position: relative;
overflow: hidden;
}
section.kdcc-final-cta::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 50%, rgba(255,255,255,0.05) 0%, transparent 50%);
pointer-events: none;
}
section.kdcc-final-cta div.kdcc-cta-inner {
max-width: 900px;
margin: 0 auto;
padding: 80px 40px;
text-align: center;
position: relative;
z-index: 2;
}
section.kdcc-final-cta div.kdcc-cta-content {
position: relative;
z-index: 10;
}
section.kdcc-final-cta h2.kdcc-cta-title {
font-size: 48px;
font-weight: 800;
color: #ffffff;
margin: 0 0 16px 0;
text-align: center;
line-height: 1.2;
}
section.kdcc-final-cta p.kdcc-cta-subtitle {
font-size: 20px;
color: #ffffff;
margin: 0 0 36px 0;
text-align: center;
line-height: 1.6;
}
section.kdcc-final-cta a.kdcc-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: #ffffff;
color: #ec4f59;
font-size: 18px;
font-weight: 700;
padding: 18px 40px;
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
section.kdcc-final-cta a.kdcc-cta-btn:hover {
background: #313540;
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}
section.kdcc-final-cta a.kdcc-cta-btn:active {
transform: translateY(-1px);
}
section.kdcc-final-cta a.kdcc-cta-btn span.material-icons {
font-size: 22px;
}
/* Tablet */
@media (max-width: 800px) {
section.kdcc-final-cta div.kdcc-cta-inner { padding: 64px 32px; }
section.kdcc-final-cta h2.kdcc-cta-title { font-size: 40px; }
section.kdcc-final-cta p.kdcc-cta-subtitle { font-size: 18px; }
}
/* Mobile */
@media (max-width: 640px) {
section.kdcc-final-cta div.kdcc-cta-inner { padding: 56px 24px; }
section.kdcc-final-cta h2.kdcc-cta-title { font-size: 32px; }
section.kdcc-final-cta p.kdcc-cta-subtitle { font-size: 17px; margin-bottom: 28px; }
section.kdcc-final-cta a.kdcc-cta-btn { font-size: 16px; padding: 16px 32px; }
}
/* Small mobile */
@media (max-width: 480px) {
section.kdcc-final-cta h2.kdcc-cta-title { font-size: 28px; }
section.kdcc-final-cta a.kdcc-cta-btn { padding: 14px 28px; width: 100%; justify-content: center; }
}
}
#fw-section-custom-html-a15f65fa-e26d-4abb-8559-de947f7dad98 {
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
section.kdcc-partnerships-hero {
background: linear-gradient(135deg, #1a1d2e 0%, #313540 100%);
padding: 0;
margin: 0 0 -35px 0;
width: 100vw;
margin-left: calc(-50vw + 50%);
position: relative;
overflow: hidden;
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
section.kdcc-partnerships-hero .kdcc-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 76px 40px 90px;
position: relative;
z-index: 10;
}
section.kdcc-partnerships-hero .kdcc-hero-content {
margin-bottom: 60px;
position: relative;
z-index: 10;
}
section.kdcc-partnerships-hero .kdcc-hero-header {
text-align: center;
margin-bottom: 48px;
}
section.kdcc-partnerships-hero .kdcc-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(20, 185, 220, 0.15);
border: 1px solid rgba(20, 185, 220, 0.3);
color: #14b9dc;
font-size: 14px;
font-weight: 600;
padding: 10px 20px;
border-radius: 50px;
margin-bottom: 32px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
section.kdcc-partnerships-hero .kdcc-hero-badge .material-icons {
font-size: 18px;
}
section.kdcc-partnerships-hero .kdcc-hero-title {
font-size: 64px;
font-weight: 800;
color: #ffffff;
line-height: 1.2;
margin: 0;
white-space: nowrap;
}
section.kdcc-partnerships-hero .kdcc-title-highlight {
background: linear-gradient(135deg, #14b9dc 0%, #67bb26 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
section.kdcc-partnerships-hero .kdcc-hero-story {
max-width: 100%;
margin: 0;
text-align: left;
}
section.kdcc-partnerships-hero .kdcc-hero-subtitle {
font-size: 24px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.8;
margin: 0;
}
section.kdcc-partnerships-hero .kdcc-hero-cta {
text-align: center;
margin-top: 60px;
position: relative;
z-index: 10;
}
section.kdcc-partnerships-hero .kdcc-hero-cta-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #ec4f59;
color: #ffffff;
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.4);
}
section.kdcc-partnerships-hero .kdcc-hero-cta-btn:hover {
background: #14b9dc;
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(20, 185, 220, 0.4);
}
section.kdcc-partnerships-hero .kdcc-hero-cta-btn .material-icons {
font-size: 24px;
}
section.kdcc-partnerships-hero .kdcc-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
position: relative;
z-index: 10;
}
section.kdcc-partnerships-hero .kdcc-stat-card {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
padding: 32px 28px;
display: flex;
align-items: center;
gap: 20px;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
}
section.kdcc-partnerships-hero .kdcc-stat-card:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.25);
transform: translateY(-6px);
}
section.kdcc-partnerships-hero .kdcc-stat-icon {
width: 64px;
height: 64px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* Material Symbols YouTube icon */
.material-symbols-outlined {
font-size: 32px;
font-variation-settings:
"FILL" 0,
"wght" 400,
"GRAD" 0,
"opsz" 24;
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-red {
background: rgba(236, 79, 89, 0.2);
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-blue {
background: rgba(20, 185, 220, 0.2);
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-green {
background: rgba(103, 187, 38, 0.2);
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-gold {
background: rgba(245, 158, 11, 0.2);
}
/* Icon colors */
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-red .material-icons,
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-red .material-symbols-outlined {
color: #ec4f59;
font-size: 32px;
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-blue .material-icons {
color: #14b9dc;
font-size: 32px;
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-green .material-icons {
color: #67bb26;
font-size: 32px;
}
section.kdcc-partnerships-hero .kdcc-stat-icon.kdcc-stat-gold .material-icons {
color: #f59e0b;
font-size: 32px;
}
section.kdcc-partnerships-hero .kdcc-stat-content {
display: flex;
flex-direction: column;
}
section.kdcc-partnerships-hero .kdcc-stat-number {
font-size: 32px;
font-weight: 800;
color: #ffffff;
line-height: 1.2;
}
section.kdcc-partnerships-hero .kdcc-stat-label {
font-size: 15px;
color: rgba(255, 255, 255, 0.75);
margin-top: 6px;
}
@media (max-width: 1024px) {
section.kdcc-partnerships-hero .kdcc-stats-grid {
grid-template-columns: repeat(2, 1fr);
}
section.kdcc-partnerships-hero .kdcc-hero-title {
font-size: 52px;
white-space: normal;
}
}
@media (max-width: 768px) {
section.kdcc-partnerships-hero .kdcc-hero-inner {
padding: 60px 24px 80px;
}
section.kdcc-partnerships-hero .kdcc-hero-title {
font-size: 36px;
white-space: normal;
}
section.kdcc-partnerships-hero .kdcc-hero-subtitle {
font-size: 20px;
}
section.kdcc-partnerships-hero .kdcc-stats-grid {
grid-template-columns: 1fr;
gap: 16px;
}
section.kdcc-partnerships-hero .kdcc-stat-card {
padding: 24px 20px;
}
section.kdcc-partnerships-hero .kdcc-hero-content {
margin-bottom: 48px;
}
section.kdcc-partnerships-hero .kdcc-hero-cta-btn {
padding: 16px 36px;
font-size: 16px;
}
section.kdcc-partnerships-hero .kdcc-hero-cta {
margin-top: 48px;
}
}
@media (max-width: 480px) {
section.kdcc-partnerships-hero .kdcc-hero-title {
font-size: 28px;
}
section.kdcc-partnerships-hero .kdcc-hero-subtitle {
font-size: 18px;
}
section.kdcc-partnerships-hero .kdcc-hero-cta-btn {
font-size: 16px;
padding: 16px 28px;
}
section.kdcc-partnerships-hero .kdcc-stat-number {
font-size: 26px;
}
section.kdcc-partnerships-hero .kdcc-stat-icon {
width: 52px;
height: 52px;
}
}
}
#fw-section-custom-html-6fd8167b-4102-4390-b1cf-4da0917716a4 {
section.kando-hero {
position: relative;
background: #313540;
overflow: hidden;
margin: 0px 0 -35px 0;
}
section.kando-hero .material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
section.kando-hero div.kando-hero-texture {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
opacity: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
background-repeat: repeat;
}
section.kando-hero div.kando-hero-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 72px;
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left {
text-align: left;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px;
color: #14b9dc;
margin-bottom: 16px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left h1.kando-hero-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(32px, 4.5vw, 48px);
font-weight: 900;
color: #fff;
line-height: 1.1;
margin-bottom: 20px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left h1.kando-hero-title span.kando-hero-kan {
color: #ec4f59;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left h1.kando-hero-title span.kando-hero-do {
color: #14b9dc;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left h1.kando-hero-title span.kando-hero-subtitle {
display: block;
font-size: clamp(16px, 2vw, 22px);
font-weight: 500;
color: rgba(255, 255, 255, 0.45);
margin-top: 8px;
letter-spacing: 0;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left p.kando-hero-bridge {
font-family: 'DM Sans', sans-serif;
font-size: clamp(16px, 1.6vw, 19px);
color: rgba(255, 255, 255, 0.6);
line-height: 1.7;
margin-bottom: 36px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-btns {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-btns a.kando-hero-cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 6px;
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.5px;
transition: all 0.25s ease;
background: #ec4f59;
color: #fff;
box-shadow: 0 4px 16px rgba(236, 79, 89, 0.35);
text-decoration: none;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-btns a.kando-hero-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.45);
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-trust {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
color: rgba(255, 255, 255, 0.35);
margin-top: 20px;
letter-spacing: 0.3px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-viz {
position: relative;
display: flex;
flex-direction: column;
gap: 0;
border-radius: 12px;
overflow: hidden;
}
section.kando-hero div.kando-hero-viz div.kv-row {
display: grid;
grid-template-columns: 180px 1fr;
align-items: stretch;
gap: 0;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity: 0;
transform: translateX(30px);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
section.kando-hero div.kando-hero-viz div.kv-row:last-child {
border-bottom: none;
}
section.kando-hero div.kando-hero-viz div.kv-row.active {
opacity: 1;
transform: translateX(0);
}
section.kando-hero div.kando-hero-viz div.kv-row.all-show {
opacity: 1;
transform: translateX(0);
}
section.kando-hero div.kando-hero-viz div.kv-row.all-show:not(.highlight) {
opacity: 0.5;
}
section.kando-hero div.kando-hero-viz div.kv-row.highlight {
opacity: 1;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label {
min-width: 180px;
width: 180px;
padding: 20px 22px;
font-family: 'Space Grotesk', sans-serif;
font-size: 18px;
font-weight: 600;
color: #fff;
white-space: nowrap;
display: flex;
align-items: center;
box-sizing: border-box;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label strong {
font-weight: 900;
font-size: 22px;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-desc-box {
padding: 20px 24px;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: rgba(255, 255, 255, 0.55);
line-height: 1.6;
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0.03);
}
section.kando-hero div.kando-hero-viz div.kv-row.highlight div.kv-desc-box {
color: #ffffff;
background: rgba(255, 255, 255, 0.08);
}
@media (max-width: 1024px) {
section.kando-hero div.kando-hero-wrap {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media (max-width: 768px) {
section.kando-hero div.kando-hero-wrap {
padding: 56px 20px 48px;
gap: 32px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left {
text-align: center;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left p.kando-hero-bridge {
text-align: left;
font-size: 16px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-btns {
justify-content: center;
}
section.kando-hero div.kando-hero-viz div.kv-row {
grid-template-columns: 130px 1fr;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label {
min-width: 130px;
width: 130px;
font-size: 15px;
padding: 16px 14px;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label strong {
font-size: 18px;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-desc-box {
font-size: 14px;
padding: 16px 14px;
}
section.kando-hero div.kando-hero-wrap div.kando-hero-left div.kando-hero-btns a.kando-hero-cta {
padding: 14px 28px;
font-size: 14px;
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
section.kando-hero div.kando-hero-wrap {
padding: 48px 16px 40px;
gap: 28px;
}
section.kando-hero div.kando-hero-viz div.kv-row {
grid-template-columns: 110px 1fr;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label {
min-width: 110px;
width: 110px;
font-size: 13px;
padding: 14px 10px;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-label strong {
font-size: 16px;
}
section.kando-hero div.kando-hero-viz div.kv-row div.kv-desc-box {
font-size: 13px;
padding: 14px 10px;
}
}
}
#fw-section-custom-html-71c46cf3-08fa-430e-bffe-f2e85edf77ef {
.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
.ptx-light{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");background-repeat:repeat}
.ptx-dark{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");background-repeat:repeat}
.wrap{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:4px}
.el-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
.el-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15;margin-bottom:8px}
.el-subtitle{font-family:'DM Sans',sans-serif;font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:20px}
.el-desc{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.8;margin-bottom:20px;color:#4a4a4f}
.el-prompt{border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.el-prompt-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.el-prompt-icon .material-symbols-outlined{font-size:20px;color:#fff}
.el-prompt-q{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:600;color:#313540;line-height:1.4;flex:1}
.el-output{display:flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b0b3ba;margin-bottom:16px}
.el-output .material-symbols-outlined{font-size:16px}
.el-link{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;transition:gap 0.2s;text-decoration:none}
.el-link:hover{gap:12px}
section.el-k{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-k div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-k div.el-k-stack{display:flex;flex-direction:column;gap:12px}
section.el-k div.el-k-stack .el-k-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;transition:all 0.3s;cursor:default;color:#313540}
section.el-k div.el-k-stack .el-k-card:hover{background:#eef0f2;transform:translateX(8px);box-shadow:0 4px 12px rgba(0,0,0,0.06)}
section.el-k div.el-k-stack .el-k-card .material-symbols-outlined{font-size:28px;color:#ec4f59;flex-shrink:0}
section.el-k div.el-k-stack .el-k-card .el-k-card-title{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#313540;margin-bottom:2px}
section.el-k div.el-k-stack .el-k-card .el-k-card-sub{font-size:13px;color:#6e6e73;line-height:1.4}
section.el-a{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-a div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
section.el-a div.el-a-card{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb;margin-top:32px}
section.el-a div.el-a-card-header{padding:20px 28px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;gap:12px}
section.el-a div.el-a-card-badge{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#14b9dc;background:rgba(20,185,220,0.08);padding:5px 12px;border-radius:8px;flex-shrink:0}
section.el-a div.el-a-card-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:#313540}
section.el-a div.el-a-tabs{display:flex;border-bottom:1px solid #e5e7eb}
section.el-a div.el-a-tab{flex:1;text-align:center;padding:16px 12px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:#9ca3af;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px}
section.el-a div.el-a-tab:hover{color:#313540;background:#f8f9fa}
section.el-a div.el-a-tab-active{color:#313540}
section.el-a div.el-a-tab-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
section.el-a div.el-a-panel{display:none;padding:28px}
section.el-a div.el-a-panel-active{display:flex;flex-direction:column;gap:12px}
section.el-a div.el-a-panel-def{font-family:'DM Sans',sans-serif;font-size:15px;color:#6e6e73;line-height:1.6;padding-bottom:12px;border-bottom:1px solid #f0f0f3}
section.el-a div.el-a-pf{font-family:'DM Sans',sans-serif;font-size:15px;color:#4a4a4f;line-height:1.6}
section.el-a span.el-a-pf-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#313540;text-transform:uppercase;letter-spacing:0.5px}
section.el-a div.el-a-card-footer{padding:16px 28px;background:#f8f9fa;border-top:1px solid #e5e7eb;font-family:'DM Sans',sans-serif;font-size:13px;color:#9ca3af;text-align:center;font-weight:600}
section.el-n{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-n div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-n div.el-n-split{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb;display:grid;grid-template-columns:1fr auto 1fr}
section.el-n div.el-n-half{padding:28px}
section.el-n div.el-n-half-label{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;margin-bottom:4px}
section.el-n div.el-n-half-sub{font-family:'DM Sans',sans-serif;font-size:12px;color:#9ca3af;margin-bottom:20px;font-weight:600}
section.el-n div.el-n-divider{width:1px;background:#e5e7eb}
section.el-n div.el-n-item{display:flex;align-items:flex-start;gap:10px;font-family:'DM Sans',sans-serif;font-size:14px;color:#4a4a4f;line-height:1.5;padding:10px 0;border-bottom:1px solid #f5f5f7}
section.el-n div.el-n-item:last-child{border-bottom:none}
section.el-d{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-d div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-d div.el-d-dash{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.08);border:1px solid #e5e7eb}
section.el-d div.el-d-yt-header{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;color:#313540;padding:20px 24px;border-bottom:1px solid #e5e7eb}
section.el-d div.el-d-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e5e7eb}
section.el-d div.el-d-metric{padding:20px 24px;border-right:1px solid #e5e7eb;text-align:center}
section.el-d div.el-d-metric:last-child{border-right:none}
section.el-d div.el-d-metric-hl{background:rgba(20,185,220,0.03)}
section.el-d div.el-d-metric-label{font-family:'DM Sans',sans-serif;font-size:12px;color:#9ca3af;margin-bottom:6px;white-space:nowrap}
section.el-d div.el-d-metric-val{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.5vw,30px);font-weight:800;color:#313540;line-height:1}
section.el-d span.el-d-metric-up{color:#67bb26;font-size:14px}
section.el-d div.el-d-metric-sub{font-size:11px;color:#9ca3af;margin-top:4px}
section.el-d div.el-d-chart-wrap{position:relative;padding:20px 48px 16px 24px;height:140px}
section.el-d svg.el-d-svg{width:100%;height:100%}
section.el-d div.el-d-chart-y{position:absolute;right:8px;top:20px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:10px;color:#c0c4cc;text-align:right}
section.el-o{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-o div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-o div.el-o-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
section.el-o div.el-o-panel{border-radius:16px;padding:24px;overflow:hidden}
section.el-o div.el-o-panel-bad{background:#fef2f2;border:2px solid #fecaca}
section.el-o div.el-o-panel-good{background:#f0fdf4;border:2px solid #bbf7d0}
section.el-o div.el-o-panel-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px}
section.el-o div.el-o-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#fff;text-align:center;padding:12px;line-height:1.3}
section.el-o div.el-o-thumb-bad{background:linear-gradient(135deg,#666,#999)}
section.el-o div.el-o-thumb-good{background:linear-gradient(135deg,#f59e0b,#e67e22)}
section.el-o div.el-o-title-ex{font-size:14px;font-weight:600;color:#313540;line-height:1.4;margin-bottom:4px}
section.el-o div.el-o-title-sub{font-size:12px;color:#6e6e73;line-height:1.4}
section.el-o div.el-o-stats{display:flex;gap:16px;margin-top:12px}
section.el-o span.el-o-stat{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}
@media(max-width:1024px){
section.el-k div.wrap,section.el-a div.wrap,section.el-n div.wrap,section.el-d div.wrap,section.el-o div.wrap{grid-template-columns:1fr;gap:48px}
section.kf-problem div.kf-problem-visual{grid-template-columns:1fr}
section.el-n div.el-n-split{grid-template-columns:1fr}
section.el-n div.el-n-divider{display:none}
section.el-o div.el-o-ba{grid-template-columns:1fr}
section.kf-proof div.kf-proof-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.wrap{padding:0 20px}
section.kf-problem,section.kf-ba,section.el-k,section.el-n,section.el-d,section.el-o,section.kf-proof,section.kf-faq,section.kf-cta{padding:80px 20px}
section.kf-ba div.kf-ba-visual{grid-template-columns:1fr}
section.kf-ba div.kf-pv-stat-val{font-size:22px}
section.el-a{padding:80px 20px}
section.el-a div.el-a-tab{font-size:12px;padding:12px 8px}
section.kf-cta div.kf-cta-btns{flex-direction:column}
section.kf-cta div.kf-cta-btns a{text-align:center}
}
@media(max-width:480px){
section.el-d div.el-d-metrics{grid-template-columns:1fr 1fr}
.el-prompt{flex-direction:column;gap:10px}
}
section.kf-proof{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-proof div.kf-proof-header{text-align:center;margin-bottom:48px}
section.kf-proof h2.kf-proof-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#313540;margin-bottom:16px}
section.kf-proof p.kf-proof-bridge{font-family:'DM Sans',sans-serif;font-size:18px;color:#4a4a4f;max-width:600px;margin:0 auto;line-height:1.7}
section.kf-proof div.kf-proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
section.kf-proof div.kf-proof-card{background:#ffffff;border-radius:0 16px 16px 0;border-left:4px solid;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
section.kf-proof div.kf-proof-quote{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7;font-style:italic;margin-bottom:16px}
section.kf-proof div.kf-proof-attr{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}
section.kf-faq{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-faq div.kf-faq-header{text-align:center;margin-bottom:48px}
section.kf-faq h2.kf-faq-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.5vw,36px);font-weight:900;color:#313540}
section.kf-faq div.kf-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}
section.kf-faq div.kf-faq-item{border-bottom:1px solid #e5e7eb;cursor:pointer}
section.kf-faq div.kf-faq-q{display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:#313540;gap:16px}
section.kf-faq span.kf-faq-icon{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:300;color:#9ca3af;flex-shrink:0;transition:transform 0.3s}
section.kf-faq div.kf-faq-a{font-family:'DM Sans',sans-serif;font-size:15px;color:#4a4a4f;line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;padding:0 0}
section.kf-faq div.kf-faq-item.open div.kf-faq-a{max-height:300px;padding:0 0 24px 0}
section.kf-faq div.kf-faq-item.open span.kf-faq-icon{transform:rotate(45deg)}
section.kf-cta{position:relative;background:#313540;padding:100px 20px;overflow:hidden;margin:-35px 0}
section.kf-cta div.wrap{text-align:center}
section.kf-cta h2.kf-cta-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#ffffff;line-height:1.15;margin-bottom:20px}
section.kf-cta p.kf-cta-desc{font-family:'DM Sans',sans-serif;font-size:18px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:640px;margin:0 auto 40px}
section.kf-cta div.kf-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
section.kf-cta a.kf-btn-red{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;background:#ec4f59;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(236,79,89,0.35);transition:all 0.25s}
section.kf-cta a.kf-btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(236,79,89,0.45)}
section.kf-cta a.kf-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;border:2px solid rgba(255,255,255,0.25);color:#fff;text-decoration:none;transition:all 0.25s}
section.kf-cta a.kf-btn-outline:hover{border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}
section.kf-problem{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-problem div.kf-problem-editorial{}
section.kf-problem div.kf-ed-body p{font-family:'DM Sans',sans-serif;font-size:18px;color:#4a4a4f;line-height:1.8;margin-bottom:24px;opacity:0;transform:translateY(4rem)}
section.kf-problem div.kf-ed-body p:last-child{margin-bottom:0}
section.kf-problem div.kf-ed-body p.kf-ed-bold{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:#313540;line-height:1.5}
section.kf-problem div.kf-ed-pullquote{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;color:#313540;line-height:1.4;padding:32px 0;margin:32px 0;border-top:3px solid #ec4f59;border-bottom:3px solid #ec4f59;opacity:0;transform:translateY(4rem)}
section.kf-problem span.kf-ed-pullquote-attr{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:#6e6e73;font-style:normal}
section.kf-problem a.kf-ed-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.5px;background:#ec4f59;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(236,79,89,0.35);margin-top:16px;opacity:0;transform:translateY(4rem)}
section.kf-problem a.kf-ed-btn:hover{box-shadow:0 8px 24px rgba(236,79,89,0.45)}
section.kf-ba{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-ba div.kf-ba-text{margin-bottom:56px}
section.kf-ba div.kf-ba-visual{display:grid;grid-template-columns:1fr 1fr;gap:24px}
section.kf-ba div.kf-pv-card{border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}
section.kf-ba div.kf-pv-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}
section.kf-ba div.kf-pv-bad{background:#fdf2f2;border:2px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,0.04)}
section.kf-ba div.kf-pv-good{background:#f0fdf4;border:2px solid #67bb26;box-shadow:0 4px 20px rgba(103,187,38,0.12)}
section.kf-ba div.kf-pv-label{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
section.kf-ba img.kf-pv-thumb-img{width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:16px;transition:transform 0.3s}
section.kf-ba div.kf-pv-bad img.kf-pv-thumb-img{filter:saturate(0.4);opacity:0.85}
section.kf-ba div.kf-pv-good img.kf-pv-thumb-img{box-shadow:0 4px 16px rgba(0,0,0,0.12)}
section.kf-ba div.kf-pv-card:hover img.kf-pv-thumb-img{transform:scale(1.02)}
section.kf-ba div.kf-pv-title-bad{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;color:#9ca3af;margin-bottom:16px;text-decoration:line-through;text-decoration-color:#ec4f59}
section.kf-ba div.kf-pv-title-good{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:#313540;margin-bottom:16px}
section.kf-ba div.kf-pv-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
section.kf-ba div.kf-pv-stat{text-align:center;padding:18px 8px;border-radius:12px;border:1px solid #e5e7eb}
section.kf-ba div.kf-pv-bad div.kf-pv-stat{background:#ffffff;border-color:#fecaca}
section.kf-ba div.kf-pv-good div.kf-pv-stat{background:#ffffff;border-color:#bbf7d0}
section.kf-ba div.kf-pv-stat-val{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:900;line-height:1}
section.kf-ba div.kf-pv-stat-label{font-family:'DM Sans',sans-serif;font-size:13px;color:#6e6e73;margin-top:6px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600}
section.kf-ba div.kf-pv-list{display:flex;flex-direction:column;gap:0}
section.kf-ba div.kf-pv-item-bad{font-family:'DM Sans',sans-serif;font-size:16px;color:#313540;padding:12px 0;border-bottom:1px solid #f0f0f3}
section.kf-ba div.kf-pv-item-bad:last-child{border-bottom:none}
section.kf-ba div.kf-pv-item-good{font-family:'DM Sans',sans-serif;font-size:16px;color:#313540;padding:12px 0;border-bottom:1px solid #f0f0f3}
section.kf-ba div.kf-pv-item-good:last-child{border-bottom:none}
section.kf-ba div.kf-pv-bottom{text-align:center;margin-top:40px;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:#313540;padding:24px;background:#f5f5f7;border-radius:16px}
section.kf-start{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-start div.kf-start-content{max-width:800px;margin:0 auto}
section.kf-start h2.kf-start-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#313540;line-height:1.15;margin-bottom:8px}
section.kf-start p.kf-start-subtitle{font-family:'DM Sans',sans-serif;font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:48px}
section.kf-start div.kf-start-steps{display:flex;flex-direction:column;gap:0}
section.kf-start div.kf-step{display:flex;align-items:flex-start;gap:20px;padding:28px 0;border-bottom:1px solid #f0f0f3}
section.kf-start div.kf-step:last-child{border-bottom:none}
section.kf-start div.kf-step-num{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:900;color:#fff;flex-shrink:0}
section.kf-start div.kf-step-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:#313540;margin-bottom:6px}
section.kf-start div.kf-step-desc{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.6}
section.kf-newsletter{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-newsletter div.kf-newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.kf-newsletter h2.kf-newsletter-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3.5vw,38px);font-weight:900;color:#313540;line-height:1.15;margin-bottom:16px}
section.kf-newsletter p.kf-newsletter-desc{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7}
section.kf-newsletter div.kf-newsletter-form{background:#f5f5f7;border-radius:20px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,0.06);border:1px solid #e5e7eb}
section.kf-newsletter form.kf-form{display:flex;flex-direction:column;gap:12px}
section.kf-newsletter input.kf-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:16px;color:#313540;outline:none;transition:border-color 0.2s;box-sizing:border-box}
section.kf-newsletter input.kf-input:focus{border-color:#67bb26}
section.kf-newsletter button.kf-submit{width:100%;padding:16px 32px;border:none;border-radius:6px;background:#67bb26;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;letter-spacing:0.5px;cursor:pointer;transition:all 0.25s;box-shadow:0 4px 16px rgba(103,187,38,0.3)}
section.kf-newsletter button.kf-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(103,187,38,0.4)}
section.kf-newsletter div.kf-newsletter-note{font-family:'DM Sans',sans-serif;font-size:13px;color:#9ca3af;text-align:center;margin-top:12px}
@media(max-width:1024px){
section.kf-newsletter div.kf-newsletter-content{grid-template-columns:1fr;gap:40px}
}
@media(max-width:768px){
section.kf-start,section.kf-newsletter{padding:80px 20px}
}
}
#fw-section-custom-html-fb2dc0ad-9264-4fbd-9cc8-d37af5cba3f5 {
.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
.ptx-light{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");background-repeat:repeat}
.ptx-dark{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");background-repeat:repeat}
.wrap{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:4px}
.el-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
.el-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15;margin-bottom:8px}
.el-subtitle{font-family:'DM Sans',sans-serif;font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:20px}
.el-desc{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.8;margin-bottom:20px;color:#4a4a4f}
.el-prompt{border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.el-prompt-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.el-prompt-icon .material-symbols-outlined{font-size:20px;color:#fff}
.el-prompt-q{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:600;color:#313540;line-height:1.4;flex:1}
.el-output{display:flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b0b3ba;margin-bottom:16px}
.el-output .material-symbols-outlined{font-size:16px}
.el-link{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;transition:gap 0.2s;text-decoration:none}
.el-link:hover{gap:12px}
section.el-k{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-k div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-k div.el-k-stack{display:flex;flex-direction:column;gap:12px}
section.el-k div.el-k-stack .el-k-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;transition:all 0.3s;cursor:default;color:#313540}
section.el-k div.el-k-stack .el-k-card:hover{background:#eef0f2;transform:translateX(8px);box-shadow:0 4px 12px rgba(0,0,0,0.06)}
section.el-k div.el-k-stack .el-k-card .material-symbols-outlined{font-size:28px;color:#ec4f59;flex-shrink:0}
section.el-k div.el-k-stack .el-k-card .el-k-card-title{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#313540;margin-bottom:2px}
section.el-k div.el-k-stack .el-k-card .el-k-card-sub{font-size:13px;color:#6e6e73;line-height:1.4}
section.el-a{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-a div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
section.el-a div.el-a-card{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb;margin-top:32px}
section.el-a div.el-a-card-header{padding:20px 28px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;gap:12px}
section.el-a div.el-a-card-badge{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#14b9dc;background:rgba(20,185,220,0.08);padding:5px 12px;border-radius:8px;flex-shrink:0}
section.el-a div.el-a-card-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:#313540}
section.el-a div.el-a-tabs{display:flex;border-bottom:1px solid #e5e7eb}
section.el-a div.el-a-tab{flex:1;text-align:center;padding:16px 12px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:#9ca3af;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px}
section.el-a div.el-a-tab:hover{color:#313540;background:#f8f9fa}
section.el-a div.el-a-tab-active{color:#313540}
section.el-a div.el-a-tab-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
section.el-a div.el-a-panel{display:none;padding:28px}
section.el-a div.el-a-panel-active{display:flex;flex-direction:column;gap:12px}
section.el-a div.el-a-panel-def{font-family:'DM Sans',sans-serif;font-size:15px;color:#6e6e73;line-height:1.6;padding-bottom:12px;border-bottom:1px solid #f0f0f3}
section.el-a div.el-a-pf{font-family:'DM Sans',sans-serif;font-size:15px;color:#4a4a4f;line-height:1.6}
section.el-a span.el-a-pf-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#313540;text-transform:uppercase;letter-spacing:0.5px}
section.el-a div.el-a-card-footer{padding:16px 28px;background:#f8f9fa;border-top:1px solid #e5e7eb;font-family:'DM Sans',sans-serif;font-size:13px;color:#9ca3af;text-align:center;font-weight:600}
section.el-n{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-n div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-n div.el-n-split{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb;display:grid;grid-template-columns:1fr auto 1fr}
section.el-n div.el-n-half{padding:28px}
section.el-n div.el-n-half-label{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;margin-bottom:4px}
section.el-n div.el-n-half-sub{font-family:'DM Sans',sans-serif;font-size:12px;color:#9ca3af;margin-bottom:20px;font-weight:600}
section.el-n div.el-n-divider{width:1px;background:#e5e7eb}
section.el-n div.el-n-item{display:flex;align-items:flex-start;gap:10px;font-family:'DM Sans',sans-serif;font-size:14px;color:#4a4a4f;line-height:1.5;padding:10px 0;border-bottom:1px solid #f5f5f7}
section.el-n div.el-n-item:last-child{border-bottom:none}
section.el-d{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-d div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-d div.el-d-dash{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.08);border:1px solid #e5e7eb}
section.el-d div.el-d-yt-header{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;color:#313540;padding:20px 24px;border-bottom:1px solid #e5e7eb}
section.el-d div.el-d-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e5e7eb}
section.el-d div.el-d-metric{padding:20px 24px;border-right:1px solid #e5e7eb;text-align:center}
section.el-d div.el-d-metric:last-child{border-right:none}
section.el-d div.el-d-metric-hl{background:rgba(20,185,220,0.03)}
section.el-d div.el-d-metric-label{font-family:'DM Sans',sans-serif;font-size:12px;color:#9ca3af;margin-bottom:6px;white-space:nowrap}
section.el-d div.el-d-metric-val{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.5vw,30px);font-weight:800;color:#313540;line-height:1}
section.el-d span.el-d-metric-up{color:#67bb26;font-size:14px}
section.el-d div.el-d-metric-sub{font-size:11px;color:#9ca3af;margin-top:4px}
section.el-d div.el-d-chart-wrap{position:relative;padding:20px 48px 16px 24px;height:140px}
section.el-d svg.el-d-svg{width:100%;height:100%}
section.el-d div.el-d-chart-y{position:absolute;right:8px;top:20px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:10px;color:#c0c4cc;text-align:right}
section.el-o{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.el-o div.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.el-o div.el-o-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
section.el-o div.el-o-panel{border-radius:16px;padding:24px;overflow:hidden}
section.el-o div.el-o-panel-bad{background:#fef2f2;border:2px solid #fecaca}
section.el-o div.el-o-panel-good{background:#f0fdf4;border:2px solid #bbf7d0}
section.el-o div.el-o-panel-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px}
section.el-o div.el-o-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#fff;text-align:center;padding:12px;line-height:1.3}
section.el-o div.el-o-thumb-bad{background:linear-gradient(135deg,#666,#999)}
section.el-o div.el-o-thumb-good{background:linear-gradient(135deg,#f59e0b,#e67e22)}
section.el-o div.el-o-title-ex{font-size:14px;font-weight:600;color:#313540;line-height:1.4;margin-bottom:4px}
section.el-o div.el-o-title-sub{font-size:12px;color:#6e6e73;line-height:1.4}
section.el-o div.el-o-stats{display:flex;gap:16px;margin-top:12px}
section.el-o span.el-o-stat{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}
@media(max-width:1024px){
section.el-k div.wrap,section.el-a div.wrap,section.el-n div.wrap,section.el-d div.wrap,section.el-o div.wrap{grid-template-columns:1fr;gap:48px}
section.el-n div.el-n-split{grid-template-columns:1fr}
section.el-n div.el-n-divider{display:none}
section.el-o div.el-o-ba{grid-template-columns:1fr}
section.kf-proof div.kf-proof-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.wrap{padding:0 20px}
section.el-k,section.el-n,section.el-d,section.el-o,section.kf-proof,section.kf-faq,section.kf-cta{padding:80px 20px}
section.el-a{padding:80px 20px}
section.el-a div.el-a-tab{font-size:12px;padding:12px 8px}
section.kf-cta div.kf-cta-btns{flex-direction:column}
section.kf-cta div.kf-cta-btns a{text-align:center}
}
@media(max-width:480px){
section.el-d div.el-d-metrics{grid-template-columns:1fr 1fr}
.el-prompt{flex-direction:column;gap:10px}
}
section.kf-proof{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-proof div.kf-proof-header{text-align:center;margin-bottom:48px}
section.kf-proof h2.kf-proof-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#313540;margin-bottom:16px}
section.kf-proof p.kf-proof-bridge{font-family:'DM Sans',sans-serif;font-size:18px;color:#4a4a4f;max-width:600px;margin:0 auto;line-height:1.7}
section.kf-proof div.kf-proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
section.kf-proof div.kf-proof-card{background:#ffffff;border-radius:0 16px 16px 0;border-left:4px solid;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
section.kf-proof div.kf-proof-quote{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7;font-style:italic;margin-bottom:16px}
section.kf-proof div.kf-proof-attr{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}
section.kf-faq{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-faq div.kf-faq-header{text-align:center;margin-bottom:48px}
section.kf-faq h2.kf-faq-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.5vw,36px);font-weight:900;color:#313540}
section.kf-faq div.kf-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}
section.kf-faq div.kf-faq-item{border-bottom:1px solid #e5e7eb;cursor:pointer}
section.kf-faq div.kf-faq-q{display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:#313540;gap:16px}
section.kf-faq span.kf-faq-icon{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:300;color:#9ca3af;flex-shrink:0;transition:transform 0.3s}
section.kf-faq div.kf-faq-a{font-family:'DM Sans',sans-serif;font-size:15px;color:#4a4a4f;line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;padding:0 0}
section.kf-faq div.kf-faq-item.open div.kf-faq-a{max-height:300px;padding:0 0 24px 0}
section.kf-faq div.kf-faq-item.open span.kf-faq-icon{transform:rotate(45deg)}
section.kf-cta{position:relative;background:#313540;padding:100px 20px;overflow:hidden;margin:-35px 0}
section.kf-cta div.wrap{text-align:center}
section.kf-cta h2.kf-cta-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#ffffff;line-height:1.15;margin-bottom:20px}
section.kf-cta p.kf-cta-desc{font-family:'DM Sans',sans-serif;font-size:18px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:640px;margin:0 auto 40px}
section.kf-cta div.kf-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
section.kf-cta a.kf-btn-red{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;background:#ec4f59;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(236,79,89,0.35);transition:all 0.25s}
section.kf-cta a.kf-btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(236,79,89,0.45)}
section.kf-cta a.kf-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;border:2px solid rgba(255,255,255,0.25);color:#fff;text-decoration:none;transition:all 0.25s}
section.kf-cta a.kf-btn-outline:hover{border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}
section.kf-problem{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-problem div.kf-problem-content{max-width:900px;margin:0 auto}
section.kf-problem h2.kf-problem-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#313540;line-height:1.15;margin-bottom:16px}
section.kf-problem p.kf-problem-intro{font-family:'DM Sans',sans-serif;font-size:18px;color:#4a4a4f;line-height:1.7;margin-bottom:40px}
section.kf-problem div.kf-problem-grid{display:flex;flex-direction:column;gap:0}
section.kf-problem div.kf-problem-item{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #f0f0f3}
section.kf-problem div.kf-problem-item:last-child{border-bottom:none}
section.kf-problem div.kf-problem-item .material-symbols-outlined{font-size:24px;flex-shrink:0;margin-top:2px}
section.kf-problem div.kf-problem-label{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#313540;margin-bottom:4px}
section.kf-problem div.kf-problem-desc{font-family:'DM Sans',sans-serif;font-size:15px;color:#6e6e73;line-height:1.6}
section.kf-problem p.kf-problem-bridge{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:600;color:#313540;margin-top:40px;padding-top:32px;border-top:2px solid #ec4f59;line-height:1.6}
section.kf-start{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-start div.kf-start-content{max-width:800px;margin:0 auto}
section.kf-start h2.kf-start-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#313540;line-height:1.15;margin-bottom:8px}
section.kf-start p.kf-start-subtitle{font-family:'DM Sans',sans-serif;font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:48px}
section.kf-start div.kf-start-steps{display:flex;flex-direction:column;gap:0}
section.kf-start div.kf-step{display:flex;align-items:flex-start;gap:20px;padding:28px 0;border-bottom:1px solid #f0f0f3}
section.kf-start div.kf-step:last-child{border-bottom:none}
section.kf-start div.kf-step-num{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:900;color:#fff;flex-shrink:0}
section.kf-start div.kf-step-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:#313540;margin-bottom:6px}
section.kf-start div.kf-step-desc{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.6}
section.kf-newsletter{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-newsletter div.kf-newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
section.kf-newsletter h2.kf-newsletter-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3.5vw,38px);font-weight:900;color:#313540;line-height:1.15;margin-bottom:16px}
section.kf-newsletter p.kf-newsletter-desc{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7}
section.kf-newsletter div.kf-newsletter-form{background:#ffffff;border-radius:20px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb}
section.kf-newsletter form.kf-form{display:flex;flex-direction:column;gap:12px}
section.kf-newsletter input.kf-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:16px;color:#313540;outline:none;transition:border-color 0.2s;box-sizing:border-box}
section.kf-newsletter input.kf-input:focus{border-color:#67bb26}
section.kf-newsletter button.kf-submit{width:100%;padding:16px 32px;border:none;border-radius:6px;background:#67bb26;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;letter-spacing:0.5px;cursor:pointer;transition:all 0.25s;box-shadow:0 4px 16px rgba(103,187,38,0.3)}
section.kf-newsletter button.kf-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(103,187,38,0.4)}
section.kf-newsletter div.kf-newsletter-note{font-family:'DM Sans',sans-serif;font-size:13px;color:#9ca3af;text-align:center;margin-top:12px}
@media(max-width:1024px){
section.kf-newsletter div.kf-newsletter-content{grid-template-columns:1fr;gap:40px}
}
@media(max-width:768px){
section.kf-problem,section.kf-start,section.kf-newsletter{padding:80px 20px}
}
}
#fw-section-custom-html-22114fc5-9cf1-429b-8af4-1eb8c753f9f0 {
section.kf-ba{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-ba div.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
section.kf-ba div.ptx-light{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");background-repeat:repeat}
section.kf-ba div.kf-ba-header{margin-bottom:48px;max-width:1320px;margin-left:auto;margin-right:auto}
section.kf-ba div.kf-ba-gallery{display:grid;clip-path:inset(1px);max-width:1320px;margin:0 auto 48px;border-radius:16px;overflow:hidden;position:relative;background:#14b9dc}
section.kf-ba div.kf-ba-gallery img{grid-area:1/1;width:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer;transition:clip-path 0.5s ease 0.1s}
section.kf-ba div.kf-ba-gallery img.kf-ba-img-before{clip-path:polygon(0 0,calc(100% - 10px) 0,0 calc(100% - 10px));filter:saturate(0.4) brightness(0.85);z-index:1}
section.kf-ba div.kf-ba-gallery img.kf-ba-img-after{clip-path:polygon(100% 100%,100% 10px,10px 100%)}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-before{clip-path:polygon(0 0,calc(15% - 10px) 0,0 calc(15% - 10px))}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-after{clip-path:polygon(100% 100%,100% calc(-85% + 10px),calc(-85% + 10px) 100%)}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-before:hover{clip-path:polygon(0 0,calc(185% - 10px) 0,0 calc(185% - 10px))}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-before:hover ~ img.kf-ba-img-after{clip-path:polygon(100% 100%,100% calc(85% + 10px),calc(85% + 10px) 100%)}
section.kf-ba div.kf-ba-label-before,section.kf-ba div.kf-ba-label-after{position:absolute;z-index:2;pointer-events:none;transition:opacity 0.4s;background:rgba(0,0,0,0.92);padding:10px 16px;border-radius:8px;backdrop-filter:blur(4px);display:flex;align-items:center;gap:10px}
section.kf-ba div.kf-ba-label-before{top:20px;left:20px}
section.kf-ba div.kf-ba-label-after{bottom:20px;right:20px}
section.kf-ba span.kf-ba-label-tag{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.7)}
section.kf-ba span.kf-ba-label-ctr{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:900;color:#fff}
section.kf-ba div.kf-ba-gallery:hover div.kf-ba-label-before{opacity:0}
section.kf-ba div.kf-ba-gallery:hover div.kf-ba-label-after{opacity:1}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-before:hover ~ div.kf-ba-label-after{opacity:0}
section.kf-ba div.kf-ba-gallery:hover img.kf-ba-img-before:hover ~ div.kf-ba-label-before{opacity:1}
section.kf-ba div.kf-ba-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1320px;margin:0 auto 40px;border-radius:16px;overflow:hidden;border:2px solid #e5e7eb;transition:grid-template-columns 0.5s ease}
section.kf-ba div.kf-ba-side{padding:28px 32px;transition:all 0.5s ease;overflow:hidden;cursor:pointer}
section.kf-ba div.kf-ba-side-before{background:#fafafa;border-right:1px solid #e5e7eb}
section.kf-ba div.kf-ba-side-after{background:#f0fdf4}
section.kf-ba div.kf-ba-side-why{font-family:'DM Sans',sans-serif;font-size:15px;color:#6e6e73;line-height:1.65;margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,0.06);max-height:0;opacity:0;overflow:hidden;transition:max-height 0.5s ease,opacity 0.4s ease;padding-top:0;margin-top:0}
section.kf-ba div.kf-ba-vs{display:none}
section.kf-ba div.kf-ba-compare.kf-ba-hl-before{grid-template-columns:1fr 0fr;align-items:start}
section.kf-ba div.kf-ba-compare.kf-ba-hl-before div.kf-ba-side-before{background:#fef2f2}
section.kf-ba div.kf-ba-compare.kf-ba-hl-before div.kf-ba-side-before div.kf-ba-side-why{max-height:150px;opacity:1;padding-top:16px;margin-top:16px}
section.kf-ba div.kf-ba-compare.kf-ba-hl-before div.kf-ba-side-after{padding:0;opacity:0;max-width:0;max-height:0;overflow:hidden}
section.kf-ba div.kf-ba-compare.kf-ba-hl-after{grid-template-columns:0fr 1fr;align-items:start}
section.kf-ba div.kf-ba-compare.kf-ba-hl-after div.kf-ba-side-after{background:#ecfdf5}
section.kf-ba div.kf-ba-compare.kf-ba-hl-after div.kf-ba-side-after div.kf-ba-side-why{max-height:150px;opacity:1;padding-top:16px;margin-top:16px}
section.kf-ba div.kf-ba-compare.kf-ba-hl-after div.kf-ba-side-before{padding:0;opacity:0;max-width:0;max-height:0;overflow:hidden}
section.kf-ba div.kf-ba-side-label{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
section.kf-ba div.kf-ba-side-title{font-family:'DM Sans',sans-serif;font-size:20px;margin-bottom:16px;line-height:1.4}
section.kf-ba div.kf-ba-title-old{color:#9ca3af;font-weight:600;text-decoration:line-through;text-decoration-color:#ec4f59}
section.kf-ba div.kf-ba-title-new{color:#313540;font-weight:700}
section.kf-ba div.kf-ba-side-stats{display:flex;gap:24px}
section.kf-ba span.kf-ba-side-stat{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:#313540}
section.kf-ba div.kf-ba-side-after{text-align:left}
section.kf-ba div.kf-ba-how{max-width:1320px;margin:0 auto 40px;padding:28px 32px;background:#f5f5f7;border-radius:16px;border-left:5px solid #14b9dc}
section.kf-ba div.kf-ba-how-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#313540;margin-bottom:12px}
section.kf-ba div.kf-ba-tabs{display:flex;gap:6px;margin-bottom:16px}
section.kf-ba div.kf-ba-tab{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:900;color:#fff;cursor:pointer;opacity:0.55;transition:all 0.25s;flex-shrink:0;border:2px solid transparent}
section.kf-ba div.kf-ba-tab:hover{opacity:0.8;transform:scale(1.08);border-color:rgba(0,0,0,0.1)}
section.kf-ba div.kf-ba-tabs div.kf-ba-tab-active{opacity:1;transform:scale(1.12);box-shadow:0 4px 12px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.15)}
section.kf-ba span.kf-ba-tabs-hint{font-family:'DM Sans',sans-serif;font-size:12px;color:#9ca3af;font-style:italic;display:flex;align-items:center;margin-left:8px}
section.kf-ba div.kf-ba-step{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7}
section.kf-ba div.kf-ba-result{max-width:1320px;margin:0 auto;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:500;color:#4a4a4f;line-height:1.7;padding:28px 32px;background:#f0fdf4;border-radius:16px;border-left:5px solid #67bb26;opacity:0;transform:translateY(2rem);transition:opacity 0.8s ease-out,transform 0.8s ease-out}
section.kf-ba div.kf-ba-result.kf-ba-visible{opacity:1;transform:translateY(0)}
@media(max-width:768px){
section.kf-ba{padding:80px 20px}
section.kf-ba div.kf-ba-gallery{border-radius:12px;margin-bottom:32px}
section.kf-ba span.kf-ba-label-ctr{font-size:18px}
section.kf-ba span.kf-ba-label-tag{font-size:9px}
section.kf-ba div.kf-ba-label-before{top:12px;left:12px;padding:8px 12px}
section.kf-ba div.kf-ba-label-after{bottom:12px;right:12px;padding:8px 12px}
section.kf-ba div.kf-ba-compare{grid-template-columns:1fr}
section.kf-ba div.kf-ba-side-before{border-right:none;border-bottom:1px solid #e5e7eb}
section.kf-ba div.kf-ba-side{padding:20px}
section.kf-ba div.kf-ba-side-title{font-size:16px}
section.kf-ba span.kf-ba-side-stat{font-size:15px}
section.kf-ba div.kf-ba-side-why{font-size:14px}
section.kf-ba div.kf-ba-compare.kf-ba-hl-before,section.kf-ba div.kf-ba-compare.kf-ba-hl-after{grid-template-columns:1fr;align-items:start}
section.kf-ba div.kf-ba-how{padding:20px;margin-bottom:28px}
section.kf-ba div.kf-ba-tabs{flex-wrap:wrap}
section.kf-ba div.kf-ba-tab{width:36px;height:36px;font-size:16px}
section.kf-ba span.kf-ba-tabs-hint{display:none}
section.kf-ba div.kf-ba-step{font-size:15px}
section.kf-ba div.kf-ba-result{font-size:16px;padding:20px}
}
}
#fw-section-custom-html-117f11a8-6bf2-4be4-a5c8-8cd3d180f23f {
section.kf-start{position:relative;background:#f5f5f7;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-start div.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
section.kf-start div.ptx-light{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");background-repeat:repeat}
section.kf-start div.kfs-header{margin-bottom:48px;max-width:1320px;margin-left:auto;margin-right:auto}
section.kf-start div.kfs-card{background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e5e7eb;max-width:1320px;margin:0 auto;position:relative}
section.kf-start div.kfs-complete{display:none;padding:14px 24px;background:linear-gradient(135deg,#67bb26,#5ed9a0);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;text-align:center;letter-spacing:0.3px}
section.kf-start div.kfs-complete.kfs-complete-show{display:block;animation:kfs-banner-in 0.5s ease-out}
section.kf-start div.kfs-complete.kfs-complete-fade{opacity:0;max-height:0;padding:0 24px;overflow:hidden;transition:opacity 0.5s ease,max-height 0.5s ease,padding 0.5s ease}
section.kf-start span.kfs-complete-icon{display:inline-block;margin-right:8px;font-size:18px}
section.kf-start div.kfs-tab.kfs-tab-visited span.kfs-tab-letter{opacity:1}
section.kf-start div.kfs-tab:not(.kfs-tab-visited) span.kfs-tab-letter{opacity:0.5}
section.kf-start div.kfs-tab.kfs-tab-glow{animation:kfs-glow 0.8s ease-in-out 3}
section.kf-start div.kfs-tabs{display:flex;border-bottom:2px solid #e5e7eb}
section.kf-start div.kfs-tab{flex:1;text-align:center;padding:20px 8px;cursor:pointer;transition:all 0.25s;border-bottom:4px solid transparent;margin-bottom:-2px;display:flex;flex-direction:column;align-items:center;gap:4px}
section.kf-start div.kfs-tab:hover{background:#fafafa}
section.kf-start div.kfs-tab-active{background:#ffffff;border-bottom-color:currentColor}
section.kf-start span.kfs-tab-letter{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:900;line-height:1}
section.kf-start span.kfs-tab-word{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#6e6e73;letter-spacing:0.5px;text-transform:uppercase}
section.kf-start div.kfs-tab-active span.kfs-tab-word{color:#313540}
section.kf-start div.kfs-panels{padding:32px 36px}
section.kf-start div.kfs-panel{display:none}
section.kf-start div.kfs-panel-active{display:block;animation:kfs-fadeIn 0.3s ease-out}
section.kf-start div.kfs-panel-head{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;margin-bottom:16px}
section.kf-start p.kfs-desc{font-family:'DM Sans',sans-serif;font-size:17px;color:#4a4a4f;line-height:1.8;margin:0}
section.kf-start a.kfs-ex-btn{display:inline-block;margin-top:18px;padding:12px 24px;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.5px;color:#fff;text-decoration:none;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;position:relative}
section.kf-start a.kfs-ex-btn:active{transform:translateY(2px)}
section.kf-start a.kfs-ex-btn.kfs-ex-active{opacity:0.85;transform:translateY(1px)}
section.kf-start a.kfs-ex-btn-red{background:#ec4f59;animation:kfs-pulse-red 2s infinite}
section.kf-start a.kfs-ex-btn-red:hover{background:#d93d47}
section.kf-start a.kfs-ex-btn-red.kfs-ex-active{animation:none;background:#d93d47}
section.kf-start a.kfs-ex-btn-blue{background:#14b9dc;animation:kfs-pulse-blue 2s infinite}
section.kf-start a.kfs-ex-btn-blue:hover{background:#0e8fa8}
section.kf-start a.kfs-ex-btn-blue.kfs-ex-active{animation:none;background:#0e8fa8}
section.kf-start a.kfs-ex-btn-purple{background:#7c3aed;animation:kfs-pulse-purple 2s infinite}
section.kf-start a.kfs-ex-btn-purple:hover{background:#6528d4}
section.kf-start a.kfs-ex-btn-purple.kfs-ex-active{animation:none;background:#6528d4}
section.kf-start a.kfs-ex-btn-green{background:#67bb26;animation:kfs-pulse-green 2s infinite}
section.kf-start a.kfs-ex-btn-green:hover{background:#559a1f}
section.kf-start a.kfs-ex-btn-green.kfs-ex-active{animation:none;background:#559a1f}
section.kf-start a.kfs-ex-btn-gold{background:#f59e0b;animation:kfs-pulse-gold 2s infinite}
section.kf-start a.kfs-ex-btn-gold:hover{background:#d48806}
section.kf-start a.kfs-ex-btn-gold.kfs-ex-active{animation:none;background:#d48806}
section.kf-start div.kfs-ex{max-height:0;opacity:0;overflow:hidden;transition:max-height 0.5s ease,opacity 0.3s ease}
section.kf-start div.kfs-ex.kfs-ex-open{max-height:500px;opacity:1}
section.kf-start div.kfs-ex{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7;padding:0}
section.kf-start div.kfs-ex.kfs-ex-open{padding:18px 22px;margin-top:14px;background:#f5f5f7;border-left:4px solid #14b9dc;border-radius:0 12px 12px 0}
section.kf-start div.kfs-ex-text{margin-bottom:16px}
section.kf-start div.kfs-ex-nav{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #e0e0e3}
section.kf-start a.kfs-ex-nav-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#fff;text-decoration:none;transition:all 0.2s;letter-spacing:0.3px}
section.kf-start a.kfs-ex-nav-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
section.kf-start div.kfs-actions{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
section.kf-start p.kfs-entity{text-align:center;font-family:'DM Sans',sans-serif;font-size:16px;color:#6e6e73;margin-top:32px;line-height:1.6}
section.kf-start div.kfs-cta{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap;justify-content:center}
section.kf-start a.kfs-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;color:#fff;text-decoration:none;transition:all 0.25s}
section.kf-start a.kfs-btn:hover{transform:translateY(-2px)}
@media(max-width:768px){
section.kf-start{padding:80px 20px}
section.kf-start div.kfs-tab{padding:14px 4px;gap:2px}
section.kf-start span.kfs-tab-letter{font-size:22px}
section.kf-start span.kfs-tab-word{font-size:10px}
section.kf-start div.kfs-panels{padding:24px 20px}
section.kf-start div.kfs-panel-head{font-size:17px}
section.kf-start p.kfs-desc{font-size:15px}
section.kf-start a.kfs-ex-btn{font-size:13px;padding:10px 18px}
section.kf-start div.kfs-ex.kfs-ex-open{font-size:14px;padding:14px 16px}
section.kf-start a.kfs-ex-nav-btn{font-size:12px;padding:7px 12px}
section.kf-start div.kfs-cta{flex-direction:column}
section.kf-start a.kfs-btn{text-align:center}
}
}
#fw-section-custom-html-346c81bf-6bbf-493a-a83c-767bbf260f91 {
section.kf-faq{position:relative;background:#ffffff;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-faq div.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
section.kf-faq div.ptx-light{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");background-repeat:repeat}
section.kf-faq div.kf-faq-header{margin-bottom:48px;max-width:1320px;margin-left:auto;margin-right:auto}
section.kf-faq h2.kf-faq-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.5vw,36px);font-weight:900;color:#313540}
section.kf-faq div.kf-faq-list{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.06);border:1px solid #e5e7eb;max-width:1320px;margin:0 auto}
section.kf-faq div.kf-faq-item{border-left:5px solid #14b9dc;border-bottom:1px solid #e5e7eb;cursor:pointer;background:#ffffff;padding-left:24px;transition:border-left-color 0.3s,background 0.3s}
section.kf-faq div.kf-faq-item:last-child{border-bottom:none}
section.kf-faq div.kf-faq-item:hover{background:#fafafa}
section.kf-faq div.kf-faq-item.open{border-left-color:#ec4f59;background:#fef8f8}
section.kf-faq div.kf-faq-q{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 24px 0;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:#313540;gap:16px}
section.kf-faq span.kf-faq-icon{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:300;color:#9ca3af;flex-shrink:0;transition:transform 0.3s,color 0.3s}
section.kf-faq div.kf-faq-item.open span.kf-faq-icon{transform:rotate(45deg);color:#ec4f59}
section.kf-faq div.kf-faq-a{font-family:'DM Sans',sans-serif;font-size:16px;color:#4a4a4f;line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.6s ease,padding 0.4s ease;padding:0 24px 0 0}
section.kf-faq div.kf-faq-item.open div.kf-faq-a{max-height:2000px;padding:0 24px 24px 0}
section.kf-faq div.kf-faq-a a{color:#14b9dc;text-decoration:none;font-weight:600}
section.kf-faq div.kf-faq-a a:hover{text-decoration:underline}
@media(max-width:768px){
section.kf-faq{padding:80px 16px}
section.kf-faq div.kf-faq-header{margin-bottom:36px}
section.kf-faq div.kf-faq-list{border-radius:10px}
section.kf-faq div.kf-faq-item{padding-left:20px}
section.kf-faq div.kf-faq-q{font-size:16px;padding:22px 20px 22px 0}
section.kf-faq div.kf-faq-a{font-size:15px;line-height:1.75;padding-right:20px}
section.kf-faq div.kf-faq-item.open div.kf-faq-a{padding:0 20px 22px 0}
}
}
#fw-section-custom-html-82434cfd-e808-4e25-bfcf-3fd75261fdd5 {
/* Block 3: The Five Elements Explained */
.kando-elements {
background: #f8f9fa;
padding: 80px 20px;
margin-top: -35px;
margin-bottom: -35px;
}
.kando-elements-inner {
max-width: 1400px;
margin: 0 auto;
}
.kando-elements-title {
font-size: 2.2rem;
font-weight: 800;
color: #313540;
text-align: center;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: -0.5px;
}
.kando-elements-intro {
font-size: 1.1rem;
color: #555;
text-align: center;
max-width: 800px;
margin: 0 auto 50px;
line-height: 1.7;
}
.kando-details {
display: flex;
flex-direction: column;
gap: 28px;
}
.kando-detail-card {
background: #ffffff;
border-radius: 12px;
padding: 40px 44px;
display: flex;
gap: 30px;
align-items: flex-start;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.kando-detail-letter {
font-size: 3rem;
font-weight: 800;
flex-shrink: 0;
width: 80px;
text-align: center;
}
.kando-letter-k { color: #14b9dc; }
.kando-letter-a { color: #ec4f59; }
.kando-letter-n { color: #67bb26; }
.kando-letter-d { color: #f5a623; }
.kando-letter-o { color: #9b59b6; }
.kando-detail-content {
flex: 1;
}
.kando-detail-header {
margin-bottom: 16px;
}
.kando-detail-word {
font-size: 1.5rem;
font-weight: 700;
color: #313540;
margin-right: 8px;
}
.kando-detail-tagline {
font-size: 1.5rem;
font-weight: 500;
}
.kando-tagline-k { color: #14b9dc; }
.kando-tagline-a { color: #ec4f59; }
.kando-tagline-n { color: #67bb26; }
.kando-tagline-d { color: #f5a623; }
.kando-tagline-o { color: #9b59b6; }
.kando-detail-body {
font-size: 1.05rem;
line-height: 1.75;
color: #555;
margin-bottom: 24px;
text-align: left;
}
.kando-detail-how {
background: linear-gradient(135deg, rgba(20, 185, 220, 0.08), rgba(20, 185, 220, 0.02));
border-radius: 10px;
padding: 24px 28px;
}
.kando-detail-how-title {
font-size: 0.85rem;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.kando-detail-how p {
font-size: 1rem;
line-height: 1.6;
color: #555;
margin: 0;
text-align: left;
}
@media (max-width: 768px) {
.kando-elements {
padding: 60px 20px;
}
.kando-elements-title {
font-size: 1.8rem;
}
.kando-detail-card {
flex-direction: column;
padding: 28px;
}
.kando-detail-letter {
width: auto;
}
.kando-detail-word,
.kando-detail-tagline {
font-size: 1.2rem;
}
}
}
#fw-section-custom-html-dfa2d973-c286-4610-aae3-8abffc182b9a {
section.kf-cta{position:relative;background:#313540;padding:120px 20px;overflow:hidden;margin:-35px 0}
section.kf-cta div.ptx{position:absolute;inset:0;pointer-events:none;z-index:0}
section.kf-cta div.ptx-dark{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");background-repeat:repeat}
section.kf-cta div.wrap{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
section.kf-cta div.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:3px}
section.kf-cta h2.kf-cta-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#ffffff;line-height:1.15;margin-bottom:20px}
section.kf-cta p.kf-cta-desc{font-family:'DM Sans',sans-serif;font-size:18px;color:rgba(255,255,255,0.7);line-height:1.8;margin:0 0 40px 0}
section.kf-cta div.kf-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
section.kf-cta a.kf-btn-red{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;background:#ec4f59;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(236,79,89,0.35);transition:all 0.25s}
section.kf-cta a.kf-btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(236,79,89,0.45)}
section.kf-cta a.kf-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;border:2px solid rgba(255,255,255,0.25);color:#fff;text-decoration:none;transition:all 0.25s}
section.kf-cta a.kf-btn-outline:hover{border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}
section.kf-cta a.kf-btn-green{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.5px;background:#67bb26;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(103,187,38,0.35);transition:all 0.25s}
section.kf-cta a.kf-btn-green:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(103,187,38,0.45)}
@media(max-width:768px){
section.kf-cta{padding:80px 20px}
section.kf-cta div.wrap{padding:0 20px}
section.kf-cta p.kf-cta-desc{font-size:16px}
section.kf-cta div.kf-cta-btns{flex-direction:column}
section.kf-cta div.kf-cta-btns a{text-align:center}
}
}
#fw-section-announcement-bar-a0fe14b7-4840-4b4d-aaeb-28d1c38700ec {
/* ===== ANNOUNCEMENT BAR - MAKE IT POP ===== */
/* Make the entire announcement bar look clickable */
.announcement-bar,
.promo-bar,
.site-announcement {
background: linear-gradient(135deg, #67bb26 0%, #5a9e22 100%) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* Add hover effect */
.announcement-bar:hover,
.promo-bar:hover,
.site-announcement:hover {
background: linear-gradient(135deg, #5a9e22 0%, #4a8a1a 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(103, 187, 38, 0.4) !important;
}
/* Make text white and bold */
.announcement-bar *,
.promo-bar *,
.site-announcement * {
color: white !important;
font-weight: 700 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
/* Make countdown stand out more with dark backgrounds */
.announcement-bar .countdown,
.promo-bar .countdown,
.site-announcement .countdown {
background: rgba(0, 0, 0, 0.3) !important;
padding: 4px 12px !important;
border-radius: 6px !important;
display: inline-block !important;
margin: 0 4px !important;
}
@keyframes shine {
0% {
transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
}
#fw-section-custom-html-2bd18f1c-4bc3-413d-914f-e7b9503ed034 {
section.kdcc-mem-hero {
margin: 0px 0px -35px 0px;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
position: relative;
overflow: hidden;
padding: 100px 40px 80px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 1;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy span.kdcc-mem-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy h1.kdcc-mem-hero-h1 {
font-size: 42px;
font-weight: 900;
color: #ffffff;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy p.kdcc-mem-hero-bridge {
font-size: 18px;
color: #b0b3ba;
line-height: 1.7;
margin: 0 0 36px 0;
max-width: 560px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy div.kdcc-mem-hero-ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 48px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
border: none;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn:hover {
transform: translateY(-2px);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn.kdcc-mem-btn-red {
background: #ec4f59;
color: #ffffff;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn.kdcc-mem-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn.kdcc-mem-btn-green {
background: #67bb26;
color: #ffffff;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn.kdcc-mem-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof {
display: flex;
align-items: center;
gap: 32px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-divider {
width: 1px;
height: 48px;
background: rgba(255,255,255,0.15);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-item {
display: flex;
align-items: center;
gap: 12px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-item span.kdcc-mem-proof-num {
font-size: 36px;
font-weight: 900;
color: #14b9dc;
line-height: 1;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-item span.kdcc-mem-proof-label {
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.8);
line-height: 1.4;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-item span.kdcc-mem-proof-label span.kdcc-mem-proof-sub {
font-weight: 400;
color: rgba(255,255,255,0.45);
font-size: 12px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos {
position: relative;
min-height: 540px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid {
position: absolute;
background: #ffffff;
padding: 10px 10px 40px 10px;
box-shadow: 0 8px 32px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid:hover {
z-index: 10;
box-shadow: 0 16px 48px rgba(0,0,0,0.45), 0 4px 12px rgba(0,0,0,0.25);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-1 {
width: 280px;
top: 0;
left: 0;
transform: rotate(-5deg);
z-index: 2;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-1:hover {
transform: rotate(-3deg) translateY(-6px);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-2 {
width: 260px;
top: 40px;
right: 0;
transform: rotate(4deg);
z-index: 3;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-2:hover {
transform: rotate(2deg) translateY(-6px);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 {
width: 250px;
bottom: 0;
left: 50%;
transform: translateX(-50%) rotate(-2deg);
z-index: 4;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3:hover {
transform: translateX(-50%) rotate(0deg) translateY(-6px);
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid div.kdcc-mem-polaroid-img {
overflow: hidden;
border-radius: 2px;
line-height: 0;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid div.kdcc-mem-polaroid-img img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 div.kdcc-mem-polaroid-img img {
height: 220px;
object-position: top;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid div.kdcc-mem-polaroid-caption {
font-size: 14px;
color: #313540;
text-align: center;
padding-top: 12px;
font-weight: 600;
font-style: italic;
}
@media (max-width: 1024px) {
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid {
grid-template-columns: 1fr;
gap: 60px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos {
min-height: 440px;
max-width: 600px;
margin: 0 auto;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy h1.kdcc-mem-hero-h1 {
font-size: 36px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy {
text-align: center;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy p.kdcc-mem-hero-bridge {
max-width: 100%;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-ctas {
justify-content: center;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof {
justify-content: center;
}
}
@media (max-width: 768px) {
section.kdcc-mem-hero {
padding: 72px 20px 64px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy h1.kdcc-mem-hero-h1 {
font-size: 30px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy p.kdcc-mem-hero-bridge {
font-size: 16px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof {
flex-direction: column;
gap: 20px;
align-items: center;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-divider {
width: 40px;
height: 1px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos {
min-height: 360px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-1 {
width: 210px;
left: 0;
top: 0;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-2 {
width: 200px;
top: 30px;
right: 0;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 {
width: 190px;
bottom: 0;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid div.kdcc-mem-polaroid-img img {
height: 150px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 div.kdcc-mem-polaroid-img img {
height: 160px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-ctas {
flex-direction: column;
align-items: center;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner a.kdcc-mem-btn {
width: 100%;
justify-content: center;
max-width: 320px;
}
}
@media (max-width: 480px) {
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-grid div.kdcc-mem-hero-copy h1.kdcc-mem-hero-h1 {
font-size: 26px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos {
min-height: 300px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-1 {
width: 175px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-2 {
width: 165px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 {
width: 160px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid div.kdcc-mem-polaroid-img img {
height: 120px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-photos div.kdcc-mem-polaroid-3 div.kdcc-mem-polaroid-img img {
height: 130px;
}
section.kdcc-mem-hero div.kdcc-mem-hero-inner div.kdcc-mem-hero-proof div.kdcc-mem-proof-item span.kdcc-mem-proof-num {
font-size: 28px;
}
}
}
#fw-section-custom-html-2fef416c-805e-4b3c-9b0c-88d4372b2be6 {
section.kdcc-mem-value {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-mem-value div.kdcc-mem-value-inner span.kdcc-mem-value-eyebrow {
display: block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
margin-bottom: 16px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner h2.kdcc-mem-value-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
text-align: left;
line-height: 1.15;
margin: 0 0 24px 0;
}
section.kdcc-mem-value div.kdcc-mem-value-inner p.kdcc-mem-value-bridge {
font-size: 18px;
color: #6e6e73;
text-align: left;
line-height: 1.7;
margin: 0 0 56px 0;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card {
background: #f5f5f7;
border-radius: 0 12px 12px 0;
border-left: 4px solid #313540;
padding: 32px 32px 32px 28px;
display: flex;
align-items: flex-start;
gap: 20px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-red { border-left-color: #ec4f59; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-blue { border-left-color: #14b9dc; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-purple { border-left-color: #5865F2; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-green { border-left-color: #67bb26; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-gold { border-left-color: #f59e0b; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card-dark { border-left-color: #313540; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon {
width: 52px;
height: 52px;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon span.material-symbols-outlined {
font-size: 26px;
line-height: 1;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-red { background: #ec4f59; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-blue { background: #14b9dc; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-purple { background: #5865F2; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-green { background: #67bb26; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-gold { background: #f59e0b; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-icon-dark { background: #313540; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text p.kdcc-mem-before {
font-size: 15px;
color: #999999;
text-decoration: line-through;
line-height: 1.4;
margin: 0 0 10px 0;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after {
font-size: 18px;
font-weight: 700;
line-height: 1.35;
margin: 0 0 12px 0;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-red { color: #ec4f59; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-blue { color: #14b9dc; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-purple { color: #5865F2; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-green { color: #67bb26; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-gold { color: #d48806; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after-dark { color: #313540; }
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text p.kdcc-mem-detail {
font-size: 14px;
color: #6e6e73;
line-height: 1.65;
margin: 0;
}
@media (max-width: 768px) {
section.kdcc-mem-value {
padding: 64px 20px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner h2.kdcc-mem-value-h2 {
font-size: 30px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner p.kdcc-mem-value-bridge {
font-size: 16px;
margin-bottom: 40px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid {
grid-template-columns: 1fr;
gap: 16px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card {
padding: 24px 20px;
}
section.kdcc-mem-value div.kdcc-mem-value-inner div.kdcc-mem-value-grid div.kdcc-mem-value-card div.kdcc-mem-value-text h3.kdcc-mem-after {
font-size: 16px;
}
}
@media (max-width: 480px) {
section.kdcc-mem-value div.kdcc-mem-value-inner h2.kdcc-mem-value-h2 {
font-size: 26px;
}
}
}
#fw-section-custom-html-1dd88573-045f-4e43-91f5-44e161365e44 {
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.kdcc-tiers { background: #f5f5f7; padding: 80px 20px 100px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E"); font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.kdcc-tiers *, .kdcc-tiers *::before, .kdcc-tiers *::after { font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; }
.kdcc-tiers-inner { max-width: 1400px; margin: 0 auto; }
.kdcc-tiers-header { text-align: left; margin-bottom: 48px; }
.kdcc-tiers-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #14b9dc; margin-bottom: 16px; }
.kdcc-tiers-title { font-size: clamp(30px, 4.2vw, 44px); font-weight: 800; color: #313540; line-height: 1.15; margin: 0 0 20px; letter-spacing: -0.5px; }
.kdcc-tiers-sub { font-size: 17px; line-height: 1.7; color: #4a4a4f; margin: 0; }
.kdcc-tiers-sub strong { color: #313540; font-weight: 700; }
.kdcc-tiers-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.kdcc-tier { position: relative; background: #ffffff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease; border: 3px solid #313540; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.kdcc-tier:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
.kdcc-tier--knowledge { border-color: #14b9dc; }
.kdcc-tier--authority { border-color: #ec4f59; box-shadow: 0 4px 20px rgba(236,79,89,0.15); }
.kdcc-tier--authority:hover { box-shadow: 0 16px 40px rgba(236,79,89,0.22); }
.kdcc-tier-visual { height: 160px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.kdcc-tier-visual::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E"); }
.kdcc-tier-visual--free { background: linear-gradient(135deg, #313540 0%, #4a4f5c 100%); }
.kdcc-tier-visual--knowledge { background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%); }
.kdcc-tier-visual--authority { background: linear-gradient(135deg, #ec4f59 0%, #c93842 100%); }
.kdcc-visual-icon { width: 90px; height: 90px; background: rgba(255,255,255,0.18); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.kdcc-visual-icon .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 52px; color: #fff; font-variation-settings: 'FILL' 1, 'wght' 400; }
.kdcc-tier-body { padding: 36px 30px 36px; display: flex; flex-direction: column; flex: 1; }
.kdcc-tier-name { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #6e6e73; text-align: center; margin-bottom: 24px; }
.kdcc-tier-price { font-size: 48px; font-weight: 800; color: #313540; text-align: center; line-height: 1; letter-spacing: -1px; display: flex; align-items: baseline; justify-content: center; }
.kdcc-price-period { font-size: 18px; font-weight: 600; color: #6e6e73; letter-spacing: 0; margin-left: 2px; }
.kdcc-tier-price-sub { display: block; text-align: center; font-size: 13px; font-weight: 600; color: #6e6e73; margin: 10px 0 16px; }
.kdcc-tier-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 32px; margin-top: 8px; }
.kdcc-tier-buttons--single { grid-template-columns: 1fr; }
.kdcc-tier-cta { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 16px 12px; border-radius: 8px; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; letter-spacing: 0.3px; text-transform: uppercase; transition: all 0.25s ease; box-sizing: border-box; }
.kdcc-tier-cta--free { background: #fff; color: #313540; border: 2px solid #313540; padding: 18px 24px; }
.kdcc-tier-cta--free:hover { background: #313540; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(49,53,64,0.25); }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--monthly { background: #fff; color: #14b9dc; border: 2px solid #14b9dc; }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--monthly:hover { background: #14b9dc; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20,185,220,0.3); }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--annual { background: #14b9dc; color: #fff; box-shadow: 0 4px 14px rgba(20,185,220,0.3); padding-top: 22px; }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--annual:hover { background: #0e9ab8; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(20,185,220,0.4); }
.kdcc-tier-cta--authority.kdcc-tier-cta--monthly { background: #fff; color: #ec4f59; border: 2px solid #ec4f59; }
.kdcc-tier-cta--authority.kdcc-tier-cta--monthly:hover { background: #ec4f59; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(236,79,89,0.3); }
.kdcc-tier-cta--authority.kdcc-tier-cta--annual { background: #ec4f59; color: #fff; box-shadow: 0 4px 14px rgba(236,79,89,0.3); padding-top: 22px; }
.kdcc-tier-cta--authority.kdcc-tier-cta--annual:hover { background: #d63f49; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(236,79,89,0.4); }
.kdcc-cta-label { font-size: 13px; font-weight: 800; letter-spacing: 0.5px; }
.kdcc-cta-price { font-size: 12px; font-weight: 700; opacity: 0.85; letter-spacing: 0.2px; text-transform: none; }
.kdcc-cta-savings { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #67bb26; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 10px; box-shadow: 0 2px 8px rgba(103,187,38,0.4); white-space: nowrap; text-transform: uppercase; }
.kdcc-feature-group { margin-bottom: 24px; }
.kdcc-feature-group:last-child { margin-bottom: 0; }
.kdcc-group-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #6e6e73; padding: 10px 0; border-bottom: 1px solid #e5e5e7; margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.kdcc-group-anchor { font-size: 11px; font-weight: 700; color: #ec4f59; letter-spacing: 0.3px; text-transform: none; font-style: italic; }
.kdcc-features { list-style: none; padding: 0; margin: 0; }
.kdcc-features li { display: flex; align-items: flex-start; gap: 13px; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 1.55; color: #1d1d1f; }
.kdcc-features li .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 22px; flex-shrink: 0; margin-top: 1px; font-variation-settings: 'FILL' 1, 'wght' 400; }
.kdcc-tier--free .kdcc-features li .material-symbols-outlined { color: #313540; }
.kdcc-tier--knowledge .kdcc-features li .material-symbols-outlined { color: #14b9dc; }
.kdcc-tier--authority .kdcc-features li .material-symbols-outlined { color: #ec4f59; }
@media (max-width: 1024px) {
.kdcc-tiers-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; gap: 32px; }
}
@media (max-width: 600px) {
.kdcc-tiers { padding: 60px 16px 80px; }
.kdcc-tier-body { padding: 30px 24px 32px; }
.kdcc-tier-price { font-size: 40px; }
.kdcc-tier-buttons { grid-template-columns: 1fr; }
}
}
#fw-section-tiers-fa26e851-748e-49da-8961-316862f3b1a3 {
.tiers__tier-feature mark,
.tiers__tier-feature span[style*="background"],
.tiers__tier-feature span[style*="yellow"],
mark {
background: transparent !important;
color: inherit !important;
}
.tiers__inner {
background: #f5f5f7 !important;
padding: 70px 20px 90px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
}
.tiers__heading {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
}
.tiers__heading::after {
content: 'Choose the tier that fits your YouTube journey' !important;
font-size: 18px !important;
font-weight: 400 !important;
color: #6e6e73 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin-bottom: 16px !important;
}
.tiers__container--regular .grid {
max-width: 1400px !important;
margin: 0 auto !important;
align-items: flex-start !important;
}
.tiers__tier {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.grid__column {
display: flex !important;
padding: 20px !important;
box-sizing: border-box !important;
}
.tiers__tier-inner {
width: 100% !important;
padding: 40px 30px !important;
}
.grid__column:nth-child(1) .tiers__tier-inner {
background: #ffffff !important;
border: none !important;
border-left: 4px solid #313540 !important;
border-radius: 0 12px 12px 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.grid__column:nth-child(1) .tiers__tier-cta {
padding-bottom: 16px !important;
}
.grid__column:nth-child(2) .tiers__tier-inner {
background: #ffffff !important;
border: none !important;
border-left: 4px solid #14b9dc !important;
border-radius: 0 12px 12px 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.grid__column:nth-child(3) .tiers__tier-inner {
background: #ffffff !important;
border: none !important;
border-left: 4px solid #ec4f59 !important;
border-radius: 0 12px 12px 0 !important;
box-shadow: 0 4px 16px rgba(236,79,89,0.15) !important;
margin-top: 0 !important;
}
.tiers__tier-cta a.button,
.tiers__tier-cta .button {
display: block !important;
width: 100% !important;
padding: 16px 30px !important;
border-radius: 6px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-align: center !important;
transition: all 0.25s ease !important;
box-sizing: border-box !important;
letter-spacing: 0.5px !important;
}
.grid__column:nth-child(1) .tiers__tier-cta a.button {
background: #ffffff !important;
color: #313540 !important;
border: 2px solid #313540 !important;
}
.grid__column:nth-child(1) .tiers__tier-cta a.button:hover {
background: #313540 !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(49,53,64,0.25) !important;
}
.grid__column:nth-child(2) .tiers__tier-cta a.button {
background: #14b9dc !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(20,185,220,0.3) !important;
}
.grid__column:nth-child(2) .tiers__tier-cta a.button:hover {
background: #0e9ab8 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(20,185,220,0.35) !important;
}
.grid__column:nth-child(3) .tiers__tier-cta a.button {
background: #ec4f59 !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(236,79,89,0.3) !important;
}
.grid__column:nth-child(3) .tiers__tier-cta a.button:hover {
background: #d63f49 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(236,79,89,0.35) !important;
}
.grid__column:nth-child(3) {
position: relative !important;
margin-top: 0 !important;
padding-top: 20px !important;
}
.grid__column:nth-child(3)::before {
content: 'MOST POPULAR' !important;
position: absolute !important;
top: 6px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: #ec4f59 !important;
color: #ffffff !important;
padding: 8px 24px !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
box-shadow: 0 4px 12px rgba(236,79,89,0.3) !important;
white-space: nowrap !important;
z-index: 1000 !important;
}
.grid__column:nth-child(3) .tiers__tier-heading {
padding-top: 0 !important;
}
.tiers__tier-annual-link {
background: rgba(236,79,89,0.1) !important;
color: #ec4f59 !important;
padding: 8px 16px !important;
border-radius: 6px !important;
font-weight: 600 !important;
font-size: 0 !important;
line-height: 0 !important;
text-decoration: none !important;
display: inline-block !important;
}
.tiers__tier-annual-link::after {
content: '2 months free when you pay annually' !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.tiers__tier-annual-link:hover {
background: rgba(236,79,89,0.2) !important;
}
.tiers__tier-feature-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
margin-right: 10px !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
}
.tiers__tier-feature-icon svg {
display: none !important;
}
.tiers__tier-feature-icon::before {
font-family: 'Material Symbols Outlined' !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 18px !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-transform: none !important;
display: inline-block !important;
white-space: nowrap !important;
word-wrap: normal !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
content: 'check_circle' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature-icon {
background: rgba(49,53,64,0.1) !important;
}
.grid__column:nth-child(1) .tiers__tier-feature-icon::before {
color: #313540 !important;
}
.grid__column:nth-child(2) .tiers__tier-feature-icon {
background: rgba(20,185,220,0.12) !important;
}
.grid__column:nth-child(2) .tiers__tier-feature-icon::before {
color: #14b9dc !important;
}
.grid__column:nth-child(3) .tiers__tier-feature-icon {
background: rgba(236,79,89,0.12) !important;
}
.grid__column:nth-child(3) .tiers__tier-feature-icon::before {
color: #ec4f59 !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before {
content: 'groups' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before {
content: 'auto_stories' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before {
content: 'checklist' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before {
content: 'mail' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before {
content: 'forum' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before {
content: 'emoji_events' !important;
}
.grid__column:nth-child(1) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before {
content: 'article' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:first-of-type {
font-weight: 600 !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon {
background: rgba(20,185,220,0.12) !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before {
content: 'star' !important;
color: #14b9dc !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before {
content: 'video_call' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before {
content: 'lock' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before {
content: 'search' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before {
content: 'dashboard' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before {
content: 'history' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before {
content: 'handshake' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(8) .tiers__tier-feature-icon::before {
content: 'verified' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(9) .tiers__tier-feature-icon::before {
content: 'local_offer' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(10) .tiers__tier-feature-icon::before {
content: 'extension' !important;
}
.grid__column:nth-child(2) .tiers__tier-feature:nth-child(11) .tiers__tier-feature-icon::before {
content: 'card_giftcard' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:first-of-type {
font-weight: 600 !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon {
background: rgba(236,79,89,0.12) !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before {
content: 'star' !important;
color: #ec4f59 !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before {
content: 'videocam' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before {
content: 'priority_high' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before {
content: 'school' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before {
content: 'local_offer' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before {
content: 'card_giftcard' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before {
content: 'workspace_premium' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(8) .tiers__tier-feature-icon::before {
content: 'bolt' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(9) .tiers__tier-feature-icon::before {
content: 'new_releases' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(10) .tiers__tier-feature-icon::before {
content: 'how_to_vote' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(11) .tiers__tier-feature-icon::before {
content: 'verified' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(12) .tiers__tier-feature-icon::before {
content: 'featured_play_list' !important;
}
.grid__column:nth-child(3) .tiers__tier-feature:nth-child(13) .tiers__tier-feature-icon::before {
content: 'lock' !important;
}
.grid__column:nth-child(1) .tiers__tier-features {
padding-bottom: 70px !important;
}
.grid__column:nth-child(1) .tiers__tier-show-more {
background: #ffffff !important;
color: #313540 !important;
border: 2px solid #313540 !important;
padding: 12px 28px !important;
border-radius: 6px !important;
font-weight: 700 !important;
font-size: 14px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
display: inline-block !important;
margin-top: 24px !important;
letter-spacing: 0.3px !important;
}
.grid__column:nth-child(1) .tiers__tier-show-more:hover {
background: #313540 !important;
color: #ffffff !important;
border-color: #313540 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(49,53,64,0.25) !important;
}
.grid__column:nth-child(1) .tiers__tier-overlay {
background: linear-gradient(to bottom, transparent, #ffffff) !important;
}
.grid__column:nth-child(1) .tiers__tier-overlay::before,
.grid__column:nth-child(1) .tiers__tier-overlay::after {
display: none !important;
}
.tiers__tier-features {
padding-bottom: 70px !important;
}
.tiers__tier-overlay::before,
.tiers__tier-overlay::after {
display: none !important;
}
.tiers__tier-overlay {
background: linear-gradient(to bottom, transparent, #ffffff) !important;
}
.grid__column:nth-child(2) .tiers__tier-show-more {
background: #ffffff !important;
color: #14b9dc !important;
border: 2px solid #14b9dc !important;
padding: 12px 28px !important;
border-radius: 6px !important;
font-weight: 700 !important;
font-size: 14px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
display: inline-block !important;
margin-top: 24px !important;
letter-spacing: 0.3px !important;
}
.grid__column:nth-child(2) .tiers__tier-show-more:hover {
background: #14b9dc !important;
color: #ffffff !important;
border-color: #14b9dc !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(20,185,220,0.3) !important;
}
.grid__column:nth-child(3) .tiers__tier-show-more {
background: #ffffff !important;
color: #ec4f59 !important;
border: 2px solid #ec4f59 !important;
padding: 12px 28px !important;
border-radius: 6px !important;
font-weight: 700 !important;
font-size: 14px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
display: inline-block !important;
margin-top: 24px !important;
letter-spacing: 0.3px !important;
}
.grid__column:nth-child(3) .tiers__tier-show-more:hover {
background: #ec4f59 !important;
color: #ffffff !important;
border-color: #ec4f59 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(236,79,89,0.3) !important;
}
@media (min-width: 900px) {
.tiers__container--regular .grid__column:nth-child(3) {
margin-top: 0 !important;
}
}
@media (max-width: 899px) {
.grid__column:nth-child(3) {
margin-top: 50px !important;
}
.grid__column:nth-child(3)::before {
top: -8px !important;
}
}
}
#fw-section-custom-html-36716391-9d7f-4d8f-aa6d-bed3a3db85fe {
section.kdcc-mem-proof {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner span.kdcc-mem-proof-eyebrow {
display: block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
margin-bottom: 16px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner h2.kdcc-mem-proof-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
text-align: left;
line-height: 1.15;
margin: 0 0 24px 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner p.kdcc-mem-proof-bridge {
font-size: 18px;
color: #6e6e73;
text-align: left;
line-height: 1.7;
margin: 0 0 56px 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos {
background: #f5f5f7;
border-radius: 16px;
padding: 28px 0;
margin-bottom: 40px;
text-align: center;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos span.kdcc-mem-proof-logos-label {
display: block;
font-size: 12px;
font-weight: 700;
color: #999999;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 20px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee {
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent, black 60px, black calc(100% - 60px), transparent);
mask-image: linear-gradient(to right, transparent, black 60px, black calc(100% - 60px), transparent);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail {
display: flex;
gap: 48px;
align-items: center;
height: 56px;
width: max-content;
transform: translate3d(0,0,0);
will-change: transform;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail.is-ready {
animation: kdccProofScroll var(--proof-loop-dur, 40s) linear infinite;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail:hover {
animation-play-state: paused;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set {
display: flex;
gap: 48px;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set li.kdcc-mem-proof-item {
line-height: 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set li.kdcc-mem-proof-item img {
height: 48px;
width: auto;
object-fit: contain;
display: block;
opacity: 0.6;
transition: opacity 0.25s ease;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set li.kdcc-mem-proof-item img:hover {
opacity: 1;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 40px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat {
text-align: center;
padding: 28px 16px;
border-radius: 12px;
background: #f5f5f7;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
border-top: 3px solid #e0e0e0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat:nth-child(1) { border-top-color: #ec4f59; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat:nth-child(2) { border-top-color: #14b9dc; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat:nth-child(3) { border-top-color: #67bb26; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat:nth-child(4) { border-top-color: #f59e0b; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num {
display: block;
font-size: 40px;
font-weight: 900;
line-height: 1;
margin-bottom: 8px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num-red { color: #ec4f59; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num-blue { color: #14b9dc; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num-green { color: #67bb26; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num-gold { color: #f59e0b; }
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-stat-label {
font-size: 13px;
font-weight: 600;
color: #6e6e73;
text-transform: uppercase;
letter-spacing: 1px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust div.kdcc-mem-proof-trust-card {
display: flex;
align-items: flex-start;
gap: 16px;
background: #f5f5f7;
border: 1px solid rgba(0,0,0,0.06);
border-radius: 12px;
padding: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust div.kdcc-mem-proof-trust-card span.kdcc-mem-proof-trust-ico {
font-size: 28px;
color: #67bb26;
flex-shrink: 0;
margin-top: 2px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust div.kdcc-mem-proof-trust-card div.kdcc-mem-proof-trust-text h3 {
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 4px 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust div.kdcc-mem-proof-trust-card div.kdcc-mem-proof-trust-text p {
font-size: 13px;
color: #6e6e73;
line-height: 1.5;
margin: 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 48px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard {
background: #f5f5f7;
padding: 26px;
border-radius: 0 10px 10px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.25s ease;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard:hover {
transform: translateY(-2px);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tc-1 {
border-left: 4px solid #67bb26;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tc-2 {
border-left: 4px solid #ec4f59;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard blockquote {
font-size: 17px;
color: #313540;
font-style: italic;
line-height: 1.65;
margin: 0 0 20px 0;
padding: 0;
border: none;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link {
text-decoration: none;
color: inherit;
display: block;
margin-top: auto;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tauthor {
display: flex;
align-items: center;
gap: 12px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tavatar {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tavatar img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tav-1 {
border: 2px solid #67bb26;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tav-2 {
border: 2px solid #ec4f59;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials article.kdcc-mem-proof-tcard a.kdcc-mem-proof-tauthor-link div.kdcc-mem-proof-tauthor cite {
font-weight: 700;
font-size: 15px;
font-style: normal;
color: #313540;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
border: none;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn:hover {
transform: translateY(-2px);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn-red {
background: #ec4f59;
color: #ffffff;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn-green {
background: #67bb26;
color: #ffffff;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn span.material-symbols-outlined {
font-size: 20px;
}
@media (max-width: 1024px) {
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
section.kdcc-mem-proof {
padding: 64px 20px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner h2.kdcc-mem-proof-h2 {
font-size: 30px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner p.kdcc-mem-proof-bridge {
font-size: 16px;
margin-bottom: 40px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos {
padding: 20px 0;
border-radius: 12px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee {
-webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set li.kdcc-mem-proof-item img {
height: 36px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail {
gap: 36px;
height: 44px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set {
gap: 36px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-trust {
grid-template-columns: 1fr;
gap: 12px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-testimonials {
grid-template-columns: 1fr;
gap: 12px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas {
flex-direction: column;
align-items: center;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-ctas a.kdcc-mem-proof-btn {
width: 100%;
justify-content: center;
max-width: 320px;
}
}
@media (max-width: 480px) {
section.kdcc-mem-proof div.kdcc-mem-proof-inner h2.kdcc-mem-proof-h2 {
font-size: 26px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-stats div.kdcc-mem-proof-stat span.kdcc-mem-proof-num {
font-size: 30px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set li.kdcc-mem-proof-item img {
height: 28px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail {
gap: 28px;
height: 36px;
}
section.kdcc-mem-proof div.kdcc-mem-proof-inner ul.kdcc-mem-proof-set {
gap: 28px;
}
}
@media (prefers-reduced-motion: reduce) {
section.kdcc-mem-proof div.kdcc-mem-proof-inner div.kdcc-mem-proof-logos div.kdcc-mem-proof-marquee div.kdcc-mem-proof-rail.is-ready {
animation: none;
}
}
}
#fw-section-custom-html-09e23fbe-a934-415c-ac52-b729d36434a5 {
.kdcc-pricing-hero {
background: linear-gradient(135deg, #313540 0%, #1a1d26 100%);
padding: 80px 24px;
margin: -35px 0 -35px 0;
position: relative;
overflow: hidden;
}
.kdcc-pricing-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at top right, rgba(20,185,220,0.15), transparent 50%),
radial-gradient(circle at bottom left, rgba(236,79,89,0.15), transparent 50%);
pointer-events: none;
}
.kdcc-hero-content {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center;
}
.kdcc-hero-badge {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #14b9dc, #ec4f59);
color: #fff;
padding: 6px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
gap: 8px;
margin-bottom: 24px;
}
.kdcc-hero-badge-center {
}
.kdcc-icon-community svg {
width: 14px;
height: 14px;
display: block;
}
.kdcc-hero-title {
font-size: 58px;
font-weight: 800;
color: #fff;
line-height: 1.2;
margin-bottom: 40px;
text-align: center;
white-space: nowrap;
}
.kdcc-hero-title--white {
color: #fff;
-webkit-text-fill-color: #fff;
}
.kdcc-pricing-story {
max-width: 100%;
text-align: left;
margin: 0 0 48px 0;
}
.kdcc-pricing-story p {
font-size: 25px;
color: #ffffff;
line-height: 1.8;
margin-bottom: 24px;
}
.kdcc-hero-stats {
display: flex;
justify-content: center;
gap: 60px;
margin-top: 48px;
}
.kdcc-stat-item {
text-align: center;
}
.kdcc-stat-number {
font-size: 42px;
font-weight: 800;
color: #14b9dc;
display: block;
margin-bottom: 8px;
line-height: 1;
}
.kdcc-stat-label {
font-size: 15px;
color: rgba(255,255,255,0.7);
font-weight: 500;
}
@media (max-width: 768px) {
.kdcc-hero-title {
font-size: 32px;
white-space: normal;
}
.kdcc-pricing-story p {
font-size: 20px;
line-height: 1.7;
}
.kdcc-hero-stats {
flex-direction: column;
gap: 30px;
}
}
}
#fw-section-custom-html-7e6df55d-dbd2-4667-93f6-a15042e9299c {
/* KDCC PRICING - SECTION 2: BANNER */
.kdcc-section-banner {
background: linear-gradient(135deg, #ec4f59, #14b9dc);
padding: 0px 20px; /* -35px adjustment */
margin-top: -35px;
margin-bottom: -35px;
text-align: center;
}
.kdcc-section-banner h1 {
font-size: 38px;
font-weight: 800;
color: #ffffff; /* WHITE H1 */
margin: 0;
padding: 30px 0;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center; /* H1 CENTERED */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* MOBILE */
@media (max-width: 768px) {
.kdcc-section-banner h1 {
font-size: 24px;
white-space: normal;
}
}
}
#fw-section-custom-html-901221c8-f1c7-437d-959c-df7d87846ac0 {
/* KDCC PRICING - SECTION 3: BILLING TOGGLE */
.kdcc-billing-toggle-container {
background: #ffffff;
padding: 5px 20px; /* -35px adjustment */
margin-top: -35px;
margin-bottom: -35px;
text-align: center;
}
.kdcc-billing-toggle {
display: inline-flex;
align-items: center;
gap: 15px;
background: #f8f9fa;
padding: 6px;
border-radius: 50px;
font-weight: 600;
}
.kdcc-billing-option {
padding: 12px 30px;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
color: #313540;
}
.kdcc-billing-option.active {
background: #14b9dc;
color: #ffffff;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
}
.kdcc-save-badge {
background: #ec4f59;
color: #ffffff;
padding: 4px 12px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
margin-left: 8px;
}
}
#fw-section-hero-video-0b7b10e4-6682-4e4b-b0a6-83307accad6f {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f5f5f7;
--color-background-rgb: 245, 245, 247;
--color-on-background: #F1F861;
--color-on-background-rgb: 241, 248, 97;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #F1F861;
--color-background-brightness: 245;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #F1F861;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F1F861;
--secondary-btn-border-color: #F1F861;
}
#fw-section-rich-text-5119031d-d26c-4883-a80f-e5855472d6a2 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
h2 {
font-size: 2.2rem;
line-height: 1.1;
letter-spacing: -0.5px;
}
h4 {
color: #14b9dc;
font-size: 1.2rem;
line-height: 1.2;
}
}
#fw-section-rich-text-174927956830331 {
pre {
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
hyphens: auto !important;
max-width: 90vw;
line-height: 1.5;
text-align: center;
margin: 0 auto;
}
}
#fw-section-custom-html-ff0f4ac2-0648-46b9-8172-a381361d5222 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* ==========================
KDCC SOCIAL PROOF SECTION
========================== */
.social-proof {
background: #313540 !important;
padding: 55px 20px 65px !important;
text-align: center !important;
color: #ffffff !important;
}
/* Stats layout */
.proof-stats {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 90px !important;
flex-wrap: wrap !important;
margin: 0 auto 50px auto !important;
max-width: 1200px !important;
}
/* Individual stat */
.proof-stat {
text-align: center !important;
}
/* Big red numbers + anti-jiggle fix */
.proof-number {
font-size: 64px !important;
font-weight: 900 !important;
color: #ec4f59 !important;
line-height: 1 !important;
margin-bottom: 12px !important;
display: inline-block !important;
width: 160px !important;
text-align: center !important;
font-variant-numeric: tabular-nums !important;
font-feature-settings: "tnum" 1, "lnum" 1 !important;
}
/* Keep 10+ Years on one line */
.no-wrap {
white-space: nowrap !important;
}
/* Labels */
.proof-label {
font-size: 18px !important;
color: rgba(255,255,255,0.9) !important;
}
/* Quote under stats */
.proof-quote {
font-size: 20px !important;
max-width: 1100px !important;
margin: 0 auto !important;
line-height: 1.8 !important;
color: rgba(255,255,255,0.95) !important;
font-weight: 400 !important;
}
/* ==========================
Responsive tweaks
========================== */
@media (max-width: 1024px) {
.proof-stats {
gap: 60px !important;
}
.proof-number {
font-size: 52px !important;
width: 120px !important;
}
.proof-label {
font-size: 16px !important;
}
}
@media (max-width: 768px) {
.social-proof {
padding: 35px 20px 45px !important;
}
.proof-stats {
gap: 32px !important;
margin-bottom: 30px !important;
}
.proof-number {
font-size: 40px !important;
width: 105px !important;
}
.proof-quote {
font-size: 17px !important;
line-height: 1.7 !important;
max-width: 95% !important;
}
}
/* Extra small phones */
@media (max-width: 480px) {
.proof-stats {
flex-direction: column !important;
align-items: center !important;
gap: 20px !important;
}
.proof-number {
font-size: 34px !important;
width: 95px !important; /* keeps anti-jiggle, less “chunky” */
margin-bottom: 8px !important;
}
.proof-label {
font-size: 15px !important;
}
.proof-quote {
font-size: 16px !important;
line-height: 1.6 !important;
padding: 0 8px !important;
}
}
}
#fw-section-custom-html-f86f0379-1aba-44be-b2a9-fafcc0b37aa9 {
/* Load Google Icons */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@400&display=swap');
/* Remove Fourthwall forced padding */
#fw-section-custom-html-*
{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Pull section upward/downward to compensate FW wrapper padding */
.trust-section {
background: #ffffff;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: -35px !important;
margin-bottom: -35px !important;
}
/* MAIN LAYOUT */
.trust-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
}
.trust-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
}
/* ITEM CARD */
.trust-item {
background: #f8f9fa;
padding: 45px 30px;
border-radius: 16px;
text-align: center;
box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}
/* ICONS */
.trust-icon {
font-family: 'Material Symbols Outlined';
font-size: 60px;
color: #14b9dc;
margin-bottom: 20px;
display: inline-block;
}
/* TITLE */
.trust-title {
font-size: 20px;
font-weight: 800;
color: #313540;
margin-bottom: 15px;
}
/* DESCRIPTION */
.trust-description {
font-size: 16px;
color: #666;
line-height: 1.6;
max-width: 90%;
margin: 0 auto;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.trust-container {
padding: 40px 20px;
}
.trust-item {
padding: 35px 25px;
}
.trust-icon {
font-size: 52px;
}
}
}
#fw-section-rich-text-4d2009e9-c396-4400-a771-80e6f45e6ca4 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
h2 {
font-size: 2.2rem;
line-height: 1.1;
letter-spacing: -0.5px;
}
h4 {
color: #14b9dc;
font-size: 1.2rem;
line-height: 1.2;
}
}
#fw-section-custom-html-66736875-8eee-4090-948f-3c02c2ef2e06 {
section.kdcc-mem-faq {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner span.kdcc-mem-faq-eyebrow {
display: block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
margin-bottom: 16px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner h2.kdcc-mem-faq-h2 {
font-size: 42px;
font-weight: 900;
color: #313540;
text-align: left;
line-height: 1.15;
margin: 0 0 24px 0;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner p.kdcc-mem-faq-bridge {
font-size: 18px;
color: #6e6e73;
text-align: left;
line-height: 1.7;
margin: 0 0 48px 0;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 0 12px 12px 0;
margin-bottom: 12px;
padding: 22px 26px;
border-left: 4px solid #14b9dc;
transition: border-left-color 0.25s ease, box-shadow 0.25s ease;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item:hover {
box-shadow: 0 4px 16px rgba(20,185,220,0.12);
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item[open] {
border-left-color: #ec4f59;
box-shadow: 0 4px 16px rgba(236,79,89,0.12);
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item summary.kdcc-mem-faq-q {
list-style: none;
cursor: pointer;
font-size: 17px;
font-weight: 700;
color: #313540;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
transition: color 0.25s ease;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item summary.kdcc-mem-faq-q::marker {
display: none;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item summary.kdcc-mem-faq-q::-webkit-details-marker {
display: none;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item:hover summary.kdcc-mem-faq-q {
color: #14b9dc;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item[open] summary.kdcc-mem-faq-q {
color: #ec4f59;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item summary.kdcc-mem-faq-q::after {
content: "+";
font-size: 22px;
font-weight: 700;
color: #14b9dc;
flex-shrink: 0;
transition: color 0.25s ease;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item[open] summary.kdcc-mem-faq-q::after {
content: "\2212";
color: #ec4f59;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease, opacity 0.25s ease;
opacity: 0;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item[open] div.kdcc-mem-faq-body {
grid-template-rows: 1fr;
opacity: 1;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body div.kdcc-mem-faq-body-inner {
overflow: hidden;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body div.kdcc-mem-faq-body-inner p {
margin-top: 16px;
font-size: 17px;
line-height: 1.7;
color: #333333;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body div.kdcc-mem-faq-body-inner p a.kdcc-mem-faq-link {
color: #14b9dc;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.25s ease;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body div.kdcc-mem-faq-body-inner p a.kdcc-mem-faq-link:hover {
color: #ec4f59;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-more {
text-align: center;
margin-top: 40px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-more a.kdcc-mem-faq-more-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
background: #14b9dc;
color: #ffffff;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 16px rgba(20,185,220,0.3);
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-more a.kdcc-mem-faq-more-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.4);
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-more a.kdcc-mem-faq-more-btn span.material-symbols-outlined {
font-size: 20px;
}
@media (max-width: 768px) {
section.kdcc-mem-faq {
padding: 64px 20px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner h2.kdcc-mem-faq-h2 {
font-size: 30px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner p.kdcc-mem-faq-bridge {
font-size: 16px;
margin-bottom: 36px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item {
padding: 18px 20px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item summary.kdcc-mem-faq-q {
font-size: 15px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-list details.kdcc-mem-faq-item div.kdcc-mem-faq-body div.kdcc-mem-faq-body-inner p {
font-size: 15px;
}
section.kdcc-mem-faq div.kdcc-mem-faq-inner div.kdcc-mem-faq-more a.kdcc-mem-faq-more-btn {
width: 100%;
justify-content: center;
max-width: 320px;
}
}
@media (max-width: 480px) {
section.kdcc-mem-faq div.kdcc-mem-faq-inner h2.kdcc-mem-faq-h2 {
font-size: 26px;
}
}
}
#fw-section-custom-html-f326bedd-64a4-40c8-a375-51babbf709d7 {
section.kdcc-mem-cta {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 0 0 100px 0;
}
section.kdcc-mem-cta div.kdcc-mem-cta-bar {
display: flex;
width: 100%;
height: 6px;
margin-bottom: 80px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-bar span {
flex: 1;
display: block;
}
section.kdcc-mem-cta div.kdcc-mem-cta-bar span.kdcc-mem-cta-bar-red { background: #ec4f59; }
section.kdcc-mem-cta div.kdcc-mem-cta-bar span.kdcc-mem-cta-bar-blue { background: #14b9dc; }
section.kdcc-mem-cta div.kdcc-mem-cta-bar span.kdcc-mem-cta-bar-green { background: #67bb26; }
section.kdcc-mem-cta div.kdcc-mem-cta-bar span.kdcc-mem-cta-bar-gold { background: #f59e0b; }
section.kdcc-mem-cta div.kdcc-mem-cta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner span.kdcc-mem-cta-eyebrow {
display: block;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
margin-bottom: 16px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner h2.kdcc-mem-cta-h2 {
font-size: 48px;
font-weight: 900;
color: #313540;
line-height: 1.1;
text-align: left;
margin: 0 0 20px 0;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner p.kdcc-mem-cta-subline {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
text-align: left;
margin: 0 0 40px 0;
max-width: 700px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner a.kdcc-mem-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 18px 40px;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
background: #ec4f59;
color: #ffffff;
box-shadow: 0 4px 16px rgba(236,79,89,0.35);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-bottom: 16px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner a.kdcc-mem-cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236,79,89,0.5);
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner a.kdcc-mem-cta-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner p.kdcc-mem-cta-fine {
font-size: 13px;
color: #999999;
text-align: left;
margin: 0;
letter-spacing: 0.3px;
}
@media (max-width: 768px) {
section.kdcc-mem-cta {
padding: 0 0 72px 0;
}
section.kdcc-mem-cta div.kdcc-mem-cta-bar {
margin-bottom: 48px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner {
padding: 0 20px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner h2.kdcc-mem-cta-h2 {
font-size: 30px;
margin-bottom: 16px;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner p.kdcc-mem-cta-subline {
font-size: 16px;
margin-bottom: 32px;
max-width: 100%;
}
section.kdcc-mem-cta div.kdcc-mem-cta-inner a.kdcc-mem-cta-btn {
width: 100%;
justify-content: center;
max-width: 320px;
}
}
@media (max-width: 480px) {
section.kdcc-mem-cta div.kdcc-mem-cta-inner h2.kdcc-mem-cta-h2 {
font-size: 26px;
}
}
}
#fw-section-tiers-5e4e5443-7ad7-437c-9d06-6d671ffadf7a {
/* Red Header */
h3 {
background-color: #ec4f59;
color: #ffffff;
font-weight: 700;
font-size: 1.1rem;
text-align: center;
padding: 16px 0;
margin: 0 !important;
width: 100%;
box-sizing: border-box;
display: block;
margin-bottom: 12px !important;
}
/* Price Text – reduced spacing and centered */
.tiers__tier-price {
margin-top: 0 !important;
margin-bottom: 20px !important; /* Was 32px */
font-size: 1.3rem; /* Slightly smaller */
font-weight: 600;
text-align: center;
line-height: 1.3;
}
.tiers__tier-annual-link {
font-size: 0; /* Hides the original text visually */
position: relative;
}
.tiers__tier-annual-link::after {
content: "Pay Annually, Get 2 Months Free";
font-size: 16px; /* Adjust to match your site's font */
display: inline-block;
position: relative;
}
.tiers__tier-annual-link {
font-size: 0;
position: relative;
}
.tiers__tier-annual-link::after {
content: "Pay Annually, Get 2 Months Free";
font-size: 16px;
color: #000000;
text-decoration: underline;
display: inline-block;
position: relative;
}
.tiers__tier-annual-link {
font-size: 0;
position: relative;
}
.tiers__tier-annual-link::after {
content: "Pay Annually, Get 2 Months Free";
font-size: 14px;
font-weight: 600;
background-color: #fed771; /* KDCC yellow */
color: #000;
padding: 6px 10px;
border-radius: 20px;
display: inline-block;
}
/* Base pill style */
.tiers__tier-annual-link {
font-size: 0;
position: relative;
}
.tiers__tier-annual-link::after {
content: "Pay Annually, Get 2 Months Free";
font-size: 14px;
font-weight: 600;
background-color: #fed771; /* KDCC yellow */
color: #000000;
padding: 6px 10px;
border-radius: 20px;
display: inline-block;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* Hover pulse effect */
.tiers__tier-annual-link:hover::after {
transform: scale(1.05);
box-shadow: 0 0 0 4px rgba(254, 215, 113, 0.4); /* soft yellow glow */
}
}
#fw-section-custom-html-2359f79c-b7f3-4252-a07f-1ded4e91adb3 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-rh {
margin: -0 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
overflow: hidden;
}
section.kdcc-rh div.kdcc-rh-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px 72px;
display: grid;
grid-template-columns: 1fr 440px;
gap: 60px;
align-items: stretch;
}
section.kdcc-rh p.kdcc-rh-eyebrow { font-family: 'Space Grotesk', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; color: #14b9dc; margin: 0 0 16px; }
section.kdcc-rh h1.kdcc-rh-title { font-family: 'Space Grotesk', sans-serif; font-size: clamp(30px, 4vw, 42px); font-weight: 900; font-style: normal; line-height: 1.1; color: #ffffff; margin: 0 0 28px; }
section.kdcc-rh p.kdcc-rh-bridge { font-family: 'DM Sans', sans-serif; font-size: 19px; line-height: 1.8; color: #b4b9c4; margin: 0 0 0; flex-grow: 1; }
section.kdcc-rh p.kdcc-rh-bridge strong { color: #ffffff; }
section.kdcc-rh div.kdcc-rh-content { display: flex; flex-direction: column; }
section.kdcc-rh div.kdcc-rh-footer { margin-top: auto; padding: 10px 16px; background: rgba(236,79,89,0.82); border-radius: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
section.kdcc-rh div.kdcc-rh-sponsor { display: flex; align-items: center; gap: 6px; }
section.kdcc-rh div.kdcc-rh-sponsor img { width: 18px; height: 18px; border-radius: 5px; border: 1px solid rgba(255,255,255,0.3); }
section.kdcc-rh div.kdcc-rh-sponsor p { font-family: 'DM Sans', sans-serif; font-size: 12px; color: rgba(255,255,255,0.85); }
section.kdcc-rh div.kdcc-rh-sponsor a { color: #ffffff; text-decoration: underline; text-underline-offset: 2px; font-weight: 700; }
section.kdcc-rh div.kdcc-rh-sponsor a:hover { text-decoration-thickness: 2px; }
section.kdcc-rh span.kdcc-rh-dot { color: rgba(255,255,255,0.4); font-size: 12px; }
section.kdcc-rh p.kdcc-rh-disclosure { font-family: 'DM Sans', sans-serif; font-size: 12px; color: rgba(255,255,255,0.75); }
section.kdcc-rh div.kdcc-rh-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
align-content: stretch;
}
section.kdcc-rh a.kdcc-rh-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 20px 12px;
border-radius: 18px;
text-decoration: none;
transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
position: relative;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
section.kdcc-rh a.kdcc-rh-tile:hover {
transform: scale(1.1);
box-shadow: 0 16px 40px rgba(0,0,0,0.4);
z-index: 10;
opacity: 1;
filter: blur(0);
}
section.kdcc-rh a.kdcc-rh-tile span.kdcc-rh-tile-icon {
font-size: 48px;
color: #ffffff;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
section.kdcc-rh a.kdcc-rh-tile p.kdcc-rh-tile-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: rgba(255,255,255,0.8);
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
line-height: 1.3;
transition: color 0.25s ease;
}
section.kdcc-rh a.kdcc-rh-tile:hover p.kdcc-rh-tile-label { color: rgba(255,255,255,1); }
section.kdcc-rh div.kdcc-rh-grid:has(a.kdcc-rh-tile:hover) a.kdcc-rh-tile:not(:hover) {
filter: blur(3px);
opacity: 0.55;
transform: scale(0.97);
}
section.kdcc-rh div.kdcc-rh-grid.has-active a.kdcc-rh-tile {
filter: blur(3px);
opacity: 0.55;
transform: scale(0.97);
}
section.kdcc-rh div.kdcc-rh-grid.has-active a.kdcc-rh-tile.kdcc-tile-active {
filter: blur(0);
opacity: 1;
transform: scale(1.1);
box-shadow: 0 20px 48px rgba(0,0,0,0.45);
z-index: 10;
}
section.kdcc-rh div.kdcc-rh-grid.has-active a.kdcc-rh-tile.kdcc-tile-active p.kdcc-rh-tile-label {
color: rgba(255,255,255,1);
}
section.kdcc-rh a.kdcc-rh-tile { animation: kdcc-tileIn 0.5s ease forwards; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(1) { animation-delay: 0.15s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(2) { animation-delay: 0.3s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(3) { animation-delay: 0.45s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(4) { animation-delay: 0.6s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(5) { animation-delay: 0.75s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(6) { animation-delay: 0.9s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(7) { animation-delay: 1.05s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(8) { animation-delay: 1.2s; opacity: 0; }
section.kdcc-rh a.kdcc-rh-tile:nth-child(9) { animation-delay: 1.35s; opacity: 0; }
@media (max-width: 1100px) {
section.kdcc-rh div.kdcc-rh-inner { grid-template-columns: 1fr; gap: 40px; align-items: center; }
section.kdcc-rh div.kdcc-rh-grid { max-width: 400px; }
}
@media (max-width: 768px) {
section.kdcc-rh div.kdcc-rh-inner { padding: 80px 20px 48px; }
section.kdcc-rh div.kdcc-rh-footer { flex-direction: column; align-items: flex-start; gap: 8px; }
section.kdcc-rh span.kdcc-rh-dot { display: none; }
section.kdcc-rh div.kdcc-rh-grid { max-width: 100%; gap: 8px; }
section.kdcc-rh a.kdcc-rh-tile { padding: 18px 8px; border-radius: 14px; }
section.kdcc-rh a.kdcc-rh-tile span.kdcc-rh-tile-icon { font-size: 32px; }
section.kdcc-rh a.kdcc-rh-tile p.kdcc-rh-tile-label { font-size: 10px; }
}
}
#fw-section-custom-html-ed09c74b-d9b8-40cb-9c61-a21ed9122420 {
section.kdcc-rs {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-rs div.kdcc-rs-inner { max-width: 1400px; margin: 0 auto; padding: 48px 40px; }
section.kdcc-rs div.kdcc-rs-row {
display: grid;
grid-template-columns: 65fr 35fr;
gap: 20px;
align-items: stretch;
}
section.kdcc-rs div.kdcc-rs-bar {
background: #313540;
border-radius: 20px;
padding: 36px 40px;
display: grid;
grid-template-columns: 1fr auto;
gap: 32px;
align-items: center;
position: relative;
overflow: visible;
}
section.kdcc-rs div.kdcc-rs-text { display: flex; flex-direction: column; gap: 14px; }
section.kdcc-rs p.kdcc-rs-label {
font-family: 'Space Grotesk', sans-serif; font-size: 12px; font-weight: 700;
text-transform: uppercase; letter-spacing: 2px; color: #ec4f59; margin: 0;
}
section.kdcc-rs p.kdcc-rs-headline {
font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 900;
color: #ffffff; margin: 0; line-height: 1.2;
}
section.kdcc-rs p.kdcc-rs-desc {
font-family: 'DM Sans', sans-serif; font-size: 15px; line-height: 1.6;
color: #9ca3af; margin: 0; max-width: 600px;
}
section.kdcc-rs p.kdcc-rs-desc strong { color: #b4b9c4; }
section.kdcc-rs p.kdcc-rs-desc a.kdcc-rs-video-link {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
border-bottom: 1px dotted #14b9dc;
transition: border-color 0.2s ease;
}
section.kdcc-rs p.kdcc-rs-desc a.kdcc-rs-video-link:hover { border-bottom-style: solid; color: #ffffff; }
section.kdcc-rs div.kdcc-rs-feats { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 2px; }
section.kdcc-rs div.kdcc-rs-feats span.kdcc-rs-chip {
font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600;
color: #b4b9c4; background: rgba(255,255,255,0.06); padding: 6px 14px; border-radius: 6px;
}
section.kdcc-rs a.kdcc-rs-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 14px 28px;
font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700;
color: #ffffff; background: linear-gradient(135deg, #7c3aed, #6d28d9);
border-radius: 10px; text-decoration: none;
box-shadow: 0 4px 14px rgba(124,58,237,0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease; align-self: flex-start;
}
section.kdcc-rs a.kdcc-rs-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(124,58,237,0.4); }
section.kdcc-rs a.kdcc-rs-btn:active { transform: translateY(1px) scale(0.97); box-shadow: 0 2px 8px rgba(124,58,237,0.3); }
section.kdcc-rs div.kdcc-rs-logo-wrap {
display: flex; flex-direction: column; align-items: center; gap: 10px;
margin-right: -8px; margin-top: -56px; margin-bottom: -56px;
}
section.kdcc-rs div.kdcc-rs-logo-wrap img {
width: 100px; height: 100px; border-radius: 24px;
box-shadow: 0 8px 32px rgba(0,0,0,0.3); border: 4px solid #313540;
}
section.kdcc-rs div.kdcc-rs-logo-wrap p.kdcc-rs-name {
font-family: 'Space Grotesk', sans-serif; font-size: 13px; font-weight: 800;
color: #ffffff; text-align: center; margin: 0; letter-spacing: 0.3px;
}
section.kdcc-rs div.kdcc-rx-bar {
background: #f5f5f7; border-radius: 20px; padding: 28px 24px;
display: flex; flex-direction: column; align-items: center;
justify-content: center; text-align: center; gap: 12px;
}
section.kdcc-rs div.kdcc-rx-bar div.kdcc-rx-bar-icon {
width: 52px; height: 52px; border-radius: 14px;
background: rgba(20,185,220,0.1);
display: flex; align-items: center; justify-content: center;
}
section.kdcc-rs div.kdcc-rx-bar div.kdcc-rx-bar-icon span { font-size: 26px; color: #14b9dc; }
section.kdcc-rs div.kdcc-rx-bar h3.kdcc-rx-bar-title {
font-family: 'Space Grotesk', sans-serif; font-size: 16px; font-weight: 800;
color: #313540; margin: 0;
}
section.kdcc-rs div.kdcc-rx-bar p.kdcc-rx-bar-desc {
font-family: 'DM Sans', sans-serif; font-size: 13px; color: #6e6e73;
margin: 0; line-height: 1.5;
}
section.kdcc-rs div.kdcc-rx-bar a.kdcc-rx-btn {
display: inline-flex; align-items: center; gap: 5px;
padding: 11px 20px;
font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700;
color: #ffffff; background: #14b9dc;
border-radius: 8px; text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 3px 10px rgba(20,185,220,0.25);
}
section.kdcc-rs div.kdcc-rx-bar a.kdcc-rx-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 16px rgba(20,185,220,0.35); }
section.kdcc-rs div.kdcc-rx-bar a.kdcc-rx-btn:active { transform: translateY(1px) scale(0.97); box-shadow: 0 2px 6px rgba(20,185,220,0.25); }
@media (max-width: 1024px) {
section.kdcc-rs div.kdcc-rs-row { grid-template-columns: 1fr; }
section.kdcc-rs div.kdcc-rx-bar { flex-direction: row; text-align: left; padding: 20px 28px; }
}
@media (max-width: 900px) {
section.kdcc-rs div.kdcc-rs-bar { grid-template-columns: 1fr; padding: 28px 24px; }
section.kdcc-rs div.kdcc-rs-logo-wrap { margin: 0; flex-direction: row; gap: 14px; }
section.kdcc-rs div.kdcc-rs-logo-wrap img { width: 60px; height: 60px; border-radius: 16px; margin: 0; }
}
@media (max-width: 768px) {
section.kdcc-rs div.kdcc-rs-inner { padding: 32px 20px; }
section.kdcc-rs div.kdcc-rs-feats { gap: 4px 8px; }
section.kdcc-rs div.kdcc-rx-bar { flex-direction: column; text-align: center; }
}
}
#fw-section-custom-html-d2302672-7dc7-44a8-a2da-82278e01410d {
section.kdcc-rw {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw div.kdcc-rw-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw div.kdcc-rw-bar {
background: #ffffff;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw div.kdcc-rw-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw div.kdcc-rw-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw div.kdcc-rw-bar-icon p.kdcc-rw-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw p.kdcc-rw-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw h2.kdcc-rw-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw p.kdcc-rw-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw p.kdcc-rw-bar-text strong { color: #313540; }
section.kdcc-rw p.kdcc-rw-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw p.kdcc-rw-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw p.kdcc-rw-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw div.kdcc-rw-tools {
margin-top: 32px;
}
section.kdcc-rw div.kdcc-rw-tools p.kdcc-rw-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw div.kdcc-rw-tools div.kdcc-rw-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw div.kdcc-rw-tools-grid a.kdcc-rw-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw div.kdcc-rw-tools-grid a.kdcc-rw-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw div.kdcc-rw-tools-grid a.kdcc-rw-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw div.kdcc-rw-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #fdf0d5;
border-bottom: 1.5px solid rgba(245,158,11,0.25);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw span.kdcc-rw-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw span.kdcc-rw-badge-pick { background: #ec4f59; }
section.kdcc-rw span.kdcc-rw-badge-free { background: #67bb26; }
section.kdcc-rw span.kdcc-rw-badge-mobile { background: #14b9dc; }
section.kdcc-rw span.kdcc-rw-badge-freemium { background: #7c3aed; }
section.kdcc-rw img.kdcc-rw-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw div.kdcc-rw-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw p.kdcc-rw-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw p.kdcc-rw-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw span.kdcc-rw-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw div.kdcc-rw-tools-grid a.kdcc-rw-tool-card:hover span.kdcc-rw-tool-btn {
opacity: 0.9;
}
section.kdcc-rw div.kdcc-rw-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw div.kdcc-rw-tools-nav a.kdcc-rw-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #f59e0b;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #f59e0b;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw div.kdcc-rw-tools-nav a.kdcc-rw-tools-back:hover {
background: #f59e0b;
color: #313540;
border-color: #f59e0b;
}
section.kdcc-rw div.kdcc-rw-tools-nav a.kdcc-rw-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw div.kdcc-rw-tools-nav a.kdcc-rw-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw div.kdcc-rw-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw div.kdcc-rw-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw div.kdcc-rw-bar-icon span { font-size: 24px; }
section.kdcc-rw div.kdcc-rw-tools div.kdcc-rw-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw div.kdcc-rw-inner { padding: 32px 20px; }
section.kdcc-rw p.kdcc-rw-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw div.kdcc-rw-tools div.kdcc-rw-tools-grid {
grid-template-columns: 1fr;
}
section.kdcc-rw div.kdcc-rw-tools-nav {
margin-top: 40px;
padding-bottom: 12px;
}
}
}
#fw-section-custom-html-2123f1eb-bc81-4539-a34b-e98850d032af {
section.kdcc-rw-thumb {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar {
background: #f5f5f7;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar-icon p.kdcc-rw-thumb-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-thumb h2.kdcc-rw-thumb-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text strong { color: #313540; }
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools {
margin-top: 32px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools p.kdcc-rw-thumb-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools div.kdcc-rw-thumb-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-grid a.kdcc-rw-thumb-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-grid a.kdcc-rw-thumb-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-grid a.kdcc-rw-thumb-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #fdf0f6;
border-bottom: 1.5px solid rgba(232,68,160,0.25);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-thumb span.kdcc-rw-thumb-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-thumb span.kdcc-rw-thumb-badge-pick { background: #ec4f59; }
section.kdcc-rw-thumb span.kdcc-rw-thumb-badge-free { background: #67bb26; }
section.kdcc-rw-thumb span.kdcc-rw-thumb-badge-freemium { background: #7c3aed; }
section.kdcc-rw-thumb span.kdcc-rw-thumb-badge-premium { background: #313540; }
section.kdcc-rw-thumb span.kdcc-rw-thumb-badge-purchase { background: #0d9488; }
section.kdcc-rw-thumb img.kdcc-rw-thumb-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-thumb p.kdcc-rw-thumb-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-thumb span.kdcc-rw-thumb-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-grid a.kdcc-rw-thumb-tool-card:hover span.kdcc-rw-thumb-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav a.kdcc-rw-thumb-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #e844a0;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #e844a0;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav a.kdcc-rw-thumb-tools-back:hover {
background: #e844a0;
color: #ffffff;
border-color: #e844a0;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav a.kdcc-rw-thumb-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav a.kdcc-rw-thumb-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-bar-icon span { font-size: 24px; }
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools div.kdcc-rw-thumb-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-thumb div.kdcc-rw-thumb-inner { padding: 32px 20px; }
section.kdcc-rw-thumb p.kdcc-rw-thumb-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools div.kdcc-rw-thumb-tools-grid {
grid-template-columns: 1fr;
}
section.kdcc-rw-thumb div.kdcc-rw-thumb-tools-nav {
margin-top: 40px;
padding-bottom: 12px;
}
}
}
#fw-section-custom-html-e7e17d78-e16e-44c1-a8a7-1b06c1fba8e7 {
section.kdcc-rw-music {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-music div.kdcc-rw-music-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-music div.kdcc-rw-music-bar {
background: #ffffff;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-music div.kdcc-rw-music-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-music div.kdcc-rw-music-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-music div.kdcc-rw-music-bar-icon p.kdcc-rw-music-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-music p.kdcc-rw-music-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-music h2.kdcc-rw-music-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-music p.kdcc-rw-music-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-music p.kdcc-rw-music-bar-text strong { color: #313540; }
section.kdcc-rw-music p.kdcc-rw-music-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-music p.kdcc-rw-music-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-music p.kdcc-rw-music-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-music div.kdcc-rw-music-tools {
margin-top: 32px;
}
section.kdcc-rw-music div.kdcc-rw-music-tools p.kdcc-rw-music-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-music div.kdcc-rw-music-tools div.kdcc-rw-music-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-grid a.kdcc-rw-music-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-grid a.kdcc-rw-music-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-music div.kdcc-rw-music-tools-grid a.kdcc-rw-music-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-music div.kdcc-rw-music-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #eef0fd;
border-bottom: 1.5px solid rgba(79,70,229,0.2);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-music span.kdcc-rw-music-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-music span.kdcc-rw-music-badge-pick { background: #ec4f59; }
section.kdcc-rw-music span.kdcc-rw-music-badge-free { background: #67bb26; }
section.kdcc-rw-music span.kdcc-rw-music-badge-freemium { background: #7c3aed; }
section.kdcc-rw-music span.kdcc-rw-music-badge-premium { background: #313540; }
section.kdcc-rw-music span.kdcc-rw-music-badge-trial { background: #14b9dc; }
section.kdcc-rw-music img.kdcc-rw-music-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-music div.kdcc-rw-music-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-music p.kdcc-rw-music-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-music p.kdcc-rw-music-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-music span.kdcc-rw-music-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-grid a.kdcc-rw-music-tool-card:hover span.kdcc-rw-music-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav a.kdcc-rw-music-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #4f46e5;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #4f46e5;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav a.kdcc-rw-music-tools-back:hover {
background: #4f46e5;
color: #ffffff;
border-color: #4f46e5;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav a.kdcc-rw-music-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav a.kdcc-rw-music-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-music div.kdcc-rw-music-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-music div.kdcc-rw-music-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-music div.kdcc-rw-music-bar-icon span { font-size: 24px; }
section.kdcc-rw-music div.kdcc-rw-music-tools div.kdcc-rw-music-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-music div.kdcc-rw-music-inner { padding: 32px 20px; }
section.kdcc-rw-music p.kdcc-rw-music-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-music div.kdcc-rw-music-tools div.kdcc-rw-music-tools-grid {
grid-template-columns: 1fr;
}
section.kdcc-rw-music div.kdcc-rw-music-tools-nav {
margin-top: 40px;
padding-bottom: 12px;
}
}
}
#fw-section-custom-html-3c12b663-25de-4ea1-89e5-86ce1fa0357f {
section.kdcc-rw-comm {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-comm div.kdcc-rw-comm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar {
background: #ffffff;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar-icon p.kdcc-rw-comm-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-comm p.kdcc-rw-comm-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-comm h2.kdcc-rw-comm-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text strong { color: #313540; }
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-comm div.kdcc-rw-comm-tools {
margin-top: 32px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools p.kdcc-rw-comm-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools div.kdcc-rw-comm-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-comm div.kdcc-rw-comm-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #ecfdf5;
border-bottom: 1.5px solid rgba(13,148,136,0.2);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-comm span.kdcc-rw-comm-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-comm span.kdcc-rw-comm-badge-free { background: #67bb26; }
section.kdcc-rw-comm span.kdcc-rw-comm-badge-freemium { background: #0d9488; }
section.kdcc-rw-comm span.kdcc-rw-comm-badge-premium { background: #313540; }
section.kdcc-rw-comm img.kdcc-rw-comm-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-comm div.kdcc-rw-comm-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-comm p.kdcc-rw-comm-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-comm p.kdcc-rw-comm-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-comm span.kdcc-rw-comm-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:hover span.kdcc-rw-comm-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-nav a.kdcc-rw-comm-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #0d9488;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #0d9488;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-nav a.kdcc-rw-comm-tools-back:hover {
background: #0d9488;
color: #ffffff;
border-color: #0d9488;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-nav a.kdcc-rw-comm-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-nav a.kdcc-rw-comm-tools-back span.material-symbols-outlined {
font-size: 18px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:last-child:nth-child(3n+1) {
grid-column: 2;
}
@media (max-width: 900px) {
section.kdcc-rw-comm div.kdcc-rw-comm-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-comm div.kdcc-rw-comm-bar-icon span { font-size: 24px; }
section.kdcc-rw-comm div.kdcc-rw-comm-tools div.kdcc-rw-comm-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:last-child:nth-child(3n+1) {
grid-column: auto;
}
}
@media (max-width: 768px) {
section.kdcc-rw-comm div.kdcc-rw-comm-inner { padding: 32px 20px; }
section.kdcc-rw-comm p.kdcc-rw-comm-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-comm div.kdcc-rw-comm-tools div.kdcc-rw-comm-tools-grid {
grid-template-columns: 1fr;
}
section.kdcc-rw-comm div.kdcc-rw-comm-tools-grid a.kdcc-rw-comm-tool-card:last-child:nth-child(3n+1) {
grid-column: auto;
}
}
}
#fw-section-custom-html-3e5c2f96-5cc0-4fc7-8634-155815fbe2dc {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-rw-optim {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-optim div.kdcc-rw-optim-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar {
background: #f5f5f7;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar-icon p.kdcc-rw-optim-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-optim p.kdcc-rw-optim-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-optim h2.kdcc-rw-optim-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text strong { color: #313540; }
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-optim div.kdcc-rw-optim-tools {
margin-top: 32px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools p.kdcc-rw-optim-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools div.kdcc-rw-optim-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-grid a.kdcc-rw-optim-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-grid a.kdcc-rw-optim-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-grid a.kdcc-rw-optim-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-optim div.kdcc-rw-optim-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #f3f0ff;
border-bottom: 1.5px solid rgba(124,58,237,0.2);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-optim span.kdcc-rw-optim-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-optim span.kdcc-rw-optim-badge-pick { background: #ec4f59; }
section.kdcc-rw-optim span.kdcc-rw-optim-badge-free { background: #67bb26; }
section.kdcc-rw-optim span.kdcc-rw-optim-badge-freemium { background: #7c3aed; }
section.kdcc-rw-optim span.kdcc-rw-optim-badge-premium { background: #313540; }
section.kdcc-rw-optim img.kdcc-rw-optim-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-optim div.kdcc-rw-optim-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-optim p.kdcc-rw-optim-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-optim p.kdcc-rw-optim-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-optim span.kdcc-rw-optim-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-grid a.kdcc-rw-optim-tool-card:hover span.kdcc-rw-optim-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-nav a.kdcc-rw-optim-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #7c3aed;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #7c3aed;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-nav a.kdcc-rw-optim-tools-back:hover {
background: #7c3aed;
color: #ffffff;
border-color: #7c3aed;
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-nav a.kdcc-rw-optim-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-optim div.kdcc-rw-optim-tools-nav a.kdcc-rw-optim-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-optim div.kdcc-rw-optim-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-optim div.kdcc-rw-optim-bar-icon span { font-size: 24px; }
section.kdcc-rw-optim div.kdcc-rw-optim-tools div.kdcc-rw-optim-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-optim div.kdcc-rw-optim-inner { padding: 32px 20px; }
section.kdcc-rw-optim p.kdcc-rw-optim-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-optim div.kdcc-rw-optim-tools div.kdcc-rw-optim-tools-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-96460a7a-4e30-4afc-95d5-bcea4c157176 {
section.kdcc-rw-rec {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-rec div.kdcc-rw-rec-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar {
background: #f5f5f7;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar-icon p.kdcc-rw-rec-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-rec p.kdcc-rw-rec-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-rec h2.kdcc-rw-rec-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text strong { color: #313540; }
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-rec div.kdcc-rw-rec-tools {
margin-top: 32px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools p.kdcc-rw-rec-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools div.kdcc-rw-rec-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-grid a.kdcc-rw-rec-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-grid a.kdcc-rw-rec-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-grid a.kdcc-rw-rec-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-rec div.kdcc-rw-rec-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #eef9fc;
border-bottom: 1.5px solid rgba(20,185,220,0.2);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-rec span.kdcc-rw-rec-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-rec span.kdcc-rw-rec-badge-pick { background: #ec4f59; }
section.kdcc-rw-rec span.kdcc-rw-rec-badge-free { background: #67bb26; }
section.kdcc-rw-rec span.kdcc-rw-rec-badge-freemium { background: #7c3aed; }
section.kdcc-rw-rec span.kdcc-rw-rec-badge-premium { background: #313540; }
section.kdcc-rw-rec img.kdcc-rw-rec-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-rec div.kdcc-rw-rec-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-rec p.kdcc-rw-rec-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-rec p.kdcc-rw-rec-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-rec span.kdcc-rw-rec-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-grid a.kdcc-rw-rec-tool-card:hover span.kdcc-rw-rec-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-nav a.kdcc-rw-rec-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #14b9dc;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-nav a.kdcc-rw-rec-tools-back:hover {
background: #14b9dc;
color: #ffffff;
border-color: #14b9dc;
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-nav a.kdcc-rw-rec-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-rec div.kdcc-rw-rec-tools-nav a.kdcc-rw-rec-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-rec div.kdcc-rw-rec-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-rec div.kdcc-rw-rec-bar-icon span { font-size: 24px; }
section.kdcc-rw-rec div.kdcc-rw-rec-tools div.kdcc-rw-rec-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-rec div.kdcc-rw-rec-inner { padding: 32px 20px; }
section.kdcc-rw-rec p.kdcc-rw-rec-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-rec div.kdcc-rw-rec-tools div.kdcc-rw-rec-tools-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-36f0a470-157c-42da-a2b9-cf0cfac85de4 {
section.kdcc-rw-monet {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-monet div.kdcc-rw-monet-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar {
background: #ffffff;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar-icon p.kdcc-rw-monet-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-monet p.kdcc-rw-monet-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-monet h2.kdcc-rw-monet-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text strong { color: #313540; }
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text a {
color: #67bb26;
text-decoration: none;
border-bottom: 1px dotted #67bb26;
}
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-monet div.kdcc-rw-monet-tools {
margin-top: 32px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools p.kdcc-rw-monet-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools div.kdcc-rw-monet-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-grid a.kdcc-rw-monet-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-grid a.kdcc-rw-monet-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-grid a.kdcc-rw-monet-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-monet div.kdcc-rw-monet-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #f0fdf4;
border-bottom: 1.5px solid rgba(103,187,38,0.15);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-monet span.kdcc-rw-monet-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-monet span.kdcc-rw-monet-badge-pick { background: #ec4f59; }
section.kdcc-rw-monet span.kdcc-rw-monet-badge-free { background: #67bb26; }
section.kdcc-rw-monet span.kdcc-rw-monet-badge-freemium { background: #7c3aed; }
section.kdcc-rw-monet span.kdcc-rw-monet-badge-premium { background: #313540; }
section.kdcc-rw-monet img.kdcc-rw-monet-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-monet div.kdcc-rw-monet-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-monet p.kdcc-rw-monet-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-monet p.kdcc-rw-monet-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-monet span.kdcc-rw-monet-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-grid a.kdcc-rw-monet-tool-card:hover span.kdcc-rw-monet-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-nav a.kdcc-rw-monet-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #67bb26;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #67bb26;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-nav a.kdcc-rw-monet-tools-back:hover {
background: #67bb26;
color: #ffffff;
border-color: #67bb26;
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-nav a.kdcc-rw-monet-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-monet div.kdcc-rw-monet-tools-nav a.kdcc-rw-monet-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-monet div.kdcc-rw-monet-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-monet div.kdcc-rw-monet-bar-icon span { font-size: 24px; }
section.kdcc-rw-monet div.kdcc-rw-monet-tools div.kdcc-rw-monet-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-monet div.kdcc-rw-monet-inner { padding: 32px 20px; }
section.kdcc-rw-monet p.kdcc-rw-monet-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-monet div.kdcc-rw-monet-tools div.kdcc-rw-monet-tools-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-1f4b733c-0c5a-410e-a4bd-016dd0dd5496 {
section.kdcc-rw-script {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-script div.kdcc-rw-script-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-script div.kdcc-rw-script-bar {
background: #f5f5f7;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-script div.kdcc-rw-script-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-script div.kdcc-rw-script-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-script div.kdcc-rw-script-bar-icon p.kdcc-rw-script-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-script p.kdcc-rw-script-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-script h2.kdcc-rw-script-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-script p.kdcc-rw-script-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-script p.kdcc-rw-script-bar-text strong { color: #313540; }
section.kdcc-rw-script p.kdcc-rw-script-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-script p.kdcc-rw-script-bar-text a {
color: #f97316;
text-decoration: none;
border-bottom: 1px dotted #f97316;
}
section.kdcc-rw-script p.kdcc-rw-script-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-script div.kdcc-rw-script-tools {
margin-top: 32px;
}
section.kdcc-rw-script div.kdcc-rw-script-tools p.kdcc-rw-script-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-script div.kdcc-rw-script-tools div.kdcc-rw-script-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-grid a.kdcc-rw-script-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-grid a.kdcc-rw-script-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-script div.kdcc-rw-script-tools-grid a.kdcc-rw-script-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-script div.kdcc-rw-script-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #fff7ed;
border-bottom: 1.5px solid rgba(249,115,22,0.15);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-script span.kdcc-rw-script-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-script span.kdcc-rw-script-badge-pick { background: #ec4f59; }
section.kdcc-rw-script span.kdcc-rw-script-badge-free { background: #67bb26; }
section.kdcc-rw-script span.kdcc-rw-script-badge-freemium { background: #7c3aed; }
section.kdcc-rw-script span.kdcc-rw-script-badge-premium { background: #313540; }
section.kdcc-rw-script img.kdcc-rw-script-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-script div.kdcc-rw-script-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-script p.kdcc-rw-script-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-script p.kdcc-rw-script-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-script span.kdcc-rw-script-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-grid a.kdcc-rw-script-tool-card:hover span.kdcc-rw-script-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-nav a.kdcc-rw-script-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #f97316;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #f97316;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-nav a.kdcc-rw-script-tools-back:hover {
background: #f97316;
color: #ffffff;
border-color: #f97316;
}
section.kdcc-rw-script div.kdcc-rw-script-tools-nav a.kdcc-rw-script-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-script div.kdcc-rw-script-tools-nav a.kdcc-rw-script-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-script div.kdcc-rw-script-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-script div.kdcc-rw-script-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-script div.kdcc-rw-script-bar-icon span { font-size: 24px; }
section.kdcc-rw-script div.kdcc-rw-script-tools div.kdcc-rw-script-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-script div.kdcc-rw-script-inner { padding: 32px 20px; }
section.kdcc-rw-script p.kdcc-rw-script-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-script div.kdcc-rw-script-tools div.kdcc-rw-script-tools-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-48a0dd15-0326-4f62-bd2e-2b74dbbbdd1a {
section.kdcc-rw-live {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-live div.kdcc-rw-live-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-live div.kdcc-rw-live-bar {
background: #ffffff;
border-radius: 20px;
padding: 40px 48px;
display: grid;
grid-template-columns: auto 1fr;
gap: 36px;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
section.kdcc-rw-live div.kdcc-rw-live-bar-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 80px;
height: 80px;
border-radius: 20px;
margin-left: -8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
section.kdcc-rw-live div.kdcc-rw-live-bar-icon span {
font-size: 32px;
color: #ffffff;
}
section.kdcc-rw-live div.kdcc-rw-live-bar-icon p.kdcc-rw-live-bar-step {
font-family: 'Space Grotesk', sans-serif;
font-size: 9px;
font-weight: 800;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
section.kdcc-rw-live p.kdcc-rw-live-bar-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 8px;
}
section.kdcc-rw-live h2.kdcc-rw-live-bar-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
font-style: normal;
line-height: 1.15;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-rw-live p.kdcc-rw-live-bar-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: #4a4a4f;
margin: 0;
}
section.kdcc-rw-live p.kdcc-rw-live-bar-text strong { color: #313540; }
section.kdcc-rw-live p.kdcc-rw-live-bar-text em { color: #6e6e73; font-style: italic; }
section.kdcc-rw-live p.kdcc-rw-live-bar-text a {
color: #ec4f59;
text-decoration: none;
border-bottom: 1px dotted #ec4f59;
}
section.kdcc-rw-live p.kdcc-rw-live-bar-text a:hover { border-bottom-style: solid; }
section.kdcc-rw-live div.kdcc-rw-live-tools {
margin-top: 32px;
}
section.kdcc-rw-live div.kdcc-rw-live-tools p.kdcc-rw-live-tools-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 16px;
}
section.kdcc-rw-live div.kdcc-rw-live-tools div.kdcc-rw-live-tools-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-grid a.kdcc-rw-live-tool-card {
background: #ffffff;
border-radius: 14px;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
text-decoration: none;
position: relative;
border: 1px solid #e8e8ea;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-grid a.kdcc-rw-live-tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
section.kdcc-rw-live div.kdcc-rw-live-tools-grid a.kdcc-rw-live-tool-card:active {
transform: translateY(1px) scale(0.97);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-rw-live div.kdcc-rw-live-tool-header {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px 14px;
background: #fef2f2;
border-bottom: 1.5px solid rgba(236,79,89,0.15);
border-radius: 13px 13px 0 0;
position: relative;
}
section.kdcc-rw-live span.kdcc-rw-live-tool-badge {
position: absolute;
top: 10px;
right: 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 10px;
border-radius: 5px;
color: #ffffff;
line-height: 1;
}
section.kdcc-rw-live span.kdcc-rw-live-badge-pick { background: #ec4f59; }
section.kdcc-rw-live span.kdcc-rw-live-badge-free { background: #67bb26; }
section.kdcc-rw-live span.kdcc-rw-live-badge-freemium { background: #7c3aed; }
section.kdcc-rw-live span.kdcc-rw-live-badge-premium { background: #313540; }
section.kdcc-rw-live img.kdcc-rw-live-tool-logo {
width: 52px;
height: 52px;
border-radius: 12px;
object-fit: contain;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
section.kdcc-rw-live div.kdcc-rw-live-tool-body {
padding: 14px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
section.kdcc-rw-live p.kdcc-rw-live-tool-name {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 6px;
}
section.kdcc-rw-live p.kdcc-rw-live-tool-desc {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
line-height: 1.55;
color: #4a4a4f;
margin: 0 0 16px;
flex: 1;
}
section.kdcc-rw-live span.kdcc-rw-live-tool-btn {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
padding: 10px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: opacity 0.2s ease;
align-self: center;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-grid a.kdcc-rw-live-tool-card:hover span.kdcc-rw-live-tool-btn {
opacity: 0.9;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-nav {
text-align: center;
margin-top: 32px;
padding-bottom: 8px;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-nav a.kdcc-rw-live-tools-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ec4f59;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
border: 1.5px solid #ec4f59;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-nav a.kdcc-rw-live-tools-back:hover {
background: #ec4f59;
color: #ffffff;
border-color: #ec4f59;
}
section.kdcc-rw-live div.kdcc-rw-live-tools-nav a.kdcc-rw-live-tools-back:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-live div.kdcc-rw-live-tools-nav a.kdcc-rw-live-tools-back span.material-symbols-outlined {
font-size: 18px;
}
@media (max-width: 900px) {
section.kdcc-rw-live div.kdcc-rw-live-bar {
grid-template-columns: 1fr;
gap: 20px;
padding: 28px 24px;
}
section.kdcc-rw-live div.kdcc-rw-live-bar-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0;
}
section.kdcc-rw-live div.kdcc-rw-live-bar-icon span { font-size: 24px; }
section.kdcc-rw-live div.kdcc-rw-live-tools div.kdcc-rw-live-tools-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 768px) {
section.kdcc-rw-live div.kdcc-rw-live-inner { padding: 32px 20px; }
section.kdcc-rw-live p.kdcc-rw-live-bar-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 540px) {
section.kdcc-rw-live div.kdcc-rw-live-tools div.kdcc-rw-live-tools-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-4ca6e646-a289-48a7-a7cb-420057fd7d2a {
section.kdcc-rw-faq {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-rw-faq div.kdcc-rw-faq-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
}
section.kdcc-rw-faq div.kdcc-rw-faq-header {
text-align: left;
margin-bottom: 32px;
}
section.kdcc-rw-faq p.kdcc-rw-faq-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #14b9dc;
margin: 0 0 8px;
}
section.kdcc-rw-faq h2.kdcc-rw-faq-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(24px, 3.5vw, 36px);
font-weight: 900;
line-height: 1.15;
color: #313540;
margin: 0;
}
section.kdcc-rw-faq div.kdcc-rw-faq-list {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-rw-faq div.kdcc-rw-faq-item {
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
background: #f5f5f7;
margin-bottom: 12px;
overflow: hidden;
transition: border-color 0.3s ease, background 0.3s ease;
}
section.kdcc-rw-faq div.kdcc-rw-faq-item.open {
border-left-color: #ec4f59;
background: #fef7f7;
}
section.kdcc-rw-faq button.kdcc-rw-faq-question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
background: none;
border: none;
cursor: pointer;
text-align: left;
font-family: 'Space Grotesk', sans-serif;
font-size: 17px;
font-weight: 700;
color: #313540;
line-height: 1.4;
}
section.kdcc-rw-faq button.kdcc-rw-faq-question:hover {
color: #14b9dc;
}
section.kdcc-rw-faq div.kdcc-rw-faq-item.open button.kdcc-rw-faq-question {
color: #ec4f59;
}
section.kdcc-rw-faq span.kdcc-rw-faq-arrow {
font-size: 24px;
color: #14b9dc;
transition: transform 0.3s ease, color 0.3s ease;
flex-shrink: 0;
}
section.kdcc-rw-faq div.kdcc-rw-faq-item.open span.kdcc-rw-faq-arrow {
transform: rotate(180deg);
color: #ec4f59;
}
section.kdcc-rw-faq div.kdcc-rw-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
section.kdcc-rw-faq div.kdcc-rw-faq-item.open div.kdcc-rw-faq-answer {
max-height: 600px;
}
section.kdcc-rw-faq div.kdcc-rw-faq-answer span {
display: block;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
padding: 0 24px 20px;
}
section.kdcc-rw-faq div.kdcc-rw-faq-answer span strong {
color: #313540;
}
section.kdcc-rw-faq div.kdcc-rw-faq-answer span a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-rw-faq div.kdcc-rw-faq-answer span a:hover {
border-bottom-style: solid;
}
@media (max-width: 768px) {
section.kdcc-rw-faq div.kdcc-rw-faq-inner { padding: 32px 20px; }
section.kdcc-rw-faq button.kdcc-rw-faq-question { font-size: 15px; padding: 16px 20px; }
section.kdcc-rw-faq div.kdcc-rw-faq-answer span { font-size: 15px; padding: 0 20px 16px; }
}
}
#fw-section-custom-html-9e232393-5dab-4407-87d3-79f13ef3278a {
section.kdcc-rw-cta {
margin: -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-rw-cta div.kdcc-rw-cta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 64px 40px;
}
section.kdcc-rw-cta p.kdcc-rw-cta-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
margin: 0 0 12px;
text-align: left;
}
section.kdcc-rw-cta h2.kdcc-rw-cta-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(26px, 4vw, 40px);
font-weight: 900;
line-height: 1.15;
color: #ffffff;
margin: 0 0 20px;
text-align: left;
}
section.kdcc-rw-cta p.kdcc-rw-cta-desc {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.75;
color: rgba(255,255,255,0.75);
margin: 0 0 36px;
text-align: left;
}
section.kdcc-rw-cta p.kdcc-rw-cta-desc strong {
color: #ffffff;
}
section.kdcc-rw-cta div.kdcc-rw-cta-buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin: 0 auto;
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: 'Space Grotesk', sans-serif;
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
padding: 14px 24px;
border-radius: 6px;
letter-spacing: 0.3px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn:hover {
transform: translateY(-2px);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn:active {
transform: translateY(1px) scale(0.97);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-blue {
background: #14b9dc;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-blue:hover {
box-shadow: 0 6px 20px rgba(20,185,220,0.4);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-green {
background: #67bb26;
box-shadow: 0 4px 12px rgba(103,187,38,0.3);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-gold {
background: #f59e0b;
box-shadow: 0 4px 12px rgba(245,158,11,0.3);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-gold:hover {
box-shadow: 0 6px 20px rgba(245,158,11,0.4);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236,79,89,0.3);
}
section.kdcc-rw-cta a.kdcc-rw-cta-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-rw-cta div.kdcc-rw-cta-inner { padding: 48px 20px; }
section.kdcc-rw-cta p.kdcc-rw-cta-desc { font-size: 16px; }
section.kdcc-rw-cta div.kdcc-rw-cta-buttons {
grid-template-columns: 1fr 1fr;
}
}
}
#fw-section-custom-html-4338d511-6e06-4c77-b190-5ed87baa9141 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC RESOURCES: SECTION 2 CSS - The KDCC's Top Picks */
/* Top Picks Section */
section.kdcc-top-picks {
margin: -35px 0;
background: #fff;
}
section.kdcc-top-picks div.kdcc-top-picks-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* Section Badge */
section.kdcc-top-picks div.kdcc-top-picks-inner div.section-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
color: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.section-badge span.material-icons {
font-size: 16px;
}
/* Section Title */
section.kdcc-top-picks div.kdcc-top-picks-inner h2.section-title {
font-size: 2.5rem;
font-weight: 800;
color: #313540;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner p.section-subtitle {
font-size: 1.125rem;
color: #666;
margin: 0 0 48px 0;
}
/* Featured Tools Grid - Optimized for 1400px */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 1320px;
margin: 0 auto;
}
/* Featured Tool Card */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card {
background: #fff;
border-radius: 16px;
padding: 40px 32px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 2px solid #f0f0f0;
transition: all 0.3s ease;
position: relative;
text-align: center;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
border-color: #14b9dc;
}
/* KDCC Favorite Badge */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card div.kdcc-favorite-badge {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 6px;
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
color: #fff;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card div.kdcc-favorite-badge span.material-icons {
font-size: 14px;
}
/* Tool Icon */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card div.tool-icon {
width: 100px;
height: 100px;
margin: 20px auto 24px auto;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card div.tool-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Tool Name */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card h3.tool-name {
font-size: 1.5rem;
font-weight: 800;
color: #313540;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Tool Category */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card span.tool-category {
display: inline-block;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card span.tool-category.content {
background: #f59e0b;
color: #fff;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card span.tool-category.growth {
background: #8b5cf6;
color: #fff;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card span.tool-category.audio {
background: #10b981;
color: #fff;
}
/* Tool Description */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card p.tool-description {
font-size: 1rem;
line-height: 1.6;
color: #666;
margin: 0 0 24px 0;
}
/* Tool Button - Stronger CTAs */
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card a.tool-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: #fff;
padding: 14px 28px;
border-radius: 8px;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.25);
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card a.tool-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(20, 185, 220, 0.35);
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card a.tool-btn span.material-icons {
font-size: 18px;
}
/* Mobile Responsive */
@media (max-width: 1024px) {
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media (max-width: 768px) {
section.kdcc-top-picks div.kdcc-top-picks-inner {
padding: 56px 20px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner h2.section-title {
font-size: 2rem;
}
section.kdcc-top-picks div.kdcc-top-picks-inner p.section-subtitle {
font-size: 1rem;
margin-bottom: 40px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid {
grid-template-columns: 1fr;
gap: 32px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card {
padding: 32px 24px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card div.tool-icon {
width: 80px;
height: 80px;
}
section.kdcc-top-picks div.kdcc-top-picks-inner div.featured-tools-grid article.featured-tool-card h3.tool-name {
font-size: 1.25rem;
}
}
}
#fw-section-custom-html-0d6ee202-0662-472d-b150-f49146c2de57 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC RESOURCES: SECTION 3 CSS - Filter Section (Professional Style) */
/* Remove default Fourthwall padding */
section.custom-html[data-section-id*="fw-section-custom-html"] {
padding: 0;
}
/* Filter Section Wrapper */
section.kdcc-resources-filter {
margin: -35px 0;
background: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #2f3a43;
padding: 0;
}
/* Container */
section.kdcc-resources-filter div.kdcc-resources-filter__container {
max-width: 1400px;
margin: 0 auto;
padding: 32px 32px;
}
/* Filter Section - Professional Box (CENTERED) */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-section {
background: #f8fafc;
border-radius: 12px;
padding: 24px 28px;
border: 1px solid #eef1f5;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
/* Filter Group (CENTERED) */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group {
width: 100%;
max-width: 500px;
display: flex;
flex-direction: column;
align-items: center;
}
/* Filter Label (CENTERED) */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group label.kdcc-resources-filter__filter-label {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 0.92rem;
font-weight: 700;
color: #313540;
margin-bottom: 12px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group label.kdcc-resources-filter__filter-label span.material-symbols-outlined {
font-size: 20px;
color: #14b9dc;
font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}
/* Filter Wrap (CENTERED) */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap {
position: relative;
width: 100%;
max-width: 500px;
}
/* Filter Dropdown - Clean Professional Style */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown {
width: 100%;
padding: 16px 48px 16px 18px;
font-size: 1rem;
font-weight: 600;
color: #2f3a43;
background: #ffffff;
border: 2px solid #e5e8ec;
border-radius: 12px;
cursor: pointer;
appearance: none;
transition: all 0.2s ease;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown:hover {
border-color: #14b9dc;
box-shadow: 0 2px 8px rgba(20, 185, 220, 0.15);
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown:focus {
outline: none;
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.1);
}
/* Dropdown Arrow */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap span.kdcc-resources-filter__filter-arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: #aab0bc;
pointer-events: none;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
/* Dropdown Options */
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown option {
padding: 14px 18px;
font-weight: 600;
font-size: 1rem;
background: #ffffff;
color: #2f3a43;
}
/* Mobile Responsive */
@media (max-width: 768px) {
section.kdcc-resources-filter div.kdcc-resources-filter__container {
padding: 24px 20px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-section {
padding: 20px 20px;
gap: 12px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group {
max-width: 100%;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group label.kdcc-resources-filter__filter-label {
font-size: 0.875rem;
margin-bottom: 8px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap {
max-width: 100%;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown {
padding: 14px 44px 14px 16px;
font-size: 0.9375rem;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap span.kdcc-resources-filter__filter-arrow {
font-size: 22px;
right: 14px;
}
}
@media (max-width: 640px) {
section.kdcc-resources-filter div.kdcc-resources-filter__filter-section {
padding: 16px 16px;
gap: 10px;
border-radius: 10px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group label.kdcc-resources-filter__filter-label {
margin-bottom: 6px;
font-size: 0.8125rem;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group label.kdcc-resources-filter__filter-label span.material-symbols-outlined {
font-size: 18px;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap select.kdcc-resources-filter__filter-dropdown {
padding: 12px 40px 12px 14px;
font-size: 0.875rem;
}
section.kdcc-resources-filter div.kdcc-resources-filter__filter-group div.kdcc-resources-filter__filter-wrap span.kdcc-resources-filter__filter-arrow {
right: 12px;
font-size: 20px;
}
}
}
#fw-section-custom-html-af0d9d74-86e3-431e-9941-4b677503f780 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC RESOURCES: Universal Tool Sections CSS */
/* Section Wrapper */
section.kdcc-tools-section {
margin: -35px 0;
background: #ffffff;
}
section.kdcc-tools-section div.kdcc-tools-inner {
max-width: 1400px;
margin: 0 auto;
padding: 64px 40px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* Category Header */
section.kdcc-tools-section div.kdcc-tools-inner div.category-header {
padding: 24px 40px;
border-radius: 12px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header span.material-symbols-outlined {
font-size: 32px;
color: #ffffff;
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header h2 {
font-size: 1.75rem;
font-weight: 800;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0;
line-height: 1.2;
}
/* Category Description */
section.kdcc-tools-section div.kdcc-tools-inner p.category-description {
text-align: center;
font-size: 1.05rem;
color: #5a6270;
margin: 0 auto 40px auto;
max-width: 680px;
line-height: 1.55;
}
/* Tools Grid */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 0;
}
/* Tool Card */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card {
background: #ffffff;
border: 2px solid #e8e8e8;
border-radius: 16px;
padding: 32px 28px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
border-color: #14b9dc;
}
/* Tool Logo */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo {
width: 120px;
height: 120px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 12px;
}
/* Tool Name */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card h3.tool-name {
font-size: 1.5rem;
font-weight: 800;
color: #1a1f2b;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.2;
}
/* Tool Category Badge */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-category {
color: #ffffff;
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
/* Tool Description */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card p.tool-description {
font-size: 1rem;
color: #5a6270;
line-height: 1.6;
margin: 0 0 24px 0;
flex-grow: 1;
}
/* Tool CTA Button */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta {
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: #ffffff;
padding: 14px 28px;
border-radius: 8px;
font-size: 1.0625rem;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.25);
width: 100%;
justify-content: center;
margin-top: auto;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(20, 185, 220, 0.35);
background: linear-gradient(135deg, #17d1f5 0%, #10a3c4 100%);
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta span.material-symbols-outlined {
font-size: 20px;
font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}
/* Responsive - Tablet */
@media (max-width: 1024px) {
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
/* Responsive - Mobile */
@media (max-width: 768px) {
section.kdcc-tools-section div.kdcc-tools-inner {
padding: 48px 20px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header {
padding: 20px 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header h2 {
font-size: 1.5rem;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header span.material-symbols-outlined {
font-size: 28px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
grid-template-columns: 1fr;
gap: 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card {
padding: 28px 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card h3.tool-name {
font-size: 1.375rem;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo {
width: 100px;
height: 100px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta {
padding: 12px 24px;
font-size: 1rem;
}
}
}
#fw-section-custom-html-9415ccbd-5e71-40f3-b1eb-8e776d4a0f6d {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f0f2f5;
--color-background-rgb: 240, 242, 245;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC RESOURCES: Universal Tool Sections CSS */
/* Section Wrapper */
section.kdcc-tools-section {
margin: -35px 0;
background: #ffffff;
}
section.kdcc-tools-section div.kdcc-tools-inner {
max-width: 1400px;
margin: 0 auto;
padding: 64px 40px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* Category Header */
section.kdcc-tools-section div.kdcc-tools-inner div.category-header {
padding: 24px 40px;
border-radius: 12px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header span.material-symbols-outlined {
font-size: 32px;
color: #ffffff;
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header h2 {
font-size: 1.75rem;
font-weight: 800;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0;
line-height: 1.2;
}
/* Category Description */
section.kdcc-tools-section div.kdcc-tools-inner p.category-description {
text-align: center;
font-size: 1.05rem;
color: #5a6270;
margin: 0 auto 40px auto;
max-width: 680px;
line-height: 1.55;
}
/* Tools Grid */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 0;
}
/* Tool Card */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card {
background: #ffffff;
border: 2px solid #e8e8e8;
border-radius: 16px;
padding: 32px 28px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
border-color: #14b9dc;
}
/* Tool Logo */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo {
width: 120px;
height: 120px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 12px;
}
/* Tool Name */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card h3.tool-name {
font-size: 1.5rem;
font-weight: 800;
color: #1a1f2b;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.2;
}
/* Tool Category Badge */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-category {
color: #ffffff;
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
/* Tool Description */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card p.tool-description {
font-size: 1rem;
color: #5a6270;
line-height: 1.6;
margin: 0 0 24px 0;
flex-grow: 1;
}
/* Tool CTA Button */
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta {
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: #ffffff;
padding: 14px 28px;
border-radius: 8px;
font-size: 1.0625rem;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.25);
width: 100%;
justify-content: center;
margin-top: auto;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(20, 185, 220, 0.35);
background: linear-gradient(135deg, #17d1f5 0%, #10a3c4 100%);
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta span.material-symbols-outlined {
font-size: 20px;
font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}
/* Responsive - Tablet */
@media (max-width: 1024px) {
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
/* Responsive - Mobile */
@media (max-width: 768px) {
section.kdcc-tools-section div.kdcc-tools-inner {
padding: 48px 20px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header {
padding: 20px 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header h2 {
font-size: 1.5rem;
}
section.kdcc-tools-section div.kdcc-tools-inner div.category-header span.material-symbols-outlined {
font-size: 28px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid {
grid-template-columns: 1fr;
gap: 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card {
padding: 28px 24px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card h3.tool-name {
font-size: 1.375rem;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card div.tool-logo {
width: 100px;
height: 100px;
}
section.kdcc-tools-section div.kdcc-tools-inner div.tools-grid div.tool-card a.tool-cta {
padding: 12px 24px;
font-size: 1rem;
}
}
}
#fw-section-custom-html-2dc63083-f9ef-473d-9b65-8d41ee4a889b {
/* =======================
KDCC Resources • Final CSS (denser + normalized)
======================= */
/* Grid layout with equal-height cards */
.resource-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px; /* tighter gap */
margin-top: 6px;
align-items: stretch;
}
/* Make each link fill its grid cell */
.resource-card-link {
color: inherit;
text-decoration: none;
display: block;
height: 100%;
}
/* Core card styling */
.resource-card {
border: 1.5px solid #d13438;
border-radius: 10px;
padding: 14px; /* tighter padding */
text-align: center;
transition: box-shadow 0.25s ease, transform 0.25s ease;
margin-bottom: 0; /* grid gap handles spacing */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 100%;
min-height: 180px; /* compact, still balanced */
}
.resource-card:hover {
box-shadow: 0 8px 18px rgba(209, 52, 56, 0.22);
transform: translateY(-4px);
}
/* Featured cards (if used elsewhere) */
.resource-card.featured {
display: flex;
align-items: center;
text-align: left;
gap: 16px;
padding: 24px;
height: auto;
}
/* Icons */
.resource-icon {
width: 54px;
height: 54px;
margin-bottom: 8px;
user-select: none;
display: flex;
justify-content: center;
align-items: center;
}
.resource-icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* Card title */
.resource-card span {
display: block;
font-weight: 700;
font-size: 1.02rem;
margin-top: 2px;
}
/* Description area: normalized to 2 lines on desktop */
.resource-card p {
margin: 6px 0 0;
font-size: 0.92rem;
line-height: 1.28;
max-width: 26ch;
display: -webkit-box;
-webkit-line-clamp: 2; /* show 2 lines max */
-webkit-box-orient: vertical;
overflow: hidden;
text-align: center;
color: #333;
}
/* Section titles and blurbs */
.section-title {
font-weight: 700;
font-size: 1.4rem;
margin: 20px 0 4px 0;
padding: 10px 18px;
color: #fff;
border-radius: 6px;
text-align: left;
}
.section-blurb {
margin: 4px 0 10px 0;
font-size: 0.92rem;
color: #555;
text-align: left;
}
/* Title color themes */
.section-title.featured { background-color: #e33c3a; }
.section-title.content-tools { background-color: #f2b90f; }
.section-title.youtube-growth { background-color: #9c27b0; }
.section-title.audio-resources { background-color: #388e3c; }
.section-title.video-production { background-color: #3f51b5; }
.section-title.graphics-visual { background-color: #795548; }
.section-title.livestreaming { background-color: #009688; }
.section-title.engagement-tools { background-color: #607d8b; }
.section-title.free-resources { background-color: #03a9f4; }
.section-title.elgato {
background-color: #5e4a9a;
color: #fff;
border-radius: 6px;
padding: 10px 18px;
font-weight: 700;
font-size: 1.4rem;
margin: 22px 0;
text-align: center;
}
/* Desktop: center section titles and blurbs */
@media (min-width: 601px) {
.section-title,
.section-blurb {
text-align: center;
}
}
/* Responsive tweaks */
@media (max-width: 900px) {
.resource-card {
min-height: 170px;
padding: 12px;
}
}
@media (max-width: 600px) {
.resource-grid {
grid-template-columns: 1fr;
}
.resource-card {
min-height: 160px;
}
.resource-card p {
max-width: 30ch;
-webkit-line-clamp: 3; /* allow one extra line on mobile */
}
}
}
#fw-section-image-with-text-3300a4a8-4b6c-4111-95f0-525c51328f20 {
/* Container around the image */
.image-container {
max-width: 280px; /* same as resource cards */
margin: 0 auto; /* center horizontally */
padding: 20px 0; /* vertical spacing */
}
/* The image itself */
.image-container img {
width: 100%;
height: auto;
max-height: 150px; /* restrict height for better fit */
object-fit: contain;
}
}
#fw-section-custom-html-a7959e7a-b9e9-451d-8df1-06497041d8da {
section.kdcc-glhero {
margin: 0px 0 -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-glhero div.kdcc-glhero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 0;
}
section.kdcc-glhero div.kdcc-glhero-inner div.kdcc-glhero-split {
display: grid;
grid-template-columns: 1fr 360px;
gap: 56px;
align-items: start;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-eyebrow {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
color: #67bb26;
margin-bottom: 16px;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left h1.kdcc-glhero-title {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: clamp(32px, 4.5vw, 52px);
font-weight: 700;
line-height: 1.08;
margin-bottom: 24px;
letter-spacing: -0.5px;
color: #ffffff;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-bridge {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 18px;
line-height: 1.75;
color: rgba(255,255,255,0.75);
margin-bottom: 36px;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-bridge strong {
color: rgba(255,255,255,0.95);
font-weight: 600;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-bridge a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted rgba(20,185,220,0.5);
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-bridge a:hover {
border-bottom-color: #14b9dc;
}
section.kdcc-glhero div.kdcc-glhero-search div.kdcc-glhero-search-box {
position: relative;
max-width: 560px;
}
section.kdcc-glhero div.kdcc-glhero-search span.kdcc-glhero-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: rgba(255,255,255,0.55);
pointer-events: none;
}
section.kdcc-glhero div.kdcc-glhero-search input.kdcc-glhero-search-input {
width: 100%;
padding: 15px 20px 15px 52px;
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
border: 1.5px solid rgba(255,255,255,0.28);
border-radius: 12px;
background: rgba(255,255,255,0.1);
color: #ffffff;
outline: none;
transition: border-color 0.2s ease, background 0.2s ease;
box-sizing: border-box;
}
section.kdcc-glhero div.kdcc-glhero-search input.kdcc-glhero-search-input::placeholder {
color: rgba(255,255,255,0.55);
}
section.kdcc-glhero div.kdcc-glhero-search input.kdcc-glhero-search-input:focus {
border-color: #14b9dc;
background: rgba(255,255,255,0.1);
}
section.kdcc-glhero div.kdcc-glhero-search div.kdcc-glhero-results {
max-width: 560px;
margin-top: 12px;
text-align: left;
border-radius: 14px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.14);
overflow: hidden;
display: none;
}
section.kdcc-glhero div.kdcc-glhero-search div.kdcc-glhero-results.is-open {
display: block;
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-header {
padding: 12px 16px;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-title {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 14px;
color: rgba(255,255,255,0.8);
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-count {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
color: #14b9dc;
background: rgba(20,185,220,0.15);
padding: 2px 10px;
border-radius: 20px;
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-body {
padding: 8px 8px 10px;
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-label {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
color: rgba(255,255,255,0.5);
margin: 10px 8px 6px;
text-transform: uppercase;
letter-spacing: 1px;
}
section.kdcc-glhero div.kdcc-glhero-results a.kdcc-glhero-results-item {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 10px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
color: #ffffff;
transition: background 0.15s ease;
}
section.kdcc-glhero div.kdcc-glhero-results a.kdcc-glhero-results-item:hover {
background: rgba(255,255,255,0.08);
}
section.kdcc-glhero div.kdcc-glhero-results a.kdcc-glhero-results-item strong {
display: block;
font-size: 15px;
line-height: 1.3;
font-weight: 600;
}
section.kdcc-glhero div.kdcc-glhero-results a.kdcc-glhero-results-item small {
display: block;
margin-top: 3px;
font-size: 13px;
color: rgba(255,255,255,0.55);
line-height: 1.4;
}
section.kdcc-glhero div.kdcc-glhero-results span.kdcc-glhero-results-icon {
font-size: 18px;
color: #14b9dc;
margin-top: 2px;
flex: 0 0 auto;
}
section.kdcc-glhero div.kdcc-glhero-results div.kdcc-glhero-results-empty {
padding: 14px 16px;
color: rgba(255,255,255,0.6);
font-size: 14px;
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-right {
padding-top: 20px;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
overflow: hidden;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular p.kdcc-glhero-popular-label {
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
padding: 16px 20px 12px;
display: flex;
align-items: center;
gap: 8px;
border-bottom: 1px solid rgba(255,255,255,0.06);
margin: 0;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular p.kdcc-glhero-popular-label span.material-symbols-outlined {
font-size: 16px;
color: #67bb26;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular div.kdcc-glhero-popular-scroll {
height: 380px;
overflow: hidden;
position: relative;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 88%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 88%, transparent 100%);
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular div.kdcc-glhero-popular-track {
display: flex;
flex-direction: column;
gap: 0;
padding: 8px 0;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular a.kdcc-glhero-pcard {
display: block;
padding: 14px 20px;
text-decoration: none;
color: #ffffff;
transition: background 0.15s ease;
border-bottom: 1px solid rgba(255,255,255,0.04);
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular a.kdcc-glhero-pcard:hover {
background: rgba(255,255,255,0.06);
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular a.kdcc-glhero-pcard span.kdcc-glhero-pcard-badge {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
padding: 3px 10px;
border-radius: 6px;
margin-bottom: 6px;
letter-spacing: 0.3px;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular a.kdcc-glhero-pcard span.kdcc-glhero-pcard-desc {
display: block;
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
line-height: 1.45;
color: rgba(255,255,255,0.5);
}
section.kdcc-glhero div.kdcc-glhero-inner nav.kdcc-glhero-az {
display: flex;
gap: 2px;
padding: 20px 0 28px;
margin-top: 40px;
border-top: 1px solid rgba(255,255,255,0.18);
flex-wrap: wrap;
}
section.kdcc-glhero div.kdcc-glhero-inner nav.kdcc-glhero-az a.kdcc-glhero-az-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-family: 'Space Grotesk', sans-serif;
font-weight: 700;
font-size: 14px;
color: rgba(255,255,255,0.8);
text-decoration: none;
border-radius: 8px;
transition: color 0.15s ease, background 0.15s ease;
}
section.kdcc-glhero div.kdcc-glhero-inner nav.kdcc-glhero-az a.kdcc-glhero-az-link:hover {
color: #ffffff;
background: rgba(255,255,255,0.1);
}
@media (max-width: 1024px) {
section.kdcc-glhero div.kdcc-glhero-inner div.kdcc-glhero-split {
grid-template-columns: 1fr;
gap: 32px;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-right {
padding-top: 0;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular {
max-width: 480px;
}
section.kdcc-glhero div.kdcc-glhero-right div.kdcc-glhero-popular div.kdcc-glhero-popular-scroll {
height: 260px;
}
}
@media (max-width: 768px) {
section.kdcc-glhero div.kdcc-glhero-inner {
padding: 64px 20px 0;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-left p.kdcc-glhero-bridge {
font-size: 16px;
}
section.kdcc-glhero div.kdcc-glhero-split div.kdcc-glhero-right {
display: none;
}
section.kdcc-glhero div.kdcc-glhero-inner nav.kdcc-glhero-az {
margin-top: 32px;
padding-bottom: 32px;
gap: 1px;
}
section.kdcc-glhero div.kdcc-glhero-inner nav.kdcc-glhero-az a.kdcc-glhero-az-link {
width: 34px;
height: 34px;
font-size: 13px;
}
}
}
#fw-section-custom-html-4f3a686b-f81b-4b81-bfdc-91157f0b6155 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-171e6d36-3a05-4dfa-ae57-282e23608fa8 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-f993feb2-aecf-46ff-8d3e-5a48ff46471f {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-c2d161fe-7438-462b-90ef-8a71be85001f {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-86d7a1b2-1477-473a-ab3d-0c8cb401f6dd {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-ec189a19-dff4-424c-9ffa-8c7560802783 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-ea5cef5a-cfc5-4b45-b3a6-8e4d135cdc4b {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-11011090-870f-4878-97e9-d590ec7708d0 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-5ccc0086-5dc0-4b98-b5ba-00def6248696 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-23ed94cb-5084-4044-aa90-0af3fa435cea {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-38515df3-dd7d-4c1e-92d8-1c7abd9fa310 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-2059c1eb-ec50-4e56-a3ae-8e0ea16831d4 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-b787747e-2dc6-4855-973c-92cde9b49121 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-76f96ee1-8423-48d9-ad23-b91264f2c76b {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-e585bb3a-89dc-4fc2-8d35-5b8f9c4ea6c6 {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-54eedd87-d999-4e69-ba47-33c4f244dcfb {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-7cd8f75a-6877-40e0-a069-c930b734f47c {
section.kdcc-glossary-terms {
margin: -70px 0;
padding-top: 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first {
margin-top: 0;
margin-bottom: -70px;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 64px;
}
section.kdcc-glossary-terms:not(.kdcc-glossary-terms--first) div.kdcc-glossary-terms-inner {
border-top: none;
padding-top: 0;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont {
margin-top: -120px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--cont div.kdcc-glossary-terms-inner {
border-top: 1px solid #d8d8da;
padding-top: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner div.kdcc-glossary-content div.letter-section {
margin-bottom: 56px;
scroll-margin-top: 24px;
padding-bottom: 48px;
border-bottom: 2px solid #e5e5e7;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section:last-child {
margin-bottom: 0;
padding-bottom: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 80px;
font-weight: 700;
color: #313540;
opacity: 0.25;
line-height: 1;
margin-bottom: -6px;
padding-top: 8px;
user-select: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
padding: 28px 0;
border-bottom: 1px solid #d8d8da;
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
scroll-margin-top: 24px;
transition: background 0.3s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card:last-child {
border-bottom: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 13px;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 19px;
font-weight: 700;
color: #1d1d1f;
line-height: 1.3;
margin-bottom: 5px;
text-transform: none;
letter-spacing: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a {
color: inherit;
text-decoration: none;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left h3.term-name a:hover {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left span.term-category {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #86868b;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
margin-bottom: 10px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-definition a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-example {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 14px;
color: #86868b;
padding: 10px 0 10px 16px;
border-left: 2px solid #67bb26;
margin-bottom: 10px;
font-style: italic;
line-height: 1.6;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 13px;
color: #86868b;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a {
color: #14b9dc;
text-decoration: none;
font-weight: 500;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-right p.term-related a:hover {
text-decoration: underline;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
background: #f5f5f7;
padding: 32px 28px;
border-radius: 0;
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured div.term-left span.term-badge {
display: inline-block;
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin: 48px -28px;
padding: 36px 44px;
background: #313540;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text {
color: rgba(255,255,255,0.85);
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
margin: 0;
flex: 1;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break p.cta-text strong {
color: #ffffff;
font-weight: 600;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
color: white;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
letter-spacing: 0.3px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break a.cta-button.cta-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
section.kdcc-glossary-terms article.term-card.is-hidden,
section.kdcc-glossary-terms div.letter-section.is-hidden,
section.kdcc-glossary-terms div.glossary-cta-break.is-hidden {
display: none;
}
section.kdcc-glossary-terms article.term-card.is-match {
outline: 2px solid rgba(236,79,89,0.45);
outline-offset: 4px;
border-radius: 8px;
}
section.kdcc-glossary-terms article.term-card.is-active-match {
outline: 3px solid #ec4f59;
outline-offset: 4px;
border-radius: 8px;
background: rgba(236,79,89,0.04);
}
section.kdcc-glossary-terms article.term-card.is-active-match div.term-left h3.term-name {
color: #ec4f59;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
background: rgba(20,185,220,0.08);
border-left: 4px solid #14b9dc;
padding-left: 24px;
margin-left: -28px;
border-radius: 0 12px 12px 0;
animation: kdccTargetPulse 2.5s ease-out forwards;
scroll-margin-top: 80px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target div.term-left h3.term-name {
color: #14b9dc;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured:target {
background: rgba(20,185,220,0.12);
border-left: 4px solid #14b9dc;
padding-left: 28px;
}
@media (max-width: 900px) {
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section article.term-card {
grid-template-columns: 1fr;
gap: 4px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card div.term-left {
position: static;
padding-left: 0;
align-self: start;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
}
@media (max-width: 768px) {
section.kdcc-glossary-terms div.kdcc-glossary-terms-inner {
padding: 0 20px 24px;
}
section.kdcc-glossary-terms.kdcc-glossary-terms--first div.kdcc-glossary-terms-inner {
padding-top: 48px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.letter-section h2.letter-heading {
font-size: 52px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card.featured {
padding: 24px 16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content div.glossary-cta-break {
margin-left: -16px;
margin-right: -16px;
}
section.kdcc-glossary-terms div.kdcc-glossary-content article.term-card:target {
margin-left: -20px;
padding-left: 16px;
}
}
}
#fw-section-custom-html-5c1f8b7f-018f-4c15-bdf3-e2d51da40fa9 {
section.kdcc-glossary-faq {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-glossary-faq div.kdcc-glossary-faq-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-glossary-faq p.kdcc-glfaq-eyebrow {
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
color: #14b9dc;
margin-bottom: 12px;
}
section.kdcc-glossary-faq h2.kdcc-glfaq-title {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
color: #313540;
margin-bottom: 12px;
line-height: 1.1;
}
section.kdcc-glossary-faq p.kdcc-glfaq-bridge {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 18px;
line-height: 1.7;
color: #6e6e73;
margin-bottom: 40px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item {
background: #ffffff;
border-radius: 0 12px 12px 0;
border-left: 4px solid #14b9dc;
cursor: pointer;
transition: border-color 0.25s ease, background 0.25s ease;
overflow: hidden;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item.open {
border-left-color: #ec4f59;
background: #fffbfb;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-question {
padding: 20px 48px 20px 24px;
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 17px;
font-weight: 700;
color: #313540;
position: relative;
line-height: 1.4;
user-select: none;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-question::after {
content: '+';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: 24px;
font-weight: 500;
color: #14b9dc;
transition: transform 0.25s ease, color 0.25s ease;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item.open div.kdcc-glfaq-question::after {
content: '\2212';
color: #ec4f59;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item.open div.kdcc-glfaq-answer {
grid-template-rows: 1fr;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span {
overflow: hidden;
display: block;
padding: 0 24px 0;
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #4a4a4f;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item.open div.kdcc-glfaq-answer span {
padding: 0 24px 20px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span a:hover {
color: #0e8fa8;
border-bottom-style: solid;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span strong {
color: #313540;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span em {
color: #4a4a4f;
font-style: italic;
}
@media (max-width: 768px) {
section.kdcc-glossary-faq div.kdcc-glossary-faq-inner {
padding: 56px 20px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-question {
font-size: 16px;
padding: 16px 44px 16px 20px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item div.kdcc-glfaq-answer span {
font-size: 15px;
}
section.kdcc-glossary-faq div.kdcc-glfaq-list div.kdcc-glfaq-item.open div.kdcc-glfaq-answer span {
padding: 0 20px 16px;
}
}
}
#fw-section-custom-html-aa37dccf-bc5c-405c-aaff-a5212017a6e6 {
section.kdcc-glossary-finalcta {
margin: -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-glossary-finalcta div.kdcc-glossary-finalcta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-glossary-finalcta p.kdcc-glcta-eyebrow {
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
color: #ec4f59;
margin-bottom: 16px;
}
section.kdcc-glossary-finalcta h2.kdcc-glcta-title {
font-family: 'Space Grotesk', -apple-system, sans-serif;
font-size: clamp(28px, 4vw, 44px);
font-weight: 900;
color: #ffffff;
margin-bottom: 20px;
line-height: 1.1;
}
section.kdcc-glossary-finalcta p.kdcc-glcta-description {
font-family: 'DM Sans', -apple-system, sans-serif;
font-size: 17px;
line-height: 1.75;
color: rgba(255,255,255,0.78);
margin-bottom: 36px;
}
section.kdcc-glossary-finalcta p.kdcc-glcta-description strong {
color: rgba(255,255,255,0.95);
font-weight: 600;
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 6px;
text-decoration: none;
font-family: 'DM Sans', -apple-system, sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.5px;
color: #ffffff;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn:hover {
transform: translateY(-2px);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-red {
background: linear-gradient(135deg, #ec4f59 0%, #d93d47 100%);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-blue {
background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-blue:hover {
box-shadow: 0 6px 20px rgba(20,185,220,0.4);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-purple {
background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-purple:hover {
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-green {
background: linear-gradient(135deg, #67bb26 0%, #539a1e 100%);
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
@media (max-width: 768px) {
section.kdcc-glossary-finalcta div.kdcc-glossary-finalcta-inner {
padding: 56px 20px;
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons {
flex-direction: column;
}
section.kdcc-glossary-finalcta div.kdcc-glcta-buttons a.kdcc-glcta-btn {
justify-content: center;
}
}
}
#fw-section-custom-html-8c850122-6e70-4acf-857d-12e6400c9605 {
h1{font-size:2.05rem;color:var(--r);margin-bottom:10px;font-weight:700}
.badge-row {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-top: 10px;
}
.badge,
.badge-free {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px; /* Increased padding for equal height */
border-radius: 8px;
font-size: .9rem;
font-weight: 700;
line-height: 1; /* ensures vertical optic centering */
text-align: center;
min-height: 38px; /* equal baseline height */
}
/* Existing colors preserved */
.badge {
background: linear-gradient(90deg, var(--g), var(--b));
color: #fff;
}
.badge-free {
background: var(--r);
color: #fff;
}
}
#fw-section-tiers-e70ab955-ab86-4a95-a4e1-9a2ddf70a639 {
/* === KDCC tiers PATCH (place after your current CSS) === */
/* 1) Stop forcing tall cards */
.container.wrapper .tiers__tier-inner{
min-height:auto !important; /* ignore inline --tier-height */
}
/* 2) Fix CTA button look and text visibility */
.container.wrapper .tiers__tier-cta .button,
.container.wrapper .button.button--primary{
background-image:linear-gradient(90deg,var(--kdcc-green,#5ed9a0),var(--kdcc-blue,#14b9dc)) !important;
background-color:transparent !important;
color:#fff !important;
border:0 !important;
box-shadow:0 6px 18px rgba(20,185,220,.24) !important;
text-shadow:none !important;
width:100%;
display:inline-block;
text-align:center;
font-weight:800;
border-radius:10px;
}
.container.wrapper .tiers__tier-cta .button *,
.container.wrapper .button.button--primary *{
color:#fff !important; /* in case text is wrapped in a span */
}
/* Remove FW decorative layers that look like an empty pill */
.container.wrapper .tiers__tier-cta .button::before,
.container.wrapper .tiers__tier-cta .button::after{
content:none !important;
}
/* 3) Slightly more breathing room in cards and lists */
.container.wrapper .tiers__tier-inner{ padding:22px 20px !important; }
.container.wrapper .tiers__tier-description{ margin-top:4px; }
.container.wrapper .tiers__tier-content{ margin-top:8px; }
.container.wrapper .tiers__tier-features{ gap:12px; }
/* 4) Make the “Show more” link clearer (if present) */
.container.wrapper .tiers__tier-content .expandable__toggle,
.container.wrapper .tiers__tier-content .read-more,
.container.wrapper .tiers__tier-content a[href*="show"]{
color:var(--kdcc-blue,#14b9dc) !important;
font-weight:800;
text-decoration:none;
}
.container.wrapper .tiers__tier-content .expandable__toggle:hover,
.container.wrapper .tiers__tier-content .read-more:hover{ text-decoration:underline; }
/* 5) Keep headings bold and tidy */
.container.wrapper .tiers__tier-title{ letter-spacing:.2px; }
.container.wrapper .tiers__tier-price{ margin-top:4px; }
/* Hide 4th membership tier card */
.container.wrapper .tiers__tier:nth-of-type(4),
.container.wrapper .grid__column:nth-of-type(4) {
display:none !important;
}
}
#fw-section-custom-html-f6eb9e56-4236-4f13-a0b9-8903b4fbee04 {
section.kdcc-avh {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
margin: -35px 0;
}
section.kdcc-avh div.kdcc-avh-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 60px;
}
section.kdcc-avh div.kdcc-avh-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: stretch;
}
section.kdcc-avh div.kdcc-avh-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
animation: kdcc-avh-fadeUp 0.6s ease both;
}
section.kdcc-avh p.kdcc-avh-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avh h1.kdcc-avh-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #ffffff;
margin: 0 0 20px;
}
section.kdcc-avh p.kdcc-avh-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.8;
color: #b4b9c4;
margin: 0 0 32px;
}
section.kdcc-avh p.kdcc-avh-bridge strong { color: #ffffff; }
section.kdcc-avh div.kdcc-avh-input-card {
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.18);
border-radius: 14px;
padding: 24px;
}
section.kdcc-avh label.kdcc-avh-input-label {
display: block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #b4b9c4;
margin-bottom: 12px;
}
section.kdcc-avh div.kdcc-avh-input-row {
display: flex;
gap: 10px;
}
section.kdcc-avh div.kdcc-avh-input-field {
flex: 1;
position: relative;
}
section.kdcc-avh input.kdcc-avh-input {
width: 100%;
padding: 14px 16px 14px 44px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #ffffff;
background: rgba(255,255,255,0.12);
border: 2px solid rgba(255,255,255,0.22);
border-radius: 10px;
outline: none;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avh input.kdcc-avh-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.2);
}
section.kdcc-avh input.kdcc-avh-input::placeholder { color: #9ca3af; }
div.kdcc-avh-float {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
width: calc(100% - 40px);
max-width: 640px;
}
div.kdcc-avh-float div.kdcc-avh-float-inner {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 18px 20px;
background: #313540;
border: 1px solid rgba(20,185,220,0.3);
border-radius: 14px;
box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(20,185,220,0.15);
position: relative;
}
div.kdcc-avh-float div.kdcc-avh-float-icon {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(20,185,220,0.2);
border-radius: 10px;
flex-shrink: 0;
color: #14b9dc;
}
div.kdcc-avh-float div.kdcc-avh-float-body { flex: 1; min-width: 0; }
div.kdcc-avh-float p.kdcc-avh-float-count {
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 800;
color: #ffffff;
margin: 0 0 4px;
}
div.kdcc-avh-float p.kdcc-avh-float-range {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.5;
color: #b4b9c4;
margin: 0 0 6px;
}
div.kdcc-avh-float p.kdcc-avh-float-range strong { color: #ffffff; }
div.kdcc-avh-float p.kdcc-avh-float-next {
font-family: 'DM Sans', sans-serif;
font-size: 12px;
line-height: 1.4;
color: #67bb26;
margin: 0;
}
div.kdcc-avh-float p.kdcc-avh-float-next strong { color: #67bb26; }
div.kdcc-avh-float button.kdcc-avh-float-close {
position: absolute;
top: 10px;
right: 10px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.08);
border: none;
border-radius: 6px;
color: #9ca3af;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
div.kdcc-avh-float button.kdcc-avh-float-close:hover {
background: rgba(255,255,255,0.15);
color: #ffffff;
}
@media (max-width: 480px) {
div.kdcc-avh-float { bottom: 12px; width: calc(100% - 24px); }
div.kdcc-avh-float div.kdcc-avh-float-inner { padding: 14px 16px; gap: 10px; }
div.kdcc-avh-float div.kdcc-avh-float-icon { width: 32px; height: 32px; }
div.kdcc-avh-float p.kdcc-avh-float-count { font-size: 14px; }
div.kdcc-avh-float p.kdcc-avh-float-range { font-size: 12px; }
}
section.kdcc-avh div.kdcc-avh-input-field::after {
content: '';
position: absolute;
left: 46px;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 22px;
background: #14b9dc;
border-radius: 1px;
animation: kdcc-avh-caret 1s step-end infinite;
pointer-events: none;
}
section.kdcc-avh div.kdcc-avh-input-field:focus-within::after {
display: none;
}
section.kdcc-avh button.kdcc-avh-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 22px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border: none;
border-radius: 10px;
cursor: pointer;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
animation: kdcc-avh-pulse 2s ease infinite;
}
section.kdcc-avh button.kdcc-avh-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-avh div.kdcc-avh-dual {
position: relative;
display: flex;
gap: 4px;
min-height: 480px;
align-self: stretch;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
animation: kdcc-avh-fadeUp 0.8s ease 0.2s both;
}
section.kdcc-avh div.kdcc-avh-dual-left { border-radius: 16px 0 0 16px; }
section.kdcc-avh div.kdcc-avh-dual-right { border-radius: 0 16px 16px 0; }
section.kdcc-avh div.kdcc-avh-dual-side {
position: relative;
flex: 1;
overflow: hidden;
cursor: pointer;
transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avh div.kdcc-avh-dual:hover div.kdcc-avh-dual-side {
flex: 0.2;
}
section.kdcc-avh div.kdcc-avh-dual div.kdcc-avh-dual-side:hover {
flex: 0.8;
}
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-left div.kdcc-avh-dual-left {
flex: 0.8;
}
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-left div.kdcc-avh-dual-right {
flex: 0.2;
}
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-right div.kdcc-avh-dual-right {
flex: 0.8;
}
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-right div.kdcc-avh-dual-left {
flex: 0.2;
}
section.kdcc-avh div.kdcc-avh-dual-side img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
section.kdcc-avh div.kdcc-avh-dual-side:hover img {
transform: scale(1.05);
}
section.kdcc-avh div.kdcc-avh-dual-left::after {
content: '';
position: absolute;
right: -2px;
top: 0;
bottom: 0;
width: 4px;
background: #14b9dc;
z-index: 5;
}
section.kdcc-avh div.kdcc-avh-dual-label {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.65);
backdrop-filter: blur(4px);
border-radius: 8px;
}
section.kdcc-avh span.kdcc-avh-dual-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 40px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avh span.kdcc-avh-dual-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.75);
}
section.kdcc-avh div.kdcc-avh-dual-hint {
position: absolute;
top: 16px;
bottom: auto;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: rgba(20,185,220,0.85);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #ffffff;
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease;
}
section.kdcc-avh div.kdcc-avh-dual:hover div.kdcc-avh-dual-hint,
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-left div.kdcc-avh-dual-hint,
section.kdcc-avh div.kdcc-avh-dual.kdcc-avh-lock-right div.kdcc-avh-dual-hint {
opacity: 0;
}
@media (max-width: 1024px) {
section.kdcc-avh div.kdcc-avh-grid {
grid-template-columns: 1fr;
gap: 32px;
}
section.kdcc-avh div.kdcc-avh-content { justify-content: flex-start; }
section.kdcc-avh div.kdcc-avh-dual { min-height: 360px; height: 360px; }
}
@media (max-width: 768px) {
section.kdcc-avh div.kdcc-avh-inner { padding: 60px 20px 40px; }
section.kdcc-avh div.kdcc-avh-dual { min-height: 280px; height: 280px; }
section.kdcc-avh div.kdcc-avh-input-row { flex-direction: column; }
section.kdcc-avh button.kdcc-avh-btn { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
section.kdcc-avh div.kdcc-avh-dual { min-height: 220px; height: 220px; }
section.kdcc-avh div.kdcc-avh-dual-label { padding: 6px 10px; }
section.kdcc-avh span.kdcc-avh-dual-num { font-size: 24px; }
}
}
#fw-section-custom-html-7b190a15-60c0-4342-87e6-aea988c39393 {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-e0a97727-2b19-4e0f-91be-bd131a4b2f7f {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-8b8cf262-7931-45f0-ad28-02d946ac2553 {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-03af808f-4fcc-4dd7-b460-98a95e4d3f2b {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-b3923b88-ce19-4f7f-b0b9-6d1d3193a2dd {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-76524a15-89df-4224-9415-2065956c4bc5 {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-7af5511f-202b-4b5d-872b-0f5b5978d74c {
section.kdcc-avm {
color: #313540;
margin: -35px 0;
}
section.kdcc-avm.kdcc-avm-light {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-white {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
}
section.kdcc-avm.kdcc-avm-dark {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-avm div.kdcc-avm-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avm p.kdcc-avm-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avm h2.kdcc-avm-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avm.kdcc-avm-dark h2.kdcc-avm-title { color: #ffffff; }
section.kdcc-avm p.kdcc-avm-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 48px;
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-bridge { color: #b4b9c4; }
section.kdcc-avm div.kdcc-avm-stack {
display: flex;
flex-direction: column;
gap: 32px;
}
section.kdcc-avm div.kdcc-avm-row {
display: grid;
gap: 0;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-60px) scale(0.97);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
section.kdcc-avm div.kdcc-avm-row-flip {
transform: translateX(60px) scale(0.97);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible {
opacity: 1;
transform: translateX(0) scale(1);
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-highlight {
border: 2px solid #14b9dc;
box-shadow: 0 0 0 6px rgba(20,185,220,0.2), 0 12px 32px rgba(0,0,0,0.12);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
section.kdcc-avm div.kdcc-avm-you-banner {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
background: rgba(20,185,220,0.92);
backdrop-filter: blur(4px);
border-radius: 20px;
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
section.kdcc-avm div.kdcc-avm-row-xs { grid-template-columns: 28% 1fr; }
section.kdcc-avm div.kdcc-avm-row-sm { grid-template-columns: 35% 1fr; }
section.kdcc-avm div.kdcc-avm-row-md { grid-template-columns: 45% 1fr; }
section.kdcc-avm div.kdcc-avm-row-lg { grid-template-columns: 55% 1fr; min-height: 420px; }
section.kdcc-avm div.kdcc-avm-row-xl { grid-template-columns: 62% 1fr; min-height: 500px; }
section.kdcc-avm div.kdcc-avm-row-full {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img {
min-height: 520px;
max-height: 640px;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-badge {
bottom: 20px;
left: 24px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-full div.kdcc-avm-row-content {
padding: 32px;
}
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img {
min-height: 620px;
max-height: 780px;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
z-index: 3;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-badge {
bottom: 24px;
left: 28px;
z-index: 5;
}
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-content {
padding: 36px;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: rtl; }
section.kdcc-avm div.kdcc-avm-row-flip > * { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img {
position: relative;
overflow: hidden;
min-height: 280px;
}
section.kdcc-avm div.kdcc-avm-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
section.kdcc-avm div.kdcc-avm-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.8) brightness(0.6) blur(3px);
transform: scale(1.12);
transition: filter 0.8s ease, transform 0.8s ease;
}
section.kdcc-avm div.kdcc-avm-row.kdcc-avm-visible div.kdcc-avm-img-wrap img {
filter: grayscale(0) brightness(1) blur(0px);
transform: scale(1);
}
section.kdcc-avm div.kdcc-avm-row-badge {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 5;
display: flex;
align-items: baseline;
gap: 6px;
padding: 8px 16px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 10px;
}
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: auto;
right: 16px;
}
section.kdcc-avm span.kdcc-avm-badge-num {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 900;
color: #ffffff;
line-height: 1;
}
section.kdcc-avm span.kdcc-avm-badge-unit {
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
}
section.kdcc-avm div.kdcc-avm-row-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 28px;
}
section.kdcc-avm div.kdcc-avm-row-xs div.kdcc-avm-row-content { padding: 18px 24px; }
section.kdcc-avm div.kdcc-avm-row-sm div.kdcc-avm-row-content { padding: 20px 26px; }
section.kdcc-avm div.kdcc-avm-row-scale {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: rgba(254,215,113,0.18);
border-radius: 6px;
margin-bottom: 14px;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
align-self: flex-start;
}
section.kdcc-avm p.kdcc-avm-row-analogy {
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #4a4a4f;
margin: 0 0 16px;
}
section.kdcc-avm div.kdcc-avm-row-fact {
display: flex;
gap: 8px;
padding: 12px 14px;
background: rgba(20,185,220,0.06);
border-radius: 8px;
}
section.kdcc-avm div.kdcc-avm-row-fact p {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avm.kdcc-avm-dark p.kdcc-avm-row-analogy { color: #d1d5db; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact { background: rgba(20,185,220,0.1); }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-fact p { color: #b4b9c4; }
section.kdcc-avm.kdcc-avm-dark div.kdcc-avm-row-scale { background: rgba(236,79,89,0.15); color: #f87171; }
section.kdcc-avm div.kdcc-avm-closing {
text-align: center;
padding: 64px 0 0;
}
section.kdcc-avm p.kdcc-avm-closing-text {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
line-height: 1.8;
color: #b4b9c4;
max-width: 720px;
margin: 0 auto 32px;
}
section.kdcc-avm div.kdcc-avm-closing-cta {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
section.kdcc-avm a.kdcc-avm-btn-discord {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-discord:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.4);
}
section.kdcc-avm a.kdcc-avm-btn-membership {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
background: #ec4f59;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avm a.kdcc-avm-btn-membership:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
@media (max-width: 768px) {
section.kdcc-avm div.kdcc-avm-inner { padding: 60px 20px; }
section.kdcc-avm div.kdcc-avm-row-xs,
section.kdcc-avm div.kdcc-avm-row-sm,
section.kdcc-avm div.kdcc-avm-row-md,
section.kdcc-avm div.kdcc-avm-row-lg,
section.kdcc-avm div.kdcc-avm-row-xl,
section.kdcc-avm div.kdcc-avm-row-full,
section.kdcc-avm div.kdcc-avm-row-epic {
grid-template-columns: 1fr;
min-height: auto;
}
section.kdcc-avm div.kdcc-avm-row-flip { direction: ltr; }
section.kdcc-avm div.kdcc-avm-row-img { min-height: 300px; }
section.kdcc-avm div.kdcc-avm-row-epic div.kdcc-avm-row-img { min-height: 400px; }
section.kdcc-avm div.kdcc-avm-row-flip div.kdcc-avm-row-badge {
left: 16px;
right: auto;
}
section.kdcc-avm div.kdcc-avm-row-content { padding: 20px; }
section.kdcc-avm div.kdcc-avm-stack { gap: 24px; }
}
}
#fw-section-custom-html-371643aa-19a1-4ef8-b7c8-13c334f326f2 {
section.kdcc-avf {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-avf div.kdcc-avf-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avf p.kdcc-avf-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avf h2.kdcc-avf-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 16px;
}
section.kdcc-avf p.kdcc-avf-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 40px;
}
section.kdcc-avf div.kdcc-avf-list {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-avf div.kdcc-avf-item {
background: #f9fafb;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
overflow: hidden;
transition: border-color 0.3s ease, background 0.3s ease;
}
section.kdcc-avf div.kdcc-avf-item.kdcc-avf-open {
border-left-color: #ec4f59;
background: #fef7f7;
}
section.kdcc-avf div.kdcc-avf-q {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px;
cursor: pointer;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #313540;
gap: 12px;
}
section.kdcc-avf div.kdcc-avf-q:hover { color: #14b9dc; }
section.kdcc-avf span.kdcc-avf-icon {
font-size: 22px;
color: #9ca3af;
transition: transform 0.3s ease;
flex-shrink: 0;
}
section.kdcc-avf div.kdcc-avf-item.kdcc-avf-open span.kdcc-avf-icon {
transform: rotate(180deg);
color: #ec4f59;
}
section.kdcc-avf div.kdcc-avf-a {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
section.kdcc-avf div.kdcc-avf-item.kdcc-avf-open div.kdcc-avf-a {
grid-template-rows: 1fr;
}
section.kdcc-avf div.kdcc-avf-a span {
overflow: hidden;
font-family: 'DM Sans', sans-serif;
font-size: 15px;
line-height: 1.7;
color: #4a4a4f;
padding: 0 20px;
}
section.kdcc-avf div.kdcc-avf-item.kdcc-avf-open div.kdcc-avf-a span {
padding: 0 20px 18px;
}
@media (max-width: 768px) {
section.kdcc-avf div.kdcc-avf-inner { padding: 60px 20px; }
section.kdcc-avf div.kdcc-avf-q { font-size: 15px; padding: 16px; }
section.kdcc-avf div.kdcc-avf-a span { font-size: 14px; }
section.kdcc-avf div.kdcc-avf-item.kdcc-avf-open div.kdcc-avf-a span { padding: 0 16px 16px; }
}
}
#fw-section-custom-html-a60441e4-1d42-4477-8d7c-d695894f6dcd {
section.kdcc-avc {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
margin: -35px 0;
}
section.kdcc-avc div.kdcc-avc-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-avc p.kdcc-avc-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
margin: 0 0 16px;
}
section.kdcc-avc h2.kdcc-avc-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #ffffff;
margin: 0 0 24px;
}
section.kdcc-avc p.kdcc-avc-desc {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.8;
color: #b4b9c4;
margin: 0 0 36px;
}
section.kdcc-avc p.kdcc-avc-desc strong { color: #ffffff; }
section.kdcc-avc p.kdcc-avc-desc a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-avc p.kdcc-avc-desc a:hover { border-bottom-style: solid; }
section.kdcc-avc div.kdcc-avc-buttons-primary {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 36px;
}
section.kdcc-avc a.kdcc-avc-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
border-radius: 6px;
text-decoration: none;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-avc a.kdcc-avc-btn:hover { transform: translateY(-2px); }
section.kdcc-avc a.kdcc-avc-btn-beginner { background: #67bb26; }
section.kdcc-avc a.kdcc-avc-btn-beginner:hover { box-shadow: 0 6px 20px rgba(103,187,38,0.4); }
section.kdcc-avc a.kdcc-avc-btn-newsletter { background: #7c3aed; }
section.kdcc-avc a.kdcc-avc-btn-newsletter:hover { box-shadow: 0 6px 20px rgba(124,58,237,0.4); }
section.kdcc-avc div.kdcc-avc-resources {
padding-top: 32px;
border-top: 1px solid rgba(255,255,255,0.1);
}
section.kdcc-avc p.kdcc-avc-resources-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-avc div.kdcc-avc-resources-links {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
section.kdcc-avc a.kdcc-avc-resource {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 8px;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
section.kdcc-avc a.kdcc-avc-resource:hover {
background: rgba(20,185,220,0.12);
border-color: rgba(20,185,220,0.3);
transform: translateY(-1px);
}
section.kdcc-avc a.kdcc-avc-resource span.material-symbols-outlined { color: #14b9dc; }
section.kdcc-avc p.kdcc-avc-credits {
font-family: 'DM Sans', sans-serif;
font-size: 12px;
line-height: 1.6;
color: #6e6e73;
margin: 32px 0 0;
}
section.kdcc-avc p.kdcc-avc-credits a {
color: #9ca3af;
text-decoration: none;
border-bottom: 1px dotted #6e6e73;
}
section.kdcc-avc p.kdcc-avc-credits a:hover { color: #14b9dc; border-bottom-color: #14b9dc; }
@media (max-width: 768px) {
section.kdcc-avc div.kdcc-avc-inner { padding: 60px 20px; }
section.kdcc-avc div.kdcc-avc-buttons-primary { flex-direction: column; }
section.kdcc-avc a.kdcc-avc-btn { width: 100%; justify-content: center; }
section.kdcc-avc div.kdcc-avc-resources-links { flex-direction: column; }
section.kdcc-avc a.kdcc-avc-resource { width: 100%; justify-content: center; }
}
}
#fw-section-custom-html-2df938be-9bf7-4eca-8329-068a38f17124 {
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');
.kdcc-av,
.kdcc-av * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.kdcc-av {
--kdcc-dark: #313540;
--kdcc-blue: #14b9dc;
--kdcc-red: #ec4f59;
--kdcc-green: #67bb26;
--kdcc-yellow: #fed771;
--kdcc-bg: #f8fafc;
--kdcc-white: #ffffff;
--kdcc-border: #e2e8f0;
--kdcc-text: #1e293b;
--kdcc-sub: #64748b;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--kdcc-bg);
color: var(--kdcc-text);
min-height: 100vh;
}
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
/* Hero */
.kdcc-av__hero {
position: relative;
text-align: center;
padding: 48px 24px 40px;
background: linear-gradient(180deg, #ffffff 0%, var(--kdcc-bg) 100%);
}
.kdcc-av__hero > * {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.kdcc-av__badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(20,185,220,0.1);
border: 1px solid rgba(20,185,220,0.25);
border-radius: 999px;
padding: 6px 14px;
font-size: 12px;
font-weight: 600;
color: var(--kdcc-blue);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
.kdcc-av__badge .material-symbols-outlined {
font-size: 18px;
}
.kdcc-av__hero h1 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 800;
line-height: 1.15;
margin-bottom: 16px;
color: var(--kdcc-blue);
}
.kdcc-av__hero > p {
font-size: clamp(16px, 2vw, 18px);
color: var(--kdcc-sub);
line-height: 1.6;
margin: 0 auto 32px;
text-align: left;
}
/* Subscriber input */
.kdcc-av__input-wrap {
max-width: 520px;
margin: 0 auto;
background: var(--kdcc-white);
border: 1px solid var(--kdcc-border);
border-radius: 16px;
padding: 28px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.kdcc-av__input-label {
display: block;
font-size: 15px;
font-weight: 600;
color: var(--kdcc-text);
margin-bottom: 14px;
text-align: center;
}
.kdcc-av__input-row {
display: flex;
gap: 12px;
align-items: stretch;
}
.kdcc-av__input-field {
flex: 1;
position: relative;
}
.kdcc-av__input-field input {
width: 100%;
padding: 14px 16px 14px 48px;
font-size: 18px;
font-weight: 600;
color: var(--kdcc-text);
background: var(--kdcc-bg);
border: 2px solid var(--kdcc-border);
border-radius: 10px;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s;
}
.kdcc-av__input-field input:focus {
border-color: var(--kdcc-blue);
box-shadow: 0 0 0 4px rgba(20,185,220,0.12);
}
.kdcc-av__input-field input::placeholder {
color: var(--kdcc-sub);
font-weight: 400;
}
.kdcc-av__input-field .material-symbols-outlined {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--kdcc-sub);
font-size: 22px;
}
.kdcc-av__input-btn {
padding: 14px 24px;
font-size: 15px;
font-weight: 700;
color: #fff;
background: var(--kdcc-blue);
border: none;
border-radius: 10px;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
white-space: nowrap;
}
.kdcc-av__input-btn:hover {
background: #0ea5c7;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
/* Result card */
.kdcc-av__result {
display: none;
margin-top: 20px;
padding: 20px;
background: linear-gradient(135deg, rgba(103,187,38,0.08) 0%, rgba(103,187,38,0.04) 100%);
border: 1px solid rgba(103,187,38,0.25);
border-radius: 12px;
text-align: left;
}
.kdcc-av__result.active {
display: block;
animation: kdcc-av-slideUp 0.4s ease;
}
@keyframes kdcc-av-slideUp {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.kdcc-av__result-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.kdcc-av__result-header .material-symbols-outlined {
color: var(--kdcc-green);
font-size: 22px;
}
.kdcc-av__result-header span {
font-size: 13px;
font-weight: 700;
color: var(--kdcc-green);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.kdcc-av__result-text {
font-size: 16px;
line-height: 1.55;
color: var(--kdcc-text);
}
.kdcc-av__result-text strong {
color: var(--kdcc-blue);
font-weight: 700;
}
.kdcc-av__result-next {
display: flex;
align-items: center;
gap: 8px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(103,187,38,0.2);
font-size: 14px;
color: var(--kdcc-sub);
}
.kdcc-av__result-next .material-symbols-outlined {
font-size: 20px;
color: #d97706;
}
/* Progress bar */
.kdcc-av__progress {
position: sticky;
top: 0;
z-index: 100;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--kdcc-border);
padding: 16px 24px;
}
.kdcc-av__progress-inner {
max-width: 1100px;
margin: 0 auto;
}
.kdcc-av__progress-bar {
position: relative;
height: 6px;
background: var(--kdcc-border);
border-radius: 3px;
overflow: visible;
}
.kdcc-av__progress-fill {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
background: linear-gradient(90deg, var(--kdcc-blue) 0%, var(--kdcc-green) 100%);
border-radius: 3px;
transition: width 0.25s ease;
}
.kdcc-av__progress-markers {
position: relative;
margin-top: 10px;
height: 18px;
}
.kdcc-av__progress-marker {
position: absolute;
top: 0;
transform: translateX(-50%);
font-size: 11px;
font-weight: 600;
color: var(--kdcc-sub);
cursor: pointer;
transition: color 0.2s;
}
.kdcc-av__progress-marker:hover,
.kdcc-av__progress-marker.active {
color: var(--kdcc-blue);
}
.kdcc-av__jump {
display: flex;
align-items: center;
gap: 10px;
margin-top: 12px;
}
.kdcc-av__jump span {
font-size: 13px;
color: var(--kdcc-sub);
}
.kdcc-av__jump select {
flex: 1;
max-width: 180px;
padding: 8px 12px;
font-size: 14px;
color: var(--kdcc-text);
background: var(--kdcc-white);
border: 1px solid var(--kdcc-border);
border-radius: 8px;
cursor: pointer;
}
/* Goal Toast (Option B) */
.kdcc-av__toast {
position: fixed;
bottom: -100px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: var(--kdcc-dark);
border-radius: 12px;
padding: 16px 20px;
box-shadow: 0 8px 32px rgba(0,0,0,0.25);
transition: bottom 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
max-width: 90%;
width: 520px;
}
.kdcc-av__toast.active {
bottom: 24px;
}
.kdcc-av__toast-content {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.kdcc-av__toast-content > .material-symbols-outlined {
font-size: 24px;
color: var(--kdcc-yellow);
}
.kdcc-av__toast-text {
flex: 1;
font-size: 15px;
font-weight: 600;
color: #fff;
min-width: 140px;
}
.kdcc-av__toast-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
font-size: 14px;
font-weight: 700;
color: #fff;
background: var(--kdcc-blue);
border-radius: 8px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
}
.kdcc-av__toast-btn:hover {
background: #0ea5c7;
transform: translateY(-1px);
}
.kdcc-av__toast-close {
background: none;
border: none;
padding: 4px;
cursor: pointer;
color: rgba(255,255,255,0.6);
transition: color 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.kdcc-av__toast-close:hover {
color: #fff;
}
.kdcc-av__toast-close .material-symbols-outlined {
font-size: 20px;
}
/* Main grid */
.kdcc-av__main {
max-width: 1400px;
margin: 0 auto;
padding: 32px 24px 60px;
}
.kdcc-av__grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
justify-items: center;
}
@media (min-width: 680px) {
.kdcc-av__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.kdcc-av__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.kdcc-av__card:last-child:nth-child(3n+1) {
grid-column: 1 / -1;
max-width: 380px;
}
@media (max-width: 999px) and (min-width: 680px) {
.kdcc-av__card:last-child:nth-child(2n+1) {
grid-column: 1 / -1;
max-width: 380px;
}
}
/* Cards */
.kdcc-av__card {
position: relative;
background: var(--kdcc-white);
border: 1px solid var(--kdcc-border);
border-radius: 16px;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
cursor: pointer;
}
.kdcc-av__card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.1);
border-color: var(--kdcc-blue);
}
.kdcc-av__card:focus {
outline: 3px solid var(--kdcc-blue);
outline-offset: 2px;
}
/* Click hint on hover */
.kdcc-av__card-click-hint {
position: absolute;
bottom: 12px;
right: 12px;
display: flex;
align-items: center;
gap: 4px;
padding: 6px 10px;
background: rgba(0,0,0,0.7);
border-radius: 6px;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.2s, transform 0.2s;
pointer-events: none;
}
.kdcc-av__card:hover .kdcc-av__card-click-hint {
opacity: 1;
transform: translateY(0);
}
.kdcc-av__card.expanded .kdcc-av__card-click-hint {
opacity: 0;
}
.kdcc-av__card-click-hint .material-symbols-outlined {
font-size: 16px;
color: #fff;
}
.kdcc-av__card-click-hint span {
font-size: 11px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.3px;
}
/* Current / achieved */
.kdcc-av__card.current {
border: 2px solid var(--kdcc-green);
box-shadow: 0 0 0 4px rgba(103,187,38,0.15);
}
.kdcc-av__card.current::before {
content: "YOU ARE HERE";
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
padding: 6px 12px;
font-size: 10px;
font-weight: 700;
color: #fff;
background: var(--kdcc-green);
border-radius: 6px;
letter-spacing: 0.5px;
}
.kdcc-av__card.achieved {
border-color: rgba(20,185,220,0.4);
}
.kdcc-av__card.achieved .kdcc-av__card-num {
color: var(--kdcc-blue);
}
/* Card image */
.kdcc-av__card-img {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #f1f5f9;
}
.kdcc-av__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.kdcc-av__card:hover .kdcc-av__card-img img {
transform: scale(1.06);
}
/* Number overlay */
.kdcc-av__card-number {
position: absolute;
bottom: 12px;
left: 16px;
z-index: 5;
display: inline-flex;
align-items: baseline;
gap: 6px;
}
.kdcc-av__card-num {
font-size: clamp(32px, 7vw, 48px);
font-weight: 800;
color: #fff;
text-shadow: 0 2px 10px rgba(0,0,0,0.4);
line-height: 1;
}
.kdcc-av__card-unit {
font-size: 13px;
font-weight: 500;
color: rgba(255,255,255,0.85);
}
.kdcc-av__card-number--active {
padding: 4px 10px;
background: var(--kdcc-red);
border-radius: 999px;
}
.kdcc-av__card-number--active .kdcc-av__card-num,
.kdcc-av__card-number--active .kdcc-av__card-unit {
color: #ffffff;
text-shadow: none;
}
/* Card body */
.kdcc-av__card-body {
padding: 18px 20px 20px;
}
.kdcc-av__card-scale {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px;
background: rgba(254,215,113,0.25);
border-radius: 6px;
margin-bottom: 10px;
}
.kdcc-av__card-scale .material-symbols-outlined {
font-size: 16px;
color: #b45309;
}
.kdcc-av__card-scale span {
font-size: 11px;
font-weight: 700;
color: #92400e;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.kdcc-av__card-analogy {
font-size: 15px;
line-height: 1.55;
color: var(--kdcc-sub);
}
/* Play buttons */
.kdcc-av__card-milestone {
display: flex;
align-items: center;
gap: 8px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--kdcc-border);
}
.kdcc-av__card-milestone .material-symbols-outlined {
font-size: 20px;
}
.kdcc-av__card-milestone span {
font-size: 12px;
font-weight: 600;
}
.kdcc-av__card-milestone.silver .material-symbols-outlined { color: #9ca3af; }
.kdcc-av__card-milestone.silver span { color: #6b7280; }
.kdcc-av__card-milestone.gold .material-symbols-outlined { color: #f59e0b; }
.kdcc-av__card-milestone.gold span { color: #b45309; }
.kdcc-av__card-milestone.diamond .material-symbols-outlined { color: #3b82f6; }
.kdcc-av__card-milestone.diamond span { color: #1d4ed8; }
/* Expanded content (Option A) */
.kdcc-av__card-expanded {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s ease;
margin-top: 0;
}
.kdcc-av__card.expanded .kdcc-av__card-expanded {
max-height: 200px;
opacity: 1;
margin-top: 16px;
}
.kdcc-av__card-fact {
display: flex;
gap: 10px;
padding: 14px;
background: linear-gradient(135deg, rgba(20,185,220,0.08) 0%, rgba(20,185,220,0.03) 100%);
border-radius: 10px;
margin-bottom: 14px;
}
.kdcc-av__card-fact .material-symbols-outlined {
font-size: 20px;
color: var(--kdcc-blue);
flex-shrink: 0;
margin-top: 2px;
}
.kdcc-av__card-fact p {
font-size: 14px;
line-height: 1.5;
color: var(--kdcc-text);
}
/* CTA buttons in cards */
.kdcc-av__card-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 12px 16px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-decoration: none;
border-radius: 10px;
transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.kdcc-av__card-cta:hover {
transform: translateY(-2px);
}
.kdcc-av__card-cta .material-symbols-outlined {
font-size: 18px;
}
.kdcc-av__card-cta .material-symbols-outlined:last-child {
margin-left: auto;
}
.kdcc-av__card-cta.beginner {
background: linear-gradient(135deg, var(--kdcc-green) 0%, #4a9c1c 100%);
}
.kdcc-av__card-cta.beginner:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.35);
}
.kdcc-av__card-cta.knowledge {
background: linear-gradient(135deg, var(--kdcc-blue) 0%, #0e8fa8 100%);
}
.kdcc-av__card-cta.knowledge:hover {
box-shadow: 0 6px 20px rgba(20,185,220,0.35);
}
.kdcc-av__card-cta.authority {
background: linear-gradient(135deg, var(--kdcc-red) 0%, #d93d47 100%);
}
.kdcc-av__card-cta.authority:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.35);
}
.kdcc-av__card-cta.partner {
background: linear-gradient(135deg, var(--kdcc-dark) 0%, #1f232a 100%);
}
.kdcc-av__card-cta.partner:hover {
box-shadow: 0 6px 20px rgba(49,53,64,0.35);
}
/* Footer */
.kdcc-av__footer {
text-align: center;
padding: 24px;
font-size: 13px;
color: var(--kdcc-sub);
}
.kdcc-av__footer a {
color: var(--kdcc-blue);
text-decoration: none;
}
.kdcc-av__footer a:hover {
text-decoration: underline;
}
/* Mobile tweaks */
@media (max-width: 520px) {
.kdcc-av__input-row {
flex-direction: column;
}
.kdcc-av__input-btn {
width: 100%;
}
.kdcc-av__progress-markers {
height: 22px;
}
.kdcc-av__toast {
width: calc(100% - 32px);
padding: 14px 16px;
}
.kdcc-av__toast-content {
gap: 10px;
}
.kdcc-av__toast-btn {
width: 100%;
justify-content: center;
margin-top: 4px;
}
}
}
#fw-section-custom-html-61ebfed6-b76e-43b5-b060-013855c937a6 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ec4f59;
--color-background-rgb: 236, 79, 89;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 127;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* KDCC Newsletter Signup - NO SHADOWS, Perfect Readability */
.kdcc-signup {
--kdcc-red: #ec4f59;
--kdcc-blue: #14b9dc;
--kdcc-blue-light: #2dd4f4; /* Lighter, brighter blue */
--kdcc-blue-medium: #14b9dc; /* Original KDCC blue */
--kdcc-dark: #313540;
max-width: 100% !important;
margin: 0 !important;
background: #ec4f59 !important;
border: none !important;
border-radius: 0 !important;
padding: clamp(40px, 8vw, 60px) 24px !important;
box-shadow: none !important;
text-align: center !important;
}
/* Nuclear option - Remove ALL shadows from everything */
.kdcc-signup *,
.kdcc-signup *::before,
.kdcc-signup *::after {
box-shadow: none !important;
}
/* Remove any default ConvertKit padding/margins */
.kdcc-signup > div,
.kdcc-signup [data-style="minimal"] {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* Heading - Responsive sizing */
.kdcc-signup .formkit-header {
margin: 0 0 clamp(16px, 3vw, 24px) !important;
text-align: center !important;
}
.kdcc-signup .formkit-header h2 {
color: white !important;
font-weight: 900 !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-align: center !important;
margin: 0 !important;
font-size: clamp(28px, 5vw, 50px) !important;
letter-spacing: -1px !important;
white-space: normal !important;
}
/* Subheader - Responsive sizing */
.kdcc-signup .formkit-subheader {
margin: 0 0 clamp(24px, 5vw, 40px) !important;
text-align: center !important;
color: white !important;
font-size: clamp(14px, 2vw, 22px) !important;
line-height: 1.6 !important;
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
opacity: 0.95 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-subheader p {
margin: 0 0 8px !important;
}
.kdcc-signup .formkit-subheader p:last-child {
margin-bottom: 0 !important;
}
.kdcc-signup .formkit-subheader strong {
font-weight: 400 !important;
}
/* Form Fields - Responsive layout */
.kdcc-signup .formkit-fields {
margin: 0 auto !important;
display: flex !important;
gap: clamp(12px, 2vw, 16px) !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
max-width: 700px !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-field {
flex: 1 1 280px !important;
min-width: 0 !important;
box-shadow: none !important;
}
/* Input Field - NO SHADOW */
.kdcc-signup .formkit-input {
width: 100% !important;
background: white !important;
color: var(--kdcc-dark) !important;
border: none !important;
border-radius: 12px !important;
padding: clamp(14px, 2vw, 18px) clamp(16px, 2vw, 20px) !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
line-height: 1.25 !important;
transition: all 0.2s !important;
box-shadow: none !important;
text-align: center !important;
}
.kdcc-signup .formkit-input::placeholder {
color: #666 !important;
font-weight: 700 !important;
text-align: center !important;
}
.kdcc-signup .formkit-input:focus {
outline: none !important;
box-shadow: none !important;
transform: translateY(-2px) !important;
}
/* Pulse Animation - NO shadows in animation */
@keyframes button-pulse {
0% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-2px) scale(1.02);
}
100% {
transform: translateY(0) scale(1);
}
}
/* Submit Button - NO SHADOWS, readable white text */
.kdcc-signup .formkit-submit {
flex: 1 1 280px !important;
border: none !important;
border-radius: 12px !important;
/* Lighter, brighter blue gradient */
background: linear-gradient(135deg, var(--kdcc-blue-light) 0%, var(--kdcc-blue-medium) 100%) !important;
color: white !important;
font-weight: 800 !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
padding: clamp(14px, 2vw, 18px) clamp(24px, 4vw, 48px) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
/* Text shadow for better readability */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
/* Pulse animation with NO box-shadow */
animation: button-pulse 2s ease-in-out infinite !important;
box-shadow: none !important;
position: relative !important;
z-index: 1 !important;
}
/* Hover state - NO brightness filter for readable text */
.kdcc-signup .formkit-submit:hover {
animation: none !important;
/* Just lift and scale - NO brightness change, NO shadow */
transform: translateY(-4px) scale(1.05) !important;
box-shadow: none !important;
/* Keep white text perfectly readable */
filter: none !important;
}
.kdcc-signup .formkit-submit:active {
transform: translateY(-1px) scale(0.98) !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-submit:focus {
outline: none !important;
animation: none !important;
/* No shadow on focus either */
box-shadow: none !important;
/* Optional: Add a subtle border for focus indicator */
outline: 3px solid rgba(255, 255, 255, 0.5) !important;
outline-offset: 2px !important;
}
/* Button text - ensure it stays white and readable */
.kdcc-signup .formkit-submit span {
color: white !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}
/* Guarantee Text - Responsive */
.kdcc-signup .formkit-guarantee {
margin: clamp(16px, 3vw, 24px) 0 0 !important;
text-align: center !important;
color: white !important;
font-size: clamp(13px, 1.5vw, 17px) !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-guarantee p {
margin: 0 !important;
}
/* ConvertKit Alerts */
.kdcc-signup .formkit-alert {
width: 100% !important;
margin: 14px 0 0 !important;
text-align: center !important;
border-radius: 10px !important;
box-shadow: none !important;
}
/* Spinner - White color to match button */
.kdcc-signup .formkit-spinner {
display: none !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
margin-right: 8px !important;
}
/* Show spinner when form is submitting - remove pulse animation */
.kdcc-signup .formkit-submit[data-active="true"] {
animation: none !important;
}
.kdcc-signup .formkit-submit[data-active="true"] .formkit-spinner {
display: inline-block !important;
}
.kdcc-signup .formkit-spinner div {
box-sizing: border-box !important;
display: block !important;
position: absolute !important;
width: 16px !important;
height: 16px !important;
margin: 2px !important;
border: 2px solid !important;
border-radius: 50% !important;
animation: formkit-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite !important;
border-color: white transparent transparent transparent !important;
}
@keyframes formkit-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Accessibility */
.kdcc-signup .sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
.kdcc-signup .formkit-submit {
animation: none !important;
}
.kdcc-signup .formkit-submit:hover {
transform: none !important;
}
}
/* Only needed for very small screens - stack vertically */
@media (max-width: 640px) {
.kdcc-signup .formkit-fields {
flex-direction: column !important;
}
.kdcc-signup .formkit-field,
.kdcc-signup .formkit-submit {
flex: 1 1 100% !important;
}
}
}
#fw-section-custom-html-7a9e27e3-3e75-436c-bd69-d70b17f3f0bf {
section.kdcc-disc-hero {
margin: 0px 0 -35px 0;
background: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
padding: 80px 40px 40px;
position: relative;
overflow: hidden;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 60px;
align-items: center;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy p.kdcc-disc-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy h1.kdcc-disc-headline {
font-size: 40px;
font-weight: 900;
color: #ffffff;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy p.kdcc-disc-bridge {
font-size: 18px;
color: rgba(255, 255, 255, 0.75);
line-height: 1.7;
margin: 0 0 32px 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 0 0 36px 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row div.kdcc-disc-stat {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px 18px;
background: rgba(255, 255, 255, 0.04);
border-radius: 0 8px 8px 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row div.kdcc-disc-stat span.kdcc-disc-stat-num {
font-size: 26px;
font-weight: 800;
line-height: 1;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row div.kdcc-disc-stat span.kdcc-disc-stat-label {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
font-weight: 500;
letter-spacing: 0.3px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta a.kdcc-disc-btn-join {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #ffffff;
padding: 18px 40px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.45);
transition: all 0.3s ease;
border: none;
width: fit-content;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta a.kdcc-disc-btn-join:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(88, 101, 242, 0.55);
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta a.kdcc-disc-btn-join img.kdcc-disc-btn-icon {
width: 24px;
height: 24px;
filter: brightness(10);
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta p.kdcc-disc-btn-sub {
font-size: 13px;
color: rgba(255, 255, 255, 0.4);
margin: 0;
line-height: 1.5;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-visual {
position: relative;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-visual div.kdcc-disc-mock-glow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
background: radial-gradient(ellipse, rgba(88, 101, 242, 0.15) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-visual div.kdcc-disc-mock {
display: flex;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
position: relative;
z-index: 1;
animation: kdcc-disc-float 6s ease-in-out infinite;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar {
width: 220px;
min-width: 220px;
background: #2b2d31;
display: flex;
flex-direction: column;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-server {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-server img.kdcc-disc-mock-server-logo {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 10px;
object-fit: cover;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-server div.kdcc-disc-mock-server-info {
display: flex;
flex-direction: column;
gap: 2px;
overflow: hidden;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-server div.kdcc-disc-mock-server-info span.kdcc-disc-mock-server-name {
font-size: 14px;
font-weight: 700;
color: #f2f3f5;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-server div.kdcc-disc-mock-server-info span.kdcc-disc-mock-online {
font-size: 11px;
color: #949ba4;
display: flex;
align-items: center;
gap: 4px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar span.kdcc-disc-online-dot {
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 50%;
background: #23a559;
display: inline-block;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-channels {
padding: 8px 8px 16px;
display: flex;
flex-direction: column;
gap: 1px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-channels div.kdcc-disc-mock-cat {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #949ba4;
padding: 16px 8px 4px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-channels div.kdcc-disc-mock-ch {
font-size: 14px;
color: #949ba4;
padding: 6px 10px;
border-radius: 4px;
cursor: default;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar div.kdcc-disc-mock-channels div.kdcc-disc-mock-ch-active {
background: rgba(88, 101, 242, 0.15);
color: #f2f3f5;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat {
flex: 1;
background: #313338;
display: flex;
flex-direction: column;
min-height: 440px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-chat-header {
padding: 12px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
font-size: 15px;
font-weight: 700;
color: #f2f3f5;
display: flex;
align-items: center;
gap: 6px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-chat-header span.kdcc-disc-mock-hash {
color: #949ba4;
font-weight: 400;
font-size: 20px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages {
flex: 1;
padding: 16px;
display: flex;
flex-direction: column;
gap: 0;
overflow: hidden;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-chatting {
font-size: 11px;
font-weight: 600;
color: #949ba4;
text-align: center;
padding: 4px 0 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
margin-bottom: 12px;
letter-spacing: 0.3px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing {
display: flex;
align-items: center;
gap: 12px;
overflow: hidden;
opacity: 0;
max-height: 0;
padding: 0 0;
margin: 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-type-1 {
animation: kdcc-disc-typeReveal 2s 0s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-type-2 {
animation: kdcc-disc-typeReveal 2s 6s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-type-3 {
animation: kdcc-disc-typeReveal 2s 12s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-type-4 {
animation: kdcc-disc-typeReveal 2s 18s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing div.kdcc-disc-mock-typing-avi {
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 9px;
color: #ffffff;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing img.kdcc-disc-mock-typing-img {
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 50%;
object-fit: cover;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing div.kdcc-disc-mock-typing-bubble {
display: flex;
align-items: center;
gap: 4px;
background: #383a40;
padding: 8px 14px;
border-radius: 12px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing span.kdcc-disc-dot {
width: 7px;
height: 7px;
background: #949ba4;
border-radius: 50%;
display: block;
animation: kdcc-disc-dotPulse 1.4s ease-in-out infinite;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing span.kdcc-disc-dot:nth-child(2) {
animation-delay: 0.2s;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing span.kdcc-disc-dot:nth-child(3) {
animation-delay: 0.4s;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg {
display: flex;
gap: 12px;
opacity: 0;
margin-bottom: 16px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-msg-1 {
animation: kdcc-disc-msgIn 0.3s 2s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-msg-2 {
animation: kdcc-disc-msgIn 0.3s 8s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-msg-3 {
animation: kdcc-disc-msgIn 0.3s 14s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-msg-4 {
animation: kdcc-disc-msgIn 0.3s 20s both;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg img.kdcc-disc-mock-avatar-img {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
object-fit: cover;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg div.kdcc-disc-mock-avatar-you {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
background: #5865F2;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 11px;
color: #ffffff;
letter-spacing: 0.3px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg div.kdcc-disc-mock-msg-body {
flex: 1;
min-width: 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg div.kdcc-disc-mock-msg-body div.kdcc-disc-mock-msg-header {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 3px 0;
flex-wrap: wrap;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg span.kdcc-disc-mock-msg-name {
font-size: 14px;
font-weight: 600;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg span.kdcc-disc-mock-msg-badge {
font-size: 10px;
font-weight: 700;
background: #5865F2;
color: #ffffff;
padding: 1px 6px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.3px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg span.kdcc-disc-mock-msg-time {
font-size: 11px;
color: #949ba4;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg p.kdcc-disc-mock-msg-text {
font-size: 14px;
color: #dbdee1;
line-height: 1.45;
margin: 0;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-input {
margin: 0 16px 16px;
padding: 12px 16px;
background: #383a40;
border-radius: 8px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-input span.kdcc-disc-mock-input-text {
font-size: 14px;
color: #6d6f78;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-scroll-tease {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
margin-top: 40px;
opacity: 0.5;
transition: opacity 0.3s ease;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-scroll-tease:hover {
opacity: 0.8;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-scroll-tease span.kdcc-disc-scroll-text {
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-scroll-tease span.kdcc-disc-scroll-arrow {
color: rgba(255, 255, 255, 0.6);
font-size: 24px;
animation: kdcc-disc-bounce 2s ease-in-out infinite;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
@media (max-width: 1024px) {
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy h1.kdcc-disc-headline {
font-size: 36px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat {
min-height: 380px;
}
}
@media (max-width: 768px) {
section.kdcc-disc-hero {
padding: 56px 20px 32px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy h1.kdcc-disc-headline {
font-size: 28px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy p.kdcc-disc-bridge {
font-size: 16px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row {
grid-template-columns: 1fr;
gap: 10px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row div.kdcc-disc-stat {
flex-direction: row;
align-items: center;
gap: 12px;
padding: 14px 18px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-stats-row div.kdcc-disc-stat span.kdcc-disc-stat-num {
font-size: 22px;
min-width: 70px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-sidebar {
display: none;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat {
min-height: 340px;
border-radius: 12px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg p.kdcc-disc-mock-msg-text {
font-size: 13px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy div.kdcc-disc-hero-cta a.kdcc-disc-btn-join {
width: 100%;
justify-content: center;
padding: 16px 24px;
}
}
@media (max-width: 480px) {
section.kdcc-disc-hero div.kdcc-disc-hero-inner div.kdcc-disc-hero-grid div.kdcc-disc-hero-copy h1.kdcc-disc-headline {
font-size: 24px;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-msg.kdcc-disc-msg-4 {
display: none;
}
section.kdcc-disc-hero div.kdcc-disc-hero-visual div.kdcc-disc-mock div.kdcc-disc-mock-chat div.kdcc-disc-mock-messages div.kdcc-disc-mock-typing.kdcc-disc-type-4 {
display: none;
}
}
}
#fw-section-custom-html-2f67ecde-a45b-4a14-bc40-92b02a10c4b2 {
section.kdcc-stats-bar {
background: #fff !important;
padding: 40px 24px !important;
box-shadow: 0 2px 15px rgba(0,0,0,0.08) !important;
margin: -35px 0 -35px 0 !important;
}
section.kdcc-stats-bar div.kdcc-stats-container {
max-width: 1400px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: space-around !important;
align-items: flex-start !important;
flex-wrap: wrap !important;
gap: 30px !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat {
text-align: center !important;
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat p.kdcc-stat-number {
font-size: 42px !important;
font-weight: 800 !important;
color: #14b9dc !important;
margin: 0 !important;
line-height: 1 !important;
order: 1 !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat p.kdcc-stat-label {
font-size: 15px !important;
color: #666 !important;
margin: 8px 0 0 0 !important;
font-weight: 500 !important;
order: 2 !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat p.kdcc-stat-sublabel {
font-size: 13px !important;
color: #888 !important;
margin: 4px 0 0 0 !important;
font-weight: 400 !important;
order: 3 !important;
}
@media (max-width: 768px) {
section.kdcc-stats-bar {
display: flex !important;
justify-content: center !important;
padding: 40px 0 !important;
}
section.kdcc-stats-bar div.kdcc-stats-container {
flex-direction: column !important;
gap: 40px !important;
max-width: 360px !important;
width: 100% !important;
margin: 0 auto !important;
align-items: center !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat {
width: 100% !important;
}
section.kdcc-stats-bar div.kdcc-stats-container div.kdcc-stat p.kdcc-stat-number {
font-size: 36px !important;
}
}
}
#fw-section-custom-html-5d6942fd-ee79-4da7-8d32-8e01bb571760 {
section.kdcc-disc-whatyouget {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner p.kdcc-disc-wyg-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
text-align: left;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner h2.kdcc-disc-wyg-headline {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
text-align: left;
letter-spacing: -0.5px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner p.kdcc-disc-wyg-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
text-align: left;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0 0 48px 0;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card {
background: #ffffff;
border-radius: 0 12px 12px 0;
padding: 28px 28px 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
display: flex;
flex-direction: column;
gap: 12px;
transition: all 0.3s ease;
animation: kdcc-disc-cardIn 0.5s ease-out both;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c1 { animation-delay: 0.1s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c2 { animation-delay: 0.2s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c3 { animation-delay: 0.3s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c4 { animation-delay: 0.4s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c5 { animation-delay: 0.5s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-c6 { animation-delay: 0.6s; }
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card div.kdcc-disc-wyg-card-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card div.kdcc-disc-wyg-card-icon span.material-symbols-outlined {
font-size: 26px;
font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card h3.kdcc-disc-wyg-card-title {
font-size: 18px;
font-weight: 800;
color: #313540;
margin: 0;
line-height: 1.3;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card p.kdcc-disc-wyg-card-text {
font-size: 15px;
color: #6e6e73;
line-height: 1.6;
margin: 0;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card span.kdcc-disc-wyg-card-ch {
font-size: 13px;
font-weight: 600;
color: #949ba4;
font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
margin-top: auto;
padding-top: 4px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-cta {
text-align: center;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-cta a.kdcc-disc-wyg-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #ffffff;
padding: 18px 40px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.35);
transition: all 0.3s ease;
border: none;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-cta a.kdcc-disc-wyg-btn:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(88, 101, 242, 0.5);
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-cta a.kdcc-disc-wyg-btn img.kdcc-disc-wyg-btn-icon {
width: 24px;
height: 24px;
filter: brightness(10);
}
@media (max-width: 1024px) {
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid {
grid-template-columns: repeat(2, 1fr);
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner h2.kdcc-disc-wyg-headline {
font-size: 36px;
}
}
@media (max-width: 768px) {
section.kdcc-disc-whatyouget {
padding: 56px 20px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid {
grid-template-columns: 1fr;
gap: 16px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner h2.kdcc-disc-wyg-headline {
font-size: 28px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner p.kdcc-disc-wyg-bridge {
font-size: 16px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-grid div.kdcc-disc-wyg-card {
padding: 24px 22px 20px;
}
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner div.kdcc-disc-wyg-cta a.kdcc-disc-wyg-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
section.kdcc-disc-whatyouget div.kdcc-disc-wyg-inner h2.kdcc-disc-wyg-headline {
font-size: 24px;
}
}
}
#fw-section-custom-html-98d1a90c-3248-41ca-bdaf-76247474aa37 {
section.kdcc-disc-action {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-disc-action div.kdcc-disc-action-inner p.kdcc-disc-action-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner h2.kdcc-disc-action-headline {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner p.kdcc-disc-action-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 32px;
align-items: stretch;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-video {
display: flex;
flex-direction: column;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-video div.kdcc-disc-action-video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-video div.kdcc-disc-action-video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof {
display: flex;
flex-direction: column;
gap: 0;
height: 100%;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card {
border-radius: 0 12px 12px 0;
padding: 24px 24px 24px 28px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:last-child {
border-bottom: none;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:first-child {
border-radius: 0 12px 0 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:last-child {
border-radius: 0 0 12px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:hover {
filter: brightness(0.97);
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card h3.kdcc-disc-action-proof-title {
font-size: 16px;
font-weight: 800;
color: #313540;
margin: 0 0 6px 0;
line-height: 1.3;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card p.kdcc-disc-action-proof-text {
font-size: 14px;
color: #6e6e73;
line-height: 1.55;
margin: 0;
}
@media (max-width: 1024px) {
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid {
grid-template-columns: 1fr;
gap: 24px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof {
gap: 12px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card {
border-radius: 0 12px 12px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:first-child {
border-radius: 0 12px 12px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card:last-child {
border-radius: 0 12px 12px 0;
}
section.kdcc-disc-action div.kdcc-disc-action-inner h2.kdcc-disc-action-headline {
font-size: 36px;
}
}
@media (max-width: 768px) {
section.kdcc-disc-action {
padding: 56px 20px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner h2.kdcc-disc-action-headline {
font-size: 28px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner p.kdcc-disc-action-bridge {
font-size: 16px;
}
section.kdcc-disc-action div.kdcc-disc-action-inner div.kdcc-disc-action-grid div.kdcc-disc-action-proof div.kdcc-disc-action-proof-card {
padding: 20px;
}
}
@media (max-width: 480px) {
section.kdcc-disc-action div.kdcc-disc-action-inner h2.kdcc-disc-action-headline {
font-size: 24px;
}
}
}
#fw-section-custom-html-a6073bf4-d41a-4575-8adf-12e2f0d42aa9 {
/* KDCC Topics Marquee */
.kdcc-topics-marquee {
background: #ffffff;
padding: 90px 24px;
margin: -35px 0 -35px 0;
}
/* Header + intro (matches Benefits section sizing/alignment, but dark text) */
.kdcc-topics-container {
max-width: 1400px;
margin: 0 auto;
}
.kdcc-topics-title {
font-size: 42px;
font-weight: 700;
color: #313540;
text-align: center;
margin: 0 0 20px 0;
}
.kdcc-topics-intro {
font-size: 19px;
color: rgba(0, 0, 0, 0.75);
line-height: 1.6;
max-width: 100%;
margin: 0 auto 60px auto;
text-align: left;
}
/* Marquee viewport and fades */
.kdcc-topics-marquee .kdcc-marquee-wrap {
position: relative;
overflow: hidden;
padding: 16px 0;
}
.kdcc-topics-marquee .kdcc-fade {
position: absolute;
top: 0;
bottom: 0;
width: 72px;
pointer-events: none;
z-index: 2;
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.kdcc-topics-marquee .kfcc-left {
left: 0;
}
.kdcc-topics-marquee .kfcc-right {
right: 0;
transform: scaleX(-1);
}
/* Rail and strip */
.kdcc-topics-rail {
position: relative;
width: 100%;
}
.kdcc-topics-strip {
display: inline-flex;
gap: 40px;
align-items: stretch;
will-change: transform;
}
.kdcc-topics-marquee .kdcc-item {
line-height: 0;
}
/* Topic cards */
.kdcc-topic-card {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
padding: 25px 30px;
border-radius: 12px;
border: 2px solid #e5e5e5;
text-align: center;
min-width: 280px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
border-color 0.3s ease;
}
.kdcc-topic-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
.kdcc-topic-card.red {
border-color: #ec4f59;
}
.kdcc-topic-card.blue {
border-color: #14b9dc;
}
.kdcc-topic-card.green {
border-color: #67bb26;
}
.kdcc-topic-card.red:hover {
box-shadow: 0 8px 25px rgba(236, 79, 89, 0.25);
}
.kdcc-topic-card.blue:hover {
box-shadow: 0 8px 25px rgba(20, 185, 220, 0.25);
}
.kdcc-topic-card.green:hover {
box-shadow: 0 8px 25px rgba(103, 187, 38, 0.25);
}
/* Icons and headings */
.kdcc-topic-card .material-symbols-outlined {
font-size: 48px;
}
.kdcc-topic-card.red .material-symbols-outlined {
color: #ec4f59;
}
.kdcc-topic-card.blue .material-symbols-outlined {
color: #14b9dc;
}
.kdcc-topic-card.green .material-symbols-outlined {
color: #67bb26;
}
.kdcc-topic-card h3 {
font-size: 18px;
font-weight: 700;
margin: 0;
line-height: normal;
}
.kdcc-topic-card.red h3 {
color: #ec4f59;
}
.kdcc-topic-card.blue h3 {
color: #14b9dc;
}
.kdcc-topic-card.green h3 {
color: #67bb26;
}
/* CTA under marquee */
.kdcc-topics-cta {
text-align: center;
margin-top: 60px;
margin-bottom: 20px;
}
/* Global Discord button styles so it works here too */
.kdcc-discord-btn-new {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #fff;
padding: 18px 48px;
font-size: 18px;
font-weight: 700;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 4px 12px rgba(88, 101, 242, 0.4);
transition: all 0.3s ease;
border: none;
}
.kdcc-discord-btn-new:hover {
background: #4752c4;
transform: translateY(2px);
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.5);
}
.kdcc-discord-icon-new {
width: 24px;
height: 24px;
filter: brightness(1.3);
}
/* Responsive */
@media (max-width: 768px) {
.kdcc-topics-title {
font-size: 30px;
}
.kdcc-topics-intro {
font-size: 17px;
margin-bottom: 40px;
}
.kdcc-topics-strip {
gap: 24px;
}
.kdcc-topic-card {
min-width: 240px;
padding: 22px 22px;
}
.kdcc-topics-marquee .kdcc-fade {
width: 44px;
}
.kdcc-discord-btn-new {
padding: 16px 36px;
font-size: 16px;
}
}
}
#fw-section-custom-html-62150888-3d07-4c6c-b8f0-52d4b23934a7 {
section.kdcc-disc-reviews {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner p.kdcc-disc-reviews-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner h2.kdcc-disc-reviews-headline {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner p.kdcc-disc-reviews-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 32px;
align-items: start;
margin: 0 0 40px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard {
background: #ffffff;
border-radius: 12px;
border-left: 5px solid #14b9dc;
padding: 24px 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
display: flex;
flex-direction: column;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-howcard-header {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 12px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-howcard-header span.kdcc-disc-reviews-howicon {
font-size: 28px;
color: #14b9dc;
font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-howcard-header h3 {
font-size: 20px;
font-weight: 800;
color: #313540;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.3px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard p.kdcc-disc-reviews-howcard-intro {
font-size: 15px;
color: #6e6e73;
line-height: 1.6;
margin: 0 0 14px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-steps {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 0 14px 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-steps div.kdcc-disc-reviews-step {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 14px;
border-radius: 0 8px 8px 0;
background: rgba(0, 0, 0, 0.02);
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-steps div.kdcc-disc-reviews-step div.kdcc-disc-reviews-step-num {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 800;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard div.kdcc-disc-reviews-steps div.kdcc-disc-reviews-step p {
font-size: 14px;
color: #313540;
line-height: 1.4;
margin: 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard p.kdcc-disc-reviews-howcard-footer {
font-size: 14px;
color: #6e6e73;
line-height: 1.6;
margin: 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-video {
display: flex;
flex-direction: column;
justify-content: center;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-video div.kdcc-disc-reviews-video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-video div.kdcc-disc-reviews-video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-video p.kdcc-disc-reviews-video-caption {
font-size: 13px;
color: #949ba4;
margin: 12px 0 0 0;
text-align: center;
font-style: italic;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-why {
background: #ffffff;
border-radius: 0 12px 12px 0;
border-left: 5px solid #ec4f59;
padding: 28px 32px;
margin: 0 0 40px 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-why h3.kdcc-disc-reviews-why-title {
font-size: 18px;
font-weight: 800;
color: #313540;
margin: 0 0 10px 0;
text-transform: uppercase;
letter-spacing: 0.3px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-why p.kdcc-disc-reviews-why-text {
font-size: 15px;
color: #6e6e73;
line-height: 1.65;
margin: 0;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-cta {
text-align: center;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-cta a.kdcc-disc-reviews-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #ffffff;
padding: 18px 40px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.35);
transition: all 0.3s ease;
border: none;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-cta a.kdcc-disc-reviews-btn:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(88, 101, 242, 0.5);
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-cta a.kdcc-disc-reviews-btn img.kdcc-disc-reviews-btn-icon {
width: 24px;
height: 24px;
filter: brightness(10);
}
@media (max-width: 1024px) {
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid {
grid-template-columns: 1fr;
gap: 24px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner h2.kdcc-disc-reviews-headline {
font-size: 36px;
}
}
@media (max-width: 768px) {
section.kdcc-disc-reviews {
padding: 56px 20px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner h2.kdcc-disc-reviews-headline {
font-size: 28px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner p.kdcc-disc-reviews-bridge {
font-size: 16px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-grid div.kdcc-disc-reviews-howcard {
padding: 24px 20px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-why {
padding: 24px 20px;
}
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner div.kdcc-disc-reviews-cta a.kdcc-disc-reviews-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
section.kdcc-disc-reviews div.kdcc-disc-reviews-inner h2.kdcc-disc-reviews-headline {
font-size: 24px;
}
}
}
#fw-section-custom-html-0392b1dd-9052-4015-a380-6677281d76ed {
section.kdcc-f10 {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-f10 div.kdcc-f10-inner {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-f10 div.kdcc-f10-inner p.kdcc-f10-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-f10 div.kdcc-f10-inner h2.kdcc-f10-headline {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-f10 div.kdcc-f10-inner p.kdcc-f10-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 32px;
align-items: start;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive input.kdcc-f10-radio {
position: absolute;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 18px 20px;
border-radius: 0 12px 12px 0;
border-left: 4px solid transparent;
cursor: pointer;
transition: all 0.25s ease;
background: #f5f5f7;
opacity: 0.6;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step:hover {
opacity: 0.85;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step div.kdcc-f10-step-num {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 800;
margin-top: 2px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step div.kdcc-f10-step-info h3 {
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0 0 4px 0;
line-height: 1.3;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step div.kdcc-f10-step-info h3 span.kdcc-f10-time {
font-size: 12px;
font-weight: 600;
color: #949ba4;
margin-left: 8px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step div.kdcc-f10-step-info p {
font-size: 14px;
color: #6e6e73;
line-height: 1.5;
margin: 0;
}
#kdcc-f10-r1:checked ~ div.kdcc-f10-steps label.kdcc-f10-s1,
#kdcc-f10-r2:checked ~ div.kdcc-f10-steps label.kdcc-f10-s2,
#kdcc-f10-r3:checked ~ div.kdcc-f10-steps label.kdcc-f10-s3,
#kdcc-f10-r4:checked ~ div.kdcc-f10-steps label.kdcc-f10-s4 {
opacity: 1;
background: #ffffff;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
#kdcc-f10-r1:checked ~ div.kdcc-f10-steps label.kdcc-f10-s1 {
border-left-color: #ec4f59;
}
#kdcc-f10-r2:checked ~ div.kdcc-f10-steps label.kdcc-f10-s2 {
border-left-color: #14b9dc;
}
#kdcc-f10-r3:checked ~ div.kdcc-f10-steps label.kdcc-f10-s3 {
border-left-color: #f59e0b;
}
#kdcc-f10-r4:checked ~ div.kdcc-f10-steps label.kdcc-f10-s4 {
border-left-color: #67bb26;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-screens {
position: relative;
min-height: 440px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-screens div.kdcc-f10-screen {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #313338;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
opacity: 0;
transform: translateY(8px);
transition: all 0.3s ease;
pointer-events: none;
}
#kdcc-f10-r1:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc1,
#kdcc-f10-r2:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc2,
#kdcc-f10-r3:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc3,
#kdcc-f10-r4:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc4 {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-header {
padding: 12px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
font-size: 15px;
font-weight: 700;
color: #f2f3f5;
display: flex;
align-items: center;
gap: 6px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-header span.kdcc-f10-sc-hash {
color: #949ba4;
font-weight: 400;
font-size: 20px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-system {
font-size: 13px;
color: #949ba4;
padding: 10px 14px;
background: rgba(255, 255, 255, 0.04);
border-radius: 8px;
border-left: 3px solid #5865F2;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-rule {
font-size: 14px;
color: #dbdee1;
padding: 8px 14px;
background: rgba(255, 255, 255, 0.02);
border-radius: 6px;
line-height: 1.4;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-pin {
font-size: 13px;
color: #f59e0b;
padding: 10px 14px;
background: rgba(245, 158, 11, 0.08);
border-radius: 8px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-template {
padding: 12px 14px;
background: rgba(255, 255, 255, 0.04);
border-radius: 8px;
border-left: 3px solid #949ba4;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-template p {
font-size: 13px;
color: #949ba4;
line-height: 1.6;
margin: 0;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-divider {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #949ba4;
text-align: center;
padding: 4px 0;
position: relative;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-divider::before,
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-divider::after {
content: '';
position: absolute;
top: 50%;
width: 35%;
height: 1px;
background: rgba(255, 255, 255, 0.06);
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-divider::before {
left: 0;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-divider::after {
right: 0;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg {
display: flex;
gap: 12px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg div.kdcc-f10-sc-avi {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 11px;
color: #ffffff;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg img.kdcc-f10-sc-avi-img {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
object-fit: cover;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg div.kdcc-f10-sc-msg-content {
flex: 1;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg div.kdcc-f10-sc-msg-content span.kdcc-f10-sc-name {
font-size: 14px;
font-weight: 600;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg div.kdcc-f10-sc-msg-content span.kdcc-f10-sc-badge {
font-size: 10px;
font-weight: 700;
background: #5865F2;
color: #ffffff;
padding: 1px 6px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-left: 6px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-msg div.kdcc-f10-sc-msg-content p {
font-size: 14px;
color: #dbdee1;
line-height: 1.45;
margin: 4px 0 0 0;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-reaction {
font-size: 13px;
color: #949ba4;
padding: 6px 12px;
background: rgba(255, 255, 255, 0.04);
border-radius: 6px;
display: inline-block;
width: fit-content;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-cmd {
background: rgba(255, 255, 255, 0.04);
border-radius: 8px;
padding: 14px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-cmd div.kdcc-f10-sc-cmd-slash {
font-size: 16px;
font-weight: 700;
color: #5865F2;
font-family: "SF Mono", "Fira Code", monospace;
margin: 0 0 12px 0;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-cmd div.kdcc-f10-sc-cmd-opts {
display: flex;
flex-direction: column;
gap: 6px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-cmd div.kdcc-f10-sc-cmd-opts div.kdcc-f10-sc-cmd-opt {
font-size: 13px;
color: #949ba4;
padding: 8px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.03);
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-cmd div.kdcc-f10-sc-cmd-opts div.kdcc-f10-sc-cmd-active {
background: rgba(88, 101, 242, 0.15);
color: #f2f3f5;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-body div.kdcc-f10-sc-result {
font-size: 13px;
color: #67bb26;
padding: 10px 14px;
background: rgba(103, 187, 38, 0.08);
border-radius: 8px;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-join {
padding: 16px 20px 4px;
text-align: center;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-join a.kdcc-f10-sc-join-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: #5865F2;
color: #ffffff;
padding: 12px 28px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.4px;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 4px 14px rgba(88, 101, 242, 0.4);
transition: all 0.3s ease;
border: none;
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-join a.kdcc-f10-sc-join-btn:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.55);
}
section.kdcc-f10 div.kdcc-f10-screens div.kdcc-f10-screen div.kdcc-f10-sc-join a.kdcc-f10-sc-join-btn img.kdcc-f10-sc-join-icon {
width: 20px;
height: 20px;
filter: brightness(10);
}
@media (max-width: 1024px) {
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive {
grid-template-columns: 1fr;
gap: 24px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-screens {
min-height: 360px;
}
section.kdcc-f10 div.kdcc-f10-inner h2.kdcc-f10-headline {
font-size: 36px;
}
}
@media (max-width: 768px) {
section.kdcc-f10 {
padding: 56px 20px;
overflow: hidden;
}
section.kdcc-f10 div.kdcc-f10-inner h2.kdcc-f10-headline {
font-size: 28px;
}
section.kdcc-f10 div.kdcc-f10-inner p.kdcc-f10-bridge {
font-size: 16px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-steps label.kdcc-f10-step {
padding: 14px 16px;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-screens {
min-height: auto;
overflow: hidden;
}
section.kdcc-f10 div.kdcc-f10-inner div.kdcc-f10-interactive div.kdcc-f10-screens div.kdcc-f10-screen {
position: relative;
top: auto;
left: auto;
right: auto;
display: none;
opacity: 1;
transform: none;
pointer-events: auto;
}
#kdcc-f10-r1:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc1,
#kdcc-f10-r2:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc2,
#kdcc-f10-r3:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc3,
#kdcc-f10-r4:checked ~ div.kdcc-f10-screens div.kdcc-f10-sc4 {
display: block;
}
}
@media (max-width: 480px) {
section.kdcc-f10 div.kdcc-f10-inner h2.kdcc-f10-headline {
font-size: 24px;
}
}
}
#fw-section-custom-html-80459337-c4ef-4cbb-9fd4-f5b901a78627 {
section.kdcc-disc-testimonials {
margin: -35px 0;
background: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
overflow: hidden;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner {
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner p.kdcc-disc-test-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner h2.kdcc-disc-test-headline {
font-size: 42px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 24px 0;
letter-spacing: -0.5px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner p.kdcc-disc-test-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.7;
margin: 0 0 48px 0;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel {
position: relative;
width: 100%;
height: 280px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track {
position: relative;
width: 100%;
height: 100%;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card {
position: absolute;
top: 0;
left: 50%;
width: 540px;
margin-left: -270px;
background: #ffffff;
border-radius: 0 16px 16px 0;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
animation: kdcc-test-rotate 21s ease-in-out infinite;
transition: box-shadow 0.3s ease;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-tc1 {
animation-delay: 0s;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-tc2 {
animation-delay: -7s;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-tc3 {
animation-delay: -14s;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card blockquote.kdcc-disc-test-quote {
font-size: 17px;
color: #313540;
line-height: 1.65;
margin: 0;
font-style: italic;
flex: 1;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card a.kdcc-disc-test-author {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card a.kdcc-disc-test-author img.kdcc-disc-test-avatar {
width: 44px;
height: 44px;
min-width: 44px;
border-radius: 50%;
object-fit: cover;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card a.kdcc-disc-test-author cite.kdcc-disc-test-name {
font-size: 15px;
font-weight: 700;
color: #313540;
font-style: normal;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card a.kdcc-disc-test-author:hover cite.kdcc-disc-test-name {
color: #14b9dc;
}
@media (max-width: 1024px) {
section.kdcc-disc-testimonials div.kdcc-disc-test-inner h2.kdcc-disc-test-headline {
font-size: 36px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card {
width: 440px;
margin-left: -220px;
}
}
@media (max-width: 768px) {
section.kdcc-disc-testimonials {
padding: 56px 20px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner h2.kdcc-disc-test-headline {
font-size: 28px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner p.kdcc-disc-test-bridge {
font-size: 16px;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel {
height: auto;
overflow: visible;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track {
display: flex;
flex-direction: column;
gap: 16px;
height: auto;
}
section.kdcc-disc-testimonials div.kdcc-disc-test-inner div.kdcc-disc-test-carousel div.kdcc-disc-test-track article.kdcc-disc-test-card {
position: relative;
left: auto;
top: auto;
width: 100%;
margin-left: 0;
padding: 24px 20px;
animation: none;
opacity: 1;
transform: none;
filter: none;
z-index: 1;
}
}
@media (max-width: 480px) {
section.kdcc-disc-testimonials div.kdcc-disc-test-inner h2.kdcc-disc-test-headline {
font-size: 24px;
}
}
}
#fw-section-custom-html-7c10dff5-06df-4290-85fd-81061deec55f {
section.kdcc-disc-final {
margin: -35px 0;
background: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
padding: 80px 40px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner {
max-width: 800px;
margin: 0 auto;
}
section.kdcc-disc-final div.kdcc-disc-final-inner p.kdcc-disc-final-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px 0;
text-align: center;
}
section.kdcc-disc-final div.kdcc-disc-final-inner h2.kdcc-disc-final-headline {
font-size: 36px;
font-weight: 900;
color: #313540;
line-height: 1.15;
margin: 0 0 40px 0;
letter-spacing: -0.5px;
text-align: center;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 0 40px 0;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-check {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
background: #f5f5f7;
border-radius: 0 10px 10px 0;
animation: kdcc-final-checkIn 0.4s ease-out both;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-1 { animation-delay: 0.1s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-2 { animation-delay: 0.2s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-3 { animation-delay: 0.3s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-4 { animation-delay: 0.4s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-5 { animation-delay: 0.5s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-fc-6 { animation-delay: 0.7s; }
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-check span.kdcc-disc-final-checkmark {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-check span.kdcc-disc-final-check-text {
font-size: 16px;
color: #6e6e73;
line-height: 1.4;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-unchecked {
background: rgba(88, 101, 242, 0.06);
border-color: #5865F2;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-unchecked span.kdcc-disc-final-check-bold {
font-weight: 700;
color: #313540;
font-size: 17px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta a.kdcc-disc-final-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #ffffff;
padding: 20px 48px;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 8px 24px rgba(88, 101, 242, 0.4);
transition: all 0.3s ease;
border: none;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta a.kdcc-disc-final-btn:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 10px 32px rgba(88, 101, 242, 0.55);
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta a.kdcc-disc-final-btn img.kdcc-disc-final-btn-icon {
width: 26px;
height: 26px;
filter: brightness(10);
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta p.kdcc-disc-final-sub {
font-size: 14px;
color: #949ba4;
margin: 0;
line-height: 1.5;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta p.kdcc-disc-final-links {
font-size: 13px;
color: #949ba4;
margin: 0;
line-height: 1.5;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta p.kdcc-disc-final-links a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta p.kdcc-disc-final-links a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
section.kdcc-disc-final {
padding: 56px 20px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner h2.kdcc-disc-final-headline {
font-size: 28px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-check {
padding: 14px 16px;
gap: 12px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-checklist div.kdcc-disc-final-check span.kdcc-disc-final-check-text {
font-size: 15px;
}
section.kdcc-disc-final div.kdcc-disc-final-inner div.kdcc-disc-final-cta a.kdcc-disc-final-btn {
width: 100%;
justify-content: center;
padding: 18px 32px;
font-size: 18px;
}
}
@media (max-width: 480px) {
section.kdcc-disc-final div.kdcc-disc-final-inner h2.kdcc-disc-final-headline {
font-size: 24px;
}
}
}
#fw-section-rich-text-175087596196265 {
.discord-block {
border: 2px solid #5865F2;
background-color: #f6f6ff;
border-radius: 12px;
padding: 24px;
text-align: center;
font-family: 'Inter', sans-serif;
box-shadow: 0 2px 8px rgba(88, 101, 242, 0.1);
margin: 40px 0;
}
.discord-block h2 {
color: #313540;
margin-bottom: 10px;
font-size: 24px;
}
.discord-block p {
color: #5865F2;
margin-bottom: 16px;
font-size: 16px;
}
.discord-button {
background-color: #5865F2;
color: white;
padding: 12px 24px;
font-weight: bold;
text-decoration: none;
border-radius: 6px;
display: inline-block;
transition: background-color 0.3s ease;
}
.discord-button:hover {
background-color: #4752C4;
}
}
#fw-section-custom-html-cd933e30-663e-4a43-a564-e07f46d0e673 {
/* Container max width and padding */
.responsive-section {
max-width: 720px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
/* Feature cards container */
.feature-cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
/* Feature cards */
.feature-card {
flex: 1 1 280px;
max-width: 320px;
background: #fff;
border-radius: 10px;
padding: 30px 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
text-align: center;
}
/* Responsive adjustments for tablets and smaller */
@media (max-width: 768px) {
.feature-cards {
flex-direction: column;
align-items: center;
}
.feature-card {
max-width: 90%;
}
h2 {
font-size: 2rem !important;
}
.intro-text {
font-size: 1.1rem !important;
max-width: 90% !important;
}
.glow-button {
padding: 12px 30px !important;
font-size: 1.1rem !important;
}
}
}
#fw-section-custom-html-9acf8cfd-b76a-44d0-b65d-1f019d53a096 {
/* SECTION 1: DARK HERO */
.kdcc-hero-dark {
background: #313540;
padding: 80px 20px 100px 20px;
position: relative;
overflow: hidden;
margin: 0;
}
.kdcc-hero-dark::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(20, 185, 220, 0.15) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.kdcc-hero-dark::after {
content: '';
position: absolute;
bottom: -30%;
left: -15%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(103, 187, 38, 0.1) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.kdcc-hero-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 1;
}
.kdcc-hero-badge {
display: inline-block;
background: rgba(20, 185, 220, 0.15);
color: #14b9dc;
padding: 8px 20px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
margin-bottom: 25px;
border: 1px solid rgba(20, 185, 220, 0.3);
}
.kdcc-hero-title {
font-size: 56px;
font-weight: 800;
color: #fff;
margin: 0 0 25px 0;
line-height: 1.1;
letter-spacing: -1px;
}
.kdcc-hero-subtitle {
font-size: 22px;
color: rgba(255, 255, 255, 0.85);
margin: 0 0 45px 0;
line-height: 1.5;
font-weight: 400;
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 45px;
}
.kdcc-discord-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #5865F2;
color: #fff;
padding: 18px 45px;
font-size: 20px;
font-weight: 700;
border-radius: 50px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 0 30px rgba(88, 101, 242, 0.6);
transition: all 0.3s ease;
border: none;
}
.kdcc-discord-btn:hover {
transform: translateY(-3px);
box-shadow: 0 5px 40px rgba(88, 101, 242, 0.8);
}
.kdcc-discord-icon {
width: 28px;
height: 28px;
filter: brightness(1.3);
}
@media (max-width: 768px) {
.kdcc-hero-title {
font-size: 38px;
}
.kdcc-hero-subtitle {
font-size: 18px;
}
.kdcc-discord-btn {
padding: 16px 35px;
font-size: 18px;
}
}
}
#fw-section-custom-html-364b7d8e-6a67-4747-812b-e96a8739a35d {
/* KDCC Quick Start Section Styling */
#kdcc-quick-start article {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#kdcc-quick-start article:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(20, 185, 220, 0.3);
}
#kdcc-quick-start h2,
#kdcc-quick-start h3 {
line-height: 1.3;
}
#kdcc-quick-start p {
line-height: 1.6;
}
#kdcc-quick-start a {
transition: background-color 0.25s ease, box-shadow 0.25s ease;
}
#kdcc-quick-start a:hover {
background-color: #4752c4;
box-shadow: 0 0 36px rgba(88, 101, 242, 0.85);
}
@media (max-width: 640px) {
#kdcc-quick-start {
padding: 40px 16px;
}
#kdcc-quick-start h2 {
font-size: 2rem;
}
#kdcc-quick-start article {
padding: 16px;
}
#kdcc-quick-start img {
width: 40px;
height: 40px;
}
}
}
#fw-section-custom-html-15ab0d29-52ad-4d68-8a3b-79357953de5e {
div.container.wrapper:has(section.spk-hero) {
max-width: 100%;
padding: 0;
}
section.spk-hero {
margin: 0 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: white;
position: relative;
overflow: hidden;
}
section.spk-hero div.spk-hero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 0 90px 40px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid {
display: grid;
grid-template-columns: 45% 1fr;
gap: 40px;
align-items: stretch;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 20px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content h1 {
font-size: clamp(26px, 3.2vw, 38px);
font-weight: 900;
line-height: 1.1;
color: white;
margin: 0 0 24px 0;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content p.spk-hero-bridge {
font-size: 18px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.8);
margin: 0 0 32px 0;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats {
display: flex;
gap: 32px;
margin-bottom: 36px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats div.spk-hero-stat {
display: flex;
flex-direction: column;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats div.spk-hero-stat span.spk-hero-stat-num {
font-size: 32px;
font-weight: 900;
color: #14b9dc;
line-height: 1;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats div.spk-hero-stat span.spk-hero-stat-label {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 6px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 0;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.3s ease;
color: white;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn span.spk-hero-btn-icon {
font-size: 20px;
transition: transform 0.3s ease;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn-red:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn-red:hover span.spk-hero-btn-icon {
transform: translateY(-2px);
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn-blue {
background: transparent;
border: 2px solid #14b9dc;
color: #14b9dc;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn-blue:hover {
background: rgba(20, 185, 220, 0.1);
transform: translateY(-2px);
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel {
width: 100%;
position: relative;
flex: 1;
display: flex;
flex-direction: column;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel input[type="radio"] {
display: none;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track {
position: relative;
width: 100%;
flex: 1;
min-height: 400px;
border-radius: 16px 0 0 16px;
overflow: hidden;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
background: #2a2d35;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 1;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide div.spk-hero-slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
filter: blur(25px) brightness(0.8);
transform: scale(1.2);
z-index: 1;
display: none;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
z-index: 2;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide.spk-contain div.spk-hero-slide-bg {
display: block;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide.spk-contain img {
object-fit: contain;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track div.spk-hero-slide div.spk-hero-slide-label {
position: absolute;
bottom: 16px;
left: 16px;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 8px 16px;
border-radius: 6px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
z-index: 3;
backdrop-filter: blur(8px);
}
#spk-slide-1:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(1),
#spk-slide-2:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(2),
#spk-slide-3:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(3),
#spk-slide-4:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(4),
#spk-slide-5:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(5),
#spk-slide-6:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(6),
#spk-slide-7:checked ~ div.spk-hero-carousel-track div.spk-hero-slide:nth-child(7) {
opacity: 1;
z-index: 2;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-dots {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 8px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-dots label {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
cursor: pointer;
transition: all 0.3s ease;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-dots label:hover {
background: rgba(255, 255, 255, 0.6);
}
#spk-slide-1:checked ~ div.spk-hero-carousel-dots label:nth-child(1),
#spk-slide-2:checked ~ div.spk-hero-carousel-dots label:nth-child(2),
#spk-slide-3:checked ~ div.spk-hero-carousel-dots label:nth-child(3),
#spk-slide-4:checked ~ div.spk-hero-carousel-dots label:nth-child(4),
#spk-slide-5:checked ~ div.spk-hero-carousel-dots label:nth-child(5),
#spk-slide-6:checked ~ div.spk-hero-carousel-dots label:nth-child(6),
#spk-slide-7:checked ~ div.spk-hero-carousel-dots label:nth-child(7) {
background: #14b9dc;
transform: scale(1.2);
}
@media (max-width: 1024px) {
section.spk-hero div.spk-hero-inner div.spk-hero-grid {
grid-template-columns: 1fr;
gap: 40px;
align-items: center;
}
section.spk-hero div.spk-hero-inner {
padding: 60px 20px 70px 20px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content h1 {
font-size: clamp(24px, 5vw, 32px);
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap {
order: -1;
justify-content: center;
align-items: center;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel {
max-width: 480px;
flex: none;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track {
height: 340px;
min-height: unset;
flex: none;
border-radius: 16px;
}
}
@media (max-width: 480px) {
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats {
gap: 20px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-stats div.spk-hero-stat span.spk-hero-stat-num {
font-size: 26px;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas {
flex-direction: column;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-content div.spk-hero-ctas a.spk-hero-btn {
justify-content: center;
width: 100%;
}
section.spk-hero div.spk-hero-inner div.spk-hero-grid div.spk-hero-carousel-wrap div.spk-hero-carousel div.spk-hero-carousel-track {
height: 260px;
min-height: unset;
flex: none;
}
}
}
#fw-section-custom-html-8f0d8807-e948-4178-b53d-58f0c24741cd {
div.container.wrapper:has(section.spk-proof) {
max-width: 100%;
padding: 0;
}
section.spk-proof {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.spk-proof div.spk-proof-inner {
max-width: 1400px;
margin: 0 auto;
padding: 48px 40px;
text-align: center;
}
section.spk-proof div.spk-proof-inner h2.spk-proof-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #9ca3af;
font-weight: 600;
margin: 0 0 32px 0;
}
section.spk-proof div.spk-proof-inner h2.spk-proof-eyebrow strong {
font-weight: 700;
color: #6e6e73;
}
section.spk-proof div.spk-proof-inner div.spk-proof-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
gap: 40px;
}
section.spk-proof div.spk-proof-inner div.spk-proof-logos img {
height: 68px;
width: auto;
max-width: 180px;
object-fit: contain;
opacity: 0.7;
transition: opacity 0.3s ease, transform 0.3s ease;
mix-blend-mode: multiply;
}
section.spk-proof div.spk-proof-inner div.spk-proof-logos img:hover {
opacity: 1;
transform: scale(1.08);
}
@media (max-width: 768px) {
section.spk-proof div.spk-proof-inner {
padding: 40px 20px;
}
section.spk-proof div.spk-proof-inner h2.spk-proof-eyebrow {
font-size: 11px;
margin-bottom: 24px;
}
section.spk-proof div.spk-proof-inner div.spk-proof-logos {
gap: 32px;
}
section.spk-proof div.spk-proof-inner div.spk-proof-logos img {
height: 48px;
max-width: 130px;
}
}
}
#fw-section-custom-html-46529a51-a78c-469c-a462-a1c476733b66 {
div.container.wrapper:has(section.spk-why) {
max-width: 100%;
padding: 0;
}
section.spk-why {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.spk-why div.spk-why-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.spk-why div.spk-why-inner div.spk-why-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 20px;
}
section.spk-why div.spk-why-inner h2 {
font-size: clamp(26px, 3.2vw, 38px);
font-weight: 900;
line-height: 1.15;
color: #313540;
margin: 0 0 40px 0;
}
section.spk-why div.spk-why-inner div.spk-why-editorial p {
font-size: 18px;
line-height: 1.8;
color: #4a4a4f;
margin: 0 0 28px 0;
}
section.spk-why div.spk-why-inner div.spk-why-editorial p strong {
color: #313540;
font-weight: 700;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-pullquote {
border-left: 4px solid #ec4f59;
padding: 24px 0 24px 32px;
margin: 40px 0;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-pullquote p {
font-size: 22px;
font-weight: 700;
line-height: 1.5;
color: #313540;
margin: 0;
font-style: italic;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap {
display: flex;
align-items: center;
gap: 24px;
margin-top: 40px;
flex-wrap: wrap;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap a.spk-why-cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: #ec4f59;
color: white;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap a.spk-why-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap a.spk-why-cta span.material-symbols-outlined {
font-size: 20px;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap a.spk-why-cta-secondary {
font-size: 16px;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-color 0.3s ease;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap a.spk-why-cta-secondary:hover {
border-bottom-color: #14b9dc;
}
section.spk-why .spk-reveal {
opacity: 0;
transform: translateY(30px);
}
section.spk-why .spk-revealed {
animation: spkRevealUp 0.6s ease-out forwards;
}
section.spk-why .spk-why-editorial p.spk-reveal:nth-child(2) {
animation-delay: 0.08s;
}
section.spk-why .spk-why-editorial p.spk-reveal:nth-child(3) {
animation-delay: 0.08s;
}
@media (max-width: 768px) {
section.spk-why div.spk-why-inner {
padding: 60px 20px;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-pullquote {
padding: 20px 0 20px 24px;
margin: 32px 0;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-pullquote p {
font-size: 19px;
}
section.spk-why div.spk-why-inner div.spk-why-editorial div.spk-why-cta-wrap {
flex-direction: column;
align-items: flex-start;
}
}
}
#fw-section-custom-html-2defdac7-32ae-4f99-9150-9ae9c3bbd023 {
div.container.wrapper:has(section.spk-divider) {
max-width: 100%;
padding: 0;
}
section.spk-divider {
margin: -35px 0;
position: relative;
height: 360px;
overflow: hidden;
}
section.spk-divider div.spk-divider-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center 30%;
background-repeat: no-repeat;
background-attachment: fixed;
}
section.spk-divider div.spk-divider-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(49, 53, 64, 0.3) 0%, rgba(49, 53, 64, 0.1) 50%, rgba(49, 53, 64, 0.3) 100%);
}
@media (max-width: 768px) {
section.spk-divider {
height: 240px;
}
section.spk-divider div.spk-divider-bg {
background-attachment: scroll;
background-position: center;
}
}
}
#fw-section-custom-html-86bc288b-93b3-41af-9c6b-15865ab0cd83 {
div.container.wrapper:has(section.spk-topics) {
max-width: 100%;
padding: 0;
}
section.spk-topics {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.spk-topics div.spk-topics-header {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 48px 40px;
}
section.spk-topics div.spk-topics-header div.spk-topics-header-inner div.spk-topics-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 20px;
text-align: left;
}
section.spk-topics div.spk-topics-header div.spk-topics-header-inner h2 {
font-size: clamp(26px, 3.2vw, 38px);
font-weight: 900;
line-height: 1.15;
color: #313540;
margin: 0 0 24px 0;
text-align: left;
}
section.spk-topics div.spk-topics-header div.spk-topics-header-inner p.spk-topics-bridge {
font-size: 18px;
line-height: 1.7;
color: #6e6e73;
margin: 0;
text-align: left;
}
section.spk-topics div.spk-topics-row {
padding: 48px 0;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
section.spk-topics div.spk-topics-row.spk-topics-row-reverse div.spk-topics-row-inner {
direction: rtl;
}
section.spk-topics div.spk-topics-row.spk-topics-row-reverse div.spk-topics-row-inner > * {
direction: ltr;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-photo {
border-radius: 12px;
overflow: hidden;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-photo img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}
section.spk-topics div.spk-topics-row:hover div.spk-topics-row-inner div.spk-topics-photo img {
transform: scale(1.04);
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
margin-bottom: 14px;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-label-blue {
color: #14b9dc;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-label-green {
color: #67bb26;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-label-red {
color: #ec4f59;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text h3 {
font-size: clamp(22px, 2.8vw, 30px);
font-weight: 900;
color: #313540;
line-height: 1.2;
margin: 0 0 18px 0;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text p {
font-size: 17px;
line-height: 1.75;
color: #4a4a4f;
margin: 0 0 20px 0;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text p a.spk-topics-link {
color: #14b9dc;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text p a.spk-topics-link:hover {
border-bottom-color: #14b9dc;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-info {
display: flex;
flex-direction: column;
gap: 6px;
padding-top: 16px;
border-top: 1px solid #e0e0e2;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-info span {
font-size: 15px;
color: #9ca3af;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-info span strong {
color: #6e6e73;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-photo.spk-topics-photo-crop {
height: 400px;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-photo.spk-topics-photo-crop img {
height: 100%;
object-fit: cover;
object-position: center 30%;
}
section.spk-topics div.spk-topics-footer {
max-width: 1400px;
margin: 0 auto;
padding: 40px 40px 80px 40px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner a.spk-topics-cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: #ec4f59;
color: white;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
margin-bottom: 40px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner a.spk-topics-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner a.spk-topics-cta span.material-symbols-outlined {
font-size: 20px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more {
padding-top: 32px;
border-top: 1px solid #e0e0e2;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more button.spk-topics-more-btn {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
font-weight: 700;
color: #14b9dc;
font-family: inherit;
padding: 0;
display: flex;
align-items: center;
gap: 12px;
transition: opacity 0.3s ease;
border-bottom: 2px solid #14b9dc;
padding-bottom: 4px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more button.spk-topics-more-btn:hover {
opacity: 0.8;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more button.spk-topics-more-btn span.spk-topics-arrow {
color: #14b9dc;
font-size: 18px;
transition: transform 0.3s ease;
line-height: 1;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more button.spk-more-active span.spk-topics-arrow {
transform: none;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list.spk-more-open {
max-height: 800px;
margin-top: 24px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item {
display: block;
font-size: 17px;
color: #4a4a4f;
padding: 16px 0;
border-bottom: 1px solid #e0e0e2;
text-decoration: none;
position: relative;
transition: color 0.3s ease, padding 0.3s ease;
transition-delay: 0s, 0.15s;
cursor: pointer;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item:first-child {
border-top: 1px solid #e0e0e2;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item:hover {
color: #14b9dc;
padding-bottom: 48px;
transition-delay: 0.2s;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item::after {
content: attr(data-blurb);
display: block;
font-size: 15px;
line-height: 1.5;
color: #9ca3af;
font-weight: 400;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease 0.15s, margin 0.3s ease 0.15s;
margin-top: 0;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item:hover::after {
max-height: 60px;
margin-top: 8px;
transition-delay: 0.2s;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list p.spk-topics-custom {
font-size: 16px;
line-height: 1.6;
color: #6e6e73;
margin: 24px 0 0 0;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list p.spk-topics-custom a {
color: #14b9dc;
font-weight: 700;
text-decoration: none;
}
section.spk-topics .spk-reveal {
opacity: 0;
transform: translateY(30px);
}
section.spk-topics .spk-revealed {
animation: spkRevealUp 0.6s ease-out forwards;
}
@media (max-width: 768px) {
section.spk-topics div.spk-topics-header {
padding: 60px 20px 32px 20px;
}
section.spk-topics div.spk-topics-row {
padding: 32px 0;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner {
grid-template-columns: 1fr;
gap: 24px;
padding: 0 20px;
}
section.spk-topics div.spk-topics-row.spk-topics-row-reverse div.spk-topics-row-inner {
direction: ltr;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-photo.spk-topics-photo-crop {
height: 280px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner a.spk-topics-cta {
width: 100%;
justify-content: center;
}
section.spk-topics div.spk-topics-footer {
padding: 32px 20px 60px 20px;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text div.spk-topics-label {
font-size: 11px;
}
section.spk-topics div.spk-topics-row div.spk-topics-row-inner div.spk-topics-text p {
font-size: 16px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more button.spk-topics-more-btn {
font-size: 18px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item {
font-size: 16px;
padding: 14px 0;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item:hover {
padding-bottom: 14px;
}
section.spk-topics div.spk-topics-footer div.spk-topics-footer-inner div.spk-topics-more div.spk-topics-more-list a.spk-topics-more-item::after {
display: none;
}
}
}
#fw-section-custom-html-eb10e6e1-96a2-4f17-a8d4-2cd3a1d6156b {
div.container.wrapper:has(section.spk-faq) {
max-width: 100%;
padding: 0;
}
section.spk-faq {
margin: -35px 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.spk-faq div.spk-faq-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-eyebrow {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
font-weight: 700;
margin-bottom: 20px;
text-align: left;
}
section.spk-faq div.spk-faq-inner h2 {
font-size: clamp(26px, 3.2vw, 38px);
font-weight: 900;
line-height: 1.15;
color: #313540;
margin: 0 0 24px 0;
text-align: left;
}
section.spk-faq div.spk-faq-inner p.spk-faq-bridge {
font-size: 18px;
line-height: 1.7;
color: #6e6e73;
margin: 0 0 48px 0;
text-align: left;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list {
max-width: 900px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item {
border-bottom: 1px solid #e5e5e7;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item:first-child {
border-top: 1px solid #e5e5e7;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q {
width: 100%;
background: none;
border: none;
cursor: pointer;
padding: 20px 0;
display: flex;
align-items: center;
gap: 16px;
font-family: inherit;
text-align: left;
transition: color 0.3s ease;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q:hover {
color: #14b9dc;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q span.spk-faq-chevron {
color: #14b9dc;
font-size: 16px;
flex-shrink: 0;
line-height: 1;
transition: transform 0.3s ease;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q span:last-child {
font-size: 18px;
font-weight: 700;
color: #313540;
line-height: 1.4;
transition: color 0.3s ease;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q:hover span:last-child {
color: #14b9dc;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item div.spk-faq-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item.spk-faq-open div.spk-faq-a {
max-height: 400px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item div.spk-faq-a p {
font-size: 17px;
line-height: 1.75;
color: #4a4a4f;
margin: 0 0 20px 0;
padding-left: 32px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item div.spk-faq-a p a.spk-faq-link {
color: #14b9dc;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item div.spk-faq-a p a.spk-faq-link:hover {
border-bottom-color: #14b9dc;
}
section.spk-faq .spk-reveal {
opacity: 0;
transform: translateY(30px);
}
section.spk-faq .spk-revealed {
animation: spkRevealUp 0.6s ease-out forwards;
}
@media (max-width: 768px) {
section.spk-faq div.spk-faq-inner {
padding: 60px 20px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item button.spk-faq-q span:last-child {
font-size: 17px;
}
section.spk-faq div.spk-faq-inner div.spk-faq-list div.spk-faq-item div.spk-faq-a p {
font-size: 16px;
padding-left: 32px;
}
}
}
#fw-section-custom-html-ffa76d38-79a3-493e-a9a9-87fa78afe5d3 {
section.custom-html {
padding: 0 !important;
margin: 0 !important;
}
.speaker-proof-section {
background: white;
padding: 100px 0;
margin: 0;
}
.speaker-proof-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
.speaker-proof-header {
text-align: center;
margin-bottom: 60px;
}
.speaker-proof-header h2 {
font-size: 42px;
font-weight: 700;
color: #313540;
margin-bottom: 16px;
}
.speaker-proof-header p {
font-size: 18px;
color: #5a6c7d;
}
.speaker-logo-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 40px;
align-items: center;
margin: 0 auto 60px;
padding: 40px;
background: #f8f9fa;
border-radius: 12px;
}
/* Updated to remove boxes */
.speaker-logo-placeholder {
height: 60px;
background: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
}
.speaker-logo-placeholder img {
max-height: 60px;
width: auto;
display: block;
}
/* Removed hover color box */
.speaker-logo-placeholder:hover {
background: none;
color: inherit;
}
.speaker-stats-highlight {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 60px;
}
.speaker-stat-highlight-box {
text-align: center;
padding: 40px;
background: #f8f9fa;
border-radius: 12px;
}
.speaker-stat-highlight-box:nth-child(1) { border-bottom: 4px solid #14b9dc; }
.speaker-stat-highlight-box:nth-child(2) { border-bottom: 4px solid #67bb26; }
.speaker-stat-highlight-box:nth-child(3) { border-bottom: 4px solid #ec4f59; }
.speaker-stat-number {
font-size: 48px;
font-weight: 700;
color: #313540;
margin-bottom: 8px;
display: block;
}
.speaker-stat-label {
font-size: 18px;
font-weight: 600;
color: #313540;
margin-bottom: 8px;
display: block;
}
.speaker-stat-description {
font-size: 15px;
color: #5a6c7d;
line-height: 1.5;
}
@media (max-width: 1024px) {
.speaker-logo-grid {
grid-template-columns: repeat(3, 1fr);
}
.speaker-stats-highlight {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-06f3ef3f-44e3-4ab4-b36a-d2a77281bfd4 {
div.container.wrapper:has(section.spk-booking) {
max-width: 100%;
padding: 0;
}
section.spk-booking {
margin: -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: white;
}
section.spk-booking div.spk-booking-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card {
background: white;
border-radius: 12px;
padding: 40px;
color: #313540;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-booking-form-header h2 {
font-size: clamp(22px, 2.5vw, 28px);
font-weight: 900;
color: #313540;
margin: 0 0 8px 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-booking-form-header p {
font-size: 15px;
color: #6e6e73;
line-height: 1.5;
margin: 0 0 28px 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form {
display: flex;
flex-direction: column;
gap: 16px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-field label {
display: block;
font-size: 14px;
font-weight: 700;
color: #313540;
margin-bottom: 6px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-field label span.spk-req {
color: #ec4f59;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-field label span.spk-optional {
color: #9ca3af;
font-weight: 400;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form input.spk-input,
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form select.spk-input,
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form textarea.spk-input {
width: 100%;
padding: 12px 14px;
border: 1px solid #e0e0e2;
border-radius: 8px;
font-size: 16px;
font-family: inherit;
color: #313540;
background: #fafafa;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form input.spk-input:focus,
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form select.spk-input:focus,
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form textarea.spk-input:focus {
outline: none;
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.12);
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form textarea.spk-textarea {
resize: vertical;
min-height: 100px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-honey {
position: absolute;
left: -9999px;
opacity: 0;
height: 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-consent-field label.spk-consent-label {
display: flex;
gap: 10px;
align-items: flex-start;
cursor: pointer;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-consent-field label.spk-consent-label input.spk-checkbox {
margin-top: 3px;
flex-shrink: 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-consent-field label.spk-consent-label span.spk-consent-text {
font-size: 13px;
color: #6e6e73;
line-height: 1.5;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-consent-field label.spk-consent-label span.spk-consent-text a {
color: #14b9dc;
text-decoration: none;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form button.spk-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 32px;
background: #ec4f59;
color: white;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
font-family: inherit;
letter-spacing: 0.5px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
width: 100%;
margin-top: 8px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form button.spk-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form button.spk-submit span.material-symbols-outlined {
font-size: 20px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form button.spk-submit span.spk-spinner {
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid rgba(255,255,255,0.3);
border-top-color: white;
border-radius: 50%;
animation: spkFormSpin 0.6s linear infinite;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-success {
text-align: left;
padding: 40px 20px;
animation: spkSuccessFade 0.5s ease-out;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-success div.spk-success-badge span.material-symbols-outlined {
font-size: 56px;
color: #67bb26;
animation: spkSuccessPop 0.5s ease-out 0.2s both;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-success h2 {
font-size: 24px;
font-weight: 900;
color: #313540;
margin: 16px 0 12px 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-success p {
font-size: 16px;
color: #6e6e73;
line-height: 1.6;
margin: 0 0 24px 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card div.spk-success button.spk-reset-btn {
background: #14b9dc;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
width: auto;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial {
position: sticky;
top: 40px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-photo {
border-radius: 12px;
overflow: hidden;
margin-bottom: 32px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-photo img {
width: 100%;
height: auto;
display: block;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy h3 {
font-size: 22px;
font-weight: 900;
color: white;
margin: 0 0 16px 0;
line-height: 1.3;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy p {
font-size: 16px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.7);
margin: 0 0 24px 0;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy div.spk-booking-checklist {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 32px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy div.spk-booking-checklist div.spk-check-item {
display: flex;
align-items: flex-start;
gap: 12px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy div.spk-booking-checklist div.spk-check-item span.material-symbols-outlined {
font-size: 20px;
color: #67bb26;
flex-shrink: 0;
margin-top: 2px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial div.spk-booking-copy div.spk-booking-checklist div.spk-check-item span:last-child {
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 1.5;
}
@media (max-width: 768px) {
section.spk-booking div.spk-booking-inner {
padding: 60px 20px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid {
grid-template-columns: 1fr;
gap: 40px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-editorial {
position: static;
order: -1;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card {
padding: 28px 20px;
}
section.spk-booking div.spk-booking-inner div.spk-booking-grid div.spk-booking-form-wrap div.spk-booking-form-card form.spk-booking-form div.spk-field-row {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-bc457f10-59bb-418d-a09f-a59d80641a6d {
section.custom-html {
padding: 0 !important;
margin: 0 !important;
}
.speaker-topics-section {
background: #f8f9fa;
padding: 100px 0;
margin: 0;
}
.speaker-topics-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
.speaker-topics-header {
text-align: center;
margin-bottom: 60px;
}
.speaker-topics-header h2 {
font-size: 42px;
font-weight: 700;
color: #313540;
margin-bottom: 16px;
}
.speaker-topics-header p {
font-size: 18px;
color: #5a6c7d;
max-width: 900px;
margin: 0 auto;
}
.speaker-topics-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-bottom: 40px;
}
.speaker-topic-card {
background: white;
border-radius: 12px;
padding: 40px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.speaker-topic-card:nth-child(1) { border-top: 4px solid #14b9dc; }
.speaker-topic-card:nth-child(2) { border-top: 4px solid #67bb26; }
.speaker-topic-card:nth-child(3) { border-top: 4px solid #ec4f59; }
.speaker-topic-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.speaker-topic-icon {
font-size: 48px;
margin-bottom: 16px;
color: #14b9dc;
}
.speaker-topic-meta {
font-size: 14px;
color: #14b9dc;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.speaker-topic-card h3 {
font-size: 24px;
font-weight: 700;
color: #313540;
margin-bottom: 16px;
line-height: 1.3;
}
.speaker-topic-card p {
font-size: 16px;
line-height: 1.7;
color: #5a6c7d;
margin-bottom: 20px;
}
.speaker-topic-card ul {
list-style: none;
margin-bottom: 20px;
padding: 0;
}
.speaker-topic-card ul li {
font-size: 15px;
line-height: 1.7;
color: #2c3e50;
margin-bottom: 10px;
padding-left: 24px;
position: relative;
}
.speaker-topic-card ul li:before {
content: "•";
position: absolute;
left: 8px;
color: #14b9dc;
font-weight: bold;
}
.speaker-topic-takeaways {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
margin-top: 20px;
}
.speaker-topic-takeaways h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #313540;
margin-bottom: 12px;
font-weight: 600;
}
.speaker-topic-takeaways ul {
margin-bottom: 0;
}
.speaker-topic-takeaways ul li:before {
content: "done";
font-family: 'Material Icons';
color: #67bb26;
font-size: 18px;
left: 0;
}
.speaker-additional-topics {
background: white;
border-radius: 12px;
padding: 40px;
text-align: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.speaker-additional-topics h4 {
font-size: 18px;
font-weight: 700;
color: #313540;
margin-bottom: 24px;
}
.speaker-topics-dropdown {
width: 100%;
max-width: 700px;
margin: 0 auto 24px;
padding: 16px 20px;
font-size: 16px;
color: #2c3e50;
background: #f8f9fa;
border: 2px solid #e0e0e0;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
font-family: inherit;
}
.speaker-topics-dropdown:hover {
border-color: #14b9dc;
background: white;
}
.speaker-topics-dropdown:focus {
outline: none;
border-color: #14b9dc;
background: white;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.1);
}
.speaker-topics-dropdown option {
padding: 12px;
}
.speaker-additional-topics p {
font-size: 16px;
color: #5a6c7d;
font-style: italic;
margin: 0;
}
@media (max-width: 1024px) {
.speaker-topics-grid {
grid-template-columns: 1fr;
}
.speaker-topics-dropdown {
max-width: 100%;
}
}
}
#fw-section-custom-html-b3eaf944-8ba2-4e07-904f-6165d2b15145 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Block 1 CSS - Hero with Countdown */
/* Remove ALL Fourthwall default padding and margins */
* {
box-sizing: border-box;
}
body {
margin: 0 !important;
padding: 0 !important;
}
main,
#main,
.main-content,
.page-content,
section,
.container,
.wrapper {
padding: 0 !important;
margin: 0 !important;
}
/* Smooth scrolling */
html {
scroll-behavior: smooth;
scroll-padding-top: 20px;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.bf-hero {
background: linear-gradient(135deg, #313540 0%, #1a1d24 100%);
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
margin: 0 !important;
width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.bf-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 50% 50%, rgba(103, 187, 38, 0.1) 0%, transparent 70%);
pointer-events: none;
}
.bf-hero-content {
position: relative;
z-index: 2;
}
.bf-badge {
display: inline-block;
background: #67bb26;
color: white;
padding: 10px 28px;
border-radius: 50px;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.bf-hero h1 {
font-size: clamp(40px, 7vw, 72px);
font-weight: 900;
line-height: 1;
color: white;
margin-bottom: 24px;
letter-spacing: -2px;
}
.bf-hero-tagline {
font-size: clamp(22px, 3vw, 32px);
font-weight: 700;
color: white;
margin-bottom: 20px;
line-height: 1.2;
}
.bf-hero-description {
font-size: clamp(16px, 1.8vw, 18px);
line-height: 1.7;
color: rgba(255, 255, 255, 0.85);
max-width: 800px;
margin: 0 auto 48px;
}
.countdown-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 2px solid rgba(103, 187, 38, 0.3);
border-radius: 20px;
padding: 40px;
max-width: 900px;
margin: 0 auto 40px;
}
.countdown-card p {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 8px;
}
.countdown-card strong {
color: white;
font-size: 18px;
}
.now-text {
color: #67bb26;
font-weight: 700;
}
.timer {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
max-width: 600px;
margin: 32px auto 24px;
}
.timer-box {
background: rgba(0, 0, 0, 0.3);
border: 2px solid rgba(236, 79, 89, 0.5);
border-radius: 16px;
padding: 20px 16px;
}
.timer-num {
font-size: 48px;
font-weight: 900;
color: #ec4f59;
line-height: 1;
margin-bottom: 8px;
}
.timer-label {
font-size: 11px;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
.access-note {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
}
.cta-btn {
display: inline-block;
background: #67bb26;
color: white;
padding: 20px 48px;
border-radius: 8px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
transition: all 0.2s;
}
.cta-btn:hover {
background: #5a9e22;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(103, 187, 38, 0.4);
}
@media (max-width: 768px) {
.timer {
gap: 12px;
}
.timer-box {
padding: 16px 12px;
}
.timer-num {
font-size: 36px;
}
}
}
#fw-section-tiers-4fe410f6-1af3-43c3-a5a4-e0de3092f6b7 {
/* ===== KDCC BLACK FRIDAY - GREEN THEME MEMBERSHIP TIERS ===== */
/* ===== HIDE FIRST 3 TIERS - SHOW ONLY GROWTH YEAR ===== */
.tiers__container .grid__column:nth-child(1),
.tiers__container .grid__column:nth-child(2),
.tiers__container .grid__column:nth-child(3) {
display: none !important;
}
/* ===== SHOW ONLY GROWTH YEAR (4TH TIER) ===== */
.tiers__container .grid__column:nth-child(4) {
display: block !important;
max-width: 900px !important;
margin: 0 auto !important;
grid-column: 1 / -1 !important;
}
/* Center the grid */
.tiers__container .grid {
display: flex !important;
justify-content: center !important;
}
/* ===== SECTION HEADER - GREEN ===== */
.tiers__heading {
color: #67bb26 !important;
font-weight: 900 !important;
}
/* ===== HIDE TIER NAME (BLUE "GROWTH YEAR" TEXT) ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier-title {
display: none !important;
}
/* ===== BOXES - GREEN BORDERS + ROUNDED CORNERS ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier {
border: 3px solid #67bb26 !important;
border-radius: 24px !important;
box-shadow: 0 8px 32px rgba(103, 187, 38, 0.1) !important;
transition: all 0.3s ease !important;
}
.tiers__container .grid__column:nth-child(4) .tiers__tier:hover {
box-shadow: 0 12px 40px rgba(103, 187, 38, 0.2) !important;
transform: translateY(-2px) !important;
}
/* ===== BUTTONS - GREEN + ROUNDED ===== */
.tiers__container .grid__column:nth-child(4) .button {
background: #67bb26 !important;
border-color: #67bb26 !important;
border-radius: 8px !important;
font-weight: 700 !important;
transition: all 0.3s ease !important;
}
.tiers__container .grid__column:nth-child(4) .button:hover {
background: #5a9e22 !important;
border-color: #5a9e22 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(103, 187, 38, 0.4) !important;
}
/* ===== CHECKMARKS - GREEN ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier-feature-icon {
color: #67bb26 !important;
font-weight: 900 !important;
}
/* ===== HIDE THE MONTHLY PRICE ($15.06 per month) ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier-price {
display: none !important;
}
/* ===== HIDE "SAVE 17% IF YOU PAY ANNUALLY" ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier-annual-info {
display: none !important;
}
/* ===== ADD CUSTOM PRICING WITH STRIKETHROUGH ===== */
/* Add main price as FIRST item */
.tiers__container .grid__column:nth-child(4) .tiers__tier-cta::before {
content: "$149.99 per year!" !important;
display: block !important;
font-size: 56px !important;
font-weight: 900 !important;
color: #313540 !important;
text-align: center !important;
line-height: 1.2 !important;
margin-bottom: 12px !important;
order: 1 !important;
}
/* Add strikethrough price as SECOND item */
.tiers__container .grid__column:nth-child(4) .tiers__tier-cta::after {
content: "Full 12-month value: $329.88" !important;
display: block !important;
font-size: 28px !important;
color: #313540 !important;
text-decoration: line-through !important;
text-decoration-color: #ec4f59 !important;
text-decoration-thickness: 3px !important;
text-align: center !important;
margin-bottom: 24px !important;
font-weight: 600 !important;
order: 2 !important;
}
/* Button is THIRD item */
.tiers__container .grid__column:nth-child(4) .tiers__tier-cta .button {
order: 3 !important;
}
/* Make CTA button display as flex column to show our custom pricing */
.tiers__container .grid__column:nth-child(4) .tiers__tier-cta {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
/* ===== GUARANTEE TEXT - GROWTH YEAR ONLY ===== */
.tiers__container .grid__column:nth-child(4) .tiers__tier-inner::after {
content: "✓ 30-Day Money-Back Guarantee • ✓ Instant Access • ✓ Secure Payment" !important;
display: block !important;
margin-top: 24px !important;
padding-top: 24px !important;
border-top: 2px solid #f5f5f7 !important;
color: #6e6e73 !important;
font-size: 13px !important;
text-align: center !important;
line-height: 1.5 !important;
}
/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
.tiers__container .grid__column:nth-child(4) .tiers__tier {
margin-bottom: 24px !important;
}
.tiers__container .grid__column:nth-child(4) .tiers__tier-cta::after {
font-size: 42px !important;
}
}
}
#fw-section-custom-html-735f2474-59c5-4cc9-bba8-e4d7f33a1b3d {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Remove gaps between sections */
body {
margin: 0 !important;
padding: 0 !important;
}
.section,
.section-white,
.section-dark,
.section-light,
.bf-hero {
margin: 0 !important;
}
.section {
padding: 68px 20px;
}
.section-dark {
background: #313540;
color: white;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 50px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-header h2 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 900;
color: white;
display: inline-flex;
position: relative;
padding: 0 40px;
margin: 0 auto;
align-items: center;
}
.section-header h2::before,
.section-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 80px;
height: 3px;
background: #67bb26;
}
.section-header h2::before {
right: 100%;
margin-right: 20px;
}
.section-header h2::after {
left: 100%;
margin-left: 20px;
}
.section-intro {
font-size: 22px;
color: rgba(255, 255, 255, 0.9);
max-width: 900px;
margin: 16px auto 0;
line-height: 1.7;
text-align: center;
font-weight: 500;
}
.testimonials-label {
text-align: center;
font-size: 16px;
font-weight: 700;
color: #14b9dc;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
max-width: 1200px;
margin: 0 auto;
}
.testimonial {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 40px 32px;
transition: all 0.3s;
}
.testimonial:hover {
border-color: #67bb26;
transform: translateY(-4px);
}
.testimonial-emoji {
font-size: 48px;
margin-bottom: 20px;
text-align: center;
}
.testimonial p {
font-style: italic;
margin-bottom: 20px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.95);
text-align: center;
}
.author {
display: flex;
align-items: center;
gap: 12px;
}
.author-avatar {
width: 48px;
height: 48px;
background: #67bb26;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 20px;
color: white;
flex-shrink: 0;
}
.author-name {
font-weight: 600;
color: white;
}
@media (max-width: 768px) {
.section-header h2::before,
.section-header h2::after {
display: none;
}
.testimonial-grid {
grid-template-columns: 1fr;
}
}
}
#fw-section-custom-html-f429a818-37cc-4486-91b7-90dd26d1c823 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Block 4 CSS - Journey Section */
body {
margin: 0;
padding: 0;
}
.section {
padding: 72px 22px;
margin: 0;
}
.section-white {
background: white;
margin: 0;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-header h2 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 900;
color: #313540;
display: inline-flex;
position: relative;
padding: 0 40px;
margin: 0 auto;
align-items: center;
}
.section-header h2::before,
.section-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 80px;
height: 3px;
background: #67bb26;
}
.section-header h2::before {
right: 100%;
margin-right: 20px;
}
.section-header h2::after {
left: 100%;
margin-left: 20px;
}
.section-intro {
font-size: 18px;
color: #6e6e73;
max-width: 800px;
margin: 16px auto 60px;
line-height: 1.7;
text-align: center;
}
.journey-visual {
max-width: 1200px;
margin: 60px auto;
padding: 20px 0;
}
.journey-row {
display: flex;
align-items: stretch;
justify-content: center;
gap: 32px;
margin-bottom: 30px;
flex-wrap: wrap;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.journey-phase {
background: #f5f5f7;
border-radius: 20px;
padding: 36px;
position: relative;
flex: 1;
min-width: 300px;
}
.phase-authority {
border-left: 6px solid #14b9dc;
}
.phase-knowledge {
border-left: 6px solid #67bb26;
}
.phase-number {
position: absolute;
top: 24px;
right: 24px;
width: 48px;
height: 48px;
background: #67bb26;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 900;
}
.phase-authority .phase-number {
background: #14b9dc;
}
.phase-tag {
background: #67bb26;
color: white;
display: inline-block;
padding: 6px 16px;
border-radius: 50px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.phase-authority .phase-tag {
background: #14b9dc;
}
.phase-content h3 {
font-size: 28px;
font-weight: 800;
color: #313540;
margin-bottom: 12px;
}
.phase-content > p {
font-size: 17px;
color: #6e6e73;
line-height: 1.6;
}
.journey-plus {
font-size: 48px;
font-weight: 900;
color: #67bb26;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
align-self: center;
}
.journey-arrow-down {
text-align: center;
font-size: 48px;
color: #67bb26;
margin: 30px 0;
font-weight: 900;
}
.growth-year-box {
background: linear-gradient(135deg, #67bb26, #5a9e22);
border-radius: 20px;
padding: 43px;
color: white;
max-width: 1200px;
margin: 40px auto 0;
}
.growth-year-box h3 {
font-size: 36px;
font-weight: 900;
color: white;
text-align: center;
margin-bottom: 32px;
}
.growth-year-perks {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 800px;
margin: 0 auto;
}
.perk {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 16px;
line-height: 1.5;
}
.perk-icon {
color: white;
font-weight: 900;
font-size: 20px;
flex-shrink: 0;
}
.perk span:last-child {
color: rgba(255, 255, 255, 0.95);
}
.journey-result {
text-align: center;
background: linear-gradient(135deg, #67bb26, #5a9e22);
color: white;
padding: 29px;
border-radius: 16px;
margin-top: 40px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.journey-result p {
font-size: 24px;
font-weight: 700;
margin: 0;
}
@media (max-width: 768px) {
.section-header h2::before,
.section-header h2::after {
display: none;
}
.journey-row {
flex-direction: column;
}
.journey-plus {
font-size: 36px;
}
.journey-phase {
padding: 29px 22px;
min-width: 100%;
}
.growth-year-box {
padding: 29px 22px;
}
.growth-year-box h3 {
font-size: 28px;
}
}
}
#fw-section-custom-html-eb059835-6177-4fd2-90a8-1e76f9738687 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Block 5 CSS - Why We Built This */
body {
margin: 0;
padding: 0;
}
.section {
padding: 25px 7px;
margin: 0;
}
.section-dark {
background: #313540;
color: white;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 25px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-header h2 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 900;
color: white;
display: inline-flex;
position: relative;
padding: 0 40px;
margin: 0 auto;
align-items: center;
}
.section-header h2::before,
.section-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 80px;
height: 3px;
background: #67bb26;
}
.section-header h2::before {
right: 100%;
margin-right: 20px;
}
.section-header h2::after {
left: 100%;
margin-left: 20px;
}
.why-story {
max-width: 1000px;
margin: 0 auto;
}
.story-block {
text-align: center;
margin-bottom: 20px;
}
.story-block h3 {
font-size: 32px;
font-weight: 800;
color: white;
margin-bottom: 6px;
}
.story-block p {
font-size: 18px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.7;
max-width: 900px;
margin: 0 auto;
}
.story-divider {
text-align: center;
font-size: 24px;
color: #67bb26;
margin: 15px 0;
}
.highlight-text {
color: #67bb26;
font-weight: 700;
}
.who-built-label {
text-align: center;
margin-top: 25px;
margin-bottom: 15px;
}
.star-icon {
font-size: 32px;
color: #67bb26;
margin-bottom: 4px;
}
.label-text {
font-size: 24px;
color: white;
font-weight: 700;
}
.founders-section {
max-width: 1000px;
margin: 0 auto;
display: grid;
grid-template-columns: 300px 1fr;
gap: 40px;
align-items: center;
}
.founders-photo {
border-radius: 20px;
overflow: hidden;
border: 4px solid #67bb26;
}
.founders-photo img {
width: 100%;
height: auto;
display: block;
}
.founders-info p {
font-size: 17px;
color: rgba(255, 255, 255, 0.95);
line-height: 1.7;
margin-bottom: 28px;
}
.founders-info p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.section-header h2::before,
.section-header h2::after {
display: none;
}
.founders-section {
grid-template-columns: 1fr;
gap: 32px;
}
.story-block {
margin-bottom: 60px;
}
}
}
#fw-section-custom-html-b6b6e20e-43c4-4a4d-a526-69f409cf5a89 {
/* ===== KDCC • Creator Growth Year • Who is the KDCC? (Matched Styling) ===== */
#kdcc-about-block {
--kdcc-blue: #14b9dc;
--kdcc-red: #ec4f59;
--kdcc-dark: #313540;
--kdcc-text: #2a2e37;
max-width: 1000px;
margin: 0 auto 72px;
padding: 0 24px;
text-align: center;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
/* Card shell - matches experience and why sections */
.kdcc-about__inner {
background: #fff;
border: 1px solid rgba(0,0,0,0.06);
border-radius: 18px;
box-shadow: 0 1px 6px rgba(0,0,0,0.05);
padding: 64px 56px;
position: relative;
overflow: hidden;
}
/* Accent bar with curved edges */
.kdcc-about__inner::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
border-radius: 18px 18px 0 0;
background: linear-gradient(90deg, #ec4f59, #14b9dc);
}
/* Title - RED color to match experience section */
.kdcc-about__title {
font-size: 2.1rem;
font-weight: 900;
color: var(--kdcc-red);
letter-spacing: -0.3px;
margin: 0 0 32px 0;
text-align: center;
}
/* Content wrapper - centers the text block */
.kdcc-about__content-wrapper {
max-width: 920px;
margin: 0 auto 32px;
text-align: center;
}
/* Paragraphs - cleaner spacing */
#kdcc-about-block p {
color: var(--kdcc-text);
font-size: 1.06rem;
line-height: 1.7;
margin: 0 0 18px 0;
}
/* Last paragraph in wrapper */
.kdcc-about__content-wrapper p:last-child {
margin-bottom: 0;
}
/* Strong emphasis */
#kdcc-about-block strong {
color: var(--kdcc-dark);
font-weight: 700;
}
/* CTA link container */
.kdcc-about__cta {
margin: 32px auto 0;
max-width: 920px;
}
/* Link styling */
#kdcc-about-block a {
color: var(--kdcc-blue);
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--kdcc-blue);
padding-bottom: 2px;
transition: all 0.2s ease;
display: inline-block;
}
#kdcc-about-block a:hover {
color: var(--kdcc-red);
border-bottom-color: var(--kdcc-red);
}
/* Responsive */
@media (max-width: 900px) {
.kdcc-about__inner {
padding: 56px 32px;
}
}
@media (max-width: 640px) {
.kdcc-about__inner {
padding: 44px 24px;
}
#kdcc-about-block p {
font-size: 1rem;
}
.kdcc-about__title {
font-size: 1.8rem;
}
}
}
#fw-section-custom-html-59f4a60b-530f-4063-943c-020b2d5de76a {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f5f5f7;
--color-background-rgb: 245, 245, 247;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 245;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Block 6 CSS - FAQ */
body {
margin: 0;
padding: 0;
}
.section {
padding: 80px 24px;
margin: 0;
}
.section-light {
background: #f5f5f7;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-header h2 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 900;
color: #313540;
display: inline-flex;
position: relative;
padding: 0 40px;
margin: 0 auto;
align-items: center;
}
.section-header h2::before,
.section-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 80px;
height: 3px;
background: #67bb26;
}
.section-header h2::before {
right: 100%;
margin-right: 20px;
}
.section-header h2::after {
left: 100%;
margin-left: 20px;
}
.faq-list {
max-width: 900px;
margin: 0 auto;
}
.faq-item {
background: white;
border: 2px solid #e5e5e7;
border-radius: 12px;
padding: 24px 28px;
margin-bottom: 20px;
transition: all 0.3s;
}
.faq-item:hover {
border-color: #67bb26;
}
.faq-item[open] {
border-color: #67bb26;
}
.faq-item summary {
cursor: pointer;
font-size: 18px;
color: #313540;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-item summary::after {
content: '+';
font-size: 28px;
color: #67bb26;
font-weight: 700;
flex-shrink: 0;
margin-left: 16px;
}
.faq-item[open] summary::after {
content: '−';
}
.faq-item p {
margin-top: 16px;
font-size: 16px;
line-height: 1.7;
color: #6e6e73;
}
@media (max-width: 768px) {
.section-header h2::before,
.section-header h2::after {
display: none;
}
.faq-item {
padding: 20px 24px;
}
}
}
#fw-section-custom-html-ec1674b5-bbbd-470e-979c-824c5d66ded2 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Block 7 CSS - Why Only 10 Spots */
/* Smooth scrolling for anchor links */
html {
scroll-behavior: smooth;
scroll-padding-top: 20px;
}
body {
margin: 0;
padding: 0;
}
.section {
padding: 80px 24px;
margin: 0;
}
.section-white {
background: white;
}
.kdcc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-header h2 {
font-size: clamp(32px, 5vw, 48px);
font-weight: 900;
color: #313540;
display: inline-flex;
position: relative;
padding: 0 40px;
margin: 0 auto;
align-items: center;
}
.section-header h2::before,
.section-header h2::after {
content: '';
position: absolute;
top: 50%;
width: 80px;
height: 3px;
background: #67bb26;
}
.section-header h2::before {
right: 100%;
margin-right: 20px;
}
.section-header h2::after {
left: 100%;
margin-left: 20px;
}
.limited-story {
max-width: 900px;
margin: 0 auto;
}
.limited-visual {
text-align: center;
margin-bottom: 48px;
}
.spots-counter-animated {
margin-bottom: 32px;
}
.counter-display {
font-size: 96px;
font-weight: 900;
color: #ec4f59;
line-height: 1;
margin-bottom: 8px;
}
.counter-label-animated {
font-size: 14px;
font-weight: 700;
color: #313540;
letter-spacing: 1px;
}
.spots-visual {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin: 0 auto;
max-width: 600px;
}
.spot {
width: 48px;
height: 48px;
background: #e5e5e7;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #6e6e73;
transition: all 0.3s;
}
.spot.filled {
background: #67bb26;
color: white;
transform: scale(1.1);
}
.limited-reasons-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 24px;
margin-bottom: 48px;
}
.reason-card {
background: #f5f5f7;
border-radius: 12px;
padding: 32px 24px;
text-align: center;
}
.reason-number {
width: 56px;
height: 56px;
background: #67bb26;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 900;
margin: 0 auto 16px;
}
.reason-card p {
font-size: 16px;
color: #313540;
line-height: 1.6;
}
.limited-cta-box {
background: linear-gradient(135deg, #67bb26, #5a9e22);
border-radius: 16px;
padding: 40px;
text-align: center;
}
.limited-warning {
font-size: 18px;
font-weight: 700;
color: white;
margin-bottom: 24px;
}
.cta-btn {
display: inline-block;
background: white;
color: #67bb26;
padding: 20px 48px;
border-radius: 8px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
transition: all 0.2s;
}
.cta-btn:hover {
background: #f5f5f7;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.limited-note {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
margin-top: 16px;
}
@media (max-width: 768px) {
.section-header h2::before,
.section-header h2::after {
display: none;
}
.counter-display {
font-size: 72px;
}
.spot {
width: 40px;
height: 40px;
}
.limited-reasons-grid {
grid-template-columns: 1fr;
}
.limited-cta-box {
padding: 32px 24px;
}
}
}
#fw-section-custom-html-a671d134-de5d-4bee-b9fb-fb970c6abf9a {
section.kdcc-contact-hero {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
margin: 0 0 -35px 0;
padding: 0;
width: 100%;
}
section.kdcc-contact-hero div.kdcc-ch-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 48px;
display: grid;
grid-template-columns: 7fr 3fr;
gap: 40px;
align-items: center;
}
section.kdcc-contact-hero div.kdcc-ch-left {
animation: kdcc-heroFadeUp 0.6s ease-out both;
}
section.kdcc-contact-hero div.kdcc-ch-left p.kdcc-ch-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
margin: 0 0 16px 0;
}
section.kdcc-contact-hero div.kdcc-ch-left h1 {
font-size: clamp(24px, 3.2vw, 38px);
font-weight: 900;
color: #ffffff;
margin: 0 0 24px 0;
line-height: 1.12;
letter-spacing: -0.5px;
}
section.kdcc-contact-hero div.kdcc-ch-left p.kdcc-ch-bridge {
font-size: 17px;
color: #b0b8c4;
margin: 0 0 32px 0;
line-height: 1.7;
}
section.kdcc-contact-hero div.kdcc-ch-left p.kdcc-ch-bridge strong {
color: #e2e8f0;
font-weight: 600;
}
section.kdcc-contact-hero div.kdcc-ch-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
section.kdcc-contact-hero a.kdcc-ch-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 28px;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.25s ease;
color: #ffffff;
}
section.kdcc-contact-hero a.kdcc-ch-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-contact-hero a.kdcc-ch-btn:hover span.material-symbols-outlined {
animation: kdcc-iconBounce 0.4s ease;
}
section.kdcc-contact-hero a.kdcc-ch-btn.kdcc-btn-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.35);
}
section.kdcc-contact-hero a.kdcc-ch-btn.kdcc-btn-red:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.5);
}
section.kdcc-contact-hero a.kdcc-ch-btn.kdcc-btn-blue {
background: #14b9dc;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.35);
}
section.kdcc-contact-hero a.kdcc-ch-btn.kdcc-btn-blue:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20, 185, 220, 0.5);
}
section.kdcc-contact-hero div.kdcc-ch-right {
display: flex;
align-items: center;
justify-content: center;
animation: kdcc-heroFadeUp 0.6s ease-out 0.2s both;
}
section.kdcc-contact-hero div.kdcc-letter-image {
position: relative;
width: 200px;
height: 260px;
cursor: pointer;
}
section.kdcc-contact-hero div.kdcc-animated-mail {
position: absolute;
height: 150px;
width: 200px;
transition: 0.4s;
transform: translateY(50px);
}
section.kdcc-contact-hero div.kdcc-body {
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 200px;
border-color: transparent transparent #ec4f59 transparent;
z-index: 2;
}
section.kdcc-contact-hero div.kdcc-top-fold {
position: absolute;
top: 50px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #d93d47 transparent transparent transparent;
transform-origin: 50% 0%;
transition: transform 0.4s, z-index 0.2s;
transform: rotateX(180deg);
z-index: 0;
}
section.kdcc-contact-hero div.kdcc-back-fold {
position: absolute;
bottom: 0;
width: 200px;
height: 100px;
background: #d93d47;
z-index: 0;
}
section.kdcc-contact-hero div.kdcc-left-fold {
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 100px;
border-color: transparent transparent transparent #e14549;
z-index: 2;
}
section.kdcc-contact-hero div.kdcc-letter {
left: 20px;
bottom: 0;
position: absolute;
width: 160px;
height: 180px;
background: white;
z-index: 1;
overflow: hidden;
transition: 0.4s 0.2s;
}
section.kdcc-contact-hero div.kdcc-letter-border {
height: 10px;
width: 100%;
background: repeating-linear-gradient(-45deg, #14b9dc, #14b9dc 8px, transparent 8px, transparent 18px);
}
section.kdcc-contact-hero div.kdcc-letter-to {
margin-top: 10px;
margin-left: 8px;
font-size: 9px;
font-weight: 700;
color: #313540;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
section.kdcc-contact-hero div.kdcc-letter-msg {
margin-top: 8px;
margin-left: 8px;
height: 6px;
width: 80%;
background: #dfe3e8;
border-radius: 3px;
}
section.kdcc-contact-hero div.kdcc-letter-msg.kdcc-msg-short {
width: 60%;
}
section.kdcc-contact-hero div.kdcc-letter-msg.kdcc-msg-shorter {
width: 35%;
}
section.kdcc-contact-hero div.kdcc-letter-stamp {
position: absolute;
top: 30px;
right: 8px;
border-radius: 100%;
height: 28px;
width: 28px;
background: #67bb26;
opacity: 0.4;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-contact-hero div.kdcc-letter-stamp-inner {
width: 14px;
height: 14px;
border: 2px solid rgba(255,255,255,0.7);
border-radius: 50%;
}
section.kdcc-contact-hero p.kdcc-hover-hint {
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
color: #8a94a6;
white-space: nowrap;
transition: opacity 0.3s ease;
z-index: 10;
margin: 0;
}
section.kdcc-contact-hero p.kdcc-delivered-hint {
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
font-size: 13px;
font-weight: 700;
color: #67bb26;
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s ease 0.5s;
z-index: 10;
margin: 0;
display: flex;
align-items: center;
gap: 4px;
}
section.kdcc-contact-hero p.kdcc-delivered-hint span.kdcc-hint-arrow {
font-size: 16px;
color: #67bb26;
}
section.kdcc-contact-hero div.kdcc-letter-image:hover p.kdcc-hover-hint {
opacity: 0;
}
section.kdcc-contact-hero div.kdcc-letter-image:hover p.kdcc-delivered-hint {
opacity: 1;
}
section.kdcc-contact-hero div.kdcc-letter-image:hover div.kdcc-letter-stamp {
opacity: 0.9;
background: #67bb26;
}
section.kdcc-contact-hero div.kdcc-shadow {
position: absolute;
top: 230px;
left: 50%;
width: 200px;
height: 30px;
transition: 0.4s;
transform: translateX(-50%);
border-radius: 100%;
background: radial-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0), rgba(0,0,0,0));
}
section.kdcc-contact-hero div.kdcc-letter-image:hover div.kdcc-animated-mail {
transform: translateY(0px);
}
section.kdcc-contact-hero div.kdcc-letter-image:hover div.kdcc-top-fold {
transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
transform: rotateX(0deg);
z-index: 2;
}
section.kdcc-contact-hero div.kdcc-letter-image:hover div.kdcc-letter {
height: 60px;
}
section.kdcc-contact-hero div.kdcc-letter-image:hover div.kdcc-shadow {
width: 260px;
}
section.kdcc-contact-hero div.kdcc-ch-trust {
max-width: 1400px;
margin: 0 auto;
padding: 32px 40px 72px;
display: flex;
justify-content: flex-start;
gap: 48px;
flex-wrap: wrap;
animation: kdcc-heroFadeUp 0.6s ease-out 0.35s both;
}
section.kdcc-contact-hero div.kdcc-ch-trust-item {
display: flex;
align-items: center;
gap: 14px;
}
section.kdcc-contact-hero div.kdcc-ti {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-red {
background: rgba(236, 79, 89, 0.15);
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-red span.material-symbols-outlined {
color: #ec4f59;
font-size: 24px;
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-blue {
background: rgba(20, 185, 220, 0.15);
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-blue span.material-symbols-outlined {
color: #14b9dc;
font-size: 24px;
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-green {
background: rgba(103, 187, 38, 0.15);
}
section.kdcc-contact-hero div.kdcc-ti.kdcc-ti-green span.material-symbols-outlined {
color: #67bb26;
font-size: 24px;
}
section.kdcc-contact-hero div.kdcc-tt {
display: flex;
flex-direction: column;
gap: 2px;
}
section.kdcc-contact-hero div.kdcc-tt strong {
font-size: 15px;
font-weight: 700;
color: #ffffff;
}
section.kdcc-contact-hero div.kdcc-tt span {
font-size: 13px;
color: #8a94a6;
}
@media (max-width: 768px) {
section.kdcc-contact-hero div.kdcc-ch-inner {
grid-template-columns: 1fr;
gap: 32px;
padding: 60px 20px 32px;
}
section.kdcc-contact-hero div.kdcc-ch-right {
order: -1;
}
section.kdcc-contact-hero div.kdcc-letter-image {
margin: 0 auto;
}
section.kdcc-contact-hero div.kdcc-ch-left h1 {
font-size: clamp(26px, 6vw, 36px);
}
section.kdcc-contact-hero div.kdcc-ch-left p.kdcc-ch-bridge {
font-size: 16px;
}
section.kdcc-contact-hero div.kdcc-ch-buttons {
flex-direction: column;
}
section.kdcc-contact-hero a.kdcc-ch-btn {
justify-content: center;
}
section.kdcc-contact-hero div.kdcc-ch-trust {
flex-direction: column;
gap: 20px;
padding: 24px 20px 56px;
}
}
@media (max-width: 480px) {
section.kdcc-contact-hero div.kdcc-ch-left p.kdcc-ch-eyebrow {
font-size: 12px;
letter-spacing: 2px;
}
section.kdcc-contact-hero a.kdcc-ch-btn {
padding: 14px 24px;
font-size: 14px;
}
}
}
#fw-section-custom-html-988ee474-ad37-4a71-b391-6f0bdb751cd8 {
section.kdcc-contact-form-section {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
margin: -35px 0;
padding: 0;
width: 100%;
}
section.kdcc-contact-form-section div.kdcc-contact-form-outer {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px;
}
section.kdcc-contact-form-section div.kdcc-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start;
}
section.kdcc-contact-form-section div.kdcc-contact-editorial {
position: sticky;
top: 32px;
}
section.kdcc-contact-form-section div.kdcc-editorial-header {
margin-bottom: 36px;
}
section.kdcc-contact-form-section p.kdcc-editorial-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 12px 0;
}
section.kdcc-contact-form-section div.kdcc-editorial-header h2 {
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 900;
color: #313540;
margin: 0 0 16px 0;
line-height: 1.15;
text-align: left;
}
section.kdcc-contact-form-section p.kdcc-editorial-bridge {
font-size: 17px;
color: #6e6e73;
margin: 0;
line-height: 1.7;
text-align: left;
}
section.kdcc-contact-form-section h3.kdcc-audience-heading {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #9ca3af;
margin: 0 0 20px 0;
}
section.kdcc-contact-form-section div.kdcc-audience-list {
margin-bottom: 36px;
}
section.kdcc-contact-form-section div.kdcc-audience-item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid #f0f0f2;
}
section.kdcc-contact-form-section div.kdcc-audience-item:last-child {
border-bottom: none;
}
section.kdcc-contact-form-section div.kdcc-audience-icon {
width: 40px;
height: 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
section.kdcc-contact-form-section div.kdcc-aicon-gold {
background: rgba(245, 158, 11, 0.1);
}
section.kdcc-contact-form-section div.kdcc-aicon-gold span.material-symbols-outlined {
color: #f59e0b;
font-size: 20px;
}
section.kdcc-contact-form-section div.kdcc-aicon-blue {
background: rgba(20, 185, 220, 0.1);
}
section.kdcc-contact-form-section div.kdcc-aicon-blue span.material-symbols-outlined {
color: #14b9dc;
font-size: 20px;
}
section.kdcc-contact-form-section div.kdcc-aicon-red {
background: rgba(236, 79, 89, 0.1);
}
section.kdcc-contact-form-section div.kdcc-aicon-red span.material-symbols-outlined {
color: #ec4f59;
font-size: 20px;
}
section.kdcc-contact-form-section div.kdcc-aicon-green {
background: rgba(103, 187, 38, 0.1);
}
section.kdcc-contact-form-section div.kdcc-aicon-green span.material-symbols-outlined {
color: #67bb26;
font-size: 20px;
}
section.kdcc-contact-form-section div.kdcc-audience-text strong {
font-size: 15px;
font-weight: 700;
color: #313540;
display: block;
margin-bottom: 3px;
line-height: 1.3;
}
section.kdcc-contact-form-section div.kdcc-audience-text span {
font-size: 14px;
color: #6e6e73;
line-height: 1.55;
}
section.kdcc-contact-form-section div.kdcc-audience-text span a {
color: #14b9dc;
font-weight: 600;
text-decoration: none;
border-bottom: 1.5px solid transparent;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-contact-form-section div.kdcc-audience-text span a:hover {
border-bottom-color: #14b9dc;
}
section.kdcc-contact-form-section div.kdcc-next-steps {
margin-bottom: 32px;
}
section.kdcc-contact-form-section h3.kdcc-next-heading {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #9ca3af;
margin: 0 0 18px 0;
}
section.kdcc-contact-form-section div.kdcc-steps-row {
display: flex;
align-items: flex-start;
gap: 12px;
}
section.kdcc-contact-form-section div.kdcc-step {
flex: 1;
text-align: center;
}
section.kdcc-contact-form-section div.kdcc-step-num {
width: 36px;
height: 36px;
background: #67bb26;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
margin: 0 auto 10px;
}
section.kdcc-contact-form-section div.kdcc-step-label strong {
font-size: 14px;
font-weight: 700;
color: #313540;
display: block;
margin-bottom: 2px;
}
section.kdcc-contact-form-section div.kdcc-step-label span {
font-size: 12.5px;
color: #9ca3af;
line-height: 1.4;
}
section.kdcc-contact-form-section div.kdcc-step-arrow {
display: flex;
align-items: center;
padding-top: 8px;
}
section.kdcc-contact-form-section div.kdcc-step-arrow span.material-symbols-outlined {
font-size: 18px;
color: #d1d5db;
}
section.kdcc-contact-form-section div.kdcc-editorial-trust {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
background: #f8f9fb;
border-radius: 8px;
margin-bottom: 16px;
}
section.kdcc-contact-form-section div.kdcc-editorial-trust span.material-symbols-outlined {
color: #f59e0b;
font-size: 20px;
flex-shrink: 0;
}
section.kdcc-contact-form-section div.kdcc-editorial-trust span {
font-size: 13px;
color: #6e6e73;
line-height: 1.4;
}
section.kdcc-contact-form-section div.kdcc-editorial-trust span strong {
color: #313540;
font-weight: 700;
}
section.kdcc-contact-form-section div.kdcc-editorial-deflect {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 14px 16px;
background: #f5f5f7;
border-radius: 8px;
border-left: 3px solid #d1d5db;
}
section.kdcc-contact-form-section div.kdcc-editorial-deflect span.material-symbols-outlined {
color: #9ca3af;
font-size: 18px;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-contact-form-section div.kdcc-editorial-deflect p {
font-size: 13px;
color: #9ca3af;
line-height: 1.6;
margin: 0;
}
section.kdcc-contact-form-section div.kdcc-editorial-deflect p strong {
color: #6e6e73;
font-weight: 700;
}
section.kdcc-contact-form-section div.kdcc-editorial-deflect p a {
color: #14b9dc;
font-weight: 600;
text-decoration: none;
}
section.kdcc-contact-form-section div.kdcc-contact-card {
background: #ffffff;
border-radius: 16px;
padding: 44px;
box-shadow: 0 4px 24px rgba(0,0,0,0.08);
border: 1px solid #e8eaed;
}
section.kdcc-contact-form-section div.kdcc-form-header h2 {
font-size: 26px;
font-weight: 800;
color: #313540;
margin: 0 0 8px 0;
text-align: left;
}
section.kdcc-contact-form-section div.kdcc-form-header p.kdcc-form-intro {
font-size: 15px;
color: #6e6e73;
margin: 0 0 24px 0;
line-height: 1.6;
text-align: left;
}
section.kdcc-contact-form-section form.kdcc-contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}
section.kdcc-contact-form-section div.kdcc-field {
display: flex;
flex-direction: column;
}
section.kdcc-contact-form-section div.kdcc-field label {
font-size: 14px;
font-weight: 600;
color: #313540;
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 4px;
}
section.kdcc-contact-form-section span.kdcc-req {
color: #ec4f59;
font-size: 15px;
font-weight: 700;
}
section.kdcc-contact-form-section span.kdcc-optional {
color: #9ca3af;
font-size: 13px;
font-weight: 400;
}
section.kdcc-contact-form-section div.kdcc-contact-main input.kdcc-input,
section.kdcc-contact-form-section div.kdcc-contact-main select.kdcc-input,
section.kdcc-contact-form-section div.kdcc-contact-main textarea.kdcc-input {
width: 100%;
padding: 12px 14px;
font-size: 15px;
color: #313540;
background: #f8f9fb;
border: 2px solid #e2e5ea;
border-radius: 8px;
transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
font-family: inherit;
box-sizing: border-box;
}
section.kdcc-contact-form-section div.kdcc-contact-main input.kdcc-input:focus,
section.kdcc-contact-form-section div.kdcc-contact-main select.kdcc-input:focus,
section.kdcc-contact-form-section div.kdcc-contact-main textarea.kdcc-input:focus {
outline: none;
border-color: #14b9dc;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.1);
}
section.kdcc-contact-form-section div.kdcc-contact-main textarea.kdcc-textarea {
resize: vertical;
min-height: 110px;
font-family: inherit;
}
section.kdcc-contact-form-section div.kdcc-contact-main div.kdcc-field select.kdcc-select {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #f8f9fb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23313540' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 18px;
padding-right: 42px;
border: 2px solid #e2e5ea;
border-radius: 8px;
outline: none;
}
section.kdcc-contact-form-section div.kdcc-contact-main div.kdcc-field select.kdcc-select:focus {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2314b9dc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.1);
}
section.kdcc-contact-form-section div.kdcc-speaking-fields {
background: linear-gradient(135deg, rgba(20, 185, 220, 0.04) 0%, rgba(20, 185, 220, 0.08) 100%);
border: 2px solid rgba(20, 185, 220, 0.2);
border-radius: 12px;
padding: 22px;
display: flex;
flex-direction: column;
gap: 18px;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields div.kdcc-speaking-header {
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(20, 185, 220, 0.15);
margin-bottom: 2px;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields div.kdcc-speaking-header span.material-symbols-outlined {
color: #14b9dc;
font-size: 22px;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields div.kdcc-speaking-header strong {
font-size: 16px;
font-weight: 700;
color: #313540;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields input.kdcc-input,
section.kdcc-contact-form-section div.kdcc-speaking-fields textarea.kdcc-input {
background: #ffffff;
border-color: #d4e0e8;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields div.kdcc-field select.kdcc-select {
background-color: #ffffff;
border-color: #d4e0e8;
}
section.kdcc-contact-form-section div.kdcc-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
section.kdcc-contact-form-section div.kdcc-honey {
position: absolute;
left: -9999px;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
section.kdcc-contact-form-section div.kdcc-consent-field {
margin-top: 2px;
}
section.kdcc-contact-form-section label.kdcc-consent-field-label {
font-size: 14px;
font-weight: 600;
color: #313540;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 4px;
}
section.kdcc-contact-form-section label.kdcc-consent-label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
font-weight: 400;
}
section.kdcc-contact-form-section input.kdcc-checkbox {
margin-top: 3px;
width: 18px;
height: 18px;
cursor: pointer;
accent-color: #14b9dc;
flex-shrink: 0;
}
section.kdcc-contact-form-section span.kdcc-consent-text {
font-size: 12.5px;
color: #8a94a6;
line-height: 1.6;
}
section.kdcc-contact-form-section span.kdcc-consent-text a {
color: #14b9dc;
text-decoration: underline;
font-weight: 600;
}
section.kdcc-contact-form-section button.kdcc-submit {
background: #ec4f59;
color: #ffffff;
font-size: 16px;
font-weight: 700;
padding: 15px 28px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.25s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
margin-top: 6px;
letter-spacing: 0.5px;
width: 100%;
}
section.kdcc-contact-form-section button.kdcc-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.kdcc-contact-form-section button.kdcc-submit:disabled {
background: #8a94a6;
cursor: not-allowed;
opacity: 0.7;
box-shadow: none;
transform: none;
}
section.kdcc-contact-form-section button.kdcc-submit span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-contact-form-section button.kdcc-reset-btn {
background: #14b9dc;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
width: auto;
margin: 24px auto 0;
}
section.kdcc-contact-form-section span.kdcc-spinner {
display: inline-block;
width: 18px;
height: 18px;
border: 2.5px solid rgba(255,255,255,0.3);
border-radius: 50%;
border-top-color: #ffffff;
animation: kdcc-formSpin 0.6s linear infinite;
margin-right: 8px;
}
section.kdcc-contact-form-section div.kdcc-success {
text-align: center;
padding: 48px 24px;
}
section.kdcc-contact-form-section div.kdcc-success-badge {
width: 72px;
height: 72px;
background: #67bb26;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
animation: kdcc-successPop 0.5s ease-out;
}
section.kdcc-contact-form-section div.kdcc-success-badge span.material-symbols-outlined {
font-size: 40px;
color: #ffffff;
}
section.kdcc-contact-form-section div.kdcc-success-text {
animation: kdcc-successFade 0.5s ease-out 0.3s both;
}
section.kdcc-contact-form-section div.kdcc-success-text h2 {
font-size: 26px;
font-weight: 800;
color: #313540;
margin: 0 0 12px 0;
}
section.kdcc-contact-form-section div.kdcc-success-text p {
font-size: 16px;
color: #6e6e73;
margin: 0 auto;
line-height: 1.6;
max-width: 400px;
}
@media (max-width: 960px) {
section.kdcc-contact-form-section div.kdcc-contact-grid {
grid-template-columns: 1fr;
gap: 40px;
}
section.kdcc-contact-form-section div.kdcc-contact-editorial {
position: static;
}
section.kdcc-contact-form-section div.kdcc-steps-row {
gap: 8px;
}
}
@media (max-width: 768px) {
section.kdcc-contact-form-section div.kdcc-contact-form-outer {
padding: 56px 20px;
}
section.kdcc-contact-form-section div.kdcc-contact-card {
padding: 32px 24px;
border-radius: 12px;
}
section.kdcc-contact-form-section div.kdcc-field-row {
grid-template-columns: 1fr;
gap: 18px;
}
section.kdcc-contact-form-section div.kdcc-speaking-fields {
padding: 18px 14px;
}
section.kdcc-contact-form-section div.kdcc-steps-row {
flex-direction: column;
align-items: center;
gap: 6px;
}
section.kdcc-contact-form-section div.kdcc-step-arrow {
transform: rotate(90deg);
padding-top: 0;
}
section.kdcc-contact-form-section div.kdcc-success {
padding: 36px 20px;
}
section.kdcc-contact-form-section div.kdcc-success-text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
section.kdcc-contact-form-section div.kdcc-contact-card {
padding: 24px 18px;
}
section.kdcc-contact-form-section div.kdcc-editorial-header h2 {
font-size: 26px;
}
section.kdcc-contact-form-section div.kdcc-form-header h2 {
font-size: 22px;
}
section.kdcc-contact-form-section button.kdcc-submit {
font-size: 15px;
padding: 14px 24px;
}
}
}
#fw-section-custom-html-74101608-fa06-4715-9d88-c140a1f74775 {
section.kdcc-contact-faq-section {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
margin: -35px 0;
padding: 0;
width: 100%;
}
div.container.wrapper:has(section.kdcc-contact-faq-section) {
max-width: none;
padding: 0;
}
section.kdcc-contact-faq-section div.kdcc-contact-faq-outer {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-header {
margin: 0 0 48px 0;
text-align: left;
}
section.kdcc-contact-faq-section p.kdcc-cfaq-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 12px 0;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-header h2 {
font-size: clamp(26px, 3vw, 36px);
font-weight: 900;
color: #313540;
margin: 0 0 14px 0;
line-height: 1.2;
}
section.kdcc-contact-faq-section p.kdcc-cfaq-bridge {
font-size: 17px;
color: #6e6e73;
margin: 0;
line-height: 1.7;
text-align: left;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-list {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item {
background: #ffffff;
border-left: 4px solid #14b9dc;
border-radius: 0 12px 12px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
cursor: pointer;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open {
border-left-color: #ec4f59;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
section.kdcc-contact-faq-section div.kdcc-cfaq-question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 24px;
gap: 16px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-question h3 {
font-size: 16px;
font-weight: 700;
color: #313540;
margin: 0;
line-height: 1.4;
flex: 1;
}
section.kdcc-contact-faq-section span.kdcc-cfaq-icon {
font-size: 24px;
color: #14b9dc;
transition: transform 0.3s ease, color 0.3s ease;
flex-shrink: 0;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open span.kdcc-cfaq-icon {
transform: rotate(180deg);
color: #ec4f59;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open div.kdcc-cfaq-answer {
grid-template-rows: 1fr;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span {
overflow: hidden;
font-size: 15px;
color: #4a4a4f;
line-height: 1.7;
padding: 0 24px 0 24px;
display: block;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open div.kdcc-cfaq-answer span {
padding: 0 24px 22px 24px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span strong {
color: #313540;
font-weight: 700;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span em {
font-style: italic;
color: #4a4a4f;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span a {
color: #14b9dc;
font-weight: 600;
text-decoration: none;
border-bottom: 1.5px solid transparent;
transition: border-bottom-color 0.2s ease;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span a:hover {
border-bottom-color: #14b9dc;
}
@media (max-width: 768px) {
section.kdcc-contact-faq-section div.kdcc-contact-faq-outer {
padding: 56px 20px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-header {
margin-bottom: 36px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-question {
padding: 18px 20px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-question h3 {
font-size: 15px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span {
font-size: 14px;
padding: 0 20px 0 20px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open div.kdcc-cfaq-answer span {
padding: 0 20px 20px 20px;
}
}
@media (max-width: 480px) {
section.kdcc-contact-faq-section div.kdcc-cfaq-header h2 {
font-size: 24px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-question {
padding: 16px 16px;
gap: 12px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-answer span {
padding: 0 16px 0 16px;
}
section.kdcc-contact-faq-section div.kdcc-cfaq-item.kdcc-cfaq-open div.kdcc-cfaq-answer span {
padding: 0 16px 18px 16px;
}
}
}
#fw-section-custom-html-3b7da0fd-d1e4-475d-ab78-a002c569866e {
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
section.kdcc-contact-modern {
background: linear-gradient(135deg, #1a1d2e 0%, #313540 100%);
padding: 0;
margin: 0px 0 -35px 0;
width: 100%;
overflow: hidden;
}
section.kdcc-contact-modern div.kdcc-contact-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
section.kdcc-contact-modern div.kdcc-contact-hero {
text-align: center;
margin-bottom: 60px;
}
section.kdcc-contact-modern div.kdcc-hero-icon {
display: inline-flex;
width: 80px;
height: 80px;
background: #14b9dc;
border-radius: 50%;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
box-shadow: 0 8px 24px rgba(20, 185, 220, 0.3);
}
section.kdcc-contact-modern div.kdcc-hero-icon span.material-icons {
font-size: 40px;
color: #ffffff;
}
section.kdcc-contact-modern div.kdcc-contact-hero h1 {
font-size: 52px;
font-weight: 700;
color: #ffffff;
margin: 0 0 24px 0;
line-height: 1.2;
text-align: center;
}
section.kdcc-contact-modern p.kdcc-hero-subtitle {
font-size: 20px;
color: #e2e8f0;
margin: 0;
line-height: 1.7;
max-width: 100%;
text-align: left;
}
section.kdcc-contact-modern div.kdcc-trust-bar {
display: flex;
justify-content: center;
gap: 48px;
margin-bottom: 60px;
flex-wrap: wrap;
}
section.kdcc-contact-modern div.kdcc-trust-item {
display: flex;
align-items: center;
gap: 12px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
}
section.kdcc-contact-modern div.kdcc-trust-item span.material-icons {
font-size: 28px;
color: #ec4f59;
}
section.kdcc-contact-modern div.kdcc-contact-form-container {
background: #ffffff;
border-radius: 16px;
padding: 48px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
margin-bottom: 60px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 100;
}
section.kdcc-contact-modern div.kdcc-contact-form-container h2 {
font-size: 32px;
font-weight: 700;
color: #313540;
margin: 0 0 12px 0;
text-align: center;
position: relative;
z-index: 1;
}
section.kdcc-contact-modern p.kdcc-form-intro {
font-size: 16px;
color: #64748b;
text-align: center;
margin: 0 0 40px 0;
line-height: 1.6;
position: relative;
z-index: 1;
}
section.kdcc-contact-modern form.kdcc-contact-form {
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
z-index: 10;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note {
background: linear-gradient(135deg, rgba(20, 185, 220, 0.08) 0%, rgba(20, 185, 220, 0.12) 100%);
border-left: 4px solid #14b9dc;
padding: 16px 20px;
border-radius: 8px;
display: flex;
align-items: flex-start;
gap: 12px;
margin: 24px 0 32px 0;
position: relative;
z-index: 10;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note span.material-icons {
color: #14b9dc;
font-size: 24px;
flex-shrink: 0;
margin-top: 2px;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note div.kdcc-redirect-text {
color: #313540;
font-size: 15px;
line-height: 1.5;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note div.kdcc-redirect-text strong {
color: #313540;
font-weight: 600;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note div.kdcc-redirect-text a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
border-bottom: 2px solid transparent;
transition: border-bottom-color 0.3s ease;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note div.kdcc-redirect-text a:hover {
border-bottom-color: #14b9dc;
}
section.kdcc-contact-modern div.kdcc-form-group {
display: flex;
flex-direction: column;
position: relative;
z-index: 10;
}
/* Extra z-index for first form group (email field) */
section.kdcc-contact-modern div.kdcc-form-group:first-child {
position: relative;
z-index: 25;
}
section.kdcc-contact-modern div.kdcc-form-group label {
font-size: 14px;
font-weight: 600;
color: #313540;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
position: relative;
z-index: 10;
}
section.kdcc-contact-modern span.kdcc-required {
color: #ec4f59;
font-size: 16px;
}
section.kdcc-contact-modern input.kdcc-form-input,
section.kdcc-contact-modern select.kdcc-form-input,
section.kdcc-contact-modern textarea.kdcc-form-input {
width: 100%;
padding: 14px 16px;
font-size: 16px;
color: #313540;
background: #f8fafc;
border: 2px solid #e2e8f0;
border-radius: 8px;
transition: all 0.3s ease;
font-family: inherit;
box-sizing: border-box;
position: relative;
z-index: 20;
pointer-events: auto;
}
/* Extra z-index specifically for email input */
section.kdcc-contact-modern div.kdcc-form-group:first-child input.kdcc-form-input {
position: relative;
z-index: 30;
}
section.kdcc-contact-modern input.kdcc-form-input:focus,
section.kdcc-contact-modern select.kdcc-form-input:focus,
section.kdcc-contact-modern textarea.kdcc-form-input:focus {
outline: none;
border-color: #14b9dc;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.1);
}
section.kdcc-contact-modern textarea.kdcc-form-textarea {
resize: vertical;
min-height: 120px;
font-family: inherit;
}
section.kdcc-contact-modern select.kdcc-form-input {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23313540' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 20px;
padding-right: 40px;
}
section.kdcc-contact-modern div.kdcc-extra-info {
position: absolute;
left: -9999px;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
section.kdcc-contact-modern div.kdcc-checkbox-group {
margin-top: 8px;
}
section.kdcc-contact-modern label.kdcc-checkbox-label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
font-weight: 400;
}
section.kdcc-contact-modern input.kdcc-checkbox {
margin-top: 4px;
width: 18px;
height: 18px;
cursor: pointer;
accent-color: #ec4f59;
flex-shrink: 0;
position: relative;
z-index: 20;
pointer-events: auto;
}
section.kdcc-contact-modern span.kdcc-checkbox-text {
font-size: 14px;
color: #64748b;
line-height: 1.6;
}
section.kdcc-contact-modern span.kdcc-checkbox-text a {
color: #14b9dc;
text-decoration: underline;
font-weight: 600;
}
section.kdcc-contact-modern span.kdcc-checkbox-text a:hover {
color: #ec4f59;
}
section.kdcc-contact-modern button.kdcc-submit-btn {
background: #14b9dc;
color: #ffffff;
font-size: 18px;
font-weight: 700;
padding: 16px 32px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
margin-top: 8px;
position: relative;
z-index: 20;
}
section.kdcc-contact-modern button.kdcc-submit-btn:hover {
background: #ec4f59;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.kdcc-contact-modern button.kdcc-submit-btn:active {
transform: translateY(0);
}
section.kdcc-contact-modern button.kdcc-submit-btn:disabled {
background: #8898aa;
cursor: not-allowed;
opacity: 0.6;
}
section.kdcc-contact-modern button.kdcc-submit-btn .spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(255,255,255,0.3);
border-radius: 50%;
border-top-color: white;
animation: spin 0.6s linear infinite;
margin-right: 8px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
section.kdcc-contact-modern button.kdcc-submit-btn span.material-icons {
font-size: 20px;
}
section.kdcc-contact-modern div.kdcc-success-container {
text-align: center;
padding: 60px 40px;
animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
section.kdcc-contact-modern div.kdcc-success-icon {
margin: 0 auto 24px;
width: 80px;
height: 80px;
background: #67bb26;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
animation: successPulse 0.6s ease-out;
}
@keyframes successPulse {
0% { transform: scale(0); opacity: 0; }
50% { transform: scale(1.1); }
100% { transform: scale(1); opacity: 1; }
}
section.kdcc-contact-modern div.kdcc-success-icon span.material-icons {
font-size: 48px;
color: #ffffff;
}
section.kdcc-contact-modern h2.kdcc-success-title {
font-size: 32px;
font-weight: 700;
color: #313540;
margin: 0 0 16px 0;
}
section.kdcc-contact-modern p.kdcc-success-text {
font-size: 18px;
color: #64748b;
margin: 0;
line-height: 1.6;
max-width: 500px;
margin: 0 auto;
}
section.kdcc-contact-modern div.kdcc-alt-contact {
text-align: center;
}
section.kdcc-contact-modern div.kdcc-alt-contact h3 {
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin: 0 0 32px 0;
}
section.kdcc-contact-modern div.kdcc-alt-methods-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
max-width: 900px;
margin: 0 auto;
}
section.kdcc-contact-modern a.kdcc-alt-method {
background: rgba(255, 255, 255, 0.1);
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 12px;
padding: 24px;
display: flex;
align-items: center;
gap: 16px;
text-decoration: none;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
width: 100%;
}
section.kdcc-contact-modern a.kdcc-alt-method:hover {
background: rgba(255, 255, 255, 0.15);
border-color: #ec4f59;
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.3);
}
section.kdcc-contact-modern div.kdcc-alt-icon {
width: 56px;
height: 56px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
section.kdcc-contact-modern div.kdcc-alt-icon.kdcc-partnerships {
background: #14b9dc;
}
section.kdcc-contact-modern div.kdcc-alt-icon.kdcc-discord {
background: #5865F2;
}
section.kdcc-contact-modern div.kdcc-alt-icon span.material-icons {
font-size: 28px;
color: #ffffff;
}
section.kdcc-contact-modern div.kdcc-alt-content {
text-align: left;
}
section.kdcc-contact-modern div.kdcc-alt-content h4 {
font-size: 18px;
font-weight: 700;
color: #ffffff;
margin: 0 0 4px 0;
}
section.kdcc-contact-modern div.kdcc-alt-content p {
font-size: 14px;
color: #e2e8f0;
margin: 0;
}
/* ========================================
RESPONSIVE STYLES
======================================== */
@media (max-width: 768px) {
section.kdcc-contact-modern div.kdcc-contact-inner {
padding: 60px 20px;
}
section.kdcc-contact-modern div.kdcc-contact-hero h1 {
font-size: 36px;
}
section.kdcc-contact-modern p.kdcc-hero-subtitle {
font-size: 17px;
}
section.kdcc-contact-modern div.kdcc-trust-bar {
gap: 24px;
flex-direction: column;
align-items: center;
}
section.kdcc-contact-modern div.kdcc-trust-item {
font-size: 14px;
}
section.kdcc-contact-modern div.kdcc-contact-form-container {
padding: 32px 24px;
}
section.kdcc-contact-modern div.kdcc-contact-form-container h2 {
font-size: 28px;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note {
padding: 14px 16px;
gap: 10px;
font-size: 14px;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note span.material-icons {
font-size: 20px;
}
section.kdcc-contact-modern div.kdcc-speaker-redirect-note div.kdcc-redirect-text {
font-size: 14px;
}
section.kdcc-contact-modern div.kdcc-alt-methods-grid {
grid-template-columns: 1fr;
}
section.kdcc-contact-modern a.kdcc-alt-method {
flex-direction: column;
text-align: center;
}
section.kdcc-contact-modern div.kdcc-alt-content {
text-align: center;
}
section.kdcc-contact-modern div.kdcc-success-container {
padding: 40px 20px;
}
section.kdcc-contact-modern div.kdcc-success-icon {
width: 64px;
height: 64px;
}
section.kdcc-contact-modern div.kdcc-success-icon span.material-icons {
font-size: 36px;
}
section.kdcc-contact-modern h2.kdcc-success-title {
font-size: 24px;
}
section.kdcc-contact-modern p.kdcc-success-text {
font-size: 16px;
}
}
@media (max-width: 480px) {
section.kdcc-contact-modern div.kdcc-hero-icon {
width: 64px;
height: 64px;
}
section.kdcc-contact-modern div.kdcc-hero-icon span.material-icons {
font-size: 32px;
}
section.kdcc-contact-modern div.kdcc-contact-hero h1 {
font-size: 28px;
}
section.kdcc-contact-modern p.kdcc-hero-subtitle {
font-size: 16px;
}
section.kdcc-contact-modern button.kdcc-submit-btn {
font-size: 16px;
padding: 14px 24px;
}
}
}
#fw-section-custom-html-05aaed9f-e3a2-4e32-b4ce-e7728b87e6e0 {
.kdcc-contact-form-section {
max-width: 700px;
margin: 60px auto;
padding: 0 20px;
font-family: 'Arial', sans-serif;
color: #313540;
}
.kdcc-contact-form-section h1 {
font-size: 2.5rem;
font-weight: 900;
color: #14b9dc;
text-align: center;
margin-bottom: 12px;
}
.kdcc-contact-form-section .intro-text {
text-align: center;
font-size: 1.2rem;
color: #555555;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.kdcc-contact-form {
display: flex;
flex-direction: column;
gap: 18px;
}
.kdcc-contact-form label {
font-weight: 700;
color: #ec4f59;
font-size: 1rem;
}
.kdcc-contact-form input,
.kdcc-contact-form select,
.kdcc-contact-form textarea {
padding: 12px 14px;
border-radius: 10px;
border: 1.5px solid #ccc;
font-size: 1rem;
font-family: inherit;
color: #333;
transition: border-color 0.3s ease;
}
.kdcc-contact-form input:focus,
.kdcc-contact-form select:focus,
.kdcc-contact-form textarea:focus {
border-color: #14b9dc;
outline: none;
}
.kdcc-submit-button {
background: linear-gradient(90deg, #14b9dc 0%, #0fa1c2 100%);
color: white;
padding: 14px 0;
font-weight: 700;
font-size: 1.1rem;
border: none;
border-radius: 12px;
cursor: pointer;
transition: background 0.3s ease, transform 0.3s ease;
}
.kdcc-submit-button:hover {
background: linear-gradient(90deg, #0fa1c2 0%, #0c8eb0 100%);
transform: scale(1.05);
}
/* Mobile */
@media (max-width: 600px) {
.kdcc-contact-form {
gap: 14px;
}
}
}
#fw-section-custom-html-1c2be0e7-e407-49eb-a402-a035c0142008 {
.kdcc-contact-section {
max-width: 700px;
margin: 60px auto 80px;
padding: 0 20px;
font-family: 'Inter', sans-serif;
color: #313540;
text-align: center;
}
.kdcc-contact-section h2 {
color: #14b9dc;
font-weight: 900;
font-size: 2rem;
margin-bottom: 12px;
}
.kdcc-contact-section p {
font-size: 1.1rem;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.kdcc-form-wrapper {
box-shadow: 0 4px 15px rgba(20, 185, 220, 0.15);
border-radius: 16px;
overflow: hidden;
}
/* Make iframe responsive */
.kdcc-form-wrapper iframe {
width: 100% !important;
height: 1300px; /* adjust as needed */
border: none;
display: block;
border-radius: 16px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.kdcc-contact-section {
margin: 40px 15px 60px;
}
.kdcc-form-wrapper iframe {
height: 1400px; /* more height for mobile scroll */
}
}
}
#fw-section-custom-html-1c5972bc-d4a7-45af-8b11-8197ff23c7fd {
section.kdcc-contact-cta-section {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
margin: -35px 0;
padding: 0;
width: 100%;
}
div.container.wrapper:has(section.kdcc-contact-cta-section) {
max-width: none;
padding: 0;
}
section.kdcc-contact-cta-section div.kdcc-contact-cta-outer {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px;
}
section.kdcc-contact-cta-section p.kdcc-contact-cta-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
margin: 0 0 12px 0;
}
section.kdcc-contact-cta-section h2 {
font-size: clamp(26px, 3.5vw, 38px);
font-weight: 900;
color: #ffffff;
margin: 0 0 18px 0;
line-height: 1.2;
text-align: left;
}
section.kdcc-contact-cta-section p.kdcc-contact-cta-desc {
font-size: 17px;
color: #9ca3af;
margin: 0 0 32px 0;
line-height: 1.7;
text-align: left;
}
section.kdcc-contact-cta-section p.kdcc-contact-cta-desc strong {
color: #ffffff;
font-weight: 700;
}
section.kdcc-contact-cta-section div.kdcc-contact-cta-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
section.kdcc-contact-cta-section a.kdcc-contact-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
transition: all 0.25s ease;
color: #ffffff;
}
section.kdcc-contact-cta-section a.kdcc-contact-cta-btn span.material-symbols-outlined {
font-size: 20px;
}
section.kdcc-contact-cta-section a.kdcc-contact-cta-btn svg {
flex-shrink: 0;
}
section.kdcc-contact-cta-section a.kdcc-btn-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236, 79, 89, 0.3);
}
section.kdcc-contact-cta-section a.kdcc-btn-red:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(236, 79, 89, 0.4);
}
section.kdcc-contact-cta-section a.kdcc-btn-green {
background: #67bb26;
box-shadow: 0 4px 12px rgba(103, 187, 38, 0.3);
}
section.kdcc-contact-cta-section a.kdcc-btn-green:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(103, 187, 38, 0.4);
}
section.kdcc-contact-cta-section a.kdcc-btn-blue {
background: #14b9dc;
box-shadow: 0 4px 12px rgba(20, 185, 220, 0.3);
}
section.kdcc-contact-cta-section a.kdcc-btn-blue:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(20, 185, 220, 0.4);
}
@media (max-width: 768px) {
section.kdcc-contact-cta-section div.kdcc-contact-cta-outer {
padding: 56px 20px;
}
section.kdcc-contact-cta-section div.kdcc-contact-cta-buttons {
flex-direction: column;
}
section.kdcc-contact-cta-section a.kdcc-contact-cta-btn {
justify-content: center;
width: 100%;
}
}
@media (max-width: 480px) {
section.kdcc-contact-cta-section h2 {
font-size: 24px;
}
section.kdcc-contact-cta-section a.kdcc-contact-cta-btn {
font-size: 15px;
padding: 14px 24px;
}
}
}
#fw-section-custom-html-d03298cb-b9ba-47a2-aab8-23b98603d21b {
section.kdcc-affhero {
margin: 0 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
}
section.kdcc-affhero div.kdcc-affhero-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 56px;
}
section.kdcc-affhero div.kdcc-affhero-grid {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 56px;
align-items: start;
margin-bottom: 48px;
}
section.kdcc-affhero p.kdcc-affhero-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affhero h1.kdcc-affhero-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #ffffff;
margin: 0 0 20px;
}
section.kdcc-affhero p.kdcc-affhero-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #c8ccd4;
margin: 0 0 16px;
}
section.kdcc-affhero p.kdcc-affhero-bridge-sub {
font-size: 15px;
line-height: 1.7;
color: #b4b9c4;
margin: 0 0 32px;
}
section.kdcc-affhero p.kdcc-affhero-bridge strong {
color: #ffffff;
}
section.kdcc-affhero p.kdcc-affhero-bridge-sub strong {
color: #c8ccd4;
}
section.kdcc-affhero div.kdcc-affhero-stats {
display: flex;
gap: 20px;
margin-bottom: 32px;
}
section.kdcc-affhero div.kdcc-affhero-stat {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 18px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.16);
border-left: 4px solid transparent;
border-radius: 0 10px 10px 0;
flex: 1;
}
section.kdcc-affhero div.kdcc-affhero-stat-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
flex-shrink: 0;
}
section.kdcc-affhero div.kdcc-affhero-stat-icon .material-symbols-outlined {
font-size: 22px;
}
section.kdcc-affhero div.kdcc-affhero-stat-text {
display: flex;
flex-direction: column;
gap: 2px;
}
section.kdcc-affhero span.kdcc-affhero-stat-num {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.25rem;
font-weight: 800;
color: #ffffff;
line-height: 1;
}
section.kdcc-affhero span.kdcc-affhero-stat-label {
font-family: 'DM Sans', sans-serif;
font-size: 0.72rem;
color: #c8ccd4;
font-weight: 600;
}
section.kdcc-affhero div.kdcc-affhero-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
section.kdcc-affhero a.kdcc-affhero-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 15px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 6px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-affhero a.kdcc-affhero-btn .material-symbols-outlined {
font-size: 20px;
}
section.kdcc-affhero a.kdcc-affhero-btn:hover {
transform: translateY(-2px);
}
section.kdcc-affhero a.kdcc-affhero-btn-red {
background: #ec4f59;
color: #ffffff;
box-shadow: 0 4px 14px rgba(236,79,89,0.3);
}
section.kdcc-affhero a.kdcc-affhero-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.45);
}
section.kdcc-affhero a.kdcc-affhero-btn-green {
background: #67bb26;
color: #ffffff;
box-shadow: 0 4px 14px rgba(103,187,38,0.3);
}
section.kdcc-affhero a.kdcc-affhero-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.45);
}
section.kdcc-affhero a.kdcc-affhero-btn-outline {
background: transparent;
color: #ffffff;
border: 2px solid rgba(255,255,255,0.4);
}
section.kdcc-affhero a.kdcc-affhero-btn-outline:hover {
border-color: rgba(255,255,255,0.65);
box-shadow: 0 4px 14px rgba(255,255,255,0.12);
}
section.kdcc-affhero div.kdcc-affhero-video {
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.14);
border-radius: 14px;
padding: 20px;
animation: kdcc-affhero-glow 4s ease-in-out infinite;
}
section.kdcc-affhero div.kdcc-affhero-video-badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #ec4f59;
background: rgba(236,79,89,0.12);
padding: 6px 14px;
border-radius: 6px;
margin-bottom: 14px;
animation: kdcc-affhero-pulse 2.5s ease-in-out infinite;
}
section.kdcc-affhero div.kdcc-affhero-video-badge .material-symbols-outlined {
font-size: 16px;
}
section.kdcc-affhero h2.kdcc-affhero-video-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.05rem;
font-weight: 700;
color: #ffffff;
margin: 0 0 14px;
line-height: 1.35;
}
section.kdcc-affhero div.kdcc-affhero-video-embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
border-radius: 10px;
overflow: hidden;
margin-bottom: 14px;
}
section.kdcc-affhero div.kdcc-affhero-video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
section.kdcc-affhero p.kdcc-affhero-video-desc {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #c8ccd4;
margin: 0;
line-height: 1.6;
}
section.kdcc-affhero p.kdcc-affhero-video-desc strong {
color: #ffffff;
}
section.kdcc-affhero div.kdcc-affhero-pick {
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.14);
border-radius: 14px;
padding: 20px 24px;
position: relative;
}
section.kdcc-affhero div.kdcc-affhero-pick-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #67bb26;
margin-bottom: 14px;
}
section.kdcc-affhero div.kdcc-affhero-pick-label .material-symbols-outlined {
font-size: 16px;
}
section.kdcc-affhero div.kdcc-affhero-pick-content {
display: flex;
align-items: center;
gap: 20px;
}
section.kdcc-affhero img.kdcc-affhero-pick-logo {
width: 52px;
height: 52px;
border-radius: 10px;
background: #ffffff;
padding: 4px;
flex-shrink: 0;
}
section.kdcc-affhero div.kdcc-affhero-pick-info {
flex: 1;
min-width: 0;
}
section.kdcc-affhero strong.kdcc-affhero-pick-name {
display: block;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.1rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 4px;
}
section.kdcc-affhero p.kdcc-affhero-pick-desc {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #c8ccd4;
margin: 0;
line-height: 1.5;
}
section.kdcc-affhero a.kdcc-affhero-pick-cta {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.5px;
color: #ffffff;
background: #5865F2;
border-radius: 6px;
text-decoration: none;
flex-shrink: 0;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-affhero img.kdcc-affhero-pick-cta-logo {
width: 22px;
height: 22px;
border-radius: 4px;
flex-shrink: 0;
}
section.kdcc-affhero a.kdcc-affhero-pick-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(88,101,242,0.35);
}
@media (max-width: 1024px) {
section.kdcc-affhero div.kdcc-affhero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
section.kdcc-affhero div.kdcc-affhero-video {
max-width: 600px;
}
}
@media (max-width: 768px) {
section.kdcc-affhero div.kdcc-affhero-inner {
padding: 56px 20px 40px;
}
section.kdcc-affhero div.kdcc-affhero-stats {
flex-direction: column;
gap: 12px;
}
section.kdcc-affhero div.kdcc-affhero-buttons {
flex-direction: column;
}
section.kdcc-affhero a.kdcc-affhero-btn {
justify-content: center;
width: 100%;
}
section.kdcc-affhero div.kdcc-affhero-pick-content {
flex-direction: column;
text-align: center;
gap: 16px;
}
section.kdcc-affhero a.kdcc-affhero-pick-cta {
width: 100%;
justify-content: center;
}
}
}
#fw-section-custom-html-d8bc7b7e-0e43-42d9-8ce5-f2ec8aa57880 {
section.kdcc-affhow {
margin: -35px 0;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
}
section.kdcc-affhow div.kdcc-affhow-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 64px;
}
section.kdcc-affhow p.kdcc-affhow-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affhow h2.kdcc-affhow-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affhow p.kdcc-affhow-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 40px;
}
section.kdcc-affhow a.kdcc-affhow-link {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
}
section.kdcc-affhow a.kdcc-affhow-link:hover {
border-bottom-style: solid;
}
section.kdcc-affhow div.kdcc-affhow-card {
background: #ffffff;
border-radius: 0 16px 16px 0;
border-left: 5px solid #14b9dc;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
padding: 40px 48px 32px;
position: relative;
margin-bottom: 32px;
transition: border-left-color 0.35s ease;
}
section.kdcc-affhow div.kdcc-affhow-top {
display: flex;
align-items: center;
position: relative;
margin-bottom: 32px;
}
section.kdcc-affhow div.kdcc-affhow-stage {
flex: 1;
min-width: 0;
padding: 0 56px;
overflow: hidden;
}
section.kdcc-affhow div.kdcc-affhow-slide {
display: none;
}
section.kdcc-affhow div.kdcc-affhow-slide-active {
display: block;
}
section.kdcc-affhow div.kdcc-affhow-slide-text {
display: flex;
flex-direction: column;
}
section.kdcc-affhow div.kdcc-affhow-step-num {
display: inline-block;
width: fit-content;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.7rem;
font-weight: 700;
color: #ffffff;
padding: 4px 12px;
border-radius: 20px;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
section.kdcc-affhow h3.kdcc-affhow-step-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.4rem;
font-weight: 800;
color: #313540;
margin: 0 0 8px;
line-height: 1.3;
}
section.kdcc-affhow p.kdcc-affhow-step-desc {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
color: #6e6e73;
margin: 0;
line-height: 1.7;
max-width: 800px;
}
section.kdcc-affhow button.kdcc-affhow-arrow {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(49,53,64,0.06);
border: none;
border-radius: 50%;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
z-index: 2;
color: #313540;
padding: 0;
flex-shrink: 0;
}
section.kdcc-affhow button.kdcc-affhow-arrow:hover {
background: rgba(49,53,64,0.12);
transform: scale(1.08);
}
section.kdcc-affhow button.kdcc-affhow-arrow .material-symbols-outlined {
font-size: 24px;
}
section.kdcc-affhow div.kdcc-affhow-visual {
position: relative;
padding: 0 12px;
margin-bottom: 24px;
}
section.kdcc-affhow div.kdcc-affhow-track {
position: absolute;
top: 28px;
left: 72px;
right: 72px;
height: 4px;
background: #e5e7eb;
border-radius: 4px;
z-index: 0;
}
section.kdcc-affhow div.kdcc-affhow-track-fill {
height: 100%;
width: 0;
border-radius: 4px;
background: #14b9dc;
transition: width 0.5s ease, background 0.5s ease;
}
section.kdcc-affhow div.kdcc-affhow-nodes {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
section.kdcc-affhow div.kdcc-affhow-node {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
section.kdcc-affhow div.kdcc-affhow-node-circle {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #e5e7eb;
color: #9ca3af;
transition: background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
box-shadow: 0 0 0 4px #f5f5f7;
}
section.kdcc-affhow div.kdcc-affhow-node-circle .material-symbols-outlined {
font-size: 26px;
}
section.kdcc-affhow div.kdcc-affhow-node-active div.kdcc-affhow-node-circle {
box-shadow: 0 0 0 4px #ffffff, 0 4px 12px rgba(0,0,0,0.1);
}
section.kdcc-affhow span.kdcc-affhow-node-label {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
color: #c8ccd4;
text-transform: uppercase;
letter-spacing: 1px;
transition: color 0.4s ease;
}
section.kdcc-affhow div.kdcc-affhow-node-active span.kdcc-affhow-node-label {
color: #313540;
}
section.kdcc-affhow div.kdcc-affhow-dots {
display: flex;
gap: 10px;
justify-content: center;
padding-top: 8px;
}
section.kdcc-affhow button.kdcc-affhow-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: #d1d5db;
cursor: pointer;
padding: 0;
transition: background 0.3s ease, transform 0.2s ease;
}
section.kdcc-affhow button.kdcc-affhow-dot:hover {
transform: scale(1.3);
}
section.kdcc-affhow button.kdcc-affhow-dot-active {
transform: scale(1.3);
}
section.kdcc-affhow div.kdcc-affhow-note {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 20px 24px;
background: #ffffff;
border: 1px solid rgba(20,185,220,0.2);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
section.kdcc-affhow div.kdcc-affhow-note .material-symbols-outlined {
flex-shrink: 0;
margin-top: 2px;
}
section.kdcc-affhow div.kdcc-affhow-note p {
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #4a4a4f;
margin: 0;
line-height: 1.65;
}
section.kdcc-affhow div.kdcc-affhow-note p strong {
color: #313540;
}
section.kdcc-affhow div.kdcc-affhow-card {
animation: kdcc-affhow-zoomCard 0.8s ease-out both;
animation-play-state: paused;
}
section.kdcc-affhow div.kdcc-affhow-card.kdcc-affhow-card-visible {
animation-play-state: running;
}
section.kdcc-affhow div.kdcc-affhow-earnings {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.4s ease;
margin: 0;
border-radius: 0 12px 12px 0;
}
section.kdcc-affhow div.kdcc-affhow-earnings-visible {
max-height: 200px;
opacity: 1;
margin: 32px 0 0;
}
section.kdcc-affhow div.kdcc-affhow-earnings-visible div.kdcc-affhow-earnings-inner {
animation: kdcc-affhow-slideRight 0.5s ease-out both;
}
section.kdcc-affhow div.kdcc-affhow-earnings-inner {
background: #ffffff;
border-left: 5px solid #67bb26;
border-radius: 0 12px 12px 0;
padding: 24px 28px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
section.kdcc-affhow div.kdcc-affhow-earnings-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 14px;
}
section.kdcc-affhow img.kdcc-affhow-earnings-logo {
width: 36px;
height: 36px;
border-radius: 8px;
flex-shrink: 0;
}
section.kdcc-affhow div.kdcc-affhow-earnings-title {
display: flex;
flex-direction: column;
gap: 2px;
}
section.kdcc-affhow div.kdcc-affhow-earnings-title strong {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
}
section.kdcc-affhow div.kdcc-affhow-earnings-title span {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #4a4a4f;
}
section.kdcc-affhow div.kdcc-affhow-earnings-math {
display: flex;
flex-direction: column;
gap: 8px;
}
section.kdcc-affhow div.kdcc-affhow-earnings-calc {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
section.kdcc-affhow span.kdcc-affhow-earnings-num {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 700;
}
section.kdcc-affhow span.kdcc-affhow-earnings-x {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
color: #9ca3af;
}
section.kdcc-affhow span.kdcc-affhow-earnings-total {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.75rem;
font-weight: 900;
color: #67bb26;
}
section.kdcc-affhow span.kdcc-affhow-earnings-sub {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
line-height: 1.5;
}
@media (max-width: 768px) {
section.kdcc-affhow div.kdcc-affhow-inner {
padding: 56px 20px 48px;
}
section.kdcc-affhow div.kdcc-affhow-card {
padding: 28px 20px 24px;
}
section.kdcc-affhow div.kdcc-affhow-stage {
padding: 0 48px;
}
section.kdcc-affhow h3.kdcc-affhow-step-title {
font-size: 1.15rem;
}
section.kdcc-affhow div.kdcc-affhow-node-circle {
width: 44px;
height: 44px;
}
section.kdcc-affhow div.kdcc-affhow-node-circle .material-symbols-outlined {
font-size: 20px;
}
section.kdcc-affhow div.kdcc-affhow-track {
left: 40px;
right: 40px;
top: 22px;
}
section.kdcc-affhow span.kdcc-affhow-node-label {
font-size: 0.6rem;
}
section.kdcc-affhow div.kdcc-affhow-note {
padding: 16px 18px;
}
section.kdcc-affhow div.kdcc-affhow-earnings-inner {
padding: 16px 18px;
}
section.kdcc-affhow div.kdcc-affhow-earnings-calc {
gap: 8px;
}
section.kdcc-affhow span.kdcc-affhow-earnings-total {
font-size: 1.25rem;
}
section.kdcc-affhow button.kdcc-affhow-arrow {
width: 36px;
height: 36px;
}
section.kdcc-affhow button.kdcc-affhow-arrow .material-symbols-outlined {
font-size: 20px;
}
}
@media (max-width: 480px) {
section.kdcc-affhow div.kdcc-affhow-stage {
padding: 0 40px;
}
section.kdcc-affhow div.kdcc-affhow-node-circle {
width: 36px;
height: 36px;
}
section.kdcc-affhow div.kdcc-affhow-node-circle .material-symbols-outlined {
font-size: 18px;
}
section.kdcc-affhow div.kdcc-affhow-track {
left: 28px;
right: 28px;
top: 18px;
}
section.kdcc-affhow span.kdcc-affhow-node-label {
display: none;
}
}
}
#fw-section-custom-html-acedc866-0286-401a-964b-fb2f3d9115a8 {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap { border-radius: 12px 12px 0 0; }
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 14px 16px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-9a9b87ab-e58f-453f-90e8-d5fe25ac4396 {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-efcffeb3-611b-4739-86fd-9e9b469f5e2c {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-5688b787-8d6a-4e0a-8699-f4cd3b34f8de {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-959d0296-8fb4-43a4-9239-50a3990d501a {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-05f65b76-0c27-4f1b-a522-39b880bedd7c {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-9bcc0b8d-11ce-4a70-b1e9-6175b660dd37 {
section.kdcc-affdir,
section.kdcc-affdir-chunk {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-affdir div.kdcc-affdir-inner {
max-width: 1400px;
margin: 0 auto;
padding: 72px 40px 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
section.kdcc-affdir p.kdcc-affdir-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-affdir h2.kdcc-affdir-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 20px;
}
section.kdcc-affdir p.kdcc-affdir-bridge strong { color: #313540; }
section.kdcc-affdir div.kdcc-affdir-disclosure {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px 18px;
background: #f5f5f7;
border-radius: 10px;
border-left: 4px solid #14b9dc;
margin-bottom: 32px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure .material-symbols-outlined {
color: #14b9dc;
flex-shrink: 0;
margin-top: 1px;
}
section.kdcc-affdir div.kdcc-affdir-disclosure p {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
section.kdcc-affdir span.kdcc-affdir-partner-badge-inline {
display: inline-block;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.6rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.1);
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
}
section.kdcc-affdir div.kdcc-affdir-search {
position: relative;
margin-bottom: 20px;
}
section.kdcc-affdir span.kdcc-affdir-search-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir input.kdcc-affdir-search-input {
width: 100%;
padding: 16px 48px 16px 52px;
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 12px;
appearance: none;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
section.kdcc-affdir input.kdcc-affdir-search-input:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
background: #ffffff;
}
section.kdcc-affdir input.kdcc-affdir-search-input::placeholder { color: #9ca3af; }
section.kdcc-affdir span.kdcc-affdir-search-clear {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: background 0.2s ease;
}
section.kdcc-affdir span.kdcc-affdir-search-clear:hover {
background: rgba(0,0,0,0.06);
color: #313540;
}
section.kdcc-affdir div.kdcc-affdir-filters {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
margin-bottom: 28px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: 1 1 220px; min-width: 0; }
section.kdcc-affdir label.kdcc-affdir-filter-label {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #6e6e73;
margin-bottom: 8px;
}
section.kdcc-affdir label.kdcc-affdir-filter-label .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir div.kdcc-affdir-filter-wrap { position: relative; }
section.kdcc-affdir select.kdcc-affdir-select {
width: 100%;
padding: 12px 40px 12px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.92rem;
font-weight: 600;
color: #313540;
background: #f5f5f7;
border: 2px solid #e5e7eb;
border-radius: 10px;
cursor: pointer;
appearance: none;
outline: none;
transition: border-color 0.2s ease;
}
section.kdcc-affdir select.kdcc-affdir-select:focus {
border-color: #14b9dc;
box-shadow: 0 0 0 3px rgba(20,185,220,0.12);
}
section.kdcc-affdir select.kdcc-affdir-select:invalid {
color: #9ca3af;
}
section.kdcc-affdir span.kdcc-affdir-select-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: #9ca3af;
pointer-events: none;
}
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: 0 0 auto;
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: #9ca3af;
padding-bottom: 14px;
}
section.kdcc-affdir div.kdcc-affdir-filter-count span { color: #14b9dc; font-weight: 700; }
section.kdcc-affdir div.kdcc-affdir-table-wrap,
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
background: #ffffff;
border: 1px solid #e5e7eb;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
border-radius: 0;
}
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 14px 14px 0 0;
border-bottom: none;
margin-bottom: 0;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
border: none;
border-left: 1px solid #e5e7eb;
border-right: 1px solid #e5e7eb;
margin-top: -2px;
border-radius: 0;
box-shadow: none;
}
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
section.kdcc-affdir thead {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-bottom: none;
}
section.kdcc-affdir thead tr {
border-left: 4px solid #313540;
display: table-row;
}
section.kdcc-affdir th.kdcc-affdir-th {
padding: 14px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #ffffff;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-category { text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie { text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 38%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 18%; text-align: center; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 24%; text-align: right; }
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { width: 20%; text-align: right; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Ctext x='8' y='22' font-size='16' fill='rgba(255,255,255,0.035)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3Ctext x='35' y='14' font-size='11' fill='rgba(255,255,255,0.025)' font-family='sans-serif' font-weight='700'%3E%24%3C/text%3E%3C/svg%3E");
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-cell,
section.kdcc-affdir-chunk .kdcc-affdir-letter-cell { padding: 0; }
section.kdcc-affdir .kdcc-affdir-letter-marker,
section.kdcc-affdir-chunk .kdcc-affdir-letter-marker {
display: flex;
align-items: center;
padding: 12px 20px;
font-family: 'Space Grotesk', sans-serif;
font-size: 1.15rem;
font-weight: 800;
color: #ffffff;
}
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
transition: background 0.15s ease, border-color 0.15s ease;
cursor: pointer;
}
section.kdcc-affdir .kdcc-affdir-row:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row:nth-child(even) {
background: #fafbfc;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
background: #f0f9fc;
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-row[data-category="creative"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="creative"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="education"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="education"]:hover { border-left-color: #67bb26; }
section.kdcc-affdir .kdcc-affdir-row[data-category="gaming"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="gaming"]:hover { border-left-color: #5865F2; }
section.kdcc-affdir .kdcc-affdir-row[data-category="hosting"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="hosting"]:hover { border-left-color: #7c3aed; }
section.kdcc-affdir .kdcc-affdir-row[data-category="software"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="software"]:hover { border-left-color: #f59e0b; }
section.kdcc-affdir .kdcc-affdir-row[data-category="travel"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="travel"]:hover { border-left-color: #ec4f59; }
section.kdcc-affdir .kdcc-affdir-row[data-category="retail"]:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row[data-category="retail"]:hover { border-left-color: #313540; }
section.kdcc-affdir .kdcc-affdir-row-partner,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner {
background: rgba(103,187,38,0.04);
border-left: 4px solid #67bb26;
}
section.kdcc-affdir .kdcc-affdir-row-partner:nth-child(even),
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:nth-child(even) {
background: rgba(103,187,38,0.06);
}
section.kdcc-affdir .kdcc-affdir-row-partner:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row-partner:hover {
background: rgba(103,187,38,0.1);
border-left-color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
padding: 16px 20px;
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: #6e6e73;
vertical-align: middle;
}
section.kdcc-affdir .kdcc-affdir-program-info,
section.kdcc-affdir-chunk .kdcc-affdir-program-info {
display: flex;
flex-direction: column;
gap: 3px;
}
section.kdcc-affdir .kdcc-affdir-program-name,
section.kdcc-affdir-chunk .kdcc-affdir-program-name {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #313540;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
section.kdcc-affdir .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-program-name .material-symbols-outlined {
font-size: 16px;
color: #c8ccd4;
transition: color 0.15s ease;
}
section.kdcc-affdir .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover .kdcc-affdir-program-name .material-symbols-outlined { color: #14b9dc; }
section.kdcc-affdir .kdcc-affdir-program-desc,
section.kdcc-affdir-chunk .kdcc-affdir-program-desc { font-size: 0.78rem; color: #9ca3af; }
section.kdcc-affdir .kdcc-affdir-partner-badge,
section.kdcc-affdir-chunk .kdcc-affdir-partner-badge {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.58rem;
font-weight: 700;
color: #67bb26;
background: rgba(103,187,38,0.12);
padding: 3px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #ffffff;
background: #67bb26;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, transform 0.2s ease;
}
section.kdcc-affdir .kdcc-affdir-visit-btn:hover,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn:hover {
background: #5aa621;
transform: translateY(-1px);
}
section.kdcc-affdir .kdcc-affdir-visit-btn .material-symbols-outlined,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn .material-symbols-outlined { font-size: 14px; }
section.kdcc-affdir .kdcc-affdir-tag,
section.kdcc-affdir-chunk .kdcc-affdir-tag {
display: inline-block;
padding: 4px 10px;
font-family: 'Space Grotesk', sans-serif;
font-size: 0.68rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
section.kdcc-affdir .kdcc-affdir-tag-creative,
section.kdcc-affdir-chunk .kdcc-affdir-tag-creative { color: #ec4f59; background: rgba(236,79,89,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-education,
section.kdcc-affdir-chunk .kdcc-affdir-tag-education { color: #67bb26; background: rgba(103,187,38,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gaming,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gaming { color: #5865F2; background: rgba(88,101,242,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-gear,
section.kdcc-affdir-chunk .kdcc-affdir-tag-gear { color: #14b9dc; background: rgba(20,185,220,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-hosting,
section.kdcc-affdir-chunk .kdcc-affdir-tag-hosting { color: #7c3aed; background: rgba(124,58,237,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-retail,
section.kdcc-affdir-chunk .kdcc-affdir-tag-retail { color: #313540; background: rgba(49,53,64,0.07); }
section.kdcc-affdir .kdcc-affdir-tag-software,
section.kdcc-affdir-chunk .kdcc-affdir-tag-software { color: #f59e0b; background: rgba(245,158,11,0.08); }
section.kdcc-affdir .kdcc-affdir-tag-travel,
section.kdcc-affdir-chunk .kdcc-affdir-tag-travel { color: #ec4f59; background: rgba(236,79,89,0.06); border: 1px solid rgba(236,79,89,0.12); }
section.kdcc-affdir .kdcc-affdir-tag-other,
section.kdcc-affdir-chunk .kdcc-affdir-tag-other { color: #6e6e73; background: rgba(110,110,115,0.08); }
section.kdcc-affdir .kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-commission {
font-family: 'Space Grotesk', sans-serif;
font-size: 0.95rem;
font-weight: 800;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-cookie {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: #9ca3af;
}
section.kdcc-affdir div.kdcc-affdir-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 60px 20px;
text-align: center;
}
section.kdcc-affdir p.kdcc-affdir-empty-msg {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #313540;
margin: 0;
}
section.kdcc-affdir p.kdcc-affdir-empty-hint {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: #9ca3af;
margin: 0 0 16px;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
font-weight: 700;
color: #14b9dc;
text-decoration: none;
border-bottom: 2px dotted #14b9dc;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
section.kdcc-affdir a.kdcc-affdir-empty-submit:hover {
color: #0e8fa8;
border-bottom-style: solid;
border-color: #0e8fa8;
}
@media (max-width: 1024px) {
section.kdcc-affdir th.kdcc-affdir-th-cookie,
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie { display: none; }
section.kdcc-affdir th.kdcc-affdir-th-name,
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name { width: 45%; }
section.kdcc-affdir th.kdcc-affdir-th-category,
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category { width: 25%; }
section.kdcc-affdir th.kdcc-affdir-th-commission,
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission { width: 30%; }
}
@media (max-width: 768px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 56px 20px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 20px; }
section.kdcc-affdir div.kdcc-affdir-filters {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
section.kdcc-affdir div.kdcc-affdir-filter-group { flex: none; width: 100%; }
section.kdcc-affdir div.kdcc-affdir-filter-count {
flex: none;
width: 100%;
padding: 8px 0 16px;
text-align: left;
font-size: 0.9rem;
}
}
@media (max-width: 640px) {
section.kdcc-affdir div.kdcc-affdir-inner { padding: 48px 16px 0; }
section.kdcc-affdir-chunk div.kdcc-affdir-chunk-inner { padding: 0 16px; }
section.kdcc-affdir div.kdcc-affdir-disclosure { padding: 12px 14px; }
section.kdcc-affdir input.kdcc-affdir-search-input { padding: 14px 44px 14px 48px; font-size: 0.92rem; }
section.kdcc-affdir div.kdcc-affdir-table-wrap {
border-radius: 12px 12px 0 0;
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir-chunk div.kdcc-affdir-table-wrap {
overflow: visible;
padding-bottom: 35px;
}
section.kdcc-affdir thead { display: none; }
section.kdcc-affdir table.kdcc-affdir-table,
section.kdcc-affdir-chunk table.kdcc-affdir-table {
display: block;
table-layout: auto;
width: 100%;
}
section.kdcc-affdir table.kdcc-affdir-table tbody,
section.kdcc-affdir-chunk table.kdcc-affdir-table tbody { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-letter-row,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row {
display: block;
width: 100%;
border-left: 4px solid #313540;
}
section.kdcc-affdir .kdcc-affdir-letter-row td,
section.kdcc-affdir-chunk .kdcc-affdir-letter-row td { display: block; width: 100%; }
section.kdcc-affdir .kdcc-affdir-row,
section.kdcc-affdir-chunk .kdcc-affdir-row {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding: 16px 16px 20px;
gap: 6px 10px;
border-bottom: 1px solid #f0f2f5;
border-left: 4px solid transparent;
box-sizing: border-box;
}
section.kdcc-affdir .kdcc-affdir-row:hover,
section.kdcc-affdir-chunk .kdcc-affdir-row:hover {
border-left-color: #14b9dc;
}
section.kdcc-affdir .kdcc-affdir-td,
section.kdcc-affdir-chunk .kdcc-affdir-td {
display: inline-block;
padding: 0;
width: auto;
min-width: 0;
text-align: left;
border: none;
}
section.kdcc-affdir .kdcc-affdir-td-name,
section.kdcc-affdir-chunk .kdcc-affdir-td-name {
flex: 0 0 100%;
max-width: 100%;
display: block;
margin-bottom: 2px;
}
section.kdcc-affdir .kdcc-affdir-td-category,
section.kdcc-affdir-chunk .kdcc-affdir-td-category,
section.kdcc-affdir th.kdcc-affdir-th-category {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission,
section.kdcc-affdir th.kdcc-affdir-th-commission {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir .kdcc-affdir-td-commission strong.kdcc-affdir-commission,
section.kdcc-affdir-chunk .kdcc-affdir-td-commission strong.kdcc-affdir-commission {
font-size: 0.8rem;
color: #67bb26;
}
section.kdcc-affdir .kdcc-affdir-td-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie {
display: inline-block;
width: auto;
text-align: left;
}
section.kdcc-affdir th.kdcc-affdir-th-cookie { display: none; }
section.kdcc-affdir .kdcc-affdir-td-cookie span.kdcc-affdir-cookie,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie span.kdcc-affdir-cookie {
font-size: 0.75rem;
color: #9ca3af;
}
section.kdcc-affdir .kdcc-affdir-td-cookie::before,
section.kdcc-affdir-chunk .kdcc-affdir-td-cookie::before {
content: '\00B7\00A0';
color: #d1d5db;
}
section.kdcc-affdir .kdcc-affdir-visit-btn,
section.kdcc-affdir-chunk .kdcc-affdir-visit-btn {
padding: 6px 12px;
font-size: 0.72rem;
}
section.kdcc-affdir span.kdcc-affdir-program-desc,
section.kdcc-affdir-chunk span.kdcc-affdir-program-desc { font-size: 0.78rem; }
}
section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
div.container.wrapper:has(section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
:has(> section.kdcc-affdir-chunk.kdcc-affdir-chunk-empty) {
display: none;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}
}
#fw-section-custom-html-f4d02bab-2e5c-4fb4-ac91-11a9a1f9afc8 {
section.kdcc-afffaq {
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
color: #313540;
margin: -35px 0;
}
section.kdcc-afffaq div.kdcc-afffaq-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px 72px;
}
section.kdcc-afffaq p.kdcc-afffaq-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin: 0 0 16px;
}
section.kdcc-afffaq h2.kdcc-afffaq-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.12;
color: #313540;
margin: 0 0 20px;
}
section.kdcc-afffaq p.kdcc-afffaq-bridge {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.75;
color: #6e6e73;
margin: 0 0 40px;
}
section.kdcc-afffaq p.kdcc-afffaq-bridge strong { color: #313540; }
section.kdcc-afffaq div.kdcc-afffaq-list {
display: flex;
flex-direction: column;
gap: 12px;
}
section.kdcc-afffaq div.kdcc-afffaq-item {
background: #ffffff;
border-radius: 0 12px 12px 0;
border-left: 4px solid #14b9dc;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
overflow: hidden;
transition: border-color 0.3s ease, background 0.3s ease;
}
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open {
border-left-color: #ec4f59;
background: #fffbfb;
}
section.kdcc-afffaq div.kdcc-afffaq-q {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
cursor: pointer;
transition: background 0.2s ease;
}
section.kdcc-afffaq div.kdcc-afffaq-q:hover {
background: rgba(20,185,220,0.04);
}
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open div.kdcc-afffaq-q:hover {
background: rgba(236,79,89,0.04);
}
section.kdcc-afffaq span.kdcc-afffaq-q-text {
font-family: 'DM Sans', sans-serif;
font-size: 1.05rem;
font-weight: 700;
color: #313540;
line-height: 1.4;
}
section.kdcc-afffaq span.kdcc-afffaq-arrow {
font-size: 24px;
color: #9ca3af;
transition: transform 0.3s ease, color 0.3s ease;
flex-shrink: 0;
}
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open span.kdcc-afffaq-arrow {
transform: rotate(180deg);
color: #ec4f59;
}
section.kdcc-afffaq div.kdcc-afffaq-a {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open div.kdcc-afffaq-a {
grid-template-rows: 1fr;
}
section.kdcc-afffaq div.kdcc-afffaq-a span {
overflow: hidden;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
line-height: 1.75;
color: #4a4a4f;
padding: 0 24px;
display: block;
}
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open div.kdcc-afffaq-a span {
padding: 0 24px 24px;
}
section.kdcc-afffaq div.kdcc-afffaq-a span strong { color: #313540; }
section.kdcc-afffaq div.kdcc-afffaq-a span em { color: #ec4f59; font-style: italic; }
section.kdcc-afffaq div.kdcc-afffaq-a span a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-color 0.2s ease;
}
section.kdcc-afffaq div.kdcc-afffaq-a span a:hover {
border-bottom-style: solid;
}
@media (max-width: 768px) {
section.kdcc-afffaq div.kdcc-afffaq-inner { padding: 80px 20px 56px; }
section.kdcc-afffaq div.kdcc-afffaq-q { padding: 16px 18px; }
section.kdcc-afffaq div.kdcc-afffaq-a span { padding: 0 18px; font-size: 0.9rem; }
section.kdcc-afffaq div.kdcc-afffaq-item.kdcc-afffaq-open div.kdcc-afffaq-a span { padding: 0 18px 20px; }
section.kdcc-afffaq span.kdcc-afffaq-q-text { font-size: 0.95rem; }
}
}
#fw-section-custom-html-12de08f5-f21a-4bd6-acd0-c2b8ee2c8fb0 {
section.kdcc-affcta {
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
color: #ffffff;
margin: -35px 0;
}
section.kdcc-affcta div.kdcc-affcta-inner {
max-width: 1400px;
margin: 0 auto;
padding: 100px 40px;
}
section.kdcc-affcta p.kdcc-affcta-eyebrow {
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #ec4f59;
margin: 0 0 16px;
}
section.kdcc-affcta h2.kdcc-affcta-title {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 900;
line-height: 1.15;
color: #ffffff;
margin: 0 0 24px;
}
section.kdcc-affcta p.kdcc-affcta-desc {
font-family: 'DM Sans', sans-serif;
font-size: 17px;
line-height: 1.8;
color: #b4b9c4;
margin: 0 0 40px;
width: 100%;
max-width: none;
}
section.kdcc-affcta p.kdcc-affcta-desc strong { color: #ffffff; }
section.kdcc-affcta div.kdcc-affcta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin-bottom: 32px;
}
section.kdcc-affcta a.kdcc-affcta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 28px;
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
letter-spacing: 0.5px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.kdcc-affcta a.kdcc-affcta-btn:hover {
transform: translateY(-2px);
}
section.kdcc-affcta a.kdcc-affcta-btn .material-symbols-outlined { font-size: 20px; }
section.kdcc-affcta a.kdcc-affcta-btn-red {
background: #ec4f59;
box-shadow: 0 4px 12px rgba(236,79,89,0.3);
}
section.kdcc-affcta a.kdcc-affcta-btn-red:hover {
box-shadow: 0 6px 20px rgba(236,79,89,0.4);
}
section.kdcc-affcta a.kdcc-affcta-btn-purple {
background: #7c3aed;
box-shadow: 0 4px 12px rgba(124,58,237,0.3);
}
section.kdcc-affcta a.kdcc-affcta-btn-purple:hover {
box-shadow: 0 6px 20px rgba(124,58,237,0.4);
}
section.kdcc-affcta a.kdcc-affcta-btn-green {
background: #67bb26;
box-shadow: 0 4px 12px rgba(103,187,38,0.3);
}
section.kdcc-affcta a.kdcc-affcta-btn-green:hover {
box-shadow: 0 6px 20px rgba(103,187,38,0.4);
}
section.kdcc-affcta p.kdcc-affcta-sub {
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
color: #6e6e73;
margin: 0;
text-align: center;
}
section.kdcc-affcta p.kdcc-affcta-sub a {
color: #14b9dc;
text-decoration: none;
border-bottom: 1px dotted #14b9dc;
transition: border-color 0.2s ease;
}
section.kdcc-affcta p.kdcc-affcta-sub a:hover {
border-bottom-style: solid;
}
@media (max-width: 768px) {
section.kdcc-affcta div.kdcc-affcta-inner { padding: 80px 20px; }
section.kdcc-affcta div.kdcc-affcta-buttons { flex-direction: column; align-items: center; }
section.kdcc-affcta a.kdcc-affcta-btn { width: 100%; max-width: 340px; justify-content: center; }
}
}
#fw-section-custom-html-8ae69dc6-02f9-44fa-a06a-6261a2b73d3b {
.kdcc-aff__h1 {
text-align: center;
color: #14b9dc; /* KDCC Blue */
font-weight: 800;
font-size: 1.9rem;
margin-bottom: 10px;
}
/* Red underline accent */
.kdcc-aff__video-line {
width: 96px;
height: 3px;
background: #ec4f59;
border-radius: 2px;
margin: 12px auto 16px;
}
/* Video wrapper styling */
.kdcc-aff__video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(236, 79, 89, 0.2);
}
.kdcc-aff__video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 8px;
}
.kdcc-aff__caption {
font-size: 0.9rem;
color: #555;
text-align: center;
margin-top: 8px;
font-style: italic;
}
.kdcc-aff__cta {
display: inline-block;
background: #ec4f59;
color: #fff !important;
text-decoration: none;
padding: 6px 12px;
border-radius: 6px;
font-weight: 700;
box-shadow: 0 2px 6px rgba(236, 79, 89, 0.2);
transition: all 0.2s ease;
}
.kdcc-aff__cta:hover {
background: #d7434e;
transform: translateY(-1px);
}
/* Mobile CTA adjustment */
@media (max-width: 480px) {
.kdcc-aff__cta {
padding: 8px 14px;
font-size: 0.95rem;
}
}
}
#fw-section-custom-html-73986555-9b8f-48b3-80f1-b124ae0fca11 {
/*
KDCC Affiliate Programs - Block 2 CSS (Filter Bar & Actions)
Production Ready for Fourthwall
Brand Colors: Blue #14b9dc | Red #ec4f59 | Green #67bb26 | Gray #313540
*/
/* Material Icons */
.material-icons-round {
font-family: 'Material Icons Round';
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Override Fourthwall's default section padding */
section.custom-html[data-section-id*="fw-section-custom-html"] {
padding: 0 !important;
}
/* Filter Bar */
section.kdcc-aff-filter {
background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
border-bottom: 1px solid #e5e8ec;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
padding: 0 !important;
}
section.kdcc-aff-filter div.kdcc-aff-filter__container {
max-width: 1400px;
margin: 0 auto;
padding: 20px 32px 0;
}
section.kdcc-aff-filter div.kdcc-aff-filter__card {
background: #ffffff;
border-radius: 14px;
padding: 28px 32px;
border: 1px solid #e5e8ec;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
gap: 32px;
flex-wrap: wrap;
}
section.kdcc-aff-filter div.kdcc-aff-filter__controls {
flex: 1;
min-width: 320px;
}
section.kdcc-aff-filter label.kdcc-aff-filter__label {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.92rem;
font-weight: 700;
color: #313540;
margin-bottom: 12px;
}
section.kdcc-aff-filter label.kdcc-aff-filter__label .material-icons-round {
font-size: 20px;
color: #14b9dc;
}
section.kdcc-aff-filter div.kdcc-aff-filter__dropdown-wrap {
position: relative;
}
section.kdcc-aff-filter select.kdcc-aff-filter__dropdown {
width: 100%;
padding: 16px 48px 16px 18px;
font-size: 1rem;
font-weight: 600;
font-family: inherit;
color: #1a1f2b;
background: #f8fafc;
border: 2px solid #e5e8ec;
border-radius: 12px;
cursor: pointer;
appearance: none;
transition: all 0.2s ease;
}
section.kdcc-aff-filter select.kdcc-aff-filter__dropdown:hover {
border-color: #c4c9d6;
background: #ffffff;
}
section.kdcc-aff-filter select.kdcc-aff-filter__dropdown:focus {
outline: none;
border-color: #14b9dc;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.15);
}
section.kdcc-aff-filter span.kdcc-aff-filter__dropdown-arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: #aab0bc;
pointer-events: none;
}
section.kdcc-aff-filter div.kdcc-aff-filter__actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn,
section.kdcc-aff-filter a.kdcc-aff-filter__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 24px;
font-size: 0.95rem;
font-weight: 700;
border-radius: 10px;
text-decoration: none;
border: none;
cursor: pointer;
font-family: inherit;
transition: all 0.2s ease;
white-space: nowrap;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn .material-icons-round,
section.kdcc-aff-filter a.kdcc-aff-filter__btn .material-icons-round {
font-size: 18px;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn--primary,
section.kdcc-aff-filter a.kdcc-aff-filter__btn--primary {
color: #ffffff;
background: linear-gradient(135deg, #14b9dc 0%, #0fa8c9 100%);
box-shadow: 0 4px 16px rgba(20, 185, 220, 0.3);
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn--primary:hover,
section.kdcc-aff-filter a.kdcc-aff-filter__btn--primary:hover {
background: linear-gradient(135deg, #0fa8c9 0%, #0e9ab8 100%);
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(20, 185, 220, 0.4);
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn--secondary,
section.kdcc-aff-filter a.kdcc-aff-filter__btn--secondary {
color: #5a6270;
background: #f5f7fa;
border: 1px solid #e5e8ec;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn--secondary:hover,
section.kdcc-aff-filter a.kdcc-aff-filter__btn--secondary:hover {
background: #eef1f5;
border-color: #d0d5dc;
}
section.kdcc-aff-filter div.kdcc-aff-filter__results {
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
padding: 14px 20px;
background: rgba(103, 187, 38, 0.1);
border-radius: 10px;
border: 1px solid rgba(103, 187, 38, 0.2);
}
section.kdcc-aff-filter div.kdcc-aff-filter__results .material-icons-round {
font-size: 20px;
color: #67bb26;
}
section.kdcc-aff-filter div.kdcc-aff-filter__results span {
font-size: 0.9rem;
font-weight: 600;
color: #313540;
}
/* Action Cards */
section.kdcc-aff-actions {
background: #ffffff;
border-bottom: 1px solid #e5e8ec;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
padding: 0;
}
section.kdcc-aff-actions div.kdcc-aff-actions__container {
max-width: 1400px;
margin: 0 auto;
padding: 20px 32px 20px;
display: flex;
align-items: flex-start;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
section.kdcc-aff-actions a.kdcc-aff-actions__card {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 20px;
background: #f8fafc;
border-radius: 12px;
border: 1px solid #e5e8ec;
text-decoration: none;
transition: all 0.2s ease;
flex: 0 1 auto;
min-width: 280px;
}
section.kdcc-aff-actions a.kdcc-aff-actions__card:hover {
background: #ffffff;
border-color: #c4c9d6;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
transform: translateY(-2px);
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
flex-shrink: 0;
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon .material-icons-round {
font-size: 22px;
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--blue {
background: linear-gradient(135deg, #14b9dc 0%, #0fa8c9 100%);
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--blue .material-icons-round {
color: #ffffff;
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--green {
background: rgba(103, 187, 38, 0.1);
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--green .material-icons-round {
color: #67bb26;
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--purple {
background: rgba(155, 89, 182, 0.1);
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--purple .material-icons-round {
color: #9b59b6;
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--red {
background: rgba(236, 79, 89, 0.1);
}
section.kdcc-aff-actions div.kdcc-aff-actions__icon--red .material-icons-round {
color: #ec4f59;
}
section.kdcc-aff-actions div.kdcc-aff-actions__text {
display: flex;
flex-direction: column;
gap: 2px;
}
section.kdcc-aff-actions div.kdcc-aff-actions__text strong {
font-size: 0.92rem;
font-weight: 700;
color: #1a1f2b;
}
section.kdcc-aff-actions div.kdcc-aff-actions__text span {
font-size: 0.78rem;
color: #7a8290;
}
section.kdcc-aff-actions span.kdcc-aff-actions__arrow {
font-size: 20px;
color: #c4c9d6;
margin-left: 8px;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: 8px;
padding-top: 16px;
border-top: 1px solid #e5e8ec;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure .material-icons-round {
font-size: 18px;
color: #a0a6b5;
flex-shrink: 0;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure p {
font-size: 0.78rem;
color: #8a919e;
margin: 0;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure strong {
color: #6b737c;
}
/* Tablet */
@media (max-width: 1024px) {
section.kdcc-aff-filter div.kdcc-aff-filter__container {
padding: 24px 24px 0;
}
section.kdcc-aff-filter div.kdcc-aff-filter__card {
flex-direction: column;
align-items: stretch;
}
section.kdcc-aff-filter div.kdcc-aff-filter__controls {
min-width: 100%;
}
section.kdcc-aff-filter div.kdcc-aff-filter__actions {
width: 100%;
justify-content: stretch;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn,
section.kdcc-aff-filter a.kdcc-aff-filter__btn {
flex: 1;
justify-content: center;
}
section.kdcc-aff-actions div.kdcc-aff-actions__container {
flex-direction: row;
padding: 20px 24px 20px;
justify-content: center;
}
section.kdcc-aff-actions a.kdcc-aff-actions__card {
flex: 1 1 calc(50% - 10px);
min-width: 250px;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure {
margin-top: 12px;
}
}
/* Mobile */
@media (max-width: 640px) {
section.kdcc-aff-filter div.kdcc-aff-filter__container {
padding: 20px 18px 0;
}
section.kdcc-aff-filter div.kdcc-aff-filter__card {
padding: 20px 18px;
}
section.kdcc-aff-filter select.kdcc-aff-filter__dropdown {
font-size: 0.9rem;
padding: 14px 44px 14px 16px;
}
section.kdcc-aff-actions div.kdcc-aff-actions__container {
padding: 20px 18px 20px;
flex-direction: column;
}
section.kdcc-aff-actions a.kdcc-aff-actions__card {
width: 100%;
min-width: 100%;
}
section.kdcc-aff-actions div.kdcc-aff-actions__disclosure {
flex-direction: column;
text-align: center;
gap: 6px;
margin-top: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
section.kdcc-aff-filter button.kdcc-aff-filter__btn,
section.kdcc-aff-filter a.kdcc-aff-filter__btn,
section.kdcc-aff-filter select.kdcc-aff-filter__dropdown,
section.kdcc-aff-actions a.kdcc-aff-actions__card {
transition: none;
}
section.kdcc-aff-filter button.kdcc-aff-filter__btn--primary:hover,
section.kdcc-aff-actions a.kdcc-aff-actions__card:hover {
transform: none;
}
}
}
#fw-section-custom-html-7c6fee25-b525-4943-af56-8218624139ea {
/* KDCC — A–Z directory */
:root{
--kdcc-blue:#14b9dc;
--kdcc-text:#2f3a43;
--kdcc-muted:#6b737c;
--kdcc-line:#e9edf2;
--kdcc-card:#f9fafb;
--kdcc-red:#ec4f59;
}
html{scroll-behavior:smooth;}
.kdcc-afflist{
max-width:1200px;
margin:0 auto;
padding:26px 20px 56px;
color:var(--kdcc-text);
position:relative;
}
/* Title + sub */
.kdcc-title{
text-align:center;
color:var(--kdcc-blue);
font-weight:800;
margin:0 0 6px;
letter-spacing:.2px;
}
.kdcc-sub{
text-align:center;
margin:0 6px 6px;
color:#555;
font-size:.95rem;
}
.kdcc-updated{
text-align:center;
margin:0 0 14px;
color:var(--kdcc-muted);
font-size:.85rem;
}
/* A–Z bar */
.kdcc-az{
display:flex; flex-wrap:wrap; gap:8px;
justify-content:center;
background:#fff;
border:1px solid #eee;
border-radius:12px;
padding:10px;
margin:10px auto 18px;
}
.kdcc-az a{
display:inline-block; min-width:34px; padding:6px 8px;
text-align:center; font-weight:700; font-size:.9rem;
color:var(--kdcc-text);
background:#fff;
border:1px solid #eee; border-radius:8px;
text-decoration:none;
transition:border-color .15s ease, color .15s ease, background .15s ease, transform .05s ease;
}
.kdcc-az a:hover{border-color:var(--kdcc-blue); color:var(--kdcc-blue)}
.kdcc-az a:active{transform:translateY(1px)}
.kdcc-az .is-all{border-color:var(--kdcc-blue); color:var(--kdcc-blue)}
.kdcc-az .is-empty{opacity:.55}
/* Invisible :target tabs */
.kdcc-tab{display:block; height:0; width:0; overflow:hidden; scroll-margin-top:90px;}
/* Letter group label */
.kdcc-letter{
margin:10px 0 8px; padding:4px 2px;
font-weight:800; color:var(--kdcc-muted);
letter-spacing:.08em; text-transform:uppercase; font-size:.9rem;
display:flex; align-items:center; gap:8px;
}
.kdcc-letter:before,.kdcc-letter:after{content:""; height:1px; flex:1; background:var(--kdcc-line);}
/* Grid inside each letter group */
.kdcc-grid{
display:grid;
gap:20px;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
/* Card styling */
.affiliate-card{
background:var(--kdcc-card);
border:1px solid #eef1f4;
border-radius:12px;
box-shadow:0 2px 6px rgba(0,0,0,.08);
padding:18px;
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.affiliate-card:hover{
transform:translateY(-3px);
box-shadow:0 6px 14px rgba(0,0,0,.12);
border-color:#e6eef6;
}
.affiliate-card h4{
margin:0 0 8px;
color:#0c86bf;
font-size:1.06rem;
}
.affiliate-card a{
color:var(--kdcc-blue);
text-decoration:underline;
display:inline-block;
margin-bottom:8px;
}
.affiliate-card p{
margin:0 0 8px;
font-size:.92rem; color:#555;
}
.affiliate-card p strong{color:#222}
/* -------- Filtering logic -------- */
/* Default: show all groups */
.kdcc-group{display:block}
/* Hide any group whose grid is empty, where supported */
.kdcc-grid:empty{display:none}
.kdcc-group:has(.kdcc-grid:empty){display:none}
/* When any letter tab is targeted, hide all groups first */
.kdcc-tab:target ~ .kdcc-groups .kdcc-group{display:none}
/* Then show the matching non-empty letter's group */
#A:target ~ .kdcc-groups .kdcc-group[data-letter="A"],
#B:target ~ .kdcc-groups .kdcc-group[data-letter="B"],
#C:target ~ .kdcc-groups .kdcc-group[data-letter="C"],
#D:target ~ .kdcc-groups .kdcc-group[data-letter="D"],
#E:target ~ .kdcc-groups .kdcc-group[data-letter="E"],
#F:target ~ .kdcc-groups .kdcc-group[data-letter="F"],
#G:target ~ .kdcc-groups .kdcc-group[data-letter="G"],
#H:target ~ .kdcc-groups .kdcc-group[data-letter="H"],
#I:target ~ .kdcc-groups .kdcc-group[data-letter="I"],
#J:target ~ .kdcc-groups .kdcc-group[data-letter="J"],
#K:target ~ .kdcc-groups .kdcc-group[data-letter="K"],
#L:target ~ .kdcc-groups .kdcc-group[data-letter="L"],
#M:target ~ .kdcc-groups .kdcc-group[data-letter="M"],
#N:target ~ .kdcc-groups .kdcc-group[data-letter="N"],
#O:target ~ .kdcc-groups .kdcc-group[data-letter="O"],
#P:target ~ .kdcc-groups .kdcc-group[data-letter="P"],
#R:target ~ .kdcc-groups .kdcc-group[data-letter="R"],
#S:target ~ .kdcc-groups .kdcc-group[data-letter="S"],
#T:target ~ .kdcc-groups .kdcc-group[data-letter="T"],
#U:target ~ .kdcc-groups .kdcc-group[data-letter="U"],
#V:target ~ .kdcc-groups .kdcc-group[data-letter="V"],
#W:target ~ .kdcc-groups .kdcc-group[data-letter="W"]{display:block}
/* All = show all groups again */
#ALL:target ~ .kdcc-groups .kdcc-group{display:block}
/* ---------- Empty-state handling (robust) ---------- */
.kdcc-empty-note{
display:none;
margin:24px auto 0;
max-width:800px;
text-align:center;
background:#fff;
border:1px dashed var(--kdcc-line);
border-radius:12px;
padding:18px;
color:var(--kdcc-text);
}
.kdcc-empty-note a{ color:var(--kdcc-blue); text-decoration:underline; }
/* Show a friendly note only for letters that have no programs. */
.kdcc-afflist:has(#Q:target) .kdcc-groups,
.kdcc-afflist:has(#X:target) .kdcc-groups,
.kdcc-afflist:has(#Y:target) .kdcc-groups,
.kdcc-afflist:has(#Z:target) .kdcc-groups{ display:none; }
.kdcc-afflist:has(#Q:target) .kdcc-empty-note,
.kdcc-afflist:has(#X:target) .kdcc-empty-note,
.kdcc-afflist:has(#Y:target) .kdcc-empty-note,
.kdcc-afflist:has(#Z:target) .kdcc-empty-note{ display:block; }
/* ---------- Active letter highlight ---------- */
/* When any letter is targeted, remove the All highlight */
.kdcc-afflist:has(.kdcc-tab:target) .kdcc-az .is-all{
border-color:#eee; color:var(--kdcc-text);
}
/* Highlight the active letter */
.kdcc-afflist:has(#A:target) .kdcc-az a[href="#A"],
.kdcc-afflist:has(#B:target) .kdcc-az a[href="#B"],
.kdcc-afflist:has(#C:target) .kdcc-az a[href="#C"],
.kdcc-afflist:has(#D:target) .kdcc-az a[href="#D"],
.kdcc-afflist:has(#E:target) .kdcc-az a[href="#E"],
.kdcc-afflist:has(#F:target) .kdcc-az a[href="#F"],
.kdcc-afflist:has(#G:target) .kdcc-az a[href="#G"],
.kdcc-afflist:has(#H:target) .kdcc-az a[href="#H"],
.kdcc-afflist:has(#I:target) .kdcc-az a[href="#I"],
.kdcc-afflist:has(#J:target) .kdcc-az a[href="#J"],
.kdcc-afflist:has(#K:target) .kdcc-az a[href="#K"],
.kdcc-afflist:has(#L:target) .kdcc-az a[href="#L"],
.kdcc-afflist:has(#M:target) .kdcc-az a[href="#M"],
.kdcc-afflist:has(#N:target) .kdcc-az a[href="#N"],
.kdcc-afflist:has(#O:target) .kdcc-az a[href="#O"],
.kdcc-afflist:has(#P:target) .kdcc-az a[href="#P"],
.kdcc-afflist:has(#Q:target) .kdcc-az a[href="#Q"],
.kdcc-afflist:has(#R:target) .kdcc-az a[href="#R"],
.kdcc-afflist:has(#S:target) .kdcc-az a[href="#S"],
.kdcc-afflist:has(#T:target) .kdcc-az a[href="#T"],
.kdcc-afflist:has(#U:target) .kdcc-az a[href="#U"],
.kdcc-afflist:has(#V:target) .kdcc-az a[href="#V"],
.kdcc-afflist:has(#W:target) .kdcc-az a[href="#W"],
.kdcc-afflist:has(#X:target) .kdcc-az a[href="#X"],
.kdcc-afflist:has(#Y:target) .kdcc-az a[href="#Y"],
.kdcc-afflist:has(#Z:target) .kdcc-az a[href="#Z"]{
border-color:var(--kdcc-blue);
color:var(--kdcc-blue);
}
/* ---------- CTA ---------- */
.kdcc-cta-note{
margin-top:50px;
text-align:center;
color:var(--kdcc-blue);
font-size:1.5rem;
font-weight:700;
user-select:none;
}
.kdcc-cta-wrap{ text-align:center; margin-top:30px; }
.kdcc-cta{
background-color:var(--kdcc-red);
color:#fff;
padding:14px 32px;
border-radius:10px;
font-weight:700;
text-decoration:none;
font-size:1.1rem;
display:inline-flex;
align-items:center;
gap:10px;
justify-content:center;
cursor:pointer;
box-shadow:0 0 8px 1.5px rgba(236,79,89,0.5);
animation: kdcc-bounce-glow 2.5s ease-in-out infinite;
transition: box-shadow .3s ease;
}
.kdcc-cta:hover{ box-shadow:0 0 14px 3px rgba(236,79,89,0.75); }
@keyframes kdcc-bounce-glow{
0%,100%{ box-shadow:0 0 8px 1.5px rgba(236,79,89,0.5); transform:translateY(0); }
50%{ box-shadow:0 0 14px 3px rgba(236,79,89,0.75); transform:translateY(-5px); }
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.kdcc-cta{ animation:none; }
}
}
#fw-section-custom-html-70a1d34b-06e6-4b52-8978-d7c593f549c1 {
/*
KDCC Affiliate Programs - Block 3 CSS (Program Directory)
Production Ready for Fourthwall
Brand Colors: Blue #14b9dc | Red #ec4f59 | Green #67bb26 | Gray #313540
*/
.material-icons-round {
font-family: 'Material Icons Round';
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Override Fourthwall's default section padding */
section.custom-html[data-section-id*="fw-section-custom-html"] {
padding: 0 !important;
}
/* Program Directory */
section.kdcc-aff-directory {
background: #ffffff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #2f3a43;
padding: 0 !important;
}
section.kdcc-aff-directory div.kdcc-aff-directory__container {
max-width: 1200px;
margin: 0 auto;
padding: 56px 32px 64px;
}
section.kdcc-aff-directory div.kdcc-aff-directory__header {
text-align: center;
margin-bottom: 40px;
}
section.kdcc-aff-directory h2.kdcc-aff-directory__title {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 2rem;
font-weight: 800;
color: #1a1f2b;
margin: 0 0 12px;
}
section.kdcc-aff-directory h2.kdcc-aff-directory__title .material-icons-round {
font-size: 28px;
color: #14b9dc;
}
section.kdcc-aff-directory p.kdcc-aff-directory__subtitle {
font-size: 1.05rem;
color: #5a6270;
margin: 0;
line-height: 1.55;
}
/* Alphabet Navigation */
section.kdcc-aff-directory div.kdcc-aff-directory__alphabet {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 32px;
padding: 20px 24px;
background: #f8fafc;
border-radius: 12px;
border: 1px solid #eef1f5;
}
section.kdcc-aff-directory a.kdcc-aff-directory__letter {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
font-size: 0.85rem;
font-weight: 700;
color: #7a8290;
background: #ffffff;
border: 1px solid #e5e8ec;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s ease;
}
section.kdcc-aff-directory a.kdcc-aff-directory__letter:hover {
color: #14b9dc;
background: rgba(20, 185, 220, 0.08);
border-color: #14b9dc;
}
/* Table */
section.kdcc-aff-directory div.kdcc-aff-directory__table-wrap {
background: #ffffff;
border: 1px solid #e5e8ec;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
}
section.kdcc-aff-directory table.kdcc-aff-directory__table {
width: 100%;
border-collapse: collapse;
}
section.kdcc-aff-directory table.kdcc-aff-directory__table thead {
background: linear-gradient(135deg, #f8fafc 0%, #f0f4f8 100%);
border-bottom: 2px solid #e5e8ec;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th {
padding: 16px 20px;
text-align: left;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #5a6270;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--name {
width: 35%;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--category {
width: 25%;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--commission {
width: 18%;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--cookie {
width: 12%;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--action {
width: 10%;
text-align: center;
}
/* Letter Markers */
section.kdcc-aff-directory tr.kdcc-aff-directory__letter-row {
background: linear-gradient(135deg, #313540 0%, #3d4450 100%);
}
section.kdcc-aff-directory td.kdcc-aff-directory__letter-cell {
padding: 0;
}
section.kdcc-aff-directory div.kdcc-aff-directory__letter-marker {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 20px;
font-size: 1.3rem;
font-weight: 800;
color: #ffffff;
scroll-margin-top: 80px;
}
section.kdcc-aff-directory div.kdcc-aff-directory__letter-marker::before {
content: '';
width: 4px;
height: 24px;
background: linear-gradient(180deg, #14b9dc 0%, #67bb26 100%);
border-radius: 2px;
}
/* Program Rows */
section.kdcc-aff-directory tr.kdcc-aff-directory__row {
border-bottom: 1px solid #f0f2f5;
transition: background-color 0.15s ease;
}
section.kdcc-aff-directory tr.kdcc-aff-directory__row:hover {
background: #f8fafc;
}
section.kdcc-aff-directory tr.kdcc-aff-directory__row:last-child {
border-bottom: none;
}
section.kdcc-aff-directory td.kdcc-aff-directory__td {
padding: 18px 20px;
font-size: 0.9rem;
color: #5a6270;
vertical-align: middle;
}
section.kdcc-aff-directory div.kdcc-aff-directory__program-info {
display: flex;
flex-direction: column;
gap: 4px;
}
section.kdcc-aff-directory strong.kdcc-aff-directory__program-name {
font-size: 1rem;
font-weight: 700;
color: #1a1f2b;
}
section.kdcc-aff-directory span.kdcc-aff-directory__program-desc {
font-size: 0.82rem;
color: #7a8290;
}
/* Category Tags */
section.kdcc-aff-directory td.kdcc-aff-directory__td--category {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag {
display: inline-block;
padding: 5px 12px;
font-size: 0.72rem;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--gear {
color: #14b9dc;
background: rgba(20, 185, 220, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--creative {
color: #ec4f59;
background: rgba(236, 79, 89, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--gaming {
color: #9b59b6;
background: rgba(155, 89, 182, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--education {
color: #67bb26;
background: rgba(103, 187, 38, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--travel {
color: #f39c12;
background: rgba(243, 156, 18, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--software {
color: #3498db;
background: rgba(52, 152, 219, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--hosting {
color: #e74c3c;
background: rgba(231, 76, 60, 0.1);
}
section.kdcc-aff-directory span.kdcc-aff-directory__tag--retail {
color: #16a085;
background: rgba(22, 160, 133, 0.1);
}
/* Commission */
section.kdcc-aff-directory strong.kdcc-aff-directory__commission {
display: block;
font-size: 1.05rem;
font-weight: 800;
color: #67bb26;
margin-bottom: 2px;
}
section.kdcc-aff-directory span.kdcc-aff-directory__commission-note {
display: block;
font-size: 0.72rem;
color: #9aa1ae;
}
section.kdcc-aff-directory td.kdcc-aff-directory__td--cookie {
font-weight: 600;
color: #6b737c;
}
/* Action Links */
section.kdcc-aff-directory td.kdcc-aff-directory__td--action {
text-align: center;
}
section.kdcc-aff-directory a.kdcc-aff-directory__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(20, 185, 220, 0.08);
border-radius: 8px;
text-decoration: none;
transition: all 0.2s ease;
}
section.kdcc-aff-directory a.kdcc-aff-directory__link .material-icons-round {
font-size: 20px;
color: #14b9dc;
}
section.kdcc-aff-directory a.kdcc-aff-directory__link:hover {
background: #14b9dc;
transform: scale(1.05);
}
section.kdcc-aff-directory a.kdcc-aff-directory__link:hover .material-icons-round {
color: #ffffff;
}
/* Footer */
section.kdcc-aff-directory div.kdcc-aff-directory__footer {
margin-top: 40px;
text-align: center;
}
section.kdcc-aff-directory button.kdcc-aff-directory__back-top {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
font-size: 0.95rem;
font-weight: 700;
color: #5a6270;
background: #f5f7fa;
border: 1px solid #e5e8ec;
border-radius: 10px;
cursor: pointer;
font-family: inherit;
transition: all 0.2s ease;
}
section.kdcc-aff-directory button.kdcc-aff-directory__back-top .material-icons-round {
font-size: 18px;
}
section.kdcc-aff-directory button.kdcc-aff-directory__back-top:hover {
background: #eef1f5;
border-color: #d0d5dc;
transform: translateY(-2px);
}
/* Tablet */
@media (max-width: 1024px) {
section.kdcc-aff-directory div.kdcc-aff-directory__container {
padding: 40px 24px;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--commission,
section.kdcc-aff-directory th.kdcc-aff-directory__th--cookie {
display: none;
}
section.kdcc-aff-directory td.kdcc-aff-directory__td--commission,
section.kdcc-aff-directory td.kdcc-aff-directory__td--cookie {
display: none;
}
}
/* Mobile */
@media (max-width: 640px) {
section.kdcc-aff-directory div.kdcc-aff-directory__container {
padding: 32px 18px;
}
section.kdcc-aff-directory h2.kdcc-aff-directory__title {
font-size: 1.5rem;
}
section.kdcc-aff-directory div.kdcc-aff-directory__alphabet {
gap: 4px;
padding: 16px;
}
section.kdcc-aff-directory a.kdcc-aff-directory__letter {
width: 32px;
height: 32px;
font-size: 0.8rem;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th {
padding: 12px 14px;
font-size: 0.7rem;
}
section.kdcc-aff-directory td.kdcc-aff-directory__td {
padding: 14px;
}
section.kdcc-aff-directory th.kdcc-aff-directory__th--category,
section.kdcc-aff-directory td.kdcc-aff-directory__td--category {
display: none;
}
section.kdcc-aff-directory strong.kdcc-aff-directory__program-name {
font-size: 0.92rem;
}
section.kdcc-aff-directory span.kdcc-aff-directory__program-desc {
font-size: 0.78rem;
}
}
@media (prefers-reduced-motion: reduce) {
section.kdcc-aff-directory a.kdcc-aff-directory__letter,
section.kdcc-aff-directory a.kdcc-aff-directory__link,
section.kdcc-aff-directory button.kdcc-aff-directory__back-top {
transition: none;
}
section.kdcc-aff-directory a.kdcc-aff-directory__link:hover,
section.kdcc-aff-directory button.kdcc-aff-directory__back-top:hover {
transform: none;
}
}
}
#fw-section-announcement-bar-cd5518ac-8c09-48b8-b3c3-239a3543dac2 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* ===== ANNOUNCEMENT BAR - MAKE IT POP ===== */
/* Make the entire announcement bar look clickable */
.announcement-bar,
.promo-bar,
.site-announcement {
background: linear-gradient(135deg, #67bb26 0%, #5a9e22 100%) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* Add hover effect */
.announcement-bar:hover,
.promo-bar:hover,
.site-announcement:hover {
background: linear-gradient(135deg, #5a9e22 0%, #4a8a1a 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(103, 187, 38, 0.4) !important;
}
/* Make text white and bold */
.announcement-bar *,
.promo-bar *,
.site-announcement * {
color: white !important;
font-weight: 700 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
/* Make countdown stand out more with dark backgrounds */
.announcement-bar .countdown,
.promo-bar .countdown,
.site-announcement .countdown {
background: rgba(0, 0, 0, 0.3) !important;
padding: 4px 12px !important;
border-radius: 6px !important;
display: inline-block !important;
margin: 0 4px !important;
}
@keyframes shine {
0% {
transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
}
#fw-section-custom-html-c8407658-2ff6-4331-b41c-21158b42d887 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-hero {
margin: 0 0 -35px 0;
background-color: #313540;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
background-repeat: repeat;
color: white;
padding: 80px 40px 120px;
}
section.kdcc-hero::before {
display: none;
}
section.kdcc-hero div.kdcc-hero-container {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split {
display: flex;
gap: 48px;
align-items: center;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content {
flex: 1;
min-width: 0;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-eyebrow {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin-bottom: 24px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content h1.kdcc-hero-headline {
font-size: 64px;
font-weight: 900;
line-height: 1.05;
margin-bottom: 32px;
letter-spacing: -2.5px;
color: #ffffff;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-subtitle {
font-size: 22px;
color: #ffffff;
margin-bottom: 20px;
font-weight: 400;
line-height: 1.65;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-founders {
font-size: 15px;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 40px;
font-weight: 400;
line-height: 1.7;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-founders strong {
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 8px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 16px;
border-radius: 6px;
font-weight: 700;
text-decoration: none;
transition: all 0.25s ease;
cursor: pointer;
border: none;
font-size: 15px;
letter-spacing: 0.5px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 8px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 10px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: all 0.25s ease;
cursor: pointer;
font-size: 13px;
letter-spacing: 0.3px;
border: none;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn span.material-icons {
font-size: 20px;
color: white;
transition: transform 0.3s ease;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn span.material-icons {
font-size: 16px;
color: white;
transition: transform 0.3s ease;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn svg.kdcc-discord-icon {
width: 20px;
height: 20px;
color: white;
flex-shrink: 0;
transition: transform 0.3s ease;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content a.kdcc-btn:hover .kdcc-btn-icon {
animation: kdcc-iconBounce 0.4s ease;
}
@keyframes kdcc-iconBounce {
0% { transform: translateY(0) scale(1); }
30% { transform: translateY(-3px) scale(1.15); }
50% { transform: translateY(-1px) scale(1.08); }
70% { transform: translateY(-2px) scale(1.12); }
100% { transform: translateY(0) scale(1); }
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn-primary {
background: #ec4f59;
color: white;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn-primary:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.35);
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn-discord {
background: #5865F2;
color: white;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary a.kdcc-btn-discord:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(88, 101, 242, 0.35);
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-youtube {
background: #14b9dc;
color: white;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-youtube:hover {
background: #0e9ab8;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(20, 185, 220, 0.35);
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-newsletter {
background: #67bb26;
color: white;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-newsletter:hover {
background: #559e1e;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(103, 187, 38, 0.35);
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-blog {
background: #f59e0b;
color: white;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn-blog:hover {
background: #d97706;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(245, 158, 11, 0.35);
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand {
flex: 0 0 320px;
display: flex;
align-items: center;
justify-content: center;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic {
position: relative;
width: 300px;
height: 300px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic svg.kdcc-orbital-svg {
width: 100%;
height: 100%;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
background: #313540;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.15);
animation: kdcc-logoPulse 4s ease-in-out infinite;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle img.kdcc-logo-img {
width: 100px;
height: 100px;
object-fit: contain;
}
@keyframes kdcc-logoPulse {
0%, 100% {
box-shadow: 0 0 0 3px rgba(20, 185, 220, 0.15), 0 0 20px rgba(20, 185, 220, 0.05);
}
50% {
box-shadow: 0 0 0 6px rgba(20, 185, 220, 0.25), 0 0 40px rgba(20, 185, 220, 0.1);
}
}
@media (max-width: 1024px) {
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content h1.kdcc-hero-headline {
font-size: 48px;
letter-spacing: -2px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-subtitle {
font-size: 20px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand {
flex: 0 0 260px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic {
width: 240px;
height: 240px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle {
width: 130px;
height: 130px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle img.kdcc-logo-img {
width: 85px;
height: 85px;
}
}
@media (max-width: 768px) {
section.kdcc-hero {
padding: 48px 24px 80px;
overflow: hidden;
box-sizing: border-box;
}
section.kdcc-hero div.kdcc-hero-container {
overflow: hidden;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split {
flex-direction: column;
gap: 32px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content {
overflow: hidden;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-eyebrow {
margin-bottom: 16px;
font-size: 11px;
letter-spacing: 2px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content h1.kdcc-hero-headline {
font-size: 32px;
letter-spacing: -1.5px;
margin-bottom: 20px;
word-break: break-word;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-subtitle {
font-size: 16px;
margin-bottom: 16px;
line-height: 1.6;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-founders {
font-size: 13px;
margin-bottom: 28px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-primary {
grid-template-columns: 1fr;
gap: 10px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary {
grid-template-columns: 1fr;
gap: 8px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content nav.kdcc-hero-ctas-secondary a.kdcc-btn {
padding: 14px 10px;
font-size: 14px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand {
flex: none;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic {
width: 180px;
height: 180px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle {
width: 100px;
height: 100px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-brand div.kdcc-hero-brand-graphic div.kdcc-logo-circle img.kdcc-logo-img {
width: 65px;
height: 65px;
}
}
@media (max-width: 480px) {
section.kdcc-hero {
padding: 40px 20px 64px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content h1.kdcc-hero-headline {
font-size: 26px;
letter-spacing: -0.8px;
}
section.kdcc-hero div.kdcc-hero-container div.kdcc-hero-split div.kdcc-hero-content p.kdcc-hero-subtitle {
font-size: 15px;
}
}
}
#fw-section-custom-html-b0c3409d-35ac-499e-8ec9-eb5299144098 {
section.kdcc-value {
margin: -35px 0 -35px 0;
padding: 0 40px 80px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
background-repeat: repeat;
}
section.kdcc-value div.kdcc-value-accent {
height: 4px;
margin: 0 -40px 48px -40px;
background: linear-gradient(90deg, #ec4f59 0%, #ec4f59 25%, #14b9dc 25%, #14b9dc 50%, #5865F2 50%, #5865F2 75%, #67bb26 75%, #67bb26 100%);
}
section.kdcc-value div.kdcc-value-container {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-value div.kdcc-value-container p.kdcc-value-eyebrow {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin-bottom: 16px;
}
section.kdcc-value div.kdcc-value-container h2.kdcc-value-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
color: #313540;
margin-bottom: 20px;
font-style: normal;
white-space: nowrap;
}
section.kdcc-value div.kdcc-value-container p.kdcc-value-subtitle {
font-size: 22px;
color: #6e6e73;
line-height: 1.7;
margin-bottom: 48px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 48px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card {
padding: 28px 28px;
transition: transform 0.25s ease;
border-radius: 0 10px 10px 0;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card:hover {
transform: translateY(-3px);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-card-calls {
background: #fff5f5;
border-left: 3px solid #ec4f59;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-card-feedback {
background: #f3f0ff;
border-left: 3px solid #5865F2;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-card-method {
background: #f0f9ff;
border-left: 3px solid #14b9dc;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-card-newsletter {
background: #f2fde8;
border-left: 3px solid #67bb26;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header span.kdcc-card-icon {
font-size: 20px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
flex-shrink: 0;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header span.kdcc-icon-calls {
background: #ec4f59;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header span.kdcc-icon-feedback {
background: #5865F2;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header span.kdcc-icon-method {
background: #14b9dc;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header span.kdcc-icon-newsletter {
background: #67bb26;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card div.kdcc-value-card-header h3 {
font-size: 17px;
font-weight: 800;
color: #313540;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0;
font-style: normal;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card p {
font-size: 16px;
color: #6e6e73;
line-height: 1.6;
margin-bottom: 18px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-card-btn {
display: inline-flex;
align-items: center;
gap: 5px;
color: white;
padding: 10px 20px;
border-radius: 5px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.3px;
text-decoration: none;
transition: all 0.25s ease;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-card-btn:hover {
transform: translateY(-1px);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-card-btn span.material-icons {
font-size: 16px;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-calls {
background: #ec4f59;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-calls:hover {
background: #d63f49;
box-shadow: 0 6px 16px rgba(236, 79, 89, 0.3);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-feedback {
background: #5865F2;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-feedback:hover {
background: #4752c4;
box-shadow: 0 6px 16px rgba(88, 101, 242, 0.3);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-method {
background: #14b9dc;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-method:hover {
background: #0e9ab8;
box-shadow: 0 6px 16px rgba(20, 185, 220, 0.3);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-newsletter {
background: #67bb26;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid div.kdcc-value-card a.kdcc-btn-newsletter:hover {
background: #559e1e;
box-shadow: 0 6px 16px rgba(103, 187, 38, 0.3);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta a.kdcc-value-main-btn {
background: #ec4f59;
color: white;
padding: 16px 36px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.25s ease;
letter-spacing: 0.5px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta a.kdcc-value-main-btn span.material-icons {
font-size: 20px;
color: white;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta a.kdcc-value-main-btn:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.35);
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta div.kdcc-value-links {
font-size: 15px;
color: #6e6e73;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta div.kdcc-value-links a {
color: #313540;
text-decoration: underline;
font-weight: 600;
transition: color 0.25s ease;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta div.kdcc-value-links a:hover {
color: #ec4f59;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta div.kdcc-value-links span {
margin: 0 8px;
}
@media (max-width: 1024px) {
section.kdcc-value div.kdcc-value-container h2.kdcc-value-headline {
font-size: 36px;
letter-spacing: -1.5px;
white-space: normal;
}
section.kdcc-value div.kdcc-value-container p.kdcc-value-subtitle {
font-size: 20px;
}
}
@media (max-width: 768px) {
section.kdcc-value {
padding: 0 20px 64px;
}
section.kdcc-value div.kdcc-value-accent {
margin: 0 -20px 36px -20px;
}
section.kdcc-value div.kdcc-value-container h2.kdcc-value-headline {
font-size: 32px;
letter-spacing: -1px;
white-space: normal;
}
section.kdcc-value div.kdcc-value-container p.kdcc-value-subtitle {
font-size: 18px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-grid {
grid-template-columns: 1fr;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta {
flex-direction: column;
gap: 16px;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta a.kdcc-value-main-btn {
width: 100%;
justify-content: center;
}
section.kdcc-value div.kdcc-value-container div.kdcc-value-cta div.kdcc-value-links {
text-align: center;
width: 100%;
}
}
@media (max-width: 480px) {
section.kdcc-value div.kdcc-value-container h2.kdcc-value-headline {
font-size: 26px;
}
section.kdcc-value div.kdcc-value-container p.kdcc-value-eyebrow {
font-size: 11px;
letter-spacing: 2px;
}
}
}
#fw-section-custom-html-4042ee04-082f-4533-900d-dcc4ace4b870 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f5f5f7;
--color-background-rgb: 245, 245, 247;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 245;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-proof {
margin: 0;
padding: 60px 40px 0px;
background-color: #f5f5f7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
background-repeat: repeat;
}
section.kdcc-proof div.kdcc-proof-container {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-eyebrow {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin-bottom: 14px;
}
section.kdcc-proof div.kdcc-proof-container h2.kdcc-proof-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
color: #313540;
margin-bottom: 20px;
font-style: normal;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-bridge {
font-size: 22px;
color: #6e6e73;
line-height: 1.7;
margin-bottom: 48px;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-label {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
color: #6e6e73;
text-align: center;
margin-bottom: 20px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin-bottom: 48px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card {
background: #313540;
border-radius: 12px;
overflow: hidden;
transition: transform 0.25s ease;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card:hover {
transform: translateY(-3px);
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-wrapper {
height: 240px;
overflow: hidden;
position: relative;
background: #464b58;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-wrapper div.kdcc-proof-img-blur {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
filter: blur(25px) brightness(1.1);
transform: scale(1.3);
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-wrapper img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
display: block;
z-index: 1;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-caption {
padding: 16px 18px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-caption h3 {
font-size: 14px;
font-weight: 700;
color: white;
margin: 0 0 4px 0;
font-style: normal;
line-height: 1.3;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-caption p {
font-size: 12px;
color: rgba(255, 255, 255, 0.45);
margin: 0;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
margin-bottom: 14px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-bottom {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card {
background: #ffffff;
padding: 26px;
border-radius: 0 10px 10px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.25s ease;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card:hover {
transform: translateY(-2px);
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-1 {
border-left: 3px solid #ec4f59;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-2 {
border-left: 3px solid #14b9dc;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-3 {
border-left: 3px solid #5865F2;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-4 {
border-left: 3px solid #67bb26;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-5 {
border-left: 3px solid #f59e0b;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-tcard-6 {
border-left: 3px solid #ec4f59;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card blockquote {
font-size: 16px;
color: #313540;
font-style: italic;
line-height: 1.65;
margin: 0 0 20px 0;
padding: 0;
border: none;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top article.kdcc-tcard-1 blockquote,
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top article.kdcc-tcard-2 blockquote {
font-size: 18px;
line-height: 1.6;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link {
text-decoration: none;
color: inherit;
display: block;
margin-top: auto;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author {
display: flex;
align-items: center;
gap: 12px;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-proof-avatar-wrap {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-proof-avatar-wrap img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-1 {
border: 2px solid #ec4f59;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-2 {
border: 2px solid #14b9dc;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-3 {
border: 2px solid #5865F2;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-4 {
border: 2px solid #67bb26;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-5 {
border: 2px solid #f59e0b;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author div.kdcc-aw-6 {
border: 2px solid #ec4f59;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card a.kdcc-proof-author-link div.kdcc-proof-author cite {
font-weight: 700;
font-size: 15px;
font-style: normal;
color: #313540;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-cta {
text-align: center;
margin-top: 44px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-cta a.kdcc-proof-btn {
background: #ec4f59;
color: white;
padding: 16px 36px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.25s ease;
letter-spacing: 0.5px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-cta a.kdcc-proof-btn span.material-icons {
font-size: 20px;
color: white;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-cta a.kdcc-proof-btn:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236, 79, 89, 0.35);
}
@media (max-width: 1024px) {
section.kdcc-proof div.kdcc-proof-container h2.kdcc-proof-headline {
font-size: 36px;
letter-spacing: -1px;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-bridge {
font-size: 20px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-wrapper {
height: 200px;
}
}
@media (max-width: 768px) {
section.kdcc-proof {
padding: 48px 20px 64px;
}
section.kdcc-proof div.kdcc-proof-container h2.kdcc-proof-headline {
font-size: 30px;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-bridge {
font-size: 17px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images {
grid-template-columns: 1fr;
gap: 14px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-images div.kdcc-proof-img-card div.kdcc-proof-img-wrapper {
height: 220px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 12px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-bottom {
grid-template-columns: 1fr;
gap: 12px;
}
section.kdcc-proof div.kdcc-proof-container article.kdcc-proof-card blockquote {
font-size: 15px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top article.kdcc-tcard-1 blockquote,
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-testimonials-top article.kdcc-tcard-2 blockquote {
font-size: 16px;
}
section.kdcc-proof div.kdcc-proof-container div.kdcc-proof-cta a.kdcc-proof-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
section.kdcc-proof div.kdcc-proof-container h2.kdcc-proof-headline {
font-size: 26px;
}
section.kdcc-proof div.kdcc-proof-container p.kdcc-proof-eyebrow {
font-size: 11px;
letter-spacing: 2px;
}
}
}
#fw-section-custom-html-2cf68d7e-6da6-46f2-bf1c-f331b67ceea3 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
section.kdcc-kando {
margin: 0;
padding: 60px 40px 80px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
background-repeat: repeat;
}
section.kdcc-kando div.kdcc-kando-container {
max-width: 1400px;
margin: 0 auto;
}
section.kdcc-kando div.kdcc-kando-container p.kdcc-kando-eyebrow {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin-bottom: 14px;
}
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
color: #313540;
margin-bottom: 20px;
font-style: normal;
}
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline span.kdcc-kando-kan {
color: #ec4f59;
}
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline span.kdcc-kando-do {
color: #14b9dc;
}
section.kdcc-kando div.kdcc-kando-container p.kdcc-kando-bridge {
font-size: 22px;
color: #6e6e73;
line-height: 1.7;
margin-bottom: 48px;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip {
display: flex;
gap: 14px;
margin-bottom: 36px;
align-items: stretch;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip span.kdcc-kando-arrow {
display: flex;
align-items: center;
color: #ccc;
font-size: 20px;
flex-shrink: 0;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar {
flex: 1;
padding: 28px 20px 24px;
text-align: center;
border-radius: 0 12px 12px 0;
transition: transform 0.25s ease;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar:hover {
transform: translateY(-3px);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-k {
background: #fff5f5;
border-left: 4px solid #ec4f59;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-a {
background: #f0f9ff;
border-left: 4px solid #14b9dc;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-n {
background: #f3f0ff;
border-left: 4px solid #5865F2;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-d {
background: #f2fde8;
border-left: 4px solid #67bb26;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-o {
background: #fef8ee;
border-left: 4px solid #f59e0b;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-kando-circle {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
font-weight: 900;
color: white;
margin: 0 auto 14px;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-circle-k {
background: linear-gradient(135deg, #ec4f59, #d63f49);
box-shadow: 0 4px 14px rgba(236, 79, 89, 0.3);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-circle-a {
background: linear-gradient(135deg, #14b9dc, #0e9ab8);
box-shadow: 0 4px 14px rgba(20, 185, 220, 0.3);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-circle-n {
background: linear-gradient(135deg, #5865F2, #4752c4);
box-shadow: 0 4px 14px rgba(88, 101, 242, 0.3);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-circle-d {
background: linear-gradient(135deg, #67bb26, #559e1e);
box-shadow: 0 4px 14px rgba(103, 187, 38, 0.3);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar div.kdcc-circle-o {
background: linear-gradient(135deg, #f59e0b, #d97706);
box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar h3 {
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 6px 0;
font-style: normal;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-k h3 {
color: #ec4f59;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-a h3 {
color: #14b9dc;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-n h3 {
color: #5865F2;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-d h3 {
color: #67bb26;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-pillar-o h3 {
color: #f59e0b;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar p {
font-size: 14px;
color: #6e6e73;
line-height: 1.5;
margin: 0;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-cta span.kdcc-kando-cta-sub {
font-size: 16px;
color: #6e6e73;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-cta a.kdcc-kando-btn {
background: #14b9dc;
color: white;
padding: 16px 32px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.25s ease;
letter-spacing: 0.5px;
white-space: nowrap;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-cta a.kdcc-kando-btn:hover {
background: #0e9ab8;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20, 185, 220, 0.35);
}
@media (max-width: 1024px) {
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline {
font-size: 36px;
letter-spacing: -1px;
}
section.kdcc-kando div.kdcc-kando-container p.kdcc-kando-bridge {
font-size: 20px;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip {
flex-wrap: wrap;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip span.kdcc-kando-arrow {
display: none;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar {
flex: 1 1 calc(33% - 14px);
min-width: 150px;
}
}
@media (max-width: 768px) {
section.kdcc-kando {
padding: 48px 20px 64px;
}
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline {
font-size: 32px;
}
section.kdcc-kando div.kdcc-kando-container p.kdcc-kando-bridge {
font-size: 18px;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-strip div.kdcc-kando-pillar {
flex: 1 1 100%;
}
section.kdcc-kando div.kdcc-kando-container div.kdcc-kando-cta a.kdcc-kando-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
section.kdcc-kando div.kdcc-kando-container h2.kdcc-kando-headline {
font-size: 28px;
}
section.kdcc-kando div.kdcc-kando-container p.kdcc-kando-eyebrow {
font-size: 11px;
letter-spacing: 2px;
}
}
}
#fw-section-custom-html-5355a0fe-58f4-48ac-9429-53a0b146f0f5 {
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.kdcc-tiers { background: #f5f5f7; padding: 80px 20px 100px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E"); font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.kdcc-tiers *, .kdcc-tiers *::before, .kdcc-tiers *::after { font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; }
.kdcc-tiers-inner { max-width: 1400px; margin: 0 auto; }
.kdcc-tiers-header { text-align: left; margin-bottom: 48px; }
.kdcc-tiers-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #14b9dc; margin-bottom: 16px; }
.kdcc-tiers-title { font-size: clamp(30px, 4.2vw, 44px); font-weight: 800; color: #313540; line-height: 1.15; margin: 0 0 20px; letter-spacing: -0.5px; }
.kdcc-tiers-sub { font-size: 17px; line-height: 1.7; color: #4a4a4f; margin: 0; }
.kdcc-tiers-sub strong { color: #313540; font-weight: 700; }
.kdcc-tiers-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.kdcc-tier { position: relative; background: #ffffff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease; border: 3px solid #313540; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.kdcc-tier:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
.kdcc-tier--knowledge { border-color: #14b9dc; }
.kdcc-tier--authority { border-color: #ec4f59; box-shadow: 0 4px 20px rgba(236,79,89,0.15); }
.kdcc-tier--authority:hover { box-shadow: 0 16px 40px rgba(236,79,89,0.22); }
.kdcc-tier-visual { height: 160px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.kdcc-tier-visual::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E"); }
.kdcc-tier-visual--free { background: linear-gradient(135deg, #313540 0%, #4a4f5c 100%); }
.kdcc-tier-visual--knowledge { background: linear-gradient(135deg, #14b9dc 0%, #0e8fa8 100%); }
.kdcc-tier-visual--authority { background: linear-gradient(135deg, #ec4f59 0%, #c93842 100%); }
.kdcc-visual-icon { width: 90px; height: 90px; background: rgba(255,255,255,0.18); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.kdcc-visual-icon .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 52px; color: #fff; font-variation-settings: 'FILL' 1, 'wght' 400; }
.kdcc-tier-body { padding: 36px 30px 36px; display: flex; flex-direction: column; flex: 1; }
.kdcc-tier-name { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #6e6e73; text-align: center; margin-bottom: 24px; }
.kdcc-tier-price { font-size: 48px; font-weight: 800; color: #313540; text-align: center; line-height: 1; letter-spacing: -1px; display: flex; align-items: baseline; justify-content: center; }
.kdcc-price-period { font-size: 18px; font-weight: 600; color: #6e6e73; letter-spacing: 0; margin-left: 2px; }
.kdcc-tier-price-sub { display: block; text-align: center; font-size: 13px; font-weight: 600; color: #6e6e73; margin: 10px 0 16px; }
.kdcc-tier-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 32px; margin-top: 8px; }
.kdcc-tier-buttons--single { grid-template-columns: 1fr; }
.kdcc-tier-cta { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 16px 12px; border-radius: 8px; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; letter-spacing: 0.3px; text-transform: uppercase; transition: all 0.25s ease; box-sizing: border-box; }
.kdcc-tier-cta--free { background: #fff; color: #313540; border: 2px solid #313540; padding: 18px 24px; }
.kdcc-tier-cta--free:hover { background: #313540; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(49,53,64,0.25); }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--monthly { background: #fff; color: #14b9dc; border: 2px solid #14b9dc; }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--monthly:hover { background: #14b9dc; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20,185,220,0.3); }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--annual { background: #14b9dc; color: #fff; box-shadow: 0 4px 14px rgba(20,185,220,0.3); padding-top: 22px; }
.kdcc-tier-cta--knowledge.kdcc-tier-cta--annual:hover { background: #0e9ab8; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(20,185,220,0.4); }
.kdcc-tier-cta--authority.kdcc-tier-cta--monthly { background: #fff; color: #ec4f59; border: 2px solid #ec4f59; }
.kdcc-tier-cta--authority.kdcc-tier-cta--monthly:hover { background: #ec4f59; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(236,79,89,0.3); }
.kdcc-tier-cta--authority.kdcc-tier-cta--annual { background: #ec4f59; color: #fff; box-shadow: 0 4px 14px rgba(236,79,89,0.3); padding-top: 22px; }
.kdcc-tier-cta--authority.kdcc-tier-cta--annual:hover { background: #d63f49; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(236,79,89,0.4); }
.kdcc-cta-label { font-size: 13px; font-weight: 800; letter-spacing: 0.5px; }
.kdcc-cta-price { font-size: 12px; font-weight: 700; opacity: 0.85; letter-spacing: 0.2px; text-transform: none; }
.kdcc-cta-savings { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #67bb26; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 10px; box-shadow: 0 2px 8px rgba(103,187,38,0.4); white-space: nowrap; text-transform: uppercase; }
.kdcc-feature-group { margin-bottom: 24px; }
.kdcc-feature-group:last-child { margin-bottom: 0; }
.kdcc-group-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #6e6e73; padding: 10px 0; border-bottom: 1px solid #e5e5e7; margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.kdcc-group-anchor { font-size: 11px; font-weight: 700; color: #ec4f59; letter-spacing: 0.3px; text-transform: none; font-style: italic; }
.kdcc-features { list-style: none; padding: 0; margin: 0; }
.kdcc-features li { display: flex; align-items: flex-start; gap: 13px; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 1.55; color: #1d1d1f; }
.kdcc-features li .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 22px; flex-shrink: 0; margin-top: 1px; font-variation-settings: 'FILL' 1, 'wght' 400; }
.kdcc-tier--free .kdcc-features li .material-symbols-outlined { color: #313540; }
.kdcc-tier--knowledge .kdcc-features li .material-symbols-outlined { color: #14b9dc; }
.kdcc-tier--authority .kdcc-features li .material-symbols-outlined { color: #ec4f59; }
@media (max-width: 1024px) {
.kdcc-tiers-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; gap: 32px; }
}
@media (max-width: 600px) {
.kdcc-tiers { padding: 60px 16px 80px; }
.kdcc-tier-body { padding: 30px 24px 32px; }
.kdcc-tier-price { font-size: 40px; }
.kdcc-tier-buttons { grid-template-columns: 1fr; }
}
}
#fw-section-tiers-ab6f389f-62ea-4320-9b11-a66c48c814a2 {
.tiers__inner {
background: #f5f5f7;
padding: 70px 20px 90px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
background-repeat: repeat;
}
.tiers__header {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-bottom: 40px;
}
.tiers__header::after {
content: 'Choose the tier that fits your YouTube journey';
font-size: 18px;
font-weight: 400;
color: #6e6e73;
text-transform: none;
letter-spacing: 0;
}
.tiers__container--regular .col-grid {
max-width: 1400px;
margin: 0 auto;
align-items: flex-start;
gap: 20px;
}
.tiers__container--regular .col-grid > div {
display: flex;
padding: 20px;
box-sizing: border-box;
}
.tiers__tier {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
width: 100%;
}
.tiers__tier-inner {
width: 100%;
padding: 40px 30px;
background: #ffffff;
border-radius: 0 12px 12px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-inner {
border-left: 4px solid #313540;
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-inner {
border-left: 4px solid #14b9dc;
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-inner {
border-left: 4px solid #ec4f59;
box-shadow: 0 4px 16px rgba(236,79,89,0.15);
}
.tiers__container--regular .col-grid > div:nth-child(3) {
position: relative;
padding-top: 20px;
}
.tiers__container--regular .col-grid > div:nth-child(3)::before {
content: 'MOST POPULAR';
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
background: #ec4f59;
color: #ffffff;
padding: 8px 24px;
border-radius: 6px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 12px rgba(236,79,89,0.3);
white-space: nowrap;
z-index: 10;
}
.tiers__tier-cta a.button,
.tiers__tier-cta .button {
display: block;
width: 100%;
padding: 16px 30px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-align: center;
transition: all 0.25s ease;
box-sizing: border-box;
letter-spacing: 0.5px;
text-decoration: none;
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-cta a.button {
background: #ffffff;
color: #313540;
border: 2px solid #313540;
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-cta a.button:hover {
background: #313540;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(49,53,64,0.25);
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-cta a.button {
background: #14b9dc;
color: #ffffff;
border: none;
box-shadow: 0 4px 16px rgba(20,185,220,0.3);
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-cta a.button:hover {
background: #0e9ab8;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.35);
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-cta a.button {
background: #ec4f59;
color: #ffffff;
border: none;
box-shadow: 0 4px 16px rgba(236,79,89,0.3);
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-cta a.button:hover {
background: #d63f49;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(236,79,89,0.35);
}
.tiers__tier-annual-link {
background: rgba(236,79,89,0.1);
color: #ec4f59;
padding: 8px 16px;
border-radius: 6px;
font-weight: 600;
font-size: 0;
line-height: 0;
text-decoration: none;
display: inline-block;
}
.tiers__tier-annual-link::after {
content: '2 months free when you pay annually';
font-size: 13px;
line-height: 1;
font-weight: 600;
}
.tiers__tier-annual-link:hover {
background: rgba(236,79,89,0.2);
}
.tiers__tier-feature {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 8px 0;
}
.tiers__tier-feature-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
flex-shrink: 0;
}
.tiers__tier-feature-icon svg {
display: none;
}
.tiers__tier-feature-icon::before {
font-family: 'Material Symbols Outlined';
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
content: 'check_circle';
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature-icon {
background: rgba(49,53,64,0.1);
color: #313540;
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature-icon {
background: rgba(20,185,220,0.12);
color: #14b9dc;
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature-icon {
background: rgba(236,79,89,0.12);
color: #ec4f59;
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:first-of-type,
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:first-of-type {
font-weight: 600;
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before { content: 'groups'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before { content: 'auto_stories'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before { content: 'checklist'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before { content: 'mail'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before { content: 'forum'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before { content: 'emoji_events'; }
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before { content: 'article'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before { content: 'star'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before { content: 'video_call'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before { content: 'lock'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before { content: 'search'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before { content: 'dashboard'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before { content: 'history'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before { content: 'handshake'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(8) .tiers__tier-feature-icon::before { content: 'verified'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(9) .tiers__tier-feature-icon::before { content: 'local_offer'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(10) .tiers__tier-feature-icon::before { content: 'extension'; }
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-feature:nth-child(11) .tiers__tier-feature-icon::before { content: 'card_giftcard'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(1) .tiers__tier-feature-icon::before { content: 'star'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(2) .tiers__tier-feature-icon::before { content: 'videocam'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(3) .tiers__tier-feature-icon::before { content: 'priority_high'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(4) .tiers__tier-feature-icon::before { content: 'school'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(5) .tiers__tier-feature-icon::before { content: 'local_offer'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(6) .tiers__tier-feature-icon::before { content: 'card_giftcard'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(7) .tiers__tier-feature-icon::before { content: 'workspace_premium'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(8) .tiers__tier-feature-icon::before { content: 'bolt'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(9) .tiers__tier-feature-icon::before { content: 'new_releases'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(10) .tiers__tier-feature-icon::before { content: 'how_to_vote'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(11) .tiers__tier-feature-icon::before { content: 'verified'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(12) .tiers__tier-feature-icon::before { content: 'featured_play_list'; }
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-feature:nth-child(13) .tiers__tier-feature-icon::before { content: 'lock'; }
.tiers__tier-overlay {
background: linear-gradient(to bottom, transparent, #ffffff);
}
.tiers__tier-overlay span[data-tier="show-more"] {
padding: 12px 28px;
border-radius: 6px;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: all 0.25s ease;
display: inline-block;
letter-spacing: 0.3px;
background: #ffffff;
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-overlay span[data-tier="show-more"] {
color: #313540;
border: 2px solid #313540;
}
.tiers__container--regular .col-grid > div:nth-child(1) .tiers__tier-overlay span[data-tier="show-more"]:hover {
background: #313540;
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(49,53,64,0.25);
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-overlay span[data-tier="show-more"] {
color: #14b9dc;
border: 2px solid #14b9dc;
}
.tiers__container--regular .col-grid > div:nth-child(2) .tiers__tier-overlay span[data-tier="show-more"]:hover {
background: #14b9dc;
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(20,185,220,0.3);
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-overlay span[data-tier="show-more"] {
color: #ec4f59;
border: 2px solid #ec4f59;
}
.tiers__container--regular .col-grid > div:nth-child(3) .tiers__tier-overlay span[data-tier="show-more"]:hover {
background: #ec4f59;
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(236,79,89,0.3);
}
@media (max-width: 899px) {
.tiers__container--regular .col-grid > div:nth-child(3) {
margin-top: 50px;
}
.tiers__container--regular .col-grid > div:nth-child(3)::before {
top: -8px;
}
}
}
#fw-section-recent-videos-f46306f4-f3f1-4954-acba-88199a31f26b {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
.recent-videos {
background-color: #313540 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
padding: 70px 20px 80px !important;
}
.recent-videos .section-header__heading {
color: white !important;
text-align: center !important;
margin-bottom: 16px !important;
}
.recent-videos .section-header__heading::after {
content: "Free YouTube strategy, growth tips, and creator advice from Andrew Kan." !important;
display: block !important;
font-size: 18px !important;
font-weight: 400 !important;
color: rgba(255,255,255,0.7) !important;
margin-top: 12px !important;
line-height: 1.6 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.recent-videos__header .section-header__cta {
display: none !important;
}
.recent-videos__cta-container {
display: block !important;
text-align: center !important;
margin-top: 40px !important;
}
.recent-videos .button {
background: #ec4f59 !important;
border: none !important;
border-radius: 6px !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 16px rgba(236,79,89,0.3) !important;
}
.recent-videos .button:hover {
background: #d63f49 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(236,79,89,0.35) !important;
}
.video-tile {
background: rgba(255,255,255,0.05) !important;
border-radius: 0 12px 12px 0 !important;
border-left: 4px solid #ec4f59 !important;
transition: transform 0.25s ease !important;
}
.video-tile:hover {
transform: translateY(-3px) !important;
}
.video-tile__title {
color: white !important;
font-weight: 600 !important;
}
.video-tile__caption {
background: transparent !important;
}
}
#fw-section-featured-collection-6e2a326e-7d02-4a2f-b78a-bc70994af2f2 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
.collection {
background-color: #f5f5f7 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
padding: 70px 20px 80px !important;
}
.collection__inner {
max-width: 1400px !important;
margin: 0 auto !important;
}
.collection__heading {
text-align: center !important;
margin-bottom: 16px !important;
}
.collection__heading::after {
content: "First purchase? Spend $15 or more and get your first month of KDCC Knowledge free. Renews at $19.99/mo, cancel anytime." !important;
display: block !important;
margin-top: 10px !important;
font-size: 14px !important;
line-height: 1.6 !important;
color: #6e6e73 !important;
font-weight: 400 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.collection .button {
background: #ec4f59 !important;
border: none !important;
border-radius: 6px !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
color: #ffffff !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 16px rgba(236,79,89,0.3) !important;
}
.collection .button:hover {
background: #d63f49 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(236,79,89,0.35) !important;
}
}
#fw-section-custom-html-967ca340-0ff4-418b-bb75-aec4db87b7f4 {
section.kdcc-faq {
margin: -35px 0;
padding: 60px 40px 80px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M20 10 L20 30 L36 20 Z' fill='rgba(0,0,0,0.012)'/%3E%3Cpath d='M50 36 L50 48 L58 42 Z' fill='rgba(0,0,0,0.012)'/%3E%3C/svg%3E");
background-repeat: repeat;
border: none;
border-top: none;
border-bottom: none;
outline: none;
}
section.kdcc-faq div.kdcc-faq-container {
max-width: 900px;
margin: 0 auto;
border: none;
}
section.kdcc-faq div.kdcc-faq-container p.kdcc-faq-eyebrow {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #14b9dc;
margin-bottom: 14px;
text-align: center;
}
section.kdcc-faq div.kdcc-faq-container h2.kdcc-faq-headline {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
color: #313540;
margin-bottom: 12px;
text-align: center;
border: none;
}
section.kdcc-faq div.kdcc-faq-container p.kdcc-faq-bridge {
font-size: 18px;
color: #6e6e73;
line-height: 1.6;
margin-bottom: 40px;
text-align: center;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item {
background: #f5f5f7;
border-radius: 0 12px 12px 0;
border: none;
border-left: 4px solid #14b9dc;
margin: 12px 0;
padding: 20px 24px;
transition: box-shadow 0.25s ease, border-color 0.25s ease;
outline: none;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item:hover {
box-shadow: 0 4px 16px rgba(20,185,220,0.12);
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item[open] {
border-left-color: #ec4f59;
box-shadow: 0 4px 16px rgba(236,79,89,0.12);
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item summary.kdcc-faq-q {
list-style: none;
cursor: pointer;
font-weight: 700;
color: #313540;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 17px;
line-height: 1.4;
transition: color 0.25s ease;
border: none;
outline: none;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item summary.kdcc-faq-q::-webkit-details-marker {
display: none;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item:hover summary.kdcc-faq-q {
color: #14b9dc;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item[open] summary.kdcc-faq-q {
color: #ec4f59;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item summary.kdcc-faq-q::after {
content: "+";
font-size: 22px;
color: #14b9dc;
font-weight: 700;
flex-shrink: 0;
margin-left: 16px;
transition: transform 0.25s ease, color 0.25s ease;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item[open] summary.kdcc-faq-q::after {
content: "−";
color: #ec4f59;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item div.kdcc-faq-a {
margin-top: 14px;
color: #313540;
line-height: 1.7;
font-size: 16px;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 300ms ease, opacity 250ms ease;
opacity: 0;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item[open] div.kdcc-faq-a {
grid-template-rows: 1fr;
opacity: 1;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item div.kdcc-faq-a div.kdcc-faq-a-inner {
overflow: hidden;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item div.kdcc-faq-a strong {
font-weight: 700;
color: #313540;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item div.kdcc-faq-a a {
color: #14b9dc;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(20,185,220,0.3);
transition: color 0.25s ease, border-color 0.25s ease;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item div.kdcc-faq-a a:hover {
color: #ec4f59;
border-bottom-color: rgba(236,79,89,0.3);
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-cta {
text-align: center;
margin-top: 36px;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-cta a.kdcc-faq-btn {
background: #14b9dc;
color: #ffffff;
padding: 16px 32px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-block;
letter-spacing: 0.5px;
transition: all 0.25s ease;
box-shadow: 0 4px 16px rgba(20,185,220,0.3);
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-cta a.kdcc-faq-btn:hover {
background: #0e9ab8;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(20,185,220,0.35);
}
@media (max-width: 768px) {
section.kdcc-faq {
padding: 48px 20px 64px;
}
section.kdcc-faq div.kdcc-faq-container h2.kdcc-faq-headline {
font-size: 32px;
}
section.kdcc-faq div.kdcc-faq-container div.kdcc-faq-list details.kdcc-faq-item summary.kdcc-faq-q {
font-size: 15px;
}
}
@media (max-width: 480px) {
section.kdcc-faq div.kdcc-faq-container h2.kdcc-faq-headline {
font-size: 28px;
}
section.kdcc-faq div.kdcc-faq-container p.kdcc-faq-eyebrow {
font-size: 11px;
letter-spacing: 2px;
}
}
}
#fw-section-hero-video-bf3e70a3-d1ad-42c1-b9cb-016b09f71c27 {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #f5f5f7;
--color-background-rgb: 245, 245, 247;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 245;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* Base style: make all buttons white with bold black text */
button,
.button,
a.button {
background-color: #ffffff !important;
color: #000000 !important;
font-weight: 700 !important;
border: none !important;
border-radius: 6px;
padding: 12px 24px;
transition: background-color 0.3s ease;
}
/* WATCH NOW button: KDCC blue with white text (assumed first button) */
a.button:first-of-type,
button:first-of-type {
background-color: #14b9dc !important;
color: #ffffff !important;
}
/* Make SVG icons inside buttons inherit the text color */
button svg,
.button svg,
a.button svg {
fill: currentColor !important;
}
/* Optional hover styling */
button:hover,
.button:hover,
a.button:hover {
opacity: 0.95;
cursor: pointer;
}
}
#fw-section-custom-html-cccf0e63-79c3-4eb4-bc12-e83948fcd553 {
.kdcc-built-to-help {
background-color: #fffaf7;
padding: 30px 20px 40px 20px; /* reduced top padding */
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
animation: fadeInUp 0.8s ease-out;
}
.kdcc-section-title {
color: #ec4f59;
font-size: 2rem;
font-weight: 900;
margin-bottom: 30px;
text-align: center;
padding-top: 10px; /* was 20px */
}
.kdcc-section-text p {
font-size: 1.1rem;
margin-bottom: 20px;
line-height: 1.6;
text-align: justify;
}
.kdcc-feature-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
}
.kdcc-feature-card {
flex: 1 1 calc(25% - 20px);
background: white;
border-radius: 16px;
padding: 24px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
text-align: center;
transition: transform 0.3s ease;
}
.kdcc-feature-card:hover {
transform: translateY(-5px);
}
.kdcc-feature-icon {
font-size: 2rem;
margin-bottom: 12px;
}
.kdcc-feature-card h3 {
font-size: 1.1rem;
font-weight: 700;
color: #14b9dc;
margin-bottom: 8px;
}
.kdcc-feature-card p {
font-size: 0.95rem;
color: #333333;
line-height: 1.4;
}
.kdcc-button-wrap {
margin-top: 40px;
text-align: center;
}
.kdcc-cta-button {
background: linear-gradient(90deg, #14b9dc 0%, #0fa1c2 100%);
color: white;
padding: 14px 28px;
font-weight: 700;
font-size: 1rem;
border-radius: 12px;
text-decoration: none;
display: inline-block;
transition: background 0.3s ease, transform 0.3s ease;
}
.kdcc-cta-button:hover {
transform: scale(1.05);
background: linear-gradient(90deg, #0fa1c2 0%, #0c8eb0 100%);
}
/* Scroll animation */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Mobile Styles */
@media (max-width: 768px) {
.kdcc-feature-grid {
flex-direction: column;
gap: 20px;
}
.kdcc-feature-card {
flex: 1 1 100%;
}
.kdcc-section-text p {
text-align: left;
}
}
.kdcc-cta-button {
background: linear-gradient(90deg, #ec4f59 0%, #d7434e 100%); /* KDCC red gradient */
color: white;
padding: 14px 28px;
font-weight: 700;
font-size: 1rem;
border-radius: 12px;
text-decoration: none;
display: inline-block;
transition: transform 0.3s ease, background 0.3s ease;
animation: pulseAnimation 2s infinite;
}
.kdcc-cta-button:hover {
transform: scale(1.05);
background: linear-gradient(90deg, #d7434e 0%, #b93139 100%);
}
@keyframes pulseAnimation {
0% {
box-shadow: 0 0 0 0 rgba(236, 79, 89, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(236, 79, 89, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(236, 79, 89, 0);
}
}
.kdcc-feature-card-link {
text-decoration: none;
color: inherit;
display: block;
flex: 1 1 calc(25% - 20px);
}
.kdcc-feature-card {
background: white;
border-radius: 16px;
padding: 24px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
cursor: pointer;
height: 100%;
}
.kdcc-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
.kdcc-feature-card h3 {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
font-weight: 700;
color: #14b9dc;
margin-bottom: 14px; /* was 8px */
position: relative;
cursor: pointer;
transition: transform 0.2s ease;
}
.kdcc-feature-card h3::before {
content: "Opens in new tab";
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
background-color: #313540;
color: #ffffff;
padding: 4px 8px;
font-size: 0.7rem;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
}
.kdcc-feature-card:hover h3::before {
opacity: 1;
}
.kdcc-feature-card:hover h3 {
transform: translateY(13px);
}
/* Default desktop style — show tooltip */
.kdcc-feature-card h3::before {
content: "Opens in new tab";
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
background-color: #313540;
color: #ffffff;
padding: 4px 8px;
font-size: 0.7rem;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 10;
}
.kdcc-feature-card:hover h3::before {
opacity: 1;
}
.kdcc-feature-card h3 {
position: relative;
cursor: pointer;
margin-bottom: 14px;
transition: transform 0.2s ease;
}
/* Default desktop: no arrow icon */
.kdcc-feature-card h3::after {
content: "";
}
/* On mobile: remove tooltip and show arrow icon */
@media (max-width: 768px) {
.kdcc-feature-card h3::before {
display: none;
}
.kdcc-feature-card:hover h3 {
transform: none;
}
.kdcc-feature-card h3::after {
content: " ↗";
font-size: 0.9rem;
color: #14b9dc;
}
}
.kdcc-feature-card h3::after {
font-weight: bold;
}
.kdcc-cta-subtext {
margin-top: 10px;
font-size: 0.95rem;
color: #313540;
}
.kdcc-cta-subtext a {
color: #313540;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 700;
}
.kdcc-cta-subtext a:hover {
color: #ec4f59;
text-decoration-color: #ec4f59;
}
.kdcc-cta-subtext .sep {
margin: 0 6px;
opacity: 0.65;
}
/* small screens */
@media (max-width: 480px) {
.kdcc-cta-subtext {
font-size: 0.9rem;
}
}
}
#fw-section-custom-html-79eb150a-5d2e-4acd-9f85-fb0f230fb283 {
.kdcc-carousel {
max-width: 1200px;
margin: 0 auto;
font-family: sans-serif;
position: relative;
}
.kdcc-carousel input[type="radio"] {
display: none;
}
.carousel-content {
display: flex;
flex-wrap: wrap;
background: #fdf8f5;
padding: 24px;
border-radius: 20px;
gap: 24px;
align-items: center;
justify-content: center;
text-align: left;
}
.carousel-left {
flex: 1 1 45%;
min-width: 280px;
max-width: 480px;
height: auto;
position: relative;
border-radius: 16px;
overflow: hidden;
aspect-ratio: 3/4;
background: #f5f5f5;
}
.carousel-left .carousel-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
overflow: hidden;
opacity: 0;
transition: opacity 0.6s ease-in-out;
z-index: 1;
}
/* NEW: Blurred background layer */
.carousel-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
filter: blur(25px) brightness(1.1);
transform: scale(1.2);
z-index: 1;
}
.carousel-left .carousel-image img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 16px;
display: block;
z-index: 2;
}
#img1:checked ~ .carousel-content .carousel-left .carousel-image:nth-child(1),
#img2:checked ~ .carousel-content .carousel-left .carousel-image:nth-child(2),
#img3:checked ~ .carousel-content .carousel-left .carousel-image:nth-child(3) {
opacity: 1;
z-index: 2;
}
.carousel-right {
flex: 1 1 50%;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
}
.quote-subheader {
font-size: 20px;
font-weight: 700;
color: #14b9dc;
margin-bottom: -6px;
margin-top: 4px;
}
.carousel-right .quote {
background: white;
padding: 20px;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
text-align: left;
}
.carousel-right .quote p {
font-size: 1.1rem;
margin: 0;
}
.carousel-right .quote span {
display: block;
margin-top: 1rem;
color: #ec4f59;
font-weight: bold;
}
.carousel-right .quote.with-image {
display: flex;
align-items: flex-start;
gap: 16px;
background: white;
padding: 20px;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.carousel-right .quote.with-image img {
width: 56px;
height: 56px;
border-radius: 50%;
flex-shrink: 0;
object-fit: cover;
margin-top: 4px;
}
.carousel-right .quote.with-image .quote-text {
display: flex;
flex-direction: column;
gap: 6px;
}
.carousel-right .quote.with-image .quote-text p {
margin: 0;
font-size: 1.1rem;
}
.carousel-right .quote.with-image .quote-text span {
color: #ec4f59;
font-weight: bold;
margin-top: 0;
}
.carousel-dots {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.carousel-dots label {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
}
#img1:checked ~ .carousel-dots label:nth-child(1),
#img2:checked ~ .carousel-dots label:nth-child(2),
#img3:checked ~ .carousel-dots label:nth-child(3) {
background: #313540;
}
.kdcc-cta-button {
background: linear-gradient(to right, #14b9dc, #0da3c9);
color: white;
padding: 14px 28px;
border: none;
border-radius: 16px;
font-weight: bold;
font-size: 1rem;
box-shadow: 0px 6px 14px rgba(20, 185, 220, 0.3);
text-decoration: none;
display: inline-block;
transition: transform 0.2s ease;
}
.kdcc-cta-button:hover {
transform: scale(1.03);
}
.kdcc-discord-cta {
text-align: center;
margin-top: 32px;
}
.kdcc-cta-tagline {
margin-top: 8px;
color: #313540;
font-size: 0.95rem;
}
.carousel-left::after {
content: "";
position: absolute;
width: 36px;
height: 36px;
border: 4px solid rgba(0,0,0,0.1);
border-top-color: #14b9dc;
border-radius: 50%;
animation: spin 1s linear infinite;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
opacity: 0;
pointer-events: none;
}
.carousel-left.loading::after {
opacity: 1;
}
@keyframes spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@media (max-width: 768px) {
.carousel-content {
flex-direction: column;
text-align: center;
}
.carousel-left,
.carousel-right {
flex: 1 1 100%;
max-width: 100%;
}
.carousel-right {
margin-top: 16px;
}
.carousel-right .quote {
text-align: left;
}
.carousel-right .quote.with-image {
flex-direction: row;
align-items: flex-start;
text-align: left;
gap: 16px;
}
.carousel-right .quote.with-image img {
width: 48px;
height: 48px;
margin-top: 4px;
}
}
.kdcc-proof-header {
text-align: center;
max-width: 800px;
margin: 0 auto 30px auto;
padding: 0 20px;
}
.kdcc-proof-header h2 {
font-size: 28px;
font-weight: 800;
color: #14b9dc;
margin-bottom: 10px;
}
.kdcc-proof-header p {
font-size: 16px;
color: #313540;
margin: 0;
}
}
#fw-section-custom-html-b9a17b62-654d-4bc9-8e92-0603684efe2f {
/* Section */
.kdcc-steps-section {
max-width: 1200px;
margin: 60px auto;
padding: 40px 20px;
background: #fffaf7;
text-align: center;
font-family: 'Inter', sans-serif;
color: #313540;
}
.kdcc-steps-header {
font-size: 2.25rem;
font-weight: 900;
color: #ec4f59;
margin-bottom: 12px;
line-height: 1.2;
}
.kdcc-steps-subheader {
font-size: 1.125rem;
color: #313540;
max-width: 720px;
margin: 0 auto 36px auto;
font-weight: 500;
line-height: 1.5;
}
/* Cards */
.kdcc-steps-container {
display: flex;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 20px; /* space before footnote */
}
.kdcc-step {
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
padding: 28px 24px;
flex: 1 1 300px;
max-width: 350px;
text-align: left;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.kdcc-step:hover {
transform: translateY(-5px);
box-shadow: 0 8px 24px rgba(236,79,89,0.2);
}
.kdcc-step-number {
background-color: #ec4f59;
color: #fff;
font-weight: 900;
font-size: 1.75rem;
width: 44px;
height: 44px;
border-radius: 50%;
border: 3px solid #ec4f59;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
animation: glowPulse 3s ease-in-out infinite;
}
.kdcc-step-title {
color: #14b9dc;
font-weight: 700;
font-size: 1.125rem;
margin-bottom: 12px;
}
.kdcc-step-text {
font-size: 1rem;
line-height: 1.5;
color: #313540;
}
.kdcc-step-outcome {
margin-top: 10px;
font-size: 0.95rem;
color: rgba(49,53,64,0.75);
}
.kdcc-next-step {
display: inline-block;
margin-top: 10px;
font-weight: 700;
color: #14b9dc;
text-decoration: underline;
text-underline-offset: 2px;
}
.kdcc-next-step:hover { color: #ec4f59; }
/* Footnote + divider under it */
.kdcc-steps-footnote {
margin: 28px auto 24px auto; /* increased bottom spacing */
font-size: 1rem;
color: #313540;
text-align: center;
}
.kdcc-steps-footnote a {
font-weight: 700;
color: #14b9dc;
text-decoration: underline;
text-underline-offset: 2px;
}
.kdcc-steps-footnote a:hover {
color: #ec4f59;
}
.kdcc-section-divider {
max-width: 1060px;
height: 2px;
border: 0;
margin: 0 auto;
background: linear-gradient(
90deg,
rgba(20,185,220,0),
rgba(20,185,220,0.6),
rgba(20,185,220,0)
);
}
/* Animations */
@keyframes glowPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(236,79,89,0.7); }
50% { box-shadow: 0 0 15px 8px rgba(236,79,89,0); }
}
/* Responsive */
@media (max-width: 800px) {
.kdcc-steps-container { flex-direction: column; align-items: center; }
.kdcc-step { max-width: 100%; width: 100%; }
.kdcc-step-text { font-size: 0.98rem; }
.kdcc-step-outcome { font-size: 0.92rem; }
}
}
#fw-section-recent-videos-42a7e713-d58b-48c0-b635-22f72c99190a {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
/* Center the "Learn more on YouTube" header + stack CTA beneath */
.recent-videos__header .section-header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.recent-videos__header .section-header__heading {
margin: 0;
text-align: center;
width: 100%;
font-weight: 800; /* optional: keeps it bold like the theme */
}
.recent-videos__header .section-header__cta {
margin-top: 10px; /* space between title and button */
}
}
#fw-section-featured-collection-0 {
--color-primary: #ec4f59;
--color-primary-rgb: 236, 79, 89;
--color-background: #fefaf6;
--color-background-rgb: 254, 250, 246;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ec4f59;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
.collection__heading::after {
content: "New buyers only. Spend $15+ on merch and get 1 free month of KDCC Knowledge tier. Renews at standard rate unless canceled.";
display: block;
margin-top: 6px;
font-size: clamp(12.5px, 1.2vw, 13.5px);
line-height: 1.55;
color: #7a7d85;
font-weight: 400;
text-transform: none;
letter-spacing: 0.15px;
}
}
#fw-section-custom-html-aa72fcb9-e914-47eb-88f5-4f6bdfdfe730 {
/* KDCC Signup styles, scoped */
.kdcc-signup {
--kdcc-dark: #313540;
--kdcc-blue: #14b9dc;
--kdcc-red: #ec4f59;
--kdcc-bg: #f9fafb;
--kdcc-text: #2a2e37;
--kdcc-sub: #676b74;
--kdcc-border:#e3e3e3;
max-width: 800px;
margin: 0 auto;
background: var(--kdcc-bg);
border: 1px solid var(--kdcc-border);
border-radius: 12px;
padding: 28px;
box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
/* Heading */
.kdcc-signup .formkit-header {
margin: 0 0 8px;
text-align: center;
}
.kdcc-signup .formkit-header h2 {
color: var(--kdcc-dark);
font-weight: 800;
text-transform: uppercase;
line-height: 1.1;
white-space: nowrap;
text-align: center;
margin: 0;
font-size: clamp(20px, 2.8vw, 28px);
}
/* Subheader */
.kdcc-signup .formkit-subheader {
margin: 8px 0 0;
text-align: center;
color: var(--kdcc-sub);
font-size: 16px;
line-height: 1.5;
}
/* Form Fields */
.kdcc-signup .formkit-fields {
margin: 22px auto 0;
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.kdcc-signup .formkit-field {
flex: 1 1 360px;
min-width: 260px;
}
.kdcc-signup .formkit-input {
width: 100%;
background: #fff;
color: var(--kdcc-text);
border: 1px solid var(--kdcc-border);
border-radius: 10px;
padding: 12px 14px;
font-size: 16px;
line-height: 1.25;
transition: border-color .2s, box-shadow .2s;
}
.kdcc-signup .formkit-input::placeholder { color: #9aa0a6; }
.kdcc-signup .formkit-input:focus {
outline: none;
border-color: var(--kdcc-blue);
box-shadow: 0 0 0 3px rgba(20,185,220,0.2);
}
/* Submit Button */
.kdcc-signup .formkit-submit {
flex: 0 0 auto;
border: 0;
border-radius: 10px;
background: var(--kdcc-red);
color: #fff;
font-weight: 700;
font-size: 16px;
padding: 12px 20px;
cursor: pointer;
transition: transform .02s ease, filter .15s ease, background .15s ease;
}
.kdcc-signup .formkit-submit:hover { filter: brightness(0.95); }
.kdcc-signup .formkit-submit:active { transform: translateY(1px); }
.kdcc-signup .formkit-submit:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(236,79,89,0.25);
}
/* Guarantee Text */
.kdcc-signup .formkit-guarantee {
margin: 10px 0 0;
text-align: center;
color: var(--kdcc-sub);
font-size: 13px;
line-height: 1.4;
}
.kdcc-signup .formkit-guarantee p { margin: 0; }
/* ConvertKit Alerts */
.kdcc-signup .formkit-alert {
width: 100%;
margin: 14px 0 0;
text-align: center;
border-radius: 10px;
}
/* Accessibility */
.kdcc-signup .sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
/* Tablet + Mobile Layout */
@media (max-width: 640px) {
.kdcc-signup { padding: 20px; }
.kdcc-signup .formkit-fields { gap: 8px; }
.kdcc-signup .formkit-submit { width: 100%; }
}
/* Mobile: allow wrapping + auto-balance */
@media (max-width: 480px) {
.kdcc-signup .formkit-header h2 {
white-space: normal;
text-wrap: balance;
overflow-wrap: break-word;
word-break: normal;
font-size: clamp(18px, 7vw, 22px);
line-height: 1.15;
letter-spacing: 0.2px;
padding: 0 6px;
}
}
/* Very Small Phones */
@media (max-width: 380px) {
.kdcc-signup .formkit-header h2 {
font-size: clamp(16px, 7vw, 20px);
white-space: normal;
}
}
}
#fw-section-custom-html-2984feef-acf3-44b8-9f30-353b03f09c9d {
:root {
--kdcc-red: #ec4f59;
--kdcc-dark: #313540;
--gap: 50px;
--marquee-h: 84px;
}
.kdcc-sponsors {
background:
radial-gradient(90% 120% at 10% 10%, #f0fbff 0%, #fff 40%),
linear-gradient(180deg, #fff 0%, #f8fafc 100%);
/* borders removed to get rid of the visible line */
border-top: none;
border-bottom: none;
color: var(--kdcc-dark);
text-align: center;
margin: -35px 0 -35px 0;
padding: 0;
}
.kdcc-sponsors .ks-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 48px 20px 48px;
}
body .kdcc-sponsors .kdcc-red-title {
color: var(--kdcc-red) !important;
margin-bottom: 28px !important;
}
.kdcc-marquee {
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(
to right,
transparent,
black 72px,
black calc(100% - 72px),
transparent
);
mask-image: linear-gradient(
to right,
transparent,
black 72px,
black calc(100% - 72px),
transparent
);
}
.kdcc-marquee__rail {
display: flex;
gap: var(--gap);
align-items: center;
height: var(--marquee-h);
width: max-content;
transform: translate3d(0, 0, 0);
will-change: transform;
}
.kdcc-marquee__rail.is-ready {
animation: kdcc-scroll var(--loop-dur, 40s) linear infinite;
}
.kdcc-marquee__rail:hover {
animation-play-state: paused;
}
@keyframes kdcc-scroll {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(calc(-1 * var(--loop-px, 1000px)), 0, 0);
}
}
.kdcc-set {
display: flex;
gap: var(--gap);
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.kdcc-item {
line-height: 0;
}
.kdcc-item img {
height: calc(var(--marquee-h) - 22px);
width: auto;
object-fit: contain;
display: block;
}
@media (max-width: 800px) {
.kdcc-marquee {
-webkit-mask-image: linear-gradient(
to right,
transparent,
black 56px,
black calc(100% - 56px),
transparent
);
mask-image: linear-gradient(
to right,
transparent,
black 56px,
black calc(100% - 56px),
transparent
);
}
:root {
--marquee-h: 76px;
}
}
@media (max-width: 560px) {
.kdcc-marquee {
-webkit-mask-image: linear-gradient(
to right,
transparent,
black 40px,
black calc(100% - 40px),
transparent
);
mask-image: linear-gradient(
to right,
transparent,
black 40px,
black calc(100% - 40px),
transparent
);
}
:root {
--marquee-h: 68px;
--gap: 36px;
}
}
@media (prefers-reduced-motion: reduce) {
.kdcc-marquee__rail.is-ready {
animation: none;
}
}
}
#fw-section-custom-html-ea830a04-10b5-42f2-9904-e0ce6f2ffaee {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #ec4f59;
--color-background-rgb: 236, 79, 89;
--color-on-background: #1e1e1e;
--color-on-background-rgb: 30, 30, 30;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #1e1e1e;
--color-background-brightness: 127;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e1e1e;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e1e1e;
--secondary-btn-border-color: #1e1e1e;
.kdcc-signup {
--kdcc-red: #ec4f59;
--kdcc-blue: #14b9dc;
--kdcc-blue-light: #2dd4f4;
--kdcc-blue-medium: #14b9dc;
--kdcc-dark: #313540;
max-width: 100% !important;
margin: 0 !important;
background: #ec4f59 !important;
border: none !important;
border-radius: 0 !important;
padding: clamp(40px, 8vw, 60px) 24px !important;
box-shadow: none !important;
text-align: center !important;
}
.kdcc-signup *,
.kdcc-signup *::before,
.kdcc-signup *::after {
box-shadow: none !important;
}
.kdcc-signup > div,
.kdcc-signup [data-style="minimal"] {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-header {
margin: 0 0 clamp(16px, 3vw, 24px) !important;
text-align: center !important;
}
.kdcc-signup .formkit-header h2 {
color: white !important;
font-weight: 900 !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-align: center !important;
margin: 0 !important;
font-size: clamp(28px, 5vw, 50px) !important;
letter-spacing: -1px !important;
white-space: normal !important;
}
.kdcc-signup .formkit-subheader {
margin: 0 auto clamp(24px, 5vw, 40px) !important;
text-align: center !important;
color: white !important;
font-size: clamp(14px, 2vw, 22px) !important;
line-height: 1.6 !important;
max-width: 900px !important;
opacity: 0.95 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-subheader p {
margin: 0 0 8px !important;
}
.kdcc-signup .formkit-subheader p.kdcc-icon-line {
display: block !important;
}
.kdcc-signup .formkit-subheader p:last-child {
margin-bottom: 0 !important;
}
.kdcc-signup .formkit-subheader strong {
font-weight: 400 !important;
}
.kdcc-gift-icon {
font-size: clamp(16px, 2vw, 22px) !important;
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
vertical-align: middle !important;
color: white !important;
line-height: 1 !important;
display: inline-block !important;
margin-right: 2px !important;
}
.kdcc-signup .formkit-fields {
margin: 0 auto !important;
display: flex !important;
gap: clamp(12px, 2vw, 16px) !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
max-width: 700px !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-field {
flex: 1 1 280px !important;
min-width: 0 !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-input {
width: 100% !important;
background: white !important;
color: var(--kdcc-dark) !important;
border: none !important;
border-radius: 12px !important;
padding: clamp(14px, 2vw, 18px) clamp(16px, 2vw, 20px) !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
line-height: 1.25 !important;
transition: all 0.2s !important;
box-shadow: none !important;
text-align: center !important;
}
.kdcc-signup .formkit-input::placeholder {
color: #666 !important;
font-weight: 700 !important;
text-align: center !important;
}
.kdcc-signup .formkit-input:focus {
outline: none !important;
box-shadow: none !important;
transform: translateY(-2px) !important;
}
@keyframes button-pulse {
0% { transform: translateY(0) scale(1); }
50% { transform: translateY(-2px) scale(1.02); }
100% { transform: translateY(0) scale(1); }
}
.kdcc-signup .formkit-submit {
flex: 1 1 280px !important;
border: none !important;
border-radius: 12px !important;
background: linear-gradient(135deg, var(--kdcc-blue-light) 0%, var(--kdcc-blue-medium) 100%) !important;
color: white !important;
font-weight: 800 !important;
font-size: clamp(14px, 1.5vw, 16px) !important;
padding: clamp(14px, 2vw, 18px) clamp(24px, 4vw, 48px) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
animation: button-pulse 2s ease-in-out infinite !important;
box-shadow: none !important;
position: relative !important;
z-index: 1 !important;
}
.kdcc-signup .formkit-submit:hover {
animation: none !important;
transform: translateY(-4px) scale(1.05) !important;
box-shadow: none !important;
filter: none !important;
}
.kdcc-signup .formkit-submit:active {
transform: translateY(-1px) scale(0.98) !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-submit:focus {
outline: none !important;
animation: none !important;
box-shadow: none !important;
outline: 3px solid rgba(255, 255, 255, 0.5) !important;
outline-offset: 2px !important;
}
.kdcc-signup .formkit-submit span {
color: white !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}
.kdcc-signup .formkit-guarantee {
margin: clamp(16px, 3vw, 24px) 0 0 !important;
text-align: center !important;
color: white !important;
font-size: clamp(13px, 1.5vw, 17px) !important;
line-height: 1.4 !important;
opacity: 0.9 !important;
padding: 0 16px !important;
}
.kdcc-signup .formkit-guarantee p {
margin: 0 !important;
}
.kdcc-signup .formkit-alert {
width: 100% !important;
margin: 14px 0 0 !important;
text-align: center !important;
border-radius: 10px !important;
box-shadow: none !important;
}
.kdcc-signup .formkit-spinner {
display: none !important;
position: absolute !important;
width: 20px !important;
height: 20px !important;
margin-right: 8px !important;
}
.kdcc-signup .formkit-submit[data-active="true"] {
animation: none !important;
}
.kdcc-signup .formkit-submit[data-active="true"] .formkit-spinner {
display: inline-block !important;
}
.kdcc-signup .formkit-spinner div {
box-sizing: border-box !important;
display: block !important;
position: absolute !important;
width: 16px !important;
height: 16px !important;
margin: 2px !important;
border: 2px solid !important;
border-radius: 50% !important;
animation: formkit-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite !important;
border-color: white transparent transparent transparent !important;
}
@keyframes formkit-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.kdcc-signup .sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
.kdcc-signup .formkit-submit {
animation: none !important;
}
.kdcc-signup .formkit-submit:hover {
transform: none !important;
}
}
@media (max-width: 640px) {
.kdcc-signup .formkit-fields {
flex-direction: column !important;
}
.kdcc-signup .formkit-field,
.kdcc-signup .formkit-submit {
flex: 1 1 100% !important;
}
}
}
#fw-section-footer {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
}
#fw-section-header {
--color-primary: #14b9dc;
--color-primary-rgb: 20, 185, 220;
--color-background: #313540;
--color-background-rgb: 49, 53, 64;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 53;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #14b9dc;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
}