/* Navigation, photographic headers and scroll motion */
.site-header{padding:20px 0}.nav-wrap{width:min(1210px,calc(100% - 32px));padding:8px 9px 8px 20px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(12,20,43,.62);box-shadow:0 14px 36px rgba(0,0,0,.16);backdrop-filter:blur(18px)}.site-header.is-scrolled{background:transparent;padding:10px 0}.site-header.is-scrolled .nav-wrap{background:rgba(12,20,43,.92);box-shadow:0 10px 26px rgba(0,0,0,.24)}.main-nav{gap:4px;font-size:14px}.main-nav>a:not(.nav-cta){padding:10px 14px;border-radius:999px}.main-nav>a:not(.nav-cta):hover,.main-nav>a:not(.nav-cta):focus{background:rgba(255,255,255,.11);text-decoration:none}.nav-cta{padding:12px 21px;box-shadow:0 5px 14px rgba(255,183,51,.25)}
.page-hero,.contact-page{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#101a35}.page-hero:before,.contact-page:before{content:'';position:absolute;z-index:-2;inset:-9%;background:url('../img/iscreen-digital-signage.jpg') center/cover no-repeat;transform:translate3d(0,var(--parallax-y,0),0) scale(1.06);will-change:transform}.page-hero:after,.contact-page:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(102deg,rgba(9,17,40,.91),rgba(11,19,44,.58) 53%,rgba(10,17,36,.28))}.page-hero.image-hero{background:#101a35}.page-hero.image-hero:before{background-position:center 18%}.solution-hero:before{background-position:left top}.resources-hero:before{background-position:right bottom}.privacy-hero:before{background-position:right top}.page-hero .container,.contact-page .container{position:relative}.page-hero .eyebrow{color:#f5c350}.page-hero h1{color:#fff}.page-hero>div>p:not(.eyebrow){color:rgba(255,255,255,.9)}.contact-page:before{opacity:.4;background-position:center bottom}.contact-page:after{background:linear-gradient(100deg,rgba(11,20,48,.97),rgba(11,20,48,.79) 55%,rgba(11,20,48,.5))}
[data-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity .75s cubic-bezier(.2,.65,.25,1),transform .75s cubic-bezier(.2,.65,.25,1)}[data-reveal].is-visible{opacity:1;transform:none}.use-card[data-reveal]:nth-child(2){transition-delay:.1s}.use-card[data-reveal]:nth-child(3){transition-delay:.2s}.use-card[data-reveal]:nth-child(4){transition-delay:.3s}.hero-content>*{animation:rise .75s both cubic-bezier(.2,.65,.25,1)}.hero-content>*:nth-child(2){animation-delay:.1s}.hero-content>*:nth-child(3){animation-delay:.18s}.hero-content>*:nth-child(4){animation-delay:.27s}.hero-content>*:nth-child(5){animation-delay:.36s}@keyframes rise{from{opacity:0;transform:translate3d(0,25px,0)}to{opacity:1;transform:none}}
@media(max-width:800px){.site-header{padding:10px 0}.nav-wrap{padding:6px 9px 6px 16px}.main-nav{border-radius:20px;margin-top:9px;border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 30px rgba(0,0,0,.24)}.main-nav>a:not(.nav-cta){padding:10px 0}.page-hero:before,.contact-page:before{inset:-14%;transform:translate3d(0,var(--parallax-y,0),0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}

/* Contact form: compact conversion card, not a stretched empty panel */
.hero-media{animation:none;transform:translate3d(0,var(--parallax-y,0),0) scale(1.07);will-change:transform}.contact-grid{align-items:start}.contact-form{align-self:start;padding:0 34px 30px;border:1px solid rgba(255,255,255,.48);box-shadow:0 22px 55px rgba(0,0,0,.24);overflow:hidden}.form-intro{display:flex;gap:14px;align-items:center;margin:0 -34px 28px;padding:22px 34px;border-bottom:1px solid #e2e4ec;background:linear-gradient(115deg,#f9faff,#edf0ff)}.form-intro strong{display:block;font-size:17px;letter-spacing:-.025em}.form-intro p{margin:2px 0 0;color:#606a82;font-size:12px}.form-step{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--navy);color:#f5c350;font:11px var(--mono)}.contact-form input:not([type=checkbox]),.contact-form textarea{border-color:#d9ddea;background:#f8f9fc;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input:not([type=checkbox]){height:45px}.contact-form textarea{min-height:122px}.contact-form input:hover,.contact-form textarea:hover{border-color:#a9b0c3;background:#fff}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(75,88,231,.12)}.contact-form .consent{margin:19px 0 18px}.form-submit{display:flex;align-items:center;gap:15px}.form-submit .button{padding:15px 23px}.form-submit small{color:#65708a;font-size:11px;line-height:1.35}.form-status{margin-bottom:0}
@media(max-width:800px){.contact-form{padding:0 22px 24px}.form-intro{margin:0 -22px 24px;padding:19px 22px}.form-submit{align-items:flex-start;flex-direction:column;gap:10px}.form-submit .button{width:100%}}

.use-grid[data-scroll-cluster] .use-card{will-change:transform;transform-origin:center bottom}.use-grid[data-scroll-cluster]{padding-top:24px;padding-bottom:24px}
@media(max-width:800px){.use-grid[data-scroll-cluster]{padding:0}.use-grid[data-scroll-cluster] .use-card{transform:none!important}}

/* Each page and sector gets a real contextual photograph */
.solution-hero:before{background-image:url('../img/solutions-retail.jpg')}.image-hero:before{background-image:url('../img/sectors-mall.jpg')}.resources-hero:before{background-image:url('../img/resources-office.jpg')}.privacy-hero:before{background-image:url('../img/privacy-office.jpg')}.contact-page:before{background-image:url('../img/contact-office.jpg')}.use-card.mall{background-image:linear-gradient(0deg,rgba(8,14,35,.88),rgba(8,14,35,.08) 78%),url('../img/sectors-mall.jpg');background-position:center;background-size:cover}.use-card.restaurant{background-image:linear-gradient(0deg,rgba(8,14,35,.9),rgba(8,14,35,.04) 78%),url('../img/restaurant-fastfood.jpg');background-position:center;background-size:cover}.use-card.auto{background-image:linear-gradient(0deg,rgba(8,14,35,.9),rgba(8,14,35,.04) 78%),url('../img/auto-dealership.jpg');background-position:center;background-size:cover}.use-card.corporate{background-image:linear-gradient(0deg,rgba(8,14,35,.9),rgba(8,14,35,.04) 78%),url('../img/internal-comms.jpg');background-position:center;background-size:cover}
.sector-detail-hero:before{background-position:center}.retail-detail:before{background-image:url('../img/sectors-mall.jpg')}.restaurant-detail:before{background-image:url('../img/restaurant-fastfood.jpg')}.automotive-detail:before{background-image:url('../img/auto-dealership.jpg')}.internal-detail:before{background-image:url('../img/internal-comms.jpg')}.detail-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-points article{padding:24px;border-radius:16px;background:#eceaf0}.detail-points h3{margin:0 0 8px}.detail-points p{margin:0;font-size:14px}.detail-cta{margin-top:50px;padding:36px;border-radius:22px;background:#121c38;color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.detail-cta h2{font-size:clamp(1.8rem,3vw,3rem);margin:0;max-width:620px}@media(max-width:800px){.detail-points{grid-template-columns:1fr}.detail-cta{display:block}.detail-cta .button{margin-top:22px}}
.restaurant-detail:before{background-position:center 8%}.automotive-detail:before{background-position:center 34%}.internal-detail:before{background-position:center 30%}

/* Breathing room and commercial storytelling */
.detail-points,.detail-cta{width:min(1180px,calc(100% - 96px));margin-left:auto;margin-right:auto}.detail-cta{margin-top:52px}.commercial-case{width:min(1180px,calc(100% - 96px));margin:64px auto 0;padding:44px;border:1px solid rgba(23,33,60,.1);border-radius:26px;background:linear-gradient(135deg,#f0eff5,#fff)}.commercial-case>div:first-child{max-width:670px}.commercial-case h2{font-size:clamp(2rem,3.5vw,3.5rem);margin-bottom:16px}.commercial-case>div:first-child>p:not(.eyebrow){font-size:17px;max-width:600px}.commercial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.commercial-steps article{padding:20px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,29,56,.06)}.commercial-steps b{display:block;color:var(--blue);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}.commercial-steps p{margin:0;font-size:14px;line-height:1.5}.conversion-band{margin:0 auto;width:min(1180px,calc(100% - 96px));border-radius:26px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(110deg,#111c3c,#31487d);color:#fff}.conversion-band h2{font-size:clamp(2rem,3.5vw,3.6rem);margin:0;max-width:700px}.conversion-band p{max-width:620px;margin:15px 0 0;color:rgba(255,255,255,.8)}[data-scroll-scene]{will-change:transform;transform-origin:center center}@media(max-width:800px){.detail-points,.detail-cta,.commercial-case,.conversion-band{width:min(100% - 34px,640px)}.commercial-case{padding:28px 22px;margin-top:42px}.commercial-steps{grid-template-columns:1fr}.conversion-band{padding:30px 24px;display:block}.conversion-band .button{margin-top:20px}[data-scroll-scene]{transform:none!important}}
