/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1280px) {
	.hero__panel {
		background: none;
		height: auto;
	}

	.features {
		margin-inline: 10px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header__inner {
		justify-content: space-between;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.exch-card__media img {
		max-width: 120px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.homechange__card {
		border-radius: 16px;
		padding: 16px;
		box-shadow: none;
	}

	.homechange .xtl_input_wrap input[type=text] {
		font-size: 22px;
	}

	.homechange .xtl_selico_wrap {
		padding: 8px 10px;
	}

	.features {
		padding: 40px 16px 32px;
	}
	.header__inner {
		padding-inline: 10px;
		
	}

	.hero__title br {
		display: none;
	}

	.features__header {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap:var(--space-3);
	}

	.features__header::before {
		width: 56px;
		height: 56px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3CforeignObject x='-26' y='-30' width='108' height='112'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(13px);clip-path:url(%23bgblur_0_138_6273_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg filter='url(%23filter0_iiii_138_6273)' data-figma-bg-blur-radius='26'%3E%3Crect width='56' height='56' rx='12' fill='%23CAFF43'/%3E%3Crect x='0.5' y='0.5' width='55' height='55' rx='11.5' stroke='white' stroke-opacity='0.2'/%3E%3C/g%3E%3Cpath d='M15.6643 43.3672C14.6032 43.3672 14.0724 43.3672 13.667 43.1805C13.3104 43.0162 13.0204 42.7538 12.8386 42.4314C12.632 42.0647 12.6313 41.5844 12.6313 40.6244L12.6313 40.3666C12.6313 38.2706 12.6313 37.2225 13.3579 35.8317C13.8186 34.9498 15.3846 33.3855 16.3094 32.883C17.7676 32.091 18.3034 32.0421 19.3739 31.9455C26.7575 31.2793 32.6039 35.4684 34.8222 37.3471C35.0652 37.553 35.5278 37.2743 35.4617 36.9627C34.8799 34.219 34.21 27.7472 39.9837 25.1299C40.7664 24.7751 41.1577 24.5977 41.7487 24.6762C42.185 24.7343 42.7731 25.0627 43.026 25.3894C43.3683 25.8319 43.3684 26.3535 43.3684 27.3965L43.3684 40.6244C43.3684 41.5844 43.3686 42.0647 43.162 42.4314C42.9803 42.7539 42.6903 43.0162 42.3337 43.1805C41.9282 43.3674 41.397 43.3672 40.3354 43.3672L15.6643 43.3672Z' fill='%23050816'/%3E%3Cpath d='M40.3354 12.6315C41.3966 12.6315 41.9273 12.6315 42.3327 12.8181C42.6893 12.9824 42.9794 13.2449 43.1611 13.5673C43.3677 13.9339 43.3684 14.4143 43.3684 15.3743L43.3684 15.6321C43.3684 17.728 43.3684 18.7762 42.6419 20.167C42.1811 21.0489 40.6152 22.6132 39.6903 23.1157C38.2322 23.9077 37.6964 23.9565 36.6259 24.0531C29.2423 24.7194 23.3958 20.5303 21.1775 18.6515C20.9345 18.4457 20.472 18.7244 20.538 19.0359C21.1198 21.7797 21.7898 28.2514 16.016 30.8688C15.2333 31.2236 14.842 31.401 14.251 31.3224C13.8147 31.2644 13.2266 30.936 12.9738 30.6093C12.6314 30.1668 12.6313 29.6452 12.6313 28.6022L12.6313 15.3743C12.6313 14.4143 12.6311 13.9339 12.8377 13.5672C13.0194 13.2448 13.3095 12.9825 13.6661 12.8181C14.0715 12.6313 14.6027 12.6315 15.6643 12.6315L40.3354 12.6315Z' fill='%23050816'/%3E%3Cdefs%3E%3Cfilter id='filter0_iiii_138_6273' x='-26' y='-30' width='108' height='112' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='30' operator='dilate' in='SourceAlpha' result='effect1_innerShadow_138_6273'/%3E%3CfeOffset dy='-80'/%3E%3CfeGaussianBlur stdDeviation='30'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.807843 0 0 0 0 0.968627 0 0 0 0 0.619608 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_138_6273'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='8' operator='dilate' in='SourceAlpha' result='effect2_innerShadow_138_6273'/%3E%3CfeOffset dy='-40'/%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.807843 0 0 0 0 0.968627 0 0 0 0 0.619608 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='effect1_innerShadow_138_6273' result='effect2_innerShadow_138_6273'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='6' operator='dilate' in='SourceAlpha' result='effect3_innerShadow_138_6273'/%3E%3CfeOffset dy='-20'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.43 0'/%3E%3CfeBlend mode='normal' in2='effect2_innerShadow_138_6273' result='effect3_innerShadow_138_6273'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='2' operator='dilate' in='SourceAlpha' result='effect4_innerShadow_138_6273'/%3E%3CfeOffset dy='6'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='effect3_innerShadow_138_6273' result='effect4_innerShadow_138_6273'/%3E%3C/filter%3E%3CclipPath id='bgblur_0_138_6273_clip_path' transform='translate(26 30)'%3E%3Crect width='56' height='56' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
		display: block;
		content: "";

	}
	.feat-custom-icon-box svg{
		width: 100px;
		
	}

	.feat-custom-glow {
		background-size: 70%;
    	background-position: center 99px;
	}
	.accordion__summary {
		font-size: 16px;
		font-weight: var(--fw-semi);
		padding: 16px;
	}

	.accordion__body {
		padding: 0 16px 20px;
	}

	/* ── Footer mobile ── */
	.footer {
		border-radius: 16px;
		margin: 0 8px 8px;
	}

	.footer__top {
		padding-block: 20px;
	}

	.footer__top-btns {
		display: none;
	}

	.footer__body {
		gap: 24px;
		padding-bottom: 24px;
	}

	.footer__col {
		gap: 16px;
	}

	.footer__tagline,
	.footer__col-title {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0;
	}

	.footer__nav-list {
		gap: 2px;
	}

	.footer__nav-list a,
	.footer__link {
		font-size: 12px;
		line-height: 16px;
	}

	.footer__disclaimer {
		font-size: 10px;
		line-height: 14px;
	}

	.footer__auth {
		display: none;
	}

	.footer__contact-row {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		padding-bottom: 24px;
	}

	.footer__contact-left {
		flex: none;
	}

	.footer__email {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0;
	}

	.footer__support-note {
		font-size: 10px;
		line-height: 10px;
		color: rgba(255, 255, 255, 0.3);
	}

	.footer__tg-mobile {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #caff43;
		border-radius: 8px;
		padding: 6px 6px 6px 16px;
		font-size: 12px;
		font-weight: 600;
		color: #050816;
		text-decoration: none;
	}

	.footer__badges {
		gap: 20px;
		order: 4;
	}

	.footer__partner-logo {
		height: 30px;
	}

	.footer__totop {
		width: 32px;
		height: 32px;
		align-self: flex-end;
		order: 3;
	}

	.footer__bar {
		padding-block: 12px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.feat-custom-icon-box svg{
		width: 55px;	
	}
	.homechange .xtl_left_col, .homechange .xtl_right_col {
		padding: 16px 0;
	}
	.homechange .xtl_table_title {
		flex-wrap: wrap;
	}

	.feat-custom-glow {
		background-size: 90%;
    	background-position: center 99px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	/* Container */
	.container {
		padding-inline: 32px;
	}

	/* Header — desktop nav styles (mobile Telegram btn stays visible
	   until the burger disappears at 1200px) */




	

	.header__nav-list>.menu-item>a {
		display: block;
		padding: 6px 2px;
		font-size: var(--fs-sm);
		font-weight: var(--fw-semi);
		color: var(--color-text-medium);
		transition: color var(--transition);
		white-space: nowrap;
	}

	.header__nav-list>.menu-item>a:hover,
	.header__nav-list>.current-menu-item>a,
	.header__nav-list>.current-menu-ancestor>a {
		color: var(--color-text-primary);
	}



	/* Footer — 2-column layout */
	.footer__body {
		grid-template-columns: 1fr 1fr;
		gap: 80px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Medium-Large — 1024px */
@media only screen and (min-width : 1024px) {

	/* Features bento — 3-column grid */
	.features__bento {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto auto;
		gap: 20px;
	}

	.feat-card {
		border-radius: 32px;
		padding: 32px;
	}

	.feat-card--sm {
		height: 267px;
		min-height: unset;
		gap: 27px;
	}

	.feat-card--tall {
		grid-row: 1 / 3;
		min-height: 554px;
	}

	.feat-card--business {
		grid-column: 1;
		grid-row: 1;
	}

	.feat-card--exchange {
		grid-column: 2;
		grid-row: 1 / 3;
	}

	.feat-card--custom {
		grid-column: 3;
		grid-row: 1 / 3;
	}

	.feat-card--personal {
		grid-column: 1;
		grid-row: 2;
	}

	.feat-card__title {
		font-size: 36px;
	}

	.feat-exchange-box {
		flex: 1;
		min-height: unset;
	}

	.feat-custom-illustration {
		flex: 1;
		min-height: unset;
	}

	/* Exchange section — desktop */
	.exch-section__head {
		margin-bottom: 90px;
	}

	.exch-cards {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}

	.exch-card__media {
		height: 322px;
	}

	.exch-card__title {
		font-size: 36px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	.nav-toggle {
		display: none;
	}

	/* Mobile Telegram icon button hidden once full desktop actions show */
	.header__tg-btn {
		display: none;
	}

	.header__nav {
		display: flex;
		flex: 1;
		justify-content: center;
		align-items: center;
	}
	.header__nav-list {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--space-6);
		list-style: none;
	}
	.header__actions {
		display: flex;
		align-items: center;
		gap: var(--space-2);
		margin-left: auto;
		flex-shrink: 0;
	}
}

/* Extra Large — 1280px */
@media only screen and (min-width : 1280px) {

	/* Container */
	.container {
		padding-inline: 48px;
	}

	/* Hero — side-by-side columns */
	.hero__layout {
		flex-direction: row;
		max-width: 100%;
		min-height: 640px;
	}

	.hero__stats {
		flex-wrap: nowrap;
	}

	.hero__panel {
		flex: 0 0 45%;
		padding: var(--space-20) 48px;
	}

	.calculator {
		max-width: 440px;
	}

	/* Footer — 2-column layout (unchanged at 1280px+) */
}