*,
::before,
::after {
box-sizing: border-box
}

html {
scroll-behavior: auto
}

body {
margin: 0;
padding: 0;
font-family: 'Oxygen', sans-serif;
background: linear-gradient(168deg, #0a0f14 0%, #0d1419 48%, #111821 100%);
color: #f7ddb7eb;
font-size: 16px;
line-height: 1.7;
letter-spacing: .015em;
min-height: 100vh
}

.masthead {
background: linear-gradient(142deg, #10537524 0%, #1053750f 100%);
border-bottom: 1px solid #10537547;
padding: 24px 0;
position: relative
}

.masthead::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f6ad632e 50%, transparent 100%)
}

.masthead .grid {
max-width: 1500px;
margin: 0 auto;
padding: 0 24px
}

.brandzone {
display: flex;
flex-direction: column;
gap: 8px
}

.brandmark {
width: 48px;
height: 48px;
object-fit: contain;
background: #f7ddb70a;
padding: 8px;
border-radius: 1px;
box-shadow: 0 1px 4px -1px #10537514 0 0 0 1px #10537538
}

.tagline {
font-size: 14px;
line-height: 1.2;
letter-spacing: .02em;
color: #f7ddb7ad;
font-family: 'Manrope', sans-serif;
font-weight: 400
}

.navstrip {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: flex-end;
margin-top: 16px
}

.navlink {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 24px;
font-size: 16px;
line-height: 1.2;
letter-spacing: .015em;
color: #f7ddb7db;
text-decoration: none;
font-family: 'Manrope', sans-serif;
font-weight: 400;
background: #10537514;
border-radius: 34px;
border: 1px solid #1053753d;
transition: transform .12s ease-out, background .1s ease-out, border-color .1s ease-out, box-shadow .12s ease-out;
position: relative;
overflow: hidden
}

.navlink::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #f6ad6314 50%, transparent 100%);
transition: left .14s ease-out
}

.navlink:hover {
transform: scale(0.97);
background: #10537524;
border-color: #f6ad635c;
box-shadow: 0 1px 4px -1px #10537514
}

.navlink:hover::before {
left: 100%
}

.navlink:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 3px #1053756b 0 0 0 5px #f6ad6347
}

.navlink.active {
background: linear-gradient(135deg, #10537538 0%, #10537524 100%);
border-color: #f6ad637a;
color: #f7ddb7f5;
box-shadow: 0 1px 4px -1px #10537514 inset 0 1px 2px #f6ad631f
}

.navicon {
width: 16px;
height: 16px;
fill: currentColor;
flex-shrink: 0
}

.basement {
background: linear-gradient(158deg, #10537517 0%, #0a0f14eb 100%);
border-top: 1px solid #10537538;
padding: 48px 0 24px;
margin-top: 48px;
position: relative
}

.basement::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f6ad631f 50%, transparent 100%)
}

.basement .grid {
max-width: 1500px;
margin: 0 auto;
padding: 0 24px
}

.upperzone {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 48px;
margin-bottom: 48px
}

.footbrand {
display: flex;
align-items: center;
gap: 16px
}

.footlogo {
width: 42px;
height: 42px;
object-fit: contain;
background: #f7ddb708;
padding: 8px;
border-radius: 1px;
box-shadow: 0 1px 4px -1px #10537514 0 0 0 1px #1053752e
}

.companyname {
font-size: 16px;
line-height: 1.2;
letter-spacing: .02em;
color: #f7ddb7e0;
font-family: 'Manrope', sans-serif;
font-weight: 700
}

.contactcluster {
display: flex;
flex-direction: column;
gap: 16px
}

.contactlabel {
font-size: 14px;
line-height: 1.2;
letter-spacing: .02em;
color: #f7ddb78a;
font-family: 'Manrope', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 8px
}

.contactitem {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb7c2
}

.contactitem a {
color: #f6ad63e0;
text-decoration: none;
transition: color .1s ease-out
}

.contactitem a:hover {
color: #f6ad63ff
}

.contactitem a:focus {
outline: 2px solid transparent;
outline-offset: 2px;
text-decoration: underline;
text-decoration-color: #f6ad63ad;
text-decoration-thickness: 2px
}

.contacticon {
width: 14px;
height: 14px;
fill: currentColor;
flex-shrink: 0;
margin-top: 2px
}

.footnavcluster {
display: flex;
flex-direction: column;
gap: 16px
}

.footnavlabel {
font-size: 14px;
line-height: 1.2;
letter-spacing: .02em;
color: #f7ddb78a;
font-family: 'Manrope', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 8px
}

.footnavlink {
display: inline-block;
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb7c2;
text-decoration: none;
transition: color .1s ease-out, transform .12s ease-out;
position: relative
}

.footnavlink::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #f6ad63ad;
transition: width .14s ease-out
}

.footnavlink:hover {
color: #f6ad63f5;
transform: translateX(2px)
}

.footnavlink:hover::after {
width: 100%
}

.footnavlink:focus {
outline: 2px solid transparent;
outline-offset: 2px;
color: #f6ad63ff;
text-decoration: underline;
text-decoration-color: #f6ad63ad;
text-decoration-thickness: 2px
}

.lowerzone {
padding-top: 24px;
border-top: 1px solid #1053752e;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 16px
}

.copyright {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb794
}

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

.legallink {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb7ad;
text-decoration: none;
transition: color .1s ease-out
}

.legallink:hover {
color: #f6ad63f5
}

.legallink:focus {
outline: 2px solid transparent;
outline-offset: 2px;
text-decoration: underline;
text-decoration-color: #f6ad63ad;
text-decoration-thickness: 2px
}

.consentpanel {
position: fixed;
top: 24px;
left: 24px;
width: 420px;
max-width: calc(100vw - 48px);
background: linear-gradient(142deg, #1053752e 0%, #0a0f14f5 100%);
border: 1px solid #10537561;
border-radius: 1px;
padding: 24px;
box-shadow: 0 10px 48px -1px #10537521 0 5px 25px -1px #1053751a;
z-index: 2000;
transform: translateY(-120%);
opacity: 0;
transition: transform .32s ease-out, opacity .32s ease-out;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px)
}

.consentpanel.visible {
transform: translateY(0);
opacity: 1
}

.consentdesc {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb7d1;
margin-bottom: 24px
}

.consentactions {
display: flex;
gap: 8px;
margin-bottom: 16px
}

.consentbtn {
flex: 1;
padding: 16px 24px;
font-size: 14px;
line-height: 1.2;
letter-spacing: .015em;
font-family: 'Manrope', sans-serif;
font-weight: 700;
color: #f7ddb7f5;
background: #1053753d;
border: 1px solid #1053756b;
border-radius: 34px;
cursor: pointer;
transition: transform .12s ease-out, background .1s ease-out, border-color .1s ease-out, box-shadow .12s ease-out
}

.consentbtn:hover {
transform: scale(0.97);
background: #10537552;
border-color: #f6ad637a;
box-shadow: 0 1px 4px -1px #10537514
}

.consentbtn:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 3px #1053756b 0 0 0 5px #f6ad6347
}

.consentbtn.primary {
background: linear-gradient(135deg, #1053756b 0%, #10537547 100%);
border-color: #f6ad6385
}

.consentbtn.primary:hover {
background: linear-gradient(135deg, #10537585 0%, #1053755c 100%);
border-color: #f6ad63ad
}

.settingslink {
display: inline-block;
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f6ad63d1;
text-decoration: none;
cursor: pointer;
transition: color .1s ease-out
}

.settingslink:hover {
color: #f6ad63ff;
text-decoration: underline
}

.settingslink:focus {
outline: 2px solid transparent;
outline-offset: 2px;
text-decoration: underline;
text-decoration-color: #f6ad63ad;
text-decoration-thickness: 2px
}

.prefsview {
display: none;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #10537547
}

.prefsview.active {
display: block
}

.prefitem {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px
}

.preflabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #f7ddb7d1
}

.togglewrap {
position: relative;
width: 48px;
height: 24px;
flex-shrink: 0
}

.toggleinput {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.toggletrack {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #1053752e;
border: 1px solid #10537552;
border-radius: 34px;
cursor: pointer;
transition: background .12s ease-out, border-color .1s ease-out
}

.togglethumb {
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
background: #f7ddb7b8;
border-radius: 34px;
transition: transform .12s ease-out, background .1s ease-out;
box-shadow: 0 1px 4px -1px #10537514
}

.toggleinput:checked+.toggletrack {
background: linear-gradient(135deg, #10537561 0%, #10537542 100%);
border-color: #f6ad637a
}

.toggleinput:checked+.toggletrack .togglethumb {
transform: translateX(24px);
background: #f6ad63f5
}

.toggleinput:focus+.toggletrack {
box-shadow: 0 0 0 3px #1053756b 0 0 0 5px #f6ad6347
}

.prefsactions {
display: flex;
gap: 8px;
margin-top: 24px
}

@media (max-width: 1024px) {
.masthead {
padding: 16px 0
}

.navstrip {
margin-top: 24px;
justify-content: flex-start
}

.navlink {
padding: 16px;
font-size: 14px
}

.upperzone {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px
}
}

@media (max-width: 768px) {
.masthead {
padding: 16px 0
}

.masthead .grid {
padding: 0 16px
}

.navstrip {
gap: 8px;
margin-top: 16px
}

.navlink {
padding: 16px;
font-size: 14px;
flex: 1 1 calc(50% - 4px);
justify-content: center
}

.basement {
padding: 24px 0 16px;
margin-top: 24px
}

.basement .grid {
padding: 0 16px
}

.upperzone {
grid-template-columns: 1fr;
gap: 24px;
margin-bottom: 24px
}

.lowerzone {
flex-direction: column;
align-items: flex-start;
padding-top: 16px
}

.legallinks {
flex-direction: column;
gap: 8px
}

.consentpanel {
top: 16px;
left: 16px;
width: calc(100vw - 32px);
max-width: none;
padding: 16px
}

.consentactions {
flex-direction: column
}

.consentbtn {
width: 100%
}
}

@media (max-width: 360px) {
.masthead .grid {
padding: 0 8px
}

.basement .grid {
padding: 0 8px
}

.navlink {
padding: 16px 8px;
font-size: 14px;
flex: 1 1 100%
}

.consentpanel {
top: 8px;
left: 8px;
width: calc(100vw - 16px);
padding: 16px
}
}

.terms-text {
max-width: 1500px;
margin: 0 auto;
padding: 48px 16px;
color: #f7ddb7f2;
background: #0a0d12
}

@media (min-width: 768px) {
.terms-text {
padding: 48px 24px
}
}

@media (min-width: 1024px) {
.terms-text {
padding: 48px
}
}

.terms-text h1 {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0 0 48px;
color: #F7DDB7
}

.terms-text h2 {
font-size: 24px;
line-height: 1.5;
letter-spacing: .01em;
margin: 48px 0 24px;
color: #F7DDB7
}

.terms-text h3 {
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
margin: 24px 0 16px;
color: #f7ddb7e6
}

.terms-text p {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
margin: 0 0 16px
}

.terms-text ul {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
margin: 0 0 16px;
padding: 0 0 0 24px;
list-style-type: disc
}

.terms-text ol {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
margin: 0 0 16px;
padding: 0 0 24px;
list-style-type: decimal
}

.terms-text li {
margin: 0 0 8px;
padding: 0 0 0 8px
}

.terms-text li:last-child {
margin-bottom: 0
}

.terms-text strong,
.terms-text b {
font-weight: 600;
color: #F7DDB7
}

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

.terms-text a {
color: #F6AD63;
text-decoration: none;
border-bottom: 1px solid #f6ad634d;
transition: border-color .12s ease-out, color .12s ease-out
}

.terms-text a:hover {
color: #F7DDB7;
border-bottom-color: #f7ddb780
}

.terms-text table {
width: 100%;
border-collapse: collapse;
margin: 0 0 24px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
background: #10537514;
border: 1px solid #10537533;
border-radius: 1px;
overflow: hidden
}

.terms-text thead {
background: #10537526
}

.terms-text th {
padding: 16px;
text-align: left;
font-weight: 600;
color: #F7DDB7;
border-bottom: 1px solid #10537540
}

.terms-text td {
padding: 16px;
border-bottom: 1px solid #1053751f;
color: #f7ddb7e6
}

.terms-text tbody tr:last-child td {
border-bottom: none
}

.terms-text tbody tr:hover {
background: #1053750f
}

.terms-text div {
margin: 0 0 16px
}

@media (max-width: 767px) {
.terms-text h1 {
font-size: 24px;
margin-bottom: 24px
}

.terms-text h2 {
font-size: 16px;
margin-top: 24px
}

.terms-text table {
font-size: 14px;
display: block;
overflow-x: auto
}

.terms-text th,
.terms-text td {
padding: 8px
}
}

.newspost {
background: #0a0e14;
color: #e8e9eb;
position: relative;
overflow-x: clip
}

.newspost::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(127deg, #1053750a 0%, #f6ad6305 100%);
pointer-events: none;
z-index: 0
}

.newspost * {
box-sizing: border-box
}

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

.newspost button {
cursor: pointer;
border: none;
background: none;
padding: 0;
font-family: inherit
}

.titlezone {
position: relative;
background: linear-gradient(142deg, #f7ddb7f2 0%, #f6ad63eb 100%);
padding: 96px 24px 48px;
z-index: 1
}

.titlezone::after {
content: '';
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
height: 3px;
background: linear-gradient(90deg, #10537599 0%, transparent 100%)
}

.titlecontent {
max-width: 1500px;
margin: 0 auto
}

.maintitle {
font-size: 70px;
line-height: 1.2;
letter-spacing: .01em;
color: #0a0e14;
margin: 0 0 24px;
font-weight: 700
}

.titledesc {
font-size: 24px;
line-height: 1.5;
letter-spacing: .02em;
color: #1a2633;
margin: 0;
max-width: 820px
}

.articlecontent {
position: relative;
max-width: 1500px;
margin: 0 auto;
padding: 48px 24px;
z-index: 1
}

.articlecontent::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f7ddb766 50%, transparent 100%)
}

.articlegrid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start
}

.sidebar {
position: sticky;
top: 24px
}

.sidebarimage {
width: 100%;
height: 420px;
overflow: hidden;
border-radius: 34px;
box-shadow: 0 10px 48px -1px #10537521;
transition: transform .12s ease-out
}

.sidebarimage:hover {
transform: scale(0.97)
}

.sidebarimage img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .15s ease-out
}

.sidebarimage:hover img {
transform: scale(1.08)
}

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

.textpara {
font-size: 16px;
line-height: 1.7;
letter-spacing: .015em;
color: #d4d6d9;
margin: 0
}

.pullquote {
font-size: 24px;
line-height: 1.5;
letter-spacing: .02em;
color: #F7DDB7;
margin: 24px 0;
padding: 24px;
border-left: 4px solid #f6ad6399;
background: linear-gradient(95deg, #10537514 0%, transparent 100%);
font-style: italic
}

.detailszone {
position: relative;
background: linear-gradient(218deg, #1053750f 0%, #0a0e1466 100%);
padding: 48px 24px;
z-index: 1;
overflow: hidden
}

.detailszone::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, #f7ddb703 2px, #f7ddb703 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, #f7ddb703 2px, #f7ddb703 4px);
pointer-events: none;
z-index: 0
}

.detailszone::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at 30% 40%, #f7ddb708 0%, transparent 50%);
animation: fogdrift 24s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes fogdrift {
0% {
transform: translate(0, 0)
}

100% {
transform: translate(10%, 10%)
}
}

.detailscontent {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 1
}

.detailsdivider {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 48px
}

.detailsdivider::before,
.detailsdivider::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f6ad634d 50%, transparent 100%)
}

.detailsnumber {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
color: #f7ddb766;
font-weight: 700
}

.detailsheading {
font-size: 52px;
line-height: 1.2;
letter-spacing: .02em;
color: #F7DDB7;
margin: 0 0 48px;
font-weight: 700
}

.detailsheading::before {
content: '';
display: block;
width: 120px;
height: 4px;
background: linear-gradient(90deg, #f6ad63cc 0%, transparent 100%);
margin: 0 0 16px
}

.inforows {
display: flex;
flex-direction: column;
gap: 16px
}

.inforow {
display: grid;
grid-template-columns: 240px 1fr;
gap: 24px;
padding: 16px 24px;
background: linear-gradient(97deg, #1053751f 0%, #0a0e1499 100%);
border-radius: 1px;
border: 1px dashed #f7ddb726;
transition: transform .1s ease-out, background .12s ease-out
}

.inforow:hover {
transform: scale(0.97);
background: linear-gradient(97deg, #1053752e 0%, #0a0e14b3 100%)
}

.infolabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #F6AD63;
font-weight: 700;
text-transform: uppercase
}

.infovalue {
font-size: 16px;
line-height: 1.7;
letter-spacing: .015em;
color: #e8e9eb
}

.processgrid {
position: relative;
background: #0d1218;
padding: 48px 24px;
z-index: 1
}

.processcontent {
max-width: 1500px;
margin: 0 auto
}

.processdivider {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 48px
}

.processdivider::before,
.processdivider::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #10537566 50%, transparent 100%)
}

.processnumber {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
color: #10537580;
font-weight: 700
}

.processheading {
font-size: 52px;
line-height: 1.2;
letter-spacing: .02em;
color: #F7DDB7;
margin: 0 0 48px;
font-weight: 700
}

.alternatingrows {
display: flex;
flex-direction: column;
gap: 48px
}

.altrow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center
}

.altrow:nth-child(even) {
direction: rtl
}

.altrow:nth-child(even)>* {
direction: ltr
}

.altimage {
width: 100%;
height: 380px;
overflow: hidden;
border-radius: 34px;
box-shadow: 0 5px 25px -1px #1053751a;
transition: transform .11s ease-out
}

.altimage:hover {
transform: scale(0.97)
}

.altimage img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .14s ease-out
}

.altimage:hover img {
transform: scale(1.06)
}

.alttext {
display: flex;
flex-direction: column;
gap: 16px
}

.alttitle {
font-size: 24px;
line-height: 1.2;
letter-spacing: .02em;
color: #F6AD63;
margin: 0;
font-weight: 700
}

.altdesc {
font-size: 16px;
line-height: 1.7;
letter-spacing: .015em;
color: #d4d6d9;
margin: 0
}

.insightszone {
position: relative;
background: linear-gradient(163deg, #0a0e14e6 0%, #10537514 100%);
padding: 48px 24px;
z-index: 1
}

.insightscontent {
max-width: 1500px;
margin: 0 auto
}

.insightsdivider {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 48px
}

.insightsdivider::before,
.insightsdivider::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f7ddb74d 50%, transparent 100%)
}

.insightsnumber {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
color: #f6ad6366;
font-weight: 700
}

.insightsheading {
font-size: 52px;
line-height: 1.2;
letter-spacing: .02em;
color: #F7DDB7;
margin: 0 0 48px;
font-weight: 700
}

.insightsgrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.insightcard {
padding: 24px;
background: linear-gradient(112deg, #10537517 0%, #0a0e1480 100%);
border-radius: 34px;
box-shadow: 0 1px 4px -1px #10537514;
transition: transform .09s ease-out, box-shadow .11s ease-out
}

.insightcard:hover {
transform: scale(0.97);
box-shadow: 0 10px 48px -1px #10537521
}

.insightlabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #F6AD63;
margin: 0 0 8px;
font-weight: 700;
text-transform: uppercase
}

.insighttitle {
font-size: 24px;
line-height: 1.2;
letter-spacing: .02em;
color: #F7DDB7;
margin: 0 0 16px;
font-weight: 700
}

.insighttext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .015em;
color: #d4d6d9;
margin: 0
}

.insightlist {
list-style: none;
padding: 0;
margin: 16px 0 0;
display: flex;
flex-direction: column;
gap: 8px
}

.insightlistitem {
font-size: 14px;
line-height: 1.5;
letter-spacing: .015em;
color: #c8cacd;
padding-left: 24px;
position: relative
}

.insightlistitem::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 0;
height: 0;
border-left: 6px solid #f6ad63b3;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent
}

@media (max-width: 1024px) {
.maintitle {
font-size: 52px
}

.titledesc {
font-size: 16px
}

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

.sidebar {
position: static
}

.sidebarimage {
height: 320px
}

.detailsheading,
.processheading,
.insightsheading {
font-size: 24px
}

.detailsnumber,
.processnumber,
.insightsnumber {
font-size: 24px
}

.inforow {
grid-template-columns: 1fr;
gap: 8px
}

.altrow {
grid-template-columns: 1fr
}

.altrow:nth-child(even) {
direction: ltr
}

.insightsgrid {
grid-template-columns: 1fr
}
}

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

.titlezone::after {
left: 16px;
right: 16px
}

.maintitle {
font-size: 24px
}

.articlecontent,
.detailszone,
.processgrid,
.insightszone {
padding: 24px 16px
}

.pullquote {
font-size: 16px;
padding: 16px
}

.detailsheading,
.processheading,
.insightsheading {
margin: 0 0 24px
}

.detailsdivider,
.processdivider,
.insightsdivider {
margin: 0 0 24px
}

.altimage {
height: 280px
}
}

@media (max-width: 360px) {
.maintitle {
font-size: 24px
}

.titledesc {
font-size: 14px
}

.textpara,
.infovalue,
.altdesc,
.insighttext {
font-size: 14px
}
}

.faqpg {
background: #0a0f14;
color: #e8e8e8;
position: relative;
overflow-x: clip
}

.faqpg::selection {
background: #1053754d;
color: #e8e8e8
}

.faqpg .topzone {
max-width: 1500px;
margin: 0 auto;
padding: 48px 16px;
display: grid;
grid-template-columns: 1fr;
gap: 48px;
position: relative
}

.faqpg .lefthalf {
background: linear-gradient(142deg, #10537526 0%, #0a0f1400 100%), linear-gradient(217deg, #f6ad6314 0%, #0a0f1400 100%);
padding: 48px 24px;
border-radius: 34px;
position: relative;
overflow: hidden
}

.faqpg .lefthalf::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
width: 48px;
height: 48px;
border-top: 2px solid #f7ddb766;
border-left: 2px solid #f7ddb766;
border-radius: 1px
}

.faqpg .lefthalf::after {
content: '';
position: absolute;
bottom: -2px;
right: -2px;
width: 48px;
height: 48px;
border-bottom: 2px solid #f7ddb766;
border-right: 2px solid #f7ddb766;
border-radius: 1px
}

.faqpg .eyebrow {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #f6ad63e6;
margin: 0 0 16px;
text-transform: uppercase
}

.faqpg .maintitle {
font-size: 70px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0;
color: #e8e8e8;
font-weight: 700
}

.faqpg .righthalf {
position: relative;
overflow: hidden;
border-radius: 34px;
box-shadow: 0 10px 48px -1px #10537521
}

.faqpg .heroimg {
width: 100%;
height: 100%;
min-height: 400px;
object-fit: cover;
filter: grayscale(100%) contrast(1.3);
transition: transform .12s ease-out
}

.faqpg .heroimg:hover {
transform: scale(1.05)
}

.faqpg .righthalf::before {
content: '';
position: absolute;
top: -2px;
right: -2px;
width: 64px;
height: 64px;
border-top: 2px solid #10537599;
border-right: 2px solid #10537599;
border-radius: 1px;
z-index: 1
}

.faqpg .righthalf::after {
content: '';
position: absolute;
bottom: -2px;
left: -2px;
width: 64px;
height: 64px;
border-bottom: 2px solid #10537599;
border-left: 2px solid #10537599;
border-radius: 1px;
z-index: 1
}

.faqpg .dividerline {
max-width: 1500px;
margin: 0 auto;
height: 1px;
background: repeating-linear-gradient(90deg, #f7ddb733 0px, #f7ddb733 8px, transparent 8px, transparent 16px, #f7ddb733 16px, #f7ddb733 40px, transparent 40px, transparent 48px)
}

.faqpg .qasection {
max-width: 1500px;
margin: 0 auto;
padding: 48px 16px;
position: relative;
background: linear-gradient(168deg, #1053750d 0%, #0a0f1400 50%, #f6ad630d 100%)
}

.faqpg .qasection::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(142deg, #10537514 0%, transparent 60%), linear-gradient(217deg, #f6ad630f 0%, transparent 60%);
animation: dualshift 18s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes dualshift {
0% {
transform: translate(0, 0)
}

50% {
transform: translate(24px, -16px)
}

100% {
transform: translate(0, 0)
}
}

.faqpg .qasection::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(312deg, #f7ddb70a 0%, transparent 50%), linear-gradient(87deg, #1053750d 0%, transparent 50%);
animation: dualshift2 22s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes dualshift2 {
0% {
transform: translate(0, 0)
}

50% {
transform: translate(-16px, 24px)
}

100% {
transform: translate(0, 0)
}
}

.faqpg .qacontainer {
position: relative;
z-index: 1
}

.faqpg .qagrid {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.faqpg .qacard {
background: #10537514;
border-radius: 34px;
padding: 24px;
position: relative;
transition: transform .1s ease-out, box-shadow .1s ease-out;
box-shadow: 0 5px 25px -1px #1053751a;
overflow: visible
}

.faqpg .qacard:hover {
transform: scale(0.97);
box-shadow: 0 1px 4px -1px #10537514
}

.faqpg .qacard:nth-child(odd) {
background: #f6ad630f
}

.faqpg .qacard:nth-child(1)::before {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 48px 48px 0;
border-color: transparent #f7ddb74d transparent transparent;
border-radius: 1px
}

.faqpg .qacard:nth-child(3)::before {
content: '';
position: absolute;
bottom: -1px;
left: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 48px 0 0 48px;
border-color: transparent transparent transparent #10537566;
border-radius: 1px
}

.faqpg .qacard:nth-child(5)::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 48px 48px 0 0;
border-color: #f6ad6340 transparent transparent;
border-radius: 1px
}

.faqpg .qacard:nth-child(7)::before {
content: '';
position: absolute;
bottom: -1px;
right: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 48px 48px;
border-color: transparent transparent #10537559;
border-radius: 1px
}

.faqpg .question {
font-size: 24px;
line-height: 1.5;
letter-spacing: .01em;
margin: 0 0 16px;
color: #e8e8e8;
font-weight: 700;
display: flex;
align-items: flex-start;
gap: 16px
}

.faqpg .qicon {
width: 32px;
height: 32px;
flex-shrink: 0;
background: #f6ad6333;
border-radius: 34px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px
}

.faqpg .qicon svg {
width: 16px;
height: 16px;
fill: #f7ddb7e6
}

.faqpg .answer {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
margin: 0;
color: #e8e8e8d9;
padding-left: 48px
}

.faqpg .featurelist {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin: 24px 0 0;
padding: 0;
list-style: none
}

.faqpg .featureitem {
display: grid;
grid-template-columns: auto 1fr;
gap: 16px;
align-items: flex-start;
padding: 16px;
background: #0a0f1466;
border-radius: 34px;
transition: transform .08s linear
}

.faqpg .featureitem:hover {
transform: scale(0.97)
}

.faqpg .featureitem:nth-child(even) {
grid-template-columns: 1fr auto
}

.faqpg .featureitem:nth-child(even) .featureicon {
order: 2
}

.faqpg .featureitem:nth-child(even) .featuretext {
order: 1;
text-align: right
}

.faqpg .featureicon {
width: 40px;
height: 40px;
background: #1053754d;
border-radius: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.faqpg .featureicon svg {
width: 20px;
height: 20px;
fill: #f7ddb7e6
}

.faqpg .featuretext {
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
color: #e8e8e8e6;
margin: 0;
padding-top: 8px
}

.faqpg .curveline {
position: absolute;
top: 24px;
right: -48px;
width: 120px;
height: 120px;
border: 2px solid #f7ddb726;
border-radius: 34px;
border-right: none;
border-bottom: none;
transform: rotate(45deg);
pointer-events: none;
z-index: -1
}

.faqpg .qacard:nth-child(2) .curveline {
top: auto;
bottom: 24px;
right: auto;
left: -48px;
transform: rotate(-135deg);
border-color: #10537533
}

.faqpg .qacard:nth-child(4) .curveline {
top: 24px;
right: -48px;
transform: rotate(45deg);
border-color: #f6ad632e
}

.faqpg .qacard:nth-child(6) .curveline {
top: auto;
bottom: 24px;
right: auto;
left: -48px;
transform: rotate(-135deg);
border-color: #f7ddb71f
}

@media (min-width: 768px) {
.faqpg .topzone {
grid-template-columns: 1fr 1fr;
padding: 48px 24px
}

.faqpg .maintitle {
font-size: 52px
}

.faqpg .qagrid {
grid-template-columns: 1fr 1fr
}

.faqpg .featurelist {
grid-template-columns: 1fr 1fr
}

.faqpg .qasection {
padding: 48px 24px
}
}

@media (min-width: 1024px) {
.faqpg .topzone {
padding: 48px 24px
}

.faqpg .maintitle {
font-size: 70px
}

.faqpg .qasection {
padding: 48px 24px
}
}

@media (min-width: 1440px) {
.faqpg .topzone {
padding: 48px 24px
}

.faqpg .qasection {
padding: 48px 24px
}
}

.contactpg {
background: #0a0f14;
color: #e8e6e3;
margin: 0;
padding: 0;
max-width: 100%;
overflow-x: clip
}

.contactpg * {
box-sizing: border-box
}

.contactpg .reachout {
position: relative;
padding: 48px 16px;
background: radial-gradient(ellipse at center, #1053752e 0%, #0a0f14f2 68%);
overflow: hidden
}

.contactpg .reachout::before {
content: '';
position: absolute;
top: -120px;
left: 20%;
width: 340px;
height: 340px;
background: radial-gradient(circle, #f6ad631c 0%, transparent 70%);
border-radius: 50%;
filter: blur(48px);
pointer-events: none;
animation: floatpulse 7.2s ease-in-out infinite
}

.contactpg .reachout::after {
content: '';
position: absolute;
bottom: -80px;
right: 15%;
width: 280px;
height: 280px;
background: radial-gradient(circle, #f7ddb717 0%, transparent 70%);
border-radius: 50%;
filter: blur(52px);
pointer-events: none;
animation: floatpulse 8.4s ease-in-out infinite reverse
}

@keyframes floatpulse {

0%,
100% {
transform: translateY(0) scale(1);
opacity: .8
}

50% {
transform: translateY(-24px) scale(1.08);
opacity: 1
}
}

.contactpg .reachout .boxwrap {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 2
}

.contactpg .reachout .overtag {
font-size: 14px;
letter-spacing: .02em;
line-height: 1.5;
color: #F6AD63;
margin: 0 0 16px;
text-transform: uppercase;
font-weight: 600;
opacity: 0;
animation: scalein .72s cubic-bezier(0.34, 1.56, 0.64, 1) .15s forwards
}

@keyframes scalein {
from {
opacity: 0;
transform: scale(0.9)
}

to {
opacity: 1;
transform: scale(1)
}
}

.contactpg .reachout .bigtitle {
font-size: 70px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0 0 24px;
font-weight: 700;
color: #F7DDB7;
opacity: 0;
animation: scalein .82s cubic-bezier(0.34, 1.56, 0.64, 1) .28s forwards
}

.contactpg .reachout .subdesc {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
color: #e8e6e3d1;
margin: 0 0 48px;
max-width: 680px;
opacity: 0;
animation: scalein .92s cubic-bezier(0.34, 1.56, 0.64, 1) .42s forwards
}

.contactpg .reachout .imageholder {
margin: 0 auto;
max-width: 920px;
border-radius: 34px;
overflow: hidden;
position: relative;
box-shadow: 0 10px 48px -1px #10537521;
opacity: 0;
animation: scalein 1.02s cubic-bezier(0.34, 1.56, 0.64, 1) .56s forwards
}

.contactpg .reachout .imageholder::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to top, #0a0f14e0 0%, transparent 100%);
pointer-events: none;
z-index: 1
}

.contactpg .reachout .imageholder img {
width: 100%;
height: auto;
display: block;
transition: transform .12s ease-out
}

.contactpg .reachout .imageholder:hover img {
transform: scale(1.04)
}

.contactpg .formarea {
position: relative;
padding: 48px 16px;
background: linear-gradient(147deg, #105375f2 0%, #0a0f14fa 100%);
overflow: hidden
}

.contactpg .formarea::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 1
}

.contactpg .formarea .formwrap {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 2
}

.contactpg .formarea .gridlayout {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
align-items: start
}

.contactpg .formarea .leftinfo {
opacity: 0;
animation: scalein .88s cubic-bezier(0.34, 1.56, 0.64, 1) .2s forwards
}

.contactpg .formarea .leftinfo .sectionhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0 0 24px;
font-weight: 700;
color: #F7DDB7
}

.contactpg .formarea .leftinfo .sectiontext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .01em;
color: #e8e6e3c7;
margin: 0 0 48px
}

.contactpg .formarea .leftinfo .contactdetails {
display: flex;
flex-direction: column;
gap: 24px
}

.contactpg .formarea .leftinfo .detailitem {
display: flex;
align-items: flex-start;
gap: 16px
}

.contactpg .formarea .leftinfo .detailitem .iconbox {
width: 48px;
height: 48px;
background: #f6ad6324;
border-radius: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 5px 25px -1px #f6ad631a;
transition: transform .11s ease-out, box-shadow .11s ease-out
}

.contactpg .formarea .leftinfo .detailitem .iconbox:hover {
transform: scale(0.97);
box-shadow: 0 1px 4px -1px #f6ad6314
}

.contactpg .formarea .leftinfo .detailitem .iconbox svg {
width: 24px;
height: 24px;
fill: #F6AD63
}

.contactpg .formarea .leftinfo .detailitem .textpart {
flex: 1
}

.contactpg .formarea .leftinfo .detailitem .textpart .label {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #e8e6e394;
margin: 0 0 8px;
text-transform: uppercase;
font-weight: 600
}

.contactpg .formarea .leftinfo .detailitem .textpart .value {
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
color: #e8e6e3;
margin: 0
}

.contactpg .formarea .leftinfo .detailitem .textpart .value a {
color: #F7DDB7;
text-decoration: none;
transition: color .09s linear
}

.contactpg .formarea .leftinfo .detailitem .textpart .value a:hover {
color: #F6AD63;
transform: rotate(-1.2deg);
display: inline-block
}

.contactpg .formarea .rightform {
opacity: 0;
animation: scalein .98s cubic-bezier(0.34, 1.56, 0.64, 1) .35s forwards
}

.contactpg .formarea .rightform form {
background: #f7ddb70a;
padding: 48px;
border-radius: 34px;
box-shadow: 0 10px 48px -1px #10537521;
border: 1px solid #f7ddb714
}

.contactpg .formarea .rightform .formrow {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin: 0 0 24px
}

.contactpg .formarea .rightform .formrow.double {
grid-template-columns: 1fr 1fr
}

.contactpg .formarea .rightform .fieldgroup {
display: flex;
flex-direction: column;
gap: 8px
}

.contactpg .formarea .rightform .fieldgroup label {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #F7DDB7;
font-weight: 600
}

.contactpg .formarea .rightform .fieldgroup input,
.contactpg .formarea .rightform .fieldgroup select {
width: 100%;
padding: 16px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
color: #e8e6e3;
background: #0a0f149e;
border: 1px solid #f7ddb71f;
border-radius: 1px;
transition: border-color .1s ease-out, box-shadow .1s ease-out, background .1s ease-out;
box-shadow: inset 0 1px 4px -1px #10537514
}

.contactpg .formarea .rightform .fieldgroup input::placeholder {
color: #e8e6e385;
font-style: italic;
opacity: 1
}

.contactpg .formarea .rightform .fieldgroup input:focus,
.contactpg .formarea .rightform .fieldgroup select:focus {
outline: none;
border-color: #F6AD63;
background: #0a0f14d1;
box-shadow: inset 0 1px 4px -1px #f6ad6314 0 0 0 3px #f6ad631f
}

.contactpg .formarea .rightform .fieldgroup select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23F7DDB7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 12px;
padding-right: 48px;
cursor: pointer
}

.contactpg .formarea .rightform .consentbox {
display: flex;
align-items: flex-start;
gap: 16px;
margin: 24px 0;
padding: 16px;
background: #f6ad630f;
border-radius: 1px;
border: 1px solid #f6ad6324
}

.contactpg .formarea .rightform .consentbox input[type="checkbox"] {
width: 20px;
height: 20px;
margin: 4px 0 0;
cursor: pointer;
flex-shrink: 0;
accent-color: #F6AD63
}

.contactpg .formarea .rightform .consentbox label {
font-size: 14px;
line-height: 1.7;
letter-spacing: .01em;
color: #e8e6e3e0;
cursor: pointer
}

.contactpg .formarea .rightform .consentbox label a {
color: #F6AD63;
text-decoration: none !important;
transition: color .09s linear
}

.contactpg .formarea .rightform .consentbox label a:hover {
color: #F7DDB7
}

.contactpg .formarea .rightform .submitbtn {
width: 100%;
padding: 16px 24px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
font-weight: 600;
color: #0a0f14;
background: #F6AD63;
border: none;
border-radius: 34px;
cursor: pointer;
transition: transform .1s ease-out, box-shadow .1s ease-out, background .1s ease-out;
box-shadow: 0 5px 25px -1px #f6ad631a;
position: relative;
overflow: hidden
}

.contactpg .formarea .rightform .submitbtn:hover {
transform: scale(0.97);
background: #F7DDB7;
box-shadow: 0 1px 4px -1px #f6ad6314
}

.contactpg .formarea .rightform .submitbtn:active {
transform: scale(0.94)
}

.contactpg .formarea .rightform .submitbtn::after {
content: '→';
margin-left: 8px;
transition: transform .1s ease-out;
display: inline-block
}

.contactpg .formarea .rightform .submitbtn:hover::after {
transform: translateX(4px)
}

.contactpg .formarea .geoshape {
position: absolute;
top: 15%;
right: 8%;
width: 180px;
height: 180px;
border: 2px solid #f6ad632e;
border-radius: 50%;
pointer-events: none;
animation: slowpulse 6.4s ease-in-out infinite
}

.contactpg .formarea .geoshape::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 120%;
border: 2px solid #f7ddb71f;
border-radius: 50%;
transform: translate(-50%, -50%);
animation: slowpulse 7.8s ease-in-out infinite reverse
}

@keyframes slowpulse {

0%,
100% {
transform: scale(1);
opacity: .6
}

50% {
transform: scale(1.12);
opacity: 1
}
}

.contactpg .wavedivider {
position: relative;
height: 80px;
background: #0a0f14;
overflow: hidden
}

.contactpg .wavedivider svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

@media (min-width: 768px) {
.contactpg .reachout {
padding: 48px 24px
}

.contactpg .reachout .bigtitle {
font-size: 70px
}

.contactpg .formarea {
padding: 48px 24px
}

.contactpg .formarea .gridlayout {
grid-template-columns: 1fr 1.2fr;
gap: 48px
}

.contactpg .formarea .rightform form {
padding: 48px
}

.contactpg .formarea .rightform .formrow.double {
grid-template-columns: 1fr 1fr
}
}

@media (min-width: 1024px) {
.contactpg .reachout {
padding: 48px
}

.contactpg .formarea {
padding: 48px
}
}

@media (min-width: 1440px) {
.contactpg .reachout {
padding: 48px
}

.contactpg .formarea {
padding: 48px
}
}

@media (max-width: 767px) {
.contactpg .reachout .bigtitle {
font-size: 52px
}

.contactpg .formarea .leftinfo .sectionhead {
font-size: 52px
}

.contactpg .formarea .rightform form {
padding: 24px
}

.contactpg .formarea .rightform .formrow.double {
grid-template-columns: 1fr
}
}

@media (max-width: 359px) {
.contactpg .reachout .bigtitle {
font-size: 24px
}

.contactpg .formarea .leftinfo .sectionhead {
font-size: 24px
}
}

.aboutcimnold {
background: #0a0d12;
color: #e8e9eb;
overflow-x: clip
}

.aboutcimnold .intro {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 24px;
background: linear-gradient(127deg, #10537517 0%, #0a0d1200 68%), linear-gradient(289deg, #f6ad630f 0%, #0a0d1200 71%)
}

.aboutcimnold .intro::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 8"><path d="M0 4 Q 150 0,300 4 T 600 4 T 900 4 T 1200 4" stroke="%23105375" stroke-width="2" fill="none" opacity="0.3"/></svg>') repeat-x;
background-size: 1200px 8px
}

.aboutcimnold .introleft {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.aboutcimnold .introleft::before {
content: '';
width: 48px;
height: 1px;
background: linear-gradient(90deg, #f7ddb799 0%, transparent 100%)
}

.aboutcimnold .introleft::after {
content: '';
width: 1px;
height: 48px;
background: linear-gradient(180deg, #f7ddb799 0%, transparent 100%);
position: absolute;
top: 48px;
left: 16px
}

.aboutcimnold .introhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
color: #f7ddb7;
margin: 0
}

.aboutcimnold .introdesc {
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
color: #e8e9ebd9;
margin: 0
}

.aboutcimnold .introright {
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
border-radius: 34px
}

.aboutcimnold .intropic {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .12s ease-out
}

.aboutcimnold .introright:hover .intropic {
transform: scale(1.06)
}

.aboutcimnold .introright::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #105375b3 0%, transparent 100%);
pointer-events: none
}

.aboutcimnold .story {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: radial-gradient(ellipse at 30% 40%, #1053751c 0%, #0a0d1200 60%)
}

.aboutcimnold .storyinner {
display: flex;
flex-direction: column;
gap: 48px
}

.aboutcimnold .storydivide {
width: 100%;
height: 4px;
margin: 0 0 24px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 6"><path d="M0 3 C 120 1,180 5,300 3 S 480 1,600 3 S 780 5,900 3 S 1080 1,1200 3 L 1400 3" stroke="%23F6AD63" stroke-width="3" fill="none" opacity="0.25" stroke-linecap="round"/></svg>') no-repeat center;
background-size: 100% 6px
}

.aboutcimnold .storytop {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: start
}

.aboutcimnold .storyleftcol {
display: flex;
flex-direction: column;
gap: 24px
}

.aboutcimnold .storyhead {
font-size: 24px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f6ad63;
margin: 0
}

.aboutcimnold .storypara {
font-size: 16px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebe0;
margin: 0
}

.aboutcimnold .storyrightcol {
position: relative;
padding: 24px;
border-radius: 34px;
background: #10537514;
box-shadow: 0 5px 25px -1px #1053751a
}

.aboutcimnold .pullquote {
font-size: 24px;
line-height: 1.5;
letter-spacing: .02em;
font-weight: 700;
color: #f7ddb7;
margin: 0;
font-style: italic
}

.aboutcimnold .storybottom {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.aboutcimnold .storybox {
position: relative;
padding: 24px;
border-radius: 34px;
background: #f6ad630f;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 1px 4px -1px #f6ad6314;
transition: transform .1s ease-out
}

.aboutcimnold .storybox:hover {
transform: scale(0.97)
}

.aboutcimnold .storyboxhead {
font-size: 16px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f6ad63;
margin: 0
}

.aboutcimnold .storyboxtext {
font-size: 14px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebd1;
margin: 0
}

.aboutcimnold .team {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: linear-gradient(214deg, #f7ddb712 0%, #0a0d1200 58%), linear-gradient(42deg, #10537517 0%, #0a0d1200 64%)
}

.aboutcimnold .team::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1300 7"><path d="M0 3.5 Q 80 1,160 3.5 T 320 3.5 T 480 3.5 T 640 3.5 T 800 3.5 T 960 3.5 T 1120 3.5 T 1280 3.5 L 1300 3.5" stroke="%23F7DDB7" stroke-width="2.5" fill="none" opacity="0.2"/></svg>') repeat-x;
background-size: 1300px 7px
}

.aboutcimnold .teamwrap {
display: flex;
flex-direction: column;
gap: 48px
}

.aboutcimnold .teamhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
color: #f7ddb7;
margin: 0
}

.aboutcimnold .teamgrid {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.aboutcimnold .teamcard {
position: relative;
padding: 24px;
border-radius: 34px;
background: #10537512;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 5px 25px -1px #1053751a;
transition: transform .11s ease-out;
opacity: 0;
animation: teamreveal .14s ease-out forwards
}

.aboutcimnold .teamcard:nth-child(1) {
animation-delay: .08s
}

.aboutcimnold .teamcard:nth-child(2) {
animation-delay: .16s
}

.aboutcimnold .teamcard:nth-child(3) {
animation-delay: .24s
}

.aboutcimnold .teamcard:hover {
transform: scale(0.97)
}

@keyframes teamreveal {
from {
opacity: 0;
transform: translateY(16px)
}

to {
opacity: 1;
transform: translateY(0)
}
}

.aboutcimnold .teamcardtop {
display: flex;
align-items: center;
gap: 16px
}

.aboutcimnold .teamphoto {
width: 64px;
height: 64px;
border-radius: 34px;
background: #f7ddb71f;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
color: #f6ad63;
flex-shrink: 0
}

.aboutcimnold .teaminfo {
display: flex;
flex-direction: column;
gap: 8px
}

.aboutcimnold .teamname {
font-size: 16px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f7ddb7;
margin: 0
}

.aboutcimnold .teamrole {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #f6ad63d9;
margin: 0
}

.aboutcimnold .teambio {
font-size: 14px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebcc;
margin: 0
}

.aboutcimnold .values {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: radial-gradient(ellipse at 70% 50%, #f6ad6317 0%, #0a0d1200 65%)
}

.aboutcimnold .valueswrap {
display: flex;
flex-direction: column;
gap: 48px
}

.aboutcimnold .valueshead {
font-size: 24px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f6ad63;
margin: 0
}

.aboutcimnold .valueslist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 24px
}

.aboutcimnold .valueitem {
position: relative;
padding-left: 32px;
font-size: 16px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebd9
}

.aboutcimnold .valueitem::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #f7ddb7b3
}

.aboutcimnold .stats {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: linear-gradient(158deg, #10537514 0%, #0a0d1200 72%), linear-gradient(312deg, #f6ad630d 0%, #0a0d1200 68%)
}

.aboutcimnold .stats::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 6"><path d="M0 3 C 90 1,140 5,230 3 S 360 1,450 3 S 580 5,670 3 S 800 1,890 3 L 1100 3" stroke="%23F6AD63" stroke-width="2" fill="none" opacity="0.22" stroke-linecap="round"/></svg>') repeat-x;
background-size: 1100px 6px
}

.aboutcimnold .statsgrid {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.aboutcimnold .statbox {
position: relative;
padding: 24px;
border-radius: 34px;
background: #f7ddb70d;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
box-shadow: 0 1px 4px -1px #f7ddb714;
transition: transform .09s linear
}

.aboutcimnold .statbox:hover {
transform: scale(0.97)
}

.aboutcimnold .statshape {
width: 96px;
height: 96px;
border: 3px solid #f7ddb766;
border-radius: 34px;
display: flex;
align-items: center;
justify-content: center;
font-size: 52px;
line-height: 1;
letter-spacing: .01em;
font-weight: 700;
color: #f7ddb7
}

.aboutcimnold .statlabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #e8e9ebbf;
text-align: center;
margin: 0
}

.aboutcimnold .approach {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: radial-gradient(ellipse at 40% 60%, #1053751a 0%, #0a0d1200 58%)
}

.aboutcimnold .approachwrap {
display: flex;
flex-direction: column;
gap: 24px
}

.aboutcimnold .approachhead {
font-size: 24px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f6ad63;
margin: 0
}

.aboutcimnold .approachcontent {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.aboutcimnold .approachleft {
display: flex;
flex-direction: column;
gap: 16px
}

.aboutcimnold .approachpara {
font-size: 16px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebdb;
margin: 0
}

.aboutcimnold .approachright {
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
border-radius: 34px
}

.aboutcimnold .approachpic {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .15;
transition: transform .13s ease-out
}

.aboutcimnold .approachright:hover .approachpic {
transform: scale(1.08)
}

.aboutcimnold .contact {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: linear-gradient(228deg, #f7ddb70f 0%, #0a0d1200 61%), linear-gradient(68deg, #10537514 0%, #0a0d1200 59%)
}

.aboutcimnold .contactwrap {
display: flex;
flex-direction: column;
gap: 24px;
align-items: start
}

.aboutcimnold .contacthead {
font-size: 24px;
line-height: 1.2;
letter-spacing: .015em;
font-weight: 700;
color: #f7ddb7;
margin: 0
}

.aboutcimnold .contacttext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .02em;
color: #e8e9ebd6;
margin: 0
}

.aboutcimnold .contactlink {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
color: #f6ad63;
text-decoration: none;
transition: transform .1s ease-out
}

.aboutcimnold .contactlink:hover {
transform: rotate(-2deg) scale(0.97)
}

.aboutcimnold .contactlink::after {
content: '→';
font-size: 16px;
color: #f6ad63
}

.aboutcimnold .visual {
position: relative;
padding: 48px 16px;
max-width: 1500px;
margin: 0 auto;
background: radial-gradient(ellipse at 55% 45%, #f6ad6314 0%, #0a0d1200 62%)
}

.aboutcimnold .visualinner {
position: relative;
width: 100%;
height: 320px;
overflow: hidden;
border-radius: 34px;
box-shadow: 0 10px 48px -1px #10537521
}

.aboutcimnold .visualpic {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .18;
transition: transform .15s linear
}

.aboutcimnold .visualinner:hover .visualpic {
transform: scale(1.07)
}

@media (min-width: 768px) {
.aboutcimnold .intro {
flex-direction: row;
padding: 48px 24px
}

.aboutcimnold .introleft {
flex: 0 0 55%
}

.aboutcimnold .introright {
flex: 0 0 42%;
height: 360px
}

.aboutcimnold .story {
padding: 48px 24px
}

.aboutcimnold .storytop {
grid-template-columns: 1fr 1fr
}

.aboutcimnold .storybottom {
grid-template-columns: repeat(2, 1fr)
}

.aboutcimnold .team {
padding: 48px 24px
}

.aboutcimnold .teamgrid {
grid-template-columns: repeat(2, 1fr)
}

.aboutcimnold .values {
padding: 48px 24px
}

.aboutcimnold .stats {
padding: 48px 24px
}

.aboutcimnold .statsgrid {
grid-template-columns: repeat(3, 1fr)
}

.aboutcimnold .approach {
padding: 48px 24px
}

.aboutcimnold .approachcontent {
grid-template-columns: 1fr 1fr
}

.aboutcimnold .approachright {
height: 100%
}

.aboutcimnold .contact {
padding: 48px 24px
}

.aboutcimnold .visual {
padding: 48px 24px
}

.aboutcimnold .visualinner {
height: 420px
}
}

@media (min-width: 1024px) {
.aboutcimnold .intro {
padding: 48px
}

.aboutcimnold .introhead {
font-size: 70px
}

.aboutcimnold .story {
padding: 48px
}

.aboutcimnold .storybottom {
grid-template-columns: repeat(3, 1fr)
}

.aboutcimnold .team {
padding: 48px
}

.aboutcimnold .teamhead {
font-size: 70px
}

.aboutcimnold .teamgrid {
grid-template-columns: repeat(3, 1fr)
}

.aboutcimnold .values {
padding: 48px
}

.aboutcimnold .stats {
padding: 48px
}

.aboutcimnold .approach {
padding: 48px
}

.aboutcimnold .contact {
padding: 48px
}

.aboutcimnold .visual {
padding: 48px
}

.aboutcimnold .visualinner {
height: 480px
}
}

@media (min-width: 1440px) {
.aboutcimnold .introright {
height: 400px
}
}

.prime {
background: #0a0e14;
color: #e8e9eb;
overflow-x: clip
}

.prime * {
box-sizing: border-box
}

.prime ::selection {
background: #10537559;
color: #fff
}

.prime .contain {
max-width: 1500px;
margin: 0 auto;
padding: 0 16px
}

.prime .titlezone {
background: #0d1117;
padding: 48px 0;
position: relative
}

.prime .titlezone::before {
content: '';
position: absolute;
top: 24px;
left: 8%;
width: 4px;
height: 4px;
background: #f7ddb71f;
border-radius: 50%;
box-shadow: 120px 60px 0 #f7ddb714 280px 30px 0 #f7ddb726 450px 80px 0 #f7ddb71a 640px 45px 0 #f7ddb721 820px 70px 0 #f7ddb717 1050px 35px 0 #f7ddb71c 1200px 90px 0 #f7ddb724
}

.prime .titlewrap {
max-width: 1500px;
margin: 0 auto;
padding: 0 16px
}

.prime .maintitle {
font-size: 70px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 24px;
font-weight: 700;
color: #f7f8fa
}

.prime .subtitletext {
font-size: 24px;
line-height: 1.5;
letter-spacing: .012em;
margin: 0;
color: #f7ddb7d9;
max-width: 820px
}

.prime .relationsec {
background: linear-gradient(168deg, #0f1419 0%, #12181f 100%);
padding: 48px 0;
position: relative
}

.prime .relationsec::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: #1053754d
}

.prime .relationgrid {
display: flex;
flex-direction: column;
gap: 24px
}

.prime .relationleft {
flex: 1
}

.prime .relationright {
flex: 1
}

.prime .relationhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .018em;
margin: 0 0 24px;
font-weight: 700;
color: #f9fafb
}

.prime .relationtext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .011em;
margin: 0 0 16px;
color: #f7ddb7c7
}

.prime .relationtext:last-child {
margin-bottom: 0
}

.prime .relationimg {
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 34px;
transition: transform .12s ease-out;
box-shadow: 0 5px 25px -1px #1053751a
}

.prime .relationimg:hover {
transform: scale(1.03)
}

.prime .proofsec {
background: #0e1318;
padding: 48px 0;
position: relative
}

.prime .proofcontent {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
align-items: center
}

.prime .prooftextside {
order: 2
}

.prime .proofimgside {
order: 1
}

.prime .proofhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .016em;
margin: 0 0 24px;
font-weight: 700;
color: #fafbfc
}

.prime .proofbody {
font-size: 16px;
line-height: 1.7;
letter-spacing: .012em;
margin: 0;
color: #f6ad63d1
}

.prime .proofvisual {
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 34px;
box-shadow: 0 10px 48px -1px #10537521;
transition: transform .1s linear
}

.prime .proofvisual:hover {
transform: scale(1.03)
}

.prime .problemsec {
background: linear-gradient(192deg, #0a0f15 0%, #0d1218 100%);
padding: 48px 0;
position: relative
}

.prime .problemsec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #f6ad6340
}

.prime .problemlayout {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.prime .problemleft {
display: flex;
flex-direction: column;
gap: 16px
}

.prime .problemright {
display: flex;
flex-direction: column;
gap: 16px
}

.prime .problemtitle {
font-size: 52px;
line-height: 1.2;
letter-spacing: .017em;
margin: 0 0 24px;
font-weight: 700;
color: #f8f9fa
}

.prime .problemdesc {
font-size: 16px;
line-height: 1.7;
letter-spacing: .013em;
margin: 0;
color: #f7ddb7cc
}

.prime .problemcard {
background: #10537514;
padding: 24px;
border-radius: 34px;
border: 1px solid #10537526;
transition: transform .09s ease-out;
box-shadow: 0 1px 4px -1px #10537514
}

.prime .problemcard:hover {
transform: scale(0.97)
}

.prime .cardtitle {
font-size: 24px;
line-height: 1.5;
letter-spacing: .014em;
margin: 0 0 8px;
font-weight: 700;
color: #f6ad63
}

.prime .cardtext {
font-size: 14px;
line-height: 1.7;
letter-spacing: .011em;
margin: 0;
color: #e8e9ebbf
}

.prime .diffsec {
background: #0c1116;
padding: 48px 0;
position: relative
}

.prime .diffwrap {
display: flex;
flex-direction: column;
gap: 48px
}

.prime .difftop {
text-align: center
}

.prime .diffheading {
font-size: 52px;
line-height: 1.2;
letter-spacing: .019em;
margin: 0 0 16px;
font-weight: 700;
color: #fafbfd
}

.prime .diffintro {
font-size: 16px;
line-height: 1.5;
letter-spacing: .012em;
margin: 0;
color: #f7ddb7c4;
max-width: 740px;
margin-left: auto;
margin-right: auto
}

.prime .diffgrid {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.prime .diffitem {
background: #f6ad630f;
padding: 24px;
border-radius: 34px;
border-left: 0;
position: relative;
overflow: hidden;
transition: transform .11s ease-out;
box-shadow: 0 5px 25px -1px #f6ad631a
}

.prime .diffitem:hover {
transform: scale(0.97)
}

.prime .diffitem::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(174deg, #10537599 0%, #f6ad6366 100%)
}

.prime .diffitemtitle {
font-size: 24px;
line-height: 1.5;
letter-spacing: .015em;
margin: 0 0 8px;
font-weight: 700;
color: #f7ddb7;
padding-left: 16px
}

.prime .diffitemtext {
font-size: 14px;
line-height: 1.7;
letter-spacing: .011em;
margin: 0;
color: #e8e9ebba;
padding-left: 16px
}

.prime .limitsec {
background: linear-gradient(186deg, #0b1015 0%, #0e141a 100%);
padding: 48px 0;
position: relative
}

.prime .limitsec::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: #10537547
}

.prime .limitcontent {
max-width: 920px;
margin: 0 auto
}

.prime .limittitle {
font-size: 52px;
line-height: 1.2;
letter-spacing: .016em;
margin: 0 0 24px;
font-weight: 700;
color: #f9fafb;
text-align: center
}

.prime .limitlist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.prime .limititem {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #10537512;
border-radius: 34px;
transition: transform .1s ease-out;
box-shadow: 0 1px 4px -1px #10537514
}

.prime .limititem:hover {
transform: scale(0.97)
}

.prime .limiticon {
width: 48px;
height: 48px;
border-radius: 50%;
background: #f6ad6326;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative
}

.prime .limiticon::before {
content: '';
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border: 2px solid #10537540;
border-radius: 50%
}

.prime .limiticon svg {
width: 24px;
height: 24px;
fill: #f6ad63
}

.prime .limittext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .012em;
margin: 0;
color: #f7ddb7c9;
padding-top: 8px
}

.prime .teamsec {
background: #0d1218;
padding: 48px 0;
position: relative
}

.prime .teamstructure {
display: flex;
flex-direction: column;
gap: 48px
}

.prime .teamintrosec {
max-width: 840px;
margin: 0 auto;
text-align: center
}

.prime .teamtitle {
font-size: 52px;
line-height: 1.2;
letter-spacing: .018em;
margin: 0 0 24px;
font-weight: 700;
color: #fafbfc
}

.prime .teamintrotext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .012em;
margin: 0;
color: #f7ddb7cf
}

.prime .membersrow {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
animation: cascadeScale 1.2s ease-out forwards
}

@keyframes cascadeScale {
0% {
opacity: 0
}

100% {
opacity: 1
}
}

.prime .memberbox {
background: #f6ad630d;
padding: 24px;
border-radius: 34px;
display: flex;
flex-direction: column;
gap: 16px;
transition: transform .13s ease-out;
box-shadow: 0 5px 25px -1px #1053751a;
animation: memberAppear .8s ease-out backwards
}

.prime .memberbox:nth-child(1) {
animation-delay: .1s
}

.prime .memberbox:nth-child(2) {
animation-delay: .25s
}

.prime .memberbox:nth-child(3) {
animation-delay: .4s
}

@keyframes memberAppear {
0% {
opacity: 0;
transform: scale(0.85)
}

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

.prime .memberbox:hover {
transform: scale(0.97)
}

.prime .membername {
font-size: 24px;
line-height: 1.5;
letter-spacing: .014em;
margin: 0;
font-weight: 700;
color: #f6ad63
}

.prime .memberrole {
font-size: 14px;
line-height: 1.5;
letter-spacing: .011em;
margin: 0;
color: #f7ddb7a6;
font-style: italic
}

.prime .memberbio {
font-size: 14px;
line-height: 1.7;
letter-spacing: .011em;
margin: 0;
color: #e8e9ebc2
}

@media (min-width: 768px) {
.prime .contain {
padding: 0 24px
}

.prime .titlewrap {
padding: 0 24px
}

.prime .titlezone {
padding: 48px 0
}

.prime .maintitle {
font-size: 70px
}

.prime .subtitletext {
font-size: 24px
}

.prime .relationgrid {
flex-direction: row;
gap: 48px
}

.prime .relationimg {
height: 480px
}

.prime .proofcontent {
grid-template-columns: 1fr 1fr
}

.prime .prooftextside {
order: 1
}

.prime .proofimgside {
order: 2
}

.prime .problemlayout {
grid-template-columns: 1fr 1fr;
gap: 48px
}

.prime .diffgrid {
grid-template-columns: 1fr 1fr
}

.prime .membersrow {
grid-template-columns: repeat(3, 1fr)
}
}

@media (min-width: 1024px) {
.prime .contain {
padding: 0 48px
}

.prime .titlewrap {
padding: 0 48px
}

.prime .relationimg {
height: 520px
}

.prime .proofvisual {
height: 540px
}
}

@media (min-width: 1440px) {
.prime .relationimg {
height: 560px
}

.prime .proofvisual {
height: 600px
}
}

@media (max-width: 767px) {
.prime .maintitle {
font-size: 52px
}

.prime .subtitletext {
font-size: 16px
}

.prime .relationhead,
.prime .proofhead,
.prime .problemtitle,
.prime .diffheading,
.prime .limittitle,
.prime .teamtitle {
font-size: 24px
}
}

@media (max-width: 359px) {
.prime .maintitle {
font-size: 24px
}
}

.successpage {
background: linear-gradient(162deg, #10537508 0%, #f6ad6305 100%), linear-gradient(207deg, #f7ddb705 0%, #1053750a 100%), #0a0c0e;
min-height: 100vh;
padding: 48px 16px;
display: flex;
align-items: center;
justify-content: center
}

.successpage .confirmwrapper {
max-width: 680px;
width: 100%;
background: linear-gradient(143deg, #10537514 0%, #f6ad630a 100%);
border: 1px solid #f7ddb71f;
border-radius: 34px;
padding: 48px 24px;
text-align: center;
box-shadow: 0 10px 48px -1px #10537521
}

.successpage .iconmark {
width: 88px;
height: 88px;
margin: 0 auto 24px;
border-radius: 34px;
background: linear-gradient(135deg, #1053752e 0%, #f6ad631f 100%);
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.successpage .iconmark svg {
width: 44px;
height: 44px;
stroke: #F7DDB7;
fill: none;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round
}

.successpage .primaryhead {
font-size: 52px;
line-height: 1.2;
letter-spacing: .01em;
color: #F7DDB7;
margin: 0 0 16px;
font-weight: 700
}

.successpage .desctext {
font-size: 16px;
line-height: 1.7;
letter-spacing: .02em;
color: #f7ddb7d1;
margin: 0 0 24px
}

.successpage .detailbox {
background: #1053750f;
border: 1px solid #f7ddb714;
border-radius: 1px;
padding: 24px;
margin: 0 0 24px;
text-align: left
}

.successpage .detailbox .infolabel {
font-size: 14px;
line-height: 1.5;
letter-spacing: .02em;
color: #f7ddb794;
margin: 0 0 8px;
text-transform: uppercase
}

.successpage .detailbox .infovalue {
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
color: #F7DDB7;
margin: 0
}

.successpage .detailbox .infovalue:not(:last-child) {
margin: 0 0 16px
}

.successpage .actionrow {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap
}

.successpage .actionrow .btnhome {
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
color: #0a0c0e;
background: linear-gradient(127deg, #F6AD63 0%, #F7DDB7 100%);
border: none;
border-radius: 34px;
padding: 16px 48px;
cursor: pointer;
text-decoration: none;
display: inline-block;
box-shadow: 0 5px 25px -1px #f6ad631a;
transition: transform .12s ease-out, box-shadow .12s ease-out;
font-weight: 600
}

.successpage .actionrow .btnhome:hover {
transform: scale(0.97);
box-shadow: 0 1px 4px -1px #f6ad6314
}

.successpage .actionrow .btncontact {
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
color: #F7DDB7;
background: transparent;
border: 1px solid #f7ddb73d;
border-radius: 34px;
padding: 16px 48px;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: transform .12s ease-out, border-color .12s ease-out
}

.successpage .actionrow .btncontact:hover {
transform: scale(0.97);
border-color: #f7ddb76b
}

.successpage .footnote {
font-size: 14px;
line-height: 1.7;
letter-spacing: .02em;
color: #f7ddb77a;
margin: 24px 0 0
}

@media (max-width: 768px) {
.successpage {
padding: 24px 16px
}

.successpage .confirmwrapper {
padding: 48px 16px
}

.successpage .primaryhead {
font-size: 24px
}

.successpage .actionrow {
flex-direction: column
}

.successpage .actionrow .btnhome,
.successpage .actionrow .btncontact {
width: 100%
}
}