:root{--ink:#17213c;--navy:#111a33;--blue:#4b58e7;--violet:#7769df;--amber:#ffb733;--paper:#f7f6f3;--mist:#e7e5ed;--white:#fff;--line:rgba(23,33,60,.14);--radius:22px;--font:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.65 var(--font)}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(3.15rem,7vw,6.7rem);font-weight:700}h2{font-size:clamp(2.15rem,4.4vw,4.45rem);font-weight:700}h3{font-size:1.35rem}.container{width:min(1180px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:12px;top:-100px;z-index:1000;background:var(--white);padding:10px 16px}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:10;top:0;width:100%;color:white;padding:20px 0;transition:.25s}.site-header.is-scrolled{position:fixed;background:rgba(16,25,49,.92);backdrop-filter:blur(16px);padding:10px 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:150px}.brand img{display:block;filter:brightness(0) invert(1)}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.main-nav>a:not(.nav-cta){opacity:.88}.main-nav>a:hover,.main-nav>a:focus{text-decoration:underline;text-underline-offset:6px}.nav-cta{background:var(--amber);color:var(--ink);padding:11px 17px;border-radius:999px}.nav-toggle{display:none}.hero{min-height:730px;height:100svh;max-height:940px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('../img/iscreen-digital-signage.jpg') center/cover no-repeat;transform:scale(1.05);animation:drift 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(8,16,38,.88) 0%,rgba(10,16,35,.52) 46%,rgba(10,16,35,.08) 75%),linear-gradient(0deg,rgba(9,15,35,.58),transparent 47%)}@keyframes drift{to{transform:scale(1.14) translate3d(-1%,-1%,0)}}.hero-content{position:relative;padding-bottom:72px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font:500 11px var(--mono);margin-bottom:20px}.eyebrow.light{color:#f2c250}.hero h1{max-width:820px;margin-bottom:22px}.hero h1 em{color:#f5c350;font-style:normal}.hero-copy{font-size:clamp(1rem,1.6vw,1.22rem);max-width:560px;line-height:1.6;opacity:.9}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;cursor:pointer;border-radius:999px;padding:14px 20px;font:700 14px var(--font);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--amber);color:var(--ink)}.button-white{background:#fff;color:var(--ink)}.button span,.text-link span{font-size:19px;line-height:1}.text-link{font-size:13px;font-weight:800;display:inline-flex;gap:9px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link.light{color:#fff}.hero-proof{display:flex;align-items:center;gap:18px;margin-top:58px;border-top:1px solid rgba(255,255,255,.28);padding-top:14px;max-width:330px}.hero-proof span{color:#f5c350;font:12px var(--mono)}.hero-proof p{margin:0;font-size:11px;line-height:1.45}.section{padding:125px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.intro h2{max-width:500px}.intro-copy{padding-top:10px;font-size:18px}.intro-copy p{margin-bottom:22px}.parallax-panel{min-height:520px;background:linear-gradient(90deg,rgba(13,22,48,.94),rgba(13,22,48,.38)),url('../img/iscreen-digital-signage.jpg') center/cover fixed;display:flex;align-items:center;color:#fff}.panel-content{padding:90px 0}.panel-content h2{max-width:660px}.panel-content>p:not(.eyebrow){max-width:470px;margin-bottom:28px;font-size:18px}.section-heading{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:45px}.section-heading h2{max-width:720px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-card{min-height:445px;padding:24px;color:white;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background-size:200% 200%;background-image:linear-gradient(145deg,#162242,#4565da 48%,#f0ad2c);transition:transform .3s,box-shadow .3s}.use-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,30,.81),transparent 70%)}.use-card>*{position:relative}.use-card:hover{transform:translateY(-8px);box-shadow:0 18px 42px rgba(25,32,67,.25)}.use-card span{font:11px var(--mono);color:#f5c350;margin-bottom:12px}.use-card strong{font-size:20px;line-height:1.15;letter-spacing:-.035em}.use-card i{font-size:24px;font-style:normal;margin-top:18px}.use-card.mall{background-position:0 0}.use-card.restaurant{background-position:100% 0;background-image:linear-gradient(145deg,#1e1c28,#835942 48%,#f8b43a)}.use-card.auto{background-position:0 100%;background-image:linear-gradient(145deg,#283444,#35668c 50%,#dcb36f)}.use-card.corporate{background-position:100% 100%;background-image:linear-gradient(145deg,#1e2544,#5a66a4 50%,#c8a358)}.process{background:#eceaf0}.process-head{display:flex;gap:10%;align-items:end;margin-bottom:54px}.process-head h2{flex:1}.process-head p{max-width:360px;font-size:17px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:0;list-style:none;border-top:1px solid var(--line)}.process li{padding:20px 20px 0 0;margin-right:20px;border-right:1px solid var(--line)}.process li:last-child{border:none}.process b{font:11px var(--mono);color:var(--blue)}.process h3{margin:38px 0 8px}.process p{font-size:14px;line-height:1.55}.cta-section{background:var(--navy);color:#fff;text-align:center;padding:132px 0}.cta-section h2{max-width:760px;margin:0 auto 34px}.page-hero{padding:205px 0 100px;background:linear-gradient(115deg,#ece8ff,transparent),var(--paper)}.page-hero h1{max-width:920px;margin-bottom:24px}.page-hero>div>p:not(.eyebrow){max-width:640px;font-size:18px}.page-hero.image-hero{background:linear-gradient(110deg,rgba(245,244,240,.94),rgba(245,244,240,.58)),url('../img/iscreen-digital-signage.jpg') center/cover}.page-hero.compact{padding-bottom:65px}.feature-list article{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:42px 0;border-top:1px solid var(--line)}.feature-list article:last-child{border-bottom:1px solid var(--line)}.feature-list article>span{font:14px var(--mono);color:var(--blue)}.feature-list h2{font-size:clamp(2rem,3.5vw,3.6rem);max-width:820px;margin-bottom:18px}.feature-list p:not(.eyebrow){max-width:680px;font-size:17px}.dark-section{background:var(--navy);color:#fff}.check-list{padding-top:15px}.check-list p{border-top:1px solid rgba(255,255,255,.2);padding:16px 0;margin:0;font-size:17px}.check-list p:last-of-type{border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:28px}.sectors article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;margin-bottom:95px}.sector-photo{border-radius:var(--radius);height:430px;background-image:url('../img/iscreen-digital-signage.jpg');background-size:200% 200%}.sector-photo.mall{background-position:0 0}.sector-photo.restaurant{background-position:100% 0}.sector-photo.auto{background-position:0 100%}.sector-photo.corporate{background-position:100% 100%}.sectors h2{font-size:clamp(2.05rem,3.8vw,3.8rem);margin-bottom:18px}.sectors p:not(.eyebrow){font-size:17px}.sectors ul{padding:0;list-style:none}.sectors li{border-top:1px solid var(--line);padding:11px 0;font-size:14px}.sectors li:before{content:'↗';color:var(--blue);margin-right:10px}.tinted{background:#e7e4ef}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{border:1px solid var(--ink);border-radius:999px;padding:10px 16px;font-size:14px}.article{background:#fff}.article-grid{display:grid;grid-template-columns:200px 1fr;gap:11%}.article aside{border-left:1px solid var(--line);padding-left:18px;align-self:start;position:sticky;top:100px}.article aside p{font:700 12px var(--mono);text-transform:uppercase}.article aside a{display:block;margin:10px 0;font-size:14px}.article section{scroll-margin-top:110px;margin-bottom:65px}.article section h2{font-size:clamp(2rem,3vw,3.2rem)}.article section p,.narrow p{max-width:720px;font-size:18px}.narrow{max-width:800px}.narrow h2{font-size:2rem;margin-top:45px}.contact-page{background:var(--navy);color:#fff;padding:190px 0 110px;min-height:100vh}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.contact-page h1{font-size:clamp(3.3rem,5.2vw,5.6rem)}.contact-page>div>div>p:not(.eyebrow){font-size:18px;max-width:470px}.contact-details{display:grid;gap:6px;margin-top:40px;font:14px var(--mono);color:#f2c250}.contact-form{border-radius:var(--radius);padding:34px;background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}.contact-form input:not([type=checkbox]),.contact-form textarea{border:1px solid #d2d4dc;padding:12px;border-radius:7px;color:var(--ink);font:15px var(--font);width:100%;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.contact-form .consent{display:flex;align-items:start;gap:9px;font-weight:400;line-height:1.45}.consent input{margin-top:3px}.consent a{color:var(--blue);text-decoration:underline}.form-status{margin:16px 0 0;font-size:14px;min-height:22px}.form-status.error{color:#b3261e}.honeypot{position:absolute;left:-9999px;opacity:0}.site-footer{background:#0a1126;color:#d8d9e3;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12%}.footer-logo{filter:brightness(0) invert(1);margin-bottom:14px}.footer-grid h2{font-size:13px;letter-spacing:0;margin-bottom:15px;color:#f5c350}.footer-grid p,.footer-grid a{font-size:13px;line-height:1.7}.footer-grid a{display:block;margin-bottom:6px}.footer-grid a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;font:10px var(--mono);color:#969cad}.footer-bottom span:last-child{color:#f5c350}@media(max-width:800px){.container{width:min(100% - 34px,640px)}.site-header{padding:12px 0}.brand{width:125px}.nav-toggle{display:grid;gap:4px;background:transparent;border:0;padding:10px;color:#fff}.nav-toggle span{width:25px;height:2px;background:currentColor}.main-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#111a33;padding:18px 24px;align-items:start;gap:18px;flex-direction:column}.main-nav.open{display:flex}.hero{min-height:680px}.hero-content{padding-bottom:42px}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-proof{margin-top:34px}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.section{padding:78px 0}.parallax-panel{min-height:460px;background-attachment:scroll}.section-heading{display:block}.section-heading .text-link{margin-top:10px}.use-grid{grid-template-columns:1fr 1fr}.use-card{min-height:290px}.process-head{display:block}.process ol{grid-template-columns:1fr 1fr;gap:20px}.process li:nth-child(2){border-right:none}.process li{padding-bottom:15px;margin-right:0}.process h3{margin-top:20px}.page-hero{padding:150px 0 70px}.feature-list article{grid-template-columns:45px 1fr;gap:15px}.sectors article,.sectors article.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:70px}.sectors article.reverse>div:first-child{order:2}.sector-photo{height:300px}.article-grid{grid-template-columns:1fr}.article aside{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;gap:14px;flex-wrap:wrap}.article aside p{width:100%;margin-bottom:2px}.article aside a{margin:0}.contact-page{padding:140px 0 70px}.contact-form{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:12px;flex-direction:column}}@media(max-width:480px){.use-grid,.process ol,.form-row{grid-template-columns:1fr}.use-card{min-height:250px}.process li{border-right:0;border-bottom:1px solid var(--line)}.process li:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.button{width:100%}.text-link{font-size:12px}}
