::before,
::after {
content: none;
box-sizing: inherit
}

html {
box-sizing: border-box;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
line-height: 1.6;
color: #2a2a2a;
background: linear-gradient(165deg, #FEFEFD 0%, #f5f2ea 100%)
}

body {
margin: 0
}

.top-bar {
background: linear-gradient(135deg, #FEFEFD 0%, #E2DAB3 45%, #CF9C5A 100%);
padding: 24px 36px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
position: relative;
z-index: 100
}

.top-bar-grid {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 36px;
align-items: center
}

.brand-column {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.brand-mark {
width: 68px;
height: 68px;
border-radius: 46px;
background: #FEFEFD;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 9px 48px 0 #cf9c5a24 0 0 0 2px #cf9c5a33;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.brand-mark:hover {
transform: scale(1.05)
}

.brand-mark img {
width: 60px;
height: 60px;
object-fit: contain
}

.brand-label {
font-size: 18px;
font-weight: 700;
color: #2a2a2a;
letter-spacing: .02em
}

.links-row {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.nav-anchor {
font-size: 15px;
font-weight: 700;
color: #2a2a2a;
text-decoration: none;
padding: 12px 24px;
border-radius: 18px;
background: #fefefdb3;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
letter-spacing: .01em;
position: relative;
overflow: hidden
}

.nav-anchor::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #cf9c5a4d 0%, #e2dab34d 100%);
transition: left .32s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: -1
}

.nav-anchor:hover::before {
left: 0
}

.nav-anchor:hover {
transform: translateY(-2px)
}

.nav-anchor:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

.nav-anchor:active {
transform: translateY(0);
box-shadow: inset 0 2px 5px 0 #cf9c5a26
}

.reach-column {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px
}

.phone-display {
font-size: 18px;
font-weight: 700;
color: #2a2a2a;
text-decoration: none;
letter-spacing: -.01em;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.phone-display:hover {
color: #CF9C5A
}

.phone-display:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

.email-display {
font-size: 15px;
color: #4a4a4a;
text-decoration: none;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.email-display:hover {
color: #CF9C5A
}

.email-display:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

@media (max-width: 1024px) {
.top-bar-grid {
grid-template-columns: 1fr;
gap: 24px
}

.brand-column {
align-items: center
}

.links-row {
justify-content: center
}

.reach-column {
align-items: center
}
}

@media (max-width: 768px) {
.top-bar {
padding: 24px
}

.links-row {
flex-direction: column;
gap: 12px;
width: 100%
}

.nav-anchor {
width: 100%;
text-align: center
}
}

@media (max-width: 320px) {
.brand-mark {
width: 60px;
height: 60px
}

.brand-mark img {
width: 52px;
height: 52px
}

.brand-label {
font-size: 15px
}
}

.base-floor {
background: linear-gradient(180deg, #2a2a2a 0%, #1a1612 100%);
padding: 72px 36px;
position: relative;
overflow: hidden
}

.base-floor::before {
content: '';
position: absolute;
top: -50%;
left: -25%;
width: 150%;
height: 100%;
background: radial-gradient(ellipse at 30% 40%, #cf9c5a14 0%, transparent 60%);
pointer-events: none
}

.base-floor::after {
content: '';
position: absolute;
bottom: -30%;
right: -20%;
width: 120%;
height: 80%;
background: radial-gradient(ellipse at 70% 60%, #e2dab30f 0%, transparent 50%);
pointer-events: none
}

.base-grid {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 72px;
position: relative;
z-index: 1
}

.identity-box {
display: flex;
flex-direction: column;
gap: 24px
}

.identity-symbol {
width: 64px;
height: 64px;
border-radius: 30px;
background: #fefefd14;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 25px 0 #cf9c5a1a inset 0 2px 5px 0 #fefefd0d;
border: 1px solid #cf9c5a33
}

.identity-symbol img {
width: 56px;
height: 56px;
object-fit: contain
}

.identity-name {
font-size: 28px;
font-weight: 700;
color: #FEFEFD;
line-height: 1.1;
letter-spacing: -.01em
}

.identity-phrase {
font-size: 15px;
color: #E2DAB3;
line-height: 1.6;
letter-spacing: .01em
}

.routes-box {
display: flex;
flex-direction: column;
gap: 24px
}

.routes-heading {
font-size: 18px;
font-weight: 700;
color: #CF9C5A;
letter-spacing: .02em;
margin: 0
}

.routes-list {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.route-item {
margin: 0
}

.route-link {
font-size: 15px;
color: #E2DAB3;
text-decoration: none;
display: inline-block;
transition: color .26s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
letter-spacing: .01em
}

.route-link:hover {
color: #FEFEFD;
transform: translateX(6px)
}

.route-link:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

.reach-box {
display: flex;
flex-direction: column;
gap: 24px
}

.reach-heading {
font-size: 18px;
font-weight: 700;
color: #CF9C5A;
letter-spacing: .02em;
margin: 0
}

.reach-details {
display: flex;
flex-direction: column;
gap: 12px
}

.detail-line {
font-size: 15px;
color: #E2DAB3;
line-height: 1.6;
letter-spacing: .01em
}

.detail-link {
color: #E2DAB3;
text-decoration: none;
transition: color .26s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.detail-link:hover {
color: #FEFEFD
}

.detail-link:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

.legal-strip {
max-width: 1280px;
margin: 36px auto 0;
padding-top: 36px;
border-top: 1px solid #e2dab333;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
position: relative;
z-index: 1
}

.copyright-text {
font-size: 15px;
color: #9a8f7a;
letter-spacing: .01em
}

.legal-links {
display: flex;
gap: 24px;
flex-wrap: wrap
}

.legal-anchor {
font-size: 15px;
color: #9a8f7a;
text-decoration: none;
transition: color .26s cubic-bezier(0.34, 1.56, 0.64, 1);
letter-spacing: .01em
}

.legal-anchor:hover {
color: #E2DAB3
}

.legal-anchor:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

@media (max-width: 1024px) {
.base-grid {
grid-template-columns: 1fr 1fr;
gap: 48px
}

.identity-box {
grid-column: 1 / -1;
align-items: center;
text-align: center
}
}

@media (max-width: 768px) {
.base-floor {
padding: 48px 24px
}

.base-grid {
grid-template-columns: 1fr;
gap: 36px
}

.routes-box,
.reach-box {
align-items: center;
text-align: center
}

.routes-list {
align-items: center
}

.legal-strip {
flex-direction: column;
align-items: center;
text-align: center
}

.legal-links {
justify-content: center
}
}

@media (max-width: 320px) {
.base-floor {
padding: 36px 12px
}

.base-grid {
gap: 24px
}

.identity-name {
font-size: 24px
}
}

.consent-shell {
position: fixed;
bottom: 36px;
left: 0;
right: 0;
margin: 0 auto;
width: 90%;
max-width: 480px;
z-index: 8000;
display: none
}

.consent-card {
background: linear-gradient(135deg, #FEFEFD 0%, #f5f2ea 100%);
border-radius: 18px;
padding: 24px;
box-shadow: 0 9px 48px 0 #cf9c5a24 0 0 0 1px #cf9c5a26;
opacity: 0;
transform: translateY(24px);
transition: opacity .3s cubic-bezier(0.34, 1.56, 0.64, 1), transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.consent-card.visible {
opacity: 1;
transform: translateY(0)
}

.consent-message {
font-size: 15px;
color: #2a2a2a;
line-height: 1.6;
margin: 0 0 24px;
letter-spacing: .01em
}

.preference-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #cf9c5a26
}

.preference-row:last-of-type {
border-bottom: none
}

.preference-label {
font-size: 15px;
color: #2a2a2a;
font-weight: 700;
letter-spacing: .01em
}

.toggle-switch {
position: relative;
width: 52px;
height: 28px;
background: #cf9c5a33;
border-radius: 30px;
cursor: pointer;
transition: background .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.toggle-switch::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background: #FEFEFD;
border-radius: 30px;
transition: left .28s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 2px 5px 0 #cf9c5a33
}

.toggle-switch.active {
background: #CF9C5A
}

.toggle-switch.active::after {
left: 27px
}

.action-row {
display: flex;
gap: 12px;
margin-top: 24px
}

.consent-button {
flex: 1;
padding: 12px 24px;
border: none;
border-radius: 18px;
font-size: 15px;
font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
cursor: pointer;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
letter-spacing: .01em;
position: relative;
overflow: hidden
}

.consent-button.accept {
background: linear-gradient(135deg, #CF9C5A 0%, #b8854d 100%);
color: #FEFEFD
}

.consent-button.accept::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #e2dab34d 0%, #cf9c5a4d 100%);
transition: left .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.consent-button.accept:hover::before {
left: 0
}

.consent-button.decline {
background: #cf9c5a26;
color: #2a2a2a
}

.consent-button.decline::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #cf9c5a40;
transition: left .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.consent-button.decline:hover::before {
left: 0
}

.consent-button:hover {
transform: translateY(-2px)
}

.consent-button:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 3px;
transform: scale(1.02)
}

.consent-button:active {
transform: translateY(0);
box-shadow: inset 0 2px 5px 0 #cf9c5a26
}

.policy-note {
font-size: 15px;
color: #6a6a6a;
margin-top: 12px;
text-align: center;
letter-spacing: .01em
}

.policy-anchor {
color: #CF9C5A;
text-decoration: none;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.policy-anchor:hover {
color: #b8854d
}

.policy-anchor:focus {
outline: 3px solid #cf9c5a80;
outline-offset: 2px
}

@media (max-width: 768px) {
.consent-shell {
width: 95%;
bottom: 24px
}

.consent-card {
padding: 24px
}

.action-row {
flex-direction: column
}

.consent-button {
width: 100%
}
}

@media (max-width: 320px) {
.consent-shell {
width: 100%;
bottom: 12px;
left: 12px;
right: 12px;
margin: 0
}

.consent-card {
padding: 24px
}
}

input::placeholder,
textarea::placeholder {
color: #cf9c5a66
}

::selection {
background: #E2DAB3;
color: #2a2a2a
}

.terms-wrapper {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: #FEFEFD
}

.terms-wrapper h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a0f00;
margin: 0 0 36px
}

.terms-wrapper h2 {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.01em;
color: #2a1f10;
margin: 72px 0 24px
}

.terms-wrapper h3 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0;
color: #3a2f20;
margin: 36px 0 12px
}

.terms-wrapper h4,
.terms-wrapper h5,
.terms-wrapper h6 {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #4a3f30;
margin: 24px 0 12px
}

.terms-wrapper p {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #2a1f10;
margin: 0 0 24px
}

.terms-wrapper strong,
.terms-wrapper b {
font-weight: 600;
color: #1a0f00
}

.terms-wrapper em,
.terms-wrapper i {
font-style: italic
}

.terms-wrapper a {
color: #CF9C5A;
text-decoration: none;
border-bottom: 1px solid #cf9c5a4d;
transition: border-color .24s cubic-bezier(0.34, 1.56, 0.64, 1), color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.terms-wrapper a:hover {
color: #b8844a;
border-bottom-color: #b8844a
}

.terms-wrapper a:active {
color: #a0723a
}

.terms-wrapper hr {
border: none;
height: 1px;
background: linear-gradient(to right, #cf9c5a00, #cf9c5a4d, #cf9c5a00);
margin: 72px 0
}

.terms-wrapper div {
margin: 24px 0
}

@media (max-width: 768px) {
.terms-wrapper {
padding: 36px 24px
}

.terms-wrapper h1 {
font-size: 28px;
margin: 0 0 24px
}

.terms-wrapper h2 {
font-size: 18px;
margin: 36px 0 12px
}

.terms-wrapper h3 {
font-size: 15px;
margin: 24px 0 12px
}

.terms-wrapper hr {
margin: 36px 0
}
}

@media (max-width: 320px) {
.terms-wrapper {
padding: 24px 12px
}
}

.menu-development-page {
background: linear-gradient(67deg, #CF9C5A 0%, #CF9C5A 3%, #FEFEFD 3%, #FEFEFD 100%);
position: relative
}

.menu-development-page::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle at 15% 25%, #cf9c5a08 0%, transparent 50%), radial-gradient(circle at 85% 65%, #e2dab30a 0%, transparent 50%), radial-gradient(circle at 45% 85%, #cf9c5a05 0%, transparent 50%);
pointer-events: none
}

.menu-development-page .opening-banner {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
display: flex;
gap: 36px;
align-items: center;
position: relative
}

.menu-development-page .opening-banner::before {
content: '';
position: absolute;
top: 24px;
left: 24px;
right: 24px;
bottom: 24px;
border: 1px solid #cf9c5a33;
pointer-events: none;
border-radius: 6px
}

.menu-development-page .vertical-image-strip {
width: 280px;
flex-shrink: 0;
position: relative
}

.menu-development-page .vertical-image-strip img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
border-radius: 18px;
display: block;
position: relative
}

.menu-development-page .vertical-image-strip::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(0deg, #00000005 0px, #00000005 1px, transparent 1px, transparent 2px);
pointer-events: none;
border-radius: 18px;
mix-blend-mode: overlay
}

.menu-development-page .text-content-area {
flex: 1;
padding: 24px 36px;
animation: slide-in-right .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@keyframes slide-in-right {
from {
opacity: 0;
transform: translateX(60px);
filter: blur(8px)
}

to {
opacity: 1;
transform: translateX(0);
filter: blur(0)
}
}

.menu-development-page .text-content-area h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 24px;
text-align: center;
text-shadow: 0 3px 8px #cf9c5a26
}

.menu-development-page .tagline-text {
font-size: 18px;
line-height: 1.6;
margin: 0 0 36px;
text-align: center;
color: #4a4a4a
}

.menu-development-page .action-links-group {
display: flex;
gap: 18px;
justify-content: center;
flex-wrap: wrap
}

.menu-development-page .action-links-group a {
padding: 12px 36px;
border-radius: 30px;
font-size: 15px;
text-decoration: none;
display: inline-block;
position: relative;
overflow: hidden;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.menu-development-page .action-links-group a:first-child {
background: #CF9C5A;
color: #FEFEFD;
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.menu-development-page .action-links-group a:first-child::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, transparent 0%, #fefefd33 50%, transparent 100%);
transition: left .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.menu-development-page .action-links-group a:first-child:hover::before {
left: 100%
}

.menu-development-page .action-links-group a:first-child:active {
box-shadow: inset 0 3px 8px #00000026 0 2px 5px 0 #cf9c5a12
}

.menu-development-page .action-links-group a:last-child {
background: transparent;
color: #CF9C5A;
border: 2px solid #CF9C5A
}

.menu-development-page .action-links-group a:last-child::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #E2DAB3;
transition: left .26s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: -1
}

.menu-development-page .action-links-group a:last-child:hover::before {
left: 0
}

.menu-development-page .action-links-group a:hover {
transform: scale(1.05)
}

.menu-development-page .dots-divider {
text-align: center;
padding: 48px 0;
position: relative
}

.menu-development-page .dots-divider::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #CF9C5A;
border-radius: 50%;
margin: 0 12px
}

.menu-development-page .dots-divider::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #CF9C5A;
border-radius: 50%;
margin: 0 12px
}

.menu-development-page .dots-divider span {
display: inline-block;
width: 6px;
height: 6px;
background: #CF9C5A;
border-radius: 50%
}

.menu-development-page .featured-spotlight-section {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: linear-gradient(67deg, #E2DAB3 0%, #E2DAB3 4%, #FEFEFD 4%, #FEFEFD 100%);
position: relative
}

.menu-development-page .featured-spotlight-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
background-size: 32px 37px;
opacity: .03;
pointer-events: none;
background-image: linear-gradient(30deg, #CF9C5A 12%, transparent 12.5%, transparent 87%, #CF9C5A 87.5%, #CF9C5A), linear-gradient(150deg, #CF9C5A 12%, transparent 12.5%, transparent 87%, #CF9C5A 87.5%, #CF9C5A), linear-gradient(30deg, #CF9C5A 12%, transparent 12.5%, transparent 87%, #CF9C5A 87.5%, #CF9C5A), linear-gradient(150deg, #CF9C5A 12%, transparent 12.5%, transparent 87%, #CF9C5A 87.5%, #CF9C5A), linear-gradient(60deg, #E2DAB3 25%, transparent 25.5%, transparent 75%, #E2DAB3 75%, #E2DAB3), linear-gradient(60deg, #E2DAB3 25%, transparent 25.5%, transparent 75%, #E2DAB3 75%, #E2DAB3);
background-size: 40px 70px;
background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px
}

.menu-development-page .spotlight-header {
text-align: center;
margin-bottom: 48px
}

.menu-development-page .spotlight-header h2 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0 0 18px;
text-shadow: 0 2px 6px #cf9c5a1f
}

.menu-development-page .spotlight-header p {
font-size: 18px;
line-height: 1.6;
margin: 0;
color: #4a4a4a
}

.menu-development-page .spotlight-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.menu-development-page .spotlight-card {
background: #fff;
border-radius: 18px;
padding: 24px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1);
animation: blur-fade-in .32s cubic-bezier(0.34, 1.56, 0.64, 1);
animation-fill-mode: backwards
}

@keyframes blur-fade-in {
from {
opacity: 0;
filter: blur(6px)
}

to {
opacity: 1;
filter: blur(0)
}
}

.menu-development-page .spotlight-card:nth-child(1) {
animation-delay: .05s
}

.menu-development-page .spotlight-card:nth-child(2) {
animation-delay: .1s
}

.menu-development-page .spotlight-card:nth-child(3) {
animation-delay: .15s
}

.menu-development-page .spotlight-card:nth-child(4) {
animation-delay: .2s
}

.menu-development-page .spotlight-card.featured {
grid-column: span 2;
grid-row: span 2;
display: flex;
flex-direction: column
}

.menu-development-page .spotlight-card:hover {
transform: translateY(-6px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.menu-development-page .spotlight-card h3 {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.005em;
margin: 0 0 12px;
text-shadow: 0 1px 3px #cf9c5a1a
}

.menu-development-page .spotlight-card p {
font-size: 15px;
line-height: 1.6;
margin: 0;
color: #4a4a4a
}

.menu-development-page .spotlight-card.featured .featured-image-wrapper {
width: 100%;
margin-bottom: 24px;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
flex-shrink: 0
}

.menu-development-page .spotlight-card.featured .featured-image-wrapper img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
display: block
}

.menu-development-page .dots-divider-second {
text-align: center;
padding: 48px 0;
position: relative
}

.menu-development-page .dots-divider-second::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #E2DAB3;
border-radius: 50%;
margin: 0 12px
}

.menu-development-page .dots-divider-second::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #E2DAB3;
border-radius: 50%;
margin: 0 12px
}

.menu-development-page .dots-divider-second span {
display: inline-block;
width: 6px;
height: 6px;
background: #E2DAB3;
border-radius: 50%
}

.menu-development-page .asymmetric-layout-section {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: #CF9C5A;
position: relative
}

.menu-development-page .asymmetric-layout-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(67deg, transparent 0%, transparent 92%, #E2DAB3 92%, #E2DAB3 100%);
pointer-events: none
}

.menu-development-page .asymmetric-content-wrapper {
display: flex;
gap: 36px;
align-items: flex-start;
position: relative
}

.menu-development-page .dominant-content-column {
flex: 0 0 75%;
background: #FEFEFD;
border-radius: 30px;
padding: 48px;
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.menu-development-page .narrow-detail-sidebar {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px
}

.menu-development-page .dominant-content-column h2 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0 0 24px;
text-align: center;
text-shadow: 0 2px 6px #cf9c5a1f
}

.menu-development-page .content-with-annotation {
display: flex;
gap: 36px;
margin-bottom: 36px
}

.menu-development-page .side-annotation {
flex: 0 0 180px;
font-size: 15px;
line-height: 1.6;
color: #CF9C5A !important;
font-style: italic;
padding-top: 6px
}

.menu-development-page .main-text-flow {
flex: 1
}

.menu-development-page .main-text-flow p {
font-size: 18px;
line-height: 1.6;
margin: 0 0 24px;
color: #4a4a4a;
text-align: center
}

.menu-development-page .main-text-flow p:last-child {
margin-bottom: 0
}

.menu-development-page .detail-stat-card {
background: #FEFEFD;
border-radius: 18px;
padding: 24px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
text-align: center;
transition: transform .26s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.menu-development-page .detail-stat-card:hover {
transform: scale(1.08) rotate(2deg)
}

.menu-development-page .stat-number {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 6px;
color: #CF9C5A;
text-shadow: 0 2px 6px #cf9c5a1f
}

.menu-development-page .stat-label {
font-size: 15px;
line-height: 1.4;
margin: 0;
color: #4a4a4a
}

.menu-development-page .profile-detail-card {
background: #FEFEFD;
border-radius: 46px;
padding: 18px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden
}

.menu-development-page .profile-detail-card:hover {
transform: translateY(-4px)
}

.menu-development-page .profile-image-container {
width: 100%;
aspect-ratio: 2/3;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
border: 4px solid #E2DAB3
}

.menu-development-page .profile-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.menu-development-page .profile-name {
font-size: 15px;
line-height: 1.4;
margin: 0;
color: #4a4a4a;
font-weight: 600;
text-align: center
}

@media (max-width: 1024px) {
.menu-development-page .opening-banner {
flex-direction: column;
padding: 48px 24px
}

.menu-development-page .vertical-image-strip {
width: 100%;
max-width: 400px
}

.menu-development-page .vertical-image-strip img {
height: 480px
}

.menu-development-page .text-content-area h1 {
font-size: 52px
}

.menu-development-page .spotlight-grid {
grid-template-columns: 1fr
}

.menu-development-page .spotlight-card.featured {
grid-column: span 1;
grid-row: span 1
}

.menu-development-page .asymmetric-content-wrapper {
flex-direction: column
}

.menu-development-page .dominant-content-column {
flex: 1
}

.menu-development-page .narrow-detail-sidebar {
flex-direction: row;
flex-wrap: wrap
}

.menu-development-page .detail-stat-card,
.menu-development-page .profile-detail-card {
flex: 1 1 calc(50% - 12px);
min-width: 200px
}
}

@media (max-width: 768px) {
.menu-development-page .opening-banner {
padding: 36px 12px
}

.menu-development-page .opening-banner::before {
left: 12px;
right: 12px
}

.menu-development-page .text-content-area {
padding: 12px
}

.menu-development-page .text-content-area h1 {
font-size: 42px
}

.menu-development-page .action-links-group {
flex-direction: column
}

.menu-development-page .action-links-group a {
width: 100%;
text-align: center
}

.menu-development-page .featured-spotlight-section,
.menu-development-page .asymmetric-layout-section {
padding: 48px 12px
}

.menu-development-page .spotlight-header h2,
.menu-development-page .dominant-content-column h2 {
font-size: 42px
}

.menu-development-page .dominant-content-column {
padding: 24px
}

.menu-development-page .content-with-annotation {
flex-direction: column;
gap: 12px
}

.menu-development-page .side-annotation {
flex: none
}

.menu-development-page .narrow-detail-sidebar {
flex-direction: column
}

.menu-development-page .detail-stat-card,
.menu-development-page .profile-detail-card {
flex: none
}
}

@media (max-width: 320px) {
.menu-development-page .text-content-area h1 {
font-size: 36px
}

.menu-development-page .spotlight-header h2,
.menu-development-page .dominant-content-column h2 {
font-size: 32px
}

.menu-development-page .vertical-image-strip img {
height: 360px
}
}

.menu-development-page a {
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.menu-development-page a:hover {
transform: rotate(-1.5deg)
}

.menu-development-page a:active {
transform: rotate(0deg) scale(0.98)
}

.faq-page {
background: linear-gradient(67deg, #CF9C5A 0%, #CF9C5A 2%, #FEFEFD 2%, #FEFEFD 100%);
position: relative
}

.faq-page::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, #cf9c5a14 1px, transparent 1px);
background-size: 24px 24px;
pointer-events: none;
z-index: 0
}

.faq-page>* {
position: relative;
z-index: 1
}

.opening-banner {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 1280px;
margin: 0 auto;
min-height: 520px;
overflow: hidden
}

.opening-banner-visual {
position: relative;
overflow: hidden
}

.opening-banner-visual::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.15"/></svg>');
pointer-events: none;
mix-blend-mode: overlay
}

.opening-banner-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.opening-banner-text {
padding: 72px 72px 72px 36px;
display: flex;
flex-direction: column;
justify-content: center;
background: #FEFEFD
}

.opening-banner-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 24px;
text-align: center;
color: #2C2C2C;
text-shadow: 0 2px 8px #cf9c5a1f
}

.opening-banner-description {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center;
color: #4A4A4A
}

.divider-wave-one {
width: 100%;
height: 72px;
position: relative;
overflow: hidden;
background: #FEFEFD
}

.divider-wave-one svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

.questions-grid {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: linear-gradient(135deg, #FEFEFD 0%, #e2dab31f 100%)
}

.questions-grid-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
color: #2C2C2C;
text-shadow: 0 3px 12px #cf9c5a2e
}

.questions-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px
}

.question-item {
background: #FEFEFD;
border-radius: 18px;
padding: 24px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1);
border-left: 6px solid #CF9C5A
}

.question-item:hover {
transform: translateY(-6px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.question-item-heading {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0;
margin: 0 0 12px;
text-align: center;
color: #2C2C2C;
font-weight: 600
}

.question-item-answer {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center;
color: #4A4A4A
}

.divider-wave-two {
width: 100%;
height: 60px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #FEFEFD 0%, #e2dab31f 100%)
}

.divider-wave-two svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

.process-timeline {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: linear-gradient(67deg, #e2dab333 0%, #e2dab333 3%, #FEFEFD 3%, #FEFEFD 100%);
position: relative
}

.process-timeline::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #CF9C5A 0%, #E2DAB3 100%)
}

.process-timeline-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
color: #2C2C2C;
text-shadow: 0 2px 10px #cf9c5a26
}

.process-steps {
display: flex;
flex-direction: column;
gap: 36px
}

.process-step {
display: grid;
grid-template-columns: 120px 1fr;
gap: 24px;
align-items: flex-start
}

.process-step-number {
width: 120px;
height: 120px;
border-radius: 50%;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 52px;
line-height: 1;
letter-spacing: -.03em;
color: #FEFEFD;
font-weight: 700;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .32s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .32s cubic-bezier(0.68, -0.55, 0.27, 1.55);
flex-shrink: 0
}

.process-step:hover .process-step-number {
transform: scale(1.12) rotate(5deg);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.process-step-content {
padding: 12px 0
}

.process-step-heading {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.01em;
margin: 0 0 12px;
text-align: center;
color: #2C2C2C
}

.process-step-text {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center;
color: #4A4A4A
}

.divider-wave-three {
width: 100%;
height: 48px;
position: relative;
overflow: hidden;
background: linear-gradient(67deg, #e2dab333 0%, #e2dab333 3%, #FEFEFD 3%, #FEFEFD 100%)
}

.divider-wave-three svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

.expert-profiles {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: #FEFEFD;
position: relative
}

.expert-profiles::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #E2DAB3 0%, #CF9C5A 100%)
}

.expert-profiles-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
color: #2C2C2C;
text-shadow: 0 3px 14px #cf9c5a29
}

.expert-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 36px;
max-width: 900px;
margin: 0 auto
}

.expert-card {
background: linear-gradient(135deg, #FEFEFD 0%, #e2dab314 100%);
border-radius: 30px;
padding: 36px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .24s cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex;
flex-direction: column;
align-items: center;
gap: 24px
}

.expert-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.expert-portrait-wrapper {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
flex-shrink: 0
}

.expert-portrait {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.expert-info {
text-align: center
}

.expert-name {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.01em;
margin: 0 0 6px;
color: #2C2C2C
}

.expert-role {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0;
margin: 0 0 12px;
color: #CF9C5A;
font-weight: 600
}

.expert-description {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
color: #4A4A4A
}

.infographic-data {
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
background: linear-gradient(67deg, #CF9C5A 0%, #CF9C5A 1.5%, #e2dab326 1.5%, #e2dab326 100%)
}

.infographic-data-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
color: #2C2C2C;
text-shadow: 0 2px 9px #cf9c5a21
}

.data-visual-row {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
align-items: center
}

.data-point {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 24px;
background: #FEFEFD;
border-radius: 46px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .26s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .26s cubic-bezier(0.68, -0.55, 0.27, 1.55);
min-width: 180px
}

.data-point:hover {
transform: scale(1.08);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.data-icon-circle {
width: 80px;
height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px 0 #cf9c5a12
}

.data-icon-circle svg {
width: 40px;
height: 40px;
fill: #FEFEFD
}

.data-value {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
color: #2C2C2C;
font-weight: 700;
text-align: center
}

.data-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .01em;
margin: 0;
color: #4A4A4A;
text-align: center
}

@media (max-width: 1024px) {
.opening-banner {
grid-template-columns: 1fr;
min-height: auto
}

.opening-banner-visual {
min-height: 360px
}

.opening-banner-text {
padding: 36px 24px
}

.opening-banner-heading {
font-size: 52px
}

.questions-grid {
padding: 36px 24px
}

.questions-grid-heading {
font-size: 52px
}

.questions-container {
grid-template-columns: 1fr
}

.process-timeline {
padding: 36px 24px
}

.process-timeline-heading {
font-size: 52px
}

.process-step {
grid-template-columns: 1fr;
gap: 12px
}

.process-step-number {
margin: 0 auto
}

.expert-profiles {
padding: 36px 24px
}

.expert-profiles-heading {
font-size: 52px
}

.expert-list {
grid-template-columns: 1fr
}

.infographic-data {
padding: 36px 24px
}

.infographic-data-heading {
font-size: 52px
}

.data-visual-row {
flex-direction: column
}
}

@media (max-width: 768px) {
.opening-banner-heading {
font-size: 28px
}

.opening-banner-description {
font-size: 15px
}

.questions-grid-heading {
font-size: 28px
}

.question-item {
padding: 24px
}

.question-item-heading {
font-size: 18px
}

.process-timeline-heading {
font-size: 28px
}

.process-step-number {
width: 100px;
height: 100px;
font-size: 52px
}

.process-step-heading {
font-size: 18px
}

.expert-profiles-heading {
font-size: 28px
}

.expert-card {
padding: 24px
}

.expert-portrait-wrapper {
width: 120px;
height: 120px
}

.expert-name {
font-size: 18px
}

.expert-role {
font-size: 15px
}

.infographic-data-heading {
font-size: 28px
}

.data-point {
min-width: 140px
}

.data-icon-circle {
width: 60px;
height: 60px
}

.data-icon-circle svg {
width: 30px;
height: 30px
}

.data-value {
font-size: 18px
}
}

@media (max-width: 320px) {
.opening-banner-text {
padding: 24px 12px
}

.questions-grid {
padding: 24px 12px
}

.process-timeline {
padding: 24px 12px
}

.expert-profiles {
padding: 24px 12px
}

.infographic-data {
padding: 24px 12px
}
}

.question-item a {
color: #CF9C5A;
text-decoration: none;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.question-item a:hover {
transform: rotate(2deg);
text-decoration: underline
}

.process-step-text a {
color: #CF9C5A;
text-decoration: none;
transition: transform .24s cubic-bezier(0.68, -0.55, 0.27, 1.55);
display: inline-block
}

.process-step-text a:hover {
transform: rotate(-2deg);
text-decoration: underline
}

.expert-description a {
color: #CF9C5A;
text-decoration: none;
transition: transform .26s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.expert-description a:hover {
transform: rotate(3deg);
text-decoration: underline
}

@keyframes split-reveal-left {
0% {
transform: translateX(0);
opacity: 1
}

100% {
transform: translateX(-50%);
opacity: 1
}
}

@keyframes split-reveal-right {
0% {
transform: translateX(0);
opacity: 1
}

100% {
transform: translateX(50%);
opacity: 1
}
}

.question-item {
animation: none
}

.process-step {
opacity: 0;
transform: translateX(-40px);
animation: slide-in-from-left .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.process-step:nth-child(1) {
animation-delay: .1s
}

.process-step:nth-child(2) {
animation-delay: .2s
}

.process-step:nth-child(3) {
animation-delay: .3s
}

.process-step:nth-child(4) {
animation-delay: .4s
}

@keyframes slide-in-from-left {
0% {
opacity: 0;
transform: translateX(-40px)
}

100% {
opacity: 1;
transform: translateX(0)
}
}

.expert-card {
opacity: 0;
transform: scale(0.88);
animation: scale-fade-in .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.expert-card:nth-child(1) {
animation-delay: .15s
}

.expert-card:nth-child(2) {
animation-delay: .3s
}

@keyframes scale-fade-in {
0% {
opacity: 0;
transform: scale(0.88)
}

100% {
opacity: 1;
transform: scale(1)
}
}

.data-point {
opacity: 0;
transform: translateY(30px);
animation: float-up .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.data-point:nth-child(1) {
animation-delay: .1s
}

.data-point:nth-child(2) {
animation-delay: .2s
}

.data-point:nth-child(3) {
animation-delay: .3s
}

.data-point:nth-child(4) {
animation-delay: .4s
}

@keyframes float-up {
0% {
opacity: 0;
transform: translateY(30px)
}

100% {
opacity: 1;
transform: translateY(0)
}
}

.opening-banner-heading::after {
content: '';
display: block;
width: 120px;
height: 6px;
background: linear-gradient(90deg, #CF9C5A 0%, #E2DAB3 100%);
margin: 24px auto 0;
border-radius: 6px
}

.entry {
background: #FEFEFD;
color: #2a2a2a;
overflow-x: clip
}

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

.entry button {
cursor: pointer;
border: none;
background: none;
padding: 0
}

.entry a {
text-decoration: none;
color: inherit
}

.entry .opening-banner {
position: relative;
min-height: 420px;
display: grid;
grid-template-columns: 30% 70%;
overflow: hidden;
padding: 0
}

.entry .opening-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 30%;
height: 100%;
background: #CF9C5A;
z-index: 1
}

.entry .opening-banner::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 100%;
background: #E2DAB3;
z-index: 1
}

.entry .opening-visual {
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 100%;
z-index: 2;
overflow: hidden
}

.entry .opening-visual img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.entry .opening-visual::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(to left, transparent 0%, #cf9c5a66 100%);
z-index: 1
}

.entry .opening-text-zone {
position: relative;
z-index: 3;
grid-column: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 36px 24px;
max-width: 1280px;
margin: 0 auto
}

.entry .opening-pattern {
position: absolute;
top: 12px;
left: 24px;
width: 180px;
height: 180px;
z-index: 0;
opacity: .15;
pointer-events: none
}

.entry .opening-pattern::before,
.entry .opening-pattern::after {
content: '';
position: absolute;
width: 24px;
height: 24px;
border: 2px solid #FEFEFD;
border-radius: 6px
}

.entry .opening-pattern::before {
top: 0;
left: 0
}

.entry .opening-pattern::after {
top: 36px;
left: 36px
}

.entry .pre-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .05em;
text-transform: uppercase;
color: #FEFEFD;
margin: 0 0 12px;
text-align: center
}

.entry .opening-headline {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 24px;
color: #FEFEFD;
text-shadow: 0 3px 8px #00000026;
text-align: center
}

.entry .opening-description {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #FEFEFD;
margin: 0;
text-align: center
}

@media (max-width: 768px) {
.entry .opening-banner {
grid-template-columns: 1fr;
min-height: 500px
}

.entry .opening-banner::before {
width: 100%;
height: 50%
}

.entry .opening-banner::after {
width: 100%;
height: 50%;
top: 50%
}

.entry .opening-visual {
width: 100%;
height: 50%;
top: 50%
}

.entry .opening-text-zone {
grid-column: 1;
height: 50%
}

.entry .opening-headline {
font-size: 28px
}

.entry .opening-description {
font-size: 15px
}
}

.entry .specialists-area {
position: relative;
padding: 72px 24px;
background: linear-gradient(180deg, #e2dab333 0%, #FEFEFD 40%);
overflow: hidden
}

.entry .specialists-area::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(67deg, transparent 0%, #CF9C5A 30%, #CF9C5A 70%, transparent 100%)
}

.entry .specialists-container {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 200px 1fr;
gap: 72px;
align-items: start
}

.entry .side-annotation {
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
color: #666;
padding: 12px 0;
border-left: 3px solid #cf9c5a4d;
padding-left: 24px
}

.entry .specialists-main {
display: flex;
flex-direction: column;
gap: 36px
}

.entry .specialists-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 24px;
text-align: center;
text-shadow: 2px 2px 6px #cf9c5a26
}

.entry .specialists-intro {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0 0 36px;
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto
}

.entry .profile-display {
display: grid;
grid-template-columns: 280px 1fr;
gap: 36px;
align-items: start;
padding: 36px;
background: #fff;
border-radius: 30px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entry .profile-display:hover {
transform: translateY(-6px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.entry .profile-photo-frame {
width: 100%;
aspect-ratio: 2/3;
border-radius: 30px;
overflow: hidden;
background: #e2dab333
}

.entry .profile-photo-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.entry .profile-details {
display: flex;
flex-direction: column;
gap: 12px
}

.entry .profile-name {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
text-align: center
}

.entry .profile-role {
font-size: 18px;
line-height: 1.4;
letter-spacing: .01em;
color: #666;
margin: 0 0 24px;
text-align: center
}

.entry .profile-text {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center
}

@media (max-width: 1024px) {
.entry .specialists-container {
grid-template-columns: 1fr;
gap: 36px
}

.entry .side-annotation {
border-left: none;
border-top: 3px solid #cf9c5a4d;
padding-left: 0;
padding-top: 12px
}
}

@media (max-width: 768px) {
.entry .specialists-area {
padding: 36px 24px
}

.entry .specialists-heading {
font-size: 28px
}

.entry .profile-display {
grid-template-columns: 1fr;
gap: 24px;
padding: 24px
}

.entry .profile-photo-frame {
max-width: 280px;
margin: 0 auto
}
}

.entry .credentials-zone {
position: relative;
padding: 72px 24px;
background: #fff
}

.entry .credentials-zone::before {
content: '';
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 4px;
border-radius: 30px 30px 0 0;
background: linear-gradient(90deg, transparent 0%, #E2DAB3 50%, transparent 100%)
}

.entry .credentials-zone::after {
content: '';
position: absolute;
top: 2px;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 4px;
border-radius: 30px 30px 0 0;
background: linear-gradient(90deg, transparent 0%, #CF9C5A 50%, transparent 100%)
}

.entry .credentials-wrapper {
max-width: 1280px;
margin: 0 auto
}

.entry .credentials-title {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 12px;
text-align: center;
text-shadow: 1px 1px 4px #cf9c5a1f
}

.entry .credentials-subtitle {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #666;
margin: 0 0 72px;
text-align: center
}

.entry .recognition-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px
}

.entry .recognition-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 36px 24px;
background: linear-gradient(135deg, #e2dab31a 0%, #fefefdff 100%);
border-radius: 18px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entry .recognition-item:hover {
transform: scale(1.05)
}

.entry .recognition-icon {
width: 72px;
height: 72px;
border-radius: 46px;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px;
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.entry .recognition-icon::before {
content: '';
width: 36px;
height: 36px;
background: #FEFEFD;
border-radius: 50%
}

.entry .recognition-label {
font-size: 18px;
line-height: 1.4;
letter-spacing: .01em;
margin: 0 0 12px;
text-align: center;
font-weight: 600
}

.entry .recognition-description {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #666;
margin: 0;
text-align: center
}

@media (max-width: 1024px) {
.entry .recognition-grid {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 768px) {
.entry .credentials-zone {
padding: 36px 24px
}

.entry .credentials-title {
font-size: 28px
}

.entry .credentials-subtitle {
margin: 0 0 36px
}

.entry .recognition-grid {
grid-template-columns: 1fr;
gap: 24px
}
}

.entry .problem-statement {
position: relative;
padding: 72px 24px;
background: linear-gradient(67deg, #cf9c5a14 0%, #cf9c5a14 15%, transparent 15%, transparent 100%)
}

.entry .problem-statement::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #cf9c5a33 50%, transparent 100%)
}

.entry .problem-statement::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
background: #CF9C5A;
border-radius: 50%;
box-shadow: 0 0 0 12px #cf9c5a1a
}

.entry .problem-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.entry .problem-headline {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
text-shadow: 2px 2px 8px #cf9c5a2e
}

.entry .problem-headline span {
display: inline-block;
position: relative;
padding-bottom: 12px
}

.entry .problem-headline span::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #CF9C5A 0%, #E2DAB3 100%);
border-radius: 6px
}

.entry .problem-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: center
}

.entry .problem-visual-box {
width: 100%;
aspect-ratio: 4/3;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.entry .problem-visual-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.entry .problem-text-area {
display: flex;
flex-direction: column;
gap: 24px
}

.entry .problem-paragraph {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center
}

@media (max-width: 1024px) {
.entry .problem-content {
grid-template-columns: 1fr;
gap: 36px
}
}

@media (max-width: 768px) {
.entry .problem-statement {
padding: 36px 24px
}

.entry .problem-headline {
font-size: 28px
}
}

.entry .relationship-area {
position: relative;
padding: 72px 24px;
background: #FEFEFD;
overflow: hidden
}

.entry .relationship-area::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, transparent, transparent 24px, #cf9c5a08 24px, #cf9c5a08 48px), repeating-linear-gradient(-45deg, transparent, transparent 24px, #e2dab308 24px, #e2dab308 48px);
pointer-events: none
}

.entry .relationship-wrapper {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.entry .relationship-header {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 72px;
text-align: center;
text-shadow: 1px 2px 5px #cf9c5a24
}

.entry .process-steps {
display: flex;
flex-direction: column;
gap: 24px
}

.entry .step-card {
display: grid;
grid-template-columns: 120px 1fr 1fr;
gap: 36px;
align-items: center;
padding: 36px;
background: #fff;
border-radius: 18px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
transition: box-shadow .26s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .26s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.entry .step-card:hover {
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transform: translateX(6px)
}

.entry .step-number {
width: 120px;
height: 120px;
border-radius: 46px;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 52px;
line-height: 1;
letter-spacing: -.02em;
color: #FEFEFD;
font-weight: 600;
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.entry .step-info {
display: flex;
flex-direction: column;
gap: 12px
}

.entry .step-name {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
text-align: center
}

.entry .step-description {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center
}

.entry .step-image-box {
width: 100%;
aspect-ratio: 16/9;
border-radius: 18px;
overflow: hidden;
background: #e2dab31a
}

.entry .step-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

@media (max-width: 1024px) {
.entry .step-card {
grid-template-columns: 1fr;
gap: 24px
}

.entry .step-number {
margin: 0 auto
}
}

@media (max-width: 768px) {
.entry .relationship-area {
padding: 36px 24px
}

.entry .relationship-header {
font-size: 28px;
margin: 0 0 36px
}

.entry .step-card {
padding: 24px
}

.entry .step-number {
width: 96px;
height: 96px;
font-size: 28px
}

.entry .step-name {
font-size: 18px
}
}

.entry .readiness-check {
position: relative;
padding: 72px 24px;
background: linear-gradient(180deg, #cf9c5a1f 0%, #FEFEFD 60%)
}

.entry .readiness-container {
max-width: 1280px;
margin: 0 auto
}

.entry .readiness-question {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 72px;
text-align: center;
text-shadow: 2px 2px 6px #cf9c5a29
}

.entry .requirements-layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px
}

.entry .requirement-block {
padding: 36px;
background: #fff;
border-radius: 30px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
display: flex;
flex-direction: column;
gap: 24px;
transition: transform .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entry .requirement-block:hover {
transform: rotate(1deg)
}

.entry .requirement-block:nth-child(even):hover {
transform: rotate(-1deg)
}

.entry .requirement-marker {
width: 72px;
height: 72px;
border-radius: 50%;
background: linear-gradient(135deg, #E2DAB3 0%, #CF9C5A 100%);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.entry .requirement-marker::before {
content: '';
width: 24px;
height: 24px;
background: #FEFEFD;
transform: rotate(45deg)
}

.entry .requirement-title {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
text-align: center
}

.entry .requirement-text {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center;
color: #555
}

@media (max-width: 768px) {
.entry .readiness-check {
padding: 36px 24px
}

.entry .readiness-question {
font-size: 28px;
margin: 0 0 36px
}

.entry .requirements-layout {
grid-template-columns: 1fr;
gap: 24px
}

.entry .requirement-block {
padding: 24px
}
}

.entry .objection-response {
position: relative;
padding: 72px 24px;
background: #fff
}

.entry .objection-response::before {
content: '';
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 60px;
border-radius: 0 0 46px 46px;
background: linear-gradient(180deg, #e2dab34d 0%, transparent 100%)
}

.entry .objection-response::after {
content: '';
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 50px;
border-radius: 0 0 46px 46px;
background: linear-gradient(180deg, #cf9c5a33 0%, transparent 100%)
}

.entry .objection-wrapper {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.entry .objection-prompt {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 36px;
text-align: center;
text-shadow: 1px 1px 4px #cf9c5a1f
}

.entry .objection-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px;
align-items: start
}

.entry .concern-side {
display: flex;
flex-direction: column;
gap: 24px
}

.entry .concern-label {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
text-align: center;
color: #CF9C5A
}

.entry .concern-statement {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center;
padding: 36px;
background: #e2dab31a;
border-radius: 18px;
border-left: 6px solid #CF9C5A
}

.entry .response-side {
display: flex;
flex-direction: column;
gap: 24px
}

.entry .response-label {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.01em;
margin: 0;
text-align: center;
color: #555
}

.entry .response-content {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
margin: 0;
text-align: center
}

.entry .response-visual {
width: 100%;
aspect-ratio: 16/9;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
margin-top: 24px
}

.entry .response-visual img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

@media (max-width: 1024px) {
.entry .objection-split {
grid-template-columns: 1fr;
gap: 36px
}
}

@media (max-width: 768px) {
.entry .objection-response {
padding: 36px 24px
}

.entry .objection-prompt {
font-size: 28px
}

.entry .concern-statement {
padding: 24px
}
}

.entry .animated-gradient {
animation: color-wash 8s ease-in-out infinite
}

@keyframes color-wash {

0%,
100% {
background: linear-gradient(180deg, #e2dab333 0%, #FEFEFD 40%)
}

50% {
background: linear-gradient(180deg, #cf9c5a26 0%, #FEFEFD 40%)
}
}

.entry a:hover {
transition: transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transform: rotate(2deg)
}

.entry button[type="submit"] {
position: relative;
overflow: hidden;
background: #CF9C5A;
color: #FEFEFD;
padding: 18px 36px;
border-radius: 18px;
font-size: 18px;
line-height: 1.4;
letter-spacing: .01em;
box-shadow: 0 2px 5px 0 #cf9c5a12;
transition: box-shadow .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entry button[type="submit"]::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, transparent 0%, #e2dab366 50%, transparent 100%);
transition: left .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entry button[type="submit"]:hover::before {
left: 100%
}

.entry button[type="submit"]:hover {
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.entry button[type="submit"]:active {
box-shadow: inset 0 2px 5px 0 #cf9c5a33
}

.entry ::placeholder {
color: #cf9c5a66
}

.entry ::selection {
background: #E2DAB3;
color: #2a2a2a
}

.roadmap {
background: linear-gradient(67deg, #CF9C5A 0%, #CF9C5A 8%, #FEFEFD 8%, #FEFEFD 100%);
min-height: 100vh;
padding: 0;
margin: 0
}

.roadmap .title-presentation {
position: relative;
padding: 72px 24px;
max-width: 1280px;
margin: 0 auto;
text-align: center;
overflow: visible
}

.roadmap .title-presentation::before {
content: '';
position: absolute;
top: 36px;
left: 50%;
transform: translateX(-50%);
width: 280px;
height: 280px;
background: radial-gradient(circle, #cf9c5a14 0%, transparent 70%);
border-radius: 46px;
pointer-events: none;
z-index: 0
}

.roadmap .title-presentation::after {
content: '';
position: absolute;
bottom: 72px;
right: 12%;
width: 180px;
height: 180px;
background: radial-gradient(circle, #e2dab31f 0%, transparent 65%);
border-radius: 30px;
pointer-events: none;
z-index: 0
}

.roadmap .visual-frame {
position: relative;
max-width: 640px;
margin: 0 auto 36px;
z-index: 1
}

.roadmap .visual-frame img {
width: 100%;
height: auto;
display: block;
border-radius: 18px;
position: relative;
z-index: 1
}

.roadmap .visual-frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #cf9c5a26 0%, transparent 60%);
border-radius: 18px;
z-index: 2;
pointer-events: none
}

.roadmap .visual-frame::after {
content: '';
position: absolute;
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
border: 2px solid #cf9c5a33;
border-radius: 24px;
z-index: 0;
pointer-events: none
}

.roadmap .text-group {
position: relative;
z-index: 1
}

.roadmap .primary-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 24px;
color: #1a1a1a;
text-shadow: 0 2px 8px #cf9c5a1f
}

.roadmap .description-text {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #2c2c2c;
max-width: 680px;
margin: 0 auto
}

.roadmap .timeline-container {
background: linear-gradient(90deg, #E2DAB3 0%, #FEFEFD 100%);
padding: 72px 24px;
position: relative;
overflow: visible
}

.roadmap .timeline-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 32px;
background: url('data:image/svg+xml,<svg width="40" height="32" viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M0 32 L5 0 L10 32 L15 0 L20 32 L25 0 L30 32 L35 0 L40 32" fill="none" stroke="%23CF9C5A" stroke-width="2"/></svg>') repeat-x;
background-size: 40px 32px
}

.roadmap .timeline-inner {
max-width: 1280px;
margin: 0 auto
}

.roadmap .timeline-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
text-align: center;
margin: 0 0 72px;
color: #1a1a1a;
text-shadow: 2px 2px 6px #cf9c5a2e
}

.roadmap .phases-grid {
display: grid;
grid-template-columns: 1fr;
gap: 36px
}

.roadmap .phase-row {
display: grid;
grid-template-columns: 2fr 5fr 2fr;
gap: 24px;
align-items: start
}

.roadmap .quarter-label {
text-align: center;
padding: 24px;
background: #fefefd99;
border-radius: 18px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.roadmap .quarter-label:hover {
transform: translateY(-4px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.roadmap .quarter-label h3 {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.01em;
margin: 0 0 6px;
color: #CF9C5A
}

.roadmap .quarter-label p {
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
margin: 0;
color: #4a4a4a
}

.roadmap .objectives-block {
background: #FEFEFD;
padding: 36px;
border-radius: 18px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
position: relative
}

.roadmap .objectives-block::before {
content: '';
position: absolute;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
border: 2px solid #e2dab34d;
border-radius: 12px;
pointer-events: none;
border-top-color: transparent;
border-bottom-color: transparent
}

.roadmap .objectives-block::after {
content: '';
position: absolute;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
border: 2px solid #e2dab34d;
border-radius: 12px;
pointer-events: none;
border-left-color: transparent;
border-right-color: transparent
}

.roadmap .objectives-block h4 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0;
margin: 0 0 24px;
color: #1a1a1a;
text-align: center;
text-shadow: 1px 1px 3px #cf9c5a1a
}

.roadmap .objectives-list {
list-style: none;
padding: 0;
margin: 0
}

.roadmap .objectives-list li {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #2c2c2c;
margin: 0 0 12px;
padding-left: 24px;
position: relative
}

.roadmap .objectives-list li:last-child {
margin-bottom: 0
}

.roadmap .objectives-list li::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
background: #CF9C5A;
border-radius: 6px;
box-shadow: 0 0 0 3px #cf9c5a33
}

.roadmap .status-indicator {
text-align: center;
padding: 24px;
background: #fefefd99;
border-radius: 18px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
transition: transform .24s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .24s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.roadmap .status-indicator:hover {
transform: scale(1.05);
box-shadow: 0 6px 25px 0 #cf9c5a1a
}

.roadmap .status-badge {
display: inline-block;
padding: 6px 18px;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
color: #FEFEFD;
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
border-radius: 30px;
font-weight: 600;
box-shadow: 0 2px 5px 0 #cf9c5a12
}

.roadmap .status-indicator.in-progress .status-badge {
background: linear-gradient(135deg, #E2DAB3 0%, #FEFEFD 100%);
color: #1a1a1a
}

.roadmap .status-indicator.planned .status-badge {
background: #e2dab34d;
color: #4a4a4a
}

.roadmap .metrics-showcase {
background: #FEFEFD;
padding: 72px 24px;
position: relative;
overflow: visible
}

.roadmap .metrics-showcase::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 32px;
background: url('data:image/svg+xml,<svg width="40" height="32" viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 L5 32 L10 0 L15 32 L20 0 L25 32 L30 0 L35 32 L40 0" fill="none" stroke="%23E2DAB3" stroke-width="2"/></svg>') repeat-x;
background-size: 40px 32px
}

.roadmap .metrics-inner {
max-width: 1280px;
margin: 0 auto
}

.roadmap .metrics-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
text-align: center;
margin: 0 0 24px;
color: #1a1a1a;
text-shadow: 2px 2px 4px #e2dab326
}

.roadmap .metrics-intro {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
text-align: center;
color: #2c2c2c;
max-width: 720px;
margin: 0 auto 72px
}

.roadmap .metrics-display {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px
}

.roadmap .metric-card {
background: linear-gradient(135deg, #fefefde6 0%, #e2dab31a 100%);
padding: 36px 24px;
border-radius: 18px;
text-align: center;
box-shadow: 0 2px 5px 0 #e2dab312;
transition: transform .32s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .32s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.roadmap .metric-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, transparent 0%, #cf9c5a14 50%, transparent 100%);
transition: left .26s cubic-bezier(0.68, -0.55, 0.27, 1.55);
pointer-events: none
}

.roadmap .metric-card:hover::before {
left: 100%
}

.roadmap .metric-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 9px 48px 0 #e2dab324
}

.roadmap .metric-value {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
color: #CF9C5A;
margin: 0 0 12px;
font-weight: 700;
text-shadow: 3px 3px 8px #cf9c5a33;
animation: contrast-pulse 4s ease-in-out infinite
}

@keyframes contrast-pulse {

0%,
100% {
filter: contrast(1)
}

50% {
filter: contrast(1.15)
}
}

.roadmap .metric-label {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0;
color: #1a1a1a;
margin: 0;
text-shadow: 1px 1px 2px #e2dab31a
}

.roadmap .annotation-aside {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
width: 160px;
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #4a4a4a;
padding: 12px;
background: #fefefdcc;
border-radius: 6px;
box-shadow: 0 2px 5px 0 #cf9c5a12
}

@media (max-width: 1024px) {
.roadmap .phase-row {
grid-template-columns: 1fr 2fr 1fr
}

.roadmap .metrics-display {
grid-template-columns: repeat(2, 1fr)
}

.roadmap .annotation-aside {
position: static;
transform: none;
width: auto;
margin: 0 auto 24px;
max-width: 400px
}
}

@media (max-width: 768px) {
.roadmap {
background: linear-gradient(67deg, #CF9C5A 0%, #CF9C5A 12%, #FEFEFD 12%, #FEFEFD 100%)
}

.roadmap .title-presentation {
padding: 36px 24px
}

.roadmap .primary-heading {
font-size: 28px
}

.roadmap .description-text {
font-size: 15px
}

.roadmap .timeline-container {
padding: 36px 24px
}

.roadmap .timeline-heading {
font-size: 28px;
margin-bottom: 36px
}

.roadmap .phase-row {
grid-template-columns: 1fr;
gap: 24px
}

.roadmap .objectives-block {
padding: 24px
}

.roadmap .metrics-showcase {
padding: 36px 24px
}

.roadmap .metrics-heading {
font-size: 28px
}

.roadmap .metrics-intro {
font-size: 15px;
margin-bottom: 36px
}

.roadmap .metrics-display {
grid-template-columns: 1fr;
gap: 24px
}

.roadmap .metric-value {
font-size: 52px
}
}

@media (max-width: 320px) {
.roadmap .title-presentation {
padding: 24px 12px
}

.roadmap .timeline-container {
padding: 24px 12px
}

.roadmap .metrics-showcase {
padding: 24px 12px
}

.roadmap .objectives-block {
padding: 18px
}

.roadmap .quarter-label {
padding: 18px
}

.roadmap .status-indicator {
padding: 18px
}
}

.roadmap a {
color: #CF9C5A;
text-decoration: none;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.roadmap a:hover {
color: #a67c47;
transform: rotate(-2deg)
}

.roadmap a:focus {
outline: 2px solid #CF9C5A;
outline-offset: 3px
}

.roadmap ::selection {
background: #E2DAB3;
color: #1a1a1a
}

.roadmap ::-moz-selection {
background: #E2DAB3;
color: #1a1a1a
}

.roadmap input::placeholder,
.roadmap textarea::placeholder {
color: #cf9c5a66
}

.contact-us {
background: linear-gradient(67deg, #FEFEFD 0%, #E2DAB3 8%, #FEFEFD 16%, #FEFEFD 100%);
position: relative;
overflow-x: clip
}

.contact-us::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml;utf8,<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain" x="0" y="0" width="400" height="400" patternUnits="userSpaceOnUse"><rect width="400" height="400" fill="%23000"/><circle cx="23" cy="67" r="1.2" fill="%23fff" opacity="0.03"/><circle cx="189" cy="34" r="0.9" fill="%23fff" opacity="0.02"/><circle cx="312" cy="156" r="1.1" fill="%23fff" opacity="0.03"/><circle cx="98" cy="289" r="0.8" fill="%23fff" opacity="0.02"/><circle cx="267" cy="312" r="1.3" fill="%23fff" opacity="0.03"/><circle cx="145" cy="123" r="0.7" fill="%23fff" opacity="0.02"/><circle cx="356" cy="234" r="1.0" fill="%23fff" opacity="0.03"/><circle cx="67" cy="378" r="0.9" fill="%23fff" opacity="0.02"/></pattern></defs><rect width="400" height="400" fill="url(%23grain)"/></svg>');
opacity: .15;
pointer-events: none;
z-index: 1
}

.contact-us::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at 20% 30%, #cf9c5a1f 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #e2dab326 0%, transparent 50%);
animation: aurora-shift 18s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate;
pointer-events: none;
z-index: 2
}

@keyframes aurora-shift {
0% {
background: radial-gradient(ellipse at 20% 30%, #cf9c5a1f 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #e2dab326 0%, transparent 50%)
}

100% {
background: radial-gradient(ellipse at 75% 60%, #e2dab326 0%, transparent 50%), radial-gradient(ellipse at 25% 40%, #cf9c5a1f 0%, transparent 50%)
}
}

.contact-us .opening-banner {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0 24px 72px;
z-index: 3
}

.contact-us .opening-banner .banner-container {
position: relative;
max-width: 680px;
margin: 0 auto;
background: #FEFEFD;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.contact-us .opening-banner .banner-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(67deg, transparent, transparent 12px, #cf9c5a0a 12px, #cf9c5a0a 14px);
pointer-events: none;
z-index: 1
}

.contact-us .opening-banner .text-area {
position: relative;
padding: 72px 36px 36px;
z-index: 2;
text-align: center
}

.contact-us .opening-banner .text-area h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #2a2a2a;
margin: 0 0 24px;
text-shadow: 2px 2px 4px #cf9c5a26
}

.contact-us .opening-banner .text-area .subheading {
font-size: 28px;
line-height: 1.4;
letter-spacing: -.01em;
color: #4a4a4a;
margin: 0 0 24px;
text-shadow: 1px 1px 2px #e2dab333
}

.contact-us .opening-banner .text-area .description {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #5a5a5a;
margin: 0
}

.contact-us .opening-banner .image-area {
position: relative;
height: 280px;
overflow: hidden
}

.contact-us .opening-banner .image-area::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #FEFEFD 0%, #fefefdd9 25%, #fefefd4d 70%, transparent 100%);
z-index: 1;
pointer-events: none
}

.contact-us .opening-banner .image-area img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.contact-us .opening-banner .banner-container::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #CF9C5A, #E2DAB3);
z-index: 3
}

.contact-us .form-section {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 72px 24px;
z-index: 3
}

.contact-us .form-section .form-wrapper {
max-width: 680px;
margin: 0 auto;
background: #fff;
border-radius: 30px;
padding: 72px 36px;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
position: relative
}

.contact-us .form-section .form-wrapper::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 100%;
background: #E2DAB3;
border-radius: 0 30px 30px 0
}

.contact-us .form-section .form-header {
text-align: center;
margin: 0 0 72px
}

.contact-us .form-section .form-header h2 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #2a2a2a;
margin: 0 0 24px;
text-shadow: 2px 2px 6px #cf9c5a1f
}

.contact-us .form-section .form-header .form-intro {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #5a5a5a;
margin: 0
}

.contact-us .form-section .contact-details {
display: flex;
flex-direction: column;
gap: 24px;
margin: 0 0 72px;
padding: 36px;
background: linear-gradient(67deg, #FEFEFD 0%, #e2dab314 50%, #FEFEFD 100%);
border-radius: 18px;
border: 1px solid #cf9c5a26
}

.contact-us .form-section .detail-item {
display: flex;
flex-direction: column;
gap: 6px
}

.contact-us .form-section .detail-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
color: #7a7a7a;
text-transform: uppercase
}

.contact-us .form-section .detail-value {
font-size: 18px;
line-height: 1.6;
letter-spacing: .005em;
color: #2a2a2a
}

.contact-us .form-section .detail-value a {
color: #CF9C5A;
text-decoration: none;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.contact-us .form-section .detail-value a:hover {
color: #a67c45;
transform: rotate(-2deg);
transition: all .28s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.contact-us .form-section form {
display: flex;
flex-direction: column;
gap: 24px
}

.contact-us .form-section .field-group {
display: flex;
flex-direction: column;
gap: 12px
}

.contact-us .form-section .field-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
color: #3a3a3a;
font-weight: 600
}

.contact-us .form-section .field-input {
width: 100%;
padding: 18px 24px;
font-size: 18px;
line-height: 1.6;
letter-spacing: .005em;
color: #2a2a2a;
background: #FEFEFD;
border: 2px solid #cf9c5a33;
border-radius: 18px;
transition: all .24s cubic-bezier(0.34, 1.56, 0.64, 1);
outline: none
}

.contact-us .form-section .field-input::placeholder {
color: #cf9c5a59
}

.contact-us .form-section .field-input:focus {
border-color: #CF9C5A;
box-shadow: 0 2px 5px 0 #cf9c5a12 0 0 0 4px #cf9c5a14;
transform: translateY(-2px)
}

.contact-us .form-section .field-input:active {
box-shadow: inset 0 2px 4px #cf9c5a1a;
transform: translateY(0)
}

.contact-us .form-section .field-select {
width: 100%;
padding: 18px 24px;
font-size: 18px;
line-height: 1.6;
letter-spacing: .005em;
color: #2a2a2a;
background: #FEFEFD;
border: 2px solid #cf9c5a33;
border-radius: 18px;
transition: all .24s cubic-bezier(0.34, 1.56, 0.64, 1);
outline: none;
cursor: pointer;
appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="%23CF9C5A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-position: right 24px center;
padding-right: 60px
}

.contact-us .form-section .field-select:focus {
border-color: #CF9C5A;
box-shadow: 0 2px 5px 0 #cf9c5a12 0 0 0 4px #cf9c5a14;
transform: translateY(-2px)
}

.contact-us .form-section .field-select:active {
box-shadow: inset 0 2px 4px #cf9c5a1a;
transform: translateY(0)
}

.contact-us .form-section .field-textarea {
width: 100%;
padding: 18px 24px;
font-size: 18px;
line-height: 1.6;
letter-spacing: .005em;
color: #2a2a2a;
background: #FEFEFD;
border: 2px solid #cf9c5a33;
border-radius: 18px;
transition: all .24s cubic-bezier(0.34, 1.56, 0.64, 1);
outline: none;
resize: vertical;
min-height: 160px
}

.contact-us .form-section .field-textarea::placeholder {
color: #cf9c5a59
}

.contact-us .form-section .field-textarea:focus {
border-color: #CF9C5A;
box-shadow: 0 2px 5px 0 #cf9c5a12 0 0 0 4px #cf9c5a14;
transform: translateY(-2px)
}

.contact-us .form-section .field-textarea:active {
box-shadow: inset 0 2px 4px #cf9c5a1a;
transform: translateY(0)
}

.contact-us .form-section .privacy-consent {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 24px;
background: linear-gradient(67deg, #e2dab30f 0%, #cf9c5a0a 100%);
border-radius: 18px;
border: 1px solid #cf9c5a1f
}

.contact-us .form-section .privacy-consent input[type="checkbox"] {
width: 24px;
height: 24px;
margin-top: 2px;
cursor: pointer;
accent-color: #CF9C5A;
flex-shrink: 0
}

.contact-us .form-section .privacy-consent input[type="checkbox"]:checked {
box-shadow: inset 0 2px 3px #cf9c5a33
}

.contact-us .form-section .privacy-text {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #4a4a4a
}

.contact-us .form-section .privacy-text a {
color: #CF9C5A;
text-decoration: none;
border-bottom: 1px solid #cf9c5a4d;
transition: all .22s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline
}

.contact-us .form-section .privacy-text a:hover {
color: #a67c45;
border-bottom-color: #a67c45;
transform: rotate(-1deg)
}

.contact-us .form-section .submit-button {
padding: 24px 72px;
font-size: 18px;
line-height: 1.4;
letter-spacing: .02em;
color: #fff;
background: #CF9C5A;
border: none;
border-radius: 46px;
cursor: pointer;
transition: all .27s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 6px 25px 0 #cf9c5a1a;
position: relative;
overflow: hidden;
font-weight: 600;
align-self: center
}

.contact-us .form-section .submit-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, transparent 0%, #fff3 50%, transparent 100%);
transition: left .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.contact-us .form-section .submit-button:hover {
background: #a67c45;
transform: translateY(-3px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.contact-us .form-section .submit-button:hover::before {
left: 100%
}

.contact-us .form-section .submit-button:active {
transform: translateY(-1px);
box-shadow: inset 0 3px 6px #cf9c5a4d 0 2px 5px 0 #cf9c5a12
}

.contact-us .form-section .submit-button:focus {
outline: 3px solid #cf9c5a66;
outline-offset: 4px
}

@media (min-width: 768px) {
.contact-us .opening-banner {
padding: 0 36px 72px
}

.contact-us .opening-banner .text-area {
padding: 72px 72px 48px
}

.contact-us .opening-banner .text-area h1 {
font-size: 68px
}

.contact-us .opening-banner .image-area {
height: 360px
}

.contact-us .form-section {
padding: 72px 36px
}

.contact-us .form-section .form-wrapper {
padding: 72px
}

.contact-us .form-section .contact-details {
flex-direction: row;
justify-content: space-between;
padding: 48px
}

.contact-us .form-section .detail-item {
flex: 1
}
}

@media (min-width: 1024px) {
.contact-us .opening-banner .banner-container {
max-width: 820px
}

.contact-us .opening-banner .image-area {
height: 420px
}

.contact-us .form-section .form-wrapper {
max-width: 820px
}
}

.contact-us aside {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
width: 180px;
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #6a6a6a;
padding: 24px;
background: #fefefd99;
border-radius: 18px;
border: 1px solid #cf9c5a1f;
box-shadow: 0 2px 5px 0 #cf9c5a12;
z-index: 10;
display: none
}

@media (min-width: 1440px) {
.contact-us aside {
display: block
}

.contact-us .opening-banner,
.contact-us .form-section {
padding-left: 240px;
padding-right: 240px
}
}

.success-page {
background: linear-gradient(67deg, #E2DAB3 0%, #E2DAB3 8%, #FEFEFD 8%, #FEFEFD 100%);
min-height: 100vh;
padding: 72px 24px
}

.success-page .confirmation-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 36px
}

.success-page .status-visual {
width: 140px;
height: 140px;
background: linear-gradient(135deg, #CF9C5A 0%, #E2DAB3 100%);
border-radius: 46px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 9px 48px 0 #cf9c5a24;
position: relative;
overflow: hidden
}

.success-page .status-visual::before {
content: '';
position: absolute;
width: 60px;
height: 4px;
background: #FEFEFD;
transform: rotate(45deg) translateX(-8px);
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: 6px;
border-radius: 6px
}

.success-page .status-visual::after {
content: '';
position: absolute;
width: 32px;
height: 4px;
background: #FEFEFD;
transform: rotate(-45deg) translateX(8px);
left: 50%;
top: 50%;
margin-left: -46px;
margin-top: 6px;
border-radius: 6px
}

.success-page .message-block {
background: #FEFEFD;
padding: 36px;
border-radius: 18px;
max-width: 680px;
width: 100%;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
text-align: center
}

.success-page .message-block h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #2a2a2a;
margin: 0 0 24px;
text-shadow: 0 2px 4px #cf9c5a1f
}

.success-page .message-block p {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #4a4a4a;
margin: 0 0 12px
}

.success-page .message-block p:last-of-type {
margin-bottom: 0
}

.success-page .details-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
max-width: 680px;
width: 100%
}

.success-page .detail-card {
background: #FEFEFD;
padding: 24px;
border-radius: 18px;
box-shadow: 0 2px 5px 0 #cf9c5a12;
text-align: center
}

.success-page .detail-card h4 {
font-size: 15px;
line-height: 1.4;
letter-spacing: .04em;
color: #CF9C5A;
margin: 0 0 12px;
text-transform: uppercase
}

.success-page .detail-card p {
font-size: 18px;
line-height: 1.6;
letter-spacing: .01em;
color: #4a4a4a;
margin: 0
}

.success-page .action-group {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 420px;
width: 100%
}

.success-page .action-group .button-primary {
background: #CF9C5A;
color: #FEFEFD;
padding: 18px 36px;
border-radius: 18px;
font-size: 18px;
line-height: 1.4;
letter-spacing: .02em;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
box-shadow: 0 6px 25px 0 #cf9c5a1a;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .24s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none;
display: inline-block;
text-align: center
}

.success-page .action-group .button-primary::before {
content: '';
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
background: linear-gradient(135deg, transparent 0%, #fff3 50%, transparent 100%);
transform: translateX(-100%) translateY(-100%);
transition: transform .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.success-page .action-group .button-primary:hover::before {
transform: translateX(0) translateY(0)
}

.success-page .action-group .button-primary:hover {
transform: translateY(-2px);
box-shadow: 0 9px 48px 0 #cf9c5a24
}

.success-page .action-group .button-primary:active {
transform: translateY(0);
box-shadow: 0 2px 5px 0 #cf9c5a12 inset 0 2px 4px #0000001a
}

.success-page .action-group .button-secondary {
background: transparent;
color: #CF9C5A;
padding: 18px 36px;
border-radius: 18px;
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
border: 2px solid #E2DAB3;
cursor: pointer;
transition: background .26s cubic-bezier(0.34, 1.56, 0.64, 1), color .26s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none;
display: inline-block;
text-align: center
}

.success-page .action-group .button-secondary:hover {
background: #E2DAB3;
color: #2a2a2a;
border-color: #E2DAB3
}

.success-page .action-group .button-secondary:active {
box-shadow: inset 0 2px 4px #cf9c5a26
}

@media (min-width: 768px) {
.success-page {
padding: 72px 36px
}

.success-page .status-visual {
width: 180px;
height: 180px
}

.success-page .status-visual::before {
width: 80px;
height: 5px;
margin-left: -40px;
margin-top: 8px
}

.success-page .status-visual::after {
width: 42px;
height: 5px;
margin-left: -60px;
margin-top: 8px
}

.success-page .message-block {
padding: 72px
}

.success-page .details-grid {
grid-template-columns: repeat(2, 1fr)
}

.success-page .action-group {
flex-direction: row;
justify-content: center
}
}

@media (min-width: 1024px) {
.success-page .message-block h1 {
font-size: 68px
}

.success-page .message-block {
padding: 72px
}
}