:root{--primary-dark:#1a4f8b;--primary-light:#2d7dd2;--accent:#38b6ff;--accent-light:#eaf6ff;--neutral-dark:#2c3e50;--neutral-light:#ecf0f1;--highlight:#3498db}.innoptical-header{background:var(--primary-dark);color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.main-title{color:#fff;font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:1rem}.subtitle{background:var(--primary-light);color:#fff;padding:1rem;border-radius:4px;text-align:center}.feature-box{background:#fff;border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.feature-title{color:var(--primary-dark);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.feature-text{color:var(--neutral-dark);line-height:1.6}.icon-container{background:var(--accent-light);padding:1rem;border-radius:50%;margin-bottom:1rem}@media (max-width:768px){.main-title{font-size:2rem}.feature-box{margin:.75rem 0}}.feature-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .12);transition:all 0.3s ease}.cta-button{background:var(--highlight);color:#fff;padding:.75rem 1.5rem;border-radius:4px;border:none;cursor:pointer;transition:all 0.3s ease}.cta-button:hover{background:var(--primary-dark);transform:translateY(-1px)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px;box-shadow:inset 0 0 4px rgb(0 0 0 / .1)}::-webkit-scrollbar-thumb{background:#ee7a31;border-radius:6px;border:3px solid #f1f1f1;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ff8c42;border:3px solid #f1f1f1;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#ee7a31 #f1f1f1}