body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; line-height: 1.7; color: #333; margin: 0; padding: 20px; background-color: #f9f9f9; }
.container { max-width: 900px; margin: auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.08); }
h1, h2, h3, h4 { color: #2c3e50; margin-top: 1.5em; margin-bottom: 0.8em; }
h1 { font-size: 2.5em; text-align: center; color: #0a708c; }
h2 { font-size: 2em; border-bottom: 2px solid #eee; padding-bottom: 0.5em; }
h3 { font-size: 1.6em; color: #34495e; }
h4 { font-size: 1.3em; color: #555; }
p { margin-bottom: 1em; text-align: justify; }
ul { list-style-type: disc; margin-left: 20px; margin-bottom: 1em; }
ol { list-style-type: decimal; margin-left: 20px; margin-bottom: 1em; }
li { margin-bottom: 0.5em; }
strong { color: #0a708c; font-weight: bold; }
.brand-name { color: #0a708c; font-weight: bold; }
.highlight-pain { background-color: #ffe0b2; padding: 15px; border-left: 5px solid #ff9800; margin-bottom: 1.5em; color: #e65100; }
.highlight-solution { background-color: #e6f7ff; padding: 15px; border-left: 5px solid #0a708c; margin-bottom: 1.5em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.product-benefit-box { border: 1px solid #cce5ff; background-color: #e0f2ff; padding: 25px; border-radius: 8px; margin-bottom: 2em; }
.product-benefit-box h2 { color: #0d47a1; border-bottom: 1px dashed #a7d9ff; padding-bottom: 10px; }
.case-study { border: 1px solid #d4edda; background-color: #eaf7ed; padding: 20px; margin-bottom: 2em; border-radius: 5px; }
.case-study h3 { color: #28a745; margin-top: 0; }
.faq-section { background-color: #f0f8ff; padding: 20px; border-radius: 8px; margin-top: 2em; }
.faq-item { margin-bottom: 1em; }
.faq-item h4 { margin-bottom: 0.5em; color: #2196f3; }
.disclaimer { border: 2px solid #dc3545; padding: 20px; margin-bottom: 3em; background-color: #fff3f4; color: #dc3545; border-radius: 8px; }
.disclaimer strong { color: #dc3545; }
.cta-box { text-align: center; background-color: #0a708c; color: #fff; padding: 30px; border-radius: 8px; margin-top: 3em; }
.cta-button { display: inline-block; background-color: #ff9800; color: #fff; padding: 15px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; margin: 10px; transition: background-color 0.3s ease; }
.cta-button:hover { background-color: #e68900; text-decoration: none; }
footer { text-align: center; margin-top: 3em; padding-top: 20px; border-top: 1px solid #eee; color: #777; font-size: 0.9em; }
a { color: #0a708c; text-decoration: none; }
a:hover { text-decoration: underline; }
.demo-section {
background-color: #f8f8f8;
border: 1px dashed #ccc;
padding: 25px;
border-radius: 8px;
margin-top: 2em;
margin-bottom: 2em;
}
.demo-question {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px dotted #e0e0e0;
}
.demo-question:last-child {
border-bottom: none;
padding-bottom: 0;
}
.demo-question strong {
color: #d35400; /* Darker orange for question number */
}
.demo-instructions {
font-style: italic;
color: #555;
margin-bottom: 1em;
}