:root{--herb-deep:#1e3b2c;--herb-primary:#2c5e3a;--herb-soft:#8ba888;--herb-light:#e8f3e9;--herb-cream:#f9fbf8;--text-dark:#1e2f23;--text-soft:#3a4e3e;--shadow-sm:0 4px 12px #1e3b2c0a;--shadow-md:0 8px 24px #1e3b2c14;--shadow-lg:0 16px 40px #1e3b2c1f;--shadow-xl:0 24px 60px #1e3b2c29;--transition:all .4s cubic-bezier(.25, 1, .5, 1);--font-serif:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2.5rem}}.hakeem-hero{isolation:isolate;background:linear-gradient(145deg,#f4faf5 0%,#e8f3e9 100%);align-items:center;min-height:85vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}.hero-bg-pattern{opacity:.5;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L45 15 L38 22 L41 32 L30 26 L19 32 L22 22 L15 15 L25 15 L30 5Z' fill='%232c5e3a' fill-opacity='0.02'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-container{z-index:2;position:relative}.hero-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:3.5rem;display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}.hero-image-col{width:100%;max-width:480px;margin:0 auto;position:relative}.image-wrapper{box-shadow:var(--shadow-xl);border:5px solid #fff;border-radius:45% 55% 35% 65%/55% 40% 60% 45%;transition:border-radius .5s;position:relative;overflow:hidden}.image-wrapper:hover{border-radius:60% 40% 50% 50%/40% 50% 50% 60%}.hakeem-portrait{object-fit:cover;aspect-ratio:6/7;width:100%;height:auto;transition:transform .7s;display:block}.image-wrapper:hover .hakeem-portrait{transform:scale(1.03)}.image-border-decoration{border:2px solid var(--herb-soft);border-radius:inherit;opacity:.2;pointer-events:none;position:absolute;inset:0}.floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);color:var(--herb-deep);z-index:3;background:#fffffff2;border:1px solid #fffc;border-radius:60px;align-items:center;gap:10px;padding:.7rem 1.5rem;font-weight:600;display:flex;position:absolute}.floating-badge.experience{bottom:8%;left:-20px}.floating-badge.patients{top:12%;right:-20px}.badge-icon{color:var(--herb-primary);font-size:1.3rem}.floating-leaf-hero{opacity:.1;z-index:1;pointer-events:none;font-size:4rem;position:absolute}.leaf-1{animation:6s infinite float;bottom:-10px;right:-30px;transform:rotate(15deg)}.leaf-2{animation:8s infinite reverse float;top:-20px;left:-30px;transform:rotate(-20deg)}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-15px) rotate(calc(var(--r,0deg) + 5deg))}}.hero-content-col{padding-right:.5rem}.pre-title{text-transform:uppercase;letter-spacing:2.5px;color:var(--herb-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c5e3a0f;border-radius:40px;align-items:center;gap:8px;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-name{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.2rem;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;line-height:1.1}.name-accent{color:var(--herb-primary);display:inline-block;position:relative}.name-accent:after{content:"";z-index:-1;background:#8ba88840;border-radius:10px;width:100%;height:10px;position:absolute;bottom:8px;left:0}.hero-tagline{font-family:var(--font-serif);color:var(--text-soft);border-left:4px solid var(--herb-primary);margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.3rem;font-style:italic}.hero-description{color:var(--text-dark);margin-bottom:2rem;line-height:1.8}.hero-stats{gap:2.5rem;margin-bottom:2.5rem;display:flex}.stat-block{flex-direction:column;display:flex}.stat-number{font-family:var(--font-serif);color:var(--herb-deep);font-size:2.2rem;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);font-size:.85rem}.hero-cta-group{flex-wrap:wrap;gap:1.2rem;display:flex}.hero-cta-primary,.hero-cta-secondary{transition:var(--transition);border-radius:60px;align-items:center;gap:8px;padding:1rem 2.2rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-cta-primary{background:var(--herb-primary);color:#fff;box-shadow:var(--shadow-md)}.hero-cta-primary:hover{background:var(--herb-deep);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hero-cta-secondary{color:var(--herb-deep);border:2px solid var(--herb-soft);background:0 0}.hero-cta-secondary:hover{border-color:var(--herb-primary);background:#2c5e3a0a;transform:translateY(-3px)}.story-section{background:var(--herb-cream);padding:5rem 0}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (max-width:768px){.story-grid{grid-template-columns:1fr;gap:2.5rem}}.story-image{box-shadow:var(--shadow-lg);border-radius:28px;position:relative;overflow:hidden}.story-img{width:100%;height:auto;transition:transform .6s;display:block}.story-image:hover .story-img{transform:scale(1.03)}.image-badge{background:var(--herb-primary);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:40px;padding:.5rem 1.5rem;font-weight:600;position:absolute;bottom:20px;left:20px}.story-content h2{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.5rem;font-size:2.8rem}.story-content .lead{font-size:1.3rem;font-family:var(--font-serif);color:var(--herb-primary);margin-bottom:1.5rem;font-style:italic}.story-content p{color:var(--text-soft);margin-bottom:1.2rem;line-height:1.8}.story-stats{gap:2rem;margin-top:2rem;display:flex}.stat-item .stat-number{font-size:2.2rem}.values-section{background:#fff;padding:5rem 0}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:.5rem;font-size:3rem}.section-header p{color:var(--text-soft);font-size:1.1rem}.values-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.values-grid{grid-template-columns:1fr}}.value-card{background:var(--herb-cream);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #8cb48c1a;border-radius:32px;padding:2.5rem 2rem}.value-card:hover{box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-8px)}.value-icon{margin-bottom:1.5rem;font-size:3rem}.value-card h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:.8rem;font-size:1.6rem}.value-card p{color:var(--text-soft);line-height:1.6}.timeline-section{background:var(--herb-light);padding:5rem 0}.timeline-section h2{text-align:center;font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:3.5rem;font-size:3rem}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";background:var(--herb-soft);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.timeline:after{left:30px}}.timeline-item{box-sizing:border-box;width:50%;padding:10px 40px;position:relative}.timeline-item.left{left:0}.timeline-item.right{left:50%}@media (max-width:768px){.timeline-item{width:100%;padding-left:70px;padding-right:20px}.timeline-item.right{left:0}}.timeline-item:before{content:"";border:4px solid var(--herb-primary);z-index:1;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:20px}.left:before{right:-11px}.right:before{left:-11px}@media (max-width:768px){.left:before,.right:before{left:21px}}.timeline-content{box-shadow:var(--shadow-md);background:#fff;border-radius:24px;padding:1.8rem}.year{color:var(--herb-primary);font-size:2rem;font-weight:800}.timeline-content h3{font-family:var(--font-serif);margin:.5rem 0}.address-section{background:var(--herb-cream);padding:5rem 0}.address-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.5rem;display:grid}@media (max-width:640px){.address-grid{grid-template-columns:1fr}}.address-card{text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:32px;padding:2.5rem 2rem}.address-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.address-icon{color:var(--herb-primary);margin-bottom:1.5rem;font-size:2.5rem}.address-card h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1rem;font-size:1.8rem}.address-card p{color:var(--text-soft);line-height:1.6}.address-card .closed{color:#c0392b;font-weight:500}.map-placeholder{box-shadow:var(--shadow-lg);border-radius:32px;height:300px;margin-top:1rem;overflow:hidden}.map-placeholder iframe{border:0;width:100%;height:100%}.contact-section{background:#fff;padding:5rem 0}.contact-grid{grid-template-columns:1fr 1.5fr;gap:2.5rem;display:grid}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-info{background:var(--herb-light);border-radius:32px;padding:2.5rem}.contact-info h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:2rem;font-size:2rem}.contact-item{gap:1.2rem;margin-bottom:1.8rem;display:flex}.contact-icon{color:var(--herb-primary);margin-top:4px;font-size:1.5rem}.contact-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);font-size:.8rem}.contact-value{color:var(--herb-deep);font-weight:500}.whatsapp-contact-btn{color:#fff;transition:var(--transition);background:#25d366;border-radius:60px;align-items:center;gap:10px;margin-top:1rem;padding:.9rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.whatsapp-contact-btn:hover{background:#128c7e;transform:translateY(-2px)}.contact-form-wrapper{box-shadow:var(--shadow-md);background:#fff;border:1px solid #8cb48c1a;border-radius:32px;padding:2.5rem}.contact-form-wrapper h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:2rem;font-size:2rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form input,.contact-form textarea{width:100%;font-family:var(--font-sans);transition:var(--transition);background:var(--herb-cream);border:1.5px solid #8ba88840;border-radius:20px;padding:1rem 1.2rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--herb-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2c5e3a1a}.submit-btn{background:var(--herb-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);border:none;border-radius:60px;align-items:center;gap:8px;padding:1rem 2.5rem;font-weight:600;display:inline-flex}.submit-btn:hover{background:var(--herb-deep);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.about-cta{text-align:center;background:linear-gradient(135deg, var(--herb-deep), var(--herb-primary));color:#fff;padding:5rem 0;position:relative;overflow:hidden}.about-cta:before{content:"🌿";opacity:.08;font-size:8rem;position:absolute;top:20%;left:5%;transform:rotate(-15deg)}.about-cta:after{content:"🍃";opacity:.08;font-size:7rem;position:absolute;bottom:10%;right:5%;transform:rotate(20deg)}.about-cta h2{font-family:var(--font-serif);margin-bottom:1rem;font-size:3.5rem}.about-cta p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.cta-buttons{justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{transition:var(--transition);border-radius:60px;padding:1rem 2.5rem;font-weight:600;text-decoration:none}.btn-primary{color:var(--herb-deep);background:#fff}.btn-primary:hover{color:#fff;background:0 0;border:2px solid #fff;transform:translateY(-3px)}.btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff80}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}@media (max-width:480px){.hero-name{font-size:2.2rem}.hero-stats{flex-wrap:wrap;gap:1.5rem}.hero-cta-group .hero-cta-primary,.hero-cta-secondary{justify-content:center;width:100%}.story-content h2,.section-header h2,.timeline-section h2,.about-cta h2{font-size:2.2rem}.floating-leaf-hero{display:none}}