:root{--primary-color:#0d47a1;--secondary-color:#d4af37;--text-color-dark:#555c7b;--text-color-light:#f8f9fa;--background-light:#fff;--background-off-white:#f8f9fa;--border-color-light:#dee2e6;--font-family:'Poppins',sans-serif;--shadow:0 4px 15px rgba(0,0,0,.08);--header-height:80px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}
body{font-family:var(--font-family);background-color:var(--background-light);color:var(--text-color-dark);line-height:1.7;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:998}
.overlay.active{opacity:1;visibility:visible}
.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}
.scroll-animate.visible{opacity:1;transform:translateY(0)}
.header{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 20px;position:fixed;width:100%;height:var(--header-height);top:0;z-index:1000;transition:all .3s ease;border-bottom:1px solid transparent}
.header.scrolled{box-shadow:var(--shadow);background:rgba(255,255,255,.98);border-bottom:1px solid var(--border-color-light)}
.header .container{display:flex;justify-content:space-between;align-items:center;height:100%}
.logo{font-size:1.6rem;font-weight:700;color:var(--primary-color);text-decoration:none;letter-spacing:1px}
.main-nav ul{list-style:none;display:flex}
.main-nav li{margin-left:35px}
.main-nav a{color:var(--text-color-dark);text-decoration:none;font-size:1rem;font-weight:500;position:relative;transition:color .3s ease;padding:5px 0}
.main-nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translateX(-50%);background-color:var(--primary-color);transition:width .3s ease}
.main-nav a:hover,.main-nav a.active{color:var(--primary-color)}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;z-index:1001;padding:10px;width:40px;height:40px;position:relative}
.hamburger-bar{display:block;width:25px;height:3px;background-color:var(--primary-color);border-radius:3px;transition:all .3s ease-in-out;position:absolute;left:50%;transform:translateX(-50%)}
.hamburger-bar:nth-child(1){top:10px}
.hamburger-bar:nth-child(2){top:18px}
.hamburger-bar:nth-child(3){top:26px}
.menu-toggle.active .hamburger-bar:nth-child(1){transform:translateX(-50%) rotate(45deg);top:18px}
.menu-toggle.active .hamburger-bar:nth-child(2){opacity:0}
.menu-toggle.active .hamburger-bar:nth-child(3){transform:translateX(-50%) rotate(-45deg);top:18px}
.cta-button{background-color:var(--primary-color);color:var(--text-color-light);padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid var(--primary-color);cursor:pointer;display:inline-block;box-shadow:0 4px 10px rgba(13,71,161,.2)}
.cta-button:hover{background-color:var(--background-light);color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 15px rgba(13,71,161,.3)}
#hero{min-height:95vh;display:flex;align-items:center;text-align:left;padding-top:var(--header-height);background:url(images/Hero.avif) no-repeat center center/cover;position:relative}
#hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7)}
#hero .container{position:relative;z-index:2}
#hero h1{font-size:clamp(2.5rem,5vw,4.2rem);margin-bottom:20px;color:var(--primary-color);font-weight:700;line-height:1.2;max-width:650px}
#hero .subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-color-dark);margin-bottom:40px;max-width:550px}
section{padding:100px 0}
.page-promo-section{padding:80px 0}
section:nth-of-type(even), .page-promo-section.alternate-bg{background-color:var(--background-off-white)}
.section-title{text-align:center;font-size:clamp(2.2rem,4vw,2.8rem);margin-bottom:20px;color:var(--primary-color);font-weight:700}
.section-subtitle{text-align:center;font-size:clamp(1rem,1.5vw,1.2rem);color:#555;max-width:700px;margin:0 auto 60px auto}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.service-card{background:var(--background-light);padding:40px 30px;border-radius:10px;text-align:center;border:1px solid var(--border-color-light);transition:all .4s ease;box-shadow:var(--shadow)}
.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:var(--primary-color)}
.service-card i{font-size:3rem;color:var(--primary-color);margin-bottom:20px;transition:transform .3s ease}
.service-card:hover i{transform:scale(1.1)}
.service-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-color-dark)}
.service-card p{color:#555}
.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.edu-card{background:var(--background-light);border:1px solid var(--border-color-light);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
.edu-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.edu-card img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}
.edu-card:hover img{transform:scale(1.05)}
.edu-card-content{padding:30px;flex-grow:1;display:flex;flex-direction:column}
.edu-card-content h3{color:var(--primary-color);margin-bottom:15px}
.edu-card-content p{color:#555}
.page-promo-section{text-align:center}
.promo-title{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--primary-color);margin-bottom:15px}
.promo-subtitle{font-size:clamp(1rem,1.5vw,1.1rem);color:#555;max-width:600px;margin:0 auto 30px auto}
.case-study-section.standalone-page, .calculator-section.standalone-page {padding-top:calc(var(--header-height) + 50px);padding-bottom:100px;min-height:100vh}
.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;align-items:stretch}
.case-card{background:var(--background-light);border:1px solid var(--border-color-light);border-radius:15px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}
.case-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid var(--primary-color)}
.case-card h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:20px}
.case-card ul{list-style:none;text-align:left;display:inline-block;font-size:1.1rem}
.case-card li{margin-bottom:10px}
.case-card li strong{color:var(--text-color-dark);width:150px;display:inline-block}
.case-result{text-align:center;background:linear-gradient(135deg,var(--primary-color),#003366);color:var(--text-color-light);padding:40px;border-radius:15px;margin-top:50px}
.case-result h4{font-size:2rem;margin-bottom:30px;color:#fff}
.result-comparison{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}
.result-person{flex-basis:40%;padding:20px;border-radius:10px;background:rgba(255,255,255,.1)}
.result-person.winner{background:rgba(255,255,255,.2);border:1px solid var(--secondary-color);box-shadow:0 0 20px rgba(212,175,55,.5)}
.result-person p{font-size:1.2rem;color:rgba(255,255,255,.9);margin-bottom:5px}
.result-person span{font-size:2.5rem;font-weight:700;color:var(--text-color-light);display:block}
.result-person.winner span{color:var(--secondary-color)}
.vs{font-size:2rem;font-weight:700;color:var(--secondary-color)}
.case-conclusion{margin-top:20px}
.case-conclusion p{font-size:1.2rem;line-height:1.7;max-width:700px;margin:0 auto;color:rgba(255,255,255,.9)}
.trophy-icon{width:60px;height:60px;margin-bottom:15px;filter:brightness(1.2)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.feature-item{text-align:center;padding:20px}
.feature-item i{font-size:3rem;color:var(--primary-color);margin-bottom:20px}
.feature-item h3{font-size:1.4rem;margin-bottom:10px;color:var(--text-color-dark)}
.feature-item p{color:#555}
.calculator-container{background:var(--background-light);border:1px solid var(--border-color-light);padding:40px;border-radius:15px;max-width:800px;margin:0 auto;box-shadow:var(--shadow)}
.calc-controls{display:flex;justify-content:center;margin-bottom:30px;background:var(--background-off-white);border-radius:50px;padding:5px;border:1px solid var(--border-color-light);flex-wrap:wrap}
.calc-btn{background:transparent;border:none;color:var(--text-color-dark);padding:10px 20px;cursor:pointer;font-size:1rem;border-radius:50px;transition:all .3s ease;flex-grow:1;font-weight:500;white-space:nowrap;margin:2px}
.calc-btn.active{background:var(--primary-color);color:var(--text-color-light);font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.calc-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}
.input-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#555}
.input-group input{width:100%;padding:12px;background:var(--background-off-white);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-color-dark);font-size:1rem;transition:border-color .3s,box-shadow .3s}
.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(13,71,161,.1)}
.calc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;margin-bottom:20px}
.result-box{background:var(--background-off-white);padding:15px;border-radius:10px}
.result-box p{font-size:.9rem;color:#555;margin-bottom:5px}
.result-box span{display:block;font-size:1.4rem;font-weight:700;color:var(--primary-color)}
.swp-message{text-align:center;color:var(--primary-color);margin-bottom:30px;font-weight:500;display:none}
.chart-container{position:relative;height:300px}
.contact-section .container{text-align:center}
.whatsapp-connect{margin-top:40px}
.whatsapp-connect .cta-button{font-size:1.2rem;padding:15px 35px}
.whatsapp-connect .cta-button i{margin-right:10px;font-size:1.5rem;vertical-align:middle}
.footer{background:#24272a;color:var(--text-color-light);padding:60px 0 20px 0}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}
.footer-about{flex:2;min-width:280px}
.footer-contact{flex:1;min-width:200px}
.footer-social{flex:1;min-width:200px}
.footer-logo-link{display:inline-block;margin-bottom:15px}
.footer-logo-img{height:120px;width:auto}
.footer h3{font-size:1.3rem;margin-bottom:20px;color:var(--secondary-color)}
.footer p{color:rgba(255,255,255,.7);margin-bottom:10px}
.arn-number,.euin-number{font-size:.9rem;color:rgba(255,255,255,.6)}
.social-icons{display:flex;gap:20px}
.social-icon{color:var(--text-color-light);font-size:1.5rem;transition:all .3s ease}
.social-icon:hover{color:var(--secondary-color);transform:translateY(-5px)}
.footer-disclaimer{margin-bottom:30px;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:30px}
.footer-disclaimer h5{color:var(--secondary-color);margin-bottom:10px}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5)}
@media (max-width:992px){#hero{text-align:center}
#hero .container,.hero-content{display:flex;flex-direction:column;align-items:center}
.header-cta{display:none}}
@media (max-width:768px){.menu-toggle{display:block}
.main-nav{position:fixed;top:0;right:-100%;width:min(75vw,300px);height:100%;background-color:var(--background-light);padding-top:var(--header-height);transition:right .3s ease-in-out;box-shadow:-4px 0 12px rgba(0,0,0,.1);z-index:999}
.main-nav.active{right:0}
.main-nav ul{flex-direction:column;align-items:flex-start;padding:30px}
.main-nav li{margin:0;width:100%}
.main-nav a{display:block;padding:15px 0;font-size:1.2rem;border-bottom:1px solid var(--border-color-light);width:100%}
.main-nav a:hover,.main-nav a.active{padding-left:10px}
.main-nav a::after{display:none}
.case-study-grid{grid-template-columns:1fr}
.result-comparison{flex-direction:column}
.result-person{width:100%;max-width:350px}
.footer-top{flex-direction:column;text-align:center}
.footer-about,.footer-social,.footer-contact{margin:0 auto}
.social-icons{justify-content:center}}
@media (max-width:576px){.calc-controls{flex-direction:column;border-radius:15px}
.calc-btn{border-radius:8px}
.calc-results{grid-template-columns:1fr}
.result-person span{font-size:2rem}}