/* * Laruneng Product Grid Styles
* Scoped with ‘lp-‘ prefix to avoid conflicts with WordPress themes
*/
.lp-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
box-sizing: border-box;
}
/* Grid Layout */
.lp-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
justify-content: center;
}
/* Card Style */
.lp-card {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 40px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
position: relative;
overflow: hidden;
}
.lp-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
border-color: #d1d1d1;
}
/* Icons */
.lp-icon {
width: 60px;
height: 60px;
background: #f5f7fa;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.lp-icon svg {
width: 32px;
height: 32px;
color: #2c3e50; /* Dark Blue-Grey */
fill: currentColor;
}
/* Text Styling */
.lp-title {
font-size: 24px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 15px 0;
line-height: 1.3;
}
.lp-description {
font-size: 16px;
color: #555555;
line-height: 1.6;
margin: 0 0 30px 0;
flex-grow: 1; /* Pushes button to bottom */
}
/* Button Styling */
.lp-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
background-color: #1a1a1a;
color: #ffffff;
text-decoration: none;
font-weight: 600;
font-size: 15px;
border-radius: 6px;
transition: background-color 0.2s ease;
}
.lp-button:hover {
background-color: #333333;
color: #ffffff; /* Ensures link color doesn’t change on hover */
}
.lp-button svg {
margin-left: 8px;
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
/* Specific Brand Accents (Optional hover effects) */
.lp-card.safety:hover .lp-icon { background: #e3f2fd; }
.lp-card.safety:hover .lp-icon svg { color: #1976d2; }
.lp-card.astro:hover .lp-icon { background: #f3e5f5; }
.lp-card.astro:hover .lp-icon svg { color: #7b1fa2; }
.lp-card.solar:hover .lp-icon { background: #fff8e1; }
.lp-card.solar:hover .lp-icon svg { color: #fbc02d; }
/* Mobile Adjustments */
@media (max-width: 768px) {
.lp-container {
padding: 40px 15px;
}
.lp-grid {
grid-template-columns: 1fr;
}
}
SafetyForge
A premier functional safety management tool available as both a web platform and standalone software. Streamline your safety lifecycle management and ensure rigorous compliance across your engineering projects.
Visit Website
AstroData
Unlock the secrets of the universe with this engaging platform providing astronomical data for learners. We make exploring celestial bodies and complex space data fun, interactive, and accessible for everyone.
Visit Website
Solarify
A versatile platform for B2B2C and home solar performance monitoring. Whether you are an energy provider or a homeowner, track efficiency, manage assets, and optimize your solar output in real-time.
Visit Website
