:root { --ink:#111111; --paper:#f4f1eb; --orange:#f16322; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; }
.page { width:min(1240px, calc(100% - 72px)); margin:0 auto; }
header { height:98px; display:flex; align-items:center; justify-content:space-between; }
.logo { max-width: 150px; color: #47443f }
.logo-2 { max-width: 70px; color: #47443f }
nav { display:flex; align-items:center; gap:42px; margin-left:75px; font-size:14px; }
nav a { transition:opacity .2s; } nav a:hover { opacity:.58; }
.header-actions { display:flex; align-items:center; gap:22px; }
.language-switcher { display:flex; align-items:center; gap:7px; color:#8a847c; font-size:13px; }
.language-switcher a { transition:color .2s; }
.language-switcher a:hover, .language-switcher .active { color:var(--orange); }
.region-switcher { display:flex; align-items:center; gap:7px; color:#8a847c; font-size:13px; white-space:nowrap; }
.region-switcher a { transition:color .2s; }
.region-switcher a:hover, .region-switcher .active { color:var(--orange); }
.signup { color: #47443f; padding:0; font-size:18px; font-weight:750; letter-spacing:-.3px; transition:color .2s; }
.signup:hover { color:var(--orange); }
.hero { min-height:505px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:30px; }
.copy { padding:9px 0 0 34px; }
h1 { max-width:560px; margin:0 0 23px; font-size:58px; line-height:1.05; letter-spacing:-3.5px; font-weight:800; }
.lead { max-width:470px; margin:0 0 31px; padding:8px 0 8px 16px; border-left:2px solid #58b5c4; color:#47443f; font-size:14px; line-height:1.8; }
.actions { display:flex; align-items:center; gap:24px; }
.primary { display:inline-flex; align-items:center; gap:12px; padding:16px 23px; border-radius:30px; color:white; background:var(--orange); font-size:14px; box-shadow:0 10px 20px #f1632220; }
.spark { font-size:22px; line-height:0; }
.visual { position:relative; min-height:470px; display:grid; place-items:center; }
.person { position:relative; z-index:1; width:min(510px, 100%); margin:37px 0 0 12px; filter:drop-shadow(0 20px 18px #27293d18); }
.bitrix-section { padding:78px 34px; border-top:1px solid #d9d4cc; }
.bitrix-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.bitrix-heading h2 { max-width:590px; margin:0; font-size:43px; line-height:1.08; letter-spacing:-2.4px; }
.bitrix-heading p { max-width:350px; margin:0; color:#625f59; font-size:14px; line-height:1.7; }
.bitrix-carousel { position:relative; overflow:hidden; border-radius:26px; background:#202f50; color:#fff; }
.bitrix-track { display:flex; transition:transform .45s ease; }
.bitrix-slide { min-width:100%; display:grid; grid-template-columns:110px 1fr; gap:30px; min-height:260px; padding:42px 48px; align-items:start; }
.bitrix-number { color:#62c1ca; font-family:'Orbitron',sans-serif; font-size:48px; font-weight:700; line-height:1; }
.bitrix-slide h3 { margin:0 0 12px; font-size:28px; letter-spacing:-1px; }
.bitrix-slide p { max-width:680px; margin:0; color:#d7dfeb; font-size:15px; line-height:1.75; }
.bitrix-controls { position:absolute; right:38px; bottom:28px; display:flex; align-items:center; gap:14px; }
.bitrix-arrow { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ffffff66; border-radius:50%; cursor:pointer; color:#fff; background:transparent; font-size:18px; }
.bitrix-arrow:hover { border-color:#62c1ca; color:#62c1ca; }
.bitrix-dots { display:flex; gap:6px; }
.bitrix-dot { width:7px; height:7px; padding:0; border:0; border-radius:50%; cursor:pointer; background:#ffffff55; }
.bitrix-dot.is-active { width:22px; border-radius:8px; background:#62c1ca; }
.team-section { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:54px; padding:78px 34px 82px; border-top:1px solid #d9d4cc; }
.team-card { order:1; }
.team-copy { order:2; justify-self:end; text-align:right; }
.eyebrow { margin:0 0 14px; color:#55a9b7; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.team-copy h2 { max-width:430px; margin:0 0 17px; font-size:43px; line-height:1.08; letter-spacing:-2.4px; }
.team-copy p { max-width:405px; margin:0 0 0 auto; color:#625f59; font-size:14px; line-height:1.8; }
.team-card { position:relative; }
.team-image { display:block; width:100%; height:auto; margin-top:11px; position:relative; z-index:1; }
.team-tag { position:absolute; z-index:2; right:22px; bottom:20px; padding:11px 17px; border-radius:22px; background:#f4f1eb; color:#3d3a35; font-size:12px; font-weight:700; }
.partners { border-top:1px solid #d9d4cc; padding:34px 12px 30px; text-align:center; }
.partners p { margin:0 0 27px; font-size:14px; }
.brands { display:grid; grid-template-columns:repeat(6,1fr); gap:22px; }
.brand { padding:11px 8px; border-radius:30px; background:#f1dcc8; color:#665c52; font-size:16px; font-weight:650; }
.feedback { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding:80px 34px; border-top:1px solid #d9d4cc; }
.feedback h2 { max-width:390px; margin:0 0 16px; font-size:43px; line-height:1.08; letter-spacing:-2.4px; }
.feedback-copy p { max-width:360px; margin:0; color:#625f59; font-size:14px; line-height:1.8; }
.feedback-form { display:grid; gap:14px; }
.feedback-form input, .feedback-form textarea { width:100%; border:1px solid #d7d0c6; border-radius:12px; outline:none; padding:15px 17px; color:var(--ink); background:#faf8f4; font:inherit; font-size:14px; transition:border-color .2s, box-shadow .2s; }
.feedback-form input:focus, .feedback-form textarea:focus { border-color:#55a9b7; box-shadow:0 0 0 3px #55a9b722; }
.feedback-form textarea { min-height:118px; resize:vertical; }
.anti-bot { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.consent { display:flex; align-items:flex-start; gap:10px; color:#625f59; font-size:12px; line-height:1.5; cursor:pointer; }
.consent input { flex:0 0 auto; width:16px; height:16px; margin:1px 0 0; accent-color:var(--orange); }
.consent a { color:#469aa9; text-decoration:underline; text-underline-offset:2px; }
.feedback-form button { justify-self:start; border:0; cursor:pointer; padding:15px 23px; border-radius:30px; color:white; background:var(--orange); font:inherit; font-size:14px; }
.form-status { min-height:20px; margin:0; color:#469aa9; font-size:13px; }
.form-status.is-error { color:#c9501d; }
footer { display:flex; justify-content:space-between; gap:30px; padding:34px 34px 42px; border-top:1px solid #d9d4cc; }
.footer-brand p { max-width:220px; margin:9px 0 0; color:#625f59; font-size:12px; line-height:1.6; }
.footer-contacts { display:flex; gap:58px; }
.contact strong { display:block; margin-bottom:8px; color:#8a847c; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; }
.contact a, .contact span { color:#292723; font-size:14px; }
.contact-legal {color:#625f59; font-size:12px; line-height:1.6; }
.legal-page { min-height:100vh; }
.legal { max-width:780px; padding:64px 34px 90px; }
.legal h1 { max-width:760px; margin-bottom:28px; font-size:52px; }
.legal h2 { margin:34px 0 10px; font-size:24px; letter-spacing:-.8px; }
.legal p { max-width:700px; color:#625f59; font-size:15px; line-height:1.8; }
.legal h3 { max-width:700px; margin:24px 0 8px; color:var(--ink); font-size:18px; line-height:1.35; }
.legal ul { max-width:700px; margin:0 0 18px; padding-left:24px; color:#625f59; font-size:15px; line-height:1.8; }
.legal-document h1 { margin-bottom:34px; }
.footer-documents { display:grid; gap:5px; }
.footer-documents a { color:#292723; font-size:12px; }
.footer-documents a:hover { color:var(--orange); }
.legal a { color:#469aa9; text-decoration:underline; text-underline-offset:2px; }
.cookie-banner { position:fixed; z-index:20; right:auto; bottom:24px; left:50%; display:flex; width:calc(100% - 48px); max-width:960px; align-items:center; justify-content:space-between; gap:32px; padding:28px 32px; border:1px solid #d8d0c5; border-radius:24px; background:#fffdf9; box-shadow:0 18px 50px #28231e22; transform:translateX(-50%); }
.cookie-content { max-width:760px; }
.cookie-content h2 { margin:0 0 8px; font-size:22px; letter-spacing:-.7px; }
.cookie-content p { margin:0; color:#625f59; font-size:13px; line-height:1.6; }
.cookie-content a { color:#469aa9; text-decoration:underline; text-underline-offset:2px; }
.cookie-actions { display:flex; flex:0 0 auto; gap:10px; }
.cookie-actions button { border:1px solid var(--orange); border-radius:24px; padding:12px 18px; cursor:pointer; font:inherit; font-size:13px; }
.cookie-accept { color:white; background:var(--orange); }
.cookie-reject { color:#c9501d; background:transparent; }
.cookie-banner.is-hidden { display:none; }
@media (max-width:800px) { .page{width:min(100% - 36px, 600px)} header{height:78px}.logo{font-size:21px}nav{display:none}.header-actions{gap:14px}.signup{padding:0;font-size:16px}.hero{grid-template-columns:1fr; padding-top:22px}.copy{padding:0}.visual{display:none}h1{font-size:46px;letter-spacing:-2.5px}.lead{font-size:13px}.bitrix-section{padding:58px 0}.bitrix-heading{display:block}.bitrix-heading h2{font-size:38px;margin-bottom:16px}.bitrix-slide{grid-template-columns:1fr;gap:16px;min-height:330px;padding:30px 24px 78px}.bitrix-number{font-size:34px}.bitrix-slide h3{font-size:24px}.bitrix-slide p{font-size:14px}.bitrix-controls{right:24px;bottom:24px}.team-section{grid-template-columns:1fr;gap:28px;padding:58px 0}.team-copy h2{font-size:38px}.team-card{min-height:180px;border-radius:20px}.team-card:after{inset:12px}.team-tag{right:14px;bottom:14px}.feedback{grid-template-columns:1fr;gap:30px;padding:58px 0}.feedback h2{font-size:38px}.feedback-form button{width:100%}.brands{grid-template-columns:repeat(2,1fr);gap:12px}footer{display:block;padding:30px 0 36px}.footer-contacts{display:grid;gap:18px;margin-top:28px}.legal{padding:42px 0 64px}.legal h1{font-size:40px}.legal h2{font-size:22px}.cookie-banner{right:12px;bottom:12px;left:12px;width:auto;max-width:none;display:block;padding:22px;transform:none}.cookie-content h2{font-size:20px}.cookie-actions{margin-top:18px}.cookie-actions button{flex:1} }
@media (min-width:801px) and (max-width:1050px) { h1{font-size:48px} nav{gap:20px;margin-left:20px}.person{width:440px} }
.b24-1 { color: var(--orange); font-weight: bold; }
.b24-2 { color: #00aeef; font-weight: bold; }
.primary-2 { display:inline-flex; align-items:center; gap:12px; padding:16px 23px; border-radius:30px; color:white; background:#00aeef; font-size:14px; box-shadow:0 10px 20px #f1632220; }
.footer-documents {color:#625f59; font-size:12px; line-height:1.6; }