/* ozplus.html specific styles */

.hero { padding: 10rem 4rem; text-align: center; border-bottom: 1px solid #1a1a1a; height: auto; min-height: 60vh; }
h1 { font-family: var(--display); font-size: clamp(3rem, 8vw, 5rem); font-weight: 300; margin-bottom: 1rem; }
h1 em { color: var(--orange); font-style: italic; }
.subtitle { font-family: var(--mono); color: #555; font-size: 14px; letter-spacing: 0.2em; }

.content { max-width: 1000px; margin: 0 auto; padding: 6rem 2rem; }
.code-block { background: #050505; border: 1px solid #222; padding: 2.5rem; font-family: var(--mono); font-size: 14px; line-height: 1.8; position: relative; margin: 4rem 0; text-align: left; }
.code-block::before { content: 'COMPILER_OUTPUT_V1'; position: absolute; top: -10px; left: 20px; background: var(--orange); color: #000; padding: 2px 10px; font-size: 9px; font-weight: 700; }

.keyword { color: var(--orange); }
.comment { color: #444; font-style: italic; }
.string { color: #9ebd6e; }

.features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 4rem; margin-top: 4rem; }
.feat-item h3 { font-family: var(--display); font-size: 2rem; margin-bottom: 1rem; border-left: 2px solid var(--orange); padding-left: 1.5rem; text-align: left; }
.feat-item p { color: #888; font-size: 15px; text-align: left; }

@media (max-width: 992px) {
  .hero { padding: 6rem 2rem; }
  .features-list { gap: 2rem; }
}