@import "https://cdn.jsdelivr.net/npm/@fontsource/eb-garamond@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/eb-garamond@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'EB Garamond',serif;line-height:1.6;color:#1a1a1a;background:#fafafa}
.MainHeader{background:linear-gradient(135deg,#55cbf414 0%,#cffae81f 100%);padding:0;border-bottom:1px solid #55cbf426}
.header-container{max-width:1440px;margin:0 auto;padding:0 30px}
.TopRow{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #55cbf41a}
.LogoWrap{display:flex;align-items:center;gap:0}
.LogoWrap img{height:95px;width:95px;object-fit:contain;background:#ffffffe6;padding:8px;border-radius:25px;box-shadow:0 4px 12px #55cbf426}
.BrandDesc{max-width:450px}
.BrandDesc h2{font-size:19px;font-weight:700;color:#2c3e50;margin-bottom:6px}
.BrandDesc p{font-size:15px;color:#5a6c7d;line-height:1.5}
.BottomNav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.PrimaryNavi{display:flex;gap:35px;list-style:none}
.PrimaryNavi a{text-decoration:none;color:#2c3e50;font-size:17px;font-weight:400;transition:color .3s ease}
.PrimaryNavi a:hover{color:#55CBF4}
.CtaButt{background:linear-gradient(135deg,#55CBF4 0%,#4ab8e0 100%);color:#fff;padding:14px 32px;border-radius:30px;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 6px 16px #55cbf44d;transition:transform .3s ease,box-shadow .3s ease}
.CtaButt:hover{transform:translateY(-2px);box-shadow:0 8px 20px #55cbf466;color:#fff}
main{min-height:200px}
.MainFooter{background:linear-gradient(180deg,#1a1a1a 0%,#0d0d0d 100%);color:#e0e0e0;padding:60px 0 0;margin-top:100px;border-top:4px solid #55CBF4}
.footer-container{max-width:1440px;margin:0 auto;padding:0 30px}
.FooterGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px}
.CompanyBlock h3{font-size:28px;font-weight:700;color:#55CBF4;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}
.CompanyBlock p{font-size:16px;line-height:1.8;color:#b0b0b0;margin-bottom:12px}
.CompanyBlock a{color:#CFFAE8;text-decoration:none;transition:color .3s ease}
.CompanyBlock a:hover{color:#55CBF4}
.FootColumn h4{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;border-left:4px solid #CD130C;padding-left:15px}
.FootColumn ul{list-style:none}
.FootColumn li{margin-bottom:12px}
.FootColumn a{color:#b0b0b0;text-decoration:none;font-size:16px;transition:color .3s ease,padding-left .3s ease;display:inline-block}
.FootColumn a:hover{color:#CFFAE8;padding-left:8px}
.CopyBar{border-top:2px solid #55cbf433;padding:30px 0;text-align:center}
.CopyBar p{font-size:15px;color:#7a7a7a}
.AccessInfo{margin-top:15px;font-size:14px;color:#9a9a9a}
.AccessInfo a{color:#55CBF4;text-decoration:underline}
.CookieBox{position:fixed;right:-500px;top:50%;transform:translateY(-50%);width:420px;background:#fff;border-radius:30px;box-shadow:0 12px 40px #00000040;padding:35px;z-index:10000;transition:right .6s cubic-bezier(0.68,-0.55,0.265,1.55);border:2px solid #55CBF4}
.CookieBox.visible{right:30px}
.CookieBox h3{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:15px}
.CookieBox p{font-size:15px;color:#5a6c7d;line-height:1.6;margin-bottom:20px}
.cookie-options{margin:20px 0}
.cookie-option{display:flex;align-items:center;margin-bottom:12px;padding:10px;background:#cffae826;border-radius:15px}
.cookie-option input{margin-right:10px;width:18px;height:18px}
.cookie-option label{font-size:15px;color:#2c3e50;cursor:pointer}
.cookie-btns{display:flex;gap:12px;margin-top:20px}
.cookie-btns button{flex:1;padding:12px 20px;border:2px solid #55CBF4;background:transparent;color:#55CBF4;border-radius:25px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:'EB Garamond',serif}
.cookie-btns button:hover{background:#55CBF4;color:#fff}
.cookie-btns button.accept-all{background:#55CBF4;color:#fff}
.cookie-btns button.accept-all:hover{background:#4ab8e0}
.cookie-manage-hint{margin-top:15px;font-size:13px;color:#7a7a7a;text-align:center}
@media (max-width: 968px) {
.TopRow{flex-direction:column;gap:20px;text-align:center}
.BrandDesc{max-width:100%}
.BottomNav{flex-direction:column;gap:25px}
.PrimaryNavi{flex-direction:column;gap:15px;text-align:center}
.CtaButt{width:100%;text-align:center}
.FooterGrid{grid-template-columns:1fr;gap:40px}
.CookieBox{width:90%;right:-100%}
.CookieBox.visible{right:5%}
}
.PageContainer{max-width:1440px;margin:0 auto;padding:0}
.CircularHero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);overflow:hidden;padding:60px 20px}
.CircularHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}
.CircularHero .TitleCenter{position:relative;z-index:2;text-align:center;max-width:800px}
.CircularHero .MainTitle{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.CircularHero .SubText{font-size:1.2rem;color:#2d2d2d;margin:0;line-height:1.6}
.CircularHero .HeroFigure{position:absolute;bottom:-60px;right:80px;width:420px;height:420px;border-radius:50%;overflow:hidden;border:12px solid #ffffff4d;box-shadow:0 20px 60px #00000026}
.CircularHero .HeroFigure img{width:100%;height:100%;object-fit:cover}
.DiagonalSection{background:#fff;padding:100px 20px 80px;position:relative}
.DiagonalSection::before{content:'';position:absolute;top:-50px;left:0;right:0;height:100px;background:#fff;transform:skewY(-2deg);transform-origin:left}
.DiagonalSection .ContentWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.DiagonalSection .TextCol h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.DiagonalSection .TextCol h2::before{content:'';display:inline-block;width:50px;height:4px;background:#55CBF4;margin-right:16px;vertical-align:middle}
.DiagonalSection .TextCol p{font-size:1.05rem;color:#4a4a4a;line-height:1.8;margin:0 0 20px}
.DiagonalSection .VisualCol{display:flex;flex-direction:column;gap:24px}
.DiagonalSection .StrategyCard{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:32px;border-radius:28px;border-left:6px solid #55CBF4;box-shadow:0 8px 24px #55cbf41f;transition:all .3s ease}
.DiagonalSection .StrategyCard:hover{transform:translateX(8px);box-shadow:0 12px 32px #55cbf433}
.DiagonalSection .StrategyCard h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.DiagonalSection .StrategyCard p{font-size:.95rem;color:#5a5a5a;line-height:1.6;margin:0}
.SplitLayout{background:linear-gradient(to right,#CFFAE8 0%,#CFFAE8 50%,#fff 50%,#fff 100%);padding:90px 20px}
.SplitLayout .InnerGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:0}
.SplitLayout .ImgSide{padding:40px;display:flex;align-items:center;justify-content:center}
.SplitLayout .ImgSide img{width:100%;max-width:420px;height:auto;border-radius:32px;box-shadow:0 16px 48px #0000001f}
.SplitLayout .ContentSide{padding:40px 40px 40px 60px;display:flex;flex-direction:column;justify-content:center}
.SplitLayout .ContentSide h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 28px;font-weight:700;position:relative}
.SplitLayout .ContentSide h2::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#55CBF4 0%,#CD130C 100%)}
.SplitLayout .StepList{list-style:none;padding:0;margin:32px 0 0}
.SplitLayout .StepList li{padding:20px 0 20px 60px;position:relative;font-size:1.05rem;color:#3a3a3a;line-height:1.7;border-bottom:1px solid #e0e0e0}
.SplitLayout .StepList li:last-child{border-bottom:none}
.SplitLayout .StepList li::before{content:'';position:absolute;left:0;top:20px;width:40px;height:40px;background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.SplitLayout .StepList li:nth-child(1)::after{content:'1';position:absolute;left:14px;top:28px;font-size:1.1rem;font-weight:700;color:#1a1a1a}
.SplitLayout .StepList li:nth-child(2)::after{content:'2';position:absolute;left:14px;top:28px;font-size:1.1rem;font-weight:700;color:#1a1a1a}
.SplitLayout .StepList li:nth-child(3)::after{content:'3';position:absolute;left:14px;top:28px;font-size:1.1rem;font-weight:700;color:#1a1a1a}
.SplitLayout .StepList li:nth-child(4)::after{content:'4';position:absolute;left:14px;top:28px;font-size:1.1rem;font-weight:700;color:#1a1a1a}
.TestimonialWave{background:#f8f9fa;padding:80px 20px;position:relative}
.TestimonialWave::before{content:'';position:absolute;top:0;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0 40 Q300 0 600 40 T1200 40 V0 H0 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center top;background-size:cover}
.TestimonialWave .ContentBox{max-width:1200px;margin:0 auto}
.TestimonialWave .SectionLabel{text-align:center;font-size:2.4rem;color:#1a1a1a;margin:0 0 60px;font-weight:700}
.TestimonialWave .CardGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TestimonialWave .TestiCard{background:#fff;padding:40px;border-radius:32px;box-shadow:0 12px 36px #00000014;display:flex;gap:28px;transition:all .4s ease}
.TestimonialWave .TestiCard:hover{transform:translateY(-8px);box-shadow:0 20px 50px #55cbf426}
.TestimonialWave .TestiCard .Avatar{flex-shrink:0}
.TestimonialWave .TestiCard .Avatar img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #CFFAE8}
.TestimonialWave .TestiCard .QuoteContent{flex:1}
.TestimonialWave .TestiCard .QuoteContent p{font-size:1rem;color:#4a4a4a;line-height:1.7;margin:0 0 16px;font-style:italic}
.TestimonialWave .TestiCard .QuoteContent .AuthorName{font-size:1.05rem;color:#1a1a1a;font-weight:600;margin:0}
.TestimonialWave .TestiCard .QuoteContent .AuthorRole{font-size:.9rem;color:#55CBF4;margin:4px 0 0}
.CtaBlock{background:linear-gradient(135deg,#55CBF4 0%,#CD130C 100%);padding:100px 20px;position:relative;overflow:hidden}
.CtaBlock::after{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff1a;border-radius:50%}
.CtaBlock .CtaInner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.CtaBlock .CtaInner h2{font-size:2.6rem;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.3}
.CtaBlock .CtaInner p{font-size:1.15rem;color:#fff;line-height:1.7;margin:0 0 40px;opacity:.95}
.CtaBlock .BtnWrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.CtaBlock .BtnPrimary{background:#fff;color:#55CBF4;padding:18px 48px;border-radius:30px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 24px #00000026}
.CtaBlock .BtnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000040;background:#CFFAE8}
.CtaBlock .BtnSecondary{background:transparent;color:#fff;padding:18px 48px;border-radius:30px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;border:3px solid #fff;transition:all .3s ease}
.CtaBlock .BtnSecondary:hover{background:#fff;color:#55CBF4;transform:translateY(-3px)}
@media (max-width: 1024px) {
.CircularHero .HeroFigure{width:340px;height:340px;right:40px;bottom:-40px}
.DiagonalSection .ContentWrap{grid-template-columns:1fr;gap:50px}
.SplitLayout .InnerGrid{grid-template-columns:1fr}
.SplitLayout{background:#fff}
.SplitLayout .ImgSide{order:2}
.SplitLayout .ContentSide{order:1;padding:20px}
.TestimonialWave .CardGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.CircularHero{min-height:420px;padding:40px 20px}
.CircularHero .MainTitle{font-size:2.2rem}
.CircularHero .SubText{font-size:1rem}
.CircularHero .HeroFigure{width:260px;height:260px;right:20px;bottom:-30px}
.DiagonalSection{padding:60px 20px 50px}
.DiagonalSection .TextCol h2{font-size:1.8rem}
.SplitLayout{padding:60px 20px}
.SplitLayout .ContentSide h2{font-size:1.8rem}
.SplitLayout .StepList li{padding:16px 0 16px 50px;font-size:.95rem}
.SplitLayout .StepList li::before{width:34px;height:34px}
.SplitLayout .StepList li:nth-child(1)::after,.SplitLayout .StepList li:nth-child(2)::after,.SplitLayout .StepList li:nth-child(3)::after,.SplitLayout .StepList li:nth-child(4)::after{left:11px;top:24px;font-size:1rem}
.TestimonialWave{padding:60px 20px}
.TestimonialWave .SectionLabel{font-size:1.9rem;margin:0 0 40px}
.TestimonialWave .TestiCard{flex-direction:column;padding:30px;gap:20px}
.TestimonialWave .TestiCard .Avatar img{width:75px;height:75px}
.CtaBlock{padding:70px 20px}
.CtaBlock .CtaInner h2{font-size:2rem}
.CtaBlock .CtaInner p{font-size:1rem}
.CtaBlock .BtnWrap{flex-direction:column;align-items:stretch}
.CtaBlock .BtnPrimary,.CtaBlock .BtnSecondary{padding:16px 36px;font-size:1rem}
}
.TitleHero{background:linear-gradient(135deg,#CFFAE8 0%,#55cbf41f 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.TitleHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#55cbf426 0%,transparent 70%);border-radius:50%}
.hero-wrapper{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.heroTxt{max-width:720px}
.heroTxt h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.heroTxt .lead-p{font-size:20px;line-height:1.6;color:#333;margin-bottom:16px}
.heroTxt .secondary-p{font-size:17px;line-height:1.7;color:#555}
.decorLine{width:80px;height:4px;background:linear-gradient(90deg,#55CBF4 0%,#CD130C 100%);margin:30px 0;border-radius:40px}
.heroImgWrap{position:relative;max-width:900px;margin:0 auto}
.heroImgWrap img{width:100%;height:auto;border-radius:30px;box-shadow:0 12px 40px #55cbf44d}
.techZone{padding:100px 20px;background:#fff}
.techZone .content-container{max-width:1440px;margin:0 auto}
.techZone h2{font-size:38px;color:#1a1a1a;margin-bottom:50px;text-align:center;position:relative}
.techZone h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#55CBF4;border-radius:30px}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:60px}
.TechCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:35px 30px;border-radius:25px;border:2px solid transparent;transition:all .3s ease;position:relative}
.TechCard:hover{border-color:#55CBF4;transform:translateY(-5px);box-shadow:0 8px 30px #55cbf440}
.TechCard .iconBox{width:60px;height:60px;background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.TechCard .iconBox i{font-size:28px;color:#1a1a1a}
.TechCard h3{font-size:22px;color:#1a1a1a;margin-bottom:12px;font-weight:600}
.TechCard p{font-size:16px;line-height:1.6;color:#555}
.statsArea{background:linear-gradient(135deg,#55cbf414 0%,#cffae826 100%);padding:90px 20px}
.statsArea .inner-wrap{max-width:1440px;margin:0 auto}
.stats-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.StatBox{text-align:center;padding:30px 20px;background:#fff;border-radius:28px;box-shadow:0 6px 20px #0000000f;transition:transform .3s ease}
.StatBox:hover{transform:scale(1.05)}
.StatBox .num{font-size:52px;font-weight:700;color:#55CBF4;margin-bottom:10px;display:block}
.StatBox .label{font-size:18px;color:#333;font-weight:500}
.problemSection{padding:100px 20px;background:#fff}
.problemSection .wrapper-main{max-width:1440px;margin:0 auto}
.problemSection h2{font-size:40px;color:#1a1a1a;margin-bottom:60px;text-align:center}
.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.ProbCard{background:#f8f9fa;padding:40px 30px;border-radius:30px;border-left:5px solid #CD130C;transition:all .3s ease}
.ProbCard:hover{background:#fff;box-shadow:0 10px 35px #cd130c26;border-left-color:#55CBF4}
.ProbCard h4{font-size:24px;color:#1a1a1a;margin-bottom:15px;font-weight:600}
.ProbCard .issue{font-size:16px;line-height:1.6;color:#666;margin-bottom:20px;padding-left:20px;border-left:2px solid #CD130C}
.ProbCard .solution{font-size:16px;line-height:1.6;color:#333;padding-left:20px;border-left:2px solid #55CBF4}
.interactionZone{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#cffae833 100%)}
.interactionZone .container-cent{max-width:1440px;margin:0 auto}
.interactionZone h2{font-size:38px;color:#1a1a1a;margin-bottom:20px}
.interactionZone .intro-txt{font-size:18px;line-height:1.7;color:#555;max-width:800px;margin-bottom:50px}
.format-layout{display:flex;flex-direction:column;gap:25px}
.FormatItem{background:#fff;padding:35px;border-radius:25px;display:flex;align-items:flex-start;gap:25px;box-shadow:0 5px 20px #0000000d;transition:all .3s ease}
.FormatItem:hover{box-shadow:0 10px 35px #55cbf433;transform:translateX(10px)}
.FormatItem .icon-area{width:70px;height:70px;background:linear-gradient(135deg,#CFFAE8 0%,#55CBF4 100%);border-radius:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.FormatItem .icon-area i{font-size:32px;color:#1a1a1a}
.FormatItem .txt-area h3{font-size:24px;color:#1a1a1a;margin-bottom:10px;font-weight:600}
.FormatItem .txt-area p{font-size:16px;line-height:1.6;color:#555}
.priceSection{padding:100px 20px;background:#fff}
.priceSection .wrap-center{max-width:1440px;margin:0 auto}
.priceSection h2{font-size:40px;color:#1a1a1a;margin-bottom:50px;text-align:center}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;max-width:1100px;margin:0 auto}
.PriceCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:45px 35px;border-radius:30px;text-align:center;border:3px solid transparent;transition:all .3s ease;position:relative}
.PriceCard.featured{border-color:#55CBF4;box-shadow:0 15px 50px #55cbf440}
.PriceCard.featured::before{content:'Más Popular';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#55CBF4;color:#fff;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:600}
.PriceCard:hover{transform:translateY(-8px);box-shadow:0 12px 40px #55cbf433}
.PriceCard h3{font-size:26px;color:#1a1a1a;margin-bottom:15px;font-weight:600}
.PriceCard .amount{font-size:48px;font-weight:700;color:#55CBF4;margin-bottom:10px}
.PriceCard .period{font-size:16px;color:#666;margin-bottom:30px}
.PriceCard ul{list-style:none;padding:0;margin:0 0 30px;text-align:left}
.PriceCard ul li{font-size:16px;color:#555;padding:12px 0;border-bottom:1px solid #eee;position:relative;padding-left:30px}
.PriceCard ul li::before{content:'';position:absolute;left:0;color:#55CBF4;font-weight:700;font-size:18px}
.PriceCard .cta-btn{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);color:#1a1a1a;text-decoration:none;border-radius:25px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 5px 15px #55cbf44d}
.PriceCard .cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #55cbf466}
.processArea{padding:90px 20px;background:linear-gradient(135deg,#cffae833 0%,#55cbf414 100%)}
.processArea .main-container{max-width:1440px;margin:0 auto}
.processArea h2{font-size:38px;color:#1a1a1a;margin-bottom:60px;text-align:center}
.process-timeline{display:flex;flex-direction:column;gap:40px;position:relative}
.process-timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#55CBF4 0%,#CFFAE8 100%);border-radius:30px}
.ProcessStep{display:flex;gap:30px;align-items:flex-start;position:relative}
.ProcessStep .step-num{width:60px;height:60px;background:#55CBF4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 5px 20px #55cbf466;z-index:2}
.ProcessStep .step-content{background:#fff;padding:30px;border-radius:25px;flex:1;box-shadow:0 6px 25px #0000000f;transition:all .3s ease}
.ProcessStep .step-content:hover{box-shadow:0 10px 35px #55cbf433;transform:translateX(10px)}
.ProcessStep h4{font-size:24px;color:#1a1a1a;margin-bottom:12px;font-weight:600}
.ProcessStep p{font-size:16px;line-height:1.7;color:#555}
.ProcessStep .highlight{color:#55CBF4;font-weight:600}
@media (max-width: 768px) {
.TitleHero{padding:60px 20px 40px}
.heroTxt h1{font-size:36px}
.heroTxt .lead-p{font-size:18px}
.techZone h2,.problemSection h2,.priceSection h2,.processArea h2{font-size:32px}
.tech-grid{grid-template-columns:1fr}
.stats-display{grid-template-columns:repeat(2,1fr);gap:25px}
.problem-grid{grid-template-columns:1fr}
.FormatItem{flex-direction:column;text-align:center}
.FormatItem .icon-area{margin:0 auto}
.price-grid{grid-template-columns:1fr}
.process-timeline::before{left:20px}
.ProcessStep{gap:20px}
.ProcessStep .step-num{width:50px;height:50px;font-size:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroTxt h1{font-size:42px}
.tech-grid{grid-template-columns:repeat(2,1fr)}
.stats-display{grid-template-columns:repeat(2,1fr)}
.problem-grid{grid-template-columns:repeat(2,1fr)}
.price-grid{grid-template-columns:repeat(2,1fr)}
}
.MainHero{background:linear-gradient(135deg,#55cbf414 0%,#cffae81f 100%);padding:120px 20px 90px;margin:0 auto 70px}
.MainHero .HeroWrap{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:45px}
.MainHero .TitlePart h1{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;text-align:center;line-height:1.25}
.MainHero .TitlePart .SubText{font-size:1.15rem;color:#4a4a4a;line-height:1.7;text-align:center;max-width:700px;margin:0 auto}
.MainHero .ImageBox{width:100%;max-width:850px;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #55cbf426}
.MainHero .ImageBox img{width:100%;height:auto;display:block;object-fit:cover}
.InfoBlock{padding:0 20px 80px;margin:0 auto}
.InfoBlock .InfoContainer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.InfoBlock .LeftContent h2{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.3}
.InfoBlock .LeftContent .DetailText{font-size:1.05rem;color:#555;line-height:1.8;margin:0 0 38px}
.InfoBlock .ContactCards{display:flex;flex-direction:column;gap:24px}
.InfoBlock .SingleCard{background:linear-gradient(135deg,#cffae840 0%,#55cbf426 100%);padding:32px;border-radius:22px;transition:transform .3s ease,box-shadow .3s ease}
.InfoBlock .SingleCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #55cbf433}
.InfoBlock .SingleCard .CardIcon{font-size:2.2rem;color:#55CBF4;margin-bottom:16px}
.InfoBlock .SingleCard .CardLabel{font-size:.9rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.InfoBlock .SingleCard .CardValue{font-size:1.15rem;color:#2a2a2a;font-weight:500;margin:0;line-height:1.6}
.InfoBlock .CardValue a{color:#2a2a2a;text-decoration:none;transition:color .3s ease}
.InfoBlock .CardValue a:hover{color:#55CBF4}
.FormAreaWrap{padding:90px 20px;background:#fafafa}
.FormAreaWrap .FormCore{max-width:720px;margin:0 auto;background:#fff;padding:60px 50px;border-radius:32px;box-shadow:0 16px 48px #00000014}
.FormAreaWrap .FormCore h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}
.FormAreaWrap .FormCore .FormIntro{font-size:1.05rem;color:#666;text-align:center;margin:0 0 48px;line-height:1.6}
.FormAreaWrap .FormCore form{display:flex;flex-direction:column;gap:28px}
.FormAreaWrap .FieldGroup{display:flex;flex-direction:column;gap:10px}
.FormAreaWrap .FieldGroup label{font-size:.95rem;font-weight:600;color:#333}
.FormAreaWrap .FieldGroup input,.FormAreaWrap .FieldGroup select{padding:16px 20px;border:2px solid #e0e0e0;border-radius:14px;font-size:1rem;color:#333;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.FormAreaWrap .FieldGroup input:focus,.FormAreaWrap .FieldGroup select:focus{outline:none;border-color:#55CBF4;box-shadow:0 0 0 4px #55cbf41a}
.FormAreaWrap .FieldGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2355CBF4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px}
.FormAreaWrap .PrivacyCheck{display:flex;align-items:start;gap:12px;margin-top:8px}
.FormAreaWrap .PrivacyCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.FormAreaWrap .PrivacyCheck label{font-size:.92rem;color:#666;line-height:1.6;cursor:pointer}
.FormAreaWrap .PrivacyCheck label a{color:#55CBF4;text-decoration:none;font-weight:600;transition:color .3s ease}
.FormAreaWrap .PrivacyCheck label a:hover{color:#CD130C}
.FormAreaWrap .SendButton{background:linear-gradient(135deg,#55CBF4 0%,#3ab0d9 100%);color:#fff;font-size:1.1rem;font-weight:600;padding:18px 40px;border:none;border-radius:16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-top:12px}
.SendButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #55cbf459}
.SendButton:active{transform:translateY(0)}
.ExtraSection{padding:90px 20px;background:#fff}
.ExtraSection .ExtraGrid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.ExtraSection .TextSide h2{font-size:2.6rem;font-weight:700;color:#1a1a1a;margin:0 0 26px;line-height:1.25}
.ExtraSection .TextSide h2::before{content:"";display:inline-block;width:50px;height:4px;background:linear-gradient(90deg,#55CBF4 0%,#CFFAE8 100%);border-radius:4px;margin-right:18px;vertical-align:middle}
.ExtraSection .TextSide p{font-size:1.08rem;color:#555;line-height:1.8;margin:0 0 32px}
.ExtraSection .LinkBox{display:flex;flex-wrap:wrap;gap:16px}
.ExtraSection .LinkBox a{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#55cbf41f;color:#1a1a1a;text-decoration:none;border-radius:14px;font-weight:600;font-size:1rem;transition:all .3s ease}
.ExtraSection .LinkBox a:hover{background:#55CBF4;color:#fff;transform:translateX(4px)}
.ExtraSection .LinkBox a i{font-size:1.3rem}
.ExtraSection .ImageSide{border-radius:28px;overflow:hidden;box-shadow:0 18px 52px #0000001f}
.ExtraSection .ImageSide img{width:100%;height:auto;display:block;object-fit:cover}
@media (max-width: 1024px) {
.InfoBlock .InfoContainer{grid-template-columns:1fr;gap:50px}
.ExtraSection .ExtraGrid{grid-template-columns:1fr;gap:50px}
.ExtraSection .ImageSide{order:-1}
}
@media (max-width: 768px) {
.MainHero{padding:80px 20px 60px;margin-bottom:50px}
.MainHero .TitlePart h1{font-size:2.2rem;margin-bottom:18px}
.MainHero .TitlePart .SubText{font-size:1.05rem}
.InfoBlock{padding:0 20px 60px}
.InfoBlock .LeftContent h2{font-size:1.9rem;margin-bottom:20px}
.InfoBlock .LeftContent .DetailText{font-size:1rem;margin-bottom:28px}
.InfoBlock .SingleCard{padding:24px}
.FormAreaWrap{padding:60px 20px}
.FormAreaWrap .FormCore{padding:40px 28px}
.FormAreaWrap .FormCore h3{font-size:1.7rem}
.FormAreaWrap .FormCore .FormIntro{font-size:1rem;margin-bottom:36px}
.FormAreaWrap .FormCore form{gap:22px}
.ExtraSection{padding:60px 20px}
.ExtraSection .TextSide h2{font-size:2rem;margin-bottom:20px}
.ExtraSection .TextSide p{font-size:1.02rem;margin-bottom:24px}
.ExtraSection .LinkBox{flex-direction:column}
.ExtraSection .LinkBox a{justify-content:center}
}
@media (max-width: 480px) {
.MainHero .TitlePart h1{font-size:1.85rem}
.InfoBlock .LeftContent h2{font-size:1.65rem}
.FormAreaWrap .FormCore h3{font-size:1.5rem}
.ExtraSection .TextSide h2{font-size:1.75rem}
}
.ProgMain{background:#f8f9fa}
.TitleBox{position:relative;height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.TitleBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./event_images/DSC6189.jpg);background-size:cover;background-position:center;filter:blur(4px) brightness(0.7)}
.TitleBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#55cbf499,#cffae880)}
.HeadContent{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 20px}
.HeadContent h1{color:#fff;font-size:52px;font-weight:700;line-height:1.2;text-shadow:2px 4px 12px #0000004d;margin:0}
.HeadContent h1 .Break{display:block;margin-top:12px}
.DecorShape{position:absolute;bottom:-1px;left:0;right:0;height:80px;z-index:3}
.DecorShape svg{width:100%;height:100%;display:block}
.InfoWrap{max-width:1440px;margin:0 auto;padding:0 30px 90px}
.ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:85px}
.ModCard{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 6px 18px #55cbf426;transition:all .35s ease;position:relative}
.ModCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#55CBF4,#CFFAE8);border-radius:28px 28px 0 0;opacity:0;transition:opacity .35s ease}
.ModCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #55cbf440}
.ModCard:hover::before{opacity:1}
.ModNum{display:inline-block;background:linear-gradient(135deg,#55CBF4,#CFFAE8);color:#fff;font-size:18px;font-weight:700;width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;margin-bottom:20px}
.ModCard h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.ModCard p{font-size:16px;line-height:1.7;color:#555;margin:0}
.JourneySection{background:#fff;border-radius:32px;padding:70px 60px;margin-bottom:85px;box-shadow:0 8px 24px #00000014}
.JourneySection h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center;position:relative}
.JourneySection h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#55CBF4,#CFFAE8);border-radius:8px}
.TimelineFlow{position:relative;padding-left:60px}
.TimelineFlow::before{content:'';position:absolute;left:18px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#55CBF4,#CFFAE8)}
.PhaseItem{position:relative;margin-bottom:45px}
.PhaseItem:last-child{margin-bottom:0}
.PhaseDot{position:absolute;left:-52px;top:4px;width:40px;height:40px;background:#fff;border:4px solid #55CBF4;border-radius:50%;box-shadow:0 4px 12px #55cbf44d}
.PhaseItem h4{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.PhaseItem p{font-size:16px;line-height:1.7;color:#555;margin:0}
.BenefitsLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.BenefitImg{border-radius:32px;overflow:hidden;box-shadow:0 10px 28px #0000001f}
.BenefitImg img{width:100%;height:520px;object-fit:cover;display:block}
.BenefitTxt h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.3}
.BenefitTxt p{font-size:17px;line-height:1.8;color:#444;margin:0 0 35px}
.HighlightList{list-style:none;padding:0;margin:0}
.HighlightList li{padding-left:38px;margin-bottom:18px;position:relative;font-size:16px;line-height:1.6;color:#333}
.HighlightList li::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:linear-gradient(135deg,#55CBF4,#CFFAE8);border-radius:50%}
.HighlightList li::after{content:'';position:absolute;left:7px;top:9px;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
@media (max-width: 1024px) {
.TitleBox{height:400px;margin-bottom:60px}
.HeadContent h1{font-size:42px}
.InfoWrap{padding:0 25px 70px}
.ModuleGrid{grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:70px}
.JourneySection{padding:55px 45px;margin-bottom:70px}
.JourneySection h2{font-size:32px;margin-bottom:40px}
.BenefitsLayout{gap:40px}
.BenefitImg img{height:450px}
.BenefitTxt h2{font-size:32px}
}
@media (max-width: 768px) {
.TitleBox{height:320px;margin-bottom:50px}
.HeadContent h1{font-size:34px}
.InfoWrap{padding:0 20px 60px}
.ModuleGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.ModCard{padding:35px 28px}
.JourneySection{padding:45px 30px;margin-bottom:60px}
.JourneySection h2{font-size:28px;margin-bottom:35px}
.TimelineFlow{padding-left:50px}
.PhaseDot{left:-44px;width:34px;height:34px}
.PhaseItem h4{font-size:20px}
.BenefitsLayout{grid-template-columns:1fr;gap:35px}
.BenefitImg img{height:380px}
.BenefitTxt h2{font-size:28px}
}
@media (max-width: 480px) {
.TitleBox{height:280px}
.HeadContent h1{font-size:28px}
.ModCard{padding:30px 24px}
.ModCard h3{font-size:21px}
.JourneySection{padding:38px 24px}
.JourneySection h2{font-size:25px}
.BenefitImg img{height:320px}
.BenefitTxt h2{font-size:25px}
}
.StoryWrap{max-width:1440px;margin:0 auto;padding:0 20px}
.MainBanner{position:relative;min-height:520px;display:flex;align-items:center;margin:60px 0 80px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#CFFAE8 0%,#55CBF4 100%)}
.MainBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#cd130c1f;border-radius:50%;filter:blur(80px)}
.MainBanner .BannerGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;align-items:center;position:relative;z-index:2;padding:60px}
.MainBanner .TitleBox h1{font-size:56px;font-weight:700;color:#1a1a1a;margin:0 0 32px;line-height:1.15}
.MainBanner .CTA-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:#CD130C;color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 8px 24px #cd130c40}
.MainBanner .CTA-primary:hover{background:#a50f0a;transform:translateY(-2px);box-shadow:0 12px 32px #cd130c59}
.MainBanner .ImageSplit{position:relative;height:420px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.MainBanner .ImageSplit img{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #00000026;filter:contrast(1.05) brightness(1.02)}
.MainBanner .ImageSplit img:first-child{transform:translateY(-20px)}
.MainBanner .ImageSplit img:last-child{transform:translateY(20px)}
.ResultsShowcase{margin:100px 0}
.ResultsShowcase .SectionLabel{text-align:center;margin-bottom:60px}
.ResultsShowcase .SectionLabel h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.ResultsShowcase .SectionLabel h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#55CBF4,#CD130C);border-radius:2px}
.ResultsShowcase .SectionLabel p{font-size:18px;color:#666;max-width:680px;margin:0 auto;line-height:1.7}
.ResultsShowcase .CaseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.ResultsShowcase .CaseCard{background:#fff;border-radius:28px;padding:48px;box-shadow:0 4px 24px #55cbf41f;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}
.ResultsShowcase .CaseCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#55CBF4,#CFFAE8);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ResultsShowcase .CaseCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #55cbf433;border-color:#55CBF4}
.ResultsShowcase .CaseCard:hover::before{transform:scaleX(1)}
.ResultsShowcase .CaseCard h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.ResultsShowcase .CaseCard .RoleTag{display:inline-block;padding:6px 16px;background:#55cbf426;color:#2c8fb5;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}
.ResultsShowcase .CaseCard p{font-size:16px;color:#444;line-height:1.8;margin:0 0 24px}
.ResultsShowcase .MetricsRow{display:flex;gap:32px;padding-top:24px;border-top:1px solid #e8e8e8}
.ResultsShowcase .MetricBox{flex:1}
.ResultsShowcase .MetricBox .Number{font-size:32px;font-weight:700;color:#CD130C;margin:0 0 4px}
.ResultsShowcase .MetricBox .Label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}
.JourneyTimeline{margin:120px 0;background:linear-gradient(135deg,#cffae84d 0%,#55cbf426 100%);border-radius:40px;padding:80px 60px;position:relative}
.JourneyTimeline::before{content:'';position:absolute;top:40px;left:40px;width:200px;height:200px;background:#cd130c14;border-radius:50%;filter:blur(60px)}
.JourneyTimeline h2{font-size:42px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 60px}
.JourneyTimeline .PathSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}
.JourneyTimeline .PathSteps::before{content:'';position:absolute;top:80px;left:16.66%;right:16.66%;height:3px;background:linear-gradient(90deg,#55CBF4 0%,#CFFAE8 50%,#CD130C 100%);z-index:1}
.JourneyTimeline .StepItem{position:relative;z-index:2}
.JourneyTimeline .StepItem .StepNum{width:80px;height:80px;margin:0 auto 24px;background:#fff;border:4px solid #55CBF4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#55CBF4;box-shadow:0 8px 24px #55cbf433;transition:all .3s ease}
.JourneyTimeline .StepItem:hover .StepNum{transform:scale(1.1);background:#55CBF4;color:#fff;box-shadow:0 12px 32px #55cbf459}
.JourneyTimeline .StepItem h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}
.JourneyTimeline .StepItem p{font-size:15px;color:#555;line-height:1.7;text-align:center;margin:0}
.TestimonialWall{margin:100px 0}
.TestimonialWall h2{font-size:44px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 70px}
.TestimonialWall .TestGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.TestimonialWall .TestCard{background:#fff;border-radius:32px;padding:44px;box-shadow:0 6px 32px #00000014;position:relative;border-left:5px solid #55CBF4;transition:all .4s ease}
.TestimonialWall .TestCard:nth-child(2){border-left-color:#CD130C;margin-top:60px}
.TestimonialWall .TestCard:hover{transform:scale(1.02);box-shadow:0 12px 48px #0000001f}
.TestimonialWall .QuoteIcon{font-size:64px;color:#55cbf433;line-height:1;margin-bottom:16px}
.TestimonialWall .TestCard p{font-size:17px;color:#333;line-height:1.8;margin:0 0 32px;font-style:italic}
.TestimonialWall .AuthorBox{display:flex;align-items:center;gap:20px}
.TestimonialWall .AuthorBox img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #CFFAE8}
.TestimonialWall .AuthorInfo h4{font-size:19px;font-weight:700;color:#1a1a1a;margin:0 0 6px}
.TestimonialWall .AuthorInfo .JobTitle{font-size:14px;color:#666;margin:0}
.TestimonialWall .ResultBadge{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#55CBF4,#CFFAE8);color:#1a1a1a;border-radius:24px;font-size:13px;font-weight:600;margin-top:12px}
@media (max-width: 1024px) {
.MainBanner .BannerGrid{grid-template-columns:1fr;gap:40px;padding:50px 40px}
.MainBanner .TitleBox h1{font-size:44px}
.MainBanner .ImageSplit{height:340px}
.ResultsShowcase .CaseGrid{grid-template-columns:1fr}
.JourneyTimeline .PathSteps{grid-template-columns:1fr;gap:60px}
.JourneyTimeline .PathSteps::before{display:none}
.TestimonialWall .TestGrid{grid-template-columns:1fr}
.TestimonialWall .TestCard:nth-child(2){margin-top:0}
}
@media (max-width: 768px) {
.MainBanner{min-height:auto;margin:40px 0 60px;border-radius:24px}
.MainBanner .BannerGrid{padding:40px 24px}
.MainBanner .TitleBox h1{font-size:36px;margin-bottom:24px}
.MainBanner .CTA-primary{padding:16px 28px;font-size:16px}
.MainBanner .ImageSplit{height:280px;gap:12px}
.ResultsShowcase{margin:60px 0}
.ResultsShowcase .SectionLabel h2{font-size:32px}
.ResultsShowcase .CaseCard{padding:32px}
.ResultsShowcase .MetricsRow{flex-direction:column;gap:20px}
.JourneyTimeline{margin:80px 0;padding:50px 24px;border-radius:28px}
.JourneyTimeline h2{font-size:32px;margin-bottom:40px}
.TestimonialWall{margin:60px 0}
.TestimonialWall h2{font-size:32px;margin-bottom:40px}
.TestimonialWall .TestCard{padding:28px}
}
.PolicyHead{position:relative;padding:120px 20px 80px;background:linear-gradient(135deg,#CFFAE8 0%,#55CBF4 100%);overflow:hidden}
.PolicyHead::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#cd130c14;border-radius:50%;filter:blur(80px)}
.PolicyHead::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:#55cbf426;border-radius:50%;filter:blur(70px)}
.HeadInner{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.PolicyHead h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center;letter-spacing:-.5px}
.UpdateNote{text-align:center;font-size:16px;color:#4a4a4a;margin:0}
.DocBody{max-width:1440px;margin:0 auto;padding:80px 20px}
.ContentWrap{max-width:900px;margin:0 auto;background:#fff;padding:60px;border-radius:32px;box-shadow:0 8px 24px #55cbf41f}
.PolicySection{margin-bottom:50px}
.PolicySection:last-child{margin-bottom:0}
.PolicySection h2{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #CFFAE8;position:relative}
.PolicySection h2::before{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:#55CBF4}
.PolicySection h3{font-size:22px;font-weight:600;color:#2a2a2a;margin:30px 0 15px}
.PolicySection p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.PolicySection ul{margin:20px 0;padding-left:0;list-style:none}
.PolicySection li{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:12px;padding-left:32px;position:relative}
.PolicySection li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#55CBF4;border-radius:50%}
.HighlightBox{background:linear-gradient(135deg,#cffae84d 0%,#55cbf41a 100%);padding:28px 32px;border-radius:20px;border-left:4px solid #55CBF4;margin:30px 0}
.HighlightBox p{margin:0;font-size:17px;line-height:1.7;color:#2a2a2a}
.ContactBlock{background:#f8f9fa;padding:32px;border-radius:24px;margin-top:40px}
.ContactBlock h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.ContactBlock p{margin:8px 0;font-size:17px;color:#4a4a4a}
.ContactBlock a{color:#55CBF4;text-decoration:none;transition:color .3s ease}
.ContactBlock a:hover{color:#CD130C}
.PolicySection strong{color:#1a1a1a;font-weight:600}
@media (max-width: 768px) {
.PolicyHead{padding:80px 20px 60px}
.PolicyHead h1{font-size:36px}
.UpdateNote{font-size:15px}
.ContentWrap{padding:40px 24px;border-radius:24px}
.DocBody{padding:60px 20px}
.PolicySection h2{font-size:24px}
.PolicySection h3{font-size:20px}
.PolicySection p,.PolicySection li{font-size:16px}
.HighlightBox{padding:24px 20px}
.ContactBlock{padding:24px 20px}
}
.PolicyPage{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:0;overflow-x:hidden}
.PolicyHero{background:linear-gradient(165deg,#55cbf414 0%,#cffae81f 100%);padding:80px 20px 60px;position:relative}
.PolicyHero::before{content:'';position:absolute;top:0;left:-10%;width:40%;height:100%;background:#cffae826;border-radius:0 300px 300px 0;z-index:1}
.PolicyHero::after{content:'';position:absolute;bottom:0;right:-5%;width:35%;height:70%;background:#55cbf41a;border-radius:300px 0 0 300px;z-index:1}
.HeroInner{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.PolicyTitle{font-size:3.2rem;font-weight:700;color:#2c3e50;margin:0 0 20px;line-height:1.2}
.LastUpdate{font-size:1.1rem;color:#6c757d;margin:0;font-weight:400}
.LastUpdate::before{content:'';display:inline-block;width:40px;height:3px;background:linear-gradient(90deg,#55CBF4 0%,#CFFAE8 100%);margin-right:12px;vertical-align:middle;border-radius:3px}
.ContentWrap{max-width:1440px;margin:0 auto;padding:80px 20px}
.PolicyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px}
.PolicySection{background:#fff;padding:40px;border-radius:30px;box-shadow:0 8px 24px #55cbf41f;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.PolicySection:hover{transform:translateY(-5px);box-shadow:0 12px 32px #55cbf42e}
.PolicySection::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#55CBF4 0%,#CFFAE8 100%);border-radius:30px 30px 0 0}
.SectionHeading{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 25px;display:flex;align-items:center;gap:15px}
.SectionHeading::before{content:'';width:6px;height:32px;background:linear-gradient(180deg,#55CBF4 0%,#CFFAE8 100%);border-radius:6px}
.PolicyPara{font-size:1.05rem;line-height:1.75;color:#495057;margin:0 0 20px}
.PolicyPara:last-child{margin-bottom:0}
.PolicyList{list-style:none;padding:0;margin:20px 0}
.PolicyList li{font-size:1.05rem;line-height:1.75;color:#495057;margin:0 0 15px;padding-left:30px;position:relative}
.PolicyList li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:12px;background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);border-radius:50%}
.PolicyList li:last-child{margin-bottom:0}
.HighlightBox{background:linear-gradient(135deg,#55cbf40f 0%,#cffae814 100%);padding:25px 30px;border-radius:20px;border-left:4px solid #55CBF4;margin:25px 0}
.HighlightBox .PolicyPara{margin:0;color:#2c3e50;font-weight:500}
.ContactSection{background:linear-gradient(135deg,#55CBF4 0%,#CFFAE8 100%);padding:50px 40px;border-radius:30px;text-align:center;margin-top:60px;position:relative;overflow:hidden}
.ContactSection::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}
.ContactSection::after{content:'';position:absolute;bottom:-50%;left:-20%;width:350px;height:350px;background:#ffffff14;border-radius:50%}
.ContactHeading{font-size:2rem;font-weight:700;color:#2c3e50;margin:0 0 15px;position:relative;z-index:2}
.ContactText{font-size:1.1rem;color:#2c3e50;margin:0 0 25px;position:relative;z-index:2}
.ContactLink{display:inline-block;background:#fff;color:#55CBF4;padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:2;box-shadow:0 4px 15px #00000026}
.ContactLink:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003;color:#55CBF4}
@media (max-width: 968px) {
.PolicyTitle{font-size:2.5rem}
.PolicyGrid{grid-template-columns:1fr;gap:35px}
.PolicySection{padding:30px 25px}
.SectionHeading{font-size:1.5rem}
.ContactSection{padding:40px 25px}
}
@media (max-width: 640px) {
.PolicyHero{padding:60px 20px 40px}
.PolicyTitle{font-size:2rem}
.LastUpdate{font-size:1rem}
.ContentWrap{padding:60px 20px}
.PolicySection{padding:25px 20px}
.SectionHeading{font-size:1.3rem}
.PolicyPara,.PolicyList li{font-size:1rem}
.ContactHeading{font-size:1.6rem}
.ContactText{font-size:1rem}
.ContactLink{padding:12px 28px;font-size:1rem}
}
.MainStory{max-width:1440px;margin:0 auto;padding:80px 24px;display:flex;align-items:center;gap:60px}
.LeftSideText{flex:1;padding-right:20px}
.BigMainTitle{font-size:48px;line-height:1.2;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.MainPara{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.MainPara strong{color:#55CBF4;font-weight:600}
.ButtGroup{display:flex;gap:16px;flex-wrap:wrap}
.PrimaryButt{background:#55CBF4;color:#fff;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #55cbf44d}
.PrimaryButt:hover{background:#3eb8e6;box-shadow:0 8px 28px #55cbf473;transform:translateY(-2px)}
.SecondButt{background:transparent;color:#55CBF4;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #55CBF4;transition:all .3s ease}
.SecondButt:hover{background:#55cbf41a;border-color:#3eb8e6;transform:translateY(-2px)}
.RightImg{flex:1;position:relative}
.ImgFrame{width:100%;height:520px;border-radius:32px;background:linear-gradient(135deg,#55cbf426,#cffae840);position:relative;overflow:hidden;box-shadow:0 12px 48px #55cbf433}
.ImgFrame::before{content:'';position:absolute;top:20%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#cffae899,transparent);border-radius:50%;filter:blur(60px)}
.ImgFrame::after{content:'';position:absolute;bottom:10%;left:-5%;width:250px;height:250px;background:radial-gradient(circle,#55cbf466,transparent);border-radius:50%;filter:blur(50px)}
.SuccessGrid{max-width:1440px;margin:80px auto;padding:0 24px}
.GridHeader{text-align:center;margin-bottom:64px}
.GridTitle{font-size:42px;line-height:1.3;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.GridSubtitle{font-size:19px;line-height:1.6;color:#5a5a5a;max-width:780px;margin:0 auto}
.StoryCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.PersonCard{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 4px 24px #0000000f;transition:all .4s ease;position:relative;border:1px solid #f0f0f0}
.PersonCard:hover{transform:translateY(-8px);box-shadow:0 12px 40px #55cbf433;border-color:#CFFAE8}
.PersonCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#55CBF4,#CFFAE8);border-radius:24px 0 0 24px;transition:height .4s ease}
.PersonCard:hover::before{height:100%}
.PersonIcon{width:72px;height:72px;background:linear-gradient(135deg,#CFFAE8,#55CBF4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px;color:#fff;font-weight:700}
.PersonName{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.PersonRole{font-size:14px;color:#55CBF4;font-weight:600;margin-bottom:20px}
.StoryText{font-size:16px;line-height:1.7;color:#4a4a4a;margin-bottom:20px}
.ResultBadge{display:inline-block;background:#cffae880;color:#1a1a1a;padding:8px 18px;border-radius:16px;font-size:14px;font-weight:600;border:1px solid #CFFAE8}
@media (max-width: 1024px) {
.MainStory{flex-direction:column;padding:60px 24px;gap:48px}
.LeftSideText{padding-right:0}
.BigMainTitle{font-size:38px}
.StoryCards{grid-template-columns:repeat(2,1fr);gap:28px}
.ImgFrame{height:440px}
}
@media (max-width: 768px) {
.MainStory{padding:40px 20px;gap:36px}
.BigMainTitle{font-size:32px;margin-bottom:20px}
.MainPara{font-size:16px;margin-bottom:28px}
.ButtGroup{flex-direction:column}
.PrimaryButt,.SecondButt{width:100%;text-align:center}
.ImgFrame{height:360px}
.SuccessGrid{margin:60px auto;padding:0 20px}
.GridHeader{margin-bottom:48px}
.GridTitle{font-size:32px}
.GridSubtitle{font-size:17px}
.StoryCards{grid-template-columns:1fr;gap:24px}
.PersonCard{padding:28px 24px}
}