/* Moniex modular stylesheet — generated from the original cascade. */
@media(max-width:1000px){.live-activity{top:96px !important;right:3% !important}}
@media(max-width:720px){.live-activity{top:88px !important;right:12px !important;left:auto !important;width:180px !important;transform:scale(.86)!important;transform-origin:top right !important}}
.moniex-world-clock{position:absolute;top:110px;left:4%;right:auto;width:190px;box-sizing:border-box;padding:13px 15px 14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(9,18,31,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.22);z-index:20;direction:rtl}
.moniex-world-clock-head{display:flex;align-items:center;gap:7px;color:#b8c9dc;font-size:10px;margin-bottom:10px;font-family:Peyda,Manrope,sans-serif}
.moniex-world-clock-dot{width:6px;height:6px;border-radius:50%;background:#49d98b;box-shadow:0 0 12px rgba(73,217,139,.8);flex:0 0 auto}
.moniex-clock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:rtl}
.moniex-clock-place{color:#8fa4bb;font:500 10px/1.4 Peyda,Manrope,sans-serif}
.moniex-clock-time{color:#fff;font:800 15px/1.2 Manrope,Peyda,sans-serif;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.moniex-clock-sep{height:1px;background:rgba(255,255,255,.07);margin:8px 0}
@media(max-width:1000px)and(min-width:721px){.moniex-world-clock{top:96px;left:3%;transform:scale(.92);transform-origin:top left}}
@media(max-width:720px){.moniex-world-clock{display:none !important}}
.eur-title{display:inline-flex;align-items:center;gap:7px}
.eu-flag{width:28px;height:19px;display:inline-block;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 2px 8px rgba(255,255,255,.22)}
.eur-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;direction:rtl}
.eur-source-box{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 13px;background:rgba(255,255,255,.02)}
.eur-source-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:12px}
.eur-source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.eur-source-row small{color:#7f91a8;font-size:10px}
.eur-source-row strong{font-size:14px;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.eur-source-row .buy{color:#22c55e}
.eur-source-row .sell{color:#ef4444}
.eur-source-row .live{color:#fff}
.eur-unit{font-size:10px;color:#6f8198;margin-right:4px}
.eur-source-status{margin-top:9px;font-size:9px;color:#60738b;min-height:13px}
.eur-source-status.ok{color:#49d98b}
.eur-source-status.err{color:#ef6b6b}
.eur-source-status.stale{color:#f1b95e}
@media(max-width:720px){.eur-source-grid{gap:8px}.eur-source-box{padding:12px 9px}.eur-source-row strong{font-size:12px}.eur-source-name{font-size:12px}}
.rates-desktop-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;direction:ltr;align-items:stretch;width:100%;max-width:1040px;margin:0 auto}
.rates-mobile-preserved{display:none!important}
.live-rate-card{direction:rtl;min-width:0;border:1px solid rgba(73,144,255,.20);border-radius:24px;padding:22px 22px 16px;background:linear-gradient(145deg,rgba(13,35,82,.96),rgba(5,18,47,.97));box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.live-rate-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.live-rate-brand{display:flex;align-items:center;gap:8px;font-weight:900;color:#fff;font-size:17px}
.live-dot{width:9px;height:9px;border-radius:50%;background:#45f09b;box-shadow:0 0 14px rgba(69,240,155,.75);flex:0 0 auto}
.live-rate-source{font-size:10px;color:#7891b5;border:1px solid rgba(255,255,255,.08);padding:6px 9px;border-radius:999px;white-space:nowrap}
.live-rate-main{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.live-rate-label{font-size:11px;color:#7891b5;margin-bottom:7px}
.live-rate-main strong{font-size:30px;line-height:1;letter-spacing:.2px;color:#fff;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.live-rate-unit,.live-rate-main strong .eur-unit{font-size:11px;color:#849bc0;margin-right:6px;white-space:nowrap}
.live-rate-change{font-size:10px;color:#45f09b;white-space:nowrap;padding-bottom:3px}
.live-rate-chart{height:108px;margin:18px -6px 8px;opacity:.95}
.live-rate-chart svg{width:100%;height:100%;display:block}
.chart-line{fill:none;stroke:#28a9ff;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(40,169,255,.55))}
.chart-fill{display:none !important}
.chart-point{fill:#fff;stroke:#28a9ff;stroke-width:4}
.live-rate-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.live-rate-values>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);min-width:0}
.live-rate-values span{font-size:10px;color:#7087aa;white-space:nowrap}
.live-rate-values strong{font-size:14px;color:#fff;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.live-rate-status{min-height:16px;margin-top:11px;font-size:9px;color:#607a9e}
.live-rate-status.ok{color:#49d98b}
.live-rate-status.err{color:#ef6b6b}
.live-rate-status.stale{color:#f1b95e}
@media(max-width:1000px)and(min-width:721px){.rates-desktop-two-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px} .live-rate-card{border-radius:20px;padding:18px 17px 14px} .live-rate-card-head{margin-bottom:16px} .live-rate-brand{font-size:15px} .live-rate-main strong{font-size:25px} .live-rate-chart{height:92px;margin-top:15px} .live-rate-values{gap:8px} .live-rate-values>div{padding:9px 8px} .live-rate-values span{font-size:9px} .live-rate-values strong{font-size:13px}}
@media(max-width:720px){.rates-desktop-two-cards{grid-template-columns:1fr;gap:12px;width:100%;max-width:none} .live-rate-card{border-radius:18px;padding:16px 14px 13px} .live-rate-card-head{margin-bottom:15px} .live-rate-brand{font-size:14px} .live-rate-source{font-size:9px;padding:5px 8px} .live-rate-main{gap:10px} .live-rate-label{font-size:10px;margin-bottom:6px} .live-rate-main strong{font-size:24px} .live-rate-unit,.live-rate-main strong .eur-unit{font-size:10px;margin-right:4px} .live-rate-change{font-size:9px} .live-rate-chart{height:90px;margin:13px -4px 7px} .live-rate-values{gap:7px} .live-rate-values>div{padding:8px 8px;border-radius:11px} .live-rate-values span{font-size:9px} .live-rate-values strong{font-size:12px} .live-rate-status{margin-top:8px;font-size:8px}}
html,body,main,section,.hero,.rates-section,.calc-section{background-color:transparent !important}
body{background:radial-gradient(ellipse 900px 500px at 50% 100%,rgba(47,230,196,0.10),transparent 70%),var(--bg-0,var(--bg))!important}
.hero{background:transparent !important}
@media(max-width:720px){.hero{min-height:850px;height:auto;overflow:hidden} #globe-canvas{transform:none !important;height:100% !important} .stats{position:relative;z-index:4}}
@media(max-width:720px){.hero{min-height:850px !important;height:auto !important;overflow:visible !important;padding-top:0 !important} #globe-canvas{transform:none !important;height:100% !important} .hero-content{position:absolute !important;top:70px !important;left:0 !important;right:0 !important;width:100% !important;padding-top:8px !important;margin:0 !important;transform:none !important} .hero h1{font-size:30px !important;line-height:1.28 !important;max-width:330px !important;margin:0 auto 10px !important;letter-spacing:-.015em !important} .hero p{font-size:13px !important;line-height:1.9 !important;max-width:330px !important;margin:0 auto 16px !important} .hero-ctas{gap:9px !important;margin-bottom:0 !important;flex-wrap:wrap} .hero-ctas .btn{padding:11px 16px !important;font-size:13px !important} .moniex-social-rail{top:315px !important;transform:none !important} .live-activity{top:auto !important;bottom:-66px !important;left:12px !important;right:12px !important;width:auto !important;min-height:54px !important;padding:10px 13px !important;border-radius:14px !important;transform:none !important;transform-origin:center !important;display:grid !important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px} .live-head{margin:0 !important;white-space:nowrap} .live-pair{justify-content:center;min-width:0} .live-amount{margin:0 !important;font-size:13px !important;white-space:nowrap} .live-status{grid-column:1 / -1;margin:0 !important;text-align:center;font-size:8.5px !important} .stats{position:relative;z-index:4;padding-top:82px !important}}
@media(max-width:720px){.moniex-social-rail{position:absolute !important;top:850px !important;left:0 !important;transform:none !important;z-index:95 !important}}
@media(max-width:720px){.moniex-social-rail{position:fixed !important;top:55% !important;left:0 !important;transform:translateY(-50%)!important;z-index:95 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .22s ease,visibility .22s ease !important} body.moniex-body-reached .moniex-social-rail{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}}
.rates-section svg path[fill]:not([fill="none"]),.rates-section svg polygon[fill]:not([fill="none"]),.rates-section svg rect[fill]:not([fill="none"]),.rates-section svg .area,.rates-section svg .chart-area,.rates-section svg .chart-fill,.rates-section svg .fill,.rates-section svg [class*="fill"]{fill:none !important;opacity:0 !important}
.rates-section svg path[fill="none"]{opacity:1 !important}
@media(max-width:720px){.hero-content{padding-top:125px !important}}
.hero h1{color:#fff !important}
.hero h1 span{color:#fff !important}
.hero h1 .euro-word{color:#28a9ff !important}
.hero h1 .rial-word{color:#EBBA41 !important}
.btn.btn-ghost{border-color:#EBBA41 !important}
#about{padding-top:62px !important;padding-bottom:62px !important}
@media(max-width:720px){#about{padding-top:42px !important;padding-bottom:46px !important}}
section{padding-top:72px;padding-bottom:72px}
.section-head{margin-bottom:34px}
.stats{padding:0 0 58px}
.rates-section{padding:0 0 58px}
.about-grid{gap:46px}
.about-character{min-height:390px}
.about-copy p{margin-bottom:12px}
.about-points{gap:9px;margin-top:18px}
.feature-grid{gap:16px}
.how-list{gap:16px}
.final-cta{padding-top:30px}
.cta-box{padding:42px;gap:24px}
.faq-q{padding:17px 0}



@media(max-width:720px){section{padding-top:52px;padding-bottom:52px} .section-head{margin-bottom:24px} .stats{padding-bottom:38px} .rates-section{padding-bottom:38px} .about-grid{gap:20px} .about-character{min-height:270px} .character-img{width:290px} .about-copy p{margin-bottom:10px} .about-points{gap:7px;margin-top:14px} .point{gap:8px} .feature-grid{gap:12px} .how-list{gap:12px} .final-cta{padding-top:22px} .cta-box{padding:28px 20px;gap:18px;border-radius:22px} .faq-q{padding:14px 0} .faq-item.open .faq-a{padding-bottom:16px}   }
.services-carousel{position:relative;width:100%;overflow:visible;contain:layout style}
.services-carousel .service-slide{contain:layout paint}
.services-viewport{overflow:visible;width:100%;direction:ltr;padding:48px 2px 8px}
.services-carousel .cards{display:flex;gap:16px;align-items:stretch;width:max-content;grid-template-columns:none;will-change:transform;transition:transform .58s cubic-bezier(.22,.61,.36,1);direction:ltr;overflow:visible;padding:0 0 34px}
.services-carousel .service-slide{flex:0 0 calc((min(100%,1180px)- 32px)/ 3);width:calc((min(100%,1180px)- 32px)/ 3);min-height:245px;box-sizing:border-box;position:relative}
.services-arrows{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:6px;direction:ltr}
.services-arrow{width:54px;height:54px;border-radius:50%;border:1px solid rgba(117,207,255,.20);background:rgba(22,136,255,.08);color:#d9efff;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.services-arrow:hover{transform:translateY(-2px);background:rgba(22,136,255,.16);border-color:rgba(117,207,255,.42)}
.services-arrow:focus-visible{outline:2px solid rgba(40,169,255,.7);outline-offset:3px}
@media(max-width:1000px)and(min-width:721px){.services-carousel .service-slide{flex-basis:calc((100vw - 80px)/2);width:calc((100vw - 80px)/2)}}
@media(max-width:720px){.services-viewport{padding:28px 4px 8px} .services-carousel .cards{gap:12px;padding-bottom:24px} .services-carousel .service-slide{flex-basis:calc(88vw);width:calc(88vw);min-height:235px} .service-art-wrap{height:90px;margin-bottom:12px} .service-art{width:90px;height:90px} .services-arrows{margin-top:2px;gap:10px} .services-arrow{width:46px;height:46px;font-size:22px}}


/* Mobile About layout: place the Moniex character between the first and second paragraphs. */
.about-character-mobile{display:none}
@media(max-width:720px){
  #about > .container.about-grid > .about-character:not(.about-character-mobile){display:none}
  #about > .container.about-grid > .about-copy{display:flex;flex-direction:column}
  #about > .container.about-grid > .about-copy > .about-character-mobile{display:flex;order:0;min-height:270px;width:100%;align-items:center;justify-content:center;margin:6px 0 10px}
  #about > .container.about-grid > .about-copy > .about-character-mobile .character-img{width:270px;max-width:100%}
}

/* Phone: live-rate cards — inset from both sides and more compact */
@media(max-width:720px){
  .rates-desktop-two-cards{width:calc(100% - 24px);max-width:360px;margin-left:auto;margin-right:auto;gap:10px}
  .live-rate-card{border-radius:16px;padding:12px 12px 10px}
  .live-rate-card-head{margin-bottom:10px}
  .live-rate-brand{font-size:13px}
  .live-rate-main strong{font-size:21px}
  .live-rate-chart{height:64px;margin:9px -4px 5px}
  .live-rate-values{gap:6px}
  .live-rate-values>div{padding:7px 8px;border-radius:10px}
  .live-rate-status{margin-top:6px}
}

/* Toman unit always sits on the LEFT of the number (flex order is immune to bidi reordering) */
.live-rate-main strong,.live-rate-values strong{display:inline-flex;flex-direction:row;align-items:baseline;direction:ltr;unicode-bidi:isolate}
.live-rate-main strong .eur-unit,.live-rate-values strong .eur-unit{direction:rtl;unicode-bidi:isolate;order:0}
.live-rate-main strong .eur-num,.live-rate-values strong .eur-num{direction:ltr;unicode-bidi:isolate;order:1}

/* Buy / sell / high / low: unit a touch larger and lighter so it reads next to the white figure */
.live-rate-values strong .eur-unit{font-size:11px;color:#9fb2d2}
@media(max-width:720px){.live-rate-values strong .eur-unit{font-size:10px}}

/* The figure inherits size/colour from <strong>; the generic ".live-rate-values span" rule must not shrink or dim it */
.live-rate-values strong .eur-num{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap}
