html{margin:0;box-sizing:border-box;font-size:100%;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
body{margin:0;font-family:'Fira Code',monospace;background:#0f1419;color:#d4dae0;font-size:14px;line-height:1.75;overflow-x:clip}
.topBanner{background:linear-gradient(135deg,#1a1f29 0%,#0f1419 100%);border-bottom:1px solid #40a8f01f;box-shadow:0 4px 18px 1px #4d0f271a;position:relative;z-index:100}
.topBanner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#40a8f04d 20%,#db35014d 80%,transparent 100%)}
.hdWrap{max-width:1280px;margin:0 auto;padding:24px 48px;display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center}
.logoZone{display:flex;align-items:center;gap:24px}
.logoFrame{width:78px;height:78px;display:flex;align-items:center;justify-content:center;background:#40a8f00a;border-radius:4px;border:1px solid #40a8f02e;box-shadow:0 1px 3px 1px #4d0f270f;position:relative}
.logoFrame::after{content:'';position:absolute;inset:-1px;border-radius:4px;padding:1px;background:linear-gradient(145deg,#40a8f033,#db35011a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.logoFrame img{width:100%;height:100%;object-fit:contain}
.taglineBox{max-width:280px}
.taglineText{font-size:13px;line-height:1.75;color:#8a96a3;margin:0}
.navPrimary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.navItem{color:#d4dae0;text-decoration:none;font-size:14px;padding:12px 24px;border:1px solid #40a8f026;border-radius:4px;background:#1a1f2966;transition:border-color .18s cubic-bezier(0.4,0,0.6,1),background .18s cubic-bezier(0.4,0,0.6,1),box-shadow .18s cubic-bezier(0.4,0,0.6,1);position:relative;overflow:hidden}
.navItem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:4px;opacity:0;transition:opacity .18s cubic-bezier(0.4,0,0.6,1)}
.navItem:hover{border-color:#40a8f066;background:#1a1f29b3;box-shadow:0 4px 18px 1px #40a8f01a}
.navItem:hover::before{opacity:1;border-color:#40a8f099;animation:borderDraw .5s cubic-bezier(0.4,0,0.6,1) forwards}
@keyframes borderDraw {
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%)}
}
.navItem:focus{outline:none;box-shadow:0 4px 18px 1px #40a8f01a 0 0 0 2px #40a8f04d}
.navItem:focus::after{content:'fokus';position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:11px;color:#40A8F0;background:#0f1419;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}
.navSecondary{display:flex;gap:12px;align-items:center}
.ctaAccent{color:#0f1419;background:linear-gradient(135deg,#40A8F0 0%,#DB3501 100%);border:none;padding:12px 24px;border-radius:4px;font-size:14px;font-family:'Fira Code',monospace;font-weight:700;text-decoration:none;display:inline-block;transition:box-shadow .14s ease-out,transform .14s ease-out;box-shadow:0 1px 3px 1px #4d0f270f}
.ctaAccent:hover{box-shadow:0 9px 52px 1px #40a8f024;transform:translateY(-1px)}
.ctaAccent:focus{outline:none;box-shadow:0 9px 52px 1px #40a8f024 0 0 0 2px #40a8f080}
.ctaAccent:focus::after{content:'aktivní';position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:11px;color:#40A8F0;background:#0f1419;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}
.bottomStrip{background:#0a0d11;border-top:1px solid #40a8f014;position:relative}
.bottomStrip::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#db350133 50%,transparent 100%)}
.ftContainer{max-width:1280px;margin:0 auto;padding:96px 48px 48px;display:grid;grid-template-columns:2fr 1fr;gap:96px;align-items:start}
.missionSegment{display:flex;flex-direction:column;gap:24px}
.ftHeading{font-size:27px;line-height:1.1;font-weight:700;color:#e8eef4;margin:0;letter-spacing:-.02em}
.ftHeading span{background:linear-gradient(135deg,#40A8F0 0%,#DB3501 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.missionParagraph{font-size:14px;line-height:1.75;color:#8a96a3;margin:0;max-width:620px}
.valuesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:24px}
.valueCard{background:#1a1f294d;border:1px solid #40a8f01a;border-radius:4px;padding:24px;transition:border-color .16s ease-out,box-shadow .16s ease-out}
.valueCard:hover{border-color:#40a8f040;box-shadow:0 4px 18px 1px #4d0f271a}
.valueIcon{width:32px;height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.valueIcon svg{width:100%;height:100%;fill:#40A8F0}
.valueLabel{font-size:13px;line-height:1.75;color:#d4dae0;margin:0}
.rightColumn{display:flex;flex-direction:column;gap:48px;align-items:flex-end}
.logoFooterFrame{width:78px;height:78px;display:flex;align-items:center;justify-content:center;background:#4d0f270f;border-radius:4px;border:1px solid #db350126;box-shadow:0 1px 3px 1px #db35010f}
.logoFooterFrame img{width:100%;height:100%;object-fit:contain}
.infoCluster{display:flex;flex-direction:column;gap:24px;align-items:flex-end;text-align:right}
.contactBlock{display:flex;flex-direction:column;gap:12px}
.contactRow{display:flex;align-items:center;gap:12px;justify-content:flex-end;font-size:13px;color:#8a96a3}
.contactRow i{color:#40A8F0;font-size:16px}
.contactRow a{color:#8a96a3;text-decoration:none;transition:color .14s ease-out}
.contactRow a:hover{color:#40A8F0}
.contactRow a:focus{outline:none;color:#40A8F0;text-decoration:underline}
.contactRow a:focus::after{content:'fokus';position:absolute;margin-top:-20px;margin-left:8px;font-size:11px;color:#40A8F0;background:#0f1419;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}
.legalBar{border-top:1px solid #40a8f00f;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.copyrightNote{font-size:13px;color:#5a6570;margin:0}
.legalLinks{display:flex;gap:24px}
.legalLink{font-size:13px;color:#8a96a3;text-decoration:none;transition:color .14s ease-out}
.legalLink:hover{color:#40A8F0}
.legalLink:focus{outline:none;color:#40A8F0;text-decoration:underline}
.legalLink:focus::after{content:'fokus';position:absolute;margin-top:-20px;margin-left:8px;font-size:11px;color:#40A8F0;background:#0f1419;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}
::selection{background:#40A8F0;color:#0f1419}
@media (max-width: 1024px) {
.hdWrap{grid-template-columns:1fr;gap:24px;padding:24px}
.logoZone{flex-direction:column;text-align:center}
.taglineBox{max-width:100%}
.navPrimary{justify-content:center}
.navSecondary{justify-content:center}
.ftContainer{grid-template-columns:1fr;gap:48px;padding:48px 24px 24px}
.rightColumn{align-items:flex-start}
.infoCluster{align-items:flex-start;text-align:left}
.contactRow{justify-content:flex-start}
.legalBar{padding:24px;flex-direction:column;gap:12px}
}
@media (max-width: 768px) {
.hdWrap{padding:12px}
.logoFrame,.logoFooterFrame{width:64px;height:64px}
.navItem{padding:12px;font-size:13px}
.ctaAccent{padding:12px;font-size:13px}
.ftHeading{font-size:20px}
.valuesGrid{grid-template-columns:1fr}
.ftContainer{padding:24px 12px 12px}
.legalBar{padding:12px}
}
@media (max-width: 375px) {
.navPrimary{flex-direction:column;width:100%}
.navItem{width:100%;text-align:center}
.navSecondary{width:100%}
.ctaAccent{width:100%;text-align:center}
}
.rules-content{max-width:1280px;margin-left:auto;margin-right:auto;background-color:#1a1d23;color:#e8eaed;padding:96px 24px}
.rules-content h1{font-size:52px;line-height:1.1;letter-spacing:-.02em;margin-bottom:48px;color:#fff}
.rules-content h2{font-size:37px;line-height:1.1;letter-spacing:-.01em;margin-top:96px;margin-bottom:24px;color:#f1f3f5}
.rules-content h3{font-size:27px;line-height:1.1;letter-spacing:-.01em;margin-top:48px;margin-bottom:24px;color:#e8eaed}
.rules-content h4{font-size:20px;line-height:1.1;margin-top:48px;margin-bottom:12px;color:#e8eaed}
.rules-content h5{font-size:14px;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;margin-top:24px;margin-bottom:12px;color:#c5c8cc}
.rules-content h6{font-size:14px;line-height:1.1;margin-top:24px;margin-bottom:12px;color:#c5c8cc}
.rules-content p{font-size:14px;line-height:1.75;margin-bottom:24px;color:#c5c8cc}
.rules-content a{color:#40A8F0;text-decoration:none;border-bottom:1px solid #40a8f04d;transition:border-color .18s ease-out}
.rules-content a:hover{border-bottom-color:#40A8F0}
.rules-content ul{margin-bottom:24px;padding-left:24px}
.rules-content ol{margin-bottom:24px;padding-left:24px}
.rules-content li{font-size:14px;line-height:1.75;margin-bottom:12px;color:#c5c8cc}
.rules-content ul ul,.rules-content ul ol,.rules-content ol ul,.rules-content ol ol{margin-top:12px;margin-bottom:12px}
.rules-content table{width:100%;border-collapse:collapse;margin-top:24px;margin-bottom:48px;background-color:#23262d;border-radius:4px;overflow:hidden}
.rules-content thead{background-color:#2a2e36}
.rules-content th{font-size:13px;line-height:1.1;text-align:left;padding:24px;color:#f1f3f5;border-bottom:1px solid #4d0f274d;font-weight:600;letter-spacing:.02em}
.rules-content td{font-size:14px;line-height:1.75;padding:24px;color:#c5c8cc;border-bottom:1px solid #4d0f2726}
.rules-content tbody tr:last-child td{border-bottom:none}
.rules-content tbody tr{transition:background-color .15s ease-out}
.rules-content tbody tr:hover{background-color:#292c34}
.rules-content hr{border:none;height:1px;background:linear-gradient(to right,#4d0f2700,#4d0f2766,#4d0f2700);margin-top:48px;margin-bottom:48px}
.rules-content div{margin-bottom:24px}
@media (max-width: 768px) {
.rules-content{padding-top:48px;padding-bottom:48px}
.rules-content h1{font-size:37px;margin-bottom:24px}
.rules-content h2{font-size:27px;margin-top:48px;margin-bottom:24px}
.rules-content h3{font-size:20px;margin-top:24px}
.rules-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rules-content th,.rules-content td{padding:12px;white-space:nowrap}
}
@media (max-width: 375px) {
.rules-content{padding-left:12px;padding-right:12px}
.rules-content h1{font-size:27px}
.rules-content h2{font-size:20px}
}
.rules-content ::selection{background-color:#40A8F0;color:#1a1d23}
.quotePageMain{background:linear-gradient(165deg,#0a0e14 0%,#151b24 100%);color:#e8eaed;min-height:100vh;padding:96px 24px}
.quotePageMain .quoteCentralWrapper{max-width:1280px;margin:0 auto}
.quotePageMain .quoteHeroZone{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;padding:96px 48px;background:linear-gradient(135deg,#4d0f2708 0%,transparent 100%);position:relative;overflow:hidden;border-radius:4px;margin-bottom:96px}
.quotePageMain .quoteHeroZone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,#40a8f005 0px,#40a8f005 2px,transparent 2px,transparent 12px);pointer-events:none}
.quotePageMain .heroTextContent{position:relative;z-index:2}
.quotePageMain .heroMainHeading{font-size:52px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:24px}
.quotePageMain .heroMainHeading .gradientWord{background:linear-gradient(135deg,#DB3501 0%,#40A8F0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.quotePageMain .heroDescription{font-size:20px;line-height:1.75;color:#b8bcc2;max-width:560px;margin-bottom:24px}
.quotePageMain .heroDescription + .heroDescription{margin-top:12px}
.quotePageMain .heroImageColumn{position:relative;overflow:hidden;border-radius:4px}
.quotePageMain .heroVisualImage{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(0.3) hue-rotate(310deg) saturate(0.8);transition:transform .18s cubic-bezier(0.4,0,0.6,1)}
.quotePageMain .heroImageColumn:hover .heroVisualImage{transform:scale(1.05)}
.quotePageMain .pricingMetricsBlock{background:#0f141c;padding:96px 48px;border-radius:36px;margin-bottom:96px;box-shadow:0 9px 52px 1px #4d0f2724;position:relative}
.quotePageMain .pricingMetricsBlock::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#40a8f01a 0%,#db35011a 100%);border-radius:36px;z-index:0;pointer-events:none}
.quotePageMain .pricingMetricsBlock > *{position:relative;z-index:1}
.quotePageMain .metricsHeadingText{font-size:37px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:48px;text-align:center}
.quotePageMain .metricsCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.quotePageMain .metricCardItem{background:linear-gradient(165deg,#1a2029 0%,#0d1117 100%);padding:48px 24px;border-radius:4px;border:1px solid #40a8f01f;transition:border-color .16s ease-out,transform .16s ease-out;position:relative;overflow:hidden}
.quotePageMain .metricCardItem::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:linear-gradient(135deg,transparent 0%,#db350114 100%);transform:translateX(100%);transition:transform .22s cubic-bezier(0.4,0,0.6,1);pointer-events:none}
.quotePageMain .metricCardItem:hover::before{transform:translateX(0)}
.quotePageMain .metricCardItem:hover{border-color:#db350166;transform:translateY(-4px)}
.quotePageMain .metricIconWrapper{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#40a8f014;border-radius:36px;position:relative}
.quotePageMain .metricIconSvg{width:32px;height:32px;fill:none;stroke:#40A8F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quotePageMain .metricNumberDisplay{font-size:52px;line-height:1.1;font-weight:700;text-align:center;color:#40A8F0;margin-bottom:12px}
.quotePageMain .metricLabelText{font-size:14px;line-height:1.75;text-align:center;color:#b8bcc2;text-transform:uppercase;letter-spacing:.06em}
.quotePageMain .processTimelineSection{padding:96px 48px;background:linear-gradient(180deg,transparent 0%,#4d0f270a 50%,transparent 100%);position:relative}
.quotePageMain .processWaveDivider{position:absolute;top:0;left:0;width:100%;height:120px;overflow:hidden}
.quotePageMain .processWaveDivider svg{width:100%;height:100%;display:block}
.quotePageMain .timelineHeadingWrapper{text-align:center;margin-bottom:96px}
.quotePageMain .timelineMainTitle{font-size:37px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}
.quotePageMain .timelineSubtext{font-size:20px;line-height:1.75;color:#b8bcc2;max-width:720px;margin:0 auto}
.quotePageMain .timelineStepsContainer{display:flex;flex-direction:column;gap:48px;max-width:960px;margin:0 auto;position:relative}
.quotePageMain .timelineStepsContainer::before{content:'';position:absolute;left:32px;top:48px;bottom:48px;width:2px;background:linear-gradient(180deg,#40a8f033 0%,#db350133 100%)}
.quotePageMain .stepItemRow{display:flex;gap:24px;align-items:flex-start;position:relative}
.quotePageMain .stepNumberCircle{flex-shrink:0;width:64px;height:64px;border-radius:36px;background:linear-gradient(135deg,#1a2029 0%,#0d1117 100%);border:2px solid #40A8F0;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:700;color:#40A8F0;position:relative;z-index:2;box-shadow:0 4px 18px 1px #40a8f01a}
.quotePageMain .stepContentBox{flex:1;background:#0f141c;padding:24px;border-radius:4px;border:1px solid #40a8f014;transition:border-color .14s ease-out}
.quotePageMain .stepContentBox:hover{border-color:#db35014d}
.quotePageMain .stepTitleText{font-size:20px;line-height:1.1;font-weight:700;margin-bottom:12px;color:#e8eaed}
.quotePageMain .stepDescriptionText{font-size:14px;line-height:1.75;color:#b8bcc2}
.quotePageMain .iconConnectionLine{display:flex;align-items:center;gap:12px;margin-top:12px}
.quotePageMain .connectionIconSmall{width:20px;height:20px;fill:none;stroke:#DB3501;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quotePageMain .dashedConnector{flex:1;height:1px;background-image:repeating-linear-gradient(to right,#db350166 0px,#db350166 4px,transparent 4px,transparent 8px)}
@media (max-width: 1024px) {
.quotePageMain .quoteHeroZone{grid-template-columns:1fr;padding:48px 24px}
.quotePageMain .heroMainHeading{font-size:37px}
.quotePageMain .heroDescription{font-size:14px}
.quotePageMain .metricsHeadingText,.quotePageMain .timelineMainTitle{font-size:27px}
.quotePageMain .pricingMetricsBlock,.quotePageMain .processTimelineSection{padding:48px 24px}
.quotePageMain .timelineStepsContainer::before{display:none}
.quotePageMain .stepItemRow{flex-direction:column}
}
@media (max-width: 768px) {
.quotePageMain{padding:48px 12px}
.quotePageMain .quoteHeroZone{margin-bottom:48px;gap:24px}
.quotePageMain .pricingMetricsBlock{margin-bottom:48px;border-radius:4px}
.quotePageMain .metricsCardsGrid{grid-template-columns:1fr}
.quotePageMain .heroMainHeading{font-size:27px}
.quotePageMain .metricNumberDisplay{font-size:37px}
.quotePageMain .timelineSubtext{font-size:14px}
}
@media (max-width: 375px) {
.quotePageMain .quoteHeroZone,.quotePageMain .pricingMetricsBlock,.quotePageMain .processTimelineSection{padding:24px 12px}
.quotePageMain .heroMainHeading{font-size:20px}
.quotePageMain .metricsHeadingText,.quotePageMain .timelineMainTitle{font-size:20px}
}
.quotePageMain ::selection{background-color:#40A8F0;color:#0a0e14}
.aboutIntroPage{background:linear-gradient(180deg,#0a0d12 0%,#141921 100%);color:#e8eaed;min-height:100vh;position:relative}
.aboutIntroPage .titleHero{max-width:1280px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;position:relative}
.aboutIntroPage .titleHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,#40a8f008 0px,transparent 1px,transparent 48px,#40a8f008 49px),repeating-linear-gradient(90deg,#40a8f008 0px,transparent 1px,transparent 48px,#40a8f008 49px);pointer-events:none;z-index:1}
.aboutIntroPage .txtContentLeft{position:relative;z-index:2}
.aboutIntroPage .txtContentLeft h1{font-size:52px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;color:#fff}
.aboutIntroPage .txtContentLeft .subline{font-size:20px;line-height:1.75;color:#b8bcc2;margin:0 0 12px;max-width:480px}
.aboutIntroPage .txtContentLeft .subline:last-of-type{margin-bottom:0}
.aboutIntroPage .imgAnchor{position:relative;z-index:2;border-radius:4px;overflow:hidden}
.aboutIntroPage .imgAnchor img{width:100%;height:520px;object-fit:cover;display:block;filter:saturate(0.7) brightness(0.85);transition:filter .18s ease-out}
.aboutIntroPage .imgAnchor:hover img{filter:saturate(0.3) brightness(0.7)}
.aboutIntroPage .dividerCurve{width:100%;height:180px;position:relative;overflow:hidden}
.aboutIntroPage .dividerCurve svg{width:100%;height:100%;display:block}
.aboutIntroPage .storySection{background:#0f1319;padding:96px 24px;position:relative}
.aboutIntroPage .storyWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:96px;align-items:start}
.aboutIntroPage .leftAccent{position:sticky;top:96px}
.aboutIntroPage .leftAccent h2{font-size:37px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px;color:#fff}
.aboutIntroPage .verticalBar{width:3px;height:120px;background:linear-gradient(180deg,#4D0F27 0%,#DB3501 100%);margin-top:24px}
.aboutIntroPage .rightContent p{font-size:20px;line-height:1.75;color:#c5c9ce;margin:0 0 24px}
.aboutIntroPage .rightContent p:last-child{margin-bottom:0}
.aboutIntroPage .timelineBlock{background:linear-gradient(180deg,#141921 0%,#0a0d12 100%);padding:96px 24px;position:relative;overflow:hidden}
.aboutIntroPage .timelineBlock::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,#4d0f270a 20px,#4d0f270a 40px),repeating-linear-gradient(-45deg,transparent,transparent 20px,#db35010a 20px,#db35010a 40px);transform:translate(-50%,-50%) rotate(0deg);pointer-events:none;clip-path:none}
.aboutIntroPage .timelineInner{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.aboutIntroPage .timelineInner h2{font-size:37px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 48px;text-align:center;color:#fff}
.aboutIntroPage .timelineTrack{display:flex;gap:48px;align-items:flex-start;position:relative;padding-bottom:48px}
.aboutIntroPage .timelineTrack::before{content:'';position:absolute;top:24px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#4D0F27 20%,#DB3501 50%,#40A8F0 80%,transparent 100%)}
.aboutIntroPage .timelinePoint{flex:1;position:relative;padding-top:48px}
.aboutIntroPage .timelinePoint::before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:36px;background:#0f1319;border:3px solid #40A8F0;z-index:2}
.aboutIntroPage .timelineCard{background:#14192199;border:1px solid #40a8f033;border-radius:4px;padding:24px;transition:border-color .16s ease-out,box-shadow .16s ease-out}
.aboutIntroPage .timelineCard:hover{border-color:#40a8f080;box-shadow:0 9px 52px 1px #40a8f024}
.aboutIntroPage .timelineYear{font-size:27px;line-height:1.1;font-weight:700;color:#40A8F0;margin:0 0 12px}
.aboutIntroPage .timelineDesc{font-size:14px;line-height:1.75;color:#b8bcc2;margin:0}
.aboutIntroPage .teamGrid{background:#0a0d12;padding:96px 24px;position:relative}
.aboutIntroPage .teamContainer{max-width:1280px;margin:0 auto}
.aboutIntroPage .teamContainer h2{font-size:37px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 48px;color:#fff}
.aboutIntroPage .profileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px}
.aboutIntroPage .profileCard{position:relative;overflow:hidden}
.aboutIntroPage .profileImg{width:100%;height:380px;object-fit:cover;display:block;border-radius:4px;filter:saturate(0.8) brightness(0.9);transition:filter .2s cubic-bezier(0.4,0,0.6,1)}
.aboutIntroPage .profileCard:hover .profileImg{filter:saturate(0.2) brightness(0.7)}
.aboutIntroPage .profileInfo{margin-top:24px}
.aboutIntroPage .profileName{font-size:27px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 12px}
.aboutIntroPage .profileRole{font-size:14px;line-height:1.75;color:#40A8F0;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.aboutIntroPage .profileBio{font-size:14px;line-height:1.75;color:#b8bcc2;margin:0}
@media (max-width: 1024px) {
.aboutIntroPage .titleHero{grid-template-columns:1fr;padding:48px 24px;gap:24px}
.aboutIntroPage .imgAnchor img{height:380px}
.aboutIntroPage .storyWrap{grid-template-columns:1fr;gap:48px}
.aboutIntroPage .leftAccent{position:static}
.aboutIntroPage .timelineTrack{flex-direction:column}
.aboutIntroPage .timelineTrack::before{top:0;left:24px;right:auto;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,#4D0F27 20%,#DB3501 50%,#40A8F0 80%,transparent 100%)}
.aboutIntroPage .timelinePoint{padding-top:0;padding-left:48px}
.aboutIntroPage .timelinePoint::before{top:12px;left:15px;transform:none}
}
@media (max-width: 768px) {
.aboutIntroPage .titleHero{padding:48px 12px}
.aboutIntroPage .txtContentLeft h1{font-size:37px}
.aboutIntroPage .txtContentLeft .subline{font-size:14px}
.aboutIntroPage .imgAnchor img{height:280px}
.aboutIntroPage .storySection{padding:48px 12px}
.aboutIntroPage .leftAccent h2{font-size:27px}
.aboutIntroPage .rightContent p{font-size:14px}
.aboutIntroPage .timelineBlock{padding:48px 12px}
.aboutIntroPage .timelineInner h2{font-size:27px}
.aboutIntroPage .teamGrid{padding:48px 12px}
.aboutIntroPage .teamContainer h2{font-size:27px}
.aboutIntroPage .profileGrid{grid-template-columns:1fr}
}
::selection{background:#40A8F0;color:#0a0d12}
.contactHub{background:linear-gradient(165deg,#0a0e14 0%,#12181f 100%);color:#e4e8ec;min-height:100vh;padding:48px 24px}
.contactHub .contentFrame{max-width:1280px;margin:0 auto}
.contactHub .topZone{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:96px}
.contactHub .headingCluster{position:relative;padding:96px 48px;background:linear-gradient(to bottom,#4d0f2708 0%,transparent 100%);border-radius:36px;overflow:hidden}
.contactHub .headingCluster::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;background:radial-gradient(ellipse at top,#40a8f014 0%,transparent 70%);pointer-events:none}
.contactHub .headingCluster::after{content:'';position:absolute;bottom:-50px;left:20%;right:20%;height:150px;background:#db35010a;filter:blur(60px);border-radius:50%;pointer-events:none}
.contactHub .titleMark{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin-bottom:24px;position:relative;z-index:1}
.contactHub .titleMark .accentPunct{color:#DB3501}
.contactHub .leadStatement{font-size:20px;line-height:1.75;color:#b8c2cc;max-width:680px;position:relative;z-index:1}
.contactHub .waveDecor{position:absolute;bottom:0;left:0;right:0;height:80px;overflow:hidden;pointer-events:none}
.contactHub .waveDecor svg{position:absolute;bottom:0;left:0;width:100%;height:80px}
.contactHub .waveDecor path{fill:#40a8f00f}
.contactHub .formSection{background:linear-gradient(135deg,#12181f99 0%,#0a0e14cc 100%);border-radius:36px;padding:48px;box-shadow:0 9px 52px 1px #4d0f2724;border:1px solid #40a8f014}
.contactHub .formTitle{font-size:27px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;color:#40A8F0}
.contactHub .formSubline{font-size:14px;line-height:1.75;color:#8a9aa8;margin-bottom:48px}
.contactHub .categoryRadioSet{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.contactHub .radioWrap input[type="radio"]{display:none}
.contactHub .radioLabel{display:inline-block;padding:12px 24px;font-size:14px;line-height:1.1;border:1px solid #40a8f033;border-radius:36px;color:#b8c2cc;cursor:pointer;transition:all .18s cubic-bezier(0.4,0,0.6,1);background:transparent}
.contactHub .radioWrap input[type="radio"]:checked + .radioLabel{background:#40a8f01f;border-color:#40A8F0;color:#40A8F0}
.contactHub .radioLabel:hover{border-color:#40A8F0;transform:translateY(-2px)}
.contactHub .inputGrid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}
.contactHub .fieldWrapper{display:flex;flex-direction:column;gap:12px}
.contactHub .fieldLabel{font-size:13px;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;color:#8a9aa8;font-weight:600}
.contactHub .textInput,.contactHub .textArea{width:100%;padding:12px 24px;font-size:14px;line-height:1.75;background:#0a0e1499;border:1px solid #40a8f026;border-radius:4px;color:#e4e8ec;transition:border-color .16s ease-out,box-shadow .16s ease-out;box-shadow:inset 0 1px 3px 1px #4d0f270f}
.contactHub .textInput::placeholder,.contactHub .textArea::placeholder{color:#5a6a78}
.contactHub .textInput:focus,.contactHub .textArea:focus{outline:none;border-color:#40A8F0;box-shadow:inset 0 1px 3px 1px #4d0f270f 0 0 0 3px #40a8f01a}
.contactHub .textArea{min-height:140px;resize:vertical}
.contactHub .privacyCheckContainer{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
.contactHub .checkboxInput{width:20px;height:20px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#40A8F0}
.contactHub .privacyText{font-size:13px;line-height:1.75;color:#8a9aa8}
.contactHub .privacyText a{color:#40A8F0;text-decoration:none;transition:color .14s ease-out}
.contactHub .privacyText a:hover{color:#DB3501;text-decoration:underline}
.contactHub .submitBtn{width:100%;padding:12px 48px;font-size:14px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:transparent;color:#40A8F0;border:2px solid #40A8F0;border-radius:4px;cursor:pointer;transition:background .18s cubic-bezier(0.4,0,0.6,1),color .18s cubic-bezier(0.4,0,0.6,1);position:relative;overflow:hidden}
.contactHub .submitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#40A8F0;transition:left .22s cubic-bezier(0.4,0,0.6,1);z-index:-1}
.contactHub .submitBtn:hover::before{left:0}
.contactHub .submitBtn:hover{color:#0a0e14}
.contactHub .infoPanel{background:#0a0e1466;border-radius:4px;padding:48px;border-left:4px solid #DB3501;position:relative}
.contactHub .infoPanelTitle{font-size:20px;line-height:1.1;font-weight:700;margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em}
.contactHub .detailsFlow{display:flex;flex-direction:column;gap:24px}
.contactHub .detailItem{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #40a8f014;transition:all .16s ease-out}
.contactHub .detailItem:hover{padding-left:12px;border-bottom-color:#40a8f033}
.contactHub .iconCircle{width:36px;height:36px;border-radius:36px;background:#40a8f014;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s ease-out}
.contactHub .detailItem:hover .iconCircle{background:#40a8f029}
.contactHub .iconCircle svg{width:18px;height:18px;fill:#40A8F0}
.contactHub .detailContent{display:flex;flex-direction:column;gap:4px}
.contactHub .detailLabel{font-size:13px;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;color:#5a6a78;font-weight:600}
.contactHub .detailValue{font-size:14px;line-height:1.75;color:#e4e8ec}
.contactHub .detailValue a{color:#e4e8ec;text-decoration:none;transition:color .14s ease-out}
.contactHub .detailValue a:hover{color:#40A8F0}
.contactHub .processFlow{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding:48px 24px;background:linear-gradient(90deg,transparent 0%,#40a8f008 50%,transparent 100%);border-radius:4px;position:relative}
.contactHub .processFlow::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#40a8f033 20%,#40a8f033 80%,transparent 100%);transform:translateY(-50%);z-index:0}
.contactHub .processStep{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;flex:1;max-width:180px}
.contactHub .stepNumber{width:48px;height:48px;border-radius:36px;background:linear-gradient(135deg,#40a8f033 0%,#db350133 100%);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1.1;font-weight:700;color:#40A8F0;border:2px solid #40a8f066}
.contactHub .stepLabel{font-size:13px;line-height:1.75;text-align:center;color:#b8c2cc;font-weight:600}
.contactHub .arrowConnector{width:24px;height:24px;position:relative;flex-shrink:0}
.contactHub .arrowConnector svg{width:100%;height:100%;fill:#40a8f066}
@media (min-width: 768px) {
.contactHub{padding:96px 48px}
.contactHub .topZone{grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.contactHub .inputGrid{grid-template-columns:repeat(2,1fr)}
.contactHub .fieldWrapper.spanFull{grid-column:1 / -1}
.contactHub .submitBtn{width:auto;min-width:280px}
}
@media (min-width: 1024px) {
.contactHub .titleMark{font-size:52px}
.contactHub .formSection{padding:48px}
}
@media (max-width: 767px) {
.contactHub .headingCluster{padding:48px 24px}
.contactHub .titleMark{font-size:37px}
.contactHub .formSection{padding:24px}
.contactHub .infoPanel{padding:24px}
.contactHub .processFlow{flex-direction:column;gap:24px;padding:24px 12px}
.contactHub .processFlow::before{display:none}
.contactHub .arrowConnector{transform:rotate(90deg)}
.contactHub .processStep{max-width:100%}
}
.frontpage-hm{background:#0f1318;color:#e4e6e9;min-height:100vh}
.frontpage-hm .topBannerWrap{max-width:1280px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;position:relative;overflow:hidden}
.frontpage-hm .diagonalStripeBack{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background:repeating-linear-gradient(45deg,#4D0F27,#4D0F27 12px,transparent 12px,transparent 36px);z-index:0}
.frontpage-hm .txtZoneLeft{position:relative;z-index:1}
.frontpage-hm .smallEyebrow{font-size:13px;line-height:1.75;color:#40A8F0;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:12px}
.frontpage-hm .mainTitle1{font-size:52px;line-height:1.1;font-weight:700;color:#fff;margin:0}
.frontpage-hm .imgColumnRight{position:relative;height:280px;border-radius:4px;overflow:hidden}
.frontpage-hm .imgColumnRight img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .18s ease-out}
.frontpage-hm .imgColumnRight:hover img{filter:grayscale(100%)}
.frontpage-hm .gradientOverlayImg{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#0f1318eb,transparent);pointer-events:none}
.frontpage-hm .curvedDivider1{width:100%;height:48px;background:#0f1318}
.frontpage-hm .curvedDivider1 svg{display:block;width:100%;height:100%}
.frontpage-hm .svc-grid-section{background:linear-gradient(135deg,#1a1f28 0%,#0f1318 100%);padding:96px 24px}
.frontpage-hm .sectionInnerWrap{max-width:1280px;margin:0 auto}
.frontpage-hm .sectionHead2{font-size:37px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 48px;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.frontpage-hm .serviceCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.frontpage-hm .serviceCard1{background:#4d0f2714;border:1px solid #4d0f2733;border-radius:36px;padding:24px;transition:border-color .16s ease-out,box-shadow .16s ease-out;position:relative}
.frontpage-hm .serviceCard1:hover{border-color:#4d0f2780;box-shadow:0 4px 18px 1px #4d0f271a}
.frontpage-hm .iconCircle{width:52px;height:52px;border-radius:36px;background:#40a8f01f;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.frontpage-hm .iconCircle svg{width:24px;height:24px;fill:#40A8F0}
.frontpage-hm .cardHead3{font-size:20px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 12px}
.frontpage-hm .cardBodyText{font-size:14px;line-height:1.75;color:#b8bcc2;margin:0}
.frontpage-hm .twoColumnFeature{background:#0f1318;padding:96px 24px}
.frontpage-hm .featureGrid2{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.frontpage-hm .textFormatCol{padding-right:24px}
.frontpage-hm .featureHead4{font-size:37px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 24px}
.frontpage-hm .featureBodyP1{font-size:14px;line-height:1.75;color:#d1d4d9;margin:0 0 12px}
.frontpage-hm .featureBodyP2{font-size:14px;line-height:1.75;color:#d1d4d9;margin:0}
.frontpage-hm .visualFormatCol{position:relative}
.frontpage-hm .imgWrap2{width:100%;height:420px;border-radius:4px;overflow:hidden;border:1px solid #db350133;box-shadow:0 9px 52px 1px #db350124}
.frontpage-hm .imgWrap2 img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .22s cubic-bezier(0.4,0,0.6,1)}
.frontpage-hm .imgWrap2:hover img{filter:grayscale(80%)}
.frontpage-hm .curvedDivider2{width:100%;height:48px;background:#0f1318;transform:rotate(180deg)}
.frontpage-hm .curvedDivider2 svg{display:block;width:100%;height:100%}
.frontpage-hm .diagonalSplitSection{position:relative;padding:96px 24px;overflow:hidden;background:linear-gradient(120deg,#1a1f28 0%,#1a1f28 50%,#0f1318 50%,#0f1318 100%)}
.frontpage-hm .splitContentWrap{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.frontpage-hm .splitHead5{font-size:37px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 48px;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.frontpage-hm .blockLayoutGrid{display:grid;grid-template-columns:400px 1fr;gap:48px;align-items:start}
.frontpage-hm .largeTextBlock{background:#40a8f00f;border:1px solid #40a8f026;border-radius:4px;padding:48px 24px}
.frontpage-hm .blockHeadLarge{font-size:27px;line-height:1.1;font-weight:700;color:#40A8F0;margin:0 0 24px}
.frontpage-hm .blockBodyLarge{font-size:14px;line-height:1.75;color:#d1d4d9;margin:0}
.frontpage-hm .smallBlocksCluster{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.frontpage-hm .smallBlockItem{background:#db350114;border:1px solid #db350133;border-radius:36px;padding:24px;transition:transform .14s ease-out}
.frontpage-hm .smallBlockItem:hover{transform:translateY(-4px)}
.frontpage-hm .smallBlockHead{font-size:20px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 12px}
.frontpage-hm .smallBlockText{font-size:13px;line-height:1.75;color:#b8bcc2;margin:0}
.frontpage-hm .interactiveMetricArea{background:#0f1318;padding:96px 24px}
.frontpage-hm .metricAreaWrap{max-width:1280px;margin:0 auto}
.frontpage-hm .metricHead6{font-size:37px;line-height:1.1;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.frontpage-hm .metricCardsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.frontpage-hm .metricCard{background:linear-gradient(135deg,#4d0f2726 0%,transparent 100%);border:2px solid transparent;border-radius:4px;padding:48px 24px;text-align:center;transition:border-color .12s ease-out,box-shadow .12s ease-out;cursor:pointer;position:relative}
.frontpage-hm .metricCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;padding:2px;background:linear-gradient(135deg,#4D0F27,#DB3501);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .16s ease-out;pointer-events:none}
.frontpage-hm .metricCard:hover::before{opacity:1}
.frontpage-hm .metricCard:hover{box-shadow:0 9px 52px 1px #4d0f2724}
.frontpage-hm .metricNumber{font-size:52px;line-height:1.1;font-weight:700;color:#DB3501;margin:0 0 12px;display:block}
.frontpage-hm .metricLabel{font-size:14px;line-height:1.75;color:#b8bcc2;text-transform:uppercase;letter-spacing:.06em;margin:0}
.frontpage-hm .galleryImages{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.frontpage-hm .galleryImgWrap{height:240px;border-radius:4px;overflow:hidden;border:1px solid #40a8f026}
.frontpage-hm .galleryImgWrap img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .19s cubic-bezier(0.4,0,0.6,1)}
.frontpage-hm .galleryImgWrap:hover img{filter:grayscale(90%)}
.frontpage-hm ::selection{background:#40A8F0;color:#0f1318}
@media (max-width: 1024px) {
.frontpage-hm .topBannerWrap{grid-template-columns:1fr;gap:24px}
.frontpage-hm .imgColumnRight{height:220px}
.frontpage-hm .mainTitle1{font-size:37px}
.frontpage-hm .featureGrid2{grid-template-columns:1fr;gap:24px}
.frontpage-hm .textFormatCol{padding-right:0}
.frontpage-hm .imgWrap2{height:320px}
.frontpage-hm .blockLayoutGrid{grid-template-columns:1fr;gap:24px}
.frontpage-hm .metricCardsRow{grid-template-columns:1fr}
.frontpage-hm .galleryImages{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.frontpage-hm .topBannerWrap{padding:24px 12px}
.frontpage-hm .mainTitle1{font-size:27px}
.frontpage-hm .svc-grid-section{padding:48px 12px}
.frontpage-hm .sectionHead2{font-size:27px;margin-bottom:24px}
.frontpage-hm .serviceCardGrid{grid-template-columns:1fr}
.frontpage-hm .twoColumnFeature{padding:48px 12px}
.frontpage-hm .featureHead4{font-size:27px}
.frontpage-hm .diagonalSplitSection{padding:48px 12px;background:#1a1f28}
.frontpage-hm .splitHead5{font-size:27px;margin-bottom:24px}
.frontpage-hm .smallBlocksCluster{grid-template-columns:1fr}
.frontpage-hm .interactiveMetricArea{padding:48px 12px}
.frontpage-hm .metricHead6{font-size:27px;margin-bottom:24px}
.frontpage-hm .metricNumber{font-size:37px}
}
@media (max-width: 375px) {
.frontpage-hm .mainTitle1{font-size:20px}
.frontpage-hm .sectionHead2,.frontpage-hm .featureHead4,.frontpage-hm .splitHead5,.frontpage-hm .metricHead6{font-size:20px}
.frontpage-hm .blockHeadLarge{font-size:20px}
}
.servicesMainWrap{background:#0f1419;color:#e8eaed;min-height:100vh}
.servicesMainWrap .heroBox{max-width:1280px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.servicesMainWrap .heroImgCell{grid-column:1 / 3;grid-row:1 / 3;position:relative;overflow:hidden;border-radius:36px;background:#1a1f26}
.servicesMainWrap .heroImgCell::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 48px,#40a8f008 48px,#40a8f008 96px);pointer-events:none;z-index:1}
.servicesMainWrap .heroImgFrame{width:100%;height:100%;display:block;object-fit:cover;transition:filter .18s ease-out}
.servicesMainWrap .heroImgCell::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom,transparent,#0f1419cc);pointer-events:none;z-index:1}
.servicesMainWrap .heroImgCell:hover .heroImgFrame{filter:sepia(0.4) hue-rotate(-10deg) saturate(1.3)}
.servicesMainWrap .heroTxtCell{grid-column:3 / 4;grid-row:1 / 2;display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(135deg,#4d0f2714 0%,transparent 100%);border-radius:36px}
.servicesMainWrap .heroTitleTxt{font-size:37px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 24px}
.servicesMainWrap .heroActionCell{grid-column:3 / 4;grid-row:2 / 3;display:flex;align-items:center;justify-content:center;padding:24px;background:#1a1f2666;border-radius:36px}
.servicesMainWrap .heroActionLink{display:inline-block;padding:12px 48px;border:2px solid #40A8F0;border-radius:4px;color:#40A8F0;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .16s ease-out}
.servicesMainWrap .heroActionLink::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#40A8F0;transition:left .22s cubic-bezier(0.4,0,0.6,1);z-index:-1}
.servicesMainWrap .heroActionLink:hover{color:#0f1419}
.servicesMainWrap .heroActionLink:hover::before{left:0}
.servicesMainWrap .offeringWrap{background:linear-gradient(180deg,transparent 0%,#4d0f270f 100%);border-top:2px dashed #db35014d;border-bottom:2px dashed #40a8f04d;padding:96px 24px}
.servicesMainWrap .offeringInner{max-width:1280px;margin:0 auto}
.servicesMainWrap .offeringLabelTxt{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#40A8F0;margin:0 0 12px;font-weight:700}
.servicesMainWrap .offeringMainTitle{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 48px;text-transform:uppercase}
.servicesMainWrap .offeringGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin-bottom:48px}
.servicesMainWrap .offeringCardBox{background:#1a1f2699;border-radius:4px;padding:48px;position:relative;overflow:hidden;transition:box-shadow .19s ease-out}
.servicesMainWrap .offeringCardBox:hover{box-shadow:0 9px 52px 1px #4d0f2724}
.servicesMainWrap .offeringCardBox::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,#db350114,transparent 70%);pointer-events:none}
.servicesMainWrap .offeringCardTitle{font-size:27px;line-height:1.1;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}
.servicesMainWrap .offeringCardDesc{font-size:14px;line-height:1.75;margin:0;color:#b8bcc2}
.servicesMainWrap .offeringWideCard{grid-column:1 / 2}
.servicesMainWrap .offeringDetailWrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.servicesMainWrap .offeringFeatureGroup{background:#1a1f264d;padding:48px;border-radius:4px;border-left:3px solid #40a8f066}
.servicesMainWrap .offeringFeatureGroupTitle{font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0 0 24px;color:#DB3501}
.servicesMainWrap .offeringFeatureList{list-style:none;padding:0;margin:0}
.servicesMainWrap .offeringFeatureItem{font-size:14px;line-height:1.75;margin:0 0 12px;padding-left:24px;position:relative;color:#d1d4d8}
.servicesMainWrap .offeringFeatureItem::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#40A8F0;border-radius:50%}
.servicesMainWrap .offeringFeatureItem:last-child{margin-bottom:0}
.servicesMainWrap .offeringImageSection{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.servicesMainWrap .offeringImgBox{position:relative;overflow:hidden;border-radius:4px;height:380px}
.servicesMainWrap .offeringImgFrame{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s ease-out}
.servicesMainWrap .offeringImgBox:hover .offeringImgFrame{filter:sepia(0.3) hue-rotate(-5deg) saturate(1.2)}
.servicesMainWrap .offeringImgBox::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#40a8f01f 100%);opacity:0;transition:opacity .2s ease-out;pointer-events:none}
.servicesMainWrap .offeringImgBox:hover::after{opacity:1}
.servicesMainWrap ::selection{background:#40A8F0;color:#0f1419}
@media (max-width: 1024px) {
.servicesMainWrap .heroBox{grid-template-columns:1fr 1fr;padding:48px 24px}
.servicesMainWrap .heroImgCell{grid-column:1 / 3;grid-row:1 / 2}
.servicesMainWrap .heroTxtCell{grid-column:1 / 2;grid-row:2 / 3}
.servicesMainWrap .heroActionCell{grid-column:2 / 3;grid-row:2 / 3}
.servicesMainWrap .offeringGrid{grid-template-columns:1fr 1fr}
.servicesMainWrap .offeringWideCard{grid-column:1 / 3}
.servicesMainWrap .offeringDetailWrap{grid-template-columns:1fr}
.servicesMainWrap .offeringImageSection{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.servicesMainWrap .heroBox{grid-template-columns:1fr;padding:48px 12px;gap:12px}
.servicesMainWrap .heroImgCell{grid-column:1 / 2;grid-row:1 / 2;height:340px}
.servicesMainWrap .heroTxtCell{grid-column:1 / 2;grid-row:2 / 3}
.servicesMainWrap .heroActionCell{grid-column:1 / 2;grid-row:3 / 4}
.servicesMainWrap .heroTitleTxt{font-size:27px}
.servicesMainWrap .offeringWrap{padding:48px 12px}
.servicesMainWrap .offeringMainTitle{font-size:37px}
.servicesMainWrap .offeringGrid{grid-template-columns:1fr}
.servicesMainWrap .offeringWideCard{grid-column:1 / 2}
.servicesMainWrap .offeringCardBox{padding:24px}
.servicesMainWrap .offeringFeatureGroup{padding:24px}
.servicesMainWrap .offeringImgBox{height:280px}
}
@media (max-width: 375px) {
.servicesMainWrap .heroActionLink{padding:12px 24px;font-size:13px}
.servicesMainWrap .offeringCardTitle{font-size:20px}
}
.successConfirmation{background:linear-gradient(165deg,#0a0d12 0%,#131820 100%);color:#e8eaed;min-height:100vh;display:flex;flex-direction:column;padding:48px 24px}
.successConfirmation .wrapContent{max-width:1280px;margin:0 auto;width:100%}
.statusHd{text-align:center;padding:96px 24px 48px}
.iconCheckmark{width:84px;height:84px;margin:0 auto 24px;position:relative}
.iconCheckmark svg{width:100%;height:100%;stroke:#40A8F0;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .72s cubic-bezier(0.4,0,0.6,1) forwards}
@keyframes drawCheck {
0%{stroke-dasharray:200;stroke-dashoffset:200}
100%{stroke-dasharray:200;stroke-dashoffset:0}
}
.statusHd h1{font-size:52px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;text-transform:uppercase;font-weight:700;color:#fff}
.statusHd .sublineMsg{font-size:20px;line-height:1.75;color:#b4b8c1;margin:0;max-width:640px;margin-left:auto;margin-right:auto}
.dividerShape{width:100%;height:48px;overflow:hidden;margin:48px 0}
.dividerShape svg{width:100%;height:100%;display:block}
.nextStepsGrid{background:linear-gradient(135deg,#4d0f2714 0%,transparent 100%);border:1px solid #40a8f01f;border-radius:4px;padding:48px;max-width:920px;margin:0 auto;position:relative}
.nextStepsGrid::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#DB3501 0%,#4D0F27 100%)}
.nextStepsGrid h2{font-size:37px;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 24px;color:#fff}
.stepsLayout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.stepCard{background:#13182099;border:1px solid #40a8f024;border-radius:4px;padding:24px;transition:border-color .18s cubic-bezier(0.4,0,0.6,1),transform .18s cubic-bezier(0.4,0,0.6,1)}
.stepCard:hover{border-color:#40a8f052;transform:translateY(-2px)}
.stepNum{display:inline-block;width:36px;height:36px;border-radius:36px;background:linear-gradient(135deg,#4D0F27 0%,#DB3501 100%);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.stepCard h3{font-size:20px;line-height:1.1;font-weight:700;margin:0 0 12px;color:#fff}
.stepCard p{font-size:14px;line-height:1.75;margin:0;color:#b4b8c1}
.stepCard p:not(:last-child){margin-bottom:12px}
.contactDetails{margin-top:24px;padding-top:24px;border-top:1px solid #40a8f01f}
.contactLine{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;line-height:1.75;color:#b4b8c1}
.contactLine:last-child{margin-bottom:0}
.contactIcon{width:20px;height:20px;flex-shrink:0}
.contactIcon svg{width:100%;height:100%;stroke:#40A8F0;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contactLine a{color:#40A8F0;text-decoration:none;transition:color .14s ease-out;position:relative}
.contactLine a:hover{color:#fff}
.contactLine a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .18s cubic-bezier(0.4,0,0.6,1)}
.contactLine a:hover::after{width:100%}
.actionBtWrap{text-align:center;margin-top:48px}
.bt-home{display:inline-block;padding:12px 48px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:transparent;border:2px solid #40A8F0;border-radius:4px;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out;position:relative;overflow:hidden}
.bt-home::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#40A8F0;transition:left .22s cubic-bezier(0.4,0,0.6,1);z-index:-1}
.bt-home:hover{border-color:#40A8F0}
.bt-home:hover::before{left:0}
@media (max-width: 1024px) {
.statusHd h1{font-size:37px}
.nextStepsGrid{padding:24px}
.nextStepsGrid h2{font-size:27px}
.stepsLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.successConfirmation{padding:24px 12px}
.statusHd{padding:48px 12px 24px}
.statusHd h1{font-size:27px}
.statusHd .sublineMsg{font-size:14px}
.iconCheckmark{width:64px;height:64px}
.nextStepsGrid{padding:24px 12px}
.nextStepsGrid h2{font-size:20px}
.bt-home{padding:12px 24px;font-size:13px}
}
@media (max-width: 375px) {
.stepCard{padding:12px}
}
.successConfirmation ::selection{background:#40A8F0;color:#0a0d12}