/*
Theme Name:Retrace
*/

#wpadminbar {height:3px !important; overflow:hidden; z-index:9999;}
#wpadminbar:hover {height:32px !important;}
.post-edit-link {position:absolute; top:20px; right:20px; color:red; z-index:2000;}

* {border:medium none; margin:0; padding:0;}
a {color:#111; outline:medium none; text-decoration:none;}
a:hover, a:active, a:focus {color:#111; text-decoration:none;}
*:hover, *:active, *:focus {outline:none !important;}
html, body {height:100%;}
body {background:#fafafa; color:#575757; font:normal 16px 'Red Hat Text', Arial,Helvetica,sans-serif;}
.menuOpen {overflow:hidden;}
@media(min-width:1200px){
	body {font-size:18px;}
}

div {-moz-box-sizing:border-box; box-sizing:border-box; float:none;}
table {border-spacing:0; padding:0;}
.clr {clear:both;}
p {margin:0; padding:0 0 16px;}
p:last-child {padding:0;}
.grecaptcha-badge {display:none !important;}
img {max-width:100%;}
u {text-decoration:none !important; color:#EB3C36;}
@media(max-width:767px){
	.mp {padding-bottom:24px;}
}

.bgOuter {width:100%; min-height:100%; overflow:hidden; display:flex; flex-direction:column;}

.bg {width:100%; max-width:1920px; margin:0 auto; position:relative; flex:0 0 auto;}
.bg::after {content:''; background:url(images/bg.svg) no-repeat; background-size:contain; width:290px; height:350px; position:absolute; top:-40px; right:-15px; z-index:1;}
@media(min-width:768px){
	.bg::after {width:539px; height:642px; top:-89px; right:-30px;}
}
@media(min-width:992px){
	.bg::after {width:808px; height:964px; top:-133px; right:-47px;}
}
@media(min-width:1200px){
	.bg::after {width:1078px; height:1284px; top:-179px; right:-64px;}
}

@media(min-width:1200px){
	.container {max-width:1164px;}
}

#content {flex:1 0 auto;}
.page-template-home #content {position:relative; z-index:2;}
.page-template-libraries #content {position:relative; z-index:2;}

.header {flex:0 0 auto; position:relative; z-index:5;}
@media(min-width:768px){
	.header {height:120px;}
	.header .container {height:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
}

.logo {padding:15px 0;}
.logo img {width:168px; height:70px; display:block;}
@media(min-width:768px){
	.logo {padding:2px 0 0;}
}

.menuBtn {width:26px; height:26px; display:block; position:absolute; top:30px; right:17px; z-index:20;}
.menuBtn .icon-bar {background:#111; width:26px; height:2px; position:relative; left:0; display:block; /*border-radius:1px;*/ transition:ease .3s;}
.menuBtn .icon-bar:first-child {margin-top:3px;}
.menuBtn .icon-bar + .icon-bar {margin-top:6px;}
.menuOpen .menuBtn .icon-bar:nth-child(1) {transform:rotate(45deg) translateZ(0px); top:8px;}
.menuOpen .menuBtn .icon-bar:nth-child(2) {display:none;}
.menuOpen .menuBtn .icon-bar:nth-child(3) {transform:rotate(-45deg) translateZ(0px); top:0;}
@media(min-width:768px){
	.header .container {position:relative;}
}
@media(min-width:992px){
	.menuBtn {display:none;}
}

.menuBox, .menuBox ul {margin:0; list-style:none;}
.menuBox li > a {width:100%; color:#111; font-size:16px; font-weight:400; letter-spacing:0.8px; text-transform:uppercase; text-decoration:none !important; text-align:center; display:block;}
@media (max-width:991px) {
  .menuBox {background:#fff; width:100%; height:100%; text-align:center; overflow:scroll; position:fixed; left:0; top:0; z-index:4; display:none;}
  .menuBox ul {display:block !important; height:auto !important;}
	.menuBox li {padding:5px 0;}
	.menuBox li a {padding:5px 0;}
  .menuBox .container {height:100%;}
  .menuInner {min-height:100vh; min-height:-webkit-fill-available; padding:60px 15px 50px; display:flex; flex-flow:column nowrap; justify-content:center;}
	.menuBox + .menuBox {display:none !important;}
}
@media (min-width:992px) {
  .menuBox {background:none; height:auto !important; padding:3px 0 0; float:right; display:block !important;}
  .menuBox li {display:inline-block;}
  .menuBox li > a {padding:10px 22px; font-size:13px; position:relative;}
	.menuBox li:last-child > a {padding-right:4px;}
  .menuInner {display:flex; flex-flow:row nowrap; align-items:center;}
	.menuBox li > a::after {content:''; background:#EB3C36; width:0; height:2px; margin:0 auto; display:block; position:relative; top:7px; transition:width ease .3s;}
	.menuBox li > a:hover::after {width:100%;}
	.menuBox .menuInner #top-menu .reqDemoMenu {display:none !important;}
}
@media(min-width:1200px){
	.menuBox li > a {padding:10px 20px; font-size:16px;}
}

.menuBox li.reqDemoMenu a {background:#EB3C36; height:50px; padding:0 15px; line-height:50px; color:#fff; font-size:16px; font-weight:500; border:1px solid #EB3C36; border-radius:35px; white-space:nowrap; text-align:center; text-transform:uppercase; display:inline-block; transition:ease .3s;}
.menuBox li.reqDemoMenu a::after {display:none !important;}
.menuBox li.reqDemoMenu a:hover {background:#fff; color:#EB3C36;}
@media(max-width:991px){.menuBox li.reqDemoMenu {padding:20px 0 0;}
	.menuBox li.reqDemoMenu a {max-width:200px; margin:0 auto;}
}
@media(min-width:992px){
	.menuBox li.reqDemoMenu {padding:0 0 0 14px;}
	.menuBox li.reqDemoMenu a {padding:0 17px; font-size:14px;}
}
@media(min-width:1200px){
	.menuBox li.reqDemoMenu {/* padding:0 0 0 17px; */ padding:0 0 0 110px;}
	.menuBox li.reqDemoMenu a {padding:0 24px; font-size:16px;}
}

.footer {padding:20px 0 30px; flex:0 0 auto; position:relative; z-index:2;}
@media (min-width:768px) {.footer {padding:30px 0; font-size:12px;}
}
@media(min-width:992px){
	.footer {font-size:14px;}
}

.contentBox .container {position:relative;}

.topLine {border-top:1px solid #ebebeb;}

.homeRside {max-width:100%;}
.homeLogos {margin:0 auto; padding:10px 0 0; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.homeLogos div {padding:0 3vh 2px; color:#b1b1b1; font-size:20px; font-weight:400; line-height:1.5;}
.homeLogos div:first-child {padding-top:11px;}
.homeRside .code {padding:0 0 29px;}
@media(min-width:768px) {.homeRside {width:100%; width:562px; margin:0 auto; flex:0 0 auto;}
	.homeLogos {padding:20px 2px 0 15px; margin:0; justify-content:flex-end;}
	.homeLogos div {padding:0 0 2px 17px;}
	.homeLogos div:nth-child(3) {position:relative; left:9px; top:3px;}
	.homeLogos div:nth-child(4) {position:relative; left:2px;}
}
@media(min-width:992px){
	.homeRside {width:480px;}
	.homeLogos {padding:0 2px 0 15px;}
}
@media(min-width:1200px){
	.homeRside {width:600px;}
}

.reqDemo {padding:40px 0; text-align:center;}
.reqDemo a {background:#EB3C36; height:50px; padding:0 25px; line-height:50px; color:#fff; font-size:16px; font-weight:500; border-radius:35px; white-space:nowrap; text-transform:uppercase; display:inline-block;}
@media(min-width:768px){
	.reqDemo {padding:60px 0 42px;}
	.reqDemo a {padding:0 38px;}
}
@media(min-width:1200px){
	.reqDemo {padding-left:194px;}
}

.wBg {background:#fff;}

.entry-content {padding:30px 0; line-height:1.2;}
.entry-content p {margin-bottom:15px; padding:0;}
.entry-content ul {padding-left:18px;}
.entry-content ol {padding-left:18px;}
.entry-content li {padding-bottom:15px;}
.entry-header {text-align:center;}
.entry-header .entry-title {margin-bottom:0; padding:20px 0 0;}
@media (min-width:768px) {.entry-content {padding:50px 0; line-height:1.3;}
}

.error-404 {padding:50px 0 20px;}
.error-404 h1 {font-size:28px; text-align:center;}
@media(min-width:768px){
	.error-404 {padding:100px 0 50px;}
	.error-404 h1 {font-size:36px;}
}
@media(min-width:992px){
	.error-404 {padding:150px 0 50px;}
}

.contactList {padding:0 0 10px; font-size:16px;}
.contactItem {padding:0 0 20px;}
.contactItem p {padding:0 0 4px; margin:0; color:#575757; line-height:20px;}
.contactItem strong {color:#111; font-size:20px; line-height:26px; font-weight:500;}
.contactItem a {color:#EB3C36; text-decoration:underline;}
.contactItem i {font-style:normal; color:#f0382e;}
@media(min-width:768px){
	.contactList {padding:10px 0 20px;}
	.contactItem p {padding:0 0 5px;}
}
@media(min-width:992px){
	.contactList {padding:46px 0 50px 150px;}
	.contactItem p {padding:0 0 5px; font-size:18px; line-height:26px;}
	.contactItem strong {font-size:28px; line-height:30px; letter-spacing:-0.5px;}
}
@media(min-width:1200px){
	.contactList {padding:53px 60px 23px 194px;}
	.contactItem p {padding:0 0 7px;}
	.contactList .col-md-4:nth-child(2) {padding-left:0;}
	.contactList .col-md-4:nth-child(3) {padding-left:27px;}
}

.mapBox {padding:0 0 15px;}
.mapOuter {margin:0 -15px; position:relative; padding-bottom:56.25%; height:0;}
.mapOuter iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
@media(min-width:576px){
	.mapBox {padding:0 0 60px;}
	.mapOuter {margin:0;}
}

.wprss_feed_template-template-default .entry-meta {display:none;}

.wBg ul {list-style:none; margin:0; padding:0 0 16px 16px;}
.wBg ul li {padding:0 0 6px; position:relative;}
.wBg ul li::before {content:''; background:#000; width:5px; height:5px; border-radius:50%; position:absolute; left:-15px; top:8px;}

.rss ul {list-style:none; border-top:1px solid #ebebeb; margin:0; padding:0;}
.rss ul li {padding:5px 0; border-bottom:1px solid #ebebeb; font-size:16px; line-height:24px; display:flex; flex-flow:row-reverse nowrap; align-items:center; justify-content:flex-end;}
.rss ul li::before {display:none !important;}
.rss ul li a {padding:5px 0; color:#111; font-weight:500; display:block;}
.rss .wprss-feed-meta {width:40%; padding:0 10px 0 0; color:#575757;}
.rss .feed-source {display:none;}
@media(min-width:768px){
	.rss ul li {padding:6px 0; font-size:18px; line-height:26px;}
	.rss .wprss-feed-meta {width:180px;}
}
@media(min-width:1200px){
	.rss .wprss-feed-meta {width:195px;}
}

.keyText {padding:30px 0 0; color:#575757;}
.keyItem {min-height:60px; padding:0 0 0 78px; display:flex; flex-flow:row nowrap; align-items:center; position:relative;}
.keyBoxWithTt .keyItem {align-items:flex-start;}
.keyItem::before {content:''; background-repeat:no-repeat; width:60px; height:60px; position:absolute; left:0; top:50%; margin-top:-32px;}
.keyItem a {color:#EB3C36;}
.keyBoxWithTt .keyItem::before {top:3px; margin-top:0;}
.keyItem1::before {background-image:url(images/icon1.svg);}
.keyItem2::before {background-image:url(images/icon2.svg);}
.keyItem3::before {background-image:url(images/icon3.svg);}
.keyItem4::before {background-image:url(images/icon4.svg);}
.keyItem5::before {background-image:url(images/icon5.svg); top:3px;}
.keyItem6::before {background-image:url(images/icon6.svg); top:1px;}
.keyItem7::before {background-image:url(images/icon7.svg);}
.keyItem8::before {background-image:url(images/icon8.svg);}
.keyItem9::before {background-image:url(images/icon9.svg);}
.keyItem10::before {background-image:url(images/icon10.svg);}
.keyItem11::before {background-image:url(images/icon11.svg);}
.keyItem12::before {background-image:url(images/icon12.svg);}
.keyItem13::before {background-image:url(images/icon13.svg);}
.keyItem14::before {background-image:url(images/icon14.svg);}
.keyItem15::before {background-image:url(images/icon15.svg);}

.keyItem21::before {background-image:url(images/21.svg);}
.keyItem22::before {background-image:url(images/22.svg);}
.keyItem23::before {background-image:url(images/23.svg);}
.keyItem24::before {background-image:url(images/24.svg);}
.keyItem25::before {background-image:url(images/25.svg);}
.keyItem26::before {background-image:url(images/26.svg);}
.keyItem27::before {background-image:url(images/27.svg);}
.keyItem28::before {background-image:url(images/28.svg);}
.keyItem29::before {background-image:url(images/29.svg);}
.keyItem30::before {background-image:url(images/30.svg); width:64px; height:64px;}
.keyItem p {padding:0 0 7px; margin:0;}
.keyBoxWithTt .keyItem p:first-child {padding:0 0 3px; color:#111; font-weight:500;}
.keyBoxWithTt .keyItem p:first-child::after {content:'.'; color:#EB3C36;}
.keyFlex {padding:30px 0 0;}
.keyFlex + .keyFlex {padding:0;}
.keyTitle {padding:0 0 10px;}
.keyItemList {width:100%; display:grid; grid-template-columns:1fr; gap:30px;}
* + .keyItemList {padding-top:16px;}
@media (min-width:768px) {.keyFlex {padding:40px 0 0;}
	.keyText {padding:20px 0 0; font-size:18px; line-height:1.444444; display:flex; flex-flow:row wrap;}
	.keyItemList {grid-template-columns:1fr 1fr;}
	.keyItem {padding-bottom:0;}
}
@media(min-width:1200px){
	.keyFlex {width:100%; padding:50px 0 0; display:flex; flex-flow:row nowrap;}
	.keyTitle {width:194px; padding:0 20px 10px 0; flex:0 0 auto;}
	.keyText {width:100%; padding:0;}
}

.t2 {color:#646464; font-size:14px; font-weight:600; letter-spacing:0.28px; text-transform:uppercase;}

.homeTop {padding:0 0 30px;}
.homeBox {padding:30px 0 20px;}
.homeTitle {padding:0 0 20px;}
.homeText p {padding:0 0 11px; color:#575757; font-size:16px; line-height:1.444444444;}
.homeTx {padding:0 0 30px; color:#575757; font-size:20px;}
.homeTxG {color:#87AC6E; font-family:'Fira Code',sans-serif;}
.title {padding:0 0 24px; color:#111; font-size:26px; line-height:1.15; font-weight:500;}
.title strong {font-weight:500; color:#f0382e;}
.homeTextWrap {padding:0 0 24px;}
@media(min-width:375px){
	.title {font-size:28px;}
}
@media(min-width:425px){
	.title {font-size:30px;}
}
@media (min-width:768px) {.homeTop {padding:0 0 80px;}
	.homeBox {padding:40px 0 20px;}
	.homeTextWrap {width:100%;}
	.homeText p {font-size:16px;}
	.title {font-size:35px;}
}
@media(min-width:992px){
	.homeBox {width:100%; padding:44px 0 30px; display:flex; flex-flow:row nowrap;}
	.title {font-size:41px;}
	.homeText {width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;}
	.homeTx {max-width:550px;}
}
@media(min-width:1200px){
	.homeBox {padding:40px 0 20px;}
	.homeTextWrap {padding:0 30px 0 0;}
	.homeTitle {width:194px; padding:15px 20px 10px 0; letter-spacing:0.7px; flex:0 0 auto;}
	.homeText {width:100%; padding:0;}
	.homeText p {font-size:18px;}
	.homeTx {padding:0 0 36px; font-size:22px;}
	.title {padding:0 0 36px; font-size:42px;}
}

.aboutBox {padding:6px 0 0;}
.aboutRow {padding:24px 0 0;}
.aboutTd {padding:0 0 15px;}
.aboutText {color:#575757; font-size:16px; line-height:24px;}
.aboutText p {padding:0 0 10px;}
.aboutText p:last-child {padding:0;}
.aboutText a {color:#EB3C36; font-weight:500; text-decoration:none;}
.postListTitle {padding:24px 0 18px;}
@media(min-width:1200px){
	.aboutBox {padding:0;}
	.aboutRow {width:100%; padding:44px 0 0; display:flex; flex-flow:row nowrap;}
	.aboutRow#Tech + div {padding:50px 0 0;}
	.aboutTd {width:194px; padding:2px 20px 10px 0; flex:0 0 auto;}
	.aboutText {width:100%; font-size:18px; line-height:1.5;}
	.postListTitle {padding:41px 0 18px;}
}

.homeForm {max-width:840px; padding:30px 0 0; position:relative;}
.homeForm input[type="email"] {width:100%; height:50px; padding:0 13px; border:2px solid #c8c8c8; border-radius:5px;}
.homeForm input[type="email"]::placeholder {color:#646464;}
.homeForm input[type="submit"] {background:#EB3C36; width:100%; height:50px; padding:0 15px; margin:20px 0 0; line-height:50px; color:#fff; font-size:16px; font-weight:500; letter-spacing:0.4px; border-radius:35px; text-transform:uppercase; text-align:center; white-space:nowrap;}
@media(min-width:768px){
	.homeForm {max-width:842px; padding:28px 0 0;}
	.formBox {width:100%; display:flex; flex-flow:row nowrap;}
	.homeForm input[type="email"] {}
	.homeForm input[type="submit"] {width:210px; margin:0 0 0 -35px; flex:0 0 auto;}
}
@media(min-width:992px){
	.homeForm {padding:28px 0 0 194px;}
}

.ajax-loader {display:none !important;}
.homeForm div.wpcf7-response-output {width:100%; border:0; margin:0; padding:10px 0 0; color:#111; position:absolute; left:0; top:100%;}
.homeForm div.wpcf7-validation-errors, .homeForm div.wpcf7-acceptance-missing {color:#EB3C36;}
@media(min-width:992px){
	.homeForm div.wpcf7-validation-errors, .homeForm div.wpcf7-acceptance-missing {left:194px; padding:15px 0 0;}
	.homeForm div.wpcf7-response-output {left:194px; padding:15px 0 0;}
}

.sols {padding:5px 0 0;}
.solInfo {padding:20px 0 15px;}
.tabs a {background:#fff; height:43px; padding:0 10px; margin:15px 0 0; line-height:41px; font-size:16px; font-weight:400; border:2px solid #575757; border-radius:5px; text-align:center; text-transform:uppercase; white-space:nowrap; display:block; position:relative; z-index:1;}
.tabs a.active {background:#EB3C36; padding:0 10px; color:#fff; font-weight:500; letter-spacing:0.8px; border:2px solid #EB3C36;}
@media(min-width:530px){.tabs {display:flex; flex-flow:row nowrap;}
	.tabs span {background:url(images/tabs2.svg) no-repeat; width:56px; height:43px; position:relative; z-index:2;}
	.tabs a.active + span {background-image:url(images/tabs.svg);}
	.tabs a {margin:0; text-align:left;}
	.tabs a.tab1 {padding:0 0 0 15px; border-radius:5px 0 0 5px; border-right:0;}
	.tabs a.tab2 {padding:0 20px 0 0; border-left:0; border-radius:0 5px 5px 0;}
}
@media(min-width:992px){
	.solFlex {display:flex; flex-flow:row nowrap;}
	.solTd {width:194px; flex:0 0 auto;}
	.solInfo {width:100%; padding:0 0 5px;}
}

.solList {padding:30px 0 0;}
.solListTab {background:#fafafa; padding:20px 15px; display:none;}
.solListTab.show {display:block;}
.solListText {padding:24px 0 0; font-size:16px; line-height:1.444444;}
.solListText p {padding:0 0 10px;}
.solListTitle {padding:0 0 13px; font-size:18px; font-weight:500;}
.solListTitle::after {content:'.'; color:#EB3C36;}
@media(max-width:767px){
	.solListTab {margin:0 -15px;}
}
@media(min-width:768px){
	.solListWrap {display:flex; flex-flow:row nowrap;}
	.solListImg {width:45%; flex:0 0 auto;}
	.solListTitle {font-size:24px;}
	.solListText {padding:10px 0 0 30px;}
}
@media(min-width:992px){
	.solList {padding:40px 0 0;}
	.solListTab {padding:30px;}
	.solListText {font-size:18px;}
	.solListTitle {font-size:26px;}
}
@media(min-width:1200px){
	.solListTab {padding:40px 30px 40px 38px;}
	.solListImg {width:446px;}
	.solListText {padding:0 0 30px 41px;}
	.solListText p {padding-right:18px;}
	.solListTitle {font-size:28px; white-space:nowrap;}
}

.page-template-community .bg {z-index:3;}
.comBox {padding:40px 0;}
.comTitle {color:#111; font-size:38px; font-weight:500; text-align:center; position:relative; z-index:4;}
.comTitle::after {content:'.'; color:#EB3C36;}
.comList {padding:10px 0 40px; position:relative; z-index:4;}
.comEl {background:#f7f7f7; padding:20px 0; margin:30px 0 0; box-shadow:3px 3px 15px rgba(0,0,0,0.06);}
.comElWrap {padding:100px 0 0; color:#575757; font-size:18px; position:relative;}
.comElWrap::before {content:''; background-repeat:no-repeat; background-position:center center; width:100%; height:127px; position:absolute; left:0; top:0;}
.comElWrap.com1::before {background-image:url(images/github.svg);}
.comElWrap.com2::before {background-image:url(images/discord.svg);}
.comElWrap.com3::before {background-image:url(images/twitter.svg);}
.comElWrap.com4::before {background-image:url(images/reddit.svg);}
.comElTitle {padding:0 0 8px; color:#111; font-weight:500; letter-spacing:0.9px;}
.comElTitle::after {content:'.'; color:#EB3C36;}
.comElWrap p {padding:0 0 4px;}
.comElWrap a {color:#EB3C36; font-weight:500;}
@media(max-width:767px){
	.comElWrap::before {height:80px; background-size:contain;}
}
@media(min-width:768px){
	.comBox {padding:40px 0;}
	.comList {padding:20px 0 50px;}
	.comTitle {font-size:48px;}
	.comElWrap {padding:0 0 0 170px;}
	.comElWrap::before {width:127px; top:-20px;}
	.comEl {padding:50px 0;}
}
@media(min-width:1200px){
	.comBox {padding:62px 0 60px;}
	.comEl {padding:59px 0 63px;}
	.comElWrap {padding:0 0 0 193px;}
	.comElWrap::before {width:188px;}
}

.hVideoBox {padding:40px 0 0;}
.hVideo {margin-bottom:24px; display:block; position:relative; padding-bottom:56.25% !important; height:0;}
.hVideo iframe {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
@media(max-width:767px){
	.hVideoBox {margin-left:-15px; margin-right:-15px;}
}
@media(min-width:1200px){
	.hVideoBox {padding-left:193px;}
}

.homeTextBtns {margin:0 -10px; padding:0 0 20px; display:flex; flex-flow:row wrap; justify-content:center;}
.homeTextBtns div {padding:10px;}
.homeTextBtns a {height:52px; padding:0 24px; color:#EB3C36; font-size:15px; font-weight:500; line-height:52px; border:1px solid #EB3C36; border-radius:35px; text-transform:uppercase; white-space:nowrap; display:block; position:relative; transition:ease .3s;}
.homeTextBtns a:hover {background:#EB3C36; color:#fff;}
.homeTextBtns a + a {margin:0 0 0 12px;}
.homeTextBtns a.gitLink {padding-left:49px;}
.homeTextBtns a.gitLink::before {content:''; background:url(images/git.svg) no-repeat; width:24px; height:24px; position:absolute; left:18px; top:12px;}
.homeTextBtns a.gitLink:hover::before {background-image:url(images/git2.svg);}
.homeTextBtns a.getDemoLink {background:#EB3C36; color:#fff; transition:ease .3s;}
.homeTextBtns a.getDemoLink:hover {background:#fff; color:#EB3C36;}
@media(min-width:375px){
	.homeTextBtns a {padding:0 27px;}
	.homeTextBtns a.gitLink {padding-left:59px;}
	.homeTextBtns a.gitLink::before {left:23px;}
}
@media(min-width:768px){
	.homeTextBtns {justify-content:flex-start;}
	.homeTextBtns a {font-size:16px;}
	.homeTextBtns a p {padding:0 33px;}
	.homeTextBtns a.gitLink {padding-left:69px;}
	.homeTextBtns a.gitLink::before {left:33px;}
}
@media(min-width:992px){
	.homeTextBtns {display:flex; flex-flow:row nowrap;}
}

.getStartLink {width:100%; display:flex; flex-flow:row nowrap; justify-content:center;}
.getStartLink a {background:#EB3C36; min-width:210px; height:52px; padding:0 33px; color:#fff; font-size:16px; font-weight:500; line-height:52px; border:1px solid #EB3C36; border-radius:35px; text-transform:uppercase; text-align:center; display:block; position:relative; transition:ease .3s;}
.getStartLink a:hover {background:#fff; color:#EB3C36;}
@media(min-width:1200px){
	.keyFlex + .getStartLink {padding-left:169px;}
}

.howWork {padding:30px 0 0;}
.hwTt {padding:0 0 5px;}
.hwTx {color:#575757;}
.hwCol {padding:24px 0 0;}
.hwRow {padding:0 0 30px;}
@media(min-width:768px){
	.hwInfo {font-size:18px;}
	.hwRow {width:100%; padding:0 0 40px; display:grid; grid-template-columns:1fr 1fr; gap:30px;}
}
@media(min-width:1200px){
	.hwFlex {width:100%; padding:50px 0 0; display:flex; flex-flow:row nowrap;}
	.hwCol {padding:0;}
}

h4 {color:#111; font-size:18px; font-weight:500;}
h4::after {content:'.'; color:#EB3C36; font-weight:500;}
p + h4 {padding-top:20px;}

.code {padding:0 0 24px; font-family:'Fira Code',sans-serif;}
h5 + .code {padding-top:10px;}
.codeHead {background:#EB3C36; padding:0 0 10px; width:100%; border-radius:10px 10px 0 0; display:flex; flex-flow:row nowrap; justify-content:space-between; position:relative; z-index:1; transition:background ease .3s;}
.codeHead:hover {background:#EB3C36cc;}
.codeTt {padding:0 0 0 12px; color:#fff; font-size:14px; line-height:46px; font-weight:400;}
.codeTt2 {padding:0 12px; color:#fff; font-size:14px; line-height:46px; font-weight:400;}
.codeCopy a {padding:13px 12px 12px 30px; color:#fff !important; font-size:16px; font-weight:400; display:block; position:relative;}
.codeCopy a::before {content:''; background:url(images/copy.svg) no-repeat; width:17px; height:16px; position:absolute; left:0; top:50%; margin-top:-7px;}
.codeBody {background:#282C33; padding:21px 12px; margin-top:-10px; color:#5A9FD4; font-size:12px; line-height:1.6; border-radius:10px; position:relative; z-index:2;}
.codeBody span {color:#C39162;}
.codeBody i {color:#87AC6E; font-style:normal; letter-spacing:-0.4px;}
.codeBody u {color:#fff; text-decoration:none;}
.homeRside .codeBody u {color:#fff;}
.codeBody b {color:#EB3C36; /* color:#8C929E; */ font-weight:400; text-decoration:none;}
.code textarea {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0; overflow:hidden;}
.topcode {padding:0 15px 0 0; margin:0 0 12px; color:#111; font-size:22px; font-weight:500; font-family:'Red Hat Text', Arial,Helvetica,sans-serif;}
.topcodeTt {font-size:22px; font-weight:500;}
.topcodeTt::after {content:'.'; color:#EB3C36;}
.topcodeTx {padding:10px 0 0; font-size:16px; font-weight:400;}
@media(max-width:767px){
	.codeBody {white-space:nowrap; overflow-x:scroll;}
}
@media(min-width:768px){
	.codeHead {font-size:16px;}
	.codeBody {font-size:15px;}
}
@media(min-width:992px){
	.homeRside .codeBody {padding:130px 45px;}
}
@media(min-width:1200px){
	.aboutCode .codeBody {min-height:410px;}
	.homeRside .codeBody {padding:153px 45px;}
	.topcode {min-height:110px;}
}

.grafs {padding:30px 0 0; position:relative;}
.graBox {width:100%; max-width:456px; margin:0 auto;}
.graTabs {width:100%; display:flex; flex-flow:row nowrap; position:relative; z-index:2;}
.garTab {background:#fff; width:50%; padding:15px 10px 25px; color:#EB3C36 !important; font-size:18px; font-weight:500; text-align:center; border:2px solid #EB3C36; border-bottom:0; border-radius:10px 10px 0 0;}
.garTab.active {background:#EB3C36; color:#fff !important;}
.graUnder {padding:16px 0 0; color:#575757; font-size:12px; text-align:center;}
.graInfo {display:none;}
.graInfo.show {display:block;}
.graInfos {background:#282C33; padding:17px 20px 11px; margin:-10px 0 0; color:#fff; text-align:center; border-radius:10px; position:relative; z-index:3;}
.graph {width:100%; max-width:362px; margin:0 auto; padding:10px 0 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:23px;}
.legend {width:100%; max-width:362px; margin:0 auto; padding:8px 0 0; font-size:16px; font-weight:500; border-top:1px solid #fff; display:grid; grid-template-columns:1fr 1fr 1fr; gap:23px;}
.graph div {width:100%; height:149px; display:flex; flex-flow:column nowrap; justify-content:flex-end;}
.graph span {background:#EB3C36; border-radius:10px 10px 0 0; flex:0 0 auto; display:block;}
.gra1 .graph div:nth-child(2) span {height:13px;}
.gra1 .graph div:nth-child(3) span {height:26px;}
.gra2 .graph div:nth-child(2) span {height:13px;}
.gra2 .graph div:nth-child(1) span {height:8px;}
.gra2 .graph div:nth-child(3) span {height:26px;}
@media(min-width:1200px){
	.graBox {position:absolute; right:0; top:-290px;}
}

.workWith {padding:6px 0 30px; color:#575757; font-size:12px;}
.workWith p {padding:0;}
.workWithList {width:100%; display:flex; flex-flow:row nowrap; align-items:center;}
.workWithList div {padding:6px 0 0;}
.workWithList div + div {padding:0 0 0 18px;}

.homeBox + .topKey {padding:20px 0 0; border-top:1px solid #ebebeb;}
@media(min-width:992px){
	.homeBox + .topKey {padding:40px 0 0;}
}
@media(min-width:1200px){
	.homeBox + .topKey {padding:80px 0 0;}
	.topKey .keyItemList {grid-template-columns:1fr 1fr 1fr; gap:70px 30px;}
}

@media(min-width:768px){
  .hw {width:100%; display:flex; flex-flow:row nowrap;}
	.hw > div + div {padding-left:24px;}
}

.hmBox {background:#ebebeb; width:100%; max-width:562px; padding:24px 20px; margin:0 auto 30px; border-radius:10px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center;}
.hmLogos {margin:0 auto; color:#575757; font-size:18px; font-weight:500; display:flex; flex-flow:row nowrap; align-items:flex-end;}
.hmLogos > div + div {padding-left:12px;}
.hmLogos strong {color:#EB3C36;}
.hmLogosTx {padding:16px 0 0; color:#575757; font-size:12px; text-align:center;} 
@media(min-width:1200px){
	.hmBox {max-width:542px; padding:32px 20px 36px;}
}

#content {position:relative; z-index:4;}
.page-template-default #content .entry-content h6 {font-weight:700;}

.emSen {padding:30px 0 0;}
.emSenBox {width:100%; border:1px solid #fff; border-radius:35px; overflow:hidden; display:flex; flex-flow:row nowrap; justify-content:space-between;}
.emSenBox .wpcf7-validates-as-email {background:#282C33; width:100%; padding:5px 160px 5px 15px; color:#fff;}
.emSenBox .wpcf7-submit {background:#EB3C36; width:152px; height:50px; padding:0 20px; color:#fff; flex:0 0 auto;}

.ht {padding:10px 0 0;}
.ht p strong {color:#EB3F39;}

@media(min-width:1200px){
	.aboutCode {width:100%; display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px;}
}

.aboutQa {width:100%; margin-top:-4px; display:grid; grid-template-columns:1fr; gap:30px 24px;}
.qaSt {padding:0 0 6px; color:#111; font-size:18px; font-weight:500; text-transform:uppercase;}
.qaSt::after {content:'.'; color:#EB3C36;}
.qaEl {border-bottom:1px solid #D3D3D3;}
.qaElTt {padding:12px 24px 12px 0; color:#111; font-size:16px; font-weight:500; position:relative; cursor:pointer;}
.qaElTt::after {content:''; width:9px; height:9px; border:solid #000000bb; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; right:4px; top:16px;}
.qaEl.show .qaElTt::after {transform:rotate(-135deg); top:20px;}
.qaElTx {padding:6px 0 16px; display:none;}
@media(min-width:768px){
	.qaSt {font-size:22px;}
}
@media(min-width:1200px){
	.aboutQa {grid-template-columns:1fr 1fr; gap:36px 34px;}
	.qaElTt {font-size:18px;}
}

.how {width:100%; padding:30px 0 0; text-align:center; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.howElTt {padding:0 0 16px; color:#111; font-size:18px; font-weight:500;}
.howElTt::after {content:'.'; color:#EB3C36;}
.howEr {width:0; height:40px; margin:30px 0; border-left:1px solid #000; border-right:2px solid #000; position:relative;}
.howEr::after {content:''; width:9px; height:9px; border:solid #000; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; left:30px; top:-4px;}
@media(min-width:768px){
	.how {flex-flow:row nowrap; align-items:flex-end;}
	.howElTt {font-size:17px;}
	.howEr {width:40px; height:0; margin:0 30px; border-top:1px solid #000; border-bottom:2px solid #000; position:relative; top:-64px; flex:0 0 auto;}
	.howEr::after {transform:rotate(-45deg);}
}
@media(min-width:992px){
	.howEr {top:-100px;}
}
@media(min-width:1200px){
	.howElTt {font-size:18px;}
}

.ftext {color:#B1B1B1; font-size:15px; font-weight:300; text-align:center;}
.ftext strong {font-weight:700;}
.fPrivacy {color:#B1B1B1; font-size:15px; font-weight:300; text-align:center;}

.fMenu {padding:20px 0;}
.fMenu ul {margin:0; list-style:none;}
.fMenu li > a {width:100%; padding:6px 0; color:#111; font-size:16px; font-weight:500; letter-spacing:0.8px; text-transform:uppercase; text-decoration:none !important; text-align:center; display:block;}
@media (min-width:768px) {
  .fMenu {background:none; height:auto !important; padding:10px 0; display:block !important;}
	.fMenu ul {width:100%; display:flex; flex-flow:row nowrap; justify-content:center;}
  .fMenu li > a {padding:10px; font-size:13px; position:relative;}
	.fMenu li > a::after {content:''; background:#EB3C36; width:0; height:2px; margin:0 auto; display:block; position:relative; top:7px; transition:width ease .3s;}
	.fMenu li > a:hover::after {width:100%;}
}
@media(min-width:1200px){
	.fMenu li > a {padding:10px 20px; font-size:14px;}
}

.useCasesList {font-size:18px;}
.useCasesList ul {padding:20px 0 0; list-style:none;}
.useCasesList ul li {background:url(images/useCasesList.svg) no-repeat 0 5px; padding:0 0 20px 36px; list-style:none;}
.useCasesList ul li::before {display:none;}
@media(min-width:768px){
	.useCasesList ul {width:100%; display:grid; grid-template-columns:1fr 1fr; gap:30px;}
}

.os {padding:0 0 60px;}
.osTt {padding:0 0 16px; color:#111; font-size:18px; font-weight:500;}
.osTt::after {content:'.'; color:#EB3C36;}
.osEl {background:url(images/os1.svg) no-repeat; padding:0 0 0 200px;}
.osEl + .osEl {margin:20px 0 0;}
.os2 {background-image:url(images/os2.svg);}
.os3 {background-image:url(images/os3.svg);}
.os4 {background-image:url(images/os4.svg);}
@media(min-width:768px){
	.os {width:100%; display:grid; grid-template-columns:1fr 1fr; gap:30px 24px;}
	.os2 {margin:0 !important;}
}

.ready {background:url(images/bg.png) center center #282C33; padding:60px 0; color:#fff; text-align:center;}
.readyTt {font-size:44px; font-weight:700;}
.readyTx {padding:24px 0 0; font-size:24px; font-weight:300;}
.readyBtns {padding:40px 0 0; display:flex; flex-flow:row wrap; justify-content:center;}
.readyBtns div {padding:10px;}
.readyBtns a {height:52px; padding:0 24px; color:#fff; font-size:15px; font-weight:500; line-height:52px; border:1px solid #fff; border-radius:35px; text-transform:uppercase; white-space:nowrap; display:block; position:relative; transition:ease .3s;}
.readyBtns a:hover {background:#EB3C36; color:#fff; border-color:#EB3C36;}
.readyBtns a + a {margin:0 0 0 12px;}
.readyBtns a.gitLink {padding-left:49px;}
.readyBtns a.gitLink::before {content:''; background:url(images/git.svg) no-repeat; width:24px; height:24px; position:absolute; left:18px; top:12px;}
.readyBtns a.getDemoLink {background:#EB3C36; color:#fff; border-color:#EB3C36; transition:ease .3s;}
.readyBtns a.getDemoLink:hover {background:#fff; color:#EB3C36; border-color:#fff;}
@media(min-width:375px){
	.readyBtns a {padding:0 27px;}
	.readyBtns a.gitLink {padding-left:59px;}
	.readyBtns a.gitLink::before {left:23px;}
}
@media(min-width:768px){
	.readyBtns a {min-width:220px; font-size:16px;}
	.readyBtns a p {padding:0 33px;}
	.readyBtns a.gitLink {padding-left:69px;}
	.readyBtns a.gitLink::before {left:33px;}
}
@media(min-width:992px){
	.readyBtns {display:flex; flex-flow:row nowrap;}
	.readyBtns a {min-width:236px;}
}
@media(min-width:1200px){
	.ready {padding:82px 0;}
}

.postPage {background:#fff; padding:30px 0; line-height:1.5;}
.postPage .container {max-width:870px;}
.postPage strong {font-weight:600;}
.postPage h2 {padding:20px 0 6px; color:#111; font-size:26px;}
.postPage h2:first-child {padding-top:0;}
.postPage h3 {color:#111; font-size:22px;}
.postPage h4 {color:#111; font-size:20px; font-weight:500;}
.postPage h5 {padding:0 0 6px; color:#111; font-size:16px; font-weight:600;}
.postPage h2::after, .postPage h3::after, .postPage h4::after, .postPage h5::after {display:none;}
.postPage p {padding:0 0 15px;}
.postPage p:last-child {padding:0;}
.postPage a {color:#EB3C36;}
.postPage ol {padding:0 0 16px 18px;}
.postPage ul {list-style:none; margin:0; padding:0 0 16px 18px;}
.postPage ul li {padding:0 0 15px; position:relative;}
.postPage ul li::before {content:''; background:#000; width:5px; height:5px; border-radius:50%; position:absolute; left:-17px; top:9px;}
.postPage b {color:#EB3C36; font-weight:inherit;}
@media(min-width:768px){
	.postPage ul li::before {top:11px;}
	.postPage h2 {padding:30px 0 16px; font-size:32px;}
	.postPage h3 {font-size:27px;}
	.postPage h4 {font-size:24px;}
	.postPage h5 {font-size:18px;}
}

ul.v {padding-left:2px !important; margin:0;}
ul.v li {background:url(images/useCasesList.svg) no-repeat 0 5px; padding:0 0 20px 36px !important; list-style:none;}
ul.v li::before {display:none;}

.pBox {padding:40px 0;}
.pDt {padding:0 0 8px; color:#575757; font-size:16px; text-align:center;}
.pTt h1 {color:#111; font-size:27px; line-height:1.15; font-weight:500; text-align:center;}
@media(min-width:768px){
	.pBox {padding:48px 0;}
	.pTt h1 {font-size:36px;}
}
@media(min-width:992px){
	.pBox {padding:60px 0 48px;}
	.pTt h1 {font-size:42px;}
}
@media(min-width:1200px){
	.pBox {padding:100px 0 60px;}
	.pDt {padding:0 0 14px; font-size:18px;}
	.pTt h1 {font-size:48px;}
}

@media(min-width:1200px){
	.codeRow {width:100%; display:grid; grid-template-columns:1fr 1fr; gap:12px;}
	.codeCol {width:100%; display:flex; flex-flow:column nowrap; justify-content:stretch;}
	.codeCol .code {width:100%; height:100%; flex-grow:1; display:flex; flex-flow:column nowrap; justify-content:stretch;}
	.codeCol .codeBody {height:100%; flex-grow:1;}
}

.inv {background:#F5F5F5; padding:16px; margin:30px -15px 24px;}
.invList {margin:20px 0 22px;}
.invEl {padding:40px 0 0; color:#111; font-weight:500; position:relative;}
.invEl + .invEl {margin:30px 0 0;}
.invEl::before {content:''; background-repeat:no-repeat; background-size:contain; width:118px; height:24px; position:absolute; left:0; top:0;}
.invEl:nth-child(1)::before {background-image:url(images/inv1.svg);}
.invEl:nth-child(2)::before {background-image:url(images/inv2.svg);}
.invEl:nth-child(3)::before {background-image:url(images/inv3.svg);}
.invEl:nth-child(4)::before {background-image:url(images/inv4.svg); width:154px;}
.invEl p {padding:0 0 7px;}
.invEl a {font-size:15px; font-weight:700;}
@media(min-width:768px){
	.inv {padding:32px;}
	.invEl {padding:0 0 0 180px;}
	.invEl + .invEl {margin:24px 0 0;}
}
@media(min-width:992px){
	.invEl {padding:0 0 0 206px;}
}

.blogTop {padding:40px 0 24px;}
.blogTt h1 {color:#111; font-size:38px; font-weight:500;}
.blogTt h1::after {content:'.'; color:#EB3C36;}
.blogDes {}
.bdList {margin:20px 0 22px;}
.bdEl {padding:40px 0 0; position:relative;}
.bdEl a {color:#EB3F39;}
.bdEl + .bdEl {margin:30px 0 0;}
.bdEl::before {content:''; background-repeat:no-repeat; background-size:contain; width:118px; height:24px; position:absolute; left:0;}
.bdEl:nth-child(1)::before {background-image:url(images/inv1.svg); top:-2px;}
.bdEl:nth-child(2)::before {background-image:url(images/inv2.svg); top:-2px;}
.bdEl a {font-size:15px; font-weight:400;}
@media(min-width:768px){
	.blogTt h1 {font-size:48px;}
	.blogTop {width:100%; padding:34px 0; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
	.bdEl {padding:0 0 0 130px;}
	.bdEl + .bdEl {margin:24px 0 0;}
}

.blogStBox {padding:30px 0;}
.blogSt {padding:30px 0 26px; color:#111; font-size:26px; font-weight:500;}
.blogSt b {color:#EB3C36; font-weight:inherit;}
@media(min-width:768px){
	.blogStBox {padding:60px 0 30px; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
	.blogSt {padding:0;}
}

.blogSrch {width:100%; max-width:300px;}
.blogSrch form {width:100%; padding:0 15px; border:1px solid #575757; border-radius:30px; display:block; position:relative;}
.blogSrch form label {background:url(images/search.svg) no-repeat 0 center; background-size:auto 17px; width:100%; margin:0; display:block;}
.blogSrch .search-field {background:none; width:100%; padding:10px 0 9px 30px; font-size:15px; font-weight:400; border:0;}
.blogSrch .search-submit {background:rgba(0,0,0,0); width:28px; height:36px; font-size:0; text-indent:-9999px; overflow:hidden; cursor:pointer; position:absolute; left:11px; top:9px; z-index:2;}
.screen-reader-text {display:none !important;}
@media(min-width:992px){
	.userBtn {display:none;}
	.searchBtn {position:relative; left:0; top:0; right:0;}
	.blogSrch {max-width:398px; top:114px;}
	.blogSrch form {width:100%; padding:6px 15px;}
	.blogSrch .search-field {padding:11px 0 8px 28px;}
}
@media(min-width:1200px){
	.blogSrch {top:130px;}
}
@media(min-width:1560px){.searchBtn {display:none;}
	.blogSrch .search-field {padding:11px 0 8px 28px; font-size:18px;}
	.blogSrch form label {background-size:auto 16px;}
}

.postList {border-top:1px solid #ebebeb;}
.postDtTt {padding:4px 0 0;}
.postDtTt a {color:#575757; color:#111; font-size:17px; font-weight:500;}
.postDtTt br {display:none;}
.postEl {padding:12px 0; border-bottom:1px solid #ebebeb;}
@media(max-width:767px){
	.postEl:first-child {display:none;}
}
@media(min-width:768px){
	.postEl {width:100%; display:grid; grid-template-columns:130px 1fr; gap:30px;}
	.postEl:first-child {color:#111; font-weight:500; text-transform:uppercase;}
}
@media(min-width:1200px){
	.postEl {grid-template-columns:150px 1fr;}
	.postDtTt {padding:0;}
	.postDtTt a {font-size:18px;}
}

#load-more-btn {background:none; width:100%; min-height:56px; padding:12px 24px; margin-top:30px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid #ff4d4d; border-radius:35px; color:#ff4d4d; font-size:16px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; transition:ease .3s;}
#load-more-btn::after {content:''; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin-top:-2px;}
#load-more-btn:hover {background:#ff4d4d; color:#fff;}

.video {padding:24px 0;}

.followTheJourney {background:#fff; padding:40px 0; text-align:center;}
.followTheJourney iframe {margin:0 auto 0 !important; display:block;}
.followTheJourney h2 {padding:0 0 16px; color:#000;}
.followTheJourney p {}
@media(max-width:767px){
	.followTheJourney iframe {/* margin-left:-280px !important; position:relative; left:50%; */}
}
@media(max-width:424px){.followTheJourney {overflow:hidden;}
	.followTheJourney iframe {/* margin-left:-25% !important; max-width:150%; */ /* margin-left:-280px !important; position:relative; left:50%; */}
}

.underAbout {padding:5px 0; font-size:16px; text-align:center;}
@media(min-width:1200px){
	.underAbout {padding-left:194px;}
}

.bigBtn {padding:20px 0;}
.bigBtn a {background:#EB3C36; width:100%; min-height:56px; padding:12px 24px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid #EB3C36; border-radius:35px; color:#fff !important; font-size:16px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; transition:ease .3s;}
.bigBtn a::after {content:''; background:url(images/arrowR.svg) no-repeat center center; background-size:contain; width:22px; height:8px;}
@media(min-width:1200px){
	.bigBtn {padding-left:194px;}
}

.ctaBtn {padding:20px 0 0;}
.ctaBtn a {background:#EB3C36; width:100%; max-width:470px; min-height:56px; padding:12px 24px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid #EB3C36; border-radius:35px; color:#fff !important; font-size:15px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; transition:ease .3s;}
.ctaBtn a:hover {background:#fff; color:#EB3C36 !important;}
/* .ctaBtn a::after {content:''; background:url(images/arrowR.svg) no-repeat center center; background-size:contain; width:22px; height:8px;} */
@media(min-width:375px){
	.ctaBtn a {font-size:16px;}
}
@media(min-width:1200px){
	.ctaBtn {padding:30px 0 0;}
}

.video {position:relative; padding-bottom:56.25%; height:0;}
.video iframe {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}

.wp-block-table td {padding:0 10px 10px 0; vertical-align:top;}

.provenancePage h2 {padding:20px 0 6px; color:#111; font-size:26px;}
.provenancePage h2:first-child {padding-top:0;}
.provenancePage h3 {color:#111; font-size:22px;}
.provenancePage h4 {color:#111; font-size:20px; font-weight:500;}
.provenancePage h5 {padding:0 0 6px; color:#111; font-size:16px; font-weight:600;}
.provenancePage h2::after, .postPage h3::after, .postPage h4::after, .postPage h5::after {display:none;}
.provenancePage p {padding:0 0 15px;}
.provenancePage p:last-child {padding:0;}
.provenancePage a {color:#EB3C36;}
.provenancePage strong {font-weight:600;}
.provenancePage ol {padding:0 0 16px 18px;}
.provenancePage ul {list-style:none; margin:0; padding:0 0 16px 18px;}
.provenancePage ul li {padding:0 0 15px; position:relative;}
.provenancePage ul li::before {content:''; background:#000; width:5px; height:5px; border-radius:50%; position:absolute; left:-17px; top:9px;}
.provenancePage .videoBox {max-width:720px; margin:0 auto; padding:40px 0 0;}
@media(min-width:768px){
	.provenancePage ul li::before {top:11px;}
	.provenancePage h2 {padding:30px 0 16px; font-size:32px;}
	.provenancePage h3 {font-size:27px;}
	.provenancePage h4 {font-size:24px;}
	.provenancePage h5 {font-size:18px;}
	.provenancePage .videoBox {padding:60px 0 0;}
}

.prove {padding:40px 0 20px;}
.proveSt {padding:0 0 6px; font-size:13px; font-weight:500; text-transform:uppercase;}
.proveTt {padding:0 0 24px; color:#111; font-size:26px; line-height:1.15; font-weight:500;}
.proveHomeList ul {margin-top:16px; padding-left:48px;}
.proveHomeList ul li {padding:0 0 24px;}
.proveHomeList ul li p {padding:0 0 6px;}
.proveHomeList ul li::before {content:'⟵'; background:rgba(232,69,60,0.1); width:32px; height:32px; color:#EB3C36; font-size:16px; font-weight:700; text-align:center; line-height:30px; left:-48px; top:-2px;}
.proveHomeList ul li:nth-child(2)::before {content:'⤺';}
.proveHomeList ul li:nth-child(3)::before {content:'⊞';}
@media(min-width:375px){
	.proveTt {font-size:28px;}
}
@media(min-width:425px){
	.proveTt {font-size:30px;}
}
@media (min-width:768px) {.prove {padding:60px 0 40px;}
	.proveTt {font-size:35px;}
}
@media(min-width:992px){
	.proveTt {font-size:41px;}
}
@media(min-width:1200px){
	.proveTt {padding:0 0 36px; font-size:42px;}
}

.flask {padding:40px 0 0;}
.flaskSt {font-size:14px;}
.flaskSt + h2 {padding-top:16px;}
@media(min-width:768px){
	.flask {padding:60px 0 0;}
}
@media(min-width:1200px){
	.flask {padding:80px 0 0;}
}

.flaskSteps	{padding:0; margin:40px 0 20px; position:relative;}
.flaskStepEl {padding:0 0 30px; position:relative;}
.flaskStepEl:last-child {padding:0;}
.fsNum {background:#fff; width:25px; height:25px; line-height:20px; color:#EB3C36; font-size:12px; font-weight:700; text-align:center; border:3px solid #EB3C36; border-radius:50%; position:absolute; left:0; top:-2px;}
.fsTt {padding:0 0 20px 36px; color:#111; font-size:17px; font-weight:600;}
.fsTx {padding:0 0 20px;}
.fsDotTx {padding:0 0 0 30px; color:#EB3C36; font-weight:600; position:relative;}
.fsDotTx::before {content:''; background:url(images/arrowDown.svg) no-repeat center center; width:24px; height:24px; position:absolute; left:0; top:-1px;}
.flaskStepEl:nth-child(5) .fsNum {color:#4ade80; border-color:#4ade80;}
@media(min-width:768px){
	.flaskSteps {padding:0 0 0 48px; margin:60px 0 30px;}
	.flaskSteps::before {content:''; width:0; height:100%; border-right:1px solid #ddd; position:absolute; left:16px; top:0;}
	.fsNum {left:-44px;}
	.fsTt {padding:0 0 10px;}
	.fsDot {background:#ddd; width:13px; height:13px; border-radius:50%; position:absolute; left:-38px; top:4px;}
}
@media(min-width:1200px){
	.flaskStepEl {width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between;}
	.fsCode {width:562px; padding-left:24px; flex:0 0 auto;}
}

.tl-code {background:#111; border-radius:12px; overflow:hidden; border:1px solid #333;}
.tl-code-header {padding:10px 16px; background:#2a2a2a; display:flex; justify-content:space-between; align-items:center;}
.tl-code-header .filename {font-family:'Fira Code',sans-serif; font-size:11px; color:#f0c674;}
.tl-code-header .step-badge {font-family:'Fira Code',sans-serif; font-size:10px; color:#EB3C36; background:rgba(232,69,60,0.15); padding:2px 8px; border-radius:4px;}
.tl-code-body {padding:16px 20px; font-family:'Fira Code',sans-serif; font-size:12px; line-height:1.8; color:#b0b0b0;}
.tl-code-body .highlight-line {background:rgba(232,69,60,0.1); margin:0 -20px; padding:2px 20px; border-left:3px solid #EB3C36;}
.tl-code-body .highlight-line.green {background:rgba(74,222,128,0.08); border-left-color:#4ade80;}
.tl-code-body .dim {color:#555;}
.tl-code-body .kw {color:#b294bb;}
.tl-code-body .fn {color:#81a2be;}
.tl-code-body .str {color:#b5bd68;}
.tl-code-body .num {color:#de935f;}
.tl-code-body .var {color:#cc6666;}
.tl-code-body .comment {color:#555; font-style:italic;}
.tl-vars {margin-top:8px; padding:12px 20px; border-top:1px solid #333; display:flex; flex-wrap:wrap; gap:16px;}
.tl-var {font-family:'Fira Code',sans-serif; font-size:11px;}
.tl-var .vn {color:#81a2be;}
.tl-var .veq {color:#777;}
.tl-var .vv {color:#4ade80;}
.tl-var .vv.err {color:#EB3C36;}

.techBg {background:#111; padding:40px 0; margin:30px 0 0; color:#fff;}
.techBg .flask {padding:0 !important;}
.techBg .flaskTt {color:#fff;}
.tech {width:100%; padding:30px 0 0; display:grid; grid-template-columns:1fr; gap:24px;}
.techCard {background:#1a1a1a; padding:16px; border:1px solid #333; border-radius:12px;}
.techNum {color:#EB3C36; font-family:'Fira Code',sans-serif; font-size:12px; font-weight:600;}
.techTt {padding:12px 0 16px; color:#fff; font-size:18px; font-weight:600;}
.techCardWide {margin:24px 0 0;}
@media(min-width:768px){
	.techBg {padding:60px 0; margin:40px 0 0;}
	.tech {grid-template-columns:1fr 1fr;}
}
@media(min-width:1200px){
	.techBg {padding:80px 0; margin:60px 0 0;}
	.techCard {padding:32px;}
	.techTt {font-size:20px;}
}

.tech-diagram {margin-top:16px; background:#111; border-radius:8px; padding:24px; border:1px solid #333; font-family:'Fira Code',sans-serif; font-size:12px; color:#b0b0b0; line-height:2;}
.tech-diagram .layer {display:flex; align-items:center; gap:12px;}
.tech-diagram .layer-box {background:rgba(232,69,60,0.08); border:1px solid rgba(232,69,60,0.2); padding:6px 14px; border-radius:6px; color:#e8453c; font-weight:600; font-size:11px; white-space:nowrap;}
.tech-diagram .layer-box.green {background:rgba(74,222,128,0.08); border-color:rgba(74,222,128,0.2); color:#4ade80;}
.tech-diagram .layer-box.blue {background:rgba(129,162,190,0.08); border-color:rgba(129,162,190,0.2); color:#81a2be;}
.tech-diagram .arrow {color:#777;}
.tech-diagram .label {color:#777; font-size:10px;}

.usecases {width:100%; padding:30px 0 0; display:grid; grid-template-columns:1fr; gap:24px;}
.ucCard {background:#fff; padding:16px; border:1px solid #ddd; border-radius:12px;}
.ucIcon {width:44px; height:44px; border-radius:10px; background:rgba(232,69,60,0.08); display:flex; align-items:center; justify-content:center; font-size:20px; color:#EB3C36}
.ucTt {padding:20px 0 16px; color:#111; font-size:18px; font-weight:600;}
.ucTx {font-size:17px;}
.ucTx i {font-size:15px;}
@media(min-width:768px){
	.usecases {grid-template-columns:1fr 1fr;}
	.ucCard {padding:28px;}
}
@media(min-width:1200px){
	.usecases {grid-template-columns:1fr 1fr 1fr;}
}

.sec-principle {background:#111; margin:30px 0 20px; border-radius:12px; padding:28px 32px; border-left:4px solid #EB3C36;}
.sec-principle p {font-size:15px; color:#b0b0b0; line-height:1.7; margin:0;}
.sec-principle strong {color:#fff;}

.provenancePage code {background:rgba(0,0,0,0.04); padding:2px 6px; color:#999; font-size:12px; 	line-height:1.7; font-family:'Fira Code',sans-serif; border-radius:3px;}

/* Trust boundary diagram */
.trustDiagram {padding:40px 0 0; overflow-x:auto;}
.trust-diagram {background:#111; padding:16px; min-width:690px; border-radius:12px; border:1px solid #333333;}
.trust-diagram .td-title {margin-bottom:24px; font-size:11px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:#777;}
.trust-layers {display:flex; flex-direction:column; gap:12px;}
.trust-layer {display:grid; grid-template-columns:180px 1fr 180px; gap:16px; align-items:center;}
.tl-label {font-family:'Fira Code',sans-serif; font-size:12px; font-weight:600; text-align:right; padding-right:8px;}
.tl-bar {min-height:44px; border-radius:8px; display:flex; align-items:center; padding:12px 16px; font-size:12px; color:#b0b0b0; position:relative;}
.tl-props {font-family:'Fira Code',sans-serif; font-size:11px; color:#777; display:flex; gap:16px;}
.tl-prop-yes {color:#4ade80;}
.tl-prop-no {color:#e8453c;}
.trust-arrow {text-align:center; color:#777; font-size:18px; padding:4px 0;}
@media(min-width:768px){
	.trustDiagram {padding:60px 0 0;}
	.trust-diagram {padding:24px;}
}
@media(min-width:1200px){
	.trust-diagram {padding:32px;}
}

/* Blast radius table */
.blast {padding:40px 0 20px;}
@media(max-width:767px){
  .blast {overflow-x:scroll;}
}
.blastTable {background:#fff; margin:24px 0 0; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.blast-table {width:100%; font-size:14px; border-collapse:collapse;}
.blast-table th {text-align:left; padding:12px 16px; font-weight:600; color:#1a1a1a; border-bottom:2px solid #ddd; font-size:13px; letter-spacing:0.3px;}
.blast-table td {padding:12px 16px; border-bottom:1px solid #eee; color:#555; vertical-align:top;}
.blast-table tr:last-child td {border-bottom:none;}
.blast-table .scope-badge {font-family:'Fira Code',sans-serif; font-size:11px; padding:2px 8px; border-radius:4px; font-weight:600;}
.scope-one {background:rgba(74,222,128,0.1); color:#2d9d5a;}
.scope-none {background:rgba(129,162,190,0.1); color:#81a2be;}
.sec-cta {text-align:center; margin-top:48px;}
.sec-cta a {font-size:14px; color:#e8453c; text-decoration:none; font-weight:600; display:inline-flex; align-items:center; gap:6px;}
.blastTable + h4 {padding-top:40px;}
@media(min-width:768px){
	.blast {padding:60px 0 20px;}
}

.mcp {background:#111; padding:40px 0; margin:30px 0 0; color:#fff;}
.mcpRow {width:100%; display:grid; grid-template-columns:1fr; gap:40px;}
.mcpTx strong {color:#fff;}
.mcpSt {color:#EB3C36; font-size:12px; font-weight:700; text-transform:uppercase;}
.mcpTt {color:#fff !important;}
.mcp-tools {display:flex; flex-direction:column; gap:12px; margin-top:24px;}
.mcp-tool {display:flex; align-items:center; gap:12px; padding:12px 16px; background:rgba(255,255,255,0.03); border:1px solid #333; border-radius:8px; transition:border-color 0.2s;}
.mcp-tool:hover {border-color:#444;}
.mcp-tool code {font-family:'Fira Code',sans-serif; font-size:12px; color:#e8453c; background:rgba(232,69,60,0.1); padding:3px 10px; border-radius:4px; white-space:nowrap; min-width:140px;}
.mcp-tool span {font-size:13px; color:#b0b0b0;}
.mcp-demo {background:#111; border-radius:12px; border:1px solid #333; overflow:hidden;}
.mcp-demo-header {padding:12px 16px; background:#2a2a2a; display:flex; align-items:center; gap:6px;}
.mcp-demo-header .dot {width:10px; height:10px; border-radius:50%;}
.mcp-demo-header .dot.r {background:#ff5f57;}
.mcp-demo-header .dot.y {background:#ffbd2e;}
.mcp-demo-header .dot.g {background:#28c840;}
.mcp-demo-header span {margin-left:8px; font-family:'Fira Code',sans-serif; font-size:11px; color:#777;}
.mcp-demo-body {padding:20px; font-family:'Fira Code',sans-serif; font-size:11.5px; line-height:2; color:#b0b0b0;}
.mcp-demo-body .agent {color:#81a2be; font-weight:600;}
.mcp-demo-body .tool {color:#e8453c;}
.mcp-demo-body .result {color:#4ade80;}
.mcp-demo-body .muted {color:#555;}
.mcp-demo-body .thinking {color:#777; font-style:italic;}
@media(min-width:768px){
	.mcp {padding:60px 0; margin:60px 0 0;}
}
@media(min-width:992px){
	.mcpRow {grid-template-columns:1fr 1fr;}
}

.patent-bar {background:#fff; padding:16px; margin:40px 0 0; border:1px solid #ddd; border-radius:12px;}
.patent-inner {width:100%; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:30px;}
.patent-inner .shield {width:48px; height:48px; min-width:48px; line-height:40px; background:rgba(232,69,60,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px; color:#e8453c;}
.patent-inner h3 {font-size:16px; font-weight:700; color:#1a1a1a; margin-bottom:6px;}
.patent-inner p {font-size:14px; color:#555; line-height:1.6;}
.patent-codes {display:flex; gap:16px; margin-top:8px;}
.patent-code {font-family:'JetBrains Mono',monospace; font-size:11px; color:#777; background:rgba(0,0,0,0.04); padding:4px 10px; border-radius:4px;}
@media(min-width:768px){
	.patent-bar {padding:24px;}
	.patent-inner {grid-template-columns:90px 1fr;}
	.patent-inner .shield {position:relative; top:50%; margin-top:-24px; left:20px;}
}
@media(min-width:1200px){
	.patent-bar {padding:32px;}
}

.fcta {padding:40px 0;}
.fctaTt {color:#111; font-size:24px; line-height:1.15; font-weight:500; text-align:center;}
.fctaTx {max-width:540px; padding:30px 0; margin:0 auto; text-align:center;}
.fcta .homeTextBtns {justify-content:center;}
@media(min-width:768px){
	.fcta {padding:60px 0;}
	.fctaTt {font-size:30px;}
}
@media(min-width:992px){
	.fctaTt {font-size:40px;}
}

.eai {background:#111; padding:40px 0 30px; margin:40px 0 0; color:#fff;}
.eaiTt {padding:0 0 24px; color:#fff !important; font-size:26px; line-height:1.15; font-weight:500;}
.eaiTx ul {margin:16px 0 0; padding-left:48px;}
@media(min-width:768px){
	.eai {padding:60px 0 40px; margin:60px 0 0;}
	.eaiTt {font-size:32px;}
}
@media(min-width:1200px){
	.eai {padding:80px 0 60px;}
}



/* Temp */
/* .prove {display:none;}
.logged-in .prove {display:block;} */