@font-face{font-family:Manrope;src:url('/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/assets/manrope-latin-wght-normal-DHIcAJRg.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Manrope,'Segoe UI',sans-serif;font-synthesis:none;color:#243c55;background:#fff;--blue:#245feb;--ink:#1c324a;--muted:#8192a9;--line:#e4eaf3;--soft:#f4f7fc;font-weight:500;line-height:1.65;scroll-behavior:smooth;scroll-padding-top:35px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #98b8ff;outline-offset:5px}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}ul,ol{padding:0;margin:0}em{font-style:normal;color:var(--blue)}.wrap{width:calc(100% - 88px);max-width:1280px;margin:0 auto}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#fff;padding:12px;color:var(--blue);border:1px solid var(--line)}.skip:focus{top:15px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#7f93b1;line-height:1.8}.logo{display:grid;place-items:center;background:var(--blue);color:white;width:32px;height:32px;border-radius:9px;font:700 28px/1 'Segoe UI',sans-serif;flex-shrink:0}.wordmark{display:flex;align-items:center;gap:7px;font-size:20px;letter-spacing:-.8px;white-space:nowrap}.wordmark>b{font-weight:800}.wordmark>span:not(.logo){font-weight:500;color:#97a5b9}.wordmark>small{font-size:8px;color:#9daec4;letter-spacing:0;padding-left:8px;border-left:1px solid var(--line);margin-left:5px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:103px;position:relative;z-index:30}.header nav{display:flex;align-items:center;gap:31px;font-size:10px;color:#8194af}.header nav a:hover{color:var(--blue)}.header-contact{display:flex;gap:20px;align-items:center;font-size:10px;font-weight:750;border:1px solid #dce6f7;border-radius:8px;padding:10px 14px;color:#5d7ca9}.header-contact:hover{background:#f4f7fe}.header-contact span{color:#7596c8}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:9px;font-size:11px;font-weight:700;padding:14px 18px;min-height:46px;transition:background .15s,box-shadow .15s}.primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px #245feb16}.primary:hover{background:#1b50d1;box-shadow:0 8px 24px #245feb25}.button>span{font-size:16px;font-weight:500;line-height:1}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:10px;font-weight:650;color:#708eb8}.text-link:hover{color:var(--blue)}.text-link>span{font-size:17px;font-weight:500}
.hero{position:relative;display:grid;grid-template-columns:44% minmax(0,56%);align-items:center;padding-top:47px;gap:0}.hero-copy{position:relative;z-index:3;padding:0 0 35px}.hero .eyebrow{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1px;margin-bottom:23px}.hero .eyebrow>span{width:5px;height:5px;border-radius:50%;background:#72a0f5}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.13;letter-spacing:-2.7px;font-weight:800;color:#1b3048}.hero h1 em{display:inline-block;margin-top:2px}.hero-lead{font-size:12px;line-height:1.9;max-width:345px;color:#8395ad;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:29px}.hero-actions .text-link{font-size:9px;white-space:nowrap}.hero-actions .button{font-size:10px;gap:15px;padding:13px 16px}.hero-tags{display:flex;gap:18px;margin-top:24px;font-size:8px;color:#9aabc1}.hero-tags span{display:flex;gap:7px;align-items:center}.hero-tags i{font-size:9px;font-style:normal;color:#7ea1dc}.hero-product{position:relative;height:530px;min-width:0;isolation:isolate}.product-orbit{position:absolute;z-index:-1;border:1px solid #ecf0f9;border-radius:50%;width:600px;height:480px;left:5px;top:6px;transform:rotate(-24deg)}.orbit-two{width:480px;height:400px;left:50px;top:60px;border-color:#edf2fc;background:radial-gradient(ellipse,#edf3ff8a,transparent 70%)}.desktop-frame{position:absolute;top:53px;left:5px;right:7px;background:#fff;border:1px solid #e0e7f4;border-radius:13px;box-shadow:0 24px 65px #2f589b16,0 3px 7px #34578b08;overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg);min-width:0}.frame-bar{height:30px;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid #e9eef7;background:#fff;font-size:7px;color:#a6b3c7;letter-spacing:.3px}.frame-bar i{height:4px;width:4px;background:#dce5f1;border-radius:50%}.frame-bar i:first-child{background:#aabfe5}.frame-bar span{margin-left:12px}.frame-bar b{margin-left:auto;font-weight:500;color:#adbed9}.desktop-frame>img{width:100%;height:365px;object-fit:cover;object-position:top}.phone-frame{position:absolute;right:11px;bottom:4px;width:177px;border:5px solid #fff;border-radius:29px;background:#fff;box-shadow:0 20px 45px #1a42752b,0 0 0 1px #dce5f4;overflow:hidden;transform:rotate(-3deg)}.phone-frame img{width:100%}.phone-notch{position:absolute;top:0;left:32%;right:32%;height:10px;background:#fff;border-radius:0 0 9px 9px;z-index:2}.product-note{position:absolute;left:24px;bottom:27px;background:#ffffffed;backdrop-filter:blur(8px);border:1px solid #e2eaf8;box-shadow:0 10px 35px #244d8d0e;border-radius:11px;padding:14px 17px;display:flex;align-items:center;gap:12px;max-width:295px}.product-note>span{width:28px;height:28px;background:#f0f4ff;color:#819ee0;border-radius:8px;display:grid;place-items:center;font-size:20px}.product-note strong{font-size:10px;font-weight:650;line-height:1.7;display:block;color:#6a85ae}.product-note small{font-size:7px;color:#a9b7cb;margin-top:4px;display:block}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom>span{font-size:9px;color:#9bacc4}.hero-bottom>div{display:flex;gap:18px;font-size:9px;color:#7d94b5}.hero-bottom i{font-style:normal;font-size:11px;color:#bccbe0}
.section-intro h2{font-size:clamp(30px,3vw,43px);font-weight:750;line-height:1.25;letter-spacing:-1.55px;color:#203750;margin-top:16px}.section-intro>p:not(.eyebrow){font-size:11px;line-height:1.95;color:#91a2ba;margin-top:21px}.outdoor-section{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:43% minmax(0,57%);gap:15px}.specifics{padding-top:7px}.specifics article{display:flex;align-items:start;gap:25px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.specifics article:last-child{margin-bottom:0;border:0;padding-bottom:0}.specific-number{font-size:9px;color:#98b0d5;padding-top:3px;min-width:20px}.specifics h3{font-size:15px;font-weight:750;letter-spacing:-.3px}.specifics p{font-size:10px;line-height:1.9;color:#94a4ba;margin-top:9px;max-width:420px}.role-example{display:flex;gap:9px;align-items:center;margin-top:17px;font-size:8px;flex-wrap:wrap}.role-example span{padding:4px 9px;border-radius:5px;border:1px solid #e1e9f5;color:#8c9fbb;background:#fcfdff}.role-example i{font-style:normal;color:#b8c8e0}.cycle-example{display:flex;align-items:center;gap:12px;margin-top:17px;flex-wrap:wrap}.cycle-example>span{font-size:8px;color:#8f7faf;background:#f4effa;padding:4px 8px;border-radius:5px}.cycle-example>i{height:11px;width:125px;position:relative;border-radius:3px;background:repeating-linear-gradient(90deg,#e7edf7 0 8px,#fff 8px 11px)}.cycle-example>i:before{content:'';position:absolute;width:8px;left:0;top:0;bottom:0;background:#a593c8;border-radius:3px}.cycle-example small{font-size:8px;color:#a1aec2}.status-example{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:8px}.status-example span:first-child{background:#eef7f3;color:#7ba994;border-radius:5px;padding:5px 9px}.status-example span:last-child{background:#fcf5e9;color:#b79b6d;border-radius:5px;padding:5px 9px}
.demo-section{padding:81px 0 42px;background:#f3f6fb;border-top:1px solid #edf1f8;border-bottom:1px solid #edf1f8;overflow:hidden}.section-intro.horizontal{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-intro.horizontal>p{margin:0 0 4px;max-width:325px;font-size:10px;color:#91a3bc;line-height:1.9}.demo-tabs{display:flex;gap:7px;margin:36px 0 23px;width:max-content;max-width:100%;border-bottom:1px solid #dfe6f2}.demo-tabs button{display:flex;align-items:center;gap:13px;padding:13px 19px 16px;color:#a3b3cb;font-size:8px;position:relative;white-space:nowrap}.demo-tabs button span{font-size:11px;color:#8ca0bf}.demo-tabs button[aria-selected=true]{color:#7a9bd6}.demo-tabs button[aria-selected=true] span{color:#346de0}.demo-tabs button[aria-selected=true]:after{content:'';height:2px;background:#4d7de9;border-radius:2px;position:absolute;bottom:-1px;left:8px;right:8px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px;align-items:center}.demo-screen{background:#fff;border:1px solid #dfe7f4;box-shadow:0 15px 40px #31568c0b;border-radius:11px;overflow:hidden;min-width:0}.demo-screen .frame-bar{height:33px}.demo-screen img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}.demo-description{padding:12px 0;min-width:0}.section-index{font-size:8px;letter-spacing:1.8px;color:#a3b4cd}.demo-description h3{font-size:23px;line-height:1.45;letter-spacing:-.8px;margin-top:19px;font-weight:750;color:#3b5576}.demo-description>p{font-size:11px;color:#8c9fb9;line-height:1.9;margin-top:14px}.demo-description ul{display:grid;gap:12px;margin-top:23px;list-style:none}.demo-description li{position:relative;padding-left:16px;font-size:9px;line-height:1.8;color:#96a7bf}.demo-description li:before{content:'✓';position:absolute;left:0;top:0;color:#87a7d9;font-size:9px}.demo-description .text-link{font-size:9px;margin-top:27px;gap:12px}.demo-access{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e0e7f2;padding-top:23px;margin-top:30px;font-size:9px;color:#8fa2bd;align-items:start}.demo-access>span{display:flex;gap:9px;align-items:center}.demo-access i{font-style:normal;color:#8aa7d6;font-size:17px}.demo-access>div{display:grid;text-align:right;gap:5px}.demo-access a{font-size:10px;color:#6b8cbd}.demo-access small{font-size:8px;color:#abb9cc;max-width:350px;line-height:1.8}
.process-section{padding:98px 0 100px}.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:27px;margin-top:48px}.process li{min-width:0;position:relative}.process li>span{display:grid;place-items:center;height:31px;width:31px;background:#f0f4fc;color:#8fa9d2;border:1px solid #e5ecf8;border-radius:9px;font-size:9px;font-weight:650;margin-bottom:24px}.process li:not(:last-child):after{content:'';position:absolute;left:45px;right:0;top:15px;height:1px;background:#e7edf7}.process h3{font-size:13px;font-weight:750;letter-spacing:-.3px;line-height:1.5;margin-bottom:12px}.process p{font-size:10px;color:#92a3bb;line-height:1.95}.process small{display:block;font-size:8px;color:#b0bdd0;line-height:1.8;margin-top:17px}.integration-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding:54px 65px;background:#f6f8fc;border:1px solid #e9eef7;border-radius:17px;margin-bottom:100px}.integration-copy h2{font-size:37px;line-height:1.25;letter-spacing:-1.4px;margin:15px 0 22px;font-weight:750}.integration-copy h2 em{color:#6a92dc}.integration-copy>p:not(.eyebrow){font-size:10px;color:#91a4be;line-height:1.95;margin-bottom:12px;max-width:360px}.integration-copy .text-link{margin-top:9px;font-size:9px}.integration-visual{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0 23px;min-width:0;background:radial-gradient(ellipse,#e8eefb60,transparent 70%)}.integration-core,.bitrix-core{background:#fff;border:1px solid #e0e7f3;border-radius:11px;width:252px;max-width:100%;padding:19px 20px;text-align:center;box-shadow:0 8px 20px #34619505;display:flex;flex-direction:column;align-items:center}.integration-core .logo{width:27px;height:27px;font-size:24px;border-radius:8px;margin-bottom:7px}.integration-core strong{font-size:16px;color:#52739f;letter-spacing:-.5px}.integration-core small,.bitrix-core small{font-size:8px;color:#a9b8cf;margin-top:7px}.connector{display:flex;flex-direction:column;align-items:center;height:63px;justify-content:center}.connector i{display:block;height:13px;background:#d9e4f6;width:1px}.connector span{font-size:18px;color:#a1b9df;line-height:1.2}.bitrix-core strong{font-size:22px;font-weight:650;letter-spacing:-.8px;color:#77a4d0}.bitrix-core strong span{display:inline-grid;place-items:center;margin-left:3px;background:#83b5df;color:#fff;width:25px;height:25px;font-size:13px;border-radius:50%;vertical-align:middle;letter-spacing:-.4px}.integration-note{font-size:8px;color:#a0b2cd;display:flex;align-items:center;gap:8px;margin-top:20px}.integration-note span{font-size:15px;color:#98afd0}
.contact-section{padding:75px 0 72px;background:#19334f;position:relative;overflow:hidden}.contact-section:before{content:'';pointer-events:none;position:absolute;top:-220px;left:-140px;width:650px;height:650px;background:radial-gradient(ellipse,#396aab20,transparent 70%)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:90px;position:relative}.contact-section .eyebrow{color:#839fbe;font-size:8px}.contact-section h2{color:#f2f6fd;font-size:48px;line-height:1.2;letter-spacing:-1.7px;font-weight:750;margin:19px 0 23px}.contact-section h2 em{color:#91b8ff}.contact-grid>div>p:not(.eyebrow){font-size:11px;line-height:1.9;max-width:385px;color:#91a7c1;margin-bottom:26px}.contact-section .primary{background:#376fe9;box-shadow:none;font-size:10px}.contact-section .primary:hover{background:#427cf7}.contact-person{display:flex;align-items:center;gap:12px;margin-top:28px}.contact-person>span{height:36px;width:36px;display:grid;place-items:center;background:#ffffff09;border:1px solid #ffffff15;border-radius:50%;font-size:10px;color:#9db7d8}.contact-person strong{font-size:11px;font-weight:650;display:block;color:#b6c9e2}.contact-person a{display:block;font-size:9px;color:#7f9cbe;margin-top:4px}.contact-person a:hover{color:#c8ddfc}.qr-card{background:#fff;border:1px solid #fff;border-radius:14px;padding:25px 25px 19px;text-align:center;box-shadow:0 15px 50px #00132920}.qr-card>.eyebrow{font-size:7px;color:#a3b4ca;letter-spacing:1px}.qr-card h3{font-size:19px;letter-spacing:-.6px;color:#4d688b;font-weight:700;margin-top:11px}.qr-card>img{width:100%;max-width:220px;height:auto;margin:15px auto 8px}.qr-card>p:not(.eyebrow){font-size:11px;color:#8299b8;letter-spacing:-.1px}.qr-card>div{border-top:1px solid var(--line);padding-top:15px;margin-top:19px;display:flex;justify-content:center;gap:20px}.qr-card>div a{font-size:8px;color:#9aaec9;white-space:nowrap}.qr-card a span{margin-left:3px;color:#6c94ce}.qr-card a:hover{color:var(--blue)}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:27px;padding-bottom:27px}.footer .wordmark{font-size:16px}.footer .logo{width:25px;height:25px;border-radius:7px;font-size:23px}.footer p{font-size:8px;color:#a4b2c7}.footer p a{color:#829bbd}.footer>span{font-size:8px;color:#b2bed0}.mobile-contact{display:none}
@media(min-width:1500px){.hero{grid-template-columns:46% minmax(0,54%)}.hero h1{font-size:70px}.hero-product{height:540px}.desktop-frame>img{height:388px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header{height:90px;gap:20px}.header nav{gap:21px;font-size:9px}.wordmark{font-size:18px}.wordmark>small{display:none}.hero{padding-top:30px;grid-template-columns:46% minmax(0,54%)}.hero h1{font-size:51px;letter-spacing:-2px}.hero .eyebrow{font-size:7px;letter-spacing:.6px}.hero-lead{font-size:11px;max-width:310px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{font-size:9px;padding:12px 13px}.hero-product{height:470px}.desktop-frame{top:60px;left:0;right:0}.desktop-frame>img{height:303px}.phone-frame{width:151px;right:-4px;bottom:-2px;border-width:4px}.product-note{left:0;bottom:20px;max-width:230px;padding:12px;gap:8px}.product-note strong{font-size:8px}.product-note small{font-size:6px}.product-note>span{height:23px;width:23px;font-size:16px}.product-orbit{width:480px;height:370px;max-width:100%;left:0}.orbit-two{width:380px;left:10px}.hero-bottom{margin-top:40px}.hero-bottom>div{gap:12px;font-size:8px}.hero-bottom>span{font-size:8px}.outdoor-section{gap:25px;grid-template-columns:42% minmax(0,58%);padding:80px 0}.section-intro h2{font-size:34px}.specifics h3{font-size:14px}.specifics article{gap:17px}.demo-layout{gap:25px;grid-template-columns:minmax(0,1fr) 225px}.demo-description h3{font-size:20px}.demo-description>p{font-size:10px}.demo-description li{font-size:8px}.process{gap:20px}.process-section{padding:80px 0}.process h3{font-size:12px}.process p{font-size:9px}.process small{font-size:7px}.integration-section{padding:40px;gap:40px;margin-bottom:80px}.integration-copy h2{font-size:32px}.contact-grid{gap:60px}.contact-section h2{font-size:43px}}
@media(max-width:760px){:root{scroll-padding-top:20px}.wrap{width:calc(100% - 38px);max-width:530px}.header{height:78px;gap:15px}.wordmark{font-size:19px;gap:6px}.logo{width:29px;height:29px;font-size:25px;border-radius:8px}.header-contact{margin-left:auto;font-size:9px;gap:12px;padding:8px 11px;border-radius:7px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:36px;padding:3px}.menu-toggle span{width:20px;height:1px;background:#8aa2c3;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.header nav{display:none;position:absolute;top:69px;right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 35px #24467512;padding:14px;flex-direction:column;align-items:stretch;gap:2px;font-size:12px}.header nav.open{display:flex}.header nav a{padding:11px;border-radius:6px}.header nav a:hover{background:#f5f8ff}.hero{display:block;padding-top:30px}.hero-copy{padding:0}.hero .eyebrow{font-size:6.8px;letter-spacing:.55px;margin-bottom:21px;gap:6px}.hero h1{font-size:clamp(41px,10.9vw,58px);line-height:1.14;letter-spacing:-1.9px}.hero-lead{font-size:11px;line-height:1.95;margin-top:20px;max-width:320px}.hero-actions{margin-top:25px;gap:22px;flex-wrap:nowrap}.hero-actions .button{font-size:9px;gap:10px;padding:12px 13px;min-height:43px}.hero-actions .text-link{font-size:8px;gap:10px}.hero-tags{font-size:7px;margin-top:19px;gap:15px}.hero-tags i{font-size:8px}.hero-product{height:345px;margin-top:25px}.desktop-frame{top:23px;left:0;right:5px;border-radius:9px;transform:perspective(900px) rotateY(-4deg) rotateZ(1deg)}.desktop-frame>img{height:220px}.frame-bar{height:20px;padding:0 8px;gap:3px;font-size:5px}.frame-bar i{height:3px;width:3px}.frame-bar span{margin-left:7px}.phone-frame{width:128px;right:0;bottom:2px;border:4px solid #fff;border-radius:23px;transform:rotate(-3deg)}.phone-notch{height:8px}.product-note{left:0;bottom:13px;max-width:206px;border-radius:9px;padding:11px 10px;gap:8px}.product-note strong{font-size:8px}.product-note small{font-size:6px;max-width:145px}.product-note>span{width:22px;height:24px;font-size:17px}.product-orbit{width:355px;height:310px;max-width:100%;top:10px;left:0}.orbit-two{width:280px;height:250px;left:20px;top:35px}.hero-bottom{display:block;margin-top:25px;padding:17px 0}.hero-bottom>span{font-size:8px;display:block;margin-bottom:10px}.hero-bottom>div{gap:11px;flex-wrap:wrap;font-size:7px}.hero-bottom i{font-size:9px}.outdoor-section{display:block;padding:64px 0}.section-intro h2{font-size:31px;letter-spacing:-1.15px;margin-top:13px}.eyebrow{font-size:7px;letter-spacing:1.2px}.section-intro>p:not(.eyebrow){font-size:10px;margin-top:17px}.specifics{margin-top:33px;padding:0}.specifics article{gap:15px;padding-bottom:22px;margin-bottom:22px}.specific-number{font-size:8px;min-width:14px}.specifics h3{font-size:13px}.specifics p{font-size:9px;line-height:1.95;margin-top:8px}.role-example{gap:6px;font-size:7px;margin-top:14px}.role-example span{padding:4px 7px}.cycle-example{gap:8px;margin-top:13px}.cycle-example>span{font-size:7px}.cycle-example>i{width:84px}.cycle-example small{font-size:7px}.status-example{font-size:7px;gap:6px;margin-top:13px}.demo-section{padding:55px 0 28px}.section-intro.horizontal{display:block}.section-intro.horizontal>p{margin-top:18px;font-size:9px;max-width:300px;line-height:1.95}.demo-tabs{width:100%;margin:27px 0 20px;gap:0}.demo-tabs button{padding:11px 10px 13px;gap:9px;flex:1;justify-content:center;font-size:7px}.demo-tabs button span{font-size:9px}.demo-tabs button[aria-selected=true]:after{left:3px;right:3px}.demo-layout{display:block}.demo-screen{border-radius:8px}.demo-screen .frame-bar{height:23px;font-size:6px}.demo-screen img{aspect-ratio:1.38}.demo-description{padding:24px 3px 0}.section-index{font-size:7px;letter-spacing:1.5px}.demo-description h3{font-size:24px;margin-top:10px;letter-spacing:-.8px}.demo-description>p{font-size:10px;margin-top:12px;max-width:340px}.demo-description ul{gap:9px;margin-top:16px}.demo-description li{font-size:9px;line-height:1.8}.demo-description .text-link{margin-top:20px;font-size:9px}.demo-access{display:block;margin-top:27px;padding-top:20px}.demo-access>span{font-size:8px;gap:7px}.demo-access>div{text-align:left;margin-top:9px;padding-left:20px;gap:6px}.demo-access a{font-size:9px}.demo-access small{font-size:7px;max-width:290px}.process-section{padding:58px 0}.process{display:block;margin-top:31px}.process li{padding:0 0 25px 48px;min-height:115px}.process li>span{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:8px;margin:0;font-size:8px}.process li:not(:last-child):after{height:auto;width:1px;top:39px;bottom:9px;left:14px;right:auto}.process h3{font-size:13px;margin-bottom:7px;padding-top:3px}.process p{font-size:9px;line-height:1.95;max-width:330px}.process small{font-size:7px;margin-top:9px}.process li:last-child{padding-bottom:0;min-height:95px}.integration-section{display:block;padding:29px 24px;margin-bottom:58px;border-radius:13px}.integration-copy h2{font-size:31px;letter-spacing:-1.1px;margin-top:13px;margin-bottom:18px}.integration-copy>p:not(.eyebrow){font-size:9px;line-height:1.95}.integration-copy .text-link{font-size:8px;gap:10px;margin-top:5px}.integration-visual{margin-top:30px;padding:0 0 5px}.integration-core,.bitrix-core{width:230px;padding:16px}.integration-core strong{font-size:15px}.connector{height:52px}.connector i{height:10px}.integration-note{font-size:7px;margin-top:17px}.contact-section{padding:49px 0 42px}.contact-grid{display:block}.contact-section .eyebrow{font-size:7px;letter-spacing:1px}.contact-section h2{font-size:37px;letter-spacing:-1.3px;margin-top:16px;margin-bottom:19px;line-height:1.22}.contact-grid>div>p:not(.eyebrow){font-size:10px;max-width:315px;line-height:1.95;margin-bottom:24px}.contact-section .primary{font-size:10px;padding:13px 17px;gap:24px}.contact-person{gap:11px;margin-top:25px}.contact-person strong{font-size:10px}.contact-person a{font-size:8px}.contact-person>span{height:33px;width:33px;font-size:9px}.qr-card{max-width:300px;margin:36px auto 0;padding:23px 25px 18px;border-radius:13px}.qr-card h3{font-size:20px}.qr-card>img{max-width:205px;margin-top:12px}.qr-card>.eyebrow{font-size:7px}.qr-card>div a{font-size:8px}.footer{padding-top:25px;padding-bottom:90px;flex-wrap:wrap;gap:18px}.footer .wordmark{font-size:17px}.footer p{font-size:7px}.footer>span{font-size:7px;width:100%;margin-top:-3px}.mobile-contact{position:fixed;z-index:40;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));background:#245febf5;backdrop-filter:blur(10px);box-shadow:0 6px 30px #153e9a40;border:1px solid #fff3;color:#fff;border-radius:10px;min-height:47px;display:none;align-items:center;justify-content:space-between;padding:12px 17px;max-width:510px;margin:auto}.mobile-contact.visible{display:flex}.mobile-contact>span:first-child{font-size:11px;font-weight:650}.mobile-contact>span:last-child{font-size:9px;color:#c0d4ff}.hero-product .product-note{z-index:2}.phone-frame{z-index:3}}
@media(max-width:370px){.header-contact{font-size:8px;padding:8px 9px;gap:8px}.header{gap:10px}.hero h1{font-size:40px}.hero .eyebrow{font-size:6.2px;letter-spacing:.35px}.hero-actions{gap:15px}.hero-actions .button{font-size:8px;padding:12px;gap:8px}.hero-actions .text-link{font-size:7px;gap:8px}.hero-tags{font-size:6.5px;gap:11px}.hero-product{height:320px}.desktop-frame>img{height:200px}.phone-frame{width:118px}.product-note{max-width:189px;padding:10px 9px;left:0;bottom:11px;gap:7px}.product-note strong{font-size:7px}.product-note small{font-size:5px}.product-note>span{width:20px;height:22px}.cycle-example small{font-size:6px}.specifics h3{font-size:12px}.demo-tabs button{font-size:6px;gap:7px;padding-left:5px;padding-right:5px}.demo-tabs button span{font-size:8px}.integration-section{padding:26px 20px}.contact-section h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.product-orbit{transform:none}}
/* Presentation copy stays readable at conference viewing distance. */
.header nav{font-size:12px}.header-contact{font-size:11px}.hero .eyebrow,.eyebrow{font-size:10px}.hero-lead{font-size:14px;color:#667b95}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:11px}.hero-tags{font-size:10px;flex-wrap:wrap;gap:10px 18px;color:#7589a3}.hero-bottom>span,.hero-bottom>div{font-size:10px}.section-intro>p:not(.eyebrow),.section-intro.horizontal>p{font-size:13px;color:#6c7d93}.specifics h3{font-size:17px}.specifics p{font-size:13px;color:#708099}.specific-number{font-size:11px}.role-example,.cycle-example>span,.cycle-example small,.status-example{font-size:10px}.demo-tabs button{font-size:10px}.demo-tabs button span{font-size:13px}.demo-description>p{font-size:13px;color:#6e809a}.demo-description li{font-size:12px;color:#74869e}.demo-description .text-link,.demo-access>span,.demo-access a{font-size:11px}.demo-access small{font-size:10px}.process h3{font-size:15px}.process p{font-size:12px;color:#70839c}.process small{font-size:10px;color:#8294ad}.integration-copy>p:not(.eyebrow){font-size:13px;color:#70839d}.integration-copy .text-link{font-size:11px}.integration-core small,.bitrix-core small,.integration-note{font-size:10px}.contact-grid>div>p:not(.eyebrow){font-size:14px;color:#a4b8d0}.contact-section .primary{font-size:12px}.contact-person strong{font-size:13px}.contact-person a{font-size:11px;color:#a0b7d3}.qr-card>div a{font-size:10px;color:#6d85a5}.footer p,.footer>span{font-size:10px}.footer p{color:#8293aa}
@media(max-width:760px){.header nav{font-size:14px}.header-contact{font-size:10px;min-height:37px}.hero .eyebrow{font-size:8px;letter-spacing:.4px}.eyebrow{font-size:9px}.hero-lead{font-size:14px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-actions .button{font-size:12px;min-height:46px;padding:13px 15px}.hero-actions .text-link{font-size:10px}.hero-tags{font-size:10px}.hero-bottom>span{font-size:10px}.hero-bottom>div{font-size:9px;gap:10px}.section-intro>p:not(.eyebrow),.section-intro.horizontal>p{font-size:12px}.specifics h3{font-size:16px}.specifics p{font-size:12px}.specific-number{font-size:10px}.role-example{font-size:9px;gap:5px}.role-example span{padding:4px 6px}.cycle-example>span,.cycle-example small,.status-example{font-size:9px}.demo-tabs button{font-size:9px;gap:8px}.demo-tabs button span{font-size:12px}.demo-description>p{font-size:13px}.demo-description li{font-size:12px}.demo-description .text-link,.demo-access>span,.demo-access a{font-size:11px}.demo-access small{font-size:10px}.process h3{font-size:15px}.process p{font-size:12px}.process small{font-size:10px}.process li{padding-bottom:25px}.integration-copy>p:not(.eyebrow){font-size:12px}.integration-copy .text-link{font-size:11px}.integration-core small,.bitrix-core small,.integration-note{font-size:9px}.contact-section .eyebrow{font-size:9px}.contact-grid>div>p:not(.eyebrow){font-size:13px}.contact-section .primary{font-size:12px}.contact-person strong{font-size:13px}.contact-person a{font-size:11px}.qr-card>.eyebrow{font-size:9px}.qr-card>div a{font-size:10px}.footer p,.footer>span{font-size:9px}.footer{gap:17px}.mobile-contact>span:first-child{font-size:13px}.mobile-contact>span:last-child{font-size:11px}}