/* Tablet */

@media (max-width: 1100px) {
	.header{
		grid-template-columns:1fr auto;
		gap:20px;
	}

	.header-nav,
	.header-phone,
	.header-button{
		display:none;
	}

	.header-right{
		justify-content:flex-end;
	}

	.burger{
		display:block;
	}

	.client-cabinet__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hero__layout {
		grid-template-columns: minmax(0, 1fr) 360px;
		gap: 42px;
	}

	.hero__title {
		font-size: clamp(54px, 7vw, 84px);
	}

	.services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.process__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.section-heading {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 28px;
	}

	.contact__inner {
		gap: 50px;
	}

	.pricing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.article-body__layout {
		grid-template-columns: minmax(0, 1fr) 260px;
		gap: 54px;
	}
}

@media (max-width:980px){
	.client-cabinet__intro{
		grid-template-columns:1fr;
		align-items:start;
		gap:32px;
	}


	.hero{
		padding:78px 0 88px;
	}

	.hero__layout{
		grid-template-columns:1fr;
		gap:54px;
	}

	.hero-card{
		max-width:620px;
	}

	.hero__title{
		max-width:760px;
	}

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

	.contact__details{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}

		.footer-grid{
			grid-template-columns:repeat(2, minmax(0, 1fr));
			gap:40px;
		}

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

		.faq__heading{
			position:static;
		}

		.article-body__layout{
			grid-template-columns:1fr;
		}

		.article-note{
			position:static;
		}

	}

/* Mobile */

@media (max-width:760px){
	.client-cabinet__actions{
		display:grid;
		grid-template-columns:1fr;
	}

	.client-cabinet__grid{
		grid-template-columns:1fr;
		margin-top:52px;
	}

	.client-cabinet-card{
		min-height:auto;
		padding:26px;
	}

	.client-cabinet-card h3{
		margin-top:46px;
	}


	:root{
		--container-padding:20px;
	}

	html{
		scroll-padding-top:90px;
	}

	.header{
		min-height:72px;
		gap:16px;
	}

	.logo{
		max-width:calc(100vw - 116px);
	}

	.logo__image{
		width:190px;
	}

	.mobile-menu{
		padding:28px;
	}

	.hero{
		padding:68px 0 78px;
	}

	.hero__eyebrow,
	.section__eyebrow{
		margin-bottom:20px;
	}

	.hero__title{
		font-size:clamp(45px,13vw,66px);
		line-height:.99;
		letter-spacing:-.065em;
	}

	.hero__description{
		margin-top:26px;
		font-size:19px;
	}

	.hero__actions{
		flex-direction:column;
		margin-top:34px;
	}

	.button{
		width:100%;
	}

	.cookie-consent{
		right:12px;
		bottom:12px;
		left:12px;
		grid-template-columns:1fr;
		gap:14px;
		padding:18px;
	}

	.cookie-consent__title{
		font-size:17px;
	}

	.cookie-consent__text{
		margin-top:6px;
		font-size:13px;
	}

	.cookie-consent__actions{
		display:grid;
		grid-template-columns:1fr 1fr;
	}

	.cookie-consent__button{
		width:100%;
	}

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

	.hero-card{
		padding:26px;
		border-radius:var(--radius-medium);
	}

	.hero-card__title{
		font-size:28px;
	}

	.section{
		padding:92px 0;
	}

	.section__title{
		font-size:clamp(38px,10.5vw,54px);
	}

	.articles-grid{grid-template-columns:1fr;}
	.article-card{min-height:360px;padding:28px;}
	.article-card__title{margin-top:52px;font-size:34px;}
	.article-hero{padding:58px 0 78px;}
	.article-hero__back{margin-bottom:52px;}
	.article-hero__title{font-size:clamp(44px,12vw,64px);}
	.article-hero__excerpt{margin-top:28px;font-size:18px;}
	.article-body__content{font-size:17px;line-height:1.7;}
	.article-body__content h2{margin-top:58px;font-size:36px;}
	.article-body__content h3{font-size:25px;}

	.site-search{
		margin-bottom:52px;
	}

	.site-search__controls{
		grid-template-columns:1fr;
	}

	.site-search__submit{
		width:100%;
	}

	.empty-state{
		padding:30px;
		border-radius:var(--radius-medium);
	}

	.empty-state__title{
		font-size:38px;
	}

	.empty-state__text{
		font-size:16px;
	}

	.empty-state__actions{
		flex-direction:column;
	}

	.section-heading__text{
		font-size:16px;
	}

	.services__grid,
	.audience__list,
	.process__grid{
		grid-template-columns:1fr;
		margin-top:48px;
	}

	.service-card{
		min-height:280px;
		padding:26px;
	}

	.service-card__content{
		margin-top:60px;
	}

	.process-step{
		min-height:auto;
	}

	.process-step__number{
		margin-bottom:48px;
	}

	.contact-card{
		padding:28px;
		border-radius:var(--radius-medium);
	}

	.contact__details{
		grid-template-columns:1fr;
		margin-top:36px;
	}

	.contact-detail{
		min-height:100px;
	}

	.contact-card__title{
		font-size:34px;
	}

	.logo__image--footer{
		width:180px;
	}

	.footer-grid{
		grid-template-columns:1fr;
		gap:32px;
	}

	.footer-bottom{
		display:block;
		text-align:center;
		margin-top:48px;
	}

	.footer-legal{
		justify-content:center;
		margin-top:16px;
	}

	.admin-bar .site-header{
		top:46px;
	}


	.audience-card {
		min-height: 260px;
		padding: 26px;
	}

		.audience-card__title {
			margin-top: 48px;
			font-size: 25px;
		}

		.pricing__grid{
			grid-template-columns:1fr;
			margin-top:48px;
		}

		.pricing-card{
			min-height:auto;
			padding:26px;
		}

		.pricing-card__title{
			margin-top:52px;
		}

		.pricing-format{
			grid-template-columns:1fr;
			gap:14px;
		}

		.faq-item summary{
			gap:18px;
			padding:24px 0;
		}

		.faq-item__question{
			font-size:19px;
		}

		.faq-item__answer{
			padding-right:0;
		}

	}

@media (max-width:420px){

	.hero__title{
		font-size:44px;
	}

	.hero__trust{
		grid-template-columns:1fr;
	}

}



@media (max-width: 980px) {
	.about-statement__layout,
	.about-principle__inner {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.about-principle__text {
		grid-column: auto;
	}

	.about-method__grid {
		grid-template-columns: 1fr;
	}

	.about-areas__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-process-step {
		grid-template-columns: 60px minmax(0, 1fr);
		padding: 28px 0;
	}

	.about-process-step p {
		grid-column: 2;
	}
}

@media (max-width: 760px) {
	.about-method-card {
		min-height: 300px;
		padding: 26px;
	}

	.about-method-card__title {
		margin-top: 70px;
		font-size: 27px;
	}

	.about-areas__grid {
		grid-template-columns: 1fr;
	}

	.about-area {
		min-height: 96px;
	}

	.about-process-step {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 18px;
	}

	.about-process-step h3 {
		font-size: 22px;
	}
}

/* Keep long Russian card titles readable on compact phones. */
@media (max-width: 380px) {
	.service-detail__title,
	.service-card__title,
	.article-card__title {
		font-size: 26px;
		line-height: 1.12;
	}
}

@media (max-width: 480px) {
	.hero__title,
	.inner-hero__title,
	.article-hero__title {
		font-size: clamp(32px, 10vw, 44px);
	}
}

/* Company card */

@media (max-width: 980px) {
	.bank-cards {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.company-card-hero {
		padding: 62px 0 76px;
	}

	.company-card-hero__title {
		font-size: clamp(42px, 13vw, 62px);
	}

	.company-card-section {
		padding: 72px 0;
	}

	.company-card-section__heading,
	.bank-card__header {
		align-items: stretch;
		flex-direction: column;
	}

	.company-copy-button {
		width: 100%;
	}

	.company-details {
		margin-top: 40px;
	}

	.company-details__row,
	.bank-card__row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.company-details dd,
	.bank-card dd {
		gap: 14px;
		font-size: 16px;
	}

	.bank-cards {
		margin-top: 40px;
	}

	.bank-card {
		padding: 26px;
	}

	.bank-card__title {
		font-size: 30px;
	}
}