:root{--api-black:#09070a;--api-panel:#211d22;--api-purple:#a900f7;--api-lilac:#ddbbf1;--api-paper:#f5f3f6;--api-ink:#181319;--api-muted:rgba(255,255,255,.62);--api-line:rgba(255,255,255,.13);--api-ease:cubic-bezier(.22,1,.36,1)}
html:has(.api-page){font-size:1.111111vw}
.api-page a,.api-page .w-input,.api-page .w-select,.api-page .w-tab-link,.api-page .w-nav-link,.api-page .w-dropdown-btn,.api-page .w-dropdown-toggle,.api-page .w-dropdown-link{color:inherit;text-decoration:none;font-size:inherit}
.api-page .ca-brand-lockup__mark,.api-page .logo-footer img[data-slot="22"]{display:block!important;width:48px!important;height:auto!important;max-width:48px!important;aspect-ratio:153/128;object-fit:contain!important;background:transparent!important;mix-blend-mode:normal!important}
.api-page .ca-brand-lockup{gap:10px!important;align-items:center!important}
.api-page .logo-footer{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
.api-page .logo-footer::after{content:"Отзывы 360";color:#fff;font-family:"DM Sans",sans-serif;font-size:20px!important;font-weight:500;letter-spacing:.02em;white-space:nowrap}
@media(max-width:991px){html:has(.api-page){font-size:2.083vw}}
@media(max-width:479px){html:has(.api-page){font-size:4.103vw}}
html{scroll-behavior:smooth}.api-page{overflow-x:clip;background:var(--api-black);color:#fff}.api-page main{font-family:"DM Sans",sans-serif}.api-page .shell{width:min(1248px,calc(100% - 64px));margin-inline:auto}
.api-page .hero{position:relative;min-height:920px;padding-top:96px;background:radial-gradient(circle at 4% 10%,rgba(151,0,220,.76),transparent 34%),radial-gradient(circle at 91% 67%,rgba(116,0,175,.27),transparent 31%),var(--api-black)}.api-page .hero::before{content:"API";position:absolute;left:-.04em;top:150px;color:rgba(255,255,255,.018);font-size:34vw;font-weight:700;line-height:.75;letter-spacing:-.11em}.api-page .hero__glow{position:absolute;right:-8%;bottom:-18%;width:650px;height:580px;border-radius:50%;background:rgba(169,0,247,.15);filter:blur(100px)}.api-page .hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:790px}.api-page .hero__copy{padding:45px 0 80px}.api-page .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:rgba(255,255,255,.62);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.api-page .eyebrow::before{content:"";width:34px;height:1px;background:var(--api-purple)}.api-page .hero h1{max-width:590px;margin:0;font-size:clamp(4rem,5.7vw,5.4rem);font-weight:400;line-height:.98;letter-spacing:-.055em}.api-page .hero h1 span,.api-page .section-heading h2 span{color:var(--api-lilac)}.api-page .hero__lead{max-width:530px;margin:28px 0 0;color:var(--api-muted);font-size:16px;line-height:1.65}.api-page .hero__actions{display:flex;align-items:center;gap:24px;margin-top:34px}.api-page .text-link{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.84);font-size:14px;font-weight:600;text-decoration:none}.api-page .hero__facts{display:flex;margin:52px 0 0;padding:0;list-style:none}.api-page .hero__facts li{display:grid;gap:4px;min-width:120px;padding-right:28px}.api-page .hero__facts li+li{padding-left:28px;border-left:1px solid var(--api-line)}.api-page .hero__facts b{font-size:16px}.api-page .hero__facts span{color:rgba(255,255,255,.47);font-size:11px}.api-page .hero__visual{position:relative;height:680px}.api-page .hero__visual>img{position:absolute;z-index:2;top:35px;right:20px;width:630px;max-width:none;filter:hue-rotate(52deg) saturate(1.25) drop-shadow(0 36px 55px rgba(97,0,155,.4));animation:api-float 7s ease-in-out infinite}.api-page .orbit{position:absolute;z-index:1;left:52%;top:48%;border:1px solid rgba(221,187,241,.14);border-radius:50%;transform:translate(-50%,-50%)}.api-page .orbit--one{width:590px;height:590px}.api-page .orbit--two{width:450px;height:450px}.api-page .integration-chip{position:absolute;z-index:5;padding:10px 16px;border:1px solid var(--api-line);border-radius:999px;background:rgba(25,12,29,.82);font-size:12px}.api-page .chip--crm{right:55px;top:112px}.api-page .chip--bi{left:0;top:265px}.api-page .chip--desk{right:25px;top:370px}.api-page .code-card{position:absolute;z-index:6;left:80px;bottom:16px;width:450px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(49,22,58,.96),rgba(11,5,14,.94));overflow:hidden;transition:transform .25s ease-out}.api-page .code-card__top{display:flex;align-items:center;height:48px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.api-page pre{margin:0;padding:21px;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.api-page pre strong{color:#dc8bff}.api-page pre em{color:#87e9bd;font-style:normal}
.api-page .light-section{padding:112px 0 125px;border-radius:56px 56px 0 0;background:var(--api-paper);color:var(--api-ink)}.api-page .section-heading{max-width:900px}.api-page .section-heading h2,.api-page .process-copy h2,.api-page .closing h2{margin:0;font-size:clamp(2.65rem,5vw,4.5rem);font-weight:400;line-height:1.04;letter-spacing:-.05em}.api-page .section-heading>p:last-child{max-width:690px;margin:24px 0 0;color:#716a73;font-size:17px;line-height:1.6}.api-page .capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:68px}.api-page .capability-card{position:relative;min-height:310px;padding:34px;border:1px solid #dfd9e1;border-radius:24px;background:#fff;overflow:hidden}.api-page .capability-card--dark{background:var(--api-panel);color:#fff}.api-page .capability-card h3{margin:55px 0 13px;font-size:30px}.api-page .capability-card p{color:#756d77;line-height:1.6}.api-page .capability-card--dark p{color:var(--api-muted)}.api-page .capability-card ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.api-page .capability-card li{padding:8px 12px;border-radius:999px;background:#f1eaf4;color:#633b70;font-size:12px}.api-page .process-section{padding:125px 0;background:var(--api-black)}.api-page .process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.api-page .process-copy{position:sticky;top:50px;align-self:start}.api-page .steps{padding:0;list-style:none}.api-page .steps li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:31px 0;border-bottom:1px solid var(--api-line)}.api-page .steps p{color:var(--api-muted)}.api-page .closing{padding:20px 0 110px}.api-page .closing__card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:45px;padding:58px 62px;border:1px solid var(--api-line);border-radius:28px;background:var(--api-panel)}.api-page .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--api-ease),transform .8s var(--api-ease)}.api-page .reveal.is-visible{opacity:1;transform:none}.api-page .hero__copy>*{opacity:0;transform:translateY(32px);transition:opacity .85s var(--api-ease),transform .85s var(--api-ease)}.api-ready .api-page .hero__copy>*{opacity:1;transform:none}
@keyframes api-float{50%{transform:translateY(-13px)}}
@media(max-width:820px){.api-page .shell{width:min(100% - 40px,720px)}.api-page .hero__grid,.api-page .process-grid{grid-template-columns:1fr}.api-page .hero__copy{text-align:center}.api-page .eyebrow,.api-page .hero__actions,.api-page .hero__facts{justify-content:center}.api-page .hero__visual{height:590px}.api-page .hero__visual>img{left:50%;right:auto;width:570px;transform:translateX(-50%)}.api-page .code-card{left:50%;width:min(450px,82%);transform:translateX(-50%)}.api-page .capability-grid{grid-template-columns:1fr}.api-page .process-copy{position:static}.api-page .closing__card{grid-template-columns:1fr}}
@media(max-width:560px){.api-page .shell{width:calc(100% - 32px)}.api-page .hero{min-height:auto}.api-page .hero__copy{padding-top:55px;text-align:left}.api-page .eyebrow{justify-content:flex-start}.api-page .hero h1{font-size:clamp(3rem,14vw,4rem)}.api-page .hero__actions{align-items:stretch;flex-direction:column}.api-page .hero__facts{justify-content:flex-start}.api-page .hero__visual{height:480px}.api-page .hero__visual>img{width:455px}.api-page .integration-chip{display:none}.api-page .code-card{width:calc(100% - 12px)}.api-page .light-section,.api-page .process-section{padding:78px 0}.api-page .capability-card{min-height:0;padding:25px}.api-page .closing__card{padding:34px 25px}}

@media(max-width:560px){
  .api-page .hero__actions>.main-button-hover{
    align-self:flex-start;
    width:max-content;
    max-width:100%;
  }

  .api-page .hero__actions>.main-button-hover>.glass-label{
    width:auto;
    max-width:100%;
  }
}
@media(prefers-reduced-motion:reduce){.api-page main *,.api-page main *::before,.api-page main *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.api-page .reveal{opacity:1;transform:none}}
.api-page .eyebrow--dark{color:#6f238f}
.api-page .process-copy>.main-button-hover{display:inline-block;width:max-content;max-width:100%}
