:root{--purple:#8A2BE2;--green:#4CAF50;--orange:#FFA500;--bg:#fff}
*{box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif}body{margin:0;background:var(--bg);color:#222}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:4px solid var(--green)}.brand{display:flex;align-items:center;gap:12px}.logo{width:64px;height:64px;object-fit:contain}.main-nav a{margin:0 8px;text-decoration:none;color:#111}.main-nav .btn{background:var(--purple);color:#fff;padding:6px 10px;border-radius:6px}.hero{display:flex;gap:20px;padding:30px}.hero-inner{flex:1}.hero-media{flex:1}.hero-img{width:100%;border-radius:8px}.media-placeholder{height:220px;border-radius:8px;border:3px dashed var(--purple);display:flex;align-items:center;justify-content:center}.cta{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--orange);color:#fff;border-radius:8px;text-decoration:none}.summary-cards{display:flex;gap:12px;padding:20px}.card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.06);flex:1}.slideshow{position:relative;padding:10px}.slide{display:none;padding:30px;border-radius:8px;background:#fff}.slide.active{display:block}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);border:none;color:#fff;padding:10px;border-radius:50%}.prev{left:10px}.next{right:10px}.container{padding:20px}.team-grid{display:flex;gap:12px}.team-member{width:160px;text-align:center}.img-placeholder{height:120px;border-radius:6px;background:#eee;display:flex;align-items:center;justify-content:center}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.media-card{background:#fff;padding:10px;border-radius:8px}.video-placeholder{width:100%;height:180px;background:#000}.site-footer{background:#f8f8f8;padding:16px;border-top:4px solid var(--green);text-align:center}.stats-grid{display:flex;gap:12px}.stat{padding:12px;background:#fff;border-radius:8px}.card,.media-card{transition:transform .25s ease,box-shadow .25s ease}.card:hover,.media-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.12)}@media(max-width:800px){.hero{flex-direction:column}.main-nav{display:none}}