.demo-page{background:radial-gradient(circle at 13% 15%,#e5f1ff 0,#0000 28%),radial-gradient(circle at 90% 90%,#e5f9fa 0,#0000 30%),#f6f9fd;align-items:center;min-height:calc(100vh - 4.5rem);padding:clamp(1.5rem,3vw,2.5rem) 0;display:grid}.demo-layout{background:#fff;border:1px solid #d9e5f1;border-radius:1.5rem;grid-template-columns:minmax(0,.83fr) minmax(0,1fr);align-items:stretch;width:min(70rem,100% - 2rem);display:grid;box-shadow:0 26px 72px #193c6a1f}.demo-visual{color:#fff;isolation:isolate;background:radial-gradient(circle at 48% 48%,#258ddb6b,#0000 42%),linear-gradient(145deg,#123b70,#082653 70%,#082044);border-radius:1.45rem 0 0 1.45rem;min-height:37.5rem;position:relative;overflow:hidden}.demo-visual:before,.demo-visual:after{content:"";z-index:-1;border:1px solid #87d4f11f;border-radius:50%;width:19rem;height:19rem;position:absolute}.demo-visual:before{top:24%;left:-8rem;box-shadow:0 0 0 5.5rem #87d4f109}.demo-visual:after{bottom:-9rem;right:-9rem;box-shadow:0 0 0 5.5rem #87d4f109}.demo-visual-grain{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:2.4rem 2.4rem;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 25% 85%,#0000)}.demo-visual-head{z-index:2;padding:2.45rem 3rem 0;position:relative}.demo-visual-kicker{color:#8bd7ef;letter-spacing:.08em;font-size:.83rem;font-weight:700}.demo-visual-head p{letter-spacing:-.025em;margin:1.2rem 0 0;font-size:clamp(1.75rem,2.3vw,2.25rem);font-weight:650;line-height:1.4}.demo-visual-head strong{color:#a5e4f7;font-weight:750}.demo-visual-foot{color:#bed5ea;margin:0;font-size:.91rem;position:absolute;bottom:2rem;left:3rem}.demo-visual-map{aspect-ratio:480/440;width:92%;position:absolute;top:24%;left:4%}.demo-flow-lines{width:100%;height:100%;overflow:visible}.demo-flow-lines path{stroke:#71d1ef8a;stroke-width:1.7px;stroke-dasharray:7 9;animation:12s linear infinite demo-flow}.demo-flow-lines path:nth-child(2n){stroke:#f5ab5e73;animation-duration:15s}.demo-flow-node,.demo-flow-core{place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.demo-flow-node{color:#effaff;letter-spacing:.05em;background:linear-gradient(145deg,#2673b3db,#103f71eb);border:1px solid #b7e7fa6b;border-radius:1.45rem;width:5.25rem;height:5.25rem;font-size:1rem;font-weight:750;box-shadow:0 12px 25px #02193e38,inset 0 1px #ffffff2b}.demo-node-okr{top:22.3%;left:17.5%}.demo-node-task{top:22.3%;left:82.5%}.demo-node-crm{top:77.7%;left:17.5%}.demo-node-performance{top:77.7%;left:82.5%}.demo-flow-core{background:radial-gradient(circle at 38% 30%,#289bd7,#11568f 57%,#0a386b);border:1px solid #b0f5f9bf;border-radius:50%;align-content:center;gap:0;width:9.3rem;height:9.3rem;animation:5s ease-in-out infinite demo-core;top:50%;left:50%;box-shadow:0 0 0 .65rem #6fd9f01a,0 0 0 1.25rem #6fd9f00d,0 25px 55px #02163e57}.demo-flow-core strong{letter-spacing:.06em;font-size:1.05rem}.demo-flow-core-mark{border:3px solid #a9f1f0;border-radius:50%;width:1.65rem;height:1.65rem;margin-bottom:.65rem;display:block;box-shadow:inset 0 0 0 4px #0a386bf2,0 0 0 4px #91e6f526}.demo-flow-spark{background:#9bf6f1;border-radius:50%;width:.4rem;height:.4rem;animation:3.2s ease-in-out infinite demo-spark;display:block;position:absolute;box-shadow:0 0 0 .35rem #67ebe921,0 0 1rem #74f1e4}.demo-spark-one{top:26%;left:32%}.demo-spark-two{background:#ffd3a7;animation-delay:.9s;top:34%;right:30%}.demo-spark-three{animation-delay:1.8s;bottom:27%;left:31%}.demo-form-shell{background:#fff;border-radius:0 1.45rem 1.45rem 0;min-width:0;padding:clamp(1.7rem,2.8vw,2.25rem);position:relative}.demo-form-head{margin-bottom:1.2rem}.demo-eyebrow{color:#2471b8;margin:0 0 .55rem;font-size:.84rem;font-weight:750}.demo-form-head h1{color:#142b4c;letter-spacing:-.025em;margin:0;font-size:clamp(2rem,2.65vw,2.5rem);line-height:1.3}.demo-subtitle{color:#61758d;margin:.55rem 0 0;font-size:.94rem;line-height:1.6}.demo-scheme-context:not([hidden]){color:#155ba9;background:#edf6ff;border:1px solid #cfe2fa;border-radius:999px;align-items:center;min-height:2rem;margin:.65rem 0 0;padding:.35rem .7rem;font-size:.81rem;font-weight:750;display:inline-flex}.demo-form{box-shadow:none;border:0;border-radius:0;padding:0;display:block}.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;display:grid}.demo-fields .field{gap:.38rem}.demo-fields .field label{color:#294461;font-size:.88rem}.demo-fields .field label span{color:#8da0b5;margin-left:.3rem;font-size:.78rem;font-weight:500}.demo-fields .field input,.demo-fields .field select,.demo-fields .field textarea{color:#203853;width:100%;min-height:3.05rem;font:inherit;resize:vertical;background:#fff;border:1px solid #d0ddeb;border-radius:.7rem;padding:.68rem .85rem;font-size:.93rem;transition:border-color .18s,box-shadow .18s}.demo-fields .field textarea{min-height:4.2rem}.demo-fields .field :is(input,select,textarea):focus-visible{border-color:#428fe1;outline:none;box-shadow:0 0 0 3px #428fe126}.demo-fields .field input[aria-invalid=true]{border-color:#d26464;box-shadow:0 0 0 3px #d264641c}.demo-phone-error{color:#b23738;margin:.2rem 0 0;font-size:.8rem;line-height:1.4}.demo-code-row{gap:.65rem;display:flex}.demo-code-row input{flex:auto;min-width:0}.demo-code-button{color:#1765bd;min-height:3.05rem;font:inherit;cursor:pointer;background:#edf5ff;border:1px solid #2c79d7;border-radius:.7rem;flex:0 0 8.4rem;padding:.65rem .75rem;font-size:.88rem;font-weight:750;transition:background .18s,border-color .18s}.demo-code-button:hover:not(:disabled){background:#e2efff;border-color:#1765bd}.demo-code-button:disabled{cursor:not-allowed;opacity:.65}.demo-code-button:focus-visible{outline-offset:2px;outline:3px solid #428fe140}.demo-code-status{color:#7b5b22;margin:.2rem 0 0;font-size:.8rem;line-height:1.4}.demo-fields .field :is(input,textarea)::placeholder{color:#9aabc0}.demo-product-field{z-index:5;border:0;min-width:0;margin:0;padding:0;position:relative}.demo-product-field:has(.demo-product-dropdown[open]){z-index:10}.demo-product-field legend,.demo-time-label{color:#294461;padding:0;font-size:.88rem;font-weight:700}.demo-product-field legend span{color:#8da0b5;margin-left:.35rem;font-size:.78rem;font-weight:500}.demo-product-dropdown{margin-top:.4rem;position:relative}.demo-product-dropdown summary{color:#8a9bb0;cursor:pointer;background:#fff;border:1px solid #d0ddeb;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;min-height:3.05rem;padding:.68rem .85rem;font-size:.93rem;list-style:none;display:flex}.demo-product-dropdown summary::-webkit-details-marker{display:none}.demo-product-dropdown[open] summary{border-color:#428fe1;box-shadow:0 0 0 3px #428fe11f}.demo-product-dropdown summary:focus-visible{outline-offset:2px;outline:3px solid #428fe133}.demo-product-dropdown summary svg{flex:none;width:1rem;height:1rem;transition:transform .18s}.demo-product-dropdown[open] summary svg{transform:rotate(180deg)}.demo-product-dropdown:has(input:checked) summary{color:#203853}#demo-selected-products,#demo-selected-services{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-product-options{z-index:15;background:#fff;border:1px solid #d4e2f0;border-radius:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 16px 35px #1b426c29}.demo-fields .demo-product-option{cursor:pointer;border-radius:.5rem;align-items:center;gap:.6rem;min-height:2.7rem;padding:.45rem .55rem;display:flex}.demo-fields .demo-product-option:hover,.demo-fields .demo-product-option:has(input:checked){background:#edf6ff}.demo-fields .demo-product-option:has(input:focus-visible){outline-offset:-2px;outline:2px solid #428fe1}.demo-fields .demo-product-option input[type=checkbox]{accent-color:#2779d5;width:1rem;min-width:1rem;height:1rem;min-height:1rem;box-shadow:none;flex:0 0 1rem;margin:0;padding:0}.demo-fields .demo-product-option span{color:#294461;min-width:0;font-size:.85rem;font-weight:600}.demo-time-label{align-self:end;margin:.1rem 0 -.1rem}.demo-field-error{color:#b23738;margin:.35rem 0 0;font-size:.82rem}.demo-submit{width:100%;margin-top:1rem;display:block}.demo-submit:disabled{cursor:not-allowed;opacity:.7}.demo-submit-status:not([hidden]){color:#a02e32;margin:.75rem 0 0;font-size:.86rem;line-height:1.5}.demo-submit-status:focus{outline:none}.demo-feedback{color:#294461;background:#f2f8ff;border:1px solid #b9d4ee;border-radius:.7rem;margin-top:.85rem;padding:.9rem 1rem;font-size:.86rem;line-height:1.55}.demo-feedback strong{color:#165ba8}.demo-feedback p{margin:.25rem 0 0}.demo-feedback a{color:#1768c5;text-underline-offset:.2rem;align-items:center;gap:.2rem;margin-top:.45rem;font-weight:750;display:inline-flex}.demo-feedback:focus{outline:none}.demo-preview-note{color:#7589a0;text-align:center;margin:.55rem 0 0;font-size:.8rem;line-height:1.6}.demo-preview-note a{color:#1768c5;text-underline-offset:.18rem;font-weight:700}@keyframes demo-flow{to{stroke-dashoffset:-160px}}@keyframes demo-core{50%{box-shadow:0 0 0 .85rem #6fd9f014,0 0 0 1.6rem #6fd9f00a,0 25px 55px #02163e57}}@keyframes demo-spark{50%{opacity:.4;transform:scale(.7)}}@media (width<=54rem){.demo-layout{grid-template-columns:1fr;width:min(40rem,100% - 2rem)}.demo-visual{border-radius:1.45rem 1.45rem 0 0;min-height:9.7rem}.demo-visual-head{padding:1.45rem 2rem}.demo-visual-head p{margin-top:.65rem;font-size:1.48rem}.demo-visual-map,.demo-visual-foot{display:none}.demo-form-shell{border-radius:0 0 1.45rem 1.45rem}}@media (width<=38rem){.demo-page{padding:1.1rem 0 2rem}.demo-layout{width:calc(100% - 1.25rem)}.demo-form-shell{padding:1.5rem 1.25rem 1.8rem}.demo-fields{grid-template-columns:1fr;gap:.8rem}.demo-fields .field-full{grid-column:auto}.demo-code-button{flex-basis:7.8rem}.demo-product-options{grid-template-columns:1fr}.demo-form-head h1{font-size:1.95rem}}