*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#fff;background-color:#1a1a1a}html{scroll-behavior:smooth;overflow-y:scroll}.homepage{min-height:100vh}.page-content{padding-top:70px}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageFadeIn .4s ease}.hero{background:url(/assets/images/hero.png) no-repeat center center;background-color:#1a1a1a;background-size:auto 100%;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding-top:70px;min-height:80vh;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#1a1a1a,#1a1a1a 40%,#1a1a1af2 55%,#1a1a1a99 75%,#1a1a1a33);z-index:1}.hero-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;position:relative;z-index:2}.hero-content{text-align:left;max-width:650px}.hero-title{font-size:5rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-2px;color:#f60;line-height:1;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.8rem;margin-bottom:1.5rem;font-weight:500;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,.5)}.hero-description{font-size:1.15rem;margin-bottom:2rem;color:#ccc;line-height:1.7;text-shadow:1px 1px 8px rgba(0,0,0,.5)}.cta-button{border:none;padding:1rem 2rem;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cta-button.primary{background:#f60;color:#fff;border:2px solid #ff6600}.cta-button.primary:hover{background:#e55a00;transform:translateY(-2px);box-shadow:0 5px 15px #ff66004d}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.platforms{padding:5rem 0;background:#1a1a1a}.platforms h1,.platforms h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.platform-card{background:transparent;padding:3rem 2rem;text-align:center;transition:transform .3s ease;border:1px solid #333333;border-radius:8px;cursor:default}.platform-card:hover{transform:none}.platform-card h3{font-size:1.5rem;margin-bottom:1rem;color:#f60;text-transform:uppercase;font-weight:700}.platform-card p{color:#ccc;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.service-card{background:transparent;padding:3rem 2rem;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;border:1px solid #333333;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;position:relative;overflow:hidden}.service-card:hover,.service-card:focus-visible{transform:translateY(-6px);border-color:#f60;box-shadow:0 12px 30px #ff66004d;background:#ff66000a;outline:none}.service-card:hover .service-icon,.service-card:focus-visible .service-icon{color:#f60;transform:scale(1.08)}.service-card .service-icon{transition:color .3s ease,transform .3s ease}.service-card-cta{margin-top:auto;padding-top:1.5rem;display:inline-flex;align-items:center;gap:.35rem;color:#f60;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.service-card-cta .material-symbols-rounded{font-size:1.1rem;transition:transform .3s ease}.service-card:hover .service-card-cta,.service-card:focus-visible .service-card-cta{opacity:1;transform:translateY(0)}.service-card:hover .service-card-cta .material-symbols-rounded{transform:translate(4px)}.service-icon{font-size:3rem;color:#fff;display:block;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#f60;text-transform:uppercase;font-weight:700}.service-card p{color:#ccc;line-height:1.6}.service-detail{padding-bottom:5rem}.service-breadcrumb{margin-bottom:2rem}.service-breadcrumb a{display:inline-flex;align-items:center;gap:.4rem;color:#ccc;text-decoration:none;font-weight:500;transition:color .2s ease}.service-breadcrumb a:hover{color:#f60}.service-detail-header{display:flex;gap:1.5rem;align-items:flex-start;border-bottom:1px solid #333333;padding-bottom:2rem;margin-bottom:2.5rem}.service-detail-icon{font-size:3.5rem;color:#f60;flex-shrink:0;line-height:1}.service-detail-header h1{font-size:2.25rem;text-transform:uppercase;letter-spacing:.02em;color:#f60;margin-bottom:.75rem}.service-detail-lead{color:#ccc;font-size:1.05rem;line-height:1.7;max-width:900px}.service-detail-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.service-feature{padding:1.5rem;border:1px solid #333333;border-radius:8px;background:#ffffff05}.service-feature h3{color:#f60;font-size:1rem;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.03em}.service-feature p{color:#ccc;font-size:.95rem;line-height:1.55;margin:0}.service-detail-gallery h2{font-size:1.5rem;text-transform:uppercase;color:#fff;margin-bottom:1.5rem;letter-spacing:.02em}.service-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;margin-bottom:3rem}.service-shot{margin:0;display:flex;flex-direction:column;gap:.75rem}.service-shot-button{all:unset;display:block;position:relative;cursor:zoom-in;border:1px solid #333333;border-radius:8px;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.service-shot-button:hover,.service-shot-button:focus-visible{border-color:#f60;transform:translateY(-3px);box-shadow:0 10px 25px #ff66004d;outline:none}.service-shot-button img{display:block;width:100%;height:auto}.service-shot-zoom{position:absolute;top:.75rem;right:.75rem;background:#1a1a1acc;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:999px;padding:.35rem;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.service-shot-button:hover .service-shot-zoom,.service-shot-button:focus-visible .service-shot-zoom{opacity:1}.service-shot figcaption{color:#ccc;font-size:.9rem;line-height:1.5}.service-detail-cta{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #333333}.service-contact-btn{display:inline-flex;align-items:center;gap:.5rem;background:#f60;color:#fff;padding:.9rem 1.75rem;text-decoration:none;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:2rem}.service-contact-btn:hover{background:#e55a00;transform:translateY(-2px);box-shadow:0 8px 20px #ff66004d}.service-contact-btn .material-symbols-rounded{transition:transform .2s ease}.service-contact-btn:hover .material-symbols-rounded{transform:translate(4px)}.service-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:zoom-out;animation:service-lightbox-fade .2s ease}.service-lightbox img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 20px 60px #0009;cursor:default}.service-lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.service-lightbox-close:hover{background:#f609}@keyframes service-lightbox-fade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.service-detail-header{flex-direction:column;gap:1rem}.service-detail-header h1{font-size:1.75rem}.service-gallery-grid{grid-template-columns:1fr}}.device-preview{margin-bottom:2rem;display:flex;justify-content:center}.roku-device,.android-tv-device,.samsung-tv-device,.lg-tv-device,.fire-tv-device,.chromecast-device{width:200px;height:120px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;padding:8px;box-shadow:0 4px 12px #0000004d;position:relative;border:1px solid #333}.device-screen{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);overflow:hidden}.device-screen-image{width:100%;height:100%;object-fit:cover;border-radius:4px;overflow:hidden;position:relative}.contact{padding:5rem 0;background:#1a1a1a;color:#fff;text-align:center}.contact h1,.contact h2{font-size:2.5rem;margin-bottom:1rem}.contact p{font-size:1.2rem;margin-bottom:2rem;color:#fffc}.contact-form{max-width:600px;margin:0 auto 3rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #333333;border-radius:8px;background:#1a1a1a;color:#fff;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f60;box-shadow:0 0 0 3px #ff66001a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:120px}.contact-form .cta-button{width:100%;margin-top:1rem}.contact-form .cta-button:disabled{opacity:.7;cursor:not-allowed}.form-success{color:#4caf50;text-align:center;margin-top:1rem;padding:1rem;background:#4caf501a;border-radius:8px}.form-error{color:#f44336;text-align:center;margin-top:1rem;padding:1rem;background:#f443361a;border-radius:8px}.contact-info p{font-size:1.1rem;margin-bottom:.5rem;color:#fffc}.contact .contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:600px;margin:0 auto}.contact .contact-details p{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#ccc}.forgot-password{color:#f60;text-decoration:none;font-size:.9rem;transition:color .3s ease}.forgot-password:hover{color:#e55a00;text-decoration:underline}.privacy,.terms{padding:5rem 0;background:#1a1a1a;color:#fff}.privacy h2,.terms h2{font-size:2.5rem;margin-bottom:2rem;color:#fff;text-align:center}.privacy-content,.terms-content{max-width:800px;margin:0 auto}.last-updated{font-style:italic;color:#ccc;margin-bottom:2rem;text-align:center}.privacy-section,.terms-section{margin-bottom:2rem}.privacy-section h3,.terms-section h3{font-size:1.3rem;color:#f60;margin-bottom:1rem}.privacy-section p,.terms-section p{color:#ccc;line-height:1.8}.footer{background:#1a1a1a;border-top:1px solid #333333;padding:3rem 0 1rem;color:#fff}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#f60;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.footer-section h4{color:#f60;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-section p{color:#ccc;line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#f60}.contact-details p{margin-bottom:.5rem;color:#ccc;display:flex;align-items:center;gap:.5rem}.contact-details .material-symbols-rounded{color:#f60;font-size:1.2rem}.footer-bottom{border-top:1px solid #333333;padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#ccc;margin:0}.intro{padding:5rem 0;background:#1a1a1a;color:#fff}.intro h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.intro-item h3{font-size:1.4rem;color:#f60;margin-bottom:.75rem}.intro-item p{color:#ccc;line-height:1.7;margin-bottom:1rem}.intro-item a{color:#f60;font-weight:600;text-decoration:none}.intro-item a:hover{text-decoration:underline}@media(max-width:768px){.hero{background-size:100% auto;background-position:center bottom;align-items:flex-start;padding-top:100px;padding-bottom:60vw;min-height:auto}.hero:before{background:linear-gradient(180deg,#1a1a1a 0%,#1a1a1a 45%,rgba(26,26,26,.9) 60%,rgba(26,26,26,.5) 80%,transparent 100%)}.hero-container{text-align:center;padding:1rem}.hero-content{text-align:center;max-width:100%}.hero-title{font-size:2.2rem;letter-spacing:-1px}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:.95rem}.platforms-grid,.services-grid{grid-template-columns:1fr}.container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.hero{padding-top:80px}}@media(max-width:480px){.hero{background-size:90% auto}.hero:before{background:linear-gradient(180deg,#1a1a1a 0%,#1a1a1a 50%,rgba(26,26,26,.85) 65%,rgba(26,26,26,.4) 85%,transparent 100%)}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.2rem}.cta-button{padding:.8rem 1.5rem;font-size:.9rem}}.navbar{position:fixed;top:0;width:100%;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{text-decoration:none;display:flex;align-items:center}.nav-logo img{height:40px;width:auto;transition:transform .3s ease}.nav-logo img:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-item{margin:0}.nav-link{text-decoration:none;color:#fff;font-weight:700;font-size:1rem;transition:color .3s ease;padding:.5rem 0;position:relative}.nav-link:hover,.nav-link.active{color:#f60}.nav-link.active:after{width:100%}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f60;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;background:none;border:none;padding:0}.bar{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#1a1a1a;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #ffffff1a;padding:2rem 0}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.nav-toggle{display:flex}.nav-container{padding:0 1rem}}body{margin:0;min-width:320px;min-height:100vh}