@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/700.css";
body{margin:0;font-family:'Playfair Display',serif;font-size:17px;line-height:1.8;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.wrapper-main,.header-container,.footer-container{box-sizing:border-box}
::selection{background-color:#FBFBFC;color:#1a1a1a}
:focus-visible{outline:none;box-shadow:0 0 0 3px #d51a2a4d}
.header-wrap{background:linear-gradient(135deg,#FBFBFC 0%,#f5f5f7 100%);border-bottom:1px solid #0c5b7c14;box-shadow:0 6px 20px 0 #0c5b7c17}
.header-container{max-width:1320px;margin:0 auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.logo-holder{flex-shrink:0;padding:12px;background-color:#fff;border-radius:7px;border:2px solid #d51a2a1f;box-shadow:0 2px 3px 0 #d51a2a0d}
.logo-holder img{display:block;width:88px;height:88px;object-fit:contain}
.nav-primary{display:flex;gap:36px;align-items:center;flex-wrap:wrap}
.nav-primary a{font-size:15px;font-weight:600;color:#2a2a2a;text-decoration:none;padding:12px 24px;border-radius:36px;background-color:transparent;transition:background-color .6s ease,color .6s ease;letter-spacing:.3px}
.nav-primary a:hover{background-color:#d51a2a14;color:#D51A2A}
.nav-secondary{display:flex;gap:24px;align-items:center;padding-left:48px;border-left:2px solid #0c5b7c26}
.nav-secondary a{font-size:14px;font-weight:500;color:#0C5B7C;text-decoration:none;padding:12px;transition:color .7s cubic-bezier(0.25,0.46,0.45,0.94);letter-spacing:.5px}
.nav-secondary a:hover{color:#D51A2A}
.footer-wrap{background:linear-gradient(to bottom,#f8f8f9 0%,#FBFBFC 100%);border-top:1px solid #d51a2a1a;position:relative}
.footer-wrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#0c5b7c03 10px,#0c5b7c03 20px);pointer-events:none}
.footer-container{max-width:1320px;margin:0 auto;padding:96px 48px 48px;position:relative;z-index:1}
.footer-main{display:grid;grid-template-columns:1fr 1fr 2fr;gap:48px;margin-bottom:48px}
.footer-logo-section{display:flex;flex-direction:column;gap:24px}
.footer-logo-holder{padding:12px;background-color:#fff;border-radius:7px;border:2px solid #0c5b7c1f;box-shadow:0 2px 3px 0 #0c5b7c0d;width:fit-content}
.footer-logo-holder img{display:block;width:72px;height:72px;object-fit:contain}
.footer-contact{display:flex;flex-direction:column;gap:24px}
.footer-label{font-size:14px;font-weight:700;text-transform:uppercase;color:#0C5B7C;letter-spacing:1px;margin-bottom:6px}
.contact-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#3a3a3a;line-height:1.8}
.contact-item i{color:#D51A2A;width:20px;flex-shrink:0;margin-top:6px}
.contact-item a{color:#3a3a3a;text-decoration:none;transition:color .6s ease}
.contact-item a:hover{color:#D51A2A}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:15px;color:#3a3a3a;text-decoration:none;padding:6px 0;transition:color .7s cubic-bezier(0.25,0.46,0.45,0.94);border-bottom:1px solid transparent}
.footer-links a:hover{color:#0C5B7C;border-bottom-color:#0c5b7c4d}
.footer-divider{height:2px;background:linear-gradient(to right,transparent 0%,#d51a2a33 50%,transparent 100%);margin:48px 0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.footer-copyright{font-size:14px;color:#5a5a5a}
.footer-year{font-weight:600;color:#0C5B7C}
.consent-popup{position:fixed;bottom:48px;left:0;right:0;margin:0 auto;width:90%;max-width:980px;background-color:#fff;border-radius:7px;box-shadow:0 8px 44px 0 #d51a2a21;padding:48px;z-index:1000;border:2px solid #0c5b7c1a}
.consent-popup[style*="display: none"]{pointer-events:none}
.consent-main{margin-bottom:24px}
.consent-title{font-size:20px;font-weight:700;color:#0C5B7C;margin-bottom:12px;line-height:1.2}
.consent-text{font-size:15px;color:#3a3a3a;margin-bottom:24px;line-height:1.8}
.consent-actions{display:flex;gap:24px;flex-wrap:wrap}
.consent-btn{font-family:'Playfair Display',serif;font-size:14px;font-weight:600;text-transform:uppercase;text-decoration:underline;color:#0C5B7C;background:none;border:none;padding:6px 12px;cursor:pointer;transition:color .6s ease;letter-spacing:.5px}
.consent-btn:hover{color:#D51A2A}
.consent-customize{color:#5a5a5a}
.consent-details{display:none;margin-top:24px;padding-top:24px;border-top:1px solid #0c5b7c1a}
.consent-category{display:flex;align-items:center;gap:12px;padding:12px 0}
.consent-category input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.consent-category input[type="checkbox"]:disabled{cursor:not-allowed}
.consent-category label{font-size:15px;color:#3a3a3a;cursor:pointer}
.consent-required{font-size:14px;color:#0C5B7C;font-weight:600;margin-left:6px}
@media (max-width: 1280px) {
.header-container{padding:24px 36px;gap:36px}
.logo-holder img{width:76px;height:76px}
.nav-primary{gap:24px}
.nav-secondary{padding-left:36px}
.footer-container{padding:72px 36px 36px}
.footer-main{gap:36px}
}
@media (max-width: 768px) {
.header-container{padding:24px;flex-direction:column;gap:24px}
.logo-holder{align-self:center}
.logo-holder img{width:64px;height:64px}
.nav-primary{flex-direction:column;gap:12px;width:100%}
.nav-primary a{text-align:center;width:100%}
.nav-secondary{flex-direction:column;gap:12px;padding-left:0;border-left:none;border-top:2px solid #0c5b7c26;padding-top:24px;width:100%}
.nav-secondary a{text-align:center}
.footer-container{padding:48px 24px 24px}
.footer-main{grid-template-columns:1fr;gap:24px}
.footer-logo-section{align-items:center}
.footer-bottom{flex-direction:column;text-align:center}
.consent-popup{width:95%;padding:24px;bottom:24px}
.consent-actions{flex-direction:column;gap:12px}
.consent-btn{width:100%;text-align:center}
}
.legal-sua-inner{max-width:1320px;margin:0 auto;padding:48px 24px}
.legal-sua-inner p{font-size:17px;line-height:1.8;margin-bottom:24px;color:#1a1a1a}
.legal-sua-inner p:last-child{margin-bottom:0}
.legal-sua-inner ul,.legal-sua-inner ol{font-size:17px;line-height:1.8;margin-bottom:24px;padding-left:48px;color:#1a1a1a}
.legal-sua-inner ul{list-style-type:disc}
.legal-sua-inner ol{list-style-type:decimal}
.legal-sua-inner li{margin-bottom:12px}
.legal-sua-inner li:last-child{margin-bottom:0}
.legal-sua-inner ul ul,.legal-sua-inner ol ol,.legal-sua-inner ul ol,.legal-sua-inner ol ul{margin-top:12px;margin-bottom:12px}
.legal-sua-inner strong,.legal-sua-inner b{font-weight:700;color:#0a0a0a}
.legal-sua-inner em,.legal-sua-inner i{font-style:italic}
.legal-sua-inner a{color:#0C5B7C;text-decoration:none;border-bottom:1px solid #0c5b7c4d;transition:border-bottom-color .6s ease}
.legal-sua-inner a:hover{border-bottom-color:#0C5B7C}
.legal-sua-inner hr{border:none;height:1px;background-color:#e0e0e0;margin:48px 0}
.legal-sua-inner div{margin-bottom:24px}
@media (min-width: 768px) {
.legal-sua-inner{padding:96px 48px}
.legal-sua-inner p,.legal-sua-inner ul,.legal-sua-inner ol{font-size:17px}
}
@media (min-width: 1280px) {
.legal-sua-inner p,.legal-sua-inner ul,.legal-sua-inner ol{font-size:17px}
}
.post-view{background:#FBFBFC;min-height:100vh;position:relative}
.post-view .content-holder{max-width:1320px;margin:0 auto;padding:96px 24px}
.post-view .article-lead{background:linear-gradient(180deg,#FBFBFC 0%,#fff 100%);padding:48px 24px;margin-bottom:96px;border-radius:7px;box-shadow:0 2px 3px 0 #d51a2a0d}
.post-view .article-lead .inner-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 2fr;gap:48px;align-items:center}
.post-view .hero-image-holder{grid-column:1 / 3;position:relative;border-radius:7px;overflow:hidden;aspect-ratio:16 / 9}
.post-view .hero-image-holder img{width:100%;height:100%;object-fit:cover;display:block}
.post-view .hero-image-holder::after{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#0c5b7c80 0%,transparent 100%);pointer-events:none}
.post-view .title-section{grid-column:3 / 4}
.post-view .title-section h1{font-size:36px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;text-shadow:0 1px 2px #0c5b7c1a}
.post-view .engagement-bar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-radius:36px;width:fit-content;box-shadow:0 6px 20px 0 #0c5b7c17}
.post-view .like-indicator{display:flex;align-items:center;gap:6px;color:#D51A2A;font-size:15px;font-weight:600}
.post-view .like-indicator svg{width:20px;height:20px;fill:#D51A2A}
.post-view .dot-pattern{position:absolute;top:24px;left:24px;width:120px;height:120px;opacity:.15;pointer-events:none;z-index:1}
.post-view .dot-pattern::before,.post-view .dot-pattern::after{content:'';position:absolute;width:4px;height:4px;background:#0C5B7C;border-radius:50%;box-shadow:12px 0 0 #0C5B7C,24px 0 0 #0C5B7C,36px 0 0 #0C5B7C,48px 0 0 #0C5B7C,0 12px 0 #0C5B7C,12px 12px 0 #0C5B7C,24px 12px 0 #0C5B7C,36px 12px 0 #0C5B7C,48px 12px 0 #0C5B7C,0 24px 0 #0C5B7C,12px 24px 0 #0C5B7C,24px 24px 0 #0C5B7C,36px 24px 0 #0C5B7C,48px 24px 0 #0C5B7C,0 36px 0 #0C5B7C,12px 36px 0 #0C5B7C,24px 36px 0 #0C5B7C,36px 36px 0 #0C5B7C,48px 36px 0 #0C5B7C}
.post-view .main-article{max-width:920px;margin:0 auto}
.post-view .main-article p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px}
.post-view .main-article h2{font-size:36px;line-height:1.2;color:#1a1a1a;margin:48px 0 24px;letter-spacing:-.02em}
.post-view .main-article h3{font-size:20px;line-height:1.2;color:#1a1a1a;margin:48px 0 24px;letter-spacing:-.01em;text-shadow:0 2px 4px #d51a2a14}
.post-view .main-article h4{font-size:17px;line-height:1.2;color:#1a1a1a;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.post-view .main-article small{font-size:14px;line-height:1.8;color:#666;display:block;margin:12px 0}
.post-view .main-article blockquote{margin:48px 0;padding:24px 24px 24px 48px;background:#fff;border-left:4px solid #D51A2A;border-radius:7px;box-shadow:0 2px 3px 0 #0c5b7c0d;font-size:17px;line-height:1.8;color:#2a2a2a;font-style:italic}
.post-view .main-article figure{margin:48px 0;border-radius:7px;overflow:hidden;box-shadow:0 6px 20px 0 #0c5b7c17}
.post-view .main-article figure img{width:100%;height:auto;display:block;object-fit:cover}
.post-view .main-article figcaption{padding:12px 24px;background:#fff;font-size:14px;line-height:1.8;color:#666;text-align:center}
.post-view .main-article a{color:#0C5B7C;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .6s ease;position:relative}
.post-view .main-article a:hover{border-bottom-color:#0C5B7C}
.post-view .main-article a:hover::after{content:'';display:inline-block;width:12px;height:12px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230C5B7C'%3E%3Cpath d='M8 0L6.59 1.41 12.17 7H0v2h12.17l-5.58 5.59L8 16l8-8z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;vertical-align:middle;opacity:0;animation:slideIconIn .7s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@keyframes slideIconIn {
from{opacity:0;transform:translateX(-6px)}
to{opacity:1;transform:translateX(0)}
}
.post-view .scroll-up{position:fixed;bottom:48px;right:48px;width:56px;height:56px;background:#D51A2A;border:none;border-radius:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 44px 0 #d51a2a21;transition:filter .6s ease,transform .5s cubic-bezier(0.25,0.46,0.45,0.94);z-index:100}
.post-view .scroll-up:hover{filter:brightness(1.15);transform:translateY(-6px)}
.post-view .scroll-up svg{width:24px;height:24px;fill:#fff}
.post-view .divider-wave{width:100%;height:2px;margin:96px 0;position:relative;overflow:visible}
.post-view .divider-wave svg{width:100%;height:100%;stroke:#D51A2A;stroke-width:2;stroke-dasharray:4 8;fill:none}
.post-view .key-points{background:linear-gradient(135deg,#FBFBFC 0%,#fff 100%);padding:48px;border-radius:7px;margin:96px 0;box-shadow:0 6px 20px 0 #0c5b7c17}
.post-view .key-points h3{font-size:20px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;text-shadow:0 1px 3px #d51a2a1a}
.post-view .comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.post-view .pro-column,.post-view .con-column{background:#fff;padding:24px;border-radius:7px;box-shadow:0 2px 3px 0 #0c5b7c0d}
.post-view .pro-column h4{font-size:17px;line-height:1.2;color:#0C5B7C;margin:0 0 24px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.post-view .con-column h4{font-size:17px;line-height:1.2;color:#D51A2A;margin:0 0 24px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.post-view .point-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.8;color:#2a2a2a}
.post-view .point-item:last-child{margin-bottom:0}
.post-view .check-icon,.post-view .cross-icon{flex-shrink:0;width:20px;height:20px;margin-top:3px}
.post-view .check-icon{fill:#0C5B7C}
.post-view .cross-icon{fill:#D51A2A}
.post-view .animated-text{display:inline}
.post-view .animated-text span{display:inline-block;opacity:0;animation:fadeInChar .7s ease forwards}
.post-view .animated-text span:nth-child(1){animation-delay:.05s}
.post-view .animated-text span:nth-child(2){animation-delay:.1s}
.post-view .animated-text span:nth-child(3){animation-delay:.15s}
.post-view .animated-text span:nth-child(4){animation-delay:.2s}
.post-view .animated-text span:nth-child(5){animation-delay:.25s}
.post-view .animated-text span:nth-child(6){animation-delay:.3s}
.post-view .animated-text span:nth-child(7){animation-delay:.35s}
.post-view .animated-text span:nth-child(8){animation-delay:.4s}
.post-view .animated-text span:nth-child(9){animation-delay:.45s}
.post-view .animated-text span:nth-child(10){animation-delay:.5s}
@keyframes fadeInChar {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.post-view .center-ornament{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#D51A2A 48%,transparent 52%,#D51A2A 100%);margin:96px 0;position:relative}
.post-view .center-ornament::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#0C5B7C;border-radius:50%;box-shadow:0 0 0 4px #FBFBFC,0 0 0 5px #D51A2A}
@media (max-width: 1280px) {
.post-view .content-holder{padding:48px 24px}
.post-view .article-lead{margin-bottom:48px}
.post-view .article-lead .inner-wrap{gap:24px}
.post-view .title-section h1{font-size:20px}
.post-view .comparison-grid{gap:24px}
.post-view .key-points{padding:24px;margin:48px 0}
.post-view .divider-wave,.post-view .center-ornament{margin:48px 0}
.post-view .scroll-up{bottom:24px;right:24px;width:48px;height:48px}
}
@media (max-width: 768px) {
.post-view .content-holder{padding:24px 12px}
.post-view .article-lead{padding:24px 12px;margin-bottom:24px}
.post-view .article-lead .inner-wrap{grid-template-columns:1fr;gap:24px}
.post-view .hero-image-holder{grid-column:1 / 2}
.post-view .title-section{grid-column:1 / 2}
.post-view .title-section h1{font-size:20px}
.post-view .main-article h2{font-size:20px;margin:24px 0 12px}
.post-view .main-article h3{font-size:17px;margin:24px 0 12px}
.post-view .main-article p,.post-view .main-article blockquote{font-size:15px}
.post-view .comparison-grid{grid-template-columns:1fr;gap:24px}
.post-view .key-points{padding:24px 12px;margin:24px 0}
.post-view .divider-wave,.post-view .center-ornament{margin:24px 0}
.post-view .scroll-up{bottom:12px;right:12px}
.post-view .dot-pattern{width:80px;height:80px}
}
.post-view ::selection{background:#FBFBFC;color:inherit}
.budget-home{background:#FBFBFC;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.budget-home .hero-bento{max-width:1320px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:auto auto;gap:24px;position:relative}
.budget-home .hero-bento::before{content:'';position:absolute;top:48px;left:-48px;width:240px;height:240px;background:radial-gradient(circle,#d51a2a14 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}
.budget-home .hero-bento::after{content:'';position:absolute;bottom:96px;right:-24px;width:180px;height:180px;background:radial-gradient(circle,#0c5b7c0f 0%,transparent 70%);filter:blur(48px);pointer-events:none;z-index:0}
.budget-home .hero-text-holder{grid-column:1 / 3;grid-row:1;position:relative;z-index:1}
.budget-home .hero-main-title{font-size:48px;line-height:1.2;letter-spacing:-.5px;margin:0 0 24px;color:#1a1a1a}
.budget-home .hero-main-title .gradient-accent{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.budget-home .hero-desc{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0;letter-spacing:.2px}
.budget-home .hero-image-cell{grid-column:3;grid-row:1 / 3;position:relative;overflow:hidden;border-radius:7px;z-index:1}
.budget-home .hero-image-cell img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(0)}
.budget-home .hero-image-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fbfbfc1a 0%,transparent 40%);z-index:1;pointer-events:none}
.budget-home .hero-stats-cell{grid-column:1 / 3;grid-row:2;background:#fff;padding:24px;border-radius:7px;box-shadow:0 2px 3px 0 #0c5b7c0d;position:relative;z-index:1}
.budget-home .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.budget-home .stat-item{text-align:center}
.budget-home .stat-number{font-size:36px;line-height:1.2;font-weight:700;color:#D51A2A;display:block;margin:0 0 6px;letter-spacing:-.5px}
.budget-home .stat-label{font-size:14px;line-height:1.2;color:#6a6a6a;letter-spacing:.3px;text-transform:uppercase}
.budget-home .approach-block{max-width:1320px;margin:0 auto;padding:48px 24px;background:#fff;position:relative}
.budget-home .approach-block::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 50%,transparent 100%)}
.budget-home .approach-block::after{content:'';position:absolute;top:2px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 50%,transparent 100%)}
.budget-home .approach-content{max-width:960px;margin:0 auto}
.budget-home .approach-title{font-size:36px;line-height:1.2;letter-spacing:-.3px;margin:0 0 24px;color:#1a1a1a;text-shadow:1px 1px 2px #0c5b7c14}
.budget-home .approach-text{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px;letter-spacing:.2px}
.budget-home .approach-text:last-of-type{margin:0}
.budget-home .features-split{max-width:1320px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1fr 2px 1fr;gap:48px;align-items:start}
.budget-home .features-divider{background:linear-gradient(180deg,transparent 0%,#D51A2A 50%,transparent 100%);height:100%;min-height:400px}
.budget-home .feature-column{display:flex;flex-direction:column;gap:48px}
.budget-home .feature-card{background:#fff;padding:24px;border-radius:7px;box-shadow:0 6px 20px 0 #d51a2a17;transition:transform .6s cubic-bezier(0.25,0.46,0.45,0.94);position:relative}
.budget-home .feature-card:hover{transform:translateY(-6px)}
.budget-home .feature-card-title{font-size:20px;line-height:1.2;letter-spacing:-.1px;margin:0 0 12px;color:#0C5B7C;text-shadow:.5px .5px 1px #d51a2a0f}
.budget-home .feature-card-text{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0;letter-spacing:.2px}
.budget-home .feature-card img{width:100%;height:180px;object-fit:cover;border-radius:4px;margin:0 0 12px;display:block}
.budget-home .methods-alternating{background:#FBFBFC;padding:96px 24px}
.budget-home .methods-holder{max-width:1320px;margin:0 auto}
.budget-home .methods-header{text-align:center;margin:0 0 48px}
.budget-home .methods-header-title{font-size:36px;line-height:1.2;letter-spacing:-.3px;margin:0 0 12px;color:#1a1a1a;text-shadow:1px 1px 3px #d51a2a1a}
.budget-home .methods-items{display:flex;flex-direction:column;gap:24px}
.budget-home .method-row{display:flex;align-items:center;gap:24px;background:#fff;padding:24px;border-radius:7px;box-shadow:0 2px 3px 0 #0c5b7c0d}
.budget-home .method-row:nth-child(odd){flex-direction:row}
.budget-home .method-row:nth-child(even){flex-direction:row-reverse}
.budget-home .method-image-holder{flex-shrink:0;width:320px;height:200px;border-radius:4px;overflow:hidden}
.budget-home .method-image-holder img{width:100%;height:100%;object-fit:cover;display:block}
.budget-home .method-content{flex:1}
.budget-home .method-content-title{font-size:20px;line-height:1.2;letter-spacing:-.1px;margin:0 0 12px;color:#D51A2A}
.budget-home .method-content-text{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0;letter-spacing:.2px}
.budget-home .cta-final{max-width:1320px;margin:0 auto;padding:96px 24px;text-align:center;position:relative}
.budget-home .cta-final::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,transparent 0%,#D51A2A 50%,transparent 100%)}
.budget-home .cta-final::after{content:'';position:absolute;top:2px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,transparent 0%,#D51A2A 50%,transparent 100%)}
.budget-home .cta-title-main{font-size:36px;line-height:1.2;letter-spacing:-.3px;margin:0 0 24px;color:#1a1a1a;text-shadow:1px 1px 2px #0c5b7c14}
.budget-home .cta-text-main{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 48px;max-width:720px;margin-left:auto;margin-right:auto;letter-spacing:.2px}
.budget-home .cta-button-main{display:inline-block;padding:12px 48px;background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);color:#fff;text-decoration:none;font-size:15px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;border-radius:36px;box-shadow:0 6px 20px 0 #d51a2a17;transition:filter .6s ease;font-weight:600}
.budget-home .cta-button-main:hover{filter:brightness(1.15)}
.budget-home ::selection{background:#FBFBFC;color:#1a1a1a}
@media (max-width: 1280px) {
.budget-home .hero-bento{padding:48px 24px;grid-template-columns:1fr;grid-template-rows:auto auto auto}
.budget-home .hero-text-holder{grid-column:1;grid-row:1}
.budget-home .hero-image-cell{grid-column:1;grid-row:2;height:360px}
.budget-home .hero-stats-cell{grid-column:1;grid-row:3}
.budget-home .hero-main-title{font-size:36px}
.budget-home .features-split{grid-template-columns:1fr;padding:48px 24px;gap:24px}
.budget-home .features-divider{display:none}
.budget-home .method-row{flex-direction:column!important}
.budget-home .method-image-holder{width:100%}
.budget-home .methods-alternating{padding:48px 24px}
.budget-home .cta-final{padding:48px 24px}
}
@media (max-width: 768px) {
.budget-home .hero-main-title{font-size:36px}
.budget-home .stats-grid{grid-template-columns:1fr;gap:12px}
.budget-home .stat-number{font-size:36px}
.budget-home .approach-title{font-size:36px}
.budget-home .methods-header-title{font-size:36px}
.budget-home .cta-title-main{font-size:36px}
.budget-home .feature-card-title{font-size:17px}
.budget-home .method-content-title{font-size:17px}
}
.contact-page{background:#FBFBFC;color:#1a1a1a;min-height:100vh;display:flex;flex-direction:column}
.contact-page .title-segment{max-width:1320px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.contact-page .grid-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,#0d5b7c08 1px,transparent 1px),linear-gradient(to bottom,#0d5b7c08 1px,transparent 1px);background-size:48px 48px;z-index:0;pointer-events:none}
.contact-page .text-holder{grid-column:1 / 3;position:relative;z-index:1}
.contact-page .primary-title{font-size:48px;line-height:1.2;margin:0 0 12px;letter-spacing:-.5px;font-weight:700;color:#0C5B7C}
.contact-page .secondary-title{font-size:36px;line-height:1.2;margin:0 0 24px;letter-spacing:-.3px;font-weight:400;color:#333}
.contact-page .intro-description{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0}
.contact-page .visual-card{position:relative;z-index:1;background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);border-radius:7px;padding:48px;box-shadow:0 8px 44px 0 #0d5b7c21;min-height:280px;display:flex;align-items:center;justify-content:center;animation:gradient-shift 12s ease infinite}
@keyframes gradient-shift {
0%{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%)}
33%{background:linear-gradient(180deg,#0C5B7C 0%,#D51A2A 100%)}
66%{background:linear-gradient(225deg,#D51A2A 0%,#0C5B7C 100%)}
100%{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%)}
}
.contact-page .visual-card::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,#ffffff4d 0%,transparent 70%);border-radius:50%;filter:blur(30px)}
.contact-page .form-wrapper{max-width:1320px;margin:0 auto;padding:96px 24px;width:100%}
.contact-page .form-header{text-align:center;margin-bottom:48px}
.contact-page .form-title{font-size:36px;line-height:1.2;margin:0 0 12px;letter-spacing:-.3px;font-weight:700;color:#1a1a1a;text-shadow:1px 1px 2px #0d5b7c1a}
.contact-page .form-subtitle{font-size:17px;line-height:1.8;color:#666;margin:0}
.contact-page .contact-form{background:#fff;border-radius:7px;padding:48px;box-shadow:0 6px 20px 0 #d51a2a17;max-width:820px;margin:0 auto}
.contact-page .field-group{margin-bottom:24px}
.contact-page .field-label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:6px;letter-spacing:.3px}
.contact-page .text-input{width:100%;padding:12px 24px;font-size:15px;line-height:1.8;border:2px solid #e0e0e0;border-radius:4px;transition:border-color .6s ease;background:#FBFBFC}
.contact-page .text-input:focus{outline:none;border-color:#0C5B7C}
.contact-page .text-input::placeholder{color:#d51a2a4d}
.contact-page .text-input:user-invalid{border-color:#D51A2A}
.contact-page .interest-section{margin-bottom:24px}
.contact-page .section-label{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;display:block;letter-spacing:.3px}
.contact-page .checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-page .checkbox-item{display:flex;align-items:center;gap:12px;padding:12px;background:#FBFBFC;border-radius:4px;cursor:pointer;transition:background-color .5s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid transparent}
.contact-page .checkbox-item:hover{background:#0c5b7c0d;border-color:#0c5b7c33}
.contact-page .checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:#0C5B7C}
.contact-page .checkbox-label{font-size:15px;color:#333;cursor:pointer;user-select:none}
.contact-page .privacy-holder{margin-bottom:24px;padding:24px;background:#FBFBFC;border-radius:4px;display:flex;align-items:flex-start;gap:12px}
.contact-page .privacy-checkbox{width:20px;height:20px;cursor:pointer;margin-top:2px;accent-color:#D51A2A;flex-shrink:0}
.contact-page .privacy-text{font-size:14px;line-height:1.8;color:#666}
.contact-page .privacy-link{color:#0C5B7C;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.contact-page .privacy-link:hover{border-bottom-color:#0C5B7C;filter:brightness(1.15)}
.contact-page .submit-button{width:100%;padding:24px 48px;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);border:none;border-radius:4px;cursor:pointer;box-shadow:0 6px 20px 0 #d51a2a17;transition:filter .6s ease,box-shadow .5s ease}
.contact-page .submit-button:hover{filter:brightness(1.12);box-shadow:0 8px 44px 0 #d51a2a21}
.contact-page .submit-button:active{filter:brightness(1.2)}
.contact-page .divider-dots{text-align:center;padding:48px 0;display:flex;justify-content:center;gap:12px}
.contact-page .dot{width:6px;height:6px;background:#D51A2A;border-radius:50%}
.contact-page .info-section{background:#fff;padding:96px 24px}
.contact-page .info-container{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 2fr;gap:48px}
.contact-page .tall-column{background:linear-gradient(180deg,#FBFBFC 0%,white 100%);padding:48px;border-radius:7px;border:1px solid #0c5b7c1a;display:flex;flex-direction:column;justify-content:center}
.contact-page .short-column{background:#FBFBFC;padding:48px;border-radius:7px;display:flex;flex-direction:column;justify-content:center}
.contact-page .info-block{margin-bottom:24px}
.contact-page .info-block:last-child{margin-bottom:0}
.contact-page .info-heading{font-size:15px;font-weight:700;color:#D51A2A;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px}
.contact-page .info-value{font-size:17px;line-height:1.8;color:#333;margin:0}
.contact-page .info-link{color:#0C5B7C;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .7s ease}
.contact-page .info-link:hover{gap:12px}
.contact-page .info-link::after{content:'→';opacity:0;transition:opacity .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.contact-page .info-link:hover::after{opacity:1}
.contact-page .details-content{display:flex;flex-direction:column;gap:24px}
.contact-page .detail-heading{font-size:20px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-shadow:2px 2px 4px #d51a2a14}
.contact-page .detail-text{font-size:15px;line-height:1.8;color:#666;margin:0}
.contact-page ::selection{background:#FBFBFC;color:#1a1a1a}
@media (max-width: 1280px) {
.contact-page .title-segment{grid-template-columns:1fr;padding:48px 24px}
.contact-page .text-holder{grid-column:1}
.contact-page .primary-title{font-size:36px}
.contact-page .secondary-title{font-size:20px}
.contact-page .visual-card{min-height:220px}
.contact-page .info-container{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.contact-page .title-segment{padding:24px 12px}
.contact-page .primary-title{font-size:20px}
.contact-page .secondary-title{font-size:17px}
.contact-page .intro-description{font-size:15px}
.contact-page .visual-card{padding:24px;min-height:180px}
.contact-page .form-wrapper{padding:48px 12px}
.contact-page .form-title{font-size:20px}
.contact-page .contact-form{padding:24px}
.contact-page .checkbox-grid{grid-template-columns:1fr}
.contact-page .info-section{padding:48px 12px}
.contact-page .tall-column,.contact-page .short-column{padding:24px}
}
.about-holder{background:#FBFBFC;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.about-holder ::selection{background:#FBFBFC;color:#1a1a1a}
.about-holder .hero-wrapper{max-width:1320px;margin:0 auto;padding:96px 24px 48px;display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.about-holder .hero-image-card{position:relative;border-radius:7px;overflow:hidden;aspect-ratio:4/5}
.about-holder .hero-image-card img{width:100%;height:100%;object-fit:cover}
.about-holder .hero-image-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#d51a2ab3 0%,#0c5b7c99 100%);pointer-events:none}
.about-holder .hero-text-zone{padding-top:48px;position:relative}
.about-holder .hero-text-zone::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle,#d51a2a14 1px,transparent 1px),radial-gradient(circle,#0c5b7c14 1px,transparent 1px);background-size:48px 48px,64px 64px;background-position:0 0,24px 24px;pointer-events:none;z-index:0}
.about-holder .hero-text-zone h1{font-size:48px;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em;position:relative;z-index:1}
.about-holder .gradient-accent{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-holder .hero-text-zone p{font-size:17px;line-height:1.8;margin:0;position:relative;z-index:1}
.about-holder .timeline-section{background:#fff;position:relative;overflow:hidden}
.about-holder .timeline-section::before{content:'';position:absolute;top:-2px;left:0;right:0;height:24px;background-image:radial-gradient(circle at 12px 0,transparent 12px,#FBFBFC 12px);background-size:24px 24px;background-position:0 0;background-repeat:repeat-x}
.about-holder .timeline-wrapper{max-width:1320px;margin:0 auto;padding:96px 24px}
.about-holder .timeline-wrapper h2{font-size:36px;line-height:1.2;margin:0 0 48px;letter-spacing:-.01em;text-shadow:0 2px 6px #d51a2a1f}
.about-holder .timeline-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:48px}
.about-holder .timeline-card{background:#FBFBFC;padding:24px;border-radius:7px;box-shadow:0 2px 3px 0 #d51a2a0d;transition:box-shadow .6s cubic-bezier(0.25,0.46,0.45,0.94),transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.about-holder .timeline-card:hover{box-shadow:0 6px 20px 0 #d51a2a17;transform:translateY(-2px)}
.about-holder .timeline-year{font-size:20px;line-height:1.2;margin:0 0 12px;color:#D51A2A;font-weight:600;letter-spacing:-.01em}
.about-holder .timeline-content{font-size:15px;line-height:1.8;margin:0;letter-spacing:.01em}
.about-holder .approach-section{background:linear-gradient(180deg,#fff 0%,#FBFBFC 100%);position:relative}
.about-holder .approach-wrapper{max-width:1320px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}
.about-holder .approach-content h2{font-size:36px;line-height:1.2;margin:0 0 24px;letter-spacing:-.01em;text-shadow:0 1px 3px #0c5b7c26}
.about-holder .approach-content p{font-size:17px;line-height:1.8;margin:0 0 24px;letter-spacing:.005em}
.about-holder .approach-content p:last-child{margin-bottom:0}
.about-holder .approach-sidebar{background:#fff;padding:24px;border-radius:7px;box-shadow:0 6px 20px 0 #0c5b7c17;position:sticky;top:24px}
.about-holder .metric-display{text-align:center;padding:24px;border-bottom:1px solid #0c5b7c1a}
.about-holder .metric-display:last-child{border-bottom:none}
.about-holder .metric-number{font-size:48px;line-height:1.2;margin:0 0 6px;color:#0C5B7C;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:12px}
.about-holder .trend-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid #D51A2A}
.about-holder .metric-label{font-size:14px;line-height:1.8;margin:0;color:#555;text-transform:uppercase;letter-spacing:.05em}
.about-holder .team-section{background:#0e1d27;position:relative;overflow:hidden}
.about-holder .team-texture{position:absolute;inset:0;z-index:0}
.about-holder .team-texture img{width:100%;height:100%;object-fit:cover;opacity:.06}
.about-holder .team-wrapper{max-width:1320px;margin:0 auto;padding:96px 24px;position:relative;z-index:1}
.about-holder .team-wrapper h2{font-size:36px;line-height:1.2;margin:0 0 48px;letter-spacing:-.01em;color:#FBFBFC;text-shadow:0 2px 8px #d51a2a4d}
.about-holder .team-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-holder .team-member{background:#fbfbfc0d;padding:24px;border-radius:7px;display:flex;gap:24px;align-items:start;transition:background .7s ease;position:relative}
.about-holder .team-member::before{content:'';position:absolute;inset:0;border-radius:7px;background:repeating-conic-gradient(from 0deg at 0 0,#d51a2a26 0deg 90deg,#0c5b7c26 90deg 180deg,#d51a2a26 180deg 270deg,#0c5b7c26 270deg 360deg);background-size:24px 24px;opacity:0;transition:opacity .7s ease;pointer-events:none}
.about-holder .team-member:hover::before{opacity:1}
.about-holder .team-member:hover{background:#fbfbfc14}
.about-holder .member-photo{width:96px;height:96px;border-radius:36px;overflow:hidden;flex-shrink:0}
.about-holder .member-photo img{width:100%;height:100%;object-fit:cover}
.about-holder .member-info h3{font-size:20px;line-height:1.2;margin:0 0 6px;color:#FBFBFC;letter-spacing:-.01em}
.about-holder .member-role{font-size:14px;line-height:1.8;margin:0 0 12px;color:#D51A2A;text-transform:uppercase;letter-spacing:.05em}
.about-holder .member-bio{font-size:15px;line-height:1.8;margin:0;color:#fbfbfcd9;letter-spacing:.01em}
@media (max-width: 1280px) {
.about-holder .hero-wrapper{padding:48px 24px;gap:24px}
.about-holder .hero-image-card{width:240px}
.about-holder .hero-text-zone{padding-top:24px}
.about-holder .hero-text-zone h1{font-size:36px}
.about-holder .timeline-wrapper,.about-holder .approach-wrapper,.about-holder .team-wrapper{padding:48px 24px}
.about-holder .timeline-wrapper h2,.about-holder .approach-content h2,.about-holder .team-wrapper h2{font-size:36px}
.about-holder .approach-wrapper{gap:24px}
}
@media (max-width: 768px) {
.about-holder .hero-wrapper{grid-template-columns:1fr;padding:24px 12px}
.about-holder .hero-image-card{width:100%;max-width:320px;margin:0 auto}
.about-holder .hero-text-zone{padding-top:12px}
.about-holder .hero-text-zone h1{font-size:36px}
.about-holder .hero-text-zone p{font-size:15px}
.about-holder .timeline-wrapper,.about-holder .approach-wrapper,.about-holder .team-wrapper{padding:24px 12px}
.about-holder .timeline-wrapper h2,.about-holder .approach-content h2,.about-holder .team-wrapper h2{font-size:36px;margin-bottom:24px}
.about-holder .timeline-grid{grid-template-columns:1fr;gap:24px}
.about-holder .approach-wrapper{grid-template-columns:1fr;gap:24px}
.about-holder .approach-sidebar{position:static}
.about-holder .team-showcase{grid-template-columns:1fr}
.about-holder .team-member{flex-direction:column}
.about-holder .member-photo{width:120px;height:120px}
}
@keyframes split-reveal {
0%{clip-path:inset(0 50% 0 50%);opacity:0}
100%{clip-path:inset(0 0 0 0);opacity:1}
}
.about-holder .hero-wrapper{animation:split-reveal .8s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.success-page{background:#FBFBFC;color:#1a1a1a;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.success-page *{box-sizing:border-box}
.success-page ::selection{background:#FBFBFC;color:#1a1a1a}
.success-page .page-wrapper{max-width:1320px;margin:0 auto;padding:0 24px}
.success-page .split-hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;margin-bottom:96px;overflow:hidden;border-radius:7px;box-shadow:0 6px 20px 0 #d51a2a17}
.success-page .split-text-zone{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);padding:96px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.success-page .split-text-zone::before{content:'';position:absolute;width:280px;height:280px;background:#ffffff14;border-radius:50%;top:-120px;right:-80px;pointer-events:none}
.success-page .split-hero-heading{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;letter-spacing:-.5px;text-shadow:0 3px 8px #00000026}
.success-page .split-hero-text{font-size:17px;line-height:1.8;color:#fffffff2;margin:0}
.success-page .split-image-zone{background:#e8e8ea;position:relative;overflow:hidden}
.success-page .split-zone-image{width:100%;height:100%;object-fit:cover;position:relative;clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
.success-page .split-zone-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent 0%,#0006 100%);pointer-events:none}
.success-page .stories-intro{padding:48px 0;text-align:center}
.success-page .stories-intro-heading{font-size:36px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;letter-spacing:-.3px}
.success-page .stories-intro-text{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 auto;max-width:780px}
.success-page .grid-posts{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;margin:96px 0}
.success-page .story-card{background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 2px 3px 0 #0c5b7c0d;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .6s ease;display:flex;flex-direction:column}
.success-page .story-card:hover{transform:translateY(-6px);box-shadow:0 8px 44px 0 #0c5b7c21}
.success-page .story-image-holder{width:100%;height:220px;overflow:hidden;position:relative}
.success-page .story-card-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.success-page .story-card:hover .story-card-image{transform:scale(1.06)}
.success-page .story-content-holder{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.success-page .story-title{font-size:20px;line-height:1.2;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.2px;text-shadow:1px 1px 2px #00000008}
.success-page .story-description{font-size:15px;line-height:1.8;color:#5a5a5a;margin:0 0 24px;flex-grow:1}
.success-page .story-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e8e8ea}
.success-page .story-link{display:inline-block;font-size:15px;color:#D51A2A;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:filter .55s ease}
.success-page .story-link:hover{filter:brightness(1.15)}
.success-page .story-likes{display:flex;align-items:center;gap:6px;font-size:14px;color:#7a7a7a}
.success-page .like-icon{width:18px;height:18px;fill:#D51A2A}
.success-page .zigzag-divider{width:100%;height:48px;margin:96px 0}
.success-page .impact-section{background:linear-gradient(135deg,#0c5b7c0a 0%,#d51a2a0a 100%);padding:96px 48px;border-radius:7px;margin-bottom:96px}
.success-page .impact-heading{font-size:36px;line-height:1.2;color:#1a1a1a;margin:0 0 48px;text-align:center;letter-spacing:-.3px;text-shadow:2px 2px 4px #0000000a}
.success-page .heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:680px;margin:0 auto 48px}
.success-page .heatmap-cell{aspect-ratio:1;border-radius:4px;transition:transform .5s ease}
.success-page .heatmap-cell:hover{transform:scale(1.15)}
.success-page .heat-level-1{background:#0c5b7c26}
.success-page .heat-level-2{background:#0c5b7c59}
.success-page .heat-level-3{background:#0c5b7c8c}
.success-page .heat-level-4{background:#0c5b7cbf}
.success-page .heat-level-5{background:#0C5B7C}
.success-page .impact-text{font-size:17px;line-height:1.8;color:#4a4a4a;text-align:center;max-width:840px;margin:0 auto}
.success-page .letter-hover-section{padding:96px 0;background:#fff;border-radius:36px;box-shadow:0 6px 20px 0 #d51a2a17;margin-bottom:96px}
.success-page .letter-heading{font-size:36px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;text-align:center;letter-spacing:-.3px;padding:0 48px}
.success-page .letter-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:0 48px}
.success-page .letter-text-block{font-size:17px;line-height:1.8;color:#4a4a4a}
.success-page .letter-interactive-text{display:inline;cursor:default}
.success-page .letter-interactive-text span{display:inline-block;transition:color .65s cubic-bezier(0.25,0.46,0.45,0.94)}
.success-page .letter-interactive-text:hover span:nth-child(1){color:#D51A2A;transition-delay:0s}
.success-page .letter-interactive-text:hover span:nth-child(2){color:#D51A2A;transition-delay:.05s}
.success-page .letter-interactive-text:hover span:nth-child(3){color:#D51A2A;transition-delay:.1s}
.success-page .letter-interactive-text:hover span:nth-child(4){color:#D51A2A;transition-delay:.15s}
.success-page .letter-interactive-text:hover span:nth-child(5){color:#D51A2A;transition-delay:.2s}
.success-page .letter-interactive-text:hover span:nth-child(6){color:#D51A2A;transition-delay:.25s}
.success-page .letter-interactive-text:hover span:nth-child(7){color:#D51A2A;transition-delay:.3s}
.success-page .letter-interactive-text:hover span:nth-child(8){color:#D51A2A;transition-delay:.35s}
.success-page .letter-interactive-text:hover span:nth-child(9){color:#D51A2A;transition-delay:.4s}
.success-page .letter-interactive-text:hover span:nth-child(10){color:#D51A2A;transition-delay:.45s}
.success-page .notch-block{background:#fff;padding:48px;border-radius:7px;position:relative;box-shadow:0 2px 3px 0 #0c5b7c0d}
.success-page .notch-block::before{content:'';position:absolute;left:0;top:24px;width:6px;height:120px;background:linear-gradient(to bottom,#D51A2A 0%,#0C5B7C 100%);border-radius:0 4px 4px 0}
.success-page .notch-block-heading{font-size:20px;line-height:1.2;color:#1a1a1a;margin:0 0 12px 24px;letter-spacing:-.2px}
.success-page .notch-block-text{font-size:15px;line-height:1.8;color:#5a5a5a;margin:0 0 0 24px}
@media (max-width: 1280px) {
.success-page .split-hero{grid-template-columns:1fr;min-height:auto}
.success-page .split-text-zone{padding:48px 24px}
.success-page .split-hero-heading{font-size:36px}
.success-page .split-zone-image{min-height:360px}
.success-page .grid-posts{grid-template-columns:1fr 1fr}
.success-page .letter-content{grid-template-columns:1fr;gap:24px}
.success-page .impact-section,.success-page .letter-hover-section{padding:48px 24px}
}
@media (max-width: 768px) {
.success-page .page-wrapper{padding:0 12px}
.success-page .split-hero{margin-bottom:48px}
.success-page .split-hero-heading{font-size:20px}
.success-page .split-hero-text{font-size:15px}
.success-page .stories-intro-heading,.success-page .impact-heading,.success-page .letter-heading{font-size:20px}
.success-page .grid-posts{grid-template-columns:1fr;gap:24px;margin:48px 0}
.success-page .zigzag-divider{margin:48px 0}
.success-page .impact-section,.success-page .letter-hover-section{margin-bottom:48px;padding:24px 12px;border-radius:7px}
.success-page .letter-heading{padding:0 12px}
.success-page .letter-content{padding:0 12px}
.success-page .heatmap-grid{gap:6px}
.success-page .notch-block{padding:24px}
.success-page .notch-block-heading,.success-page .notch-block-text{margin-left:12px}
}
.success-page{background:linear-gradient(135deg,#FBFBFC 0%,#fff 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.success-page .confirm-holder{max-width:720px;width:100%;background:#fff;border-radius:7px;box-shadow:0 8px 44px 0 #0d5b7c21;padding:96px 48px;text-align:center;position:relative;overflow:hidden}
.success-page .confirm-holder::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#D51A2A 0%,#0C5B7C 100%)}
.success-page .icon-check{width:84px;height:84px;margin:0 auto 48px;position:relative;animation:rotateIn .7s cubic-bezier(0.25,0.46,0.45,0.94) forwards;opacity:0;animation-delay:.2s}
@keyframes rotateIn {
0%{transform:rotate(-180deg) scale(0.3);opacity:0}
100%{transform:rotate(0deg) scale(1);opacity:1}
}
.success-page .icon-check svg{width:100%;height:100%}
.success-page .icon-check circle{fill:none;stroke:#0C5B7C;stroke-width:3;stroke-dasharray:264;stroke-dashoffset:264;animation:drawCircle .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:.5s}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
.success-page .icon-check path{fill:none;stroke:#D51A2A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:.9s}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.success-page .main-title{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;letter-spacing:-.02em;opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:1.2s}
@keyframes fadeUp {
0%{opacity:0;transform:translateY(24px)}
100%{opacity:1;transform:translateY(0)}
}
.success-page .main-title .gradient-word{background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.success-page .desc-text{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 48px;opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:1.4s}
.success-page .metric-display{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 48px;opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:1.6s}
.success-page .metric-num{font-size:36px;line-height:1.2;font-weight:700;color:#0C5B7C;letter-spacing:-.01em}
.success-page .arrow-visual{width:48px;height:48px;position:relative}
.success-page .arrow-visual svg{width:100%;height:100%}
.success-page .arrow-visual path{fill:none;stroke:#D51A2A;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:drawArrow .7s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:1.8s}
@keyframes drawArrow {
to{stroke-dashoffset:0}
}
.success-page .btn-primary{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%);color:#fff;font-size:15px;line-height:1.2;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border-radius:36px;transition:filter .6s cubic-bezier(0.25,0.46,0.45,0.94);opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:2s;font-weight:600}
.success-page .btn-primary:hover{filter:brightness(1.15)}
.success-page .btn-primary:focus{outline:3px solid #0d5b7c4d;outline-offset:3px}
.success-page .divider-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin:48px 0 0;opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:2.2s}
.success-page .divider-dots span{width:6px;height:6px;border-radius:4px;background:#D51A2A}
.success-page .divider-dots span:nth-child(2){background:linear-gradient(135deg,#D51A2A 0%,#0C5B7C 100%)}
.success-page .divider-dots span:nth-child(3){background:#0C5B7C}
.success-page .secondary-info{margin:24px 0 0;font-size:14px;line-height:1.8;color:#6a6a6a;opacity:0;animation:fadeUp .6s cubic-bezier(0.25,0.46,0.45,0.94) forwards;animation-delay:2.4s}
.success-page .contact-link{color:#0C5B7C;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .5s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;display:inline-flex;align-items:center;gap:6px}
.success-page .contact-link:hover{border-bottom-color:#0C5B7C}
.success-page .contact-link i{font-size:14px;opacity:0;transform:translateX(-6px);transition:opacity .6s cubic-bezier(0.25,0.46,0.45,0.94),transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.success-page .contact-link:hover i{opacity:1;transform:translateX(0)}
.success-page ::selection{background:#FBFBFC;color:#1a1a1a}
@media (max-width: 768px) {
.success-page{padding:24px 12px}
.success-page .confirm-holder{padding:48px 24px}
.success-page .icon-check{width:68px;height:68px;margin-bottom:24px}
.success-page .main-title{font-size:36px;margin-bottom:12px}
.success-page .desc-text{font-size:15px;margin-bottom:24px}
.success-page .metric-display{flex-direction:column;gap:12px;margin-bottom:24px}
.success-page .metric-num{font-size:20px}
.success-page .arrow-visual{width:36px;height:36px;transform:rotate(90deg)}
.success-page .btn-primary{padding:14px 36px;font-size:14px}
.success-page .divider-dots{margin-top:24px}
.success-page .secondary-info{margin-top:12px}
}