* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary-orange: #FF6B35;--primary-blue: #2E4B8B;--dark-blue: #1A2B4C;--light-blue: #4A90E2;--white: #FFFFFF;--light-gray: #F8F9FA;--gray: #6C757D;--gradient-1: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%);--gradient-2: linear-gradient(135deg, #2E4B8B 0%, #4A90E2 100%);--gradient-3: linear-gradient(135deg, #FF6B35 0%, #2E4B8B 100%);}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height: 1.6;color: var(--dark-blue);overflow-x: hidden;}.navbar {position: fixed;top: 0;width: 100%;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);z-index: 1000;padding: 1rem 0;transition: all 0.3s ease;border-bottom: 1px solid rgba(255, 107, 53, 0.1);}.navbar.scrolled {background: rgba(255, 255, 255, 0.98);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.nav-container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;display: flex;justify-content: space-between;align-items: center;}.logo {height: 40px;width: auto;}.nav-menu {display: flex;list-style: none;gap: 2rem;align-items: center;}.nav-link {text-decoration: none;color: var(--dark-blue);font-weight: 500;transition: color 0.3s ease;position: relative;}.nav-link:hover {color: var(--primary-orange);}.nav-link::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--gradient-1);transition: width 0.3s ease;}.nav-link:hover::after {width: 100%;}.cta-button {background: var(--gradient-1);color: white;padding: 0.75rem 1.5rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);}.cta-button:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);}.mobile-menu-btn {display: none;background: none;border: none;font-size: 1.5rem;color: var(--dark-blue);cursor: pointer;}.hero {min-height: 100vh;background: var(--gradient-3);display: flex;align-items: center;position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="rgba(255,255,255,0.1)"/><stop offset="100%" stop-color="rgba(255,255,255,0)"/></radialGradient></defs><circle cx="200" cy="200" r="100" fill="url(%23a)"/><circle cx="800" cy="300" r="150" fill="url(%23a)"/><circle cx="400" cy="700" r="80" fill="url(%23a)"/></svg>');opacity: 0.5;}.hero-container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;position: relative;}.hero-content {color: white;animation: slideInLeft 1s ease-out;}.hero-title {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 800;margin-bottom: 1.5rem;line-height: 1.2;}.hero-subtitle {font-size: 1.3rem;margin-bottom: 2rem;opacity: 0.9;font-weight: 300;}.hero-cta {display: flex;gap: 1rem;flex-wrap: wrap;}.btn-primary {background: white;color: var(--primary-blue);padding: 1rem 2rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);}.btn-secondary {background: rgba(255, 255, 255, 0.2);color: white;padding: 1rem 2rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.3);transform: translateY(-3px);}.hero-visual {position: relative;animation: slideInRight 1s ease-out;}.hero-dashboard {background: white;border-radius: 20px;padding: 2rem;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);transform: perspective(1000px) rotateY(-15deg) rotateX(10deg);transition: transform 0.3s ease;}.hero-dashboard:hover {transform: perspective(1000px) rotateY(-10deg) rotateX(5deg);}.dashboard-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid #eee;}.dashboard-avatar {width: 40px;height: 40px;border-radius: 50%;background: var(--gradient-1);display: flex;align-items: center;justify-content: center;color: white;font-weight: 600;}.dashboard-stats {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;margin-bottom: 1.5rem;}.stat-card {background: var(--light-gray);padding: 1rem;border-radius: 10px;text-align: center;}.stat-number {font-size: 1.5rem;font-weight: 700;color: var(--primary-blue);}.stat-label {font-size: 0.8rem;color: var(--gray);}.menu-footer {color: #fff;text-decoration: none;}.ai-indicator {background: var(--gradient-1);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.8rem;font-weight: 600;display: inline-flex;align-items: center;gap: 0.5rem;}.ai-indicator::before {content: '🤖';}.features {padding: 6rem 0;background: var(--light-gray);}.container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.section-header {text-align: center;margin-bottom: 4rem;}.section-title {font-size: clamp(2rem, 4vw, 3rem);font-weight: 700;color: var(--dark-blue);margin-bottom: 1rem;}.section-subtitle {font-size: 1.2rem;color: var(--gray);max-width: 600px;margin: 0 auto;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.feature-card {background: white;padding: 2.5rem;border-radius: 20px;text-align: center;transition: all 0.3s ease;border: 1px solid rgba(255, 107, 53, 0.1);position: relative;overflow: hidden;}.feature-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);transition: left 0.5s ease;}.feature-card:hover::before {left: 100%;}.feature-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);}.feature-icon {width: 80px;height: 80px;margin: 0 auto 1.5rem;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 2rem;background: var(--gradient-1);color: white;}.feature-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: var(--dark-blue);}.feature-description {color: var(--gray);line-height: 1.6;}.ai-section {padding: 6rem 0;background: var(--gradient-2);color: white;position: relative;overflow: hidden;}.ai-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');}.ai-container {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;position: relative;}.ai-content h2 {font-size: clamp(2rem, 4vw, 3rem);margin-bottom: 1.5rem;}.ai-features {list-style: none;margin: 2rem 0;}.ai-features li {display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;padding: 1rem;background: rgba(255, 255, 255, 0.1);border-radius: 10px;backdrop-filter: blur(10px);}.ai-features li::before {content: '✨';font-size: 1.2rem;}.ai-visual {position: relative;}.ai-brain {width: 300px;height: 300px;margin: 0 auto;position: relative;}.brain-core {width: 100%;height: 100%;border-radius: 50%;background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);border: 2px solid rgba(255, 255, 255, 0.3);animation: pulse 2s infinite;position: relative;}.brain-nodes {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.node {position: absolute;width: 10px;height: 10px;background: white;border-radius: 50%;animation: float 3s infinite ease-in-out;}.node:nth-child(1) {top: 20%;left: 30%;animation-delay: 0s;}.node:nth-child(2) {top: 40%;right: 20%;animation-delay: 0.5s;}.node:nth-child(3) {bottom: 30%;left: 25%;animation-delay: 1s;}.node:nth-child(4) {bottom: 20%;right: 30%;animation-delay: 1.5s;}.cta-section {padding: 6rem 0;background: var(--dark-blue);color: white;text-align: center;}.cta-section h2 {font-size: clamp(2rem, 4vw, 3rem);margin-bottom: 1.5rem;}.cta-section p {font-size: 1.2rem;margin-bottom: 2.5rem;opacity: 0.9;}.cta-buttons {display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;}.btn-large {padding: 1.2rem 2.5rem;font-size: 1.1rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 0.5rem;}.btn-orange {background: var(--gradient-1);color: white;box-shadow: 0 4px 20px rgba(255, 107, 53, 0.3);}.btn-orange:hover {transform: translateY(-3px);box-shadow: 0 8px 30px rgba(255, 107, 53, 0.4);}.btn-outline {background: transparent;color: white;border: 2px solid white;}.btn-outline:hover {background: white;color: var(--dark-blue);transform: translateY(-3px);}.footer {background: var(--dark-blue);color: white;padding: 3rem 0 1rem;border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-bottom: 2rem;}.footer-section h3 {color: var(--primary-orange);margin-bottom: 1rem;}.footer-section ul {list-style: none;}.footer-section ul li {margin-bottom: 0.5rem;}.footer-section ul li a {color: rgba(255, 255, 255, 0.8);text-decoration: none;transition: color 0.3s ease;}.footer-section ul li a:hover {color: var(--primary-orange);}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.6);}@keyframes slideInLeft {from {opacity: 0;transform: translateX(-50px);}to {opacity: 1;transform: translateX(0);}}@keyframes slideInRight {from {opacity: 0;transform: translateX(50px);}to {opacity: 1;transform: translateX(0);}}@keyframes pulse {0%, 100% {transform: scale(1);opacity: 1;}50% {transform: scale(1.05);opacity: 0.8;}}@keyframes float {0%, 100% {transform: translateY(0px);}50% {transform: translateY(-10px);}}@media (max-width: 768px) {.nav-menu {display: none;position: absolute;top: 100%;left: 0;right: 0;background: white;flex-direction: column;padding: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.nav-menu.active {display: flex;}.mobile-menu-btn {display: block;}.hero-container {grid-template-columns: 1fr;text-align: center;gap: 2rem;}.hero-visual {order: -1;}.hero-dashboard {transform: none;max-width: 400px;margin: 0 auto;}.ai-container {grid-template-columns: 1fr;text-align: center;}.cta-buttons {flex-direction: column;align-items: center;}.hero-cta {justify-content: center;}}@media (max-width: 480px) {.nav-container {padding: 0 1rem;}.container {padding: 0 1rem;}.hero-dashboard {padding: 1.5rem;}.dashboard-stats {grid-template-columns: 1fr;}.btn-large {width: 100%;justify-content: center;}}.roi-benefits-section {padding: 6rem 0 !important;background: white !important;}.roi-benefits-section .container {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.roi-header {text-align: center !important;margin-bottom: 5rem !important;}.roi-benefits-badge {background: rgba(46,75,139,0.1) !important;color: #2E4B8B !important;padding: 0.8rem 2rem !important;border-radius: 50px !important;display: inline-block !important;font-weight: 600 !important;margin-bottom: 2rem !important;}.roi-main-title {font-size: clamp(2.5rem, 4vw, 4rem) !important;font-weight: 800 !important;color: #1a2d5c !important;margin-bottom: 1.5rem !important;line-height: 1.2 !important;}.roi-main-title .highlight-orange {color: #FF6B35 !important;}.roi-main-description {font-size: 1.3rem !important;color: #6c757d !important;max-width: 800px !important;margin: 0 auto !important;line-height: 1.6 !important;}.roi-stats-container {background: linear-gradient(135deg, #FF6B35, rgba(255,107,53,0.8)) !important;border-radius: 30px !important;padding: 4rem !important;margin-bottom: 4rem !important;color: white !important;position: relative !important;overflow: hidden !important;}.roi-stats-container::before {content: '' !important;position: absolute !important;top: -100px !important;right: -100px !important;width: 200px !important;height: 200px !important;background: rgba(255,255,255,0.1) !important;border-radius: 50% !important;z-index: 1 !important;}.roi-stats-content {position: relative !important;z-index: 2 !important;}.roi-stats-title {text-align: center !important;font-size: 2.5rem !important;font-weight: 800 !important;margin-bottom: 3rem !important;color: white !important;}.roi-stats-grid {display: grid !important;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;gap: 3rem !important;text-align: center !important;}.roi-stat-item {color: white !important;}.roi-stat-number {font-size: 4rem !important;font-weight: 900 !important;margin-bottom: 0.5rem !important;text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;color: white !important;}.roi-stat-label {font-size: 1.2rem !important;font-weight: 600 !important;margin-bottom: 0.5rem !important;color: white !important;}.roi-stat-description {font-size: 0.9rem !important;opacity: 0.9 !important;color: white !important;}.detailed-benefits-grid {display: grid !important;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;gap: 2rem !important;}.benefit-card {border-radius: 20px !important;padding: 2.5rem !important;transition: all 0.3s ease !important;border: 2px solid !important;}.benefit-card:hover {transform: translateY(-5px) !important;box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;}.benefit-card.time-saving {background: rgba(255,107,53,0.05) !important;border-color: rgba(255,107,53,0.1) !important;}.benefit-card.data-driven {background: rgba(46,75,139,0.05) !important;border-color: rgba(46,75,139,0.1) !important;}.benefit-card.personalization {background: rgba(40,167,69,0.05) !important;border-color: rgba(40,167,69,0.1) !important;}.benefit-icon {width: 70px !important;height: 70px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;margin-bottom: 2rem !important;font-size: 2rem !important;}.benefit-icon.time {background: linear-gradient(135deg, #FF6B35, #FF8A65) !important;}.benefit-icon.data {background: linear-gradient(135deg, #2E4B8B, #4A90E2) !important;}.benefit-icon.personal {background: linear-gradient(135deg, #28a745, #20c997) !important;}.benefit-title {font-size: 1.5rem !important;font-weight: 700 !important;color: #1a2d5c !important;margin-bottom: 1rem !important;}.benefit-description {color: #6c757d !important;line-height: 1.7 !important;margin-bottom: 1.5rem !important;}.benefit-details {background: white !important;padding: 1.5rem !important;border-radius: 10px !important;}.benefit-details h4 {margin-bottom: 1rem !important;font-weight: 600 !important;}.benefit-details.time h4 {color: #FF6B35 !important;}.benefit-details.data h4 {color: #2E4B8B !important;}.benefit-details.personal h4 {color: #28a745 !important;}.benefit-details ul {color: #6c757d !important;line-height: 1.6 !important;margin-left: 1rem !important;}.metrics-grid {display: grid !important;grid-template-columns: 1fr 1fr !important;gap: 1rem !important;}.metric-item {text-align: center !important;}.metric-number {color: #2E4B8B !important;font-size: 1.8rem !important;font-weight: 800 !important;}.metric-label {color: #6c757d !important;font-size: 0.9rem !important;}@media (max-width: 768px) {.roi-stats-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 2rem !important;}.roi-stat-number {font-size: 3rem !important;}.detailed-benefits-grid {grid-template-columns: 1fr !important;gap: 2rem !important;}.benefit-card {padding: 2rem !important;}.roi-stats-container {padding: 2rem !important;}}@media (max-width: 480px) {.roi-stats-grid {grid-template-columns: 1fr !important;}.roi-stat-number {font-size: 2.5rem !important;}}.ai-features-section {padding: 6rem 0;background: white;position: relative;}.ai-features-section .container {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.ai-features-header {text-align: center;margin-bottom: 5rem;}.ai-features-badge {background: rgba(255,107,53,0.1);color: #FF6B35;padding: 0.8rem 2rem;border-radius: 50px;display: inline-block;font-weight: 600;margin-bottom: 2rem;font-size: 1rem;}.ai-features-title {font-size: clamp(2.5rem, 4vw, 4rem);font-weight: 800;color: #1a2d5c;margin-bottom: 1.5rem;line-height: 1.2;}.ai-features-title .highlight {color: #FF6B35;}.ai-features-description {font-size: 1.3rem;color: #6c757d;max-width: 800px;margin: 0 auto;line-height: 1.6;}.ai-features-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3rem;margin-bottom: 4rem;max-width: 1200px;margin-left: auto;margin-right: auto;}.ai-feature-card {border-radius: 25px;padding: 3rem;position: relative;overflow: hidden;transition: all 0.3s ease;border: 2px solid;cursor: pointer;}.ai-feature-card:hover {transform: translateY(-8px);box-shadow: 0 25px 50px rgba(0,0,0,0.15);}.ai-feature-content {position: relative;z-index: 2;}.ai-feature-icon {width: 80px;height: 80px;border-radius: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;font-size: 2.5rem;color: white;}.ai-feature-title {font-size: 1.8rem;font-weight: 700;color: #1a2d5c;margin-bottom: 1rem;}.ai-feature-description {color: #6c757d;line-height: 1.7;margin-bottom: 2rem;font-size: 1rem;}.ai-feature-capabilities {background: rgba(255,255,255,0.8);padding: 1.5rem;border-radius: 15px;margin-bottom: 1.5rem;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2);}.ai-feature-capabilities h4 {margin-bottom: 0.8rem;font-weight: 600;font-size: 1.1rem;}.ai-feature-capabilities ul {color: #6c757d;line-height: 1.6;margin-left: 1rem;padding-left: 0;}.ai-feature-capabilities li {margin-bottom: 0.5rem;position: relative;}.ai-feature-stats {display: flex;align-items: center;gap: 0.5rem;font-weight: 600;font-size: 0.95rem;}.ai-feature-card.rag {background: linear-gradient(135deg, rgba(255,107,53,0.05) 0%, rgba(255,107,53,0.1) 100%);border-color: rgba(255,107,53,0.2);}.ai-feature-card.rag::before {content: '';position: absolute;top: -50px;right: -50px;width: 100px;height: 100px;background: rgba(255,107,53,0.1);border-radius: 50%;z-index: 1;}.ai-feature-icon.rag {background: linear-gradient(135deg, #FF6B35, #FF8A65);}.ai-feature-capabilities.rag h4 {color: #FF6B35;}.ai-feature-stats.rag {color: #FF6B35;}.ai-feature-card.predictive {background: linear-gradient(135deg, rgba(46,75,139,0.05) 0%, rgba(46,75,139,0.1) 100%);border-color: rgba(46,75,139,0.2);}.ai-feature-card.predictive::before {content: '';position: absolute;top: -50px;right: -50px;width: 100px;height: 100px;background: rgba(46,75,139,0.1);border-radius: 50%;z-index: 1;}.ai-feature-icon.predictive {background: linear-gradient(135deg, #2E4B8B, #4A90E2);}.ai-feature-capabilities.predictive h4 {color: #2E4B8B;}.ai-feature-stats.predictive {color: #2E4B8B;}.ai-feature-card.nlp {background: linear-gradient(135deg, rgba(40,167,69,0.05) 0%, rgba(40,167,69,0.1) 100%);border-color: rgba(40,167,69,0.2);}.ai-feature-card.nlp::before {content: '';position: absolute;top: -50px;right: -50px;width: 100px;height: 100px;background: rgba(40,167,69,0.1);border-radius: 50%;z-index: 1;}.ai-feature-icon.nlp {background: linear-gradient(135deg, #28a745, #20c997);}.ai-feature-capabilities.nlp h4 {color: #28a745;}.ai-feature-stats.nlp {color: #28a745;}.ai-feature-card.vision {background: linear-gradient(135deg, rgba(255,193,7,0.05) 0%, rgba(255,193,7,0.1) 100%);border-color: rgba(255,193,7,0.2);}.ai-feature-card.vision::before {content: '';position: absolute;top: -50px;right: -50px;width: 100px;height: 100px;background: rgba(255,193,7,0.1);border-radius: 50%;z-index: 1;}.ai-feature-icon.vision {background: linear-gradient(135deg, #ffc107, #ffeb3b);}.ai-feature-capabilities.vision h4 {color: #ffc107;}.ai-feature-stats.vision {color: #ffc107;}@keyframes float {0%, 100% {transform: translateY(0px);}50% {transform: translateY(-10px);}}.ai-feature-icon {animation: float 6s ease-in-out infinite;}.ai-feature-icon.rag {animation-delay: 0s;}.ai-feature-icon.predictive {animation-delay: 1.5s;}.ai-feature-icon.nlp {animation-delay: 3s;}.ai-feature-icon.vision {animation-delay: 4.5s;}.ai-feature-card:hover .ai-feature-icon {transform: scale(1.1);animation-play-state: paused;}.ai-feature-card:hover .ai-feature-capabilities {background: rgba(255,255,255,0.95);transform: translateY(-2px);}@media (max-width: 1024px) {.ai-features-grid {grid-template-columns: repeat(2, 1fr);gap: 2rem;max-width: 900px;}.ai-feature-card {padding: 2.5rem;}}@media (max-width: 768px) {.ai-features-section {padding: 4rem 0;}.ai-features-header {margin-bottom: 3rem;}.ai-features-grid {grid-template-columns: 1fr;gap: 2rem;max-width: 500px;}.ai-feature-card {padding: 2rem;}.ai-feature-icon {width: 60px;height: 60px;font-size: 2rem;margin-bottom: 1.5rem;}.ai-feature-title {font-size: 1.5rem;}.ai-feature-capabilities {padding: 1rem;}}@media (max-width: 480px) {.ai-feature-card {padding: 1.5rem;}.ai-features-badge {font-size: 0.9rem;padding: 0.6rem 1.5rem;}.ai-feature-description {font-size: 0.95rem;}.ai-feature-icon {width: 50px;height: 50px;font-size: 1.8rem;}.ai-feature-title {font-size: 1.3rem;}}.ai-feature-card:focus {outline: 3px solid #FF6B35;outline-offset: 2px;}.ai-feature-card:focus-within {transform: translateY(-4px);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}