*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Literata',Georgia,serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;background-color:#fafaf9;color:#03010B;overflow-x:hidden}
::selection{background:#d6d6d4;color:#03010B}
:focus-visible{outline:none;border-color:#5BB5F1;background-color:#5bb5f112}
.site-header{position:relative;background:#03010B;overflow:hidden}
.site-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5bb5f12e 0%,transparent 55%,#ff930b1a 100%);pointer-events:none}
.site-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#5BB5F1 0%,#FF930B 50%,#5BB5F1 100%);pointer-events:none}
.header-top-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:32px 56px 16px;gap:32px}
.logo-wrapper{display:flex;align-items:center;gap:16px;flex-shrink:0}
.logo-img-box{width:48px;height:48px;border-radius:2px;background-color:#ffffff1f;border:1px solid #5bb5f159;box-shadow:0 0 0 2px #5bb5f126 0 3px 3px 0 #03010b14;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo-img-box img{width:38px;height:38px;object-fit:contain;display:block}
.BrandName{font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#fff}
.BrandName span{color:#5BB5F1}
.header-tagline{font-size:15px;font-weight:400;color:#ffffff85;line-height:1.6;letter-spacing:.01em;text-align:right;max-width:340px}
.header-nav-row{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:0 56px 32px}
.MainNav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #5bb5f126}
.MainNav li{margin:0}
.MainNav li a{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#ffffffc7;text-decoration:none;padding:8px 16px;border-radius:2px;border:1px solid transparent;transition:color .15s ease-out,border-color .18s ease-out,background-color .15s ease-out;white-space:nowrap;min-height:44px}
.MainNav li a:hover{color:#fff;border-color:#5bb5f14d;background-color:#5bb5f114}
.MainNav li a.nav-active{color:#5BB5F1;border-color:#5bb5f166;background-color:#5bb5f11a}
.MainNav li a i{font-size:18px;color:#FF930B;flex-shrink:0}
.site-footer{background:#f2f1ef;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF930B 0%,#5BB5F1 100%);pointer-events:none}
.FooterInner{max-width:1440px;margin:0 auto;padding:56px 56px 32px;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:56px;align-items:start}
.FooterContactBlock{display:flex;flex-direction:column;gap:16px}
.FooterHeading{font-size:23px;font-weight:700;color:#03010B;line-height:1.2;letter-spacing:-.02em}
.FooterHeading span{color:#5BB5F1}
.FooterDesc{font-size:15px;color:#03010b9e;line-height:1.6;max-width:380px}
.ContactList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ContactList li{display:flex;align-items:center;gap:8px;font-size:15px;color:#03010B;line-height:1.6}
.ContactList li i{font-size:18px;color:#5BB5F1;flex-shrink:0}
.ContactList li a{color:#03010B;text-decoration:none;transition:color .12s ease-out}
.ContactList li a:hover{color:#5BB5F1}
.FooterNavBlock{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.FooterNavLabel{font-size:15px;font-weight:700;color:#03010b73;letter-spacing:.06em;text-transform:uppercase}
.FooterLinkList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.FooterLinkList li a{font-size:15px;color:#03010bb3;text-decoration:none;border-bottom:1px solid transparent;transition:color .12s ease-out,border-color .16s ease-out;padding-bottom:2px}
.FooterLinkList li a:hover{color:#03010B;border-color:#FF930B}
.FooterBottom{max-width:1440px;margin:0 auto;padding:16px 56px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #03010b1a}
.CopyrightText{font-size:15px;color:#03010b73;line-height:1.6}
.FooterLogoBox{width:44px;height:44px;border-radius:2px;background-color:#fff;border:1px solid #03010b1f;box-shadow:0 3px 3px 0 #03010b14 inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #03010b0f;display:flex;align-items:center;justify-content:center;overflow:hidden}
.FooterLogoBox img{width:34px;height:34px;object-fit:contain;display:block}
@media (max-width: 1024px) {
.header-top-row{padding:32px 32px 16px}
.header-nav-row{padding:0 32px 32px}
.FooterInner{padding:56px 32px 32px;gap:32px}
.FooterBottom{padding:16px 32px 32px}
}
@media (max-width: 768px) {
.header-top-row{padding:16px;flex-wrap:wrap;gap:16px}
.header-tagline{text-align:left;max-width:100%}
.header-nav-row{padding:0 16px 16px}
.MainNav{gap:8px}
.MainNav li a{font-size:15px;padding:8px}
.FooterInner{grid-template-columns:1fr;padding:32px 16px;gap:32px}
.FooterBottom{padding:16px 16px 32px;flex-direction:column;align-items:flex-start}
}
@media (max-width: 320px) {
.BrandName{font-size:18px}
.header-tagline{display:none}
.MainNav li a{padding:8px;gap:8px}
}
.rules-ggur-text{max-width:800px;margin:0 auto;padding:56px 32px;color:#03010B;line-height:1.9;font-size:18px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.rules-ggur-text ul,.rules-ggur-text ol{margin:16px 0 32px;padding-left:32px}
.rules-ggur-text ul{list-style:none;padding-left:0}
.rules-ggur-text ul li{padding-left:32px;position:relative}
.rules-ggur-text ul li::before{content:"";position:absolute;left:8px;top:14px;width:6px;height:6px;border-radius:50%;background-color:#5BB5F1}
.rules-ggur-text ol{list-style:decimal}
.rules-ggur-text ol li{padding-left:8px}
.rules-ggur-text li{font-size:18px;line-height:1.9;color:#03010B;margin-bottom:8px}
.rules-ggur-text li:last-child{margin-bottom:0}
.rules-ggur-text ul ul,.rules-ggur-text ol ol,.rules-ggur-text ul ol,.rules-ggur-text ol ul{margin:8px 0}
.rules-ggur-text strong,.rules-ggur-text b{font-weight:700;color:#03010B}
.rules-ggur-text em,.rules-ggur-text i{font-style:italic;color:#1a1830}
.rules-ggur-text a{color:#5BB5F1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease-out,text-decoration-color .15s ease-out}
.rules-ggur-text a:hover{color:#FF930B;text-decoration-color:#FF930B}
.rules-ggur-text a:visited{color:#4a9fd4}
.rules-ggur-text table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;line-height:1.6;border-radius:2px;overflow:hidden;box-shadow:0 3px 3px 0 #03010b14}
.rules-ggur-text thead{background-color:#03010B;color:#fff}
.rules-ggur-text thead th{padding:16px;text-align:left;font-size:15px;font-weight:700;letter-spacing:-.01em;color:#fff;border:none}
.rules-ggur-text tbody tr{border-bottom:1px solid #5bb5f12e;transition:background-color .12s ease-out}
.rules-ggur-text tbody tr:last-child{border-bottom:none}
.rules-ggur-text tbody tr:nth-child(even){background-color:#5bb5f10d}
.rules-ggur-text tbody tr:hover{background-color:#5bb5f11a}
.rules-ggur-text td{padding:16px;font-size:15px;line-height:1.6;color:#03010B;border:none;vertical-align:top}
.rules-ggur-text th{padding:16px}
@media (max-width: 768px) {
.rules-ggur-text{padding:32px 16px;font-size:15px}
.rules-ggur-text li{font-size:15px}
.rules-ggur-text table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rules-ggur-text thead th,.rules-ggur-text td{padding:8px 16px;white-space:nowrap}
}
@media (max-width: 320px) {
.rules-ggur-text{padding:32px 8px}
.rules-ggur-text ul,.rules-ggur-text ol{padding-left:16px}
.rules-ggur-text ul li{padding-left:24px}
}
.post-page-wrapper{background:#fff;max-width:1440px;margin:0 auto;overflow:hidden}
.post-page-wrapper .progress-bar-wrapper{position:fixed;top:0;left:0;width:100%;height:4px;background:#03010b14;z-index:9999}
.post-page-wrapper .progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#5BB5F1,#FF930B);transition:width .1s ease-out;border-radius:0 2px 2px 0}
.post-page-wrapper .PostHeroSection{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.post-page-wrapper .HeroTextZone{background:#03010B;padding:96px 56px;display:flex;flex-direction:column;justify-content:center;position:relative}
.post-page-wrapper .HeroTextZone::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#5bb5f11f 0%,transparent 55%),radial-gradient(circle at 80% 80%,#ff930b14 0%,transparent 50%);pointer-events:none}
.post-page-wrapper .PostCategoryLabel{display:inline-flex;align-items:center;gap:8px;background:#5bb5f126;border:1px solid #5bb5f14d;border-radius:2px;padding:8px 16px;margin-bottom:32px;width:fit-content}
.post-page-wrapper .PostCategoryLabel span{font-size:15px;color:#5BB5F1;letter-spacing:.06em;font-weight:600}
.post-page-wrapper .PostMainTitle{font-size:43px;line-height:1.2;color:#fff;letter-spacing:-.02em;margin:0 0 32px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.post-page-wrapper .PostMetaRow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.post-page-wrapper .MetaItem{display:flex;align-items:center;gap:8px;font-size:15px;color:#ffffff8c}
.post-page-wrapper .MetaItem svg{flex-shrink:0}
.post-page-wrapper .MetaDot{width:3px;height:3px;background:#ffffff40;border-radius:50%}
.post-page-wrapper .HeroImageZone{background:#03010B;overflow:hidden}
.post-page-wrapper .HeroImageZone img{width:100%;height:100%;object-fit:cover;display:block;border-left:1px solid #5bb5f133;transition:transform .2s ease-out}
.post-page-wrapper .HeroImageZone:hover img{transform:scale(1.02)}
.post-page-wrapper .PostContentArea{display:grid;grid-template-columns:1fr 300px;gap:56px;padding:96px 56px;align-items:start}
.post-page-wrapper .ArticleBody{min-width:0}
.post-page-wrapper .ArticleBody p{font-size:18px;line-height:1.9;color:#2a2835;margin:0 0 32px;-webkit-font-smoothing:subpixel-antialiased;text-rendering:geometricPrecision}
.post-page-wrapper .ArticleBody h2{font-size:31px;line-height:1.2;letter-spacing:-.02em;margin:56px 0 16px;background:linear-gradient(135deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-font-smoothing:subpixel-antialiased;text-rendering:geometricPrecision}
.post-page-wrapper .ArticleBody h3{font-size:23px;line-height:1.2;letter-spacing:-.01em;color:#03010B;margin:32px 0 16px;-webkit-font-smoothing:subpixel-antialiased;text-rendering:geometricPrecision}
.post-page-wrapper .ArticleBody code{font-size:15px;background:#f4f4f8;border:1px solid #03010b14;border-radius:2px;padding:2px 8px;color:#5BB5F1;font-family:monospace}
.post-page-wrapper .ArticleBody pre{background:#03010B;border-radius:2px;padding:32px;overflow-x:auto;margin:32px 0;box-shadow:0 4px 18px 0 #03010b1c}
.post-page-wrapper .ArticleBody pre code{background:none;border:none;padding:0;color:#5BB5F1;font-size:15px}
.post-page-wrapper .ArticleBody ol{padding-left:32px;margin:0 0 32px}
.post-page-wrapper .ArticleBody ol li{font-size:18px;line-height:1.9;color:#2a2835;margin-bottom:8px;padding-left:8px}
.post-page-wrapper .ArticleBody ol li::marker{color:#FF930B;font-weight:700}
.post-page-wrapper .ArticleBody table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;box-shadow:0 3px 3px 0 #03010b14;border-radius:2px;overflow:hidden}
.post-page-wrapper .ArticleBody thead{background:#03010B;color:#fff}
.post-page-wrapper .ArticleBody thead td,.post-page-wrapper .ArticleBody thead th{padding:16px;text-align:left;font-weight:600;font-size:15px;letter-spacing:.04em}
.post-page-wrapper .ArticleBody tbody tr{border-bottom:1px solid #03010b0f;transition:background .15s ease-out}
.post-page-wrapper .ArticleBody tbody tr:hover{background:#5bb5f10d}
.post-page-wrapper .ArticleBody tbody td{padding:16px;color:#2a2835;line-height:1.6}
.post-page-wrapper .ArticleBody caption{font-size:15px;color:#03010b80;text-align:left;padding:8px 0;caption-side:bottom}
.post-page-wrapper .ArticleBody figure{margin:32px 0}
.post-page-wrapper .ArticleBody figure img{width:100%;border-radius:2px;border:1px solid #03010b1a;display:block;box-shadow:0 4px 18px 0 #03010b1c}
.post-page-wrapper .ArticleBody figcaption{font-size:15px;color:#03010b80;margin-top:8px;line-height:1.6}
.post-page-wrapper .PostSidebar{position:sticky;top:32px;display:flex;flex-direction:column;gap:32px}
.post-page-wrapper .SidebarBlock{background:#f7f7fb;border-radius:2px;padding:32px;box-shadow:0 3px 3px 0 #03010b14}
.post-page-wrapper .SidebarBlock .SidebarBlockTitle{font-size:15px;font-weight:700;letter-spacing:.06em;color:#03010B;margin:0 0 16px;text-transform:uppercase}
.post-page-wrapper .ReadTimeBlock{background:linear-gradient(135deg,#03010B 0%,#1a1830 100%);border-radius:2px;padding:32px;position:relative;overflow:hidden}
.post-page-wrapper .ReadTimeBlock::before{content:'';position:absolute;top:-32px;right:-32px;width:96px;height:96px;border:2px solid #5bb5f126;border-radius:50%;pointer-events:none}
.post-page-wrapper .ReadTimeBlock::after{content:'';position:absolute;bottom:-16px;right:16px;width:56px;height:56px;border:2px solid #ff930b1a;border-radius:50%;pointer-events:none}
.post-page-wrapper .ReadTimeLabel{font-size:15px;color:#ffffff80;margin:0 0 8px;display:block}
.post-page-wrapper .ReadTimeValue{font-size:43px;font-weight:700;color:#5BB5F1;line-height:1.2;letter-spacing:-.02em;display:block}
.post-page-wrapper .ReadTimeUnit{font-size:15px;color:#fff6;display:block;margin-top:8px}
.post-page-wrapper .CtaSidebarBlock{background:#FF930B;border-radius:2px;padding:32px}
.post-page-wrapper .CtaSidebarBlock .CtaTitle{font-size:18px;font-weight:700;color:#03010B;margin:0 0 16px;line-height:1.2}
.post-page-wrapper .CtaSidebarBlock .CtaText{font-size:15px;color:#03010bbf;margin:0 0 16px;line-height:1.6}
.post-page-wrapper .CtaBtn{display:block;background:#03010B;color:#fff;text-decoration:none;padding:16px 32px;border-radius:2px;font-size:15px;font-weight:700;text-align:center;transition:filter .15s ease-out;box-shadow:0 4px 18px 0 #03010b1c}
.post-page-wrapper .CtaBtn:hover{filter:brightness(1.2)}
.post-page-wrapper .CtaBtn:focus{outline:2px solid #5BB5F1;outline-offset:2px}
.post-page-wrapper .PostFooterBanner{margin:0 56px 96px;background:#03010B;border-radius:2px;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 8px 40px 0 #03010b1c;position:relative;overflow:hidden}
.post-page-wrapper .PostFooterBanner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,#5bb5f11a 0%,transparent 50%),radial-gradient(circle at 90% 50%,#ff930b12 0%,transparent 45%);pointer-events:none}
.post-page-wrapper .BannerText .BannerHeading{font-size:31px;line-height:1.2;color:#fff;margin:0 0 16px;letter-spacing:-.02em}
.post-page-wrapper .BannerText .BannerDesc{font-size:18px;line-height:1.6;color:#fff9;margin:0}
.post-page-wrapper .BannerActions{display:flex;flex-direction:row;gap:16px;flex-shrink:0;position:relative}
.post-page-wrapper .BannerBtnPrimary{display:inline-flex;align-items:center;gap:8px;background:#5BB5F1;color:#03010B;text-decoration:none;padding:16px 32px;border-radius:2px;font-size:18px;font-weight:700;transition:filter .15s ease-out;box-shadow:0 4px 18px 0 #5bb5f11c;white-space:nowrap}
.post-page-wrapper .BannerBtnPrimary:hover{filter:brightness(1.1)}
.post-page-wrapper .BannerBtnSecondary{display:inline-flex;align-items:center;background:transparent;border:1px solid #fff3;color:#fffc;text-decoration:none;padding:16px 32px;border-radius:2px;font-size:15px;font-weight:600;transition:border-color .15s ease-out,color .15s ease-out;white-space:nowrap}
.post-page-wrapper .BannerBtnSecondary:hover{border-color:#ffffff80;color:#fff}
@media (max-width: 1024px) {
.post-page-wrapper .PostHeroSection{grid-template-columns:1fr}
.post-page-wrapper .HeroImageZone{height:300px}
.post-page-wrapper .PostContentArea{grid-template-columns:1fr;padding:56px 32px;gap:56px}
.post-page-wrapper .PostSidebar{position:static}
.post-page-wrapper .HeroTextZone{padding:56px 32px}
.post-page-wrapper .PostFooterBanner{margin:0 32px 56px;flex-direction:column;align-items:flex-start}
}
@media (max-width: 768px) {
.post-page-wrapper .PostMainTitle{font-size:31px}
.post-page-wrapper .HeroTextZone{padding:56px 32px}
.post-page-wrapper .PostContentArea{padding:56px 16px}
.post-page-wrapper .PostFooterBanner{margin:0 16px 56px;padding:32px}
.post-page-wrapper .BannerActions{flex-direction:column;width:100%}
.post-page-wrapper .BannerBtnPrimary,.post-page-wrapper .BannerBtnSecondary{justify-content:center}
.post-page-wrapper .ArticleBody h2{font-size:23px}
}
@media (max-width: 320px) {
.post-page-wrapper .PostMainTitle{font-size:23px}
.post-page-wrapper .HeroTextZone{padding:32px 16px}
}
::selection{background:#03010b1f;color:inherit}
.post-page-wrapper input::placeholder,.post-page-wrapper textarea::placeholder{opacity:1;transition:opacity .2s ease-out}
.post-page-wrapper input:focus::placeholder,.post-page-wrapper textarea:focus::placeholder{opacity:0}
.DetailPageWrapper{background:#fff;color:#03010B;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;overflow-x:clip}
.DetailPageWrapper *,.DetailPageWrapper ::before,.DetailPageWrapper ::after{box-sizing:border-box}
::selection{background:#d0d0d0;color:#03010B}
.DetailPageWrapper input::placeholder,.DetailPageWrapper textarea::placeholder{opacity:1;transition:opacity .18s ease-out}
.DetailPageWrapper input:focus::placeholder,.DetailPageWrapper textarea:focus::placeholder{opacity:0}
.HeroSplitWrapper{display:flex;flex-direction:row;min-height:420px;max-width:1440px;margin:0 auto}
.HeroImageCol{flex:0 0 50%;position:relative;overflow:hidden}
.HeroImageCol img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.2) sepia(0.6) hue-rotate(180deg) brightness(0.85);mix-blend-mode:multiply;border:none}
.HeroImageOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#5bb5f18c 0%,#ff930b61 100%);pointer-events:none}
.HeroImageBorder{position:absolute;inset:0;border:1px solid #5bb5f147;pointer-events:none}
.HeroTextCol{flex:0 0 50%;background:#03010B;padding:56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.HeroDecoDot{position:absolute;top:32px;right:32px;width:80px;height:80px;border-radius:50%;background:#ff930b12;pointer-events:none}
.HeroDecoDot2{position:absolute;bottom:56px;left:16px;width:40px;height:40px;border-radius:50%;background:#5bb5f112;pointer-events:none}
.HeroCategoryTag{display:inline-flex;align-items:center;gap:8px;background:#5bb5f11f;color:#5BB5F1;font-size:15px;font-weight:600;letter-spacing:.04em;padding:8px 16px;border-radius:2px;margin-bottom:32px;width:fit-content}
.HeroCategoryTag svg{flex-shrink:0}
.HeroMainHeading{font-size:43px;line-height:1.2;letter-spacing:-.02em;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.HeroSubLabel{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0 0 32px}
.HeroMetaRow{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.HeroMetaItem{display:flex;align-items:center;gap:8px;font-size:15px;color:#ffffff8c}
.HeroMetaItem svg{color:#5BB5F1;flex-shrink:0}
.PriceAnchorBar{background:#f7f9fc;border-bottom:1px solid #03010b12}
.PriceAnchorInner{max-width:1440px;margin:0 auto;padding:16px 56px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.PriceDisplay{display:flex;flex-direction:row;align-items:baseline;gap:8px}
.PriceAmount{font-size:31px;font-weight:800;color:#03010B;letter-spacing:-.01em;line-height:1.2}
.PriceDes{font-size:15px;color:#03010b8c;line-height:1.6}
.PriceNote{font-size:15px;color:#03010b73;font-style:italic}
.PriceCtaGroup{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.BtnPrimary{display:inline-flex;align-items:center;gap:8px;background:#FF930B;color:#fff;font-size:18px;font-weight:700;padding:16px 32px;border-radius:2px;text-decoration:none;border:none;cursor:pointer;transition:brightness .15s ease-out,box-shadow .15s ease-out;box-shadow:0 4px 18px 0 #ff930b38;line-height:1.2}
.BtnPrimary:hover{filter:brightness(1.1);box-shadow:0 8px 40px 0 #ff930b47}
.BtnPrimary:focus{outline:2px solid #FF930B;outline-offset:2px}
.BtnSecondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#03010B;font-size:15px;font-weight:600;padding:8px 16px;border-radius:2px;text-decoration:none;border:1.5px solid #03010b2e;cursor:pointer;transition:border-color .12s ease,background .12s ease;line-height:1.6}
.BtnSecondary:hover{border-color:#5BB5F1;background:#5bb5f10f}
.BtnSecondary:focus{outline:2px solid #5BB5F1;outline-offset:2px}
.SeatsLeft{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#FF930B;font-weight:600}
.SeatsLeft svg{flex-shrink:0}
.ContentGrid{max-width:1440px;margin:0 auto;padding:56px;display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:start}
.DescriptionBlock{margin-bottom:56px}
.BlockLabel{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#5BB5F1;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.BlockLabel svg{flex-shrink:0}
.DescriptionBlock h2{font-size:31px;line-height:1.2;letter-spacing:-.01em;font-weight:800;background:linear-gradient(90deg,#03010B 30%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.DescriptionBlock h3{font-size:23px;line-height:1.2;font-weight:700;color:#03010B;margin:32px 0 8px}
.DescriptionBlock p{font-size:18px;line-height:1.6;color:#03010bcc;margin:0 0 16px}
.DescriptionBlock em{color:#FF930B;font-style:normal;font-weight:600}
.DescriptionBlock ul{margin:0 0 16px;padding:0 0 0 32px;list-style:decimal}
.DescriptionBlock ul li{font-size:18px;line-height:1.6;color:#03010bcc;margin-bottom:8px}
.DescriptionBlock figure{margin:32px 0;border:1px solid #03010b1a;border-radius:2px;overflow:hidden}
.DescriptionBlock figcaption{font-size:15px;color:#03010b80;padding:8px 16px;background:#f7f9fc;line-height:1.6}
.DescriptionBlock dl{margin:0 0 16px}
.DescriptionBlock dt{font-size:18px;font-weight:700;color:#03010B;margin-bottom:4px}
.DescriptionBlock dd{font-size:18px;line-height:1.6;color:#03010bbf;margin:0 0 16px 32px}
.ProgramBlock{background:#03010B;border-radius:24px;padding:56px;margin-bottom:56px;position:relative;overflow:hidden}
.ProgramBlock::before{content:'';position:absolute;top:-56px;right:-56px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#5bb5f11f 0%,transparent 70%);pointer-events:none}
.ProgramBlock::after{content:'';position:absolute;bottom:-32px;left:32px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff930b17 0%,transparent 70%);pointer-events:none}
.ProgramBlock .BlockLabel{color:#5BB5F1}
.ProgramBlock h2{font-size:31px;line-height:1.2;letter-spacing:-.01em;font-weight:800;background:linear-gradient(90deg,#fff 20%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 32px}
.ProgramBlock h3{font-size:23px;line-height:1.2;font-weight:700;color:#ffffffe6;margin:32px 0 8px}
.ProgramBlock p{font-size:18px;line-height:1.6;color:#ffffffa6;margin:0 0 16px}
.ProgramBlock mark{background:#ff930b38;color:#FF930B;padding:2px 8px;border-radius:2px;font-weight:600}
.ProgramBlock cite{color:#ffffff73;font-style:italic;font-size:15px}
.ProgramBlock ol{margin:0 0 16px;padding:0 0 0 32px;counter-reset:prog-counter;list-style:none}
.ProgramBlock ol li{counter-increment:prog-counter;font-size:18px;line-height:1.6;color:#ffffffb8;margin-bottom:16px;position:relative;padding-left:16px}
.ProgramBlock ol li::before{content:counter(prog-counter, decimal) ".";position:absolute;left:-32px;color:#FF930B;font-weight:700;font-size:18px}
.ProgramBlock blockquote{border-left:none;background:#5bb5f114;border-radius:2px;padding:16px 32px;margin:32px 0;font-size:18px;line-height:1.6;color:#ffffffb8;font-style:italic;box-shadow:inset 0 1px 0 #5bb5f12e inset 0 -1px 0 #03010b47}
.ProgramBlock dl{margin:0 0 16px}
.ProgramBlock dt{font-size:18px;font-weight:700;color:#ffffffe6;margin-bottom:4px}
.ProgramBlock dd{font-size:18px;line-height:1.6;color:#ffffff8c;margin:0 0 16px 32px}
.ProgramBlock figure{margin:32px 0;border:1px solid #5bb5f126;border-radius:2px;overflow:hidden}
.ProgramBlock figcaption{font-size:15px;color:#fff6;padding:8px 16px;background:#ffffff0a;line-height:1.6}
.StickyCard{position:sticky;top:32px;display:flex;flex-direction:column;gap:16px}
.SideInfoCard{background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 40px 0 #03010b1c;border:1px solid #03010b12}
.SideInfoCard .CardTitle{font-size:18px;font-weight:700;color:#03010B;margin:0 0 16px;letter-spacing:-.01em;line-height:1.2}
.InfoRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #03010b0f;gap:8px}
.InfoRow:last-child{border-bottom:none}
.InfoRowLabel{display:flex;align-items:center;gap:8px;font-size:15px;color:#03010b8c}
.InfoRowLabel svg{color:#5BB5F1;flex-shrink:0}
.InfoRowValue{font-size:15px;font-weight:600;color:#03010B;text-align:right}
.SideScheduleCard{background:linear-gradient(135deg,#5bb5f114 0%,#ff930b0f 100%);border-radius:24px;padding:32px;border:1px solid #5bb5f126}
.SideScheduleCard .CardTitle{font-size:18px;font-weight:700;color:#03010B;margin:0 0 16px;line-height:1.2}
.ScheduleGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ScheduleCell{background:#fff;border-radius:2px;padding:8px 16px;border:1px solid #03010b12}
.ScheduleDay{font-size:15px;font-weight:700;color:#03010B;line-height:1.2;margin-bottom:4px}
.ScheduleTime{font-size:15px;color:#03010b8c;line-height:1.6}
.UserFormatBadge{display:flex;flex-direction:row;align-items:center;gap:8px;background:#ff930b14;border-radius:2px;padding:8px 16px;margin-top:8px}
.UserFormatBadge svg{color:#FF930B;flex-shrink:0}
.UserFormatBadge span{font-size:15px;color:#03010B;font-weight:600}
.SideCta{display:flex;flex-direction:column;gap:8px}
.SideCta .BtnPrimary{justify-content:center;font-size:18px}
.SideCta .BtnSecondary{justify-content:center}
.WaveDivider{width:100%;overflow:hidden;line-height:0;display:block}
.WaveDivider svg{display:block;width:100%}
.ContactBanner{background:#f7f9fc;padding:56px;position:relative;overflow:hidden}
.ContactBannerInner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:56px;align-items:center}
.ContactBannerText h2{font-size:31px;line-height:1.2;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#03010B 0%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.ContactBannerText p{font-size:18px;line-height:1.6;color:#03010bb8;margin:0 0 16px}
.ContactFormCard{background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 40px 0 #03010b14;border:1px solid #03010b12}
.ContactFormCard form{display:flex;flex-direction:column;gap:16px}
.FormField{display:flex;flex-direction:column;gap:8px}
.FormField label{font-size:15px;font-weight:600;color:#03010B;line-height:1.6}
.FormField input,.FormField textarea{background:#f7f9fc;border:1.5px solid #03010b1f;border-radius:2px;padding:8px 16px;font-size:18px;color:#03010B;line-height:1.6;transition:border-color .12s ease;resize:vertical}
.FormField input:focus,.FormField textarea:focus{outline:none;border-color:#5BB5F1;box-shadow:0 3px 3px 0 #5bb5f114}
.DotsSection{position:relative;padding:56px;max-width:1440px;margin:0 auto}
.DotsBg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.DotsBg span{position:absolute;border-radius:50%;background:#5bb5f12e}
.MetricsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;z-index:1}
.MetricBox{background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 4px 18px 0 #03010b1c;border:1px solid #03010b0f;transition:box-shadow .15s ease-out,transform .15s ease-out}
.MetricBox:hover{box-shadow:0 8px 40px 0 #03010b24;transform:translateY(-2px)}
.MetricBox:nth-child(1) .MetricIcon{color:#5BB5F1}
.MetricBox:nth-child(2) .MetricIcon{color:#FF930B}
.MetricBox:nth-child(3) .MetricIcon{color:#03010B}
.MetricBox:nth-child(4) .MetricIcon{color:#5BB5F1}
.MetricIcon{margin-bottom:8px;display:flex;justify-content:center}
.MetricValue{font-size:43px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#03010B}
.MetricLabel{font-size:15px;color:#03010b8c;line-height:1.6;margin-top:8px}
@media (max-width: 1024px) {
.HeroSplitWrapper{flex-direction:column;min-height:auto}
.HeroImageCol{flex:none;height:320px}
.HeroTextCol{padding:32px}
.ContentGrid{grid-template-columns:1fr;padding:32px;gap:32px}
.StickyCard{position:static}
.MetricsRow{grid-template-columns:repeat(2,1fr)}
.ContactBannerInner{grid-template-columns:1fr;gap:32px}
.PriceAnchorInner{padding:16px 32px}
.DotsSection{padding:32px}
.ContactBanner{padding:32px}
}
@media (max-width: 768px) {
.HeroMainHeading{font-size:31px}
.HeroTextCol{padding:32px 16px}
.PriceAnchorInner{padding:16px;gap:16px}
.PriceAmount{font-size:23px}
.BtnPrimary{font-size:15px;padding:16px}
.ContentGrid{padding:16px}
.ProgramBlock{padding:32px 16px}
.MetricsRow{grid-template-columns:1fr 1fr;gap:16px}
.MetricValue{font-size:31px}
.ScheduleGrid{grid-template-columns:1fr}
.ContactBanner{padding:16px}
.DotsSection{padding:16px}
}
@media (max-width: 320px) {
.HeroMainHeading{font-size:23px}
.MetricsRow{grid-template-columns:1fr}
.HeroMetaRow{flex-direction:column;gap:8px}
}
.GuidesPageWrapper{max-width:1440px;margin:0 auto;background:#fff;overflow-x:clip;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.GuidesPageWrapper ::selection{background:#d0d0d0;color:inherit}
.GuidesPageWrapper input::placeholder,.GuidesPageWrapper textarea::placeholder{transition:opacity .18s ease-out}
.GuidesPageWrapper input:focus::placeholder,.GuidesPageWrapper textarea:focus::placeholder{opacity:0}
.GuidesHeroBanner{background:#03010B;padding:96px 56px;position:relative;overflow:hidden}
.GuidesHeroBanner::before{content:'';position:absolute;top:-60px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#5bb5f12e 0%,#ff930b17 60%,transparent 100%);pointer-events:none}
.GuidesHeroBanner::after{content:'';position:absolute;bottom:-80px;left:80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 60% 60%,#ff930b1f 0%,transparent 70%);pointer-events:none}
.GuidesHeroBanner .HeroBannerInner{max-width:720px;position:relative;z-index:1}
.GuidesHeroBanner .HeroBannerLabel{display:inline-flex;align-items:center;gap:8px;background:#5bb5f11f;border:1px solid #5bb5f147;border-radius:2px;padding:8px 16px;margin-bottom:32px}
.GuidesHeroBanner .HeroBannerLabel span{color:#5BB5F1;font-size:15px;letter-spacing:.04em;font-weight:600}
.GuidesHeroBanner .HeroBannerLabel svg{flex-shrink:0}
.GuidesHeroBanner .HeroBannerTitle{font-size:60px;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(110deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.GuidesHeroBanner .HeroBannerSubtitle{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0;max-width:520px}
.GuideCardGrid{padding:96px 56px;background:#f7f8fc}
.GuideCardGrid .GridSectionHead{margin-bottom:56px}
.GuideCardGrid .GridSectionHead .SectionLabel{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.GuideCardGrid .GridSectionHead .SectionLabel svg{color:#FF930B}
.GuideCardGrid .GridSectionHead .SectionLabel span{font-size:15px;font-weight:700;color:#FF930B;letter-spacing:.06em;text-transform:uppercase}
.GuideCardGrid .GridSectionHead h2{font-size:43px;line-height:1.2;letter-spacing:-.015em;color:#03010B;margin:0}
.CardGridLayout{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px}
.GuideCard{background:#fff;border-radius:24px;box-shadow:0 4px 18px 0 #03010b1c;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;border:1px solid #03010b0f;transition:box-shadow .18s ease-out,transform .15s ease-out}
.GuideCard:hover{box-shadow:0 8px 40px 0 #03010b1c;transform:translateY(-3px)}
.GuideCard:focus{outline:2px solid #5BB5F1;outline-offset:2px}
.GuideCard .CardImageWrapper{position:relative;overflow:hidden;height:220px;border-bottom:1px solid #03010b0f}
.GuideCard .CardImageWrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}
.GuideCard:hover .CardImageWrapper img{transform:scale(1.04)}
.GuideCard .CardImageWrapper .CardImgOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#03010b38 100%);pointer-events:none}
.GuideCard .CardBody{padding:32px;flex:1;display:flex;flex-direction:column;gap:16px}
.GuideCard .CardBody h3{font-size:23px;line-height:1.2;letter-spacing:-.01em;color:#03010B;margin:0}
.GuideCard .CardBody p{font-size:15px;line-height:1.6;color:#03010ba6;margin:0;flex:1}
.GuideCard .CardReadLink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#5BB5F1;text-decoration:none;margin-top:8px;transition:color .15s ease-out,gap .15s ease-out}
.GuideCard:hover .CardReadLink{color:#FF930B;gap:12px}
.GuideCard .CardReadLink svg{transition:transform .15s ease-out}
.GuideCard:hover .CardReadLink svg{transform:translateX(3px)}
.GuideCard .CardNoImage{height:220px;background:linear-gradient(135deg,#5bb5f11f 0%,#ff930b14 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #03010b0f}
.GuideCard .CardNoImage svg{opacity:.35}
.StatsBannerSection{padding:56px;background:#fff;border-top:1px solid #03010b12;border-bottom:1px solid #03010b12}
.StatsBannerSection .StatsInnerRow{display:flex;flex-direction:row;align-items:center;gap:56px}
.StatsBannerSection .StatsTextCol{flex:1 1 340px}
.StatsBannerSection .StatsTextCol h2{font-size:31px;line-height:1.2;letter-spacing:-.01em;color:#03010B;margin:0 0 16px}
.StatsBannerSection .StatsTextCol p{font-size:15px;line-height:1.6;color:#03010ba6;margin:0}
.StatsBannerSection .StatsMetricCol{display:flex;flex-direction:row;gap:32px;flex:0 0 auto}
.MetricPair{display:flex;flex-direction:row;align-items:center;gap:16px;background:#f7f8fc;border-radius:24px;padding:32px;box-shadow:0 3px 3px 0 #03010b14}
.MetricPair .MetricBefore{text-align:center}
.MetricPair .MetricBefore .MetricVal{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#03010b47;font-weight:800;display:block}
.MetricPair .MetricBefore .MetricLbl{font-size:15px;color:#03010b73}
.MetricPair .MetricArrow{display:flex;align-items:center}
.MetricPair .MetricAfter{text-align:center}
.MetricPair .MetricAfter .MetricVal{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#FF930B;font-weight:800;display:block}
.MetricPair .MetricAfter .MetricLbl{font-size:15px;color:#03010b8c}
.CtaBannerSection{padding:96px 56px;background:#03010B;position:relative;overflow:hidden}
.CtaBannerSection::before{content:'';position:absolute;top:-40px;left:-40px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#5bb5f124 0%,transparent 70%);pointer-events:none}
.CtaBannerSection::after{content:'';position:absolute;bottom:-50px;right:-50px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff930b1f 0%,transparent 65%);pointer-events:none}
.CtaBannerSection .CtaInner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:56px}
.CtaBannerSection .CtaTextBlock{flex:1}
.CtaBannerSection .CtaTextBlock h2{font-size:43px;line-height:1.2;letter-spacing:-.015em;background:linear-gradient(110deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.CtaBannerSection .CtaTextBlock p{font-size:18px;line-height:1.6;color:#ffffffad;margin:0;max-width:460px}
.CtaBannerSection .CtaActions{display:flex;flex-direction:column;gap:16px;flex-shrink:0}
.CtaBannerSection .BtnPrimary{display:inline-block;background:#5BB5F1;color:#03010B;font-size:18px;font-weight:700;padding:16px 32px;border-radius:2px;text-decoration:none;text-align:center;box-shadow:0 4px 18px 0 #5bb5f11c;transition:filter .15s ease-out}
.CtaBannerSection .BtnPrimary:hover{filter:brightness(1.1)}
.CtaBannerSection .BtnPrimary:focus{outline:2px solid #FF930B;outline-offset:2px}
.CtaBannerSection .BtnSecondary{display:inline-block;background:transparent;color:#ffffffb8;font-size:15px;font-weight:600;padding:12px 32px;border-radius:2px;text-decoration:none;text-align:center;border:1px solid #ffffff2e;transition:border-color .18s ease,color .18s ease}
.CtaBannerSection .BtnSecondary:hover{border-color:#5bb5f18c;color:#5BB5F1}
.CtaBannerSection .BtnSecondary:focus{outline:2px solid #5BB5F1;outline-offset:2px}
@media (max-width: 1024px) {
.GuidesHeroBanner{padding:56px 32px}
.GuidesHeroBanner .HeroBannerTitle{font-size:43px}
.GuideCardGrid{padding:56px 32px}
.StatsBannerSection{padding:56px 32px}
.StatsBannerSection .StatsInnerRow{flex-direction:column;align-items:flex-start;gap:32px}
.CtaBannerSection{padding:56px 32px}
.CtaBannerSection .CtaInner{flex-direction:column;gap:32px}
}
@media (max-width: 768px) {
.GuidesHeroBanner{padding:56px 16px}
.GuidesHeroBanner .HeroBannerTitle{font-size:31px}
.GuidesHeroBanner .HeroBannerSubtitle{font-size:15px}
.GuideCardGrid{padding:56px 16px}
.CardGridLayout{grid-template-columns:1fr}
.StatsBannerSection{padding:56px 16px}
.StatsBannerSection .StatsMetricCol{flex-direction:column;width:100%}
.MetricPair{width:100%}
.GuideCardGrid .GridSectionHead h2{font-size:31px}
.CtaBannerSection{padding:56px 16px}
.CtaBannerSection .CtaTextBlock h2{font-size:31px}
.CtaBannerSection .CtaActions{width:100%}
}
@media (max-width: 320px) {
.GuidesHeroBanner .HeroBannerTitle{font-size:23px}
.GuideCard .CardBody{padding:16px}
}
.ServicesPage{max-width:1440px;margin:0 auto;overflow-x:clip;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.ServicesPage ::selection{background:#d0d0d0;color:#03010B}
.ServicesPage ::-webkit-input-placeholder{transition:opacity .18s ease}
.ServicesPage input:focus::-webkit-input-placeholder{opacity:0}
.ServicesPage .PageHero-wrapper{background:#03010B;padding:96px 56px 56px;position:relative;text-align:center;overflow:hidden}
.ServicesPage .PageHero-wrapper::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,#5bb5f12e 0%,transparent 55%),radial-gradient(circle at 80% 20%,#ff930b21 0%,transparent 50%),radial-gradient(circle at 55% 55%,#5bb5f112 0%,transparent 60%);pointer-events:none}
.ServicesPage .HeroDots{position:absolute;top:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;gap:8px;align-items:center;pointer-events:none}
.ServicesPage .HeroDots span{display:block;border-radius:50%;background:#5bb5f159}
.ServicesPage .HeroDots span:nth-child(1){width:5px;height:5px}
.ServicesPage .HeroDots span:nth-child(2){width:8px;height:8px;background:#ff930b80}
.ServicesPage .HeroDots span:nth-child(3){width:5px;height:5px}
.ServicesPage .HeroDots span:nth-child(4){width:6px;height:6px;background:#5bb5f173}
.ServicesPage .HeroDots span:nth-child(5){width:4px;height:4px}
.ServicesPage .HeroLabel{display:inline-block;font-size:15px;line-height:1.6;color:#5BB5F1;border:1px solid #5bb5f14d;border-radius:2px;padding:4px 16px;margin-bottom:32px;position:relative;letter-spacing:.06em}
.ServicesPage .HeroHeading{font-size:60px;line-height:1.2;letter-spacing:-.03em;margin:0 0 32px;position:relative;background:linear-gradient(135deg,#fff 30%,#5BB5F1 70%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ServicesPage .HeroSub{font-size:18px;line-height:1.6;color:#ffffffa6;max-width:560px;margin:0 auto 56px;position:relative}
.ServicesPage .HeroImageFrame{position:relative;display:inline-block;max-width:900px;width:100%}
.ServicesPage .HeroImageFrame img{width:100%;height:340px;object-fit:cover;object-position:center;border-radius:2px;display:block;border:1px solid #5bb5f138;filter:sepia(0.25) contrast(1.08) brightness(0.88) saturate(0.85)}
.ServicesPage .HeroImageOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#03010b8c 100%);border-radius:2px;pointer-events:none}
.ServicesPage .BandDivider{background:#5BB5F1;padding:16px 56px;display:flex;flex-direction:row;align-items:center;gap:32px}
.ServicesPage .BandDivider-text{font-size:15px;line-height:1.6;color:#03010B;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.ServicesPage .BandDivider-line{flex:1;height:1px;background:#03010b33}
.ServicesPage .CardsSection{padding:96px 56px;background:#f8f9fb}
.ServicesPage .CardsSection-header{margin-bottom:56px;max-width:640px}
.ServicesPage .CardsSection-label{font-size:15px;line-height:1.6;color:#FF930B;font-weight:700;letter-spacing:.05em;margin-bottom:16px;display:flex;flex-direction:row;align-items:center;gap:8px}
.ServicesPage .CardsSection-label svg{flex-shrink:0}
.ServicesPage .CardsSection-heading{font-size:43px;line-height:1.2;letter-spacing:-.025em;color:#03010B;margin:0 0 16px;background:linear-gradient(120deg,#03010B 40%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ServicesPage .CardsSection-intro{font-size:18px;line-height:1.6;color:#4a4a55;margin:0}
.ServicesPage .CardsGrid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px}
.ServicesPage .ServiceCard{background:#fff;border-radius:2px;box-shadow:0 4px 18px 0 #03010b1c;overflow:hidden;display:flex;flex-direction:column;border:1px solid #03010b0f;transition:box-shadow .18s ease,transform .15s ease-out}
.ServicesPage .ServiceCard:hover{box-shadow:0 8px 40px 0 #03010b1c;transform:translateY(-2px)}
.ServicesPage .ServiceCard-imgWrap{position:relative;width:100%;height:200px;overflow:hidden}
.ServicesPage .ServiceCard-imgWrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-bottom:1px solid #03010b12;transition:transform .2s ease-out}
.ServicesPage .ServiceCard:hover .ServiceCard-imgWrap img{transform:scale(1.03)}
.ServicesPage .ServiceCard-tag{position:absolute;top:16px;left:16px;background:#03010B;color:#5BB5F1;font-size:15px;line-height:1.2;padding:4px 12px;border-radius:2px;font-weight:700;letter-spacing:.04em}
.ServicesPage .ServiceCard-userBadge{position:absolute;top:16px;right:16px;background:#ff930beb;color:#03010B;font-size:15px;line-height:1.2;padding:4px 10px;border-radius:2px;font-weight:700}
.ServicesPage .ServiceCard-body{padding:32px;display:flex;flex-direction:column;flex:1;gap:16px}
.ServicesPage .ServiceCard-title{font-size:23px;line-height:1.2;letter-spacing:-.015em;color:#03010B;margin:0}
.ServicesPage .ServiceCard-desc{font-size:15px;line-height:1.6;color:#5a5a68;margin:0}
.ServicesPage .ServiceCard-meta{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.ServicesPage .ServiceCard-metaItem{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:15px;line-height:1.6;color:#7a7a88}
.ServicesPage .ServiceCard-metaItem svg{flex-shrink:0;color:#5BB5F1}
.ServicesPage .ServiceCard-footer{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:0 32px 32px;gap:16px;margin-top:auto}
.ServicesPage .ServiceCard-priceBlock{display:flex;flex-direction:column;gap:4px}
.ServicesPage .ServiceCard-price{font-size:31px;line-height:1.2;color:#03010B;font-weight:800;letter-spacing:-.02em}
.ServicesPage .ServiceCard-priceDes{font-size:15px;line-height:1.6;color:#9a9aaa}
.ServicesPage .ServiceCard-priceNote{font-size:15px;line-height:1.6;color:#FF930B;font-weight:700}
.ServicesPage .ServiceCard-seatsInfo{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:15px;line-height:1.6;color:#7a7a88}
.ServicesPage .ServiceCard-seatsInfo svg{color:#FF930B}
.ServicesPage .ServiceCard-cta{display:inline-block;background:#03010B;color:#fff!important;font-size:15px;line-height:1.6;padding:10px 24px;border-radius:2px;text-decoration:none!important;font-weight:700;transition:filter .15s ease-out,background .15s ease-out;white-space:nowrap;box-shadow:0 3px 3px 0 #03010b14}
.ServicesPage .ServiceCard-cta:hover{filter:brightness(1.25)}
.ServicesPage .ServiceCard-duration{font-size:15px;line-height:1.6;color:#5BB5F1;font-weight:700}
.ServicesPage .MetricsSection{padding:96px 56px;background:#03010B;position:relative;overflow:hidden}
.ServicesPage .MetricsSection::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,#5bb5f11f 0%,transparent 50%),radial-gradient(circle at 90% 30%,#ff930b17 0%,transparent 45%);pointer-events:none}
.ServicesPage .MetricsSection-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ServicesPage .MetricsSection-left{display:flex;flex-direction:column;gap:32px}
.ServicesPage .MetricsSection-heading{font-size:43px;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:0;background:linear-gradient(120deg,#fff 40%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ServicesPage .MetricsSection-desc{font-size:18px;line-height:1.6;color:#fff9;margin:0}
.ServicesPage .MetricsSection-img{width:100%;height:280px;object-fit:cover;object-position:center;border-radius:2px;border:1px solid #5bb5f133;filter:brightness(0.8) contrast(1.1);display:block}
.ServicesPage .MetricsList{display:flex;flex-direction:column;gap:32px}
.ServicesPage .MetricItem{background:#ffffff0a;border-radius:2px;border:1px solid #5bb5f126;padding:32px;box-shadow:0 3px 3px 0 #5bb5f114}
.ServicesPage .MetricItem-label{font-size:15px;line-height:1.6;color:#ffffff80;margin-bottom:16px;font-weight:700;letter-spacing:.04em}
.ServicesPage .MetricItem-row{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:8px}
.ServicesPage .MetricItem-before{font-size:23px;line-height:1.2;color:#fff6;font-weight:700;text-decoration:line-through;text-decoration-color:#ff930b99}
.ServicesPage .MetricItem-arrow{color:#FF930B;font-size:18px;line-height:1}
.ServicesPage .MetricItem-after{font-size:31px;line-height:1.2;color:#5BB5F1;font-weight:800;letter-spacing:-.02em}
.ServicesPage .MetricItem-note{font-size:15px;line-height:1.6;color:#ffffff73}
.ServicesPage .TestimonialsSection{padding:96px 56px;background:#fff}
.ServicesPage .TestimonialsSection-header{text-align:center;margin-bottom:56px}
.ServicesPage .TestimonialsSection-heading{font-size:43px;line-height:1.2;letter-spacing:-.025em;color:#03010B;margin:0 0 16px;background:linear-gradient(120deg,#03010B 40%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ServicesPage .TestimonialsSection-sub{font-size:18px;line-height:1.6;color:#6a6a78;max-width:520px;margin:0 auto}
.ServicesPage .TestimonialGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:start}
.ServicesPage .TestiCard{background:#f4f6fa;border-radius:2px;padding:32px;box-shadow:0 3px 3px 0 #03010b14;border:1px solid #03010b0f;display:flex;flex-direction:column;gap:16px}
.ServicesPage .TestiCard-featured{background:#03010B;box-shadow:0 8px 40px 0 #03010b1c}
.ServicesPage .TestiCard-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid #5bb5f166;display:block;flex-shrink:0}
.ServicesPage .TestiCard-name{font-size:15px;line-height:1.6;color:#03010B;font-weight:700;margin:0}
.ServicesPage .TestiCard-featured .TestiCard-name{color:#fff}
.ServicesPage .TestiCard-role{font-size:15px;line-height:1.6;color:#9a9aaa;margin:0}
.ServicesPage .TestiCard-featured .TestiCard-role{color:#ffffff80}
.ServicesPage .TestiCard-quote{font-size:18px;line-height:1.6;color:#3a3a48;margin:0}
.ServicesPage .TestiCard-featured .TestiCard-quote{font-size:23px;line-height:1.6;color:#ffffffd9}
.ServicesPage .TestiCard-stars{display:flex;flex-direction:row;gap:4px}
.ServicesPage .TestiCard-star{width:14px;height:14px;background:#FF930B;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.ServicesPage .CtaSection{padding:96px 56px;background:linear-gradient(135deg,#f4f7fb 0%,#eaf3fc 100%);text-align:center;border-top:1px solid #5bb5f126}
.ServicesPage .CtaSection-heading{font-size:43px;line-height:1.2;letter-spacing:-.025em;color:#03010B;margin:0 0 16px}
.ServicesPage .CtaSection-sub{font-size:18px;line-height:1.6;color:#5a5a68;max-width:480px;margin:0 auto 32px}
.ServicesPage .CtaSection-btn{display:inline-block;background:#5BB5F1;color:#03010B!important;font-size:18px;line-height:1.6;padding:16px 56px;border-radius:2px;text-decoration:none!important;font-weight:800;letter-spacing:-.01em;box-shadow:0 4px 18px 0 #5bb5f11c;transition:filter .15s ease-out,box-shadow .18s ease}
.ServicesPage .CtaSection-btn:hover{filter:brightness(1.12);box-shadow:0 8px 40px 0 #5bb5f11c}
@media (max-width: 1024px) {
.ServicesPage .PageHero-wrapper{padding:56px 32px}
.ServicesPage .HeroHeading{font-size:43px}
.ServicesPage .CardsSection{padding:56px 32px}
.ServicesPage .MetricsSection{padding:56px 32px}
.ServicesPage .TestimonialsSection{padding:56px 32px}
.ServicesPage .CtaSection{padding:56px 32px}
.ServicesPage .BandDivider{padding:16px 32px}
.ServicesPage .MetricsSection-inner{grid-template-columns:1fr;gap:32px}
.ServicesPage .TestimonialGrid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width: 768px) {
.ServicesPage .PageHero-wrapper{padding:56px 16px 32px}
.ServicesPage .HeroHeading{font-size:31px}
.ServicesPage .HeroImageFrame img{height:200px}
.ServicesPage .CardsSection{padding:56px 16px}
.ServicesPage .CardsGrid{grid-template-columns:1fr;gap:24px}
.ServicesPage .MetricsSection{padding:56px 16px}
.ServicesPage .TestimonialsSection{padding:56px 16px}
.ServicesPage .TestimonialGrid{grid-template-columns:1fr}
.ServicesPage .CtaSection{padding:56px 16px}
.ServicesPage .BandDivider{padding:16px;flex-wrap:wrap}
.ServicesPage .ServiceCard-footer{flex-direction:column;align-items:flex-start}
.ServicesPage .CardsSection-heading{font-size:31px}
.ServicesPage .MetricsSection-heading{font-size:31px}
.ServicesPage .TestimonialsSection-heading{font-size:31px}
}
@media (max-width: 320px) {
.ServicesPage .HeroHeading{font-size:23px}
.ServicesPage .ServiceCard-body{padding:16px}
.ServicesPage .ServiceCard-footer{padding:0 16px 16px}
}
.PageWrapper{background:#fff;color:#03010B;overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.PageWrapper ::selection{background:#d4d4d4;color:#03010B}
.PageWrapper input::placeholder,.PageWrapper textarea::placeholder{opacity:1;transition:opacity .18s ease-out}
.PageWrapper input:focus::placeholder,.PageWrapper textarea:focus::placeholder{opacity:0}
.HeroBlock{background:#03010B;padding:96px 56px;position:relative;overflow:hidden;max-width:1440px;margin:0 auto}
.HeroBlock-inner{display:flex;flex-direction:row;align-items:center;gap:56px;max-width:1440px;margin:0 auto}
.HeroBlock-text{flex:1 1 0}
.HeroBlock-label{display:inline-flex;align-items:center;gap:8px;background:#5bb5f121;border:1px solid #5bb5f147;border-radius:2px;padding:8px 16px;margin-bottom:32px}
.HeroBlock-label span{font-size:15px;color:#5BB5F1;letter-spacing:.04em}
.HeroBlock-label svg{width:14px;height:14px;flex-shrink:0}
.HeroBlock h1{font-size:72px;line-height:1.2;letter-spacing:-.03em;color:#fff;margin:0 0 32px}
.HeroBlock h1 em{font-style:normal;background:linear-gradient(90deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.HeroBlock-sub{font-size:18px;line-height:1.6;color:#ffffffad;margin:0 0 32px;max-width:480px}
.HeroBlock-cta{display:inline-block;background:#5BB5F1;color:#03010B;font-size:18px;font-weight:700;padding:16px 32px;border-radius:2px;text-decoration:none;border:none;cursor:pointer;transition:brightness .15s ease-out,box-shadow .15s ease-out;box-shadow:0 4px 18px 0 #5bb5f11c}
.HeroBlock-cta:hover{filter:brightness(1.1);box-shadow:0 8px 40px 0 #5bb5f11c}
.HeroBlock-visual{flex:0 0 340px;position:relative}
.HeroBlock-imgWrap{border-radius:24px;overflow:hidden;border:1px solid #5bb5f138;box-shadow:0 8px 40px 0 #03010b1c;position:relative}
.HeroBlock-imgWrap img{width:340px;height:440px;object-fit:cover;object-position:center;display:block;filter:brightness(0.88) contrast(1.05)}
.HeroBlock-imgVignette{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,transparent 40%,#03010b61 100%);border-radius:24px;pointer-events:none}
.HeroBlock-counter{position:absolute;bottom:-16px;left:-24px;background:#FF930B;color:#03010B;border-radius:2px;padding:16px;box-shadow:0 4px 18px 0 #03010b1c}
.HeroBlock-counter strong{font-size:31px;line-height:1.2;display:block;font-weight:800}
.HeroBlock-counter span{font-size:15px;line-height:1.6;display:block}
.HeroBlock-deco{position:absolute;top:40px;right:60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 40%,#5bb5f117 0%,#ff930b0d 60%,transparent 100%);pointer-events:none}
.ServicesBlock{padding:96px 56px;max-width:1440px;margin:0 auto}
.ServicesBlock-header{display:flex;flex-direction:row;align-items:flex-start;gap:56px;margin-bottom:56px}
.ServicesBlock-heading{flex:1 1 0}
.ServicesBlock-heading h2{font-size:43px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;background:linear-gradient(90deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ServicesBlock-heading p{font-size:18px;line-height:1.6;color:#444;margin:0;max-width:420px}
.ServicesBlock-aside{flex:0 0 260px;padding-top:8px}
.ServicesBlock-aside p{font-size:15px;line-height:1.6;color:#666;margin:0}
.ServicesGrid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px}
.ServiceCard{border:1px solid #03010b17;border-radius:24px;padding:32px;background:#fafafa;box-shadow:0 3px 3px 0 #03010b14;transition:box-shadow .18s ease-out,border-color .18s ease-out}
.ServiceCard:hover{box-shadow:0 8px 40px 0 #03010b1c;border-color:#5bb5f147}
.ServiceCard-icon{width:40px;height:40px;margin-bottom:16px;color:#5BB5F1}
.ServiceCard h4{font-size:23px;line-height:1.2;letter-spacing:-.01em;margin:0 0 16px;color:#03010B}
.ServiceCard p{font-size:15px;line-height:1.6;color:#555;margin:0}
.ProcessBlock{background:#FF930B;padding:96px 56px;position:relative;overflow:hidden}
.ProcessBlock-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:row;gap:56px;align-items:flex-start}
.ProcessBlock-left{flex:0 0 320px}
.ProcessBlock-left h2{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#03010B;margin:0 0 16px}
.ProcessBlock-left p{font-size:18px;line-height:1.6;color:#03010bb8;margin:0 0 32px}
.ProcessBlock-img{border-radius:24px;overflow:hidden;border:1px solid #03010b1f;box-shadow:0 4px 18px 0 #03010b1c}
.ProcessBlock-img img{width:320px;height:220px;object-fit:cover;object-position:center;display:block}
.ProcessBlock-steps{flex:1 1 0;display:flex;flex-direction:column;gap:32px}
.ProcessStep{display:flex;flex-direction:row;gap:16px;align-items:flex-start;background:#ffffff38;border-radius:24px;padding:32px;border:1px solid #ffffff52;box-shadow:inset 0 1px 0 #ffffff8c inset 0 -1px 0 #03010b12}
.ProcessStep-num{font-size:43px;font-weight:800;line-height:1.2;color:#03010b2e;flex-shrink:0;width:56px}
.ProcessStep-content h5{font-size:23px;line-height:1.2;margin:0 0 8px;color:#03010B;letter-spacing:-.01em}
.ProcessStep-content p{font-size:15px;line-height:1.6;color:#03010bb8;margin:0}
.ProcessBlock-zigzag{position:absolute;top:0;right:0;width:200px;height:200px;opacity:.07;pointer-events:none}
.MetricsBlock{padding:96px 56px;background:#03010B;max-width:1440px;margin:0 auto}
.MetricsBlock-heading{text-align:center;margin-bottom:56px}
.MetricsBlock-heading h2{font-size:43px;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(90deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.MetricsBlock-heading p{font-size:18px;line-height:1.6;color:#fff9;margin:0 auto;max-width:500px}
.MetricsGrid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px;max-width:1440px;margin:0 auto}
.MetricItem{padding:32px;border:1px solid #5bb5f124;border-radius:24px;background:#5bb5f10a;position:relative}
.MetricItem-bar{height:4px;background:#5bb5f126;border-radius:2px;margin-bottom:32px;overflow:hidden}
.MetricItem-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#5BB5F1,#FF930B);transition:width .6s cubic-bezier(0.34,1.56,0.64,1)}
.MetricItem h5{font-size:18px;line-height:1.2;color:#fff9;margin:0 0 8px;font-weight:400}
.MetricItem strong{font-size:43px;line-height:1.2;color:#fff;display:block;letter-spacing:-.02em}
.MetricItem p{font-size:15px;line-height:1.6;color:#ffffff73;margin:8px 0 0}
.TestimonialBlock{padding:96px 56px;max-width:1440px;margin:0 auto;display:flex;flex-direction:row;gap:56px;align-items:center}
.TestimonialBlock-img{flex:0 0 180px}
.TestimonialBlock-portrait{width:180px;height:270px;object-fit:cover;object-position:top;border-radius:24px;display:block;border:1px solid #03010b1a;box-shadow:0 4px 18px 0 #03010b1c}
.TestimonialBlock-content{flex:1 1 0}
.TestimonialBlock-content blockquote{margin:0 0 32px;padding:0;border:none}
.TestimonialBlock-content blockquote p{font-size:31px;line-height:1.6;color:#03010B;letter-spacing:-.01em;margin:0}
.TestimonialBlock-meta strong{font-size:18px;display:block;color:#03010B}
.TestimonialBlock-meta span{font-size:15px;color:#888}
.TestimonialBlock-sep{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}
.TestimonialBlock-diamond{width:10px;height:10px;background:#FF930B;transform:rotate(45deg);flex-shrink:0}
.TestimonialBlock-sep span{font-size:15px;color:#5BB5F1;letter-spacing:.06em}
.TestimonialBlock-visual{flex:0 0 380px}
.TestimonialBlock-visual img{width:380px;height:260px;object-fit:cover;object-position:center;border-radius:24px;display:block;border:1px solid #03010b14;box-shadow:0 4px 18px 0 #03010b1c}
.CtaBlock{padding:96px 56px;background:linear-gradient(135deg,#5bb5f112 0%,#ff930b0d 100%);border-top:1px solid #03010b0f}
.CtaBlock-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:row;gap:56px;align-items:center}
.CtaBlock-text{flex:1 1 0}
.CtaBlock-text h2{font-size:43px;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(90deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.CtaBlock-text p{font-size:18px;line-height:1.6;color:#555;margin:0;max-width:420px}
.CtaBlock-form{flex:0 0 440px}
.ContactForm{background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 40px 0 #03010b1c;border:1px solid #03010b0f}
.FormRow{margin-bottom:16px}
.FormRow label{display:block;font-size:15px;color:#444;margin-bottom:8px;font-weight:600}
.FormRow input,.FormRow textarea{width:100%;padding:16px;border:1px solid #03010b24;border-radius:2px;font-size:15px;color:#03010B;background:#fafafa;transition:border-color .15s ease-out,box-shadow .15s ease-out;outline:none;box-sizing:border-box}
.FormRow input:focus,.FormRow textarea:focus{border-color:#5BB5F1;box-shadow:0 3px 3px 0 #5bb5f114;background:#fff}
.FormRow textarea{height:96px;resize:vertical}
.FormSubmit{width:100%;background:#03010B;color:#fff;font-size:18px;font-weight:700;padding:16px;border:none;border-radius:2px;cursor:pointer;transition:filter .15s ease-out,box-shadow .18s ease-out;box-shadow:0 4px 18px 0 #03010b1c;margin-top:8px}
.FormSubmit:hover{filter:brightness(1.18)}
.FormSubmit:focus{outline:2px solid #5BB5F1;outline-offset:2px}
.AboutStrip{padding:56px;max-width:1440px;margin:0 auto;display:flex;flex-direction:row;gap:56px;align-items:center}
.AboutStrip-img{flex:0 0 480px;border-radius:24px;overflow:hidden;border:1px solid #03010b14;box-shadow:0 3px 3px 0 #03010b14}
.AboutStrip-img img{width:480px;height:300px;object-fit:cover;object-position:center;display:block}
.AboutStrip-text{flex:1 1 0}
.AboutStrip-text h3{font-size:31px;line-height:1.2;letter-spacing:-.01em;background:linear-gradient(90deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}
.AboutStrip-text p{font-size:18px;line-height:1.6;color:#555;margin:0 0 16px}
.AboutStrip-text p:last-child{margin-bottom:0}
.AboutStrip-divider{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:32px}
.AboutStrip-divider-line-short{width:32px;height:2px;background:#5BB5F1;border-radius:2px}
.AboutStrip-divider-line-long{flex:1 1 0;height:2px;background:#03010b14;border-radius:2px}
.AboutStrip-divider-dot{width:8px;height:8px;background:#FF930B;transform:rotate(45deg);flex-shrink:0}
.FooterBlock{background:#03010B;padding:56px}
.FooterBlock-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:row;gap:56px;align-items:flex-start}
.FooterBlock-brand{flex:0 0 220px}
.FooterBlock-brand strong{font-size:23px;color:#fff;display:block;margin-bottom:8px}
.FooterBlock-brand p{font-size:15px;color:#ffffff73;margin:0;line-height:1.6}
.FooterBlock-contact{flex:1 1 0}
.FooterBlock-contact h6{font-size:15px;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}
.FooterBlock-contact p{font-size:15px;color:#ffffffb3;margin:0 0 8px;line-height:1.6}
.FooterBlock-contact a{color:#5BB5F1;text-decoration:none;transition:color .15s ease-out}
.FooterBlock-contact a:hover{color:#FF930B}
.FooterBlock-copy{font-size:15px;color:#ffffff4d;text-align:right;padding-top:56px;max-width:1440px;margin:0 auto}
@media (max-width: 1024px) {
.HeroBlock-inner,.ProcessBlock-inner,.TestimonialBlock,.CtaBlock-inner,.AboutStrip,.FooterBlock-inner{flex-direction:column}
.HeroBlock-visual,.ProcessBlock-left,.TestimonialBlock-visual,.CtaBlock-form,.AboutStrip-img{flex:0 0 auto}
.HeroBlock-imgWrap img{width:100%;height:300px}
.HeroBlock-visual{width:100%}
.ProcessBlock-img img{width:100%;height:200px}
.ProcessBlock-left{width:100%}
.AboutStrip-img{width:100%}
.AboutStrip-img img{width:100%;height:240px}
.TestimonialBlock-visual{width:100%}
.TestimonialBlock-visual img{width:100%;height:220px}
.CtaBlock-form{width:100%;flex:0 0 auto}
.MetricsGrid{grid-template-columns:1fr}
.ServicesGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroBlock,.ServicesBlock,.ProcessBlock,.MetricsBlock,.TestimonialBlock,.CtaBlock,.AboutStrip,.FooterBlock{padding:56px 16px}
.HeroBlock h1{font-size:43px}
.ServicesBlock-header{flex-direction:column;gap:16px}
.TestimonialBlock{gap:32px}
.TestimonialBlock-content blockquote p{font-size:23px}
.MetricsBlock-heading h2{font-size:31px}
.CtaBlock-text h2{font-size:31px}
.FooterBlock-inner{flex-direction:column;gap:32px}
}
@media (max-width: 320px) {
.HeroBlock h1{font-size:31px}
.HeroBlock-cta{font-size:15px;padding:8px 16px}
}
.ContactPageWrapper{max-width:1440px;margin:0 auto;background:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;overflow-x:clip}
.ContactPageWrapper ::selection{background:#d1d5db;color:#03010B}
.ContactPageWrapper :focus-visible{outline:2px solid #5BB5F1;outline-offset:3px}
.ContactHeroBlock{background:linear-gradient(135deg,#03010B 0%,#0d0820 40%,#1a1035 70%,#03010B 100%);padding:96px 56px;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:56px;align-items:center;position:relative;overflow:hidden}
.ContactHeroBlock::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle at 60% 40%,#5bb5f12e 0%,#ff930b12 50%,transparent 70%);pointer-events:none;border-radius:50%}
.ContactHeroBlock::after{content:'';position:absolute;bottom:-60px;left:20%;width:300px;height:300px;background:radial-gradient(circle at 40% 60%,#ff930b1a 0%,transparent 65%);pointer-events:none;border-radius:50%}
.HeroTextSide{position:relative;z-index:1}
.HeroAccentTag{display:inline-flex;align-items:center;gap:8px;background:#5bb5f11f;border:1px solid #5bb5f147;border-radius:2px;padding:8px 16px;margin-bottom:32px}
.HeroAccentTag svg{flex-shrink:0}
.HeroAccentTag span{font-size:15px;color:#5BB5F1;letter-spacing:.04em}
.HeroMainHeading{font-size:60px;line-height:1.2;letter-spacing:-.03em;margin:0 0 32px;background:linear-gradient(120deg,#fff 0%,#5BB5F1 60%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.HeroMainHeading em{font-style:normal;background:linear-gradient(90deg,#FF930B,#5BB5F1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.HeroSubText{font-size:18px;line-height:1.6;color:#ffffffb3;margin:0;max-width:460px}
.HeroContactDetails{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px}
.ContactDetailItem{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:32px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 18px 0 #03010b1c;transition:background .18s ease-out,border-color .18s ease-out}
.ContactDetailItem:hover{background:#5bb5f114;border-color:#5bb5f138}
.ContactDetailIcon{width:44px;height:44px;border-radius:2px;background:#5bb5f126;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ContactDetailText{display:flex;flex-direction:column;gap:8px}
.ContactDetailLabel{font-size:15px;color:#ffffff73;letter-spacing:.06em;text-transform:uppercase}
.ContactDetailValue{font-size:18px;color:#fff;line-height:1.6;text-decoration:none;transition:color .15s ease}
.ContactDetailValue:hover{color:#5BB5F1}
.FormSectionBlock{padding:96px 56px;background:#f8f9fb}
.FormSectionInner{max-width:860px;margin:0 auto}
.FormHeadingGroup{margin-bottom:56px}
.FormSectionLabel{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}
.FormSectionLabel span{font-size:15px;color:#FF930B;letter-spacing:.05em;text-transform:uppercase}
.FormMainHeading{font-size:43px;line-height:1.2;letter-spacing:-.025em;color:#03010B;margin:0 0 16px;background:linear-gradient(110deg,#03010B 0%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.FormSubDesc{font-size:18px;line-height:1.6;color:#444;margin:0}
.ContactFormCard{background:#fff;border-radius:24px;padding:56px;box-shadow:0 8px 40px 0 #03010b1c;border:1px solid #03010b0f}
.FormFieldRow{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px;margin-bottom:32px}
.FormField{display:flex;flex-direction:column;gap:8px}
.FormField.FullWidth{grid-column:1 / -1}
.FormFieldLabel{font-size:15px;color:#03010B;letter-spacing:.02em}
.FormFieldLabel sup{color:#FF930B;margin-left:2px}
.FormInput{padding:16px;border:1px solid #03010b24;border-radius:2px;font-size:18px;color:#03010B;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease;appearance:none}
.FormInput::placeholder{color:#03010b4d;transition:opacity .2s ease}
.FormInput:focus::placeholder{opacity:0}
.FormInput:focus{outline:none;border-color:#5BB5F1;box-shadow:0 3px 3px 0 #5bb5f114;background:#fff}
.FormSelect{padding:16px;border:1px solid #03010b24;border-radius:2px;font-size:18px;color:#03010B;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%235BB5F1' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;cursor:pointer}
.FormSelect:focus{outline:none;border-color:#5BB5F1;box-shadow:0 3px 3px 0 #5bb5f114;background-color:#fff}
.FormTextarea{padding:16px;border:1px solid #03010b24;border-radius:2px;font-size:18px;color:#03010B;background:#fafafa;resize:vertical;min-height:140px;transition:border-color .15s ease,box-shadow .15s ease}
.FormTextarea::placeholder{color:#03010b4d;transition:opacity .2s ease}
.FormTextarea:focus::placeholder{opacity:0}
.FormTextarea:focus{outline:none;border-color:#5BB5F1;box-shadow:0 3px 3px 0 #5bb5f114;background:#fff}
.FormDivider{width:40%;height:1px;background:#03010b14;margin:32px 0}
.PrivacyRow{display:flex;flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:32px;padding:16px;background:#5bb5f10d;border-radius:2px;border:1px solid #5bb5f124}
.PrivacyCheckbox{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:#5BB5F1;cursor:pointer}
.PrivacyText{font-size:15px;color:#555;line-height:1.6;margin:0}
.PrivacyText a{color:#5BB5F1;text-decoration:underline;transition:color .12s ease}
.PrivacyText a:hover{color:#03010B}
.SubmitBtn{display:inline-flex;align-items:center;gap:8px;background:#03010B;color:#fff;font-size:18px;padding:16px 56px;border:none;border-radius:2px;cursor:pointer;letter-spacing:.02em;box-shadow:0 4px 18px 0 #03010b1c;transition:background .12s ease,filter .12s ease,box-shadow .18s ease-out}
.SubmitBtn:hover{filter:brightness(1.25);box-shadow:0 8px 40px 0 #03010b1c}
.SubmitBtn:active{filter:brightness(0.95)}
@media (max-width: 1024px) {
.ContactHeroBlock{grid-template-columns:1fr;padding:56px 32px;gap:32px}
.HeroMainHeading{font-size:43px}
.FormSectionBlock{padding:56px 32px}
.ContactFormCard{padding:32px}
.FormFieldRow{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 768px) {
.ContactHeroBlock{padding:56px 16px}
.HeroMainHeading{font-size:31px}
.FormSectionBlock{padding:56px 16px}
.ContactFormCard{padding:32px 16px}
.FormMainHeading{font-size:31px}
}
@media (max-width: 320px) {
.HeroMainHeading{font-size:23px}
.FormMainHeading{font-size:23px}
.SubmitBtn{width:100%;justify-content:center;padding:16px 32px}
}
.AboutPageWrapper{max-width:1440px;margin:0 auto;background:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;overflow:hidden}
.AboutPageWrapper ::selection{background:#d1d5db;color:inherit}
.AboutPageWrapper input::placeholder,.AboutPageWrapper textarea::placeholder{transition:opacity .18s ease-out}
.AboutPageWrapper input:focus::placeholder,.AboutPageWrapper textarea:focus::placeholder{opacity:0}
.AboutHeroBlock{position:relative;padding:96px 56px;background:#03010B;overflow:hidden}
.AboutHeroBlock::before{content:'';position:absolute;top:-80px;right:-80px;width:520px;height:520px;background:radial-gradient(circle at 70% 30%,#5bb5f12e 0%,#ff930b17 45%,transparent 70%);pointer-events:none}
.AboutHeroBlock::after{content:'';position:absolute;bottom:-60px;left:80px;width:360px;height:360px;background:radial-gradient(circle at 30% 70%,#ff930b1f 0%,#5bb5f112 50%,transparent 70%);pointer-events:none}
.DotGridBehind{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#5bb5f12e 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}
.HeroInner{position:relative;z-index:1;max-width:860px}
.HeroTagLine{display:inline-flex;align-items:center;gap:8px;background:#5bb5f11f;border:1px solid #5bb5f147;border-radius:2px;padding:8px 16px;margin-bottom:32px}
.HeroTagLine svg{width:16px;height:16px;color:#5BB5F1;flex-shrink:0}
.HeroTagLine span{font-size:15px;color:#5BB5F1;letter-spacing:.04em;line-height:1.2}
.HeroMainHeading{font-size:60px;line-height:1.2;letter-spacing:-.02em;margin-bottom:32px;background:linear-gradient(135deg,#fff 30%,#5BB5F1 65%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.HeroSubText{font-size:18px;line-height:1.9;color:#ffffffb8;max-width:620px}
.HeroSubText strong{color:#fff;font-weight:600}
.AboutCoreBlock{padding:96px 56px;background:#f8f9fb}
.CoreBlockInner{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:start}
.CoreLeft{display:flex;flex-direction:column;gap:56px}
.SectionLabel{font-size:15px;font-weight:700;color:#FF930B;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:16px}
.SectionLabel svg{width:18px;height:18px}
.CoreHeading{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#03010B;margin-bottom:32px}
.CoreHeading span{background:linear-gradient(135deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.CoreParagraph{font-size:18px;line-height:1.9;color:#3a3a4a;margin-bottom:16px}
.CoreParagraph strong{color:#03010B;font-weight:600}
.MetricsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.MetricCard{background:#fff;border:1px solid #03010b14;border-radius:24px;padding:32px 16px;text-align:center;box-shadow:0 3px 3px 0 #03010b14;transition:box-shadow .18s ease-out,transform .15s ease-out}
.MetricCard:hover{box-shadow:0 8px 40px 0 #03010b1c;transform:translateY(-2px)}
.MetricValue{font-size:43px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#03010B;display:block;background:linear-gradient(135deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.MetricDesc{font-size:15px;line-height:1.6;color:#6b7280;display:block;margin-top:8px}
.CoreRight{display:flex;flex-direction:column;gap:32px;position:relative}
.PortraitWrapper{position:relative;align-self:flex-start}
.PortraitCircle{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid #5BB5F1;outline:6px solid #5bb5f12e;box-shadow:0 4px 18px 0 #5bb5f11c}
.PortraitCircle img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.PortraitIconAccent{position:absolute;bottom:-8px;right:-8px;width:44px;height:44px;background:#FF930B;border-radius:50%;display:flex;align-items:center;justify-content:center;outline:3px solid #fff;box-shadow:0 3px 3px 0 #03010b14}
.PortraitIconAccent svg{width:22px;height:22px;color:#fff}
.ExpertCard{background:#fff;border-radius:24px;border:1px solid #03010b12;padding:32px;box-shadow:0 4px 18px 0 #03010b1c}
.ExpertName{font-size:23px;line-height:1.2;color:#03010B;font-weight:700;margin-bottom:8px}
.ExpertRole{font-size:15px;color:#5BB5F1;font-weight:600;letter-spacing:.03em;margin-bottom:16px}
.ExpertBio{font-size:15px;line-height:1.9;color:#556}
.ImageShowcaseBlock{padding:96px 56px;background:#fff}
.ShowcaseInner{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px;align-items:start}
.ShowcaseTextCol{display:flex;flex-direction:column;gap:32px}
.ShowcaseHeading{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#03010B}
.ShowcaseHeading span{background:linear-gradient(135deg,#FF930B 0%,#5BB5F1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ShowcaseDesc{font-size:18px;line-height:1.9;color:#3a3a4a}
.FeaturesList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.FeaturesList li{display:flex;align-items:flex-start;gap:16px;font-size:18px;line-height:1.6;color:#3a3a4a}
.FeaturesListNum{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:#03010B;color:#fff;font-size:15px;font-weight:700;border-radius:2px;margin-top:2px}
.DashedHighlightBox{border:2px dashed #5BB5F1;border-radius:24px;padding:32px;background:#5bb5f10a}
.DashedHighlightBox p{font-size:18px;line-height:1.9;color:#03010B;margin:0}
.DashedHighlightBox strong{color:#5BB5F1}
.ShowcaseImgCol{display:flex;flex-direction:column;gap:16px}
.ImgFrameMain{border-radius:24px;overflow:hidden;border:1px solid #03010b1a;box-shadow:0 4px 18px 0 #03010b1c;width:100%;aspect-ratio:4/3}
.ImgFrameMain img{width:100%;height:100%;object-fit:cover;display:block}
.ImgFrameSmallRow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ImgFrameSmall{border-radius:24px;overflow:hidden;border:1px solid #03010b1a;box-shadow:0 3px 3px 0 #03010b14;aspect-ratio:3/2}
.ImgFrameSmall img{width:100%;height:100%;object-fit:cover;display:block}
.DiagonalDivider{height:56px;background:#f8f9fb;clip-path:polygon(0 0,100% 100%,100% 0);margin-bottom:0}
.ApproachBlock{padding:96px 56px;background:#03010B;position:relative;overflow:hidden}
.ApproachBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#5bb5f11a 0%,transparent 55%),radial-gradient(circle at 80% 20%,#ff930b14 0%,transparent 50%);pointer-events:none}
.ApproachInner{position:relative;z-index:1}
.ApproachHeading{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#fff;max-width:640px;margin-bottom:56px}
.ApproachHeading span{background:linear-gradient(135deg,#5BB5F1 0%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ApproachGrid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:32px}
.ApproachItem{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:background .2s ease-out,border-color .15s ease-out}
.ApproachItem:hover{background:#5bb5f112;border-color:#5bb5f138}
.ApproachItemLabel{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;position:relative}
.ApproachItemLabel span.SlideLabel{font-size:15px;font-weight:700;color:#FF930B;letter-spacing:.05em;display:inline-block;transition:transform .18s ease-out}
.ApproachItem:hover .SlideLabel{transform:translateX(6px)}
.ApproachItemHeading{font-size:23px;line-height:1.2;color:#fff;font-weight:700;margin-bottom:16px}
.ApproachItemText{font-size:15px;line-height:1.9;color:#ffffffa6}
.ApproachImageRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:56px}
.ApproachImgFrame{border-radius:24px;overflow:hidden;border:1px solid #ffffff1a;box-shadow:0 4px 18px 0 #5bb5f11c;aspect-ratio:4/3}
.ApproachImgFrame img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width: 1024px) {
.AboutHeroBlock{padding:56px 32px}
.HeroMainHeading{font-size:43px}
.AboutCoreBlock{padding:56px 32px}
.CoreBlockInner{grid-template-columns:1fr}
.CoreRight{flex-direction:row;flex-wrap:wrap;gap:32px;align-items:flex-start}
.ImageShowcaseBlock{padding:56px 32px}
.ApproachBlock{padding:56px 32px}
.ApproachImageRow{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.AboutHeroBlock{padding:56px 16px}
.HeroMainHeading{font-size:31px}
.HeroSubText{font-size:15px}
.AboutCoreBlock{padding:56px 16px}
.MetricsRow{grid-template-columns:1fr}
.CoreRight{flex-direction:column}
.ImageShowcaseBlock{padding:56px 16px}
.ShowcaseInner{grid-template-columns:1fr}
.CoreHeading,.ShowcaseHeading,.ApproachHeading{font-size:31px}
.ApproachBlock{padding:56px 16px}
.ApproachGrid{grid-template-columns:1fr}
.ApproachImageRow{grid-template-columns:1fr}
}
@media (max-width: 320px) {
.HeroMainHeading{font-size:23px}
.MetricValue{font-size:31px}
}
.ResellersWrapper{max-width:1440px;margin:0 auto;overflow:hidden;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.ResellersWrapper ::selection{background:#d0d0d0;color:#03010B}
.ResellersWrapper ::-moz-selection{background:#d0d0d0;color:#03010B}
.HeroReseller{background:#03010B;padding:96px 56px 56px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;overflow:hidden}
.HeroReseller::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5BB5F1 0%,#FF930B 100%)}
.HeroReseller::after{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(ellipse at 30% 40%,#5bb5f11f 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,#ff930b14 0%,transparent 55%);pointer-events:none}
.HeroReseller-text{display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}
.HeroReseller-label{display:inline-flex;align-items:center;gap:8px;color:#5BB5F1;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.HeroReseller-label svg{flex-shrink:0}
.HeroReseller-heading{font-size:60px;line-height:1.2;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#5BB5F1 60%,#FF930B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}
.HeroReseller-desc{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0;max-width:480px}
.HeroReseller-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.HeroReseller-points li{display:flex;align-items:flex-start;gap:16px;font-size:15px;line-height:1.6;color:#ffffffd1}
.HeroReseller-points li svg{flex-shrink:0;margin-top:2px}
.HeroReseller-visual{position:relative;z-index:1}
.HeroReseller-imgframe{width:100%;height:440px;overflow:hidden;border:1px solid #5bb5f140;border-radius:2px;position:relative;box-shadow:0 8px 40px 0 #5bb5f11c}
.HeroReseller-imgframe img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 8s linear}
.HeroReseller-imgframe:hover img{transform:translateX(-5%)}
.HeroReseller-statsbar{display:flex;flex-direction:row;gap:32px;margin-top:16px}
.StatPill{display:flex;flex-direction:column;gap:8px;padding:16px;background:#5bb5f114;border:1px solid #5bb5f12e;border-radius:2px;flex:1}
.StatPill-num{font-size:31px;line-height:1.2;font-weight:700;color:#5BB5F1;letter-spacing:-.02em}
.StatPill-label{font-size:15px;line-height:1.6;color:#fff9}
.PartnerBlock{padding:96px 56px;background:#fff;position:relative}
.PartnerBlock-divider{position:absolute;top:0;left:56px;right:56px;height:2px;background:linear-gradient(90deg,transparent 0%,#5BB5F1 40%,#FF930B 70%,transparent 100%)}
.PartnerBlock-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:56px;align-items:start}
.PartnerBlock-intro{display:flex;flex-direction:column;gap:32px}
.PartnerBlock-tag{font-size:15px;font-weight:600;color:#FF930B;text-transform:uppercase;letter-spacing:.08em}
.PartnerBlock-heading{font-size:43px;line-height:1.2;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#5BB5F1 0%,#03010B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.PartnerBlock-body{font-size:18px;line-height:1.6;color:#3a3a4a;margin:0}
.PartnerBlock-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.PartnerBlock-checklist li{display:flex;align-items:flex-start;gap:16px;font-size:15px;line-height:1.6;color:#1a1a2e}
.PartnerBlock-checklist li strong{display:block;font-size:15px;color:#03010B;margin-bottom:4px}
.PartnerBlock-checklist li span{color:#4a4a5a;font-size:15px;line-height:1.6}
.CheckSvg{flex-shrink:0;margin-top:2px}
.PartnerBlock-right{display:flex;flex-direction:column;gap:32px}
.TeamRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.TeamCard{display:flex;flex-direction:column;border:1px solid #03010b1a;border-radius:2px;overflow:hidden;box-shadow:0 3px 3px 0 #03010b14;transition:box-shadow .18s ease-out,transform .15s ease-out}
.TeamCard:hover{box-shadow:0 4px 18px 0 #5bb5f11c;transform:translateY(-2px)}
.TeamCard-img{width:100%;aspect-ratio:4/5;overflow:hidden;position:relative;border-bottom:1px solid #03010b14}
.TeamCard-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 6s linear}
.TeamCard-img:hover img{transform:translateY(-4%)}
.TeamCard-info{padding:16px;background:#fafafa}
.TeamCard-name{font-size:15px;font-weight:700;color:#03010B;margin:0 0 8px;line-height:1.2}
.TeamCard-role{font-size:15px;color:#5BB5F1;line-height:1.6;margin:0}
.PartnerBlock-cta{display:flex;flex-direction:column;gap:16px;padding:32px;background:linear-gradient(135deg,#5bb5f112 0%,#ff930b0d 100%);border:1px solid #5bb5f133;border-radius:2px}
.PartnerBlock-cta p{font-size:18px;line-height:1.6;color:#1a1a2e;margin:0}
.BtnPrimary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#03010B;color:#fff;font-size:18px;font-weight:700;text-decoration:none;border-radius:2px;border:none;cursor:pointer;box-shadow:0 4px 18px 0 #03010b1c;transition:brightness .16s ease-out;align-self:flex-start}
.BtnPrimary:hover{filter:brightness(1.35)}
.BtnPrimary:focus{outline:2px solid #5BB5F1;outline-offset:3px}
.TierBlock{padding:96px 56px;background:#03010B;position:relative;overflow:hidden}
.TierBlock::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF930B 0%,#5BB5F1 50%,#03010B 100%)}
.TierBlock-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 60%,#5bb5f117 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,#ff930b12 0%,transparent 45%),radial-gradient(ellipse at 50% 100%,#5bb5f10f 0%,transparent 40%);pointer-events:none}
.TierBlock-inner{position:relative;z-index:1}
.TierBlock-top{text-align:center;margin-bottom:56px}
.TierBlock-pretitle{font-size:15px;font-weight:600;color:#FF930B;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.TierBlock-heading{font-size:43px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;background:linear-gradient(135deg,#5BB5F1 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.TierBlock-sub{font-size:18px;line-height:1.6;color:#ffffffa6;max-width:560px;margin:0 auto}
.TierGrid{display:grid;grid-template-columns:1fr 2fr 1fr 2fr;gap:16px;align-items:stretch}
.TierCard{background:#ffffff0a;border:1px solid #5bb5f126;border-radius:2px;padding:32px;display:flex;flex-direction:column;gap:16px;transition:background .18s ease-out,border-color .18s ease-out;box-shadow:0 3px 3px 0 #5bb5f114}
.TierCard:hover{background:#5bb5f112;border-color:#5bb5f159}
.TierCard-wide{background:#5bb5f10f;border-color:#5bb5f140}
.TierCard-icon{width:40px;height:40px;background:#5bb5f11f;border-radius:2px;display:flex;align-items:center;justify-content:center}
.TierCard-title{font-size:23px;line-height:1.2;font-weight:700;color:#fff;margin:0}
.TierCard-desc{font-size:15px;line-height:1.6;color:#ffffff9e;margin:0;flex:1}
.TierCard-badge{display:inline-block;padding:8px 16px;background:#ff930b26;color:#FF930B;font-size:15px;font-weight:600;border-radius:2px;border:1px solid #ff930b40;align-self:flex-start}
.TierCard-badge-blue{background:#5bb5f11f!important;color:#5BB5F1!important;border-color:#5bb5f140!important}
.ContactStrip{padding:56px;background:#f5f7fa;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #03010b14}
.ContactStrip-text{display:flex;flex-direction:column;gap:8px}
.ContactStrip-label{font-size:15px;color:#5BB5F1;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ContactStrip-heading{font-size:31px;line-height:1.2;font-weight:700;color:#03010B;margin:0}
.ContactStrip-links{display:flex;flex-direction:row;gap:32px;align-items:center;flex-wrap:wrap}
.ContactStrip-link{display:flex;align-items:center;gap:8px;font-size:18px;color:#03010B;text-decoration:none;font-weight:500;transition:color .15s ease-out}
.ContactStrip-link:hover{color:#5BB5F1}
.ContactStrip-link svg{flex-shrink:0}
@media (max-width: 1024px) {
.HeroReseller{grid-template-columns:1fr;padding:56px 32px}
.HeroReseller-heading{font-size:43px}
.HeroReseller-imgframe{height:300px}
.PartnerBlock{padding:56px 32px}
.PartnerBlock-grid{grid-template-columns:1fr;gap:32px}
.TierBlock{padding:56px 32px}
.TierGrid{grid-template-columns:1fr 1fr}
.ContactStrip{padding:56px 32px;flex-direction:column;align-items:flex-start}
}
@media (max-width: 768px) {
.HeroReseller{padding:56px 16px 32px;gap:32px}
.HeroReseller-heading{font-size:31px}
.HeroReseller-statsbar{flex-direction:column;gap:16px}
.PartnerBlock{padding:56px 16px}
.PartnerBlock-heading{font-size:31px}
.TeamRow{grid-template-columns:1fr 1fr}
.TierBlock{padding:56px 16px}
.TierBlock-heading{font-size:31px}
.TierGrid{grid-template-columns:1fr}
.ContactStrip{padding:32px 16px}
.ContactStrip-links{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width: 320px) {
.HeroReseller-heading{font-size:23px}
.TeamRow{grid-template-columns:1fr}
.TierCard{padding:16px}
}
.SuccessWrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 32px;background:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.SuccessWrapper .success-inner{max-width:560px;width:100%;text-align:center}
.SuccessWrapper .success-icon-wrap{width:72px;height:72px;margin:0 auto 32px;border-radius:24px;background:linear-gradient(135deg,#5BB5F1 0%,#03010B 100%);display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 8px 40px 0 #5bb5f11c}
.SuccessWrapper .success-icon-wrap svg{display:block}
.SuccessWrapper .success-heading{font-size:43px;line-height:1.2;letter-spacing:-.02em;color:#03010B;margin:0 0 16px;background:linear-gradient(110deg,#5BB5F1 0%,#03010B 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.SuccessWrapper .success-sub{font-size:18px;line-height:1.6;color:#03010B;margin:0 0 56px;opacity:.72}
.SuccessWrapper .success-divider{width:48px;height:2px;background:#FF930B;border-radius:2px;margin:0 auto 56px}
.SuccessWrapper .success-detail{background:#f7f9fc;border-radius:24px;padding:32px;box-shadow:0 3px 3px 0 #03010b14;margin-bottom:56px;text-align:left}
.SuccessWrapper .success-detail-label{font-size:15px;font-weight:700;color:#5BB5F1;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;display:block}
.SuccessWrapper .success-detail p{font-size:15px;line-height:1.6;color:#03010B;margin:0;opacity:.8}
.SuccessWrapper .success-actions{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.SuccessWrapper .btn-primary{display:inline-block;padding:16px 32px;background:#03010B;color:#fff;font-size:15px;font-weight:700;border-radius:2px;text-decoration:none;letter-spacing:.02em;box-shadow:0 4px 18px 0 #03010b1c;transition:brightness .15s ease-out,box-shadow .2s ease}
.SuccessWrapper .btn-primary:hover{filter:brightness(1.18);box-shadow:0 8px 40px 0 #03010b1c}
.SuccessWrapper .btn-primary:focus{outline:2px solid #5BB5F1;outline-offset:3px}
.SuccessWrapper .btn-secondary{display:inline-block;padding:16px 32px;background:transparent;color:#03010B;font-size:15px;font-weight:600;border-radius:2px;text-decoration:none;border:1.5px solid #03010b2e;transition:border-color .15s ease-out,color .15s ease-out}
.SuccessWrapper .btn-secondary:hover{border-color:#5BB5F1;color:#5BB5F1}
.SuccessWrapper .btn-secondary:focus{outline:2px solid #5BB5F1;outline-offset:3px}
.SuccessWrapper .success-contact{margin-top:56px;font-size:15px;line-height:1.6;color:#03010B;opacity:.6}
.SuccessWrapper .success-contact a{color:#5BB5F1;text-decoration:none;font-weight:600;transition:opacity .12s ease-out}
.SuccessWrapper .success-contact a:hover{opacity:.72}
@media (max-width: 768px) {
.SuccessWrapper{padding:56px 16px}
.SuccessWrapper .success-heading{font-size:31px}
.SuccessWrapper .success-actions{flex-direction:column;align-items:stretch}
.SuccessWrapper .btn-primary,.SuccessWrapper .btn-secondary{text-align:center}
}
@media (max-width: 320px) {
.SuccessWrapper .success-heading{font-size:23px}
}