.hero-section{background-color:#f8f9fa;padding:80px 20px;text-align:center;min-height:300px;width:100%;display:flex;align-items:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.hero-content h1{font-size:2.8em}.hero-content p{font-size:1.2em;max-width:750px;margin:0 auto 40px;color:#555}.cta-buttons button,.cta-buttons a{margin:0 10px}.btn{padding:12px 24px;font-size:1.1em;border-radius:5px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:none;-webkit-transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease}.btn-primary{background-color:#007bff;color:white}.btn-primary:hover{background-color:#0056b3}.btn-icon{margin-right:10px}.btn-secondary{background-color:transparent;color:#007bff}.btn-secondary:hover{background-color:#007bff;color:white}.demo-row{display:flex;gap:32px;max-width:1200px;padding-top:20px;margin:0 auto 40px auto;align-items:flex-start}.demo-left{flex:0 1 30%;max-width:30%;min-width:200px;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.03);box-shadow:0 2px 12px rgba(0,0,0,0.03)}.demo-left h2{margin-top:0}.demo-right{flex:0 1 70%;max-width:70%;min-width:300px;display:flex;flex-direction:column;align-items:stretch}.search-toolbar{display:flex;gap:8px;justify-content:flex-start;margin-bottom:16px}.search-toolbar button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;-webkit-transition:background 0.2s;transition:background 0.2s}.search-toolbar button:hover{background:#e0e0e0}.search-demo-frame{display:block;margin:0 auto;border:2px solid #e0e0e0;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.04);box-shadow:0 2px 12px rgba(0,0,0,0.04);-webkit-transition:width 0.3s, height 0.3s, border-radius 0.3s;transition:width 0.3s, height 0.3s, border-radius 0.3s;background:#fff}#search-modal{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,0.6);justify-content:center;align-items:center}#search-modal.active{display:flex}#search-modal .modal-content{background:#fff;border-radius:12px;width:95vw;height:95vh;-webkit-box-shadow:0 2px 24px rgba(0,0,0,0.15);box-shadow:0 2px 24px rgba(0,0,0,0.15);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0}#search-modal .close-modal{position:absolute;top:16px;right:16px;background:#eee;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5em;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}#modal-iframe{width:100%;height:100%;border:none;border-radius:12px}@media (max-width: 900px){.demo-row{flex-direction:column;gap:16px}.demo-left,.demo-right{max-width:100%;flex:1 1 100%;width:100%}}.feature-cards{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.04);box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:24px 20px;flex:1 1 220px;min-width:220px;max-width:320px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.feature-card h3{margin-top:0;margin-bottom:12px;font-size:1.15em;color:#4682B4}.feature-card p{margin:0;color:#444;font-size:1em}@media (max-width: 1024px){#fullscreenBtn{display:none !important}}@media (max-width: 767px){.search-toolbar{display:none !important}}