*,::before,::after{box-sizing:border-box}
body{margin:0;padding:0;font-family:'Nunito',sans-serif;font-size:17px;line-height:1.6;color:#1a1a1a;background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
::selection{background:#E1F6FF;color:#1a1a1a}
.hdWrapper{background:linear-gradient(135deg,#fff 0%,#E1F6FF 100%);border-bottom:2px solid #3C4965;box-shadow:0 7px 18px 0 #3c49651c}
.hdInner{max-width:1500px;margin:0 auto;padding:32px 56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}
.brandBlock{display:flex;align-items:center;gap:16px;margin-left:32px}
.logoWrap{width:48px;height:48px;padding:8px;background:#fff;border:1px solid #3C4965;border-radius:2px;box-shadow:0 2px 6px 0 #3c49650d;display:flex;align-items:center;justify-content:center}
.logoWrap img{width:100%;height:100%;object-fit:contain}
.brandInfo{display:flex;flex-direction:column;gap:8px}
.companyTitle{font-size:21px;font-weight:700;color:#3C4965;line-height:1.1;margin:0}
.tagline{font-size:13px;color:#3C4965;line-height:1.1;opacity:.8;letter-spacing:.5px}
.navMain{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.navMain a{font-size:15px;font-weight:700;color:#3C4965;text-decoration:none;padding:8px 16px;border-radius:2px;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}
.navMain a:hover{background:linear-gradient(135deg,#F87C0F 0%,#ff9b3f 100%);color:#fff;box-shadow:0 7px 18px 0 #f87c0f1c}
.navMain a:focus{outline:3px solid #3C4965;outline-offset:2px}
.contactQuick{display:flex;align-items:center;gap:32px}
.contactItem{display:flex;align-items:center;gap:8px;text-decoration:none;padding:8px 16px;background:#fff;border:2px solid #3C4965;border-radius:22px;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.0,0,0.2,1);min-height:44px}
.contactItem:hover{background:linear-gradient(135deg,#3C4965 0%,#5a6b8f 100%);box-shadow:0 10px 52px 0 #3c49651c}
.contactItem:focus{outline:3px solid #3C4965;outline-offset:2px}
.contactIcon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.contactIcon svg{width:100%;height:100%;fill:#3C4965;transition:fill .2s cubic-bezier(0.4,0,0.2,1)}
.contactItem:hover .contactIcon svg{fill:#fff}
.contactText{font-size:15px;font-weight:700;color:#3C4965;transition:color .2s cubic-bezier(0.4,0,0.2,1)}
.contactItem:hover .contactText{color:#fff}
@media (max-width: 1200px) {
.hdInner{padding:32px}
.brandBlock{margin-left:0}
.navMain{gap:16px}
.contactQuick{flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.contactItem{width:100%;justify-content:center}
}
@media (max-width: 992px) {
.hdInner{flex-direction:column;align-items:flex-start}
.navMain{flex-direction:column;align-items:flex-start;width:100%}
.navMain a{width:100%;text-align:center}
}
@media (max-width: 576px) {
.hdInner{padding:16px}
.brandBlock{flex-direction:column;align-items:flex-start;gap:8px}
.companyTitle{font-size:17px}
.tagline{font-size:13px}
.navMain a{font-size:15px;padding:16px}
}
.ftOuter{background:linear-gradient(135deg,#3C4965 0%,#2a3548 100%);border-top:2px solid #F87C0F;color:#fff;margin-top:96px}
.ftInner{max-width:1500px;margin:0 auto;padding:56px 56px 32px}
.ftGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-bottom:56px}
.ftColumn h3{font-size:21px;font-weight:700;line-height:1.1;color:#F87C0F;margin:0 0 32px}
.ftLinks{display:flex;flex-direction:column;gap:16px}
.ftLinks a{font-size:15px;color:#fff;text-decoration:none;padding:8px 0;transition:color .2s cubic-bezier(0.4,0,0.2,1),padding-left .2s cubic-bezier(0.4,0,0.2,1);border-left:2px solid transparent;padding-left:16px}
.ftLinks a:hover{color:#E1F6FF;border-left-color:#F87C0F;padding-left:24px}
.ftLinks a:focus{outline:3px solid #F87C0F;outline-offset:2px}
.ftContactInfo{display:flex;flex-direction:column;gap:16px}
.ftContactLine{font-size:15px;line-height:1.6;color:#fff;display:flex;align-items:flex-start;gap:8px}
.ftContactLine a{color:#E1F6FF;text-decoration:none;transition:color .2s cubic-bezier(0.4,0,0.2,1)}
.ftContactLine a:hover{color:#F87C0F}
.ftContactLine a:focus{outline:3px solid #F87C0F;outline-offset:2px}
.ftIconLabel{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ftIconLabel svg{width:100%;height:100%;fill:#F87C0F}
.ftDivider{height:2px;background:linear-gradient(90deg,#F87C0F 0%,transparent 100%);margin-bottom:32px}
.ftBottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}
.ftCopyright{font-size:13px;color:#fff;opacity:.7}
.ftLogoEnd{width:48px;height:48px;padding:8px;background:#fff;border:1px solid #F87C0F;border-radius:2px;box-shadow:0 2px 6px 0 #f87c0f0d;display:flex;align-items:center;justify-content:center}
.ftLogoEnd img{width:100%;height:100%;object-fit:contain}
@media (max-width: 1200px) {
.ftGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 992px) {
.ftInner{padding:56px 32px 32px}
.ftGrid{grid-template-columns:1fr;gap:32px}
.ftBottom{flex-direction:column;align-items:flex-start}
.ftLogoEnd{align-self:flex-end}
}
@media (max-width: 576px) {
.ftInner{padding:32px 16px 16px}
.ftGrid{margin-bottom:32px}
.ftColumn h3{font-size:17px;margin-bottom:16px}
}
.jbg-legal-area{max-width:1500px;margin:0 auto;padding:56px 32px;background:#fff}
.jbg-legal-area h1{font-size:50px;line-height:1.1;color:#3C4965;margin:0 0 56px;font-weight:700}
.jbg-legal-area h2{font-size:38px;line-height:1.1;color:#3C4965;margin:96px 0 32px;font-weight:600}
.jbg-legal-area h3{font-size:28px;line-height:1.1;color:#3C4965;margin:56px 0 32px;font-weight:600}
.jbg-legal-area h4{font-size:21px;line-height:1.6;color:#3C4965;margin:32px 0 16px;font-weight:600}
.jbg-legal-area h5{font-size:17px;line-height:1.6;color:#3C4965;margin:32px 0 16px;font-weight:600}
.jbg-legal-area h6{font-size:15px;line-height:1.6;color:#3C4965;margin:32px 0 16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.jbg-legal-area p{font-size:17px;line-height:1.6;color:#2c2c2c;margin:0 0 16px}
.jbg-legal-area ul,.jbg-legal-area ol{font-size:17px;line-height:1.6;color:#2c2c2c;margin:0 0 32px;padding:0 0 0 32px}
.jbg-legal-area li{margin:0 0 8px}
.jbg-legal-area li:last-child{margin-bottom:0}
.jbg-legal-area ul ul,.jbg-legal-area ol ol,.jbg-legal-area ul ol,.jbg-legal-area ol ul{margin:8px 0 0}
.jbg-legal-area strong,.jbg-legal-area b{font-weight:600;color:#3C4965}
.jbg-legal-area em,.jbg-legal-area i{font-style:italic}
.jbg-legal-area a{color:#F87C0F;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s cubic-bezier(0.4,0,0.2,1)}
.jbg-legal-area a:hover{border-bottom-color:#F87C0F}
.jbg-legal-area table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;line-height:1.6;box-shadow:0 2px 6px 0 #3c49650d}
.jbg-legal-area thead{background:#3C4965;color:#fff}
.jbg-legal-area th{text-align:left;padding:16px;font-weight:600;border:1px solid #e0e0e0}
.jbg-legal-area td{padding:16px;border:1px solid #e0e0e0;color:#2c2c2c}
.jbg-legal-area tbody tr:nth-child(even){background:#f9f9f9}
.jbg-legal-area tbody tr:hover{background:#E1F6FF;transition:background .18s cubic-bezier(0.4,0,0.2,1)}
@media (max-width: 992px) {
.jbg-legal-area{padding:56px 16px}
.jbg-legal-area h1{font-size:38px;margin-bottom:32px}
.jbg-legal-area h2{font-size:28px;margin-top:56px}
.jbg-legal-area h3{font-size:21px}
.jbg-legal-area table{font-size:13px}
.jbg-legal-area th,.jbg-legal-area td{padding:8px}
}
@media (max-width: 576px) {
.jbg-legal-area{padding:32px 16px}
.jbg-legal-area h1{font-size:28px}
.jbg-legal-area h2{font-size:21px;margin-top:32px}
.jbg-legal-area p,.jbg-legal-area ul,.jbg-legal-area ol{font-size:15px}
.jbg-legal-area table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.detailsPage{background:#fff;min-height:100vh;padding-bottom:96px}
.detailsPage .titleZone{position:relative;display:flex;gap:32px;max-width:1500px;margin:0 auto;padding:56px 16px;overflow:visible}
.detailsPage .imageStrip{flex:0 0 220px;position:relative}
.detailsPage .imageStrip img{width:100%;height:520px;object-fit:cover;object-position:top;border-radius:2px;filter:sepia(0.15) saturate(1.1) contrast(1.05);box-shadow:0 10px 52px 0 #3c49651c}
.detailsPage .textContent{flex:1;padding:32px 56px 32px 32px;display:flex;flex-direction:column;justify-content:center;position:relative}
.detailsPage .geometricShape{position:absolute;opacity:.04;pointer-events:none}
.detailsPage .shape1{width:180px;height:180px;background:#3C4965;border-radius:50%;top:-40px;right:100px}
.detailsPage .shape2{width:120px;height:120px;background:#F87C0F;transform:rotate(45deg);bottom:20px;right:40px}
.detailsPage .labelAbove{font-size:13px;letter-spacing:.08em;color:#3C4965;margin-bottom:16px;text-transform:uppercase}
.detailsPage .mainHeading{font-size:50px;line-height:1.1;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:32px}
.detailsPage .supportText{font-size:17px;line-height:1.6;color:#3C4965;max-width:680px}
.detailsPage .keyFactsBar{max-width:1500px;margin:0 auto 96px;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.detailsPage .factItem{background:linear-gradient(180deg,#fff 0%,#E1F6FF 100%);padding:32px;border-radius:22px;border:2px solid #3C4965;box-shadow:0 7px 18px 0 #3c49651c;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1),transform .18s cubic-bezier(0.0,0,0.2,1)}
.detailsPage .factItem:hover{box-shadow:0 10px 52px 0 #3c49651c 0 2px 6px 0 #f87c0f0d;transform:translateY(-2px)}
.detailsPage .factLabel{font-size:13px;color:#3C4965;opacity:.7;margin-bottom:8px;letter-spacing:.05em}
.detailsPage .factValue{font-size:28px;line-height:1.1;color:#3C4965;font-weight:600}
.detailsPage .programSection{max-width:1500px;margin:0 auto 96px;padding:0 16px}
.detailsPage .sectionHead{text-align:center;margin-bottom:56px}
.detailsPage .sectionTitle{font-size:38px;line-height:1.1;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}
.detailsPage .programWrapper{background:#fff;padding:56px;border-radius:2px;border:3px solid #3C4965}
.detailsPage .programWrapper h2{font-size:28px;line-height:1.1;color:#3C4965;margin-bottom:32px}
.detailsPage .programWrapper h3{font-size:21px;line-height:1.1;color:#3C4965;margin-bottom:16px;margin-top:32px}
.detailsPage .programWrapper p{font-size:17px;line-height:1.6;color:#3C4965;margin-bottom:16px}
.detailsPage .programWrapper small{font-size:15px;line-height:1.6;color:#3C4965;opacity:.7;display:block;margin-bottom:8px}
.detailsPage .programWrapper ul{list-style:none;padding:0;margin:16px 0}
.detailsPage .programWrapper li{font-size:17px;line-height:1.6;color:#3C4965;padding-left:32px;position:relative;margin-bottom:8px}
.detailsPage .programWrapper li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#F87C0F;border-radius:50%}
.detailsPage .programWrapper dl{margin:16px 0}
.detailsPage .programWrapper dt{font-size:17px;line-height:1.6;color:#3C4965;font-weight:600;margin-top:16px;margin-bottom:8px}
.detailsPage .programWrapper dd{font-size:17px;line-height:1.6;color:#3C4965;margin-left:0;padding-left:32px}
.detailsPage .programWrapper details{margin:16px 0;border:2px solid #E1F6FF;border-radius:2px;padding:16px}
.detailsPage .programWrapper summary{font-size:17px;line-height:1.6;color:#3C4965;font-weight:600;cursor:pointer;user-select:none}
.detailsPage .programWrapper details[open] summary{margin-bottom:16px}
.detailsPage .descriptionBlock{max-width:1500px;margin:0 auto 96px;padding:0 16px;display:grid;grid-template-columns:2fr 1fr;gap:56px}
.detailsPage .descriptionContent{background:#3C4965;padding:56px;border-radius:22px;position:relative;overflow:hidden}
.detailsPage .polygonPattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none}
.detailsPage .polygonPattern svg{width:100%;height:100%}
.detailsPage .descriptionContent h2{font-size:28px;line-height:1.1;color:#fff;margin-bottom:32px;position:relative;z-index:1}
.detailsPage .descriptionContent p{font-size:17px;line-height:1.6;color:#fff;margin-bottom:16px;position:relative;z-index:1}
.detailsPage .descriptionContent abbr{text-decoration:none;border-bottom:1px dotted #E1F6FF;cursor:help}
.detailsPage .descriptionContent ul{list-style:none;padding:0;margin:16px 0;position:relative;z-index:1}
.detailsPage .descriptionContent li{font-size:17px;line-height:1.6;color:#fff;padding-left:32px;position:relative;margin-bottom:8px}
.detailsPage .descriptionContent li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#F87C0F;border-radius:50%}
.detailsPage .sidePanel{display:flex;flex-direction:column;gap:32px}
.detailsPage .actionCard{background:linear-gradient(180deg,#fff 0%,#E1F6FF 100%);padding:32px;border-radius:22px;border:3px solid #3C4965;box-shadow:0 7px 18px 0 #3c49651c}
.detailsPage .actionCard h3{font-size:21px;line-height:1.1;color:#3C4965;margin-bottom:16px}
.detailsPage .actionCard p{font-size:15px;line-height:1.6;color:#3C4965;margin-bottom:32px}
.detailsPage .btnPrimary{display:block;width:100%;padding:16px 32px;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);color:#fff;text-align:center;text-decoration:none;border-radius:2px;font-size:17px;border:3px solid #3C4965;cursor:pointer;transition:box-shadow .22s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 6px 0 #3c49650d}
.detailsPage .btnPrimary:hover{box-shadow:0 10px 52px 0 #3c49651c}
.detailsPage .btnSecondary{display:block;width:100%;padding:16px 32px;background:#fff;color:#3C4965;text-align:center;text-decoration:none;border-radius:2px;font-size:17px;border:3px solid #3C4965;cursor:pointer;transition:background .18s cubic-bezier(0.0,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 6px 0 #3c49650d}
.detailsPage .btnSecondary:hover{background:linear-gradient(180deg,#E1F6FF 0%,#fff 100%);box-shadow:0 7px 18px 0 #3c49651c}
.detailsPage .comparisonTable{max-width:1500px;margin:0 auto 96px;padding:0 16px;position:relative}
.detailsPage .comparisonTable::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#3C4965 50%,transparent 100%)}
.detailsPage .comparisonTable::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#3C4965 50%,transparent 100%)}
.detailsPage .tableTitle{font-size:28px;line-height:1.1;color:#3C4965;text-align:center;margin-bottom:56px;margin-top:56px}
.detailsPage .dataTable{width:100%;border-collapse:collapse;background:#fff}
.detailsPage .dataTable thead{background:#3C4965}
.detailsPage .dataTable th{padding:16px 32px;text-align:left;font-size:15px;color:#fff;font-weight:600;border:2px solid #3C4965}
.detailsPage .dataTable td{padding:16px 32px;font-size:17px;line-height:1.6;color:#3C4965;border:2px solid #E1F6FF}
.detailsPage .dataTable tbody tr:nth-child(odd){background:#fff}
.detailsPage .dataTable tbody tr:nth-child(even){background:#E1F6FF}
.detailsPage .dataTable tbody tr{transition:background .15s cubic-bezier(0.4,0,0.2,1)}
.detailsPage .dataTable tbody tr:hover{background:linear-gradient(90deg,#E1F6FF 0%,#fff 100%)}
.detailsPage .interactiveProcess{max-width:1500px;margin:0 auto 96px;padding:0 16px}
.detailsPage .processTitle{font-size:28px;line-height:1.1;color:#3C4965;margin-bottom:56px}
.detailsPage .stepsOuter{display:flex;flex-direction:column;gap:8px}
.detailsPage .stepTrigger{display:none}
.detailsPage .stepBlock{border:2px solid #E1F6FF;border-radius:2px;overflow:hidden;background:#fff}
.detailsPage .stepHeader{padding:16px 32px;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .2s cubic-bezier(0.4,0,0.2,1)}
.detailsPage .stepHeader:hover{background:#E1F6FF}
.detailsPage .stepNumber{font-size:15px;color:#F87C0F;font-weight:600;margin-right:16px}
.detailsPage .stepName{font-size:17px;line-height:1.6;color:#3C4965;flex:1}
.detailsPage .stepIndicator{width:24px;height:24px;border:2px solid #3C4965;border-radius:50%;position:relative;transition:transform .25s cubic-bezier(0.0,0,0.2,1)}
.detailsPage .stepIndicator::before,.detailsPage .stepIndicator::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3C4965}
.detailsPage .stepIndicator::before{width:10px;height:2px}
.detailsPage .stepIndicator::after{width:2px;height:10px;transition:opacity .18s cubic-bezier(0.4,0,0.2,1)}
.detailsPage .stepBody{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(0.4,0,0.2,1)}
.detailsPage .stepContent{padding:32px;background:#E1F6FF}
.detailsPage .stepContent p{font-size:17px;line-height:1.6;color:#3C4965;margin-bottom:16px}
.detailsPage .stepContent p:last-child{margin-bottom:0}
.detailsPage .stepTrigger:checked + .stepBlock .stepBody{max-height:800px}
.detailsPage .stepTrigger:checked + .stepBlock .stepIndicator{transform:rotate(45deg)}
.detailsPage .stepTrigger:checked + .stepBlock .stepIndicator::after{opacity:0}
@media (max-width: 1200px) {
.detailsPage .titleZone{flex-direction:column;gap:32px}
.detailsPage .imageStrip{flex:0 0 auto;width:100%}
.detailsPage .imageStrip img{height:380px}
.detailsPage .textContent{padding:32px}
.detailsPage .descriptionBlock{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 992px) {
.detailsPage .keyFactsBar{grid-template-columns:1fr}
.detailsPage .mainHeading{font-size:38px}
.detailsPage .sectionTitle{font-size:28px}
.detailsPage .programWrapper{padding:32px}
.detailsPage .descriptionContent{padding:32px}
}
@media (max-width: 576px) {
.detailsPage .titleZone{padding:32px 16px}
.detailsPage .mainHeading{font-size:28px}
.detailsPage .imageStrip img{height:280px}
.detailsPage .textContent{padding:16px}
.detailsPage .factItem{padding:16px}
.detailsPage .programWrapper{padding:16px}
.detailsPage .descriptionContent{padding:16px}
.detailsPage .actionCard{padding:16px}
.detailsPage .dataTable th,.detailsPage .dataTable td{padding:8px 16px;font-size:15px}
.detailsPage .stepHeader{padding:16px}
.detailsPage .stepContent{padding:16px}
}
.detailsPage ::selection{background:#E1F6FF;color:#3C4965}
.contactPageMain{background:#fff;color:#1a1a1a;line-height:1.6;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.contactPageMain ::selection{background:#E1F6FF;color:#1a1a1a}
.contactPageMain .topIntroSection{background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);padding:96px 16px;position:relative;overflow:hidden}
.contactPageMain .topIntroSection::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:96px;background:#fff;clip-path:path('M0,48 Q320,0 640,48 T1280,48 T1920,48 L1920,96 L0,96 Z')}
.contactPageMain .introWrapper{max-width:1500px;margin:0 auto;text-align:center}
.contactPageMain .heroImageBox{max-width:780px;margin:0 auto 32px;opacity:0;animation:fadeInImage .6s cubic-bezier(0.0,0,0.2,1) .2s forwards}
@keyframes fadeInImage {
to{opacity:1}
}
.contactPageMain .heroImageBox img{width:100%;height:420px;object-fit:cover;object-position:center;border-radius:2px;box-shadow:0 10px 52px 0 #3c49651c}
.contactPageMain .mainTitleText{font-size:50px;line-height:1.1;color:#fff;margin:0 0 16px;background:linear-gradient(180deg,#fff 0%,#fffd9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contactPageMain .subheadText{font-size:17px;line-height:1.6;color:#fffffff2;max-width:680px;margin:0 auto}
.contactPageMain .formAndInfoSection{padding:96px 16px;background:#fafafa}
.contactPageMain .formAndInfoSection::before{content:'';display:block;width:280px;height:3px;background:#F87C0F;margin:0 auto 56px}
.contactPageMain .contentContainer{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.contactPageMain .formZone{grid-column:span 2}
.contactPageMain .formHeading{font-size:38px;line-height:1.1;margin:0 0 32px;background:linear-gradient(180deg,#3C4965 0%,#F87C0F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contactPageMain .mainContactForm{background:#fff;padding:32px;border-radius:2px;border:3px solid #3C4965;box-shadow:0 7px 18px 0 #3c49651c;position:relative}
.contactPageMain .mainContactForm::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:2px;pointer-events:none;transition:border-color .25s cubic-bezier(0.4,0,0.2,1)}
.contactPageMain .nameFieldRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}
.contactPageMain .inputGroup{margin:0 0 16px}
.contactPageMain .fieldLabel{display:block;font-size:13px;letter-spacing:.03em;color:#3C4965;margin:0 0 8px;text-transform:uppercase}
.contactPageMain .textInputField,.contactPageMain .phoneInputField{width:100%;padding:16px;font-size:15px;border:2px solid #e0e0e0;border-radius:2px;background:#fff;color:#1a1a1a;transition:border-color .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1)}
.contactPageMain .textInputField::placeholder,.contactPageMain .phoneInputField::placeholder{color:#1a1a1a66}
.contactPageMain .textInputField:focus,.contactPageMain .phoneInputField:focus{outline:none!important;border-color:#3C4965;box-shadow:0 2px 6px 0 #3c49650d}
.contactPageMain .timeSlotLabel{display:block;font-size:13px;letter-spacing:.03em;color:#3C4965;margin:0 0 8px;text-transform:uppercase}
.contactPageMain .timeSlotOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.contactPageMain .slotOption{position:relative}
.contactPageMain .slotRadio{position:absolute;opacity:0;pointer-events:none}
.contactPageMain .slotButtonLabel{display:block;padding:16px;text-align:center;font-size:15px;border:2px solid #e0e0e0;border-radius:2px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .18s cubic-bezier(0.4,0,0.2,1);position:relative}
.contactPageMain .slotButtonLabel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:2px;opacity:0;transition:opacity .25s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.contactPageMain .slotRadio:checked + .slotButtonLabel{border-color:#3C4965;background:linear-gradient(180deg,#3C4965 0%,#2a3447 100%);color:#fff;box-shadow:0 7px 18px 0 #3c49651c}
.contactPageMain .slotButtonLabel:hover{border-color:#3C4965;box-shadow:0 2px 6px 0 #3c49650d}
.contactPageMain .slotRadio:checked + .slotButtonLabel::before{opacity:1;animation:borderTrace .6s cubic-bezier(0.4,0,0.2,1)}
@keyframes borderTrace {
0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}
50%{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%)}
75%{clip-path:polygon(100% 100%,100% 100%,0 100%,0 100%)}
100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
.contactPageMain .privacyConsentBox{margin:0 0 16px;padding:16px;background:#f5f5f5;border-radius:2px;display:flex;align-items:flex-start;gap:8px}
.contactPageMain .consentCheckbox{flex-shrink:0;margin-top:2px;width:18px;height:18px;cursor:pointer}
.contactPageMain .consentText{font-size:13px;line-height:1.6;color:#333}
.contactPageMain .consentText a{color:#3C4965;text-decoration:underline;transition:color .2s cubic-bezier(0.4,0,0.2,1)}
.contactPageMain .consentText a:hover{color:#F87C0F}
.contactPageMain .submitButton{width:100%;padding:16px 32px;font-size:17px;background:#3C4965;color:#fff;border:3px solid #3C4965;border-radius:2px;cursor:pointer;transition:all .22s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.contactPageMain .submitButton:hover{background:linear-gradient(180deg,#3C4965 0%,#F87C0F 100%);box-shadow:0 10px 52px 0 #3c49651c}
.contactPageMain .contactDetailsZone{grid-column:span 1}
.contactPageMain .detailsHeading{font-size:28px;line-height:1.1;margin:0 0 32px;color:#3C4965}
.contactPageMain .detailsCardsGrid{display:flex;flex-direction:column;gap:16px}
.contactPageMain .detailCard{background:#fff;padding:32px;border-radius:22px;border:2px solid #e0e0e0;transition:all .24s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.contactPageMain .detailCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);opacity:0;border-radius:22px;transition:opacity .24s cubic-bezier(0.4,0,0.2,1);z-index:1}
.contactPageMain .detailCard::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:22px;z-index:2}
.contactPageMain .detailCard:hover{box-shadow:0 10px 52px 0 #3c49651c;transform:translateY(-2px)}
.contactPageMain .detailCard:hover::before{opacity:1}
.contactPageMain .cardContent{position:relative;z-index:3}
.contactPageMain .cardIconBox{width:42px;height:42px;margin:0 0 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#E1F6FF 0%,#e1f6ff80 100%);border-radius:22px}
.contactPageMain .cardIconBox svg{width:22px;height:22px;stroke:#3C4965;stroke-width:2;fill:none}
.contactPageMain .cardTitle{font-size:15px;line-height:1.1;color:#3C4965;margin:0 0 8px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}
.contactPageMain .cardValue{font-size:17px;line-height:1.6;color:#1a1a1a;margin:0}
.contactPageMain .cardValue a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(0.4,0,0.2,1);position:relative}
.contactPageMain .cardValue a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:#F87C0F;transition:right .28s cubic-bezier(0.4,0,0.2,1)}
.contactPageMain .cardValue a:hover{color:#F87C0F}
.contactPageMain .cardValue a:hover::after{right:0}
.contactPageMain .availabilityMetricsSection{padding:96px 16px;background:#fff;position:relative}
.contactPageMain .metricsContainer{max-width:1500px;margin:0 auto}
.contactPageMain .metricsHeading{font-size:38px;line-height:1.1;text-align:center;margin:0 0 56px;color:#3C4965}
.contactPageMain .resourceCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.contactPageMain .resourceCard{background:#fafafa;padding:32px;border-radius:2px;border:2px solid transparent;transition:all .26s cubic-bezier(0.4,0,0.2,1);position:relative}
.contactPageMain .resourceCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);transition:height .3s cubic-bezier(0.0,0,0.2,1)}
.contactPageMain .resourceCard:hover{border-color:#3C4965;background:#fff;box-shadow:0 7px 18px 0 #3c49651c}
.contactPageMain .resourceCard:hover::before{height:100%}
.contactPageMain .resourceIconWrapper{width:56px;height:56px;background:linear-gradient(180deg,#E1F6FF 0%,#e1f6ff4d 100%);border-radius:2px;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.contactPageMain .resourceIconWrapper svg{width:28px;height:28px;stroke:#3C4965;stroke-width:2;fill:none}
.contactPageMain .resourceType{font-size:13px;line-height:1.1;color:#F87C0F;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.contactPageMain .resourceTitle{font-size:21px;line-height:1.1;color:#3C4965;margin:0 0 8px}
.contactPageMain .resourceMeta{font-size:13px;line-height:1.6;color:#666;margin:0}
.contactPageMain .dividerWithDecor{max-width:1500px;margin:56px auto 0;position:relative;height:2px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 50%,transparent 100%)}
.contactPageMain .dividerWithDecor::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:linear-gradient(135deg,#3C4965 0%,#F87C0F 100%);border-radius:22px;box-shadow:0 2px 6px 0 #3c49650d}
@media (max-width: 1200px) {
.contactPageMain .contentContainer{grid-template-columns:1fr}
.contactPageMain .formZone,.contactPageMain .contactDetailsZone{grid-column:span 1}
.contactPageMain .resourceCardGrid{grid-template-columns:1fr}
}
@media (max-width: 992px) {
.contactPageMain .mainTitleText{font-size:38px}
.contactPageMain .formHeading,.contactPageMain .metricsHeading{font-size:28px}
.contactPageMain .topIntroSection,.contactPageMain .formAndInfoSection,.contactPageMain .availabilityMetricsSection{padding:56px 16px}
.contactPageMain .heroImageBox img{height:280px}
.contactPageMain .timeSlotOptions{grid-template-columns:1fr}
}
@media (max-width: 576px) {
.contactPageMain .nameFieldRow{grid-template-columns:1fr}
.contactPageMain .mainTitleText{font-size:28px}
.contactPageMain .formHeading,.contactPageMain .metricsHeading{font-size:21px}
.contactPageMain .mainContactForm{padding:16px}
.contactPageMain .detailCard{padding:16px}
.contactPageMain .resourceCard{padding:16px}
}
.aboutOrvokta{background:#FFF;color:#2A2A2A;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.aboutOrvokta .heroBlk{position:relative;overflow:hidden;background:linear-gradient(180deg,#E1F6FF 0%,#FFF 100%);padding:56px 16px;margin:0 auto;max-width:1500px}
.aboutOrvokta .heroBlk::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#3c496505 1px,transparent 1px),linear-gradient(0deg,#3c496505 1px,transparent 1px);background-size:96px 96px;pointer-events:none}
.aboutOrvokta .heroInner{max-width:1500px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.aboutOrvokta .heroTxt h1{font-size:50px;line-height:1.1;margin:0 0 16px;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutOrvokta .heroTxt ul{list-style:none;padding:0;margin:16px 0 0}
.aboutOrvokta .heroTxt li{font-size:17px;line-height:1.6;margin:8px 0;padding-left:32px;position:relative}
.aboutOrvokta .heroTxt li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:2px;background:#F87C0F}
.aboutOrvokta .heroImgWrap{position:relative;border-radius:2px;overflow:hidden;box-shadow:0 10px 52px 0 #3c49651c;animation:maskReveal .6s cubic-bezier(0.4,0,0.2,1) both}
@keyframes maskReveal {
from{clip-path:circle(0% at 50% 50%)}
to{clip-path:circle(100% at 50% 50%)}
}
.aboutOrvokta .heroImgWrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 40%,#00000080);pointer-events:none}
.aboutOrvokta .heroImgWrap img{width:100%;height:380px;object-fit:cover;object-position:center;display:block}
.aboutOrvokta .decorStrokes{position:absolute;bottom:32px;right:32px;width:56px;height:56px;pointer-events:none}
.aboutOrvokta .decorStrokes span{position:absolute;width:32px;height:2px;background:#3C4965;opacity:.2}
.aboutOrvokta .decorStrokes span:nth-child(1){top:0;left:0;transform:rotate(-15deg)}
.aboutOrvokta .decorStrokes span:nth-child(2){top:8px;left:8px;transform:rotate(-15deg)}
.aboutOrvokta .decorStrokes span:nth-child(3){top:16px;left:16px;transform:rotate(-15deg)}
.aboutOrvokta .dividerBand{max-width:320px;margin:56px auto;height:8px;background:linear-gradient(90deg,#F87C0F 0%,#3C4965 100%);border-radius:22px}
.aboutOrvokta .gridStory{max-width:1500px;margin:0 auto;padding:56px 16px;display:grid;grid-template-columns:1fr;gap:32px}
.aboutOrvokta .colLeft{display:flex;flex-direction:column;gap:32px}
.aboutOrvokta .cardFounder{background:#FFF;border:3px solid #3C4965;border-radius:2px;padding:32px;box-shadow:0 2px 6px 0 #3c49650d;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.aboutOrvokta .cardFounder::before{content:'';position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);opacity:0;transition:opacity .25s cubic-bezier(0.4,0,0.2,1)}
.aboutOrvokta .cardFounder:hover::before{opacity:1}
.aboutOrvokta .cardFounder:hover{box-shadow:0 10px 52px 0 #3c49651c}
.aboutOrvokta .cardFounder h2{font-size:38px;line-height:1.1;margin:0 0 16px;color:#3C4965}
.aboutOrvokta .cardFounder p{font-size:17px;line-height:1.6;margin:16px 0;color:#2A2A2A}
.aboutOrvokta .cardFounder h5{font-size:15px;line-height:1.6;margin:32px 0 8px;color:#F87C0F;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.aboutOrvokta .founderProfile{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin-top:32px;padding-top:32px;border-top:2px solid #E1F6FF}
.aboutOrvokta .founderImg{width:96px;height:96px;border-radius:2px;overflow:hidden;box-shadow:inset 0 2px 4px #ffffff80 inset 0 -2px 4px #0000001a}
.aboutOrvokta .founderImg img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.aboutOrvokta .founderMeta h6{font-size:21px;line-height:1.1;margin:0 0 8px;color:#3C4965}
.aboutOrvokta .founderMeta span{font-size:15px;line-height:1.6;color:#666;display:block}
.aboutOrvokta .colRight{display:flex;flex-direction:column;gap:32px}
.aboutOrvokta .imgBlock{position:relative;border-radius:2px;overflow:hidden;box-shadow:0 7px 18px 0 #3c49651c;transition:transform .28s cubic-bezier(0.0,0,0.2,1)}
.aboutOrvokta .imgBlock:hover{transform:translateY(-8px)}
.aboutOrvokta .imgBlock img{width:100%;height:280px;object-fit:cover;object-position:center;display:block}
.aboutOrvokta .valuesWrap{max-width:1500px;margin:0 auto;padding:96px 16px;background:#FAFAFA;position:relative}
.aboutOrvokta .valuesInner{text-align:center;animation:curtainDrop .5s cubic-bezier(0.4,0,0.2,1) both;animation-delay:.2s}
@keyframes curtainDrop {
from{clip-path:polygon(0 0,100% 0,100% 0,0 0)}
to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
.aboutOrvokta .valuesInner h3{font-size:38px;line-height:1.1;margin:0 0 16px;background:linear-gradient(180deg,#F87C0F 0%,#3C4965 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutOrvokta .valuesInner p{font-size:17px;line-height:1.6;margin:16px auto;max-width:720px;color:#2A2A2A}
.aboutOrvokta .metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}
.aboutOrvokta .metricCard{background:#FFF;border:3px solid #3C4965;border-radius:22px;padding:32px;text-align:center;position:relative;box-shadow:0 2px 6px 0 #3c49650d;transition:box-shadow .22s cubic-bezier(0.4,0,0.2,1),transform .22s cubic-bezier(0.4,0,0.2,1)}
.aboutOrvokta .metricCard:hover{box-shadow:0 10px 52px 0 #3c49651c;transform:translateY(-8px)}
.aboutOrvokta .metricNum{font-size:50px;line-height:1.1;margin:0 0 8px;color:#F87C0F;font-weight:700}
.aboutOrvokta .metricLabel{font-size:17px;line-height:1.6;color:#3C4965;margin:0}
.aboutOrvokta .metricCard::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(135deg,#E1F6FF 0%,transparent 100%);border-radius:50%;z-index:-1;opacity:.3}
@media (min-width: 576px) {
.aboutOrvokta .heroBlk{padding:96px 32px}
.aboutOrvokta .heroImgWrap img{height:420px}
.aboutOrvokta .gridStory{padding:96px 32px}
.aboutOrvokta .valuesWrap{padding:96px 32px}
}
@media (min-width: 992px) {
.aboutOrvokta .heroInner{grid-template-columns:1fr 1fr;gap:56px}
.aboutOrvokta .heroImgWrap img{height:520px}
.aboutOrvokta .gridStory{grid-template-columns:1.2fr 0.8fr;gap:56px}
.aboutOrvokta .imgBlock img{height:320px}
}
@media (min-width: 1200px) {
.aboutOrvokta .heroBlk{padding:96px 56px}
.aboutOrvokta .gridStory{padding:96px 56px}
.aboutOrvokta .valuesWrap{padding:96px 56px}
}
@media (max-width: 991px) {
.aboutOrvokta .metricGrid{grid-template-columns:1fr;gap:16px}
}
.aboutOrvokta ::selection{background:#E1F6FF;color:#2A2A2A}
.aboutOrvokta input::placeholder,.aboutOrvokta textarea::placeholder{opacity:.4}
.homeLayout{background:#FFF;min-height:100vh;padding:0;margin:0}
.homeLayout .heroSection{max-width:1500px;margin:0 auto;padding:56px 16px;display:flex;align-items:center;gap:32px;position:relative}
.homeLayout .heroContent{flex:1;padding-right:32px}
.homeLayout .heroTitle{font-size:50px;line-height:1.1;color:#3C4965;margin:0 0 16px;font-weight:700}
.homeLayout .heroDescription{font-size:17px;line-height:1.6;color:#3C4965;margin:0;max-width:620px}
.homeLayout .heroImageWrap{flex-shrink:0;width:380px;height:320px;position:relative}
.homeLayout .heroImage{width:100%;height:100%;object-fit:cover;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.homeLayout .decorLine1{position:absolute;top:0;right:0;width:80px;height:2px;background:linear-gradient(90deg,#F87C0F,#3C4965)}
.homeLayout .decorLine2{position:absolute;bottom:0;left:0;width:2px;height:60px;background:linear-gradient(180deg,#3C4965,#F87C0F)}
.homeLayout .metricsSection{background:linear-gradient(180deg,#E1F6FF,#FFF);padding:96px 16px;animation:bgShift 8s ease-in-out infinite}
@keyframes bgShift {
0%,100%{background:linear-gradient(180deg,#E1F6FF,#FFF)}
50%{background:linear-gradient(180deg,#FFF,#E1F6FF)}
}
.homeLayout .metricsInner{max-width:1500px;margin:0 auto}
.homeLayout .metricsHeader{text-align:center;margin-bottom:56px}
.homeLayout .metricsHeading{font-size:38px;line-height:1.1;background:linear-gradient(180deg,#F87C0F,#3C4965);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px;font-weight:700}
.homeLayout .metricsText{font-size:17px;line-height:1.6;color:#3C4965;margin:0 auto;max-width:720px}
.homeLayout .statsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.homeLayout .statCard{background:#FFF;padding:32px;border-radius:22px;border:2px solid #3C4965;text-align:center;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1)}
.homeLayout .statCard:hover{box-shadow:0 10px 52px 0 #3c49651c}
.homeLayout .statNumber{font-size:50px;line-height:1.1;color:#F87C0F;font-weight:700;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:16px}
.homeLayout .arrowIcon{width:32px;height:32px;fill:none;stroke:#3C4965;stroke-width:2}
.homeLayout .statLabel{font-size:15px;line-height:1.6;color:#3C4965;margin:0}
.homeLayout .dividerDash{max-width:1500px;margin:0 auto;height:2px;background-image:repeating-linear-gradient(90deg,#F87C0F 0,#F87C0F 12px,transparent 12px,transparent 24px)}
.homeLayout .servicesSection{padding:96px 16px;position:relative;background-image:url(./hero_images/2026_06-element-2025_08.jpg);background-size:cover;background-position:center}
.homeLayout .servicesOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#3c4965eb;z-index:1}
.homeLayout .servicesInner{max-width:1500px;margin:0 auto;position:relative;z-index:2}
.homeLayout .servicesHeading{font-size:38px;line-height:1.1;color:#E1F6FF;margin:0 0 56px;font-weight:700;text-align:center}
.homeLayout .servicesLayout{display:flex;gap:32px}
.homeLayout .serviceMain{flex:2;display:flex;flex-direction:column;gap:32px}
.homeLayout .serviceSidebar{flex:1;background:#fffffff7;padding:32px;border-radius:22px;border:2px solid #F87C0F;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.homeLayout .serviceCard{background:#fffffff2;padding:32px;border-radius:22px;border:2px solid #E1F6FF;display:flex;align-items:flex-start;gap:32px;transition:transform .18s cubic-bezier(0.4,0,0.2,1),box-shadow .18s cubic-bezier(0.4,0,0.2,1)}
.homeLayout .serviceCard:hover{transform:translateY(-4px);box-shadow:0 10px 52px 0 #f87c0f1c}
.homeLayout .serviceCardWide{width:100%}
.homeLayout .serviceCardNarrow{width:calc(50% - 16px)}
.homeLayout .serviceCardRow{display:flex;gap:32px}
.homeLayout .serviceImgWrap{flex-shrink:0;width:180px;height:140px}
.homeLayout .serviceImg{width:100%;height:100%;object-fit:cover;border-radius:2px}
.homeLayout .serviceContent{flex:1}
.homeLayout .serviceHeading{font-size:21px;line-height:1.1;color:#3C4965;margin:0 0 8px;font-weight:700}
.homeLayout .serviceDesc{font-size:15px;line-height:1.6;color:#3C4965;margin:0}
.homeLayout .sidebarTitle{font-size:21px;line-height:1.1;color:#3C4965;margin:0 0 16px;font-weight:700}
.homeLayout .sidebarText{font-size:15px;line-height:1.6;color:#3C4965;margin:0 0 24px}
.homeLayout .sidebarBtn{display:inline-block;padding:16px 32px;background:linear-gradient(180deg,#F87C0F,#3C4965);color:#FFF;font-size:15px;border-radius:22px;border:3px solid #3C4965;text-decoration:none;transition:box-shadow .22s cubic-bezier(0.4,0,0.2,1);font-weight:600}
.homeLayout .sidebarBtn:hover{box-shadow:0 10px 52px 0 #3c49651c}
.homeLayout .approachSection{padding:96px 16px;background:#FFF}
.homeLayout .approachInner{max-width:1500px;margin:0 auto}
.homeLayout .approachHeading{font-size:38px;line-height:1.1;color:#3C4965;margin:0 0 56px;font-weight:700;text-align:left}
.homeLayout .processGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.homeLayout .processItem{position:relative;padding:0;cursor:pointer}
.homeLayout .processToggle{position:absolute;opacity:0;pointer-events:none}
.homeLayout .processCard{background:#F5F5F5;padding:32px;border-radius:2px;border:2px solid transparent;min-height:280px;transition:border-color .2s cubic-bezier(0.0,0,0.2,1),background .2s cubic-bezier(0.0,0,0.2,1)}
.homeLayout .processToggle:checked + .processCard{background:linear-gradient(180deg,#E1F6FF,#FFF);border-color:#F87C0F}
.homeLayout .processNumber{font-size:28px;line-height:1.1;color:#F87C0F;margin:0 0 16px;font-weight:700}
.homeLayout .processTitle{font-size:17px;line-height:1.1;color:#3C4965;margin:0 0 16px;font-weight:700}
.homeLayout .processDesc{font-size:13px;line-height:1.6;color:#3C4965;margin:0}
.homeLayout .processDetail{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(0.4,0,0.2,1);font-size:13px;line-height:1.6;color:#3C4965;margin:16px 0 0}
.homeLayout .processToggle:checked ~ .processDetail{max-height:300px}
@media (max-width: 1200px) {
.homeLayout .heroSection{flex-direction:column;padding:32px 16px}
.homeLayout .heroContent{padding-right:0}
.homeLayout .heroImageWrap{width:100%;max-width:480px}
.homeLayout .statsGrid{grid-template-columns:1fr}
.homeLayout .servicesLayout{flex-direction:column}
.homeLayout .processGrid{grid-template-columns:1fr}
}
@media (max-width: 992px) {
.homeLayout .heroTitle{font-size:38px}
.homeLayout .metricsHeading,.homeLayout .servicesHeading,.homeLayout .approachHeading{font-size:28px}
.homeLayout .serviceCardRow{flex-direction:column}
.homeLayout .serviceCardNarrow{width:100%}
.homeLayout .serviceCard{flex-direction:column}
.homeLayout .serviceImgWrap{width:100%;height:200px}
}
@media (max-width: 576px) {
.homeLayout .heroTitle{font-size:28px}
.homeLayout .metricsHeading,.homeLayout .servicesHeading,.homeLayout .approachHeading{font-size:21px}
.homeLayout .heroSection,.homeLayout .metricsSection,.homeLayout .servicesSection,.homeLayout .approachSection{padding:32px 16px}
.homeLayout .statNumber{font-size:38px;flex-direction:column;gap:8px}
.homeLayout .statCard{padding:16px}
.homeLayout .processCard{padding:16px;min-height:auto}
}
.homeLayout ::selection{background:#E1F6FF;color:#3C4965}
.servicesMain{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden}
.servicesMain *{box-sizing:border-box}
.servicesMain .topHero{max-width:1500px;margin:0 auto;padding:56px 16px 96px;display:flex;gap:32px;align-items:stretch}
.servicesMain .imageStrip{flex:0 0 280px;position:relative;overflow:hidden;border-radius:2px}
.servicesMain .imageStrip img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.servicesMain .imageStrip::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#3c496566);pointer-events:none}
.servicesMain .heroContent{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding:56px 32px 96px}
.servicesMain .quoteDecor{position:absolute;top:0;left:0;font-size:280px;line-height:1;color:#3c496508;font-weight:700;user-select:none;pointer-events:none}
.servicesMain .heroContent h1{font-size:50px;line-height:1.1;margin:0 0 16px;background:linear-gradient(to top,#3C4965,#F87C0F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}
.servicesMain .counterBadge{display:inline-flex;align-items:center;gap:8px;background:#e1f6ff99;padding:8px 16px;border-radius:22px;margin:0 0 32px;font-size:15px;font-weight:600;color:#3C4965}
.servicesMain .counterNumber{font-size:21px;color:#F87C0F;font-weight:700}
.servicesMain .heroContent p{font-size:17px;line-height:1.6;margin:0;max-width:680px}
.servicesMain .catalogSection{background:linear-gradient(to bottom,#fff,#fafbfc);padding:96px 16px;position:relative}
.servicesMain .catalogSection::before{content:'';position:absolute;top:0;left:0;right:0;height:380px;background-image:radial-gradient(circle,#3c496514 1px,transparent 1px);background-size:24px 24px;opacity:.4;pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}
.servicesMain .catalogInner{max-width:1500px;margin:0 auto}
.servicesMain .catalogHeader{text-align:center;margin:0 0 56px}
.servicesMain .catalogHeader h2{font-size:38px;line-height:1.1;margin:0 0 16px;background:linear-gradient(to top,#3C4965,#F87C0F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.servicesMain .catalogHeader p{font-size:17px;line-height:1.6;margin:0;color:#444}
.servicesMain .serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.servicesMain .serviceCard{background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 2px 6px 0 #3c49650d;transition:box-shadow .22s cubic-bezier(0.4,0,0.2,1),transform .22s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;border:2px solid transparent}
.servicesMain .serviceCard:hover{box-shadow:0 10px 52px 0 #3c49651c;transform:translateY(-4px);border-color:#f87c0f33}
.servicesMain .cardImageWrap{width:100%;height:220px;overflow:hidden;position:relative}
.servicesMain .cardImageWrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .28s cubic-bezier(0.4,0,0.2,1)}
.servicesMain .serviceCard:hover .cardImageWrap img{transform:scale(1.05)}
.servicesMain .cardBody{padding:32px;flex:1;display:flex;flex-direction:column}
.servicesMain .cardBody h3{font-size:21px;line-height:1.1;margin:0 0 16px;color:#3C4965}
.servicesMain .cardBody p{font-size:15px;line-height:1.6;margin:0 0 16px;color:#555;flex:1}
.servicesMain .cardMeta{display:flex;gap:16px;margin:0 0 16px;padding:16px 0 0;border-top:1px solid #e8e8e8}
.servicesMain .metaItem{display:flex;flex-direction:column;gap:8px}
.servicesMain .metaLabel{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#888}
.servicesMain .metaValue{font-size:17px;font-weight:600;color:#3C4965}
.servicesMain .metaValue.priceValue{color:#F87C0F}
.servicesMain .cardLink{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(to top,#3C4965,#3C4965);color:#fff;text-decoration:none;border-radius:2px;font-size:15px;font-weight:600;border:2px solid #3C4965;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1);align-self:flex-start}
.servicesMain .cardLink:hover{background:linear-gradient(to top,#2a3447,#3C4965);box-shadow:0 7px 18px 0 #3c49651c}
.servicesMain .cardLink::after{content:'→';font-size:17px;transition:transform .18s cubic-bezier(0.0,0,0.2,1)}
.servicesMain .cardLink:hover::after{transform:translateX(4px)}
.servicesMain .valueSection{background:#f6f8faff;padding:96px 16px;position:relative}
.servicesMain .valueInner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.servicesMain .valueBlock{background:#fff;padding:32px;border-radius:2px;box-shadow:0 2px 6px 0 #3c49650d;display:flex;flex-direction:column;gap:16px}
.servicesMain .valueBlock.mainBlock{background:linear-gradient(to top,#e1f6ff4d,#fff)}
.servicesMain .iconShape{width:56px;height:56px;background:linear-gradient(135deg,#F87C0F,#ffa04d);border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}
.servicesMain .valueBlock h3{font-size:21px;line-height:1.1;margin:0;color:#3C4965}
.servicesMain .valueBlock p{font-size:15px;line-height:1.6;margin:0;color:#555}
.servicesMain .processSection{padding:96px 16px;background:#fff;position:relative}
.servicesMain .waveDivider{position:absolute;top:0;left:0;width:100%;height:80px;overflow:hidden}
.servicesMain .waveDivider svg{width:100%;height:100%;display:block}
.servicesMain .processInner{max-width:1500px;margin:0 auto}
.servicesMain .processHeader{text-align:center;margin:0 0 56px}
.servicesMain .processHeader h2{font-size:38px;line-height:1.1;margin:0 0 16px;color:#3C4965}
.servicesMain .processSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;position:relative}
.servicesMain .processSteps::before{content:'';position:absolute;top:32px;left:16.66%;right:16.66%;height:2px;background:linear-gradient(to right,#E1F6FF,#3C4965,#E1F6FF);z-index:0}
.servicesMain .stepItem{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.servicesMain .stepNumber{width:64px;height:64px;background:linear-gradient(135deg,#3C4965,#5a6a8a);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 7px 18px 0 #3c49651c}
.servicesMain .stepItem h4{font-size:17px;line-height:1.1;margin:0;color:#3C4965;font-weight:600}
.servicesMain .stepItem p{font-size:15px;line-height:1.6;margin:0;color:#666}
.servicesMain .faqSection{background:linear-gradient(to bottom,#e1f6ff26,#fff);padding:96px 16px}
.servicesMain .faqInner{max-width:1500px;margin:0 auto}
.servicesMain .faqHeader{margin:0 0 56px}
.servicesMain .faqHeader h2{font-size:38px;line-height:1.1;margin:0 0 16px;background:linear-gradient(to top,#3C4965,#F87C0F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.servicesMain .faqList{display:flex;flex-direction:column;gap:16px}
.servicesMain .faqItem{background:#fff;border-radius:2px;box-shadow:0 2px 6px 0 #3c49650d;overflow:hidden}
.servicesMain .faqToggle{display:none}
.servicesMain .faqQuestion{padding:32px;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:17px;font-weight:600;color:#3C4965;transition:background .18s cubic-bezier(0.4,0,0.2,1)}
.servicesMain .faqQuestion:hover{background:#e1f6ff4d}
.servicesMain .faqIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(0.4,0,0.2,1)}
.servicesMain .faqIcon svg{width:100%;height:100%;fill:#F87C0F}
.servicesMain .faqAnswer{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(0.4,0,0.2,1)}
.servicesMain .faqAnswerContent{padding:0 32px 32px;font-size:15px;line-height:1.6;color:#555}
.servicesMain .faqToggle:checked + .faqQuestion .faqIcon{transform:rotate(180deg)}
.servicesMain .faqToggle:checked ~ .faqAnswer{max-height:500px}
.servicesMain .faqToggle:focus + .faqQuestion{outline:2px solid #F87C0F;outline-offset:2px}
@media (max-width: 1200px) {
.servicesMain .serviceGrid{grid-template-columns:repeat(2,1fr)}
.servicesMain .valueInner{grid-template-columns:1fr}
.servicesMain .processSteps::before{display:none}
}
@media (max-width: 992px) {
.servicesMain .topHero{flex-direction:column;padding:32px 16px 56px}
.servicesMain .imageStrip{flex:0 0 auto;height:280px;width:100%}
.servicesMain .heroContent{padding:32px 16px}
.servicesMain .heroContent h1{font-size:38px}
.servicesMain .quoteDecor{font-size:180px}
.servicesMain .catalogSection,.servicesMain .valueSection,.servicesMain .processSection,.servicesMain .faqSection{padding:56px 16px}
.servicesMain .catalogHeader h2,.servicesMain .processHeader h2,.servicesMain .faqHeader h2{font-size:28px}
.servicesMain .processSteps{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 576px) {
.servicesMain .serviceGrid{grid-template-columns:1fr}
.servicesMain .heroContent h1{font-size:28px}
.servicesMain .catalogHeader h2,.servicesMain .processHeader h2,.servicesMain .faqHeader h2{font-size:21px}
.servicesMain .cardBody,.servicesMain .valueBlock{padding:16px}
.servicesMain .cardLink{width:100%;justify-content:center}
.servicesMain .faqQuestion,.servicesMain .faqAnswerContent{padding:16px}
}
.servicesMain ::selection{background:#E1F6FF;color:inherit}
.availPage{background:#fff;min-height:100vh}
.availPage .heroBlock{position:relative;overflow:hidden;padding:96px 16px 56px;background:linear-gradient(to top,#3C4965,#F87C0F)}
@keyframes bgPulse {
0%,100%{opacity:.3}
50%{opacity:.6}
}
.availPage .heroBlock::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,#e1f6ff66 0%,transparent 70%);transform:translate(-50%,-50%);animation:bgPulse 6s ease-in-out infinite;pointer-events:none}
.availPage .heroInner{max-width:1500px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
.availPage .heroTextZone{position:relative}
.availPage .heroTextZone::before{content:'';position:absolute;top:-32px;left:-32px;right:-32px;bottom:-32px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;z-index:-1}
.availPage .eyebrowLabel{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#E1F6FF;margin:0 0 16px}
.availPage .heroHeading{font-size:50px;line-height:1.1;margin:0 0 32px;background:linear-gradient(to bottom,#fff,#E1F6FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.availPage .heroImgWrap{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 10px 52px 0 #3c49651c;transition:box-shadow .24s cubic-bezier(0.4,0,0.2,1)}
.availPage .heroImgWrap:hover{box-shadow:0 16px 68px 0 #3c49652e}
.availPage .heroImgWrap img{width:100%;height:420px;object-fit:cover;object-position:center;display:block;filter:grayscale(100%) contrast(1.3)}
.availPage .serviceGrid{padding:96px 16px;background:#fff}
.availPage .gridInner{max-width:1500px;margin:0 auto}
.availPage .gridHeadline{font-size:38px;line-height:1.1;text-align:center;margin:0 0 56px;color:#3C4965}
.availPage .itemsWrapper{display:grid;grid-template-columns:1fr;gap:32px}
.availPage .serviceItem{background:#fff;border:3px solid #3C4965;border-radius:22px;padding:32px;position:relative;display:grid;grid-template-columns:1fr;gap:32px;align-items:center;box-shadow:0 2px 6px 0 #3c49650d;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1),border-color .2s cubic-bezier(0.4,0,0.2,1)}
.availPage .serviceItem:hover{border-color:#F87C0F;box-shadow:0 10px 52px 0 #f87c0f1c}
.availPage .itemImgContainer{position:relative;border-radius:2px;overflow:hidden;box-shadow:0 7px 18px 0 #3c49651c;transition:box-shadow .18s cubic-bezier(0.0,0,0.2,1)}
.availPage .serviceItem:hover .itemImgContainer{box-shadow:0 14px 32px 0 #f87c0f29}
.availPage .itemImgContainer img{width:100%;height:280px;object-fit:cover;object-position:center;display:block}
.availPage .itemContent{display:flex;flex-direction:column;gap:16px}
.availPage .itemHeading{font-size:28px;line-height:1.1;margin:0;background:linear-gradient(to top,#F87C0F,#3C4965);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.availPage .itemDescription{font-size:17px;line-height:1.6;color:#3C4965;margin:0}
.availPage .statCard{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#E1F6FF;border-radius:2px;overflow:hidden;box-shadow:inset 0 2px 4px #3c496514 inset 0 -2px 4px #3c49651f}
.availPage .statZone{padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}
.availPage .statZone:first-child{border-right:2px solid #3C4965}
.availPage .statNumber{font-size:28px;line-height:1.1;font-weight:700;color:#3C4965;margin:0}
.availPage .statLabel{font-size:13px;line-height:1.6;color:#3C4965;text-align:center;margin:0;opacity:.8}
.availPage .contactInfo{display:flex;flex-direction:column;gap:8px}
.availPage .contactLink{font-size:17px;line-height:1.6;color:#3C4965;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .18s cubic-bezier(0.4,0,0.2,1);position:relative}
.availPage .contactLink::before{content:'';width:18px;height:18px;background:#F87C0F;border-radius:50%;flex-shrink:0;transition:transform .22s cubic-bezier(0.0,0,0.2,1)}
.availPage .contactLink:hover{color:#F87C0F}
.availPage .contactLink:hover::before{transform:scale(1.2)}
@media (min-width: 576px) {
.availPage .heroBlock{padding:96px 32px 56px}
.availPage .serviceGrid{padding:96px 32px}
.availPage .heroImgWrap img{height:480px}
.availPage .itemImgContainer img{height:320px}
}
@media (min-width: 992px) {
.availPage .heroInner{grid-template-columns:1fr 1fr}
.availPage .heroHeading{text-align:left}
.availPage .eyebrowLabel{text-align:left}
.availPage .itemsWrapper{gap:56px}
.availPage .serviceItem{grid-template-columns:45fr 55fr;gap:56px}
.availPage .serviceItem:nth-child(even){grid-template-columns:55fr 45fr}
.availPage .serviceItem:nth-child(even) .itemImgContainer{order:2}
.availPage .itemImgContainer img{height:380px}
}
@media (min-width: 1200px) {
.availPage .heroBlock{padding:96px 56px}
.availPage .serviceGrid{padding:96px 56px}
.availPage .heroImgWrap img{height:540px}
}
.availPage ::selection{background:#E1F6FF;color:#3C4965}
.availPage input::placeholder,.availPage textarea::placeholder{opacity:.4}
.successWrap{min-height:100vh;background:linear-gradient(to bottom,#E1F6FF,#fff);display:flex;align-items:center;justify-content:center;padding:32px 16px}
.successWrap .confirmBox{background:#fff;max-width:620px;width:100%;padding:56px 32px;border-radius:22px;box-shadow:0 10px 52px 0 #3c49651c;text-align:center}
.successWrap .iconHolder{width:88px;height:88px;margin:0 auto 32px;position:relative}
.successWrap .iconHolder svg{width:100%;height:100%}
.successWrap .iconHolder circle{fill:none;stroke:#F87C0F;stroke-width:3;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:drawCircle .6s cubic-bezier(0.4,0,0.2,1) forwards}
.successWrap .iconHolder polyline{fill:none;stroke:#3C4965;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .4s cubic-bezier(0.4,0,0.2,1) .3s forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successWrap .msgTitle{font-size:38px;line-height:1.1;background:linear-gradient(to bottom,#F87C0F,#3C4965);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px}
.successWrap .msgDesc{font-size:17px;line-height:1.6;color:#3C4965;margin:0 0 32px}
.successWrap .detailRow{background:#E1F6FF;padding:16px;border-radius:2px;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;text-align:left}
.successWrap .detailRow:last-of-type{margin-bottom:32px}
.successWrap .detailRow .labelTxt{font-size:13px;line-height:1.6;color:#3C4965;opacity:.7;letter-spacing:.05em;text-transform:uppercase}
.successWrap .detailRow .valueTxt{font-size:15px;line-height:1.6;color:#3C4965;font-weight:600}
.successWrap .actionGroup{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.successWrap .actionGroup a{font-size:15px;line-height:1.6;padding:16px 32px;border-radius:22px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1),background .18s cubic-bezier(0.0,0,0.2,1)}
.successWrap .actionGroup .btnPrimary{background:#3C4965;color:#fff;border:3px solid #3C4965}
.successWrap .actionGroup .btnPrimary:hover{background:linear-gradient(to bottom,#F87C0F,#3C4965);border-color:#F87C0F;box-shadow:0 7px 18px 0 #3c49651c}
.successWrap .actionGroup .btnSecondary{background:transparent;color:#3C4965;border:3px solid #3C4965}
.successWrap .actionGroup .btnSecondary:hover{background:#3C4965;color:#fff;box-shadow:0 7px 18px 0 #3c49651c}
.successWrap .noteFooter{margin:32px 0 0;padding:16px 0 0;border-top:2px solid #E1F6FF}
.successWrap .noteFooter p{font-size:13px;line-height:1.6;color:#3C4965;opacity:.7;margin:0}
.successWrap .noteFooter a{color:#F87C0F;text-decoration:none;transition:opacity .15s cubic-bezier(0.4,0,0.2,1)}
.successWrap .noteFooter a:hover{opacity:.8}
@media (max-width: 576px) {
.successWrap .confirmBox{padding:32px 16px}
.successWrap .msgTitle{font-size:28px}
.successWrap .actionGroup{flex-direction:column}
.successWrap .actionGroup a{width:100%;justify-content:center}
.successWrap .detailRow{flex-direction:column;gap:8px;align-items:flex-start}
}