.pillar-card{display:flex;align-items:stretch;justify-content:space-between;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--honeydew) 0%,rgba(168,218,220,.3) 100%);border:2px solid var(--frosted-blue);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.pillar-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-content{flex:1}.card-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:inline-block}.pillar-card h3{color:var(--primary-dark);margin-top:0;margin-bottom:var(--spacing-md)}.pillar-card p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem}.card-topics{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.topic-tag{display:inline-block;background-color:#457b9d1a;color:var(--primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.card-arrow{font-size:2rem;color:var(--primary);display:flex;align-items:center;margin-left:var(--spacing-lg);opacity:.5;transition:all var(--transition-base)}.pillar-card:hover .card-arrow{opacity:1;transform:translate(4px);color:var(--accent)}.hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--frosted-blue) 100%);color:#fff;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{color:#fff;font-size:var(--font-size-5xl);margin:0 0 var(--spacing-lg);text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--honeydew);margin-bottom:var(--spacing-lg);font-weight:500}.hero-description{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-2xl)}.hero-nav{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;font-size:var(--font-size-base)}.btn-primary{background-color:var(--strawberry-red);color:#fff}.btn-primary:hover{background-color:#d62d39;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:#fff;color:var(--primary-dark);border:2px solid white}.btn-secondary:hover{background-color:var(--honeydew);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:1rem 2rem;font-size:var(--font-size-lg)}.pillars{background-color:#f9f9f9;padding:var(--spacing-3xl) var(--spacing-xl)}.pillars-container{max-width:var(--site-max-width);margin:0 auto}.pillars-container h2{text-align:center;margin-bottom:var(--spacing-lg)}.pillars-intro{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-3xl);font-size:var(--font-size-lg)}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl)}.features{padding:var(--spacing-3xl) var(--spacing-xl)}.features-container{max-width:var(--site-max-width);margin:0 auto}.features-container h2{text-align:center;margin-bottom:var(--spacing-3xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl)}.feature{padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--honeydew) 0%,rgba(168,218,220,.2) 100%);border-radius:var(--radius-lg);border:2px solid var(--frosted-blue);transition:all var(--transition-base)}.feature:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg);display:inline-block}.feature h3{margin:0 0 var(--spacing-md);color:var(--primary-dark)}.feature p{margin:0;color:var(--text-secondary);font-size:.95rem}.cta{background:linear-gradient(135deg,var(--frosted-blue) 0%,var(--primary-light) 100%);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.cta-container{max-width:600px;margin:0 auto}.cta h2{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.cta p{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:var(--font-size-lg)}@media (max-width: 768px){.hero h1{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-nav{gap:var(--spacing-md)}.btn{padding:.625rem 1.25rem;font-size:var(--font-size-sm)}.features-grid,.pillars-grid{grid-template-columns:1fr}}