:root{color-scheme:dark;--bg:#050908;--surface:#0b1412;--text:#e8f1ee;--muted:#97aaa2;--line:#23352e;--mint:#26f7c5;--violet:#b096ff;font-family:Inter,Arial,Helvetica,sans-serif;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550}h1{font-size:clamp(2.5rem,4.45vw,4rem);line-height:1.13;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.3vw,2.9rem);line-height:1.16;letter-spacing:-.035em}h3{letter-spacing:-.025em}h1 span,h2 span:not(.dim){color:var(--mint)}.dim{color:#82948c}.container{width:min(1224px,calc(100% - 96px));margin-inline:auto}.header{border-bottom:1px solid var(--line);background:rgba(5,9,8,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:184px;height:auto}.header nav{display:flex;gap:30px;color:#b0bdb7;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--mint)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:15px 22px;border:1px solid #3b5147;border-radius:6px;font-size:15px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#17251e;transform:translateY(-2px)}.primary{background:var(--mint);color:#05251c;border-color:var(--mint)}.primary:hover{background:#75ffdc}.button-small{font-size:14px;padding:11px 17px;gap:19px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{padding-top:68px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font:500 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;margin-bottom:24px}.eyebrow-line{height:1px;width:22px;background:var(--mint)}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-heading p{font-size:16px;color:var(--muted);line-height:1.75;max-width:330px;padding-bottom:5px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:16px}.console{margin-top:48px;border:1px solid #355144;border-radius:12px;background:linear-gradient(115deg,rgba(38,247,197,.035),transparent 50%),#0a1210;box-shadow:0 22px 100px -60px rgba(38,247,197,.3);overflow:hidden}.console-top{padding:16px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.console-title{display:flex;align-items:center;gap:12px;font-size:14px}.demo-label{font:11px ui-monospace,monospace;border:1px solid #36493f;padding:4px 7px;color:#a0b5a9;border-radius:4px;letter-spacing:.08em}.console-tabs{display:flex;gap:4px;background:#050a08;border:1px solid var(--line);border-radius:6px;padding:4px}.console-tabs button{border:0;background:transparent;font-size:13px;padding:7px 14px;border-radius:3px;color:var(--muted)}.console-tabs button[aria-selected=true]{background:#19372b;color:var(--mint)}.console.capi-active .console-tabs button[aria-selected=true]{background:#2a203d;color:#c4acff}.signal-flow{display:grid;grid-template-columns:1fr .65fr 1fr .65fr 1fr .65fr 1fr;align-items:center;padding:34px 36px 32px}.flow-node{display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0}.node-icon{width:51px;height:51px;display:grid;place-items:center;border:1px solid #344f40;background:#12241b;border-radius:12px;color:#a8d4b7;font-size:26px;margin-bottom:12px}.node-icon svg{width:25px;height:25px}.source-icon{color:#c5adff;border-color:#44375b;background:#211a2d}.node-label{font-weight:550;font-size:15px}.flow-node small{color:#8fa99a;font-size:12px;line-height:1.5;margin-top:4px;white-space:nowrap}.core-logo{margin:0 0 10px;position:relative}.core-logo img{box-shadow:0 0 38px #26f7c524;border-radius:15px}.core-node .node-label{color:var(--mint)}.flow-wire{height:1px;background:linear-gradient(90deg,#315d45,#4c986e);position:relative;top:-27px}.flow-wire:after{content:'';position:absolute;right:0;top:-3px;border-left:5px solid #599772;border-top:3px solid transparent;border-bottom:3px solid transparent}.flow-wire span{position:absolute;top:-1px;width:22%;height:3px;background:var(--mint);box-shadow:0 0 10px #26f7c5;animation:signal 3s linear infinite}.flow-wire:nth-of-type(4) span{animation-delay:1s}.flow-wire:nth-of-type(6) span{animation-delay:2s}@keyframes signal{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:78%;opacity:0}}.console-bottom{display:flex;justify-content:space-between;gap:20px;background:#0d1b15;border-top:1px solid var(--line);padding:15px 24px;font-size:13px}.event-copy{display:flex;align-items:center;gap:12px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;flex:none}.event-code{font:12px ui-monospace,monospace;color:#93a89a;border-left:1px solid #3a4d41;padding-left:12px}.event-result{color:#7fdfaf}.console-note{font-size:12px;color:#82978b;padding:9px 24px;border-top:1px solid #1a2b21}.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0 34px}.integration-strip>span{color:#81968a;font:11px ui-monospace,monospace;letter-spacing:.09em}.integration-names{display:flex;align-items:center;gap:52px;color:#adbbb2}.integration-names b{font-size:23px;font-weight:550;letter-spacing:-.06em}.integration-names .bitrix{font-size:21px}.bitrix span{font-size:19px;font-weight:400}.amo span{font-size:15px;letter-spacing:-.02em}.meta{display:flex;align-items:center;gap:7px}.meta span{font-size:38px;line-height:1;font-weight:400}.section-line{border-block:1px solid var(--line)}.section{padding-block:88px}.problem{background:#09110e}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:55px}.problem h2{font-size:34px}.problem .eyebrow{margin-bottom:17px}.problem-copy{color:var(--muted);padding-top:6px}.problem-copy .bright{margin-top:16px;color:#d0dfd6}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading p{color:var(--muted);font-size:16px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.module-card{border:1px solid #29483a;border-radius:12px;padding:30px;background:linear-gradient(155deg,#10251a 0, #0b1412 40%);display:flex;flex-direction:column}.capi-card{border-color:#413253;background:linear-gradient(155deg,#231b33 0,#101313 45%)}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.module-index{font:12px ui-monospace,monospace;letter-spacing:.1em;color:var(--mint)}.capi-card .module-index{color:var(--violet)}.module-symbol{font-size:24px;color:var(--mint)}.capi-card .module-symbol{color:var(--violet)}.module-card h3{font-size:30px;line-height:1.2}.module-lead{font-size:19px;color:#d4e3da;margin:9px 0 18px}.module-card>p:not(.module-lead){color:var(--muted);line-height:1.7;font-size:16px;min-height:109px}.attribution-example,.rule-example{background:#070d0a;border:1px solid #2c3e32;border-radius:7px;padding:20px;margin-top:24px;min-height:208px}.example-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a7b9ae}.example-badge{color:#84d7a6;font-size:11px}.attribution-example dl{margin:19px 0 11px;display:grid;gap:7px}.attribution-example dl div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.attribution-example dt{color:#879f91}.attribution-example dd{margin:0;color:#b2d6c0;font-family:ui-monospace,monospace}.example-caption{font-size:11px;color:#82998a}.rule-example{border-color:#372d46;background:#0c0c10}.rule-row{display:flex;align-items:center;gap:17px;margin-top:15px}.rule-step{font:11px ui-monospace,monospace;color:var(--violet);border:1px solid #463555;border-radius:4px;padding:5px 8px;width:48px;text-align:center}.rule-row small,.rule-row b{display:block;font-size:12px;line-height:1.6}.rule-row small{color:#a398b5}.rule-row b{font-weight:500;color:#e0d2f4;font-size:14px}.rule-value{font-size:12px;color:#b6a6ca}.rule-connector{line-height:1;margin:8px 0 -6px 20px;color:#9b80c5}.feature-list{list-style:none;padding:0;display:grid;gap:9px;font-size:14px;margin:24px 0}.feature-list li{position:relative;padding-left:22px}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--mint)}.capi-card .feature-list li:before{color:var(--violet)}.module-footer{margin-top:auto;padding-top:19px;border-top:1px solid var(--line);font:12px ui-monospace,monospace;color:#a3b7aa}.module-footer span{margin-inline:13px;color:var(--mint)}.capi-card .module-footer span{color:var(--violet)}.combo-bar{display:flex;align-items:center;gap:16px;padding:24px 0 0}.combo-bar p{display:flex;flex-direction:column;gap:3px;font-size:14px}.combo-bar b{font-weight:500}.combo-bar p span{color:var(--muted);font-size:13px}.combo-bar>a{margin-left:auto;flex-shrink:0}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.how-intro>p{color:var(--muted);margin-top:24px}.small-note{margin-top:40px;padding-left:17px;border-left:2px solid #385243;color:#96aa9d;font-size:13px;max-width:380px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:40px 1fr;gap:20px;position:relative;padding-bottom:30px}.steps li:last-child{padding-bottom:0}.step-number{font:13px ui-monospace,monospace;color:var(--mint);width:39px;height:39px;display:grid;place-items:center;border:1px solid #315a44;border-radius:50%;background:#0c1a12;position:relative;z-index:1}.step-number.violet{color:var(--violet);border-color:#493658;background:#1a1324}.steps li:not(:last-child):before{content:'';position:absolute;left:19px;top:39px;bottom:0;width:1px;background:#293d30}.steps h3{font-size:18px;margin:3px 0 8px}.steps p{font-size:14px;color:var(--muted);line-height:1.7}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.control-grid article{padding:27px 30px 30px 0}.control-grid article+article{border-left:1px solid var(--line);padding-left:30px}.control-number{color:var(--mint);font:12px ui-monospace,monospace}.control-grid h3{margin:18px 0 12px;font-size:20px}.control-grid p{color:var(--muted);font-size:15px;line-height:1.75}.integration-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.integration-grid>div>p{margin-top:22px;color:var(--muted)}.integration-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.integration-table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.integration-table th,.integration-table td{padding:18px 12px;border-bottom:1px solid var(--line)}.integration-table th:first-child{padding-left:0}.integration-table th{font-weight:500}.integration-table thead th{font-size:12px;color:#9aad9f;padding-top:4px}.integration-table td{font-size:13px}.check{color:var(--mint);margin-right:4px}.check.violet{color:var(--violet)}.muted{color:#96a99b}.integration-table-wrap .table-note{font-size:12px;color:#97aa9b;line-height:1.7;margin-top:16px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;padding:20px 0;display:flex;gap:22px;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--mint);font-size:24px;font-weight:300;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--mint)}.faq-list details p{padding:0 35px 22px 0;color:var(--muted);font-size:15px}.connect-section{padding-bottom:65px}.connect-box{padding:48px;border:1px solid #345343;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:35px;background:radial-gradient(ellipse at right top,#1a3b244d,transparent 65%),#0b1710}.connect-box h2{font-size:clamp(2rem,3.2vw,2.8rem);max-width:680px}.connect-box .eyebrow{color:#9ed2ae}.connect-box p{color:var(--muted);margin-top:22px;font-size:15px}.connect-action{flex-shrink:0;display:flex;flex-direction:column;gap:11px;align-items:center}.connect-action>span{font-size:12px;color:#9db6a4}.footer{padding-bottom:27px}.footer-top{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.footer-top .brand img{width:150px}.footer-top>span{font-size:13px;color:var(--muted)}.back-top{font-size:13px;color:var(--muted);margin-left:auto}.footer-bottom{padding-top:23px;display:flex;gap:26px;align-items:center}.powered{display:flex;align-items:center;gap:9px;flex:none}.powered>span{font-size:11px;color:#84998b}.powered img{object-fit:contain;width:82px;height:23px}.footer-bottom p{font-size:11px;line-height:1.65;color:#92a799}.footer-bottom p span{color:#7f9687}.skip{position:fixed;left:20px;top:-100px;background:var(--mint);color:#05251c;padding:12px;z-index:100}.skip:focus{top:12px}
@media(min-width:1500px){.hero{padding-top:80px}.console{margin-top:52px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}h1{font-size:clamp(2.5rem,4.6vw,3.3rem)}.hero-heading{display:block}.hero-heading p{max-width:100%;margin-top:22px}.hero-heading p br{display:none}.integration-names{gap:30px}.signal-flow{padding-inline:25px;grid-template-columns:1fr .3fr 1fr .3fr 1fr .3fr 1fr}.flow-node small{font-size:11px;white-space:normal}.how-grid{gap:60px}.integration-grid,.faq-section{gap:40px}.module-card{padding:24px}.module-card>p:not(.module-lead){min-height:136px}.connect-box{padding:35px}.connect-box h2{font-size:35px}.header nav{gap:19px}.header .brand img{width:165px}.header-cta{font-size:12px;gap:10px}.problem-grid{gap:50px}}
@media(max-width:780px){.container{width:calc(100% - 40px)}.header-inner{height:70px}.header-inner nav,.header-cta{display:none}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;gap:6px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:5px;background:transparent}.menu-toggle span{width:18px;height:1px;background:var(--text)}.header .mobile-nav{display:flex;flex-direction:column;gap:0;padding:8px 20px 18px;border-top:1px solid var(--line)}.mobile-nav a{padding:10px 0}.hero{padding-top:43px}.hero h1{font-size:clamp(2.05rem,6.5vw,3rem)}.hero-heading p{font-size:16px;max-width:580px}.eyebrow{font-size:11px;margin-bottom:18px}.hero-actions{gap:21px;flex-wrap:wrap;margin-top:25px}.button{font-size:14px;padding:14px 18px}.console{margin-top:34px}.console-top{padding:14px 16px;align-items:flex-start;flex-wrap:wrap;gap:14px}.console-tabs{margin-left:auto}.console-tabs button{font-size:12px;padding:5px 11px}.signal-flow{padding:25px 16px;grid-template-columns:1fr 35px 1fr;row-gap:30px}.flow-node:nth-child(1){grid-column:1;grid-row:1}.flow-wire:nth-child(2){grid-column:2;grid-row:1}.flow-node:nth-child(3){grid-column:3;grid-row:1}.flow-wire:nth-child(4){display:none}.flow-node:nth-child(5){grid-column:1;grid-row:2}.flow-wire:nth-child(6){grid-column:2;grid-row:2}.flow-node:nth-child(7){grid-column:3;grid-row:2}.flow-node small{font-size:12px}.flow-wire{top:-23px}.console-bottom{padding:14px 16px;flex-direction:column;gap:8px}.console-note{padding-inline:16px}.event-copy{gap:9px;font-size:12px}.event-code{font-size:11px;padding-left:8px}.event-result{font-size:12px;margin-left:15px}.integration-strip{flex-direction:column;gap:17px;padding-block:27px}.integration-names{width:100%;justify-content:space-between;gap:16px}.integration-names b{font-size:21px}.integration-names .bitrix{font-size:19px}.problem-grid{grid-template-columns:1fr;gap:24px;padding-block:40px}.problem h2{font-size:31px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:20px}.section-heading p br{display:none}.module-grid{grid-template-columns:1fr;gap:20px}.module-card{padding:26px}.module-card>p:not(.module-lead){min-height:0}.module-card h3{font-size:30px}.module-lead{font-size:18px}.attribution-example,.rule-example{min-height:200px}.combo-bar{flex-wrap:wrap;align-items:flex-start;gap:12px}.combo-bar p{max-width:calc(100% - 50px)}.combo-bar>a{margin-left:48px}.how-grid,.integration-grid,.faq-section{grid-template-columns:1fr;gap:34px}.small-note{margin-top:24px;max-width:none}.steps{margin-top:0}.steps h3{font-size:17px}.control-grid{grid-template-columns:1fr}.control-grid article{padding:23px 0}.control-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.control-grid h3{margin-top:12px}.integration-table th,.integration-table td{padding:16px 5px}.integration-table th{font-size:13px}.integration-table td{font-size:12px}.integration-table thead th{font-size:11px}.check{margin-right:2px}.connect-section{padding-bottom:40px}.connect-box{padding:28px 23px;display:block}.connect-box h2{font-size:31px}.connect-action{align-items:flex-start;margin-top:25px}.connect-action>span{padding-left:4px}.footer-top{flex-wrap:wrap;gap:13px 20px}.footer-top .brand img{width:137px}.footer-top>span{font-size:12px;order:3;width:100%}.footer-bottom{align-items:flex-start;gap:13px;flex-direction:column}.footer-bottom p{font-size:10px}.footer-bottom .powered img{width:77px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:1.85rem}.console-tabs{margin-left:0}.console-title{font-size:13px}.event-copy{flex-wrap:wrap}.integration-names{gap:10px}.integration-names b{font-size:18px}.integration-names .bitrix{font-size:16px}.bitrix span{font-size:15px}.amo span{font-size:12px}.module-card{padding:21px}.example-badge{font-size:10px}.rule-row b{font-size:12px}.integration-table td{font-size:11px}.rule-value{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Public landing + application entry */
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.login-link{color:var(--mint);border-color:#386c57;gap:12px}.header-inner nav{flex-shrink:0}
@media(max-width:1100px) and (min-width:781px){.header-inner{gap:15px}.header-inner nav{gap:15px}.header-actions .header-cta{display:none}}
@media(max-width:780px){.header-inner{gap:12px}.header-actions .login-link{display:inline-flex;padding:8px 13px;font-size:14px}.header-actions .login-link span{display:none}.header-actions{margin-left:auto}.header-inner .brand img{width:155px}.menu-toggle{flex-shrink:0}}
@media(max-width:370px){.header-inner .brand img{width:140px}.header-inner{gap:9px}.header-actions .login-link{padding:8px 10px}}
