.integration h2 em{white-space:nowrap}.nav nav{gap:26px}.steps .step-number{font-size:.68rem;letter-spacing:.06em;white-space:nowrap;top:-1px}.agent-card{font:inherit;color:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;min-width:0}.agent-russian{font-size:.85rem;color:#075bf2;display:block;margin-top:8px;line-height:1.4;font-weight:600;letter-spacing:-.015em}.agent-card p{margin-top:9px}.agent-more{display:block;margin-top:auto;padding-top:18px;color:#315d95;font-size:.78rem}.agent-dialog{width:min(580px,calc(100% - 32px));padding:40px;border:1px solid #dce9fc;border-radius:25px;color:#102240;background:#fff;box-shadow:0 35px 100px #0c244b35;max-height:90dvh;overflow-y:auto}.agent-dialog::backdrop{background:#142b4c70;backdrop-filter:blur(7px)}body:has(.agent-dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f6ff;color:#476a97;font-size:1.8rem;cursor:pointer}.agent-dialog .eyebrow{margin:4px 30px 12px 0}.agent-dialog h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em}.dialog-intro{font-size:1rem;color:#61799a;line-height:1.6;margin:16px 0 24px}.agent-dialog h3{font-size:.95rem;margin-bottom:10px}.agent-dialog ul{list-style:none;margin:0 0 24px;padding:0}.agent-dialog li{font-size:.95rem;line-height:1.55;padding:9px 0 9px 23px;position:relative;color:#375777}.agent-dialog li:before{content:'✓';color:#0062ff;position:absolute;left:0}.agent-example{padding:18px 20px;background:#f0f6ff;border-radius:15px;margin-bottom:25px}.agent-example strong{font-size:.75rem;color:#3a6daf;text-transform:uppercase;letter-spacing:.08em}.agent-example p{font-size:.95rem;line-height:1.55;margin-top:8px;color:#496581}.agent-dialog>.button{width:100%}.hero-visual{max-width:none}img{vertical-align:middle}.hero h1,.integration h2,.custom-grid h2,.ai-heading h2,.agents h2,.steps h3,.contact h2{overflow-wrap:normal;word-break:normal}.agent-card h3{white-space:nowrap}
@media(max-width:1100px){.nav nav{gap:18px}.nav nav a{font-size:.84rem}.agent-russian{font-size:.8rem}}
@media(max-width:800px){.hero h1{max-width:100%}.nav nav a{font-size:1rem}.agent-card{flex:0 0 190px}.agent-russian{font-size:.85rem}.integration-art{width:100%;margin-left:0}.steps li{padding-top:28px}.steps .step-number{top:1px;left:5px}.production-visual.image-only>img{width:100%;margin-left:0}.hero-visual{width:100%;margin-left:0;margin-right:0}.hero-image{max-width:100%;height:auto}.contact{width:calc(100% - 40px)}}
@media(max-width:520px){.hero h1{font-size:clamp(2rem,8.9vw,2.6rem);letter-spacing:-.055em}.hero-copy p{font-size:1rem;line-height:1.55}.integration h2{font-size:clamp(1.65rem,7.1vw,1.9rem);max-width:100%;line-height:1.18}.integration h2 em{white-space:normal}.integration-art{width:100%;margin-left:0;overflow:visible}.custom-grid h2{font-size:clamp(1.65rem,7.1vw,1.85rem)}.chips{line-height:1.6}.eyebrow{font-size:.65rem;letter-spacing:.15em}.ai-heading h2{font-size:clamp(1.9rem,8.4vw,2.1rem)}.image-actions{flex-wrap:wrap}.image-actions .button{flex:1 1 140px;white-space:normal;font-size:.8rem}.mobile-answer{border-radius:12px}.agent-card{flex-basis:185px}.steps li{padding:30px 10px 18px 0;align-items:center;gap:17px}.steps .step-number{top:3px;left:8px;font-size:.72rem}.step-art{width:60px;height:60px}.steps h3{line-height:1.4}.steps h3 br:after{content:' '}.steps p{font-size:.9rem;line-height:1.5}.steps p br{display:initial}.contact{width:calc(100% - 36px);padding:26px 22px 160px}.contact h2{font-size:1.65rem;line-height:1.2}.contact h2 br{display:initial}.agent-dialog{padding:34px 23px 25px;border-radius:21px;max-height:90dvh}.agent-dialog h2{font-size:1.65rem}.dialog-intro{font-size:.95rem}.agent-dialog li{font-size:.9rem}.agent-dialog .button{min-height:48px}.footer{padding-bottom:30px}.hero-visual .demo-caption{font-size:.6rem;line-height:1.5}.agent-card img{width:100%;max-width:100%}}
@media(max-width:359px){.hero h1{font-size:1.9rem}.integration h2{font-size:1.6rem}.contact h2{font-size:1.5rem}.brand{font-size:1.2rem}.image-actions{display:grid;grid-template-columns:1fr}}
@media(max-width:800px){.hero-visual{display:block}.hero .demo-caption{max-width:100%;width:100%;position:static;text-align:center}.steps h3 br,.steps p br{display:none}.contact h2 br{display:none}}
@media(max-width:520px){.mobile-answer{aspect-ratio:1.324}.mobile-answer img{top:-17.91%}.steps li h3{white-space:normal}.steps p{max-width:250px}}