*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#19212c;font-family:Arial,Helvetica,sans-serif;background:#fff;font-size:14px}.wrap{width:min(92%,1200px);margin:auto}.header{height:64px;background:#fff;border-bottom:1px solid #e7e9ec;position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:9px;color:#17202b;text-decoration:none;min-width:205px}.brand-mark{background:#d51e2b;color:#fff;width:31px;height:31px;display:grid;place-items:center;border-radius:3px;font-size:16px}.brand b{font-size:14px;letter-spacing:.4px}.brand small{display:block;font-size:8px;color:#68717b;margin-top:3px}.menu{display:flex;align-items:center;gap:30px;height:100%}.menu a,.footer nav a{font-size:11px;color:#27313c;text-decoration:none}.menu a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.menu a.active,.menu a:hover{color:#c91f2c;border-color:#c91f2c}.phone{display:grid;grid-template-columns:20px auto;text-decoration:none;color:#111b27;font-size:12px;align-items:center}.phone span{grid-row:span 2;color:#c91f2c;font-size:18px}.phone small{font-size:9px;color:#77808b;margin-top:3px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 27px;border-radius:7px;background:#cf202d;color:#fff;text-decoration:none;border:1px solid #cf202d;font-size:12px;cursor:pointer;transition:.2s}.btn:hover{background:#b91825}.btn-small{padding:11px 22px;font-size:10px;border-radius:20px}.btn-outline{background:transparent;color:#27313c;border-color:#d2d6dc}.btn-outline:hover{background:#fff;border-color:#c91f2c}.menu-toggle{display:none}.hero{background:#f4f6f8;min-height:355px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:44% 56%;min-height:355px;align-items:center}.hero-copy{padding:28px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7b8793;margin:0 0 8px}.hero h1{font-size:30px;line-height:1.13;letter-spacing:-.5px;margin:0 0 14px;font-weight:700}.hero h1 em{font-style:normal;color:#cf202d}.lead{font-size:13px;line-height:1.55;color:#4f5b68;max-width:380px;margin:0 0 25px}.benefits{display:flex;gap:20px;margin-bottom:25px}.benefits div{display:flex;align-items:center;gap:9px}.line-icon{color:#c91f2c;font-size:24px}.benefits p{font-size:10px;line-height:1.4;color:#57616d;margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{height:100%;position:relative;display:flex;align-items:center;overflow:hidden}.hero-visual>img{width:100%;height:100%;max-height:355px;object-fit:cover;object-position:center}.scribble{position:absolute;right:4%;top:18%;color:#c91f2c;font-size:11px;line-height:1.35;font-style:italic;transform:rotate(-9deg);text-align:center}.scribble span{display:block;font-size:27px;margin-top:8px}.section{padding:32px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section h2{font-size:21px;line-height:1.15;margin:0;font-weight:700}.section-heading>p{font-size:11px;line-height:1.5;color:#687482;margin:0 8% 3px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid #e0e3e7;border-radius:9px;overflow:hidden;box-shadow:0 2px 7px #15202b08;background:#fff}.card>img{width:100%;height:114px;object-fit:cover;display:block}.card-body{padding:13px 14px 16px}.card h3{font-size:13px;margin:0 0 9px}.card p{font-size:10px;line-height:1.55;color:#697482;min-height:46px;margin:0 0 13px}.card a,.brands-heading>a{color:#c91f2c;text-decoration:none;font-size:11px;font-weight:bold}.card a span,.brands-heading span{padding-left:6px}.service{background:#f4f6f8}.service-grid{display:grid;grid-template-columns:43% 26% 31%;align-items:center;gap:0;min-height:205px}.service h2{font-size:20px;margin-bottom:16px}.service-text{font-size:11px;line-height:1.55;color:#65717e;max-width:440px;margin-bottom:17px}.service-list{list-style:none;margin:0;padding:0 10px 0 0}.service-list li{font-size:10px;color:#4f5b67;padding:8px 0 8px 26px;position:relative}.service-list li:before{content:'◇';position:absolute;left:0;color:#c91f2c;font-size:16px;top:5px}.repair-img{width:100%;height:205px;object-fit:cover;object-position:center}.brands{padding:22px 0 14px}.brands-heading{display:flex;justify-content:space-between;align-items:center}.brands-heading h2{font-size:17px;margin-bottom:4px}.brands-heading p{font-size:10px;color:#687482;margin:0;line-height:1.4}.brand-list{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 5px;white-space:nowrap}.brand-list b{font-size:17px}.promethean{font-size:14px!important}.new{color:#1265a2;font-weight:400}.smart{font-weight:400}.maxhub{letter-spacing:2px}.hisense{color:#1596a4}.viewsonic{font-family:Georgia;font-size:14px!important;color:#bc1d26}.lg{color:#c91f2c}.benq{color:#38266e;font-size:21px!important}.why{padding:16px 0 20px}.why h2{font-size:17px;margin-bottom:17px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px}.why-grid div{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.45;color:#53606d}.why-grid span{font-size:23px;color:#c91f2c}.cta{display:grid;grid-template-columns:31% 1fr auto;align-items:center;background:#f4f6f8;border-radius:8px;overflow:hidden;min-height:116px;gap:25px;padding-right:9%}.cta img{width:100%;height:116px;object-fit:cover}.cta h2{font-size:16px;margin:0 0 7px}.cta p:not(.eyebrow){font-size:10px;line-height:1.45;color:#66727e;margin:0}.cta .eyebrow{font-size:9px;margin-bottom:6px}.cta .btn{font-size:10px;padding:12px 22px;white-space:nowrap}.contact{background:#f7f8fa}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact h2{font-size:24px;margin:0 0 12px}.contact p:not(.eyebrow){color:#687482;line-height:1.6;font-size:13px;max-width:450px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact label{font-size:11px;color:#56616d;display:grid;gap:6px}.contact label:nth-child(3){grid-column:1/-1}.contact input,.contact select{padding:12px;border:1px solid #dce0e5;border-radius:5px;background:#fff;font:inherit}.contact form button{justify-self:start}.contact form small{font-size:9px;color:#89919a;align-self:center}.footer{background:#171e27;color:#e8edf2;padding:18px 0 12px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #35404b}.inverse{color:#fff}.inverse small{color:#aeb8c2}.footer nav{display:flex;gap:22px}.footer nav a{color:#c5cbd2;font-size:10px}.footer-phone{color:#fff;text-decoration:none;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;padding-top:12px;color:#b6bec8;font-size:9px}.footer-bottom a{color:#b6bec8;text-decoration:none}.desktop{display:initial}
@media(max-width:850px){.nav{gap:12px}.brand{min-width:auto}.menu{gap:14px}.phone{display:none}.hero h1{font-size:26px}.hero-grid{grid-template-columns:47% 53%}.service-grid{grid-template-columns:1fr 1fr}.repair-img{display:none}.service-list{padding-left:20px}.cta{padding-right:3%;gap:12px}.brand-list b{font-size:14px}.promethean{font-size:12px!important}}
@media(max-width:600px){.wrap{width:90%}.header{height:60px}.nav{position:relative}.brand b{font-size:13px}.menu-toggle{display:block;border:0;background:none;font-size:22px;color:#26313c}.menu{display:none;position:absolute;top:59px;left:-5.5%;width:111%;height:auto;background:#fff;padding:10px 5%;box-shadow:0 8px 14px #0001;align-items:stretch;flex-direction:column;gap:0}.menu.open{display:flex}.menu a{height:auto;padding:13px 0;border-bottom:1px solid #eee}.nav>.btn{display:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:28px 0 22px}.hero h1{font-size:30px}.lead{font-size:13px}.benefits{gap:10px;justify-content:space-between}.benefits p{font-size:9px}.line-icon{font-size:20px}.actions{gap:9px}.actions .btn{padding:12px 15px;font-size:10px}.hero-visual{height:220px;margin:0 -5.9%;width:111%}.hero-visual>img{height:220px}.scribble{font-size:9px;right:3%;top:10%}.section{padding:27px 0}.section-heading{display:block}.section-heading>p{margin:12px 0 0;font-size:11px}.desktop{display:none}.cards{grid-template-columns:1fr 1fr;gap:10px}.card>img{height:110px}.card-body{padding:11px}.card h3{font-size:12px}.card p{font-size:10px;min-height:62px}.service-grid{display:block}.service h2{font-size:21px}.service-list{padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.service-list li{font-size:10px;padding-left:22px}.service .actions .btn{font-size:10px}.brands-heading{align-items:flex-start}.brands-heading p{max-width:260px}.brand-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 8px;padding:22px 0 5px;text-align:center}.brand-list b{font-size:14px}.promethean{font-size:11px!important}.viewsonic{font-size:11px!important}.benq{font-size:17px!important}.why-grid{grid-template-columns:1fr 1fr;gap:14px}.why-grid div:last-child{grid-column:1/-1}.cta{grid-template-columns:1fr;padding:0 0 18px;gap:12px}.cta img{height:150px}.cta>div{padding:0 17px}.cta .btn{justify-self:start;margin-left:17px}.contact-inner{grid-template-columns:1fr;gap:15px}.contact h2{font-size:22px}.contact form{grid-template-columns:1fr}.contact label:nth-child(3){grid-column:auto}.contact form small{line-height:1.4}.footer-top{flex-wrap:wrap;gap:18px}.footer nav{order:3;width:100%;flex-wrap:wrap;gap:14px}.footer-phone{font-size:10px}.footer-bottom{display:flex;flex-direction:column;gap:9px;line-height:1.5}.footer-bottom span:last-child{display:flex;flex-wrap:wrap;gap:5px}}