/* 12 Days Return: premium polish layer (loaded last). Remove the <link> in index.html to revert. */
:root{
  --p-bg:#060606; --p-bg2:#0d0d0d; --p-card:rgba(255,255,255,.035); --p-line:rgba(234,181,38,.16);
  --p-gold:#EAB526; --p-gold2:#FFD76A; --p-text:#f2efe6; --p-muted:#a9a59a;
  --p-shadow:0 18px 50px -18px rgba(0,0,0,.8);
}
html{scroll-behavior:smooth}
body{background:var(--p-bg);color:var(--p-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--p-gold);color:#111}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}
::-webkit-scrollbar-thumb{background:linear-gradient(#EAB526,#8a6310);border-radius:8px}


/* ---- Unified dark sections ---- */
section:not(.hero-section):not(.mt5-section):not(.broker-section):not(.payment-card-section){background-color:var(--p-bg)!important}
#grow{background:linear-gradient(180deg,#0b0b0b,#14110a 55%,#0b0b0b)!important}
section:nth-of-type(even):not(.hero-section):not(.broker-section){background-color:var(--p-bg2)!important}
section h1,section h2,section h3,section h4,section h5,
section h3 a,.w-text{color:var(--p-text)!important}
section p,section .text,.g-text,section li{color:var(--p-muted)!important}
.dream-dots .gradient-text,.dream-dots span{background:linear-gradient(90deg,#FFD76A,#EAB526 60%,#B27A10);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600;font-size:13px}
.section-heading h2{font-weight:700;letter-spacing:-.01em;position:relative;padding-bottom:18px}
.section-heading h2::after{content:"";display:block;width:64px;height:3px;margin:16px auto 0;border-radius:3px;background:linear-gradient(90deg,#FFD76A,#B27A10)}
.section-heading:not(.text-center) h2::after{margin-left:0}

/* ---- Cards ---- */
.services-block-four .inner-box,.services-block-four.v4 .inner-box,.numbers-box,.single-team-member,.cert-card,.account-card,.card,
.single-feature,.team-member{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;
  border:1px solid var(--p-line)!important;border-radius:18px!important;box-shadow:var(--p-shadow);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.services-block-four .inner-box:hover,.numbers-box:hover,.single-team-member:hover,.cert-card:hover,.account-card:hover{
  transform:translateY(-6px);border-color:rgba(234,181,38,.5)!important;box-shadow:0 26px 60px -20px rgba(234,181,38,.25)}
.services-block-four.v4:after{display:none}
.icon-img-box img,.icon-icon img{filter:drop-shadow(0 6px 14px rgba(234,181,38,.25))}

/* ---- Buttons ---- */
.btn,.dream-btn,.btn-register,a.btn{border-radius:12px!important;letter-spacing:.06em;font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover,.dream-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(234,181,38,.55);filter:brightness(1.06)}

/* ---- Images & media ---- */
.phone-img,.image-box img,.cert-thumb img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.65))}
.cert-thumb img{border-radius:14px;border:1px solid var(--p-line)}

/* ---- Tables / lists ---- */
table{color:var(--p-text)}
table tr{border-color:rgba(255,255,255,.06)!important}

/* ---- Footer ---- */
.footer-area{background:#050505!important;border-top:1px solid var(--p-line)}
.footer-area a{color:var(--p-muted);transition:color .25s}
.footer-area a:hover{color:var(--p-gold2)}

/* ---- Motion: gentle reveal for sections ---- */
@media (prefers-reduced-motion:no-preference){
  .services-block-four,.numbers-box{animation:p-rise .8s cubic-bezier(.2,.7,.2,1) both}
  @keyframes p-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
@media (max-width:767px){
  .section-heading h2{font-size:26px;line-height:1.25}
  .services-block-four .inner-box{border-radius:14px!important}
}

/* ======= Header (desktop): one clean row, no wrapping, no boxed links =======
   NOTE: no backdrop-filter on .header-area: it would trap the fixed mobile off-canvas menu. */
.header-area{background:linear-gradient(180deg,rgba(6,6,6,.96),rgba(6,6,6,.88))!important;
  border-bottom:1px solid rgba(234,181,38,.22)!important;box-shadow:0 10px 34px -16px rgba(0,0,0,.9)}
.header-area.sticky{background:rgba(6,6,6,.97)!important}
@media (min-width:992px){
  .classy-navbar{flex-wrap:nowrap!important;align-items:center}
  .classy-navbar .classy-menu{display:flex!important;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;
    background:transparent!important;border:0!important;box-shadow:none!important}
  .classynav{display:flex;align-items:center;justify-content:flex-end;width:100%;background:transparent!important}
  .classynav>ul{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;background:transparent!important}
  .classynav>ul>li{background:transparent!important;border:0!important;float:none}
  .classynav>ul>li>a{display:block;white-space:nowrap;height:84px;line-height:84px;padding:0 15px!important;
    font-size:13.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#e9e6dc!important;
    background:transparent!important;border:0!important;position:relative;transition:color .25s}
  .classynav>ul>li>a::after{content:"";position:absolute;left:15px;right:15px;bottom:24px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,#B27A10,#FFD76A);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
  .classynav>ul>li>a:hover,.classynav>ul>li.active>a{color:#FFD76A!important}
  .classynav>ul>li>a:hover::after,.classynav>ul>li.active>a::after{transform:scaleX(1)}
  #nav li.active>a::after{left:15px;right:15px;bottom:24px}
  .nav-auth-btns{margin-left:26px!important;gap:12px;flex:0 0 auto}
  .nav-auth-btns .login-btn{height:42px;line-height:40px!important;padding:0 24px!important;font-size:12.5px;font-weight:600;
    letter-spacing:.1em;text-transform:uppercase;border-radius:10px!important;box-shadow:none;transform:none}
  .nav-auth-btns .login-btn.outline{border:1px solid rgba(234,181,38,.45)!important;color:#f2efe6!important}
  .nav-auth-btns .login-btn:not(.outline){border:0!important;box-shadow:0 8px 22px -8px rgba(234,181,38,.6)}
  .nav-auth-btns .login-btn:hover{transform:translateY(-1px)}
}
@media (min-width:992px) and (max-width:1199px){
  .classynav>ul>li>a{padding:0 10px!important;font-size:12.5px;letter-spacing:.06em}
  .nav-auth-btns{margin-left:12px!important}.nav-auth-btns .login-btn{padding:0 16px!important}
}

/* ======================= Redesign layer ======================= */
body{font-size:16px;line-height:1.7}
.container{max-width:1200px}
section.section-padding-100,.section-padding-100{padding-top:110px;padding-bottom:110px}
.section-padding-100-70{padding-top:110px;padding-bottom:80px}
.section-padding-0-100{padding-bottom:100px}

/* Hero */
.hero-section{position:relative;padding-top:150px;padding-bottom:70px;
  background:radial-gradient(900px 520px at 78% 30%,rgba(234,181,38,.16),transparent 62%),
             radial-gradient(700px 420px at 8% 90%,rgba(178,122,16,.12),transparent 60%),#060606!important}
.hero-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 75%)}
.hero-section .container{position:relative;z-index:1}
.special-head{font-size:13px!important;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:18px;
  display:inline-block;padding:8px 16px;border:1px solid var(--p-line);border-radius:999px;background:rgba(234,181,38,.06)}
.hero-section h1{font-size:clamp(34px,4.6vw,58px)!important;line-height:1.12!important;font-weight:600;letter-spacing:-.02em}
.hero-section h1 b{font-weight:700}
.hero-section .gradient-text.bolder{font-weight:700}
.hero-section .welcome-content>p,.hero-section p.g-text{font-size:17px;max-width:560px;margin:22px 0 34px;color:#b9b5a8!important}
.dream-btn-group{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.more-btn.pink,.btn.more-btn.pink{padding:0 34px;height:54px;line-height:52px;border-radius:14px!important;font-weight:700;letter-spacing:.05em;
  background:linear-gradient(135deg,#FFD76A,#EAB526 55%,#B27A10)!important;color:#0a0a0a!important;border:0!important;
  box-shadow:0 16px 36px -14px rgba(234,181,38,.7)}
.hero-visual{filter:drop-shadow(0 40px 70px rgba(234,181,38,.12))}

/* Trust strip */
.dr-stats{position:relative;z-index:2;margin-top:-1px;background:linear-gradient(180deg,#0a0a0a,#0d0d0d)!important;
  border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.dr-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.dr-stat{text-align:center;padding:34px 12px;position:relative}
.dr-stat+.dr-stat::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:var(--p-line)}
.dr-stat b{display:block;font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;line-height:1.1;
  background:linear-gradient(135deg,#FFD76A,#EAB526 60%,#B27A10);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dr-stat span{display:block;margin-top:6px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--p-muted)}
@media(max-width:767px){
  .hero-section{padding-top:112px}
  .dr-stats-grid{grid-template-columns:repeat(2,1fr)}
  .dr-stat{padding:24px 8px}.dr-stat b{font-size:26px}
  .dr-stat:nth-child(3)::before{display:none}
  section.section-padding-100,.section-padding-100{padding-top:70px;padding-bottom:70px}
}

/* Section rhythm: soft gold divider between sections */
section+section{border-top:1px solid rgba(255,255,255,.04)}
.section-heading{margin-bottom:54px}
.section-heading p{max-width:680px;margin-left:auto;margin-right:auto;font-size:16.5px}

/* Numbers / stats */
.numbers-box{padding:30px 22px;margin-bottom:24px!important}
.numbers-box h2{font-size:44px;font-weight:700;background:linear-gradient(135deg,#FFD76A,#EAB526);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important}

/* Feature cards: tighter, icon left */
.services-block-four.v4{margin-bottom:22px}
.services-block-four .inner-box{padding:26px 28px}
.services-block-four h3{font-size:21px;font-weight:600}

/* Links & focus */
a{transition:color .2s}
:focus-visible{outline:2px solid var(--p-gold);outline-offset:3px;border-radius:6px}

/* Scroll-to-top */
#scrollUp,.scrollup{background:linear-gradient(135deg,#FFD76A,#B27A10)!important;color:#111!important;border-radius:12px!important}

/* ---- Fixes after visual check ---- */
.special-head.gradient-text{background:rgba(234,181,38,.07)!important;-webkit-text-fill-color:#FFD76A!important;color:#FFD76A!important;
  font-size:12.5px!important;line-height:1.4!important;padding:9px 18px;margin-top:0!important}
.hero-section .gradient-text.bolder{background:linear-gradient(90deg,#FFD76A,#EAB526);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important;font-size:inherit!important;letter-spacing:inherit!important;text-transform:none!important;display:inline}
.hero-section{padding-top:128px}
.hc-wm{animation:none!important;opacity:.06!important}
.dr-stats .dr-stat{background:transparent!important;box-shadow:none!important;border-radius:0!important;border:0!important;margin:0!important}
@media(min-width:992px){
  .classy-navbar .nav-brand{margin-right:28px}
  .classynav>ul>li>a{padding:0 12px!important;font-size:13px;letter-spacing:.07em}
}
.special-head::before,.special-head::after{display:none!important}

/* ======= Light legacy components -> dark premium (found in visual check) ======= */
.striples-bg,.ico-about-bg{background-image:none!important}
.card-dark,.api-box,.steps .item_single_content,.token-info,.main-timeline .timeline-content,.who-we-contant.new{
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;
  border:1px solid var(--p-line)!important;box-shadow:var(--p-shadow)!important;border-radius:18px;color:var(--p-muted)!important}
.api-box:before,.api-box.v2:before,.api-box:after{display:none!important}
.api-box{padding:34px!important}
.api-box h3{color:var(--p-text)!important;font-size:24px}
.api-box p{color:var(--p-muted)!important}
.api-box img{max-height:120px;width:auto}
/* "Global Crypto Markets" box: purple frame -> gold */
.who-we-contant.new{border:1px solid var(--p-line)!important;border-left:3px solid var(--p-gold)!important;border-radius:18px;padding:44px 52px!important;margin-right:0!important}
/* step cards (pink) */
.steps .item_single_content{padding:34px 26px 30px!important;margin-bottom:30px!important;overflow:visible}
.steps .item_single_content h6{color:var(--p-gold2)!important;letter-spacing:.06em}
.steps .item_single_content p{color:var(--p-muted)!important}
.steps .service_icon{background:#14110a!important;border:1px solid var(--p-line);box-shadow:0 10px 30px -10px rgba(234,181,38,.35)!important}
.steps .item_single_content.specialitem{background:linear-gradient(145deg,rgba(234,181,38,.14),rgba(234,181,38,.03))!important;border-color:rgba(234,181,38,.45)!important}
.steps .box-wrapper1{background:transparent!important}
/* market opportunities purple panel */
.ico-counter,.ico-counter .counter-down{background:linear-gradient(145deg,#1b1608,#0d0b06)!important;border:1px solid var(--p-line)!important;border-radius:20px;box-shadow:var(--p-shadow)}
.ico-counter .ico-progress .title,.ico-counter .ico-progress .strength,.ico-counter li{color:var(--p-text)!important}
.current-progress{background:rgba(255,255,255,.12)!important;border-radius:8px}
.progress-bar.has-gradient{background:linear-gradient(90deg,#B27A10,#FFD76A)!important}
/* token info list */
.token-info{padding:14px 18px;margin-bottom:16px;border-left:3px solid var(--p-gold)!important}
.token-info .info-wrapper{background:transparent!important}
.token-info h5,.token-descr h5{color:var(--p-text)!important}
.token-descr{color:var(--p-muted)!important}
.token-icon{color:var(--p-gold2)!important}
/* legend + coverage list */
.foot-c-info,.side-feature-list-item{color:#d9d5c8!important}
.side-feature-list-item .foot-c-info{font-size:16px}
/* roadmap */
.main-timeline .timeline-content{padding:22px 26px!important}
.main-timeline .timeline-content .title{color:var(--p-text)!important}
.main-timeline .timeline-content .description{color:var(--p-muted)!important}
.main-timeline .timeline-content:before,.main-timeline .timeline-content:after{border-color:transparent!important}
.main-timeline .timeline-icon,.main-timeline .timeline:before{box-shadow:none}
/* numbers boxes should keep text readable */
.numbers-box p,.numbers-box .g-text{color:var(--p-muted)!important;font-size:14.5px;line-height:1.65}
.globe-text h3{font-size:30px;line-height:1.3}
/* hero: SOL card overlapped the BTC change figure */
.hero-visual{padding-top:10px}
/* image tidy-up */
.icon-icon,.icon-img-box{flex:0 0 auto}
.services-block-four.transparent .inner-box{padding-left:112px!important;min-height:118px}
.services-block-four.transparent .icon-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%)}

/* ---- round 2 fixes ---- */
.who-we-contant.new::before,.who-we-contant.new::after{display:none!important}
.about-us-area .section-padding-0-70{display:flex;flex-wrap:wrap;width:100%;margin:0}
.about-us-area .section-padding-0-70>[class*=col-]{flex:0 0 50%;max-width:50%;display:flex;padding:0 15px}
.about-us-area .services-block-four{width:100%;display:flex}
.about-us-area .services-block-four .inner-box{width:100%}
@media(max-width:767px){.about-us-area .section-padding-0-70>[class*=col-]{flex:0 0 100%;max-width:100%}}
.steps .item_single_content{padding-top:96px!important;margin-top:56px}
.steps .service_icon{top:-50px!important}
.token-info{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.token-info .info-wrapper{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;
  border:1px solid var(--p-line)!important;border-radius:14px;box-shadow:none!important}
.token-info .info-wrapper .token-icon{color:rgba(255,255,255,.12)!important}
.ico-counter .counter-down{border:0!important;box-shadow:none!important;background:transparent!important}
.ico-counter .counter-down .content{padding:34px 30px!important;background:transparent!important}
.ico-counter .conuter-header h3{margin-bottom:26px}

/* ---- round 3 ---- */
.steps .row.align-items-center{align-items:stretch!important}
.steps .row>[class*=col-]{display:flex}
.steps .box-wrapper1{display:flex;width:100%}
.steps .item_single_content{padding-top:34px!important;margin:0 0 24px!important;width:100%;display:flex;flex-direction:column;align-items:center;
  margin-left:12px!important;margin-right:12px!important;width:calc(100% - 24px)}
.steps .service_icon{position:static!important;top:auto!important;margin:0 auto 22px!important;transform:none!important}
.steps .item_single_content.mb-100{margin-bottom:24px!important}

/* ---- roadmap: brand colours ---- */
section.roadmap{background:radial-gradient(900px 500px at 50% 0%,rgba(234,181,38,.10),transparent 60%),#070707!important}
.main-timeline .timeline .year{background:linear-gradient(135deg,#FFD76A,#EAB526 55%,#B27A10)!important;color:#111!important;font-weight:700;letter-spacing:.08em}
.main-timeline .timeline .year:before,.main-timeline .timeline .year:after{display:none!important}
.main-timeline .timeline-icon{background:#EAB526!important;box-shadow:0 0 0 6px rgba(234,181,38,.18)!important}
.main-timeline:before,.main-timeline .timeline:before{background:rgba(234,181,38,.45)!important}
.main-timeline .timeline-content{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;backdrop-filter:none}
.main-timeline .timeline-icon{border-color:rgba(234,181,38,.35)!important}

/* ---- mobile overflow fixes ---- */
html,body{max-width:100%;overflow-x:hidden}
.special-head{white-space:normal!important;max-width:100%;letter-spacing:.14em!important;line-height:1.5!important}
.hero-section,.hero-section-content{overflow-x:clip}
@media(max-width:767px){
  .hero-section h1{font-size:34px!important}
  .special-head{font-size:11px!important;padding:8px 14px}
  .hero-visual{margin:0 -4px}
  .dream-btn-group{gap:10px}
}