* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

:root {
--color-primary: #f5cb5c;
--color-dark: #242423;
--color-grey: #333533;
--color-light: #cfdbd5;
--color-lighter: #e8eddf;
--font-heading: 'Space Grotesk', sans-serif;
--font-body: 'Inter', sans-serif;
}

html {
scroll-behavior: smooth;
}

body {
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: var(--color-grey);
background: var(--color-lighter);
overflow-x: hidden;
}

body.xu44yq-ziv-quent-no-scroll {
overflow: hidden;
}

.xu44yq-ziv-quent-container {
width: 90%;
max-width: 1320px;
margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 700;
color: var(--color-dark);
line-height: 1.2;
}

a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
}

img {
max-width: 100%;
height: auto;
display: block;
}

.xu44yq-ziv-quent-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(232, 237, 223, 0.95);
backdrop-filter: blur(10px);
z-index: 1000;
padding: 18px 0;
box-shadow: 0 2px 20px rgba(36, 36, 35, 0.08);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.xu44yq-ziv-quent-header-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}

.xu44yq-ziv-quent-logo img {
height: 60px;
transition: transform 0.3s ease;
}

.xu44yq-ziv-quent-logo:hover img {
transform: scale(1.05);
}

.xu44yq-ziv-quent-nav-items {
display: flex;
align-items: center;
gap: 2.5rem;
}

.xu44yq-ziv-quent-nav-link {
font-family: var(--font-heading);
font-size: 15px;
font-weight: 500;
color: var(--color-dark);
position: relative;
display: flex;
align-items: center;
gap: 4px;
}

.xu44yq-ziv-quent-nav-link .material-icons {
font-size: 18px;
transition: transform 0.3s ease;
}

.xu44yq-ziv-quent-nav-link:hover {
color: var(--color-primary);
}

.xu44yq-ziv-quent-nav-link.xu44yq-ziv-quent-active {
color: var(--color-primary);
}

.xu44yq-ziv-quent-nav-link.xu44yq-ziv-quent-active::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: var(--color-primary);
}

.xu44yq-ziv-quent-dropdown {
position: relative;
}

.xu44yq-ziv-quent-dropdown:hover .xu44yq-ziv-quent-nav-link .material-icons {
transform: rotate(180deg);
}

.xu44yq-ziv-quent-dropdown-content {
position: absolute;
top: 100%;
left: 0;
background: white;
min-width: 220px;
padding: 12px 0;
border-radius: 8px;
box-shadow: 0 8px 32px rgba(36, 36, 35, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 20px;
}

.xu44yq-ziv-quent-dropdown:hover .xu44yq-ziv-quent-dropdown-content {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.xu44yq-ziv-quent-dropdown-content a {
display: block;
padding: 10px 24px;
font-size: 14px;
color: var(--color-grey);
font-weight: 400;
transition: all 0.2s ease;
}

.xu44yq-ziv-quent-dropdown-content a:hover {
background: var(--color-lighter);
color: var(--color-primary);
padding-left: 30px;
}

.xu44yq-ziv-quent-burger {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
z-index: 1001;
}

.xu44yq-ziv-quent-burger span {
width: 28px;
height: 3px;
background: var(--color-dark);
border-radius: 2px;
transition: all 0.3s ease;
}

.xu44yq-ziv-quent-burger.xu44yq-ziv-quent-active span:nth-child(1) {
transform: rotate(45deg) translate(8px, 8px);
}

.xu44yq-ziv-quent-burger.xu44yq-ziv-quent-active span:nth-child(2) {
opacity: 0;
}

.xu44yq-ziv-quent-burger.xu44yq-ziv-quent-active span:nth-child(3) {
transform: rotate(-45deg) translate(8px, -8px);
}

main {
margin-top: 80px;
min-height: calc(100vh - 80px);
}

.hero-alt {
background: linear-gradient(135deg, #e8eddf 0%, #cfdbd5 100%);
padding: 7.5rem 0 5em;
position: relative;
overflow: hidden;
}

.hero-split {
display: flex;
align-items: center;
gap: 4rem;
}

.hero-left-side {
flex: 1.2;
}

.hero-tag {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.5em 1.2em;
border-radius: 25px;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.hero-left-side h1 {
font-size: 3.75rem;
margin-bottom: 1.5rem;
line-height: 1.1;
}

.hero-left-side p {
font-size: 1.25rem;
margin-bottom: 2.25rem;
line-height: 1.5;
color: var(--color-grey);
}

.hero-actions {
display: flex;
gap: 1.5rem;
align-items: center;
margin-bottom: 3rem;
}

.btn-primary {
background: var(--color-primary);
color: var(--color-dark);
padding: 1em 2.25em;
border-radius: 0.5rem;
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 600;
display: inline-block;
transition: all 0.3s ease;
}

.btn-primary:hover {
background: #f7d57a;
transform: translateY(-3px);
box-shadow: 0 0.5rem 1.5rem rgba(245, 203, 92, 0.3);
}

.btn-secondary {
background: transparent;
color: var(--color-dark);
padding: 1em 2.25em;
border: 2px solid var(--color-dark);
border-radius: 0.5rem;
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 600;
display: inline-block;
transition: all 0.3s ease;
}

.btn-secondary:hover {
background: var(--color-dark);
color: var(--color-lighter);
}

.btn-text {
color: var(--color-dark);
font-weight: 600;
font-size: 1rem;
}

.btn-text:hover {
color: var(--color-primary);
}

.hero-right-side {
flex: 1;
position: relative;
}

.hero-right-side img {
border-radius: 1rem;
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.15);
width: 100%;
}

.hero-float-card {
position: absolute;
bottom: -1.5rem;
left: -2rem;
background: white;
padding: 1.5rem;
border-radius: 0.75rem;
box-shadow: 0 0.75rem 2rem rgba(36, 36, 35, 0.12);
display: flex;
align-items: center;
gap: 0.875rem;
}

.hero-float-card .material-icons {
font-size: 2.5rem;
color: var(--color-primary);
}

.float-card-txt strong {
display: block;
font-size: 1.75rem;
color: var(--color-dark);
margin-bottom: 0.25rem;
}

.float-card-txt p {
font-size: 0.8125rem;
margin: 0;
}

.pricing-upfront {
padding: 6.25rem 0;
background: white;
}

.pricing-transparent {
max-width: 73.125rem;
margin: 0 auto;
}

.pricing-head {
text-align: center;
margin-bottom: 4rem;
}

.pricing-head h2 {
font-size: 3rem;
margin-bottom: 1rem;
}

.pricing-head p {
font-size: 1.1875rem;
color: var(--color-grey);
}

.price-boxes {
display: flex;
gap: 2rem;
justify-content: center;
}

.price-bx {
background: var(--color-lighter);
padding: 2.5rem 2rem;
border-radius: 1rem;
flex: 1;
max-width: 22.5rem;
position: relative;
transition: all 0.3s ease;
}

.price-bx:hover {
transform: translateY(-0.5rem);
box-shadow: 0 1rem 3rem rgba(36, 36, 35, 0.12);
}

.price-bx.featured-price {
background: var(--color-dark);
color: white;
transform: scale(1.05);
}

.price-bx.featured-price .price-label,
.price-bx.featured-price .price-amount,
.price-bx.featured-price .price-includes li {
color: white;
}

.popular-badge {
position: absolute;
top: -0.75rem;
right: 1.5rem;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.375rem 1rem;
border-radius: 1.25rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
}

.price-label {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 1rem;
font-weight: 600;
}

.price-amount {
font-size: 3.5rem;
font-weight: 700;
color: var(--color-dark);
margin-bottom: 1.5rem;
}

.price-amount span {
font-size: 1.25rem;
font-weight: 400;
}

.price-includes {
list-style: none;
margin-bottom: 2rem;
}

.price-includes li {
padding: 0.75rem 0;
border-bottom: 1px solid rgba(51, 53, 51, 0.1);
font-size: 0.9375rem;
}

.price-link {
display: block;
text-align: center;
color: var(--color-primary);
font-weight: 600;
font-size: 0.9375rem;
}

.price-link:hover {
text-decoration: underline;
}

.problem-real {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.problem-layout {
display: flex;
gap: 5rem;
align-items: center;
}

.problem-txt {
flex: 1.2;
}

.problem-txt h2 {
font-size: 2.875rem;
margin-bottom: 2.5rem;
}

.problem-list {
margin-bottom: 2rem;
}

.problem-item {
display: flex;
gap: 1rem;
align-items: flex-start;
margin-bottom: 1.5rem;
}

.problem-item .material-icons {
color: #e74c3c;
font-size: 1.75rem;
flex-shrink: 0;
}

.problem-item p {
font-size: 1.0625rem;
line-height: 1.5;
}

.problem-conclusion {
font-size: 1.125rem;
line-height: 1.6;
padding: 1.5rem;
background: white;
border-left: 4px solid var(--color-primary);
border-radius: 0.5rem;
}

.problem-img {
flex: 1;
}

.problem-img img {
border-radius: 1rem;
box-shadow: 0 1.25rem 3.75rem rgba(36, 36, 35, 0.15);
}

.results-strip {
padding: 6.25rem 0;
background: white;
}

.results-strip h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 3.5rem;
}

.results-wrapper {
display: flex;
flex-direction: column;
gap: 1.5rem;
max-width: 56.25rem;
margin: 0 auto;
}

.result-card-new {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--color-lighter);
padding: 2.5rem 3rem;
border-radius: 1rem;
transition: all 0.3s ease;
}

.result-card-new:hover {
transform: translateX(0.75rem);
box-shadow: 0 0.75rem 2rem rgba(36, 36, 35, 0.1);
}

.result-card-new:nth-child(2) {
background: rgba(245, 203, 92, 0.15);
}

.result-card-new:nth-child(3) {
background: var(--color-lighter);
}

.result-left,
.result-right {
flex: 1;
}

.result-num-big {
font-size: 3.5rem;
font-weight: 700;
color: var(--color-dark);
line-height: 1;
margin-bottom: 0.5rem;
}

.result-num-big.accent {
color: var(--color-primary);
}

.result-desc {
font-size: 1rem;
margin: 0;
color: var(--color-grey);
}

.result-arrow-big {
font-size: 3rem;
color: var(--color-grey);
margin: 0 2rem;
flex-shrink: 0;
}

.see-all-link {
display: block;
text-align: center;
margin-top: 2.5rem;
color: var(--color-primary);
font-weight: 600;
font-size: 1rem;
}

.see-all-link:hover {
text-decoration: underline;
}

.team-honest {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.team-wrapper {
max-width: 68.75rem;
margin: 0 auto;
}

.team-intro {
text-align: center;
margin-bottom: 4rem;
}

.team-intro h2 {
font-size: 3rem;
margin-bottom: 1rem;
}

.team-intro p {
font-size: 1.1875rem;
color: var(--color-grey);
}

.team-grid-honest {
display: flex;
gap: 2rem;
}

.team-member {
background: white;
padding: 2.5rem 2rem;
border-radius: 1rem;
flex: 1;
transition: all 0.3s ease;
}

.team-member:hover {
transform: translateY(-0.5rem);
box-shadow: 0 1rem 3rem rgba(36, 36, 35, 0.12);
}

.member-role {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.375rem 1rem;
border-radius: 1.25rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.25rem;
}

.team-member h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}

.team-member p {
font-size: 0.9375rem;
line-height: 1.6;
}

.guarantee-section {
padding: 6.25rem 0;
background: white;
}

.guarantee-box {
display: flex;
gap: 4rem;
align-items: center;
background: var(--color-lighter);
padding: 4rem;
border-radius: 1.25rem;
}

.guarantee-content {
flex: 1.3;
}

.guarantee-content .material-icons {
font-size: 4rem;
color: var(--color-primary);
margin-bottom: 1.5rem;
}

.guarantee-content h2 {
font-size: 2.875rem;
margin-bottom: 1.25rem;
}

.guarantee-content p {
font-size: 1.125rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}

.guarantee-note {
background: white;
padding: 1.25rem;
border-left: 3px solid var(--color-primary);
border-radius: 0.5rem;
font-size: 0.9375rem;
color: var(--color-grey);

}

.guarantee-box img {
flex: 1;
border-radius: 1rem;
box-shadow: 0 1rem 3rem rgba(36, 36, 35, 0.12);
width: 50%;
}

.contact-quick {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.contact-wrap {
display: flex;
gap: 5rem;
align-items: center;
}

.contact-left {
flex: 1.2;
}

.contact-left h2 {
font-size: 3rem;
margin-bottom: 1.25rem;
}

.contact-left p {
font-size: 1.1875rem;
margin-bottom: 2.5rem;
line-height: 1.6;
}

.contact-methods {
display: flex;
flex-direction: column;
gap: 1.75rem;
}

.method-item {
display: flex;
gap: 1.25rem;
align-items: flex-start;
}

.method-item .material-icons {
font-size: 2.5rem;
color: var(--color-primary);
}

.method-item strong {
display: block;
font-size: 1rem;
margin-bottom: 0.375rem;
}

.method-item a {
color: var(--color-primary);
font-size: 1.0625rem;
}

.method-item a:hover {
text-decoration: underline;
}

.contact-right {
flex: 1;
}

.contact-right img {
border-radius: 1rem;
box-shadow: 0 1.25rem 3.75rem rgba(36, 36, 35, 0.15);
}

.facts-quick {
padding: 6.25rem 0;
background: white;
}

.facts-header {
text-align: center;
margin-bottom: 4rem;
}

.facts-header h2 {
font-size: 3rem;
}

.facts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 56.25rem;
margin: 0 auto;
}

.fact-item {
text-align: center;
padding: 2rem 1.5rem;
background: var(--color-lighter);
border-radius: 0.75rem;
transition: all 0.3s ease;
}

.fact-item:hover {
transform: scale(1.05);
background: var(--color-primary);
}

.fact-item strong {
display: block;
font-size: 2.5rem;
color: var(--color-dark);
margin-bottom: 0.625rem;
}

.fact-item p {
font-size: 0.9375rem;
margin: 0;
}

.voices-real {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.voices-real h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 3.5rem;
}

.voices-layout {
display: flex;
gap: 2rem;
}

.voice-card {
background: white;
padding: 2.5rem;
border-radius: 1rem;
flex: 1;
transition: all 0.3s ease;
}

.voice-card:hover {
transform: translateY(-0.5rem);
box-shadow: 0 1rem 3rem rgba(36, 36, 35, 0.12);
}

.voice-card.dark-voice {
background: var(--color-dark);
color: white;
}

.voice-card p {
font-size: 1.0625rem;
line-height: 1.6;
margin-bottom: 2rem;
}

.voice-author strong {
display: block;
font-size: 1rem;
margin-bottom: 0.25rem;
color: var(--color-dark);
}

.voice-card.dark-voice .voice-author strong {
color: white;
}

.voice-author span {
font-size: 0.875rem;
color: var(--color-grey);
}

.voice-card.dark-voice .voice-author span {
color: var(--color-light);
}

.final-simple {
padding: 6.25rem 0;
background: white;
}

.final-box {
max-width: 68.75rem;
margin: 0 auto;
text-align: center;
}

.final-box h2 {
font-size: 3rem;
margin-bottom: 3rem;
}

.options-split {
display: flex;
gap: 2.5rem;
margin-bottom: 3rem;
}

.option-block {
flex: 1;
background: var(--color-lighter);
padding: 3rem 2.5rem;
border-radius: 1rem;
transition: all 0.3s ease;
}

.option-block:hover {
transform: translateY(-0.5rem);
box-shadow: 0 1rem 3rem rgba(36, 36, 35, 0.12);
}

.option-block.highlight {
background: var(--color-dark);
color: white;
}

.option-block h3 {
font-size: 1.75rem;
margin-bottom: 1rem;
}

.option-block.highlight h3 {
color: white;
}

.option-block p {
font-size: 1.0625rem;
margin-bottom: 2rem;
line-height: 1.6;
}

.final-note {
margin-top: 3rem;
}

.final-note img {
border-radius: 1rem;
max-width: 37.5rem;
margin: 0 auto;
box-shadow: 0 1.25rem 3.75rem rgba(36, 36, 35, 0.15);
width: 100%;
}

.xu44yq-ziv-quent-footer {
background: var(--color-dark);
color: var(--color-light);
padding: 60px 0 30px;
margin-top: 0;
}

.xu44yq-ziv-quent-footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr;
gap: 40px;
margin-bottom: 40px;
}

.xu44yq-ziv-quent-footer-logo img {
height: 38px;
margin-bottom: 20px;
filter: brightness(0) invert(1);
}

.xu44yq-ziv-quent-footer-desc {
font-size: 14px;
line-height: 1.7;
margin-bottom: 24px;
color: var(--color-light);
}

.xu44yq-ziv-quent-footer-social {
display: flex;
gap: 12px;
}

.xu44yq-ziv-quent-footer-social a {
width: 38px;
height: 38px;
background: var(--color-grey);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}

.xu44yq-ziv-quent-footer-social a:hover {
background: var(--color-primary);
transform: translateY(-3px);
}

.xu44yq-ziv-quent-footer-social .material-icons {
font-size: 18px;
color: white;
}

.xu44yq-ziv-quent-footer-col h4 {
font-size: 16px;
font-weight: 600;
color: var(--color-primary);
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.xu44yq-ziv-quent-footer-col ul {
list-style: none;
}

.xu44yq-ziv-quent-footer-col ul li {
margin-bottom: 12px;
}

.xu44yq-ziv-quent-footer-col ul li a {
font-size: 14px;
color: var(--color-light);
transition: all 0.2s ease;
}

.xu44yq-ziv-quent-footer-col ul li a:hover {
color: var(--color-primary);
padding-left: 5px;
}

.xu44yq-ziv-quent-footer-contact li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: var(--color-light);
line-height: 1.6;
}

.xu44yq-ziv-quent-footer-contact .material-icons {
font-size: 18px;
color: var(--color-primary);
margin-top: 2px;
}

.xu44yq-ziv-quent-footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 30px;
border-top: 1px solid rgba(207, 219, 213, 0.15);
}

.xu44yq-ziv-quent-footer-bottom p {
font-size: 13px;
color: var(--color-light);
}

.xu44yq-ziv-quent-footer-legal {
display: flex;
gap: 24px;
}

.xu44yq-ziv-quent-footer-legal a {
font-size: 13px;
color: var(--color-light);
}

.xu44yq-ziv-quent-footer-legal a:hover {
color: var(--color-primary);
}

.xu44yq-ziv-quent-cookies {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: var(--color-dark);
padding: 20px;
transform: translateY(100%);
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 9999;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}

.xu44yq-ziv-quent-cookies.xu44yq-ziv-quent-show {
transform: translateY(0);
}

.xu44yq-ziv-quent-cookies.xu44yq-ziv-quent-hide {
transform: translateY(100%);
}

.xu44yq-ziv-quent-cookies-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}

.xu44yq-ziv-quent-cookies-text {
display: flex;
align-items: center;
gap: 16px;
flex: 1;
}

.xu44yq-ziv-quent-cookies-text .material-icons {
font-size: 32px;
color: var(--color-primary);
}

.xu44yq-ziv-quent-cookies-text p {
font-size: 14px;
color: var(--color-light);
line-height: 1.5;
}

.xu44yq-ziv-quent-cookies-actions {
display: flex;
align-items: center;
gap: 16px;
}

.xu44yq-ziv-quent-cookies-accept {
background: var(--color-primary);
color: var(--color-dark);
padding: 12px 32px;
border: none;
border-radius: 6px;
font-family: var(--font-heading);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}

.xu44yq-ziv-quent-cookies-accept:hover {
background: #f7d57a;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(245, 203, 92, 0.3);
}

.xu44yq-ziv-quent-cookies-more {
font-size: 13px;
color: var(--color-light);
text-decoration: underline;
}

.xu44yq-ziv-quent-cookies-more:hover {
color: var(--color-primary);
}

@media (max-width: 1200px) {
.hero-left-side h1 {
font-size: 3rem;
}

.price-boxes {
flex-wrap: wrap;
}

.team-grid-honest {
flex-wrap: wrap;
}
}

@media (max-width: 992px) {
.xu44yq-ziv-quent-nav {
position: fixed;
top: 0;
right: -100%;
width: 320px;
height: 100vh;
background: white;
padding: 100px 30px 30px;
transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
overflow-y: auto;
}

.xu44yq-ziv-quent-nav.xu44yq-ziv-quent-mobile-active {
right: 0;
}

.xu44yq-ziv-quent-nav-items {
flex-direction: column;
align-items: flex-start;
gap: 0;
}

.xu44yq-ziv-quent-nav-link {
width: 100%;
padding: 14px 0;
border-bottom: 1px solid var(--color-lighter);
}

.xu44yq-ziv-quent-dropdown-content {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
margin-top: 8px;
padding-left: 16px;
background: transparent;
}

.xu44yq-ziv-quent-burger {
display: flex;
}

.hero-split {
flex-direction: column;
gap: 2.5rem;
}

.hero-left-side h1 {
font-size: 2.5rem;
}

.problem-layout {
flex-direction: column;
gap: 3rem;
}

.results-wrapper {
max-width: 100%;
}

.contact-wrap {
flex-direction: column;
gap: 3rem;
}

.voices-layout {
flex-direction: column;
}

.options-split {
flex-direction: column;
}

.facts-grid {
grid-template-columns: repeat(2, 1fr);
}

.xu44yq-ziv-quent-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
}

.xu44yq-ziv-quent-footer-col:first-child {
grid-column: 1 / -1;
}
}

@media (max-width: 768px) {
.hero-left-side h1 {
font-size: 2rem;
}

.hero-left-side p {
font-size: 1.125rem;
}

.hero-actions {
flex-direction: column;
align-items: stretch;
}

.btn-primary, .btn-secondary {
text-align: center;
}

.pricing-head h2 {
font-size: 2.25rem;
}

.price-boxes {
flex-direction: column;
align-items: center;
}

.price-bx {
max-width: 100%;
}

.result-card-new {
flex-direction: column;
text-align: center;
padding: 2rem 1.5rem;
gap: 1.5rem;
}

.result-arrow-big {
margin: 0;
transform: rotate(90deg);
}

.result-num-big {
font-size: 2.5rem;
}

.guarantee-box {
flex-direction: column;
padding: 2.5rem;
}

.facts-grid {
grid-template-columns: 1fr;
}

.xu44yq-ziv-quent-footer-grid {
grid-template-columns: 1fr;
}

.xu44yq-ziv-quent-footer-bottom {
flex-direction: column;
gap: 16px;
text-align: center;
}

.xu44yq-ziv-quent-cookies-content {
flex-direction: column;
align-items: flex-start;
}

.xu44yq-ziv-quent-cookies-actions {
width: 100%;
flex-direction: column;
}

.xu44yq-ziv-quent-cookies-accept {
width: 100%;
}
}

@media (max-width: 480px) {
.xu44yq-ziv-quent-container {
width: 95%;
}

.hero-alt {
padding: 5rem 0 3.5rem;
}

.hero-left-side h1 {
font-size: 1.75rem;
}

.result-card-new {
padding: 1.5rem 1rem;
}

.result-num-big {
font-size: 2rem;
}

.result-desc {
font-size: 0.875rem;
}

.xu44yq-ziv-quent-nav {
width: 280px;
}
}

.appr-hero-twisted {
padding: 8.5rem 0 6em;
background: linear-gradient(135deg, #e8eddf 0%, #cfdbd5 100%);
position: relative;
overflow: hidden;
}

.hero-overlap-wrap {
display: flex;
position: relative;
gap: 2.5rem;
align-items: center;
}

.hero-txt-block {
flex: 1;
z-index: 2;
position: relative;
}

.micro-tag {
display: inline-block;
background: var(--color-primary);
padding: 0.4em 1em;
font-size: 13px;
border-radius: 20px;
margin-bottom: 1.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--color-dark);
}

.hero-txt-block h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
line-height: 1.05;
}

.hero-txt-block p {
font-size: 1.3rem;
margin-bottom: 2.5rem;
line-height: 1.5;
color: var(--color-grey);
max-width: 520px;
}

.hero-img-float {
flex: 1;
position: relative;
z-index: 1;
}

.hero-img-float img {
border-radius: 1rem;
width: 100%;
box-shadow: 0 25px 70px rgba(36, 36, 35, 0.2);
}

.float-stat-badge {
position: absolute;
background: white;
padding: 1.75rem 2rem;
border-radius: 12px;
top: -2rem;
left: -3.5rem;
box-shadow: 0 15px 40px rgba(36, 36, 35, 0.15);
}

.float-stat-badge strong {
display: block;
font-size: 2.75rem;
color: var(--color-primary);
font-family: var(--font-heading);
line-height: 1;
margin-bottom: 0.4rem;
}

.float-stat-badge span {
font-size: 0.875rem;
color: var(--color-grey);
}

.facts-chaos {
background: white;
padding: 5.5rem 0;
}

.chaos-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}

.fact-box {
background: var(--color-lighter);
padding: 2.5em;
border-radius: 0.875rem;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.fact-box:hover {
transform: translateY(-8px);
box-shadow: 0 20px 50px rgba(36, 36, 35, 0.15);
}

.box-large {
grid-column: span 2;
grid-row: span 2;
}

.box-tall {
grid-row: span 2;
}

.box-wide {
grid-column: span 2;
}

.box-accent {
background: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
}

.fact-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.fact-num {
font-size: 4.5rem;
font-weight: 700;
line-height: 1;
margin-bottom: 1rem;
color: var(--color-dark);
font-family: var(--font-heading);
}

.fact-box p {
font-size: 1.0625rem;
margin: 0;
line-height: 1.5;
}

.box-accent .material-icons {
font-size: 3.5rem;
color: var(--color-dark);
margin-bottom: 1rem;
}

.box-accent p {
text-align: center;
font-weight: 500;
}

.method-broken {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.method-head-alt {
text-align: center;
margin-bottom: 5rem;
}

.method-head-alt h2 {
font-size: 3.25rem;
}

.method-cards-stack {
max-width: 900px;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
gap: 2rem;
}

.mcard {
background: white;
border-radius: 1rem;
padding: 3rem 2.75rem;
box-shadow: 0 10px 35px rgba(36, 36, 35, 0.1);
transition: all 0.4s ease;
position: relative;
}

.mcard:hover {
transform: translateX(1.5rem) translateY(-0.5rem);
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.2);
}

.mcard-1 {
margin-left: 0;
}

.mcard-2 {
margin-left: 4rem;
background: var(--color-dark);
color: white;
}

.mcard-3 {
margin-left: 8rem;
}

.mcard-label {
display: inline-block;
font-size: 0.8125rem;
background: var(--color-primary);
padding: 0.375rem 1rem;
border-radius: 15px;
margin-bottom: 1.5rem;
font-weight: 600;
text-transform: uppercase;
color: var(--color-dark);
letter-spacing: 0.5px;
}

.mcard h3 {
font-size: 1.875rem;
margin-bottom: 1rem;
}

.mcard-2 h3 {
color: white;
}

.mcard p {
font-size: 1.0625rem;
line-height: 1.65;
margin: 0;
}

.team-asymmetric {
padding: 6.25rem 0;
background: white;
}

.team-title-simple {
font-size: 3.25rem;
text-align: center;
margin-bottom: 4.5rem;
}

.team-mosaic {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: auto auto;
gap: 2rem;
max-width: 1150px;
margin: 0 auto;
}

.person-card {
background: var(--color-lighter);
padding: 2.75rem 2.25rem;
border-radius: 1rem;
transition: all 0.35s ease;
}

.person-card:hover {
transform: scale(1.03);
box-shadow: 0 20px 50px rgba(36, 36, 35, 0.15);
}

.p-card-big {
grid-column: 1;
grid-row: span 2;
background: var(--color-dark);
color: white;
}

.p-card-small {
grid-column: 2;
grid-row: 1;
}

.p-card-medium {
grid-column: 2;
grid-row: 2;
}

.p-role {
display: inline-block;
background: var(--color-primary);
padding: 0.375rem 1rem;
font-size: 0.75rem;
border-radius: 18px;
margin-bottom: 1.5rem;
text-transform: uppercase;
font-weight: 700;
color: var(--color-dark);
letter-spacing: 0.5px;
}

.person-card h3 {
font-size: 1.875rem;
margin-bottom: 1.25rem;
}

.p-card-big h3 {
color: white;
font-size: 2.25rem;
}

.person-card p {
font-size: 0.9375rem;
line-height: 1.7;
margin-bottom: 1.75rem;
}

.p-skills {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}

.p-skills span {
background: white;
padding: 0.4em 0.875em;
border-radius: 15px;
font-size: 0.8125rem;
font-weight: 500;
color: var(--color-grey);
}

.p-card-big .p-skills span {
background: var(--color-grey);
color: white;
}

.values-split {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.values-layout {
display: flex;
gap: 5rem;
align-items: center;
}

.values-content {
flex: 1.4;
}

.values-content h2 {
font-size: 3.25rem;
margin-bottom: 3rem;
}

.value-row {
display: flex;
gap: 1.75rem;
margin-bottom: 2.75rem;
align-items: flex-start;
}

.v-icon-wrap {
background: var(--color-primary);
width: 65px;
height: 65px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.v-icon-wrap .material-icons {
font-size: 2rem;
color: var(--color-dark);
}

.v-text h4 {
font-size: 1.375rem;
margin-bottom: 0.625rem;
}

.v-text p {
font-size: 1rem;
line-height: 1.65;
margin: 0;
}

.values-visual {
flex: 1;
}

.values-visual img {
border-radius: 1rem;
width: 100%;
box-shadow: 0 25px 60px rgba(36, 36, 35, 0.15);
}

.cta-offset {
padding: 6.25rem 0;
background: white;
}

.cta-double {
display: flex;
gap: 2.5rem;
max-width: 1100px;
margin: 0 auto;
}

.cta-block {
flex: 1;
padding: 3.5rem 3rem;
border-radius: 1rem;
background: var(--color-lighter);
transition: all 0.35s ease;
}

.cta-block:hover {
transform: translateY(-10px);
box-shadow: 0 25px 60px rgba(36, 36, 35, 0.15);
}

.cta-right {
background: var(--color-dark);
color: white;
margin-top: 3rem;
}

.cta-block h3 {
font-size: 1.875rem;
margin-bottom: 1.25rem;
}

.cta-right h3 {
color: white;
}

.cta-block p {
font-size: 1.0625rem;
line-height: 1.65;
margin-bottom: 2rem;
}

@media (max-width: 1200px) {
.chaos-grid {
grid-template-columns: repeat(2, 1fr);
}

.box-large {
grid-column: span 2;
grid-row: span 1;
}

.box-tall {
grid-row: span 1;
}

.team-mosaic {
grid-template-columns: 1fr;
}

.p-card-big,
.p-card-small,
.p-card-medium {
grid-column: 1;
grid-row: auto;
}
}

@media (max-width: 992px) {
.hero-overlap-wrap {
flex-direction: column;
}

.float-stat-badge {
top: auto;
bottom: -1.5rem;
left: 1.5rem;
}

.mcard-1,
.mcard-2,
.mcard-3 {
margin-left: 0;
}

.values-layout {
flex-direction: column;
gap: 3rem;
}

.cta-double {
flex-direction: column;
}

.cta-right {
margin-top: 0;
}
}

@media (max-width: 768px) {
.hero-txt-block h1 {
font-size: 2.5rem;
}

.hero-txt-block p {
font-size: 1.125rem;
}

.chaos-grid {
grid-template-columns: 1fr;
}

.box-large,
.box-tall,
.box-wide {
grid-column: span 1;
grid-row: span 1;
}

.fact-num {
font-size: 3rem;
}

.method-head-alt h2 {
font-size: 2.25rem;
}

.mcard h3 {
font-size: 1.5rem;
}

.team-title-simple {
font-size: 2.25rem;
}

.person-card h3 {
font-size: 1.5rem;
}

.p-card-big h3 {
font-size: 1.75rem;
}

.values-content h2 {
font-size: 2.25rem;
}

.value-row {
flex-direction: column;
align-items: center;
text-align: center;
}

.cta-block h3 {
font-size: 1.5rem;
}
}

@media (max-width: 480px) {
.appr-hero-twisted {
padding: 5rem 0 3.5rem;
}

.hero-txt-block h1 {
font-size: 2rem;
}

.float-stat-badge {
padding: 1.25rem 1.5rem;
}

.float-stat-badge strong {
font-size: 2rem;
}

.facts-chaos {
padding: 4rem 0;
}

.method-broken {
padding: 4rem 0;
}

.team-asymmetric {
padding: 4rem 0;
}

.values-split {
padding: 4rem 0;
}

.cta-offset {
padding: 4rem 0;
}
}

.cases-hero-block {
display: flex;
gap: 60px;
align-items: center;
}

.cases-hero-left {
flex: 1.4;
}

.cases-hero-left h1 {
font-size: 3.75rem;
margin-bottom: 1.5rem;
line-height: 1.1;
}

.cases-hero-left p {
font-size: 1.25rem;
line-height: 1.5;
}

.cases-stats-quick {
display: flex;
gap: 2rem;
flex: 1;
}

.stat-mini {
background: white;
padding: 1.75rem 1.5rem;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 24px rgba(36, 36, 35, 0.08);
flex: 1;
transition: transform 0.3s ease;
}

.stat-mini:hover {
transform: translateY(-8px);
}

.stat-mini strong {
display: block;
font-size: 2.25rem;
color: var(--color-primary);
font-family: var(--font-heading);
margin-bottom: 0.5rem;
}

.stat-mini span {
font-size: 14px;
color: var(--color-grey);
}

.cases-showcase {
padding: 100px 0;
background: white;
}

.case-asymm-grid {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 2rem;
}

.case-card-big {
background: var(--color-lighter);
border-radius: 16px;
overflow: hidden;
transition: all 0.4s ease;
}

.case-card-big:hover {
transform: scale(1.02);
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.15);
}

.case-card-big img {
width: 100%;
height: 340px;
object-fit: cover;
}

.case-card-content {
padding: 2.5rem;
}

.case-industry-badge {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 6px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}

.case-card-content h3 {
font-size: 2rem;
margin-bottom: 1rem;
}

.case-card-content p {
font-size: 1.0625rem;
margin-bottom: 2rem;
line-height: 1.6;
}

.case-metrics-row {
display: flex;
gap: 2rem;
margin-bottom: 2rem;
padding-top: 2rem;
border-top: 2px solid rgba(51, 53, 51, 0.1);
}

.metric-item {
text-align: center;
}

.metric-val {
font-size: 2rem;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 0.25rem;
font-family: var(--font-heading);
}

.metric-label {
font-size: 13px;
color: var(--color-grey);
}

.case-stack-right {
display: flex;
flex-direction: column;
gap: 2rem;
}

.case-card-small {
background: var(--color-lighter);
padding: 2rem;
border-radius: 16px;
transition: all 0.3s ease;
position: relative;
}

.case-card-small:hover {
transform: translateX(8px);
box-shadow: 0 12px 40px rgba(36, 36, 35, 0.12);
}

.case-card-small h4 {
font-size: 1.375rem;
margin-bottom: 0.875rem;
margin-top: 1.5rem;
}

.case-card-small p {
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}

.case-mini-stats {
display: flex;
gap: 1.5rem;
padding-top: 1.25rem;
border-top: 1px solid rgba(51, 53, 51, 0.1);
}

.case-mini-stats span {
font-size: 14px;
}

.case-mini-stats strong {
color: var(--color-dark);
font-weight: 700;
}

.dark-case {
background: var(--color-dark);
color: white;
}

.dark-case h4 {
color: white;
}

.dark-case p {
color: var(--color-light);
}

.light-badge {
background: var(--color-lighter);
color: var(--color-dark);
}

.light-stats {
border-top-color: rgba(207, 219, 213, 0.2);
}

.light-stats span {
color: var(--color-light);
}

.light-stats strong {
color: white;
}

.methodology-brief {
padding: 100px 0;
background: var(--color-lighter);
}

.method-split {
display: flex;
gap: 5rem;
align-items: center;
}

.method-visual {
flex: 1;
}

.method-visual img {
border-radius: 16px;
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.15);
width: 100%;
}

.method-explanation {
flex: 1.3;
}

.method-explanation h2 {
font-size: 3rem;
margin-bottom: 3rem;
}

.method-steps-clean {
display: flex;
flex-direction: column;
gap: 2rem;
}

.step-block {
display: flex;
gap: 1.5rem;
align-items: flex-start;
}

.step-num {
font-size: 2.5rem;
font-weight: 700;
color: var(--color-primary);
font-family: var(--font-heading);
line-height: 1;
flex-shrink: 0;
width: 70px;
}

.step-info h5 {
font-size: 1.25rem;
margin-bottom: 0.5rem;
color: var(--color-dark);
}

.step-info p {
font-size: 1rem;
line-height: 1.6;
margin: 0;
}

.more-cases-simple {
padding: 100px 0;
background: white;
}

.more-cases-simple h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 4rem;
}

.simple-case-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.75rem;
margin-bottom: 4rem;
}

.simple-case-item {
background: var(--color-lighter);
padding: 2rem;
border-radius: 12px;
transition: all 0.3s ease;
}

.simple-case-item:hover {
background: rgba(245, 203, 92, 0.12);
transform: scale(1.02);
}

.simple-case-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.25rem;
}

.case-type {
font-size: 13px;
font-weight: 600;
color: var(--color-grey);
text-transform: uppercase;
letter-spacing: 0.5px;
}

.case-result-tag {
background: var(--color-primary);
color: var(--color-dark);
padding: 4px 12px;
border-radius: 12px;
font-size: 13px;
font-weight: 700;
}

.simple-case-item h4 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}

.simple-case-item p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.highlight-case {
background: var(--color-dark);
color: white;
}

.highlight-case h4 {
color: white;
}

.highlight-case p {
color: var(--color-light);
}

.light-type {
background: var(--color-lighter);
color: var(--color-dark);
}

.light-tag {
background: var(--color-primary);
}

.cta-cases-bottom {
max-width: 720px;
margin: 0 auto;
text-align: center;
padding-top: 3rem;
border-top: 2px solid var(--color-lighter);
}

.cta-cases-bottom h3 {
font-size: 2rem;
margin-bottom: 1rem;
}

.cta-cases-bottom p {
font-size: 1.125rem;
margin-bottom: 2rem;
line-height: 1.6;
}

.plans-hero-content {
max-width: 780px;
margin: 0 auto;
text-align: center;
}

.plans-hero-content h1 {
font-size: 3.75rem;
margin-bottom: 1.5rem;
}

.plans-hero-content p {
font-size: 1.25rem;
margin-bottom: 3rem;
}

.plans-promise-cards {
display: flex;
justify-content: center;
gap: 2rem;
}

.promise-mini {
display: flex;
align-items: center;
gap: 10px;
background: white;
padding: 12px 24px;
border-radius: 50px;
box-shadow: 0 4px 16px rgba(36, 36, 35, 0.08);
}

.promise-mini .material-icons {
color: var(--color-primary);
font-size: 24px;
}

.promise-mini p {
margin: 0;
font-size: 15px;
font-weight: 600;
color: var(--color-dark);
}

.plans-main-grid {
padding: 100px 0;
background: white;
}

.plans-selector {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-bottom: 4rem;
}

.plan-column {
background: var(--color-lighter);
border-radius: 16px;
padding: 2.5rem;
transition: all 0.4s ease;
display: flex;
flex-direction: column;
}

.plan-column:hover {
transform: translateY(-12px);
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.15);
}

.featured-plan-col {
background: var(--color-dark);
color: white;
transform: scale(1.05);
position: relative;
}

.most-popular-badge {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: var(--color-primary);
color: var(--color-dark);
padding: 6px 20px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}

.plan-tier-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
font-weight: 600;
color: var(--color-grey);
}

.featured-plan-col .plan-tier-label {
color: var(--color-primary);
}

.plan-header h3 {
font-size: 2rem;
margin-bottom: 1.5rem;
}

.featured-plan-col h3 {
color: white;
}

.plan-price-display {
margin-bottom: 1rem;
}

.price-big {
font-size: 3.5rem;
font-weight: 700;
font-family: var(--font-heading);
}

.featured-plan-col .price-big {
color: white;
}

.price-period {
font-size: 1.125rem;
color: var(--color-grey);
}

.featured-plan-col .price-period {
color: var(--color-light);
}

.plan-subtitle {
font-size: 0.9375rem;
line-height: 1.5;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 2px solid rgba(51, 53, 51, 0.1);
}

.featured-plan-col .plan-subtitle {
border-bottom-color: rgba(207, 219, 213, 0.15);
color: var(--color-light);
}

.plan-features-list {
flex-grow: 1;
margin-bottom: 2rem;
}

.feature-check {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 14px;
}

.feature-check .material-icons {
color: var(--color-primary);
font-size: 20px;
flex-shrink: 0;
}

.featured-plan-col .feature-check .material-icons {
color: var(--color-primary);
}

.feature-check span:last-child {
font-size: 15px;
line-height: 1.4;
}

.featured-plan-col .feature-check span:last-child {
color: white;
}

.disabled-feature .material-icons {
color: #ccc;
}

.disabled-feature span:last-child {
color: #999;
}

.plan-cta-btn {
display: block;
text-align: center;
background: var(--color-primary);
color: var(--color-dark);
padding: 14px 0;
border-radius: 8px;
font-weight: 700;
font-size: 15px;
transition: all 0.3s ease;
}

.plan-cta-btn:hover {
background: #f7d57a;
transform: translateY(-2px);
}

.custom-plan-banner {
background: var(--color-lighter);
padding: 3rem;
border-radius: 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}

.custom-banner-content h4 {
font-size: 1.75rem;
margin-bottom: 0.5rem;
}

.custom-banner-content p {
font-size: 1.0625rem;
margin: 0;
}

.whats-included-expanded {
padding: 100px 0;
background: var(--color-lighter);
}

.whats-included-expanded h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 4rem;
}

.included-grid-layout {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.included-card {
background: white;
padding: 2rem;
border-radius: 12px;
text-align: center;
transition: all 0.3s ease;
}

.included-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(36, 36, 35, 0.1);
}

.included-card .material-icons {
font-size: 3rem;
color: var(--color-primary);
margin-bottom: 1rem;
}

.included-card h5 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}

.included-card p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.pricing-faq-compact {
padding: 100px 0;
background: white;
}

.pricing-faq-compact h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 4rem;
}

.faq-grid-simple {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
max-width: 1100px;
margin: 0 auto;
}

.faq-block {
background: var(--color-lighter);
padding: 2rem;
border-radius: 12px;
}

.faq-block h5 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
color: var(--color-dark);
}

.faq-block p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.highlight-faq {
background: var(--color-dark);
color: white;
}

.highlight-faq h5 {
color: white;
}

.highlight-faq p {
color: var(--color-light);
}

@media (max-width: 1200px) {
.cases-hero-block {
flex-direction: column;
gap: 3rem;
}

.cases-stats-quick {
width: 100%;
}

.case-asymm-grid {
grid-template-columns: 1fr;
}

.plans-selector {
grid-template-columns: 1fr;
}

.featured-plan-col {
transform: scale(1);
}

.included-grid-layout {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 992px) {
.method-split {
flex-direction: column;
gap: 3rem;
}

.simple-case-list {
grid-template-columns: 1fr;
}

.faq-grid-simple {
grid-template-columns: 1fr;
}

.custom-plan-banner {
flex-direction: column;
text-align: center;
}
}

@media (max-width: 768px) {
.cases-hero-left h1 {
font-size: 2.25rem;
}

.cases-stats-quick {
flex-direction: column;
}

.case-card-big img {
height: 240px;
}

.case-metrics-row {
flex-direction: column;
gap: 1rem;
}

.method-explanation h2 {
font-size: 2.25rem;
}

.step-num {
font-size: 2rem;
width: 50px;
}

.plans-hero-content h1 {
font-size: 2.25rem;
}

.plans-promise-cards {
flex-direction: column;
align-items: center;
}

.included-grid-layout {
grid-template-columns: 1fr;
}
}

@media (max-width: 480px) {
.cases-hero-left h1 {
font-size: 1.875rem;
}

.stat-mini strong {
font-size: 1.75rem;
}

.case-card-content {
padding: 1.5rem;
}

.case-card-content h3 {
font-size: 1.5rem;
}

.metric-val {
font-size: 1.5rem;
}

.more-cases-simple h2 {
font-size: 2rem;
}

.plans-hero-content h1 {
font-size: 1.875rem;
}

.plan-column {
padding: 1.75rem;
}

.price-big {
font-size: 2.5rem;
}
}

.sol-intro-block {
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 8.5rem 0 5rem;
}

.sol-intro-wrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 3.5rem;
}

.sol-intro-left {
flex: 1.4;
}

.sol-micro-tag {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.4em 1.1em;
border-radius: 20px;
font-size: 0.8125rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 1.75rem;
}

.sol-intro-left h1 {
font-size: 3.875rem;
margin-bottom: 1.5rem;
line-height: 1.08;
}

.sol-intro-left p {
font-size: 1.25rem;
line-height: 1.6;
color: var(--color-grey);
}

.sol-intro-stats {
display: flex;
gap: 2.5rem;
flex: 1;
}

.sol-stat-mini {
text-align: center;
}

.sol-stat-mini strong {
display: block;
font-size: 2.75rem;
color: var(--color-dark);
margin-bottom: 0.375rem;
font-family: var(--font-heading);
}

.sol-stat-mini span {
font-size: 0.875rem;
color: var(--color-grey);
}

.sol-services-grid {
padding: 6.25rem 0;
background: white;
}

.sol-grid-asymm {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem;
}

.sol-card {
background: var(--color-lighter);
padding: 2.25rem 2rem;
border-radius: 1rem;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}

.sol-card:hover {
transform: translateY(-8px);
box-shadow: 0 1.25rem 3.5rem rgba(36, 36, 35, 0.15);
}

.sol-card-large {
grid-column: span 2;
grid-row: span 2;
padding: 3rem 2.75rem;
}

.sol-card-dark {
background: var(--color-dark);
color: white;
}

.sol-card-dark h3,
.sol-card-dark .sol-card-icon {
color: white;
}

.sol-card-accent {
background: rgba(245, 203, 92, 0.2);
}

.sol-card-tag {
position: absolute;
top: -0.625rem;
right: 1.75rem;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.375rem 0.875rem;
border-radius: 15px;
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
}

.sol-card-icon {
font-size: 3rem;
color: var(--color-primary);
margin-bottom: 1.5rem;
display: block;
}

.sol-card h3 {
font-size: 1.625rem;
margin-bottom: 1rem;
}

.sol-card p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.75rem;
}

.sol-card-link {
display: inline-flex;
align-items: center;
gap: 0.375rem;
color: var(--color-dark);
font-weight: 600;
font-size: 0.9375rem;
transition: all 0.2s ease;
}

.sol-card-link:hover {
color: var(--color-primary);
gap: 0.625rem;
}

.sol-card-link .material-icons {
font-size: 18px;
}

.sol-why-different {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.sol-why-layout {
display: flex;
gap: 4.5rem;
align-items: flex-start;
}

.sol-why-text {
flex: 0.9;
}

.sol-why-text h2 {
font-size: 2.875rem;
margin-bottom: 1.5rem;
}

.sol-why-text p {
font-size: 1.125rem;
line-height: 1.6;
}

.sol-why-points {
flex: 1.1;
display: flex;
flex-direction: column;
gap: 2rem;
}

.sol-why-item {
background: white;
padding: 1.875rem;
border-radius: 0.75rem;
border-left: 4px solid var(--color-primary);
}

.sol-why-item strong {
display: block;
font-size: 1.125rem;
margin-bottom: 0.625rem;
color: var(--color-dark);
}

.sol-why-item p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.sol-process-clean {
padding: 6.25rem 0;
background: white;
text-align: center;
}

.sol-process-clean h2 {
font-size: 3rem;
margin-bottom: 4rem;
}

.sol-process-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}

.sol-step {
text-align: left;
}

.sol-step-num {
width: 60px;
height: 60px;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 700;
color: var(--color-dark);
margin-bottom: 1.5rem;
font-family: var(--font-heading);
}

.sol-step h3 {
font-size: 1.25rem;
margin-bottom: 0.875rem;
}

.sol-step p {
font-size: 0.9375rem;
line-height: 1.6;
}

.sol-visual-proof {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.sol-proof-layout {
display: flex;
gap: 4rem;
align-items: center;
}

.sol-proof-img {
flex: 1;
position: relative;
}

.sol-proof-img img {
border-radius: 1rem;
width: 100%;
box-shadow: 0 1.5rem 4rem rgba(36, 36, 35, 0.15);
}

.sol-proof-content {
flex: 1.2;
}

.sol-proof-content h2 {
font-size: 2.875rem;
margin-bottom: 1.5rem;
}

.sol-proof-content p {
font-size: 1.125rem;
line-height: 1.6;
margin-bottom: 2.5rem;
}

.sol-proof-metrics {
display: flex;
gap: 1.5rem;
margin-bottom: 2.5rem;
}

.sol-metric-box {
background: white;
padding: 1.5rem;
border-radius: 0.75rem;
flex: 1;
}

.sol-metric-box span {
display: block;
font-size: 0.875rem;
margin-bottom: 0.625rem;
color: var(--color-grey);
}

.sol-metric-box strong {
font-size: 2.5rem;
color: var(--color-primary);
font-family: var(--font-heading);
}

.sol-final-push {
padding: 6.25rem 0;
background: white;
}

.sol-final-content {
max-width: 700px;
margin: 0 auto;
text-align: center;
}

.sol-final-content h2 {
font-size: 3rem;
margin-bottom: 1.5rem;
}

.sol-final-content p {
font-size: 1.1875rem;
line-height: 1.6;
margin-bottom: 2.5rem;
}

.sol-final-actions {
display: flex;
gap: 1.5rem;
justify-content: center;
}

.ggl-hero-split {
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 8.5rem 0 5.5rem;
}

.ggl-hero-grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 4.5rem;
align-items: center;
}

.ggl-tag-small {
display: inline-block;
background: var(--color-dark);
color: var(--color-primary);
padding: 0.375rem 1rem;
border-radius: 18px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 1.75rem;
}

.ggl-hero-main h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
line-height: 1.05;
}

.ggl-hero-main p {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 2.5rem;
color: var(--color-grey);
}

.ggl-hero-ctas {
display: flex;
gap: 1.75rem;
align-items: center;
}

.ggl-hero-side {
display: flex;
flex-direction: column;
gap: 1.5rem;
}

.ggl-quick-fact {
background: white;
padding: 1.5rem;
border-radius: 0.875rem;
display: flex;
gap: 1rem;
align-items: flex-start;
box-shadow: 0 0.5rem 1.5rem rgba(36, 36, 35, 0.08);
}

.ggl-quick-fact .material-icons {
font-size: 2rem;
color: var(--color-primary);
}

.ggl-quick-fact strong {
display: block;
font-size: 0.9375rem;
margin-bottom: 0.25rem;
color: var(--color-dark);
}

.ggl-quick-fact p {
font-size: 0.875rem;
margin: 0;
color: var(--color-grey);
}

.ggl-types-modern {
padding: 6.25rem 0;
background: white;
}

.ggl-types-modern h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 3.5rem;
}

.ggl-types-layout {
display: flex;
gap: 2rem;
}

.ggl-type-card {
background: var(--color-lighter);
padding: 2.5rem 2rem;
border-radius: 1rem;
flex: 1;
transition: all 0.3s ease;
}

.ggl-type-card:hover {
transform: translateY(-10px);
box-shadow: 0 1.25rem 3.5rem rgba(36, 36, 35, 0.12);
}

.ggl-type-featured {
background: var(--color-dark);
color: white;
transform: scale(1.05);
}

.ggl-type-featured h3 {
color: white;
}

.ggl-type-icon {
width: 64px;
height: 64px;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.75rem;
}

.ggl-type-icon .material-icons {
font-size: 2rem;
color: var(--color-dark);
}

.ggl-type-card h3 {
font-size: 1.625rem;
margin-bottom: 1rem;
}

.ggl-type-card p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 2rem;
}

.ggl-type-stats {
display: flex;
gap: 1.5rem;
margin-bottom: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: 1px solid rgba(51, 53, 51, 0.15);
}

.ggl-mini-stat span {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.375rem;
color: var(--color-grey);
}

.ggl-mini-stat strong {
font-size: 1.375rem;
color: var(--color-dark);
font-family: var(--font-heading);
}

.ggl-type-best {
font-size: 0.875rem;
line-height: 1.6;
}

.ggl-type-best strong {
color: var(--color-primary);
}

.ggl-difference-block {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.ggl-diff-layout {
display: flex;
gap: 4.5rem;
align-items: center;
}

.ggl-diff-img {
flex: 1;
}

.ggl-diff-img img {
border-radius: 1rem;
width: 100%;
box-shadow: 0 1.5rem 4rem rgba(36, 36, 35, 0.15);
}

.ggl-diff-content {
flex: 1.3;
}

.ggl-diff-content h2 {
font-size: 2.875rem;
margin-bottom: 2.5rem;
}

.ggl-diff-list {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2.5rem;
}

.ggl-diff-point {
display: flex;
gap: 1.25rem;
align-items: flex-start;
}

.ggl-diff-point .material-icons {
font-size: 2.25rem;
color: var(--color-primary);
flex-shrink: 0;
}

.ggl-diff-point strong {
display: block;
font-size: 1.125rem;
margin-bottom: 0.5rem;
color: var(--color-dark);
}

.ggl-diff-point p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.ggl-pricing-snapshot {
padding: 6.25rem 0;
background: white;
text-align: center;
}

.ggl-pricing-header {
margin-bottom: 3.5rem;
}

.ggl-pricing-header h2 {
font-size: 3rem;
margin-bottom: 0.75rem;
}

.ggl-pricing-header p {
font-size: 1.125rem;
color: var(--color-grey);
}

.ggl-pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 900px;
margin: 0 auto 2.5rem;
}

.ggl-price-item {
background: var(--color-lighter);
padding: 2.25rem 1.875rem;
border-radius: 0.875rem;
transition: all 0.3s ease;
}

.ggl-price-item:hover {
transform: scale(1.05);
}

.ggl-price-highlight {
background: var(--color-primary);
transform: scale(1.08);
}

.ggl-price-label {
display: block;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 1rem;
color: var(--color-grey);
font-weight: 600;
}

.ggl-price-value {
font-size: 2.75rem;
font-weight: 700;
color: var(--color-dark);
margin-bottom: 1rem;
font-family: var(--font-heading);
}

.ggl-price-item p {
font-size: 0.875rem;
line-height: 1.5;
margin: 0;
}

.ggl-pricing-note {
max-width: 700px;
margin: 0 auto 2.5rem;
background: rgba(245, 203, 92, 0.15);
padding: 1.25rem 1.5rem;
border-radius: 0.625rem;
display: flex;
gap: 0.875rem;
align-items: flex-start;
text-align: left;
}

.ggl-pricing-note .material-icons {
color: var(--color-primary);
font-size: 1.5rem;
flex-shrink: 0;
}

.ggl-pricing-note p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.soc-hero-modern {
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 8.5rem 0 5.5rem;
position: relative;
overflow: hidden;
}

.soc-hero-wrapper {
display: flex;
gap: 5rem;
align-items: center;
}

.soc-hero-content {
flex: 1.3;
}

.soc-badge {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 0.5rem 1.25rem;
border-radius: 22px;
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 1.75rem;
}

.soc-hero-content h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
line-height: 1.05;
}

.soc-hero-content p {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 2rem;
color: var(--color-grey);
}

.soc-platforms-mini {
display: flex;
gap: 0.875rem;
margin-bottom: 2.5rem;
}

.soc-platform-tag {
background: var(--color-dark);
color: var(--color-primary);
padding: 0.625rem 1.125rem;
border-radius: 20px;
font-size: 0.875rem;
font-weight: 600;
}

.soc-hero-visual {
flex: 1;
position: relative;
height: 400px;
}

.soc-stat-float {
position: absolute;
background: white;
padding: 1.5rem;
border-radius: 0.875rem;
box-shadow: 0 0.875rem 2.5rem rgba(36, 36, 35, 0.12);
display: flex;
gap: 1rem;
align-items: flex-start;
max-width: 240px;
}

.soc-stat-float:nth-child(1) {
top: 20px;
right: 40px;
}

.soc-stat-float:nth-child(2) {
top: 140px;
left: 0;
}

.soc-stat-float:nth-child(3) {
bottom: 40px;
right: 80px;
}

.soc-stat-float .material-icons {
font-size: 2rem;
color: var(--color-primary);
}

.soc-stat-float strong {
display: block;
font-size: 1.75rem;
margin-bottom: 0.25rem;
color: var(--color-dark);
font-family: var(--font-heading);
}

.soc-stat-float p {
font-size: 0.8125rem;
margin: 0;
color: var(--color-grey);
}

.soc-platforms-deep {
padding: 6.25rem 0;
background: white;
}

.soc-platforms-deep h2 {
text-align: center;
font-size: 3rem;
margin-bottom: 3.5rem;
}

.soc-platform-cards {
display: flex;
gap: 2rem;
}

.soc-plat-card {
background: var(--color-lighter);
padding: 2.5rem 2rem;
border-radius: 1rem;
flex: 1;
transition: all 0.3s ease;
}

.soc-plat-card:hover {
transform: translateY(-10px);
box-shadow: 0 1.25rem 3.5rem rgba(36, 36, 35, 0.12);
}

.soc-plat-featured {
background: var(--color-dark);
color: white;
transform: scale(1.05);
}

.soc-plat-featured h3,
.soc-plat-featured .soc-plat-ideal strong {
color: white;
}

.soc-plat-header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}

.soc-plat-header .material-icons {
font-size: 2.5rem;
color: var(--color-primary);
}

.soc-plat-header h3 {
font-size: 1.625rem;
margin: 0;
}

.soc-plat-card p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 2rem;
}

.soc-plat-ideal {
background: rgba(245, 203, 92, 0.15);
padding: 1rem 1.25rem;
border-radius: 0.625rem;
margin-bottom: 1.5rem;
}

.soc-plat-ideal strong {
display: block;
font-size: 0.875rem;
margin-bottom: 0.5rem;
color: var(--color-dark);
text-transform: uppercase;
letter-spacing: 0.5px;
}

.soc-plat-ideal span {
font-size: 0.9375rem;
line-height: 1.5;
}

.soc-plat-formats {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
}

.soc-plat-formats span {
background: var(--color-primary);
color: var(--color-dark);
padding: 0.375rem 0.875rem;
border-radius: 15px;
font-size: 0.8125rem;
font-weight: 600;
}

.soc-approach-visual {
padding: 6.25rem 0;
background: var(--color-lighter);
}

.soc-approach-layout {
display: flex;
gap: 4.5rem;
align-items: flex-start;
}

.soc-approach-text {
flex: 1.2;
}

.soc-approach-text h2 {
font-size: 2.875rem;
margin-bottom: 2.5rem;
}

.soc-method-steps {
display: flex;
flex-direction: column;
gap: 2rem;
}

.soc-method-item {
display: flex;
gap: 1.5rem;
align-items: flex-start;
}

.soc-method-num {
width: 52px;
height: 52px;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.375rem;
font-weight: 700;
color: var(--color-dark);
font-family: var(--font-heading);
flex-shrink: 0;
}

.soc-method-info h4 {
font-size: 1.125rem;
margin-bottom: 0.5rem;
}

.soc-method-info p {
font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
}

.soc-approach-img {
flex: 1;
position: relative;
}

.soc-approach-img img {
border-radius: 1rem;
width: 100%;
box-shadow: 0 1.5rem 4rem rgba(36, 36, 35, 0.15);
}

.soc-img-overlay {
position: absolute;
bottom: -20px;
right: -20px;
background: white;
padding: 1.5rem;
border-radius: 0.75rem;
box-shadow: 0 0.75rem 2rem rgba(36, 36, 35, 0.12);
display: flex;
align-items: center;
gap: 1rem;
}

.soc-img-overlay .material-icons {
font-size: 2.5rem;
color: var(--color-primary);
}

.soc-img-overlay p {
font-size: 0.875rem;
font-weight: 600;
margin: 0;
max-width: 140px;
}

.soc-results-real {
padding: 6.25rem 0;
background: white;
text-align: center;
}

.soc-results-intro {
margin-bottom: 3.5rem;
}

.soc-results-intro h2 {
font-size: 3rem;
margin-bottom: 1rem;
}

.soc-results-intro p {
font-size: 1.125rem;
color: var(--color-grey);
}

.soc-results-metrics {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
max-width: 1100px;
margin: 0 auto 3rem;
}

.soc-metric-large {
background: var(--color-lighter);
padding: 2.25rem 1.5rem;
border-radius: 0.875rem;
transition: all 0.3s ease;
}

.soc-metric-large:hover {
transform: scale(1.05);
background: var(--color-primary);
}

.soc-metric-large .material-icons {
font-size: 2.5rem;
color: var(--color-dark);
margin-bottom: 1rem;
}

.soc-metric-large strong {
display: block;
font-size: 2.5rem;
color: var(--color-dark);
margin-bottom: 0.5rem;
font-family: var(--font-heading);
}

.soc-metric-large p {
font-size: 0.875rem;
margin: 0;
}

.soc-results-cta {
max-width: 600px;
margin: 0 auto;
}

.soc-results-cta p {
font-size: 1.125rem;
margin-bottom: 2rem;
}

@media (max-width: 1200px) {
.sol-intro-wrap {
flex-direction: column;
align-items: flex-start;
gap: 3rem;
}

.sol-grid-asymm {
grid-template-columns: repeat(2, 1fr);
}

.sol-card-large {
grid-column: span 2;
grid-row: span 1;
}

.ggl-types-layout {
flex-direction: column;
}

.soc-platform-cards {
flex-direction: column;
}
}

@media (max-width: 992px) {
.sol-intro-left h1 {
font-size: 3rem;
}

.sol-grid-asymm {
grid-template-columns: 1fr;
}

.sol-card-large {
grid-column: span 1;
}

.sol-why-layout {
flex-direction: column;
gap: 3rem;
}

.sol-process-steps {
grid-template-columns: repeat(2, 1fr);
}

.sol-proof-layout {
flex-direction: column;
gap: 3rem;
}

.ggl-hero-grid {
grid-template-columns: 1fr;
gap: 3rem;
}

.ggl-hero-main h1 {
font-size: 3rem;
}

.ggl-diff-layout {
flex-direction: column;
gap: 3rem;
}

.ggl-pricing-grid {
grid-template-columns: 1fr;
max-width: 400px;
}

.soc-hero-wrapper {
flex-direction: column;
gap: 3rem;
}

.soc-hero-content h1 {
font-size: 3rem;
}

.soc-hero-visual {
height: 300px;
}

.soc-approach-layout {
flex-direction: column;
gap: 3rem;
}

.soc-results-metrics {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.sol-intro-left h1 {
font-size: 2.25rem;
}

.sol-intro-stats {
flex-direction: column;
gap: 1.5rem;
}

.sol-process-steps {
grid-template-columns: 1fr;
}

.sol-proof-metrics {
flex-direction: column;
}

.ggl-hero-main h1 {
font-size: 2.25rem;
}

.ggl-hero-ctas {
flex-direction: column;
align-items: stretch;
}

.soc-hero-content h1 {
font-size: 2.25rem;
}

.soc-platforms-mini {
flex-wrap: wrap;
}

.soc-results-metrics {
grid-template-columns: 1fr;
}

.sol-final-actions {
flex-direction: column;
}
}

.blog-hero-zone {
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 9rem 0 5.5rem;
}

.blog-hero-inner {
max-width: 800px;
margin: 0 auto;
text-align: center;
}

.blog-hero-inner h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
}

.blog-hero-inner p {
font-size: 1.3rem;
line-height: 1.6;
color: var(--color-grey);
}

.blog-grid-section {
padding: 80px 0;
background: white;
}

.blog-posts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}

.blog-card {
background: var(--color-lighter);
padding: 2.5rem;
border-radius: 12px;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}

.blog-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(36,36,35,0.15);
}

.blog-card.featured-post {
grid-column: 1 / -1;
background: var(--color-dark);
color: white;
}

.blog-card.featured-post h2 a,
.blog-card.featured-post p {
color: white;
}

.blog-card-tag {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 6px 14px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.25rem;
letter-spacing: 0.5px;
}

.blog-card h2 {
font-size: 1.75rem;
margin-bottom: 1rem;
}

.blog-card h2 a {
color: var(--color-dark);
transition: color 0.3s ease;
}

.blog-card h2 a:hover {
color: var(--color-primary);
}

.blog-card p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.5rem;
flex-grow: 1;
}

.blog-card-meta {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
border-top: 1px solid rgba(51,53,51,0.1);
}

.blog-card-meta span {
font-size: 0.875rem;
color: var(--color-grey);
}

.blog-read-link {
color: var(--color-primary);
font-weight: 600;
font-size: 0.9rem;
}

.blog-read-link:hover {
text-decoration: underline;
}

.blog-cta-zone {
padding: 80px 0;
background: var(--color-lighter);
}

.blog-cta-box {
max-width: 700px;
margin: 0 auto;
text-align: center;
background: white;
padding: 60px 40px;
border-radius: 16px;
box-shadow: 0 8px 30px rgba(36,36,35,0.1);
}

.blog-cta-box h2 {
font-size: 2.5rem;
margin-bottom: 1.25rem;
}

.blog-cta-box p {
font-size: 1.125rem;
margin-bottom: 2rem;
color: var(--color-grey);
}

.coming-soon-wrap {
min-height: calc(100vh - 80px);
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 80px 0;
}

.coming-soon-content {
max-width: 600px;
text-align: center;
}

.coming-icon {
margin-bottom: 2rem;
}

.coming-icon .material-icons {
font-size: 80px;
color: var(--color-primary);
}

.coming-soon-content h1 {
font-size: 3rem;
margin-bottom: 1.5rem;
}

.coming-soon-content p {
font-size: 1.25rem;
line-height: 1.6;
color: var(--color-grey);
margin-bottom: 2.5rem;
}

.coming-actions {
display: flex;
gap: 1.5rem;
justify-content: center;
}

.post-single {
background: white;
}

.post-header-zone {
background: var(--color-lighter);
padding: 140px 0 60px;
}

.post-header-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
}

.post-tag-single {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5rem;
letter-spacing: 0.5px;
}

.post-header-content h1 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
line-height: 1.2;
}

.post-meta-line {
display: flex;
justify-content: center;
gap: 2rem;
font-size: 0.95rem;
color: var(--color-grey);
}

.post-body-wrap {
padding: 80px 0;
}

.post-content-inner {
max-width: 800px;
margin: 0 auto;
}

.post-visual-block {
margin-bottom: 3rem;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(36,36,35,0.12);
}

.post-visual-block img {
width: 100%;
}

.post-text-flow p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 1.75rem;
color: var(--color-grey);
}

.post-text-flow h2 {
font-size: 2rem;
margin-top: 3rem;
margin-bottom: 1.25rem;
}

.post-nav-area {
padding: 60px 0;
background: var(--color-lighter);
}

.post-nav-links {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}

.back-to-blog,
.next-post-link,
.prev-post-link {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: var(--color-dark);
transition: all 0.3s ease;
}

.back-to-blog:hover,
.next-post-link:hover,
.prev-post-link:hover {
color: var(--color-primary);
}

.post-alt-layout {
background: white;
}

.post-alt-header {
background: var(--color-dark);
padding: 140px 0 80px;
color: white;
}

.post-alt-intro {
max-width: 900px;
margin: 0 auto;
}

.post-alt-label {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5rem;
}

.post-alt-intro h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
color: white;
}

.post-alt-lead {
font-size: 1.4rem;
line-height: 1.6;
color: var(--color-light);
}

.post-alt-body {
padding: 80px 0;
}

.post-alt-columns {
display: grid;
grid-template-columns: 1fr 300px;
gap: 4rem;
}

.post-main-column p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 1.75rem;
}

.post-main-column h2 {
font-size: 2rem;
margin-top: 3rem;
margin-bottom: 1.25rem;
}

.post-highlight-box {
background: var(--color-lighter);
padding: 2rem;
border-left: 4px solid var(--color-primary);
border-radius: 8px;
margin: 2.5rem 0;
display: flex;
gap: 1.25rem;
align-items: flex-start;
}

.post-highlight-box .material-icons {
font-size: 2rem;
color: var(--color-primary);
flex-shrink: 0;
}

.post-highlight-box p {
margin: 0;
font-size: 1.125rem;
font-weight: 500;
}

.post-key-takeaway {
background: var(--color-primary);
padding: 2.5rem;
border-radius: 12px;
margin-top: 3rem;
}

.post-key-takeaway h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}

.post-key-takeaway p {
margin: 0;
font-size: 1.0625rem;
line-height: 1.7;
}

.sidebar-sticky {
position: sticky;
top: 120px;
}

.sidebar-box {
background: var(--color-lighter);
padding: 2rem;
border-radius: 12px;
margin-bottom: 1.5rem;
}

.sidebar-box h4 {
font-size: 1.125rem;
margin-bottom: 1.25rem;
color: var(--color-dark);
}

.sidebar-toc {
display: flex;
flex-direction: column;
gap: 12px;
}

.sidebar-toc a {
font-size: 0.9375rem;
color: var(--color-grey);
padding: 8px 0;
border-bottom: 1px solid rgba(51,53,51,0.1);
transition: all 0.3s ease;
}

.sidebar-toc a:hover {
color: var(--color-primary);
padding-left: 10px;
}

.sidebar-cta {
background: var(--color-dark);
color: white;
text-align: center;
}

.sidebar-cta .material-icons {
font-size: 3rem;
color: var(--color-primary);
margin-bottom: 1rem;
}

.sidebar-cta h4 {
color: white;
}

.sidebar-cta p {
font-size: 0.9375rem;
color: var(--color-light);
margin-bottom: 1.5rem;
}

.sidebar-btn {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 12px 24px;
border-radius: 8px;
font-weight: 600;
font-size: 0.9375rem;
transition: all 0.3s ease;
}

.sidebar-btn:hover {
background: #f7d57a;
transform: translateY(-2px);
}

.post-compact {
background: white;
}

.post-compact-intro {
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
padding: 140px 0 80px;
}

.compact-header-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 4rem;
align-items: center;
}

.compact-tag {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5rem;
}

.compact-text-side h1 {
font-size: 3.5rem;
margin-bottom: 1.25rem;
}

.compact-desc {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 2rem;
color: var(--color-grey);
}

.compact-meta {
display: flex;
gap: 2rem;
font-size: 0.9375rem;
color: var(--color-grey);
}

.compact-img-side img {
border-radius: 12px;
box-shadow: 0 15px 50px rgba(36,36,35,0.15);
}

.post-compact-content {
padding: 80px 0;
}

.compact-text-block {
max-width: 800px;
margin: 0 auto;
}

.compact-text-block p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 1.75rem;
}

.compact-text-block h2 {
font-size: 2rem;
margin-top: 3rem;
margin-bottom: 1.25rem;
}

.compact-callout {
background: var(--color-dark);
color: white;
padding: 2.5rem;
border-radius: 12px;
margin: 2.5rem 0;
}

.compact-callout h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: white;
}

.compact-callout p {
margin: 0;
font-size: 1.0625rem;
color: var(--color-light);
}

.compact-bottom-note {
background: var(--color-lighter);
padding: 2rem;
border-left: 4px solid var(--color-primary);
border-radius: 8px;
margin-top: 3rem;
}

.compact-bottom-note p {
margin: 0;
font-size: 1.0625rem;
line-height: 1.7;
}

.post-minimal {
background: white;
}

.minimal-header-area {
background: var(--color-lighter);
padding: 140px 0 80px;
}

.minimal-intro-box {
max-width: 750px;
margin: 0 auto;
text-align: center;
}

.minimal-category {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5rem;
}

.minimal-intro-box h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
}

.minimal-lead {
font-size: 1.5rem;
line-height: 1.5;
color: var(--color-grey);
font-weight: 500;
}

.minimal-body-zone {
padding: 80px 0;
}

.minimal-content-wrap {
max-width: 700px;
margin: 0 auto;
}

.minimal-content-wrap p {
font-size: 1.2rem;
line-height: 1.9;
margin-bottom: 2rem;
}

.minimal-content-wrap h2 {
font-size: 2.25rem;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
}

.minimal-stat-block {
text-align: center;
padding: 3rem 2rem;
background: var(--color-lighter);
border-radius: 16px;
margin: 3rem 0;
}

.stat-number {
font-size: 5rem;
font-weight: 700;
color: var(--color-primary);
line-height: 1;
margin-bottom: 1rem;
}

.stat-label {
font-size: 1.125rem;
color: var(--color-grey);
max-width: 400px;
margin: 0 auto;
}

.minimal-takeaway {
background: var(--color-dark);
color: white;
padding: 3rem;
border-radius: 16px;
margin-top: 3.5rem;
}

.minimal-takeaway h3 {
font-size: 1.75rem;
margin-bottom: 1.25rem;
color: white;
}

.minimal-takeaway p {
margin: 0;
font-size: 1.125rem;
line-height: 1.8;
color: var(--color-light);
}

.post-feature-rich {
background: white;
}

.feature-header-full {
background: var(--color-dark);
padding: 140px 0 60px;
}

.feature-title-area {
max-width: 900px;
margin: 0 auto;
text-align: center;
color: white;
}

.feature-label {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5rem;
}

.feature-title-area h1 {
font-size: 4.5rem;
margin-bottom: 1.5rem;
color: white;
}

.feature-subtitle {
font-size: 1.5rem;
line-height: 1.6;
color: var(--color-light);
}

.feature-hero-image {
background: var(--color-dark);
padding-bottom: 80px;
}

.feature-hero-image img {
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.feature-content-area {
padding: 80px 0;
}

.feature-text-main {
max-width: 850px;
margin: 0 auto;
}

.feature-text-main p {
font-size: 1.15rem;
line-height: 1.85;
margin-bottom: 2rem;
}

.feature-text-main h2 {
font-size: 2.25rem;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
}

.feature-image-inline {
margin: 3.5rem 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(36,36,35,0.12);
}

.feature-image-inline img {
width: 100%;
}

.feature-insight-box {
display: flex;
gap: 1.5rem;
background: var(--color-lighter);
padding: 2.5rem;
border-radius: 12px;
margin: 3rem 0;
align-items: flex-start;
}

.feature-insight-box .material-icons {
font-size: 3rem;
color: var(--color-primary);
flex-shrink: 0;
}

.insight-text h3 {
font-size: 1.5rem;
margin-bottom: 0.75rem;
}

.insight-text p {
margin: 0;
font-size: 1.0625rem;
line-height: 1.7;
}

.feature-conclusion-block {
background: var(--color-primary);
padding: 3rem;
border-radius: 16px;
margin-top: 4rem;
}

.feature-conclusion-block h3 {
font-size: 2rem;
margin-bottom: 1.25rem;
}

.feature-conclusion-block p {
margin: 0;
font-size: 1.125rem;
line-height: 1.8;
}

@media (max-width: 992px) {
.blog-posts-grid {
grid-template-columns: 1fr;
}

.post-alt-columns {
grid-template-columns: 1fr;
}

.sidebar-sticky {
position: static;
}

.compact-header-grid {
grid-template-columns: 1fr;
gap: 2.5rem;
}

.post-nav-links {
flex-wrap: wrap;
justify-content: center;
}
}

@media (max-width: 768px) {
.blog-hero-inner h1 {
font-size: 2.75rem;
}

.post-header-content h1 {
font-size: 2.5rem;
}

.post-alt-intro h1 {
font-size: 2.75rem;
}

.compact-text-side h1 {
font-size: 2.5rem;
}

.minimal-intro-box h1 {
font-size: 2.75rem;
}

.feature-title-area h1 {
font-size: 3rem;
}

.coming-soon-content h1 {
font-size: 2.25rem;
}

.coming-actions {
flex-direction: column;
align-items: stretch;
}
}

        .placeholder-stage {
            min-height: calc(100vh - 80px);
            background: var(--color-lighter);
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 80px 0;
        }

        .floating-shapes {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            pointer-events: none;
        }

        .shape {
            position: absolute;
            opacity: 0.15;
        }

        .shape-1 {
            width: 300px;
            height: 300px;
            background: var(--color-primary);
            border-radius: 50%;
            top: 10%;
            left: -5%;
            animation: float1 20s infinite ease-in-out;
        }

        .shape-2 {
            width: 200px;
            height: 200px;
            background: var(--color-dark);
            border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
            bottom: 15%;
            right: 5%;
            animation: float2 18s infinite ease-in-out;
        }

        .shape-3 {
            width: 150px;
            height: 150px;
            background: var(--color-grey);
            border-radius: 50%;
            top: 60%;
            left: 85%;
            animation: float3 15s infinite ease-in-out;
        }

        @keyframes float1 {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(30px, -50px) rotate(180deg); }
        }

        @keyframes float2 {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(-40px, 30px) rotate(-180deg); }
        }

        @keyframes float3 {
            0%, 100% { transform: translate(0, 0) scale(1); }
            50% { transform: translate(-25px, -35px) scale(1.2); }
        }

        .placeholder-content {
            position: relative;
            z-index: 2;
            max-width: 1000px;
            margin: 0 auto;
        }

        .placeholder-grid {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 5rem;
            align-items: center;
        }

        .placeholder-text {
            padding-right: 2rem;
        }

        .status-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: white;
            padding: 10px 20px;
            border-radius: 30px;
            margin-bottom: 2rem;
            box-shadow: 0 4px 15px rgba(36,36,35,0.1);
        }

        .status-dot {
            width: 8px;
            height: 8px;
            background: var(--color-primary);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.3); }
        }

        .status-badge span {
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--color-dark);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .placeholder-text h1 {
            font-size: 4.5rem;
            line-height: 1.1;
            margin-bottom: 1.5rem;
        }

        .big-word {
            color: var(--color-primary);
            display: block;
        }

        .placeholder-text p {
            font-size: 1.3rem;
            line-height: 1.6;
            color: var(--color-grey);
            margin-bottom: 2.5rem;
        }

        .cta-group {
            display: flex;
            gap: 1.5rem;
            flex-wrap: wrap;
        }

        .placeholder-visual {
            background: white;
            padding: 3rem;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(36,36,35,0.1);
        }

        .visual-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }

        .visual-card {
            background: var(--color-lighter);
            padding: 2rem 1.5rem;
            border-radius: 12px;
            text-align: center;
            transition: all 0.3s ease;
        }

        .visual-card:hover {
            transform: translateY(-5px);
            background: var(--color-primary);
        }

        .visual-card .material-icons {
            font-size: 3rem;
            color: var(--color-dark);
            margin-bottom: 1rem;
        }

        .visual-card h3 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

        .visual-card p {
            font-size: 0.875rem;
            color: var(--color-grey);
            margin: 0;
        }

        .notify-box {
            margin-top: 2rem;
            background: var(--color-dark);
            padding: 2rem;
            border-radius: 12px;
            color: white;
        }

        .notify-box h4 {
            font-size: 1.125rem;
            margin-bottom: 1rem;
            color: white;
        }

        .notify-form {
            display: flex;
            gap: 1rem;
        }

        .notify-input {
            flex: 1;
            padding: 12px 18px;
            border: 2px solid transparent;
            border-radius: 8px;
            font-size: 1rem;
            font-family: var(--font-body);
            transition: all 0.3s ease;
        }

        .notify-input:focus {
            outline: none;
            border-color: var(--color-primary);
        }

        .notify-btn {
            background: var(--color-primary);
            color: var(--color-dark);
            padding: 12px 28px;
            border: none;
            border-radius: 8px;
            font-family: var(--font-heading);
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .notify-btn:hover {
            background: #f7d57a;
            transform: translateY(-2px);
        }

        @media (max-width: 992px) {
            .placeholder-grid {
                grid-template-columns: 1fr;
                gap: 3rem;
            }

            .placeholder-text {
                padding-right: 0;
            }

            .placeholder-text h1 {
                font-size: 3rem;
            }

            .visual-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .placeholder-text h1 {
                font-size: 2.5rem;
            }

            .cta-group {
                flex-direction: column;
            }

            .notify-form {
                flex-direction: column;
            }

            .visual-grid {
                grid-template-columns: 1fr;
            }
        }

.contact-start {
padding: 140px 0 80px;
background: linear-gradient(125deg, var(--color-lighter) 0%, var(--color-light) 100%);
}

.contact-intro-box {
max-width: 720px;
}

.small-tag-contact {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 8px 22px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 24px;
}

.contact-intro-box h1 {
font-size: 56px;
margin-bottom: 20px;
line-height: 1.1;
}

.contact-intro-box p {
font-size: 20px;
color: var(--color-grey);
line-height: 1.6;
}

.contact-main-grid {
padding: 100px 0;
background: white;
}

.contact-split-layout {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 70px;
align-items: start;
}

.contact-form-area h2 {
font-size: 36px;
margin-bottom: 40px;
}

.form-creative {
display: flex;
flex-direction: column;
gap: 24px;
}

.form-row-double {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.input-wrap {
position: relative;
}

.input-wrap input,
.input-wrap textarea,
.input-wrap select {
width: 100%;
padding: 18px 20px;
border: 2px solid var(--color-light);
border-radius: 8px;
font-family: var(--font-body);
font-size: 15px;
background: var(--color-lighter);
transition: all 0.3s ease;
}

.input-wrap input:focus,
.input-wrap textarea:focus,
.input-wrap select:focus {
outline: none;
border-color: var(--color-primary);
background: white;
}

.input-wrap label {
position: absolute;
left: 20px;
top: 18px;
font-size: 15px;
color: var(--color-grey);
transition: all 0.3s ease;
pointer-events: none;
background: var(--color-lighter);
padding: 0 6px;
}

.input-wrap input:focus + label,
.input-wrap textarea:focus + label,
.input-wrap input:not(:placeholder-shown) + label,
.input-wrap textarea:not(:placeholder-shown) + label {
top: -10px;
font-size: 12px;
color: var(--color-primary);
background: white;
}

.input-wrap select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23333533' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}

.submit-creative {
background: var(--color-primary);
color: var(--color-dark);
border: none;
padding: 18px 40px;
border-radius: 8px;
font-family: var(--font-heading);
font-size: 16px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.3s ease;
align-self: flex-start;
}

.submit-creative:hover {
background: #f7d57a;
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(245, 203, 92, 0.3);
}

.submit-creative .material-icons {
transition: transform 0.3s ease;
}

.submit-creative:hover .material-icons {
transform: translateX(5px);
}

.contact-info-side {
display: flex;
flex-direction: column;
gap: 30px;
position: sticky;
top: 120px;
}

.info-card-stacked {
background: var(--color-lighter);
padding: 35px 30px;
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 28px;
}

.info-single {
display: flex;
gap: 18px;
align-items: flex-start;
}

.info-single .material-icons {
font-size: 32px;
color: var(--color-primary);
flex-shrink: 0;
}

.info-single strong {
display: block;
font-size: 14px;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--color-dark);
}

.info-single p {
font-size: 15px;
margin: 0;
line-height: 1.5;
}

.info-single a {
color: var(--color-primary);
}

.info-single a:hover {
text-decoration: underline;
}

.contact-image-box {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 15px 50px rgba(36, 36, 35, 0.12);
}

.contact-image-box img {
width: 100%;
transition: transform 0.5s ease;
}

.contact-image-box:hover img {
transform: scale(1.05);
}

.contact-alt-ways {
padding: 100px 0;
background: var(--color-lighter);
}

.contact-alt-ways h2 {
text-align: center;
font-size: 42px;
margin-bottom: 50px;
}

.alt-methods-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}

.method-box {
background: white;
padding: 45px 35px;
border-radius: 12px;
transition: all 0.3s ease;
}

.method-box:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(36, 36, 35, 0.1);
}

.method-box.accent-method {
background: var(--color-dark);
color: white;
}

.method-box .material-icons {
font-size: 48px;
color: var(--color-primary);
margin-bottom: 20px;
}

.method-box h3 {
font-size: 22px;
margin-bottom: 14px;
}

.method-box.accent-method h3 {
color: white;
}

.method-box p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 24px;
}

.method-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--color-primary);
font-weight: 600;
font-size: 15px;
}

.method-link:hover {
text-decoration: underline;
}

.contact-faq-short {
padding: 100px 0;
background: white;
}

.contact-faq-short h2 {
text-align: center;
font-size: 42px;
margin-bottom: 50px;
}

.faq-simple-list {
max-width: 900px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 24px;
}

.faq-item-simple {
padding: 30px;
background: var(--color-lighter);
border-radius: 10px;
border-left: 4px solid var(--color-primary);
}

.faq-item-simple strong {
display: block;
font-size: 18px;
margin-bottom: 10px;
color: var(--color-dark);
}

.faq-item-simple p {
font-size: 15px;
line-height: 1.6;
margin: 0;
color: var(--color-grey);
}

.success-body {
margin: 0;
padding: 0;
font-family: var(--font-body);
background: linear-gradient(135deg, #e8eddf 0%, #cfdbd5 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

.success-container {
max-width: 600px;
width: 90%;
}

.success-content {
background: white;
padding: 60px 50px;
border-radius: 16px;
text-align: center;
box-shadow: 0 20px 60px rgba(36, 36, 35, 0.15);
}

.success-icon {
font-size: 80px;
color: #27ae60;
margin-bottom: 24px;
animation: successPop 0.5s ease-out;
}

@keyframes successPop {
0% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
opacity: 1;
}
}

.success-content h1 {
font-size: 38px;
margin-bottom: 16px;
color: var(--color-dark);
}

.success-content p {
font-size: 18px;
color: var(--color-grey);
line-height: 1.6;
margin-bottom: 36px;
}

.success-home-btn {
display: inline-block;
background: var(--color-primary);
color: var(--color-dark);
padding: 16px 40px;
border-radius: 8px;
font-family: var(--font-heading);
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
}

.success-home-btn:hover {
background: #f7d57a;
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(245, 203, 92, 0.3);
}

.legal-hero {
padding: 140px 0 60px;
background: linear-gradient(135deg, var(--color-lighter) 0%, var(--color-light) 100%);
}

.legal-intro {
max-width: 800px;
text-align: center;
margin: 0 auto;
}

.legal-intro h1 {
font-size: 52px;
margin-bottom: 12px;
}

.legal-date {
font-size: 16px;
color: var(--color-grey);
opacity: 0.8;
}

.legal-content {
padding: 80px 0 100px;
background: white;
}

.legal-wrap {
max-width: 820px;
margin: 0 auto;
}

.legal-text {
line-height: 1.8;
}

.lead-legal {
font-size: 20px;
color: var(--color-grey);
margin-bottom: 48px;
padding: 24px;
background: var(--color-lighter);
border-left: 4px solid var(--color-primary);
border-radius: 6px;
}

.legal-text h2 {
font-size: 28px;
margin-top: 48px;
margin-bottom: 20px;
color: var(--color-dark);
}

.legal-text p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 20px;
color: var(--color-grey);
}

@media (max-width: 992px) {
.contact-split-layout {
grid-template-columns: 1fr;
gap: 50px;
}

.contact-info-side {
position: static;
}

.alt-methods-grid {
grid-template-columns: 1fr;
}

.contact-intro-box h1 {
font-size: 42px;
}

.form-row-double {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
.contact-start {
padding: 120px 0 60px;
}

.contact-intro-box h1 {
font-size: 36px;
}

.contact-intro-box p {
font-size: 18px;
}

.contact-main-grid {
padding: 60px 0;
}

.contact-form-area h2 {
font-size: 28px;
}

.contact-alt-ways,
.contact-faq-short {
padding: 60px 0;
}

.contact-alt-ways h2,
.contact-faq-short h2 {
font-size: 32px;
}

.success-content {
padding: 40px 30px;
}

.success-content h1 {
font-size: 28px;
}

.success-icon {
font-size: 60px;
}

.legal-hero {
padding: 120px 0 50px;
}

.legal-intro h1 {
font-size: 36px;
}

.legal-content {
padding: 60px 0;
}

.legal-text h2 {
font-size: 24px;
}
}

.trust-quick {
    padding: 5rem 0;
    background: white;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
}

.trust-item {
    text-align: center;
    padding: 2rem 1.5rem;
    background: var(--color-lighter);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.trust-item:hover {
    transform: translateY(-5px);
    background: var(--color-primary);
}

.trust-item .material-icons {
    font-size: 3rem;
    color: var(--color-dark);
    margin-bottom: 1rem;
}

.trust-item h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.trust-item p {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 992px) {
    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .trust-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}