*{box-sizing:border-box}
body{margin:0;font-family:'Roboto Slab',serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#fff;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.headerWrapper{background:linear-gradient(135deg,#096171 0%,#0a7a8f 100%);padding:24px 48px;position:relative}
.headerInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center}
.logoContainer{background:#fff;padding:12px 24px;border-radius:8px;box-shadow:1px 7px 22px 0 #09617114;border:2px solid #B7F6DE}
.logoContainer img{display:block;width:90px;height:90px;object-fit:contain}
.navWrapper{display:flex;flex-direction:column;gap:12px}
.siteDescriptor{font-size:16px;color:#B7F6DE;letter-spacing:.03em;font-weight:400}
.mainNavigation{display:flex;flex-wrap:wrap;gap:24px;list-style:none;margin:0;padding:0}
.mainNavigation a{color:#fff;text-decoration:none;font-size:16px;padding:12px 24px;background:#b7f6de1f;border-radius:30px;transition:background .42s cubic-bezier(0.16,1,0.3,1),box-shadow .42s cubic-bezier(0.16,1,0.3,1);border:1px solid #b7f6de4d;letter-spacing:.01em}
.mainNavigation a:hover{background:#b7f6de40;box-shadow:1px 7px 22px 0 #b7f6de14}
.mainNavigation a:focus{outline:2px solid #FFCB14;outline-offset:4px}
.contactQuickInfo{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.phoneDisplay{font-size:23px;color:#FFCB14;font-weight:700;text-decoration:none;letter-spacing:-.02em;transition:color .38s ease-in-out}
.phoneDisplay:hover{color:#B7F6DE}
.phoneDisplay:focus{outline:2px solid #B7F6DE;outline-offset:4px}
.locationDisplay{font-size:16px;color:#ffffffd9;letter-spacing:.02em}
.footerWrapper{background:linear-gradient(to bottom,#fff 0%,#f8f9fa 100%);position:relative;overflow:hidden}
.footerWaveDivider{position:absolute;top:0;left:0;width:100%;height:48px;background:linear-gradient(135deg,#096171 0%,#0a7a8f 100%);clip-path:polygon(0 0,100% 0,100% 60%,90% 80%,80% 60%,70% 80%,60% 60%,50% 80%,40% 60%,30% 80%,20% 60%,10% 80%,0 60%)}
.footerContent{max-width:1400px;margin:0 auto;padding:96px 48px 48px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;align-items:start}
.footerLogoSection{display:flex;flex-direction:column;gap:24px}
.footerLogoContainer{background:#fff;padding:12px 24px;border-radius:8px;box-shadow:1px 2px 2px 0 #0961710f;border:1px solid #B7F6DE;width:fit-content}
.footerLogoContainer img{display:block;width:90px;height:90px;object-fit:contain}
.companyFoundedNote{font-size:16px;color:#096171;line-height:1.6}
.footerInfoSection{display:flex;flex-direction:column;gap:24px}
.companyNameDisplay{font-size:23px;color:#096171;font-weight:700;letter-spacing:-.01em}
.contactDetailsList{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.contactDetailsList li{font-size:16px;color:#2a2a2a;line-height:1.6}
.contactDetailsList a{color:#096171;text-decoration:none;transition:color .45s cubic-bezier(0.16,1,0.3,1)}
.contactDetailsList a:hover{color:#0a7a8f}
.contactDetailsList a:focus{outline:2px solid #096171;outline-offset:2px}
.footerLegalSection{display:flex;flex-direction:column;gap:24px}
.legalNavigation{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.legalNavigation a{color:#096171;text-decoration:none;font-size:16px;padding:12px;background:#b7f6de26;border-radius:8px;transition:background .48s ease-in-out,box-shadow .48s ease-in-out;display:block}
.legalNavigation a:hover{background:#b7f6de59;box-shadow:1px 2px 2px 0 #0961710f}
.legalNavigation a:focus{outline:2px solid #096171;outline-offset:4px}
.copyrightNotice{font-size:16px;color:#5a5a5a;text-align:center;padding:24px 48px;border-top:1px solid #09617126}
@media (max-width: 1024px) {
.headerInner{grid-template-columns:1fr;gap:24px}
.logoContainer{justify-self:center}
.navWrapper{align-items:center}
.mainNavigation{justify-content:center}
.contactQuickInfo{align-items:center}
.footerContent{grid-template-columns:1fr;gap:48px}
.footerLogoContainer{margin:0 auto}
}
@media (max-width: 768px) {
.headerWrapper{padding:24px}
.mainNavigation{flex-direction:column;gap:12px;width:100%}
.mainNavigation a{text-align:center}
.phoneDisplay{font-size:23px}
.footerContent{padding:72px 24px 24px}
.copyrightNotice{padding:24px}
}
@media (max-width: 360px) {
.headerWrapper{padding:12px}
.logoContainer{padding:12px}
.logoContainer img{width:70px;height:70px}
.footerLogoContainer img{width:70px;height:70px}
.phoneDisplay{font-size:16px}
}
.popupPlaceholder{position:fixed;bottom:24px;right:24px;z-index:1200;display:none}
.popupPlaceholder.open{display:block;animation:fadeInPopup 260ms ease-in-out forwards}
@keyframes fadeInPopup {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.panel{background:#fff;padding:24px;border-radius:16px;box-shadow:1px 12px 52px 0 #0961711c;border:2px solid #B7F6DE;max-width:420px}
.notice{font-size:16px;color:#2a2a2a;line-height:1.6;margin:0 0 24px}
.notice a{color:#096171;text-decoration:underline;transition:color .38s ease-in-out}
.notice a:hover{color:#0a7a8f}
.notice a:focus{outline:2px solid #096171;outline-offset:2px}
.actions{display:flex;gap:12px}
.choice{flex:1;padding:12px 24px;border:2px solid #096171;background:linear-gradient(135deg,#096171 0%,#0a7a8f 100%);color:#fff;font-size:16px;font-family:'Roboto Slab',serif;cursor:pointer;transition:border-color .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s cubic-bezier(0.16,1,0.3,1);border-radius:2px}
.choice:hover{border-color:#FFCB14;box-shadow:1px 7px 22px 0 #09617114}
.choice:focus{outline:2px solid #FFCB14;outline-offset:4px}
@media (max-width: 768px) {
.popupPlaceholder{right:12px;bottom:12px;left:12px}
.panel{max-width:none}
.actions{flex-direction:column}
}
.terms-content{max-width:1400px;margin:0 auto;padding:96px 24px;background:#fff}
.terms-content h1{font-size:72px;line-height:1.1;color:#096171;margin:0 0 48px;letter-spacing:-.02em}
.terms-content h2{font-size:42px;line-height:1.1;color:#096171;margin:96px 0 24px;letter-spacing:-.01em}
.terms-content h3{font-size:23px;line-height:1.1;color:#096171;margin:48px 0 24px;letter-spacing:0}
.terms-content h4{font-size:23px;line-height:1.1;color:#333;margin:48px 0 12px;letter-spacing:0}
.terms-content h5{font-size:16px;line-height:1.6;color:#333;margin:24px 0 12px;letter-spacing:.01em;font-weight:700}
.terms-content h6{font-size:16px;line-height:1.6;color:#666;margin:24px 0 12px;letter-spacing:.01em;font-weight:600}
.terms-content p{font-size:16px;line-height:1.6;color:#333;margin:0 0 24px;letter-spacing:.01em}
.terms-content strong,.terms-content b{font-weight:700;color:#096171}
.terms-content em,.terms-content i{font-style:italic;color:#555}
.terms-content hr{border:none;height:1px;background:linear-gradient(to right,#0961711a,#b7f6de4d,#0961711a);margin:96px 0}
.terms-content ul,.terms-content ol{font-size:16px;line-height:1.6;color:#333;margin:0 0 24px;padding:0 0 0 24px;letter-spacing:.01em}
.terms-content ul li,.terms-content ol li{margin:0 0 12px}
.terms-content a{color:#096171;text-decoration:underline;transition:color .42s cubic-bezier(0.16,1,0.3,1)}
.terms-content a:hover{color:#0a7a8e}
.terms-content div{margin:0 0 24px}
.terms-content table{width:100%;border-collapse:collapse;margin:0 0 48px;font-size:16px;line-height:1.6;color:#333}
.terms-content table th{background:#0961710f;padding:12px 24px;text-align:left;font-weight:700;color:#096171;border-bottom:2px solid #09617133}
.terms-content table td{padding:12px 24px;border-bottom:1px solid #09617114}
.terms-content blockquote{margin:48px 0;padding:24px 24px 24px 48px;background:#b7f6de26;border-radius:8px;font-size:16px;line-height:1.6;color:#555;font-style:italic}
@media (max-width: 1024px) {
.terms-content{padding:48px 24px}
.terms-content h1{font-size:42px;margin:0 0 24px}
.terms-content h2{font-size:23px;margin:48px 0 24px}
}
@media (max-width: 768px) {
.terms-content{padding:48px 12px}
.terms-content h1{font-size:42px;margin:0 0 24px}
.terms-content h2{font-size:23px;margin:48px 0 12px}
.terms-content h3{margin:24px 0 12px}
.terms-content table{font-size:16px}
.terms-content table th,.terms-content table td{padding:12px}
}
.contactPageWrapper{background:#fff;margin:0;padding:0;min-height:100vh}
.contactPageWrapper .heroContactWrapper{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:96px 24px;align-items:start}
.contactPageWrapper .leftContactZone{grid-column:1 / 3;padding:48px;background:linear-gradient(135deg,#B7F6DE 0%,#b7f6de4d 100%);border-radius:30px;box-shadow:1px 7px 22px 0 #09617114}
.contactPageWrapper .mainContactHeading{font-size:72px;line-height:1.1;color:#096171;margin:0 0 24px;letter-spacing:-.02em}
.contactPageWrapper .contactIntroText{font-size:23px;line-height:1.6;color:#2a2a2a;margin:0 0 48px;max-width:680px}
.contactPageWrapper .imageContactColumn{grid-column:3 / 4;position:relative;height:100%;min-height:420px}
.contactPageWrapper .heroContactImage{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:1px 12px 52px 0 #0961711c;position:relative}
.contactPageWrapper .heroContactImage::before{content:'';position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#09617166 0%,#09617100 100%);border-radius:16px 16px 0 0;pointer-events:none}
.contactPageWrapper .waveDividerTop{position:absolute;bottom:-2px;left:0;width:100%;height:80px;overflow:hidden}
.contactPageWrapper .waveDividerTop svg{width:100%;height:100%;display:block}
.contactPageWrapper .formSectionWrapper{background:#fafafa;padding:96px 24px;position:relative}
.contactPageWrapper .zigzagDecoration{position:absolute;top:0;left:0;right:0;height:12px;background-image:linear-gradient(135deg,#096171 25%,transparent 25%),linear-gradient(225deg,#096171 25%,transparent 25%);background-size:24px 12px;background-position:0 0,12px 0;background-repeat:repeat-x}
.contactPageWrapper .formContentGrid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:96px;align-items:start}
.contactPageWrapper .sidebarInfoColumn{background:#fff;padding:48px;border-radius:30px;box-shadow:1px 7px 22px 0 #09617114;position:sticky;top:24px}
.contactPageWrapper .infoBlockHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 24px;letter-spacing:-.01em}
.contactPageWrapper .contactDetailItem{margin:0 0 24px;padding:0 0 24px;border-bottom:2px solid #B7F6DE}
.contactPageWrapper .contactDetailItem:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.contactPageWrapper .detailLabel{font-size:16px;line-height:1.6;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}
.contactPageWrapper .detailValue{font-size:23px;line-height:1.6;color:#2a2a2a;margin:0;word-break:break-word}
.contactPageWrapper .detailValue a{color:#096171;text-decoration:none;transition:color .42s cubic-bezier(0.16,1,0.3,1)}
.contactPageWrapper .detailValue a:hover{color:#FFCB14}
.contactPageWrapper .smallDiamondSeparator{width:12px;height:12px;background:#FFCB14;transform:rotate(45deg);margin:24px auto}
.contactPageWrapper .formMainColumn{background:#fff;padding:48px;border-radius:30px;box-shadow:1px 12px 52px 0 #0961711c}
.contactPageWrapper .formHeadingBlock{margin:0 0 48px}
.contactPageWrapper .formMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 12px;letter-spacing:-.01em}
.contactPageWrapper .formSubtext{font-size:23px;line-height:1.6;color:#666;margin:0}
.contactPageWrapper .contactFormElement{display:grid;gap:24px}
.contactPageWrapper .inputGroupWrapper{display:grid;gap:12px}
.contactPageWrapper .inputLabel{font-size:16px;line-height:1.6;color:#2a2a2a;font-weight:600;display:block}
.contactPageWrapper .textInputField{width:100%;padding:16px 24px;font-size:23px;line-height:1.6;color:#2a2a2a;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .38s ease-in-out,box-shadow .38s ease-in-out;box-shadow:inset 1px 2px 3px 0 #0961710a}
.contactPageWrapper .textInputField:focus{outline:none;border-color:#096171;box-shadow:inset 1px 2px 3px 0 #0961710a 1px 7px 22px 0 #09617114}
.contactPageWrapper .textInputField::placeholder{color:#999}
.contactPageWrapper .timeSlotWrapper{display:grid;gap:12px}
.contactPageWrapper .timeSlotGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contactPageWrapper .timeSlotInput{display:none}
.contactPageWrapper .timeSlotLabel{padding:16px 24px;font-size:23px;line-height:1.6;color:#2a2a2a;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;text-align:center;cursor:pointer;transition:all .45s cubic-bezier(0.16,1,0.3,1);box-shadow:1px 2px 2px 0 #0961710f}
.contactPageWrapper .timeSlotLabel:hover{border-color:#B7F6DE;background:#B7F6DE;transform:translateY(-2px);box-shadow:1px 7px 22px 0 #09617114}
.contactPageWrapper .timeSlotInput:checked + .timeSlotLabel{background:linear-gradient(135deg,#096171 0%,#0a7a8d 100%);color:#fff;border-color:#096171;box-shadow:1px 12px 52px 0 #0961711c}
.contactPageWrapper .privacyCheckboxWrapper{display:flex;align-items:start;gap:12px;margin:24px 0 0}
.contactPageWrapper .privacyCheckboxInput{width:24px;height:24px;margin:4px 0 0;cursor:pointer;accent-color:#096171;flex-shrink:0}
.contactPageWrapper .privacyLabelText{font-size:16px;line-height:1.6;color:#666;margin:0}
.contactPageWrapper .privacyLabelText a{color:#096171;text-decoration:underline;transition:color .38s ease-in-out}
.contactPageWrapper .privacyLabelText a:hover{color:#FFCB14}
.contactPageWrapper .submitButtonWrapper{margin:48px 0 0}
.contactPageWrapper .submitContactButton{width:100%;padding:24px 48px;font-size:23px;line-height:1.6;color:#fff;background:linear-gradient(135deg,#096171 0%,#0a7a8d 50%,#FFCB14 100%);border:2px solid #096171;border-radius:46px;cursor:pointer;transition:border-color .5s cubic-bezier(0.16,1,0.3,1),transform .5s cubic-bezier(0.16,1,0.3,1);box-shadow:1px 12px 52px 0 #0961711c;font-weight:600;letter-spacing:.02em}
.contactPageWrapper .submitContactButton:hover{border-color:#FFCB14;transform:translateY(-3px)}
.contactPageWrapper .submitContactButton:active{transform:translateY(0)}
.contactPageWrapper .accentPulseElement{animation:pulseAccent 3.2s ease-in-out infinite}
@keyframes pulseAccent {
0%,100%{box-shadow:1px 7px 22px 0 #09617114}
50%{box-shadow:1px 12px 52px 0 #0961712e}
}
.contactPageWrapper .dashedDotDivider{height:2px;background-image:repeating-linear-gradient(to right,#096171 0px,#096171 8px,transparent 8px,transparent 16px,#096171 16px,#096171 18px,transparent 18px,transparent 26px);margin:48px 0;opacity:.3}
@media (max-width: 1024px) {
.contactPageWrapper .heroContactWrapper{grid-template-columns:1fr;padding:48px 24px}
.contactPageWrapper .leftContactZone{grid-column:1}
.contactPageWrapper .imageContactColumn{grid-column:1;min-height:320px}
.contactPageWrapper .formContentGrid{grid-template-columns:1fr;gap:48px}
.contactPageWrapper .sidebarInfoColumn{position:static}
.contactPageWrapper .timeSlotGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.contactPageWrapper .mainContactHeading{font-size:42px}
.contactPageWrapper .contactIntroText,.contactPageWrapper .formSubtext,.contactPageWrapper .textInputField,.contactPageWrapper .timeSlotLabel,.contactPageWrapper .submitContactButton,.contactPageWrapper .detailValue{font-size:16px}
.contactPageWrapper .formMainHeading,.contactPageWrapper .infoBlockHeading{font-size:23px}
.contactPageWrapper .leftContactZone,.contactPageWrapper .sidebarInfoColumn,.contactPageWrapper .formMainColumn{padding:24px}
.contactPageWrapper .heroContactWrapper,.contactPageWrapper .formSectionWrapper{padding:48px 12px}
.contactPageWrapper .timeSlotGrid{grid-template-columns:1fr}
}
@media (max-width: 360px) {
.contactPageWrapper .mainContactHeading{font-size:23px}
}
.budgetSetupPage{background:#fff;color:#1a1a1a;max-width:100%;overflow-x:clip}
.budgetSetupPage .titleBlockWrapper{display:grid;grid-template-columns:180px 1fr;align-items:center;background:linear-gradient(135deg,#096171 0%,#0a7589 100%);padding:24px 48px;gap:48px;position:relative;overflow:hidden}
.budgetSetupPage .titleImageStrip{width:180px;height:240px;position:relative;border-radius:8px;overflow:hidden}
.budgetSetupPage .titleImageStrip img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.budgetSetupPage .titleImageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#09617166 0%,transparent 60%);pointer-events:none}
.budgetSetupPage .titleTextContent{position:relative;z-index:2}
.budgetSetupPage .titleHeadingMain{font-size:72px;line-height:1.1;color:#fff;margin:0;font-weight:700;letter-spacing:-.02em}
.budgetSetupPage .accentedWord{color:#FFCB14;font-weight:800}
.budgetSetupPage .abstractShapeOne{position:absolute;width:120px;height:120px;background:#b7f6de26;border-radius:46px;top:50%;right:96px;transform:translateY(-50%) rotate(25deg);pointer-events:none;z-index:1}
.budgetSetupPage .abstractShapeTwo{position:absolute;width:80px;height:80px;background:#ffcb141f;border-radius:30px;bottom:48px;right:240px;transform:rotate(-15deg);pointer-events:none;z-index:1}
.budgetSetupPage .contentWrapper{max-width:1400px;margin:0 auto;padding:0 48px}
.budgetSetupPage .serviceGridSection{padding:96px 0;background:#fff}
.budgetSetupPage .serviceCardsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.budgetSetupPage .serviceCardLarge{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);border:1px solid #0961711f;border-radius:16px;padding:48px;position:relative;overflow:hidden;transition:transform .42s cubic-bezier(0.16,1,0.3,1),box-shadow .42s cubic-bezier(0.16,1,0.3,1);box-shadow:1px 7px 22px 0 #09617114}
.budgetSetupPage .serviceCardLarge:hover{transform:translateY(-4px);box-shadow:1px 12px 52px 0 #0961711c}
.budgetSetupPage .serviceCardImage{width:100%;height:280px;border-radius:8px;overflow:hidden;margin-bottom:24px}
.budgetSetupPage .serviceCardImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .48s cubic-bezier(0.16,1,0.3,1)}
.budgetSetupPage .serviceCardLarge:hover .serviceCardImage img{transform:scale(1.05)}
.budgetSetupPage .serviceCardHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:700;letter-spacing:-.01em}
.budgetSetupPage .serviceCardText{font-size:16px;line-height:1.6;color:#333;margin:0}
.budgetSetupPage .serviceCardDeco{position:absolute;top:24px;right:24px;width:60px;height:60px;pointer-events:none}
.budgetSetupPage .serviceCardDeco svg{width:100%;height:100%;fill:#b7f6de4d}
.budgetSetupPage .processStripSection{background:linear-gradient(90deg,#b7f6de26 0%,#ffcb1414 100%);padding:48px 0;border-left:8px solid #096171}
.budgetSetupPage .processStripInner{max-width:1400px;margin:0 auto;padding:0 48px}
.budgetSetupPage .processStripHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 24px;font-weight:700;letter-spacing:-.01em}
.budgetSetupPage .processStepsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.budgetSetupPage .processStepItem{background:#fff;padding:24px;border-radius:2px;border:1px dashed #0961714d;transition:border-color .38s ease-in-out}
.budgetSetupPage .processStepItem:hover{border-color:#FFCB14}
.budgetSetupPage .processStepNumber{font-size:23px;line-height:1.1;color:#FFCB14;font-weight:700;margin:0 0 12px}
.budgetSetupPage .processStepTitle{font-size:23px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:600}
.budgetSetupPage .processStepDescription{font-size:16px;line-height:1.6;color:#333;margin:0}
.budgetSetupPage .metricsDisplaySection{padding:96px 0;background:#fff;position:relative}
.budgetSetupPage .metricsDisplaySection::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,#096171 0px,#096171 4px,transparent 4px,transparent 8px,#096171 8px,#096171 12px,transparent 12px,transparent 16px)}
.budgetSetupPage .metricsInnerWrapper{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;align-items:center}
.budgetSetupPage .metricsLeftColumn{display:flex;flex-direction:column;gap:24px}
.budgetSetupPage .metricBoxCompact{background:linear-gradient(135deg,#0961710d 0%,#b7f6de1a 100%);padding:24px;border-radius:16px;border:1px solid #09617126;transition:transform .45s cubic-bezier(0.16,1,0.3,1)}
.budgetSetupPage .metricBoxCompact:hover{transform:scale(1.03)}
.budgetSetupPage .metricValue{font-size:42px;line-height:1.1;color:#096171;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}
.budgetSetupPage .metricLabel{font-size:16px;line-height:1.6;color:#333;margin:0}
.budgetSetupPage .metricsCenterColumn{text-align:center}
.budgetSetupPage .metricsMainHeading{font-size:72px;line-height:1.1;color:#096171;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.budgetSetupPage .metricsDescription{font-size:23px;line-height:1.6;color:#333;margin:0}
.budgetSetupPage .metricsRightColumn{display:flex;flex-direction:column;gap:24px}
.budgetSetupPage .largeIconAnchor{width:180px;height:180px;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:transform .52s cubic-bezier(0.16,1,0.3,1)}
.budgetSetupPage .largeIconAnchor:hover{transform:rotate(8deg) scale(1.08)}
.budgetSetupPage .largeIconAnchor svg{width:100%;height:100%;fill:#FFCB14;opacity:.8}
.budgetSetupPage .testimonialStripSection{background:linear-gradient(110deg,#096171 0%,#0a7589 100%);padding:96px 0;position:relative;overflow:hidden}
.budgetSetupPage .testimonialStripSection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:repeating-linear-gradient(90deg,#B7F6DE 0px,#B7F6DE 3px,transparent 3px,transparent 6px,#B7F6DE 6px,#B7F6DE 9px,transparent 9px,transparent 12px)}
.budgetSetupPage .testimonialInnerWrapper{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:280px 1fr;gap:96px;align-items:start}
.budgetSetupPage .testimonialPortraitWrapper{position:relative}
.budgetSetupPage .testimonialPortraitContainer{width:280px;height:320px;border-radius:16px;overflow:hidden;box-shadow:1px 12px 52px 0 #0000002e}
.budgetSetupPage .testimonialPortraitContainer img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.budgetSetupPage .testimonialContentArea{padding-top:24px}
.budgetSetupPage .testimonialQuoteHeading{font-size:42px;line-height:1.1;color:#B7F6DE;margin:0 0 24px;font-weight:700;letter-spacing:-.01em}
.budgetSetupPage .testimonialQuoteText{font-size:23px;line-height:1.6;color:#fff;margin:0 0 24px;font-style:italic}
.budgetSetupPage .testimonialAuthorInfo{font-size:16px;line-height:1.6;color:#B7F6DE;margin:0}
.budgetSetupPage .testimonialAuthorName{font-weight:700;color:#FFCB14}
@media (max-width: 1024px) {
.budgetSetupPage .titleBlockWrapper{grid-template-columns:140px 1fr;gap:24px;padding:24px}
.budgetSetupPage .titleImageStrip{width:140px;height:180px}
.budgetSetupPage .titleHeadingMain{font-size:42px}
.budgetSetupPage .abstractShapeOne{width:80px;height:80px;right:48px}
.budgetSetupPage .abstractShapeTwo{width:60px;height:60px;right:120px}
.budgetSetupPage .contentWrapper{padding:0 24px}
.budgetSetupPage .serviceGridSection{padding:48px 0}
.budgetSetupPage .serviceCardsGrid{grid-template-columns:1fr}
.budgetSetupPage .serviceCardLarge{padding:24px}
.budgetSetupPage .serviceCardHeading{font-size:23px}
.budgetSetupPage .processStripInner{padding:0 24px}
.budgetSetupPage .processStripHeading{font-size:23px}
.budgetSetupPage .processStepsLayout{grid-template-columns:1fr}
.budgetSetupPage .metricsDisplaySection{padding:48px 0}
.budgetSetupPage .metricsInnerWrapper{padding:0 24px;grid-template-columns:1fr;gap:24px}
.budgetSetupPage .metricsMainHeading{font-size:42px}
.budgetSetupPage .metricsDescription{font-size:16px}
.budgetSetupPage .largeIconAnchor{width:120px;height:120px}
.budgetSetupPage .testimonialStripSection{padding:48px 0}
.budgetSetupPage .testimonialInnerWrapper{padding:0 24px;grid-template-columns:1fr;gap:24px}
.budgetSetupPage .testimonialPortraitContainer{width:200px;height:257px;margin:0 auto}
.budgetSetupPage .testimonialQuoteHeading{font-size:23px}
.budgetSetupPage .testimonialQuoteText{font-size:16px}
}
@media (max-width: 768px) {
.budgetSetupPage .titleBlockWrapper{grid-template-columns:1fr;padding:24px 12px;gap:12px}
.budgetSetupPage .titleImageStrip{width:100%;height:200px}
.budgetSetupPage .titleHeadingMain{font-size:23px}
.budgetSetupPage .abstractShapeOne,.budgetSetupPage .abstractShapeTwo{display:none}
.budgetSetupPage .contentWrapper{padding:0 12px}
.budgetSetupPage .serviceCardImage{height:200px}
.budgetSetupPage .processStripSection{padding:24px 0}
.budgetSetupPage .processStripInner{padding:0 12px}
.budgetSetupPage .metricsInnerWrapper{padding:0 12px}
.budgetSetupPage .testimonialInnerWrapper{padding:0 12px}
}
@media (max-width: 360px) {
.budgetSetupPage .titleHeadingMain{font-size:23px}
.budgetSetupPage .serviceCardHeading{font-size:23px}
.budgetSetupPage .metricsMainHeading{font-size:23px}
}
.resultsPageWrapper{background:#fff;color:#1a1a1a;min-height:100vh}
.resultsPageWrapper .heroSectionWrapper{max-width:1400px;margin:0 auto;padding:96px 24px 48px;display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;position:relative}
.resultsPageWrapper .imageColumnContainer{position:relative;border:4px solid #096171;border-radius:16px;overflow:hidden}
.resultsPageWrapper .heroImageElement{width:100%;height:520px;object-fit:cover;object-position:center;display:block}
.resultsPageWrapper .gradientOverlayLayer{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#096171b3 0%,transparent 100%);pointer-events:none}
.resultsPageWrapper .cornerBracketTopLeft{position:absolute;top:-4px;left:-4px;width:48px;height:48px;border-top:4px solid #FFCB14;border-left:4px solid #FFCB14;z-index:2}
.resultsPageWrapper .cornerBracketBottomRight{position:absolute;bottom:-4px;right:-4px;width:48px;height:48px;border-bottom:4px solid #FFCB14;border-right:4px solid #FFCB14;z-index:2}
.resultsPageWrapper .textColumnPlain{padding:24px 0}
.resultsPageWrapper .oversizedHeadingText{font-size:72px;line-height:1.1;color:#096171;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.resultsPageWrapper .heroDescriptionText{font-size:23px;line-height:1.6;color:#2a2a2a;margin:0}
.resultsPageWrapper .metricsDisplaySection{background:linear-gradient(135deg,#B7F6DE 0%,#b7f6de4d 100%);padding:96px 24px;position:relative;overflow:hidden}
.resultsPageWrapper .metricsContentContainer{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.resultsPageWrapper .metricsHeadingBlock{margin:0 0 48px;padding:0 0 0 24px;border-left:8px solid #096171}
.resultsPageWrapper .metricsMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:700}
.resultsPageWrapper .metricsSubtext{font-size:16px;line-height:1.6;color:#2a2a2a;margin:0}
.resultsPageWrapper .threeColumnGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;margin:0 0 96px}
.resultsPageWrapper .metricCardItem{background:#fff;padding:48px 24px;border-radius:16px;box-shadow:1px 7px 22px 0 #09617114;text-align:center;transition:transform .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s cubic-bezier(0.16,1,0.3,1)}
.resultsPageWrapper .metricCardItem:hover{transform:translateY(-4px);box-shadow:1px 12px 52px 0 #0961711c}
.resultsPageWrapper .metricNumberDisplay{font-size:72px;line-height:1.1;color:#FFCB14;font-weight:700;margin:0 0 12px;letter-spacing:-.03em}
.resultsPageWrapper .metricLabelText{font-size:23px;line-height:1.6;color:#096171;margin:0 0 12px;font-weight:600}
.resultsPageWrapper .metricDescriptionText{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.resultsPageWrapper .comparisonTableWrapper{background:#fff;border-radius:16px;padding:48px;box-shadow:1px 7px 22px 0 #09617114}
.resultsPageWrapper .tableHeadingRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:0 0 24px;padding:0 0 24px;border-bottom:2px solid #B7F6DE}
.resultsPageWrapper .tableColumnHeader{font-size:23px;line-height:1.6;color:#096171;font-weight:700;text-align:center}
.resultsPageWrapper .tableDataRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #e5e5e5}
.resultsPageWrapper .tableDataRow:last-child{border-bottom:none}
.resultsPageWrapper .tableCellContent{font-size:16px;line-height:1.6;color:#2a2a2a;text-align:center;padding:12px}
.resultsPageWrapper .tableCellHighlight{background:#ffcb1426;border-radius:8px;font-weight:600}
.resultsPageWrapper .dividerLinePattern{height:2px;background:repeating-linear-gradient(90deg,#096171 0px,#096171 12px,transparent 12px,transparent 24px,#096171 24px,#096171 28px,transparent 28px,transparent 36px);margin:96px auto;max-width:1400px}
.resultsPageWrapper .testimonialsSection{background:#fff;padding:96px 24px}
.resultsPageWrapper .testimonialsContainer{max-width:1400px;margin:0 auto}
.resultsPageWrapper .testimonialsHeadingWrapper{text-align:center;margin:0 0 48px}
.resultsPageWrapper .testimonialsMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:700}
.resultsPageWrapper .testimonialsIntroText{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0;max-width:800px;margin-left:auto;margin-right:auto}
.resultsPageWrapper .testimonialCardsGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.resultsPageWrapper .testimonialCardWrapper{background:linear-gradient(135deg,#b7f6de33 0%,#ffcb141a 100%);padding:48px;border-radius:30px;display:flex;flex-direction:column;gap:24px;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out;box-shadow:1px 2px 2px 0 #0961710f}
.resultsPageWrapper .testimonialCardWrapper:hover{transform:scale(1.02);box-shadow:1px 12px 52px 0 #0961711c}
.resultsPageWrapper .testimonialAuthorInfo{display:flex;align-items:center;gap:24px}
.resultsPageWrapper .authorPortraitImage{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid #096171;flex-shrink:0}
.resultsPageWrapper .authorDetailsBlock{flex:1}
.resultsPageWrapper .authorNameText{font-size:23px;line-height:1.6;color:#096171;margin:0 0 4px;font-weight:700}
.resultsPageWrapper .authorRoleText{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.resultsPageWrapper .testimonialQuoteText{font-size:16px;line-height:1.6;color:#2a2a2a;margin:0;position:relative;padding:24px;background:#fff;border-radius:16px;border-left:4px solid #FFCB14}
.resultsPageWrapper .highlightedPhrase{background:linear-gradient(180deg,transparent 60%,#FFCB14 60%,#FFCB14 85%,transparent 85%);padding:0 4px;font-weight:600}
@media (max-width: 1024px) {
.resultsPageWrapper .heroSectionWrapper{grid-template-columns:1fr;padding:48px 24px}
.resultsPageWrapper .oversizedHeadingText{font-size:42px}
.resultsPageWrapper .heroImageElement{height:400px}
.resultsPageWrapper .threeColumnGrid{grid-template-columns:1fr;gap:24px}
.resultsPageWrapper .tableHeadingRow,.resultsPageWrapper .tableDataRow{grid-template-columns:1fr;gap:12px}
.resultsPageWrapper .tableColumnHeader,.resultsPageWrapper .tableCellContent{text-align:left}
.resultsPageWrapper .testimonialCardsGrid{grid-template-columns:1fr;gap:24px}
.resultsPageWrapper .comparisonTableWrapper{padding:24px}
}
@media (max-width: 768px) {
.resultsPageWrapper .oversizedHeadingText{font-size:42px}
.resultsPageWrapper .heroDescriptionText{font-size:16px}
.resultsPageWrapper .metricsMainHeading,.resultsPageWrapper .testimonialsMainHeading{font-size:23px}
.resultsPageWrapper .metricNumberDisplay{font-size:42px}
.resultsPageWrapper .metricLabelText{font-size:16px}
.resultsPageWrapper .metricsDisplaySection,.resultsPageWrapper .testimonialsSection{padding:48px 24px}
.resultsPageWrapper .testimonialCardWrapper{padding:24px}
.resultsPageWrapper .authorPortraitImage{width:72px;height:72px}
}
@media (max-width: 360px) {
.resultsPageWrapper .heroSectionWrapper{padding:24px 12px}
.resultsPageWrapper .oversizedHeadingText{font-size:23px}
.resultsPageWrapper .metricCardItem{padding:24px 12px}
.resultsPageWrapper .metricsDisplaySection,.resultsPageWrapper .testimonialsSection{padding:24px 12px}
}
.aboutPageWrapper{background:#fff;color:#1a1a1a;overflow-x:clip}
.aboutPageWrapper *{box-sizing:border-box}
.heroSectionWrapper{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:96px 24px;overflow:hidden}
.heroBackgroundGradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#096171 0%,#096171 35%,#B7F6DE 75%,#FFCB14 100%);animation:gradientShiftCycle 8s ease-in-out infinite;z-index:1}
@keyframes gradientShiftCycle {
0%,100%{background:linear-gradient(135deg,#096171 0%,#096171 35%,#B7F6DE 75%,#FFCB14 100%)}
50%{background:linear-gradient(135deg,#B7F6DE 0%,#096171 40%,#FFCB14 85%,#096171 100%)}
}
.heroContentContainer{position:relative;z-index:2;max-width:900px}
.heroMainHeading{font-size:72px;line-height:1.1;color:#fff;margin:0 0 12px;letter-spacing:-.02em}
.heroSubHeading{font-size:42px;line-height:1.1;color:#fff;margin:0 0 24px;letter-spacing:-.01em;opacity:.95}
.heroTertiaryLine{font-size:23px;line-height:1.6;color:#fff;margin:0;letter-spacing:.01em;opacity:.9}
.heroDecorativeElement{position:absolute;bottom:24px;right:24px;width:180px;height:180px;background:#b7f6de26;border-radius:46px;z-index:1}
@media (max-width: 768px) {
.heroSectionWrapper{padding:48px 24px}
.heroMainHeading{font-size:42px}
.heroSubHeading{font-size:23px}
.heroTertiaryLine{font-size:16px}
.heroDecorativeElement{width:120px;height:120px}
}
.storyBlockWrapper{width:100%;max-width:1400px;margin:0 auto;padding:96px 24px;background:#f8f8f8;clip-path:polygon(0 0,100% 4%,100% 100%,0 96%)}
.storyInnerContainer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;align-items:start}
.storyImageColumn{position:relative}
.storyImageFirst{width:100%;height:auto;border-radius:16px;display:block;filter:brightness(0.85);transition:filter .42s cubic-bezier(0.16,1,0.3,1)}
.storyImageFirst:hover{filter:brightness(1)}
.storyContentColumn{display:flex;flex-direction:column;gap:24px}
.storyHeadingContainer{position:relative;padding-left:24px}
.storyHeadingContainer::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:#096171;border-radius:2px}
.storyMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0 0 12px;letter-spacing:-.01em}
.storySubCaption{font-size:16px;line-height:1.6;color:#666;margin:0;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid #096171;padding-top:12px}
.storyParagraph{font-size:16px;line-height:1.6;color:#333;margin:0}
.storyImageSecond{width:100%;height:auto;border-radius:30px;display:block;filter:brightness(0.85);transition:filter .48s ease-in-out}
.storyImageSecond:hover{filter:brightness(1)}
@media (max-width: 1024px) {
.storyInnerContainer{grid-template-columns:1fr;gap:24px}
.storyImageColumn:last-child{order:3}
}
@media (max-width: 768px) {
.storyBlockWrapper{padding:48px 24px}
.storyMainHeading{font-size:23px}
}
.teamSectionWrapper{width:100%;background:#fff;padding:96px 0}
.teamInnerContainer{max-width:1400px;margin:0 auto;padding:0 24px}
.teamHeadingBlock{margin:0 0 48px}
.teamMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0;letter-spacing:-.01em}
.teamGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.teamMemberCard{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#09617108 0%,#b7f6de14 100%);border-radius:16px;transition:box-shadow .45s cubic-bezier(0.16,1,0.3,1);box-shadow:1px 2px 2px 0 #0961710f}
.teamMemberCard:hover{box-shadow:1px 12px 52px 0 #0961711c}
.teamMemberImageWrapper{width:100%;max-width:160px;margin:0 auto}
.teamMemberPortrait{width:100%;height:auto;border-radius:30px;display:block;object-fit:cover;object-position:top;aspect-ratio:5/7;filter:brightness(0.85);transition:filter .38s ease-in-out}
.teamMemberPortrait:hover{filter:brightness(1)}
.teamMemberInfo{text-align:center}
.teamMemberName{font-size:23px;line-height:1.1;color:#096171;margin:0 0 12px;letter-spacing:-.005em}
.teamMemberRole{font-size:16px;line-height:1.6;color:#666;margin:0}
.teamMemberCard:nth-child(1){background:linear-gradient(135deg,#b7f6de1f 0%,#ffcb140f 100%)}
.teamMemberCard:nth-child(2){background:linear-gradient(135deg,#ffcb1414 0%,#0961710d 100%)}
.teamMemberCard:nth-child(3){background:linear-gradient(135deg,#0961710f 0%,#b7f6de1a 100%)}
@media (max-width: 1024px) {
.teamGridLayout{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.teamSectionWrapper{padding:48px 0}
.teamGridLayout{grid-template-columns:1fr}
.teamMainHeading{font-size:23px}
}
.valuesBlockWrapper{width:100%;max-width:1400px;margin:0 auto;padding:96px 24px;position:relative;background-image:url(/image_files/P5811.jpg);background-size:cover;background-position:center;background-attachment:fixed;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}
.valuesOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#096171eb;mix-blend-mode:multiply;z-index:1}
.valuesContentContainer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.valuesTextColumn{display:flex;flex-direction:column;gap:24px}
.valuesHeading{font-size:42px;line-height:1.1;color:#fff;margin:0;letter-spacing:-.01em}
.valuesParagraph{font-size:16px;line-height:1.6;color:#fff;margin:0;opacity:.95}
.valuesImageGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.valuesImageItem{width:100%;height:auto;border-radius:8px;display:block;filter:brightness(0.85);transition:filter .52s ease-in-out}
.valuesImageItem:hover{filter:brightness(1)}
@media (max-width: 1024px) {
.valuesContentContainer{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.valuesBlockWrapper{padding:48px 24px;background-attachment:scroll}
.valuesHeading{font-size:23px}
.valuesImageGrid{grid-template-columns:1fr}
}
.approachSectionWrapper{width:100%;max-width:1400px;margin:0 auto;padding:96px 24px;background:#fff}
.approachHeadingBlock{margin:0 0 48px;text-align:center}
.approachMainHeading{font-size:42px;line-height:1.1;color:#096171;margin:0;letter-spacing:-.01em}
.approachCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.approachCard{padding:48px 24px;border-radius:16px;display:flex;flex-direction:column;gap:24px;transition:box-shadow .4s ease-in-out;position:relative}
.approachCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;box-shadow:1px 2px 2px 0 #0961710f;transition:box-shadow .4s ease-in-out;animation:shadowPulseRhythm 3s ease-in-out infinite;z-index:-1}
@keyframes shadowPulseRhythm {
0%,100%{box-shadow:1px 2px 2px 0 #0961710f}
50%{box-shadow:1px 12px 52px 0 #0961711c}
}
.approachCard:nth-child(1){background:#b7f6de26}
.approachCard:nth-child(2){background:#ffcb141f}
.approachCard:nth-child(3){background:#09617114}
.approachCardIcon{width:64px;height:64px;border-radius:46px;display:flex;align-items:center;justify-content:center;background:#fff;transition:transform .35s cubic-bezier(0.16,1,0.3,1)}
.approachCard:hover .approachCardIcon{transform:rotate(8deg)}
.approachIconShape{width:32px;height:32px;background:#096171;border-radius:8px}
.approachCard:nth-child(2) .approachIconShape{border-radius:50%}
.approachCard:nth-child(3) .approachIconShape{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:0}
.approachCardHeading{font-size:23px;line-height:1.1;color:#096171;margin:0;letter-spacing:-.005em}
.approachCardText{font-size:16px;line-height:1.6;color:#333;margin:0}
@media (max-width: 1024px) {
.approachCardsGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.approachSectionWrapper{padding:48px 24px}
.approachMainHeading{font-size:23px}
.approachCard{padding:24px}
}
.budgetSetupServices{background:#fff;color:#1a1a1a;margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
.budgetSetupServices .titleWrapper{display:flex;align-items:center;max-width:1400px;margin:0 auto;padding:48px 24px;gap:24px;position:relative}
.budgetSetupServices .titleWrapper::before,.budgetSetupServices .titleWrapper::after{content:'';position:absolute;border:1px solid #096171}
.budgetSetupServices .titleWrapper::before{top:24px;left:12px;right:12px;bottom:24px}
.budgetSetupServices .titleWrapper::after{top:12px;left:24px;right:24px;bottom:12px}
.budgetSetupServices .imageStripVertical{flex-shrink:0;width:140px;height:280px;position:relative;z-index:1}
.budgetSetupServices .imageStripVertical img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px;filter:sepia(0.4) hue-rotate(160deg) saturate(1.2)}
.budgetSetupServices .titleContentArea{flex:1;position:relative;z-index:1}
.budgetSetupServices .mainTitleHeading{font-size:72px;line-height:1.1;color:#096171;margin:0 0 12px;letter-spacing:-.02em;font-weight:700}
.budgetSetupServices .liveCounterElement{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#B7F6DE 0%,#fff 100%);padding:4px 12px;border-radius:16px;margin-left:12px}
.budgetSetupServices .counterNumber{font-size:42px;font-weight:700;color:#096171;line-height:1}
.budgetSetupServices .counterLabel{font-size:16px;color:#1a1a1a;line-height:1.6}
.budgetSetupServices .introductionZone{background:#f8f9fa;padding:96px 24px}
.budgetSetupServices .introductionZone .contentContainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;align-items:start}
.budgetSetupServices .sideAnnotation{font-size:16px;line-height:1.6;color:#666;padding:24px;background:#fff;border-radius:8px;box-shadow:1px 2px 2px 0 #0961710f}
.budgetSetupServices .mainIntroContent h2{font-size:42px;line-height:1.1;color:#096171;margin:0 0 24px;font-weight:700;letter-spacing:-.01em}
.budgetSetupServices .mainIntroContent p{font-size:16px;line-height:1.6;color:#1a1a1a;margin:0 0 24px}
.budgetSetupServices .mainIntroContent p:last-child{margin-bottom:0}
.budgetSetupServices .serviceBreakdownArea{background:linear-gradient(180deg,#fff 0%,#B7F6DE 100%);padding:96px 24px;position:relative}
.budgetSetupServices .waveTopDivider{position:absolute;top:0;left:0;width:100%;height:80px;overflow:hidden}
.budgetSetupServices .waveTopDivider svg{width:100%;height:100%}
.budgetSetupServices .serviceBreakdownArea .contentContainer{max-width:1400px;margin:0 auto}
.budgetSetupServices .serviceBreakdownArea h2{font-size:42px;line-height:1.1;color:#096171;margin:0 0 48px;font-weight:700;letter-spacing:-.01em;padding-left:24px;border-left:4px solid #FFCB14}
.budgetSetupServices .serviceCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.budgetSetupServices .serviceCardItem{background:#fff;padding:24px;border-radius:16px;box-shadow:1px 7px 22px 0 #09617114;transition:transform .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s cubic-bezier(0.16,1,0.3,1)}
.budgetSetupServices .serviceCardItem:hover{transform:translateY(-4px);box-shadow:1px 12px 52px 0 #0961711c}
.budgetSetupServices .serviceCardItem h3{font-size:23px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:700}
.budgetSetupServices .serviceCardItem p{font-size:16px;line-height:1.6;color:#1a1a1a;margin:0 0 12px}
.budgetSetupServices .serviceCardItem ul{list-style:none;padding:0;margin:0}
.budgetSetupServices .serviceCardItem li{font-size:16px;line-height:1.6;color:#1a1a1a;padding:4px 0 4px 24px;position:relative}
.budgetSetupServices .serviceCardItem li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#FFCB14;border-radius:2px;transform:rotate(45deg)}
.budgetSetupServices .processTimelineSection{background:#096171;padding:96px 24px}
.budgetSetupServices .processTimelineSection .contentContainer{max-width:1400px;margin:0 auto}
.budgetSetupServices .processTimelineSection h2{font-size:42px;line-height:1.1;color:#B7F6DE;margin:0 0 48px;font-weight:700;letter-spacing:-.01em}
.budgetSetupServices .timelineWrapper{position:relative}
.budgetSetupServices .timelinePhaseGroup{margin-bottom:48px}
.budgetSetupServices .timelinePhaseGroup:last-child{margin-bottom:0}
.budgetSetupServices .phaseHeadingLabel{font-size:23px;line-height:1.1;color:#FFCB14;margin:0 0 24px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.budgetSetupServices .timelineEventsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.budgetSetupServices .timelineEventCard{background:#b7f6de1a;padding:24px;border-radius:30px;border:1px solid #b7f6de4d;transition:background .5s ease-in-out,border-color .5s ease-in-out}
.budgetSetupServices .timelineEventCard:hover{background:#b7f6de33;border-color:#b7f6de80}
.budgetSetupServices .eventStepNumber{font-size:42px;line-height:1.1;color:#B7F6DE;margin:0 0 12px;font-weight:700;opacity:.6}
.budgetSetupServices .eventTitle{font-size:23px;line-height:1.1;color:#fff;margin:0 0 12px;font-weight:700}
.budgetSetupServices .eventDescription{font-size:16px;line-height:1.6;color:#B7F6DE;margin:0}
.budgetSetupServices .resultsDataSection{background:#fff;padding:96px 24px}
.budgetSetupServices .resultsDataSection .contentContainer{max-width:1400px;margin:0 auto}
.budgetSetupServices .resultsDataSection h2{font-size:42px;line-height:1.1;color:#096171;margin:0 0 48px;font-weight:700;letter-spacing:-.01em;text-align:center}
.budgetSetupServices .metricsDisplayGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px}
.budgetSetupServices .metricBlockWithNarrative{text-align:center}
.budgetSetupServices .metricNumberDisplay{font-size:72px;line-height:1.1;color:#096171;margin:0 0 12px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#096171 0%,#B7F6DE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.budgetSetupServices .metricLabelText{font-size:23px;line-height:1.1;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.budgetSetupServices .metricNarrative{font-size:16px;line-height:1.6;color:#666;margin:0}
.budgetSetupServices .clientTestimonialZone{background:linear-gradient(135deg,#B7F6DE 0%,#FFCB14 100%);padding:96px 24px}
.budgetSetupServices .clientTestimonialZone .contentContainer{max-width:1400px;margin:0 auto}
.budgetSetupServices .testimonialCardsLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.budgetSetupServices .testimonialCardBox{background:#fff;padding:24px;border-radius:46px;box-shadow:1px 7px 22px 0 #09617114;display:flex;flex-direction:column;gap:24px}
.budgetSetupServices .testimonialHeader{display:flex;align-items:center;gap:24px}
.budgetSetupServices .clientPortraitImage{width:80px;height:106px;flex-shrink:0}
.budgetSetupServices .clientPortraitImage img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px}
.budgetSetupServices .clientInfoBlock h3{font-size:23px;line-height:1.1;color:#096171;margin:0 0 4px;font-weight:700}
.budgetSetupServices .clientInfoBlock p{font-size:16px;line-height:1.6;color:#666;margin:0}
.budgetSetupServices .testimonialQuoteText{font-size:16px;line-height:1.6;color:#1a1a1a;margin:0;font-style:italic}
@media (max-width: 1024px) {
.budgetSetupServices .titleWrapper{flex-direction:column;padding:24px}
.budgetSetupServices .imageStripVertical{width:100%;height:200px}
.budgetSetupServices .mainTitleHeading{font-size:42px}
.budgetSetupServices .counterNumber{font-size:23px}
.budgetSetupServices .introductionZone .contentContainer{grid-template-columns:1fr;gap:24px}
.budgetSetupServices .serviceCardsGrid{grid-template-columns:1fr}
.budgetSetupServices .timelineEventsGrid{grid-template-columns:1fr}
.budgetSetupServices .metricsDisplayGrid{grid-template-columns:1fr;gap:24px}
.budgetSetupServices .testimonialCardsLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.budgetSetupServices .mainTitleHeading{font-size:23px}
.budgetSetupServices .liveCounterElement{flex-direction:column;gap:4px}
.budgetSetupServices .mainIntroContent h2,.budgetSetupServices .serviceBreakdownArea h2,.budgetSetupServices .processTimelineSection h2,.budgetSetupServices .resultsDataSection h2{font-size:23px}
.budgetSetupServices .metricNumberDisplay{font-size:42px}
.budgetSetupServices .introductionZone,.budgetSetupServices .serviceBreakdownArea,.budgetSetupServices .processTimelineSection,.budgetSetupServices .resultsDataSection,.budgetSetupServices .clientTestimonialZone{padding:48px 24px}
}
.successPageWrapper{background:linear-gradient(165deg,#fff 0%,#fff 45%,#B7F6DE 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.confirmationContainer{max-width:1400px;width:100%;background:#fff;border-radius:30px;box-shadow:1px 12px 52px 0 #0961711c;padding:96px 48px;text-align:center;position:relative;overflow:hidden}
.confirmationContainer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#b7f6de4d 0%,transparent 70%);pointer-events:none}
.confirmationContainer::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ffcb1426 0%,transparent 70%);pointer-events:none}
.iconCheckmarkWrapper{width:140px;height:140px;margin:0 auto 48px;position:relative;z-index:1}
.checkmarkCircle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#096171 0%,#0a7a8e 100%);display:flex;align-items:center;justify-content:center;box-shadow:1px 7px 22px 0 #09617114;animation:scaleInBounce .5s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes scaleInBounce {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.checkmarkSymbol{width:70px;height:70px;position:relative}
.checkmarkSymbol::before,.checkmarkSymbol::after{content:'';position:absolute;background:#fff;border-radius:8px}
.checkmarkSymbol::before{width:8px;height:35px;bottom:12px;left:22px;transform:rotate(45deg);animation:drawCheckShort .4s .45s cubic-bezier(0.16,1,0.3,1) forwards;transform-origin:bottom;scale:0 1}
.checkmarkSymbol::after{width:8px;height:55px;bottom:5px;right:12px;transform:rotate(-45deg);animation:drawCheckLong .45s .5s cubic-bezier(0.16,1,0.3,1) forwards;transform-origin:bottom;scale:0 1}
@keyframes drawCheckShort {
to{scale:1 1}
}
@keyframes drawCheckLong {
to{scale:1 1}
}
.mainHeadingSuccess{font-size:72px;line-height:1.1;color:#096171;margin:0 0 24px;position:relative;z-index:1;letter-spacing:-.02em}
.descriptionTextSuccess{font-size:23px;line-height:1.6;color:#2d2d2d;margin:0 0 48px;max-width:780px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.metricsDisplayGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 48px;position:relative;z-index:1}
.metricItemCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:16px;padding:24px;border:2px solid #B7F6DE;transition:transform .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s cubic-bezier(0.16,1,0.3,1)}
.metricItemCard:hover{transform:translateY(-4px);box-shadow:1px 12px 52px 0 #0961711c}
.metricValueDisplay{font-size:42px;line-height:1.1;color:#096171;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}
.metricLabelText{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.chartVisualizationWrapper{margin:0 0 48px;position:relative;z-index:1}
.chartBarsContainer{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:180px;margin:0 0 12px}
.barItemWrapper{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:12px}
.barVisualElement{width:100%;background:linear-gradient(180deg,#096171 0%,#0a7a8e 100%);border-radius:8px 8px 2px 2px;position:relative;transition:transform .5s cubic-bezier(0.16,1,0.3,1);animation:barGrowUp .8s cubic-bezier(0.16,1,0.3,1) forwards;transform-origin:bottom}
@keyframes barGrowUp {
from{transform:scaleY(0)}
to{transform:scaleY(1)}
}
.barItemWrapper:nth-child(1) .barVisualElement{height:85px;animation-delay:.1s;transform:scaleY(0)}
.barItemWrapper:nth-child(2) .barVisualElement{height:140px;animation-delay:.2s;transform:scaleY(0)}
.barItemWrapper:nth-child(3) .barVisualElement{height:110px;animation-delay:.3s;transform:scaleY(0)}
.barItemWrapper:nth-child(4) .barVisualElement{height:165px;animation-delay:.4s;transform:scaleY(0)}
.barLabelText{font-size:16px;line-height:1.6;color:#5a5a5a;text-align:center}
.actionButtonsRow{display:flex;gap:24px;justify-content:center;align-items:center;position:relative;z-index:1}
.primaryActionButton{background:linear-gradient(135deg,#096171 0%,#0a7a8e 100%);color:#fff;font-size:23px;line-height:1.6;padding:24px 48px;border:none;border-radius:46px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s cubic-bezier(0.16,1,0.3,1);box-shadow:1px 7px 22px 0 #09617114}
.primaryActionButton:hover{transform:translateY(-2px);box-shadow:1px 12px 52px 0 #0961711c}
.secondaryActionLink{color:#096171;font-size:23px;line-height:1.6;text-decoration:none;padding:24px 48px;border:2px solid #096171;border-radius:46px;display:inline-block;transition:background .35s ease-in-out,color .35s ease-in-out,border-color .35s ease-in-out}
.secondaryActionLink:hover{background:#096171;color:#fff;border-color:#096171}
.contactInfoSection{margin:96px 0 0;padding:48px 0 0;border-top:2px solid #B7F6DE;position:relative;z-index:1}
.contactDetailsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.contactItemBlock{text-align:center}
.contactIconShape{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,#B7F6DE 0%,#FFCB14 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(0.16,1,0.3,1)}
.contactItemBlock:hover .contactIconShape{transform:rotate(15deg)}
.iconShapeInner{width:28px;height:28px;background:#096171;border-radius:2px}
.contactItemBlock:nth-child(1) .iconShapeInner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.contactItemBlock:nth-child(2) .iconShapeInner{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.contactItemBlock:nth-child(3) .iconShapeInner{border-radius:50%}
.contactLabelText{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0 0 4px}
.contactValueLink{font-size:16px;line-height:1.6;color:#096171;text-decoration:none;transition:color .4s ease-in-out}
.contactValueLink:hover{color:#0a7a8e}
@media (max-width: 1024px) {
.confirmationContainer{padding:48px 24px}
.mainHeadingSuccess{font-size:42px}
.descriptionTextSuccess{font-size:23px}
.metricsDisplayGrid{grid-template-columns:1fr}
.actionButtonsRow{flex-direction:column}
.contactDetailsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.successPageWrapper{padding:24px 12px}
.confirmationContainer{padding:48px 24px;border-radius:16px}
.iconCheckmarkWrapper{width:100px;height:100px;margin-bottom:24px}
.checkmarkCircle{width:100px;height:100px}
.checkmarkSymbol{width:50px;height:50px}
.checkmarkSymbol::before{width:6px;height:25px;left:16px}
.checkmarkSymbol::after{width:6px;height:40px;right:8px}
.mainHeadingSuccess{font-size:42px}
.descriptionTextSuccess{font-size:16px}
.primaryActionButton,.secondaryActionLink{font-size:16px;padding:12px 24px;width:100%;text-align:center}
.chartBarsContainer{height:140px}
.barItemWrapper:nth-child(1) .barVisualElement{height:65px}
.barItemWrapper:nth-child(2) .barVisualElement{height:105px}
.barItemWrapper:nth-child(3) .barVisualElement{height:85px}
.barItemWrapper:nth-child(4) .barVisualElement{height:125px}
.contactInfoSection{margin-top:48px}
}
@media (max-width: 360px) {
.confirmationContainer{padding:24px 12px}
.mainHeadingSuccess{font-size:23px}
.metricValueDisplay{font-size:23px}
}