:root {
--bg: #f7f6f3;
--bg-alt: #efeeeb;
--surface: #ffffff;
--foreground: #1b1b1f;
--foreground-muted: #6b6b76;
--navy: #0f1d2f;
--navy-light: #1a3a5c;
--navy-hover: #162d4a;
--sage: #7a9e87;
--sage-light: #b5cebb;
--gold: #c4a265;
--gold-light: #e8d5a8;
--gold-hover: #d4b87a;
--success: #3d8b5e;
--warning: #d4a04a;
--error: #c04040;
--info: #4a7fb5;
--border: #e2e0db;
--border-subtle: #eceae6;
--border-strong: #d1cfc9;
--shadow-sm: 0 1px 3px 0 rgba(27, 27, 31, 0.06), 0 1px 2px -1px rgba(27, 27, 31, 0.04);
--shadow-md: 0 4px 6px -1px rgba(27, 27, 31, 0.07), 0 2px 4px -2px rgba(27, 27, 31, 0.04);
--shadow-lg: 0 10px 15px -3px rgba(27, 27, 31, 0.08), 0 4px 6px -4px rgba(27, 27, 31, 0.04);
--shadow-xl: 0 20px 25px -5px rgba(27, 27, 31, 0.08), 0 8px 10px -6px rgba(27, 27, 31, 0.04);
--shadow-card: 0 1px 3px rgba(27, 27, 31, 0.04), 0 6px 16px rgba(27, 27, 31, 0.06);
--shadow-gold: 0 4px 14px rgba(196, 162, 101, 0.3);
--font-heading: "Playfair Display", Georgia, serif;
--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 12px;
--ease: cubic-bezier(0.4, 0, 0.2, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
} .ir-landing,
.ir-landing *,
.ir-landing *::before,
.ir-landing *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html:has(.ir-landing) {
overflow-x: hidden;
}
.ir-landing {
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: var(--foreground);
background: var(--bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
width: 100%;
}
.ir-landing img {
max-width: 100%;
height: auto;
display: block;
}
.ir-landing a {
text-decoration: none;
color: inherit;
transition: color 0.2s var(--ease);
}
.ir-landing ul,
.ir-landing ol {
list-style: none;
}
.ir-landing input,
.ir-landing textarea,
.ir-landing select {
font-family: inherit;
font-size: inherit;
border: none;
outline: none;
background: none;
}
.ir-landing button {
font-family: inherit;
font-size: inherit;
border: none;
outline: none;
} .ir-display {
font-family: var(--font-heading);
font-size: 56px;
line-height: 1.14;
font-weight: 700;
letter-spacing: -0.02em;
}
.ir-h1 {
font-family: var(--font-heading);
font-size: 44px;
line-height: 1.18;
font-weight: 700;
letter-spacing: -0.02em;
}
.ir-h2 {
font-family: var(--font-heading);
font-size: 36px;
line-height: 1.22;
font-weight: 600;
letter-spacing: -0.01em;
}
.ir-h3 {
font-family: var(--font-heading);
font-size: 28px;
line-height: 1.28;
font-weight: 600;
letter-spacing: -0.01em;
}
.ir-h4 {
font-family: var(--font-body);
font-size: 22px;
line-height: 1.36;
font-weight: 600;
letter-spacing: -0.01em;
}
.ir-h5 {
font-family: var(--font-body);
font-size: 18px;
line-height: 1.44;
font-weight: 600;
}
.ir-body-lg {
font-size: 18px;
line-height: 1.67;
font-weight: 400;
}
.ir-body {
font-size: 16px;
line-height: 1.625;
font-weight: 400;
}
.ir-body-sm {
font-size: 14px;
line-height: 1.57;
font-weight: 400;
}
.ir-caption {
font-size: 12px;
line-height: 1.33;
font-weight: 500;
letter-spacing: 0.02em;
}
.ir-overline {
font-size: 11px;
line-height: 1.45;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.ir-stat-number {
font-family: var(--font-mono);
font-size: 48px;
line-height: 1.1;
font-weight: 500;
} .ir-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.ir-container--narrow {
max-width: 960px;
}
.ir-container--wide {
max-width: 1400px;
}
.ir-section {
padding: 80px 0;
}
.ir-section--sm {
padding: 56px 0;
}
.ir-grid {
display: grid;
gap: 24px;
}
.ir-grid--2 {
grid-template-columns: repeat(2, 1fr);
}
.ir-grid--3 {
grid-template-columns: repeat(3, 1fr);
}
.ir-grid--4 {
grid-template-columns: repeat(4, 1fr);
}
.ir-flex {
display: flex;
align-items: center;
gap: 16px;
} .ir-section-header {
margin-bottom: 48px;
}
.ir-section-header__line {
width: 48px;
height: 2px;
background: var(--gold);
margin-bottom: 24px;
}
.ir-section-header__subtitle {
color: var(--foreground-muted);
max-width: 560px;
margin-top: 12px;
} .ir-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: 72px;
display: flex;
align-items: center;
transition: all 0.3s var(--ease);
}
.ir-nav--transparent {
background: transparent;
}
.ir-nav--solid {
background: rgba(247, 246, 243, 0.92);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-subtle);
box-shadow: 0 1px 0 rgba(27, 27, 31, 0.06);
}
.ir-nav__inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.ir-nav__logo {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--font-heading);
font-size: 22px;
font-weight: 700;
color: #fff !important;
transition: color 0.3s var(--ease);
}
.ir-nav--solid .ir-nav__logo {
color: var(--navy) !important;
}
.ir-nav__logo img {
height: 36px;
width: auto;
}
.ir-nav__links {
display: flex;
align-items: center;
gap: 32px;
}
.ir-nav__link {
font-size: 14px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7) !important;
letter-spacing: 0.01em;
transition: color 0.2s var(--ease);
position: relative;
}
.ir-nav__link::after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 1.5px;
background: var(--gold);
transition: width 0.3s var(--ease);
}
.ir-nav__link:hover::after {
width: 100%;
}
.ir-nav__link:hover {
color: #fff !important;
}
.ir-nav--solid .ir-nav__link {
color: var(--foreground-muted) !important;
}
.ir-nav--solid .ir-nav__link:hover {
color: var(--foreground) !important;
}
.ir-nav__phone {
font-size: 15px;
font-weight: 600;
color: #fff !important;
letter-spacing: 0.01em;
transition: color 0.3s var(--ease);
}
.ir-nav--solid .ir-nav__phone {
color: var(--navy) !important;
}
.ir-nav__cta {
height: 40px;
padding: 0 20px;
border-radius: var(--radius-sm);
font-size: 13px;
font-weight: 600;
background: var(--gold);
color: #fff;
cursor: pointer;
transition: all 0.2s var(--ease);
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
}
.ir-nav__cta:hover {
background: var(--gold-hover);
transform: translateY(-1px);
} .ir-burger {
display: none;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.ir-burger__line {
width: 22px;
height: 2px;
background: #fff;
border-radius: 1px;
transition: all 0.3s var(--ease);
position: absolute;
}
.ir-nav--solid .ir-burger__line {
background: var(--navy);
}
.ir-burger__line:nth-child(1) {
transform: translateY(-6px);
}
.ir-burger__line:nth-child(3) {
transform: translateY(6px);
}
.ir-burger--open .ir-burger__line:nth-child(1) {
transform: rotate(45deg);
}
.ir-burger--open .ir-burger__line:nth-child(2) {
opacity: 0;
}
.ir-burger--open .ir-burger__line:nth-child(3) {
transform: rotate(-45deg);
} .ir-mobile-menu {
position: fixed;
top: 72px;
left: 0;
right: 0;
bottom: 0;
background: var(--surface);
z-index: 999;
padding: 32px 20px;
display: flex;
flex-direction: column;
gap: 8px;
transform: translateX(100%);
transition: transform 0.4s var(--ease);
}
.ir-mobile-menu--open {
transform: translateX(0);
}
.ir-mobile-menu__link {
display: block;
padding: 14px 0;
font-size: 18px;
font-weight: 500;
color: var(--foreground);
border-bottom: 1px solid var(--border-subtle);
}
.ir-mobile-menu__phone {
margin-top: 24px;
font-size: 20px;
font-weight: 600;
color: var(--navy);
}
.ir-mobile-menu__cta {
margin-top: 16px;
height: 52px;
border-radius: var(--radius-md);
font-size: 15px;
font-weight: 600;
background: var(--gold);
color: #fff;
cursor: pointer;
text-align: center;
line-height: 52px;
display: block;
} .ir-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
border: none;
font-weight: 600;
white-space: nowrap;
transition: all 0.2s var(--ease);
}
.ir-btn--gold {
height: 52px;
padding: 0 32px;
border-radius: var(--radius-md);
font-size: 15px;
background: var(--gold);
color: #fff;
box-shadow: var(--shadow-gold);
letter-spacing: 0.02em;
}
.ir-btn--gold:hover {
background: var(--gold-hover);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(196, 162, 101, 0.35);
}
.ir-btn--gold:active {
transform: translateY(0) scale(0.98);
}
.ir-btn--navy {
height: 52px;
padding: 0 32px;
border-radius: var(--radius-md);
font-size: 15px;
background: var(--navy);
color: #fff;
}
.ir-btn--navy:hover {
background: var(--navy-hover);
transform: translateY(-2px);
}
.ir-btn--outline {
height: 52px;
padding: 0 28px;
border-radius: var(--radius-md);
font-size: 15px;
font-weight: 500;
background: transparent;
border: 1.5px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.ir-btn--outline:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
}
.ir-btn--outline-dark {
height: 48px;
padding: 0 28px;
border-radius: var(--radius-md);
font-size: 15px;
font-weight: 500;
background: transparent;
border: 1.5px solid var(--navy);
color: var(--navy);
}
.ir-btn--outline-dark:hover {
background: var(--navy);
color: #fff;
}
.ir-btn--ghost {
height: 44px;
padding: 0 20px;
border-radius: var(--radius-md);
font-size: 14px;
font-weight: 500;
background: transparent;
color: var(--navy);
}
.ir-btn--ghost:hover {
background: rgba(15, 29, 47, 0.05);
}
.ir-btn--sm {
height: 40px;
padding: 0 20px;
font-size: 13px;
}
.ir-btn--icon {
width: 44px;
height: 44px;
padding: 0;
border-radius: var(--radius-md);
} .ir-btn__arrow {
transition: transform 0.2s var(--ease);
}
.ir-btn:hover .ir-btn__arrow {
transform: translateX(3px);
} .ir-card {
background: var(--surface);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
padding: 32px;
transition: all 0.3s var(--ease);
}
.ir-card:hover {
border-color: var(--border);
box-shadow: var(--shadow-card);
transform: translateY(-3px);
}
.ir-card--accent {
border-left: 3px solid var(--gold);
}
.ir-card--accent:hover {
border-left-color: var(--navy);
}
.ir-card--dark {
background: var(--navy);
border-color: rgba(255, 255, 255, 0.08);
color: #fff;
}
.ir-card--dark:hover {
border-color: rgba(255, 255, 255, 0.15);
}
.ir-card--featured {
border-color: var(--gold);
box-shadow: var(--shadow-md);
position: relative;
}
.ir-card--featured::before {
content: "Популярный";
position: absolute;
top: -12px;
left: 32px;
padding: 4px 16px;
background: var(--gold);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
border-radius: var(--radius-sm);
}
.ir-card__icon {
width: 48px;
height: 48px;
border-radius: var(--radius-md);
background: var(--bg-alt);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all 0.3s var(--ease);
}
.ir-card:hover .ir-card__icon {
background: var(--navy);
color: #fff;
}
.ir-card__icon svg {
width: 24px;
height: 24px;
stroke: var(--navy);
stroke-width: 1.5;
fill: none;
transition: stroke 0.3s var(--ease);
}
.ir-card:hover .ir-card__icon svg {
stroke: #fff;
}
.ir-card__title {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
color: var(--foreground);
}
.ir-card__text {
font-size: 14px;
line-height: 1.6;
color: var(--foreground-muted);
}
.ir-card__link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
font-size: 14px;
font-weight: 500;
color: var(--navy);
transition: color 0.2s var(--ease);
}
.ir-card__link:hover {
color: var(--gold);
}
.ir-card__link svg {
width: 16px;
height: 16px;
transition: transform 0.2s var(--ease);
}
.ir-card__link:hover svg {
transform: translateX(3px);
} .ir-input {
height: 48px;
width: 100%;
padding: 0 16px;
border-radius: var(--radius-md);
border: 1.5px solid var(--border);
background: var(--surface);
font-size: 15px;
color: var(--foreground);
transition: all 0.2s var(--ease);
}
.ir-input::placeholder {
color: var(--foreground-muted);
opacity: 0.7;
}
.ir-input:focus {
border-color: var(--navy);
box-shadow: 0 0 0 3px rgba(15, 29, 47, 0.08);
}
.ir-input--dark {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.ir-input--dark::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.ir-input--dark:focus {
border-color: var(--gold);
box-shadow: 0 0 0 3px rgba(196, 162, 101, 0.15);
}
.ir-textarea {
min-height: 100px;
padding: 12px 16px;
resize: vertical;
line-height: 1.5;
}
.ir-checkbox {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: var(--foreground-muted);
cursor: pointer;
}
.ir-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--border);
appearance: none;
-webkit-appearance: none;
cursor: pointer;
flex-shrink: 0;
margin-top: 1px;
transition: all 0.2s var(--ease);
position: relative;
}
.ir-checkbox input[type="checkbox"]:checked {
background: var(--navy);
border-color: var(--navy);
}
.ir-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 6px;
height: 10px;
border: 2px solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.ir-checkbox a {
color: var(--navy);
text-decoration: underline;
text-underline-offset: 3px;
} .ir-hero-form {
background: var(--surface);
border-radius: var(--radius-lg);
padding: 32px;
box-shadow: var(--shadow-xl);
}
.ir-hero-form__title {
font-family: var(--font-heading);
font-size: 22px;
font-weight: 600;
color: var(--foreground);
margin-bottom: 4px;
}
.ir-hero-form__subtitle {
font-size: 14px;
color: var(--foreground-muted);
margin-bottom: 20px;
}
.ir-hero-form .ir-input {
margin-bottom: 12px;
}
.ir-hero-form .ir-btn {
width: 100%;
margin-top: 4px;
white-space: normal;
}
.ir-hero-form__note {
font-size: 12px;
color: var(--foreground-muted);
text-align: center;
margin-top: 12px;
} .ir-badge {
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0 12px;
border-radius: var(--radius-sm);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ir-badge--navy {
background: var(--navy);
color: #fff;
}
.ir-badge--sage {
background: var(--sage-light);
color: #2d5a3d;
}
.ir-badge--gold {
background: var(--gold-light);
color: #7a6330;
}
.ir-badge--outline {
background: transparent;
border: 1px solid var(--border);
color: var(--foreground-muted);
} .ir-hero {
position: relative;
min-height: 100vh;
background: linear-gradient(160deg, #0f1d2f 0%, #162d4a 40%, #1a3a5c 100%);
display: flex;
align-items: center;
padding-top: 72px;
overflow: hidden;
}
.ir-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(ellipse at 20% 50%, rgba(196, 162, 101, 0.08) 0%, transparent 50%),
radial-gradient(ellipse at 80% 20%, rgba(26, 58, 92, 0.3) 0%, transparent 50%);
pointer-events: none;
} .ir-hero::after {
content: "";
position: absolute;
right: -200px;
top: -200px;
width: 600px;
height: 600px;
border: 1px solid rgba(196, 162, 101, 0.08);
border-radius: 50%;
pointer-events: none;
}
.ir-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 420px;
gap: 60px;
align-items: center;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
}
.ir-hero__content {
color: #fff;
}
.ir-hero__overline {
color: var(--gold);
margin-bottom: 20px;
}
.ir-hero__title {
color: #fff;
margin-bottom: 20px;
}
.ir-hero__title span {
color: var(--gold);
}
.ir-hero__subtitle {
color: rgba(255, 255, 255, 0.65);
max-width: 520px;
margin-bottom: 32px;
}
.ir-hero__ctas {
display: flex;
gap: 16px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.ir-hero__proof {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.ir-hero__proof-item {
display: flex;
align-items: center;
gap: 10px;
}
.ir-hero__proof-number {
font-family: var(--font-mono);
font-size: 24px;
font-weight: 500;
color: var(--gold);
}
.ir-hero__proof-text {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
line-height: 1.3;
} .ir-problems {
background: var(--surface);
}
.ir-problem-card {
background: var(--bg);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
padding: 28px;
text-align: center;
transition: all 0.3s var(--ease);
cursor: pointer;
}
.ir-problem-card:hover {
background: var(--surface);
border-color: var(--gold);
box-shadow: var(--shadow-card);
transform: translateY(-4px);
}
.ir-problem-card__icon {
width: 56px;
height: 56px;
margin: 0 auto 16px;
border-radius: 50%;
background: rgba(196, 162, 101, 0.1);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s var(--ease);
}
.ir-problem-card:hover .ir-problem-card__icon {
background: var(--navy);
}
.ir-problem-card__icon svg {
width: 24px;
height: 24px;
stroke: var(--gold);
stroke-width: 1.5;
fill: none;
transition: stroke 0.3s var(--ease);
}
.ir-problem-card:hover .ir-problem-card__icon svg {
stroke: #fff;
}
.ir-problem-card__title {
font-family: var(--font-heading);
font-size: 18px;
font-weight: 600;
color: var(--foreground);
margin-bottom: 8px;
line-height: 1.4;
}
.ir-problem-card__text {
font-size: 13px;
color: var(--foreground-muted);
} .ir-services {
background: var(--bg);
} .ir-stats {
background: var(--surface);
border-top: 1px solid var(--border-subtle);
border-bottom: 1px solid var(--border-subtle);
}
.ir-stats__grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ir-stats__item {
text-align: center;
padding: 20px 48px;
position: relative;
}
.ir-stats__item + .ir-stats__item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 48px;
background: var(--border);
}
.ir-stats__number {
color: var(--navy);
margin-bottom: 4px;
}
.ir-stats__label {
font-size: 14px;
color: var(--foreground-muted);
font-weight: 400;
} .ir-why {
background: var(--surface);
}
.ir-why-card {
padding: 32px;
border-radius: var(--radius-lg);
background: var(--bg);
border: 1px solid var(--border-subtle);
transition: all 0.3s var(--ease);
}
.ir-why-card:hover {
border-color: var(--border);
box-shadow: var(--shadow-md);
}
.ir-why-card__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--navy);
color: #fff;
font-family: var(--font-mono);
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
}
.ir-why-card__title {
font-family: var(--font-heading);
font-size: 22px;
font-weight: 600;
margin-bottom: 16px;
color: var(--foreground);
}
.ir-why-card__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.ir-why-card__list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
line-height: 1.5;
color: var(--foreground-muted);
}
.ir-why-card__list li::before {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--gold);
margin-top: 8px;
} .ir-team {
background: var(--bg);
}
.ir-team-card {
cursor: pointer;
}
.ir-team-card__photo {
position: relative;
overflow: hidden;
border-radius: var(--radius-md);
margin-bottom: 16px;
aspect-ratio: 4 / 5;
}
.ir-team-card__photo img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(15%);
transition: all 0.5s var(--ease);
}
.ir-team-card:hover .ir-team-card__photo img {
filter: grayscale(0%);
transform: scale(1.03);
}
.ir-team-card__name {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 600;
color: var(--foreground);
margin-bottom: 2px;
}
.ir-team-card__role {
font-size: 14px;
color: var(--foreground-muted);
margin-bottom: 4px;
}
.ir-team-card__quote {
font-size: 14px;
font-style: italic;
color: var(--foreground-muted);
margin-top: 8px;
} .ir-cases {
background: var(--surface);
}
.ir-case {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
overflow: hidden;
transition: all 0.3s var(--ease);
}
.ir-case:hover {
box-shadow: var(--shadow-card);
}
.ir-case__col {
padding: 28px;
border-right: 1px solid var(--border-subtle);
}
.ir-case__col:last-child {
border-right: none;
}
.ir-case__label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 8px;
}
.ir-case__label--problem {
color: var(--error);
}
.ir-case__label--solution {
color: var(--info);
}
.ir-case__label--result {
color: var(--success);
}
.ir-case__text {
font-size: 15px;
line-height: 1.6;
color: var(--foreground);
}
.ir-case__industry {
margin-top: 12px;
} .ir-reviews {
background: var(--bg);
}
.ir-review {
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.ir-review__quote-mark {
font-family: var(--font-heading);
font-size: 72px;
font-weight: 300;
color: var(--gold);
line-height: 0.8;
margin-bottom: 8px;
}
.ir-review__text {
font-family: var(--font-heading);
font-size: 20px;
font-style: italic;
line-height: 1.6;
color: var(--foreground);
margin-bottom: 24px;
}
.ir-review__author {
font-size: 14px;
font-weight: 600;
color: var(--foreground);
}
.ir-review__company {
font-size: 13px;
color: var(--foreground-muted);
} .ir-reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.ir-review-card {
background: var(--surface);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
padding: 32px;
transition: all 0.3s var(--ease);
text-align: left;
}
.ir-review-card:hover {
border-color: var(--gold);
box-shadow: var(--shadow-md);
transform: translateY(-4px);
}
.ir-review-card__quote {
font-family: var(--font-heading);
font-size: 18px;
font-style: italic;
line-height: 1.6;
color: var(--foreground);
margin-bottom: 24px;
position: relative;
padding-left: 20px;
}
.ir-review-card__quote::before {
content: '"';
position: absolute;
left: 0;
top: -8px;
font-size: 48px;
font-weight: 300;
color: var(--gold);
font-family: var(--font-heading);
line-height: 1;
}
.ir-review-card__author {
font-size: 15px;
font-weight: 600;
color: var(--navy);
margin-bottom: 4px;
}
.ir-review-card__position {
font-size: 13px;
color: var(--foreground-muted);
} .ir-process {
background: var(--surface);
}
.ir-timeline {
position: relative;
max-width: 720px;
margin: 0 auto;
}
.ir-timeline::before {
content: "";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
width: 2px;
background: var(--border);
}
.ir-timeline__step {
position: relative;
padding-left: 72px;
padding-bottom: 40px;
}
.ir-timeline__step:last-child {
padding-bottom: 0;
}
.ir-timeline__number {
position: absolute;
left: 0;
top: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--navy);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-mono);
font-size: 16px;
font-weight: 500;
z-index: 1;
transition: all 0.3s var(--ease);
}
.ir-timeline__step:hover .ir-timeline__number {
background: var(--gold);
transform: scale(1.1);
}
.ir-timeline__title {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 600;
margin-bottom: 6px;
color: var(--foreground);
}
.ir-timeline__text {
font-size: 15px;
color: var(--foreground-muted);
line-height: 1.6;
} .ir-pricing {
background: var(--bg);
}
.ir-price-card {
background: var(--surface);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
padding: 36px;
text-align: center;
transition: all 0.3s var(--ease);
display: flex;
flex-direction: column;
}
.ir-price-card:hover {
box-shadow: var(--shadow-card);
transform: translateY(-4px);
}
.ir-price-card__name {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--foreground-muted);
margin-bottom: 12px;
}
.ir-price-card__price {
font-family: var(--font-mono);
font-size: 36px;
font-weight: 500;
color: var(--navy);
margin-bottom: 4px;
}
.ir-price-card__period {
font-size: 14px;
color: var(--foreground-muted);
margin-bottom: 24px;
}
.ir-price-card__divider {
width: 100%;
height: 1px;
background: var(--border-subtle);
margin-bottom: 24px;
}
.ir-price-card__features {
display: flex;
flex-direction: column;
gap: 12px;
text-align: left;
margin-bottom: 28px;
flex-grow: 1;
}
.ir-price-card__feature {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: var(--foreground);
line-height: 1.4;
}
.ir-price-card__check {
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(61, 139, 94, 0.1);
display: flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ir-price-card__check svg {
width: 12px;
height: 12px;
stroke: var(--success);
stroke-width: 2;
fill: none;
}
.ir-price-card .ir-btn {
width: 100%;
} .ir-cta {
background: linear-gradient(160deg, #0f1d2f 0%, #162d4a 40%, #1a3a5c 100%);
position: relative;
overflow: hidden;
padding: 80px 0 120px 0;
}
.ir-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: var(--gold);
}
.ir-cta::after {
content: "";
position: absolute;
right: -100px;
bottom: -100px;
width: 400px;
height: 400px;
border: 1px solid rgba(196, 162, 101, 0.06);
border-radius: 50%;
pointer-events: none;
}
.ir-cta__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.ir-cta__content {
color: #fff;
}
.ir-cta__title {
color: #fff;
margin-bottom: 16px;
}
.ir-cta__text {
color: rgba(255, 255, 255, 0.6);
margin-bottom: 32px;
max-width: 440px;
}
.ir-cta__contacts {
display: flex;
flex-direction: column;
gap: 16px;
}
.ir-cta__contact-item {
display: flex;
align-items: center;
gap: 12px;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
}
.ir-cta__contact-item svg {
width: 20px;
height: 20px;
stroke: var(--gold);
stroke-width: 1.5;
fill: none;
flex-shrink: 0;
}
.ir-cta__contact-item a {
color: #fff;
font-weight: 500;
}
.ir-cta__contact-item a:hover {
color: var(--gold);
} .ir-cta-form {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-lg);
padding: 36px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: relative;
z-index: 1;
}
.ir-cta-form__title {
font-family: var(--font-heading);
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 4px;
}
.ir-cta-form__subtitle {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 24px;
}
.ir-cta-form .ir-input {
margin-bottom: 12px;
}
.ir-cta-form .ir-btn {
width: 100%;
margin-top: 4px;
white-space: normal;
}
.ir-cta-form .ir-checkbox {
color: rgba(255, 255, 255, 0.5);
margin-top: 12px;
}
.ir-cta-form .ir-checkbox a {
color: rgba(255, 255, 255, 0.7);
}
.ir-cta-form .ir-checkbox input[type="checkbox"] {
border-color: rgba(255, 255, 255, 0.3);
}
.ir-cta-form .ir-checkbox input[type="checkbox"]:checked {
background: var(--gold);
border-color: var(--gold);
} .ir-footer {
background: #0a1420;
color: rgba(255, 255, 255, 0.5);
padding: 48px 0 24px;
}
.ir-footer__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
.ir-footer__logo {
font-family: var(--font-heading);
font-size: 22px;
font-weight: 700;
color: #fff;
margin-bottom: 12px;
}
.ir-footer__desc {
font-size: 14px;
line-height: 1.6;
max-width: 300px;
}
.ir-footer__heading {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 16px;
}
.ir-footer__links {
display: flex;
flex-direction: column;
gap: 10px;
}
.ir-footer__link {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
transition: color 0.2s var(--ease);
}
.ir-footer__link:hover {
color: var(--gold);
}
.ir-footer__bottom {
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
flex-wrap: wrap;
gap: 12px;
}
.ir-footer__disclaimer {
padding: 24px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
margin-top: 24px;
font-size: 12px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.3);
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes countUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .ir-anim {
opacity: 0;
transform: translateY(30px);
transition:
opacity 0.6s var(--ease-out),
transform 0.6s var(--ease-out);
}
.ir-anim--left {
transform: translateX(-30px);
}
.ir-anim--right {
transform: translateX(30px);
}
.ir-anim--scale {
transform: scale(0.95);
}
.ir-anim--visible {
opacity: 1;
transform: translateY(0) translateX(0) scale(1);
} .ir-anim-stagger > * {
opacity: 0;
transform: translateY(20px);
transition:
opacity 0.5s var(--ease-out),
transform 0.5s var(--ease-out);
}
.ir-anim-stagger--visible > *:nth-child(1) {
transition-delay: 0.05s;
}
.ir-anim-stagger--visible > *:nth-child(2) {
transition-delay: 0.1s;
}
.ir-anim-stagger--visible > *:nth-child(3) {
transition-delay: 0.15s;
}
.ir-anim-stagger--visible > *:nth-child(4) {
transition-delay: 0.2s;
}
.ir-anim-stagger--visible > *:nth-child(5) {
transition-delay: 0.25s;
}
.ir-anim-stagger--visible > *:nth-child(6) {
transition-delay: 0.3s;
}
.ir-anim-stagger--visible > * {
opacity: 1;
transform: translateY(0);
} @media (max-width: 1024px) {
.ir-display {
font-size: 40px;
}
.ir-h1 {
font-size: 34px;
}
.ir-h2 {
font-size: 28px;
}
.ir-h3 {
font-size: 24px;
}
.ir-stat-number {
font-size: 40px;
}
.ir-section {
padding: 56px 0;
}
.ir-section-header {
margin-bottom: 36px;
}
.ir-hero__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.ir-hero-form {
max-width: 420px;
}
.ir-grid--3 {
grid-template-columns: repeat(2, 1fr);
}
.ir-grid--4 {
grid-template-columns: repeat(2, 1fr);
}
.ir-case {
grid-template-columns: 1fr;
}
.ir-case__col {
border-right: none;
border-bottom: 1px solid var(--border-subtle);
}
.ir-case__col:last-child {
border-bottom: none;
}
.ir-cta {
padding: 56px 0 100px 0;
}
.ir-cta__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.ir-footer__grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media (max-width: 768px) {
.ir-nav__inner {
padding: 0 16px;
}
.ir-container {
padding: 0 16px;
}
.ir-display {
font-size: 32px;
line-height: 1.2;
}
.ir-h1 {
font-size: 28px;
}
.ir-h2 {
font-size: 24px;
}
.ir-h3 {
font-size: 20px;
}
.ir-h4 {
font-size: 20px;
}
.ir-body-lg {
font-size: 16px;
}
.ir-stat-number {
font-size: 36px;
}
.ir-section {
padding: 40px 0;
}
.ir-section-header {
margin-bottom: 28px;
}
.ir-nav__links {
display: none;
}
.ir-nav__phone {
display: none;
}
.ir-nav__cta--desktop {
display: none;
}
.ir-burger {
display: flex;
}
.ir-hero {
min-height: auto;
padding: 100px 0 48px;
text-align: center;
}
.ir-hero::after {
display: none;
}
.ir-hero__inner {
grid-template-columns: 1fr;
padding: 40px 16px;
gap: 32px;
}
.ir-hero__content {
text-align: center;
}
.ir-hero__subtitle {
margin-left: auto;
margin-right: auto;
}
.ir-hero__ctas {
flex-direction: column;
align-items: center;
}
.ir-hero__ctas .ir-btn {
width: 100%;
max-width: 100%;
}
.ir-hero__proof {
flex-direction: column;
gap: 16px;
align-items: center;
}
.ir-hero__proof-item {
justify-content: center;
}
.ir-hero-form {
max-width: 100%;
text-align: left;
}
.ir-grid--2,
.ir-grid--3,
.ir-grid--4 {
grid-template-columns: 1fr;
}
.ir-stats__grid {
flex-direction: column;
gap: 0;
}
.ir-stats__item {
padding: 20px 0;
}
.ir-stats__item + .ir-stats__item::before {
width: 48px;
height: 1px;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.ir-footer__grid {
grid-template-columns: 1fr;
gap: 28px;
}
.ir-footer__bottom {
flex-direction: column;
text-align: center;
}
.ir-reviews-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.ir-cta {
padding: 40px 0 80px 0;
}
.ir-cta::after {
display: none;
}
.ir-cta__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.ir-cta-form {
padding: 28px;
}
}
@media (max-width: 480px) {
.ir-display {
font-size: 28px;
}
.ir-h1 {
font-size: 26px;
}
.ir-h2 {
font-size: 22px;
}
.ir-stat-number {
font-size: 32px;
}
.ir-hero {
padding-top: 80px;
}
.ir-hero-form {
padding: 24px;
}
.ir-card {
padding: 24px;
}
.ir-cta {
padding: 32px 0 60px 0;
}
.ir-cta-form {
padding: 24px;
}
.ir-cta__contact-item {
font-size: 14px;
}
} .ir-text-center {
text-align: center;
}
.ir-text-gold {
color: var(--gold);
}
.ir-text-navy {
color: var(--navy);
}
.ir-text-muted {
color: var(--foreground-muted);
}
.ir-text-white {
color: #fff;
}
.ir-bg-navy {
background: var(--navy);
}
.ir-bg-surface {
background: var(--surface);
}
.ir-bg-alt {
background: var(--bg-alt);
}
.ir-mb-0 {
margin-bottom: 0;
}
.ir-mb-4 {
margin-bottom: 4px;
}
.ir-mb-8 {
margin-bottom: 8px;
}
.ir-mb-12 {
margin-bottom: 12px;
}
.ir-mb-16 {
margin-bottom: 16px;
}
.ir-mb-20 {
margin-bottom: 20px;
}
.ir-mb-24 {
margin-bottom: 24px;
}
.ir-mb-32 {
margin-bottom: 32px;
}
.ir-mb-48 {
margin-bottom: 48px;
}
.ir-mt-auto {
margin-top: auto;
}
.ir-mx-auto {
margin-left: auto;
margin-right: auto;
}
.ir-max-w-560 {
max-width: 560px;
}
.ir-max-w-720 {
max-width: 720px;
}
.ir-hidden {
display: none;
}
.ir-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}div.inner_text {
height: 0;
overflow: hidden;
visibility: collapse
}
div.inner_text.show {
height: auto;
visibility: visible
}
a.showmore {
display: block;
font-size: 14px;
height: 20px;
line-height: 20px
}
a.showmore>span.view_modifier {
background: url(//imright.ru/wp-content/plugins/jquery-expanding-box/plus.gif) left center no-repeat;
padding-left: 10px
margin-right: 10px;
}
a.showmore>span.view_modifier.show {
background: url(//imright.ru/wp-content/plugins/jquery-expanding-box/minus.gif) left center no-repeat
}