#fenek-homepage {
--navy: #073b67;
--navy-deep: #042d50;
--orange: #ef681f;
--orange-dark: #c94b12;
--yellow: #ffd857;
--teal: #087b78;
--ink: #213444;
--muted: #637482;
--paper: #f7fbfc;
--cream: #fff8e8;
--border: #dce8ec;
--white: #fff;
--heading: "Nunito", "Arial Rounded MT Bold", sans-serif;
--body: "Source Sans 3", "Segoe UI", sans-serif;
--shadow: 0 22px 60px rgba(7, 59, 103, 0.12);
}
#fenek-homepage, #fenek-homepage * { box-sizing: border-box; }
#fenek-homepage { scroll-behavior: smooth; }
#fenek-homepage {
margin: 0;
color: var(--ink);
background: var(--white);
font-family: var(--body);
font-size: 18px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
#fenek-homepage img { display: block; max-width: 100%; }
#fenek-homepage a { color: inherit; }
#fenek-homepage button, #fenek-homepage input { font: inherit; }
#fenek-homepage .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
#fenek-homepage .skip-link {
position: fixed;
top: 12px;
left: 12px;
z-index: 100;
padding: 10px 16px;
background: var(--yellow);
border-radius: 8px;
transform: translateY(-160%);
}
#fenek-homepage .skip-link:focus { transform: translateY(0); }
#fenek-homepage .site-header { background: var(--white); position: relative; z-index: 5; }
#fenek-homepage .delivery {
max-width: 1320px;
margin: 0 auto;
padding: 10px 20px;
color: var(--white);
background: #244e68;
text-align: center;
font-family: var(--heading);
font-size: 14px;
font-weight: 800;
}
#fenek-homepage .header-inner {
display: grid;
grid-template-columns: auto minmax(220px, 1fr) auto auto;
gap: 20px;
align-items: center;
max-width: 1320px;
min-height: 80px;
margin: auto;
padding: 12px 24px;
border-bottom: 1px solid var(--border);
}
#fenek-homepage .logo {
color: var(--navy);
font-family: var(--heading);
font-size: 30px;
font-weight: 900;
text-decoration: none;
}
#fenek-homepage .logo span { color: var(--orange); }
#fenek-homepage .header-search {
display: flex;
min-width: 0;
height: 48px;
}
#fenek-homepage .header-search input {
min-width: 0;
width: 100%;
padding: 0 16px;
border: 1px solid var(--border);
border-right: 0;
border-radius: 12px 0 0 12px;
}
#fenek-homepage .header-search button {
width: 52px;
color: white;
background: var(--orange);
border: 0;
border-radius: 0 12px 12px 0;
font-size: 30px;
cursor: pointer;
}
#fenek-homepage .header-inner nav { display: flex; gap: 18px; }
#fenek-homepage .header-inner nav a {
color: var(--navy);
font-family: var(--heading);
font-size: 14px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
}
#fenek-homepage .cart {
padding: 12px 18px;
color: var(--navy);
background: #ff8bac;
border-radius: 999px;
font-family: var(--heading);
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
#fenek-homepage .hero {
position: relative;
display: block;
min-height: 690px;
width: 100%;
max-width: none;
margin: 0;
overflow: hidden;
background:
radial-gradient(circle at 8% 10%, rgba(255,216,87,.22), transparent 20%),
linear-gradient(115deg, #f2fbfa 0%, #fffcef 58%, #fff3df 100%);
border-bottom: 8px solid transparent;
border-image: linear-gradient(90deg, var(--orange), var(--yellow), #45b990, #5abce2) 1;
} #fenek-homepage { width: 100%; min-width: 0; margin: 0; }
#fenek-homepage .hero {
display: block;
width: 100%;
max-width: none;
margin: 0;
overflow: hidden;
}
#fenek-homepage .hero-inner {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
width: 100%;
max-width: 1320px;
min-height: 690px;
margin: 0 auto;
}
#fenek-homepage .hero-inner > div { width: auto; min-width: 0; margin: 0; }
#fenek-homepage .hero-copy { width: 100%; max-width: 760px; justify-self: stretch; }
#fenek-homepage h1 {
display: block;
width: auto;
max-width: 740px;
margin: 0;
font-size: clamp(3.15rem, 4.7vw, 4.7rem);
line-height: .96;
}
#fenek-homepage h1 em { display: inline; }
#fenek-homepage .hero-visual { width: 100%; min-width: 0; margin: 0; }
#fenek-homepage .hero-visual img {
display: block;
width: min(720px, 112%);
max-width: 100%;
max-height: 700px;
margin: 0;
object-fit: contain;
object-position: bottom;
}
#fenek-homepage .hero-copy {
z-index: 1;
align-self: center;
max-width: 760px;
padding: 86px 48px 82px;
}
#fenek-homepage .eyebrow {
display: flex;
gap: 10px;
align-items: center;
margin: 0 0 18px;
color: var(--orange-dark);
font-family: var(--heading);
font-size: 14px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
#fenek-homepage .eyebrow span { width: 28px; height: 4px; background: var(--yellow); border-radius: 4px; }
#fenek-homepage h1, #fenek-homepage h2, #fenek-homepage h3 {
margin: 0;
color: var(--navy);
font-family: var(--heading);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1.05;
text-wrap: balance;
}
#fenek-homepage h1 { max-width: 740px; font-size: clamp(3.15rem, 4.7vw, 4.7rem); }
#fenek-homepage h1 em, #fenek-homepage h2 em { color: var(--orange); font-style: normal; }
#fenek-homepage .hero-lead { max-width: 680px; margin: 28px 0; color: #3f5667; font-size: 21px; }
#fenek-homepage .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
#fenek-homepage .button {
display: inline-flex;
min-height: 54px;
padding: 15px 23px;
align-items: center;
justify-content: center;
border: 2px solid transparent;
border-radius: 14px;
font-family: var(--heading);
font-size: 16px;
font-weight: 900;
text-align: center;
text-decoration: none;
transition: .18s ease;
}
#fenek-homepage .button:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(7,59,103,.15); }
#fenek-homepage .button-primary { color: var(--white); background: var(--orange-dark); }
#fenek-homepage .button-primary:hover { background: #b6400c; }
#fenek-homepage .button-secondary { color: var(--navy); background: rgba(255,255,255,.65); border-color: #b9ced7; }
#fenek-homepage .button-yellow { color: var(--navy); background: var(--yellow); }
#fenek-homepage .hero-proof {
display: flex;
gap: 0;
margin-top: 34px;
padding-top: 24px;
border-top: 1px solid rgba(7, 59, 103, .14);
}
#fenek-homepage .hero-proof span {
max-width: 175px;
padding: 0 22px;
color: var(--muted);
font-size: 14px;
line-height: 1.25;
}
#fenek-homepage .hero-proof span:first-child { padding-left: 0; }
#fenek-homepage .hero-proof span + span { border-left: 1px solid rgba(7, 59, 103, .14); }
#fenek-homepage .hero-proof strong { display: block; color: var(--orange-dark); font-family: var(--heading); font-size: 22px; }
#fenek-homepage .hero-visual {
position: relative;
display: grid;
align-items: end;
justify-items: center;
min-width: 0;
padding: 55px 38px 0 0;
}
#fenek-homepage .hero-visual img { position: relative; z-index: 2; width: min(720px, 112%); max-height: 700px; object-fit: contain; object-position: bottom; }
#fenek-homepage .sun {
position: absolute;
width: 510px;
height: 510px;
top: 76px;
right: 4%;
background: var(--yellow);
border-radius: 50%;
}
#fenek-homepage .scribble { position: absolute; border: 4px solid var(--orange); border-radius: 50%; opacity: .35; }
#fenek-homepage .scribble-one { width: 80px; height: 38px; top: 85px; left: 5%; transform: rotate(-18deg); }
#fenek-homepage .scribble-two { width: 45px; height: 76px; right: 2%; bottom: 80px; transform: rotate(25deg); }
#fenek-homepage .speech-card {
position: absolute;
z-index: 3;
padding: 12px 16px;
color: var(--navy);
background: white;
border-radius: 14px;
box-shadow: var(--shadow);
font-family: var(--heading);
font-size: 15px;
font-weight: 800;
}
#fenek-homepage .speech-card-top { top: 220px; left: 2%; transform: rotate(-3deg); }
#fenek-homepage .speech-card-bottom { right: 4%; bottom: 95px; transform: rotate(2deg); }
#fenek-homepage .trust-strip {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 34px;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 28px 24px;
border-bottom: 1px solid var(--border);
}
#fenek-homepage .trust-strip p {
margin: 0;
color: var(--muted);
font-family: var(--heading);
font-size: 13px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
#fenek-homepage .trust-strip img { width: 100%; max-height: 75px; object-fit: contain; filter: saturate(.8); }
#fenek-homepage .section { max-width: 1240px; margin: 0 auto; padding: 110px 28px; }
#fenek-homepage .section-heading {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
gap: 70px;
align-items: end;
margin-bottom: 50px;
}
#fenek-homepage .section-heading h2, #fenek-homepage .story-content h2, #fenek-homepage .experts h2, #fenek-homepage .final-cta h2 {
font-size: clamp(2.5rem, 4.1vw, 4rem);
}
#fenek-homepage .section-heading > p { max-width: 520px; margin: 0; color: var(--muted); font-size: 19px; }
#fenek-homepage .section-heading.compact { align-items: center; }
#fenek-homepage .section-heading.centered { display: block; max-width: 880px; margin: 0 auto 55px; text-align: center; }
#fenek-homepage .section-heading.centered .eyebrow { justify-content: center; }
#fenek-homepage .needs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
#fenek-homepage .need-card {
display: grid;
grid-template-columns: 58px 1fr auto;
gap: 16px;
align-items: center;
min-height: 126px;
padding: 20px;
border: 1px solid rgba(7,59,103,.08);
border-radius: 20px;
text-decoration: none;
transition: transform .18s ease, box-shadow .18s ease;
}
#fenek-homepage .need-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
#fenek-homepage .need-icon {
display: grid;
place-items: center;
width: 58px;
height: 58px;
color: var(--navy);
background: rgba(255,255,255,.7);
border-radius: 18px;
font-family: var(--heading);
font-size: 26px;
font-weight: 900;
}
#fenek-homepage .need-text strong { display: block; color: var(--navy); font-family: var(--heading); font-size: 18px; line-height: 1.2; }
#fenek-homepage .need-text small { display: block; margin-top: 5px; color: #526574; font-size: 14px; line-height: 1.25; }
#fenek-homepage .arrow { color: var(--navy); font-size: 24px; transition: transform .18s ease; }
#fenek-homepage .need-card:hover .arrow { transform: translateX(4px); }
#fenek-homepage .need-orange { background: #fff0e7; }
#fenek-homepage .need-blue { background: #e8f6fb; }
#fenek-homepage .need-yellow { background: #fff7d6; }
#fenek-homepage .need-green { background: #e8f5ec; }
#fenek-homepage .need-purple { background: #f3eefb; }
#fenek-homepage .need-navy { background: #e8eff5; }
#fenek-homepage .need-mint { background: #e7f6ef; }
#fenek-homepage .need-sky { background: #eaf4ff; }
#fenek-homepage .need-coral { background: #ffede9; }
#fenek-homepage .story-method {
display: grid;
grid-template-columns: minmax(340px, .85fr) minmax(0, 1.15fr);
max-width: 1440px;
min-height: 750px;
margin: 0 auto;
color: white;
background: var(--navy);
}
#fenek-homepage .story-image {
position: relative;
display: flex;
align-items: end;
overflow: hidden;
background:
radial-gradient(circle at 45% 40%, #ffd857 0 31%, transparent 31.5%),
linear-gradient(160deg, #0b6280, #073b67);
}
#fenek-homepage .story-image::before {
content: "";
position: absolute;
inset: 38px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 50% 50% 18px 18px;
}
#fenek-homepage .story-image img {
position: relative;
z-index: 1;
width: min(90%, 620px);
max-height: 700px;
margin: auto auto 0;
object-fit: contain;
object-position: bottom center;
}
#fenek-homepage .story-image p {
position: absolute;
z-index: 2;
top: 55px;
right: 20px;
max-width: 230px;
margin: 0;
padding: 16px 19px;
color: var(--navy);
background: white;
border-radius: 16px 16px 16px 3px;
box-shadow: var(--shadow);
font-family: var(--heading);
font-weight: 900;
transform: rotate(2deg);
}
#fenek-homepage .story-content { align-self: center; max-width: 720px; padding: 80px clamp(45px, 6vw, 100px); }
#fenek-homepage .eyebrow-light { color: var(--yellow); }
#fenek-homepage .story-content h2, #fenek-homepage .experts h2 { color: white; }
#fenek-homepage .story-content h2 em { color: var(--yellow); }
#fenek-homepage .story-intro { max-width: 650px; margin: 26px 0 35px; color: #d9e8ef; font-size: 20px; }
#fenek-homepage .steps { margin: 0; padding: 0; list-style: none; }
#fenek-homepage .steps li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.17); }
#fenek-homepage .steps li > span { color: var(--yellow); font-family: var(--heading); font-size: 16px; font-weight: 900; }
#fenek-homepage .steps strong { display: block; font-family: var(--heading); font-size: 19px; }
#fenek-homepage .steps small { display: block; color: #bcd2dd; font-size: 15px; }
#fenek-homepage .products { background: white; }
#fenek-homepage .text-link { color: var(--navy); font-family: var(--heading); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: 5px; }
#fenek-homepage .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
#fenek-homepage .product-card { overflow: hidden; background: var(--paper); border: 1px solid var(--border); border-radius: 22px; }
#fenek-homepage .product-image { position: relative; display: block; height: 320px; padding: 22px; overflow: hidden; background: linear-gradient(145deg,#edf8fa,#fff6dd); }
#fenek-homepage .product-image img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
#fenek-homepage .product-image:hover img { transform: scale(1.035) rotate(-1deg); }
#fenek-homepage .product-badge {
position: absolute;
z-index: 1;
top: 16px;
left: 16px;
padding: 7px 10px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
}
#fenek-homepage .product-body { padding: 22px 24px 25px; }
#fenek-homepage .product-body p { margin: 0 0 5px; color: var(--orange-dark); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
#fenek-homepage .product-body h3 { min-height: 56px; font-size: 23px; line-height: 1.2; }
#fenek-homepage .product-body > div { display: flex; justify-content: space-between; gap: 15px; align-items: end; margin-top: 20px; }
#fenek-homepage .price-stack { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; white-space: nowrap; }
#fenek-homepage .price-stack del { margin-bottom: 7px; color: #86939d; font-family: var(--heading); font-size: 14px; font-weight: 700; text-decoration-color: #86939d; text-decoration-thickness: 1.5px; }
#fenek-homepage .product-body strong { color: var(--navy); font-family: var(--heading); font-size: 22px; white-space: nowrap; }
#fenek-homepage .product-body a { color: var(--orange-dark); font-family: var(--heading); font-size: 14px; font-weight: 900; text-align: right; }
#fenek-homepage .audiences { max-width: none; background: var(--cream); }
#fenek-homepage .audiences > * { max-width: 1184px; margin-left: auto; margin-right: auto; }
#fenek-homepage .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #eddcb7; border-radius: 24px; overflow: hidden; background: white; }
#fenek-homepage .audience-grid article { position: relative; display: flex; min-width: 0; flex-direction: column; background: white; }
#fenek-homepage .audience-grid article + article { border-left: 1px solid #eddcb7; }
#fenek-homepage .audience-image { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
#fenek-homepage .audience-content { display: flex; min-height: 270px; padding: 30px 34px 34px; flex: 1; flex-direction: column; }
#fenek-homepage .audience-number { color: var(--orange); font-family: var(--heading); font-size: 15px; font-weight: 900; }
#fenek-homepage .audience-grid h3 { margin: 20px 0 14px; font-size: 26px; }
#fenek-homepage .audience-grid p { color: var(--muted); }
#fenek-homepage .audience-grid a { margin-top: auto; padding-top: 20px; color: var(--navy); font-family: var(--heading); font-weight: 900; }
#fenek-homepage .releases {
max-width: none;
overflow: hidden;
background:
radial-gradient(circle at 8% 22%, rgba(255,216,87,.32), transparent 18%),
linear-gradient(180deg, #f7fbfc, #fff);
}
#fenek-homepage .releases > .section-heading, #fenek-homepage .releases > .release-note {
max-width: 1184px;
margin-left: auto;
margin-right: auto;
}
#fenek-homepage .release-controls { display: flex; flex-direction: column; gap: 14px; align-items: flex-end; }
#fenek-homepage .release-toggle {
min-height: 42px;
padding: 8px 15px;
color: var(--navy);
background: white;
border: 1px solid var(--border);
border-radius: 11px;
font-family: var(--heading);
font-size: 13px;
font-weight: 900;
cursor: pointer;
}
#fenek-homepage .release-marquee {
width: 100%;
max-width: 1320px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}
#fenek-homepage .release-track {
display: flex;
gap: 18px;
width: max-content;
padding: 15px 0 28px;
animation: release-scroll 48s linear infinite;
}
#fenek-homepage .release-marquee:hover .release-track, #fenek-homepage .release-marquee:focus-within .release-track, #fenek-homepage .release-track.is-paused { animation-play-state: paused; }
#fenek-homepage .release-card {
position: relative;
width: 270px;
flex: 0 0 auto;
overflow: hidden;
background: white;
border: 1px solid var(--border);
border-radius: 20px;
box-shadow: 0 12px 30px rgba(7,59,103,.08);
}
#fenek-homepage .release-card a { display: block; text-decoration: none; }
#fenek-homepage .release-card img { width: 100%; aspect-ratio: 1.18; padding: 18px; object-fit: contain; background: #eef8fa; }
#fenek-homepage .release-card-set img { background: #fff6dc; }
#fenek-homepage .release-type {
position: absolute;
z-index: 1;
top: 13px;
left: 13px;
padding: 6px 10px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 11px;
font-weight: 900;
letter-spacing: .05em;
text-transform: uppercase;
}
#fenek-homepage .release-card-set .release-type { color: white; background: var(--teal); }
#fenek-homepage .release-card div { display: flex; min-height: 118px; padding: 18px; flex-direction: column; justify-content: space-between; }
#fenek-homepage .release-card h3 { font-size: 18px; line-height: 1.2; }
#fenek-homepage .release-price { display: flex; min-height: 43px; align-items: baseline; align-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
#fenek-homepage .release-price del { color: #87949e; font-family: var(--heading); font-size: 13px; font-weight: 700; text-decoration-color: #87949e; text-decoration-thickness: 1.5px; }
#fenek-homepage .release-price strong { color: var(--orange-dark); font-family: var(--heading); font-size: 19px; }
#fenek-homepage .release-note { margin-top: 5px; color: var(--muted); font-size: 13px; text-align: center; }
@keyframes release-scroll { to { transform: translateX(calc(-50% - 9px)); } }
.characters { position: relative; }
#fenek-homepage .character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#fenek-homepage .character-card {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
grid-template-rows: auto 1fr;
column-gap: 18px;
min-width: 0;
white-space: normal !important;
padding: 16px;
color: var(--navy);
background: white;
border: 1px solid var(--border);
border-radius: 20px;
cursor: pointer;
transition: .18s ease;
}
#fenek-homepage .character-card:hover, #fenek-homepage .character-card.active { border-color: var(--orange); transform: translateY(-4px); box-shadow: 0 14px 32px rgba(7,59,103,.11); }
#fenek-homepage .character-card img {
grid-row: 1 / 3;
width: 112px;
aspect-ratio: 1;
object-fit: contain;
border-radius: 15px;
background: #eef9fb;
}
#fenek-homepage .character-name {
display: block;
min-width: 0;
white-space: normal !important;
align-self: end;
margin: 2px 0 8px;
font-family: var(--heading);
font-size: 17px;
font-weight: 900;
text-align: left;
}
#fenek-homepage .character-bubble {
position: relative;
display: block;
min-width: 0;
align-self: start;
padding: 10px 12px;
color: #4f6372;
background: #f4f8fa;
border-radius: 4px 12px 12px 12px;
font-family: var(--body);
font-size: 13px;
font-weight: 600;
line-height: 1.3;
overflow-wrap: break-word;
white-space: normal !important;
text-align: left;
}
#fenek-homepage .character-bubble::before {
content: "";
position: absolute;
top: 0;
left: -8px;
border-width: 0 8px 9px 0;
border-style: solid;
border-color: transparent #f4f8fa transparent transparent;
}
#fenek-homepage .character-story {
position: relative;
display: grid;
grid-template-columns: .78fr 1.22fr;
gap: 34px;
align-items: center;
max-width: 980px;
margin: 28px auto 0;
padding: 34px 38px;
color: white;
background: var(--navy);
border-radius: 20px;
}
#fenek-homepage .character-story::before { content: ""; position: absolute; top: -13px; left: 50%; width: 26px; height: 26px; background: var(--navy); transform: translateX(-50%) rotate(45deg); }
#fenek-homepage .character-story-copy > span { color: var(--yellow); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
#fenek-homepage .character-story h3 { margin: 6px 0 8px; color: white; font-size: 27px; }
#fenek-homepage .character-story-copy p { margin: 0 0 16px; color: #d8e6ed; }
#fenek-homepage .character-story-copy small { display: block; color: #9fc0d0; font-size: 13px; line-height: 1.45; }
#fenek-homepage .character-book {
display: grid;
grid-template-columns: 166px 1fr;
gap: 24px;
align-items: center;
min-width: 0;
padding: 18px;
color: var(--navy);
background: white;
border-radius: 17px;
}
#fenek-homepage .character-book-cover { display: block; overflow: hidden; background: #f7f3e9; border-radius: 12px; }
#fenek-homepage .character-book-cover img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .2s ease; }
#fenek-homepage .character-book-cover:hover img { transform: scale(1.025); }
#fenek-homepage .character-book-copy { min-width: 0; }
#fenek-homepage .character-book-copy > span:first-child { color: var(--orange-dark); font-family: var(--heading); font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
#fenek-homepage .character-book h4 { margin: 6px 0 4px; color: var(--navy); font-family: var(--heading); font-size: 25px; line-height: 1.05; }
#fenek-homepage .character-book-copy > p { margin: 0 0 15px; color: var(--muted); font-size: 14px; line-height: 1.35; }
#fenek-homepage .character-book-footer { display: flex; gap: 15px; align-items: flex-end; justify-content: space-between; }
#fenek-homepage .character-book-price { display: flex; flex-direction: column; line-height: 1.05; }
#fenek-homepage .character-book-price del { color: #7d8f99; font-size: 12px; }
#fenek-homepage .character-book-price strong { margin-top: 3px; color: var(--orange-dark); font-family: var(--heading); font-size: 20px; }
#fenek-homepage .character-book-footer a, #fenek-homepage .character-book-more { color: var(--navy); font-family: var(--heading); font-size: 13px; font-weight: 900; }
#fenek-homepage .character-book-more { display: inline-block; margin-top: 12px; color: var(--orange-dark); }
#fenek-homepage .character-book-more[hidden] { display: none; }
#fenek-homepage .journey { max-width: 1440px; padding-top: 40px; }
#fenek-homepage .journey-panel {
display: grid;
grid-template-columns: 1.05fr .95fr;
min-height: 540px;
overflow: hidden;
color: #d9e8ef;
background:
radial-gradient(circle at 18% 15%, rgba(90,188,226,.22), transparent 30%),
var(--navy-deep);
border-radius: 30px;
box-shadow: 0 24px 65px rgba(7,59,103,.18);
}
#fenek-homepage .journey-copy { align-self: center; padding: 68px 62px; }
#fenek-homepage .journey-copy h2 { max-width: 690px; margin-top: 12px; color: white; font-size: clamp(2.35rem, 4.1vw, 4.3rem); line-height: .99; }
#fenek-homepage .journey-copy > p:not(.eyebrow) { max-width: 650px; margin: 25px 0 28px; color: #d9e8ef; font-size: 18px; }
#fenek-homepage .journey-copy strong { color: white; }
#fenek-homepage .journey-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 0 32px; }
#fenek-homepage .journey-stats div { padding: 14px 10px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; text-align: center; }
#fenek-homepage .journey-stats dt { color: var(--yellow); font-family: var(--heading); font-size: 25px; font-weight: 900; line-height: 1; }
#fenek-homepage .journey-stats dd { margin: 5px 0 0; color: #c7dbe4; font-size: 12px; font-weight: 700; }
#fenek-homepage .journey-visual { position: relative; min-width: 0; min-height: 540px; background: #e5f5f6; }
#fenek-homepage .journey-visual img { width: 100%; height: 100%; object-fit: cover; }
#fenek-homepage .journey-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,43,72,.18), transparent 35%); pointer-events: none; }
#fenek-homepage .journey-visual span {
position: absolute;
z-index: 1;
right: 22px;
bottom: 22px;
left: 22px;
padding: 12px 15px;
color: var(--navy);
background: rgba(255,255,255,.92);
border-radius: 12px;
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
text-align: center;
}
#fenek-homepage .experts {
display: flex;
flex-wrap: wrap;
gap: 56px;
align-items: center;
max-width: 1440px;
margin: 0 auto;
padding: 110px max(32px, calc((100vw - 1240px) / 2));
color: #d9e8ef;
background: var(--navy-deep);
}
#fenek-homepage .experts > * { min-width: 0; }
#fenek-homepage .experts-copy { flex: 1 1 430px; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { max-width: 680px; margin: 26px 0 32px; font-size: 19px; }
#fenek-homepage .expert-stack {
display: grid;
flex: 1 1 550px;
grid-template-columns: repeat(2, minmax(240px, 1fr));
gap: 15px;
min-width: 0;
}
#fenek-homepage .expert-stack article {
display: grid;
grid-template-columns: 68px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
overflow: hidden;
white-space: normal !important;
min-height: 118px;
padding: 15px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.14);
border-radius: 18px;
}
#fenek-homepage .expert-stack article > div { min-width: 0; }
#fenek-homepage .expert-stack img { width: 68px; height: 68px; object-fit: cover; border-radius: 50%; background: white; }
#fenek-homepage .expert-stack strong { display: block; min-width: 0; color: white; font-family: var(--heading); font-size: 16px; line-height: 1.2; overflow-wrap: break-word; word-break: normal; white-space: normal !important; }
#fenek-homepage .expert-stack small { display: block; min-width: 0; margin-top: 5px; color: #b8cdd7; font-size: 13px; line-height: 1.3; overflow-wrap: break-word; word-break: normal; white-space: normal !important; }
#fenek-homepage .reviews { position: relative; }
#fenek-homepage .reviews::before {
content: "„";
position: absolute;
top: 68px;
right: max(25px, calc((100vw - 1200px) / 2));
color: rgba(255,216,87,.65);
font-family: Georgia, serif;
font-size: 190px;
line-height: 1;
pointer-events: none;
}
#fenek-homepage .review-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; }
#fenek-homepage .review-card {
display: flex;
min-height: 330px;
padding: 28px;
flex-direction: column;
background: var(--paper);
border: 1px solid var(--border);
border-radius: 22px;
}
#fenek-homepage .review-card-featured {
grid-row: span 2;
color: white;
background: var(--navy);
border-color: var(--navy);
}
#fenek-homepage .review-person { display: grid; grid-template-columns: 68px 1fr; gap: 15px; align-items: center; }
#fenek-homepage .review-person img {
width: 68px;
height: 68px;
object-fit: cover;
border: 4px solid white;
border-radius: 50%;
box-shadow: 0 8px 22px rgba(7,59,103,.13);
}
#fenek-homepage .review-person strong { display: block; color: var(--navy); font-family: var(--heading); font-size: 17px; line-height: 1.2; }
#fenek-homepage .review-person small { display: block; margin-top: 3px; color: var(--muted); font-size: 13px; line-height: 1.25; }
#fenek-homepage .review-card-featured .review-person strong { color: white; }
#fenek-homepage .review-card-featured .review-person small { color: #c8dae3; }
#fenek-homepage .review-card blockquote {
margin: 28px 0 24px;
color: #334d5e;
font-family: var(--heading);
font-size: 18px;
font-weight: 700;
line-height: 1.55;
}
#fenek-homepage .review-card blockquote p { margin: 0; }
#fenek-homepage .review-card blockquote p + p {
margin-top: 24px;
padding-top: 22px;
color: #d1e2ea;
border-top: 1px solid rgba(255,255,255,.16);
font-family: var(--body);
font-size: 18px;
font-weight: 500;
line-height: 1.55;
}
#fenek-homepage .review-card-featured blockquote { color: white; font-size: 24px; line-height: 1.5; }
#fenek-homepage .review-topic {
margin-top: auto;
padding-top: 17px;
color: var(--orange-dark);
border-top: 1px solid var(--border);
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
#fenek-homepage .review-card-featured .review-topic { color: var(--yellow); border-color: rgba(255,255,255,.17); }
#fenek-homepage .blog-highlights {
color: var(--navy);
background:
radial-gradient(circle at 94% 8%, rgba(255,216,87,.24), transparent 25%),
linear-gradient(180deg, #fffdf7, #f5faf9);
}
#fenek-homepage .blog-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 20px; }
#fenek-homepage .blog-card {
display: flex;
min-width: 0;
overflow: hidden;
flex-direction: column;
background: white;
border: 1px solid var(--border);
border-radius: 24px;
box-shadow: 0 12px 38px rgba(7,59,103,.07);
}
#fenek-homepage .blog-image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.35; background: #e8f2f5; }
#fenek-homepage .blog-card-featured .blog-image { aspect-ratio: 1.45; }
#fenek-homepage .blog-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
#fenek-homepage .blog-image:hover img { transform: scale(1.035); }
#fenek-homepage .blog-image span {
position: absolute;
bottom: 15px;
left: 15px;
padding: 8px 11px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 11px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
#fenek-homepage .blog-copy { display: flex; padding: 24px; flex: 1; flex-direction: column; }
#fenek-homepage .blog-copy time { color: var(--orange-dark); font-family: var(--heading); font-size: 12px; font-weight: 900; text-transform: uppercase; }
#fenek-homepage .blog-copy h3 { margin: 10px 0 12px; font-size: 24px; line-height: 1.15; }
#fenek-homepage .blog-card-featured .blog-copy h3 { font-size: 31px; }
#fenek-homepage .blog-copy h3 a { color: var(--navy); text-decoration: none; }
#fenek-homepage .blog-copy p { margin: 0 0 20px; color: var(--muted); font-size: 15px; line-height: 1.5; }
#fenek-homepage .blog-link { margin-top: auto; color: var(--navy); font-family: var(--heading); font-size: 14px; font-weight: 900; }
#fenek-homepage .blog-all { display: table; margin: 28px auto 0; color: var(--navy); font-family: var(--heading); font-size: 15px; font-weight: 900; }
#fenek-homepage .final-cta {
display: grid;
grid-template-columns: 1fr auto;
gap: 60px;
align-items: end;
}
#fenek-homepage .final-cta h2 { max-width: 850px; }
#fenek-homepage .final-cta > div:last-child { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
#fenek-homepage .concept-footer {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 28px max(28px, calc((100vw - 1184px) / 2));
color: #bcd0da;
background: var(--navy);
font-size: 14px;
}
#fenek-homepage .concept-footer strong { color: white; font-family: var(--heading); }
#fenek-homepage :focus-visible { outline: 3px solid var(--navy-deep); outline-offset: 3px; box-shadow: 0 0 0 6px rgba(255,216,87,.65); }
@media (max-width: 1120px) {
#fenek-homepage .header-inner { grid-template-columns: auto 1fr auto; }
#fenek-homepage .header-inner nav { display: none; }
#fenek-homepage .hero-inner { grid-template-columns: 1fr .85fr; }
#fenek-homepage .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
#fenek-homepage .hero-copy { padding-left: 40px; }
#fenek-homepage .needs-grid { grid-template-columns: repeat(2, 1fr); }
#fenek-homepage .character-grid { grid-template-columns: repeat(2, 1fr); }
#fenek-homepage .experts { display: block; padding: 80px 42px; text-align: center; }
#fenek-homepage .experts .eyebrow { justify-content: center; }
#fenek-homepage .experts-copy { max-width: 760px; margin: 0 auto 42px; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .expert-stack { max-width: 760px; margin: auto; text-align: left; }
}
@media (max-width: 820px) {
#fenek-homepage { font-size: 17px; }
#fenek-homepage .delivery { padding: 8px 16px; }
#fenek-homepage .header-inner { grid-template-columns: auto 1fr auto; gap: 10px; min-height: 68px; padding: 10px 16px; }
#fenek-homepage .logo { font-size: 24px; }
#fenek-homepage .header-search { height: 44px; }
#fenek-homepage .header-search input { min-width: 0; padding: 0 10px; font-size: 14px; }
#fenek-homepage .header-search button { width: 44px; }
#fenek-homepage .cart { padding: 10px 12px; font-size: 12px; }
#fenek-homepage .hero-inner { grid-template-columns: 1fr; }
#fenek-homepage .hero-inner { grid-template-columns: minmax(0, 1fr); }
#fenek-homepage .hero-copy { padding: 64px 25px 35px; text-align: center; }
#fenek-homepage .eyebrow { justify-content: center; }
#fenek-homepage h1 { font-size: clamp(2.85rem, 13vw, 4.3rem); }
#fenek-homepage h1 { font-size: clamp(2.85rem, 13vw, 4.3rem); }
#fenek-homepage .hero-lead { font-size: 19px; }
#fenek-homepage .hero-actions { justify-content: center; }
#fenek-homepage .hero-proof { justify-content: center; }
#fenek-homepage .hero-visual { min-height: 600px; padding: 0 15px; }
#fenek-homepage .hero-visual img { width: min(680px, 115%); max-height: 610px; }
#fenek-homepage .sun { width: 430px; height: 430px; top: 15px; right: 50%; transform: translateX(50%); }
#fenek-homepage .speech-card-top { top: 125px; left: 5%; }
#fenek-homepage .speech-card-bottom { bottom: 55px; right: 5%; }
#fenek-homepage .trust-strip { grid-template-columns: 1fr; gap: 12px; text-align: center; }
#fenek-homepage .section { padding: 78px 22px; }
#fenek-homepage .section-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 35px; text-align: center; }
#fenek-homepage .section-heading .eyebrow { justify-content: center; }
#fenek-homepage .section-heading > p { margin: auto; }
#fenek-homepage .needs-grid { grid-template-columns: 1fr; }
#fenek-homepage .story-method { grid-template-columns: 1fr; }
#fenek-homepage .story-image { min-height: 550px; }
#fenek-homepage .story-content { padding: 70px 28px; text-align: center; }
#fenek-homepage .steps { text-align: left; }
#fenek-homepage .product-grid { grid-template-columns: 1fr; }
#fenek-homepage .audience-grid { grid-template-columns: 1fr; }
#fenek-homepage .audience-grid article + article { border-top: 1px solid #eddcb7; border-left: 0; }
#fenek-homepage .release-controls { align-items: center; }
#fenek-homepage .characters .section-heading { text-align: center; }
#fenek-homepage .character-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .character-story { grid-template-columns: 1fr; text-align: center; }
#fenek-homepage .character-book { max-width: 610px; margin: auto; text-align: left; }
#fenek-homepage .journey { padding-top: 20px; }
#fenek-homepage .journey-panel { grid-template-columns: 1fr; }
#fenek-homepage .journey-copy { padding: 56px 30px; text-align: center; }
#fenek-homepage .journey-copy .eyebrow { justify-content: center; }
#fenek-homepage .journey-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .journey-visual { min-height: 430px; }
#fenek-homepage .experts { padding: 80px 28px; text-align: center; }
#fenek-homepage .experts .eyebrow { justify-content: center; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .expert-stack { max-width: 570px; margin: auto; text-align: left; }
#fenek-homepage .review-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .review-card-featured { grid-column: 1 / -1; grid-row: auto; }
#fenek-homepage .blog-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .blog-card-featured { grid-column: 1 / -1; }
#fenek-homepage .final-cta { grid-template-columns: 1fr; gap: 30px; text-align: center; }
#fenek-homepage .final-cta .eyebrow { justify-content: center; }
#fenek-homepage .final-cta > div:last-child { align-items: center; }
}
@media (max-width: 560px) {
#fenek-homepage .header-inner { grid-template-columns: 1fr auto; }
#fenek-homepage .header-search { grid-column: 1 / -1; grid-row: 2; }
#fenek-homepage .cart { grid-column: 2; grid-row: 1; }
#fenek-homepage .hero-proof { flex-direction: column; gap: 13px; align-items: center; }
#fenek-homepage .hero-proof span { width: 100%; max-width: 280px; padding: 0; text-align: center; }
#fenek-homepage .hero-proof span + span { padding-top: 13px; border-top: 1px solid rgba(7,59,103,.14); border-left: 0; }
#fenek-homepage .hero-visual { min-height: 500px; }
#fenek-homepage .hero-visual img { width: 118%; max-height: 520px; }
#fenek-homepage .sun { width: 350px; height: 350px; }
#fenek-homepage .speech-card { font-size: 12px; }
#fenek-homepage .speech-card-top { top: 95px; }
#fenek-homepage .section-heading h2, #fenek-homepage .story-content h2, #fenek-homepage .experts h2, #fenek-homepage .final-cta h2 { font-size: 2.5rem; }
#fenek-homepage .product-grid { grid-template-columns: 1fr; }
#fenek-homepage .character-grid { grid-template-columns: 1fr; }
#fenek-homepage .character-card { grid-template-columns: 100px 1fr; }
#fenek-homepage .character-card img { width: 100px; }
#fenek-homepage .character-story { padding: 28px 20px; }
#fenek-homepage .character-book { grid-template-columns: 118px 1fr; gap: 15px; padding: 13px; }
#fenek-homepage .character-book h4 { font-size: 21px; }
#fenek-homepage .character-book-footer { align-items: flex-start; flex-direction: column; }
#fenek-homepage .blog-grid { grid-template-columns: 1fr; }
#fenek-homepage .blog-card-featured { grid-column: auto; }
#fenek-homepage .blog-card-featured .blog-copy h3 { font-size: 26px; }
#fenek-homepage .journey-copy { padding: 46px 22px; }
#fenek-homepage .journey-copy h2 { font-size: 2.6rem; }
#fenek-homepage .journey-stats { grid-template-columns: 1fr 1fr; }
#fenek-homepage .journey-visual { min-height: 340px; }
#fenek-homepage .expert-stack { grid-template-columns: 1fr; }
#fenek-homepage .review-grid { grid-template-columns: 1fr; }
#fenek-homepage .review-card-featured { grid-column: auto; }
#fenek-homepage .review-card { min-height: 0; }
#fenek-homepage .review-card-featured blockquote { font-size: 20px; }
#fenek-homepage .concept-footer { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
#fenek-homepage, #fenek-homepage *, #fenek-homepage *::before, #fenek-homepage *::after { scroll-behavior: auto !important; transition: none !important; }
#fenek-homepage .release-track { animation: none; }
} #fenek-homepage {
width: var(--fenek-viewport-width, 100vw);
max-width: var(--fenek-viewport-width, 100vw) !important;
margin-left: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
margin-right: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
overflow-x: hidden;
color: var(--ink);
background: var(--white);
font-family: var(--body);
font-size: 18px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
#fenek-homepage .fenek-homepage-content {
width: 100%;
max-width: none;
margin: 0;
}
#fenek-homepage .fenek-content-nav {
position: relative;
z-index: 4;
width: 100%;
background: #fff;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
#fenek-homepage .fenek-menu-toggle {
display: none;
}
#fenek-homepage .fenek-content-nav-inner {
display: flex;
gap: 18px;
align-items: center;
justify-content: center;
min-height: 58px;
max-width: 1320px;
margin: 0 auto;
padding: 8px 24px;
}
.fenek-global-menu {
display: none;
}
.fenek-content-nav .fenek-nav-group {
position: relative;
}
.fenek-content-nav .fenek-nav-group summary,
.fenek-content-nav a {
color: var(--navy);
font-family: var(--heading);
font-size: 15px;
font-weight: 900;
text-decoration: none;
white-space: nowrap;
}
.fenek-content-nav .fenek-nav-group summary {
display: flex;
gap: 7px;
align-items: center;
padding: 8px 10px;
border-radius: 10px;
cursor: pointer;
list-style: none;
}
.fenek-content-nav .fenek-nav-group summary::-webkit-details-marker {
display: none;
}
.fenek-content-nav .fenek-nav-group summary::after {
content: "";
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform .2s ease;
}
.fenek-content-nav .fenek-nav-group[open] summary::after {
transform: rotate(225deg) translate(-1px, -1px);
}
.fenek-content-nav .fenek-submenu {
display: none;
}
#fenek-homepage .fenek-content-nav a:hover,
#fenek-homepage .fenek-content-nav a:focus-visible,
#fenek-homepage .fenek-nav-group summary:hover,
#fenek-homepage .fenek-nav-group summary:focus-visible {
color: var(--orange-dark);
}
.fenek-header-has-menu [data-id="c54902b"] {
display: none !important;
}
.fenek-header-has-menu [data-id="2a9864a"] {
overflow: visible !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
margin: 0 !important;
align-self: center !important;
order: 0 !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-wrapp {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
color: #073b67 !important;
background: #fff !important;
border: 1px solid #d6e2e8 !important;
border-radius: 10px !important;
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-ico-magnifier-handler {
display: block !important;
width: 20px !important;
height: 20px !important;
color: #073b67 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:hover,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:focus-visible {
color: #073b67 !important;
background: #eef6fa !important;
border-color: #b8d0dc !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:focus-visible {
outline: 3px solid rgba(243, 106, 33, .28) !important;
outline-offset: 2px !important;
}
.fenek-content-nav.is-in-header {
display: block !important;
position: relative !important;
z-index: 50 !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.fenek-content-nav.is-in-header .fenek-menu-toggle {
display: inline-flex;
gap: 9px;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 46px;
padding: 0 14px;
color: #073b67;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 14px;
font-family: "Nunito", sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
cursor: pointer;
}
.fenek-content-nav.is-in-header .fenek-menu-icon,
.fenek-content-nav.is-in-header .fenek-menu-icon::before,
.fenek-content-nav.is-in-header .fenek-menu-icon::after {
display: block;
width: 19px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform .2s ease, opacity .2s ease;
}
.fenek-content-nav.is-in-header .fenek-menu-icon {
position: relative;
}
.fenek-content-nav.is-in-header .fenek-menu-icon::before,
.fenek-content-nav.is-in-header .fenek-menu-icon::after {
content: "";
position: absolute;
left: 0;
}
.fenek-content-nav.is-in-header .fenek-menu-icon::before { top: -6px; }
.fenek-content-nav.is-in-header .fenek-menu-icon::after { top: 6px; }
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon {
background: transparent;
}
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon::before {
top: 0;
transform: rotate(45deg);
}
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon::after {
top: 0;
transform: rotate(-45deg);
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner {
position: absolute;
top: calc(100% + 18px);
right: 0;
display: none;
gap: 4px;
align-items: stretch;
min-width: 270px;
min-height: 0;
margin: 0;
padding: 12px;
flex-direction: column;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 18px;
box-shadow: 0 20px 45px rgba(7, 59, 103, .18);
max-height: min(72vh, 680px);
overflow-y: auto;
}
.fenek-content-nav.is-in-header.is-open .fenek-content-nav-inner {
display: flex;
}
.fenek-content-nav.is-in-header .fenek-nav-group {
width: 100%;
}
.fenek-content-nav.is-in-header .fenek-nav-group summary {
display: flex;
justify-content: space-between;
padding: 11px 14px;
color: #073b67;
border-radius: 10px;
font-family: "Nunito", sans-serif;
font-size: 14px;
font-weight: 900;
}
.fenek-content-nav.is-in-header .fenek-nav-group summary:hover,
.fenek-content-nav.is-in-header .fenek-nav-group summary:focus-visible {
color: #d94b0b;
background: #fff4df;
}
.fenek-content-nav.is-in-header .fenek-nav-group[open] > .fenek-submenu {
display: grid;
}
.fenek-content-nav.is-in-header .fenek-submenu {
position: static;
width: auto;
margin: 4px 0 9px;
padding: 10px;
grid-template-columns: 1fr;
gap: 10px;
background: #f5f9fb;
border: 1px solid #e2ebef;
border-radius: 12px;
box-shadow: none;
}
.fenek-content-nav.is-in-header .fenek-submenu-column {
display: grid;
gap: 2px;
}
.fenek-content-nav.is-in-header .fenek-submenu-title {
padding: 8px 10px 4px;
color: #d94b0b;
font-family: "Nunito", sans-serif;
font-size: 11px;
font-weight: 900;
letter-spacing: .07em;
text-transform: uppercase;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a {
display: block;
padding: 8px 10px;
color: #073b67;
border-radius: 10px;
font-family: "Source Sans 3", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
text-align: left;
white-space: normal;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a:hover,
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a:focus-visible {
color: #d94b0b;
background: #fff4df;
}
@media (min-width: 760px) {
.fenek-header-has-menu [data-id="c0b84ba"] {
flex: 1 1 300px !important;
width: auto !important;
min-width: 270px !important;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-menu-toggle {
display: none;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-content-nav-inner {
position: static;
display: flex;
gap: 5px;
min-width: 0;
max-height: none;
padding: 0;
flex-direction: row;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group {
width: auto;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary {
padding: 9px 8px;
font-size: 13px;
text-align: center;
white-space: nowrap;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary:hover,
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary:focus-visible {
background: transparent;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu {
position: absolute;
top: calc(100% + 14px);
left: 50%;
width: 330px;
margin: 0;
padding: 18px;
grid-template-columns: 1fr;
gap: 15px;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 18px;
box-shadow: 0 20px 45px rgba(7, 59, 103, .18);
transform: translateX(-50%);
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu-mega {
width: min(760px, calc(100vw - 40px));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group:last-child .fenek-submenu {
right: 0;
left: auto;
transform: none;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu-title {
padding: 0 10px 6px;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-content-nav-inner .fenek-submenu a {
padding: 7px 10px;
font-size: 13px;
text-align: left;
}
}
@media (max-width: 560px) {
.fenek-content-nav.is-in-header .fenek-menu-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fenek-content-nav.is-in-header .fenek-menu-toggle {
min-width: 44px;
min-height: 44px;
padding: 0 12px;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner {
position: fixed;
top: 76px;
right: 14px;
left: 14px;
width: auto;
min-width: 0;
}
}
#fenek-homepage .releases,
#fenek-homepage .release-marquee {
overflow-x: clip !important;
}
#fenek-homepage .release-marquee {
contain: paint;
}
#fenek-homepage .experts {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 56px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1440px !important;
overflow: hidden !important;
}
#fenek-homepage .experts-copy {
flex: 1 1 430px !important;
width: auto !important;
min-width: 0 !important;
}
#fenek-homepage .expert-stack {
display: grid !important;
flex: 1 1 550px !important;
grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
width: auto !important;
min-width: 0 !important;
}
#fenek-homepage .expert-stack article {
display: grid !important;
grid-template-columns: 68px minmax(0, 1fr) !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
}
#fenek-homepage .expert-stack article > div,
#fenek-homepage .expert-stack strong,
#fenek-homepage .expert-stack small {
min-width: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
@media (max-width: 1120px) {
#fenek-homepage .experts {
display: block !important;
padding: 80px 42px !important;
text-align: center !important;
}
#fenek-homepage .experts-copy {
max-width: 760px !important;
margin: 0 auto 42px !important;
}
#fenek-homepage .expert-stack {
max-width: 760px !important;
margin: 0 auto !important;
text-align: left !important;
}
}
@media (max-width: 820px) {
#fenek-homepage .fenek-content-nav { display: none; }
#fenek-homepage .experts { padding: 72px 28px !important; }
}
@media (max-width: 620px) {
#fenek-homepage .expert-stack {
grid-template-columns: 1fr !important;
}
}#fenek-education {
--edu-navy: #073f70;
--edu-navy-deep: #053557;
--edu-orange: #f36a21;
--edu-orange-dark: #d94d0b;
--edu-yellow: #ffd85a;
--edu-cream: #fffaf0;
--edu-sky: #edf7fb;
--edu-mint: #edf8f2;
--edu-ink: #24445b;
--edu-muted: #5f788a;
--edu-border: #d6e5ec;
--edu-white: #fff;
--edu-heading: "Nunito", sans-serif;
--edu-body: "Source Sans 3", sans-serif;
}
#fenek-education,
#fenek-education * { box-sizing: border-box; }
#fenek-education img { display: block; max-width: 100%; }
#fenek-education {
width: var(--fenek-viewport-width, 100vw);
max-width: var(--fenek-viewport-width, 100vw) !important;
margin-right: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
margin-left: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
overflow: hidden;
color: var(--edu-ink);
background: var(--edu-white);
font-family: var(--edu-body);
font-size: 18px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
#fenek-education h1,
#fenek-education h2,
#fenek-education h3 { margin: 0; color: var(--edu-navy); font-family: var(--edu-heading); line-height: 1.04; }
#fenek-education h1 { max-width: 780px; font-size: clamp(44px, 5.1vw, 76px); font-weight: 900; letter-spacing: -.045em; }
#fenek-education h1 em { color: var(--edu-orange); font-style: normal; }
#fenek-education h2 { font-size: clamp(36px, 4.2vw, 60px); font-weight: 900; letter-spacing: -.035em; }
#fenek-education h3 { font-size: 25px; font-weight: 900; letter-spacing: -.02em; }
.edu-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.edu-section { padding: 110px 0; }
.edu-eyebrow { display: flex; gap: 12px; align-items: center; margin: 0 0 22px; color: var(--edu-orange-dark); font-family: var(--edu-heading); font-size: 14px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.edu-eyebrow span { width: 26px; height: 4px; background: var(--edu-yellow); border-radius: 99px; }
.edu-eyebrow-light { color: var(--edu-yellow); }
.edu-lead { max-width: 680px; margin: 28px 0 0; color: var(--edu-ink); font-size: 23px; line-height: 1.5; }
.edu-heading { margin-bottom: 48px; }
.edu-heading-split { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 80px; align-items: end; }
.edu-heading-split > p { max-width: 440px; margin: 0 0 5px; color: var(--edu-muted); font-size: 20px; }
.edu-heading-centered { max-width: 790px; margin-right: auto; margin-left: auto; text-align: center; }
.edu-heading-centered .edu-eyebrow { justify-content: center; }
.edu-heading-centered > p:last-child { margin: 22px 0 0; color: var(--edu-muted); font-size: 20px; }
.edu-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.edu-button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 24px; border: 2px solid transparent; border-radius: 14px; font-family: var(--edu-heading); font-size: 16px; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.edu-button:hover { transform: translateY(-2px); }
.edu-button-primary { color: #fff; background: var(--edu-orange-dark); box-shadow: 0 12px 28px rgba(217,77,11,.18); }
.edu-button-primary:hover { background: var(--edu-orange); box-shadow: 0 15px 34px rgba(217,77,11,.25); }
.edu-button-secondary { color: var(--edu-navy); background: #fff; border-color: #bdd3de; }
.edu-button-secondary:hover { border-color: var(--edu-navy); }
.edu-inline-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 22px; color: var(--edu-navy); font-family: var(--edu-heading); font-weight: 900; text-decoration: none; }
.edu-inline-link:hover { color: var(--edu-orange-dark); }
.edu-hero { position: relative; background: radial-gradient(circle at 12% 20%, #f3faf6 0, transparent 32%), linear-gradient(110deg, #fffdf4 0%, #fff8eb 100%); }
.edu-hero::after { position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background: linear-gradient(90deg, var(--edu-yellow), #42c4c1, var(--edu-orange)); content: ""; }
.edu-hero-grid { display: grid; min-height: 790px; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 68px; align-items: center; padding-top: 78px; padding-bottom: 86px; }
.edu-hero-copy { position: relative; z-index: 2; }
.edu-proof { display: flex; margin: 36px 0 0; padding: 24px 0 0; border-top: 1px solid var(--edu-border); list-style: none; }
.edu-proof li { display: flex; min-width: 135px; flex-direction: column; padding: 0 24px; border-right: 1px solid var(--edu-border); }
.edu-proof li:first-child { padding-left: 0; }
.edu-proof li:last-child { border: 0; }
.edu-proof strong { color: var(--edu-orange-dark); font-family: var(--edu-heading); font-size: 25px; line-height: 1; }
.edu-proof span { margin-top: 6px; color: var(--edu-muted); font-size: 14px; line-height: 1.25; }
.edu-hero-visual { position: relative; margin: 0; padding: 46px 0 58px 36px; }
.edu-photo-frame { position: relative; overflow: hidden; aspect-ratio: 4 / 4.3; border: 12px solid #fff; border-radius: 44% 44% 24px 24px; background: var(--edu-yellow); box-shadow: 0 30px 70px rgba(7,63,112,.18); }
.edu-photo-frame::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(5,53,87,.14)); content: ""; pointer-events: none; }
#fenek-education .edu-photo-frame img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
object-position: 48% center !important;
}
.edu-hero-visual figcaption { position: absolute; right: -18px; bottom: 20px; max-width: 310px; padding: 18px 22px; color: var(--edu-navy); background: #fff; border-radius: 16px; box-shadow: 0 18px 40px rgba(7,63,112,.16); font-family: var(--edu-heading); font-weight: 900; line-height: 1.3; }
.edu-doodle { position: absolute; border: 4px solid #f5b18b; border-radius: 50%; }
.edu-doodle-one { top: 15px; left: -3px; width: 64px; height: 30px; transform: rotate(-14deg); }
.edu-doodle-two { right: -8px; bottom: 2px; width: 44px; height: 44px; border-color: var(--edu-yellow); }
.edu-needs { background: #fff; }
.edu-need-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.edu-need-card { display: flex; min-height: 310px; flex-direction: column; padding: 28px; border: 1px solid var(--edu-border); border-radius: 22px; }
.edu-need-card p { margin: 18px 0 24px; color: var(--edu-muted); }
.edu-need-card a { display: flex; justify-content: space-between; margin-top: auto; color: var(--edu-navy); font-family: var(--edu-heading); font-weight: 900; text-decoration: none; }
.edu-card-icon { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 38px; color: var(--edu-navy); background: rgba(255,255,255,.72); border-radius: 14px; font-family: var(--edu-heading); font-weight: 900; }
.edu-card-orange { background: #fff0e7; }
.edu-card-blue { background: #eaf6fb; }
.edu-card-yellow { background: #fff6ce; }
.edu-card-green { background: #eaf7ef; }
.edu-method { color: #fff; background: var(--edu-navy-deep); }
.edu-method h2 { color: #fff !important; }
.edu-method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; align-items: center; }
.edu-method-intro > p:last-child { max-width: 480px; margin: 26px 0 0; color: #d6e5ec; font-size: 20px; }
.edu-steps { margin: 0; padding: 0; list-style: none; }
.edu-steps li { display: grid; grid-template-columns: 70px 1fr; gap: 24px; padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.edu-steps li:last-child { border-bottom: 0; }
.edu-steps > li > span { display: grid; width: 58px; height: 58px; place-items: center; color: var(--edu-navy); background: var(--edu-yellow); border-radius: 50%; font-family: var(--edu-heading); font-size: 20px; font-weight: 900; }
.edu-steps strong { color: #fff; font-family: var(--edu-heading); font-size: 23px; }
.edu-steps p { margin: 6px 0 0; color: #c8dae4; }
.edu-topics { background: var(--edu-cream); }
.edu-topic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.edu-topic-grid a { position: relative; display: flex; min-height: 142px; flex-direction: column; justify-content: center; padding: 28px 54px 28px 28px; background: #fff; border: 1px solid #eadfc9; border-radius: 18px; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.edu-topic-grid a::after { position: absolute; top: 50%; right: 24px; color: var(--edu-orange-dark); content: "→"; font-family: var(--edu-heading); font-size: 22px; transform: translateY(-50%); }
.edu-topic-grid a:hover { border-color: var(--edu-orange); box-shadow: 0 15px 35px rgba(7,63,112,.1); transform: translateY(-3px); }
.edu-topic-grid strong { color: var(--edu-navy); font-family: var(--edu-heading); font-size: 20px; font-weight: 900; }
.edu-topic-grid span { margin-top: 7px; color: var(--edu-muted); font-size: 15px; }
.edu-programs { background: #fff; }
.edu-program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.edu-program-grid article { position: relative; overflow: hidden; padding: 32px; border: 1px solid var(--edu-border); border-radius: 22px; box-shadow: 0 18px 45px rgba(7,63,112,.08); }
.edu-program-grid article:nth-child(1) { border-top: 7px solid var(--edu-yellow); }
.edu-program-grid article:nth-child(2) { border-top: 7px solid #68c999; }
.edu-program-grid article:nth-child(3) { border-top: 7px solid #f49c76; }
.edu-program-number { position: absolute; top: 22px; right: 26px; color: #dae7ed; font-family: var(--edu-heading); font-size: 52px; font-weight: 900; }
.edu-program-tag { margin: 0 0 30px; color: var(--edu-orange-dark); font-family: var(--edu-heading); font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.edu-program-grid article > p:not(.edu-program-tag) { color: var(--edu-muted); }
.edu-program-grid ul { min-height: 120px; margin: 24px 0; padding-left: 20px; color: var(--edu-ink); }
.edu-program-grid li { margin: 7px 0; }
.edu-program-grid a { color: var(--edu-navy); font-family: var(--edu-heading); font-weight: 900; text-decoration: none; }
.edu-materials { background: var(--edu-sky); }
.edu-materials-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.edu-materials-copy > p:not(.edu-eyebrow) { margin: 26px 0 30px; color: var(--edu-muted); font-size: 20px; }
.edu-material-list { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, 1fr); gap: 14px; list-style: none; }
.edu-material-list a { display: grid; min-height: 116px; grid-template-columns: 42px 1fr; align-content: center; padding: 20px; background: #fff; border: 1px solid var(--edu-border); border-radius: 16px; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.edu-material-list a:hover { border-color: var(--edu-orange); transform: translateY(-2px); }
.edu-material-list span { grid-row: 1 / 3; color: var(--edu-orange-dark); font-family: var(--edu-heading); font-weight: 900; }
.edu-material-list strong { color: var(--edu-navy); font-family: var(--edu-heading); font-size: 18px; font-weight: 900; }
.edu-material-list small { color: var(--edu-muted); font-size: 14px; }
.edu-meetings { background: #fff; }
.edu-meetings-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: center; }
.edu-video-card { overflow: hidden; background: var(--edu-navy-deep); border-radius: 26px; box-shadow: 0 25px 60px rgba(7,63,112,.16); }
.edu-video-frame { position: relative; aspect-ratio: 16 / 9; background: #062e4e; }
#fenek-education .edu-video-frame iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }
.edu-video-caption { display: flex; gap: 14px; align-items: center; padding: 18px 22px; color: #fff; }
.edu-video-caption > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: var(--edu-navy); background: var(--edu-yellow); border-radius: 50%; font-size: 13px; }
.edu-video-caption p { margin: 0; color: #dce9ef; font-size: 13px; line-height: 1.35; }
.edu-video-caption strong { display: block; margin-bottom: 3px; color: #fff; font-family: var(--edu-heading); font-size: 16px; font-weight: 900; }
.edu-meetings-grid > div > p:not(.edu-eyebrow) { margin: 26px 0; color: var(--edu-muted); font-size: 20px; }
.edu-meeting-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.edu-meeting-options article { padding: 20px; background: var(--edu-cream); border-radius: 15px; }
.edu-meeting-options strong { display: block; color: var(--edu-navy); font-family: var(--edu-heading); font-weight: 900; }
.edu-meeting-options span { display: block; margin-top: 6px; color: var(--edu-muted); font-size: 15px; }
.edu-offer { background: var(--edu-cream); }
.edu-offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.edu-offer-grid > article { border-radius: 24px; }
.edu-offer-benefits { padding: 38px; color: #fff; background: var(--edu-navy); }
.edu-offer-benefits h3 { color: #fff !important; }
.edu-offer-benefits ul { margin: 28px 0 34px; padding: 0; list-style: none; }
.edu-offer-benefits li { position: relative; margin: 13px 0; padding-left: 30px; color: #dce9ef; }
.edu-offer-benefits li::before { position: absolute; top: 0; left: 0; color: var(--edu-yellow); content: "✓"; font-weight: 900; }
.edu-offer-product { position: relative; display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; align-items: center; padding: 32px; background: #fff; border: 1px solid #eadfc9; }
.edu-offer-product img { width: 100%; border-radius: 12px; }
.edu-offer-product p { margin: 0 0 8px; color: var(--edu-orange-dark); font-size: 14px; font-weight: 700; }
.edu-offer-product h3 { margin-bottom: 22px !important; }
.edu-offer-product a { color: var(--edu-navy); font-family: var(--edu-heading); font-weight: 900; text-decoration: none; }
.edu-offer-badge { position: absolute; top: 16px; left: 16px; padding: 7px 11px; color: var(--edu-navy); background: var(--edu-yellow); border-radius: 99px; font-family: var(--edu-heading); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.edu-trust { color: #fff; background: var(--edu-navy-deep); }
.edu-trust h2 { color: #fff !important; }
.edu-trust-top { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: end; margin-bottom: 52px; }
.edu-stats { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(3, 1fr); gap: 14px; list-style: none; }
.edu-stats li { padding: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 15px; }
.edu-stats strong { display: block; color: var(--edu-yellow); font-family: var(--edu-heading); font-size: 30px; font-weight: 900; line-height: 1; }
.edu-stats span { display: block; margin-top: 8px; color: #d5e4eb; font-size: 14px; }
.edu-review-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 18px; }
.edu-review-grid article { padding: 28px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 20px; }
.edu-review-featured { background: #fff !important; }
.edu-review-featured blockquote { color: var(--edu-navy) !important; font-size: 23px !important; }
.edu-person { display: flex; gap: 14px; align-items: center; }
.edu-person img { width: 58px; height: 58px; border: 3px solid #fff; border-radius: 50%; object-fit: cover; }
.edu-person strong { display: block; color: #fff; font-family: var(--edu-heading); font-weight: 900; }
.edu-review-featured .edu-person strong { color: var(--edu-navy); }
.edu-person span { display: block; margin-top: 2px; color: #c8dae4; font-size: 13px; line-height: 1.25; }
.edu-review-featured .edu-person span { color: var(--edu-muted); }
.edu-review-grid blockquote { margin: 28px 0 0; color: #fff; font-family: var(--edu-heading); font-size: 18px; font-weight: 800; line-height: 1.45; }
.edu-faq { background: #fff; }
.edu-faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.edu-faq-intro > p:not(.edu-eyebrow) { margin: 24px 0 0; color: var(--edu-muted); }
.edu-accordion details { border-bottom: 1px solid var(--edu-border); }
.edu-accordion summary { position: relative; padding: 25px 50px 25px 0; color: var(--edu-navy); cursor: pointer; font-family: var(--edu-heading); font-size: 20px; font-weight: 900; list-style: none; }
.edu-accordion summary::-webkit-details-marker { display: none; }
.edu-accordion summary::after { position: absolute; top: 22px; right: 4px; display: grid; width: 32px; height: 32px; place-items: center; color: var(--edu-navy); background: var(--edu-sky); border-radius: 50%; content: "+"; }
.edu-accordion details[open] summary::after { content: "−"; }
.edu-accordion details p { margin: 0; padding: 0 52px 24px 0; color: var(--edu-muted); }
.edu-accordion details p > a:not(.edu-faq-action) { color: var(--edu-navy); font-weight: 700; }
.edu-faq-action { display: flex; width: fit-content; gap: 9px; align-items: center; margin-top: 14px; color: var(--edu-orange-dark); font-family: var(--edu-heading); font-weight: 900; text-decoration: none; }
.edu-faq-action:hover { color: var(--edu-navy); }
.edu-final { padding: 92px 0; color: #fff; background: var(--edu-navy); }
.edu-final h2 { max-width: 760px; color: #fff !important; }
.edu-final-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }
.edu-final-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.edu-button-yellow { color: var(--edu-navy); background: var(--edu-yellow); }
.edu-button-outline-light { color: #fff; border-color: rgba(255,255,255,.5); }
.edu-final-actions > a:last-child { margin-top: 8px; color: #fff; font-family: var(--edu-heading); font-weight: 900; text-align: center; text-decoration: none; } #fenek-education a.edu-button-primary,
#fenek-education a.edu-button-primary:visited { color: #fff !important; }
#fenek-education a.edu-button-primary:hover,
#fenek-education a.edu-button-primary:focus-visible { color: #fff !important; background: var(--edu-orange) !important; }
#fenek-education a.edu-button-secondary,
#fenek-education a.edu-button-secondary:visited { color: var(--edu-navy) !important; background: #fff !important; }
#fenek-education a.edu-button-secondary:hover,
#fenek-education a.edu-button-secondary:focus-visible { color: var(--edu-orange-dark) !important; border-color: var(--edu-navy) !important; }
#fenek-education a.edu-inline-link,
#fenek-education a.edu-inline-link:visited,
#fenek-education .edu-need-card a,
#fenek-education .edu-need-card a:visited,
#fenek-education .edu-topic-card a,
#fenek-education .edu-topic-card a:visited,
#fenek-education .edu-program-card a,
#fenek-education .edu-program-card a:visited,
#fenek-education .edu-material-list a,
#fenek-education .edu-material-list a:visited,
#fenek-education .edu-offer-product a,
#fenek-education .edu-offer-product a:visited,
#fenek-education .edu-accordion details p > a:not(.edu-faq-action),
#fenek-education .edu-accordion details p > a:not(.edu-faq-action):visited { color: var(--edu-navy) !important; }
#fenek-education a.edu-inline-link:hover,
#fenek-education a.edu-inline-link:focus-visible,
#fenek-education .edu-need-card a:hover,
#fenek-education .edu-topic-card a:hover,
#fenek-education .edu-program-card a:hover,
#fenek-education .edu-offer-product a:hover { color: var(--edu-orange-dark) !important; }
#fenek-education a.edu-faq-action,
#fenek-education a.edu-faq-action:visited { color: var(--edu-orange-dark) !important; }
#fenek-education a.edu-faq-action:hover,
#fenek-education a.edu-faq-action:focus-visible { color: var(--edu-navy) !important; }
#fenek-education a.edu-button-yellow,
#fenek-education a.edu-button-yellow:visited { color: var(--edu-navy) !important; background: var(--edu-yellow) !important; }
#fenek-education a.edu-button-outline-light,
#fenek-education a.edu-button-outline-light:visited,
#fenek-education .edu-final-actions > a:last-child,
#fenek-education .edu-final-actions > a:last-child:visited { color: #fff !important; }
@media (max-width: 1080px) {
.edu-hero-grid { min-height: auto; grid-template-columns: 1fr 430px; gap: 34px; }
#fenek-education h1 { font-size: clamp(42px, 6vw, 62px); }
.edu-need-grid { grid-template-columns: repeat(2, 1fr); }
.edu-method-grid, .edu-materials-grid { gap: 55px; }
.edu-topic-grid { grid-template-columns: repeat(2, 1fr); }
.edu-program-grid { grid-template-columns: 1fr; }
.edu-program-grid ul { min-height: 0; }
.edu-program-grid article { padding-right: 90px; }
.edu-review-grid { grid-template-columns: 1fr 1fr; }
.edu-review-featured { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
.edu-container { width: min(100% - 36px, 680px); }
.edu-section { padding: 78px 0; }
.edu-heading-split,
.edu-hero-grid,
.edu-method-grid,
.edu-materials-grid,
.edu-meetings-grid,
.edu-trust-top,
.edu-faq-grid,
.edu-final-inner { grid-template-columns: 1fr; gap: 42px; }
.edu-hero-grid { padding-top: 64px; }
.edu-hero-copy { order: 1; }
.edu-hero-visual { order: 2; max-width: 560px; margin: 0 auto; padding-left: 0; }
.edu-photo-frame { aspect-ratio: 4 / 3.7; border-radius: 28px; }
.edu-heading-split > p { max-width: 600px; }
.edu-method-intro > p:last-child { max-width: none; }
.edu-material-list { grid-template-columns: 1fr 1fr; }
.edu-offer-grid { grid-template-columns: 1fr; }
.edu-video-card { order: 2; }
.edu-stats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 580px) {
#fenek-education { font-size: 17px; }
#fenek-education h1 { font-size: 42px; }
#fenek-education h2 { font-size: 36px; }
.edu-lead { font-size: 20px; }
.edu-actions { flex-direction: column; }
.edu-button { width: 100%; }
.edu-proof { display: grid; grid-template-columns: repeat(3, 1fr); }
.edu-proof li { min-width: 0; padding: 0 10px; }
.edu-proof strong { font-size: 19px; }
.edu-proof span { font-size: 12px; }
.edu-hero-visual figcaption { right: 4px; max-width: 255px; font-size: 14px; }
.edu-need-grid,
.edu-topic-grid,
.edu-material-list,
.edu-meeting-options,
.edu-review-grid { grid-template-columns: 1fr; }
.edu-need-card { min-height: 250px; }
.edu-card-icon { margin-bottom: 24px; }
.edu-steps li { grid-template-columns: 54px 1fr; gap: 16px; }
.edu-steps > li > span { width: 46px; height: 46px; }
.edu-program-grid article { padding: 26px; }
.edu-program-number { display: none; }
.edu-offer-product { grid-template-columns: 1fr; padding-top: 62px; }
.edu-stats { grid-template-columns: 1fr; }
.edu-review-featured { grid-column: auto; }
}#fenek-specialists {
--sp-navy: #073f70;
--sp-navy-deep: #063557;
--sp-orange: #f36a21;
--sp-orange-dark: #d94d0b;
--sp-yellow: #ffd348;
--sp-sky: #eaf7fb;
--sp-cream: #fffaf0;
--sp-ink: #173f5b;
--sp-muted: #5d7688;
--sp-border: #d7e5eb;
--sp-heading: "Nunito", sans-serif;
--sp-body: "Source Sans 3", sans-serif;
color: var(--sp-ink);
background: #fff;
font-family: var(--sp-body);
font-size: 18px;
line-height: 1.55;
}
#fenek-specialists * { box-sizing: border-box; }
#fenek-specialists img { display: block; max-width: 100%; }
#fenek-specialists h1,
#fenek-specialists h2,
#fenek-specialists h3,
#fenek-specialists p { margin-top: 0; }
#fenek-specialists h1,
#fenek-specialists h2,
#fenek-specialists h3 { color: var(--sp-navy); font-family: var(--sp-heading); font-weight: 900; letter-spacing: -.035em; line-height: 1.06; }
#fenek-specialists h1 { max-width: 760px; margin-bottom: 28px; font-size: clamp(50px, 5.2vw, 72px); }
#fenek-specialists h1 em { display: block; color: var(--sp-orange); font-style: normal; }
#fenek-specialists h2 { margin-bottom: 0; font-size: clamp(42px, 4.5vw, 62px); }
#fenek-specialists h3 { margin-bottom: 14px; font-size: 25px; }
.sp-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.sp-section { padding: 112px 0; }
.sp-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; color: var(--sp-orange-dark); font-family: var(--sp-heading); font-size: 14px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sp-eyebrow > span { width: 24px; height: 4px; background: var(--sp-yellow); border-radius: 9px; }
.sp-eyebrow-light { color: var(--sp-yellow); }
.sp-lead { max-width: 690px; margin-bottom: 0; color: var(--sp-ink); font-size: 22px; line-height: 1.55; }
.sp-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.sp-button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 24px; border: 2px solid transparent; border-radius: 14px; font-family: var(--sp-heading); font-size: 16px; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.sp-button:hover { transform: translateY(-2px); }
#fenek-specialists a.sp-button-primary,
#fenek-specialists a.sp-button-primary:visited { color: #fff !important; background: var(--sp-orange-dark) !important; box-shadow: 0 12px 28px rgba(217,77,11,.18); }
#fenek-specialists a.sp-button-primary:hover,
#fenek-specialists a.sp-button-primary:focus-visible { color: #fff !important; background: var(--sp-orange) !important; }
#fenek-specialists a.sp-button-secondary,
#fenek-specialists a.sp-button-secondary:visited { color: var(--sp-navy) !important; background: #fff !important; border-color: #bdd3de !important; }
#fenek-specialists a.sp-button-secondary:hover,
#fenek-specialists a.sp-button-secondary:focus-visible { color: var(--sp-orange-dark) !important; border-color: var(--sp-navy) !important; }
.sp-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 11% 18%, #eefaf6 0, transparent 34%), linear-gradient(110deg, #fffef5 0%, #fff7ec 100%); }
.sp-hero::after { position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background: linear-gradient(90deg, var(--sp-yellow), #42c4c1, var(--sp-orange)); content: ""; }
.sp-hero-grid { display: grid; min-height: 740px; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr); gap: 70px; align-items: center; padding-top: 68px; padding-bottom: 78px; }
.sp-hero-copy { position: relative; z-index: 2; }
.sp-proof { display: flex; margin: 38px 0 0; padding: 24px 0 0; border-top: 1px solid var(--sp-border); list-style: none; }
.sp-proof li { display: flex; min-width: 145px; flex-direction: column; padding: 0 22px; border-right: 1px solid var(--sp-border); }
.sp-proof li:first-child { padding-left: 0; }
.sp-proof li:last-child { border: 0; }
.sp-proof strong { color: var(--sp-orange-dark); font-family: var(--sp-heading); font-size: 24px; line-height: 1; }
.sp-proof span { margin-top: 6px; color: var(--sp-muted); font-size: 14px; line-height: 1.25; }
.sp-hero-visual { position: relative; margin: 0; padding: 44px 0 54px 34px; }
.sp-photo-frame { position: relative; overflow: hidden; aspect-ratio: 4 / 4.35; border: 12px solid #fff; border-radius: 44% 44% 24px 24px; background: var(--sp-yellow); box-shadow: 0 30px 70px rgba(7,63,112,.18); }
#fenek-specialists .sp-photo-frame img { width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: 52% center !important; }
.sp-photo-frame::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 62%, rgba(5,53,87,.12)); content: ""; pointer-events: none; }
.sp-hero-visual figcaption { position: absolute; right: -18px; bottom: 18px; max-width: 330px; padding: 18px 22px; color: var(--sp-navy); background: #fff; border-radius: 16px; box-shadow: 0 18px 40px rgba(7,63,112,.16); font-family: var(--sp-heading); font-weight: 900; line-height: 1.35; }
.sp-doodle { position: absolute; border: 4px solid #f5b18b; border-radius: 50%; }
.sp-doodle-one { top: 14px; left: -2px; width: 64px; height: 30px; transform: rotate(-14deg); }
.sp-doodle-two { right: -7px; bottom: 0; width: 44px; height: 44px; border-color: var(--sp-yellow); }
.sp-heading { margin-bottom: 52px; }
.sp-heading-split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr); gap: 80px; align-items: end; }
.sp-heading-split > p { max-width: 440px; margin-bottom: 4px; color: var(--sp-muted); font-size: 20px; }
.sp-heading-centered { max-width: 820px; margin-right: auto; margin-left: auto; text-align: center; }
.sp-heading-centered .sp-eyebrow { justify-content: center; }
.sp-heading-centered > p:last-child { margin: 22px 0 0; color: var(--sp-muted); font-size: 20px; }
.sp-needs { background: #fff; }
.sp-need-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
#fenek-specialists a.sp-need-card,
#fenek-specialists a.sp-need-card:visited { display: flex; min-height: 250px; flex-direction: column; padding: 28px; color: var(--sp-navy) !important; border: 1px solid var(--sp-border); border-radius: 22px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#fenek-specialists a.sp-need-card:hover { color: var(--sp-navy) !important; border-color: var(--sp-orange); box-shadow: 0 18px 36px rgba(7,63,112,.1); transform: translateY(-4px); }
.sp-need-card .sp-number { color: var(--sp-orange-dark); font-family: var(--sp-heading); font-size: 13px; font-weight: 900; }
.sp-need-card strong { margin-top: 34px; font-family: var(--sp-heading); font-size: 23px; font-weight: 900; }
.sp-need-card small { margin-top: 8px; color: var(--sp-muted); font-size: 15px; }
.sp-need-card b { display: flex; justify-content: space-between; margin-top: auto; padding-top: 22px; font-family: var(--sp-heading); font-size: 15px; }
.sp-card-peach { background: #fff4ed; }
.sp-card-blue { background: #eef8fc; }
.sp-card-violet { background: #f5effc; }
.sp-card-green { background: #edf8f1; }
.sp-card-yellow { background: #fff9df; }
.sp-card-sky { background: #edf5fa; }
.sp-tools { background: linear-gradient(180deg, #f5fafc 0, #fff 100%); }
.sp-tool-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.sp-tool-card { display: flex; min-height: 360px; flex-direction: column; padding: 30px; background: #fff; border: 1px solid var(--sp-border); border-radius: 22px; }
.sp-tool-icon { display: grid; width: 50px; height: 50px; place-items: center; color: var(--sp-navy); background: var(--sp-sky); border-radius: 15px; font-family: var(--sp-heading); font-size: 22px; font-weight: 900; }
.sp-tool-card h3 { margin-top: 26px; }
.sp-tool-card p { color: var(--sp-muted); font-size: 16px; }
#fenek-specialists .sp-tool-card a,
#fenek-specialists .sp-tool-card a:visited { display: flex; justify-content: space-between; margin-top: auto; color: var(--sp-navy) !important; font-family: var(--sp-heading); font-weight: 900; text-decoration: none; }
#fenek-specialists .sp-tool-card a:hover { color: var(--sp-orange-dark) !important; }
.sp-tool-featured { background: var(--sp-navy); border-color: var(--sp-navy); }
.sp-tool-featured h3,
.sp-tool-featured p { color: #fff !important; }
.sp-tool-featured .sp-tool-icon { background: var(--sp-yellow); }
#fenek-specialists .sp-tool-featured a,
#fenek-specialists .sp-tool-featured a:visited { color: var(--sp-yellow) !important; }
.sp-method { background: var(--sp-cream); }
.sp-method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.sp-method-intro > p:last-child { margin: 26px 0 0; color: var(--sp-muted); font-size: 20px; }
.sp-steps { margin: 0; padding: 0; list-style: none; }
.sp-steps li { display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid #e7dbc6; }
.sp-steps li:first-child { padding-top: 0; }
.sp-steps > li > span { display: grid; width: 54px; height: 54px; place-items: center; color: var(--sp-navy); background: var(--sp-yellow); border-radius: 50%; font-family: var(--sp-heading); font-size: 20px; font-weight: 900; }
.sp-steps strong { color: var(--sp-navy); font-family: var(--sp-heading); font-size: 22px; font-weight: 900; }
.sp-steps p { margin: 8px 0 0; color: var(--sp-muted); }
.sp-practice { background: #fff; }
.sp-practice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.sp-practice-quote,
.sp-practice-copy { min-height: 520px; padding: 52px; border-radius: 28px; }
.sp-practice-quote { display: flex; flex-direction: column; color: #fff; background: var(--sp-navy-deep); }
.sp-practice-quote blockquote { margin: 44px 0; color: #fff; font-family: var(--sp-heading); font-size: clamp(26px, 2.4vw, 36px); font-weight: 800; line-height: 1.38; }
.sp-practice-quote > p:last-child { margin-top: auto; }
.sp-practice-quote strong,
.sp-practice-quote span { display: block; }
.sp-practice-quote strong { color: #fff; font-family: var(--sp-heading); font-size: 18px; }
.sp-practice-quote span { margin-top: 4px; color: #cadde6; font-size: 14px; }
.sp-practice-copy { background: #eef8fc; }
.sp-practice-copy > p:not(.sp-eyebrow) { margin: 28px 0; color: var(--sp-muted); font-size: 19px; }
.sp-practice-copy ul { margin: 0; padding: 0; list-style: none; }
.sp-practice-copy li { position: relative; margin: 14px 0; padding-left: 30px; }
.sp-practice-copy li::before { position: absolute; left: 0; color: var(--sp-orange-dark); content: "✓"; font-weight: 900; }
.sp-order { padding-top: 0; background: #fff; }
.sp-order-box { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; padding: 54px; color: #fff; background: var(--sp-navy); border-radius: 28px; }
.sp-order-box h2 { color: #fff !important; }
.sp-order-box > div > p:not(.sp-eyebrow) { max-width: 720px; margin: 24px 0 0; color: #dce9ef; font-size: 19px; }
.sp-order-actions { display: flex; flex-direction: column; gap: 14px; }
#fenek-specialists a.sp-button-yellow,
#fenek-specialists a.sp-button-yellow:visited { color: var(--sp-navy) !important; background: var(--sp-yellow) !important; }
#fenek-specialists .sp-order-actions > a:last-child,
#fenek-specialists .sp-order-actions > a:last-child:visited { color: #fff !important; font-family: var(--sp-heading); font-weight: 900; text-align: center; text-decoration: none; }
.sp-faq { background: #fff; }
.sp-faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.sp-faq-intro > p:not(.sp-eyebrow) { margin: 24px 0 0; color: var(--sp-muted); }
#fenek-specialists a.sp-inline-link,
#fenek-specialists a.sp-inline-link:visited { display: inline-flex; gap: 9px; margin-top: 20px; color: var(--sp-orange-dark) !important; font-family: var(--sp-heading); font-weight: 900; text-decoration: none; }
.sp-accordion details { border-bottom: 1px solid var(--sp-border); }
.sp-accordion summary { position: relative; padding: 25px 50px 25px 0; color: var(--sp-navy); cursor: pointer; font-family: var(--sp-heading); font-size: 20px; font-weight: 900; list-style: none; }
.sp-accordion summary::-webkit-details-marker { display: none; }
.sp-accordion summary::after { position: absolute; top: 22px; right: 4px; display: grid; width: 32px; height: 32px; place-items: center; color: var(--sp-navy); background: var(--sp-sky); border-radius: 50%; content: "+"; }
.sp-accordion details[open] summary::after { content: "−"; }
.sp-accordion details p { margin: 0; padding: 0 52px 24px 0; color: var(--sp-muted); }
.sp-final { padding: 92px 0; color: #fff; background: var(--sp-navy-deep); }
.sp-final h2 { max-width: 780px; color: #fff !important; }
.sp-final-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }
.sp-final-actions { display: flex; flex-direction: column; gap: 12px; }
#fenek-specialists a.sp-button-outline,
#fenek-specialists a.sp-button-outline:visited { color: #fff !important; border-color: rgba(255,255,255,.5) !important; }
@media (max-width: 1080px) {
.sp-hero-grid { min-height: auto; grid-template-columns: 1fr 430px; gap: 36px; }
.sp-tool-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 880px) {
.sp-section { padding: 80px 0; }
.sp-hero-grid,
.sp-heading-split,
.sp-method-grid,
.sp-practice-grid,
.sp-order-box,
.sp-faq-grid,
.sp-final-inner { grid-template-columns: 1fr; gap: 44px; }
.sp-hero-grid { padding-top: 62px; }
.sp-hero-visual { max-width: 570px; margin: 0 auto; padding-left: 0; }
.sp-photo-frame { aspect-ratio: 4 / 3.75; border-radius: 28px; }
.sp-heading-split > p { max-width: 650px; }
.sp-need-grid { grid-template-columns: repeat(2, 1fr); }
.sp-order { padding-top: 0; }
.sp-practice-quote,
.sp-practice-copy { min-height: auto; }
}
@media (max-width: 580px) {
#fenek-specialists { font-size: 17px; }
#fenek-specialists h1 { font-size: 43px; }
#fenek-specialists h2 { font-size: 36px; }
.sp-container { width: min(100% - 30px, 1220px); }
.sp-section { padding: 64px 0; }
.sp-hero-grid { padding-top: 50px; padding-bottom: 68px; }
.sp-lead { font-size: 19px; }
.sp-actions,
.sp-actions .sp-button { width: 100%; }
.sp-proof { display: grid; grid-template-columns: repeat(3, 1fr); }
.sp-proof li { min-width: 0; padding: 0 10px; }
.sp-proof strong { font-size: 19px; }
.sp-proof span { font-size: 11px; }
.sp-hero-visual figcaption { right: 8px; bottom: 20px; max-width: calc(100% - 30px); font-size: 14px; }
.sp-need-grid,
.sp-tool-grid { grid-template-columns: 1fr; }
#fenek-specialists a.sp-need-card { min-height: 220px; }
.sp-practice-quote,
.sp-practice-copy,
.sp-order-box { padding: 30px; border-radius: 22px; }
.sp-steps li { grid-template-columns: 50px 1fr; gap: 14px; }
.sp-steps > li > span { width: 44px; height: 44px; }
.sp-final-actions .sp-button { width: 100%; }
}#fenek-materials {
--mt-navy: #073f70;
--mt-navy-deep: #063557;
--mt-orange: #f36a21;
--mt-orange-dark: #d94d0b;
--mt-yellow: #ffd348;
--mt-cream: #fffaf0;
--mt-sky: #eaf7fb;
--mt-ink: #173f5b;
--mt-muted: #5d7688;
--mt-border: #d7e5eb;
--mt-heading: "Nunito", sans-serif;
--mt-body: "Source Sans 3", sans-serif;
color: var(--mt-ink);
background: #fff;
font-family: var(--mt-body);
font-size: 18px;
line-height: 1.55;
width: var(--fenek-viewport-width, 100vw);
max-width: var(--fenek-viewport-width, 100vw) !important;
margin-right: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
margin-left: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
}
#fenek-materials * { box-sizing: border-box; }
#fenek-materials img { display: block; max-width: 100%; }
#fenek-materials h1,
#fenek-materials h2,
#fenek-materials h3,
#fenek-materials p { margin-top: 0; }
#fenek-materials h1,
#fenek-materials h2,
#fenek-materials h3 {
color: var(--mt-navy);
font-family: var(--mt-heading);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1.06;
}
#fenek-materials h1 { max-width: 790px; margin-bottom: 28px; font-size: clamp(50px, 5.2vw, 72px); }
#fenek-materials h1 em { display: block; color: var(--mt-orange); font-style: normal; }
#fenek-materials h2 { margin-bottom: 0; font-size: clamp(42px, 4.5vw, 62px); }
#fenek-materials h3 { margin-bottom: 14px; font-size: 25px; }
.mt-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.mt-section { padding: 112px 0; }
.mt-eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
color: var(--mt-orange-dark);
font-family: var(--mt-heading);
font-size: 14px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.mt-eyebrow > span { width: 24px; height: 4px; background: var(--mt-yellow); border-radius: 9px; }
.mt-eyebrow-light { color: var(--mt-yellow); }
.mt-lead { max-width: 700px; margin-bottom: 0; font-size: 22px; line-height: 1.55; }
.mt-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.mt-button {
display: inline-flex;
min-height: 56px;
align-items: center;
justify-content: center;
padding: 14px 24px;
border: 2px solid transparent;
border-radius: 14px;
font-family: var(--mt-heading);
font-size: 16px;
font-weight: 900;
text-align: center;
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.mt-button:hover { transform: translateY(-2px); }
#fenek-materials a.mt-button-primary,
#fenek-materials a.mt-button-primary:visited {
color: #fff !important;
background: var(--mt-orange-dark) !important;
box-shadow: 0 12px 28px rgba(217, 77, 11, .18);
}
#fenek-materials a.mt-button-primary:hover,
#fenek-materials a.mt-button-primary:focus-visible { color: #fff !important; background: var(--mt-orange) !important; }
#fenek-materials a.mt-button-secondary,
#fenek-materials a.mt-button-secondary:visited {
color: var(--mt-navy) !important;
background: #fff !important;
border-color: #bdd3de !important;
}
#fenek-materials a.mt-button-secondary:hover,
#fenek-materials a.mt-button-secondary:focus-visible { color: var(--mt-orange-dark) !important; border-color: var(--mt-navy) !important; }
.mt-hero {
position: relative;
overflow: hidden;
background: radial-gradient(circle at 12% 16%, #eefaf6 0, transparent 34%), linear-gradient(110deg, #fffef5 0%, #fff7ec 100%);
}
.mt-hero::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 6px;
background: linear-gradient(90deg, var(--mt-yellow), #42c4c1, var(--mt-orange));
content: "";
}
.mt-hero-grid {
display: grid;
min-height: 740px;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
gap: 70px;
align-items: center;
padding-top: 68px;
padding-bottom: 78px;
}
.mt-hero-copy { position: relative; z-index: 2; }
.mt-proof { display: flex; margin: 38px 0 0; padding: 24px 0 0; border-top: 1px solid var(--mt-border); list-style: none; }
.mt-proof li { display: flex; min-width: 150px; flex-direction: column; padding: 0 22px; border-right: 1px solid var(--mt-border); }
.mt-proof li:first-child { padding-left: 0; }
.mt-proof li:last-child { border: 0; }
.mt-proof strong { color: var(--mt-orange-dark); font-family: var(--mt-heading); font-size: 24px; line-height: 1; }
.mt-proof span { margin-top: 6px; color: var(--mt-muted); font-size: 14px; line-height: 1.25; }
.mt-hero-visual { position: relative; min-height: 560px; padding: 42px 30px 70px; }
.mt-hero-visual > p {
position: absolute;
right: 0;
bottom: 24px;
z-index: 5;
max-width: 330px;
margin: 0;
padding: 18px 22px;
color: var(--mt-navy);
background: #fff;
border-radius: 16px;
box-shadow: 0 18px 40px rgba(7, 63, 112, .16);
font-family: var(--mt-heading);
font-weight: 900;
line-height: 1.35;
}
.mt-paper {
position: absolute;
width: 350px;
height: 460px;
border-radius: 18px;
box-shadow: 0 24px 60px rgba(7, 63, 112, .16);
}
.mt-paper-back { top: 78px; left: 78px; background: #c9edf2; transform: rotate(10deg); }
.mt-paper-middle { top: 62px; left: 48px; background: var(--mt-yellow); transform: rotate(-7deg); }
.mt-paper-front {
top: 42px;
left: 63px;
z-index: 3;
overflow: hidden;
padding: 44px 38px;
background: #fff;
border: 1px solid var(--mt-border);
}
.mt-paper-front::before {
position: absolute;
right: -70px;
bottom: -75px;
width: 230px;
height: 230px;
background: #fff1e8;
border-radius: 50%;
content: "";
}
.mt-paper-label { color: var(--mt-orange-dark); font-family: var(--mt-heading); font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.mt-paper-front > strong { display: block; margin-top: 18px; color: var(--mt-navy); font-family: var(--mt-heading); font-size: 34px; font-weight: 900; line-height: 1.08; }
.mt-paper-lines { display: grid; gap: 12px; margin-top: 32px; }
.mt-paper-lines i { display: block; width: 70%; height: 8px; background: #dcecf2; border-radius: 8px; }
.mt-paper-lines i:nth-child(2) { width: 54%; }
.mt-paper-lines i:nth-child(3) { width: 62%; }
.mt-paper-check {
display: grid;
width: 52px;
height: 52px;
margin-top: 30px;
place-items: center;
color: var(--mt-navy);
background: var(--mt-yellow);
border-radius: 50%;
font-family: var(--mt-heading);
font-size: 25px;
font-weight: 900;
}
#fenek-materials .mt-paper-front img {
position: absolute;
right: -17px;
bottom: -14px;
z-index: 2;
width: 176px !important;
max-height: 220px;
object-fit: contain;
object-position: bottom right;
}
.mt-intro { padding-bottom: 0; background: #fff; }
.mt-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.mt-intro-copy p { color: var(--mt-muted); font-size: 20px; }
.mt-intro-copy p:last-child { margin-bottom: 0; }
.mt-fact { display: grid; grid-template-columns: 52px 1fr; gap: 20px; align-items: center; margin-top: 54px; padding: 28px 32px; background: var(--mt-sky); border: 1px solid #cce5ed; border-radius: 20px; }
.mt-fact-mark { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; background: var(--mt-navy); border-radius: 50%; font-family: var(--mt-heading); font-size: 24px; font-weight: 900; }
.mt-fact p { margin: 0; }
.mt-heading { margin-bottom: 52px; }
.mt-heading-split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 80px; align-items: end; }
.mt-heading-split > p { max-width: 440px; margin-bottom: 4px; color: var(--mt-muted); font-size: 20px; }
.mt-heading-centered { max-width: 820px; margin-right: auto; margin-left: auto; text-align: center; }
.mt-heading-centered .mt-eyebrow { justify-content: center; }
.mt-heading-centered > p:last-child { margin: 22px 0 0; color: var(--mt-muted); font-size: 20px; }
.mt-age { background: #fff; }
.mt-age-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mt-age-grid article { min-height: 310px; padding: 32px; background: var(--mt-cream); border: 1px solid #eadfce; border-radius: 22px; }
.mt-age-grid article:nth-child(2) { background: #eef8fc; border-color: #d2e6ed; }
.mt-age-grid article:nth-child(3) { background: #f2f7ed; border-color: #dbe7d0; }
.mt-age-grid article > span { display: inline-flex; padding: 7px 12px; color: var(--mt-navy); background: var(--mt-yellow); border-radius: 999px; font-family: var(--mt-heading); font-size: 14px; font-weight: 900; }
.mt-age-grid h3 { margin-top: 26px; }
.mt-age-grid p { color: var(--mt-muted); font-size: 17px; }
#fenek-materials .mt-age-grid a,
#fenek-materials .mt-age-grid a:visited { display: inline-flex; gap: 9px; margin-top: 18px; color: var(--mt-navy) !important; font-family: var(--mt-heading); font-weight: 900; text-decoration: none; }
#fenek-materials .mt-age-grid a:hover { color: var(--mt-orange-dark) !important; }
.mt-types { background: linear-gradient(180deg, #f5fafc 0, #fff 100%); }
.mt-type-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
#fenek-materials a.mt-type-card,
#fenek-materials a.mt-type-card:visited {
display: flex;
min-height: 300px;
flex-direction: column;
padding: 30px;
color: var(--mt-navy) !important;
border: 1px solid var(--mt-border);
border-radius: 22px;
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#fenek-materials a.mt-type-card:hover { color: var(--mt-navy) !important; border-color: var(--mt-orange); box-shadow: 0 18px 36px rgba(7, 63, 112, .1); transform: translateY(-4px); }
.mt-type-number { color: var(--mt-orange-dark); font-family: var(--mt-heading); font-size: 13px; font-weight: 900; }
.mt-type-card h3 { margin-top: 28px; }
.mt-type-card p { color: var(--mt-muted); font-size: 16px; }
.mt-type-card b { display: flex; justify-content: space-between; margin-top: auto; padding-top: 20px; font-family: var(--mt-heading); font-size: 15px; }
.mt-card-peach { background: #fff4ed; }
.mt-card-blue { background: #eef8fc; }
.mt-card-violet { background: #f5effc; }
.mt-card-green { background: #edf8f1; }
.mt-card-yellow { background: #fff9df; }
.mt-card-sky { background: #edf5fa; }
.mt-picks { background: #fff; }
.mt-pick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
#fenek-materials .mt-pick-grid > a,
#fenek-materials .mt-pick-grid > a:visited {
display: flex;
min-height: 310px;
flex-direction: column;
padding: 28px;
color: var(--mt-navy) !important;
background: #fff;
border: 1px solid var(--mt-border);
border-radius: 22px;
box-shadow: 0 10px 30px rgba(7, 63, 112, .06);
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease;
}
#fenek-materials .mt-pick-grid > a:hover { color: var(--mt-navy) !important; box-shadow: 0 18px 40px rgba(7, 63, 112, .12); transform: translateY(-4px); }
.mt-pick-topic { color: var(--mt-orange-dark); font-family: var(--mt-heading); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.mt-pick-grid strong { margin-top: 42px; font-family: var(--mt-heading); font-size: 23px; line-height: 1.2; }
.mt-pick-grid small { margin-top: 12px; color: var(--mt-muted); font-size: 16px; }
.mt-pick-grid b { display: flex; justify-content: space-between; margin-top: auto; padding-top: 22px; border-top: 1px solid var(--mt-border); font-family: var(--mt-heading); font-size: 15px; }
.mt-use { color: #fff; background: var(--mt-navy-deep); }
.mt-use h2 { color: #fff !important; }
.mt-use-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.mt-use-grid > div > p:last-child { margin: 28px 0 0; color: #d7e6ed; font-size: 20px; }
.mt-use ol { margin: 0; padding: 0; list-style: none; }
.mt-use li { display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid rgba(255, 255, 255, .17); }
.mt-use li:first-child { padding-top: 0; }
.mt-use li > span { display: grid; width: 54px; height: 54px; place-items: center; color: var(--mt-navy); background: var(--mt-yellow); border-radius: 50%; font-family: var(--mt-heading); font-size: 20px; font-weight: 900; }
.mt-use li strong { color: #fff; font-family: var(--mt-heading); font-size: 22px; font-weight: 900; }
.mt-use li p { margin: 8px 0 0; color: #c9dce5; }
.mt-license { display: flex; justify-content: space-between; gap: 40px; align-items: center; margin-top: 56px; padding: 26px 30px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); border-radius: 18px; }
.mt-license p { margin: 0; color: #eef6f9; }
#fenek-materials .mt-license a,
#fenek-materials .mt-license a:visited { flex: 0 0 auto; color: var(--mt-yellow) !important; font-family: var(--mt-heading); font-weight: 900; text-decoration: none; }
.mt-education { padding-bottom: 0; background: #fff; }
.mt-education-box { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; padding: 54px; color: #fff; background: var(--mt-navy); border-radius: 28px; }
.mt-education-box h2 { color: #fff !important; }
.mt-education-box > div > p:not(.mt-eyebrow) { max-width: 720px; margin: 24px 0 0; color: #dce9ef; font-size: 19px; }
.mt-education-actions { display: flex; flex-direction: column; gap: 14px; }
#fenek-materials a.mt-button-yellow,
#fenek-materials a.mt-button-yellow:visited { color: var(--mt-navy) !important; background: var(--mt-yellow) !important; }
#fenek-materials .mt-education-actions > a:last-child,
#fenek-materials .mt-education-actions > a:last-child:visited { color: #fff !important; font-family: var(--mt-heading); font-weight: 900; text-align: center; text-decoration: none; }
.mt-faq { background: #fff; }
.mt-faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.mt-faq-intro > p:not(.mt-eyebrow) { margin: 24px 0 0; color: var(--mt-muted); }
.mt-accordion details { border-bottom: 1px solid var(--mt-border); }
.mt-accordion summary { position: relative; padding: 25px 50px 25px 0; color: var(--mt-navy); cursor: pointer; font-family: var(--mt-heading); font-size: 20px; font-weight: 900; list-style: none; }
.mt-accordion summary::-webkit-details-marker { display: none; }
.mt-accordion summary::after { position: absolute; top: 22px; right: 4px; display: grid; width: 32px; height: 32px; place-items: center; color: var(--mt-navy); background: var(--mt-sky); border-radius: 50%; content: "+"; }
.mt-accordion details[open] summary::after { content: "−"; }
.mt-accordion details p { margin: 0; padding: 0 52px 24px 0; color: var(--mt-muted); }
.mt-final { padding: 92px 0; color: #fff; background: var(--mt-navy-deep); }
.mt-final h2 { max-width: 780px; color: #fff !important; }
.mt-final-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }
.mt-final-inner > a { justify-self: end; }
@media (max-width: 1080px) {
.mt-hero-grid { min-height: auto; grid-template-columns: 1fr 420px; gap: 36px; }
.mt-paper { width: 320px; height: 430px; }
.mt-type-grid { grid-template-columns: repeat(2, 1fr); }
.mt-pick-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 880px) {
.mt-section { padding: 80px 0; }
.mt-hero-grid,
.mt-intro-grid,
.mt-heading-split,
.mt-use-grid,
.mt-education-box,
.mt-faq-grid,
.mt-final-inner { grid-template-columns: 1fr; gap: 44px; }
.mt-hero-grid { padding-top: 62px; }
.mt-hero-visual { width: min(100%, 520px); margin: 0 auto; }
.mt-age-grid { grid-template-columns: 1fr; }
.mt-age-grid article { min-height: auto; }
.mt-heading-split > p { max-width: 650px; }
.mt-education { padding-bottom: 0; }
.mt-final-inner > a { justify-self: start; }
}
@media (max-width: 580px) {
#fenek-materials { font-size: 17px; }
#fenek-materials h1 { font-size: 43px; }
#fenek-materials h2 { font-size: 36px; }
.mt-container { width: min(100% - 30px, 1220px); }
.mt-section { padding: 64px 0; }
.mt-hero-grid { padding-top: 50px; padding-bottom: 68px; }
.mt-lead { font-size: 19px; }
.mt-actions,
.mt-actions .mt-button { width: 100%; }
.mt-proof { display: grid; grid-template-columns: repeat(3, 1fr); }
.mt-proof li { min-width: 0; padding: 0 9px; }
.mt-proof strong { font-size: 18px; }
.mt-proof span { font-size: 11px; }
.mt-hero-visual { min-height: 470px; padding-right: 0; padding-left: 0; }
.mt-paper { width: 270px; height: 370px; }
.mt-paper-back { top: 64px; left: 38px; }
.mt-paper-middle { top: 54px; left: 20px; }
.mt-paper-front { top: 38px; left: 32px; padding: 34px 28px; }
.mt-paper-front > strong { font-size: 28px; }
#fenek-materials .mt-paper-front img { width: 136px !important; }
.mt-hero-visual > p { right: 6px; bottom: 16px; max-width: calc(100% - 34px); font-size: 14px; }
.mt-fact { grid-template-columns: 1fr; padding: 24px; }
.mt-type-grid,
.mt-pick-grid { grid-template-columns: 1fr; }
#fenek-materials a.mt-type-card { min-height: 260px; }
#fenek-materials .mt-pick-grid > a { min-height: 270px; }
.mt-use li { grid-template-columns: 50px 1fr; gap: 14px; }
.mt-use li > span { width: 44px; height: 44px; }
.mt-license { align-items: flex-start; flex-direction: column; }
.mt-education-box { padding: 30px; border-radius: 22px; }
.mt-final-inner > a { width: 100%; }
}#fenek-diaries,
#fenek-diary-project {
--fd-navy: #073f70;
--fd-navy-deep: #063557;
--fd-orange: #f36a21;
--fd-orange-dark: #d94d0b;
--fd-yellow: #ffd348;
--fd-cream: #fff8eb;
--fd-sky: #eaf7fb;
--fd-ink: #173f5b;
--fd-muted: #5d7688;
--fd-border: #d7e5eb;
--fd-heading: "Nunito", sans-serif;
--fd-body: "Source Sans 3", sans-serif;
color: var(--fd-ink);
background: #fff;
font-family: var(--fd-body);
font-size: 18px;
line-height: 1.55;
}
#fenek-diaries *,
#fenek-diary-project * { box-sizing: border-box; }
#fenek-diaries img,
#fenek-diary-project img { display: block; max-width: 100%; }
#fenek-diaries h1,
#fenek-diaries h2,
#fenek-diaries h3,
#fenek-diaries p,
#fenek-diary-project h1,
#fenek-diary-project h2,
#fenek-diary-project h3,
#fenek-diary-project p { margin-top: 0; }
#fenek-diaries h1,
#fenek-diaries h2,
#fenek-diaries h3,
#fenek-diary-project h1,
#fenek-diary-project h2,
#fenek-diary-project h3 {
color: var(--fd-navy);
font-family: var(--fd-heading);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1.06;
}
#fenek-diaries h1,
#fenek-diary-project h1 { max-width: 820px; margin-bottom: 28px; font-size: clamp(48px, 5vw, 72px); }
#fenek-diaries h1 em,
#fenek-diary-project h1 em { display: block; color: var(--fd-orange); font-style: normal; }
#fenek-diaries h2,
#fenek-diary-project h2 { margin-bottom: 0; font-size: clamp(40px, 4.2vw, 60px); }
#fenek-diaries h3,
#fenek-diary-project h3 { margin-bottom: 12px; font-size: 25px; }
.fd-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.fd-section { padding: 108px 0; }
.fd-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; color: var(--fd-orange-dark); font-family: var(--fd-heading); font-size: 14px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fd-eyebrow > span { width: 24px; height: 4px; background: var(--fd-yellow); border-radius: 9px; }
.fd-eyebrow-light { color: var(--fd-yellow); }
.fd-lead { max-width: 720px; margin-bottom: 0; color: var(--fd-ink); font-size: 22px; line-height: 1.55; }
.fd-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.fd-button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 24px; border: 2px solid transparent; border-radius: 14px; font-family: var(--fd-heading); font-size: 16px; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.fd-button:hover { transform: translateY(-2px); }
#fenek-diaries a.fd-button-primary,
#fenek-diaries a.fd-button-primary:visited,
#fenek-diary-project a.fd-button-primary,
#fenek-diary-project a.fd-button-primary:visited { color: #fff !important; background: var(--fd-orange-dark) !important; box-shadow: 0 12px 28px rgba(217,77,11,.18); }
#fenek-diaries a.fd-button-primary:hover,
#fenek-diary-project a.fd-button-primary:hover { color: #fff !important; background: var(--fd-orange) !important; }
#fenek-diaries a.fd-button-secondary,
#fenek-diaries a.fd-button-secondary:visited,
#fenek-diary-project a.fd-button-secondary,
#fenek-diary-project a.fd-button-secondary:visited { color: var(--fd-navy) !important; background: #fff !important; border-color: #bdd3de !important; }
#fenek-diaries a.fd-button-secondary:hover,
#fenek-diary-project a.fd-button-secondary:hover { color: var(--fd-orange-dark) !important; border-color: var(--fd-navy) !important; }
.fd-hero { position: relative; overflow: hidden; padding: 0; background: radial-gradient(circle at 11% 18%, #eefaf6 0, transparent 34%), linear-gradient(110deg, #fffef5 0%, #fff7ec 100%); }
.fd-hero::after { position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background: linear-gradient(90deg, var(--fd-yellow), #42c4c1, var(--fd-orange)); content: ""; }
.fd-hero-grid { display: grid; min-height: 750px; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 66px; align-items: center; padding-top: 70px; padding-bottom: 78px; }
.fd-hero-copy { position: relative; z-index: 2; }
.fd-proof { display: flex; flex-wrap: wrap; margin: 38px 0 0; padding: 24px 0 0; border-top: 1px solid var(--fd-border); list-style: none; }
.fd-proof li { display: flex; min-width: 126px; flex-direction: column; padding: 0 20px; border-right: 1px solid var(--fd-border); }
.fd-proof li:first-child { padding-left: 0; }
.fd-proof li:last-child { border: 0; }
.fd-proof strong { color: var(--fd-orange-dark); font-family: var(--fd-heading); font-size: 24px; line-height: 1; }
.fd-proof span { margin-top: 6px; color: var(--fd-muted); font-size: 14px; line-height: 1.25; }
.fd-hero-visual { position: relative; margin: 0; padding: 44px 0 54px 34px; }
.fd-photo-frame { position: relative; overflow: hidden; aspect-ratio: 4 / 4.35; border: 12px solid #fff; border-radius: 44% 44% 24px 24px; background: var(--fd-yellow); box-shadow: 0 30px 70px rgba(7,63,112,.18); }
#fenek-diaries .fd-photo-frame img,
#fenek-diaries .fd-photo-frame video,
#fenek-diary-project .fd-photo-frame img { width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center !important; }
.fd-project-hero .fd-photo-frame img { object-position: 52% center !important; }
.fd-hero-visual figcaption { position: absolute; right: -18px; bottom: 18px; max-width: 330px; padding: 18px 22px; color: var(--fd-navy); background: #fff; border-radius: 16px; box-shadow: 0 18px 40px rgba(7,63,112,.16); font-family: var(--fd-heading); font-weight: 900; line-height: 1.35; }
.fd-doodle { position: absolute; border: 4px solid #f5b18b; border-radius: 50%; }
.fd-doodle-one { top: 14px; left: -2px; width: 64px; height: 30px; transform: rotate(-14deg); }
.fd-doodle-two { right: -7px; bottom: 0; width: 44px; height: 44px; border-color: var(--fd-yellow); }
.fd-heading { margin-bottom: 52px; }
.fd-heading-split { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 80px; align-items: end; }
.fd-heading-split > p { max-width: 460px; margin-bottom: 4px; color: var(--fd-muted); font-size: 20px; }
.fd-heading-centered { max-width: 840px; margin-right: auto; margin-left: auto; text-align: center; }
.fd-heading-centered .fd-eyebrow { justify-content: center; }
.fd-heading-centered > p:last-child { margin: 22px 0 0; color: var(--fd-muted); font-size: 20px; }
.fd-reading { background: #fff; }
.fd-story-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.fd-story-card { overflow: hidden; background: #fff; border: 1px solid var(--fd-border); border-radius: 26px; box-shadow: 0 18px 48px rgba(7,63,112,.08); }
.fd-story-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.fd-story-card div { padding: 30px 32px 34px; }
.fd-story-card span { color: var(--fd-orange-dark); font-family: var(--fd-heading); font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fd-story-card h3 { margin-top: 12px; }
.fd-story-card p { margin-bottom: 0; color: var(--fd-muted); }
.fd-inside { background: var(--fd-cream); }
.fd-inside-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 74px; align-items: center; }
.fd-inside-copy > p:not(.fd-eyebrow) { margin: 26px 0; color: var(--fd-muted); font-size: 20px; }
.fd-checklist { margin: 0 0 30px; padding: 0; list-style: none; }
.fd-checklist li { position: relative; margin: 14px 0; padding-left: 32px; }
.fd-checklist li::before { position: absolute; left: 0; color: var(--fd-orange-dark); content: "✓"; font-weight: 900; }
#fenek-diaries a.fd-text-link,
#fenek-diaries a.fd-text-link:visited,
#fenek-diary-project a.fd-text-link,
#fenek-diary-project a.fd-text-link:visited { display: inline-flex; gap: 10px; color: var(--fd-navy) !important; font-family: var(--fd-heading); font-weight: 900; text-decoration: none; }
#fenek-diaries a.fd-text-link:hover,
#fenek-diary-project a.fd-text-link:hover { color: var(--fd-orange-dark) !important; }
.fd-gallery { display: grid; grid-template-columns: 1.35fr .65fr; gap: 16px; align-items: end; }
.fd-gallery figure { overflow: hidden; margin: 0; border: 10px solid #fff; border-radius: 24px; box-shadow: 0 18px 42px rgba(7,63,112,.12); transform: rotate(2deg); }
.fd-gallery .fd-gallery-main { transform: rotate(-2deg); }
.fd-gallery img { width: 100%; min-height: 260px; object-fit: cover; }
.fd-journey { background: #fff; }
.fd-country-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.fd-country-grid article { display: flex; min-height: 220px; flex-direction: column; padding: 28px; border: 1px solid var(--fd-border); border-radius: 22px; background: #eef8fc; }
.fd-country-grid article:nth-child(2) { background: #fff4ed; }
.fd-country-grid article:nth-child(3) { background: #fff9df; }
.fd-country-grid article:nth-child(4) { background: #edf8f1; }
.fd-country-grid span { color: var(--fd-orange-dark); font-family: var(--fd-heading); font-size: 13px; font-weight: 900; }
.fd-country-grid strong { margin-top: auto; color: var(--fd-navy); font-family: var(--fd-heading); font-size: 27px; font-weight: 900; }
.fd-country-grid small { margin-top: 8px; color: var(--fd-muted); font-size: 15px; }
.fd-map-section { overflow: hidden; background: #fff; }
.fk-switch,
.fk-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.fk-switch { margin: -14px auto 20px; }
.fk-switch button,
.fk-filters button {
min-height: 46px;
padding: 10px 17px;
color: var(--fd-navy);
background: #fff;
border: 1px solid var(--fd-border);
border-radius: 999px;
cursor: pointer;
font-family: var(--fd-heading);
font-size: 14px;
font-weight: 900;
transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.fk-switch button:hover,
.fk-filters button:hover { border-color: var(--fd-orange); transform: translateY(-2px); }
.fk-switch button.active { color: #fff; background: var(--fd-navy); border-color: var(--fd-navy); }
.fk-filters { min-height: 48px; margin-bottom: 34px; }
.fk-filters.hidden { display: none; }
.fk-filters .fk-chip { min-height: 40px; padding: 8px 14px; }
.fk-filters .fk-chip.active { color: #fff; background: var(--fd-navy); border-color: transparent; }
.fk-chip .sw { display: inline-block; width: 10px; height: 10px; margin-right: 7px; border-radius: 50%; }
.fk-map-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 28px; align-items: start; }
.fk-map-stage {
position: relative;
display: grid;
min-height: 630px;
place-items: center;
padding: 34px;
overflow: hidden;
background: linear-gradient(145deg, #f3fbfd 0%, #fff9e9 100%);
border: 1px solid var(--fd-border);
border-radius: 28px;
}
.fk-map-stage svg { display: block; width: 100%; max-width: 690px; max-height: 650px; overflow: visible; filter: drop-shadow(0 16px 24px rgba(7,63,112,.09)); }
.fk-poland { fill: #fff; stroke: #9ebdca; stroke-linejoin: round; stroke-width: 3; }
.fk-pin { cursor: pointer; outline: none; transition: opacity .2s ease; }
.fk-pin .body { stroke: #fff; stroke-width: 2.5; transition: r .18s ease, filter .18s ease; }
.fk-pin .hit { fill: transparent; }
.fk-pin:hover .body,
.fk-pin:focus .body,
.fk-pin.sel .body { r: 10; filter: drop-shadow(0 3px 4px rgba(7,63,112,.35)); }
.fk-pin.sel .body { stroke: var(--fd-navy); stroke-width: 3; }
.fk-pin.dim { opacity: .12; }
.fk-pin.off { pointer-events: none; }
.fk-tooltip {
position: absolute;
z-index: 4;
max-width: 230px;
padding: 8px 11px;
color: #fff;
background: var(--fd-navy-deep);
border-radius: 9px;
box-shadow: 0 8px 20px rgba(7,63,112,.22);
font-size: 13px;
line-height: 1.3;
opacity: 0;
pointer-events: none;
transform: translate(-50%, calc(-100% - 14px));
transition: opacity .15s ease;
}
.fk-tooltip.show { opacity: 1; }
.fk-legend { margin: 16px 0 0; color: var(--fd-muted); font-size: 14px; text-align: center; }
#fenek-diaries .fk-detail {
position: sticky;
top: 30px;
min-height: 430px;
padding: 34px;
color: #fff !important;
background: #073f70 !important;
border-radius: 26px;
box-shadow: 0 22px 50px rgba(7,63,112,.14);
}
#fenek-diaries .fk-detail,
#fenek-diaries .fk-detail p { color: #fff !important; }
.fk-detail-empty { display: grid; min-height: 350px; place-items: center; align-content: center; color: #dce9ef; text-align: center; }
.fk-detail-empty .big { font-size: 52px; }
.fk-detail-empty p { max-width: 250px; margin: 18px auto 0; color: #dce9ef; }
.fk-d-tom { display: inline-flex; padding: 7px 12px; color: #fff; border-radius: 999px; font-family: var(--fd-heading); font-size: 13px; font-weight: 900; }
#fenek-diaries .fk-detail .fk-d-city {
margin-top: 24px;
color: #fff !important;
font-family: "Nunito", sans-serif !important;
font-size: 34px;
font-weight: 900;
line-height: 1.05;
}
.fk-d-chap { margin-top: 8px; color: #cfe0e8; font-size: 15px; }
.fk-d-chap em { color: #fff; font-style: normal; font-weight: 700; }
.fk-d-block { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.16); }
.fk-d-block .h { color: var(--fd-yellow); font-family: var(--fd-heading); font-size: 14px; font-weight: 900; }
.fk-d-block p { margin: 8px 0 0; color: #e8f0f4; font-size: 15px; line-height: 1.45; }
.fk-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
#fenek-diaries .fk-detail .fk-tag {
padding: 5px 9px;
color: #073f70 !important;
background: #fff8eb;
border-radius: 999px;
font-family: "Source Sans 3", sans-serif !important;
font-size: 12px;
font-weight: 800;
}
.fk-d-q { margin-top: 22px; padding: 15px 17px; background: rgba(255,211,72,.13); border-left: 4px solid var(--fd-yellow); border-radius: 8px; }
#fenek-diaries .fk-detail .fk-d-q {
background: #fff3d9;
border-left-color: #ffd348;
}
#fenek-diaries .fk-detail .fk-d-q p {
margin: 0;
color: #073f70 !important;
font-family: "Nunito", sans-serif !important;
font-weight: 900;
}
#fenek-diaries a.fk-d-link,
#fenek-diaries a.fk-d-link:visited { display: inline-flex; margin-top: 20px; color: var(--fd-yellow) !important; font-family: var(--fd-heading); font-weight: 900; text-decoration: none; }
#fenek-diaries a.fk-d-link:hover { color: #fff !important; }
.fd-voices { background: linear-gradient(180deg, #f5fafc 0, #fff 100%); }
.fd-quote-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.fd-quote-grid blockquote { display: flex; min-height: 330px; flex-direction: column; margin: 0; padding: 42px; border-radius: 26px; background: var(--fd-navy); }
.fd-quote-grid blockquote:nth-child(2) { background: #fff; border: 1px solid var(--fd-border); }
.fd-quote-grid p { color: #fff; font-family: var(--fd-heading); font-size: clamp(23px, 2vw, 31px); font-weight: 800; line-height: 1.4; }
.fd-quote-grid blockquote:nth-child(2) p { color: var(--fd-navy); }
.fd-quote-grid footer { margin-top: auto; }
.fd-quote-grid strong,
.fd-quote-grid span { display: block; }
.fd-quote-grid strong { color: var(--fd-yellow); font-family: var(--fd-heading); }
.fd-quote-grid blockquote:nth-child(2) strong { color: var(--fd-orange-dark); }
.fd-quote-grid span { margin-top: 4px; color: #d5e5ed; font-size: 14px; }
.fd-quote-grid blockquote:nth-child(2) span { color: var(--fd-muted); }
.fd-author { background: #fff; }
.fd-author-grid { display: grid; grid-template-columns: 380px 1fr; gap: 80px; align-items: center; }
.fd-author figure { margin: 0; padding: 26px; border-radius: 46% 46% 24px 24px; background: var(--fd-yellow); }
.fd-author figure img { width: 100%; border: 10px solid #fff; border-radius: 50%; }
.fd-author-grid > div > p:not(.fd-eyebrow) { max-width: 720px; color: var(--fd-muted); font-size: 19px; }
.fd-author-grid .fd-author-lead { margin-top: 26px; color: var(--fd-ink) !important; font-size: 22px !important; }
.fd-project-bridge { padding-top: 0; background: #fff; }
.fd-project-box { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; padding: 58px; color: #fff; background: var(--fd-navy); border-radius: 28px; }
.fd-project-box h2 { color: #fff !important; }
.fd-project-box p:not(.fd-eyebrow) { max-width: 760px; margin: 24px 0 0; color: #dce9ef; font-size: 19px; }
#fenek-diaries a.fd-button-yellow,
#fenek-diaries a.fd-button-yellow:visited,
#fenek-diary-project a.fd-button-yellow,
#fenek-diary-project a.fd-button-yellow:visited { color: var(--fd-navy) !important; background: var(--fd-yellow) !important; }
.fd-packages { background: var(--fd-cream); }
.fd-package-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.fd-package-grid article { display: flex; min-height: 600px; flex-direction: column; padding: 28px; background: #fff; border: 1px solid var(--fd-border); border-radius: 24px; }
.fd-package-grid .fd-package-featured { border: 3px solid var(--fd-orange); box-shadow: 0 22px 50px rgba(7,63,112,.12); transform: translateY(-10px); }
.fd-package-image { display: grid; height: 270px; place-items: center; margin: -8px -8px 24px; padding: 18px; background: #f5fafc; border-radius: 18px; }
.fd-package-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.fd-package-label { margin-bottom: 10px; color: var(--fd-orange-dark); font-family: var(--fd-heading); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fd-package-grid article > p:not(.fd-package-label) { color: var(--fd-muted); }
.fd-price { display: flex; flex-wrap: wrap; gap: 5px 12px; align-items: baseline; margin-top: auto; padding-top: 22px; }
.fd-price strong { color: var(--fd-navy); font-family: var(--fd-heading); font-size: clamp(28px, 3vw, 36px); font-weight: 900; line-height: 1; }
.fd-price del { color: var(--fd-muted); font-size: 18px; font-weight: 700; text-decoration-color: var(--fd-orange); text-decoration-thickness: 2px; }
.fd-price small { flex-basis: 100%; color: var(--fd-orange-dark); font-size: 14px; font-weight: 800; }
.fd-package-featured .fd-price strong { color: var(--fd-orange-dark); }
.fd-package-grid .fd-button { margin-top: 18px; }
.fd-store-note { margin: 30px 0 0; color: var(--fd-muted); font-size: 15px; text-align: center; }
.fd-origin { background: #fff; }
.fd-origin-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; }
.fd-origin-grid p { color: var(--fd-muted); font-size: 19px; }
.fd-origin-grid .fd-origin-lead { color: var(--fd-ink); font-size: 23px; }
.fd-process { background: var(--fd-cream); }
.fd-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.fd-step-grid li { min-height: 350px; padding: 30px; background: #fff; border: 1px solid var(--fd-border); border-radius: 22px; }
.fd-step-grid span,
.fd-offer-grid > article > span { display: grid; width: 48px; height: 48px; place-items: center; color: var(--fd-navy); background: var(--fd-yellow); border-radius: 50%; font-family: var(--fd-heading); font-weight: 900; }
.fd-step-grid h3 { margin-top: 54px; }
.fd-step-grid p { color: var(--fd-muted); font-size: 16px; }
.fd-benefits { background: #fff; }
.fd-benefits-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.fd-benefits-grid > div:first-child > p:last-child { margin: 28px 0 0; color: var(--fd-muted); font-size: 20px; }
.fd-benefit-list article { display: grid; grid-template-columns: 62px 1fr; gap: 22px; padding: 28px 0; border-bottom: 1px solid var(--fd-border); }
.fd-benefit-list article:first-child { padding-top: 0; }
.fd-benefit-list article > span { display: grid; width: 54px; height: 54px; place-items: center; color: #fff; background: var(--fd-navy); border-radius: 16px; font-family: var(--fd-heading); font-weight: 900; }
.fd-benefit-list p { margin-bottom: 0; color: var(--fd-muted); }
.fd-case { background: #eef8fc; }
.fd-case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 74px; align-items: center; }
.fd-case figure { overflow: hidden; margin: 0; border: 12px solid #fff; border-radius: 28px; box-shadow: 0 20px 50px rgba(7,63,112,.12); }
.fd-case figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.fd-case-grid > div > p:not(.fd-eyebrow) { margin: 26px 0 0; color: var(--fd-muted); font-size: 19px; }
.fd-case-note { padding: 18px 20px; background: #fff; border-left: 5px solid var(--fd-yellow); border-radius: 8px; }
.fd-offer { background: #fff; }
.fd-offer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.fd-offer-grid article { min-height: 300px; padding: 28px; background: #fff; border: 1px solid var(--fd-border); border-radius: 22px; }
.fd-offer-grid article h3 { margin-top: 48px; }
.fd-offer-grid article p { color: var(--fd-muted); font-size: 16px; }
.fd-offer-grid .fd-offer-price { color: #fff; background: var(--fd-navy); border-color: var(--fd-navy); }
.fd-offer-grid .fd-offer-price h3,
.fd-offer-grid .fd-offer-price p { color: #fff; }
.fd-series-bridge { background: var(--fd-navy); }
.fd-series-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: center; }
.fd-series-grid h2 { color: #fff !important; }
.fd-series-grid p:not(.fd-eyebrow) { max-width: 720px; margin: 24px 0 30px; color: #dce9ef; font-size: 19px; }
.fd-series-grid figure { display: grid; min-height: 360px; place-items: center; margin: 0; padding: 30px; background: #fff; border-radius: 26px; }
.fd-series-grid figure img { max-height: 340px; object-fit: contain; }
.fd-faq { background: #fff; }
.fd-faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.fd-accordion details { border-bottom: 1px solid var(--fd-border); }
.fd-accordion summary { position: relative; padding: 25px 50px 25px 0; color: var(--fd-navy); cursor: pointer; font-family: var(--fd-heading); font-size: 20px; font-weight: 900; list-style: none; }
.fd-accordion summary::-webkit-details-marker { display: none; }
.fd-accordion summary::after { position: absolute; top: 22px; right: 4px; display: grid; width: 32px; height: 32px; place-items: center; color: var(--fd-navy); background: var(--fd-sky); border-radius: 50%; content: "+"; }
.fd-accordion details[open] summary::after { content: "−"; }
.fd-accordion details p { margin: 0; padding: 0 52px 24px 0; color: var(--fd-muted); }
.fd-final { padding: 92px 0; color: #fff; background: var(--fd-navy-deep); }
.fd-final h2 { max-width: 780px; color: #fff !important; }
.fd-final-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }
.fd-final-inner > div:first-child > p:not(.fd-eyebrow) { max-width: 760px; margin: 24px 0 0; color: #dce9ef; font-size: 18px; }
.fd-final-actions { display: flex; flex-direction: column; gap: 12px; }
#fenek-diaries a.fd-button-outline,
#fenek-diaries a.fd-button-outline:visited,
#fenek-diary-project a.fd-button-outline,
#fenek-diary-project a.fd-button-outline:visited { color: #fff !important; border-color: rgba(255,255,255,.5) !important; }
@media (max-width: 1080px) {
.fd-hero-grid { grid-template-columns: 1fr 410px; gap: 36px; }
.fd-country-grid,
.fd-step-grid,
.fd-offer-grid { grid-template-columns: repeat(2, 1fr); }
.fk-map-layout { grid-template-columns: 1fr; }
.fk-detail { position: static; min-height: 0; }
}
@media (max-width: 880px) {
.fd-section { padding: 80px 0; }
.fd-hero { padding: 0; }
.fd-hero-grid,
.fd-heading-split,
.fd-inside-grid,
.fd-author-grid,
.fd-project-box,
.fd-origin-grid,
.fd-benefits-grid,
.fd-case-grid,
.fd-series-grid,
.fd-faq-grid,
.fd-final-inner { grid-template-columns: 1fr; gap: 44px; }
.fd-hero-grid { padding-top: 62px; }
.fd-hero-visual { max-width: 520px; margin: 0 auto; }
.fd-author figure { max-width: 380px; }
.fd-package-grid { grid-template-columns: 1fr; }
.fd-package-grid .fd-package-featured { transform: none; }
.fd-package-grid article { min-height: 0; }
.fd-project-box { margin-right: 24px; margin-left: 24px; padding: 44px; }
}
@media (max-width: 640px) {
#fenek-diaries,
#fenek-diary-project { font-size: 17px; }
.fd-container { width: min(100% - 32px, 1220px); }
.fd-section { padding: 66px 0; }
.fd-hero { padding: 0; }
#fenek-diaries h1,
#fenek-diary-project h1 { font-size: clamp(40px, 12vw, 54px); }
#fenek-diaries h2,
#fenek-diary-project h2 { font-size: clamp(34px, 10vw, 45px); }
.fd-actions { flex-direction: column; }
.fd-button { width: 100%; }
.fd-proof li { width: 50%; min-width: 0; margin-bottom: 20px; padding: 0 14px; }
.fd-proof li:nth-child(odd) { padding-left: 0; }
.fd-proof li:nth-child(even) { border-right: 0; }
.fd-story-grid,
.fd-quote-grid,
.fd-country-grid,
.fd-step-grid,
.fd-offer-grid { grid-template-columns: 1fr; }
.fk-map-stage { min-height: 440px; padding: 18px; border-radius: 20px; }
.fk-switch { display: grid; grid-template-columns: 1fr 1fr; }
.fk-switch button { width: 100%; }
.fk-filters { justify-content: flex-start; flex-wrap: nowrap; padding-bottom: 8px; overflow-x: auto; }
.fk-filters .fk-chip { flex: 0 0 auto; }
.fk-detail { padding: 26px; border-radius: 20px; }
.fd-gallery { grid-template-columns: 1fr; }
.fd-gallery figure { transform: none !important; }
.fd-story-card div,
.fd-quote-grid blockquote { padding: 28px; }
.fd-project-box { margin: 0 16px; padding: 32px 24px; }
.fd-hero-visual { padding-left: 0; }
.fd-hero-visual figcaption { position: relative; right: auto; bottom: auto; max-width: none; margin: -30px 16px 0; }
.fd-photo-frame { border-width: 8px; }
.fd-final-actions { width: 100%; }
}body.blog {
--fb-navy: #073f70;
--fb-orange: #f36a21;
--fb-orange-dark: #d94b0b;
--fb-yellow: #ffd348;
--fb-cream: #fff8eb;
--fb-sky: #eef7fa;
--fb-ink: #213444;
--fb-muted: #647685;
--fb-border: #d9e5ea;
background: #fff;
}
body.blog main.site-main.fenek-blog-archive {
width: 100%;
max-width: none;
margin: 0;
padding: 0 0 96px;
overflow: hidden;
color: var(--fb-ink);
font-family: "Source Sans 3", sans-serif;
}
body.blog .fenek-blog-container,
body.blog .fenek-blog-archive > .page-content,
body.blog .fenek-blog-archive > .pagination,
body.blog .fenek-blog-section-heading {
width: min(1180px, calc(100% - 48px));
margin-right: auto;
margin-left: auto;
}
body.blog .fenek-blog-hero {
margin: 0 0 70px;
padding: 78px 0 72px;
background:
radial-gradient(circle at 92% 24%, rgba(255, 211, 72, .36) 0 82px, transparent 84px),
radial-gradient(circle at 8% 86%, rgba(243, 106, 33, .12) 0 54px, transparent 56px),
var(--fb-cream);
}
body.blog .fenek-blog-hero-inner {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
gap: 70px;
align-items: end;
}
body.blog .fenek-blog-eyebrow {
display: flex;
gap: 10px;
align-items: center;
margin: 0 0 18px;
color: var(--fb-orange-dark);
font-family: "Nunito", sans-serif;
font-size: 13px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.blog .fenek-blog-eyebrow::before {
width: 26px;
height: 4px;
background: var(--fb-yellow);
border-radius: 10px;
content: "";
}
body.blog .fenek-blog-hero h1 {
max-width: 780px;
margin: 0;
color: var(--fb-navy);
font-family: "Nunito", sans-serif;
font-size: clamp(42px, 5vw, 72px);
font-weight: 900;
letter-spacing: -.04em;
line-height: .98;
}
body.blog .fenek-blog-lead {
max-width: 720px;
margin: 24px 0 0;
color: var(--fb-muted);
font-size: 20px;
line-height: 1.55;
}
body.blog .fenek-blog-search {
padding: 26px;
background: #fff;
border: 1px solid var(--fb-border);
border-radius: 22px;
box-shadow: 0 18px 45px rgba(7, 63, 112, .1);
}
body.blog .fenek-blog-search label {
display: block;
margin-bottom: 10px;
color: var(--fb-navy);
font-family: "Nunito", sans-serif;
font-size: 16px;
font-weight: 900;
}
body.blog .fenek-blog-search-row {
display: flex;
gap: 8px;
}
body.blog .fenek-blog-search input {
width: 100%;
min-width: 0;
height: 48px;
padding: 0 15px;
color: var(--fb-ink);
background: #fff;
border: 1px solid var(--fb-border);
border-radius: 12px;
font: inherit;
}
body.blog .fenek-blog-search button {
min-width: 104px;
height: 48px;
padding: 0 18px;
color: #fff;
background: var(--fb-orange);
border: 0;
border-radius: 12px;
font-family: "Nunito", sans-serif;
font-weight: 900;
cursor: pointer;
}
body.blog .fenek-blog-search input:focus-visible,
body.blog .fenek-blog-search button:focus-visible,
body.blog .fenek-blog-card a:focus-visible,
body.blog .fenek-blog-archive .pagination a:focus-visible {
outline: 3px solid rgba(243, 106, 33, .35);
outline-offset: 3px;
}
body.blog .fenek-blog-section-heading {
display: flex;
gap: 24px;
align-items: end;
justify-content: space-between;
margin-bottom: 28px;
}
body.blog .fenek-blog-section-heading h2 {
margin: 0;
color: var(--fb-navy);
font-family: "Nunito", sans-serif;
font-size: clamp(32px, 4vw, 48px);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1;
}
body.blog .fenek-blog-section-heading p {
max-width: 510px;
margin: 0;
color: var(--fb-muted);
font-size: 17px;
text-align: right;
}
body.blog .fenek-blog-archive > .page-content {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
body.blog .fenek-blog-card {
display: flex;
min-width: 0;
margin: 0;
padding: 0 0 26px;
flex-direction: column;
overflow: hidden;
background: #fff;
border: 1px solid var(--fb-border);
border-radius: 22px;
box-shadow: 0 12px 34px rgba(7, 63, 112, .07);
}
body.blog .fenek-blog-card > *:not(.fenek-blog-media) {
margin-right: 24px;
margin-left: 24px;
}
body.blog .fenek-blog-media {
display: block;
overflow: hidden;
aspect-ratio: 16 / 10;
margin: 0 0 22px;
background: var(--fb-sky);
}
body.blog .fenek-blog-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .25s ease;
}
body.blog .fenek-blog-media:hover img {
transform: scale(1.035);
}
body.blog .fenek-blog-placeholder {
display: grid;
min-height: 100%;
place-items: center;
color: var(--fb-navy);
background:
radial-gradient(circle at 28% 30%, rgba(255, 211, 72, .8) 0 46px, transparent 48px),
linear-gradient(135deg, #eef7fa, #fff8eb);
font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: 900;
}
body.blog .fenek-blog-label {
margin-top: 0;
margin-bottom: 9px;
color: var(--fb-orange-dark);
font-family: "Nunito", sans-serif;
font-size: 12px;
font-weight: 900;
letter-spacing: .07em;
text-transform: uppercase;
}
body.blog .fenek-blog-card .entry-title {
margin-top: 0;
margin-bottom: 14px;
font-family: "Nunito", sans-serif;
font-size: 25px;
font-weight: 900;
letter-spacing: -.02em;
line-height: 1.13;
}
body.blog .fenek-blog-card .entry-title a {
color: var(--fb-navy);
text-decoration: none;
}
body.blog .fenek-blog-card .entry-title a:hover {
color: var(--fb-orange-dark);
}
body.blog .fenek-blog-card > p:not(.fenek-blog-label) {
display: -webkit-box;
margin-top: 0;
margin-bottom: 22px;
overflow: hidden;
color: var(--fb-muted);
font-size: 16px;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.blog .fenek-blog-read {
margin-top: auto !important;
color: var(--fb-navy);
font-family: "Nunito", sans-serif;
font-size: 15px;
font-weight: 900;
text-decoration: none;
}
body.blog .fenek-blog-read:hover {
color: var(--fb-orange-dark);
}
body.blog .fenek-blog-card-featured {
display: grid;
grid-column: 1 / -1;
grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
grid-template-rows: auto auto 1fr auto;
min-height: 430px;
padding: 0;
}
body.blog .fenek-blog-card-featured > .fenek-blog-media {
grid-column: 1;
grid-row: 1 / -1;
height: 100%;
margin: 0;
aspect-ratio: auto;
}
body.blog .fenek-blog-card-featured > *:not(.fenek-blog-media) {
grid-column: 2;
margin-right: 38px;
margin-left: 38px;
}
body.blog .fenek-blog-card-featured .fenek-blog-label {
margin-top: 42px;
}
body.blog .fenek-blog-card-featured .entry-title {
font-size: clamp(30px, 3.2vw, 44px);
}
body.blog .fenek-blog-card-featured > p:not(.fenek-blog-label) {
font-size: 18px;
-webkit-line-clamp: 4;
}
body.blog .fenek-blog-card-featured .fenek-blog-read {
margin-bottom: 42px !important;
}
body.blog .fenek-blog-archive > .pagination {
margin-top: 38px;
}
body.blog .fenek-blog-archive .pagination {
display: flex;
justify-content: space-between;
}
body.blog .fenek-blog-archive .pagination a {
display: inline-flex;
min-height: 46px;
padding: 0 20px;
align-items: center;
color: var(--fb-navy);
background: var(--fb-yellow);
border-radius: 999px;
font-family: "Nunito", sans-serif;
font-weight: 900;
text-decoration: none;
}
@media (max-width: 980px) {
body.blog .fenek-blog-hero-inner {
grid-template-columns: 1fr;
gap: 34px;
}
body.blog .fenek-blog-archive > .page-content {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.blog .fenek-blog-card-featured {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 700px) {
body.blog .fenek-blog-container,
body.blog .fenek-blog-archive > .page-content,
body.blog .fenek-blog-archive > .pagination,
body.blog .fenek-blog-section-heading {
width: min(100% - 28px, 1180px);
}
body.blog .fenek-blog-hero {
margin-bottom: 52px;
padding: 58px 0 54px;
}
body.blog .fenek-blog-section-heading {
display: block;
}
body.blog .fenek-blog-section-heading p {
margin-top: 12px;
text-align: left;
}
body.blog .fenek-blog-archive > .page-content {
grid-template-columns: 1fr;
}
body.blog .fenek-blog-card-featured {
display: flex;
min-height: 0;
}
body.blog .fenek-blog-card-featured > .fenek-blog-media {
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
}
body.blog .fenek-blog-card-featured > *:not(.fenek-blog-media) {
margin-right: 24px;
margin-left: 24px;
}
body.blog .fenek-blog-card-featured .fenek-blog-label {
margin-top: 0;
}
body.blog .fenek-blog-card-featured .fenek-blog-read {
margin-bottom: 0 !important;
}
}
@media (max-width: 460px) {
body.blog .fenek-blog-search-row {
flex-direction: column;
}
body.blog .fenek-blog-search button {
width: 100%;
}
}body.search {
--fs-navy: #073f70;
--fs-orange: #f36a21;
--fs-orange-dark: #d94b0b;
--fs-yellow: #ffd348;
--fs-cream: #fff8eb;
--fs-sky: #eef7fa;
--fs-ink: #213444;
--fs-muted: #647685;
--fs-border: #d9e5ea;
background: #fff;
}
body.search main.site-main.fenek-search-results {
width: 100%;
max-width: none;
margin: 0;
padding: 0 0 96px;
overflow: hidden;
color: var(--fs-ink);
font-family: "Source Sans 3", sans-serif;
}
body.search .fenek-search-container,
body.search .fenek-search-results > .page-content,
body.search .fenek-search-results > .pagination,
body.search .fenek-search-section-heading {
width: min(1180px, calc(100% - 48px));
margin-right: auto;
margin-left: auto;
}
body.search .fenek-search-hero {
margin: 0 0 64px;
padding: 70px 0 66px;
background:
radial-gradient(circle at 91% 20%, rgba(255, 211, 72, .4) 0 75px, transparent 77px),
radial-gradient(circle at 7% 84%, rgba(243, 106, 33, .12) 0 48px, transparent 50px),
var(--fs-cream);
}
body.search .fenek-search-hero-inner {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
gap: 70px;
align-items: end;
}
body.search .fenek-search-eyebrow {
display: flex;
gap: 10px;
align-items: center;
margin: 0 0 18px;
color: var(--fs-orange-dark);
font-family: "Nunito", sans-serif;
font-size: 13px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.search .fenek-search-eyebrow::before {
width: 26px;
height: 4px;
background: var(--fs-yellow);
border-radius: 10px;
content: "";
}
body.search .fenek-search-hero h1 {
max-width: 760px;
margin: 0;
color: var(--fs-navy);
font-family: "Nunito", sans-serif;
font-size: clamp(40px, 5vw, 68px);
font-weight: 900;
letter-spacing: -.04em;
line-height: 1;
}
body.search .fenek-search-hero h1 span { color: var(--fs-orange-dark); }
body.search .fenek-search-lead {
margin: 22px 0 0;
color: var(--fs-muted);
font-size: 19px;
}
body.search .fenek-search-form {
padding: 26px;
background: #fff;
border: 1px solid var(--fs-border);
border-radius: 22px;
box-shadow: 0 18px 45px rgba(7, 63, 112, .1);
}
body.search .fenek-search-form label {
display: block;
margin-bottom: 10px;
color: var(--fs-navy);
font-family: "Nunito", sans-serif;
font-size: 16px;
font-weight: 900;
}
body.search .fenek-search-form-row { display: flex; gap: 8px; }
body.search .fenek-search-form input {
width: 100%;
min-width: 0;
height: 50px;
padding: 0 15px;
color: var(--fs-ink);
background: #fff;
border: 1px solid var(--fs-border);
border-radius: 12px;
font: inherit;
}
body.search .fenek-search-form button {
min-width: 112px;
height: 50px;
padding: 0 18px;
color: #fff;
background: var(--fs-orange);
border: 0;
border-radius: 12px;
font-family: "Nunito", sans-serif;
font-weight: 900;
cursor: pointer;
}
body.search .fenek-search-form input:focus-visible,
body.search .fenek-search-form button:focus-visible,
body.search .fenek-result-card a:focus-visible,
body.search .fenek-search-results .pagination a:focus-visible {
outline: 3px solid rgba(243, 106, 33, .35);
outline-offset: 3px;
}
body.search .fenek-search-section-heading {
display: flex;
gap: 24px;
align-items: end;
justify-content: space-between;
margin-bottom: 28px;
}
body.search .fenek-search-section-heading h2 {
margin: 0;
color: var(--fs-navy);
font-family: "Nunito", sans-serif;
font-size: clamp(31px, 4vw, 46px);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1;
}
body.search .fenek-search-section-heading p {
max-width: 500px;
margin: 0;
color: var(--fs-muted);
font-size: 17px;
text-align: right;
}
body.search .fenek-search-results > .page-content {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
body.search .fenek-result-card {
display: flex;
min-width: 0;
min-height: 100%;
margin: 0;
padding: 0 0 26px;
flex-direction: column;
overflow: hidden;
background: #fff;
border: 1px solid var(--fs-border);
border-radius: 22px;
box-shadow: 0 12px 34px rgba(7, 63, 112, .07);
}
body.search .fenek-result-card > *:not(.fenek-result-media) {
margin-right: 24px;
margin-left: 24px;
}
body.search .fenek-result-media {
display: block;
overflow: hidden;
aspect-ratio: 16 / 10;
margin: 0 0 22px;
background: var(--fs-sky);
}
body.search .fenek-result-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .25s ease;
}
body.search .fenek-result-media:hover img { transform: scale(1.035); }
body.search .fenek-result-placeholder {
display: grid;
min-height: 100%;
padding: 20px;
place-items: center;
color: var(--fs-navy);
background:
radial-gradient(circle at 70% 30%, rgba(255, 211, 72, .8) 0 44px, transparent 46px),
linear-gradient(135deg, #eef7fa, #fff8eb);
font-family: "Nunito", sans-serif;
font-size: 19px;
font-weight: 900;
text-align: center;
}
body.search .fenek-result-label {
margin-top: 0;
margin-bottom: 9px;
color: var(--fs-orange-dark);
font-family: "Nunito", sans-serif;
font-size: 12px;
font-weight: 900;
letter-spacing: .07em;
text-transform: uppercase;
}
body.search .fenek-result-card .entry-title {
margin-top: 0;
margin-bottom: 14px;
font-family: "Nunito", sans-serif;
font-size: 25px;
font-weight: 900;
letter-spacing: -.02em;
line-height: 1.14;
}
body.search .fenek-result-card .entry-title a {
color: var(--fs-navy);
text-decoration: none;
}
body.search .fenek-result-card .entry-title a:hover { color: var(--fs-orange-dark); }
body.search .fenek-result-card > p:not(.fenek-result-label) {
display: -webkit-box;
margin-top: 0;
margin-bottom: 22px;
overflow: hidden;
color: var(--fs-muted);
font-size: 16px;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
body.search .fenek-result-read {
margin-top: auto !important;
color: var(--fs-navy);
font-family: "Nunito", sans-serif;
font-size: 15px;
font-weight: 900;
text-decoration: none;
}
body.search .fenek-result-read:hover { color: var(--fs-orange-dark); }
body.search .fenek-search-results > .pagination { margin-top: 38px; }
body.search .fenek-search-results .pagination { display: flex; justify-content: space-between; }
body.search .fenek-search-results .pagination a {
display: inline-flex;
min-height: 46px;
padding: 0 20px;
align-items: center;
color: var(--fs-navy);
background: var(--fs-yellow);
border-radius: 999px;
font-family: "Nunito", sans-serif;
font-weight: 900;
text-decoration: none;
}
body.search.search-no-results .fenek-search-results > .page-content {
display: block;
padding: 42px;
color: var(--fs-muted);
background: var(--fs-sky);
border-radius: 22px;
font-size: 18px;
text-align: center;
}
@media (max-width: 980px) {
body.search .fenek-search-hero-inner { grid-template-columns: 1fr; gap: 34px; }
body.search .fenek-search-results > .page-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
body.search .fenek-search-container,
body.search .fenek-search-results > .page-content,
body.search .fenek-search-results > .pagination,
body.search .fenek-search-section-heading {
width: min(100% - 28px, 1180px);
}
body.search .fenek-search-hero { margin-bottom: 52px; padding: 56px 0 54px; }
body.search .fenek-search-section-heading { display: block; }
body.search .fenek-search-section-heading p { margin-top: 12px; text-align: left; }
body.search .fenek-search-results > .page-content { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
body.search .fenek-search-form-row { flex-direction: column; }
body.search .fenek-search-form button { width: 100%; }
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}.paynow-data-processing-info {
margin-top: 1em;
font-size: .8em;
}
.paynow-data-processing-info .expand {
cursor: pointer;
text-decoration: underline;
}
.paynow-data-processing-info ul {
padding: 0 !important;
margin: 0 0 0 15px !important;
list-style-type: lower-alpha !important;
}
.paynow-data-processing-info .paynow-data-processing-info-more.collapse {
display: none;
}
#payment .payment_methods .paynow-data-processing-info li {
list-style: lower-alpha !important;
line-height: 1.5em !important;
}
#payment ul.payment_methods .paynow-data-processing-info li::before,
#payment ul.payment_methods .paynow-data-processing-info li::after {
display: none !important;
}
.payment_method_pay_by_paynow_pl_pbl > label > img,
.payment_method_pay_by_paynow_pl_card > label > img,
.payment_method_pay_by_paynow_pl_blik > label > img,
.payment_method_pay_by_paynow_pl_paywall > label > img,
.payment_method_pay_by_paynow_pl_paypo > label > img {
max-height: 2rem;
max-width: 3rem;
vertical-align: middle;
}
.payment_method_pay_by_paynow_pl_digital_wallets > label > img {
max-height: 2rem !important;
max-width: 10rem;
vertical-align: middle;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option label[for="radio-control-wc-payment-method-options-pay_by_paynow_pl_paypo"] .wc-block-components-radio-control__label img {
max-height: 18px;
}
.payment_method_pay_by_paynow_pl_blik input[type=text],
.paynow-blik-white-label #paynow_blik_code {
letter-spacing: 5px;
font-weight: bold;
max-width: 100%;
min-width: 110px;
}
.paynow-blik-white-label label {
margin-top: 5px;
}
.paynow-confirm-blik img {
margin: 0 auto;
}
.paynow-payment-option-pbls {
flex-wrap: wrap;
display: flex;
margin: 0 -1%;
}
.paynow-payment-option-pbl {
margin: 1%;
width: 23%;
display: flex;
flex-direction: column;
}
.paynow-payment-option-pbl label {
padding: 5px;
border: 1px solid #e6e6e6;
max-width: 100%;
height: calc(100vh / 20);
min-height: 3rem;
text-align: center;
cursor: pointer;
vertical-align: middle;
display: flex !important;
justify-content: center;
align-items: center;
background: #ffffff;
transition: all 250ms;
margin: 0 !important;
}
.paynow-payment-option-pbl label img {
max-width: 90%;
max-height: calc(100vh / 30) !important;
vertical-align: middle;
margin: 0 !important;
}
.paynow-payment-option-pbl:not(.disabled) label:hover {
border: 1px solid #d2d2d2;
background: #f3f3f3;
}
.paynow-payment-option-pbl input[type=radio] {
display: none !important;
}
.paynow-payment-option-pbl.disabled label img {
opacity: 0.3;
filter: grayscale(1);
}
.paynow-payment-option-pbl.disabled label {
cursor: not-allowed;
}
.paynow-payment-option-pbl input[type=radio]:checked + label {
border: 2px solid #16A035;
background: #f3f3f3;
}
.payment_method_pay_by_paynow_pl_pbl > p {
margin-top: .5rem !important;
}
.payment_method_pay_by_paynow_pl_pbl label > img {
margin-top: 0.25rem;
}
@media (max-width: 576px) {
.paynow-payment-option-pbl {
width: 31%;
}
}
.paynow-payment-card-option {
margin-bottom: 10px;
position: relative;
width: 100%;
}
.paynow-payment-card-option.loading {
opacity: 0.4;
}
.paynow-payment-card-option:last-child {
margin-bottom: 20px;
}
.paynow-payment-card-option input {
display: none;
}
.paynow-payment-card-option label {
border: 1px solid #D2D2D2;
border-radius: 3px;
display: flex !important;
align-items: stretch;
height: 60px;
width: 100%;
margin: 0 !important;
background-color: transparent;
}
.paynow-payment-card-option input[type=radio]:checked + label {
background: #f3f3f3;
}
.paynow-payment-card-option input[type=radio]:not(:disabled) + label {
cursor: pointer;
}
.paynow-payment-card-details {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.paynow-payment-card-details p {
margin: 0;
text-align: left;
}
.paynow-payment-card-details-card-name {
font-size: 12px;
line-height: 20px;
color: #000000;
}
.paynow-payment-card-details-card-name.paynow-expired {
color: #8E8E8E;
}
.paynow-payment-card-details-expiration {
font-size: 10px;
line-height: 20px;
color: #8E8E8E;
}
.paynow-payment-card-details-expiration.paynow-expired {
color: #E52E07;
}
.paynow-payment-card-image {
display: flex;
justify-content: center;
align-items: center;
width: 96px;
}
.paynow-payment-card-image img {
max-width: 40px !important;
max-height: 24px;
}
.paynow-payment-card-menu {
position: absolute;
top: 25px;
right: 13px;
z-index: 1;
}
.paynow-payment-card-option .paynow-payment-card-remove {
position: absolute;
height: auto;
width: auto;
border: none;
white-space: nowrap;
right: 0;
bottom: -25px;
box-shadow: 0 4px 4px 0 #00000040;
padding: 5px 25px;
background-color: white;
z-index: 2;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.paynow-payment-card-option .paynow-payment-card-remove.--hidden {
display: none !important;
}
.paynow-payment-card-option .paynow-payment-card-remove:hover {
background-color: #f1f1f1;
}
.paynow-payment-card-option .paynow-payment-card-menu-button {
height: auto;
border: none;
cursor: pointer;
background-color: transparent;
font-size: 12px;
line-height: 20px;
text-decoration: underline;
}
.paynow-payment-card-error {
font-size: 10px;
color: #E52E07;
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}