.design-directory-page{background:#fff;padding-bottom:60px}.directory-hero{color:var(--brand-white);background:var(--brand-blue);text-align:center;border-radius:0 0 60px 60px;align-items:center;min-height:400px;padding:160px 0 80px;display:flex;position:relative;overflow:hidden}.directory-hero:after{content:"";z-index:2;background:linear-gradient(#002b5bb3,#002b5b80);position:absolute;inset:0}.hero-content-layout{z-index:10;width:100%;position:relative}.hero-text-centered{max-width:900px;margin:0 auto}.hero-badge-brand{letter-spacing:1px;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;margin-bottom:25px;padding:8px 18px;font-size:.85rem;font-weight:800;display:inline-flex}.hero-title-brand{letter-spacing:-2px;color:var(--brand-white);text-shadow:0 4px 15px #0000004d;margin-bottom:24px;font-size:5rem;font-weight:900;line-height:.95}.hero-subtitle-brand{opacity:.9;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-size:1.5rem;line-height:1.5}.text-orange{color:var(--brand-orange)}.directory-grid-section{padding:80px 0}.directory-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.dir-card{transition:var(--transition-smooth);background:#fff;border:1px solid #f0f0f0;border-radius:32px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 15px 35px #0000000d}.dir-card:hover{border-color:var(--brand-orange);transform:translateY(-12px);box-shadow:0 30px 60px #0000001a}.card-image-box{height:260px;position:relative;overflow:hidden}.card-img{transition:transform .6s}.dir-card:hover :global(.card-img){transform:scale(1.1)}.card-overlay{background:linear-gradient(#0000,#0006);position:absolute;inset:0}.card-count{color:var(--brand-blue);background:#fff;border-radius:12px;padding:6px 14px;font-size:.8rem;font-weight:800;position:absolute;top:20px;right:20px;box-shadow:0 5px 15px #0000001a}.card-info{flex-direction:column;flex-grow:1;padding:30px;display:flex}.card-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.icon-box{background:var(--brand-blue-transparent);width:45px;height:45px;color:var(--brand-blue);border-radius:12px;justify-content:center;align-items:center;display:flex}.card-info h3{color:var(--brand-blue);font-size:1.6rem}.card-info p{color:#666;flex-grow:1;margin-bottom:25px;font-size:1rem;line-height:1.6}.card-footer{color:var(--brand-orange);border-top:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding-top:20px;font-weight:800;transition:gap .3s;display:flex}.dir-card:hover .card-footer{gap:10px}.directory-cta-new{padding:var(--space-xxl) 0}.cta-split-card{background:var(--brand-blue);border-radius:40px;grid-template-columns:1fr 1fr;min-height:550px;display:grid;overflow:hidden;box-shadow:0 40px 100px #002b5b26}.cta-image-side{position:relative;overflow:hidden}.cta-overlay-accent{background:linear-gradient(90deg,#002b5b66,#0000);position:absolute;inset:0}.cta-badge-floating{background:var(--brand-orange);color:#fff;letter-spacing:1px;text-transform:uppercase;z-index:5;border-radius:50px;padding:8px 20px;font-size:.8rem;font-weight:800;position:absolute;top:30px;left:30px}.cta-form-side{color:#fff;flex-direction:column;justify-content:center;padding:60px;display:flex}.cta-header-text h2{margin-bottom:20px;font-size:3rem;font-weight:900;line-height:1.1;color:#fff!important}.cta-header-text p{margin-bottom:40px;font-size:1.25rem;font-weight:500;line-height:1.6;opacity:1!important;color:#fff!important}.cta-header-text h2 .text-orange{font-weight:900;color:var(--brand-orange)!important}.cta-form-wrapper{margin-bottom:30px}.cta-form-wrapper input,.cta-form-wrapper select{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.cta-form-wrapper input::placeholder{color:#fff6!important}.cta-trust-badges{opacity:.8;gap:25px;font-size:.9rem;font-weight:800;display:flex}@media (max-width:1100px){.directory-grid{grid-template-columns:repeat(2,1fr)}.hero-content-layout{text-align:center;grid-template-columns:1fr;gap:40px}.hero-title-brand{font-size:3.5rem}.directory-hero{padding:140px 0 60px}.cta-split-card{grid-template-columns:1fr;min-height:auto}.cta-image-side{height:350px}.cta-form-side{text-align:center;padding:40px}.cta-trust-badges{justify-content:center}}@media (max-width:640px){.directory-grid{grid-template-columns:1fr}.hero-title-brand{font-size:2.8rem}.cta-banner h2{font-size:2.2rem}.cta-form-side{padding:30px}.cta-header-text h2{font-size:2.2rem}}