* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:'Inter',sans-serif;color:#0F0F12;background-color:#FFFFFF;line-height:1.6;}
header.navbar {display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;width:100%;top:0;background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:10;}
.logo {height:48px;}
nav a {color:#0F0F12;margin-left:1.5rem;text-decoration:none;font-weight:600;transition:color 0.3s;}
nav a:hover {color:#ED7D31;}
.hero {display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;background:linear-gradient(180deg,#FFFFFF,#F8F8F8);padding:2rem;}
.hero h1 {font-family:'Space Grotesk',sans-serif;font-size:2.8rem;margin-bottom:1rem;}
.hero p {color:#333333;max-width:700px;margin:0 auto 2rem;}
.cta {background-color:#ED7D31;color:#fff;padding:0.75rem 1.5rem;border-radius:6px;text-decoration:none;transition:background 0.3s;}
.cta:hover {background-color:#C46226;}
section {padding:6rem 2rem;max-width:1100px;margin:0 auto;}
h2 {font-family:'Space Grotesk',sans-serif;font-size:2rem;color:#ED7D31;text-align:center;margin-bottom:2rem;}
.cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;perspective:1000px;}
.card {background:transparent;height:250px;position:relative;}
.card-inner {position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d;}
.card:hover .card-inner,.card.flip .card-inner {transform:rotateY(180deg);}
.card-front,.card-back {position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border:1px solid #E0E0E0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#FFFFFF;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:1.5rem;text-align:center;}
.card-content {display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;}
.card-front h3,.card-back p {text-align:center;margin:0;}
.card-icon {width:32px;margin-top:1rem;margin-bottom:0.5rem;opacity:0.8;}
.card-back {transform:rotateY(180deg);color:#0F0F12;font-size:0.95rem;}
.card:hover .card-front {border-color:#ED7D31;box-shadow:0 0 12px rgba(237,125,49,0.4);}
.value .pillars {display:flex;flex-direction:column;gap:1.5rem;}
.value .pillars div {background:#FFFFFF;padding:1.5rem;border-radius:10px;border:1px solid #E0E0E0;}
.contact-form {display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;}
.contact-form input,.contact-form textarea {padding:0.75rem;border:1px solid #E0E0E0;border-radius:6px;background-color:#FFFFFF;color:#0F0F12;}
.contact-form button {background-color:#ED7D31;color:white;border:none;padding:0.75rem;border-radius:6px;cursor:pointer;transition:background 0.3s;}
.contact-form button:hover {background-color:#C46226;}
footer {text-align:center;padding:2rem;border-top:1px solid #E0E0E0;font-size:0.9rem;color:#555555;}
a {color:#ED7D31;}