{"id":7298,"date":"2026-05-11T11:00:43","date_gmt":"2026-05-11T08:00:43","guid":{"rendered":"https:\/\/www.scon-bg.com\/?page_id=7298"},"modified":"2026-05-13T08:59:45","modified_gmt":"2026-05-13T05:59:45","slug":"oraweb-ll-modules-new","status":"publish","type":"page","link":"https:\/\/www.scon-bg.com\/en\/oraweb-ll-modules-new\/","title":{"rendered":"\u041c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 OraWEB L&amp;L"},"content":{"rendered":"<style>\n* { box-sizing: border-box; margin: 0; padding: 0; }\n.root { font-family: var(--font-sans); padding: 16px; width: 100%; }\n.page-title { font-size: 18px; font-weight: 500; color: var(--color-text-primary); margin-bottom: 2px; }\n.page-sub { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 16px; }\n.section-label { font-size: 11px; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: var(--color-text-tertiary); margin-bottom: 7px; }\n.chip { border-radius: 8px; padding: 7px 11px; font-size: 13px; font-weight: 500; line-height: 1.35; display: flex; flex-direction: column; gap: 1px; border: 1px solid transparent; }\n.chip-code { font-size: 10px; font-weight: 400; opacity: 0.6; }\n.chip-sub { font-size: 11px; font-weight: 400; opacity: 0.75; line-height: 1.3; margin-top: 2px; }\n.panel { border-radius: 12px; padding: 12px; border: 1px solid var(--color-border-tertiary); background: var(--color-background-secondary); }\n.stack { display: flex; flex-direction: column; gap: 5px; }\n.g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }\n\n.blue   { background:#E6F1FB; border-color:#B5D4F4; color:#0C447C; }\n.amber  { background:#FAEEDA; border-color:#FAC775; color:#633806; }\n.coral  { background:#FAECE7; border-color:#F5C4B3; color:#4A1B0C; }\n.gray   { background:#F1EFE8; border-color:#D3D1C7; color:#2C2C2A; }\n.teal   { background:#E1F5EE; border-color:#9FE1CB; color:#085041; }\n.nucleus { background: linear-gradient(135deg, #7F77DD 0%, #D4537E 100%); border: none; color: #fff; }\n.nucleus .chip-code { color: rgba(255,255,255,0.6); }\n\n.badge { display: inline-block; background:#FAEEDA; border:1px solid #FAC775; color:#633806; border-radius:20px; font-size:11px; font-weight:500; padding:4px 10px; margin-top:8px; }\n.iface { border-radius: 9px; padding: 9px 12px; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 8px; border: 1px solid transparent; }\n.iface-arrow { width:0; height:0; flex-shrink:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid currentColor; opacity:0.45; }\n.iface-code { font-size:10px; opacity:0.65; margin-top:2px; }\n.bottom-chip { border-radius:10px; padding:10px 12px; font-size:13px; font-weight:500; border:1px solid transparent; text-align:center; }\n.bottom-chip .chip-code { font-size:10px; opacity:0.6; margin-top:2px; display:block; }\n\n.layout-desktop { display: none; }\n.layout-mobile  { display: flex; flex-direction: column; gap: 10px; }\n\n.desktop-grid { display: grid; grid-template-columns: 1fr 1fr 200px; gap: 12px; align-items: start; margin-bottom: 10px; }\n.centre-col { display: flex; flex-direction: column; gap: 10px; }\n.iface-col { display: flex; flex-direction: column; gap: 8px; }\n.bottom-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\n\n@media (min-width: 600px) {\n  .layout-desktop { display: block; }\n  .layout-mobile  { display: none; }\n}\n\n@media (prefers-color-scheme: dark) {\n  .blue   { background:#0C447C; border-color:#185FA5; color:#B5D4F4; }\n  .amber  { background:#633806; border-color:#854F0B; color:#FAC775; }\n  .coral  { background:#4A1B0C; border-color:#993C1D; color:#F5C4B3; }\n  .gray   { background:#2C2C2A; border-color:#444441; color:#D3D1C7; }\n  .teal   { background:#085041; border-color:#0F6E56; color:#9FE1CB; }\n  .badge  { background:#633806; border-color:#854F0B; color:#FAC775; }\n}\n<\/style>\n\n<div class=\"root\">\n  <div class=\"page-title\">OraWEB L&#038;L \u2014 \u041c\u043e\u0434\u0443\u043b\u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/div>\n  <div class=\"page-sub\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u043e\u0442\u0434\u0430\u043b\u0435\u0447\u0435\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0440\u0435\u0434\u0438\u0442\u0438<\/div>\n\n  <!-- \u2550\u2550 DESKTOP \u2550\u2550 -->\n  <div class=\"layout-desktop\">\n    <div class=\"desktop-grid\">\n\n      <!-- LEFT: \u0442\u0440\u0438\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u0438 \u043c\u043e\u0434\u0443\u043b\u0430 -->\n      <div class=\"stack\">\n        <div class=\"panel\">\n          <div class=\"section-label\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n          <div class=\"stack\">\n            <div class=\"chip blue\" style=\"font-weight:600;\">OraWEB \u2014 \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n            <div class=\"chip blue\">\u0420\u0430\u0437\u0447\u0435\u0442\u043d\u0438 \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n            <div class=\"chip blue\">\u041a\u0440\u0435\u0434\u0438\u0442\u0438<\/div>\n            <div class=\"chip blue\">\u041a\u0430\u0440\u0442\u0438<\/div>\n            <div class=\"chip blue\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u2014 \u043f\u0440\u043e\u0444\u0438\u043b, \u0438\u043c\u0435\u043d\u0430 \u043d\u0430 \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"panel\">\n          <div class=\"section-label\">\u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n          <div class=\"stack\">\n            <div class=\"chip teal\" style=\"font-weight:600;\">OraWEB \u2014 \u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n            <div class=\"chip teal\">\u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u0434\u0440.<\/div>\n            <div class=\"chip teal\">\u0411\u0430\u043d\u043a\u043e\u0432\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/div>\n            <div class=\"chip teal\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/div>\n            <div class=\"chip teal\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043f\u0440\u0430\u0432\u0430 \u043f\u043e \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n            <div class=\"chip teal\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0434\u043e\u0441\u0442\u044a\u043f<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"panel\">\n          <div class=\"section-label\">\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n          <div class=\"stack\">\n            <div class=\"chip gray\" style=\"font-weight:600;\">OraWEB \u2014 \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n            <div class=\"chip gray\">\u0421\u043b\u0443\u0436\u0438\u0442\u0435\u043b\u0438<\/div>\n            <div class=\"chip gray\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438 (\u043a\u043b\u0438\u0435\u043d\u0442\u0438)<\/div>\n            <div class=\"chip gray\">\u0420\u0430\u0437\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0438<\/div>\n            <div class=\"chip gray\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0438 IP \u0430\u0434\u0440\u0435\u0441\u0438<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CENTRE: Onboarding + \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442 -->\n      <div class=\"centre-col\">\n        <div class=\"panel\">\n          <div class=\"section-label\">Onboarding<\/div>\n          <div class=\"chip amber\" style=\"font-weight:600;\">OraWEB \u2014 Onboarding<span class=\"chip-code\">M0514<\/span><\/div>\n          <div style=\"margin-top:6px; font-size:12px; color:var(--color-text-secondary);\">\u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u043e onboarding \u043d\u0430 \u043d\u043e\u0432\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0438<\/div>\n        <\/div>\n\n        <div class=\"panel\" style=\"border:1.5px solid #7F77DD;\">\n          <div class=\"section-label\" style=\"color:#7F77DD;\">Security<\/div>\n          <div class=\"chip nucleus\">\u041f\u043e\u0434\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442<span class=\"chip-code\">M091<\/span><\/div>\n          <div style=\"text-align:center;\">\n            <span class=\"badge\">\u21c4 \u041e\u0431\u043c\u0435\u043d \u043d\u0430 \u0434\u0430\u043d\u043d\u0438 \u0441 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438 -->\n      <div class=\"iface-col\">\n        <div class=\"section-label\" style=\"text-align:center;\">\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438<\/div>\n        <div class=\"iface coral\" style=\"background:#FAECE7; border-color:#F5C4B3; color:#4A1B0C; border-radius:10px; padding:11px 13px;\">\n          <div class=\"iface-arrow\"><\/div>\n          <div>\n            <div style=\"font-size:13px; font-weight:500;\">\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438 \u0441<br>\u0432\u044a\u043d\u0448\u043d\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/div>\n            <div class=\"iface-code\">M0391<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"iface amber\" style=\"background:#FAEEDA; border-color:#FAC775; color:#633806; border-radius:10px; padding:11px 13px;\">\n          <div class=\"iface-arrow\" style=\"border-left-color:#633806;\"><\/div>\n          <div>\n            <div style=\"font-size:13px; font-weight:500;\">\u041e\u0431\u043c\u0435\u043d \u043d\u0430 \u0434\u0430\u043d\u043d\u0438 \u0441<br>\u043e\u0441\u043d\u043e\u0432\u043d\u0430\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 MOBILE \u2550\u2550 -->\n  <div class=\"layout-mobile\">\n    <div class=\"panel\">\n      <div class=\"section-label\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"stack\">\n        <div class=\"chip blue\" style=\"font-weight:600;\">OraWEB \u2014 \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n        <div class=\"g2\">\n          <div class=\"chip blue\">\u0420\u0430\u0437\u0447\u0435\u0442\u043d\u0438 \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n          <div class=\"chip blue\">\u041a\u0440\u0435\u0434\u0438\u0442\u0438<\/div>\n          <div class=\"chip blue\">\u041a\u0430\u0440\u0442\u0438<\/div>\n          <div class=\"chip blue\" style=\"grid-column:span 2;\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u2014 \u043f\u0440\u043e\u0444\u0438\u043b, \u0438\u043c\u0435\u043d\u0430 \u043d\u0430 \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"section-label\">\u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"stack\">\n        <div class=\"chip teal\" style=\"font-weight:600;\">OraWEB \u2014 \u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n        <div class=\"g2\">\n          <div class=\"chip teal\">\u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u0434\u0440.<\/div>\n          <div class=\"chip teal\">\u0411\u0430\u043d\u043a\u043e\u0432\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/div>\n          <div class=\"chip teal\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/div>\n          <div class=\"chip teal\" style=\"grid-column:span 2;\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043f\u0440\u0430\u0432\u0430 \u043f\u043e \u0441\u043c\u0435\u0442\u043a\u0438<\/div>\n          <div class=\"chip teal\" style=\"grid-column:span 2;\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0434\u043e\u0441\u0442\u044a\u043f<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"section-label\">\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"stack\">\n        <div class=\"chip gray\" style=\"font-weight:600;\">OraWEB \u2014 \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n        <div class=\"g2\">\n          <div class=\"chip gray\">\u0421\u043b\u0443\u0436\u0438\u0442\u0435\u043b\u0438<\/div>\n          <div class=\"chip gray\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438 (\u043a\u043b\u0438\u0435\u043d\u0442\u0438)<\/div>\n          <div class=\"chip gray\">\u0420\u0430\u0437\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0438<\/div>\n          <div class=\"chip gray\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0438 IP \u0430\u0434\u0440\u0435\u0441\u0438<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"section-label\">Onboarding<\/div>\n      <div class=\"chip amber\" style=\"font-weight:600;\">OraWEB \u2014 Onboarding<span class=\"chip-code\">M0514<\/span><\/div>\n    <\/div>\n\n    <div class=\"panel\" style=\"border:1.5px solid #7F77DD;\">\n      <div class=\"section-label\" style=\"color:#7F77DD;\">Security<\/div>\n      <div class=\"chip nucleus\">\u041f\u043e\u0434\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442<span class=\"chip-code\">M091<\/span><\/div>\n      <div style=\"text-align:center;margin-top:8px;\">\n        <span class=\"badge\">\u21c4 \u041e\u0431\u043c\u0435\u043d \u043d\u0430 \u0434\u0430\u043d\u043d\u0438 \u0441 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"section-label\">\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438<\/div>\n      <div class=\"stack\">\n        <div class=\"iface coral\" style=\"background:#FAECE7; border-color:#F5C4B3; color:#4A1B0C; border-radius:10px;\">\n          <div class=\"iface-arrow\"><\/div>\n          <div>\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438 \u0441 \u0432\u044a\u043d\u0448\u043d\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<div class=\"iface-code\">M0391<\/div><\/div>\n        <\/div>\n        <div class=\"iface amber\" style=\"background:#FAEEDA; border-color:#FAC775; color:#633806; border-radius:10px;\">\n          <div class=\"iface-arrow\" style=\"border-left-color:#633806;\"><\/div>\n          <div>\u041e\u0431\u043c\u0435\u043d \u043d\u0430 \u0434\u0430\u043d\u043d\u0438 \u0441 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n* { box-sizing: border-box; margin: 0; padding: 0; }\n.wrap { font-family: var(--font-sans); padding: 20px 16px 24px; width: 100%; }\n.title { font-size: 18px; font-weight: 500; color: var(--color-text-primary); margin-bottom: 2px; }\n.sub { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 20px; }\n.section-header { font-size: 11px; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: var(--color-text-tertiary); margin: 0 4px 8px; padding-left: 4px; }\n\n.row { display: grid; gap: 12px; margin-bottom: 20px; }\n.row-top { grid-template-columns: 1fr 1fr 1fr; }\n.row-bottom { grid-template-columns: 1fr 1fr 1fr; }\n\n.col { display: flex; flex-direction: column; gap: 0; }\n\n.block3d {\n  position: relative;\n  margin: 0 4px 12px;\n  cursor: pointer;\n  transition: transform 0.18s ease;\n}\n.block3d:hover { transform: translateY(-3px); }\n\n.face-top {\n  position: absolute;\n  left: 7px; top: -7px;\n  right: -7px; bottom: 0;\n  border-radius: 8px 8px 0 0;\n  z-index: 1;\n}\n.face-right {\n  position: absolute;\n  right: -7px; top: -7px;\n  width: 7px; bottom: 0;\n  border-radius: 0 5px 5px 0;\n  z-index: 0;\n}\n.face-front {\n  position: relative;\n  border-radius: 8px;\n  padding: 10px 13px;\n  z-index: 2;\n}\n.face-bottom-edge {\n  position: absolute;\n  left: 7px; bottom: -7px;\n  right: -7px; height: 7px;\n  border-radius: 0 0 7px 7px;\n  z-index: 0;\n}\n\n.label-top { font-size: 11px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.6; margin-bottom: 3px; }\n.label-main { font-size: 13px; font-weight: 500; line-height: 1.3; }\n.label-code { font-size: 10px; font-weight: 400; opacity: 0.55; margin-top: 2px; }\n\n\/* Blue *\/\n.block3d.blue .face-front       { background: #E6F1FB; border: 1px solid #B5D4F4; color: #0C447C; }\n.block3d.blue .face-top         { background: #cde4f8; border: 1px solid #B5D4F4; border-bottom: none; }\n.block3d.blue .face-right       { background: #a8ccee; border: 1px solid #8ab8e6; }\n.block3d.blue .face-bottom-edge { background: #a8ccee; }\n\/* Teal *\/\n.block3d.teal .face-front       { background: #E1F5EE; border: 1px solid #9FE1CB; color: #085041; }\n.block3d.teal .face-top         { background: #c5eddf; border: 1px solid #9FE1CB; border-bottom: none; }\n.block3d.teal .face-right       { background: #8ed4bc; border: 1px solid #6ec4a8; }\n.block3d.teal .face-bottom-edge { background: #8ed4bc; }\n\/* Gray *\/\n.block3d.gray .face-front       { background: #F1EFE8; border: 1px solid #D3D1C7; color: #2C2C2A; }\n.block3d.gray .face-top         { background: #dddbd2; border: 1px solid #D3D1C7; border-bottom: none; }\n.block3d.gray .face-right       { background: #c4c2b8; border: 1px solid #b0aea4; }\n.block3d.gray .face-bottom-edge { background: #c4c2b8; }\n\/* Amber *\/\n.block3d.amber .face-front       { background: #FAEEDA; border: 1px solid #FAC775; color: #633806; }\n.block3d.amber .face-top         { background: #f5deb0; border: 1px solid #FAC775; border-bottom: none; }\n.block3d.amber .face-right       { background: #e8c07a; border: 1px solid #d4a855; }\n.block3d.amber .face-bottom-edge { background: #e8c07a; }\n\/* Coral *\/\n.block3d.coral .face-front       { background: #FAECE7; border: 1px solid #F5C4B3; color: #4A1B0C; }\n.block3d.coral .face-top         { background: #f2d5ca; border: 1px solid #F5C4B3; border-bottom: none; }\n.block3d.coral .face-right       { background: #e0b09e; border: 1px solid #cc9a86; }\n.block3d.coral .face-bottom-edge { background: #e0b09e; }\n\/* Nucleus *\/\n.block3d.nucleus .face-front       { background: linear-gradient(135deg, #7F77DD 0%, #D4537E 100%); border: 1px solid #9a93e8; color: #fff; }\n.block3d.nucleus .face-top         { background: #aba4e6; border: 1px solid #9a93e8; border-bottom: none; }\n.block3d.nucleus .face-right       { background: #7a72c8; border: 1px solid #6860b8; }\n.block3d.nucleus .face-bottom-edge { background: #7a72c8; }\n.block3d.nucleus .label-code       { color: rgba(255,255,255,0.6); }\n\n.badge-wrap { text-align: center; margin: 4px 4px 0; }\n.badge { display: inline-block; background: #FAEEDA; border: 1px solid #FAC775; color: #633806; border-radius: 20px; font-size: 11px; font-weight: 500; padding: 4px 12px; }\n\n.iface-block { margin: 0 4px 12px; border-radius: 9px; padding: 10px 13px; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 8px; border: 1px solid transparent; cursor: pointer; transition: transform 0.18s; position: relative; }\n.iface-block:hover { transform: translateY(-2px); }\n.iface-arrow { width:0; height:0; flex-shrink:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid currentColor; opacity:0.4; }\n.iface-block.coral-i { background: #FAECE7; border-color: #F5C4B3; color: #4A1B0C; }\n.iface-block.amber-i { background: #FAEEDA; border-color: #FAC775; color: #633806; }\n.iface-code { font-size: 10px; opacity: 0.6; margin-top: 2px; }\n\n.divider { border: none; border-top: 1px solid var(--color-border-tertiary); margin: 4px 0 20px; }\n\n@media (prefers-color-scheme: dark) {\n  .block3d.blue .face-front        { background: #0C447C; border-color: #185FA5; color: #B5D4F4; }\n  .block3d.blue .face-top          { background: #0a3b6a; border-color: #185FA5; }\n  .block3d.blue .face-right        { background: #072e54; }\n  .block3d.blue .face-bottom-edge  { background: #072e54; }\n  .block3d.teal .face-front        { background: #085041; border-color: #0F6E56; color: #9FE1CB; }\n  .block3d.teal .face-top          { background: #06453a; border-color: #0F6E56; }\n  .block3d.teal .face-right        { background: #04352c; }\n  .block3d.teal .face-bottom-edge  { background: #04352c; }\n  .block3d.gray .face-front        { background: #2C2C2A; border-color: #444441; color: #D3D1C7; }\n  .block3d.gray .face-top          { background: #242422; border-color: #444441; }\n  .block3d.gray .face-right        { background: #1a1a18; }\n  .block3d.gray .face-bottom-edge  { background: #1a1a18; }\n  .block3d.amber .face-front       { background: #633806; border-color: #854F0B; color: #FAC775; }\n  .block3d.amber .face-top         { background: #522f05; border-color: #854F0B; }\n  .block3d.amber .face-right       { background: #3e2304; }\n  .block3d.amber .face-bottom-edge { background: #3e2304; }\n  .block3d.coral .face-front       { background: #4A1B0C; border-color: #993C1D; color: #F5C4B3; }\n  .block3d.coral .face-top         { background: #3b1509; border-color: #993C1D; }\n  .block3d.coral .face-right       { background: #2c0f06; }\n  .block3d.coral .face-bottom-edge { background: #2c0f06; }\n  .iface-block.coral-i { background: #4A1B0C; border-color: #993C1D; color: #F5C4B3; }\n  .iface-block.amber-i { background: #633806; border-color: #854F0B; color: #FAC775; }\n  .badge { background: #633806; border-color: #854F0B; color: #FAC775; }\n}\n<\/style>\n\n<div class=\"wrap\">\n  <div class=\"title\">OraWEB L&#038;L \u2014 \u041c\u043e\u0434\u0443\u043b\u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/div>\n  <div class=\"sub\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u043e\u0442\u0434\u0430\u043b\u0435\u0447\u0435\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0440\u0435\u0434\u0438\u0442\u0438<\/div>\n\n  <!-- \u0420\u0415\u0414 1: Onboarding | \u0421\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442 | \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438 -->\n  <div class=\"row row-top\">\n\n    <div class=\"col\">\n      <div class=\"section-header\">Onboarding<\/div>\n      <div class=\"block3d amber\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\">\n          <div class=\"label-top\">Onboarding<\/div>\n          <div class=\"label-main\">OraWEB \u2014 Onboarding<\/div>\n          <div class=\"label-code\">M0514<\/div>\n        <\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"col\">\n      <div class=\"section-header\">Security<\/div>\n      <div class=\"block3d nucleus\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\" style=\"padding:14px 13px;\">\n          <div class=\"label-top\" style=\"color:rgba(255,255,255,0.55);\">\u042f\u0434\u0440\u043e<\/div>\n          <div class=\"label-main\">\u041f\u043e\u0434\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442<\/div>\n          <div class=\"label-code\">M091<\/div>\n        <\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"col\">\n      <div class=\"section-header\">\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438<\/div>\n      <div class=\"iface-block coral-i\">\n        <div class=\"iface-arrow\"><\/div>\n        <div>\n          <div>\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0438 \u0441 \u0432\u044a\u043d\u0448\u043d\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/div>\n          <div class=\"iface-code\">M0391<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"iface-block amber-i\">\n        <div class=\"iface-arrow\" style=\"border-left-color:#633806;\"><\/div>\n        <div>\u041e\u0431\u043c\u0435\u043d \u043d\u0430 \u0434\u0430\u043d\u043d\u0438 \u0441 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u0442\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <hr class=\"divider\">\n\n  <!-- \u0420\u0415\u0414 2: \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 | \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d | \u0411\u0430\u043d\u043a\u043e\u0432 -->\n  <div class=\"row row-bottom\">\n\n    <!-- \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 -->\n    <div class=\"col\">\n      <div class=\"section-header\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"block3d blue\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\">\n          <div class=\"label-top\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438<\/div>\n          <div class=\"label-main\">OraWEB \u2014 \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b<\/div>\n        <\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d blue\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0420\u0430\u0437\u0447\u0435\u0442\u043d\u0438 \u0441\u043c\u0435\u0442\u043a\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d blue\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u041a\u0440\u0435\u0434\u0438\u0442\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d blue\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u041a\u0430\u0440\u0442\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d blue\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u2014 \u043f\u0440\u043e\u0444\u0438\u043b, \u0438\u043c\u0435\u043d\u0430 \u043d\u0430 \u0441\u043c\u0435\u0442\u043a\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d -->\n    <div class=\"col\">\n      <div class=\"section-header\">\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"block3d gray\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\">\n          <div class=\"label-top\">\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d<\/div>\n          <div class=\"label-main\">OraWEB \u2014 \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b<\/div>\n        <\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d gray\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0421\u043b\u0443\u0436\u0438\u0442\u0435\u043b\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d gray\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438 (\u043a\u043b\u0438\u0435\u043d\u0442\u0438)<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d gray\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0420\u0430\u0437\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d gray\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0438 IP \u0430\u0434\u0440\u0435\u0441\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u0411\u0430\u043d\u043a\u043e\u0432 -->\n    <div class=\"col\">\n      <div class=\"section-header\">\u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n      <div class=\"block3d teal\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\">\n          <div class=\"label-top\">\u0411\u0430\u043d\u043a\u043e\u0432<\/div>\n          <div class=\"label-main\">OraWEB \u2014 \u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b<\/div>\n        <\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d teal\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u0434\u0440.<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d teal\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0411\u0430\u043d\u043a\u043e\u0432\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d teal\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d teal\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043f\u0440\u0430\u0432\u0430 \u043f\u043e \u0441\u043c\u0435\u0442\u043a\u0438<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n      <div class=\"block3d teal\" style=\"margin-left:14px;\">\n        <div class=\"face-top\"><\/div><div class=\"face-right\"><\/div>\n        <div class=\"face-front\"><div class=\"label-main\">\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0434\u043e\u0441\u0442\u044a\u043f<\/div><\/div>\n        <div class=\"face-bottom-edge\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>OraWEB L&#038;L \u2014 \u041c\u043e\u0434\u0443\u043b\u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430 \u043e\u0442\u0434\u0430\u043b\u0435\u0447\u0435\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0440\u0435\u0434\u0438\u0442\u0438 \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b OraWEB \u2014 \u041f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0438 \u043c\u043e\u0434\u0443\u043b \u0420\u0430\u0437\u0447\u0435\u0442\u043d\u0438 \u0441\u043c\u0435\u0442\u043a\u0438 \u041a\u0440\u0435\u0434\u0438\u0442\u0438 \u041a\u0430\u0440\u0442\u0438 \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u2014 \u043f\u0440\u043e\u0444\u0438\u043b, \u0438\u043c\u0435\u043d\u0430 \u043d\u0430 \u0441\u043c\u0435\u0442\u043a\u0438 \u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b OraWEB \u2014 \u0411\u0430\u043d\u043a\u043e\u0432 \u043c\u043e\u0434\u0443\u043b \u041f\u0440\u0435\u0433\u043b\u0435\u0434 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u0434\u0440. \u0411\u0430\u043d\u043a\u043e\u0432\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0417\u0430\u044f\u0432\u043a\u0438 \u0437\u0430 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043f\u0440\u0430\u0432\u0430 \u043f\u043e \u0441\u043c\u0435\u0442\u043a\u0438 \u0411\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0434\u043e\u0441\u0442\u044a\u043f \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u0435\u043d \u043c\u043e\u0434\u0443\u043b OraWEB \u2014 &hellip; <\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/pages\/7298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/comments?post=7298"}],"version-history":[{"count":2,"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/pages\/7298\/revisions"}],"predecessor-version":[{"id":7304,"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/pages\/7298\/revisions\/7304"}],"wp:attachment":[{"href":"https:\/\/www.scon-bg.com\/en\/wp-json\/wp\/v2\/media?parent=7298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}