/* Corrections from the Windows comparison photos. Keep header and hero apart. */
html[data-view=public] .header{flex-wrap:nowrap;align-items:center}
html[data-view=public] .header-right{flex-shrink:0;max-width:calc(100% - 240px)}
html[data-view=public] .brand{flex-shrink:0}
html[data-view=public] .brand img{width:210px;height:auto;opacity:1;filter:brightness(1.3) contrast(1.12) drop-shadow(0 2px 3px #0009)}
html[data-home=true][data-view=public] .photo-hero{min-height:max(780px,calc(100svh - 28px));padding:280px 0 75px}
html[data-home=true][data-view=public] .photo-hero .wrap{position:relative}
html[data-view=public] body[data-public-site=true] .topbar{top:0}
html[data-view=public] .header nav a{white-space:nowrap;color:#f6f3ed;font-weight:600}
html[data-view=public] .services-grid{gap:22px;grid-auto-rows:1fr;align-items:stretch}
html[data-view=public] .services-grid>article{height:100%;min-width:0;min-height:350px;padding:24px 26px 28px;border:1px solid #77709b;border-radius:15px;background:linear-gradient(145deg,#ffffff,#f0edf9);box-shadow:inset 0 2px 2px #fff,0 4px 8px #29204625,0 12px 26px #29204613;transition:box-shadow .2s ease,border-color .2s ease}
html[data-view=public] .services-grid>article:hover{border-color:#6a32c9;box-shadow:inset 0 2px 2px #fff,0 8px 22px #49357530}
html[data-view=public] .services-grid h3{text-align:center;font-size:20px!important;line-height:1.5;min-height:60px;margin:0 0 20px}
html[data-view=public] .services-grid .check-list{margin:0;color:#25222e}
html[data-view=public] .services-grid .check-list li{font-size:15px;line-height:1.7;margin-bottom:8px;padding-left:17px;overflow-wrap:anywhere}
html[data-view=public] .services-grid .check-list li:before{content:'–';color:#625772}
html[data-view=public] .software-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:65px auto 85px;max-width:1080px}
html[data-view=public] .software-grid figure{display:flex;flex-direction:column;align-items:center;gap:20px}
html[data-view=public] .software-grid figcaption{order:-1;margin:0;font-family:Poppins,sans-serif;font-size:20px;color:#171422}
html[data-view=public] .software-grid img{height:135px;width:100%;max-width:223px}
html[data-view=public] .software-grid figure:last-child{grid-column:2 / 4;width:223px;max-width:100%;justify-self:center}
html[data-view=public] .webdj-image{width:min(330px,100%);height:auto;margin-top:35px;border-radius:0;box-shadow:none}
html[data-view=public] .service-founder{display:flex;flex-direction:column;text-align:center;gap:0;max-width:1100px;padding:80px 0}
html[data-view=public] .service-founder h2{font-size:32px;margin-bottom:28px}
html[data-view=public] .service-founder p{font-size:19px;line-height:1.6;max-width:1000px;margin:0 auto 36px}
html[data-view=public] .service-founder>img{width:90px;height:90px;aspect-ratio:1;object-fit:cover;object-position:center 24%;border-radius:50%;margin:0 auto 24px}
html[data-view=public] .service-founder strong{font-size:20px;font-weight:400;display:block}
html[data-view=public] .service-founder small{font-size:15px;color:#575064;display:block;margin-top:8px}
@media(max-width:1050px){html[data-view=public] .brand img{width:180px}html[data-view=public] .header-right{max-width:calc(100% - 200px)}html[data-home=true][data-view=public] .photo-hero{padding-top:245px}html[data-view=public] .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-view=public] .services-grid>article{padding:24px 20px}}
@media(max-width:760px){html[data-view=public] .brand img{width:130px}html[data-view=public] .header-right{max-width:calc(100% - 150px)}html[data-home=true][data-view=public] .photo-hero{min-height:740px;padding:210px 0 65px}html[data-view=public] .header nav a{white-space:normal}html[data-view=public] .services-grid{grid-auto-rows:1fr;gap:20px}html[data-view=public] .services-grid h3{font-size:18px!important}html[data-view=public] .software-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}html[data-view=public] .software-grid figure:last-child{grid-column:1 / 3}html[data-view=public] .service-founder h2{font-size:27px!important}html[data-view=public] .service-founder p{font-size:17px}html[data-view=public] .service-founder>img{width:90px;height:90px;margin:0 auto 24px}}
@media(max-width:500px){html[data-view=public] .brand img{width:110px}html[data-view=public] .header-right{max-width:calc(100% - 125px)}html[data-view=public] .services-grid{grid-template-columns:1fr;grid-auto-rows:auto}html[data-view=public] .services-grid>article{min-height:0}html[data-view=public] .services-grid h3{min-height:0}html[data-view=public] .software-grid figcaption{font-size:16px}}