/* Bitrix service and its homepage banner: graphite / white / wasabi. */
/* Scroll motion is scoped to the service page; the homepage banner keeps its styling. */
.tf-store .tf-store-motion>.tf-store-phone,.tf-store .tf-store-motion:hover>.tf-store-phone{transform:translate3d(0,var(--store-y,0px),0) rotate(var(--store-r,0deg))!important;transition:none!important;will-change:transform}
.tf-store .tf-store-motion>.tf-store-hero__badge,.tf-store .tf-store-motion>.tf-store-orbit{transform:translate3d(0,var(--store-y,0px),0) rotate(var(--store-r,0deg));will-change:transform}
.tf-store{--store-ink:#19191b;--store-accent:#e9f056;--store-muted:#66666c;color:var(--store-ink);background:#fff;overflow:clip}
.tf-store-wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.tf-facelift .tf-store :where(h1,h2,h3,p,figure){margin:0}
.tf-facelift .tf-store :is(h1,h2,h3){color:#19191b;text-wrap:initial}
.tf-facelift .tf-store br,.tf-facelift .tf-bitrix-banner br{display:initial!important}
.tf-store a:focus-visible,.tf-bitrix-banner a:focus-visible,.tf-store summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.tf-store .tf-store-dot{color:#e9f056}
.tf-store .tf-store-eyebrow,.tf-bitrix-banner .tf-store-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#66666c;margin:0 0 22px}
.tf-store-eyebrow a{color:inherit}
.tf-store-hero{padding:164px 0 68px}
.tf-store-hero__grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:center;gap:64px}
.tf-facelift .tf-store h1{font-size:clamp(44px,4.8vw,70px);font-weight:550;line-height:1.055;letter-spacing:-.055em;max-width:780px}
.tf-store-nowrap{white-space:nowrap}
.tf-store .tf-store-lead{max-width:490px;margin-top:28px;color:#66666c;font-size:17px;line-height:1.75}
.tf-store-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.tf-facelift .tf-store-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:16px 24px;border-radius:100px;background:#e9f056;color:#19191b;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;transition:transform .25s,box-shadow .25s}
.tf-facelift .tf-store-button:hover{color:#19191b;transform:translateY(-3px);box-shadow:0 8px 25px #19191b15}
.tf-facelift .tf-store-button--dark{background:#19191b;color:#fff}
.tf-facelift .tf-store-button--dark:hover{background:#29292c;color:#fff}
.tf-store-button>span{font-size:22px;font-weight:400;line-height:1}
.tf-store-textlink{display:inline-flex;align-items:center;gap:12px;color:#19191b;font-size:13px;text-decoration:none;border-bottom:1px solid #d4d4d8;padding-block:6px}
.tf-store-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
.tf-store-platforms span{border:1px solid #dedee1;border-radius:40px;padding:7px 12px;font-size:11px;color:#66666c}
.tf-store-hero__visual{position:relative;display:grid;place-items:center;min-height:605px;border-radius:44px;background:#e9f056;isolation:isolate}
.tf-store-orbit{position:absolute;width:115%;aspect-ratio:1;border:1px solid #19191b1a;border-radius:50%;z-index:-1;pointer-events:none}
.tf-store-orbit:after{content:"";position:absolute;inset:35px;border:1px solid #19191b1a;border-radius:50%}
.tf-store-phone{width:260px;max-width:100%;padding:7px;border-radius:35px;background:#202022;box-shadow:0 32px 50px -22px #15151855,0 0 0 1px #55555b;line-height:0}
.tf-store-phone img{display:block;width:100%;height:auto;border-radius:28px}
.tf-store-hero__visual>.tf-store-phone{width:240px;transform:rotate(8deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.tf-store-hero__visual:hover>.tf-store-phone{transform:rotate(3deg) translateY(-8px)}
.tf-store-hero__badge{position:absolute;bottom:42px;left:-24px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;background:#19191b;color:#fff;box-shadow:0 14px 35px #19191b20;font-size:12px;line-height:1.5}
.tf-store-hero__badge i{font-size:32px;font-style:normal;color:#e9f056}
.tf-store-intro{padding-block:90px 115px;border-top:1px solid #e4e4e6}
.tf-facelift .tf-store h2{font-size:clamp(34px,4.5vw,62px);font-weight:520;line-height:1.1;letter-spacing:-.045em}
.tf-store-intro h2{max-width:1000px}
.tf-store-intro h2>span{background:linear-gradient(transparent 77%,#e9f056 77%,#e9f056 94%,transparent 94%)}
.tf-store-intro__text{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:930px;margin-top:35px}
.tf-store-intro__text p{font-size:16px;line-height:1.8;color:#66666c}
.tf-store-screens{padding-block:100px;background:#f6f6f5;scroll-margin-top:100px}
.tf-store-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:50px}
.tf-store-heading>p{max-width:390px;color:#66666c;font-size:16px;line-height:1.8;justify-self:end}
.tf-store-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.tf-store-gallery figure:nth-child(2){padding-top:60px}
.tf-store-gallery__stage{display:grid;place-items:center;padding:35px 30px;border:1px solid #e1e1e4;border-radius:30px;background:#fff}
.tf-store-gallery__stage .tf-store-phone{width:262px;transition:transform .5s}
.tf-store-gallery figure:hover .tf-store-phone{transform:translateY(-8px)}
.tf-store-gallery figcaption{padding:25px 5px 0}
.tf-facelift .tf-store-gallery h3{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.tf-store-gallery figcaption p{margin-top:10px!important;color:#66666c;font-size:14px;line-height:1.7;max-width:310px}
.tf-store .tf-store-caption{margin-top:35px;color:#707078;font-size:12px;line-height:1.7}
.tf-store-features{padding-block:110px}
.tf-store-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tf-store-feature-grid article{padding:28px 24px;border:1px solid #dedee1;border-radius:22px;background:#fff}
.tf-store-feature-grid svg{width:30px;height:30px;margin-bottom:35px;color:#19191b}
.tf-facelift .tf-store-feature-grid h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
.tf-store-feature-grid p{margin-top:15px!important;color:#66666c;font-size:13px;line-height:1.8}
.tf-store-connect{padding-block:95px;background:#19191b}
.tf-store-connect__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}
.tf-store-connect .tf-store-eyebrow{color:#b7b7bc}
.tf-facelift .tf-store-connect h2{color:#fff}
.tf-store-connect h2 span{color:#e9f056}
.tf-store-connect__copy>p{color:#d1d1d6;font-size:16px;line-height:1.8;margin-bottom:22px!important}
.tf-store-connect__copy .tf-store-button{margin-top:14px}
.tf-store-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:110px}
.tf-store-faq details{border-bottom:1px solid #dedee1}
.tf-store-faq details:first-child{border-top:1px solid #dedee1}
.tf-store-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;list-style:none;cursor:pointer;font-size:17px;line-height:1.5;font-weight:550;color:#19191b}
.tf-store-faq summary::-webkit-details-marker{display:none}
.tf-store-faq summary span{font-size:25px;font-weight:400;transition:rotate .2s}
.tf-store-faq details[open] summary span{rotate:45deg}
.tf-store-faq details>p{padding:0 40px 25px 0;color:#66666c;font-size:15px;line-height:1.8}
.tf-store-final{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e9f056;border-radius:34px;padding:50px 48px;margin-bottom:90px}
.tf-store-final .tf-store-eyebrow{color:#3f3f46}
.tf-facelift .tf-store-final h2{font-size:clamp(32px,3.7vw,50px)}
.tf-store-final>.tf-store-button{flex:none}
.tf-bitrix-banner{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:45px;padding:46px 54px;margin-top:30px;border-radius:30px;background:#e9f056;color:#19191b;overflow:hidden}
.tf-bitrix-banner .tf-store-eyebrow{color:#3f3f46}
.tf-facelift .tf-bitrix-banner h3{font-size:clamp(28px,3.6vw,49px);line-height:1.12;letter-spacing:-.045em;font-weight:550;color:#19191b;margin:0;max-width:730px}
.tf-bitrix-banner__copy>p:not(.tf-store-eyebrow){font-size:15px;line-height:1.8;color:#3f3f46;margin:20px 0 27px;max-width:510px}
.tf-bitrix-banner__visual{position:relative;display:grid;place-items:center;padding:8px 20px}
.tf-bitrix-banner__visual .tf-store-phone{width:185px;transform:rotate(10deg);transition:transform .6s}
.tf-bitrix-banner:hover .tf-store-phone{transform:rotate(5deg) translateY(-6px)}
.tf-bitrix-banner__badge{position:absolute;left:0;bottom:30px;padding:14px 18px;border-radius:15px;background:#fff;color:#19191b;box-shadow:0 10px 30px #19191b12;font-size:12px;line-height:1.5}
@media(max-width:1100px){
 .tf-store-wrap{width:calc(100% - 48px)}
 .tf-store-hero__grid{gap:35px;grid-template-columns:1.3fr 1fr}
 .tf-store-hero__visual{min-height:555px;border-radius:32px}
 .tf-store-hero__visual>.tf-store-phone{width:215px}
 .tf-store-hero__badge{left:-12px;bottom:30px;padding:15px;font-size:11px}
 .tf-store-gallery{gap:18px}
 .tf-store-gallery__stage{padding:25px 18px;border-radius:24px}
 .tf-store-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-store-connect__grid,.tf-store-faq{gap:45px}
 .tf-store-final{padding:40px 32px}
 .tf-bitrix-banner{grid-template-columns:1fr 240px;gap:25px;padding:38px 35px}
 .tf-bitrix-banner__visual{padding-inline:0}
}
@media(max-width:760px){
 .tf-store-wrap{width:calc(100% - 40px)}
 .tf-store-hero{padding:130px 0 50px}
 .tf-store-hero__grid{grid-template-columns:1fr;gap:44px}
 .tf-facelift .tf-store h1{font-size:clamp(40px,9.9vw,65px);line-height:1.055;letter-spacing:-.05em}
 .tf-store .tf-store-lead{font-size:16px;margin-top:22px}
 .tf-store-actions{gap:16px;margin-top:26px}
 .tf-facelift .tf-store-button{min-height:52px;font-size:13px;padding:14px 20px;gap:20px}
 .tf-store-platforms{margin-top:22px}
 .tf-store-hero__visual{min-height:560px;max-width:500px;width:100%;margin:auto}
 .tf-store-hero__visual>.tf-store-phone{width:215px}
 .tf-store-hero__badge{left:18px;bottom:35px}
 .tf-store-intro{padding-block:58px 65px}
 .tf-facelift .tf-store h2{font-size:clamp(33px,8.5vw,48px);line-height:1.12}
 .tf-store-intro__text{grid-template-columns:1fr;gap:20px;margin-top:26px}
 .tf-store-intro__text p,.tf-store-heading>p{font-size:15px}
 .tf-store-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .tf-store-heading>p{justify-self:start;max-width:480px}
 .tf-store-screens{padding-block:65px}
 .tf-store-gallery{grid-template-columns:1fr;gap:38px}
 .tf-store-gallery figure{max-width:480px;width:100%;margin-inline:auto!important}
 .tf-store-gallery figure:nth-child(2){padding-top:0}
 .tf-store-gallery__stage{padding:34px 26px}
 .tf-store-gallery__stage .tf-store-phone{width:245px}
 .tf-store-gallery figcaption{padding-top:20px}
 .tf-store-gallery figcaption p{max-width:100%}
 .tf-store-features{padding-block:65px}
 .tf-store-feature-grid{gap:10px}
 .tf-store-feature-grid article{padding:22px 18px;border-radius:18px}
 .tf-store-feature-grid svg{margin-bottom:23px}
 .tf-facelift .tf-store-feature-grid h3{font-size:18px}
 .tf-store-feature-grid p{font-size:13px}
 .tf-store-connect{padding-block:65px}
 .tf-store-connect__grid,.tf-store-faq{grid-template-columns:1fr;gap:32px}
 .tf-store-connect__copy>p{font-size:15px}
 .tf-store-faq{padding-block:65px}
 .tf-store-faq summary{font-size:15px;padding:21px 0}
 .tf-store-final{align-items:flex-start;flex-direction:column;gap:28px;padding:30px 24px;margin-bottom:60px;border-radius:25px}
 .tf-facelift .tf-store-final h2{font-size:32px}
 .tf-bitrix-banner{grid-template-columns:1fr;padding:30px 24px;gap:22px;border-radius:25px}
 .tf-facelift .tf-bitrix-banner h3{font-size:32px}
 .tf-bitrix-banner__copy>p:not(.tf-store-eyebrow){font-size:14px}
 .tf-bitrix-banner__visual{width:260px;max-width:100%;margin:auto;padding-block:15px}
 .tf-bitrix-banner__visual .tf-store-phone{width:180px}
 .tf-bitrix-banner__badge{left:0;bottom:32px}
}
@media(max-width:390px){.tf-store-feature-grid{grid-template-columns:1fr}.tf-store .tf-store-eyebrow{font-size:10px;gap:8px}.tf-facelift .tf-store h1{font-size:38px}.tf-store-hero__visual{min-height:530px}.tf-store-hero__visual>.tf-store-phone{width:200px}}
@media(prefers-reduced-motion:reduce){.tf-store-phone,.tf-store-button,.tf-store summary span{transition:none!important}.tf-store-hero__visual:hover>.tf-store-phone,.tf-bitrix-banner:hover .tf-store-phone{translate:none}.tf-store-gallery figure:hover .tf-store-phone,.tf-store-button:hover{transform:none!important}}