@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root {
--navy:#0b2850;
--blue:#1267b8;
--blue2:#2b8be0;
--pale:#eaf4ff;
--line:#dceaf7;
--text:#183252;
--muted:#61758d;
--white:#fff
}
* {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 88px
}
body {
	font-family: Inter, Arial, sans-serif;
	color: var(--text);
	background: #fff;
	overflow-x: hidden
}
.site-header {
	background: rgba(255,255,255,.96);
	border-bottom: 1px solid #e4edf7;
	box-shadow: 0 5px 24px rgba(11,40,80,.05);
	backdrop-filter: blur(14px);
	z-index: 1030
}
.navbar {
	min-height: 82px
}
.navbar-brand {
	margin-right: 2rem
}
.brand-mark {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--navy), var(--blue));
	color: #fff;
	font-size: 23px;
	box-shadow: 0 6px 16px #1267b82b
}
.brand-name {
	font-size: 1.32rem;
	font-weight: 900;
	letter-spacing: -.7px;
	color: var(--navy);
	white-space: nowrap
}
.brand-name b {
	color: var(--blue)
}
.nav-link {
font-size:.9rem;
	font-weight: 650;
	color: #304864!important;
padding:.7rem .75rem!important;
	transition: .2s
}
.nav-link:hover, .nav-link.active {
	color: var(--blue)!important
}
.btn-primary {
	background: linear-gradient(110deg, #1456a0, #1681d4);
	border: 0;
	box-shadow: 0 8px 18px #1267b82b
}
.btn-primary:hover {
	background: linear-gradient(110deg, #0c3f7b, #0967b4);
	transform: translateY(-1px)
}
.btn-outline-primary {
	border-color: #9bbfe2;
	color: var(--navy)
}
.btn-outline-primary:hover {
	background: var(--navy);
	border-color: var(--navy)
}
.section-pad {
	padding: 100px 0
}
.hero-section {
	position: relative;
	min-height: 640px;
	display: flex;
	align-items: center;
	background: linear-gradient(112deg, #fff 0%, #fff 49%, #f1f8ff 100%);
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 75px
}
.hero-section:after {
	content: "";
	position: absolute;
	width: 500px;
	height: 500px;
	border: 1px solid #d6e9fb;
	border-radius: 50%;
	right: -200px;
	top: -180px;
	box-shadow: 0 0 0 45px #f2f8ff, 0 0 0 90px #f8fbff;
	pointer-events: none
}
.hero-copy {
	z-index: 1
}
.eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--blue);
font-size:.82rem;
	font-weight: 800;
	letter-spacing: 2px;
	margin-bottom: 18px
}
.eyebrow span {
	width: 28px;
	height: 3px;
	background: var(--blue);
	display: inline-block
}
.hero-copy h1 {
	font-size: clamp(2.7rem, 5vw, 5rem);
	line-height: .99;
	font-weight: 900;
	letter-spacing: -3px;
	color: var(--navy);
	margin: 0 0 24px
}
.hero-copy h1 span, .section-title span {
	color: var(--blue)
}
.blue-rule {
	height: 5px;
	width: 92px;
	background: var(--blue);
	border-radius: 8px;
	margin: 22px 0
}
.hero-lead {
	font-size: clamp(1.25rem, 2.2vw, 1.8rem);
	font-weight: 600;
	letter-spacing: -.7px;
	margin-bottom: 10px
}
.hero-text, .section-copy {
	color: var(--muted);
	line-height: 1.8;
	font-size: 1.02rem;
	max-width: 590px
}
.hero-trust {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #59728e;
font-size:.85rem;
	font-weight: 600
}
.hero-trust i {
	color: #1484ce;
	font-size: 1.15rem
}
.hero-visual {
	height: 470px;
	position: relative;
	display: flex;
	align-items: end;
	justify-content: center
}
.building-art {
	width: 100%;
	height: 94%;
	position: relative;
	overflow: hidden;
	border-radius: 46% 46% 10px 10px;
	background: linear-gradient(180deg, #d8ebfb 0%, #f8fcff 64%, #d8e9f8 100%);
	clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%)
}
.building-art:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 30%, #fff9 50%, transparent 68%), radial-gradient(ellipse at 80% 65%, #f9d9a1 0, transparent 24%)
}
.tower {
	position: absolute;
	bottom: 24px;
	background: repeating-linear-gradient(90deg, #0c4679 0 2px, #3f8bc3 2px 10px, #b3daf2 10px 12px), linear-gradient(90deg, #194d7b, #7bb9e5);
	border: 2px solid #c5e1f7;
	box-shadow: inset 12px 0 18px #fff5, 10px 8px 20px #143e6121
}
.tower:after {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, transparent 0 30px, #d9edfb 31px 33px)
}
.tower-back {
	height: 44%;
	width: 20%;
	left: 7%;
	transform: skewY(-8deg);
	opacity: .75
}
.tower-mid {
	height: 62%;
	width: 24%;
	left: 21%;
	transform: skewY(-10deg);
	opacity: .9
}
.tower-main {
	height: 91%;
	width: 35%;
	left: 43%;
	clip-path: polygon(0 15%, 62% 0, 100% 13%, 100% 100%, 0 100%);
	background: repeating-linear-gradient(90deg, #0b3e70 0 3px, #2879b7 3px 15px, #8fc9ec 15px 17px)
}
.tower-lines {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, transparent 0 35px, #b7dff8 36px 38px)
}
.sun-glow {
	position: absolute;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #ffe6b1;
	filter: blur(25px);
	right: 8%;
	bottom: 28%;
	opacity: .85
}
.ground {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 28px;
	background: linear-gradient(#d3e5f2, #fff);
	border-top: 3px solid #aac9e2
}
.mini-tree {
	position: absolute;
	bottom: 19px;
	width: 18px;
	height: 60px;
	background: #6d956c;
	border-radius: 70% 10% 50% 10%;
	z-index: 2
}
.tree-a {
	left: 15%
}
.tree-b {
	left: 34%;
	height: 45px
}
.tree-c {
	right: 8%;
	height: 52px
}
.floating-tag {
	position: absolute;
	z-index: 2;
	background: #fff;
	border: 1px solid #e0edf8;
	box-shadow: 0 12px 35px #163c6515;
	border-radius: 16px;
	padding: 14px 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--navy);
	font-weight: 700;
font-size:.85rem
}
.floating-tag i {
	color: var(--blue);
	font-size: 1.3rem
}
.tag-top {
	top: 24px;
	right: 0
}
.tag-bottom {
	left: 0;
	bottom: 25px
}
.hero-orbit {
	position: absolute;
	border: 2px solid #d9ebfb;
	border-radius: 50%;
	transform: rotate(-28deg);
	pointer-events: none
}
.orbit-one {
	width: 1000px;
	height: 230px;
	right: -180px;
	top: 120px
}
.orbit-two {
	width: 900px;
	height: 180px;
	right: -100px;
	top: 170px;
	opacity: .65
}
.intro-strip {
	background: #f3f8fe;
	border-top: 1px solid #e5f0fa;
	border-bottom: 1px solid #e5f0fa
}
.small-label {
font-size:.75rem;
	font-weight: 800;
	letter-spacing: 1.7px;
	color: var(--blue)
}
.intro-strip h2 {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--navy);
	letter-spacing: -.6px
}
.text-link {
	font-weight: 750;
	color: var(--blue);
	text-decoration: none
}
.text-link:hover {
	color: var(--navy)
}
.profile-art {
	min-height: 430px;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	background: linear-gradient(145deg, #0b2b55, #1475bd 60%, #d5ecff);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 22px 55px #0b28501a
}
.profile-art:before, .profile-art:after {
	content: "";
	position: absolute;
	border: 1px solid #ffffff50;
	border-radius: 50%;
	width: 370px;
	height: 370px
}
.profile-art:after {
	width: 470px;
	height: 470px
}
.profile-initials {
	font-size: 9rem;
	font-weight: 900;
	letter-spacing: -14px;
	color: #ffffff24;
	z-index: 1
}
.profile-caption {
	position: absolute;
	bottom: 18px;
	left: 18px;
	right: 18px;
	background: #ffffffed;
	backdrop-filter: blur(8px);
	border-radius: 14px;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 2
}
.caption-dot {
	width: 12px;
	height: 42px;
	border-radius: 5px;
	background: var(--blue)
}
.profile-caption strong, .profile-caption small {
	display: block
}
.profile-caption strong {
	color: var(--navy)
}
.profile-caption small {
	color: var(--muted);
font-size:.78rem;
	margin-top: 3px
}
.section-title {
	font-size: clamp(2.1rem, 3.7vw, 3.35rem);
	font-weight: 900;
	letter-spacing: -1.8px;
	line-height: 1.1;
	color: var(--navy);
	margin-bottom: 20px
}
.feature-mini {
	display: flex;
	gap: 13px;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 15px;
	height: 100%;
	background: #fff
}
.feature-mini>i {
	font-size: 1.6rem;
	color: var(--blue)
}
.feature-mini h3 {
font-size:.96rem;
	font-weight: 800;
	color: var(--navy)
}
.feature-mini p {
font-size:.83rem;
	color: var(--muted);
	margin: 0;
	line-height: 1.5
}
.disclaimer {
font-size:.76rem;
	line-height: 1.65;
	color: #718198
}
.launch-section {
	background: linear-gradient(120deg, #f6fbff, #fff 55%, #eaf5ff);
	overflow: hidden
}
.launch-date {
	font-size: clamp(2.1rem, 4.2vw, 4rem);
	font-weight: 900;
	letter-spacing: -2px;
	color: var(--navy);
	line-height: 1.1;
	margin: 0 0 22px
}
.launch-date span {
	color: var(--blue)
}
.launch-subtitle {
	font-size: 1.25rem;
	font-weight: 750;
	text-transform: uppercase;
	color: #2e4d71;
	letter-spacing: .5px
}
.launch-tagline {
	font-size: 1.3rem;
	font-weight: 850;
	color: var(--navy)
}
.globe-art {
	height: 420px;
	display: grid;
	place-items: center;
	position: relative
}
.globe {
	height: min(340px, 75vw);
	width: min(340px, 75vw);
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 30% 25%, #e7f8ff 0, #8ec8f4 28%, #2d80c5 63%, #0b376f 100%);
	box-shadow: inset -25px -20px 40px #06295755, 0 25px 55px #2379b83b;
	border: 1px solid #9ed4fa
}
.globe:before {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, transparent 0 42px, #e8f7ff80 43px 44px)
}
.globe-longitudes {
	position: absolute;
	inset: 0 23%;
	border: 1px solid #e8f7ff90;
	border-radius: 50%;
	box-shadow: inset 45px 0 0 -44px #e8f7ff80, inset -45px 0 0 -44px #e8f7ff80
}
.globe-latitudes {
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	height: 50%;
	border: 1px solid #e8f7ff90;
	border-radius: 50%
}
.continent {
	position: absolute;
	background: #d5edffcc;
	filter: drop-shadow(0 2px 2px #073c6d55)
}
.c1 {
	width: 75px;
	height: 100px;
	top: 45px;
	left: 75px;
	clip-path: polygon(20% 0, 75% 10%, 100% 35%, 70% 45%, 78% 65%, 45% 100%, 35% 65%, 0 40%)
}
.c2 {
	width: 70px;
	height: 110px;
	top: 150px;
	left: 145px;
	clip-path: polygon(25% 0, 75% 12%, 100% 40%, 68% 65%, 58% 100%, 30% 80%, 0 35%)
}
.c3 {
	width: 95px;
	height: 55px;
	top: 90px;
	right: 38px;
	clip-path: polygon(0 15%, 50% 0, 100% 35%, 80% 75%, 30% 100%, 20% 50%)
}
.globe-point {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 7px #ffffff33, 0 0 16px #fff
}
.p1 {
	left: 25%;
	top: 35%
}
.p2 {
	right: 24%;
	top: 42%
}
.p3 {
	left: 50%;
	bottom: 26%
}
.p4 {
	right: 35%;
	top: 22%
}
.globe-ring {
	position: absolute;
	width: 450px;
	height: 145px;
	border: 12px solid #8bc5f2a6;
	border-radius: 50%;
	transform: rotate(-25deg);
	pointer-events: none
}
.network-section {
	background: #f7fbff
}
.section-heading {
	text-align: center
}
.section-heading .section-copy {
	max-width: 700px
}
.network-card, .wallet-panel, .projection-card {
	border: 1px solid var(--line);
	border-radius: 22px;
	background: #fff;
	padding: 28px;
	box-shadow: 0 12px 36px #143e6209
}
.network-orbit {
	width: 180px;
	height: 180px;
	border: 1px solid #b8dcfa;
	border-radius: 50%;
	margin: 8px auto 20px;
	display: grid;
	place-items: center;
	position: relative;
	box-shadow: inset 0 0 0 13px #f5faff, inset 0 0 0 14px #cde6fa
}
.network-orbit:before, .network-orbit:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #2584d5;
	top: 12px;
	left: 45px;
	box-shadow: 115px 128px 0 #2584d5
}
.network-orbit:after {
	top: 85px;
	left: 0;
	box-shadow: 165px -48px 0 #2584d5
}
.bnb-symbol {
	font-size: 5rem;
	color: #e8ad16
}
.network-card h3 {
	text-align: center;
	font-size: 3.4rem;
	font-weight: 900;
	color: var(--navy);
	letter-spacing: -2px;
	margin: 0
}
.network-sub {
	text-align: center;
	color: var(--navy);
	font-size: 1.05rem;
	font-weight: 700
}
.network-status {
	display: flex;
	justify-content: center;
	gap: 18px;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	padding: 15px 0;
	margin: 20px 0;
font-size:.83rem;
	font-weight: 700
}
.network-status i {
	color: #1683c9;
	font-size: 1.1rem
}
.notice {
	background: #fff7e7;
	color: #79591d;
	padding: 12px;
	border-radius: 12px;
font-size:.75rem;
	line-height: 1.6
}
.notice i {
	margin-right: 6px
}
.wallet-panel h3 {
	color: var(--navy)
}
.wallet-tile {
	height: 120px;
	border: 1px solid #e1edf7;
	border-radius: 14px;
	background: linear-gradient(180deg, #fff, #f9fcff);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px;
	text-align: center;
	transition: .2s
}
.wallet-tile:hover {
	transform: translateY(-3px);
	box-shadow: 0 9px 20px #0b285012;
	border-color: #a8d0f1
}
.wallet-tile b {
font-size:.75rem;
	color: #243f60
}
.wallet-icon {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	font-size: 2rem
}
.icon-trust {
	color: #176ee5
}
.icon-meta {
	color: #d7772d
}
.icon-binance {
	color: #e9b51b
}
.icon-safe {
	color: #5034e8
}
.icon-token {
	color: #167de0;
	font-size: 1.55rem;
	font-weight: 900
}
.icon-okx, .icon-math, .icon-ledger, .icon-trezor {
	color: #111
}
.icon-bitget {
	color: #2b9edb
}
.icon-coinbase {
	color: #2164db
}
.icon-imtoken {
	color: #21a7bc
}
.icon-coin98 {
	color: #d4a82c
}
.icon-guarda {
	color: #547dd5
}
.model-section {
	background: #fff
}
.metric-card {
	display: flex;
	align-items: center;
	gap: 20px;
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 23px;
	background: #fff;
	height: 100%;
	box-shadow: 0 10px 28px #0b285008
}
.metric-icon {
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #eaf5ff;
	color: var(--blue);
	font-size: 2rem
}
.metric-card small {
	display: block;
	font-weight: 800;
font-size:.7rem;
	letter-spacing: .8px;
	color: var(--blue);
	margin-bottom: 4px
}
.metric-card strong {
	font-size: clamp(2.2rem, 4vw, 3.3rem);
	line-height: 1;
	font-weight: 900;
	letter-spacing: -2px;
	color: var(--navy)
}
.projection-pill {
font-size:.76rem;
	font-weight: 700;
	color: #436584;
	background: #f0f7ff;
	padding: 9px 13px;
	border-radius: 30px
}
.chart-area {
	height: 190px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	background: linear-gradient(180deg, #fff, #f4f9ff);
	border-bottom: 1px solid #d6e7f6
}
.chart-bars {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: end;
	gap: 8px;
	padding: 0 10px
}
.chart-bars i {
	display: block;
	flex: 1;
	height: 8%;
	background: #b7dcfa;
	opacity: .8;
	border-radius: 3px 3px 0 0
}
.chart-bars i:nth-child(2) {
	height: 10%
}
.chart-bars i:nth-child(3) {
	height: 12%
}
.chart-bars i:nth-child(4) {
	height: 15%
}
.chart-bars i:nth-child(5) {
	height: 17%
}
.chart-bars i:nth-child(6) {
	height: 21%
}
.chart-bars i:nth-child(7) {
	height: 25%
}
.chart-bars i:nth-child(8) {
	height: 28%
}
.chart-bars i:nth-child(9) {
	height: 33%
}
.chart-bars i:nth-child(10) {
	height: 37%
}
.chart-bars i:nth-child(11) {
	height: 43%
}
.chart-bars i:nth-child(12) {
	height: 49%
}
.chart-bars i:nth-child(13) {
	height: 56%
}
.chart-bars i:nth-child(14) {
	height: 63%
}
.chart-bars i:nth-child(15) {
	height: 70%
}
.chart-bars i:nth-child(16) {
	height: 76%
}
.chart-bars i:nth-child(17) {
	height: 82%
}
.chart-bars i:nth-child(18) {
	height: 89%
}
.chart-bars i:nth-child(19) {
	height: 95%
}
.chart-bars i:nth-child(20) {
	height: 100%
}
.chart-arrow {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible
}
.faq-section {
	background: #f5f9fe
}
.galaxy-accordion .accordion-item {
	border: 1px solid #e0ebf6;
	border-radius: 14px!important;
	overflow: hidden;
	margin-bottom: 12px;
	background: #fff
}
.galaxy-accordion .accordion-button {
	font-weight: 750;
	color: var(--navy);
	padding: 20px 22px;
	box-shadow: none;
	background: #fff
}
.galaxy-accordion .accordion-button:not(.collapsed) {
	background: #eaf5ff;
	color: var(--blue)
}
.galaxy-accordion .accordion-button:focus {
	box-shadow: 0 0 0 3px #1a79c51c
}
.galaxy-accordion .accordion-body {
font-size:.91rem;
	color: var(--muted);
	line-height: 1.75;
	padding: 0 22px 22px
}
.contact-section {
	background: linear-gradient(135deg, #fff, #f1f8ff)
}
.contact-shell {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 25px 70px #0b285015;
	border: 1px solid #e0edf8;
	background: #fff
}
.contact-info {
	position: relative;
	overflow: hidden;
	padding: 48px 42px;
	background: linear-gradient(145deg, #0a2850, #0e5b9e 72%, #1682cf);
	color: #fff
}
.contact-info h2 {
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 900;
	letter-spacing: -1.4px;
	line-height: 1.1;
	position: relative;
	z-index: 1
}
.contact-info h2 span {
	color: #9ed7ff
}
.contact-info>p {
	color: #d2e8fb;
	line-height: 1.7;
	position: relative;
	z-index: 1
}
.contact-detail {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-top: 25px;
	position: relative;
	z-index: 1
}
.contact-detail>span {
	height: 42px;
	width: 42px;
	border-radius: 12px;
	background: #ffffff20;
	display: grid;
	place-items: center;
	font-size: 1.2rem
}
.contact-detail small, .contact-detail strong {
	display: block
}
.contact-detail small {
font-size:.75rem;
	color: #b7d8f3;
	margin-bottom: 3px
}
.contact-detail strong {
font-size:.84rem;
	overflow-wrap: anywhere
}
.contact-orbit {
	position: absolute;
	width: 300px;
	height: 300px;
	border: 1px solid #ffffff24;
	border-radius: 50%;
	bottom: -190px;
	right: -80px;
	box-shadow: 0 0 0 25px #ffffff0a, 0 0 0 55px #ffffff08
}
.contact-form-wrap {
	padding: 48px
}
.contact-form-wrap h3 {
	font-size: 1.7rem;
	font-weight: 850;
	color: var(--navy)
}
.form-intro, .form-note {
	color: var(--muted);
font-size:.83rem
}
.form-label {
	font-weight: 700;
	color: #304b6b;
font-size:.84rem
}
.form-control, .form-select {
	border: 1px solid #d8e5f1;
	border-radius: 11px;
	padding: 13px 14px;
	color: var(--navy);
font-size:.9rem
}
.form-control:focus, .form-select:focus {
	border-color: #69a9df;
	box-shadow: 0 0 0 4px #1267b814
}
.site-footer {
	background: #081e3c;
	color: #fff
}
.footer-note, .footer-disclaimer {
font-size:.78rem;
	color: #a8bdd3
}
.back-top {
	color: #d7eaff;
	text-decoration: none;
font-size:.85rem;
	font-weight: 700
}
.back-top:hover {
	color: #fff
}
.footer-disclaimer {
	max-width: 950px;
	line-height: 1.6
}
@media(min-width:992px) {
.navbar-expand-lg .navbar-collapse {
	display: flex!important
}
.navbar-toggler {
	display: none!important
}
}
@media(max-width:991.98px) {
.navbar {
	min-height: 72px
}
.navbar-toggler {
	border: 1px solid #cfe1f1;
	border-radius: 10px;
	padding: 8px 10px
}
.navbar-toggler:focus {
	box-shadow: 0 0 0 3px #1267b81a
}
.navbar-collapse {
	padding: 12px 0 18px
}
.navbar-nav {
	align-items: stretch!important
}
.nav-link {
	padding: 11px 8px!important
}
.navbar-nav .btn {
	margin-top: 8px
}
.hero-section {
	padding: 70px 0 55px
}
.hero-visual {
	height: 400px;
	max-width: 620px;
	margin: auto
}
.section-pad {
	padding: 75px 0
}
.profile-art {
	min-height: 360px
}
.contact-info, .contact-form-wrap {
	padding: 36px 30px
}
}
@media(max-width:575.98px) {
.brand-name {
	font-size: 1.05rem
}
.brand-mark {
	width: 36px;
	height: 36px;
	font-size: 20px
}
.hero-copy h1 {
	letter-spacing: -1.8px;
	font-size: 2.65rem
}
.hero-section {
	padding-top: 52px
}
.hero-visual {
	height: 330px
}
.floating-tag {
font-size:.7rem;
	padding: 10px 12px
}
.tag-top {
	right: 0;
	top: 5px
}
.tag-bottom {
	bottom: 8px
}
.tower-main {
	left: 40%;
	width: 39%
}
.section-pad {
	padding: 58px 0
}
.section-title {
	letter-spacing: -1px
}
.intro-strip h2 {
	font-size: 1.25rem
}
.profile-art {
	min-height: 290px
}
.profile-initials {
	font-size: 7rem
}
.launch-date {
	font-size: 2.25rem;
	letter-spacing: -1px
}
.globe-art {
	height: 340px
}
.globe-ring {
	width: 340px;
	height: 110px;
	border-width: 8px
}
.network-card, .wallet-panel, .projection-card {
	padding: 20px
}
.network-orbit {
	width: 150px;
	height: 150px
}
.bnb-symbol {
	font-size: 4rem
}
.network-card h3 {
	font-size: 2.8rem
}
.metric-card {
	padding: 17px;
	gap: 14px
}
.metric-icon {
	width: 56px;
	height: 56px;
	flex-basis: 56px;
	font-size: 1.6rem
}
.metric-card strong {
	font-size: 2.3rem
}
.contact-info, .contact-form-wrap {
	padding: 30px 22px
}
.contact-info h2 {
	font-size: 2.1rem
}
.wallet-tile {
	height: 110px
}
.wallet-icon {
	font-size: 1.8rem
}
}
/* Left-side sliding navigation drawer */
.site-header .navbar {
	position: relative
}
.header-actions {
	position: relative;
	z-index: 1042
}
.header-login {
	white-space: nowrap;
font-size:.88rem;
	font-weight: 750;
padding-top:.65rem;
padding-bottom:.65rem
}
.menu-toggle {
	display: none;
	border:0px solid #cfe1f1;
	border-radius: 10px;
	padding: 9px 11px;
	background: #fff;
	box-shadow: 0 4px 12px #FFF
}
.toggle-lines {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 22px
}
.toggle-lines i {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 4px;
	background: var(--navy);
	transition: transform .2s, opacity .2s
}
.menu-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(5,22,44,.48);
	backdrop-filter: blur(2px);
	z-index: 1040;
	opacity: 0;
	visibility: hidden;
	transition: opacity .28s, visibility .28s
}
.side-menu {
	position: fixed;
	z-index: 1041;
	top: 0;
	bottom: 0;
	left: 0;
	width: min(360px, 88vw);
	padding: 22px 22px 18px;
	background: #fff;
	box-shadow: 20px 0 55px #061d3a22;
	transform: translateX(-105%);
	visibility: hidden;
	transition: transform .32s cubic-bezier(.2, .75, .25, 1), visibility .32s;
	display: flex;
	flex-direction: column;
	overflow-y: auto
}
.side-menu.is-open {
	transform: translateX(0);
	visibility: visible
}
.menu-backdrop.is-visible {
	opacity: 1;
	visibility: visible;
	height:100vh;
}
.side-menu-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e5eef7
}
.side-menu-head .navbar-brand {
	margin: 0;
	min-width: 0
}
.side-menu-head .brand-name {
	font-size: 1.02rem
}
.side-menu-head .brand-mark {
	width: 36px;
	height: 36px;
	font-size: 20px;
	flex-shrink: 0
}
.side-menu-close {
	border: 0;
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	border-radius: 11px;
	background: #edf6ff;
	color: var(--navy);
	font-size: 1rem
}
.side-menu .navbar-nav {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 5px;
	padding-top: 18px
}
.side-menu .nav-link {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 13px 14px!important;
	border-radius: 11px;
font-size:.94rem
}
.side-menu .nav-link i {
	font-size: 1.1rem;
	width: 22px;
	text-align: center;
	color: #4388c4
}
.side-menu .nav-link:hover, .side-menu .nav-link.active {
	background: #edf6ff;
	color: var(--blue)!important
}
.side-contact {
	padding: 13px 4px 0
}
.side-menu-foot {
	margin-top: auto;
	padding-top: 22px;
	color: #6c829b;
font-size:.76rem;
	border-top: 1px solid #e5eef7
}
.side-menu-foot i {
	color: #1380c8;
	margin-right: 6px
}
body.menu-open {
	overflow: hidden
}
@media(min-width:992px) {
.menu-toggle {
	display: none!important
}
.side-menu {
	position: static;
	transform: none;
	visibility: visible;
	width: auto;
	height: auto;
	overflow: visible;
	box-shadow: none;
	background: transparent;
	padding: 0;
	display: block
}
.side-menu-head, .side-menu-foot, .menu-backdrop {
	display: none!important
}
.site-header .container-fluid {
	display: flex;
	align-items: center
}
.header-actions {
	order: 3;
	margin-left: 0!important
}
.side-menu {
	margin-left: auto;
	margin-right: 18px
}
.side-menu .navbar-nav {
	flex-direction: row;
	align-items: center;
	gap: 4px;
	padding: 0
}
.side-menu .nav-link {
padding:.7rem .6rem!important;
font-size:.83rem;
	white-space: nowrap;
	gap: 0
}
.side-menu .nav-link i {
	display: none
}
.side-contact {
	padding: 0;
	margin-left: 8px
}
.side-contact .btn {
	white-space: nowrap
}
.header-login {
	margin-left: 0
}
}
@media(max-width:991.98px) {
.menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center
}
.side-menu {
	display: flex
}
.side-menu .navbar-nav {
	align-items: stretch!important
}
.side-menu .nav-link {
	padding: 13px 14px!important
}
.side-contact {
	padding: 13px 4px 0
}
.header-login {
padding:.62rem .85rem!important;
font-size:.82rem
}
.navbar-brand {
	margin-right: 8px
}
}
@media(max-width:420px) {
.brand-name {
font-size:.92rem
}
.brand-mark {
	width: 33px;
	height: 33px;
	font-size: 18px
}
.header-login {
font-size:.76rem;
padding:.58rem .7rem!important
}
.menu-toggle {
	padding: 8px 9px
}
.toggle-lines, .toggle-lines i {
	width: 20px
}
}
/* FIX: header remains fully visible during page scroll */
html {
	scroll-padding-top: 96px;
}
body {
	padding-top: 82px !important;
}
.site-header {
	position: fixed !important;
	inset: 0 0 auto 0 !important;
	width: 100% !important;
	height: 82px;
	z-index: 2000 !important;
	transform: none !important;
	overflow: visible !important;
	background: rgba(255,255,255,.98);
}
.site-header .navbar {
	min-height: 82px;
	height: 82px;
}
.site-header .container-fluid {
	min-height: 82px;
}
.side-menu {
	z-index: 2002;
}
.menu-backdrop {
	z-index: 2001;
}
@media (max-width: 991.98px) {
body {
	padding-top: 72px !important;
}
.site-header, .site-header .navbar, .site-header .container-fluid {
	height: 72px;
	min-height: 72px;
}
}
@media (max-width: 575.98px) {
body {
	padding-top: 68px !important;
}
.site-header, .site-header .navbar, .site-header .container-fluid {
	height: 68px;
	min-height: 68px;
}
}
/* Final mobile header visibility fix */
.site-header {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 !important;
	clip-path: none !important;
	contain: none !important;
	will-change: auto;
}
.site-header .navbar, .site-header .container-fluid, .site-header .header-actions {
	overflow: visible !important;
}
@media (max-width: 991.98px) {
.site-header {
	height: 72px !important;
}
.site-header .navbar,  .site-header .container-fluid {
	height: 72px !important;
	min-height: 72px !important;
}
.site-header .navbar-brand {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
}
@media (max-width: 575.98px) {
.site-header {
	height:58px !important;
}
.site-header .navbar,  .site-header .container-fluid {
	height:58px !important;
	min-height:58px !important;
}
}


/* Ensure menu toggle is clickable on mobile and drawer sits above the page */
@media(max-width:991.98px) {
.site-header .header-actions {
	z-index: 2105!important
}
.site-header .menu-toggle {
	position: relative;
	z-index: 2106!important;
	display: flex!important;
	cursor: pointer;
	pointer-events: auto
}
.side-menu {
	z-index: 2202!important
}
.menu-backdrop {
	z-index: 2201!important
}
}


/* FIX: force mobile drawer navigation labels to be visible */
@media(max-width:991.98px) {
.side-menu {
	color: #183252 !important;
	background: #ffffff !important;
	opacity: 1 !important;
	-webkit-text-fill-color: initial;
}
.side-menu .navbar-nav,  .side-menu .nav-item,  .side-menu .nav-link,  .side-menu .nav-link:visited,  .side-menu .nav-link:focus,  .side-menu .nav-link:hover,  .side-menu .side-menu-head,  .side-menu .side-menu-head a,  .side-menu .side-menu-foot {
	color: #183252 !important;
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-text-fill-color: #183252 !important;
}
.side-menu .nav-link {
	display: flex !important;
	align-items: center !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	min-height: 46px;
	white-space: normal;
	position: relative;
	z-index: 1;
}
.side-menu .nav-link i {
	display: inline-block !important;
	flex: 0 0 22px;
	color: #1671c8 !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.side-menu .nav-link.active {
	color: #1267b8 !important;
	-webkit-text-fill-color: #1267b8 !important;
}
.side-menu .side-menu-head .brand-name,  .side-menu .side-menu-head .brand-name b {
	color: #0b2850 !important;
	-webkit-text-fill-color: #0b2850 !important;
}
.side-menu .side-menu-head .brand-name b {
	color: #1267b8!important;
	-webkit-text-fill-color: #1267b8!important
}
.side-menu .side-contact .btn {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 1 !important;
}
}


/* FINAL FIX: mobile drawer must display all navigation rows, not just its header */
@media (max-width: 991.98px) {
#sideMenu {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: min(340px, 86vw) !important;
	height: 100dvh !important;
	min-height: 100vh !important;
	padding: 20px 18px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	overflow-y: auto !important;
	background: #fff !important;
	color: #183252 !important;
	visibility: hidden;
	transform: translateX(-105%);
	z-index: 2202 !important;
}
#sideMenu.is-open {
	visibility: visible !important;
	transform: translateX(0) !important;
}
#sideMenu .side-menu-head {
	display: flex !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	min-height: 48px !important;
	visibility: visible !important;
}
#sideMenu ul.navbar-nav {
	display: flex !important;
	flex: 0 0 auto !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	padding: 18px 0 12px !important;
	margin: 0 !important;
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
}
#sideMenu ul.navbar-nav > li.nav-item {
	display: block !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	visibility: visible !important;
	opacity: 1 !important;
}
#sideMenu ul.navbar-nav > li.nav-item > a.nav-link {
	display: flex !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 12px 14px !important;
	color: #183252 !important;
	background: transparent;
	font-family: Inter, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	white-space: normal !important;
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-text-fill-color: #183252 !important;
}
#sideMenu ul.navbar-nav > li.nav-item > a.nav-link i {
	display: inline-block !important;
	color: #1671c8 !important;
	-webkit-text-fill-color: #1671c8 !important;
	margin-right: 8px;
}
#sideMenu .side-contact {
	display: block!important;
	padding: 12px 4px!important
}
#sideMenu .side-menu-foot {
	display: block!important;
	flex: 0 0 auto!important;
	margin-top: auto!important;
	padding-top: 18px!important
}
#menuBackdrop.is-visible {
	display: block!important;
	opacity: 1!important;
	visibility: visible!important;
	z-index: 2201!important
}
}